/* Minification failed. Returning unminified contents.
(1559,22): run-time error CSS1030: Expected identifier, found '.'
(1559,48): run-time error CSS1031: Expected selector, found ')'
(1559,48): run-time error CSS1025: Expected comma or open brace, found ')'
(5178,149): run-time error CSS1046: Expect comma, found '0'
(5178,153): run-time error CSS1046: Expect comma, found '/'
(5178,264): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(5203,95): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5218,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5218,123): run-time error CSS1039: Token not allowed after unary operator: '-max-line'
(5234,7): run-time error CSS1030: Expected identifier, found '.'
(5234,26): run-time error CSS1031: Expected selector, found ')'
(5234,26): run-time error CSS1025: Expected comma or open brace, found ')'
(5235,7): run-time error CSS1030: Expected identifier, found '.'
(5235,17): run-time error CSS1031: Expected selector, found ')'
(5235,17): run-time error CSS1025: Expected comma or open brace, found ')'
(5752,40): run-time error CSS1030: Expected identifier, found '.'
(5752,59): run-time error CSS1031: Expected selector, found ')'
(5752,59): run-time error CSS1025: Expected comma or open brace, found ')'
(6316,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(6810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6818,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(6819,18): run-time error CSS1039: Token not allowed after unary operator: '-height'
(6821,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6828,26): run-time error CSS1039: Token not allowed after unary operator: '-background'
(6829,21): run-time error CSS1039: Token not allowed after unary operator: '-width'
(6830,22): run-time error CSS1039: Token not allowed after unary operator: '-height'
(6833,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(6903,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(6948,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(7843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7872,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-color'
(7881,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-color'
(7910,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(7911,21): run-time error CSS1039: Token not allowed after unary operator: '-h1-font-size'
(8060,15): run-time error CSS1030: Expected identifier, found '#he-thong-tab'
(8060,35): run-time error CSS1031: Expected selector, found ')'
(8060,35): run-time error CSS1025: Expected comma or open brace, found ')'
(8312,1): run-time error CSS1019: Unexpected token, found '}'
(8330,28): run-time error CSS1039: Token not allowed after unary operator: '-group-color'
(8379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8391,34): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8413,52): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8420,28): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8420,46): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8420,68): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8439,52): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8461,29): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8467,42): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8471,42): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8476,24): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8476,46): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8476,64): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8491,28): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8496,31): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8500,31): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8504,24): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8504,42): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8504,60): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8519,27): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8524,37): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8528,37): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8532,28): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8532,46): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8532,64): run-time error CSS1039: Token not allowed after unary operator: '-arrow-size'
(8579,36): run-time error CSS1046: Expect comma, found '0'
(8579,40): run-time error CSS1046: Expect comma, found '/'
(8590,43): run-time error CSS1046: Expect comma, found '144'
(8590,51): run-time error CSS1046: Expect comma, found '/'
(8619,48): run-time error CSS1030: Expected identifier, found '.'
(8619,61): run-time error CSS1031: Expected selector, found ')'
(8619,61): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/**
 * Bootstrap Multiselect (http://davidstutz.de/bootstrap-multiselect/)
 *
 * Apache License, Version 2.0:
 * Copyright (c) 2012 - 2022 David Stutz
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a
 * copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * BSD 3-Clause License:
 * Copyright (c) 2012 - 2022 David Stutz
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *    - Redistributions of source code must retain the above copyright notice,
 *      this list of conditions and the following disclaimer.
 *    - Redistributions in binary form must reproduce the above copyright notice,
 *      this list of conditions and the following disclaimer in the documentation
 *      and/or other materials provided with the distribution.
 *    - Neither the name of David Stutz nor the names of its contributors may be
 *      used to endorse or promote products derived from this software without
 *      specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
 * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
span.multiselect-native-select {
  position: relative;
}
span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px;
}
.multiselect.dropdown-toggle:after {
  display: none;
}
.multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.multiselect-container .multiselect-reset .input-group {
  width: 93%;
}
.multiselect-container .multiselect-filter > .fa-search {
  z-index: 1;
  padding-left: 0.75rem;
}
.multiselect-container .multiselect-filter > input.multiselect-search {
  border: none;
  border-bottom: 1px solid lightgrey;
  padding-left: 2rem;
  margin-left: -1.625rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.multiselect-container .multiselect-filter > input.multiselect-search:focus {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.multiselect-container .multiselect-filter > .multiselect-moz-clear-filter {
  margin-left: -1.5rem;
  display: none;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented-full {
  padding-left: 2.6rem;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented {
  padding-left: 1.8rem;
}
.multiselect-container .multiselect-group {
  cursor: pointer;
}
.multiselect-container .multiselect-group.closed .dropdown-toggle::after {
  transform: rotate(-90deg);
}
.multiselect-container .multiselect-group .caret-container ~ .form-check {
  margin-left: 0.5rem;
}
.multiselect-container .multiselect-option,
.multiselect-container .multiselect-group,
.multiselect-container .multiselect-all {
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
}
.multiselect-container .multiselect-option.dropdown-item,
.multiselect-container .multiselect-group.dropdown-item,
.multiselect-container .multiselect-all.dropdown-item,
.multiselect-container .multiselect-option.dropdown-toggle,
.multiselect-container .multiselect-group.dropdown-toggle,
.multiselect-container .multiselect-all.dropdown-toggle {
  cursor: pointer;
}
.multiselect-container .multiselect-option .form-check-label,
.multiselect-container .multiselect-group .form-check-label,
.multiselect-container .multiselect-all .form-check-label {
  cursor: pointer;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
  background-color: lightgrey;
  color: black;
}
.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
  background-color: darkgray !important;
}
.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
  padding: 0 5px 0 20px;
}
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
  outline: none;
}
.form-inline .multiselect-container span.form-check {
  padding: 3px 20px 3px 40px;
}
.input-group.input-group-sm > .multiselect-native-select .multiselect {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  padding-right: 1.75rem;
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group > .multiselect-native-select {
  flex: 1 1 auto;
  width: 1%;
}
.input-group > .multiselect-native-select > div.btn-group {
  width: 100%;
}
.input-group > .multiselect-native-select:not(:first-child) .multiselect {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .multiselect-native-select:not(:last-child) .multiselect {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}
/*# sourceMappingURL=introjs.min.css.map */
@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
.c-white{color:#fff}
.c-black{color:#000}
.c-text{color:#333}
.c-grey{color:#555}
.c-light{color:#999}
.c-light-2{color:#cfcfcf}
.c-light-3{color:#888}
.c-gray{color:#8f8f8f}
.c-red{color:#ff4a4a}
.c-blue{color:#0078ff}
.c-blue-2{color:#2e97f3}
.c-blue-dark{color:#233454}
.c-orange{color:#ffa52d}
.c-green{color:#04b64b}
.bg-blue{background-color:#0078ff}
.bg-blue-2{background-color:#208fd3}
.bg-blue-3{background-color:#087dc4}
.bg-green{background-color:#04b64b}
.bg-blue-light{background-color:#00c2f3}
.bg-blue-light-2{background-color:#30b2ff}
.bg-blue-light-3{background-color:#dde8ef}
.bg-blue-light-4{background-color:#89d4ff}
.bg-orange{background-color:#ffa52d}
.bg-orange-2{background-color:#f48500}
.bg-red{background-color:#ff4a4a}
.bd-orange{border-color:#ffa52d}
.bd-red{border-color:#ff4a4a}
.fz-7{font-size:7px;line-height:1}
.fz-9{font-size:9px;line-height:1}
.fz-10{font-size:10px;line-height:1}
.fz-11{font-size:11px;line-height:1.2}
.fz-12{font-size:11px;line-height:1.36}
@media screen and (min-width:768px){
.fz-12{font-size:12px}
}
.fz-13{font-size:12px;line-height:1.2}
@media screen and (min-width:768px){
.fz-13{font-size:13px}
}
.fz-14{font-size:12px;line-height:1.5}
@media screen and (min-width:768px){
.fz-14{font-size:14px}
}
.fz-15{font-size:13px;line-height:1.467}
@media screen and (min-width:768px){
.fz-15{font-size:15px}
}
.fz-16{font-size:14px;line-height:1.5}
@media screen and (min-width:768px){
.fz-16{font-size:16px}
}
.fz-17{font-size:15px;line-height:1.2}
@media screen and (min-width:768px){
.fz-17{font-size:17px}
}
.fz-18{font-size:16px;line-height:1.2}
@media screen and (min-width:768px){
.fz-18{font-size:18px}
}
.fz-20{font-size:18px;line-height:1.6}
@media screen and (min-width:768px){
.fz-20{font-size:20px}
}
.fz-22{font-size:16px;line-height:1.4}
@media screen and (min-width:768px){
.fz-22{line-height:1.45;font-size:22px}
}
.fz-24{font-size:18px;line-height:1.34}
@media screen and (min-width:768px){
.fz-24{font-size:24px}
}
.fz-26{font-size:18px;line-height:1.38}
@media screen and (min-width:768px){
.fz-26{font-size:26px}
}
.fz-30{font-size:20px;line-height:1.2}
@media screen and (min-width:768px){
.fz-30{font-size:30px}
}
.fz-32{font-size:20px;line-height:1.2}
@media screen and (min-width:768px){
.fz-32{font-size:32px}
}
.fz-36{font-size:22px;line-height:1.2}
@media screen and (min-width:768px){
.fz-36{font-size:36px}
}
.fz-40{font-size:22px;line-height:1.2}
@media screen and (min-width:768px){
.fz-40{font-size:40px}
}
.fz-42{font-size:24px;line-height:1.2}
@media screen and (min-width:768px){
.fz-42{font-size:42px}
}
.fz-45{font-size:24px;line-height:1.2}
@media screen and (min-width:768px){
.fz-45{font-size:45px}
}
.fz-48{font-size:26px;line-height:1.2}
@media screen and (min-width:768px){
.fz-48{font-size:48px}
}
.fw-light{font-weight:300}
.fw-regular{font-weight:400}
.fw-medium{font-weight:500}
.fw-semi-bold{font-weight:600}
.fw-black{font-weight:900}
.underline{text-decoration:underline;text-underline-position:under}
.font-roboto{font-family:Roboto,sans-serif}
.font-open-sans{font-family:"Open Sans",sans-serif}
.font-baloo{font-family:"Baloo 2",cursive}
.font-inter{font-family:Inter,sans-serif}
.lh-1_6{line-height:1.6}
.image{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}
.image img,.image svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;font-family:"object-fit: cover;";-o-object-fit:cover;object-fit:cover}
.image.fit-contain img{font-family:"object-fit: contain;";-o-object-fit:contain;object-fit:contain}
.image.position-bottom img{font-family:"object-fit: cover; object-position: bottom;";-o-object-position:bottom;object-position:bottom}
.image.position-top img{font-family:"object-fit: cover; object-position: top;";-o-object-position:top;object-position:top}
img{max-width:100%}
.ratio{position:relative}
.ratio::before{content:"";display:block;padding-bottom:100%}
html{overflow-x:hidden}
body{display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;min-height:100vh;font-size:13px;line-height:1.2;font-family:"Open Sans",sans-serif;color:#000}
@media screen and (min-width:768px){
body{font-size:15px}
}
body>*{width:100%}
a{text-decoration:none;color:inherit}
a:hover{color:inherit}
a.c-blue{transition:all .3s ease}
a.c-blue:hover{opacity:.8;color:#0078ff}
img{vertical-align:middle}
.container{max-width:1224px}
.container--large{max-width:1377px}
.site-main{margin:30px 0}
@media screen and (min-width:768px){
.site-main{margin-top:62px;margin-bottom:80px}
}
.site-heading{display:flex;align-items:flex-end;margin-bottom:30px}
.site-heading::after{content:"";flex-grow:1;border-radius:40px;height:8px;margin-bottom:4px;margin-left:15px;background:#f0f7ff}
@media screen and (min-width:768px){
.site-heading::after{margin-bottom:7px;margin-left:40px}
}
.tab-menu{position:fixed;right:0;bottom:0;left:0;z-index:101;display:none;opacity:0;visibility:hidden;transition:all .3s ease;padding-top:10px;padding-bottom:10px;background-color:#0078ff;pointer-events:none}
@media screen and (min-width:576px){
.tab-menu{display:block}
}
@media screen and (min-width:768px){
.tab-menu{padding-top:7px;padding-bottom:8px}
}
.tab-menu.active{opacity:1;visibility:visible;pointer-events:all}
.tab-menu .container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.tab-menu .btn{border:2px solid #fff;border-radius:30px;height:40px}
@media screen and (min-width:768px){
.tab-menu .btn{min-width:170px;height:45px;padding-right:29px;padding-left:29px}
}
.tab-menu .btn:hover{border-color:#fff}
.tab-menu .btn-primary{margin-right:auto;background-color:#278dff}
@media screen and (min-width:768px){
.tab-menu .btn-primary{padding-right:30px;padding-left:18px}
}
.tab-menu .btn-primary svg{margin-right:10px}
@media screen and (min-width:768px){
.tab-menu .btn-primary svg{margin-right:15px}
}
@media screen and (min-width:992px){
.layout{display:flex}
}
@media screen and (min-width:992px){
.layout__left{width:calc(100% - 310px);padding-right:20px}
}
@media screen and (min-width:1200px){
.layout__left{width:calc(100% - 380px)}
}
@media screen and (min-width:992px){
.layout__right{width:310px}
}
@media screen and (min-width:1200px){
.layout__right{width:380px}
}
.ico{display:inline-block;background-image:url(../images/common/icon.png);background-repeat:no-repeat}
.ico-toan{width:77px;height:77px;background-position:0 0}
.ico-tieng-viet{width:83px;height:83px;background-position:-81px 0}
.ico-tieng-anh{width:90px;height:94px;background-position:-168px 0}
.ico-toan-tieng-anh{width:95px;height:97px;background-position:-262px 0}
.ico-van-tieng-anh{width:86px;height:82px;background-position:-361px 0}
.ico-lich-su{width:75px;height:86px;background-position:0 -101px}
.ico-dia-ly{width:80px;height:80px;background-position:-77px -101px}
.ico-suc-khoe{width:79px;height:79px;background-position:-159px -101px}
.ico-hoa-hoc{width:79px;height:79px;background-position:-159px -101px}
.ico-sinh-hoc{width:79px;height:79px;background-position:-159px -101px}
.ico-vat-ly{width:79px;height:79px;background-position:-159px -101px}
.ico-mon-khac{width:79px;height:79px;background-position:-159px -101px}
.ico-dots{width:48px;height:14px;background-position:-240px -101px}
.ico-flag-en{width:29px;height:17px;background-position:-290px -101px}
.ico-random{width:21px;height:18px;background-position:-321px -101px}
.btn-primary{border-color:#0078ff;background-color:#0078ff}
.btn-primary:hover{border-color:#0065d8;background-color:#0065d8}
.btn-primary-2{border-color:#1885ff;background-color:#1885ff;color:#fff}
.btn-primary-2:hover{border-color:#0065d8;background-color:#0065d8;color:#fff}
.btn-primary-ol{border-color:#0078ff;background-color:transparent;color:#0078ff}
.btn-primary-ol:hover{background-color:#0078ff;color:#fff}
.btn-o-primary{border:none;background-color:rgba(255,255,255,.5);color:#333}
.btn-o-primary:hover{background-color:#0078ff;color:#fff}
.btn-primary-light{border-color:#d7eaff;background-color:#d7eaff;color:#0078ff}
.btn-primary-light:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-2{border-color:#e5f2ff;background-color:#e5f2ff;color:#0078ff}
.btn-primary-light-2:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-2:disabled{opacity:1;border-color:#f1f1f1;background-color:#f1f1f1;cursor:not-allowed;color:#9b9b9b}
.btn-primary-light-2:disabled:hover{border-color:#f1f1f1;background-color:#f1f1f1;color:#9b9b9b}
.btn-primary-light-3{border-color:#dfeeff;background-color:#dfeeff;color:#0078ff}
.btn-primary-light-3:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-4{border-color:#e3f0ff;background-color:#e3f0ff;color:#0078ff}
.btn-primary-light-4:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-5{border-color:#d0e6ff;background-color:#d0e6ff;color:#0078ff}
.btn-primary-light-5:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-6{border-color:#e1edfa;background-color:#e1edfa;color:#000}
.btn-primary-light-6:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-primary-light-7{border-color:#cae3ff;background-color:#cae3ff;color:#0078ff}
.btn-primary-light-7:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-success{border-color:#04b64b;background-color:#04b64b}
.btn-success:hover{border-color:#048538;background-color:#048538}
.btn-o-success{border:none;background-color:rgba(255,255,255,.5);color:#333}
.btn-o-success:hover{background-color:#04b64b;color:#fff}
.btn-success-light{border-color:#ceeddb;background-color:#ceeddb;color:#04b64b}
.btn-success-light:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light:disabled{opacity:1;border-color:#f1f1f1;background-color:#f1f1f1;cursor:not-allowed;color:#9b9b9b}
.btn-success-light:disabled:hover{border-color:#f1f1f1;background-color:#f1f1f1;color:#9b9b9b}
.btn-success-light-2{border-color:#d6fde6;background-color:#d6fde6;color:#04b64b}
.btn-success-light-2:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light-3{border-color:#e8f3ed;background-color:#e8f3ed;color:#04b64b}
.btn-success-light-3:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light-4{border-color:#cff8de;background-color:#cff8de;color:#04b64b}
.btn-success-light-4:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light-5{border-color:#dcf1e5;background-color:#dcf1e5;color:#04b64b}
.btn-success-light-5:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light-6{border-color:#caebd7;background-color:#caebd7;color:#04b64b}
.btn-success-light-6:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-success-light-7{border-color:#e3f2e9;background-color:#e3f2e9;color:#04b64b}
.btn-success-light-7:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-danger{border-color:#ff4a4a;background-color:#ff4a4a}
.btn-danger:hover{border-color:#e82c2c;background-color:#e82c2c}
.btn-danger-ol{border-color:rgba(255,74,74,.42);background-color:transparent;color:#ff4a4a}
.btn-danger-ol:hover{border-color:#ff4a4a;background-color:#ff4a4a;color:#fff}
.btn-o-danger{border:none;background-color:rgba(255,255,255,.5);color:#ff4a4a}
.btn-o-danger:hover{background-color:#ff4a4a;color:#fff}
.btn-danger-2{border-color:#ff3636;background-color:#ff3636;color:#fff}
.btn-danger-2:hover{border-color:#e82c2c;background-color:#e82c2c;color:#fff}
.btn-danger-light{border-color:#f2dede;background-color:#f2dede;color:#ff4a4a}
.btn-danger-light:hover{border-color:#f7d6d6;background-color:#f7d6d6;color:#ff4a4a}
.btn-danger-light-2{border-color:#fff0f0;background-color:#fff0f0;color:#ff4a4a}
.btn-danger-light-2:hover{border-color:#ff4a4a;background-color:#ff4a4a;color:#fff}
.btn-danger-light-3{border-color:#ffd2d2;background-color:#ffd2d2;color:#ff4a4a}
.btn-danger-light-3:hover{border-color:#ff4a4a;background-color:#ff4a4a;color:#fff}
.btn-danger-light-4{border-color:#ffe4e4;background-color:#ffe4e4;color:#000}
.btn-danger-light-4:hover{border-color:#ff4a4a;background-color:#ff4a4a;color:#fff}
.btn-grey{transition:all .3s ease;border-color:#f3f3f3;background-color:#f3f3f3;color:#333}
.btn-grey.active,.btn-grey:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-grey.active:hover{opacity:.8}
.btn-grey-light{border-color:#ebebeb;background-color:#ebebeb;color:#999}
.btn-grey-light:hover{opacity:1!important;border-color:#dfdfdf;background-color:#dfdfdf;color:#999}
.btn-grey-light-2{border-color:#efefef;background-color:#efefef;color:#333}
.btn-grey-light-2:hover{border-color:#dfdfdf;background-color:#dfdfdf;color:#333}
.btn-turquoise{border-color:#15c8b3;background-color:#15c8b3;color:#fff}
.btn-turquoise:hover{border-color:#0ed6bf;background-color:#0ed6bf;color:#fff}
.btn-turquoise-2{border-color:#0fbba7;background-color:#0fbba7;color:#fff}
.btn-turquoise-2:hover{border-color:#07d1b9;background-color:#07d1b9;color:#fff}
.btn-turquoise-3{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-turquoise-3:hover{border-color:#0065d8;background-color:#0065d8;color:#fff}
.btn-turquoise-4{border-color:#04b64b;background-color:#04b64b;color:#fff}
.btn-turquoise-4:hover{border-color:#048538;background-color:#048538;color:#fff}
.btn-gray{border-color:#ddd;background-color:#e9e9e9;color:#555}
.btn-gray:hover{border-color:#ddd;background-color:#ddd;color:#555}
.btn-gray-2{border-color:#d9d9d9;background-color:#d9d9d9;color:#6c6c6c}
.btn-gray-2:hover{border-color:#ddd;background-color:#ddd;color:#6c6c6c}
.btn-gray-3{border-color:#a6a6a6;background-color:#a6a6a6;color:#fff}
.btn-gray-3:hover{border-color:#999;background-color:#999;color:#fff}
.btn-gray-4{border-color:#c7c7c7;background-color:#c7c7c7;color:#fff}
.btn-gray-4:hover{border-color:#adadad;background-color:#adadad;color:#fff}
.btn-gray-5{border-color:#eee;background-color:#eee;color:#000}
.btn-gray-5:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-gray-6{border-color:#bababa;background-color:#bababa;color:#fff}
.btn-gray-6:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-gray-7{border-color:#e7e7e7;background-color:#e7e7e7;color:#000}
.btn-gray-7:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.btn-blue{border-color:#00c2f3;background-color:#00c2f3;color:#fff}
.btn-blue:hover{border-color:#00acd6;background-color:#00acd6;color:#fff}
.btn-blue-light{border-color:#30b2ff;background-color:#30b2ff;color:#fff}
.btn-blue-light:hover{border-color:#1eabfd;background-color:#1eabfd;color:#fff}
.btn-blue-light-2{border-color:#00b6e4;background-color:#00b6e4;color:#fff}
.btn-blue-light-2:hover{border-color:#00a1c9;background-color:#00a1c9;color:#fff}
.btn-warning{border-color:#f48500;background-color:#f48500;color:#fff}
.btn-warning:hover{border-color:#cb6f00;background-color:#cb6f00;color:#fff}
.btn-warning-2{border-color:#f49c33;background-color:#f49c33;color:#fff}
.btn-warning-2:hover{border-color:#cb6f00;background-color:#cb6f00;color:#fff}
.btn-o-warning{border:none;background-color:rgba(255,255,255,.5);color:#333}
.btn-o-warning:hover{background-color:#f48500;color:#fff}
.btn{justify-content:center;align-items:center;display:flex}
.btn:focus{box-shadow:none;outline:0}
.btn svg{flex-shrink:0}
.btn-inline{display:inline-flex;border:none;padding:0}
.btn-icon{transition:all .3s ease;border:none;padding:0}
.btn-icon:hover{opacity:.8}
.btn-icon.c-blue:hover{color:#0078ff}
.btn-icon.c-red:hover{color:#ff4a4a}
.btn-icon.c-orange:hover{color:#ffa52d}
.btn-arrow svg{flex-shrink:0;transition:transform .3s ease;margin-left:10px}
.btn-arrow:hover svg{transform:translate3d(5px,0,0)}
.btn-read-more{border-radius:30px;width:150px;height:40px}
@media screen and (min-width:768px){
.btn-read-more{width:200px;height:50px}
}
.btn-reselect{border-radius:30px;width:119px;height:36px;padding-bottom:8px}
.btn-reselect svg{margin-right:9px}
.gutters-5{margin-right:-5px;margin-left:-5px}
.gutters-6{margin-right:-6px;margin-left:-6px}
.gutters-7{margin-right:-7px;margin-left:-7px}
.gutters-8{margin-right:-8px;margin-left:-8px}
.gutters-9{margin-right:-9px;margin-left:-9px}
.gutters-10{margin-right:-10px;margin-left:-10px}
@media screen and (min-width:992px){
.gutters-14{margin-right:-14px;margin-left:-14px}
}
@media screen and (min-width:992px){
.gutters-15{margin-right:-15px;margin-left:-15px}
}
@media screen and (min-width:992px){
.gutters-16{margin-right:-16px;margin-left:-16px}
}
@media screen and (min-width:1200px){
.gutters-20{margin-right:-20px;margin-left:-20px}
}
.gutters-5>[class*=col]{padding-right:5px;padding-left:5px}
.gutters-6>[class*=col]{padding-right:6px;padding-left:6px}
.gutters-7>[class*=col]{padding-right:7px;padding-left:7px}
.gutters-8>[class*=col]{padding-right:8px;padding-left:8px}
.gutters-9>[class*=col]{padding-right:9px;padding-left:9px}
.gutters-10>[class*=col]{padding-right:10px;padding-left:10px}
@media screen and (min-width:992px){
.gutters-14>[class*=col]{padding-right:14px;padding-left:14px}
}
@media screen and (min-width:992px){
.gutters-15>[class*=col]{padding-right:15px;padding-left:15px}
}
@media screen and (min-width:992px){
.gutters-16>[class*=col]{padding-right:16px;padding-left:16px}
}
@media screen and (min-width:1200px){
.gutters-20>[class*=col]{padding-right:20px;padding-left:20px}
}
.wysiwyg b{font-weight:700}
.wysiwyg a:not(.btn){text-decoration:underline}
@-webkit-keyframes moveDown{
0%{opacity:0;transform:translateY(-5px)}
50%{opacity:1}
100%{opacity:0;transform:translateY(5px)}
}
@keyframes moveDown{
0%{opacity:0;transform:translateY(-5px)}
50%{opacity:1}
100%{opacity:0;transform:translateY(5px)}
}
*{outline:0}
:active,:focus,:focus-visible,:hover{box-shadow:none;outline:0}
.mb-30{margin-bottom:30px!important}
.table-responsive{width:100%}
@media screen and (max-width:991px){
.table-responsive{position:relative;display:block}
.table-responsive::before{content:"";position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;border:1px solid #d6d6d6;border-radius:3px;pointer-events:none}
.table-responsive thead{display:none}
.table-responsive tbody{display:block;width:100%}
.table-responsive tbody tr{display:block}
.table-responsive tbody tr:first-child td,.table-responsive tbody tr:first-child th{border-radius:0!important}
.table-responsive tbody tr:first-child td:first-child,.table-responsive tbody tr:first-child th:first-child{border-radius:3px 3px 0 0!important}
.table-responsive tbody tr:last-child td,.table-responsive tbody tr:last-child th{border-bottom:1px solid #d6d6d6!important;border-radius:0!important}
.table-responsive tbody tr:last-child td:last-child,.table-responsive tbody tr:last-child th:last-child{border-bottom:none!important;border-radius:0 0 3px 3px!important}
.table-responsive tbody td,.table-responsive tbody th{justify-content:space-between;align-items:center;display:flex;box-shadow:none;border-right:none!important;border-bottom:1px solid #d6d6d6!important;height:auto;padding:10px 12px!important;text-align:right!important;-moz-column-gap:15px;column-gap:15px}
.table-responsive tbody td::before,.table-responsive tbody th::before{content:attr(data-label);flex-shrink:0;display:inline-block;font-weight:700;text-align:left!important}
.table-responsive tbody td:first-child,.table-responsive tbody th:first-child{background-color:#f7f7f7}
}
.table-rate{margin-bottom:24px}
.table-rate__head{justify-content:space-between;display:flex;margin-bottom:14px;gap:12px}
.table-rate__title{display:flex}
.table-rate__title svg{flex-shrink:0;margin-right:10px}
@media screen and (min-width:768px){
.table-rate__title svg{margin-right:17px}
}
.table-rate__links{flex-shrink:0;align-items:center;display:flex}
.table-rate__links li{position:relative;align-items:center;display:flex}
.table-rate__links li::after{content:"|";display:inline-block;margin:0 4px;color:#dedede}
.table-rate__links li:last-child{margin-right:0;padding-right:0}
.table-rate__links li:last-child::after{content:none}
.table-rate__links a{display:block;transition:color .3s ease}
.table-rate__links a.active,.table-rate__links a:hover{color:#0078ff}
.table-rate table{width:100%}
.table-rate table thead{background-color:#e1edfa}
.table-rate table tbody{background-color:#fff}
.table-rate table tbody tr:nth-child(odd){background-color:rgba(206,215,225,.1)}
.table-rate table td,.table-rate table th{border-right:1px dashed #cbddf4;vertical-align:middle}
.table-rate table td:nth-child(1),.table-rate table th:nth-child(1){display:none;text-align:center}
@media screen and (min-width:576px){
.table-rate table td:nth-child(1),.table-rate table th:nth-child(1){display:block}
}
.table-rate table td:nth-child(2),.table-rate table th:nth-child(2){text-align:center}
.table-rate table td:nth-child(4),.table-rate table th:nth-child(4){text-align:center}
.table-rate table th{padding:10px 10px 11px}
.table-rate table th:nth-child(3){padding-right:19px;padding-left:19px}
.table-rate table th:last-child ul{flex-wrap:wrap;justify-content:center;display:flex;margin-top:6px;gap:3px 20px}
.table-rate table th:last-child li{align-items:center;display:flex}
.table-rate table th:last-child li span{flex-shrink:0;margin-right:10px;border-radius:50%;width:10px;height:10px}
.table-rate table td{padding:10px 10px 7px}
@media screen and (min-width:576px){
.table-rate table td{padding-right:19px;padding-left:19px}
}
.table-rate table a{transition:all .3s ease}
.table-rate table a:hover{text-decoration:underline;color:#0078ff}
.table-rate table .x-progress{flex-direction:row;display:inline-flex;overflow:visibe;margin-top:20px;width:120px;height:8px}
@media screen and (min-width:576px){
.table-rate table .x-progress{width:160px}
}
.table-rate table .x-progress span{position:relative}
.table-rate table .x-progress span::before{content:attr(data-value);position:absolute;right:0;bottom:12px;left:0;text-align:center;word-break:keep-all}
.table-simple__head{justify-content:space-between;align-items:center;display:flex;margin-bottom:11px;gap:12px}
.table-simple__title{align-items:center;display:flex}
.table-simple__title svg{flex-shrink:0;margin-right:10px}
@media screen and (min-width:768px){
.table-simple__title svg{margin-right:17px}
}
.table-simple__link{flex-shrink:0;display:block;transition:opacity .3s ease;text-decoration:underline}
.table-simple__link.active,.table-simple__link:hover{opacity:.7;color:#0078ff}
.table-simple__buttons{justify-content:flex-end;display:flex;gap:7px}
.table-simple__button{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:1px solid transparent;border-radius:3px;width:105px;height:30px;padding:5px;background:rgba(248,248,248,.8);color:#888}
.table-simple__button svg{position:relative;top:2px;margin-right:8px}
.table-simple__button.active,.table-simple__button:hover{border-color:#0078ff;background-color:rgba(231,242,253,.8);color:#0078ff}
.table-simple table{overflow:hidden;border-radius:3px 3px 0 0;width:100%}
.table-simple table thead tr:first-child{background:#e1edfa}
.table-simple table thead td{padding:13px 14px 10px}
.table-simple table tbody{background-color:#fff}
.table-simple table tbody tr:nth-child(odd){background-color:rgba(206,215,225,.1)}
.table-simple table tbody td{padding:12px 14px 11px}
.table-simple table tr td:not(:last-child){border:none}
.table-simple table a:not(.btn){transition:all .3s ease}
.table-simple table a:not(.btn):hover{text-decoration:underline;color:#0078ff}
.table-simple .inner{position:relative;align-items:center;display:flex;margin:10px 0 3px 0;gap:12px}
@media screen and (min-width:768px){
.table-simple .inner{justify-content:center}
}
.table-simple .x-progress{position:relative;display:flex;border-width:1px;border-style:solid;border-radius:3px;width:100px;height:12px}
.table-simple .x-progress::before{content:attr(data-label);position:absolute;right:0;bottom:12px;left:0;font-size:13px;text-align:center;color:#333}
.table-simple--yellow table thead tr:first-child{background-color:#faead5}
.table-simple--yellow table tbody tr:nth-child(odd){background-color:#fffaf3}
.table-simple--green table thead tr:first-child{background-color:#d5eedf}
.table-simple--green table tbody tr:nth-child(odd){background-color:#f1f6f3}
@media screen and (min-width:768px){
.table-simple--progress table thead td{padding:13px 19px 10px}
}
.table-simple--progress table thead td:last-child{width:10%}
.table-simple--progress table tbody td{vertical-align:middle}
@media screen and (min-width:768px){
.table-simple--progress table tbody td{padding:15px 19px 15px}
}
.form-control{border:1px solid #e7e7e7;border-radius:5px;width:100%;height:40px;padding:0 12px;background-color:#fff;color:#000}
@media screen and (min-width:768px){
.form-control{height:45px;padding:0 15px}
}
.form-control::-moz-placeholder{color:#000}
.form-control:-ms-input-placeholder{color:#000}
.form-control::placeholder{color:#000}
.form-control:focus{box-shadow:none;border-color:#e7e7e7;outline:0}
.form-control[type=number]{-moz-appearance:textfield}
.form-control[type=number]::-webkit-inner-spin-button,.form-control[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.form-control--large{height:50px}
@media screen and (min-width:768px){
.form-control--large{padding:0 18px}
}
.form-select{border:1px solid #e7e7e7;border-radius:3px;width:100%;height:40px;padding:0 32px 0 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 11px center;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:768px){
.form-select{height:45px;padding:0 32px 0 15px}
}
.form-select:focus{box-shadow:none;border-color:#e7e7e7;outline:0}
.form-select:not([class*=c-]){color:#000}
[data-toggle=datepicker]{border:1px solid #c6c6c6;border-radius:3px;width:125px;height:36px;padding-right:32px;padding-left:10px;background:#f7f7f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:15px 16px;color:#555}
.form-check{margin:0;padding-left:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form-check-label{display:block;padding-top:5px;cursor:pointer}
.form-check-input{margin-left:-40px!important;border-color:#e7e7e7!important;border-radius:5px!important;width:27px;height:27px;cursor:pointer}
.form-check-input:checked[type=checkbox],.form-check-input:checked[type=radio]{border:2px solid #006fff!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E %3Cpath d='M17 2L6.5 14L2 9.5' stroke='%230078FF' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-position:center;background-size:19px 16px}
.form-check-input:focus{box-shadow:none}
.form-check-small .form-check-input{margin-top:0;margin-left:0!important;border:1.5px solid #cfcfcf!important;border-radius:3px!important;width:19px;height:19px}
.form-check-small .form-check-input:checked[type=checkbox],.form-check-small .form-check-input:checked[type=radio]{border:1.5px solid #0078ff!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E %3Cpath d='M10 2L4.4 8L2 5.75' stroke='%230078FF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-position:center;background-size:12px 10px}
.form-check-class input[type=checkbox]{position:absolute;overflow:hidden;margin:0;width:0;height:0;padding:0}
.form-check-class input[type=checkbox]:checked~.btn{background-color:#0078ff;color:#fff}
.form-check-class input[type=checkbox]:checked~.btn .cb{border-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E %3Cpath d='M10 2L4.4 8L2 5.75' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 10px}
.form-check-class .cb{flex-shrink:0;transition:border-color .3s ease;margin-right:14px;border:1.5px solid #cfcfcf;border-radius:3px;width:19px;height:19px}
.form-check-class .btn:hover .cb{border-color:#fff}
.switch{position:relative;display:inline-block;width:34px;height:14px}
.switch input{opacity:0;width:0;height:0}
.switch input:checked+.slider{background-color:#6cea9b}
.switch input:checked+.slider::before{transform:translateX(18px)}
.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;transition:.4s;box-shadow:inset 1px 1px 2px rgba(81,81,81,.25);border-radius:50px;background-color:#f6f6f6;cursor:pointer}
.switch .slider::before{content:"";position:absolute;bottom:-2px;left:-1px;transition:.4s;box-shadow:0 2px 3px rgba(146,146,146,.4);border-radius:50%;width:18px;height:18px;background-color:#fff}
.form-add-box{margin-bottom:11px}
.form-add-box__item{align-items:center;display:flex;margin-bottom:10px}
.form-add-box__item:last-child{margin-bottom:0}
.form-add-box__field{flex-grow:1}
.form-add-box__button{flex-direction:column;flex-shrink:0;align-items:center;display:flex;margin-left:12px}
@media screen and (min-width:576px){
.form-add-box__button{flex-direction:row;margin-left:28px}
}
.form-add-box__button .btn:not(.btn-icon){flex-shrink:0;border-radius:30px;width:85px;height:32px}
.form-add-box__button .btn-icon{flex-shrink:0;margin-top:12px}
@media screen and (min-width:576px){
.form-add-box__button .btn-icon{margin-top:0;margin-left:17px}
}
.form-add-box__footer{margin-top:12px}
@media screen and (min-width:768px){
.form-add-box__footer{margin-top:18px}
}
.form-add-box__footer .btn svg{margin-right:11px}
.form-range{flex-wrap:wrap;display:flex;height:auto;gap:13px}
@media screen and (min-width:576px){
.form-range{width:auto}
}
.form-range__item{align-items:center;display:flex}
@media screen and (max-width:575px){
.form-range__item{flex:1;min-width:140px}
.form-range__item [data-toggle=datepicker]{width:100%}
}
.form-range__item label{flex-shrink:0;margin-right:10px}
@media screen and (max-width:575px){
.form-range__item label{min-width:24px}
}
.form-checkbox-radio{position:relative;align-items:flex-start;display:flex;padding-left:44px;cursor:pointer}
.form-checkbox-radio input{position:absolute;opacity:0;visibility:hidden;overflow:hidden;margin:0;border:none;width:0;height:0;padding:0}
.form-checkbox-radio input:checked~span::before{border-color:#0078ff;background-color:#0078ff}
.form-checkbox-radio span::before{content:"";position:absolute;top:4px;left:0;border:2px solid #bebebe;border-radius:50%;width:19px;height:19px;padding:3px;background-color:transparent;background-clip:content-box}
.tooltip.show{opacity:1}
.tooltip .tooltip-arrow::before{transform:rotate(45deg);border-width:1px;border-style:solid;width:10px;height:10px;background:#fff}
.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:8px 0}
.tooltip[data-popper-placement=bottom] .tooltip-arrow::before{top:3px;left:1px;border-color:#fff transparent transparent #fff}
.tooltip[data-popper-placement=top] .tooltip-arrow::before{top:auto;bottom:3px;left:1px;border-color:transparent #fff #fff transparent}
.tooltip[data-popper-placement=right] .tooltip-arrow::before{top:1px;right:-7px;border-color:transparent transparent #fff #fff}
.tooltip[data-popper-placement=left] .tooltip-arrow::before{top:-2px;left:-7px;border-color:#fff #fff transparent transparent}
.tooltip-inner{box-shadow:0 0 4px rgba(0,0,0,.25);border:1px solid #fff;border-radius:3px;width:105px;padding:6px 7px;background-color:#fff;font-size:13px;line-height:1.38;text-align:left;color:#333}
.frac{position:relative;display:inline-block;text-align:center;letter-spacing:.001em;vertical-align:middle}
.frac>span{display:block;padding:.1em}
.frac>span:last-of-type{border-top:thin solid #000}
.frac-input input{border:1px solid #d6d6d6;border-radius:3px;width:75px;height:25px;padding:5px 10px;background:#fff;text-align:center;color:#666}
.frac-input>span{padding:.35em 0}
.frac-input>span:last-of-type{border-color:#d9d9d9}
.close-block{position:absolute;top:0;right:-15px;border:none;width:10px;height:10px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E %3Cpath d='M8.00001 2.00001L1.99999 8.00003M8.00001 8.00003L1.99999 2.00001' stroke='%23FF4A4A' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E %3C/svg%3E")}
.number-options{position:relative;display:inline-block;margin:0;border:1px solid #cfcfcf;border-radius:5px;min-width:110px;min-height:36px;padding:5px 35px 5px 12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0.178483 1.126L4.44436 5.76188C4.51312 5.83657 4.59841 5.89652 4.69439 5.93762C4.79037 5.97872 4.89476 6 5.0004 6C5.10604 6 5.21043 5.97872 5.30641 5.93762C5.40239 5.89652 5.48769 5.83657 5.55645 5.76188L9.82232 1.126C10.2294 0.683502 9.8919 0 9.26627 0H0.733309C0.10768 0 -0.229854 0.683502 0.178483 1.126Z' fill='%23A6A6A6'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:10px 6px;cursor:pointer;vertical-align:middle}
.number-options::before{content:attr(data-value);color:#888}
.number-options>span{position:absolute;z-index:5;top:100%;right:-1px;left:-1px;opacity:0;visibility:hidden;border:1px solid #cfcfcf;border-radius:0 0 5px 5px;background-color:#fff;pointer-events:none}
.number-options>span span{align-items:center;display:flex;border-bottom:1px solid #e7e7e7;min-height:45px;padding:5px 12px;cursor:pointer}
.number-options>span span:last-of-type{border-bottom:none}
.number-options>span span:hover{border-color:#d8e9fd;background-color:#d8e9fd}
.number-options.active{border-radius:5px 5px 0 0}
.number-options.active>span{opacity:1;visibility:visible;pointer-events:all}
.number-options .close-block{top:-9px;right:-13px}
.division{position:relative;display:inline-flex;vertical-align:middle}
.division>span{display:block}
.division>span>span{display:block;padding:9px 7px}
.division>span:first-of-type{border-right:1px solid #d9d9d9}
.division>span:first-of-type span{padding-left:0!important}
.division>span:last-of-type span{padding-right:0!important}
.division>span:last-of-type span:last-of-type{border-top:1px solid #d9d9d9}
.division input{border:1px solid #d9d9d9;border-radius:3px;width:72px;height:32px;padding:5px 10px;background:#fff;text-align:center}
.input-number{position:relative;display:inline-block;width:100px;height:36px;margin:0 0;vertical-align:middle}
.input-number input{border:1px solid #cfcfcf;border-radius:5px;border-radius:5px;width:100%;height:100%;padding:0 10px;background:#fff;text-align:center}
@media screen and (min-width:768px){
.input-number--large{width:200px;height:45px}
}
.input-number--large input{border-color:#ccced1;text-align:left}
@media screen and (min-width:768px){
.input-number--large input{padding-right:20px;padding-left:20px}
}
.common-block{flex-wrap:wrap;justify-content:center;display:flex;margin-top:-5px;margin-bottom:24px;background:linear-gradient(to top,#e7e7e7 1px,transparent 0) repeat-y left bottom/100% 42px}
@media screen and (min-width:768px){
.common-block{background-size:100% 62px}
}
.common-block li{flex:1 1 auto;justify-content:center;align-items:center;display:flex;transition:color .3s ease;border-bottom:1px solid transparent;min-width:100px;max-width:130px;height:42px;font-size:14px;line-height:1.5;text-align:center;color:#333}
@media screen and (min-width:768px){
.common-block li{height:62px;font-size:16px}
}
.common-block li.active{border-bottom-color:#0078ff;font-size:18px;line-height:1.2;font-weight:700;color:#0078ff}
@media screen and (min-width:768px){
.common-block li.active{font-size:24px}
}
.common-block li:hover{color:#0078ff}
.common-class{flex-wrap:wrap;display:flex;margin-right:-12px;margin-bottom:12px}
@media screen and (min-width:768px){
.common-class{margin-right:-21px;margin-bottom:29px}
}
.common-class li{margin-right:12px;margin-bottom:12px}
@media screen and (min-width:768px){
.common-class li{margin-right:21px;margin-bottom:21px}
}
.common-class .btn{border:none;border-radius:10px;min-width:120px;height:40px}
@media screen and (min-width:768px){
.common-class .btn{border-radius:15px;min-width:178px;height:50px}
}
.common-class .btn svg{margin-right:8px}
@media screen and (min-width:768px){
.common-class .btn svg{margin-right:12px}
}
.common-class .form-check-small{align-items:center;display:flex;height:40px}
@media screen and (min-width:768px){
.common-class .form-check-small{height:50px}
}
.common-filter{margin-top:-7px;margin-bottom:25px;border-radius:5px;padding:12px;background:#f8f8f8}
@media screen and (min-width:768px){
.common-filter{margin-bottom:40px;padding:15px}
}
@media screen and (min-width:992px){
.common-filter{padding:20px 25px}
}
@media screen and (max-width:575px){
.common-filter .col{flex:0 0 auto;margin-bottom:10px;width:100%}
.common-filter .col:last-child{margin-bottom:0}
}
.common-filter .form-search-select{position:relative;display:flex;border:1px solid #e7e7e7;border-radius:3px;height:40px;padding:7px 0 6px;background:#fff}
@media screen and (min-width:768px){
.common-filter .form-search-select{height:45px}
}
.common-filter .form-search-select select{flex-shrink:0;border:none;border-right:1px solid #e0e0e0;width:90px;padding:0 35px 0 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M0 0L5.83333 7L11.6667 0H0Z' fill='%23AFAFAF'/%3E %3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:768px){
.common-filter .form-search-select select{width:106px;background-position:right 20px center}
}
.common-filter .form-search-select input{flex-grow:1;border:none;width:100%;padding:0 12px}
@media screen and (min-width:768px){
.common-filter .form-search-select input{padding:0 21px}
}
.common-filter .form-search-select .btn{flex-shrink:0;justify-content:center;align-items:center;display:flex;width:48px}
.common-filter .form-search{position:relative;display:flex;border:1px solid #e7e7e7;border-radius:3px;height:40px;padding:7px 0 6px;background:#fff}
@media screen and (min-width:768px){
.common-filter .form-search{height:45px}
}
@media screen and (min-width:1200px){
.common-filter .form-search{width:510px}
}
.common-filter .form-search input{flex-grow:1;border:none;width:100%;padding:0 0 0 11px}
.common-filter .form-search input::-moz-placeholder{font-style:italic;color:#333}
.common-filter .form-search input:-ms-input-placeholder{font-style:italic;color:#333}
.common-filter .form-search input::placeholder{font-style:italic;color:#333}
.common-filter .form-search .btn{flex-shrink:0;justify-content:center;align-items:center;display:flex;width:48px}
.common-toolbar{justify-content:space-between;align-items:center;display:flex;margin-bottom:16px}
.common-toolbar__button{flex-wrap:wrap;justify-content:flex-end;display:flex;gap:12px}
.common-toolbar__button .btn{border-radius:10px;min-width:188px;height:40px}
@media screen and (min-width:768px){
.common-toolbar__button .btn{height:45px;padding:5px 22px}
}
.common-toolbar__button .btn svg{margin-right:10px}
.common-toolbar .nav-tabs{margin-right:16px;border-bottom:none;gap:12px}
@media screen and (min-width:768px){
.common-toolbar .nav-tabs{margin-right:0;gap:0}
}
.common-toolbar .nav-item{flex:0}
@media screen and (min-width:768px){
.common-toolbar .nav-item{margin-right:26px}
}
.common-toolbar .nav-link{flex-shrink:0;align-items:center;display:flex;transition:all .3s ease;margin-bottom:0;border:none;border-radius:0;padding:0;color:#888}
.common-toolbar .nav-link.active{display:flex;color:#0078ff}
.common-toolbar .nav-link span{padding:0;background:0 0!important;font-size:14px;line-height:1.2;white-space:nowrap;color:inherit}
@media screen and (min-width:375px){
.common-toolbar .nav-link span{display:block!important}
}
@media screen and (min-width:768px){
.common-toolbar .nav-link span{font-size:16px}
}
.common-toolbar .nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;transition:all .3s ease;transition:all .3s ease;margin-right:12px;border-radius:10px;width:40px;height:40px;background-color:transparent;color:#c5c5c5}
@media screen and (min-width:768px){
.common-toolbar .nav-icon{margin-right:17px;width:45px;height:45px}
}
.common-toolbar .nav-link.active .nav-icon{background-color:#0078ff;color:#fff}
.common-toolbar .nav-item:hover .nav-link:not(.active)>span{color:#888}
.common-pagination{justify-content:space-between;align-items:flex-start;display:flex;padding:12px}
@media screen and (min-width:768px){
.common-pagination{padding:21px 21px 30px}
}
.common-pagination ul{flex-wrap:wrap;display:flex;gap:10px}
.common-pagination ul a{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:2px solid #eaeaea;border-radius:10px;min-width:40px;height:40px;background-color:#fff;color:#333}
@media screen and (min-width:768px){
.common-pagination ul a{min-width:50px;height:50px}
}
.common-pagination ul a.active,.common-pagination ul a:hover,.common-pagination ul li.active a{border-color:#0078ff;background-color:#0078ff;color:#fff}
.common-pagination ul a.active svg,.common-pagination ul a:hover svg,.common-pagination ul li.active a svg{color:#fff}
.common-pagination ul .btn{border-radius:30px;min-width:90px}
@media screen and (min-width:768px){
.common-pagination ul .btn{margin-left:7px;min-width:135px}
}
.common-pagination ul .btn svg{transition:all .3s ease;margin-left:10px;color:#bdbdbd}
@media screen and (min-width:768px){
.common-pagination ul .btn svg{margin-left:17px}
}
.common-pagination select{margin-left:10px;border:1px solid #eaeaea;border-radius:3px;width:65px;height:40px;padding:0 26px 0 10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E %3Cpath d='M0 0.932129L6 8.13213L12 0.932129H0Z' fill='%23BABABA'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 9px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:768px){
.common-pagination select{width:81px;height:45px;padding:0 36px 0 16px;background-position:right 12px center}
}
.common-tabs{border:1px solid #ddd;border-radius:5px;background:#fff}
.common-tabs .nav-tabs{flex-wrap:wrap;border-bottom:none;padding:0 0 0 12px;background:linear-gradient(to top,#ddd 1px,transparent 0) repeat-y left bottom/100% 47px}
@media screen and (min-width:768px){
.common-tabs .nav-tabs{padding:0 0 0 30px;background-size:100% 55px}
}
.common-tabs .nav-tabs .nav-item{flex:initial;flex-shrink:0;margin-right:12px}
@media screen and (min-width:768px){
.common-tabs .nav-tabs .nav-item{margin-right:30px}
}
@media screen and (min-width:992px){
.common-tabs .nav-tabs .nav-item{margin-right:48px}
}
@media screen and (min-width:1200px){
.common-tabs .nav-tabs .nav-item{margin-right:59px}
}
.common-tabs .nav-tabs .nav-link{position:relative;transition:all .3s ease;margin-bottom:0;border:none;border-bottom:2px solid transparent;height:47px;padding:0;background:0 0;color:#000}
@media screen and (min-width:768px){
.common-tabs .nav-tabs .nav-link{border-bottom-width:5px;height:55px}
}
.common-tabs .nav-tabs .nav-link::after{content:"";position:absolute;right:0;bottom:-4px;left:0;transition:all .3s ease;height:5px;background-color:transparent}
@media screen and (min-width:768px){
.common-tabs .nav-tabs .nav-link::after{bottom:-7px}
}
.common-tabs .nav-tabs .nav-link.active,.common-tabs .nav-tabs .nav-link:hover{color:#0078ff}
.common-tabs .nav-tabs .nav-link.active::after,.common-tabs .nav-tabs .nav-link:hover::after{background-color:#0078ff}
.common-tabs .tab-content{padding:12px}
@media screen and (min-width:768px){
.common-tabs .tab-content{padding:30px 29px 35px}
}
.common-navigation{flex-wrap:wrap;justify-content:space-between;display:flex;padding:15px 12px;gap:12px}
@media screen and (min-width:768px){
.common-navigation{padding:19px 31px}
}
.common-navigation .btn{justify-content:center;align-items:center;display:flex;border-radius:5px;min-width:120px;height:40px;gap:10px}
@media screen and (min-width:768px){
.common-navigation .btn{min-width:150px;height:45px}
}
.add-new-popup .modal-dialog{max-width:524px}
@media screen and (min-width:576px){
.add-new-popup .modal-dialog{padding-right:12px;padding-left:12px}
}
.add-new-popup .modal-content{border:none;border-radius:5px;padding:20px 12px}
@media screen and (min-width:768px){
.add-new-popup .modal-content{padding:56px 48px 50px}
}
.add-new-popup .modal-header{display:block;margin-bottom:9px;border:none;padding:0;text-align:center}
.add-new-popup .modal-icon{justify-content:center;align-items:center;display:flex;margin:0 auto 21px;border-radius:50%;width:80px;height:80px;background-color:#e5f1ff;color:#0078ff}
.add-new-popup .modal-close{position:absolute;top:8px;right:10px;opacity:1;margin:0;border:none;border-radius:0;width:18px;height:18px;padding:0;background:0 0}
.add-new-popup .modal-body{padding:0;text-align:center}
.add-new-popup .modal-footer{justify-content:center;margin-top:15px;border:none;padding:0;gap:10px}
@media screen and (min-width:768px){
.add-new-popup .modal-footer{margin-top:20px}
}
.add-new-popup .modal-footer .btn{margin:0;border-radius:30px;width:140px;height:40px}
@media screen and (min-width:768px){
.add-new-popup .modal-footer .btn{width:170px;height:50px}
}
.add-new__head{justify-content:space-between;align-items:flex-end;display:flex;margin-bottom:18px}
@media screen and (min-width:768px){
.add-new__head{padding-right:29px}
}
.add-new__head .btn{transition:all .3s ease;margin-bottom:3px}
.add-new__head .btn svg{position:relative;top:-2px;margin-right:11px}
.add-new__head .btn:hover{color:#04b64b}
.add-new__body{border:1px solid rgba(0,120,255,.5);border-radius:5px;padding:12px;background:#f9fcff}
@media screen and (min-width:768px){
.add-new__body{padding:30px}
}
.add-new__body [class*=col-]{margin-bottom:15px}
.add-new__body .form-control::-moz-placeholder,.add-new__body .form-select::-moz-placeholder{color:#333}
.add-new__body .form-control:-ms-input-placeholder,.add-new__body .form-select:-ms-input-placeholder{color:#333}
.add-new__body .form-control::placeholder,.add-new__body .form-select::placeholder{color:#333}
.add-new__body .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-size:12px 7px}
@media screen and (min-width:768px){
.add-new__body .form-select{background-position:right 15px center}
}
.add-new__footer{flex-wrap:wrap;justify-content:center;display:flex;margin-top:4px;border-top:1px dashed #cdcdcd;padding-top:20px;gap:12px}
@media screen and (min-width:768px){
.add-new__footer.gap-22{gap:22px}
}
@media screen and (min-width:576px){
.add-new__footer .btn-primary-ol{margin-right:auto}
}
.add-new__footer .btn{border-width:2px;border-radius:30px;min-width:150px;height:40px;padding-right:10px;padding-left:10px;text-align:center}
@media screen and (min-width:768px){
.add-new__footer .btn{min-width:170px;height:50px;padding-right:18px;padding-left:18px}
}
.add-new__footer .btn svg{margin-right:8px}
@media screen and (min-width:768px){
.add-new__footer .btn svg{margin-right:15px}
}
@media screen and (min-width:768px){
.add-new__footer .btn-warning{min-width:190px}
}
@media screen and (min-width:768px){
.add-new__footer .btn-primary-ol{justify-content:flex-start;min-width:195px}
}
@media screen and (min-width:768px){
.add-new__footer .btn-success{margin-left:auto;min-width:180px}
}
.add-new__footer .btn-success input[type=file]{opacity:0;overflow:hidden;margin:0;width:0;height:0;padding:0}
.add-new__footer .btn-success svg{margin-right:9px}
.answer-popup .modal-dialog{max-width:724px}
@media screen and (min-width:576px){
.answer-popup .modal-dialog{padding-right:12px;padding-left:12px}
}
.answer-popup .modal-content{border:none;border-radius:5px;padding:30px 12px 20px}
@media screen and (min-width:768px){
.answer-popup .modal-content{padding:30px 29px 28px}
}
.answer-popup .modal-content .question-created__title{margin-bottom:0}
@media screen and (min-width:768px){
.answer-popup .modal-content .question-created__title{padding:14px 7px 14px 19px}
}
.answer-popup .modal-close{position:absolute;top:8px;right:10px;opacity:1;margin:0;border:none;border-radius:0;width:18px;height:18px;padding:0;background:0 0}
.answer-popup .modal-body{padding:0}
.book-mgt{margin:40px 0 0}
.book-mgt__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:19px;gap:12px 25px}
.book-mgt__heading .form-select{border-color:#dfdfdf;border-radius:5px;max-width:160px;background-color:#fbfbfb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M0 0L5.83333 7L11.6667 0H0Z' fill='%23AFAFAF'/%3E %3C/svg%3E");background-size:12px 7px}
@media screen and (min-width:768px){
.book-mgt__heading .form-select{max-width:220px;background-position:right 19px center}
}
.book-mgt__main{margin-bottom:30px;border:1px solid #d8d8d8;border-radius:5px;padding:20px 12px;background:#f8f8f8}
@media screen and (min-width:768px){
.book-mgt__main{padding:41px 40px 39px}
}
.book-mgt__main .btn-primary{margin-top:20px;border-radius:5px;width:175px;height:45px}
@media screen and (min-width:768px){
.book-mgt__main .btn-primary{height:50px}
}
.book-mgt__inner{margin:0 auto;width:100%;max-width:859px}
.book-mgt__inner .item{align-items:flex-start;display:flex;margin-bottom:18px}
.book-mgt__inner .item:last-child{margin-bottom:0}
.book-mgt__inner .item-label{width:100px;padding:9px 0}
@media screen and (min-width:768px){
.book-mgt__inner .item-label{width:124px;padding:12px 0}
}
.book-mgt__inner .item-content{width:calc(100% - 100px)}
@media screen and (min-width:768px){
.book-mgt__inner .item-content{width:calc(100% - 124px)}
}
.book-mgt__inner .item-content .form-select{border-color:#dfdfdf;border-radius:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M0 0L5.83333 7L11.6667 0H0Z' fill='%23AFAFAF'/%3E %3C/svg%3E");background-size:12px 7px}
@media screen and (min-width:768px){
.book-mgt__inner .item-content .form-select{height:50px;background-position:right 13px center}
}
.book-mgt__inner .item-content .form-check{border:1px solid #dfdfdf;border-radius:5px;padding:6px 10px 9px 47px;background:#fff;width:100%}
@media screen and (min-width:375px){
.book-mgt__inner .item-content .form-check{width:calc(50% - 8px)}
}
@media screen and (min-width:576px){
.book-mgt__inner .item-content .form-check{width:calc(33.33333% - 10px)}
}
@media screen and (min-width:768px){
.book-mgt__inner .item-content .form-check{padding:6px 11px 11px 57px}
}
@media screen and (min-width:992px){
.book-mgt__inner .item-content .form-check{width:calc(20% - 12px)}
}
.book-mgt__inner .item-content .form-check-input{margin-left:-36px!important}
@media screen and (min-width:768px){
.book-mgt__inner .item-content .form-check-input{margin-left:-43px!important}
}
.book-mgt__inner .item-grid{flex-wrap:wrap;display:flex;gap:10px 15px}
.book-mgt__title{margin-bottom:12px}
.book-mgt__results .item{display:flex;border:1px solid #d8d8d8;border-radius:5px;background:#fafafa}
.book-mgt__results .item+.item{margin-top:20px}
.book-mgt__results .item-label{border-right:1px dashed #ddd;width:54.3%;padding:15px 12px}
@media screen and (min-width:768px){
.book-mgt__results .item-label{padding:18px 34px}
}
.book-mgt__results .item-label p+p{margin-top:9px}
.book-mgt__results .item-content{width:45.7%;padding:15px 12px}
@media screen and (min-width:768px){
.book-mgt__results .item-content{padding:18px 2px 26px 29px}
}
.book-mgt__results .item-title{margin-bottom:6px}
.book-mgt__results .item-grid{flex-wrap:wrap;display:flex;gap:10px 15px}
.book-mgt__results .item-grid .form-check{padding-left:45px}
@media screen and (min-width:992px){
.book-mgt__results .item-grid .form-check{width:calc(25% - 12px)}
}
.book-mgt__results .item-grid .form-check-input{margin-left:-45px!important;border:1px solid #eaeaea!important;border-radius:3px!important;width:30px;height:30px}
.book-mgt__results .item-grid .form-check-input:checked[type=checkbox],.book-mgt__results .item-grid .form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E %3Cpath d='M17 2L6.5 14L2 9.5' stroke='%23c5c5c5' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E")}
.class-mgt__form{box-shadow:0 4px 20px rgba(185,185,185,.25);border-radius:5px;padding:12px;background:#fff}
@media screen and (min-width:768px){
.class-mgt__form{padding:25px 20px 35px}
}
@media screen and (min-width:992px){
.class-mgt__form{padding:43px 62px 52px 50px}
}
.class-mgt__item{margin-bottom:15px;min-height:40px}
@media screen and (min-width:768px){
.class-mgt__item{align-items:flex-start;display:flex;margin-bottom:10px;min-height:45px}
}
.class-mgt__item-label{margin-bottom:8px}
@media screen and (min-width:768px){
.class-mgt__item-label{margin-bottom:0;width:180px;padding-top:12px;padding-right:12px}
}
@media screen and (min-width:992px){
.class-mgt__item-label{width:234px;padding-right:20px}
}
@media screen and (min-width:768px){
.class-mgt__item-content{width:calc(100% - 180px)}
}
@media screen and (min-width:992px){
.class-mgt__item-content{width:calc(100% - 234px)}
}
.class-mgt__item-content .form-control::-moz-placeholder{color:#888}
.class-mgt__item-content .form-control:-ms-input-placeholder{color:#888}
.class-mgt__item-content .form-control::placeholder{color:#888}
.class-mgt__item-content .form-select{color:#888}
.class-mgt__item-content .input-group-2{align-items:center;display:flex}
.class-mgt__item-content .input-group-2 .btn{flex-shrink:0;margin-left:12px;border-radius:30px;width:85px;height:32px}
@media screen and (min-width:576px){
.class-mgt__item-content .input-group-2 .btn{margin-left:30px}
}
@media screen and (min-width:768px){
.class-mgt__item-content .form-text-link{padding-top:12px}
}
.class-mgt__item-content .form-grid-checkbox{margin:6px 0}
.class-mgt__item-content .form-grid-checkbox [class*=col-]{margin-bottom:9px}
.class-mgt__footer{margin-top:22px;border-top:1px dashed #d2d2d2;padding-top:30px;padding-bottom:15px}
@media screen and (min-width:768px){
.class-mgt__footer{justify-content:space-between;display:flex;padding-bottom:0}
}
.class-mgt__footer-left{flex-wrap:wrap;justify-content:center;display:flex;margin-bottom:12px;gap:12px}
@media screen and (min-width:768px){
.class-mgt__footer-left{justify-content:flex-start;margin-bottom:0;gap:21px}
}
.class-mgt__footer-left .btn{border-radius:10px;min-width:220px;height:40px}
@media screen and (min-width:768px){
.class-mgt__footer-left .btn{height:45px}
}
.class-mgt__footer-left .btn svg{margin-right:9px}
.class-mgt__footer-right{justify-content:center;align-items:center;display:flex}
@media screen and (min-width:768px){
.class-mgt__footer-right{justify-content:flex-end}
}
.class-mgt__footer-right .btn:not(.btn-icon){border-radius:30px;min-width:170px;height:40px}
@media screen and (min-width:768px){
.class-mgt__footer-right .btn:not(.btn-icon){height:45px}
}
.class-mgt__footer-right .btn:not(.btn-icon) svg{margin-right:10px}
.class-mgt__footer-right .btn-icon{margin-left:19px}
.dashboard-chart{margin-bottom:20px}
@media screen and (min-width:768px){
.dashboard-chart{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:20px 20px 27px;background:#fff}
}
.dashboard-chart .nav-link{padding:6px 10px}
@media screen and (min-width:576px){
.dashboard-chart .nav-link{padding:6px 15px 10px}
}
.dashboard-chart .nav-link>span{display:block;padding-right:0;color:#333}
.dashboard-chart .nav-tabs{flex-wrap:wrap;margin-bottom:14px;border-bottom-color:transparent}
@media screen and (min-width:576px){
.dashboard-chart .nav-tabs{border-bottom-color:#e4e4e4}
}
.dashboard-chart .nav-tabs .nav-item.show .nav-link,.dashboard-chart .nav-tabs .nav-link.active{border-color:#e4e4e4 #e4e4e4 #fff}
.dashboard-chart .nav-item{flex:initial}
.dashboard-chart .nav-item.active .nav-link>span,.dashboard-chart .nav-item:hover .nav-link>span,.dashboard-chart .nav-link.active>span{background-image:none;color:#0078ff}
.dashboard-chart .nav-select{margin-left:auto;width:100%}
@media screen and (min-width:576px){
.dashboard-chart .nav-select{width:152px}
}
.dashboard-chart .nav-select .form-select{border-radius:0 0 3px 3px;height:30px;padding-left:10px}
@media screen and (min-width:576px){
.dashboard-chart .nav-select .form-select{border-radius:3px}
}
.dashboard-chart__head{margin-bottom:20px}
.dashboard-chart__head .item{align-items:center;display:flex;border-radius:5px;padding:15px 12px;color:#fff}
@media screen and (min-width:768px){
.dashboard-chart__head .item{padding:15px 20px 24px}
}
.dashboard-chart__head .item-icon{width:68px}
.dashboard-chart__head .item-content{width:calc(100% - 68px);padding-left:12px}
.dashboard-chart__head .item-info .fz-45{position:relative;top:2px;margin-right:3px}
.dashboard-chart__chart{text-align:center}
.dashboard-chart__note{align-items:flex-start;display:flex;margin:22px auto 0;max-width:690px;text-align:left}
.dashboard-chart__note>span{flex-shrink:0;margin-right:20px}
.dashboard-chart__note>ul{flex-wrap:wrap;display:flex}
.dashboard-chart__note>ul li{position:relative;align-items:center;display:flex;width:100%}
@media screen and (min-width:576px){
.dashboard-chart__note>ul li{margin-right:28px;width:auto;padding-right:30px}
}
.dashboard-chart__note>ul li::after{position:absolute;top:calc(50% - 13px);right:0;width:1px;height:26px;background-color:#eaeaea}
@media screen and (min-width:576px){
.dashboard-chart__note>ul li::after{content:""}
}
.dashboard-chart__note>ul li:last-child{margin-right:0;padding-right:0}
.dashboard-chart__note>ul li:last-child::after{content:none}
.dashboard-chart__note>ul li span{margin-right:13px;width:15px;height:15px}
.dashboard-data{overflow:hidden;margin-bottom:27px;box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;background:#fff}
.dashboard-data__head{border-radius:5px 5px 0 0;padding:25px 12px;background-color:#005fca;background-image:url(../images/common/bg.png);background-repeat:no-repeat;background-size:cover;color:#fff}
@media screen and (min-width:768px){
.dashboard-data__head{padding-right:20px;padding-left:20px}
}
.dashboard-data__head .row{margin-bottom:-80px}
.dashboard-data__head .item{align-items:center;display:flex;border-radius:5px;padding:15px 12px}
@media screen and (min-width:768px){
.dashboard-data__head .item{padding:19px 26px}
}
.dashboard-data__head .item-icon{width:68px}
.dashboard-data__head .item-content{width:calc(100% - 68px);padding-left:12px}
@media screen and (min-width:768px){
.dashboard-data__head .item-content{padding-left:19px}
}
.dashboard-data__heading{flex-wrap:wrap;justify-content:space-between;display:flex;margin-bottom:12px;gap:12px}
.dashboard-data__content{padding:86px 12px 24px}
@media screen and (min-width:768px){
.dashboard-data__content{padding-right:20px;padding-left:20px}
}
.dashboard-point{margin-bottom:20px}
@media screen and (min-width:768px){
.dashboard-point{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:23px 22px 31px;background:#fff}
}
.dashboard-point .btn{border-radius:30px;min-width:123px;height:36px}
.dashboard-point__title{margin-bottom:5px}
.dashboard-point__text{margin-bottom:18px}
.dashboard-point__main{flex-wrap:wrap;display:flex;margin-bottom:21px}
.dashboard-point__main-left{width:100%}
@media screen and (min-width:768px){
.dashboard-point__main-left{width:50%;padding-right:15px}
}
.dashboard-point__main-right{margin-top:20px;width:100%}
@media screen and (min-width:768px){
.dashboard-point__main-right{margin-top:0;width:50%;padding-left:3px}
}
.dashboard-point__info{border:1px solid #e8e8e8;border-radius:5px;padding:15px 12px;background:#fff}
@media screen and (min-width:768px){
.dashboard-point__info{max-width:320px;padding:18px 20px 35px 17px}
}
.dashboard-point__info p{margin-bottom:15px;border-bottom:1px dashed #0078ff;padding-bottom:6px}
.dashboard-point__info a{display:flex;transition:all .3s ease}
.dashboard-point__info a:hover{text-decoration:underline;color:#0078ff}
.dashboard-point__info a+a{margin-top:10px}
.dashboard-point__info a span:first-of-type{min-width:85px}
@media screen and (min-width:768px){
.dashboard-point__info a span:first-of-type{min-width:102px}
}
.dashboard-point__chart{flex-wrap:wrap;display:flex}
.dashboard-point__chart-left{width:100%;text-align:center}
@media screen and (min-width:768px){
.dashboard-point__chart-left{width:59%;padding-top:2px;text-align:left}
}
.dashboard-point__chart-right{flex-direction:column;justify-content:center;align-items:center;display:flex;margin-top:20px;width:100%}
@media screen and (min-width:768px){
.dashboard-point__chart-right{align-items:flex-end;margin-top:0;width:41%;padding-top:5%}
}
@media screen and (min-width:768px){
.dashboard-point__chart-right ul{margin:0 0 0 15px}
}
@media screen and (min-width:992px){
.dashboard-point__chart-right ul{margin-right:11px}
}
.dashboard-point__chart-right ul li{align-items:center;display:flex;margin-bottom:12px}
.dashboard-point__chart-right ul li:last-child{margin-bottom:0}
.dashboard-point__chart-right ul li span{flex-shrink:0;margin-right:16px;border-radius:50%;width:10px;height:10px}
.data-chart{margin-bottom:18px}
.data-chart .nav-item{flex:initial}
.data-chart .nav-tabs{border-bottom:none}
.data-chart .nav-tabs::after{content:"";flex-grow:1;align-self:flex-end;display:block;height:1px;background-color:#dedede}
.data-chart .nav-link-bdr{position:relative;border:none;padding:0;background:0 0}
.data-chart .nav-link-bdr::before{content:"";position:absolute;top:0;right:-1px;bottom:0;left:1px;border-radius:5px 0 0 0;background-color:#dedede;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
.data-chart .nav-link-bdr__inner{position:relative;z-index:5;align-items:center;display:flex;border:1px solid #dedede;border-radius:5px 0 0 0;min-height:40px;padding:9px 40px 9px 10px;background-color:#f5f5f5;color:#8f8f8f;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
@media screen and (min-width:768px){
.data-chart .nav-link-bdr__inner{min-width:180px;min-height:47px;padding:9px 54px 9px 21px}
}
.data-chart .nav-link-bdr__icon{position:relative;flex-shrink:0;opacity:.5;margin-right:10px;color:#0078ff;top:-1px}
@media screen and (min-width:768px){
.data-chart .nav-link-bdr__icon{margin-right:14px}
}
.data-chart .nav-link-bdr.active .nav-link-bdr__inner{border-bottom-color:#fff;background-color:#fff;color:#333}
.data-chart .nav-link-bdr.active .nav-link-bdr__inner .nav-link-bdr__icon{opacity:1}
.data-chart .tab-content{padding:12px}
@media screen and (min-width:768px){
.data-chart .tab-content{padding:22px 35px}
}
.data-chart .tab-border{border:1px solid #dedede;border-top:none}
.data-chart .tab-background{border-radius:0 0 3px 3px;background-color:#fff}
.data-chart__button{justify-content:center;align-items:center;display:flex;border-radius:3px;width:130px;height:36px;padding:5px}
.data-chart__button svg{flex-shrink:0;margin-right:10px}
.data-chart__chart{flex-wrap:wrap;align-items:center;display:flex;margin-bottom:9px}
.data-chart__chart-left{width:100%}
@media screen and (min-width:768px){
.data-chart__chart-left{width:calc(100% - 218px);padding-right:30px}
}
.data-chart__chart-right{margin:20px auto 0;width:100%}
@media screen and (min-width:768px){
.data-chart__chart-right{margin:0;width:218px}
}
.data-chart__info{border:1px solid #d9d9d9;border-radius:5px;padding:14px 18px 22px;background:#f7f7f7}
@media screen and (min-width:768px){
.data-chart__info{max-width:203px}
}
.data-chart__info p{position:relative;margin-bottom:20px;padding-bottom:7px}
.data-chart__info p::before{content:"";position:absolute;bottom:0;left:0;width:51px;height:2px;background-color:#0078ff}
.data-chart__info ul li{align-items:center;display:flex;margin-bottom:10px}
@media screen and (min-width:768px){
.data-chart__info ul li{margin-bottom:21px}
}
.data-chart__info ul li:last-child{margin-bottom:0}
.data-chart__info ul li span{flex-shrink:0;margin-right:15px;width:20px;height:17px}
@media screen and (min-width:768px){
.data-chart__info ul li span{margin-right:20px}
}
.data-chart__class ul{flex-wrap:wrap;display:flex;margin:1px -7px 0}
.data-chart__class ul li{margin-top:10px;width:50%;padding:0 7px}
@media screen and (min-width:576px){
.data-chart__class ul li{width:33.3333333333%}
}
@media screen and (min-width:768px){
.data-chart__class ul li{width:25%}
}
@media screen and (min-width:992px){
.data-chart__class ul li{width:20%}
}
@media screen and (min-width:1200px){
.data-chart__class ul li{width:16.6666666667%}
}
.data-chart__class ul a{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border-radius:5px;width:100%;height:40px;background-color:#f3f3f3;color:#333}
@media screen and (min-width:768px){
.data-chart__class ul a{height:50px}
}
.data-chart__class ul a.active,.data-chart__class ul a:hover{background-color:#0078ff;color:#fff}
.data-chart__head{justify-content:space-between;align-items:center;display:flex;margin-bottom:9px;gap:12px}
@media screen and (max-width:575px){
.data-chart__head{flex-wrap:wrap}
}
.data-chart__table{overflow-x:auto;margin-bottom:28px;border:1px solid #e1e1e1;border-radius:5px;background:#fff}
.data-chart__table table{width:100%}
.data-chart__table table td,.data-chart__table table th{padding:12px}
@media screen and (min-width:768px){
.data-chart__table table td,.data-chart__table table th{padding:19px 28px 18px}
}
.data-chart__table table td:not(:first-child),.data-chart__table table th:not(:first-child){text-align:center}
.data-chart__table table th{padding-top:13px;padding-bottom:10px}
.data-chart__table table tr td:not(:last-child){border:none}
.data-chart__table table thead tr{background-color:#f1f1f1}
.data-chart__table table tbody tr:nth-child(even){background-color:rgba(233,233,233,.3)}
@media screen and (min-width:768px){
.data-chart__table table .tooltip-inner{width:160px;padding-right:12px;padding-left:12px}
}
.data-detail{border:1px solid #dedede;border-radius:5px;padding:15px 12px;background:#f0f0f0}
@media screen and (min-width:768px){
.data-detail{padding:17px 35px}
}
.data-detail .common-pagination{padding:18px 0 0}
.data-detail__heading{margin-bottom:15px;text-align:center}
@media screen and (min-width:768px){
.data-detail__heading{margin-bottom:26px}
}
.data-detail__main{display:flex;flex-wrap:wrap;margin-bottom:22px}
.data-detail__main-left{width:100%}
@media screen and (min-width:768px){
.data-detail__main-left{width:55%}
}
.data-detail__main-right{width:100%;margin-top:20px}
@media screen and (min-width:768px){
.data-detail__main-right{width:45%;margin-top:0}
}
.data-detail__info{border:1px solid #e8e8e8;border-radius:5px;padding:15px 12px;background:#fff}
@media screen and (min-width:768px){
.data-detail__info{max-width:450px;padding:19px 29px 38px}
}
.data-detail__info p{margin-bottom:11px}
.data-detail__info dl{display:flex}
.data-detail__info dl+dl{margin-top:12px}
.data-detail__info dt{min-width:85px}
@media screen and (min-width:768px){
.data-detail__info dt{min-width:100px}
}
.data-detail__info .btn{margin-top:23px}
.data-detail__chart{display:flex;flex-wrap:wrap}
.data-detail__chart-left{width:100%;text-align:center}
@media screen and (min-width:768px){
.data-detail__chart-left{width:50%;text-align:left}
}
.data-detail__chart-right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px}
@media screen and (min-width:768px){
.data-detail__chart-right{width:50%;margin-top:0}
}
.data-detail__chart-right ul li{display:flex;align-items:center;margin-bottom:11px}
.data-detail__chart-right ul li:last-child{margin-bottom:0}
.data-detail__chart-right ul li span{flex-shrink:0;border-radius:50%;width:10px;height:10px;margin-right:22px}
.data-detail__list{border:1px solid #ddd;border-radius:5px;margin-left:-2px;background-color:#fff}
.data-detail__table .tr{display:flex;flex-wrap:wrap;align-items:flex-start}
@media screen and (min-width:768px){
.data-detail__table .tr{flex-wrap:nowrap}
}
.data-detail__table .td,.data-detail__table .th{padding-right:8px;padding-left:8px}
.data-detail__table .td:nth-child(1),.data-detail__table .th:nth-child(1){flex-shrink:0;width:36px;padding:0 0 3px 12px}
@media screen and (min-width:768px){
.data-detail__table .td:nth-child(1),.data-detail__table .th:nth-child(1){width:57px;padding:3px 15px 0 20px}
}
.data-detail__table .td:nth-child(2),.data-detail__table .th:nth-child(2){width:calc(100% - 36px);padding-bottom:3px;padding-left:0}
@media screen and (min-width:768px){
.data-detail__table .td:nth-child(2),.data-detail__table .th:nth-child(2){flex-grow:1;width:auto;padding-bottom:0;padding-left:8px}
}
.data-detail__table .td:nth-child(3),.data-detail__table .th:nth-child(3){display:block;flex-shrink:0;width:100%;padding-top:2px;padding-bottom:2px}
@media screen and (min-width:576px){
.data-detail__table .td:nth-child(3),.data-detail__table .th:nth-child(3){width:50%}
}
@media screen and (min-width:768px){
.data-detail__table .td:nth-child(3),.data-detail__table .th:nth-child(3){justify-content:center;width:82px;padding-top:0;padding-bottom:0;text-align:center}
}
.data-detail__table .td:nth-child(4),.data-detail__table .th:nth-child(4){flex-shrink:0;width:100%;padding-top:2px;padding-bottom:2px}
@media screen and (min-width:576px){
.data-detail__table .td:nth-child(4),.data-detail__table .th:nth-child(4){width:50%}
}
@media screen and (min-width:768px){
.data-detail__table .td:nth-child(4),.data-detail__table .th:nth-child(4){justify-content:center;width:30%;padding-top:0;padding-bottom:0;text-align:center}
}
.data-detail__table .td:nth-child(5),.data-detail__table .th:nth-child(5){flex-shrink:0;width:100%;padding-top:2px}
@media screen and (min-width:768px){
.data-detail__table .td:nth-child(5),.data-detail__table .th:nth-child(5){display:flex;justify-content:center;width:178px;padding-top:0;text-align:center}
}
.data-detail__table .th{text-align:center}
.data-detail__table .th:nth-child(2){padding-left:15px;text-align:left}
.data-detail__table .th:nth-child(5){justify-content:flex-end}
.data-detail__table .td::before{content:attr(data-label);font-weight:700}
@media screen and (min-width:768px){
.data-detail__table .td::before{content:none}
}
.data-detail__table .thead{display:none}
@media screen and (min-width:768px){
.data-detail__table .thead{display:block}
}
.data-detail__table .thead .tr{align-items:center;height:47px}
.data-detail__table .tbody .tr{border-bottom:1px solid #f4f4f4;padding-top:12px;padding-bottom:12px}
@media screen and (min-width:768px){
.data-detail__table .tbody .tr{padding-top:18px;padding-bottom:18px}
}
.data-detail__table .wrapper{display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:143px;padding-right:9px;gap:21px}
.data-detail__table .wrapper p{margin-right:auto}
.data-detail__table .wrapper button{border:none;padding:0;background:0 0;color:#333}
.data-detail__table .wrapper button.active{color:#0078ff}
.data-detail__table .wrapper button svg{transition:all .3s ease}
.data-detail__table .item{display:flex}
.data-detail__table .item-order{flex-shrink:0;width:26px;text-align:center}
.data-detail__table .item-content{width:calc(100% - 28px);padding-left:5px}
@media screen and (min-width:1366px){
.data-detail__table .item-content{padding-left:16px}
}
.data-detail__table .item-content a{transition:all .3s ease}
.data-detail__table .item-content a:hover{text-decoration:underline;color:#0078ff}
.data-detail__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.data-detail__table .tnav{background-color:#f8f8f8}
@media screen and (min-width:768px){
.data-detail__table .tnav{padding-top:8px;padding-right:19px;padding-bottom:6px}
}
@media screen and (min-width:768px){
.data-detail__table .tnav-checkbox{width:74px;padding-top:9px;padding-left:20px}
}
.data-detail__table .tnav-select-label{display:flex;align-items:center;width:100%}
@media screen and (min-width:768px){
.data-detail__table .tnav-select-label{width:auto;margin-right:12px}
}
.data-detail__table .tnav-select-label p{display:none;flex-shrink:0;margin-right:8px}
@media screen and (min-width:1200px){
.data-detail__table .tnav-select-label p{display:block}
}
.data-detail__table .tnav-select-label .form-select{height:36px}
@media screen and (min-width:992px){
.data-detail__table .tnav-select-label .form-select{width:275px;padding-left:12px}
}
.data-detail__table .tnav-search{position:relative;display:flex;width:100%}
@media screen and (min-width:768px){
.data-detail__table .tnav-search{width:auto;margin-left:auto}
}
.data-detail__table .tnav-search .form-control{opacity:.8;border:1px solid #cfcfcf;border-radius:3px;height:36px;padding:0 12px;background:#fff}
@media screen and (min-width:992px){
.data-detail__table .tnav-search .form-control{width:270px}
}
.data-detail__table .tnav-search .form-control::-moz-placeholder{font-style:italic;color:#999}
.data-detail__table .tnav-search .form-control:-ms-input-placeholder{font-style:italic;color:#999}
.data-detail__table .tnav-search .form-control::placeholder{font-style:italic;color:#999}
.data-detail__table .tnav-search button{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;border:none;width:36px;background:0 0;color:#999}
.data-detail__table .tnav-select-only{width:100%}
@media screen and (min-width:768px){
.data-detail__table .tnav-select-only{width:auto;margin-left:12px}
}
@media screen and (min-width:992px){
.data-detail__table .tnav-select-only{margin-left:5%}
}
.data-detail__table .tnav-select-only .form-select{opacity:.5;border:1px solid #cfcfcf;border-radius:3px;width:140px;height:36px;padding-left:9px}
.data-detail__table .tnav-button .btn-primary{border-radius:5px;width:130px;height:36px;padding:5px;background-color:rgba(0,120,255,.8)}
@media screen and (min-width:768px){
.data-detail__table .tnav-button .btn-primary{width:137px}
}
.data-detail__table .tnav-button .btn-primary svg{flex-shrink:0;margin-right:5px}
/*.filter-box{margin-bottom:20px}*/
.filter-box__head{flex-wrap:wrap;display:flex;margin-bottom:15px;gap:12px}
@media screen and (min-width:576px){
.filter-box__head{justify-content:space-between}
}
@media screen and (min-width:768px){
.filter-box__head{gap:20px}
}
.filter-box__select{flex-wrap:wrap;align-items:center;display:flex;width:100%;gap:10px 40px}
@media screen and (min-width:576px){
.filter-box__select{width:auto}
}
.filter-box__select.gap-x-15{-moz-column-gap:15px;column-gap:15px}
.filter-box__select .item{position:relative;align-items:center;display:flex;width:100%}
@media screen and (min-width:576px){
.filter-box__select .item{width:auto}
}
.filter-box__select .form-select{margin-left:12px;border-radius:5px;width:100%}
@media screen and (min-width:576px){
.filter-box__select .form-select{width:223px;height:40px}
}
.filter-box__select .item--input .form-control{border:1px solid #e7e7e7;border-radius:5px;background:#fff}
@media screen and (min-width:768px){
.filter-box__select .item--input .form-control{width:360px;height:40px;padding-left:12px}
}
.filter-box__select .item--input .form-control::-moz-placeholder{font-style:italic;color:#9d9d9d}
.filter-box__select .item--input .form-control:-ms-input-placeholder{font-style:italic;color:#9d9d9d}
.filter-box__select .item--input .form-control::placeholder{font-style:italic;color:#9d9d9d}
.filter-box__select .item--input button{position:absolute;top:0;right:0;bottom:0;justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:none;width:40px;background:0 0;color:#8f8f8f}
.filter-box__select .item--input button:hover{color:#0078ff}
.filter-box__content{border:1px solid #6fb3ff;border-radius:5px;padding:12px;background:#f2f8ff}
@media screen and (min-width:768px){
.filter-box__content{padding:20px}
}
@media screen and (min-width:992px){
.filter-box__content{padding:21px 29px 22px 33px}
}
.filter-box__line{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:12px;gap:12px}
.filter-box__line:last-child{margin-bottom:0}
.filter-box__line:first-child .item-label{align-self:flex-start;padding:2px 0}
.filter-box__line .item{align-items:center;display:flex}
.filter-box__line .item:last-child:first-child{width:100%}
.filter-box__line .item-label{flex-shrink:0;margin-right:10px;min-width:60px}
@media screen and (min-width:768px){
.filter-box__line .item-label{min-width:auto}
}
@media screen and (min-width:992px){
.filter-box__line .item-label{margin-right:16px}
}
.filter-box__line .item-content{flex-wrap:wrap;display:flex;gap:10px 15px}
@media screen and (min-width:992px){
.filter-box__line .item-content{gap:10px 50px}
}
@media screen and (min-width:1200px){
.filter-box__line .item-content{gap:10px 102px}
}
.filter-box__line .item-content-large{align-items:center;display:flex;margin-top:10px;width:100%;gap:18px}
@media screen and (min-width:576px){
.filter-box__line .item-content-large{flex-grow:1;margin-top:0;width:auto}
}
.filter-box__line .form-check{padding-left:36px}
.filter-box__line .form-check-input{margin-top:0;margin-left:-36px!important;border-color:#dadada!important;width:24px;height:24px;background-color:#fff}
.filter-box__line .form-check-label{display:block;padding-top:2px}
@media screen and (min-width:768px){
.filter-box__line .form-check-label{padding-top:0}
}
.filter-box__line .form-check-input:checked[type=checkbox],.filter-box__line .form-check-input:checked[type=radio]{border:1px solid #0078ff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E %3Cpath d='M11.9922 2L4.99219 10.1818L1.99219 7.11364' stroke='%230078FF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-size:14px 12px}
.select-checkbox{position:relative;z-index:10;transition:all .3s ease;border:1px solid #dadada;border-radius:5px;width:100%;background:#fff}
.select-checkbox::after{content:"";position:absolute;top:16px;right:14px;transition:transform .3s ease;width:12px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center;pointer-events:none}
.select-checkbox.open{border-radius:5px 5px 0 0}
.select-checkbox.open::after{transform:rotate(180deg)}
.select-checkbox__active{padding:10px 20px 9px;cursor:pointer}
.select-checkbox__active .form-check{pointer-events:none}
.select-checkbox__list{position:absolute;top:100%;right:-1px;left:-1px;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid #dadada;border-radius:0 0 5px 5px;padding:0 20px;background-color:#fff}
.select-checkbox.open .select-checkbox__list{opacity:1;visibility:visible}
.select-checkbox__item{border-bottom:1px dashed #dadada;padding:10px 0}
.select-checkbox__item:last-child{border-bottom:none}
.select-checkbox:has(.multiselect-native-select){position:static}
.filter-box--select {
    padding: 0;
    background-color: transparent
}
.filter-box--select .site-heading{margin-bottom:13px}
.filter-box--select [class*=col]{margin-bottom:13px}
.filter-box--select .form-select{border-radius:5px}
@media screen and (min-width:768px){
.filter-box--select .form-select{height:42px;padding-left:12px}
}
.filter-box--select .filter-box__content{border-color:#dedede;background-color:#fafafa}
@media screen and (min-width:768px){
.filter-box--select .filter-box__content{padding:15px 20px 19px}
}
.filter-box--select .filter-box__line .form-check-input{margin-top:2px;margin-left:-27px!important;border-color:#afafaf!important;border-radius:3px!important;width:18px;height:18px}
.filter-box--select .filter-box__line .form-check{padding-left:27px}
@media screen and (min-width:768px){
.filter-box--select .filter-box__line .item-label{margin-right:24px}
}
@media screen and (min-width:1200px){
.filter-box--select .filter-box__line .item-content{gap:10px 65px}
}
@media screen and (min-width:768px){
.filter-box--select .filter-box__line .item:last-child .item-label{margin-right:10px}
}
@media screen and (min-width:768px){
.filter-box--select .filter-box__line .item:last-child .item-content{gap:10px 23px}
}
.item-search-select{flex-wrap:wrap;align-items:center;display:flex;width:100%;gap:10px}
.item-search-select .form-select:nth-child(1){width:100%}
@media screen and (min-width:576px){
.item-search-select .form-select:nth-child(1){flex-shrink:0;width:230px}
}
@media screen and (min-width:768px){
.item-search-select .form-select:nth-child(1){margin-right:4px}
}
.item-search-select .form-select:nth-child(2){width:100%}
@media screen and (min-width:576px){
.item-search-select .form-select:nth-child(2){flex-grow:1;width:auto;min-width:230px}
}
.item-search-select .btn-primary{flex-shrink:0;border-radius:5px;width:130px;height:40px}
@media screen and (min-width:768px){
.item-search-select .btn-primary{margin-left:7px;height:45px}
}
.site-footer{position:relative;z-index:100;justify-content:center;align-items:center;display:flex;margin-top:auto;height:60px;background-color:#004490;color:#fff}
.site-header{position:relative;z-index:500;background-color:#fff}
.site-header__top{position:relative;padding:12px 0}
@media screen and (min-width:768px){
.site-header__top{padding:12px 0 16px}
}
.site-header__logo{flex-shrink:0;display:flex;margin-right:10px;padding:5px 0}
@media screen and (min-width:768px){
.site-header__logo{margin-right:30px}
}
@media screen and (min-width:992px){
.site-header__logo{margin-right:42px}
}
.navbar-brand{margin:0;padding:0}
.site-header__wrapper{flex-grow:1;justify-content:flex-end;align-items:center;display:flex}
@media screen and (min-width:768px){
.nav-search{flex-grow:1}
}
.nav-search .form-control{border:none;border-radius:40px;height:35px;padding:0 40px 0 15px}
@media screen and (min-width:768px){
.nav-search .form-control{border:2px solid #dfeeff;height:40px;padding-right:68px}
}
.nav-search .form-control::-moz-placeholder{color:#333}
.nav-search .form-control:-ms-input-placeholder{color:#333}
.nav-search .form-control::placeholder{color:#333}
.nav-search .form-submit{position:absolute;z-index:5;top:12px;right:12px;bottom:12px;justify-content:center;align-items:center;display:flex;transition:color .3s ease;margin:0;border:none;width:35px;padding:0;background:0 0;color:#8c8c8c}
@media screen and (min-width:768px){
.nav-search .form-submit{top:0;right:0;bottom:0;width:50px}
.nav-search .form-submit:hover{color:#0078ff}
}
.nav-search-toggler{margin:0;border:none;padding:0;background:0 0}
.nav-search-form{position:relative;width:100%}
@media screen and (max-width:767px){
.nav-search-form{position:absolute;z-index:10;top:100%;right:0;left:0;justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;transition:all .3s ease;height:59px;padding:12px;background-color:#0078ff}
.nav-search-form.active{opacity:1;visibility:visible}
}
.nav-full-screen{flex-shrink:0;margin-left:10px;border:none;width:24px;height:24px;padding:0;background:0 0}
@media screen and (min-width:375px){
.nav-full-screen{margin-left:18px}
}
@media screen and (min-width:768px){
.nav-full-screen{margin-left:30px}
}
@media screen and (min-width:992px){
.nav-full-screen{margin-left:34px}
}
.nav-notification{position:relative;flex-shrink:0;margin-left:10px}
@media screen and (min-width:375px){
.nav-notification{margin-left:18px}
}
@media screen and (min-width:768px){
.nav-notification{margin-left:30px}
}
@media screen and (min-width:992px){
.nav-notification{margin-left:38px}
}
.nav-notification__wrapper{position:relative;justify-content:center;align-items:center;display:flex;width:24px;height:24px}
.nav-notification__wrapper::after{content:none}
.nav-notification__wrapper:hover{color:#0078ff}
.nav-notification__count{position:absolute;z-index:2;top:-7px;right:-6px;justify-content:center;align-items:center;display:flex;border-radius:50%;width:19px;height:19px;background:rgba(48,75,222,.2)}
.nav-notification__count span{justify-content:center;align-items:center;display:flex;border-radius:50%;width:13px;height:13px;background-color:#ff4a4a}
.nav-notification__menu{right:-15px!important;margin-top:10px!important;box-shadow:0 0 50px rgba(212,212,212,.5);border:none;border-radius:10px;width:250px;padding:13px 12px;background-color:#fff}
@media screen and (min-width:768px){
.nav-notification__menu{width:331px;padding:13px 28px 29px 23px}
}
.nav-notification__menu::before{content:"";position:absolute;top:-5px;right:8px;transform:rotate(45deg);box-shadow:-1px -1px 50px rgba(212,212,212,.5);width:10px;height:10px;background-color:#fff}
.nav-notification__menu[data-popper-placement=bottom-start]::before{right:auto;left:8px}
@media screen and (max-width:402px){
.nav-notification__menu[data-popper-placement=bottom-start]::before{left:20vw}
}
@media screen and (max-width:374px){
.nav-notification__menu[data-popper-placement=bottom-start]::before{left:39%}
}
.nav-notification__title{margin-bottom:6px;color:#0078ff}
.nav-notification__list{margin-bottom:4px}
.nav-notification__btn{position:absolute;top:calc(100% + 18px);left:50%;justify-content:center;align-items:center;display:flex;transform:translateX(-50%);border:none;border-radius:50%;width:50px;height:50px;background-color:#fff;color:#0078ff}
.nav-notification__item{border-top:1px solid #ebebeb;padding:11px 0 14px}
.nav-notification__item:first-child{padding-top:7px}
.nav-notification__item-inner{align-items:flex-start;display:flex}
.nav-notification__item-inner:hover{color:#0078ff}
.nav-notification__item-icon{flex-shrink:0;margin:2px 17px 0 2px;width:28px}
.nav-notification__item-content{flex-grow:1}
.nav-notification__item-date{margin-top:6px;color:#777}
.nav-lang{position:relative;flex-shrink:0;margin-left:15px}
@media screen and (min-width:375px){
.nav-lang{margin-left:22px}
}
@media screen and (min-width:992px){
.nav-lang{margin-right:21px;margin-left:41px}
}
.nav-lang select{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}
.nav-lang__selected{position:relative;display:flex;height:17px}
@media screen and (min-width:768px){
.nav-lang__selected{width:64px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M1 1L5 5L9 1' stroke='%230078FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right center}
}
.nav-lang__selected::after{position:absolute;top:calc(50% - 17px);right:-21px;width:1px;height:34px;background:linear-gradient(to bottom,#f9f9F900,#d9d9D980,#efeFEF00)}
@media screen and (min-width:768px){
.nav-lang__selected::after{content:""}
}
.nav-lang__image{width:29px}
.nav-lang__image::before{padding-bottom:58.6206896552%}
.nav-account{position:relative;flex-shrink:0;align-items:center;display:flex;margin-left:15px}
@media screen and (min-width:375px){
.nav-account{margin-left:21px}
}
.nav-account__wrapper{align-items:center;display:flex}
@media screen and (min-width:768px){
.nav-account__wrapper{padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M1 1L5 5L9 1' stroke='%230078FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right center}
}
.nav-account__wrapper::after{content:none}
.nav-account__wrapper>span{display:none}
@media screen and (min-width:768px){
.nav-account__wrapper>span{display:block}
}
.nav-account__image{flex-shrink:0;width:28px}
@media screen and (min-width:576px){
.nav-account__image{width:40px}
}
@media screen and (min-width:768px){
.nav-account__image{margin-right:10px}
}
.nav-account__image .image{justify-content:center;align-items:center;display:flex;border-radius:50%}
.nav-account__menu{top:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.25);border:none;border-radius:10px;width:260px;padding:4px 12px 4px;background-color:#fff}
@media screen and (min-width:768px){
.nav-account__menu{width:331px;padding:4px 28px 4px 23px}
}
.nav-account__menu::before{content:"";position:absolute;top:-5px;right:5px;transform:rotate(45deg);width:18px;height:18px;background-color:#fff}
@media screen and (min-width:576px){
.nav-account__menu::before{right:11px}
}
@media screen and (min-width:1200px){
.nav-account__menu::before{right:18px}
}
.nav-account__menu[data-bs-popper]{top:calc(100% + 11px);right:0;left:auto;margin-top:0}
@media screen and (min-width:992px){
.nav-account__menu[data-bs-popper]{top:calc(100% + 13px);right:9px}
}
.nav-account__menu[data-popper-placement=bottom-start]::before{right:auto;left:26px}
@media screen and (min-width:992px){
.nav-account__menu[data-popper-placement=bottom-start]::before{left:11px}
}
.nav-account__menu .dropdown-menu{position:relative;margin:-5px 0 15px 32px;border:none;padding:0}
.nav-account__menu .dropdown-menu li{margin-bottom:6px}
.nav-account__menu .dropdown-menu li:last-child{margin-bottom:0}
.nav-account__menu .dropdown-item{transition:color .3s ease;padding:0}
.nav-account__menu .dropdown-item:hover{background-color:transparent;color:#cd5542}
.nav-account__detail{align-items:center;display:flex;margin-top:11px;margin-bottom:15px}
.nav-account__detail-image{flex-shrink:0;margin-right:10px;width:40px}
@media screen and (min-width:576px){
.nav-account__detail-image{margin-right:22px;width:70px}
}
.nav-account__detail-image .image{justify-content:center;align-items:center;display:flex;border-radius:50%;background-color:#1d5193;color:#fff}
.nav-account__detail-content{flex-grow:1}
.nav-account__detail-content p:not(:last-child){margin-bottom:4px}
@media screen and (min-width:768px){
.nav-account__detail-content p:not(:last-child){margin-bottom:7px}
}
.nav-account__link{align-items:center;display:flex;transition:color .3s ease;border-top:1px solid #ebebeb;padding:8px 0}
.nav-account__link:hover{color:#1d5193}
.nav-account__link:hover i{color:#1d5193}
.nav-account__link:last-child{margin-bottom:0}
.nav-account__link:first-child{border-top:none}
.nav-account__link i{margin-right:11px;width:17px;text-align:center;color:#000}
.nav-account__link.disabled{color:#999}
.nav-account__detail+.nav-account__link{border-top:1px solid #ebebeb}
.nav-menu-button-option{flex-shrink:0;margin-left:10px;width:24px;height:24px}
@media screen and (min-width:375px){
.nav-menu-button-option{margin-left:15px}
}
@media screen and (min-width:768px){
.nav-menu-button-option{margin-left:26px}
}
.nav-menu-button-option::after{content:none}
.nav-menu-button-option:hover{color:#0078ff}
.nav-menu-options{margin-top:10px!important;box-shadow:0 4px 20px rgba(158,158,158,.25);border:none;border-radius:3px;width:300px;padding:13px 12px 20px}
@media screen and (min-width:768px){
.nav-menu-options{width:450px;padding:13px 30px 25px}
}
.nav-menu-options::before{content:"";position:absolute;top:-5px;right:8px;transform:rotate(45deg);transform-origin:center;width:10px;height:10px;background-color:#fff}
.nav-menu-options[data-popper-placement=bottom-start]::before{right:auto;left:8px}
.nav-menu-options__title{margin-bottom:12px}
.nav-menu-options__wrapper{justify-content:space-between;align-items:center;display:flex;margin-bottom:16px}
.nav-menu-options__wrapper .form-select{margin-left:15px;border-color:#d7d7d7;border-radius:3px;width:100%;max-width:224px;height:42px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M9.5625 0.875L5.5 4.9375L1.4375 0.875' stroke='%23656565' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:11px 6px;cursor:pointer;color:#333}
.nav-menu-options__list{margin-bottom:17px;border-top:1px solid #f4f4f4;border-bottom:1px dashed #d7d7d7;padding:8px 0 10px}
.nav-menu-options__item{justify-content:space-between;align-items:center;display:flex;padding:11px 0}
.nav-menu-options__item .switch{flex-shrink:0;margin-left:15px}
.nav-menu-options__bottom{justify-content:space-between;display:flex}
.nav-menu-options__bottom .btn{justify-content:center;align-items:center;display:flex;transition:all .3s ease;margin:0;border:2px solid #d5d5d5;border-radius:5px;width:120px;height:42px;text-align:center;color:#d5d5d5}
.nav-menu-options__bottom .btn:hover{border-color:#de8706;background-color:#de8706;color:#fff}
.nav-menu-options__bottom .btn:nth-child(2){border-color:#f39200;background-color:#f39200;color:#fff}
.nav-menu-options__bottom .btn:nth-child(2):hover{border-color:#de8706;background-color:#de8706;color:#fff}
.side-header__main{background-color:#0078ff;color:#fff}
@media screen and (max-width:767px){
.side-header__main .container{padding:0}
}
.navbar{padding:0}
.navbar-nav{flex-direction:row;flex-wrap:nowrap;display:flex;margin:0;padding:0}
.nav-item{flex:1 1 auto;text-align:center}
.nav-link{transition:background-color .3s ease;padding:12px}
@media screen and (min-width:768px){
.nav-link{padding:14px}
}
.nav-link>span{display:none;transition:all .3s ease;padding-right:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E %3Cpath d='M1 1.45557L5 5.45557L9 1.45557' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right center;font-size:12px;color:#fff}
@media screen and (min-width:768px){
.nav-link>span{display:inline-block}
}
@media screen and (min-width:992px){
.nav-link>span{font-size:15px;line-height:1.467}
}
.nav-item.active .nav-link,.nav-item:hover .nav-link{background-color:#CCE4FF}
.nav-item.active .nav-link>span,.nav-item:hover .nav-link>span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E %3Cpath d='M1 1.45557L5 5.45557L9 1.45557' stroke='%230078FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");color:#0078ff}
.nav-link-icon{justify-content:center;align-items:center;display:flex;margin:0 auto;border-radius:8px;width:35px;height:35px;padding:8px;background:#1885ff;color:#fff}
@media screen and (min-width:768px){
.nav-link-icon{margin-bottom:12px;border-radius:10px;width:45px;height:45px;padding:5px}
}
#overlay{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:none;opacity:.4;background-color:#000}
#overlay.show{display:block}
.history-detail{margin:30px 0 0}
.history-detail__head{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:14px;gap:8px 20px}
.history-detail__info{flex-wrap:wrap;display:flex;line-height:1.5}
.history-detail__info li::after{content:"|";display:inline-block;margin:0 8px;color:#cbcbcb}
@media screen and (min-width:768px){
.history-detail__info li::after{margin:0 10px}
}
.history-detail__info li:last-child::after{content:none}
.history-detail__info b{font-weight:700}
.history-detail__buttons{flex-wrap:wrap;display:flex;gap:10px}
.history-detail__buttons .btn{border-radius:5px;min-width:110px;padding:6px 15px;text-align:center}
.history-detail__list{border:1px solid #ddd;border-radius:5px;background:#fff}
@media screen and (min-width:768px){
.history-detail__list .common-pagination{padding:13px 19px 17px}
.history-detail__list .common-pagination ul a{min-width:45px;height:45px}
.history-detail__list .common-pagination ul .btn{margin-left:0;min-width:121px}
}
.history-detail__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex}
@media screen and (min-width:768px){
.history-detail__table .tr{flex-wrap:nowrap}
}
.history-detail__table .td,.history-detail__table .th{padding-right:8px;padding-left:8px}
.history-detail__table .td:nth-child(1),.history-detail__table .th:nth-child(1){position:relative;top:-1px;flex-shrink:0;width:36px;text-align:center}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(1),.history-detail__table .th:nth-child(1){top:2px}
}
@media screen and (min-width:1366px){
.history-detail__table .td:nth-child(1),.history-detail__table .th:nth-child(1){width:52px}
}
.history-detail__table .td:nth-child(2),.history-detail__table .th:nth-child(2){width:calc(100% - 36px)}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(2),.history-detail__table .th:nth-child(2){width:10.86%;text-align:center}
}
.history-detail__table .td:nth-child(3),.history-detail__table .th:nth-child(3){width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(3),.history-detail__table .th:nth-child(3){width:calc(65.14% - 313px); flex-grow:1;}
}
@media screen and (min-width:992px){
.history-detail__table .td:nth-child(3),.history-detail__table .th:nth-child(3){padding-right:17px;padding-left:17px}
}
@media screen and (min-width:1366px){
.history-detail__table .td:nth-child(3),.history-detail__table .th:nth-child(3){width:calc(54.49% - 341px)}
}
.history-detail__table .td:nth-child(4),.history-detail__table .th:nth-child(4){width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(4),.history-detail__table .th:nth-child(4){width:12%}
}
@media screen and (min-width:992px){
.history-detail__table .td:nth-child(4),.history-detail__table .th:nth-child(4){width:17.8%;padding-right:16px;padding-left:16px}
}
.history-detail__table .td:nth-child(5),.history-detail__table .th:nth-child(5){width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(5),.history-detail__table .th:nth-child(5){width:12%}
}
@media screen and (min-width:992px){
.history-detail__table .td:nth-child(5),.history-detail__table .th:nth-child(5){width:16.85%;padding-right:14px;padding-left:14px}
}
.history-detail__table .td:nth-child(6),.history-detail__table .th:nth-child(6){flex-shrink:0;width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(6),.history-detail__table .th:nth-child(6){justify-content:center;display:flex;width:79px}
}
.history-detail__table .td:nth-child(7),.history-detail__table .th:nth-child(7){flex-shrink:0;width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(7),.history-detail__table .th:nth-child(7){justify-content:center;display:flex;width:78px}
}
.history-detail__table .td:nth-child(8),.history-detail__table .th:nth-child(8){flex-shrink:0;width:100%}
@media screen and (min-width:768px){
.history-detail__table .td:nth-child(8),.history-detail__table .th:nth-child(8){justify-content:center;display:flex;width:120px}
}
@media screen and (min-width:1366px){
.history-detail__table .td:nth-child(8),.history-detail__table .th:nth-child(8){width:132px}
}
.history-detail__table .td:nth-child(8) .btn,.history-detail__table .th:nth-child(8) .btn{border-radius:30px;width:100%;max-width:90px;height:30px;padding-top:5px}
.history-detail__table .th{justify-content:center;align-items:center;display:flex;padding:11px 5px 12px}
.history-detail__table .th:nth-child(3){/*justify-content:flex-start*/}
.history-detail__table .th svg{margin-right:8px}
.history-detail__table .th+.th{border-left:1px solid #f5f5f5}
.history-detail__table .th+.th:nth-child(2){border-left:none}
.history-detail__table .td{padding-top:12px;padding-bottom:12px}
@media screen and (min-width:768px){
.history-detail__table .td{padding-top:17px;padding-bottom:17px}
}
.history-detail__table .td::before{content:attr(data-label);font-size:14px;line-height:1.5;font-weight:700}
@media screen and (min-width:768px){
.history-detail__table .td::before{content:none}
}
.history-detail__table .td+.td{border-bottom:1px solid #eee}
.history-detail__table .td+.td:last-child{border-bottom:none}
@media screen and (min-width:768px){
.history-detail__table .td+.td{border-bottom:none;border-left:1px solid #eee}
}
@media screen and (max-width:767px){
.history-detail__table .td[data-show=false]{display:none}
.history-detail__table .td:first-child{border-bottom:1px solid #eee;border-right:1px solid #eee}
}
.history-detail__table .thead{display:none;margin:-1px -1px 0}
@media screen and (min-width:768px){
.history-detail__table .thead{display:block}
}
.history-detail__table .thead .tr{align-items:stretch;border-radius:5px 5px 0 0;background-color:#c8d5e9}
.history-detail__table .tbody .tr{align-items:stretch;transition:background-color .3s ease;border-bottom:1px solid rgba(222,222,222,.5)}
.history-detail__table .tbody .fz-15{line-height:1.47}
.history-detail__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.history-detail__table .group{align-items:flex-start;display:flex;margin-top:5px}
@media screen and (min-width:768px){
.history-detail__table .group{margin-top:0}
}
.history-detail__table .group button{flex-shrink:0;transition:all .3s ease;margin:0 7px 0 0;border:none;padding:0;background:0 0;color:#cecece}
@media screen and (min-width:992px){
.history-detail__table .group button{margin-right:13px}
}
.history-detail__table .group button:hover{color:#0078ff}
.history-detail__table .group+p{margin-top:5px}
.history-detail__table .tnav{border-radius:5px 5px 0 0;background-color:#f4f8fd}
@media screen and (min-width:768px){
.history-detail__table .tnav{align-items:center;border-radius:0;min-height:48px;padding-top:6px;padding-bottom:6px}
}
.history-detail__table .tnav-col:first-child{width:auto;padding-left:0}
.history-detail__table .tnav-col:last-child{display:flex;/*margin-right:132px;*/margin-left:auto;width:156px;text-align:center}
.history-detail__table .tnav-col:last-child>div{width:50%}
.history-detail__table .tnav-checkbox{padding-left:9px}
@media screen and (min-width:768px){
.history-detail__table .tnav-checkbox{width:53px}
}
@media screen and (min-width:1366px){
.history-detail__table .tnav-checkbox{width:64px;padding-top:0;padding-right:10px;padding-left:17px}
}
.history-detail__table .form-check-small .form-check-input:checked[type=checkbox],.history-detail__table .form-check-small .form-check-input:checked[type=radio]{border:1px solid #0078ff!important}
.history-detail__table .tnav-button .btn-primary{border-radius:5px;width:130px;height:36px;padding:5px;background-color:rgba(0,120,255,.8)}
@media screen and (min-width:768px){
.history-detail__table .tnav-button .btn-primary{width:137px}
}
.history-detail__table .tnav-button .btn-primary svg{flex-shrink:0;margin-right:5px}
.knowledge .common-filter{margin-bottom:21px;border:1px solid #dedede;border-radius:5px;background:#fafafa}
@media screen and (min-width:992px){
.knowledge .common-filter{padding:16px 22px 17px 18px}
}
@media screen and (min-width:576px){
.knowledge .common-filter .col:last-child{min-width:240px}
}
@media screen and (min-width:768px){
.knowledge .common-filter .col:last-child{min-width:280px}
}
@media screen and (min-width:992px){
.knowledge .common-filter .col:last-child{min-width:559px}
}
.knowledge .form-select{border-radius:5px}
.knowledge .form-search-select{border-radius:5px}
.knowledge .form-search-select select{border-right-color:#ededed;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 16px center}
@media screen and (min-width:768px){
.knowledge .form-search-select select{width:97px}
}
.knowledge .form-search-select input{padding-right:50px}
@media screen and (min-width:768px){
.knowledge .form-search-select input{padding-left:18px}
}
.knowledge .form-search-select input::-moz-placeholder{font-style:italic;color:#999}
.knowledge .form-search-select input:-ms-input-placeholder{font-style:italic;color:#999}
.knowledge .form-search-select input::placeholder{font-style:italic;color:#999}
.knowledge .form-search-select button{position:absolute;z-index:1;top:0;right:0;justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:none;width:45px;height:43px;padding:0;background:0 0;color:#333}
.knowledge .form-search-select button:hover{color:#0078ff}
.knowledge__info{flex-wrap:wrap;display:flex;margin-bottom:9px}
.knowledge__info li::after{content:"|";display:inline-block;margin:0 8px;color:#d3d3d3}
@media screen and (min-width:768px){
.knowledge__info li::after{margin:0 15px}
}
.knowledge__info li:last-child::after{content:none}
.knowledge__list{border:1px solid #dedede;border-radius:5px;background:#fafafa}
.knowledge__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex}
@media screen and (min-width:768px){
.knowledge__table .tr{flex-wrap:nowrap}
}
.knowledge__table .td,.knowledge__table .th{padding-right:8px;padding-left:8px}
.knowledge__table .td:nth-child(1),.knowledge__table .th:nth-child(1){flex-shrink:0;width:36px}
@media screen and (min-width:1366px){
.knowledge__table .td:nth-child(1),.knowledge__table .th:nth-child(1){width:54px}
}
.knowledge__table .td:nth-child(2),.knowledge__table .th:nth-child(2){width:20px}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(2),.knowledge__table .th:nth-child(2){width:45px}
}
.knowledge__table .td:nth-child(3),.knowledge__table .th:nth-child(3){flex-grow:1}
@media screen and (min-width:992px){
.knowledge__table .td:nth-child(3),.knowledge__table .th:nth-child(3){padding-left:25px}
}
.knowledge__table .td:nth-child(4),.knowledge__table .th:nth-child(4){width:100%}
@media screen and (min-width:576px){
.knowledge__table .td:nth-child(4),.knowledge__table .th:nth-child(4){width:50%}
}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(4),.knowledge__table .th:nth-child(4){width:8.35%}
}
.knowledge__table .td:nth-child(5),.knowledge__table .th:nth-child(5){width:100%}
@media screen and (min-width:576px){
.knowledge__table .td:nth-child(5),.knowledge__table .th:nth-child(5){width:50%}
}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(5),.knowledge__table .th:nth-child(5){width:21.75%}
}
.knowledge__table .td:nth-child(6),.knowledge__table .th:nth-child(6){width:100%}
@media screen and (min-width:576px){
.knowledge__table .td:nth-child(6),.knowledge__table .th:nth-child(6){width:50%}
}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(6),.knowledge__table .th:nth-child(6){width:27%}
}
.knowledge__table .td:nth-child(7),.knowledge__table .th:nth-child(7){flex-shrink:0;width:100%}
@media screen and (min-width:576px){
.knowledge__table .td:nth-child(7),.knowledge__table .th:nth-child(7){width:50%}
}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(7),.knowledge__table .th:nth-child(7){width:220px}
}
@media screen and (min-width:1366px){
.knowledge__table .td:nth-child(7),.knowledge__table .th:nth-child(7){width:248px;padding-right:19px;padding-left:19px}
}
.knowledge__table .th{text-align:center}
.knowledge__table .th:nth-child(3){text-align:left}
.knowledge__table .th:nth-child(4){text-align:left}
.knowledge__table .td:nth-child(1){padding:2px 0 0 12px;display:flex}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(1){padding-top:2px;padding-bottom:2px}
}
@media screen and (min-width:1366px){
.knowledge__table .td:nth-child(1){padding-right:17px;padding-left:19px}
}
.knowledge__table .td:nth-child(2){padding-right:0;padding-left:0;text-align:center}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(2){padding-right:8px;padding-left:8px}
}
.knowledge__table .td:nth-child(3){padding-bottom:6px}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(3){padding-bottom:0}
}
.knowledge__table .td:nth-child(4){padding-bottom:6px}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(4){padding-bottom:0}
}
.knowledge__table .td:nth-child(5) a{align-items:flex-start;display:flex;margin-top:4px}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(5) a{margin-top:7px}
}
.knowledge__table .td:nth-child(5) a svg{flex-shrink:0;top:2px;position:relative;margin-right:6px;color:#0078ff}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(5) a svg{top:3px;margin-right:10px}
}
.knowledge__table .td:nth-child(7){flex-wrap:wrap;display:flex;padding-top:10px}
@media screen and (min-width:768px){
.knowledge__table .td:nth-child(7){padding-top:6px}
}
.knowledge__table .td:nth-child(7) .btn{border-radius:5px;width:100%;height:40px}
.knowledge__table .td:nth-child(7) .btn span{color:#fafafa}
.knowledge__table .td:nth-child(7) .btn+.btn{margin-top:10px}
.knowledge__table .td::before{content:attr(data-label);font-size:14px;line-height:1.5;font-weight:700}
@media screen and (min-width:768px){
.knowledge__table .td::before{content:none}
}
.knowledge__table .thead{display:none}
@media screen and (min-width:768px){
.knowledge__table .thead{display:block}
}
.knowledge__table .thead .tr{align-items:center;height:47px}
.knowledge__table .tbody .tr{transition:background-color .3s ease;border-bottom:1px solid #ebebeb;padding-top:14px;padding-bottom:26px}
.knowledge__table .x-progress{display:flex;margin:25px 0 0;box-shadow:inset 0 0 3px rgba(0,0,0,.25);border-radius:10px;width:100%;max-width:250px;height:13px;background:#f2f2f2}
@media screen and (min-width:768px){
.knowledge__table .x-progress{margin:31px auto 0}
}
.knowledge__table .x-progress span{position:relative;border-radius:10px}
.knowledge__table .x-progress span::after{content:attr(data-value);position:absolute;right:0;bottom:18px;transform:translateX(50%)}
@media screen and (min-width:768px){
.knowledge__table .x-progress span::after{bottom:24px}
}
.knowledge__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
@media screen and (min-width:768px){
.knowledge__table .tnav-col:first-child{justify-content:flex-start;padding-left:19px;width:59.5%}
}
.knowledge__table .tnav-col:last-child{width:auto}
@media screen and (min-width:576px){
.knowledge__table .tnav-col:last-child{width:190px}
}
.knowledge__table .tnav{padding:10px 10px 10px 0;background-color:#ebebeb}
@media screen and (min-width:768px){
.knowledge__table .tnav-checkbox{width:54px;padding-top:7px;padding-right:0;padding-left:19px}
}
.knowledge__table .tnav-up-down{display:flex;gap:7px}
.knowledge__table .tnav-up-down button{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:none;border:1px solid transparent;border-radius:3px;width:105px;height:30px;background-color:rgba(248,248,248,.8);color:#888}
.knowledge__table .tnav-up-down button svg{position:relative;top:1px;margin-right:5px}
.knowledge__table .tnav-up-down button.active,.knowledge__table .tnav-up-down button:hover{border-color:#0078ff;background-color:rgba(231,242,253,.8);color:#0078ff}
.knowledge__table .tnav-list-checkbox{justify-content:space-between;align-items:center;display:flex;gap:15px;width:100%}
.knowledge__table .tnav-list-checkbox .form-check-small input{position:relative;margin-right:7px}
@media screen and (min-width:768px){
.knowledge__table .tnav-list-checkbox .form-check-small input{top:2px}
}
.knowledge__table .form-check-small .form-check-input:checked[type=checkbox],.knowledge__table .form-check-small .form-check-input:checked[type=radio]{border:1px solid #0078ff!important}
.knowledge__table .tnav-button{gap:10px}
@media screen and (min-width:768px){
.knowledge__table .tnav-button{margin:-3px 0 -3px 17px;gap:10px}
}
.knowledge__table .tnav-button .btn:not(.btn-icon){border-radius:5px;min-width:105px;padding:5px 10px}
.knowledge__table .tnav-button .btn-primary{border-radius:5px;width:auto}
.knowledge__table .tnav-button .btn-primary svg{margin-right:7px}
@media screen and (min-width:992px){
.knowledge__table .tnav-button .btn-danger{min-width:206px!important}
}
@media screen and (min-width:992px){
.knowledge__table .tnav-button .btn-success{width:120px}
}
@media screen and (min-width:768px){
.knowledge__table .tnav-button .btn-icon{margin-left:12px}
}
@media screen and (min-width:992px){
.knowledge__table .tnav-button .btn-icon{margin-left:32px}
}
.learning{margin-bottom:20px}
@media screen and (min-width:768px){
.learning{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:19px 18px 27px 22px;background:#fff}
}
.learning .filter-box__content{margin-bottom:30px}
@media screen and (min-width:992px){
.learning .filter-box__content{padding:19px 19px 20px 17px}
}
.learning .filter-box__line{margin-bottom:13px}
.learning .filter-box__line .form-check-input{margin-left:-34px!important;border-radius:3px!important;width:22px;height:22px}
.learning .filter-box__line .form-check{padding-left:34px}
.learning .filter-box__line .item-label{margin-right:10px}
@media screen and (min-width:768px){
.learning .filter-box__line .item-content{gap:10px 20px}
}
.learning .filter-box__line:last-child{margin-bottom:0}
@media screen and (min-width:768px){
.learning .filter-box__line:last-child .select-checkbox{min-width:150px}
}
.learning .filter-box__line:last-child .select-checkbox::after{right:10px}
.learning .filter-box__line:last-child .select-checkbox__active{padding:8px 30px 6px 10px}
.learning .filter-box__line:last-child .select-checkbox__list{padding:0 10px}
.learning .filter-box__line:last-child .form-select{border-color:#dadada;height:40px;padding-left:12px}
.learning .filter-box__line:last-child .item:last-child{flex-grow:1}
.learning .row .table-simple table thead td{padding:10px 11px 9px}
.learning .row .table-simple table tbody tr:nth-child(odd){background-color:transparent}
.learning .row .table-simple table tbody tr:nth-child(even){background-color:rgba(206,215,225,.1)}
.learning .row .table-simple table tbody td{padding:13px 11px 15px}
.learning__heading{align-items:center;display:flex;margin-bottom:13px}
.learning__heading svg{flex-shrink:0;margin-right:10px}
@media screen and (min-width:768px){
.learning__heading svg{margin-right:20px}
}
.learning__label{margin-bottom:7px}
.learning__head{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:20px;gap:12px 25px}
.learning__title{align-items:center;display:flex}
.learning__title svg{flex-shrink:0;margin-right:9px}
.learning__chart{margin-bottom:36px}
.learning__select-title{align-items:center;display:flex;margin-bottom:10px;gap:12px 15px}
.learning__select-title .form-select{border-color:#e8e8e8;width:120px;height:36px;padding-left:10px}
@media screen and (min-width:768px){
.learning__select-title .form-select{width:180px}
}
.learning__title-select{justify-content:space-between;align-items:center;display:flex;margin:28px 0 10px;gap:12px 25px}
.learning__title-select p{align-items:center;display:flex}
.learning__title-select p svg{flex-shrink:0;margin-right:10px}
.learning__title-select .form-select{max-width:120px;height:32px;padding-left:10px}
@media screen and (min-width:768px){
.learning__title-select .form-select{max-width:180px}
}
@media screen and (min-width:768px){
.lesson-block{box-shadow:0 4px 20px rgba(190,190,190,.25);border-radius:5px;padding:43px 35px 47px;background:#fff}
}
@media screen and (min-width:992px){
.lesson-block{padding-right:100px;padding-left:100px}
}
.lesson-block hr{opacity:1;margin:1.18rem 0;border-top:1px dashed #d9d9d9;background-color:transparent}
.lesson-block hr.mb-35{margin-bottom:35px}
.lesson-block .filter-box{margin-bottom:31px}
.lesson-block .filter-box__content{border-color:#c1d3e7}
@media screen and (min-width:992px){
.lesson-block .filter-box__content{padding:19px 6.75% 24px}
}
.lesson-block .filter-box__line [class*=col-]{margin-bottom:10px}
.lesson-block .filter-box__line [class*=col-]:last-child{margin-bottom:0}
.lesson-block .filter-box__line [class*=col-] .item{align-items:center}
.lesson-block .filter-box__line [class*=col-] .item .item-label{align-self:center}
.lesson-block .filter-box__line [class*=col-] .item .item-content{flex-grow:1}
.lesson-block .filter-box__line [class*=col-] .item .item-content .form-select{height:40px;color:#333}
@media screen and (min-width:768px){
.lesson-block .filter-box__line{margin-bottom:21px}
.lesson-block .filter-box__line:last-child{margin-bottom:0}
.lesson-block .filter-box__line .item-label{margin-right:22px}
.lesson-block .filter-box__line [class*=col-]{margin-bottom:0}
.lesson-block .filter-box__line [class*=col-] .item .item-label{margin-right:11px}
}
@media screen and (min-width:992px){
.lesson-block .filter-box__line .item-content{gap:10px 41px}
}
.lesson-block__heading{margin-bottom:20px}
@media screen and (min-width:768px){
.lesson-block__heading{margin-bottom:26px;text-align:center}
}
.lesson-block__title--link{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:7px;gap:12px 25px}
.lesson-block__title--link a{align-items:center;display:flex}
.lesson-block__title--link a svg{flex-shrink:0;margin-right:11px}
.lesson-block__title--link a span{text-underline-position:auto}
.lesson-block__subtitle{margin-bottom:4px}
.lesson-block__subtitle--select{flex-wrap:wrap;align-items:center;display:flex;margin-bottom:12px;gap:12px 29px}
.lesson-block__subtitle--select .form-select{border-radius:5px;max-width:160px;height:40px}
@media screen and (min-width:768px){
.lesson-block__subtitle--select .form-select{max-width:225px}
}
.lesson-block__select-list{border:1px solid #e7e7e7;border-radius:5px;/*background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 18px top 18px*/}
.lesson-block__select-list .item{padding:7px 12px 10px}
@media screen and (min-width:768px){
.lesson-block__select-list .item{padding-right:19px;padding-left:19px}
}
.lesson-block__select-list .item+.item{border-top:1px solid #e7e7e7}
@media screen and (min-width:768px){
.lesson-block__select-list .form-check{padding-left:45px}
}
.lesson-block__select-list .form-check-input{border-width:1px!important;width:24px;height:24px}
@media screen and (min-width:768px){
.lesson-block__select-list .form-check-input{margin-left:-45px!important}
}
.lesson-block__select-list .form-check-input:checked[type=checkbox],.lesson-block__select-list .form-check-input:checked[type=radio]{border-width:1px!important;background-size:14px 12px}
.lesson-block__select-list--selected{margin-bottom:10px;background-color:#f9f9f9}
.lesson-block__select-list--selected .item{border-top-style:dashed!important;padding-top:9px;padding-bottom:13px}
.lesson-block__buttons{flex-wrap:wrap;justify-content:center;display:flex;margin-top:30px;gap:11px}
hr+.lesson-block__buttons{margin-top:25px}
.lesson-block__buttons .btn{border-radius:30px;min-width:170px;height:45px;padding:12px 15px}
@media screen and (min-width:768px){
.lesson-block__buttons .btn{min-width:190px;height:50px}
}
.lesson-block__class{margin-bottom:24px;border:1px solid #c1d3e7;border-radius:5px;padding:16px 12px 18px;background:#f2f8ff}
@media screen and (min-width:768px){
.lesson-block__class{padding-right:39px;padding-left:41px}
}
.lesson-block__class-grid{flex-wrap:wrap;display:flex;gap:10px 15px}
.lesson-block__class-grid .form-check{border:1px solid #e7e7e7;border-radius:5px;width:100%;padding:5px 10px 9px 47px;background:#fff}
@media screen and (min-width:375px){
.lesson-block__class-grid .form-check{width:calc(50% - 8px)}
}
@media screen and (min-width:576px){
.lesson-block__class-grid .form-check{width:calc(33.33333% - 10px)}
}
@media screen and (min-width:768px){
.lesson-block__class-grid .form-check{padding:5px 11px 9px 57px}
}
@media screen and (min-width:992px){
.lesson-block__class-grid .form-check{width:calc(25% - 12px)}
}
@media screen and (min-width:1200px){
.lesson-block__class-grid .form-check{width:calc(20% - 12px)}
}
.lesson-block__class-grid .form-check-input{margin-left:-36px!important}
@media screen and (min-width:768px){
.lesson-block__class-grid .form-check-input{margin-left:-43px!important;border:2px solid #e7e7e7;width:30px;height:30px}
}
.lesson-block__time .lesson-block__subtitle{margin-bottom:19px}
.lesson-block__time .form-range{margin-bottom:15px}
@media screen and (min-width:768px){
.lesson-block__time .form-range{gap:20px}
}
@media screen and (max-width:575px){
.lesson-block__time .form-range__item{flex:auto}
}
.lesson-block__time .form-range__item label{margin-right:12px}
.lesson-block__time [data-toggle=datepicker]{flex-grow:1;border-color:#d6d6d6;border-radius:5px;width:auto;height:40px;background-color:#fff;background-position:right 14px center}
@media screen and (min-width:768px){
.lesson-block__time [data-toggle=datepicker]{width:254px}
}
@media screen and (min-width:992px){
.lesson-block__time [data-toggle=datepicker]{width:288px}
}
.lesson-block__time .form-check-input{width:24px;height:24px}
.lesson-block__time .form-check-input:checked[type=checkbox],.lesson-block__time .form-check-input:checked[type=radio]{border:1px solid #006fff!important}
@media screen and (min-width:768px){
.lesson-block__time .form-check-label{padding-top:4px}
}
.lesson-block__flex{margin-bottom:25px;border:1px solid #eaeaea;border-radius:5px;background:#f8f8f8}
.lesson-block__flex-header{border-bottom:1px solid #eaeaea;padding:13px 12px 11px}
.lesson-block__flex-input{position:relative;align-items:center;display:flex;overflow:hidden;margin:0 auto;border:1px solid #e7e7e7;border-radius:5px;width:100%;max-width:699px;background:#fff}
.lesson-block__flex-input select{border:none;border-right:1px solid #e8e8e8;width:32%;height:27px;padding:0 30px 0 10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 11px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:375px){
.lesson-block__flex-input select{min-width:170px}
}
@media screen and (min-width:768px){
.lesson-block__flex-input select{padding:0 35px 0 17px;background-position:right 17px center}
}
.lesson-block__flex-input input{border:none;width:68%;height:38px;padding:0 40px 0 17px}
.lesson-block__flex-input input::-moz-placeholder{font-style:italic;color:#a3a3a3}
.lesson-block__flex-input input:-ms-input-placeholder{font-style:italic;color:#a3a3a3}
.lesson-block__flex-input input::placeholder{font-style:italic;color:#a3a3a3}
.lesson-block__flex-input button{position:absolute;z-index:2;top:0;right:0;bottom:0;justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:none;width:40px;padding:0;background:0 0;color:#bdbdbd}
.lesson-block__flex-input button:hover{color:#0078ff}
.lesson-block__flex-content{padding:17px 12px 14px}
@media screen and (min-width:768px){
.lesson-block__flex-content{padding-right:39px;padding-left:39px}
}
.lesson-block__flex-content [class*=col-]{margin-bottom:6px}
@media screen and (min-width:768px){
.lesson-block__flex-content .form-check{padding-left:50px}
}
.lesson-block__flex-content .form-check-input{border-radius:5px!important}
@media screen and (min-width:768px){
.lesson-block__flex-content .form-check-input{margin-left:-50px!important;border:2px solid #e7e7e7!important;width:34px;height:34px}
}
@media screen and (min-width:768px){
.lesson-block__flex-content .form-check-label{padding-top:8px}
}
.lesson-mgt .common-block{margin-top:-15px}
@media screen and (min-width:768px){
.lesson-mgt .common-class{margin-bottom:16px}
}
.lesson-mgt .common-toolbar .nav-icon{border-radius:5px}
.lesson-mgt__list{border:2px solid #efefef;border-radius:5px}
.lesson-mgt__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex}
@media screen and (min-width:768px){
.lesson-mgt__table .tr{flex-wrap:nowrap}
}
.lesson-mgt__table .td,.lesson-mgt__table .th{padding-right:8px;padding-left:8px}
.lesson-mgt__table .td:nth-child(1),.lesson-mgt__table .th:nth-child(1){flex-shrink:0;width:36px;padding:2px 0 2px 12px}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(1),.lesson-mgt__table .th:nth-child(1){padding-top:11px;padding-bottom:11px}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(1),.lesson-mgt__table .th:nth-child(1){width:58px;padding-right:18px;padding-left:18px}
}
.lesson-mgt__table .td:nth-child(2),.lesson-mgt__table .th:nth-child(2){width:calc(100% - 42px);padding-left:0}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(2),.lesson-mgt__table .th:nth-child(2){flex-grow:1;width:auto}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(2),.lesson-mgt__table .th:nth-child(2){padding-left:8px}
}
.lesson-mgt__table .td:nth-child(3),.lesson-mgt__table .th:nth-child(3){flex-shrink:0;display:block;width:100%}
@media screen and (min-width:576px){
.lesson-mgt__table .td:nth-child(3),.lesson-mgt__table .th:nth-child(3){width:50%}
}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(3),.lesson-mgt__table .th:nth-child(3){display:none;width:130px;text-align:center}
}
@media screen and (min-width:992px){
.lesson-mgt__table .td:nth-child(3),.lesson-mgt__table .th:nth-child(3){display:block}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(3),.lesson-mgt__table .th:nth-child(3){width:164px}
}
.lesson-mgt__table .td:nth-child(4),.lesson-mgt__table .th:nth-child(4){flex-shrink:0;width:100%}
@media screen and (min-width:576px){
.lesson-mgt__table .td:nth-child(4),.lesson-mgt__table .th:nth-child(4){width:50%}
}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(4),.lesson-mgt__table .th:nth-child(4){width:102px;text-align:center}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(4),.lesson-mgt__table .th:nth-child(4){width:128px}
}
.lesson-mgt__table .td:nth-child(5),.lesson-mgt__table .th:nth-child(5){flex-shrink:0;display:flex;width:100%;padding-top:11px;gap:10px}
.lesson-mgt__table .td:nth-child(5)::before,.lesson-mgt__table .th:nth-child(5)::before{content:none}
@media screen and (min-width:576px){
.lesson-mgt__table .td:nth-child(5),.lesson-mgt__table .th:nth-child(5){align-items:center;width:50%;min-height:52px}
}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(5),.lesson-mgt__table .th:nth-child(5){flex-wrap:wrap;align-items:flex-start;width:132px;min-height:auto;text-align:center}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(5),.lesson-mgt__table .th:nth-child(5){width:257px;gap:14px}
}
.lesson-mgt__table .td:nth-child(6),.lesson-mgt__table .th:nth-child(6){flex-shrink:0;align-items:center;display:flex;width:100%;padding-top:12px}
.lesson-mgt__table .td:nth-child(6)::before,.lesson-mgt__table .th:nth-child(6)::before{flex-shrink:0;margin-right:12px}
@media screen and (min-width:576px){
.lesson-mgt__table .td:nth-child(6),.lesson-mgt__table .th:nth-child(6){width:50%}
}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(6),.lesson-mgt__table .th:nth-child(6){display:block;width:131px;padding-top:0}
}
.lesson-mgt__table .td:nth-child(7),.lesson-mgt__table .th:nth-child(7){flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex;width:100%;padding-top:12px;gap:10px}
.lesson-mgt__table .td:nth-child(7)::before,.lesson-mgt__table .th:nth-child(7)::before{content:none}
@media screen and (min-width:768px){
.lesson-mgt__table .td:nth-child(7),.lesson-mgt__table .th:nth-child(7){display:block;width:123px;padding-top:0}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:nth-child(7),.lesson-mgt__table .th:nth-child(7){width:228px;padding-right:18px}
}
.lesson-mgt__table .th{text-align:center}
.lesson-mgt__table .th:nth-child(2){padding-left:32px;text-align:left}
@media screen and (min-width:1366px){
.lesson-mgt__table .th:nth-child(2){padding-left:53px}
}
.lesson-mgt__table .th:nth-child(4) select{position:relative;display:inline-block;border:none;width:90px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat right center;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:1366px){
.lesson-mgt__table .th:nth-child(4) select{margin-left:20px}
}
.lesson-mgt__table .td::before{content:attr(data-label);font-weight:700}
@media screen and (min-width:768px){
.lesson-mgt__table .td::before{content:none}
}
.lesson-mgt__table .td:nth-child(3){padding-top:8px}
.lesson-mgt__table .td:nth-child(4){padding-top:8px}
.lesson-mgt__table .thead{display:none}
@media screen and (min-width:768px){
.lesson-mgt__table .thead{display:block}
}
.lesson-mgt__table .thead .tr{align-items:center;height:54px}
.lesson-mgt__table .tbody .tr{border-bottom:1px solid #e7e7e7;padding-top:20px;padding-bottom:21px}
.lesson-mgt__table .item{display:flex}
@media screen and (min-width:768px){
.lesson-mgt__table .item{padding:8px 0 0}
}
.lesson-mgt__table .item-order{flex-shrink:0;width:26px;padding-top:3px;text-align:center;color:#233454}
.lesson-mgt__table .item-content{width:calc(100% - 28px);padding-left:5px}
@media screen and (min-width:1366px){
.lesson-mgt__table .item-content{padding-left:19px}
}
.lesson-mgt__table .item-button{flex-wrap:wrap;display:none;width:100%;gap:10px}
@media screen and (min-width:576px){
.lesson-mgt__table .item-button{width:auto}
}
@media screen and (min-width:768px){
.lesson-mgt__table .item-button{display:flex;margin-top:17px}
}
.lesson-mgt__table .item-button .btn{border-radius:30px;height:36px;padding:5px 15px}
/*.lesson-mgt__table .item-button .btn:last-child{width:36px;padding:0}*/
.lesson-mgt__table .item-button .btn-view-exercise-history{width:36px;padding:0}
@media screen and (min-width:768px){
.lesson-mgt__table .status{min-width:106px;text-align:left}
}
.lesson-mgt__table .status svg{position:relative;top:-1px}
.lesson-mgt__table .status--green{color:#04b64b}
.lesson-mgt__table .status--blue{color:#0078ff}
.lesson-mgt__table .status--grey{color:#bababa}
.lesson-mgt__table .status--grey svg{color:#afafaf}
.lesson-mgt__table .td .form-select{border:1px solid #ddd;border-radius:3px;height:40px;padding-right:24px;padding-left:6px;background-color:#fbfbfb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:14px 9px}
@media screen and (max-width:767px){
.lesson-mgt__table .td .form-select{max-width:130px}
}
.lesson-mgt__table .td .form-select[data-value=new]{color:#04b64b}
.lesson-mgt__table .td .form-select[data-value=approved]{color:#0078ff}
.lesson-mgt__table .td .form-select[data-value=not-approved]{color:#555}
.lesson-mgt__table .td:last-child .list-button{flex-grow:1;justify-content:flex-start;display:flex;gap:10px}
@media screen and (min-width:576px){
.lesson-mgt__table .td:last-child .list-button{justify-content:flex-end}
}
@media screen and (min-width:768px){
.lesson-mgt__table .td:last-child .list-button{flex-wrap:wrap;justify-content:space-evenly;gap:0}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:last-child .list-button{justify-content:flex-start;}
}
.lesson-mgt__table .td:last-child .list-button .btn-gray{border-radius:30px;width:107px;height:36px}
@media screen and (min-width:768px){
.lesson-mgt__table .td:last-child .list-button .btn-gray{margin-bottom:8px;height:40px}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:last-child .list-button .btn-gray{margin-right:5px;margin-bottom:0}
}
@media screen and (min-width:1366px){
.lesson-mgt__table .td:last-child .list-button .btn-icon{margin-left:15px}
}
.lesson-mgt__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.tnav{align-items:flex-start;display:flex;padding:10px 0 9px;background-color:#efefef}
@media screen and (max-width:575px){
.tnav{padding-right:12px;padding-bottom:12px}
}
.tnav-checkbox{flex-shrink:0;width:58px;padding-top:8px;padding-right:8px;padding-left:12px}
@media screen and (min-width:1366px){
.tnav-checkbox{width:80px;padding-right:18px;padding-left:18px}
}
.tnav-checkbox .form-check-small{cursor:pointer}
.tnav-checkbox .form-check-small svg{position:relative;top:-1px;margin-left:3px}
.tnav-normal,.tnav-selected{flex-grow:1}
.tnav-wrapper{display:flex}
@media screen and (max-width:767px){
.tnav-wrapper{flex-wrap:wrap;gap:10px}
}
.tnav-col{align-items:center;display:flex}
@media screen and (max-width:767px){
.tnav-col{flex-wrap:wrap}
}
.tnav-col:first-child{width:100%}
@media screen and (min-width:576px){
.tnav-col:first-child{width:calc(100% - 150px)}
}
@media screen and (min-width:768px){
.tnav-col:first-child{justify-content:flex-end;width:calc(100% - 249px);padding-right:40px}
}
@media screen and (min-width:1366px){
.tnav-col:first-child{justify-content:flex-start;width:calc(100% - 354px);padding-right:0;padding-left:33%}
}
.tnav-col:last-child{width:100%;padding-bottom:3px}
@media screen and (min-width:576px){
.tnav-col:last-child{width:136px;padding-bottom:0}
}
.tnav-col .form-select{border:1px solid #c6c6c6;border-radius:3px;width:100%;height:36px;padding-right:36px;padding-left:12px;background-color:#f7f7f7}
@media screen and (min-width:576px){
.tnav-col .form-select{width:120px}
}
.tnav-button{flex-wrap:wrap;display:flex;gap:15px}
@media screen and (min-width:768px){
.tnav-button{gap:32px}
}
.tnav-button .btn:last-child{position:relative;top:-1px}
.tnav-button .btn-danger-2,.tnav-button .btn-primary,.tnav-button .btn-turquoise-2,.tnav-button .btn-turquoise-3,.tnav-button .btn-turquoise-4{border-radius:30px;width:100px;height:36px}
/*.tnav-button .btn-danger-2,.tnav-button .btn-primary,.tnav-button .btn-turquoise-3{border-radius:30px;width:100px;height:36px}*/
@media screen and (min-width:768px){
.tnav-button .btn-danger-2,.tnav-button .btn-primary,.tnav-button .btn-turquoise-2,.tnav-button .btn-turquoise-3,.tnav-button .btn-turquoise-4{width:117px}
/*.tnav-button .btn-danger-2,.tnav-button .btn-primary,.tnav-button .btn-turquoise-3{width:117px}*/
}
.tnav-date{padding-top:7px}
@media screen and (min-width:576px){
.tnav-date{padding-top:0}
}
.tnav-date select{position:relative;display:inline-block;border:none;width:86px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat right center;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:1366px){
.tnav-date select{margin-left:13px}
}
.tnav-text{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:10px 12px 11px;background-color:#fafafa;text-align:center}
.lesson-mgt__grid .tnav{margin-bottom:20px;border-radius:5px 5px 0 0}
@media screen and (min-width:768px){
.lesson-mgt__grid .tnav{margin-bottom:29px}
}
@media screen and (min-width:1366px){
.lesson-mgt__grid .tnav-checkbox{padding-right:15px;padding-left:21px}
}
.lesson-mgt__grid .tnav-col{padding-right:0;padding-left:0}
@media screen and (min-width:576px){
.lesson-mgt__grid .tnav-col{width:auto;padding-right:20px}
}
@media screen and (min-width:768px){
.lesson-mgt__grid .tnav-col{margin-right:30px;padding-right:0}
}
@media screen and (min-width:1200px){
.lesson-mgt__grid .tnav-col{margin-right:69px}
}
@media screen and (min-width:1200px){
.lesson-mgt__grid .tnav-col:nth-child(2){margin-right:82px}
}
.lesson-mgt__grid .tnav-col:last-child{margin-right:0}
.lesson-mgt__grid .tnav-col:last-child p{display:none;margin-right:18px}
@media screen and (min-width:992px){
.lesson-mgt__grid .tnav-col:last-child p{display:block}
}
@media screen and (min-width:992px){
.lesson-mgt__grid .tnav-col .form-range{gap:40px}
}
@media screen and (min-width:992px){
.lesson-mgt__grid .tnav-col [data-toggle=datepicker]{width:170px}
}
.lesson-mgt__grid [class*=col-]{margin-bottom:20px}
@media screen and (min-width:768px){
.lesson-mgt__grid [class*=col-]{margin-bottom:30px}
}
.lesson-mgt__grid .item{transition:all .3s ease;box-shadow:0 4px 20px rgba(185,185,185,.25);border:2px solid transparent;border-radius:5px;padding:15px 12px;background:#fff}
@media screen and (min-width:768px){
.lesson-mgt__grid .item{padding:22px}
}
@media screen and (min-width:992px){
.lesson-mgt__grid .item{padding:22px 38px 33px}
}
.lesson-mgt__grid .item:hover{border-color:#0078ff;background:#fafafa}
.lesson-mgt__grid .item-head{margin-bottom:10px}
@media screen and (min-width:768px){
.lesson-mgt__grid .item-head{margin-bottom:18px}
}
.lesson-mgt__grid .item-head .form-check-small{margin-right:5px}
@media screen and (min-width:992px){
.lesson-mgt__grid .item-head .form-check-small{margin-right:17px}
}
.lesson-mgt__grid .item-info{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:5px}
.lesson-mgt__grid .item-info ul li{padding:8px 12px}
@media screen and (min-width:768px){
.lesson-mgt__grid .item-info ul li{padding-top:13px;padding-bottom:14px}
}
@media screen and (min-width:992px){
.lesson-mgt__grid .item-info ul li{padding-right:21px;padding-left:21px}
}
.lesson-mgt__grid .item-info ul li+li{border-top:1px dashed #c7c7c7}
.lesson-mgt__grid .item-info ul li b{font-weight:700}
.lesson-mgt__grid .item-info-heading{border-bottom:1px solid #e0e0e0;border-radius:5px 5px 0 0;padding:8px 12px;background-color:#f2f2f2}
@media screen and (min-width:768px){
.lesson-mgt__grid .item-info-heading{padding-top:12px;padding-bottom:11px}
}
@media screen and (min-width:992px){
.lesson-mgt__grid .item-info-heading{padding-right:19px;padding-left:19px}
}
.lesson-mgt__grid .item-info-heading svg{position:relative;top:-2px;margin-right:10px}
.lesson-mgt__grid .item-wrapper{flex-wrap:wrap;align-items:center;display:flex}
.lesson-mgt__grid .item-checkox{align-items:center;display:flex;margin-right:30px}
.lesson-mgt__grid .item-checkox p{margin-right:11px}
.lesson-mgt__grid .item-checkox .form-select{border:1px solid #ddd;border-radius:3px;width:113px;height:40px;padding-right:24px;padding-left:6px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:14px 9px}
.lesson-mgt__grid .item-checkox .form-select[data-value=new]{color:#04b64b}
.lesson-mgt__grid .item-checkox .form-select[data-value=approved]{color:#0078ff}
.lesson-mgt__grid .item-checkox .form-select[data-value=not-approved]{color:#555}
.lesson-mgt__grid .item-status{flex-wrap:wrap;display:flex;padding:10px 0;gap:9px}
@media screen and (min-width:768px){
.lesson-mgt__grid .item-status .status{min-width:106px;text-align:left}
}
.lesson-mgt__grid .item-status .status svg{position:relative;top:-1px;margin-right:5px}
.lesson-mgt__grid .item-status .status--green{color:#04b64b}
.lesson-mgt__grid .item-status .status--blue{color:#0078ff}
.lesson-mgt__grid .item-status .status--grey{color:#bababa}
.lesson-mgt__grid .item-status .status--grey svg{color:#afafaf}
.lesson-mgt__grid .item-button{justify-content:space-between;align-items:flex-start;display:flex;margin-top:20px;border-top:1px dashed #c7c7c7;padding-top:20px;gap:10px}
@media screen and (min-width:992px){
.lesson-mgt__grid .item-button{margin-top:30px}
}
.lesson-mgt__grid .item-button-left{flex-wrap:wrap;display:flex;gap:10px}
.lesson-mgt__grid .item-button-left .btn{border-radius:30px;min-width:139px;height:40px;padding:5px 15px}
/*.lesson-mgt__grid .item-button-left .btn:last-child{width:40px;min-width:auto;padding:0}*/
.lesson-mgt__grid .item-button-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex;margin-top:4px;gap:10px}
@media screen and (min-width:576px){
.lesson-mgt__grid .item-button-right{gap:15px}
}
.lesson-mgt__grid .item-button-right .btn-gray{border-radius:30px;width:100px;height:32px}
@media screen and (min-width:768px){
.lesson-mgt__grid .item-button-right .btn-gray{margin-bottom:8px}
}
@media screen and (min-width:1366px){
.lesson-mgt__grid .item-button-right .btn-gray{margin-right:5px;margin-bottom:0}
}
.assign-modal .modal-dialog{max-width:824px}
@media screen and (min-width:576px){
.assign-modal .modal-dialog{padding-right:12px;padding-left:12px}
}
.assign-modal .modal-content{padding:20px 12px}
@media screen and (min-width:768px){
.assign-modal .modal-content{padding:36px 48px 46px}
}
.assign-modal .modal-header{justify-content:center;margin-bottom:15px;border:none;padding:0;text-align:center}
@media screen and (min-width:768px){
.assign-modal .modal-header{margin-bottom:32px}
}
.assign-modal .modal-body{padding:0}
.assign-modal .modal-footer{justify-content:center;border:none;padding:0;gap:10px}
.assign-modal .modal-footer .btn{margin:0;border-radius:30px;width:160px;height:40px}
@media screen and (min-width:768px){
.assign-modal .modal-footer .btn{width:190px;height:50px}
}
.assign-modal .modal-links{margin-bottom:20px;border-bottom:1px dashed #d9d9d9}
.assign-modal .modal-links li{display:flex;padding-bottom:13px;color:#0078ff}
.assign-modal .modal-links li a{text-decoration:underline}
.assign-modal .modal-links li svg{flex-shrink:0;margin-right:12px}
@media screen and (min-width:768px){
.assign-modal .modal-links li svg{margin-right:16px}
}
.assign-modal .modal-option-header{flex-wrap:wrap;display:flex;margin-top:-5px;margin-bottom:14px;gap:10px}
.assign-modal .modal-option-header>p{flex-grow:1}
.assign-modal .modal-option-content{margin-bottom:10px}
@media screen and (min-width:768px){
.assign-modal .modal-option-content{margin-bottom:20px}
}
.assign-modal .modal-option-wrapper{flex-wrap:wrap;display:flex;gap:10px}
.assign-modal .modal-option-wrapper p{margin-right:10px}
.assign-modal .modal-option-wrapper ul{display:flex}
.assign-modal .modal-option-wrapper ul li{position:relative;display:flex;margin-right:11px;padding-right:17px}
.assign-modal .modal-option-wrapper ul li::after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background-color:#e8e8e8}
.assign-modal .modal-option-wrapper ul li:last-child{margin-right:0;padding-right:0}
.assign-modal .modal-option-wrapper ul li:last-child::after{content:none}
.assign-modal .modal-option-wrapper ul li svg{position:relative;top:2px;margin-right:5px}
.assign-modal .modal-option-content [class*=col-]{margin-bottom:10px}
@media screen and (min-width:992px){
.assign-modal .modal-option-content .col-lg-20{width:20%}
}
.assign-modal .modal-checkbox{width:100%;cursor:pointer}
.assign-modal .modal-checkbox input[type=checkbox]{position:absolute;opacity:0;visibility:hidden;overflow:hidden;margin:0;width:0;height:0;padding:0}
.assign-modal .modal-checkbox input[type=checkbox]:checked~.modal-checkbox__wrapper{background-color:#e5f2ff}
.assign-modal .modal-checkbox input[type=checkbox]:checked~.modal-checkbox__wrapper>span:first-child{border-color:#0078ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' viewBox='0 0 18 15' fill='none'%3E %3Cpath d='M16 2L6.2 13L2 8.875' stroke='%230078FF' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px 15px}
.assign-modal .modal-checkbox__wrapper{align-items:center;display:flex;border-radius:5px;padding:8px 10px;background:#f6f6f6}
.assign-modal .modal-checkbox__wrapper>span:first-child{flex-shrink:0;margin-right:16px;border:2px solid #e7e7e7;border-radius:5px;width:34px;height:34px;background:#fff}
.assign-modal .modal-filter{flex-wrap:wrap;align-items:flex-start;display:flex;margin-top:-14px;margin-bottom:23px}
.assign-modal .modal-filter p{margin-right:23px;padding:8px 0}
.assign-modal .modal-filter__wrapper{flex-grow:1;align-items:center;display:flex;border:2px solid #e7e7e7;border-radius:5px;background:#f8f8f8}
.assign-modal .modal-filter__wrapper select{flex-shrink:0;margin-left:12px;border:none;min-width:155px;height:36px;padding-right:20px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:12px 7px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:768px){
.assign-modal .modal-filter__wrapper select{margin-left:20px;min-width:185px;padding-right:30px;background-position:right 8px center}
}
.assign-modal .modal-filter__input{position:relative;flex-grow:1;align-items:center;display:flex;border-right:1px solid #e8e8e8}
.assign-modal .modal-filter__input input{border:none;width:100%;height:22px;padding:0 0 0 11px;background:0 0}
.assign-modal .modal-filter__input input::-moz-placeholder{font-style:italic;color:#333}
.assign-modal .modal-filter__input input:-ms-input-placeholder{font-style:italic;color:#333}
.assign-modal .modal-filter__input input::placeholder{font-style:italic;color:#333}
.assign-modal .modal-filter__input button{flex-shrink:0;justify-content:center;align-items:center;display:flex;border:none;width:40px;padding:0;background:0 0;text-align:center;color:#bdbdbd}
@media screen and (min-width:768px){
.assign-modal .modal-filter__input button{width:44px}
}
.assign-modal .modal-list{margin-bottom:20px;border:1px solid #eaeaea;border-radius:3px;padding:6px 4px 6px 10px;background:#fff}
.assign-modal .modal-list__scroll{overflow-x:hidden;overflow-y:auto;height:auto;min-height:50px;}
.assign-modal .modal-list__scroll::-webkit-scrollbar-track{border-radius:10px;background-color:#f4f4f4}
.assign-modal .modal-list__scroll::-webkit-scrollbar{width:5px;background-color:#f4f4f4}
.assign-modal .modal-list__scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d9d9d9}
.assign-modal .modal-list__scroll [class*=col-]{margin-bottom:6px}
.assign-modal .modal-list__scroll.modal-list__scroll-student{height:auto;}
@media screen and (min-width:768px){
.assign-modal .modal-list__scroll .form-check{padding-left:50px}
}
@media screen and (min-width:768px){
.assign-modal .modal-list__scroll .form-check-input{margin-left:-50px!important;border:2px solid #e7e7e7;width:34px;height:34px}
}
@media screen and (min-width:768px){
.assign-modal .modal-list__scroll .form-check-label{padding-top:9px}
}
.question-created{margin-top:30px}
@media screen and (min-width:768px){
.question-created{margin-top:37px}
}
.question-created__heading{margin-bottom:13px}
.question-created__wrapper{border:1px solid #ddd;border-radius:5px;padding:12px;background:#fbfbfb}
@media screen and (min-width:768px){
.question-created__wrapper{padding:29px 29px 32px}
}
.question-created__wrapper [class*=col-]{margin-bottom:10px}
.question-created__wrapper .alert{margin:0;border:1px dashed #0078ff;border-radius:10px;padding:12px;background:#f2f8ff}
@media screen and (min-width:768px){
.question-created__wrapper .alert{padding:16px 30px 20px}
}
@media screen and (min-width:768px){
.question-created__wrapper .alert--small{padding-right:19px;padding-left:19px}
}
.question-created__title{position:relative;justify-content:space-between;align-items:center;display:flex;margin-bottom:14px;border:1px solid #9fccff;border-radius:0 10px 10px 0;padding:6px 7px 6px 19px;background:#e3f0ff;gap:12px}
.question-created__title::before{content:"";position:absolute;top:0;bottom:0;left:0;width:8px;background:rgba(0,120,255,.5)}
.question-created__title .btn{flex-shrink:0;width:110px;height:36px;padding:5px}
@media screen and (min-width:768px){
.question-created__title .btn{width:125px}
}
.question-created__title .btn svg{margin-right:9px}
.question-created__item{position:relative;align-items:center;display:flex;border:1px solid #ccced1;border-radius:3px;min-height:55px;padding:1px 12px;line-height:1.467}
@media screen and (min-width:768px){
.question-created__item{padding-right:20px;padding-left:20px}
}
.question-created__list .question-created__item{margin-bottom:10px}
.question-created__list .question-created__item:last-child{margin-bottom:0}
.question-created__item.correct::after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid #04b64b;border-radius:3px;pointer-events:none}
.question-created__item.wrong::after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid #ff4a4a;border-radius:3px;pointer-events:none}
.question-created__content .btn-primary-light-4{border-radius:30px;width:140px;height:40px}
@media screen and (min-width:768px){
.question-created__content .btn-primary-light-4{width:157px}
}
.question-list{margin:30px 0 0}
.question-list .nav-link{padding:12px 10px}
@media screen and (min-width:576px){
.question-list .nav-link{padding:12px 11px 10px}
}
@media screen and (min-width:768px){
.question-list .nav-link{padding:12px 38px 10px;min-height:45px}
}
.question-list .nav-link>span{display:block;padding-right:0;color:#333}
.question-list .nav-tabs{flex-wrap:wrap;border-bottom-color:transparent}
@media screen and (min-width:576px){
.question-list .nav-tabs{border-bottom-color:#ddd}
}
.question-list .tab-content{border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px}
.question-list .nav-tabs .nav-item.show .nav-link,.question-list .nav-tabs .nav-link.active{border-color:#ddd #ddd #fff}
.question-list .nav-item{flex:initial}
.question-list .nav-item.active .nav-link>span,.question-list .nav-item:hover .nav-link>span,.question-list .nav-link.active>span{background-image:none;color:#0078ff}
.question-list .nav-checkbox{align-items:center;display:flex;margin-left:auto;border:1px solid #ddd;border-bottom:none;width:100%;padding:10px 12px;gap:15px}
@media screen and (min-width:768px){
.question-list .nav-checkbox{justify-content:space-between;border:none;width:244px;padding:0}
}
.question-list .nav-checkbox .form-check-label{padding-top:6px}
.question-list .form-check-input:checked[type=checkbox],.question-list .form-check-input:checked[type=radio]{border-width:1px!important}
@media screen and (min-width:768px){
.question-list .common-pagination{padding:20px 18px}
.question-list .common-pagination ul a{min-width:45px;height:45px}
.question-list .common-pagination ul .btn{margin-left:0;min-width:121px}
}
.question-list__info{flex-wrap:wrap;display:flex;margin-bottom:28px;line-height:1.5}
.question-list__info li::after{content:"|";display:inline-block;margin:0 8px;color:#cbcbcb}
@media screen and (min-width:768px){
.question-list__info li::after{margin:0 10px}
}
.question-list__info li:last-child::after{content:none}
.question-list__info b{font-weight:700}
.question-list__table{background-color:#fff}
.question-list__table .thead{background-color:#e0efff}
.question-list__table .tr{display:flex}
.question-list__table .td:first-child,.question-list__table .th:first-child{width:45px;text-align:center}
@media screen and (min-width:768px){
.question-list__table .td:first-child,.question-list__table .th:first-child{width:59px}
}
.question-list__table .td:last-child,.question-list__table .th:last-child{width:calc(100% - 45px)}
@media screen and (min-width:768px){
.question-list__table .td:last-child,.question-list__table .th:last-child{width:calc(100% - 59px)}
}
.question-list__table .inner{flex-wrap:wrap;display:flex}
.question-list__table .inner:not(:last-child){border-bottom:1px solid #ddd}
.question-list__table .inner-left{width:100%}
@media screen and (min-width:768px){
.question-list__table .inner-left{border-right:1px solid #ddd;width:calc(100% - 279px)}
}
.question-list__table .inner-right{width:100%}
@media screen and (min-width:768px){
.question-list__table .inner-right{width:279px}
}
.question-list__table .thead .th{padding:13px 5px}
.question-list__table .thead .inner-left{padding:13px 5px;text-align:center}
.question-list__table .thead .inner-right{display:none;padding:13px 5px;text-align:center}
@media screen and (min-width:768px){
.question-list__table .thead .inner-right{display:block}
}
.question-list__table .tbody .tr{border-bottom:1px solid #ddd}
.question-list__table .tbody .th{padding:20px 5px}
@media screen and (min-width:768px){
.question-list__table .tbody .inner:first-child:last-child .inner-left,.question-list__table .tbody .inner:first-child:last-child .inner-right{padding-bottom:60px}
}
.question-list__table .tbody .inner-left{padding:15px 12px 16px 0}
@media screen and (min-width:768px){
.question-list__table .tbody .inner-left{padding:15px 30px 16px 0}
}
.question-list__table .tbody .inner-right{padding:15px 12px 20px 0}
@media screen and (min-width:768px){
.question-list__table .tbody .inner-right{padding:15px 30px 30px}
}
.question-list__table .tbody .inner-right::before{content:"Đánh giá & cho điểm:";display:block;margin-bottom:5px;font-size:15px;font-weight:700}
@media screen and (min-width:768px){
.question-list__table .tbody .inner-right::before{content:none}
}
@media screen and (min-width:768px){
.question-list__table .tbody .inner:first-child .inner-right{padding-top:58px}
}
.question-list__table .info{margin-bottom:15px}
.question-list__table .item-question{margin-bottom:21px}
.question-list__table .item-question__title{position:relative;border:2px solid #dadada;border-radius:5px;width:100%;padding:9px 40px 9px 19px;background-color:#f1f1f1;text-align:left}
.question-list__table .item-question__title::after{content:"";position:absolute;top:12px;right:21px;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E %3Cpath d='M7.5 0C3.36454 0 0 3.36454 0 7.5C0 11.6355 3.36454 15 7.5 15C11.6355 15 15 11.6355 15 7.5C15 3.36454 11.6355 0 7.5 0ZM10.9615 8.07692H8.07692V10.9615H6.92308V8.07692H4.03846V6.92308H6.92308V4.03846H8.07692V6.92308H10.9615V8.07692Z' fill='%23A7A7A7'/%3E %3C/svg%3E") no-repeat center/contain;pointer-events:none}
.question-list__table .item-question__title[aria-expanded=true]{border-color:#68a2e2;border-radius:5px 5px 0 0;background-color:#edf4fc}
.question-list__table .item-question__title[aria-expanded=true]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E %3Cpath d='M7.5 0C3.36454 0 0 3.36454 0 7.5C0 11.6355 3.36454 15 7.5 15C11.6355 15 15 11.6355 15 7.5C15 3.36454 11.6355 0 7.5 0ZM10.9615 8.07692H4.03846V6.92308H10.9615V8.07692Z' fill='%230078FF'/%3E %3C/svg%3E")}
.question-list__table .item-question__content{border:2px solid rgba(104,162,226,.54);border-top:none;border-radius:0 0 5px 5px;padding:8px 21px 21px 19px;background:#fafcff}
.question-list__table .item-question__content p{margin-bottom:5px}
.question-list__table .item-answer__title{align-items:center;display:flex;margin-bottom:4px}
.question-list__table .item-answer__title svg{flex-shrink:0;margin-right:13px}
.question-list__table .item-answer__content p{margin-bottom:5px}
.question-list__table .calc{display:flex;margin-bottom:9px;border:1px solid #000;background-color:#fff}
.question-list__table .calc:last-child{margin-bottom:0}
.question-list__table .calc div{flex:1;justify-content:center;align-items:center;display:flex;min-height:40px;padding:8px;text-align:center}
.question-list__table .calc div+div{border-left:1px solid #000}
.question-list__table .review__title{position:relative;display:flex;border:none;padding:0;padding-left:24px;background:0 0}
.question-list__table .review__title::before{content:"";position:absolute;top:4px;left:0;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E %3Cpath d='M7.5 0C3.36454 0 0 3.36454 0 7.5C0 11.6355 3.36454 15 7.5 15C11.6355 15 15 11.6355 15 7.5C15 3.36454 11.6355 0 7.5 0ZM10.9615 8.07692H8.07692V10.9615H6.92308V8.07692H4.03846V6.92308H6.92308V4.03846H8.07692V6.92308H10.9615V8.07692Z' fill='%230078FF'/%3E %3C/svg%3E") no-repeat center/contain}
.question-list__table .review__title[aria-expanded=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E %3Cpath d='M7.5 0C3.36454 0 0 3.36454 0 7.5C0 11.6355 3.36454 15 7.5 15C11.6355 15 15 11.6355 15 7.5C15 3.36454 11.6355 0 7.5 0ZM10.9615 8.07692H4.03846V6.92308H10.9615V8.07692Z' fill='%230078FF'/%3E %3C/svg%3E")}
.question-list__table .review__content{padding:7px 0 0}
.question-list__table .review__content textarea.form-control{border:1px solid #dfdfdf;border-radius:5px;height:120px;padding:12px;background:#fafafa}
.question-list__table .review__checkbox{justify-content:space-between;display:flex;margin-bottom:15px;max-width:205px;padding-top:10px;gap:12px}
@media screen and (min-width:768px){
.question-list__table .review__checkbox .form-check{padding-left:49px}
}
.question-list__table .review__checkbox .form-check-input{border-color:#d6d6d6!important}
@media screen and (min-width:768px){
.question-list__table .review__checkbox .form-check-input{margin-left:-49px!important;width:32px;height:32px}
}
.question-list__table .review__checkbox .form-check-label{padding-top:7px}
@media screen and (min-width:768px){
.question-list__table .review__checkbox .form-check-label{padding-top:10px}
}
.question-list__table .review__checkbox .form-check--true .form-check-input:checked[type=checkbox],.question-list__table .review__checkbox .form-check--true .form-check-input:checked[type=radio]{border-color:#04b64b!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E %3Cpath d='M17 2L6.5 14L2 9.5' stroke='%2304B64B' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E")}
.question-list__table .review__checkbox .form-check--false .form-check-input:checked[type=checkbox],.question-list__table .review__checkbox .form-check--false .form-check-input:checked[type=radio]{border-color:#ff4a4a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E %3Cpath d='M18 2.09313L15.9069 0L9 6.90687L2.09313 0L0 2.09313L6.90687 9L0 15.9069L2.09313 18L9 11.0931L15.9069 18L18 15.9069L11.0931 9L18 2.09313Z' fill='%23FF4A4A'/%3E %3C/svg%3E")}
@media screen and (min-width:768px){
.question-list__table .review__checkbox .form-check--false .form-check-input:checked[type=checkbox],.question-list__table .review__checkbox .form-check--false .form-check-input:checked[type=radio]{background-size:18px 18px}
}
.question-list__table .review__point{display:flex;gap:10px}
.question-list__table .review__point .form-control{border-color:#d6d6d6;border-radius:5px;width:55%;height:36px;padding:0 7px}
.question-list__table .review__point .form-control::-moz-placeholder{font-style:italic;color:#b3b3b3}
.question-list__table .review__point .form-control:-ms-input-placeholder{font-style:italic;color:#b3b3b3}
.question-list__table .review__point .form-control::placeholder{font-style:italic;color:#b3b3b3}
.question-list__table .review__point .btn{border-radius:5px;width:calc(45% - 10px);height:36px;padding:5px}
.question-popup .modal-dialog{max-width:624px}
@media screen and (min-width:576px){
.question-popup .modal-dialog{padding-right:12px;padding-left:12px}
}
.question-popup .modal-content{border:none;border-radius:5px;padding:20px 12px}
@media screen and (min-width:768px){
.question-popup .modal-content{padding:29px 31px 23px}
}
.question-popup .modal-header{display:block;margin-bottom:13px;border:none;padding:0}
.question-popup .modal-close{position:absolute;top:7px;right:8px;opacity:1;margin:0;border:none;border-radius:0;width:18px;height:18px;padding:0;background:0 0}
.question-popup .modal-body{padding:0}
.question-popup .modal-body p{margin-bottom:9px}
.question-popup .modal-footer{justify-content:center;margin:0;margin-top:7px;border:none;border-top:1px solid rgba(222,222,222,.5);padding:20px 0 0;gap:10px}
.question-popup .modal-footer .btn{margin:0;border-radius:30px;width:150px;height:40px}
.question-wrong{margin-bottom:20px}
@media screen and (min-width:768px){
.question-wrong{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:24px 20px;background:#fff}
}
.question-wrong__head{justify-content:space-between;align-items:center;display:flex;margin-bottom:20px;gap:12px}
.question-wrong__title{align-items:center;display:flex}
.question-wrong__title svg{flex-shrink:0;margin-right:12px}
.question-wrong__links{flex-shrink:0;align-items:center;display:flex}
.question-wrong__links li{position:relative;align-items:center;display:flex}
.question-wrong__links li::after{content:"|";display:inline-block;margin:0 4px;color:#dedede}
.question-wrong__links li:last-child{margin-right:0;padding-right:0}
.question-wrong__links li:last-child::after{content:none}
.question-wrong__links a{display:block;transition:color .3s ease}
.question-wrong__links a.active,.question-wrong__links a:hover{color:#0078ff}
.question>.form-checkbox-radio{margin-bottom:10px;padding-left:26px}
@media screen and (min-width:768px){
.question>.form-checkbox-radio{margin-bottom:20px}
}
.question>.form-checkbox-radio span::before{top:4px;border-width:1.5px;width:15px;height:15px;padding:2px}
@media screen and (min-width:768px){
.question>.form-checkbox-radio span::before{top:5px}
}
.question>.form-checkbox-radio .ico{position:relative;top:3px;margin-left:13px}
.question .btn-icon{justify-content:center;align-items:center;display:flex;border-radius:3px;width:30px;height:30px}
.question-topic{margin-bottom:7px}
.question-topic [class*=col-]{align-items:center;display:flex;margin-bottom:10px}
.question-topic [class*=col-]>p{flex-shrink:0;margin-right:12px}
@media screen and (min-width:768px){
.question-topic [class*=col-]>p{margin-right:18px}
}
@media screen and (min-width:768px){
.question-topic .form-select{height:42px;padding-left:12px;background-position:right 17px center}
}
.question-box{margin-bottom:18px;border-width:1px;border-style:solid;border-radius:3px;padding:12px}
@media screen and (min-width:768px){
.question-box{padding:20px 19px}
}
.question-box--success{border-color:#9ee2ba;background-color:#f9fcfa}
.question-box--primary{border-color:#a5cfff;background-color:#f5faff}
.question-box--warning{border-color:#f0cea4;background-color:#fffbf8}
.question-group{position:relative;flex-wrap:wrap;display:flex;margin-bottom:18px;gap:10px}
@media screen and (min-width:768px){
.question-group{gap:0}
}
.question-group:last-child{margin-bottom:0}
.question-group__left{width:100%}
@media screen and (min-width:576px){
.question-group__left{margin-right:20px;width:calc(100% - 170px)}
}
@media screen and (min-width:768px){
.question-group__left{width:calc(100% - 203px)}
}
.question-group__right{flex-wrap:wrap;justify-content:flex-end;display:flex;width:100%;gap:9px}
@media screen and (min-width:576px){
.question-group__right{display:block;width:160px}
}
@media screen and (min-width:768px){
.question-group__right{width:183px}
}
.question-group__right .btn{border-radius:3px;height:42px;padding:5px}
@media screen and (max-width:767px){
.question-group__right .btn{max-width:160px;height:36px}
}
@media screen and (min-width:576px){
.question-group__right .btn{margin-bottom:10px}
}
.question-group__right .btn:last-child{margin-bottom:0}
.question-group__right .btn svg{margin-right:5px}
@media screen and (min-width:768px){
.question-group__right .btn svg{margin-right:10px}
}
.question-box--success .question-group__right .btn:not(:hover) span,.question-box--warning .question-group__right .btn:not(:hover) span{color:#333}
.question-group__top{width:100%}
.question-group__bottom{flex-wrap:wrap;justify-content:flex-end;display:flex;width:100%;gap:9px}
@media screen and (min-width:768px){
.question-group__bottom{margin-top:10px;margin-bottom:-10px}
}
.question-group__bottom .btn{border-radius:3px;max-width:160px;height:36px;padding:5px}
@media screen and (min-width:768px){
.question-group__bottom .btn{width:100%;max-width:183px;height:42px}
}
.question-group__bottom .btn svg{margin-right:5px}
@media screen and (min-width:768px){
.question-group__bottom .btn svg{margin-right:10px}
}
.question-group__bottom .btn:not(:hover) span{color:#333}
.question-group__next-step{position:absolute;bottom:-24px;left:calc(50% - 7px);display:none;width:14px}
@media screen and (min-width:768px){
.question-group__next-step{display:block}
}
.question-group__next-step svg{display:block;opacity:0;-webkit-animation:moveDown 1.5s infinite;animation:moveDown 1.5s infinite;margin-bottom:-5px;width:100%;color:#0078ff}
.question-group__next-step svg:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}
.question-group__next-step svg:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}
.question-editor{overflow:hidden;border-radius:3px}
.question-editor__head{flex-wrap:wrap;display:flex;padding:7px 10px 8px;background-color:#9fcdff;gap:10px}
@media screen and (min-width:768px){
.question-editor__head{flex-wrap:nowrap}
}
.question-box--success .question-editor__head{background-color:#add9bf}
.question-box--warning .question-editor__head{background-color:#f0cea4}
.question-editor__main{flex-grow:1}
.question-editor__main img{mix-blend-mode:multiply}
@media screen and (min-width:768px){
.question-editor__main img{margin:-5px 0 -17px}
}
.question-editor__main .btn{border-radius:3px}
.question-editor__main .btn:not(.btn-icon){width:80px;height:30px;padding:5px}
@media screen and (min-width:375px){
.question-editor__main .btn:not(.btn-icon){width:98px}
}
.question-editor__btn{flex-shrink:0;display:flex;margin-left:auto;gap:7px}
@media screen and (min-width:375px){
.question-editor__btn{gap:10px}
}
.question-editor__btn .btn{border-radius:3px}
.question-editor__btn .btn:not(.btn-icon){width:60px;height:30px;padding:5px}
@media screen and (min-width:375px){
.question-editor__btn .btn:not(.btn-icon){width:80px}
}
.question-editor__content{border:1px solid #e9e9e9;border-top:none;border-radius:0 0 3px 3px;padding:12px;background-color:#fff}
@media screen and (min-width:768px){
.question-editor__content{padding:15px 20px 16px}
}
@media screen and (min-width:768px){
.question-group__top .question-editor__content{padding:16px 29px}
}
.question-group__top .question-editor__content p+p{margin-top:9px}
.question-box--warning .question-group__top .question-editor__content{border-color:#f0cea4;background-color:transparent}
.question-editor__content h4{margin-bottom:4px}
.question-editor__content h4:not(:first-child){margin-top:14px}
.question-title-checkbox{flex-wrap:wrap;justify-content:space-between;display:flex;gap:5px}
.question-title-checkbox>p{margin-right:10px}
.question-title-checkbox .form-check{position:relative;top:-2px;min-height:auto;padding-left:30px}
@media screen and (min-width:768px){
.question-title-checkbox .form-check{top:0;padding-left:32px}
}
.question-title-checkbox .form-check-input{margin-left:-30px!important;border-color:#cacaca!important;border-radius:3px!important;width:20px;height:20px}
@media screen and (min-width:768px){
.question-title-checkbox .form-check-input{margin-left:-32px!important}
}
.question-title-checkbox .form-check-input:checked[type=checkbox],.question-title-checkbox .form-check-input:checked[type=radio]{border-width:1px!important;background-size:14px 11px}
.question-title-checkbox .form-check-label{padding-top:3px}
@media screen and (min-width:768px){
.question-title-checkbox .form-check-label{padding-top:2px}
}
.question-add-item{align-items:center;display:inline-flex;transition:color .3s ease;color:#333}
.question-add-item:hover{color:#04b64b}
.question-add-item svg{margin-right:10px}
@media screen and (min-width:768px){
.question-add-item svg{margin-right:14px}
}
@media screen and (min-width:768px){
.question-list-radio{margin:-4px 0 6px;padding:0 9px}
}
.question-list-radio .row{margin-bottom:15px}
.question-list-radio .row:last-child{margin-bottom:0}
.question-list-radio .col-9{width:65%}
@media screen and (min-width:768px){
.question-list-radio .col-9{width:82%}
}
.question-list-radio .col-3{width:35%;text-align:center}
@media screen and (min-width:768px){
.question-list-radio .col-3{width:18%;padding-left:15px}
}
.question-list-radio .col-3 input{position:absolute;opacity:0;visibility:hidden;overflow:hidden;margin:0;width:0;height:0;padding:0}
.question-list-radio .col-3 label{justify-content:center;align-items:center;display:flex;height:50px;cursor:pointer}
.question-list-radio .col-3 span{display:block;border:2px solid #bbb;border-radius:50%;width:21px;height:21px;padding:2px;background-clip:content-box}
.question-list-radio .col-3 input:checked~span{border-color:#0078ff;background-color:#0078ff}
.question-list-radio .item{align-items:flex-start;display:flex;cursor:pointer}
.question-list-radio .item-order{flex-shrink:0;align-items:center;display:flex;min-width:25px;min-height:50px;padding-right:5px}
@media screen and (min-width:768px){
.question-list-radio .item-order{min-width:45px;padding-left:5px}
}
.question-list-radio .item-content{flex-grow:1;align-items:center;display:flex;border:1px solid #e6e6e6;border-radius:3px;min-height:50px;padding:2px 14px;background:#fff}
.question-list-radio .item.active .item-content{border-color:#0078ff}
.question-bottom{justify-content:space-between;align-items:center;display:flex;margin-top:-8px}
.question-bottom .btn-gray-2{border-radius:30px;width:115px;height:40px}
@media screen and (min-width:375px){
.question-bottom .btn-gray-2{width:128px}
}
.question-bottom .btn-primary{border-radius:30px;width:130px;height:40px}
@media screen and (min-width:768px){
.question-bottom .btn-primary{width:172px;height:50px}
}
.question-bottom .btn-success-light-6{border-radius:30px;width:130px;height:40px}
@media screen and (min-width:768px){
.question-bottom .btn-success-light-6+.btn-primary{width:159px;height:45px}
}
.question-bottom--2 .btn-gray-2{background-color:#d9d9d9;color:#fff}
@media screen and (min-width:768px){
.question-bottom--2 .btn-primary{width:159px;height:45px}
}
.question-create-answer__head{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;border-bottom:1px solid #9ee2ba;padding:12px 12px 11px;gap:10px}
@media screen and (min-width:768px){
.question-create-answer__head{padding-right:19px;padding-left:19px}
}
.question-create-answer__filter{justify-content:flex-end;align-items:center;display:flex;gap:12px}
@media screen and (min-width:768px){
.question-create-answer__filter{gap:26px}
}
.question-create-answer__filter p{display:none}
@media screen and (min-width:576px){
.question-create-answer__filter p{display:block}
}
.question-create-answer__filter .form-checkbox-radio{padding-left:26px}
@media screen and (min-width:768px){
.question-create-answer__filter .form-checkbox-radio+.form-checkbox-radio{margin-left:14px}
}
.question-create-answer__filter .form-checkbox-radio span::before{top:2px;border-width:1.5px;width:17px;height:17px;padding:2px}
.question-create-answer__content{padding:12px}
@media screen and (min-width:768px){
.question-create-answer__content{padding:29px 20px}
}
.question-create-answer__list{margin:0 auto;width:100%;max-width:580px}
.question-create-answer__list .item{margin-bottom:9px;border:1px solid #ccced1;border-radius:3px;height:50px;padding:12px;background:#fff;cursor:pointer;text-align:center}
.question-create-answer__list .item.active,.question-create-answer__list .item:hover{border-color:#0078ff}
@media screen and (min-width:768px){
.question-create-answer__order{margin-bottom:14px}
}
.question-created__wrapper .question-create-answer__order{margin:0 0 16px}
@media screen and (min-width:768px){
.question-created__wrapper .question-create-answer__order{margin:24px 0 35px}
}
.question-create-answer__order .item{align-items:flex-start;display:flex;margin-bottom:9px}
.question-create-answer__order .item-head{display:flex;width:75px}
.question-create-answer__order .item-head button{justify-content:center;align-items:center;display:flex;transition:all .3s ease;margin-right:-1px;border:1px solid #ccced1;width:38px;height:45px;background-color:#f8f8f8}
.question-create-answer__order .item-head button:first-child{border-radius:5px 0 0 5px;color:#04b64b}
.question-create-answer__order .item-head button:first-child:hover{border-color:#04b64b;background-color:#04b64b;color:#fff}
.question-create-answer__order .item-head button:last-child{border-radius:0 5px 5px 0;color:#ff4a4a}
.question-create-answer__order .item-head button:last-child:hover{border-color:#ff4a4a;background-color:#ff4a4a;color:#fff}
.question-create-answer__order .item-content{align-items:center;display:flex;margin-left:12px;border:1px solid #ccced1;border-radius:3px;width:calc(100% - 87px);min-height:45px;padding:3px 12px}
@media screen and (min-width:768px){
.question-create-answer__order .item-content{margin-left:25px;width:calc(100% - 100px);padding-right:19px;padding-left:19px}
}
.question-flex{flex-wrap:wrap;display:flex;border:1px solid #ccced1;border-radius:3px;padding:12px;background:#fff}
@media screen and (min-width:768px){
.question-flex{padding:20px 20px 20px 18px}
}
.question-flex__left{order:1;width:100%}
@media screen and (min-width:768px){
.question-flex__left{order:0;width:calc(100% - 300px);padding-right:20px}
}
.question-flex__left p+p{margin-top:9px}
.question-flex__right{margin-bottom:20px;width:100%}
@media screen and (min-width:768px){
.question-flex__right{margin-bottom:0;width:300px}
}
.question-true-false{margin-bottom:25px}
.question-true-false label{display:block;width:100%;cursor:pointer}
.question-true-false label>input{position:absolute;opacity:0;visibility:hidden;overflow:hidden;margin:0;border:none;width:0;height:0;padding:0}
.question-true-false label>input:checked~span{border:2px solid rgba(0,120,255,.5)}
.question-true-false label>input:checked~span::before{border-color:#0078ff;background-color:#0078ff}
.question-true-false label>span{position:relative;align-items:center;display:flex;margin-left:38px;border:1px solid #ccced1;border-radius:3px;height:40px;padding:5px 12px}
@media screen and (min-width:768px){
.question-true-false label>span{height:45px;padding-right:29px;padding-left:29px}
}
.question-true-false label>span::before{content:"";position:absolute;top:calc(50% - 9px);left:-38px;transition:all .3s ease;border:2px solid #afafaf;border-radius:50%;width:19px;height:19px;padding:4px;background-color:transparent;background-clip:content-box}
.question-true-false label+label{margin-top:9px}
.question-true-false--no-bd{margin-bottom:20px}
.question-true-false--no-bd label>span{border:none;height:28px;padding:0}
@media screen and (min-width:768px){
.question-true-false--no-bd label>span{padding-left:18px}
}
.question-true-false--no-bd label>input:checked~span{border:none}
@media screen and (min-width:768px){
.question-linker{padding:0 8px}
}
.question-linker__button{position:relative;z-index:5;justify-content:space-between;display:flex;margin-bottom:8px;width:100%;gap:10px}
.question-linker__button .btn{border-radius:5px;height:40px;padding:5px 12px}
@media screen and (min-width:768px){
.question-linker__button .btn{padding-right:20px;padding-left:20px}
}
.question-linker__button .btn svg{margin-right:8px}
@media screen and (min-width:768px){
.question-linker__button .btn svg{margin-right:12px}
}
.report{box-shadow:0 0 10px rgba(182,182,182,.25);border-radius:5px;padding:12px;background:#fff}
@media screen and (min-width:768px){
.report{padding:20px}
}
.report .nav-link{padding:12px 10px}
@media screen and (min-width:576px){
.report .nav-link{padding:13px 11px 11px}
}
@media screen and (min-width:992px){
.report .nav-link{padding:13px 27px 11px}
}
.report .nav-link>span{display:block;padding-right:0;color:#333}
.report .nav-tabs{flex-wrap:wrap;border-bottom-color:transparent}
@media screen and (min-width:576px){
.report .nav-tabs{border-bottom-color:#e4e4e4}
}
@media screen and (min-width:992px){
.report .tab-content{border:1px solid #e4e4e4;border-top:none;border-radius:0 0 5px 5px;padding:21px}
}
.report .nav-tabs .nav-item.show .nav-link,.report .nav-tabs .nav-link.active{border-color:#e4e4e4 #e4e4e4 #fff}
.report .nav-item{flex:initial}
.report .nav-item.active .nav-link>span,.report .nav-item:hover .nav-link>span,.report .nav-link.active>span{background-image:none;color:#0078ff}
.report .nav-time{margin-left:auto;border-top:1px solid #e4e4e4;width:100%;padding-top:12px}
@media screen and (min-width:768px){
.report .nav-time{border-top:none;width:340px;padding-top:0}
}
@media screen and (min-width:992px){
.report .nav-time{width:500px}
}
.report .form-range{justify-content:flex-end;margin-bottom:7px}
@media screen and (min-width:992px){
.report .form-range{gap:20px}
.report .form-range label{margin-right:16px}
}
.report .form-range [data-toggle=datepicker]{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E %3Cpath d='M6.33333 9H4.22222V11H6.33333V9ZM10.5556 9H8.44444V11H10.5556V9ZM14.7778 9H12.6667V11H14.7778V9ZM19 2H15.8333V0H13.7222V2H5.27778V0H3.16667V2H0V20H19V2ZM16.8889 18H2.11111V7H16.8889V18Z' fill='%23D7D7D7'/%3E %3C/svg%3E")}
@media screen and (min-width:992px){
.report .form-range [data-toggle=datepicker]{width:160px;height:40px;background-position:right 15px center;background-size:19px 20px}
}
.report__head{position:relative;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex;padding:50px 12px 20px;gap:12px 25px}
@media screen and (min-width:768px){
.report__head{padding:73px 21px 34px}
}
@media screen and (min-width:992px){
.report__head{padding-left:51px}
}
.report__head .btn-primary{z-index:3;margin-top:7px;border-radius:5px;width:110px;height:36px}
@media screen and (min-width:768px){
.report__head .btn-primary{margin-top:23px}
}
.report__info{z-index:3;align-items:center;display:flex}
.report__info p:first-of-type{margin:-2px 0 22px}
@media screen and (min-width:768px){
.report__info p:first-of-type{margin:-11px 0 36px}
}
.report__avatar{flex-shrink:0;margin-right:12px;border-radius:50%;width:110px;height:110px;padding:5px;background-color:#fff}
@media screen and (min-width:768px){
.report__avatar{margin-right:31px;padding:10px;width:150px;height:150px}
}
.report__avatar .ratio{overflow:hidden;border-radius:50%}
.report__avatar .ratio svg{width:100%;height:100%}
.report__image{position:absolute;top:0;right:0;left:0;overflow:hidden;border-radius:5px;height:105px;background-color:rgba(202,227,255,.8)}
@media screen and (min-width:768px){
.report__image{height:152px}
}
.report__chart{margin-bottom:29px;text-align:center}
.report__heading{justify-content:space-between;align-items:center;display:flex;margin-bottom:10px;gap:12px 20px}
.report__heading .btn{border-radius:5px;width:110px;height:36px}
.report__table{border:1px solid #6fb3ff;border-radius:5px;padding-bottom:4px;background:#fff}
.report__table .tr{flex-wrap:wrap;display:flex;padding:7px 0}
@media screen and (min-width:768px){
.report__table .tr{flex-wrap:nowrap;padding:0}
}
.report__table .td,.report__table .th{width:100%;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px}
@media screen and (min-width:768px){
.report__table .td,.report__table .th{justify-content:center;align-items:center;display:flex;padding-top:0;padding-bottom:0;text-align:center}
}
.report__table .td:nth-child(1),.report__table .th:nth-child(1){flex-shrink:0;width:22px;padding-right:4px}
.report__table .td:nth-child(1)::after,.report__table .th:nth-child(1)::after{content:"."}
@media screen and (min-width:768px){
.report__table .td:nth-child(1),.report__table .th:nth-child(1){width:46px}
.report__table .td:nth-child(1)::after,.report__table .th:nth-child(1)::after{content:none}
}
.report__table .td:nth-child(2),.report__table .th:nth-child(2){width:calc(100% - 22px);padding-left:0}
@media screen and (min-width:768px){
.report__table .td:nth-child(2),.report__table .th:nth-child(2){justify-content:flex-start;width:calc(55% - 214px);text-align:left}
}
@media screen and (min-width:992px){
.report__table .td:nth-child(2),.report__table .th:nth-child(2){width:calc(55% - 308px);padding-left:10px}
}
@media screen and (min-width:768px){
.report__table .td:nth-child(3),.report__table .th:nth-child(3){width:10%}
}
@media screen and (min-width:768px){
.report__table .td:nth-child(4),.report__table .th:nth-child(4){width:11%}
}
@media screen and (min-width:768px){
.report__table .td:nth-child(5),.report__table .th:nth-child(5){width:10%}
}
@media screen and (min-width:768px){
.report__table .td:nth-child(6),.report__table .th:nth-child(6){width:8%}
}
@media screen and (min-width:768px){
.report__table .td:nth-child(7),.report__table .th:nth-child(7){width:6%}
}
.report__table .td:nth-child(8),.report__table .th:nth-child(8){flex-wrap:wrap;flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;gap:10px}
.report__table .td:nth-child(8)::before,.report__table .th:nth-child(8)::before{content:none}
@media screen and (min-width:768px){
.report__table .td:nth-child(8),.report__table .th:nth-child(8){justify-content:flex-end;width:168px}
}
@media screen and (min-width:992px){
.report__table .td:nth-child(8),.report__table .th:nth-child(8){justify-content:flex-start;width:262px}
}
.report__table .td:nth-child(8) .btn,.report__table .th:nth-child(8) .btn{border-radius:5px;min-width:75px;padding:3px 10px 4px}
.report__table .th{padding-right:3px;padding-left:3px}
.report__table .td::before{content:attr(data-label);flex-shrink:0;font-weight:700}
@media screen and (min-width:768px){
.report__table .td::before{content:none}
}
.report__table .th{height:49px}
.report__table .thead{display:none;border-bottom:1px solid #efefef;border-radius:4px 4px 0 0;background-color:#f2f8ff}
@media screen and (min-width:768px){
.report__table .thead{display:block}
}
.report__table .tbody .tr{border-bottom:1px solid #efefef;padding-top:9px;padding-bottom:9px}
.report__table .tbody .tr:last-child{border-bottom:none}
.report__table .tbody a{transition:all .3s ease}
.report__table .tbody a:not(.btn):hover{text-decoration:underline;color:#0078ff}
.school-mgt{border-radius:5px;padding:15px 12px;background:#f0f7ff}
@media screen and (min-width:768px){
.school-mgt{padding:21px 23px 38px}
}
.school-mgt__heading{align-items:flex-end;display:flex;margin-bottom:26px}
.school-mgt__heading::after{content:"";flex-grow:1;margin-bottom:8px;margin-left:12px;height:1px;background-color:#e7e9f6}
@media screen and (min-width:768px){
.school-mgt__heading::after{margin-bottom:10px;margin-left:30px}
}
.school-mgt__heading span{flex-shrink:0}
@media screen and (min-width:768px){
.school-mgt__wrapper{display:flex}
}
.school-mgt__head{margin-bottom:20px}
@media screen and (min-width:768px){
.school-mgt__head{width:186px}
}
.school-mgt__logo{position:relative;/*justify-content:center;align-items:center;display:flex;margin:0 auto 18px;border:1px solid #e7e7e7;border-radius:50%;width:120px;height:120px;padding:14px;background:#fdfdfd;overflow:hidden;*/}
.school-mgt__logo .logo{overflow: hidden;justify-content: center;align-items: center;display: flex;margin: 0 auto 18px;border: 1px solid #e7e7e7;border-radius: 50%;width: 120px;height: 120px;padding: 14px;background: #fdfdfd;}
.school-mgt__logo input[type=file]{position:absolute;overflow:hidden;margin:0;width:0;height:0;padding:0}
.school-mgt__logo label{position:absolute;z-index:5;right:20px;bottom:-20px;justify-content:center;align-items:center;display:flex;border-radius:50%;width:54px;height:54px;background-color:#f0f7ff;cursor:pointer}
@media screen and (min-width:768px){
.school-mgt__content{width:calc(100% - 186px);max-width:919px;padding-left:18px}
}
.school-mgt__content [class*=col-]{margin-bottom:10px}
.school-mgt__content .form-control{background-color:#fdfdfd}
@media screen and (min-width:768px){
.school-mgt__content .form-control{padding:0 21px}
}
.school-mgt__content .form-select{background-color:#fdfdfd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-position:right 14px center}
@media screen and (min-width:768px){
.school-mgt__content .form-select{padding:0 21px}
}
.school-mgt__content .form-text{margin:0;border:1px solid #e7e7e7;border-radius:5px;height:100%;padding:12px;background:#fdfdfd}
@media screen and (min-width:768px){
.school-mgt__content .form-text{padding:14px 21px}
}
.school-mgt__content .form-text b{font-weight:700}
.school-mgt__content .form-text p{margin-bottom:12px}
.school-mgt__content .form-text p:last-child{margin-bottom:8px}
.school-mgt__content .form-read-more{margin:0;border:1px solid #e7e7e7;border-radius:5px;padding:12px 12px 16px;background:#fdfdfd}
@media screen and (min-width:768px){
.school-mgt__content .form-read-more{padding:16px 21px 30px}
}
.school-mgt__content .form-read-more p{margin-bottom:10px}
/*.school-mgt__content .form-read-more .btn{display:inline-flex;transition:opacity .3s ease;padding:0;color:#1d5193}*/
.school-mgt__content .form-read-more .btn:hover{opacity:.7}
/*.school-mgt__content .form-read-more .btn svg{position:relative;top:1px;transition:transform .3s ease;margin-left:13px}*/
/*.school-mgt__content .form-read-more .btn span::before{content:"Xem thêm"}*/
.school-mgt__content .form-read-more .btn[aria-expanded=true] svg{transform:rotate(180deg)}
/*.school-mgt__content .form-read-more .btn[aria-expanded=true] span::before{content:"Thu gọn"}*/
.school-mgt__content .form-title{margin-bottom:11px}
.school-mgt__buttons{margin-top:10px}
.school-mgt__buttons .btn{display:inline-flex;border-radius:30px;min-width:120px;height:40px}
@media screen and (min-width:576px){
.school-mgt__buttons .btn{min-width:170px;height:45px}
}
.school-mgt__buttons .btn:not(:first-child){margin-left:8px}
.school-mgt__buttons .btn svg{margin-right:5px}
@media screen and (min-width:576px){
.school-mgt__buttons .btn svg{margin-right:10px}
}
.score-chart{border:1px solid #dedede;border-radius:3px;padding:15px 12px;background:#fafafa}
@media screen and (min-width:768px){
.score-chart{padding:20px 34px 31px}
}
.score-chart__head{flex-wrap:wrap;justify-content:space-between;display:flex;margin-bottom:27px;gap:10px}
.score-chart__head .btn{width:130px;height:36px;padding:5px 10px}
.score-chart__head .btn svg{flex-shrink:0;margin-right:10px}
.score-chart__buttons{flex-wrap:wrap;display:flex}
.score-chart__button{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:none;border-radius:5px;width:146px;height:36px;padding:5px 10px;background-color:transparent;color:#333}
.score-chart__button svg{position:relative;top:2px;flex-shrink:0;margin-right:9px}
.score-chart__button.active{background-color:#e8f3ff;color:#0078ff}
.score-chart__content{margin-bottom:49px}
.score-chart__table .thead{border:1px solid #8ebaec;border-radius:3px 3px 0 0;background:#e1edfa}
.score-chart__table .tbody{border:1px solid #eee;border-top:none;background:rgba(255,255,255,.3)}
.score-chart__table .inner{position:relative;border-bottom:1px solid #eee}
.score-chart__table .inner:last-child{border-bottom:none}
.score-chart__table .tr{display:flex;border:none;width:100%;padding:0;background:0 0}
.score-chart__table .td:nth-child(1),.score-chart__table .th:nth-child(1){width:70px;padding-right:0;padding-left:20px;text-align:center}
@media screen and (min-width:768px){
.score-chart__table .td:nth-child(1),.score-chart__table .th:nth-child(1){width:152px;padding-left:62px}
}
.score-chart__table .td:nth-child(2),.score-chart__table .th:nth-child(2){width:55px;text-align:center}
@media screen and (min-width:768px){
.score-chart__table .td:nth-child(2),.score-chart__table .th:nth-child(2){width:90px}
}
.score-chart__table .td:nth-child(3),.score-chart__table .th:nth-child(3){margin-left:auto;width:calc(100% - 125px);max-width:408px;text-align:center}
@media screen and (min-width:768px){
.score-chart__table .td:nth-child(3),.score-chart__table .th:nth-child(3){width:calc(100% - 242px)}
}
.score-chart__table .th{padding:10px 10px 11px}
.score-chart__table .td{padding:11px 10px 12px}
.score-chart__table .td:nth-child(1){position:relative}
.score-chart__table .td:nth-child(1)::before{content:"";position:absolute;top:14px;left:10px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M8 16C3.58885 16 0 12.4112 0 8C0 3.58885 3.58885 0 8 0C12.4112 0 16 3.58885 16 8C16 12.4112 12.4112 16 8 16ZM11.6923 7.38461H8.61539V4.30769H7.38462V7.38461H4.30769V8.61538H7.38462V11.6923H8.61539V8.61538H11.6923V7.38461Z' fill='%230078FF'/%3E %3C/svg%3E") no-repeat center/contain}
@media screen and (min-width:768px){
.score-chart__table .td:nth-child(1)::before{left:26px}
}
.score-chart__table .tbody .tr::after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid transparent;border-radius:0 0 3px 3px;pointer-events:none}
.score-chart__table .tbody .tr[aria-expanded=true]{background:#f0f6ff}
.score-chart__table .tbody .tr[aria-expanded=true] .td::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M8 16C3.58885 16 0 12.4112 0 8C0 3.58885 3.58885 0 8 0C12.4112 0 16 3.58885 16 8C16 12.4112 12.4112 16 8 16ZM11.6923 7.38461H4.30769V8.61538H11.6923V7.38461Z' fill='%230078FF'/%3E %3C/svg%3E")}
.score-chart__table .tbody .tr[aria-expanded=true]::after{border-color:#0078ff}
.score-chart__table .group{margin:12px;border:1px dashed #8ebaec}
@media screen and (min-width:768px){
.score-chart__table .group{margin:20px 49px 23px 186px}
}
.score-chart__table .group .line{display:flex;border-bottom:1px dashed #8ebaec}
.score-chart__table .group .line:last-child{border-bottom:none}
.score-chart__table .group .line p{padding:14px 5px}
.score-chart__table .group .line p:nth-child(1){width:10%;text-align:center}
@media screen and (min-width:768px){
.score-chart__table .group .line p:nth-child(1){width:7%}
}
.score-chart__table .group .line p:nth-child(2){width:75%}
@media screen and (min-width:768px){
.score-chart__table .group .line p:nth-child(2){padding-left:3.5%;width:81%}
}
.score-chart__table .group .line p:nth-child(3){width:15%;text-align:center}
@media screen and (min-width:768px){
.score-chart__table .group .line p:nth-child(3){width:12%}
}
.select-box{border:1px dashed #ff4a4a;border-radius:3px;padding:15px 12px;background:#fff;text-align:center}
@media screen and (min-width:768px){
.select-box{padding:15px 29px 30px}
}
.select-box>p{margin-bottom:10px}
.select-box__options{flex-wrap:wrap;display:flex;box-shadow:0 0 10px rgba(121,121,121,.25);border-radius:3px;padding:10px 10px 16px;background:#fff;-moz-column-gap:10px;column-gap:10px;row-gap:6px}
.select-box__options .item{position:relative;width:calc(50% - 5px)}
.select-box__options .dropdown-toggle{justify-content:center;align-items:center;display:flex;border:1px solid rgba(226,226,226,.7);border-radius:3px;width:100%;height:100%;padding:5px 9px;background:#f8f8f8}
.select-box__options .dropdown-toggle[aria-expanded=true]{border-color:rgba(0,120,255,.7)}
.select-box__options .dropdown-toggle::after{content:none}
.select-box__options .dropdown-toggle>*{pointer-events:none}
.select-box__options .dropdown-toggle .division>span>span{padding:3px 4px}
.select-box__options .dropdown-toggle .division input{width:28px;height:17px}
@media screen and (min-width:375px){
.select-box__options .dropdown-toggle .division input{width:38px}
}
.select-box__options .dropdown-toggle .frac-input input{width:60px;height:20px}
.select-box__options .dropdown-toggle .frac-input>span{padding:4px 0}
.select-box__options .dropdown-toggle .number-options{margin:4px 0;min-width:60px;min-height:30px;background-position:right 8px center}
@media screen and (min-width:375px){
.select-box__options .dropdown-toggle .number-options{width:85px}
}
.select-box__options .dropdown-toggle .input-number{margin:4px 0;width:60px;height:30px}
@media screen and (min-width:375px){
.select-box__options .dropdown-toggle .input-number{width:85px}
}
.select-box__options .dropdown-menu{margin-top:2px!important;box-shadow:0 0 20px rgba(124,124,124,.25);border:none;width:300px;padding:19px 25px 20px;background:#fff}
@media screen and (min-width:768px){
.select-box__options .dropdown-menu{right:10px!important}
}
.select-box__options .dropdown-menu::after{content:"";position:absolute;top:-5px;right:30%;transform:rotate(45deg);width:10px;height:10px;background-color:#fff}
@media screen and (min-width:375px){
.select-box__options .dropdown-menu::after{right:30px}
}
.select-box__options .dropdown-menu[data-popper-placement=bottom-start]::after{right:auto;left:30%}
@media screen and (min-width:375px){
.select-box__options .dropdown-menu[data-popper-placement=bottom-start]::after{left:30px}
}
.select-box__options .dropdown-menu>p{margin-bottom:6px}
.select-box__options .dropdown-menu__main{flex-wrap:wrap;justify-content:center;display:flex;border:1px solid #e9e9e9;border-radius:3px;padding:5px;background:#f8f8f8}
.select-box__options .dropdown-menu__main>p:last-child{margin:3px 0 9px;width:100%;text-align:center}
.select-box__options .dropdown-menu__main .division>span>span{padding:8px 9px}
.select-box__options .dropdown-menu__main .division input{width:73px;height:33px}
.select-box__options .dropdown-menu__main .frac-input{margin:9px 0}
.select-box__options .dropdown-menu__main .frac-input>span{padding:.35em 0}
.select-box__options .dropdown-menu__main .frac-input input{width:86px;height:29px}
.select-box__options .dropdown-menu__text{margin-bottom:10px;width:100%;padding:5px}
.select-box__options .dropdown-menu__text p+p{margin-top:11px}
.select-box__options .dropdown-menu__text+p{margin-bottom:2px!important}
.select-box__options .dropdown-menu__footer{justify-content:space-between;align-items:center;display:flex;margin-top:15px;gap:10px}
.select-box__options .dropdown-menu__footer .close{display:flex;border:none;padding:0;background:0 0}
.select-box__options .dropdown-menu__footer .btn-primary{width:64px;height:26px}
.sidebar-school{margin-bottom:22px;box-shadow:0 4px 20px rgba(157,157,157,.25);border-radius:5px;background:#fff}
.sidebar-school__head{align-items:flex-start;display:flex;border-radius:5px;padding:15px 16px 20px;background:#0078ff;color:#fff}
.sidebar-school__head .fz-14{line-height:1.57}
.sidebar-school--learning .sidebar-school__head{padding-bottom:13px}
.sidebar-school__logo{justify-content:center;align-items:center;display:flex;margin-top:1px;border-radius:50%;width:70px;height:70px;padding:5px;background-color:#fff; overflow:hidden;}
.sidebar-school--learning .sidebar-school__logo{padding:0}
.sidebar-school__info{width:calc(100% - 70px);padding-left:18px}
.sidebar-school__info p+p{margin-top:4px}
.sidebar-school__content .item{padding:14px 15px 14px}
@media screen and (min-width:768px){
.sidebar-school__content .item{padding-right:22px;padding-left:25px}
}
.sidebar-school__content .item:not(:last-child){border-bottom:1px dashed #e4e4e4}
.sidebar-school__content .item__heading{flex-wrap:wrap;justify-content:space-between;display:flex;margin-bottom:2px;gap:12px}
.sidebar-school__content .item__number{margin-bottom:14px}
.sidebar-school__content .item__number .fz-36{position:relative;top:2px;margin-right:5px}
.sidebar-school__content .item__list li{position:relative;margin-bottom:8px;padding-left:25px}
.sidebar-school__content .item__list li::before{content:"";position:absolute;top:7px;left:2px;border-radius:50%;width:7px;height:7px;background-color:#abd3ff}
.sidebar-school__content .item__list li:last-child{margin-bottom:0}
.sidebar-school__content .item__list li b{font-weight:700}
.sidebar-school--learning .sidebar-school__content .item{padding-top:10px}
.sidebar-school--learning .sidebar-school__content .item>.fz-15{line-height:1.73}
.sidebar-school--learning .sidebar-school__content .item__heading{margin-bottom:5px}
.sidebar-school--learning .sidebar-school__content .item__list{margin-top:2px;margin-bottom:11px}
.sidebar-school--learning .sidebar-school__content .item__list:last-child{margin-bottom:3px}
.sidebar-school--learning .sidebar-school__content .item__list li{margin-bottom:0;padding-left:17px}
@media screen and (min-width:768px){
.sidebar-school--learning .sidebar-school__content .item__list li::before{top:10px;left:2px}
}
.sidebar-student{margin-bottom:20px;box-shadow:0 4px 20px rgba(157,157,157,.25);border-radius:5px;padding:20px 20px 22px;background:#fff}
.sidebar-student__title{align-items:center;display:flex;margin-bottom:24px}
.sidebar-student__title svg{flex-shrink:0;margin-right:15px}
.sidebar-student__content{text-align:center}
.sidebar-student__note{align-items:flex-start;display:flex;margin-top:20px;text-align:left}
.sidebar-student__note>span{flex-shrink:0;margin-right:20px}
.sidebar-student__note>ul{flex-wrap:wrap;display:flex;gap:5px 30px}
.sidebar-student__note>ul li{position:relative;align-items:center;display:flex}
.sidebar-student__note>ul li span{margin-right:13px;width:15px;height:15px}
.sidebar-teacher{margin-bottom:20px;box-shadow:0 4px 20px rgba(157,157,157,.25);border-radius:5px;background:#fff}
.sidebar-teacher__title{align-items:center;display:flex;padding:19px 20px 8px}
.sidebar-teacher__title svg{flex-shrink:0;margin-right:14px}
.sidebar-teacher__subtitle{padding:9px 20px;background-color:#eef5ff}
.sidebar-teacher__list{padding-bottom:8px}
.sidebar-teacher__list .item{align-items:center;display:flex;padding:10px 21px 9px}
.sidebar-teacher__list .item:not(:last-child){border-bottom:1px dashed #e4e4e4}
.sidebar-teacher__list .item-image{overflow:hidden;border-radius:50%;width:45px}
.sidebar-teacher__list .item-content{width:calc(100% - 45px);padding-left:14px}
.student-detail{flex-wrap:wrap;display:flex;box-shadow:0 4px 20px rgba(159,159,159,.25);border-radius:5px;padding:20px 12px;background:#fff}
@media screen and (min-width:576px){
.student-detail{padding:20px}
}
@media screen and (min-width:768px){
.student-detail{margin-top:37px;padding:30px}
}
@media screen and (min-width:992px){
.student-detail{padding:61px 59px 68px}
}
.student-detail__left{margin-bottom:25px;width:100%;text-align:center}
@media screen and (min-width:768px){
.student-detail__left{margin-bottom:0;width:28.5%}
}
.student-detail__left .btn{margin:0 auto;border-radius:30px;width:200px;height:40px}
.student-detail__left .btn svg{margin-right:8px}
.student-detail__right{width:100%}
@media screen and (min-width:768px){
.student-detail__right{width:71.5%;padding-left:30px}
}
@media screen and (min-width:992px){
.student-detail__right{padding-left:64px}
}
.student-detail__avatar{margin:3px auto 20px;width:100%;max-width:150px}
@media screen and (min-width:768px){
.student-detail__avatar{margin-bottom:49px}
}
.student-detail__info{position:relative;margin-bottom:16px;padding-bottom:18px}
@media screen and (min-width:768px){
.student-detail__info{margin-bottom:22px;padding-bottom:24px}
}
.student-detail__info::after{content:"";position:absolute;bottom:0;left:calc(50% - 68px);border-bottom:1px dashed #a9a9a9;width:136px}
.student-detail__info p+p{margin-top:6px}
.student-detail__data{margin-bottom:26px}
.student-detail__data p+p{margin-top:12px}
.student-detail__heading{align-items:flex-end;display:flex;margin-bottom:14px}
.student-detail__heading::after{content:"";flex-grow:1;margin-bottom:5px;margin-left:26px;border-bottom:1px dashed #a9a9a9}
.student-detail__list:not(:last-child){margin-bottom:24px}
.student-detail__list li{position:relative;padding-left:22px}
@media screen and (min-width:768px){
.student-detail__list li{padding-left:31px}
}
.student-detail__list li::before{content:"";position:absolute;top:5px;left:1px;border:2px solid #6db2ff;border-radius:50%;width:12px;height:12px}
@media screen and (min-width:768px){
.student-detail__list li::before{top:6px}
}
.student-detail__list li+li{margin-top:10px}
.student-detail__table{margin:20px 0 27px;border:1px solid #e1e1e1;border-radius:5px}
.student-detail__table .tr{display:flex}
.student-detail__table .td,.student-detail__table .th{padding:15px 16px 14px}
.student-detail__table .td:first-child,.student-detail__table .th:first-child{width:35%}
@media screen and (min-width:768px){
.student-detail__table .td:first-child,.student-detail__table .th:first-child{width:30%}
}
.student-detail__table .td:last-child,.student-detail__table .th:last-child{width:65%}
@media screen and (min-width:768px){
.student-detail__table .td:last-child,.student-detail__table .th:last-child{width:70%;padding-left:5%}
}
.student-detail__table .thead{background-color:#f7f7f7}
.student-detail__table .tbody .tr{border-top:1px solid #e1e1e1}
.student-detail__text{margin-bottom:26px}
.student-detail__text p+p{margin-top:10px}
.student-detail__button{display:flex;gap:24px}
@media screen and (min-width:768px){
.student-detail__button{margin-top:41px}
}
.student-detail__button .btn:not(.btn-icon){border-radius:30px;width:170px;height:40px}
@media screen and (min-width:768px){
.student-detail__button .btn:not(.btn-icon){height:45px}
}
.student-detail__button .btn:not(.btn-icon) svg{margin-right:12px}
.student-edit__form{box-shadow:0 4px 20px rgba(159,159,159,.25);border-radius:5px;padding:18px 12px;background:#fff}
@media screen and (min-width:768px){
.student-edit__form{margin-top:41px;padding:30px}
}
@media screen and (min-width:1200px){
.student-edit__form{padding:56px 59px 61px 60px}
}
.student-edit__wrapper{flex-wrap:wrap;display:flex}
.student-edit__head{margin:0 auto 20px;width:150px;color:#8c8c8c}
@media screen and (min-width:768px){
.student-edit__head{margin:0}
}
.student-edit__content{width:100%}
@media screen and (min-width:768px){
.student-edit__content{width:calc(100% - 150px);padding-top:5px;padding-left:30px}
}
@media screen and (min-width:992px){
.student-edit__content{padding-left:10.1%}
}
.student-edit__logo{position:relative;justify-content:center;align-items:center;display:flex;margin:0 auto 15px;border-radius:50%;width:150px;height:150px}
@media screen and (min-width:768px){
.student-edit__logo{margin-top:5px;margin-bottom:25px}
}
.student-edit__logo img{border-radius:50%}
.student-edit__logo input[type=file]{position:absolute;overflow:hidden;margin:0;width:0;height:0;padding:0}
.student-edit__logo label{position:absolute;z-index:5;right:0;bottom:0;justify-content:center;align-items:center;display:flex;border-radius:50%;width:40px;height:40px;background-color:#fff;cursor:pointer}
.student-edit__item{margin-bottom:15px;min-height:40px}
@media screen and (min-width:768px){
.student-edit__item{align-items:flex-start;display:flex;margin-bottom:10px;min-height:45px}
}
.student-edit__item-label{margin-bottom:8px}
@media screen and (min-width:768px){
.student-edit__item-label{margin-bottom:0;width:165px;padding-top:12px;padding-right:5px}
}
@media screen and (min-width:992px){
.student-edit__item-label{width:28%}
}
@media screen and (min-width:768px){
.student-edit__item-content{width:calc(100% - 165px)}
}
@media screen and (min-width:992px){
.student-edit__item-content{width:72%}
}
.student-edit__item-content [class*=col]{margin-top:10px}
.student-edit__item-content [class*=col]:first-child{margin-top:0}
.student-edit__item-content .form-control{color:#333;border-color:#dbdbdb!important}
@media screen and (min-width:768px){
.student-edit__item-content .form-control{padding:0 12px}
}
.student-edit__item-content .form-control::-moz-placeholder{color:#333}
.student-edit__item-content .form-control:-ms-input-placeholder{color:#333}
.student-edit__item-content .form-control::placeholder{color:#333}
.student-edit__item-content textarea.form-control{height:90px;padding-top:10px;padding-bottom:10px;resize:none}
.student-edit__item-content textarea.form-control::-moz-placeholder{color:#333}
.student-edit__item-content textarea.form-control:-ms-input-placeholder{color:#333}
.student-edit__item-content textarea.form-control::placeholder{color:#333}
.student-edit__item-content .form-select{color:#333}
@media screen and (min-width:768px){
.student-edit__footer{padding-top:34px}
}
.student-edit__footer-inner{flex-wrap:wrap;justify-content:center;display:flex;gap:10px}
@media screen and (min-width:768px){
.student-edit__footer-inner{gap:20px}
}
.student-edit__footer-inner .btn:not(.btn-icon){border-radius:30px;width:150px;height:40px}
@media screen and (min-width:768px){
.student-edit__footer-inner .btn:not(.btn-icon){width:170px;height:45px}
}
.student-edit__footer-inner .btn:not(.btn-icon) svg{margin-right:10px}
.student-mgt .common-filter .form-search-select{min-width:210px;padding-top:9px;padding-bottom:9px}
@media screen and (min-width:768px){
.student-mgt .common-filter .form-search-select{min-width:300px}
}
@media screen and (min-width:1200px){
.student-mgt .common-filter .form-search-select{min-width:510px}
}
.student-mgt .common-filter .form-search-select input{padding:0 10px}
.student-mgt .common-filter .form-search-select input::-moz-placeholder{font-style:italic}
.student-mgt .common-filter .form-search-select input:-ms-input-placeholder{font-style:italic}
.student-mgt .common-filter .form-search-select input::placeholder{font-style:italic}
.student-mgt .common-filter .form-search-select select{border-right:none;border-left:1px solid #d8d8d8;width:126px;padding-right:30px;padding-left:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-position:right 12px center;background-size:12px 7px}
@media screen and (min-width:768px){
.student-mgt .common-filter .form-search-select select{width:140px}
}
@media screen and (min-width:1200px){
.student-mgt .common-filter .form-search-select select{width:152px}
}
.student-mgt__list{border:2px solid #eee;border-radius:5px;background:#fff}
.student-mgt__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex}
@media screen and (min-width:768px){
.student-mgt__table .tr{flex-wrap:nowrap}
}
.student-mgt__table .td,.student-mgt__table .th{padding-right:8px;padding-left:8px}
.student-mgt__table .td:nth-child(1),.student-mgt__table .th:nth-child(1){flex-shrink:0;width:36px}
@media screen and (min-width:1366px){
.student-mgt__table .td:nth-child(1),.student-mgt__table .th:nth-child(1){width:52px}
}
.student-mgt__table .td:nth-child(2),.student-mgt__table .th:nth-child(2){width:20px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(2),.student-mgt__table .th:nth-child(2){width:45px}
}
.student-mgt__table .td:nth-child(3),.student-mgt__table .th:nth-child(3){flex-shrink:0;width:66px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(3),.student-mgt__table .th:nth-child(3){display:none;width:84px}
}
@media screen and (min-width:992px){
.student-mgt__table .td:nth-child(3),.student-mgt__table .th:nth-child(3){display:block}
}
.student-mgt__table .td:nth-child(4),.student-mgt__table .th:nth-child(4){flex-grow:1}
.student-mgt__table .td:nth-child(5),.student-mgt__table .th:nth-child(5){width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(5),.student-mgt__table .th:nth-child(5){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(5),.student-mgt__table .th:nth-child(5){width:10%}
}
.student-mgt__table .td:nth-child(6),.student-mgt__table .th:nth-child(6){width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(6),.student-mgt__table .th:nth-child(6){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(6),.student-mgt__table .th:nth-child(6){width:5.2%}
}
.student-mgt__table .td:nth-child(7),.student-mgt__table .th:nth-child(7){width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(7),.student-mgt__table .th:nth-child(7){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(7),.student-mgt__table .th:nth-child(7){width:12.3%}
}
.student-mgt__table .td:nth-child(8),.student-mgt__table .th:nth-child(8){width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(8),.student-mgt__table .th:nth-child(8){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(8),.student-mgt__table .th:nth-child(8){width:14.7%}
}
.student-mgt__table .td:nth-child(9),.student-mgt__table .th:nth-child(9){width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(9),.student-mgt__table .th:nth-child(9){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(9),.student-mgt__table .th:nth-child(9){width:13.5%}
}
.student-mgt__table .td:nth-child(10),.student-mgt__table .th:nth-child(10){flex-shrink:0;width:100%}
@media screen and (min-width:576px){
.student-mgt__table .td:nth-child(10),.student-mgt__table .th:nth-child(10){width:50%}
}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(10),.student-mgt__table .th:nth-child(10){width:123px}
}
@media screen and (min-width:1366px){
.student-mgt__table .td:nth-child(10),.student-mgt__table .th:nth-child(10){width:220px}
}
.student-mgt__table .th{text-align:center}
.student-mgt__table .th:nth-child(4){padding-right:3%}
@media screen and (min-width:1200px){
.student-mgt__table .th:nth-child(5){padding-right:3%}
}
.student-mgt__table .th:nth-child(6){text-align:left}
.student-mgt__table .th:nth-child(7) select{position:relative;display:inline-block;border:none;width:90px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat right center;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width:1366px){
.student-mgt__table .th:nth-child(8) select{margin-left:20px}
}
.student-mgt__table .td:nth-child(1){padding:13px 0 13px 12px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(1){padding-top:16px;padding-bottom:16px}
}
@media screen and (min-width:1366px){
.student-mgt__table .td:nth-child(1){padding-right:17px;padding-left:17px}
}
.student-mgt__table .td:nth-child(2){padding-top:15px;padding-right:0;padding-left:0;text-align:center}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(2){padding-right:8px;padding-left:8px}
}
.student-mgt__table .td:nth-child(4){padding-top:15px}
@media screen and (min-width:1200px){
.student-mgt__table .td:nth-child(4){padding-left:2.2%}
}
@media screen and (min-width:1200px){
.student-mgt__table .td:nth-child(5){padding-left:1.2%}
}
.student-mgt__table .td:nth-child(5){padding-top:15px;text-align:left}
.student-mgt__table .td:nth-child(6){padding-top:15px;text-align:left}
.student-mgt__table .td:nth-child(7){padding-top:16px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(7){text-align:center}
}
.student-mgt__table .td:nth-child(8){flex-wrap:wrap;order:1;display:flex;padding-top:15px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(8){order:0;justify-content:center;padding-top:4px}
}
.student-mgt__table .td:nth-child(9){flex-shrink:0;align-items:center;display:flex;padding-top:12px}
.student-mgt__table .td:nth-child(9)::before{flex-shrink:0;margin-right:6px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(9){display:block;padding-top:4px;text-align:center}
}
.student-mgt__table .td:nth-child(10){flex-wrap:wrap;order:2;flex-shrink:0;align-items:center;display:flex;padding-top:12px;gap:10px}
@media screen and (min-width:768px){
.student-mgt__table .td:nth-child(10){display:block;padding-top:0}
}
@media screen and (min-width:1366px){
.student-mgt__table .td:nth-child(10){padding-right:18px}
}
.student-mgt__table .td:nth-child(10)::before{content:none}
.student-mgt__table .td::before{content:attr(data-label);font-size:14px;line-height:1.5;font-weight:700}
@media screen and (min-width:768px){
.student-mgt__table .td::before{content:none}
}
.student-mgt__table .thead{display:none}
@media screen and (min-width:768px){
.student-mgt__table .thead{display:block}
}
.student-mgt__table .thead .tr{align-items:center;height:53px}
.student-mgt__table .tbody .tr{transition:background-color .3s ease;border-bottom:1px solid #e7e7e7;padding-top:21px;padding-bottom:29px}
.student-mgt__table .tbody .tr:hover{background-color:#fafafa}
.student-mgt__table .avatar{margin:0 auto;width:100%;max-width:50px}
.student-mgt__table .avatar svg{width:100%;height:100%}
.student-mgt__table .status{flex-wrap:wrap;justify-content:center;align-items:center;display:flex;gap:4px}
.student-mgt__table .status button{border:none;padding:0;background:0 0}
.student-mgt__table .status button+span,.student-mgt__table .status svg+span{margin-left:4px}
.student-mgt__table .list-button{flex-grow:1;justify-content:flex-start;display:flex;margin-top:10px;gap:10px}
@media screen and (min-width:768px){
.student-mgt__table .list-button{flex-wrap:wrap;justify-content:space-evenly;gap:0}
}
@media screen and (min-width:1366px){
.student-mgt__table .list-button{justify-content:flex-start}
}
.student-mgt__table .list-button .btn-gray{border-radius:30px;width:107px;height:36px}
@media screen and (min-width:768px){
.student-mgt__table .list-button .btn-gray{margin-bottom:8px}
}
@media screen and (min-width:1366px){
.student-mgt__table .list-button .btn-gray{margin-right:9px;margin-bottom:0}
}
@media screen and (min-width:1366px){
.student-mgt__table .list-button .btn-icon{margin-left:15px}
}
@media screen and (max-width:767px){
.student-mgt__table .info{width:100%;padding-top:5px}
}
.student-mgt__table .info p{margin-bottom:8px}
.student-mgt__table .info svg{margin-right:3px}
.student-mgt__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
@media screen and (min-width:768px){
.student-mgt__table .tnav-col:first-child{width:calc(100% - 272px)}
}
@media screen and (min-width:1366px){
.student-mgt__table .tnav-col:first-child{width:calc(100% - 404px);padding-left:29%}
}
@media screen and (min-width:576px){
.student-mgt__table .tnav-col:last-child{width:155px}
}
.student-mgt__table .tnav-col:last-child .form-select{width:100%;color:#555}
@media screen and (min-width:768px){
.student-mgt__table .tnav-checkbox{width:54px;padding-right:0}
}
.student-mgt__table .tnav-wrapper>p{flex-shrink:0;align-self:center;display:none;width:44px;text-align:center}
@media screen and (min-width:1366px){
.student-mgt__table .tnav-wrapper>p{display:block}
}
.student-mgt__table .tnav-button{gap:10px}
@media screen and (min-width:768px){
.student-mgt__table .tnav-button{margin-left:20px;gap:20px}
}
.student-mgt__grid-inner{padding:20px 12px 0}
@media screen and (min-width:768px){
.student-mgt__grid-inner{padding:25px 17px 0}
}
@media screen and (min-width:992px){
.student-mgt__grid-inner{padding:40px 30px 0}
}
.student-mgt__grid{border:2px solid #eee;border-radius:5px;padding-bottom:31px;background:#fff}
.student-mgt__grid [class*=col-]{margin-bottom:30px}
.student-mgt__grid .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.student-mgt__grid .tnav{padding-top:11px;padding-bottom:12px;background:0 0}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-col:first-child{width:calc(100% - 272px)}
}
@media screen and (min-width:1366px){
.student-mgt__grid .tnav-col:first-child{width:calc(100% - 404px);padding-left:29%}
}
@media screen and (min-width:576px){
.student-mgt__grid .tnav-col:last-child{width:155px}
}
.student-mgt__grid .tnav-col:last-child .form-select{width:100%;color:#555}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-checkbox{width:54px;padding-top:9px;padding-right:0;padding-left:17px}
}
@media screen and (max-width:767px){
.student-mgt__grid .tnav-wrapper{gap:15px}
}
.student-mgt__grid .tnav-wrapper>p{flex-shrink:0;align-self:center;display:none;width:53px;padding-bottom:5px;text-align:center}
@media screen and (min-width:1366px){
.student-mgt__grid .tnav-wrapper>p{display:block}
}
.student-mgt__grid .tnav-button{gap:10px}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-button{margin-left:16px;gap:20px}
}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-button .btn-icon{margin-left:20px}
}
.student-mgt__grid .tnav-dropdown{align-items:center;display:flex}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-dropdown{margin-left:auto;padding-right:30px}
}
.student-mgt__grid .tnav-dropdown p{display:none;margin-right:19px}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-dropdown p{display:block}
}
.student-mgt__grid .tnav-dropdown .form-select{border:1px solid #e0e0e0;border-radius:5px;width:120px;height:40px;padding-right:30px;padding-left:12px;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 7px;color:#555}
@media screen and (min-width:768px){
.student-mgt__grid .tnav-dropdown .form-select{padding-left:15px;width:162px}
}
.student-mgt__grid .item{transition:all .3s ease;box-shadow:0 4px 20px rgba(159,159,159,.25);border:2px solid transparent;border-radius:10px;height:100%;padding:15px 12px;background:#fff}
@media screen and (min-width:768px){
.student-mgt__grid .item{padding:19px 15px}
}
@media screen and (min-width:992px){
.student-mgt__grid .item{padding:19px 30px 35px 26px}
}
.student-mgt__grid .item:hover{border-color:#0078ff;background:#fafafa}
.student-mgt__grid .item-head{position:relative;align-items:center;display:flex;margin-bottom:15px}
@media screen and (min-width:992px){
.student-mgt__grid .item-head{margin-bottom:20px}
}
.student-mgt__grid .item-head .form-check-small{position:absolute;top:-5px;right:0}
@media screen and (min-width:992px){
.student-mgt__grid .item-head .form-check-small{top:0}
}
.student-mgt__grid .item-head .form-check-small .form-check-input{border-width:1px!important}
.student-mgt__grid .item-avatar{flex-shrink:0;width:60px;display:none}
@media screen and (min-width:375px){
.student-mgt__grid .item-avatar{display:block}
}
@media screen and (min-width:992px){
.student-mgt__grid .item-avatar{width:100px}
}
.student-mgt__grid .item-avatar svg{width:100%;height:100%}
.student-mgt__grid .item-info{padding-top:8px}
@media screen and (min-width:375px){
.student-mgt__grid .item-info{width:calc(100% - 100px);padding-left:15px}
}
@media screen and (min-width:992px){
.student-mgt__grid .item-info{padding-left:31px}
}
.student-mgt__grid .item-title{display:flex;margin-bottom:8px}
@media screen and (min-width:992px){
.student-mgt__grid .item-title{margin-bottom:12px}
}
.student-mgt__grid .item-title>span{flex-shrink:0;justify-content:center;align-items:center;display:flex;margin-right:10px;border-radius:5px;width:32px;height:32px;background:#efefef}
@media screen and (min-width:992px){
.student-mgt__grid .item-title>span{margin-right:13px}
}
.student-mgt__grid .item-title>p{padding-top:4px;padding-bottom:4px}
@media screen and (min-width:992px){
.student-mgt__grid .item-title>p{padding-top:0;padding-bottom:0}
}
@media screen and (min-width:768px){
.student-mgt__grid .item-title .fz-24{font-size:18px}
}
@media screen and (min-width:992px){
.student-mgt__grid .item-title .fz-24{font-size:24px}
}
.student-mgt__grid .item-wrapper{border:1px solid #e0e0e0;border-radius:5px;padding:12px;background:#f7f7f7}
@media screen and (min-width:992px){
.student-mgt__grid .item-wrapper{padding:15px 24px 24px}
}
.student-mgt__grid .item-wrapper p{margin-bottom:6px}
@media screen and (min-width:992px){
.student-mgt__grid .item-wrapper p{margin-bottom:13px}
}
.student-mgt__grid .item-wrapper a svg{margin-right:5px}
.student-mgt__grid .item-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-top:15px;gap:8px}
@media screen and (min-width:992px){
.student-mgt__grid .item-bottom{margin-top:20px}
}
.student-mgt__grid .item-status{flex-wrap:wrap;justify-content:center;align-items:center;display:flex;gap:4px}
.student-mgt__grid .item-status button{border:none;padding:0;background:0 0}
.student-mgt__grid .item-status button+span,.student-mgt__grid .item-status svg+span{margin-left:4px}
.student-mgt__grid .item-button{align-items:center;display:flex;gap:10px}
@media screen and (min-width:992px){
.student-mgt__grid .item-button{gap:20px}
}
.student-mgt__grid .item-button .btn-blue{border-radius:30px;width:100px;height:36px}
@media screen and (min-width:992px){
.student-mgt__grid .item-button .btn-blue{width:107px}
}
.subject-mgt{padding-top:15px}
.subject-mgt__choose{position:relative;margin-bottom:31px;padding-bottom:19px}
@media screen and (min-width:768px){
.subject-mgt__choose{margin-bottom:79px}
}
.subject-mgt__choose::before{content:none;position:absolute;top:26px;right:-32px;bottom:0;left:-29px;border:2px dashed #0078ff;border-radius:15px}
@media screen and (min-width:1366px){
.subject-mgt__choose::before{content:""}
}
.subject-mgt__heading{position:relative;z-index:5;align-items:center;display:inline-flex;margin-bottom:23px;border-radius:30px;padding:7px 36px 7px 9px}
.subject-mgt__heading-icon{justify-content:center;align-items:center;display:flex;margin-right:15px;border-radius:50%;width:44px;height:44px;background:rgba(255,255,255,.4)}
.subject-mgt__list{position:relative;z-index:5;margin-bottom:2px}
@media screen and (max-width:575px){
.subject-mgt__list .row{margin-right:-6px;margin-left:-6px}
}
.subject-mgt__list [class*=col]{margin-bottom:30px}
@media screen and (max-width:575px){
.subject-mgt__list [class*=col]{margin-bottom:20px;padding-right:6px;padding-left:6px}
}
.subject-mgt__item-image{transition:all .3s ease;margin-bottom:15px;box-shadow:6px 6px 20px rgba(137,137,137,.25);border:2px solid transparent;border-radius:20px;background:#fff}
@media screen and (min-width:768px){
.subject-mgt__item-image{margin-bottom:27px}
}
.subject-mgt__item-image::before{padding-bottom:102.2988505747%}
.subject-mgt__item-image .image{justify-content:center;align-items:center;display:flex}
.subject-mgt__item:hover .subject-mgt__item-image{box-shadow:6px 6px 20px rgba(137,137,137,0);border-color:#0078ff}
.subject-mgt__item-content{justify-content:center;display:flex}
.subject-mgt__item-content .form-check-input{border-color:#afafaf!important}
.subject-mgt__item-content .form-check-input:checked{border-color:#006fff!important}
.subject-mgt__note{display:flex;border-radius:10px;padding:15px 12px;background:#f8f8f8}
@media screen and (min-width:768px){
.subject-mgt__note{padding:15px 35px 22px}
}
.subject-mgt__note p:first-child{flex-shrink:0;margin-right:12px}
@media screen and (min-width:768px){
.subject-mgt__note p:first-child{margin-right:26px}
}
.subject-mgt__header{margin-bottom:29px}
@media screen and (min-width:576px){
.subject-mgt__header{justify-content:space-between;align-items:center;display:flex}
}
.subject-mgt__header .btn{border-radius:5px;width:185px;height:40px;margin-top:12px}
@media screen and (min-width:576px){
.subject-mgt__header .btn{margin-top:0}
}
@media screen and (min-width:768px){
.subject-mgt__header .btn{width:237px;height:48px}
}
.subject-mgt__header .btn svg{margin-right:8px}
.system-mgt__heading{margin-bottom:18px}
.system-mgt__filter{margin-bottom:16px}
.system-mgt__filter [class*=col-]{margin-bottom:14px}
.system-mgt__filter .form-select{border:2px solid #e9e9e9;border-radius:5px;height:40px;background-color:#fbfbfb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E %3Cpath d='M0.5 0L6.33333 7L12.1667 0H0.5Z' fill='%23AFAFAF'/%3E %3C/svg%3E")}
@media screen and (min-width:768px){
.system-mgt__filter .form-select{height:50px;padding-left:16px;background-position:right 18px center}
}
.system-mgt__wrapper{border:2px solid #eee;border-radius:5px;padding-bottom:33px;background:#fff}
.system-mgt__table{margin-bottom:21px}
.system-mgt__table .tr{border-bottom:1px solid #d8e1ec;width:100%;padding-top:12px;padding-bottom:12px}
@media screen and (min-width:768px){
.system-mgt__table .tr{display:flex;padding-top:0;padding-bottom:0}
}
.system-mgt__table .tr:last-child{border-bottom:none}
.system-mgt__table .td{padding-right:10px;padding-left:10px}
.system-mgt__table .td b{font-weight:700}
@media screen and (min-width:768px){
.system-mgt__table .tr>.td:nth-child(1){width:6.4%}
}
@media screen and (min-width:768px){
.system-mgt__table .tr>.td:nth-child(2){width:25%}
}
@media screen and (min-width:768px){
.system-mgt__table .tr>.td:nth-child(3){width:calc(68.6% - 330px)}
}
@media screen and (min-width:992px){
.system-mgt__table .tr>.td:nth-child(3){width:calc(68.6% - 452px)}
}
@media screen and (min-width:768px){
.system-mgt__table .tr>.td:nth-child(4){width:245px}
}
@media screen and (min-width:992px){
.system-mgt__table .tr>.td:nth-child(4){width:278px}
}
@media screen and (min-width:768px){
.system-mgt__table .tr>.td:nth-child(5){width:85px}
}
@media screen and (min-width:992px){
.system-mgt__table .tr>.td:nth-child(5){width:174px}
}
.system-mgt__table .thead{align-items:center;display:none;border-radius:5px 5px 0 0;height:58px;padding-bottom:5px;background:#efefef;color:#233454}
@media screen and (min-width:768px){
.system-mgt__table .thead{display:flex}
}
.system-mgt__table .thead .td{text-align:center}
.system-mgt__table .thead .td:nth-child(2){padding-right:6%}
.system-mgt__table .tbody{font-size:14px;line-height:1.5;color:#233454}
@media screen and (min-width:992px){
.system-mgt__table .tbody{font-size:16px}
}
.system-mgt__table .tbody>.tr.hover-state,.system-mgt__table .tbody>.tr:hover{background-color:#fafafa}
.system-mgt__table .tbody>.tr:last-child{border-bottom:1px solid #d8e1ec}
@media screen and (min-width:768px){
.system-mgt__table .tbody .td{padding-top:12px;padding-bottom:12px}
}
.system-mgt__table .tbody .td:before{content:attr(data-label);font-weight:700}
@media screen and (min-width:768px){
.system-mgt__table .tbody .td:before{content:none}
}
@media screen and (min-width:768px){
.system-mgt__table .tbody>.tr>.td:nth-child(1){padding-top:17px;text-align:center}
}
@media screen and (max-width:767px){
.system-mgt__table .tbody>.tr>.td:nth-child(1){padding-bottom:8px;font-weight:700}
}
@media screen and (min-width:768px){
.system-mgt__table .tbody>.tr>.td:nth-child(2){padding-top:18px}
}
@media screen and (max-width:767px){
.system-mgt__table .tbody>.tr>.td:nth-child(2){padding-bottom:8px}
}
@media screen and (min-width:768px){
.system-mgt__table .td-group{width:68.6%}
}
@media screen and (max-width:767px){
.system-mgt__table .td-group .tr{border-bottom-color:rgba(216,225,236,.4)}
}
.system-mgt__table .td-group .td:nth-child(1){margin-bottom:8px;color:#333}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(1){margin-bottom:0;width:calc(100% - 330px)}
}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(1){width:calc(100% - 452px)}
}
.system-mgt__table .td-group .td:nth-child(1) ul{margin-top:2px}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(1) ul{margin-top:5px}
}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(1) ul{margin-left:9px}
}
.system-mgt__table .td-group .td:nth-child(1) li{position:relative;padding-left:12px}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(1) li{padding-left:15px}
}
.system-mgt__table .td-group .td:nth-child(1) li::before{content:"";position:absolute;top:10px;left:0;border-radius:50%;width:4px;height:4px;background-color:#333}
.system-mgt__table .td-group .td:nth-child(2){margin-bottom:10px}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(2){margin-bottom:0;width:245px}
}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(2){width:278px}
}
.system-mgt__table .td-group .td:nth-child(3){flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(3){width:85px}
}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(3){width:174px}
}
.system-mgt__table .td-group .td:nth-child(3) .btn-success{margin-right:10px;border-radius:30px;width:64px;height:32px}
@media screen and (min-width:768px){
.system-mgt__table .td-group .td:nth-child(3) .btn-success{margin-right:0;margin-bottom:5px}
}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(3) .btn-success{margin-right:16px;margin-bottom:0}
}
.system-mgt__table .td-group .td:nth-child(3) .btn-icon:last-child{margin-left:10px}
@media screen and (min-width:992px){
.system-mgt__table .td-group .td:nth-child(3) .btn-icon:last-child{margin-right:10px;margin-left:16px}
}
.system-mgt__table .btn-edit{color:#04b64b}
.system-mgt__table .edit-state .btn-edit{color:#afafaf;pointer-events:none}
.system-mgt__table [contenteditable]{margin-top:5px;padding:5px 25px 5px 10px;background-position:right 8px center}
@media screen and (min-width:768px){
.system-mgt__table [contenteditable]{margin-top:0}
}
@media screen and (min-width:992px){
.system-mgt__table [contenteditable]{padding-right:30px;padding-left:14px}
}
.system-mgt__table [contenteditable=false]{cursor:default}
.system-mgt__table .edit-state [contenteditable=true]{outline:1pt dashed #d22600;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E %3Cpath d='M2.96282 7.4237L3.71804 8.18488L7.72656 4.14478L6.97133 3.3836L2.96282 7.4237ZM6.62277 3.03229L5.86754 2.27111L1.85902 6.31121L2.67234 7.13094L6.62277 3.03229ZM7.84275 0.280334L9.75987 2.21256C10.1084 2.56387 10.0503 3.09084 9.75987 3.3836L4.00852 9.18027L0 10L0.813322 5.9599C4.41518 2.27111 6.33229 0.338886 6.56467 0.163229C6.91324 -0.0709797 7.49418 -0.0709797 7.84275 0.280334Z' fill='%23D22600'/%3E %3C/svg%3E") no-repeat right 8px center}
@media screen and (min-width:992px){
.system-mgt__table .edit-state [contenteditable=true]{background-position:right 12px center}
}
.teacher-edit__form{box-shadow:0 4px 20px rgba(159,159,159,.25);border-radius:5px;padding:18px 12px;background:#fff}
@media screen and (min-width:768px){
.teacher-edit__form{padding:30px}
}
@media screen and (min-width:1200px){
.teacher-edit__form{padding:54px 56px 54px 60px}
}
.teacher-edit__wrapper{flex-wrap:wrap;display:flex}
.teacher-edit__head{margin:0 auto 20px;width:150px;color:#8c8c8c}
@media screen and (min-width:768px){
.teacher-edit__head{margin:0}
}
.teacher-edit__content{width:100%}
@media screen and (min-width:768px){
.teacher-edit__content{width:calc(100% - 150px);padding-left:30px}
}
@media screen and (min-width:992px){
.teacher-edit__content{padding-left:10.5%}
}
.teacher-edit__logo{position:relative;justify-content:center;align-items:center;display:flex;margin:0 auto 15px;border-radius:50%;width:150px;height:150px}
@media screen and (min-width:768px){
.teacher-edit__logo{margin-top:5px;margin-bottom:25px}
}
.teacher-edit__logo img{border-radius:50%}
.teacher-edit__logo input[type=file]{position:absolute;overflow:hidden;margin:0;width:0;height:0;padding:0}
.teacher-edit__logo label{position:absolute;z-index:5;right:0;bottom:0;justify-content:center;align-items:center;display:flex;border-radius:50%;width:40px;height:40px;background-color:#fff;cursor:pointer}
.teacher-edit__item{margin-bottom:15px;min-height:40px}
@media screen and (min-width:768px){
.teacher-edit__item{align-items:flex-start;display:flex;margin-bottom:10px;min-height:45px}
}
.teacher-edit__item-label{margin-bottom:8px}
@media screen and (min-width:768px){
.teacher-edit__item-label{margin-bottom:0;width:140px;padding-top:12px;padding-right:5px}
}
@media screen and (min-width:992px){
.teacher-edit__item-label{width:176px}
}
@media screen and (min-width:768px){
.teacher-edit__item-content{width:calc(100% - 140px)}
}
@media screen and (min-width:992px){
.teacher-edit__item-content{width:calc(100% - 176px)}
}
.teacher-edit__item-content .form-control{color:#333}
.teacher-edit__item-content .form-control::-moz-placeholder{color:#8c8c8c}
.teacher-edit__item-content .form-control:-ms-input-placeholder{color:#8c8c8c}
.teacher-edit__item-content .form-control::placeholder{color:#8c8c8c}
.teacher-edit__item-content textarea[class=form-control]{height:105px;padding-top:10px;padding-bottom:10px;resize:none}
.teacher-edit__item-content textarea[class=form-control]::-moz-placeholder{font-style:italic}
.teacher-edit__item-content textarea[class=form-control]:-ms-input-placeholder{font-style:italic}
.teacher-edit__item-content textarea[class=form-control]::placeholder{font-style:italic}
.teacher-edit__item-content .form-select{color:#888}
@media screen and (min-width:576px){
.teacher-edit__item-content .form-add-box__button{margin-left:12px}
}
@media screen and (min-width:992px){
.teacher-edit__item-content .form-add-box__button{margin-left:30px}
}
.teacher-edit__item-content .form-add-box__button .btn:not(.btn-icon){width:70px;height:30px}
@media screen and (min-width:768px){
.teacher-edit__item-content .form-add-box__button .btn-icon{margin-left:10px}
}
@media screen and (min-width:992px){
.teacher-edit__item-content .form-add-box__button .btn-icon{margin-left:17px}
}
@media screen and (min-width:576px){
.teacher-edit__item-content .form-add-box__field .col-sm-9{width:calc(100% - 120px)}
}
@media screen and (min-width:992px){
.teacher-edit__item-content .form-add-box__field .col-sm-9{width:calc(100% - 140px)}
}
@media screen and (min-width:576px){
.teacher-edit__item-content .form-add-box__field .col-sm-3{width:120px}
}
@media screen and (min-width:992px){
.teacher-edit__item-content .form-add-box__field .col-sm-3{width:140px}
}
.teacher-edit__item-content .form-add-box__footer{margin-top:10px}
.teacher-edit__item-content .form-add-box__footer .btn{border-radius:5px;width:140px;height:38px}
.teacher-edit__item-content .form-add-box__footer .btn svg{margin-right:8px}
.teacher-edit__item-content .input-group-2{align-items:center;display:flex}
.teacher-edit__item-content .input-group-2 .btn{flex-shrink:0;margin-left:12px;border-radius:5px;width:135px;height:40px;background-color:#e3e3e3;color:#333}
.teacher-edit__item-content .input-group-2 .btn:hover{background-color:#d1d1d1;color:#333}
@media screen and (min-width:768px){
.teacher-edit__item-content .input-group-2 .btn{width:195px;height:45px}
}
@media screen and (min-width:768px){
.teacher-edit__item-content .form-text-link{padding-top:12px}
}
@media screen and (min-width:768px){
.teacher-edit__item-content .form-list-link{padding-top:12px}
}
.teacher-edit__item-content .form-list-link li{position:relative;margin-bottom:12px;padding-left:26px}
.teacher-edit__item-content .form-list-link li::before{content:"";position:absolute;top:6px;left:2px;border:2px solid #6db2ff;border-radius:50%;width:12px;height:12px}
.teacher-edit__item-content .form-list-link a{transition:color .3s ease}
.teacher-edit__item-content .form-list-link a:hover{color:#0078ff}
.teacher-edit__footer{border-top:1px dashed #dbdbdb;padding-top:20px}
@media screen and (min-width:768px){
.teacher-edit__footer{margin-top:5px;padding-top:30px}
}
.teacher-edit__footer-inner{flex-wrap:wrap;justify-content:center;display:flex;margin:0 auto;max-width:170px;gap:10px}
@media screen and (min-width:375px){
.teacher-edit__footer-inner{max-width:none}
}
.teacher-edit__footer-inner .btn:not(.btn-icon){border-radius:30px;width:150px;height:40px}
@media screen and (min-width:768px){
.teacher-edit__footer-inner .btn:not(.btn-icon){width:170px;height:45px}
}
.teacher-edit__footer-inner .btn:not(.btn-icon) svg{margin-right:10px}
@media screen and (min-width:576px){
.teacher-edit__footer-inner .btn-icon{margin-left:14px}
}
.teacher-mgt__list{border:2px solid #eee;border-radius:5px;background:#fff}
.teacher-mgt__table{color:#233454}
.teacher-mgt__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex;width:100%;padding-top:12px;padding-bottom:12px}
@media screen and (min-width:576px){
.teacher-mgt__table .tr{padding-top:20px;padding-bottom:20px}
}
.teacher-mgt__table .td{padding-right:12px;padding-left:12px}
@media screen and (min-width:576px){
.teacher-mgt__table .td{padding-right:6px;padding-left:6px}
}
.teacher-mgt__table .td:nth-child(1){display:none;width:40px;text-align:center}
@media screen and (min-width:576px){
.teacher-mgt__table .td:nth-child(1){display:block}
}
@media screen and (min-width:992px){
.teacher-mgt__table .td:nth-child(1){width:5.8%}
}
.teacher-mgt__table .td:nth-child(2){width:100%}
@media screen and (min-width:576px){
.teacher-mgt__table .td:nth-child(2){width:calc(100% - 335px);padding-left:4px}
}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(2){width:calc(100% - 395px)}
}
@media screen and (min-width:992px){
.teacher-mgt__table .td:nth-child(2){width:33%}
}
.teacher-mgt__table .td:nth-child(3){width:100%}
@media screen and (max-width:575px){
.teacher-mgt__table .td:nth-child(3){margin-bottom:10px}
.teacher-mgt__table .td:nth-child(3)::before{content:attr(data-label)}
}
@media screen and (min-width:576px){
.teacher-mgt__table .td:nth-child(3){width:105px;text-align:center}
}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(3){width:130px}
}
@media screen and (min-width:992px){
.teacher-mgt__table .td:nth-child(3){width:16%}
}
.teacher-mgt__table .td:nth-child(4){flex-wrap:wrap;justify-content:flex-start;display:flex;width:calc(100% - 80px);gap:8px}
@media screen and (max-width:575px){
.teacher-mgt__table .td:nth-child(4){padding-right:0}
}
@media screen and (min-width:576px){
.teacher-mgt__table .td:nth-child(4){justify-content:center;width:110px}
}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(4){width:135px;gap:10px}
}
@media screen and (min-width:992px){
.teacher-mgt__table .td:nth-child(4){width:calc(45.2% - 104px)}
}
.teacher-mgt__table .td:nth-child(4) .btn{border-radius:30px;min-width:95px;height:30px}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(4) .btn{min-width:105px;height:34px}
}
.teacher-mgt__table .td:nth-child(4) .btn-icon{border-radius:50%;min-width:30px}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(4) .btn-icon{min-width:34px}
}
.teacher-mgt__table .td:nth-child(5){justify-content:center;align-items:center;display:flex;width:80px;min-height:30px}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(5){width:90px}
}
@media screen and (min-width:992px){
.teacher-mgt__table .td:nth-child(5){width:104px;padding-top:6px}
}
.teacher-mgt__table .td:nth-child(5) .btn:not(:first-child){margin-left:8px}
@media screen and (min-width:768px){
.teacher-mgt__table .td:nth-child(5) .btn:not(:first-child){margin-left:17px}
}
.teacher-mgt__table .thead{align-items:center;display:none;border-radius:5px 5px 0 0;height:58px;background-color:#efefef}
@media screen and (min-width:576px){
.teacher-mgt__table .thead{display:flex}
}
.teacher-mgt__table .thead .tr{padding-top:16px}
.teacher-mgt__table .thead .td{min-height:auto!important}
.teacher-mgt__table .thead .td:nth-child(2){padding-left:61px}
@media screen and (min-width:768px){
.teacher-mgt__table .thead .td:nth-child(2){padding-left:82px}
}
@media screen and (min-width:992px){
.teacher-mgt__table .thead .td:nth-child(2){padding-left:94px}
}
.teacher-mgt__table .tbody .tr{border-bottom:1px solid #d8e1ec}
.teacher-mgt__table .tbody .tr:hover{background-color:#fafafa}
.teacher-mgt__table .tbody .td:nth-child(1){padding-top:15px}
.teacher-mgt__table .card{flex-direction:row;align-items:flex-start;display:flex;border:none;border-radius:0;background:0 0}
.teacher-mgt__table .card-image{flex-shrink:0;width:65px}
@media screen and (min-width:576px){
.teacher-mgt__table .card-image{width:45px}
}
@media screen and (min-width:768px){
.teacher-mgt__table .card-image{width:66px}
}
.teacher-mgt__table .card-content{width:calc(100% - 65px);padding-top:4px;padding-left:12px}
@media screen and (min-width:576px){
.teacher-mgt__table .card-content{width:calc(100% - 45px)}
}
@media screen and (min-width:768px){
.teacher-mgt__table .card-content{width:calc(100% - 66px)}
}
@media screen and (min-width:992px){
.teacher-mgt__table .card-content{padding-left:24px}
}
.teacher-mgt__table .card-content ul{margin-top:10px}
@media screen and (min-width:768px){
.teacher-mgt__table .card-content ul{margin-top:15px}
}
.teacher-mgt__table .card-content ul li{position:relative;margin-bottom:6px;padding-left:15px;color:#666}
.teacher-mgt__table .card-content ul li::before{content:"";position:absolute;top:9px;left:1px;border-radius:50%;width:4px;height:4px;background-color:#666}
@media screen and (min-width:768px){
.teacher-mgt__table .card-content ul li::before{top:10px}
}
.teacher-mgt__grid [class*=col-]{margin-bottom:20px}
@media screen and (min-width:768px){
.teacher-mgt__grid [class*=col-]{margin-bottom:31px}
}
.teacher-mgt__item{box-shadow:0 4px 20px rgba(159,159,159,.25);border-radius:5px;padding:15px 12px 15px 8px;background:#fff}
@media screen and (min-width:768px){
.teacher-mgt__item{padding:25px 20px 23px 15px;padding-right:20px;padding-left:15px}
}
@media screen and (min-width:1200px){
.teacher-mgt__item{padding-right:30px;padding-left:30px}
}
.teacher-mgt__item-wrapper{align-items:flex-start;display:flex}
.teacher-mgt__item-image{position:relative;z-index:5;flex-shrink:0;margin-top:18px;margin-right:-36px;border:3px solid #fff;border-radius:50%;width:71px;background-color:#fff}
@media screen and (min-width:768px){
.teacher-mgt__item-image{margin-top:23px;margin-right:-45px;width:90px}
}
@media screen and (min-width:992px){
.teacher-mgt__item-image{margin-right:-58px;width:116px}
}
.teacher-mgt__item-content{flex-grow:1;border:1px solid #e0e0e0;border-radius:5px;padding:15px 12px 18px 45px;background:#f7f7f7}
@media screen and (min-width:768px){
.teacher-mgt__item-content{padding:18px 20px 21px 55px}
}
@media screen and (min-width:992px){
.teacher-mgt__item-content{min-height:175px;padding-right:37px;padding-left:90px}
}
.teacher-mgt__item-content p{margin-bottom:4px}
@media screen and (min-width:768px){
.teacher-mgt__item-content p{margin-bottom:8px}
}
.teacher-mgt__item-content p:last-child{margin-bottom:0}
.teacher-mgt__item-content ul{margin-bottom:10px}
@media screen and (min-width:768px){
.teacher-mgt__item-content ul{margin-bottom:14px}
}
.teacher-mgt__item-content ul li{position:relative;margin-bottom:6px;padding-left:22px;color:#666}
.teacher-mgt__item-content ul li::before{content:"";position:absolute;top:9px;left:9px;border-radius:50%;width:4px;height:4px;background-color:#666}
@media screen and (min-width:768px){
.teacher-mgt__item-content ul li::before{top:10px}
}
.teacher-mgt__item-footer{justify-content:space-between;align-items:flex-start;display:flex;margin-top:15px;padding-left:35px;gap:12px}
@media screen and (min-width:768px){
.teacher-mgt__item-footer{margin-top:20px;padding-left:45px}
}
@media screen and (min-width:992px){
.teacher-mgt__item-footer{margin-top:34px;padding-left:57px}
}
.teacher-mgt__item-button{flex-wrap:wrap;display:flex;margin-right:12px;gap:12px}
.teacher-mgt__item-button .btn{border-radius:30px;min-width:95px;height:30px}
@media screen and (min-width:768px){
.teacher-mgt__item-button .btn{min-width:131px;height:40px}
}
.teacher-mgt__item-tool{flex-grow:1;justify-content:flex-end;align-items:center;display:flex;min-height:30px}
@media screen and (min-width:768px){
.teacher-mgt__item-tool{min-height:40px}
}
.teacher-mgt__item-tool .btn:not(:first-child){margin-left:8px}
@media screen and (min-width:768px){
.teacher-mgt__item-tool .btn:not(:first-child){margin-right:3px;margin-left:22px}
}
.topic-training{margin-bottom:20px}
@media screen and (min-width:768px){
.topic-training{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:20px 20px 27px;background:#fff}
}
.topic-training__head{justify-content:space-between;display:flex;margin-bottom:13px;gap:12px}
.topic-training__head a:last-child{flex-shrink:0}
.topic-training__title{align-items:center;display:flex}
.topic-training__title svg{flex-shrink:0;margin-right:10px}
@media screen and (min-width:768px){
.topic-training__title svg{margin-right:17px}
}
.topic-training__show-more{border-radius:30px;width:205px;height:40px;padding:5px 10px}
@media screen and (min-width:768px){
.topic-training__show-more{height:45px}
}
.topic-training__show-more svg{flex-shrink:0;margin-left:7px}
@media screen and (min-width:768px){
.topic-training--select{padding:20px 20px 40px}
}
.topic-training--select [class*=col]{margin-bottom:15px}
.topic-training--select .form-select{border-radius:5px}
@media screen and (min-width:768px){
.topic-training--select .form-select{height:42px;padding-left:12px}
}
.topic-training--select .table-simple{margin-bottom:30px}
.topic-training--select table thead tr:last-child:not(:first-child) td{padding-top:7px;padding-bottom:8px}
@media screen and (min-width:768px){
.topic-training--select table thead tr:last-child:not(:first-child) td{padding-right:20px}
}
.topic-training--select table td:nth-child(1),.topic-training--select table th:nth-child(1){max-width:38px}
@media screen and (min-width:768px){
.topic-training--select table td:nth-child(2),.topic-training--select table th:nth-child(2){padding-left:26px}
}
.topic-training--select table td:nth-child(3),.topic-training--select table th:nth-child(3){width:100px}
@media screen and (min-width:768px){
.topic-training--select table td:nth-child(4),.topic-training--select table th:nth-child(4){width:272px}
}
.topic-weak{margin-bottom:30px}
@media screen and (min-width:768px){
.topic-weak{box-shadow:0 0 20px rgba(157,157,157,.25);border-radius:5px;padding:20px 20px 25px;background:#fff}
}
.topic-weak table{width:100%;border-collapse:collapse}
.topic-weak table thead{border-radius:3px 3px 0 0;background:#ffecec}
.topic-weak table thead ul{flex-wrap:wrap;display:flex;gap:6px 15px}
@media screen and (min-width:768px){
.topic-weak table thead ul{gap:6px 29px}
}
.topic-weak table thead li{align-items:center;display:flex}
.topic-weak table thead li span{flex-shrink:0;margin-right:10px;border-radius:2px;width:20px;height:15px}
.topic-weak table tbody{background-color:#fff}
.topic-weak table tbody tr:nth-child(odd){background-color:snow}
.topic-weak table td{border:1px solid #ededed}
.topic-weak table th{border:1px solid #ffecec;border-bottom-color:#ededed}
.topic-weak table th{padding:10px 11px}
.topic-weak table td{padding:0px 11px}
.topic-weak table td:nth-child(1){width:30.4%}
.topic-weak table a{transition:all .3s ease}
.topic-weak table a:hover{text-decoration:underline;color:#0078ff}
.topic-weak table .x-progress{flex-wrap:wrap;justify-content:center;display:flex;margin-bottom:10px;gap:12px 23px}
.topic-weak table .x-progress .item{text-align:center}
.topic-weak table .x-progress .item ul{display:flex;overflow:hidden;margin-top:5px;border-radius:2px;min-width:200px;height:22px}
.topic-weak--learning{margin-bottom:20px}
@media screen and (min-width:768px){
.topic-weak--learning table td{padding:10px 20px;vertical-align:middle}
.topic-weak--learning table td:nth-child(1){width:53%}
}
@media screen and (min-width:768px){
.topic-weak--learning table .x-progress{gap:12px 33px}
}
.topic-weak__head{justify-content:space-between;display:flex;margin-bottom:20px;gap:12px}
.topic-weak__head a:last-child{flex-shrink:0}
.topic-weak__title{align-items:center;display:flex}
.topic-weak__title svg{flex-shrink:0;margin-right:10px}
.topic-weak__show-more{border-radius:30px;width:220px;height:40px;padding:5px 10px}
@media screen and (min-width:768px){
.topic-weak__show-more{height:45px}
}
.topic-weak__show-more svg{flex-shrink:0;margin-left:7px}
.topic-weak--filter{margin-bottom:0;box-shadow:none;border-radius:0;padding:0}
.topic-weak--filter table{margin-bottom:30px}
@media screen and (min-width:768px){
.topic-weak--filter table thead th{padding:5px 20px 4px 12px}
}
.topic-weak--filter table thead .inner{flex-wrap:wrap;justify-content:space-between;display:flex;gap:8px 15px}
.topic-weak--filter table tbody td:nth-child(1){display:none;width:4.4%;padding-top:23px;padding-bottom:23px;text-align:center}
@media screen and (min-width:768px){
.topic-weak--filter table tbody td:nth-child(1){display:table-cell}
}
.topic-weak--filter table tbody td:nth-child(2){width:31%;padding-top:23px;padding-bottom:23px}
@media screen and (min-width:768px){
.topic-weak--filter table tbody td:nth-child(2){padding-left:18px}
}
.topic-weak--filter table tbody td:nth-child(3){width:66.6%;vertical-align:top}
@media screen and (min-width:768px){
.topic-weak--filter table tbody td:nth-child(3){padding-right:20px;padding-bottom:13px}
}
.topic-weak--filter table tbody tr{height:70px}
.topic-weak--filter .group{align-items:center;display:flex}
.topic-weak--filter .group span{flex-shrink:0;margin-right:14px}
.topic-weak--filter .group .form-select{border-color:#cfcfcf;width:140px;height:32px;padding-left:9px;background-color:rgba(255,255,255,.5)}
@media screen and (min-width:768px){
.topic-weak--filter .group .form-select{width:184px}
}
.topic-weak--filter .collapse-wrapper{position:relative;align-items:flex-start;display:flex;padding-right:50px}
@media screen and (min-width:768px){
.topic-weak--filter .collapse-wrapper{padding-right:90px}
}
.topic-weak--filter .collapse-wrapper .collapsing{height:39px}
.topic-weak--filter .collapse-wrapper .collapse:not(.show){display:block;overflow:hidden;height:39px}
.topic-weak--filter .collapse-wrapper .x-progress{gap:7px}
@media screen and (min-width:576px){
.topic-weak--filter .collapse-wrapper .x-progress{gap:15px}
}
@media screen and (min-width:768px){
.topic-weak--filter .collapse-wrapper .x-progress{gap:17px 53px}
}
.topic-weak--filter .collapse-wrapper .btn{position:absolute;top:10px;right:0;border-radius:20px;height:30px;padding:5px 13px}
.topic-weak--filter .collapse-wrapper .btn span{display:none;margin-right:5px}
@media screen and (min-width:768px){
.topic-weak--filter .collapse-wrapper .btn span{display:block}
}
.topic-weak--filter .collapse-wrapper .btn[aria-expanded=true]{border-color:#0078ff;background-color:#0078ff;color:#fff}
.topic-weak--filter .collapse-wrapper .btn[aria-expanded=true] span{display:none}
.topic-weak--filter .collapse-wrapper .btn[aria-expanded=true] svg{transform:rotate(180deg);transform-origin:center}
.training-detail-table{margin:24px 0 0}
.training-detail-table .common-block{justify-content:flex-start;margin-top:3px;margin-bottom:20px}
@media screen and (min-width:768px){
.training-detail-table .common-block{background:linear-gradient(to top,#f1f1f1 3px,transparent 0) repeat-y left bottom/100% 53px}
}
.training-detail-table .common-block li{max-width:106px;font-size:15px}
@media screen and (min-width:768px){
.training-detail-table .common-block li{border-bottom-width:3px;height:53px}
}
.training-detail-table .common-block li.active{font-size:15px}
.training-detail-table__list{border:1px solid #ddd;border-radius:5px;background:#fff}
@media screen and (min-width:768px){
.training-detail-table__list .common-pagination{padding:13px 19px 17px}
.training-detail-table__list .common-pagination ul a{min-width:45px;height:45px}
.training-detail-table__list .common-pagination ul .btn{margin-left:0;min-width:121px}
}
.training-detail-table__table .tr{flex-wrap:wrap;align-items:flex-start;display:flex}
@media screen and (min-width:768px){
.training-detail-table__table .tr{flex-wrap:nowrap;align-items:center}
}
.training-detail-table__table .td,.training-detail-table__table .th{padding-right:8px;padding-left:8px}
@media screen and (min-width:768px){
.training-detail-table__table .td,.training-detail-table__table .th{text-align:center}
}
.training-detail-table__table .td:nth-child(1),.training-detail-table__table .th:nth-child(1){position:relative;top:-1px;flex-shrink:0;width:36px}
@media screen and (min-width:1366px){
.training-detail-table__table .td:nth-child(1),.training-detail-table__table .th:nth-child(1){top:auto;width:57px}
}
.training-detail-table__table .td:nth-child(2),.training-detail-table__table .th:nth-child(2){width:20px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(2),.training-detail-table__table .th:nth-child(2){width:65px}
}
.training-detail-table__table .td:nth-child(3),.training-detail-table__table .th:nth-child(3){flex-grow:1}
@media screen and (min-width:992px){
.training-detail-table__table .td:nth-child(3),.training-detail-table__table .th:nth-child(3){padding-right:7%}
}
.training-detail-table__table .td:nth-child(4),.training-detail-table__table .th:nth-child(4){width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(4),.training-detail-table__table .th:nth-child(4){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(4),.training-detail-table__table .th:nth-child(4){width:13%}
}
.training-detail-table__table .td:nth-child(5),.training-detail-table__table .th:nth-child(5){width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(5),.training-detail-table__table .th:nth-child(5){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(5),.training-detail-table__table .th:nth-child(5){width:13%}
}
.training-detail-table__table .td:nth-child(6),.training-detail-table__table .th:nth-child(6){align-items:center;display:flex;width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(6),.training-detail-table__table .th:nth-child(6){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(6),.training-detail-table__table .th:nth-child(6){width:11%}
}
.training-detail-table__table .td:nth-child(7),.training-detail-table__table .th:nth-child(7){flex-shrink:0;align-items:center;display:flex;width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(7),.training-detail-table__table .th:nth-child(7){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(7),.training-detail-table__table .th:nth-child(7){width:12%}
}
.training-detail-table__table .td:nth-child(8),.training-detail-table__table .th:nth-child(8){flex-shrink:0;width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(8),.training-detail-table__table .th:nth-child(8){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(8),.training-detail-table__table .th:nth-child(8){width:137px}
}
.training-detail-table__table .td:nth-child(9),.training-detail-table__table .th:nth-child(9){flex-shrink:0;width:100%}
@media screen and (min-width:576px){
.training-detail-table__table .td:nth-child(9),.training-detail-table__table .th:nth-child(9){width:50%}
}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(9),.training-detail-table__table .th:nth-child(9){justify-content:flex-end;display:flex;width:120px}
}
@media screen and (min-width:992px){
.training-detail-table__table .td:nth-child(9),.training-detail-table__table .th:nth-child(9){width:160px;padding-right:20px}
}
.training-detail-table__table .td:nth-child(9) .btn,.training-detail-table__table .th:nth-child(9) .btn{border-radius:30px;width:100%;max-width:110px;height:30px;padding-top:5px}
.training-detail-table__table .th{justify-content:center;align-items:center;display:flex}
.training-detail-table__table .td:nth-child(3) a{transition:all .3s ease}
.training-detail-table__table .td:nth-child(3) a:hover{text-decoration:underline;color:#0078ff}
.training-detail-table__table .td:nth-child(4){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(4){margin-top:0}
}
.training-detail-table__table .td:nth-child(5){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(5){margin-top:0}
}
.training-detail-table__table .td:nth-child(6){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(6){margin-top:0}
}
.training-detail-table__table .td:nth-child(6) a{transition:all .3s ease}
.training-detail-table__table .td:nth-child(6) a:hover{text-decoration:underline;color:#0078ff}
.training-detail-table__table .td:nth-child(7){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(7){margin-top:0}
}
.training-detail-table__table .td:nth-child(7) a{transition:all .3s ease}
.training-detail-table__table .td:nth-child(7) a:hover{text-decoration:underline;color:#0078ff}
.training-detail-table__table .td:nth-child(8){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(8){margin-top:0}
}
.training-detail-table__table .td:nth-child(9){margin-top:4px}
@media screen and (min-width:768px){
.training-detail-table__table .td:nth-child(9){margin-top:0}
}
.training-detail-table__table .td::before{content:attr(data-label);font-size:14px;line-height:1.5;font-weight:700}
@media screen and (min-width:768px){
.training-detail-table__table .td::before{content:none}
}
.training-detail-table__table .thead{display:none}
@media screen and (min-width:768px){
.training-detail-table__table .thead{display:block}
}
.training-detail-table__table .thead .tr{align-items:center;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;height:44px;background-color:#f2f2f2}
.training-detail-table__table .tbody .tr{transition:background-color .3s ease;border-bottom:1px solid #ddd;padding-top:9px;padding-bottom:10px}
.training-detail-table__table .view{justify-content:space-between;align-items:center;display:flex;margin:0 0 0 4px;width:100%;max-width:45px}
@media screen and (min-width:768px){
.training-detail-table__table .view{margin:0 auto}
}
.training-detail-table__table .view a{transition:all .3s ease;color:#b7b7b7}
.training-detail-table__table .view a:hover{color:#0078ff}
.training-detail-table__table .view svg{position:relative;top:-1px}
.training-detail-table__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.training-detail-table__table .tnav{border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;padding-right:8px;background-color:#f8f8f8}
@media screen and (min-width:768px){
.training-detail-table__table .tnav{border-bottom:none;border-radius:0;padding-top:7px;padding-right:19px;padding-bottom:7px}
}
.training-detail-table__table .tnav-checkbox{padding-left:9px}
@media screen and (min-width:768px){
.training-detail-table__table .tnav-checkbox{width:53px}
}
@media screen and (min-width:1366px){
.training-detail-table__table .tnav-checkbox{width:74px;padding-top:9px;padding-left:20px}
}
.training-detail-table__table .form-check-small .form-check-input:checked[type=checkbox],.training-detail-table__table .form-check-small .form-check-input:checked[type=radio]{border:1px solid #0078ff!important}
.training-detail-table__table .tnav-search{position:relative;display:flex;width:100%}
@media screen and (min-width:768px){
.training-detail-table__table .tnav-search{margin-left:3px;width:auto}
}
.training-detail-table__table .tnav-search .form-control{opacity:.8;border:1px solid #cfcfcf;border-radius:3px;height:36px;padding:0 12px;background:#fff}
@media screen and (min-width:992px){
.training-detail-table__table .tnav-search .form-control{width:270px}
}
.training-detail-table__table .tnav-search .form-control::-moz-placeholder{font-style:italic;color:#999}
.training-detail-table__table .tnav-search .form-control:-ms-input-placeholder{font-style:italic;color:#999}
.training-detail-table__table .tnav-search .form-control::placeholder{font-style:italic;color:#999}
.training-detail-table__table .tnav-search button{position:absolute;top:0;right:0;bottom:0;justify-content:center;align-items:center;display:flex;border:none;width:36px;background:0 0;color:#999}
.training-detail-table__table .tnav-button .btn-primary{border-radius:5px;width:130px;height:36px;padding:5px;background-color:rgba(0,120,255,.8)}
@media screen and (min-width:768px){
.training-detail-table__table .tnav-button .btn-primary{width:137px}
}
.training-detail-table__table .tnav-button .btn-primary svg{flex-shrink:0;margin-right:5px}
.training-mgt .common-filter{margin-top:0;margin-bottom:20px}
@media screen and (min-width:992px){
.training-mgt .common-filter{padding:17px 23px 18px 20px}
}
.training-mgt__list{border:1px solid #e7e7e7;border-radius:5px;background:#fafafa}
.training-mgt__table .form-check-small .form-check-input{border:1px solid #afafaf!important;width:18px;height:18px}
.training-mgt__table .tbody>.tr,.training-mgt__table .thead>.tr{border-bottom:1px solid #e7e7e7}
.training-mgt__table .tbody .tr .tr:not(:last-child),.training-mgt__table .thead .tr .tr:not(:last-child){margin-bottom:24px}
@media screen and (max-width:767px){
.training-mgt__table .tbody .tr .tr,.training-mgt__table .thead .tr .tr{padding-right:0;padding-left:0;gap:10px;border-bottom:1px solid #eee;padding-bottom:14px}
}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td,.training-mgt__table .tbody>.tr>.th,.training-mgt__table .thead>.tr>.td,.training-mgt__table .thead>.tr>.th{padding-right:8px;padding-left:8px}
}
.training-mgt__table .tbody>.tr>.td:nth-child(1),.training-mgt__table .tbody>.tr>.th:nth-child(1),.training-mgt__table .thead>.tr>.td:nth-child(1),.training-mgt__table .thead>.tr>.th:nth-child(1){flex-shrink:0;width:54px}
@media screen and (max-width:767px){
.training-mgt__table .tbody>.tr>.td:nth-child(1),.training-mgt__table .tbody>.tr>.th:nth-child(1),.training-mgt__table .thead>.tr>.td:nth-child(1),.training-mgt__table .thead>.tr>.th:nth-child(1){width:35px;padding-right:0;padding-left:0}
}
.training-mgt__table .tbody>.tr>.td:nth-child(2),.training-mgt__table .tbody>.tr>.th:nth-child(2),.training-mgt__table .thead>.tr>.td:nth-child(2),.training-mgt__table .thead>.tr>.th:nth-child(2){display:none;width:5.2%;text-align:center}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td:nth-child(2),.training-mgt__table .tbody>.tr>.th:nth-child(2),.training-mgt__table .thead>.tr>.td:nth-child(2),.training-mgt__table .thead>.tr>.th:nth-child(2){display:block}
}
.training-mgt__table .tbody>.tr>.td:nth-child(3),.training-mgt__table .tbody>.tr>.th:nth-child(3),.training-mgt__table .thead>.tr>.td:nth-child(3),.training-mgt__table .thead>.tr>.th:nth-child(3){width:calc(100% - 35px);padding-bottom:10px}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td:nth-child(3),.training-mgt__table .tbody>.tr>.th:nth-child(3),.training-mgt__table .thead>.tr>.td:nth-child(3),.training-mgt__table .thead>.tr>.th:nth-child(3){width:calc(33.8% - 126px);padding-bottom:0}
}
@media screen and (min-width:1200px){
.training-mgt__table .tbody>.tr>.td:nth-child(3),.training-mgt__table .tbody>.tr>.th:nth-child(3),.training-mgt__table .thead>.tr>.td:nth-child(3),.training-mgt__table .thead>.tr>.th:nth-child(3){width:calc(40.2% - 154px)}
}
.training-mgt__table .tbody>.tr>.td:nth-child(3) .btn,.training-mgt__table .tbody>.tr>.th:nth-child(3) .btn,.training-mgt__table .thead>.tr>.td:nth-child(3) .btn,.training-mgt__table .thead>.tr>.th:nth-child(3) .btn{border-radius:30px;width:105px;height:32px;margin-top:8px}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td:nth-child(3) .btn,.training-mgt__table .tbody>.tr>.th:nth-child(3) .btn,.training-mgt__table .thead>.tr>.td:nth-child(3) .btn,.training-mgt__table .thead>.tr>.th:nth-child(3) .btn{margin-top:12px}
}
@media screen and (min-width:992px){
.training-mgt__table .tbody>.tr>.td:nth-child(3) .btn,.training-mgt__table .tbody>.tr>.th:nth-child(3) .btn,.training-mgt__table .thead>.tr>.td:nth-child(3) .btn,.training-mgt__table .thead>.tr>.th:nth-child(3) .btn{width:125px;height:36px;margin-top:17px}
}
.training-mgt__table .tbody>.tr>.td:nth-child(4),.training-mgt__table .tbody>.tr>.th:nth-child(4),.training-mgt__table .thead>.tr>.td:nth-child(4),.training-mgt__table .thead>.tr>.th:nth-child(4){width:100%;padding-bottom:10px}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td:nth-child(4),.training-mgt__table .tbody>.tr>.th:nth-child(4),.training-mgt__table .thead>.tr>.td:nth-child(4),.training-mgt__table .thead>.tr>.th:nth-child(4){width:18%;padding-bottom:0;text-align:center}
}
@media screen and (min-width:1200px){
.training-mgt__table .tbody>.tr>.td:nth-child(4),.training-mgt__table .tbody>.tr>.th:nth-child(4),.training-mgt__table .thead>.tr>.td:nth-child(4),.training-mgt__table .thead>.tr>.th:nth-child(4){width:23.6%}
}
.training-mgt__table .tbody>.tr>.td:nth-child(5),.training-mgt__table .tbody>.tr>.th:nth-child(5),.training-mgt__table .thead>.tr>.td:nth-child(5),.training-mgt__table .thead>.tr>.th:nth-child(5){width:100%;padding-bottom:10px}
@media screen and (min-width:768px){
/* .training-mgt__table .tbody>.tr>.td:nth-child(5),.training-mgt__table .tbody>.tr>.th:nth-child(5),.training-mgt__table .thead>.tr>.td:nth-child(5),.training-mgt__table .thead>.tr>.th:nth-child(5){width:50%;padding-bottom:0;text-align:center; margin:auto 0;} */
.training-mgt__table .tbody>.tr>.td:nth-child(5),.training-mgt__table .tbody>.tr>.th:nth-child(5),.training-mgt__table .thead>.tr>.td:nth-child(5),.training-mgt__table .thead>.tr>.th:nth-child(5){width:50%;text-align:center;}
}
.training-mgt__table .tbody>.tr>.td:nth-child(6),.training-mgt__table .tbody>.tr>.th:nth-child(6),.training-mgt__table .thead>.tr>.td:nth-child(6),.training-mgt__table .thead>.tr>.th:nth-child(6){display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;width:100%;gap:10px}
@media screen and (min-width:768px){
.training-mgt__table .tbody>.tr>.td:nth-child(6),.training-mgt__table .tbody>.tr>.th:nth-child(6),.training-mgt__table .thead>.tr>.td:nth-child(6),.training-mgt__table .thead>.tr>.th:nth-child(6){width:72px}
}
@media screen and (min-width:1200px){
.training-mgt__table .tbody>.tr>.td:nth-child(6),.training-mgt__table .tbody>.tr>.th:nth-child(6),.training-mgt__table .thead>.tr>.td:nth-child(6),.training-mgt__table .thead>.tr>.th:nth-child(6){width:100px;gap:15px}
}
.training-mgt__table .tbody>.tr>.th,.training-mgt__table .thead>.tr>.th{padding-top:19px;padding-bottom:16px}
.training-mgt__table .tbody>.tr>.th:nth-child(1),.training-mgt__table .thead>.tr>.th:nth-child(1){padding-top:20px}
.training-mgt__table .tbody>.tr>.th:nth-child(1) svg,.training-mgt__table .thead>.tr>.th:nth-child(1) svg{position:relative;top:-3px;margin-left:3px}
@media screen and (max-width:767px){
.training-mgt__table .tbody>.tr>.th:nth-child(2),.training-mgt__table .tbody>.tr>.th:nth-child(3),.training-mgt__table .tbody>.tr>.th:nth-child(4),.training-mgt__table .tbody>.tr>.th:nth-child(5),.training-mgt__table .tbody>.tr>.th:nth-child(6),.training-mgt__table .thead>.tr>.th:nth-child(2),.training-mgt__table .thead>.tr>.th:nth-child(3),.training-mgt__table .thead>.tr>.th:nth-child(4),.training-mgt__table .thead>.tr>.th:nth-child(5),.training-mgt__table .thead>.tr>.th:nth-child(6){display:none}
}
.training-mgt__table .tbody>.tr>.td:first-child,.training-mgt__table .thead>.tr>.td:first-child{padding-top:4px}
.training-mgt__table .tbody .tr .td .td,.training-mgt__table .tbody .tr .th .td,.training-mgt__table .thead .tr .td .td,.training-mgt__table .thead .tr .th .td{flex:1;}
@media screen and (max-width:767px){
.training-mgt__table .tbody .tr .td .td,.training-mgt__table .tbody .tr .th .td,.training-mgt__table .thead .tr .td .td,.training-mgt__table .thead .tr .th .td{flex:1 1 auto}
}
@media screen and (min-width:768px){
.training-mgt__table .tbody .tr .td .td:first-child,.training-mgt__table .tbody .tr .th .td:first-child,.training-mgt__table .thead .tr .td .td:first-child,.training-mgt__table .thead .tr .th .td:first-child{max-width:220px}
}

.training-mgt__table .tbody .tr .td .td:last-child, .training-mgt__table .tbody .tr .th .td:last-child, .training-mgt__table .thead .tr .td .td:last-child, .training-mgt__table .thead .tr .th .td:last-child {
   display:flex; justify-content:space-around;
}
@media screen and (min-width:768px){
.training-mgt__table .tbody .tr .td .td:last-child,.training-mgt__table .tbody .tr .th .td:last-child,.training-mgt__table .thead .tr .td .td:last-child,.training-mgt__table .thead .tr .th .td:last-child{max-width:100px}
}
.training-mgt__table .tbody>.tr{padding-top:19px;padding-bottom:19px}
.training-mgt__table .tr{display:flex;flex-wrap:wrap;align-items:flex-start;padding:0 12px}
@media screen and (min-width:768px){
.training-mgt__table .tr{flex-wrap:nowrap;padding:0 10px 0 11px}
}
@media screen and (max-width:767px){
.training-mgt__table .td::before{content:attr(data-label);font-weight:700}
}
.training-result{flex-wrap:wrap;display:flex}
.training-result__left{margin-top:18px;width:28.086%;max-width:380px}
@media screen and (max-width:991px){
.training-result__left{margin-top:0;margin-right:auto;margin-bottom:20px;margin-left:auto;width:100%}
}
.training-result__right{width:100%}
@media screen and (min-width:992px){
/*.training-result__right{width:71.914%;padding-left:20px}*/
}
/*@media screen and (min-width:1200px){
.training-result__right{padding-left:41px}
}*/
.training-result__box{border-radius:55px;padding-top:22px;padding-bottom:4px;background:#0078ff}
.training-result__box-inner{box-shadow:0 4px 20px rgba(176,176,176,.25);border-radius:38px;min-height:350px;padding:14px 18px;background:#fff}
@media screen and (min-width:992px){
.training-result__box-inner{min-height:441px;padding:14px 29px}
}
.training-result__box-inner dl{justify-content:space-between;display:flex;padding:12px 0 11px;gap:12px}
.training-result__box-inner dl:not(:last-child){border-bottom:1px dashed #e4e4e4}
.training-result__box-inner dd{text-align:right}
.training-result__heading{margin-bottom:23px;padding-right:15px;padding-left:15px}
.training-result__heading p+p{margin-top:5px}
.training-result__title{margin-bottom:14px}
.training-result__list{margin-bottom:27px;border:1px solid #dadada;border-radius:5px;background:#fff}
.training-result__list:last-child{margin-bottom:0}
.training-result__table .tr{flex-wrap:wrap;align-items:center;display:flex;border-bottom:1px solid #e7e7e7;padding-top:10px;padding-bottom:10px}
.training-result__table .td:before{content:attr(data-label);font-weight:700}
@media screen and (min-width:768px){
.training-result__table .td:before{content:none}
}
.training-result__table .td,.training-result__table .th{padding-right:6px;padding-left:6px}
@media screen and (min-width:768px){
.training-result__table .td,.training-result__table .th{text-align:center}
}
.training-result__table .td:nth-child(1),.training-result__table .th:nth-child(1){width:30px;padding-right:0;text-align:center}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(1),.training-result__table .th:nth-child(1){width:8%;padding-right:6px}
}
.training-result__table .td:nth-child(2),.training-result__table .th:nth-child(2){width:62px}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(2),.training-result__table .th:nth-child(2){width:9.5%}
}
.training-result__table .td:nth-child(3),.training-result__table .th:nth-child(3){width:calc(100% - 92px)}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(3),.training-result__table .th:nth-child(3){width:calc(40.9% - 136px)}
}
@media screen and (min-width:1200px){
.training-result__table .td:nth-child(3),.training-result__table .th:nth-child(3){width:calc(40.9% - 161px)}
}
.training-result__table .td:nth-child(4),.training-result__table .th:nth-child(4){width:100%;padding-top:8px}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(4),.training-result__table .th:nth-child(4){width:10.4%;padding-top:0}
}
.training-result__table .td:nth-child(5),.training-result__table .th:nth-child(5){width:100%;padding-top:8px}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(5),.training-result__table .th:nth-child(5){width:19.7%;padding-top:0}
}
.training-result__table .td:nth-child(6),.training-result__table .th:nth-child(6){width:100%;padding-top:8px}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(6),.training-result__table .th:nth-child(6){width:11.5%;padding-top:0}
}
.training-result__table .td:nth-child(7),.training-result__table .th:nth-child(7){padding-top:8px}
@media screen and (min-width:768px){
.training-result__table .td:nth-child(7),.training-result__table .th:nth-child(7){flex-shrink:0;width:136px;padding-top:0;text-align:center}
}
@media screen and (min-width:1200px){
.training-result__table .td:nth-child(7),.training-result__table .th:nth-child(7){width:161px}
}
.training-result__table .td:nth-child(7) .btn,.training-result__table .th:nth-child(7) .btn{transition:all .3s ease;margin:0 auto;border-color:#f0f0f0;border-radius:30px;width:100px;height:36px;background-color:#f0f0f0;color:#b3b3b3}
@media screen and (min-width:1200px){
.training-result__table .td:nth-child(7) .btn,.training-result__table .th:nth-child(7) .btn{width:125px}
}
.training-result__table .td:nth-child(7) .btn:hover,.training-result__table .th:nth-child(7) .btn:hover{border-color:#0078ff;background-color:#0078ff;color:#fff}
.training-result__table .thead{display:none;border-radius:5px 5px 0 0;background-color:#ececec}
@media screen and (min-width:768px){
.training-result__table .thead{display:block}
}
.training-result__table .thead .tr{border-bottom-color:#dadada;padding-top:14px;padding-bottom:12px}
.training-result__table .avatar{margin:0 auto;width:50px}
.training-result__bottom{justify-content:center;align-items:center;display:flex;padding:15px 0 25px}
@media screen and (min-width:768px){
.training-result__bottom .btn-read-more{width:180px;height:44px}
}
.training-table{margin:8px 0}
.training-table__title{margin-bottom:4px}
.training-table__head{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;margin-bottom:7px;gap:6px 25px}
.training-table__head ul{flex-wrap:wrap;display:flex;gap:6px 20px}
@media screen and (min-width:768px){
.training-table__head ul{gap:12px 30px}
}
@media screen and (min-width:992px){
.training-table__head ul{gap:12px 56px}
}
.training-table__head ul li{align-items:center;display:flex}
.training-table__head ul li span{flex-shrink:0;margin-top:1px;margin-right:10px;border-radius:50%;width:8px;height:8px}
.training-table__main{border:1px solid #04b64b;border-radius:5px;background:#f9fffb}
.training-table__main .tr{flex-wrap:wrap;display:flex;padding:7px 0}
@media screen and (min-width:768px){
.training-table__main .tr{flex-wrap:nowrap;padding:0}
}
.training-table__main .td,.training-table__main .th{width:100%}
@media screen and (min-width:768px){
.training-table__main .td,.training-table__main .th{justify-content:center;align-items:center;display:flex;text-align:center}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(1),.training-table__main .th:nth-child(1){width:13%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(2),.training-table__main .th:nth-child(2){width:14.8%}
}
@media screen and (min-width:992px){
.training-table__main .td:nth-child(2),.training-table__main .th:nth-child(2){width:12.8%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(3),.training-table__main .th:nth-child(3){width:10.8%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(4),.training-table__main .th:nth-child(4){width:11%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(5),.training-table__main .th:nth-child(5){width:10.8%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(6),.training-table__main .th:nth-child(6){width:10.8%}
}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(7),.training-table__main .th:nth-child(7){width:10.8%}
}
.training-table__main .td:nth-child(8),.training-table__main .th:nth-child(8){align-items:center;display:flex}
@media screen and (min-width:768px){
.training-table__main .td:nth-child(8),.training-table__main .th:nth-child(8){width:18%}
}
@media screen and (min-width:992px){
.training-table__main .td:nth-child(8),.training-table__main .th:nth-child(8){width:20%}
}
.training-table__main .th{padding-right:3px;padding-left:3px}
.training-table__main .td{padding:3px 8px}
@media screen and (min-width:768px){
.training-table__main .td{padding:11px 8px}
.training-table__main .td+.td{border-left:1px dotted #00a040}
}
.training-table__main .td::before{content:attr(data-label);flex-shrink:0;font-size:14px;line-height:1.5;font-weight:700}
@media screen and (min-width:768px){
.training-table__main .td::before{content:none}
}
.training-table__main .th{height:43px}
.training-table__main .thead{display:none;border-bottom:1px solid #04b64b;border-radius:4px 4px 0 0;background-color:#cee9d8}
@media screen and (min-width:768px){
.training-table__main .thead{display:block}
}
.training-table__main .tbody .tr{border-bottom:1px solid #cee9d8}
.training-table__main .tbody .tr:last-child{border-bottom:none}
.training-table__main .tbody a{transition:all .3s ease; display:flex; align-items:center; justify-content:center;}
.training-table__main .tbody a:hover{text-decoration:underline;color:#0078ff}
.training-table__main .x-progress{display:flex;margin:0 0 0 10px;width:100%;max-width:180px;height:6px}
@media screen and (min-width:768px){
.training-table__main .x-progress{margin:0 auto}
}
.training-table__main .tooltip-container{width:100%}
.training-table__main .tooltip-inner{width:120px;padding:6px}
.filter-up-down{flex-direction:column;justify-content:space-between;align-items:center;display:flex;margin-left:8px;width:9px;height:15px}
.filter-up-down button{display:flex;transition:all .3s ease;margin:0;border:none;padding:0;background:0 0}
.filter-up-down button:hover{opacity:.7}
.upload-file-popup .modal-dialog{max-width:1024px}
@media screen and (min-width:576px){
.upload-file-popup .modal-dialog{padding-right:12px;padding-left:12px}
}
.upload-file-popup .modal-content{border:none;border-radius:5px;padding:20px 12px}
@media screen and (min-width:768px){
.upload-file-popup .modal-content{padding:30px 32px 54px}
}
.upload-file-popup .modal-header{display:block;margin-bottom:27px;border:none;padding:0;text-align:left}
.upload-file-popup .modal-close{position:absolute;top:10px;right:10px;opacity:1;margin:0;border:none;color:#000;border-radius:0;width:25px;height:25px;padding:0;background:0 0}
@media screen and (min-width:1200px){
.upload-file-popup .modal-close{top:-24px;right:-34px;color:#fff}
}
.upload-file-popup .modal-area{justify-content:center;align-items:center;display:flex;margin-top:16px;border-radius:5px;padding:30px;background:#f5f5f5;text-align:center}
.upload-file-popup .modal-area .btn{align-items:center;display:flex;border-radius:5px;width:200px;height:60px}
.upload-file-popup .modal-area .btn input[type=file]{opacity:0;visibility:hidden;overflow:hidden;margin:0;width:0;height:0;padding:0}
.upload-file-popup .modal-area .btn svg{margin-right:14px}
.upload-file-popup .modal-body{padding:0}
.upload-file-popup .modal-footer{justify-content:center;margin-top:15px;border:none;padding:0;gap:10px}
@media screen and (min-width:768px){
.upload-file-popup .modal-footer{margin-top:20px;gap:14px}
}
.upload-file-popup .modal-footer .btn{margin:0;border-radius:5px;width:140px;height:40px}
@media screen and (min-width:768px){
.upload-file-popup .modal-footer .btn{width:170px;height:45px}
}
.upload-file-popup .nav-item{flex:initial}
.upload-file-popup .nav-item+.nav-item{margin-left:1px}
.upload-file-popup .nav-tabs{display:flex;margin-top:15px;border-bottom:none}
.upload-file-popup .nav-link-bdr{position:relative;border:none;padding:0;background:0 0}
.upload-file-popup .nav-link-bdr::before{content:"";position:absolute;top:0;right:-1px;bottom:0;left:1px;border-radius:5px 0 0 0;background-color:#ebf1fa;-webkit-clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%)}
@media screen and (min-width:768px){
.upload-file-popup .nav-link-bdr::before{-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
}
.upload-file-popup .nav-link-bdr.active::before{background-color:#0078ff}
.upload-file-popup .nav-link-bdr.active::after{content:"";position:absolute;z-index:5;right:-1px;bottom:-1px;left:1px;height:2px;background-color:#fff;-webkit-clip-path:polygon(0 0,calc(100% - 2px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 2px) 0,100% 100%,0 100%)}
.upload-file-popup .nav-link-bdr__inner{position:relative;z-index:5;align-items:center;display:flex;border:1px solid #ebf1fa;border-bottom:none;border-radius:5px 0 0 0;min-height:39px;padding:4px 28px 5px 6px;background-color:#ebf1fa;color:#000;-webkit-clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%)}
@media screen and (min-width:768px){
.upload-file-popup .nav-link-bdr__inner{padding:4px 49px 5px 21px;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
}
.upload-file-popup .nav-link-bdr.active .nav-link-bdr__inner{border-color:#0078ff;background-color:#fff;color:#333}
.upload-file-popup .tab-content{padding:12px}
@media screen and (min-width:768px){
.upload-file-popup .tab-content{padding:21px 20px 19px}
}
.upload-file-popup .tab-border{border:1px solid #0078ff}
.upload-file-popup .tab-background{border-radius:0 5px 5px 5px;background-color:#fff}
.upload-file-popup .tab-inner{position:relative;border:1px solid #d0d0d0;padding:5px 4px 4px 6px}
.upload-file-popup .tab-inner::before{content:"";position:absolute;right:0;bottom:20px;left:0;height:1px;background-color:#d0d0d0}
.upload-file-popup .tab-inner::after{content:"";position:absolute;top:0;right:20px;bottom:0;width:1px;background-color:#d0d0d0}
.upload-file-popup .tab-scrollable{overflow:scroll;max-height:448px;padding:5px 14px 14px 5px}
@media screen and (min-width:768px){
.upload-file-popup .tab-scrollable{padding:17px 23px 18px 13px}
}
.upload-file-popup .tab-scrollable::-webkit-scrollbar{width:12px;height:12px;background-color:#e5e5e5}
.upload-file-popup .tab-scrollable::-webkit-scrollbar-thumb{background-color:#98b3dc}
.upload-file-popup .tab-scrollable::-webkit-scrollbar-track{background-color:#e5e5e5}
.wrong-skip .nav-item{flex:initial}
.wrong-skip .nav-tabs{border-bottom:none}
.wrong-skip .nav-tabs::after{content:"";flex-grow:1;align-self:flex-end;display:block;height:1px;background-color:#dedede}
.wrong-skip .nav-link-bdr{position:relative;border:none;padding:0;background:0 0}
.wrong-skip .nav-link-bdr::before{content:"";position:absolute;top:0;right:-1px;bottom:0;left:1px;border-radius:5px 0 0 0;background-color:#dedede;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
.wrong-skip .nav-link-bdr__inner{position:relative;z-index:5;align-items:center;display:flex;border:1px solid #dedede;border-radius:5px 0 0 0;min-height:40px;padding:9px 33px 9px 10px;background-color:#f5f5f5;color:#8f8f8f;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)}
@media screen and (min-width:768px){
.wrong-skip .nav-link-bdr__inner{min-height:47px;padding:9px 54px 9px 14px}
}
.wrong-skip .nav-link-bdr__icon{flex-shrink:0;opacity:.5;margin-right:5px;color:#ff4a4a}
@media screen and (min-width:768px){
.wrong-skip .nav-link-bdr__icon{margin-right:10px}
}
.wrong-skip .nav-link-bdr.active .nav-link-bdr__inner{border-bottom-color:#fff;background-color:#fff;color:#ff4a4a}
.wrong-skip .nav-link-bdr.active .nav-link-bdr__inner .nav-link-bdr__icon{opacity:1}
.wrong-skip .tab-content{padding:11px}
@media screen and (min-width:768px){
.wrong-skip .tab-content{padding-top:20px;padding-right:14px;padding-left:14px}
}
.wrong-skip .tab-border{border:1px solid #dedede;border-top:none}
.wrong-skip .tab-background{border-radius:0 0 3px 3px;background-color:#fff}
.wrong-skip table{margin-bottom:20px;width:100%}
.wrong-skip table thead{position:relative}
.wrong-skip table thead::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 3px 0 0;background-color:#e2e2e2}
@media screen and (max-width:767px){
.wrong-skip table thead{display:none}
}
.wrong-skip table tbody{background-color:#fff}
.wrong-skip table tbody tr:nth-child(odd){background-color:#fafafa}
.wrong-skip table td,.wrong-skip table th{position:relative;z-index:2;vertical-align:top}
@media screen and (max-width:767px){
.wrong-skip table td::before,.wrong-skip table th::before{content:attr(data-label);display:block;font-weight:700}
}
@media screen and (min-width:768px){
.wrong-skip table td,.wrong-skip table th{text-align:center}
}
.wrong-skip table td:nth-child(1),.wrong-skip table th:nth-child(1){width:50%}
@media screen and (min-width:576px){
.wrong-skip table td:nth-child(1),.wrong-skip table th:nth-child(1){width:33.3333%}
}
@media screen and (min-width:768px){
.wrong-skip table td:nth-child(1),.wrong-skip table th:nth-child(1){width:initial}
}
@media screen and (min-width:992px){
.wrong-skip table td:nth-child(1),.wrong-skip table th:nth-child(1){width:60px}
}
.wrong-skip table td:nth-child(2),.wrong-skip table th:nth-child(2){width:50%}
@media screen and (min-width:576px){
.wrong-skip table td:nth-child(2),.wrong-skip table th:nth-child(2){width:33.3333%}
}
@media screen and (min-width:768px){
.wrong-skip table td:nth-child(2),.wrong-skip table th:nth-child(2){width:initial}
}
@media screen and (min-width:992px){
.wrong-skip table td:nth-child(2),.wrong-skip table th:nth-child(2){width:11.5%}
}
.wrong-skip table td:nth-child(3),.wrong-skip table th:nth-child(3){width:100%}
@media screen and (min-width:576px){
.wrong-skip table td:nth-child(3),.wrong-skip table th:nth-child(3){width:33.3333%}
}
@media screen and (min-width:768px){
.wrong-skip table td:nth-child(3),.wrong-skip table th:nth-child(3){width:initial}
}
@media screen and (min-width:992px){
.wrong-skip table td:nth-child(3),.wrong-skip table th:nth-child(3){width:18%}
}
.wrong-skip table td:nth-child(4),.wrong-skip table th:nth-child(4){width:100%;text-align:left}
@media screen and (min-width:992px){
.wrong-skip table td:nth-child(4),.wrong-skip table th:nth-child(4){width:calc(42.5% - 60px);padding-left:32px}
}
.wrong-skip table td:nth-child(5),.wrong-skip table td:nth-child(6),.wrong-skip table th:nth-child(5),.wrong-skip table th:nth-child(6){width:50%}
@media screen and (min-width:992px){
.wrong-skip table td:nth-child(5),.wrong-skip table td:nth-child(6),.wrong-skip table th:nth-child(5),.wrong-skip table th:nth-child(6){width:14%}
}
.wrong-skip table th{padding:5px 10px}
@media screen and (min-width:768px){
.wrong-skip table th{padding:13px 13px 10px}
}
.wrong-skip table td{padding:5px 10px}
@media screen and (min-width:768px){
.wrong-skip table td{padding:21px 13px 25px}
}
@media screen and (max-width:767px){
.wrong-skip table tr{flex-wrap:wrap;display:flex}
}
.wrong-skip table tr td:not(:last-child){border-right:none}
.wrong-skip table a:not(.btn){transition:all .3s ease}
.wrong-skip table a:not(.btn):hover{text-decoration:underline;color:#0078ff}
.wrong-skip table .group{flex-wrap:wrap;display:flex;margin-top:8px;gap:6px}
@media screen and (min-width:768px){
.wrong-skip table .group{margin-top:12px;gap:10px}
}
.wrong-skip table .group .btn{flex-shrink:0;border-radius:30px;padding:3px 10px 4px}
@media screen and (min-width:768px){
.wrong-skip table .group .btn{padding-right:12px;padding-left:12px}
}
.wrong-skip table .inner{position:relative;align-items:center;display:flex;margin:22px 0 10px;gap:12px}
@media screen and (min-width:768px){
.wrong-skip table .inner{justify-content:center;margin:24px 0 24px 7px}
}
.wrong-skip table .x-progress{position:relative;display:flex;border-width:1px;border-style:solid;border-radius:3px;width:100px;height:12px}
.wrong-skip table .x-progress::before{content:attr(data-label);position:absolute;right:0;bottom:12px;left:0;font-size:13px;text-align:center;color:#333}
@media screen and (min-width:768px){
.wrong-skip table .x-progress::before{bottom:15px}
}
@media screen and (max-width:767px){
.wrong-skip table.has-filter thead{display:block}
}
.wrong-skip table.has-filter thead th{padding-top:7px;padding-bottom:8px;vertical-align:middle}
@media screen and (max-width:767px){
.wrong-skip table.has-filter thead th{display:none}
.wrong-skip table.has-filter thead th:last-child{display:block}
}
@media screen and (min-width:992px){
.wrong-skip table.has-filter td:nth-child(1),.wrong-skip table.has-filter th:nth-child(1){width:80px}
}
@media screen and (min-width:992px){
.wrong-skip table.has-filter td:nth-child(2),.wrong-skip table.has-filter th:nth-child(2){width:10%}
}
@media screen and (min-width:992px){
.wrong-skip table.has-filter td:nth-child(3),.wrong-skip table.has-filter th:nth-child(3){width:25%}
}
@media screen and (min-width:992px){
.wrong-skip table.has-filter td:nth-child(4),.wrong-skip table.has-filter th:nth-child(4){width:calc(37% - 80px);padding-left:29px}
}
.wrong-skip table.has-filter td:nth-child(5),.wrong-skip table.has-filter td:nth-child(6),.wrong-skip table.has-filter th:nth-child(5),.wrong-skip table.has-filter th:nth-child(6){width:100%}
@media screen and (min-width:992px){
.wrong-skip table.has-filter td:nth-child(5),.wrong-skip table.has-filter td:nth-child(6),.wrong-skip table.has-filter th:nth-child(5),.wrong-skip table.has-filter th:nth-child(6){width:14%}
}
@media screen and (min-width:768px){
.wrong-skip table.has-filter td{padding-right:5px;padding-left:5px}
}
.wrong-skip__show-more{border-radius:30px;width:170px;height:40px;padding:5px 10px}
@media screen and (min-width:768px){
.wrong-skip__show-more{height:45px}
}
.wrong-skip__show-more svg{flex-shrink:0;margin-left:7px}
.wrong-skip__buttons{justify-content:flex-end;display:flex;gap:7px}
.wrong-skip__button{justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:1px solid transparent;border-radius:3px;width:105px;height:30px;padding:5px;background:rgba(248,248,248,.8);color:#888}
.wrong-skip__button svg{position:relative;top:2px;margin-right:8px}
.wrong-skip__button.active,.wrong-skip__button:hover{border-color:#0078ff;background-color:rgba(231,242,253,.8);color:#0078ff}
.modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.2);border-radius: 0.3rem;outline: 0;}
.modal-content .btn-close {position: absolute;z-index: 5;bottom: -50px;left: 50%;opacity: 1;transform: translateX(-50%);box-shadow: 0 4px 4px rgb(0 0 0 / 25%);border-radius: 50%; width: 44px;height: 44px;padding: 0; background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M15 15L1.00001 0.99999M1.00001 15L15 0.99999L1.00001 15Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E) center/16px no-repeat #f9f9f9;}

@media screen and (min-width: 576px){
.modal-content .btn-close {top: -21px; right: -22px;bottom: auto;left: auto;transform: none;}
}



.modal-join {overflow: hidden;border-radius: 5px}
.modal-join__heading{align-items: flex-end;display: flex;margin-bottom: 18px}
.modal-join__header {align-items: flex-start;display: flex;padding: 0 20px;background-color: #4a7fd7;color: #fff}
.modal-join__featured {justify-content: center;align-items: center;display: flex;margin: 16px 0 -16px;border: 2px solid #fff;border-radius: 50%;width: 100px;height: 100px;background-color: #f0f5ff}
.modal-join__image {width: 45px}
.modal-join__image::before {padding-bottom: 112.3076923077%}

.modal-join__title {margin: 0 0 6px}
.modal-join__text {margin: 0 0 4px}
.modal-join__content {width: calc(100% - 100px);padding: 20px 0 15px 20px}
.modal-join__heading::after {content: "";flex-grow: 1;display: block;margin-bottom: 11px;margin-left: 23px;height: 5px;background: rgba(143,172,230,.24)}
.modal-join__heading > span {flex-shrink: 0}
.modal-join__form .row {margin-right: -7px;margin-left: -7px}
.modal-join__form [class*=col] {margin-bottom: 11px;padding-right: 7px;padding-left: 7px}
.modal-join__form .form-label {margin: 0 0 5px}
.modal-join__form .form-control, .modal-join__form .form-select {border: 1px solid rgba(143,172,230,.24);border-radius: 10px;height: 40px;padding-right: 12px;padding-left: 12px;background: #f8faff}
.modal-join__form .form-select {padding-right: 25px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E %3Cpath d='M10.5625 4.875L6.5 8.9375L2.4375 4.875' stroke='%23656565' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");background-repeat: no-repeat;background-position: right 13px center}
.modal-join__form .btn {justify-content: center;align-items: center;display: flexborder-radius: 10px;width: 100%;height: 40px;text-align: center}

.modal-join__header {padding: 0 43px}
.modal-join__featured {margin: 27px 0 -27px;border-width: 5px;width: 120px;height: 120px}



.modal-join__main {padding: 20px 20px 20px;background-color: #fff}
@media screen and (min-width: 768px){
.modal-join__main {padding: 54px 43px 44px;}
}

.validate-box.invalid  .form-control{border:1px solid #DC3535!important;}
.validate-box.invalid .form-message__error{display:block;}
.validate-box  .form-message__error{color:#DC3535; font-weight:bold;margin-left:0%; margin-top:4px;display:none;}
.cutoff-text {--max-line: 1; display:-webkit-box; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp: var(--max-line);}



.modal-upload__header-title{flex-wrap:wrap;display:flex;vertical-align:middle!important}
.modal-upload__header-title h5{margin-right:auto}
.modal-upload__header-title b{vertical-align:middle!important}


.question-editor .btn-icon {justify-content: center;align-items: center;display: flex;border-radius: 3px;width: 30px;height: 30px;padding: 0.375rem 0.75rem;}
.exercise-weak__show-more{border-radius:30px;width:270px;height:40px;padding:5px 10px}
@media screen and (min-width:768px){
.exercise-weak__show-more{height:45px}
}
.exercise-weak__show-more svg{flex-shrink:0;margin-left:7px}

p:has(.ck-math-tex-inline){display:inline-block;}
p:has(.t-control){display:inline-block;}

.training-table__main .tbody .td .view{display:flex; align-items:center;justify-content:center;}








/**CSS**/

.common-filter .counting-label {
    width: 50%;
    height: 33.75px;
    background-image: linear-gradient(90deg, #D2E7FF 48.7%, rgba(210, 231, 255, 0) 97.39%);
    border-radius: 0px 22.5px 22.5px 0px;
    display: inline-flex;
    margin-top: 11.25px;
}

    .common-filter .counting-label .split-line {
        display: inline;
        width: 7.5px;
        background-color: #0078FF;
        margin-right: 7.5px
    }
@media screen and (min-width:768px) {
    .site-header__top {
        padding: 9px 0 12px;
    }

    .fz-40 {
        font-size: 30px;
    }


    .nav-search .form-control {
        border: 2px solid #dfeeff;
        height: 30px;
        padding-right: 51px;
    }


    .nav-link {
        padding: 10px;
    }


    .nav-link-icon {
        margin-bottom: 9px;
        border-radius: 7px;
        width: 34px;
        height: 34px;
        padding: 7px;
    }


    .nav-link > span {
        font-size: 14px;
        line-height: 1.467
    }


    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 14px;
        cursor: pointer
    }
}
@media screen and (min-width:768px) {
    body {
        font-size: 14px
    }
    .fz-22 {
        line-height: 1.45;
        font-size: 18px;
    }
    .fz-15 {
        font-size: 14px;
    }
    .fz-16 {
        font-size: 15px;
    }
    .fz-18 {
        font-size: 16px;
    }
    .fz-24 {
        font-size: 20px;
    }
    .fz-30 {
        font-size: 25px;
    }
    .form-select {
        height: 40px;
        padding: 0 30px 0 15px;
    }
    .training-mgt__table .tbody > .tr > .td:nth-child(3) .btn, .training-mgt__table .tbody > .tr > .th:nth-child(3) .btn, .training-mgt__table .thead > .tr > .td:nth-child(3) .btn, .training-mgt__table .thead > .tr > .th:nth-child(3) .btn {
        width: 125px;
        height: 32px;
        margin-top: 10px;
    }
    .training-mgt .common-filter {
        padding: 12px 23px 10px 18px;
    }
    .common-pagination {
        padding: 10px 20px 10px;
    }
    .form-check-label, .multiselect-selected-text {
        font-size: 14px
    }
    .wrong-skip .nav-link-bdr__inner {
        min-height: 40px;
        padding: 9px 54px 9px 14px
    }
    
}

@media screen and (min-width:992px) {
    .training-mgt__table .tbody > .tr > .td:nth-child(3) .btn, .training-mgt__table .tbody > .tr > .th:nth-child(3) .btn, .training-mgt__table .thead > .tr > .td:nth-child(3) .btn, .training-mgt__table .thead > .tr > .th:nth-child(3) .btn {
        width: 125px;
        height: 32px;
        margin-top: 10px;
    }
}

.training-mgt__table .tbody > .tr {
    padding-top: 14px;
    padding-bottom: 14px;
}
@media screen and (min-width:992px) {
    .training-mgt .common-filter {
        padding: 12px 23px 10px 18px;
    }
}

.site-main {
    margin: 24px 0;
}

@media screen and (min-width: 768px) {
    .site-main {
        margin-top: 48px;
        margin-bottom: 56px;
    }

    @media screen and (min-width: 768px) {
        .fz-30 {
            font-size: 25px;
        }
    }

    .site-heading {
        margin-bottom: 24px;
    }

    @media screen and (min-width: 768px) {
        .common-block li.active {
            font-size: 18px;
        }
    }

    .lesson-mgt .common-block {
        margin-top: -12px;
    }

    @media screen and (min-width: 768px) {
        .lesson-mgt .common-class {
            margin-bottom: 12px;
        }
    }

    @media screen and (min-width: 768px) {
        .common-class li {
            margin-right: 16px;
            margin-bottom: 16px;
        }
    }

    @media screen and (min-width: 768px) {
        .common-class .btn {
            border-radius: 10px;
            min-width: 130px;
            height: 40px;
        }
    }

    @media screen and (min-width: 992px) {
        .common-filter {
            padding: 16px 20px;
        }
    }

    @media screen and (min-width: 768px) {
        .common-filter {
            margin-bottom: 24px;
            padding: 10px;
        }
    }

    .lesson-mgt__table .thead .tr {
        height: 48px;
    }

    .lesson-mgt__table .tbody .tr {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    @media screen and (min-width: 768px) {
        .lesson-mgt__table .item-button {
            margin-top: 8px;
        }
    }

    @media screen and (min-width: 768px) {
        .common-pagination {
            padding: 15px 15px 24px;
        }
    }

    .add-new__head {
        margin-bottom: 12px;
    }

    @media screen and (min-width: 768px) {
        .add-new__body {
            padding: 25px 30px;
        }
    }

    @media screen and (min-width: 768px) {
        .fz-24 {
            font-size: 18px;
        }
    }

    @media screen and (min-width: 768px) {
        .common-tabs .tab-content {
            padding: 25px 24px 29px;
        }
    }

    @media screen and (min-width: 768px) {
        .question-box {
            padding: 16px 15px;
        }
    }

    .question-list-radio .item-content {
        min-height: 42px;
    }

    @media screen and (min-width: 768px) {
        .question-created__item {
            padding-right: 16px;
            padding-left: 16px;
        }
    }

    .student-mgt__table .tbody .tr {
        transition: background-color .3s ease;
        border-bottom: 1px solid #e7e7e7;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .common-filter .form-search-select {
        height: 40px;
    }

    .common-toolbar .nav-icon {
        margin-right: 17px;
        width: 40px;
        height: 40px;
    }
}

.side-header__main .dropdown-menu {
    padding: 0;
    border: none;
}
    .dropdown-menu .nav-item > .dropdown-item{color:#000;height:42px;line-height:35px}
    .dropdown-menu .nav-item {
        border-top:solid 1px #fff
    }
    
.navbar .nav-item .dropdown-menu {
    background-color: #CCE4FF;
    color: #000
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
    min-width: 100%;
}
.navbar .nav-item .dropdown-menu .dropdown-item {
    display: flex;
    width: 100%;
    color: #000;
    background-color: #CCE4FF;
}
.nav-link > span {
    font-weight:700
}
.dropdown-menu .nav-item > .dropdown-item:hover {
    background-color: #0078FF;
    color: #fff
}
.ck-math-tex {
   /*Comment vì khi hiển thị đáp án ở trang xem trước câu hỏi đang bị lệch*/
/*    line-height: 50px*/
}
.image_resized{padding:0}
#popup-welcome, .topic-manage .mt-5 img{display:none!important}

.multiselect-container.dropdown-menu {
    width: 100% !important;
}

.multiselect-option.dropdown-item {
    padding: 8px 40px !important;
}

.overlay {
    display: none;
    position: fixed;
    z-index: 5555;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .6;
    width: 100%;
    background: #000;
}

    .overlay.show {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .overlay .loading-text {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -50px;
        font-size: 27px;
        color: #fff;
        max-width: 100px;
    }

        .overlay .loading-text img {
            width: 100%;
            height: auto;
        }

#answerToggle img {
    max-height: 300px;
}

.question img {
    max-height: 300px;
    max-width: 300px;
}

.question li .qa-img {
    max-height: 50px;
}

.tr.hidden {
    display: none;
}

.tr.active {
    display: flex;
}

.couponcode {
    color: red;
    cursor: pointer;
}

    .couponcode:hover .coupontooltip {
        display: block;
    }

.coupontooltip {
    position: absolute;
    white-space: nowrap;
    display: none;
    background: #ffffff;
    border: 1px solid black;
    color: black;
    padding: 5px;
    z-index: 9999;
    bottom: 20px;
}

.overlay-detail {
    display: none;
    /*position: fixed;*/
    z-index: 5555;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .4;
    width: 100%;
}

    .overlay-detail .loading-text {
        /*        position: absolute;
        top: 60%;
        left: 50%;*/
        margin: auto;
        transform: translateY(100px);
        /*        margin-top: -50px;
        margin-left: -50px;*/
        font-size: 27px;
        color: #fff;
        max-width: 100px;
    }

        .overlay-detail .loading-text img {
            width: 100%;
            height: auto;
        }

    .overlay-detail .fa-spinner {
        color: #000
    }

.star-required-field {
    color: red;
    margin-left: 3px;
}

.optional-field {
    position: absolute;
    color: #B4B4B3;
    top: 8px;
}

.relative {
    position: relative;
}

.select-checkbox::after {
    background: none;
}

.show-date {
    display: none;
    position: absolute;
    z-index: 999;
    padding: 12px;
    background: #fff;
    border-radius: 10px;
    min-width: 300px;
    border: 1px solid #6fb3ff;
    margin-top: 3px;
}

    .show-date .show-date__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .show-date input {
        margin-bottom: 10px;
    }


    .show-date.checked {
        display: block;
    }

.hidden {
    display: none;
}

.question__content .katex-display {
    display: inline-block;
}

#tra_loi, #dap_an {
    clear: both;
}

/*span:not(.math-text):has(.katex) {
    margin: 0 5px;
}*/
.ck-math-tex {
    margin: 0 4px;
}

.lesson-mgt__grid .item-button-left .btn:last-child.btn-danger-light-2 {
    width: 40px;
    min-width: auto;
    padding: 0
}

.head-teacher-dropdown {
    width: 100%;
}

.common-filter .counting-label {
    width: 49%;
    height: 45px;
    background-image: linear-gradient(90deg, #D2E7FF 48.7%, rgba(210, 231, 255, 0) 97.39%);
    border-radius: 0px 30px 30px 0px;
    display: inline-flex;
    margin-top: 15px;
}

    .common-filter .counting-label:has(.split-line__danger) {
        background-image: linear-gradient(90deg, #F78CA2 48.7%, rgba(210, 231, 255, 0) 97.39%);
    }

    .common-filter .counting-label .split-line {
        display: inline;
        width: 10px;
        background-color: #0078FF;
        margin-right: 10px
    }

    .common-filter .counting-label .split-line__danger {
        background-color: #D80032;
    }

    .common-filter .counting-label p {
        transform: translate(0, 10%)
    }

/*.lesson-mgt__table .td:last-child .list-button .btn:first-child{
    margin-right: auto;
}*/

/*.lesson-mgt__table .td:last-child .list-button .btn:only-child{
    justify-content: flex-start;
}*/
.sidebar-school__content a {
    transition: all .3s ease
}

    .sidebar-school__content a:hover {
        text-decoration: underline !important;
        color: #0078ff
    }

.teacher-edit__item-content .input-group-2 .btn {
    margin-left: 0px;
}

.ajax-pagination.common-pagination a {
    cursor: pointer;
}
/*.missions-assign-date__tooltip .tooltip{
    max-width: 200px
}*/
.missions-assign-date__tooltip .tooltip .tooltip-inner {
    white-space: nowrap;
    max-width: 500px !important;
    width: initial
}

.custom-tooltip {
    z-index: 999;
}

    .custom-tooltip.tooltip .tooltip-inner {
        background-color: #000;
        opacity: 0.9;
        color: #fff;
        padding: 8px 16px;
        border-radius: 5px;
        /*min-width: 200px;*/
        width: initial;
        max-width: 350px;
        font-size: 16px;
        border: none;
        z-index: 99;
        text-align: center;
    }

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    background-color: #000;
    border: none;
}

.topic-weak table .x-progress .item ul {
    padding-left: 0px !important;
}







/**CUSTOM**/
.counting-label {
    width: 50%;
    height: 33.75px;
    background-image: linear-gradient(90deg, #D2E7FF 48.7%, rgba(210, 231, 255, 0) 97.39%);
    border-radius: 0px 22.5px 22.5px 0px;
    display: inline-flex;
    margin-top: 11.25px;
}

    .counting-label .split-line {
        display: inline;
        width: 7.5px;
        background-color: #0078FF;
        margin-right: 7.5px
    }

.select-checkbox.open .select-checkbox__list {
    max-height: 50vh;
    overflow: auto;
}
/*.assign-modal .modal-filter__wrapper2.box-assign-admin {*/
/*flex-grow: 1;
    align-items: center;*/
/*display: inline-flex;*/
/*    border: 2px solid #e7e7e7;
    border-radius: 5px;
    background: #f8f8f8*/
/*}*/

.assign-modal .modal-filter__wrapper2 {
    flex-grow: 1;
    align-items: center;
    display: inline-flex;
    border: 2px solid #e7e7e7;
    border-radius: 5px;
    background: #f8f8f8
}

    .assign-modal .modal-filter__wrapper2 select {
        flex-shrink: 0;
        margin-left: 12px;
        border: none;
        min-width: 155px;
        height: 36px;
        padding-right: 20px;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-size: 12px 7px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

@media screen and (min-width:768px) {
    .assign-modal .modal-filter__wrapper2 select {
        margin-left: 20px;
        min-width: 185px;
        padding-right: 30px;
        background-position: right 8px center
    }
}
/*@media screen and (min-width:768px) {
    .add-new__footer .btn-primary {
        margin-left: auto;
        min-width: 180px
    }
}*/

.modal-join__form-edit-label {
    max-height: 300px;
    overflow-y: scroll
}

    .modal-join__form-edit-label li {
        border: hidden;
        display: block;
        cursor: pointer;
    }

        .modal-join__form-edit-label li:hover {
            /*background: #cfcfcf;*/
            background: #e7e7e7;
        }

.modal-join__btn-add {
    margin-left: auto;
}

.modal-label__show-more {
    display: none;
    position: absolute;
    z-index: 1000;
    /*    left: 0;
    top: 0;*/
    width: 70%;
    max-height: 300px;
    overflow: auto;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    transform: translate(-250px, -20px)
}

    .modal-label__show-more .modal-content {
        background-color: #fefefe;
        margin: 10% auto;
        padding: 20px;
        border: 1px solid #888;
        /*max-width: 400px;*/
        position: relative;
    }

    .modal-label__show-more .modal-header h3 {
        margin: 0;
    }

    .modal-label__show-more .modal-header hr {
        flex: 1;
        height: 1px;
        border: 0;
        background-color: #ccc;
        margin: 0 10px;
    }

    .modal-label__show-more ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .modal-label__show-more li {
        /*margin-bottom: 10px;*/
        padding-bottom: 10px;
        height: 2.5em
    }

.modal-join__form-edit-label .btn-more-action {
    width: 22px;
    height: 22px;
    border-radius: 9px;
    cursor: pointer;
}

    .modal-join__form-edit-label .btn-more-action:hover {
        background: #cfcfcf;
    }

.modal-list .role-box {
    max-height: 250px;
    overflow: auto;
}

.site-header__top {
    padding: 9px 0 0px;
}

/*.nav-link > span {
    font-weight: 500;
}*/

.nav-link-icon {
    margin-bottom: 2px;
    border-radius: 7px;
    width: 26px;
    height: 25px;
    padding: 5px;
}

.nav-link {
    padding: 9px 0 7px;
}

    /*element.style {
    height: 75px;
}

element.style {
    height: 75px;
}*/

    .nav-link > span {
        font-size: 13px;
        line-height: 1.467;
    }

.site-header__top {
    padding: 5px 0 5px;
}

.site-main {
    margin-top: 25px;
    margin-bottom: 20px;
}

.site-heading::after {
    margin-bottom: 7px;
    margin-left: 15px;
}

.site-heading {
    gap: 12px;
    margin-bottom: 12px;
}

.dashboard-chart__head .item {
    padding: 12px 12px 12px;
}

.fz-45 {
    font-size: 30px;
}

.sidebar-school__logo {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 1px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 3px;
    background-color: #fff;
    overflow: hidden;
}

.sidebar-school__head {
    align-items: flex-start;
    display: flex;
    border-radius: 5px;
    padding: 12px 12px 12px;
    background: #0078ff;
    color: #fff;
}

.fz-36 {
    font-size: 30px;
}

.dashboard-data__head .item {
    padding: 12px 12px;
}

.dashboard-data__head {
    border-radius: 5px 5px 0 0;
    padding: 15px 20px;
    background-color: #005fca;
    background-image: url(../images/common/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.fz-24 {
    font-size: 25px;
}

.add-new__head {
    margin-bottom: 2px;
}

.common-toolbar__button .btn {
    height: 38px;
    padding: 5px 15px;
}

.common-toolbar__button .btn {
    border-radius: 10px;
    min-width: 170px;
    height: 40px;
}

.analisys-student-table__table {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

    .analisys-student-table__table .tr {
        flex-wrap: wrap;
        align-items: flex-start;
        display: flex
    }

@media screen and (min-width:768px) {
    .analisys-student-table__table .tr {
        flex-wrap: nowrap;
        align-items: center
    }
}

.analisys-student-table__table .td, .analisys-student-table__table .th {
    padding-right: 8px;
    padding-left: 8px
}

@media screen and (min-width:768px) {
    .analisys-student-table__table .td, .analisys-student-table__table .th {
        text-align: center
    }
}

.analisys-student-table__table .td:nth-child(1), .analisys-student-table__table .th:nth-child(1) {
    align-items: center;
    display: flex;
    position: relative;
    top: -1px;
    flex-shrink: 0;
    width: 330px
}

@media screen and (min-width:1366px) {
    .analisys-student-table__table .td:nth-child(1), .analisys-student-table__table .th:nth-child(1) {
        top: auto;
        width: 430px
    }
}

.analisys-student-table__table .td:nth-child(2), .analisys-student-table__table .th:nth-child(2) {
    align-items: center;
    display: flex;
    position: relative;
    top: -1px;
    flex-shrink: 0;
    width: 280px
}

/*@media screen and (min-width:1366px) {
    .analisys-student-table__table .td:nth-child(2), .analisys-student-table__table .th:nth-child(2) {
        width: 280px
    }
}*/

.analisys-student-table__table .td:nth-child(3), .analisys-student-table__table .th:nth-child(3) {
    align-items: center;
    display: flex;
    position: relative;
    top: -1px;
    flex-shrink: 0;
    width: 280px
}

/*@media screen and (min-width:1366px) {
    .analisys-student-table__table .td:nth-child(2), .analisys-student-table__table .th:nth-child(3) {
        width: 280px
    }
}*/

.analisys-student-table__table .td:nth-child(4), .analisys-student-table__table .th:nth-child(4) {
    align-items: center;
    display: flex;
    position: relative;
    top: -1px;
    flex-shrink: 0;
    width: 280px
}

/*@media screen and (min-width:1366px) {
    .analisys-student-table__table .td:nth-child(2), .analisys-student-table__table .th:nth-child(4) {
        width: 280px
    }
}*/

.analisys-student-table__table .td::before {
    content: attr(data-label);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .analisys-student-table__table .td::before {
        content: none
    }
}

.analisys-student-table__table .thead {
    display: none
}

@media screen and (min-width:768px) {
    .analisys-student-table__table .thead {
        display: block
    }
}

.analisys-student-table__table .thead .tr {
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    height: 44px;
    background-color: #f2f2f2
}

.analisys-student-table__table .tbody .tr {
    transition: background-color .3s ease;
    border-bottom: 1px solid #ddd;
    padding-top: 9px;
    padding-bottom: 10px
}

.analisys-student-table__table .view {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin: 0 0 0 4px;
    width: 100%;
    max-width: 45px
}

@media screen and (min-width:768px) {
    .analisys-student-table__table .view {
        margin: 0 auto
    }
}

.analisys-student-table__table .view a {
    transition: all .3s ease;
    color: #b7b7b7
}

    .analisys-student-table__table .view a:hover {
        color: #0078ff
    }

.analisys-student-table__table .view svg {
    position: relative;
    top: -1px
}

.analisys-student-table__table .form-check-small .form-check-input {
    border: 1px solid #afafaf !important;
    width: 18px;
    height: 18px
}

.analisys-student-table__table .analisys-student-table__tnav-body {
    height: 63px;
    background-color: #f8f8f8
}

.btn-icon__date-down {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E %3Cpath d='M1 1L6 6L11 1' stroke='%238F8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center;
    pointer-events: none
}

.bd-blue {
    border-color: #0078FF
}

.common-toolbar .nav-icon {
    margin-right: 10px;
    width: 36px;
    height: 36px;
}

.lesson-mgt__table .thead .tr {
    height: 45px;
}

.lesson-mgt__table .tbody .tr {
    padding-top: 13px;
    padding-bottom: 16px;
}

.common-pagination {
    padding: 15px 15px 15px;
}

[data-toggle=datepicker] {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 125px;
    height: 32px;
    padding-right: 32px;
    padding-left: 10px;
    background: #f7f7f7;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 15px 20px;
    color: #555;
}

.tnav-col .form-select {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 100%;
    height: 32px;
    padding-right: 36px;
    padding-left: 12px;
    background-color: #f7f7f7;
}

.common-filter .form-search {
    height: 40px;
}

.common-filter {
    margin-bottom: 20px;
    padding: 10px;
}

.common-toolbar {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: 6px;
}

.lesson-mgt .common-class {
    margin-bottom: 10px;
}

.common-block li.active {
    font-size: 18px;
}

.common-block li {
    height: 45px;
    font-size: 16px;
}

.common-block {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    margin-top: -5px;
    margin-bottom: 12px;
    background: linear-gradient(to top,#e7e7e7 1px,transparent 0) repeat-y left bottom/100% 42px;
}

.fz-16, .multiselect-selected-text, .form-check-label {
    font-size: 14px;
}

.add-new__footer .btn-primary {
    margin-left: auto;
    min-width: 140px;
}

.add-new__footer.gap-22 {
    gap: 12px;
}

.teacher-mgt__table .tr {
    padding-top: 12px;
    padding-bottom: 12px;
}

.fz-14 {
    font-size: 13px;
}

.lesson-mgt .common-block {
    margin-top: -12px;
    background: none;
    border-bottom: solid 1px #e7e7e7;
}

.topic-weak {
    margin-bottom: 20px;
}

.dashboard-point__info p {
    margin-bottom: 15px;
    border-bottom: 1px dashed #d9d9d9;
    padding-bottom: 6px;
}

.filter-box__select .form-select {
    width: 223px;
    height: 36px;
}

.filter-box__head {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 7px;
    gap: 12px;
}

.form-select {
    font-size: 14px;
}

.training-mgt__table .tbody > .tr > .td:nth-child(3), .training-mgt__table .tbody > .tr > .th:nth-child(3), .training-mgt__table .thead > .tr > .td:nth-child(3), .training-mgt__table .thead > .tr > .th:nth-child(3) {
    width: calc(35% - 154px);
}

.form-select {
    height: 36px;
}

dl, ol, ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.student-mgt__table .thead .tr {
    align-items: center;
    height: 42px;
}

.common-toolbar .nav-icon {
    border-radius: 5px;
}

.knowledge__table .td:nth-child(7) .btn {
    border-radius: 5px;
    width: 100%;
    height: 36px;
}

.common-filter .form-search-select {
    height: 36px;
}

.knowledge .form-search-select button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .3s ease;
    border: none;
    width: 36px;
    height: 36px;
    padding: 0;
    background: 0 0;
    color: #333;
}

.knowledge__table .tbody .tr {
    transition: background-color .3s ease;
    border-bottom: 1px solid #ebebeb;
    padding-top: 14px;
    padding-bottom: 20px;
}

.modal-join__form .form-control, .modal-join__form .form-select {
    border-radius: 5px;
}

.common-pagination select {
    width: 81px;
    height: 36px;
    padding: 0 36px 0 16px;
    background-position: right 12px center;
}

.common-pagination ul .btn {
    margin-left: 0px;
    min-width: 110px;
}

.common-pagination ul a {
    min-width: 40px;
    height: 40px;
}

.common-pagination {
    padding: 10px 10px 10px;
}

.tab-menu .btn:last-child {
    margin-left: auto;
}

.tab-menu .btn-success-up {
    margin-right: 0;
}

.upload-file-popup .tab-content {
    padding: 0px;
}

@media screen and (min-width: 768px) {
    .upload-file-popup .tab-content {
        /* padding: 21px 20px 19px; */
    }
}

.upload-file-popup .tab-inner {
    border: none;
    padding: 0;
}

.view-detail-subject-grade {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .view-detail-subject-grade svg {
        width: 80px;
        height: 80px;
        top: 28%;
        left: 28%;
    }



/*Danh sách câu hỏi cần chấm*/
.btcd-f-input {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .btcd-f-input > div > input::-webkit-file-upload-button {
        cursor: pointer;
    }

.btcd-f-wrp {
    cursor: pointer;
}

    .btcd-f-wrp > small {
        color: gray;
    }

    .btcd-f-wrp > button {
        cursor: pointer;
        background: #f3f3f3;
        border-radius: 9px;
        border: none;
        margin-right: 8px;
        height: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        padding: 4px 12px;
    }

        .btcd-f-wrp > button > img {
            width: 24px;
        }

        .btcd-f-wrp > button > span,
        .btcd-f-wrp > span,
        .btcd-f-wrp > small {
            vertical-align: super;
        }

.btcd-f-input > .btcd-f-wrp > input {
    z-index: 100;
    width: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    height: 37px;
    cursor: pointer;
}

.btcd-f-wrp:hover {
    background: #fafafa;
    border-radius: 10px;
}

.btcd-files {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 12px;
}

    .btcd-files > div {
        display: flex;
        align-items: center;
        background: #f8f8f8;
        border-radius: 10px;
        /*        margin-left: 30px;*/
        /*        width: 91%;*/
        margin-top: 10px;
        height: 40px;
        flex-basis: 30%;
        padding: 30px 14px;
    }

        .btcd-files > div > div {
            display: inline-block;
            width: 73%;
        }

            .btcd-files > div > div > small {
                color: gray;
            }

        .btcd-files > div > img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
            border-radius: 10px;
        }

        .btcd-files > div > div > span {
            display: inline-block;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .btcd-files > div > button {
            background: #e8e8e8;
            border: none;
            border-radius: 50px;
            width: 25px;
            height: 25px;
            font-size: 20px;
            margin-right: 6px;
            padding: 0;
        }

            .btcd-files > div > button:hover {
                background: #bbbbbb;
            }

.filter-box__head .filter-box__title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
}

    .filter-box__head .filter-box__title h1 {
        margin-bottom: 0;
    }

.tooltipx {
    font-size: 16px;
    font-weight: normal;
    margin-top: 2px;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

    .tooltipx:hover {
        cursor: help;
    }

.tooltipx-spacing {
    height: 20px;
    margin: 8px;
    position: relative;
    width: 100%;
}

.tooltipx-bg1 {
    background-color: #000;
    border-radius: 10px;
    content: " ";
    display: flex;
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
    opacity: 0;
}

.tooltipx-bg2 {
    background-color: #fff;
    border-radius: 8px;
    content: " ";
    display: flex;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 16px;
    opacity: 0;
}

.tooltipx-text {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 20px;
    opacity: 0.7;
    color: red;
    padding-left: 1px
}

.bubble {
    clip-path: path( "M 201.23862,50.748829 A 0.006,0.006 0 0 1 201.23262,50.754829 0.006,0.006 0 0 1 201.22662,50.748829 0.006,0.006 0 0 1 201.23262,50.742829 0.006,0.006 0 0 1 201.23862,50.748829 M 191.85968,17.069946 A 0.006,0.006 0 0 1 191.85368,17.075946 0.006,0.006 0 0 1 191.84768,17.069946 0.006,0.006 0 0 1 191.85368,17.063946 0.006,0.006 0 0 1 191.85968,17.069946 M 161.59133,52.880402 A 0.006,0.006 0 0 1 161.58533,52.886402 0.006,0.006 0 0 1 161.57933,52.880402 0.006,0.006 0 0 1 161.58533,52.874402 0.006,0.006 0 0 1 161.59133,52.880402 M 138.57033,11.101538 A 0.006,0.006 0 0 1 138.56433,11.107538 0.006,0.006 0 0 1 138.55833,11.101538 0.006,0.006 0 0 1 138.56433,11.095538 0.006,0.006 0 0 1 138.57033,11.101538 M 113.84406,50.322514 A 0.006,0.006 0 0 1 113.83806,50.328514 0.006,0.006 0 0 1 113.83206,50.322514 0.006,0.006 0 0 1 113.83806,50.316514 0.006,0.006 0 0 1 113.84406,50.322514 M 102.33355,21.333096 A 0.006,0.006 0 0 1 102.32755,21.339096 0.006,0.006 0 0 1 102.32155,21.333096 0.006,0.006 0 0 1 102.32755,21.327096 0.006,0.006 0 0 1 102.33355,21.333096 M 64.391521,55.864605 A 0.006,0.006 0 0 1 64.385521,55.870605 0.006,0.006 0 0 1 64.379521,55.864605 0.006,0.006 0 0 1 64.385521,55.858605 0.006,0.006 0 0 1 64.391521,55.864605 M 63.112575,17.496262 A 0.006,0.006 0 0 1 63.106575,17.502262 0.006,0.006 0 0 1 63.100575,17.496262 0.006,0.006 0 0 1 63.106575,17.490262 0.006,0.006 0 0 1 63.112575,17.496262 M 27.198234,49.857197 A 0.006,0.006 0 0 1 27.192234,49.863197 0.006,0.006 0 0 1 27.186234,49.857197 0.006,0.006 0 0 1 27.192234,49.851197 0.006,0.006 0 0 1 27.198234,49.857197 M 14.309602,18.772854 A 0.006,0.006 0 0 1 14.303602,18.778854 0.006,0.006 0 0 1 14.297602,18.772854 0.006,0.006 0 0 1 28.303602,18.766854 0.006,0.006 0 0 1 14.309602,18.772854" );
    filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 6px) drop-shadow(rgba(0, 0, 0, 0.23) 0px 3px 6px);
    left: 100%;
    opacity: 0.5;
    position: absolute;
    top: -30px;
    transition: transform 400ms, clip-path 400ms, opacity 400ms;
    transform: rotate(10deg);
    transform-origin: -10% 50%;
}

.bubble-triangles {
    clip-path: path( "M 203.0404,15.981094 H 203.05405 L 203.04722,15.99297 Z M 179.0404,21.981094 H 179.05405 L 179.04722,21.99297 Z M 137.0404,17.981094 H 137.05405 L 137.04722,17.99297 Z M 193.39923,31.578348 H 193.38558 L 193.39241,31.566472 Z M 153.39923,35.578348 H 153.38558 L 153.39241,35.566472 Z M 113.39923,35.578348 H 113.38558 L 113.39241,35.566472 Z M 69.399234,35.578348 H 69.385576 L 69.392405,35.566472 Z M 97.040397,23.981094 H 97.054055 L 97.047226,23.99297 Z M 15.399233,37.578349 H 15.385575 L 15.392404,37.566472 Z M 40.248519,26.488708 H 40.262177 L 40.255348,26.500584 Z M 14.248519,26.488708 H 14.262177 L 14.255348,26.500584 Z" );
}

.bubble-rects {
    clip-path: path( "M 220.41818,50.596475 H 220.42935 C 220.43075,50.596475 220.43188,50.597602 220.43188,50.599002 V 50.607633 C 220.43188,50.609033 220.43075,50.61016 220.42935,50.61016 H 220.41818 C 220.41678,50.61016 220.41565,50.609033 220.41565,50.607633 V 50.599002 C 220.41565,50.597602 220.41678,50.596475 220.41818,50.596475 Z M 207.09587,16.57393 H 207.10704 C 207.10844,16.57393 207.10957,16.575057 207.10957,16.576457 V 16.585088 C 207.10957,16.586488 207.10844,16.587615 207.10704,16.587615 H 207.09587 C 207.09447,16.587615 207.09334,16.586488 207.09334,16.585088 V 16.576457 C 207.09334,16.575057 207.09447,16.57393 207.09587,16.57393 Z M 171.9734,53.513078 H 171.98457 C 171.98597,53.513078 171.9871,53.514205 171.9871,53.515605 V 53.524236 C 171.9871,53.525636 171.98597,53.526763 171.98457,53.526763 H 171.9734 C 171.972,53.526763 171.97087,53.525636 171.97087,53.524236 V 53.515605 C 171.97087,53.514205 171.972,53.513078 171.9734,53.513078 Z M 168.9456,2.0404937 H 168.95677 C 168.95817,2.0404937 168.9593,2.0416208 168.9593,2.0430209 V 2.0516521 C 168.9593,2.0530522 168.95817,2.0541793 168.95677,2.0541793 H 168.9456 C 168.9442,2.0541793 168.94307,2.0530522 168.94307,2.0516521 V 2.0430209 C 168.94307,2.0416208 168.9442,2.0404937 168.9456,2.0404937 Z M 126.55641,48.063039 H 126.56758 C 126.56898,48.063039 126.57011,48.064166 126.57011,48.065566 V 48.074197 C 126.57011,48.075597 126.56898,48.076724 126.56758,48.076724 H 126.55641 C 126.55501,48.076724 126.55388,48.075597 126.55388,48.074197 V 48.065566 C 126.55388,48.064166 126.55501,48.063039 126.55641,48.063039 Z M 112.02298,11.012696 H 112.03415 C 112.03555,11.012696 112.03668,11.013823 112.03668,11.015223 V 11.023854 C 112.03668,11.025254 112.03555,11.026381 112.03415,11.026381 H 112.02298 C 112.02158,11.026381 112.02045,11.025254 112.02045,11.023854 V 11.015223 C 112.02045,11.013823 112.02158,11.012696 112.02298,11.012696 Z M 68.828384,53.513078 H 68.839559 C 68.840959,53.513078 68.842086,53.514205 68.842086,53.515605 V 53.524236 C 68.842086,53.525636 68.840959,53.526763 68.839559,53.526763 H 68.828384 C 68.826984,53.526763 68.825857,53.525636 68.825857,53.524236 V 53.515605 C 68.825857,53.514205 68.826984,53.513078 68.828384,53.513078 Z M 56.917034,3.7459782 H 56.928208 C 56.929608,3.7459782 56.930736,3.7471053 56.930736,3.7485054 V 3.7571366 C 56.930736,3.7585367 56.929608,3.7596638 56.928208,3.7596638 H 56.917034 C 56.915634,3.7596638 56.914506,3.7585367 56.914506,3.7571366 V 3.7485054 C 56.914506,3.7471053 56.915634,3.7459782 56.917034,3.7459782 Z M 6.0334827,41.474006 H 6.0446573 C 6.0460574,41.474006 6.0471845,41.475133 6.0471845,41.476533 V 41.485164 C 6.0471845,41.486564 6.0460574,41.487691 6.0446573,41.487691 H 6.0334827 C 6.0320826,41.487691 6.0309555,41.486564 6.0309555,41.485164 V 41.476533 C 6.0309555,41.475133 6.0320826,41.474006 6.0334827,41.474006 Z M -9.6945443,5.1404177 H -9.6833697 C -9.6819696,5.1404177 -9.6808425,5.1415448 -9.6808425,5.1429449 V 5.1515761 C -9.6808425,5.1529762 -9.6819696,5.1541033 -9.6833697,5.1541033 H -9.6945443 C -9.6959444,5.1541033 -9.6970715,5.1529762 -9.6970715,5.1515761 V 5.1429449 C -9.6970715,5.1415448 -9.6959444,5.1404177 -9.6945443,5.1404177 Z" );
    left: 37px;
    top: -22px;
}

.bubble-text {
    color: white;
    left: 45px;
    position: absolute;
    top: 32px;
    font-size: 12px
}

.bubble-text-triangles {
    left: 62px;
}

.bubble-text-rects {
    left: 68px;
}

.tooltipx:hover .bubble {
    clip-path: path( "M 231.23262,50.748829 A 30,30 0 0 1 201.23262,80.748829 30,30 0 0 1 171.23262,50.748829 30,30 0 0 1 201.23262,20.748829 30,30 0 0 1 231.23262,50.748829 M 221.85368,17.069946 A 30,30 0 0 1 191.85368,47.069946 30,30 0 0 1 161.85368,17.069946 30,30 0 0 1 191.85368,-12.930054 30,30 0 0 1 221.85368,17.069946 M 191.58533,52.880402 A 30,30 0 0 1 161.58533,82.880402 30,30 0 0 1 131.58533,52.880402 30,30 0 0 1 161.58533,22.880402 30,30 0 0 1 191.58533,52.880402 M 168.56433,11.101538 A 30,30 0 0 1 138.56433,41.101538 30,30 0 0 1 108.56433,11.101538 30,30 0 0 1 138.56433,-18.898462 30,30 0 0 1 168.56433,11.101538 M 143.83806,50.322514 A 30,30 0 0 1 113.83806,80.322514 30,30 0 0 1 83.838058,50.322514 30,30 0 0 1 113.83806,20.322514 30,30 0 0 1 143.83806,50.322514 M 132.32755,21.333096 A 30,30 0 0 1 102.32755,51.333096 30,30 0 0 1 72.327553,21.333096 30,30 0 0 1 102.32755,-8.6669044 30,30 0 0 1 132.32755,21.333096 M 94.385521,55.864605 A 30,30 0 0 1 64.385521,85.864605 30,30 0 0 1 34.385521,55.864605 30,30 0 0 1 64.385521,25.864605 30,30 0 0 1 94.385521,55.864605 M 93.106575,17.496262 A 30,30 0 0 1 63.106575,47.496262 30,30 0 0 1 33.106575,17.496262 30,30 0 0 1 63.106575,-12.503738 30,30 0 0 1 93.106575,17.496262 M 57.192234,49.857197 A 30,30 0 0 1 27.192234,79.857197 30,30 0 0 1 -2.807766,49.857197 30,30 0 0 1 27.192234,19.857197 30,30 0 0 1 57.192234,49.857197 M 44.303602,18.772854 A 30,30 0 0 1 14.303602,48.772854 30,30 0 0 1 -15.696398,18.772854 30,30 0 0 1 14.303602,-11.227146 30,30 0 0 1 44.303602,18.772854" );
    opacity: 1;
    transform: rotate(0deg);
}

.tooltipx:hover .bubble-triangles {
    clip-path: path( "M 180.95134,-20.140107 H 262.90149 L 221.92642,51.116808 Z M 152.15134,-14.940107 H 234.10149 L 193.12642,56.316808 Z M 101.75134,-19.740107 H 183.70149 L 142.72642,51.516808 Z M 251.3157,68.499549 H 169.36555 L 210.34062,-2.7573658 Z M 203.3157,73.299549 H 121.36555 L 162.34062,2.0426342 Z M 155.3157,73.299549 H 73.365555 L 114.34062,2.0426342 Z M 100.5157,73.299549 H 18.565555 L 59.540627,2.0426342 Z M 47.751341,-12.540106 H 129.70149 L 88.726414,58.716808 Z M 37.7157,75.699549 H -44.234445 L -3.2593726,4.4426344 Z M -14.398913,-9.5309691 H 67.551233 L 26.57616,61.725945 Z M -45.598913,-9.5309691 H 36.351233 L -4.6238398,61.725945 Z" );
}

.tooltipx:hover .bubble-rects {
    clip-path: path( "M 192.48716,16.389187 H 248.36037 C 255.36066,16.389187 260.99627,22.024798 260.99627,29.025086 V 72.181548 C 260.99627,79.181836 255.36066,84.817448 248.36037,84.817448 H 192.48716 C 185.48687,84.817448 179.85126,79.181836 179.85126,72.181548 V 29.025086 C 179.85126,22.024798 185.48687,16.389187 192.48716,16.389187 Z M 179.16485,-17.633358 H 235.03806 C 242.03835,-17.633358 247.67396,-11.997747 247.67396,-4.9974585 V 38.159003 C 247.67396,45.159292 242.03835,50.794903 235.03806,50.794903 H 179.16485 C 172.16456,50.794903 166.52895,45.159292 166.52895,38.159003 V -4.9974585 C 166.52895,-11.997747 172.16456,-17.633358 179.16485,-17.633358 Z M 144.04238,19.30579 H 199.91559 C 206.91588,19.30579 212.55149,24.941401 212.55149,31.941689 V 75.098151 C 212.55149,82.09844 206.91588,87.734051 199.91559,87.734051 H 144.04238 C 137.04209,87.734051 131.40648,82.09844 131.40648,75.098151 V 31.941689 C 131.40648,24.941401 137.04209,19.30579 144.04238,19.30579 Z M 141.01458,-32.166794 H 196.88779 C 203.88808,-32.166794 209.52369,-26.531183 209.52369,-19.530894 V 23.625567 C 209.52369,30.625856 203.88808,36.261467 196.88779,36.261467 H 141.01458 C 134.01429,36.261467 128.37868,30.625856 128.37868,23.625567 V -19.530894 C 128.37868,-26.531183 134.01429,-32.166794 141.01458,-32.166794 Z M 98.625386,13.855751 H 154.4986 C 161.49889,13.855751 167.1345,19.491362 167.1345,26.491651 V 69.648112 C 167.1345,76.648401 161.49889,82.284012 154.4986,82.284012 H 98.625386 C 91.625098,82.284012 85.989487,76.648401 85.989487,69.648112 V 26.491651 C 85.989487,19.491362 91.625098,13.855751 98.625386,13.855751 Z M 84.091954,-23.194592 H 139.96517 C 146.96546,-23.194592 152.60107,-17.55898 152.60107,-10.558692 V 32.59777 C 152.60107,39.598058 146.96546,45.233669 139.96517,45.233669 H 84.091954 C 77.091666,45.233669 71.456055,39.598058 71.456055,32.59777 V -10.558692 C 71.456055,-17.55898 77.091666,-23.194592 84.091954,-23.194592 Z M 40.897363,19.30579 H 96.770576 C 103.77086,19.30579 109.40648,24.941401 109.40648,31.941689 V 75.098151 C 109.40648,82.09844 103.77086,87.734051 96.770576,87.734051 H 40.897363 C 33.897074,87.734051 28.261463,82.09844 28.261463,75.098151 V 31.941689 C 28.261463,24.941401 33.897074,19.30579 40.897363,19.30579 Z M 28.986014,-30.461309 H 84.859227 C 91.859516,-30.461309 97.495127,-24.825698 97.495127,-17.82541 V 25.331052 C 97.495127,32.33134 91.859516,37.966951 84.859227,37.966951 H 28.986014 C 21.985726,37.966951 16.350115,32.33134 16.350115,25.331052 V -17.82541 C 16.350115,-24.825698 21.985726,-30.461309 28.986014,-30.461309 Z M -21.897536,7.2667179 H 33.975677 C 40.975965,7.2667179 46.611576,12.902329 46.611576,19.902617 V 63.059079 C 46.611576,70.059368 40.975965,75.694979 33.975677,75.694979 H -21.897536 C -28.897825,75.694979 -34.533436,70.059368 -34.533436,63.059079 V 19.902617 C -34.533436,12.902329 -28.897825,7.2667179 -21.897536,7.2667179 Z M -37.625564,-29.06687 H 18.247649 C 25.247938,-29.06687 30.883549,-23.431259 30.883549,-16.43097 V 26.725492 C 30.883549,33.72578 25.247938,39.361391 18.247649,39.361391 H -37.625564 C -44.625852,39.361391 -50.261463,33.72578 -50.261463,26.725492 V -16.43097 C -50.261463,-23.431259 -44.625852,-29.06687 -37.625564,-29.06687 Z" );
}
/*Màn hình bài luyện tập*/
@media screen and (min-width: 1366px) {
    .student-mgt__table .list-button {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .teacher-mgt__table .td:nth-child(5) .btn:not(:first-child) {
        margin-left: 0px;
    }
}

@media screen and (min-width: 992px) {
    .system-mgt__table .td-group .td:nth-child(3) .btn-icon:last-child {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.lesson-mgt__table .td:last-child .list-button .btn-icon {
    margin-left: 0px;
}

.lesson-mgt__table .td:last-child .list-button {
    justify-content: center;
}

.btn-wrapper {
    --background: #0078ff;
    --icon-color: #414856;
    --shape-color-01: #B8CBEE;
    --shape-color-02: #7691E8;
    --shape-color-03: #FDD053;
    --width: 36px;
    --height: 36px;
    --border-radius: var(--height);
    width: var(--width);
    height: var(--height);
    position: relative;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn-wrapper .btn-main {
        background: var(--background);
        width: var(--width);
        height: var(--height);
        position: relative;
        z-index: 3;
        border-radius: var(--border-radius);
        box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
        display: flex;
        justify-content: center;
        align-items: center;
        animation: plus-animation-reverse .5s ease-out forwards;
    }

        .btn-wrapper .btn-main::before,
        .btn-wrapper .btn-main::after {
            content: "";
            display: block;
            position: absolute;
            border-radius: 4px;
            background: #fff;
        }

        .btn-wrapper .btn-main::before {
            width: 4px;
            height: 12px;
        }

        .btn-wrapper .btn-main::after {
            width: 12px;
            height: 4px;
        }

    .btn-wrapper .tooltip {
        display: none;
        justify-content: space-around;
        align-items: center;
        gap: 4px;
        max-width: 300px;
        height: 48px;
        border-radius: 30px;
        position: absolute;
        background: #fff;
        z-index: 99;
        padding: 0 4px;
        box-shadow: 13px 10px 24px 0px rgba(200,194,194,0.76);
        -webkit-box-shadow: 13px 10px 24px 0px rgba(200,194,194,0.76);
        -moz-box-shadow: 13px 10px 24px 0px rgba(200,194,194,0.76);
        opacity: 0;
        top: 0;
        transition: opacity .15s ease-in, top .15s ease-in, width .15s ease-in;
    }

        .btn-wrapper .tooltip > .btn {
            z-index: 2;
            width: 42px;
            border-radius: 50%;
            height: 42px;
            margin-left: 0;
        }

            .btn-wrapper .tooltip > .btn:hover {
                background-color: rgb(238, 238, 238);
            }

        .btn-wrapper .tooltip > svg {
            width: 100%;
            height: 26px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            cursor: pointer;
        }

            .btn-wrapper .tooltip > svg .icon {
                fill: none;
                stroke: var(--icon-color);
                stroke-width: 2px;
                stroke-linecap: round;
                stroke-linejoin: round;
                opacity: .4;
                transition: opacity .3s ease;
            }

            .btn-wrapper .tooltip > svg:hover .icon {
                opacity: 1;
            }

        .btn-wrapper .tooltip::after {
            content: "";
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 3px;
            position: absolute;
            left: calc(50% - 6px);
            bottom: -6px;
            transform: rotate(45deg);
            z-index: 0;
        }

    .btn-wrapper > svg {
        width: 300px;
        height: 300px;
        position: absolute;
        z-index: 1;
        transform: scale(0);
    }

        .btn-wrapper > svg .shape {
            fill: none;
            stroke: none;
            stroke-width: 3px;
            stroke-linecap: round;
            stroke-linejoin: round;
            transform-origin: 50% 20%;
        }

    .btn-wrapper input {
        height: 100%;
        width: 100%;
        border-radius: var(--border-radius);
        cursor: pointer;
        position: absolute;
        z-index: 5;
        opacity: 0;
    }

        .btn-wrapper input:checked ~ svg {
            animation: pang-animation 1.2s ease-out forwards;
        }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(1) {
                transform: translate(-20px, 30%) rotate(40deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(2) {
                transform: translate(13px, 30%) rotate(80deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(3) {
                transform: translate(3px, 30%) rotate(120deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(4) {
                transform: translate(-19px, 30%) rotate(160deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(5) {
                transform: translate(22px, 30%) rotate(200deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(6) {
                transform: translate(2px, 30%) rotate(240deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(7) {
                transform: translate(8px, 30%) rotate(280deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(8) {
                transform: translate(-10px, 30%) rotate(320deg);
            }

            .btn-wrapper input:checked ~ svg .shape:nth-of-type(9) {
                transform: translate(17px, 30%) rotate(360deg);
            }

        .btn-wrapper input:checked ~ .btn-main {
            animation: plus-animation .5s ease-out forwards;
        }

        .btn-wrapper input:checked ~ .tooltip {
            animation: stretch-animation 1s ease-out forwards .15s;
            top: -64px;
            opacity: 1;
            display: flex;
        }

@keyframes pang-animation {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes plus-animation {
    0% {
        transform: rotate(0) scale(1);
    }

    20% {
        transform: rotate(60deg) scale(0.93);
    }

    55% {
        transform: rotate(35deg) scale(0.97);
    }

    80% {
        transform: rotate(48deg) scale(0.94);
    }

    100% {
        transform: rotate(45deg) scale(0.95);
    }
}

@keyframes plus-animation-reverse {
    0% {
        transform: rotate(45deg) scale(0.95);
    }

    20% {
        transform: rotate(-15deg);
    }

    55% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-3deg);
    }

    100% {
        transform: rotate(0) scale(1);
    }
}

@keyframes stretch-animation {
    0% {
        transform: scale(1, 1);
    }

    10% {
        transform: scale(1.1, 0.9);
    }

    30% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.05, 0.95);
    }

    100% {
        transform: scale(1, 1);
    }
}

@media screen and (min-width: 768px) {
    .lesson-mgt__table .item-button {
        align-items: center;
    }
}

.lesson-mgt__table .item-button > a:not(.btn):hover {
    text-decoration: underline 1.5px;
    text-underline-offset: 0.25em;
    text-decoration-color: #0078ff;
}


.lesson-mgt__table .item-button .btn-preview-exercise > svg,
.item-button-left .btn-preview-exercise > svg {
    display: none;
}

.lesson-mgt__table .item-button .btn-preview-exercise:hover > svg,
.item-button-left .btn-preview-exercise:hover > svg {
    display: block;
    margin-left: 4px;
    animation: fadeInOpacity ease-in 0.4s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}


@media screen and (min-width: 992px) {
    .modal-content .lesson-block {
        padding: 30px 35px 22px;
    }

        .modal-content .lesson-block .lesson-block__class-grid {
            position: relative;
            height: 60px;
            /*overflow: hidden;*/
        }

            .modal-content .lesson-block .lesson-block__class-grid #regionViewChecked {
                position: absolute;
                top: 100px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px 15px;
                width: 100%;
                opacity: 0;
            }
}

@media screen and (min-width: 768px) {
    .modal-content .lesson-block__class {
        padding-right: 18px;
        padding-left: 18px;
    }

    .modal-content .lesson-block__time .collapse-humbug {
        cursor: pointer;
    }

        .modal-content .lesson-block__time .collapse-humbug[aria-expanded="true"] > svg {
            transform: rotate(180deg);
        }
}

@media screen and (min-width:1366px) {
    .lesson-mgt__table .td:nth-child(5), .lesson-mgt__table .th:nth-child(5) {
        width: 160px;
        gap: 14px
    }
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.swal2-container {
    z-index: 10000 !important;
}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr {
        background-color: #0078ff;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th,
    .styled-table td {
        padding: 12px 15px;
    }

    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #009879;
        }



/*Custom tooltip*/
.modal {
    z-index: 9000;
}

#xtip {
    width: 100%;
    position: absolute;
    z-index: 9999;
}

.item-hints {
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9998;
}

    .item-hints .hint {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        cursor: help;
    }

        .item-hints .hint::before {
            width: 8px;
            height: 8px;
            z-index: 2;
            content: "\1f6c8";
            position: absolute;
            top: calc(50% - 12px);
            left: calc(100% - 12px);
            font-size: 11px;
            color: #df4949;
        }

    .item-hints .hint-dot {
        display: block;
        z-index: 3;
        width: 100%;
        height: 100%;
    }


    .item-hints .hint-content {
        position: absolute;
        border: 1px solid #B2B2B2;
        min-width: 150px;
        border-radius: 12px;
        color: #000;
        padding: 8px;
        opacity: 0;
        visibility: visible;
        -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
        transition: opacity 0.7s ease, visibility 0.7s ease;
        pointer-events: none;
        bottom: calc(100% + 40px);
        display: block;
        left: calc(100% + 16px);
        background-color: #fff;
        -webkit-box-shadow: 10px 8px 5px 0px rgba(148,142,148,1);
        -moz-box-shadow: 10px 8px 5px 0px rgba(148,142,148,1);
        box-shadow: 10px 8px 5px 0px rgba(148,142,148,1);
    }

        .item-hints .hint-content p {
            font-size: 13px;
            color: #000;
            margin: 0;
            font-family: inherit;
        }

    .item-hints .hint:hover .hint-content {
        opacity: 1;
        visibility: visible;
    }

    .item-hints .hint-content::before {
        width: 0px;
        bottom: -9px;
        left: 0;
        content: "";
        background-color: #11009E;
        height: 2px;
        position: absolute;
        transition: width 0.4s;
    }

    .item-hints .hint:hover .hint-content::before {
        width: 100%;
        transition: width 0.4s;
    }

    .item-hints .hint-content::after {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg);
        bottom: -9px;
        left: 0;
        width: 35px;
        content: "";
        background-color: #11009E;
        height: 2px;
        position: absolute;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .item-hints .hint:hover .hint-content::after {
        opacity: 1;
        visibility: visible;
    }


/*Intro.js*/
.introjs-tooltipbuttons {
    border-top: none;
}

.introjs-tooltip-title {
    color: #0078ff;
    font-weight: 700;
}

.introjs-helperLayer {
    border-radius: 12px;
    box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}

.introjs-button {
    border-radius: 1.4rem;
    color: #0078ff;
    text-shadow: none;
    text-align: center;
    border: none;
}

    .introjs-button.introjs-prevbutton,
    .introjs-button.introjs-nextbutton {
        background-color: #fff;
        border: 1px solid #0078ff;
    }

    .introjs-button:focus {
        color: #fff;
        background-color: #0078ff;
        /* box-shadow:none;
        border:none;*/
    }

    .introjs-button:hover {
        color: #fff;
        background-color: #0078ff;
    }


    .introjs-button.introjs-disabled {
        color: #000;
        background-color: #eee;
        border: none;
    }

.introjs-bullets ul li a.active {
    background-color: #0078ff;
}

#overlay {
    z-index: 3000
}

.dropdown-menu, .site-header {
    z-index: 9000
}

.mathcha-logo {
    height: 36px;
}



/* Upload học sinh */

.upload-box {
    border: 2px solid #eee;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
}

.upload-box__download {
    display: flex;
    justify-content: center;
    margin: 8px 0;
}

.btn-download-example {
    height: 45px;
    padding: 5px 22px;
    min-width: 120px;
    border-radius: 10px;
    color: #fff;
}

.upload-box__drop-zone {
    border: 4px dashed #003865;
    margin: 12px 20px;
    border-radius: 15px;
    height: 400px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

    .upload-box__drop-zone:hover {
        opacity: 0.7;
    }

    .upload-box__drop-zone.drag-over {
        opacity: 0.7;
    }

    .upload-box__drop-zone.has-content {
        border: 4px dashed #0078ff;
    }

.class-box__grid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .25em;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 8px;
}

.class-box__item {
    flex-basis: 19%;
}

.class-box {
    margin-bottom: 12px;
}


.student-box .table-student {
    border: 1px solid #eee;
    border-radius: 6px;
}

.footer-box {
    margin: 12px 0;
    display: flex;
    justify-content: center;
}

.btn-submit-excel {
    padding: 12px 20px;
    border-radius: 26px;
    min-width: 120px;
}




/*màn hình giao nhiệm vụ*/
.disabled {
    pointer-events: none;
    cursor: default;
}

.site-main {
    margin-top: 30px;
}

.site-heading::after {
    background: url(/content/images/common/bg-3.jpg) no-repeat 100%;
    height: 40px;
}

.site-heading {
    margin-bottom: 10px;
}

.heading-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expand-box {
    margin-top: 12px;
}

.exercise-box {
    margin-top: 12px;
}



.lesson-block__content {
    border-radius: 6px;
    padding: 20px;
    border: 1px solid #c1d3e7;
    background: #f2f8ff;
}

    .lesson-block__content .lesson-block__grid {
        display: flex;
        justify-content: flex-start;
        gap: 4px 8px;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 150px;
    }

.exercise-item {
    flex-basis: 48%;
    align-items: center;
}

.week-select {
    display: flex;
    align-items: center;
}

.week-select__content {
    display: flex;
    margin-left: 12px;
    gap: 12px;
    flex-wrap: wrap;
}

.show-date {
    min-width: auto;
    top: calc(100% + 0px);
    border-radius: 6px;
    padding: 6px;
}

.show-date__content {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0 12px;
}

    .show-date__content select[name="tuan"] {
        width: 120px;
    }

.custom-date-box {
    position: relative;
}

.exercise-box__heading,
.class-box__heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6px;
    gap: 0 12px;
}

    .class-box__heading [name='assign_grade'] {
        max-width: 120px;
    }

.exercise-box__toolbar,
.class-box__toolbar {
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

.exercise-box__heading--left {
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

.assign-for-class,
.assign-for-student {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.assign-for__content {
    display: flex;
    align-items: center;
    gap: 0 4px;
}

    .assign-for__content select {
        min-width: 120px;
    }

.lesson-block__flex-header {
    border: none;
}

.lesson-block__flex-input input {
    width: auto;
}

#ckb-check-all-label {
    display: inline-block;
    min-width: 78px;
    text-align: right;
}

.student-item {
    flex-basis: 32%;
    border-radius: 5px;
    background-color: #D2E0FB;
    display: flex;
    align-items: center;
}

    .student-item .form-check {
        width: 100%;
        border: none;
        background: none;
    }

@media screen and (min-width: 992px) {
    .lesson-block .filter-box__content {
        padding: 20px;
    }
}

@media screen and (min-width: 768px) {
    .lesson-block .filter-box__line {
        margin-bottom: 0;
    }
}

.system {
    background: url(/Content/images/robot.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

.teacher {
    background: url(/Content/images/teacher.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

.multiselect-all {
    padding: 8px 40px !important
}

.multiselect-container .form-check-input {
    width: 24px;
    height: 24px
}

@media screen and (min-width: 992px) {
    .lesson-block {
        padding-right: 46px;
        padding-left: 46px;
    }
}

#boxFilter .multiselect-native-select {
    width: 100%;
}
/*End màn hình giao nhiệm vụ*/
/*End màn hình giao nhiệm vụ*/


/*Màn hình quản lý bài luyện*/
@media screen and (min-width: 1366px) {
    .lesson-mgt__list .tnav-col:first-child {
        justify-content: center;
        padding-left: 35%;
        gap: 0 12px;
    }
}

@media screen and (min-width: 1200px) {
    .lesson-mgt__grid .tnav-col {
        display: flex;
        gap: 0 12px;
    }
}


.multiselect-container::-webkit-scrollbar,
.lesson-block__grid::-webkit-scrollbar {
    width: 6px;
}

.multiselect-container::-webkit-scrollbar-track,
.lesson-block__grid::-webkit-scrollbar-track {
    background: #F6F6F6;
}

.multiselect-container::-webkit-scrollbar-thumb,
.lesson-block__grid::-webkit-scrollbar-thumb {
    background-color: blue;
    border-radius: 20px;
}

/*End*/


/*Search box*/
#viewSearchBox .item > .item-content {
    flex-grow: 1;
}

#viewSearchBox .filter-box__line:first-child .item-label {
    align-self: center;
}

#boxFilter hr {
    opacity: 1;
    margin: 1.18rem 0;
    border-top: 1px dashed #d9d9d9;
    background-color: transparent;
}

#boxFilter .lesson-block__content {
    background: #ffffff;
}

#boxFilter .item-content {
    display: block;
}

#boxFilter .expand-select {
    display: flex;
    align-items: center;
}

.expand-select .btn-expand-search {
    margin-left: 12px;
    border-radius: 50%;
    padding: 4px;
}

#boxFilter .btn-action-callback {
    margin-right: 12px;
    display: none;
}
/*end box*/


/*Giao nhiệm vụ hệ thống*/
.filter-box__line:first-child .item-label {
    align-self: center;
}

#formSearchBai .item > .item-content {
    flex-grow: 1;
}

#formSearchBai .multiselect-native-select {
    width: 100%;
}

.training-table__main .tooltip-container {
    width: auto;
}

.bg-gray {
    background: #eee;
}

.question-preview {
    /* user-select: none;
    pointer-events: none;*/
}

.question-navigate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .question-navigate .question-nav__item {
        flex-basis: 6%;
    }

:root {
    --gradient-color: linear-gradient(90deg, rgba(2,171,10,1) 0%, rgba(101,234,2,1) 50%, rgba(250,247,3,1) 75%, rgba(241,127,5,1) 90%, rgba(255,16,0,1) 100%);
    --first-color-light: hsl(256, 64%, 88%);
    --first-color-lighten: hsl(256, 58%, 94%);
    --white-color: hsl(0, 0%, 100%);
    --body-color: hsl(256, 100%, 98%);
}
/* Custom input range */
.range {
    /*height: 12px;
                width: 100%;*/
    /*max-width: 332px;*/
    /*background-color: var(--first-color-light);
                border-radius: 4rem;
                box-shadow: 0 6px 16px hsla(256, 72%, 24%, .15);
                padding-inline: 2.5rem;
                display: grid;*/
    margin-top: 12px;
}

.range__content {
    position: relative;
    width: 100%;
    display: grid;
    place-items: center;
}

.range__slider {
    width: 100%;
    height: 8px;
    background-color: var(--gradient-color);
    border-radius: 4rem;
    /* box-shadow: 0 4px 12px hsla(256, 72%, 24%, .2);*/
    overflow: hidden;
}

.range__slider-line {
    width: 100%;
    height: 100%;
    background: var(--gradient-color);
}

.range__thumb {
    width: 25px;
    height: 25px;
    /* background-color: var(--first-color-lighten);*/
    border-radius: 50%;
    /*box-shadow: 0 0 12px hsla(256, 72%, 24%, .2);*/
    position: absolute;
    left: 80%;
}

/* Value input range */
.range__value {
    width: 24px;
    height: 24px;
    background: #0D1282;
    position: absolute;
    top: -10px;
    /* left: 10rem;*/
    border-radius: 2rem 2rem 2rem .25rem;
    transform: rotate(-45deg);
    display: grid;
    place-items: center;
}

.range__value-number {
    transform: rotate(45deg);
    color: var(--white-color);
    font-size: var(--h1-font-size);
}

/* Default input range */
.range__input {
    appearance: none;
    width: 100%;
    height: 16px;
    position: absolute;
    opacity: 0;
}

    .range__input::-webkit-slider-thumb {
        appearance: none;
        width: 32px;
        height: 32px;
    }

        .range__input::-webkit-slider-thumb:hover {
            cursor: pointer;
        }

#customBox {
    justify-content: space-between;
}


.exercise-custom__item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: #fff;
    flex-basis: 49%;
    padding: 6px 8px;
    border-radius: 6px;
}

.exercise-ques__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 24px;
}

.exercise-ques__left {
    width: 5rem;
    height: 32px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 0 10px;
}

    .exercise-ques__left.invalid {
        border: 1px solid #FE0000;
    }

    .exercise-ques__left input {
        width: 100%;
        border: none;
        height: 100%;
    }

.lesson-block__name {
    margin-bottom: 12px;
}

.form-input__item {
    display: flex;
    align-items: center;
}

    .form-input__item label {
        margin-right: 12px;
    }

    .form-input__item input {
        flex-grow: 1;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        width: auto;
        height: 40px;
        background-color: #fff;
        background-position: right 14px center;
        padding: 0 18px;
    }

.button-clear {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: red;
}
/*End*/
/*Calendar tuần học*/
.calendar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 4px 12px;
    margin-left: 24px;
    gap: 0 8px;
}

/*End*/


/*màn hình chấm bài*/
.class-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .class-select .item-content {
        margin-left: 12px;
    }

    .class-select .item-label {
        margin-right: 12px;
    }

.heading-box ~ .heading-box {
    margin-top: 8px;
}

.item-answer__content .text-item {
    border: 1px dashed #0078ff;
}

.inner-right .extra-info {
    padding: 8px;
}

.btn-da-cham {
    background-color: #eee;
}
/*end*/
/*Dashboard*/
#dashboardChartTab .nav-select {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    gap: 12px;
}

    #dashboardChartTab .nav-select select:first-child {
        max-width: 100px;
    }

.nav-item:has(#he-thong-tab.active) ~ .nav-select > [name="id_mon"] {
    display: none;
}
/*end*/

/*Tối ưu*/
.hidden {
    content-visibility: hidden;
}

.none-select {
    pointer-events: none;
}
/**/

.history-detail__table .td {
    overflow: hidden;
    text-overflow: ellipsis
}



/*màn hình xem trước câu hỏi*/
.question-preview .question-toolbar {
    display: flex;
    justify-content: flex-end;
}

.indicate-active {
    background-color: #38E54D;
}

.lesson-block__buttons {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    margin-top: 30px;
    gap: 11px;
}

    .lesson-block__buttons .btn {
        border-radius: 30px;
        min-width: 170px;
        height: 45px;
        padding: 12px 15px;
    }

@media screen and (min-width: 768px) {
    .lesson-block__buttons .btn {
        min-width: 190px;
        height: 50px;
    }
}

@media screen and (min-width: 768px) {
    .lesson-block {
        box-shadow: 0 4px 20px rgba(190,190,190,.25);
        border-radius: 5px;
        padding: 43px 35px 47px;
        background: #fff;
    }
}

.lesson-block__class {
    margin-bottom: 24px;
    border: 1px solid #c1d3e7;
    border-radius: 5px;
    padding: 16px 12px 18px;
    background: #f2f8ff;
}


@media screen and (min-width: 768px) {
    .lesson-block__class {
        padding-right: 39px;
        padding-left: 41px;
    }
}

.lesson-block__class-grid {
    flex-wrap: wrap;
    display: flex;
    gap: 10px 15px;
}

.form-range {
    flex-wrap: wrap;
    display: flex;
    height: auto;
    gap: 13px;
}

@media screen and (min-width: 576px) {
    .form-range {
        width: auto;
    }
}


.lesson-block__time .form-range {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .lesson-block__time .form-range {
        gap: 20px;
    }
}


.form-range__item {
    align-items: center;
    display: flex;
}

.lesson-block__time [data-toggle=datepicker] {
    flex-grow: 1;
    border-color: #d6d6d6;
    border-radius: 5px;
    width: auto;
    height: 40px;
    background-color: #fff;
    background-position: right 14px center;
}

@media screen and (min-width: 768px) {
    .lesson-block__time [data-toggle=datepicker] {
        width: 254px;
    }
}



@media screen and (min-width: 992px) {
    .lesson-block__time [data-toggle=datepicker] {
        width: 288px;
    }
}


/*.lesson-block__class-grid .form-check {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px 9px 47px;
    background: #fff;
}

@media screen and (min-width: 375px) {
    .lesson-block__class-grid .form-check {
        width: calc(50% - 8px);
    }
}

@media screen and (min-width: 576px) {
    .lesson-block__class-grid .form-check {
        width: calc(33.33333% - 10px);
    }
}

@media screen and (min-width: 768px) {
    .lesson-block__class-grid .form-check {
        padding: 5px 11px 9px 57px;
    }
}

@media screen and (min-width: 992px) {
    .lesson-block__class-grid .form-check {
        width: calc(25% - 12px);
    }
}

@media screen and (min-width: 1200px) {
    .lesson-block__class-grid .form-check {
        width: calc(20% - 12px);
    }
}

@media screen and (min-width: 768px) {
    .lesson-block__class-grid .form-check-input {
        margin-left: -43px !important;
        border: 2px solid #e7e7e7;
        width: 30px;
        height: 30px;
    }
}*/

.lesson-block__time .form-check-input {
    width: 24px;
    height: 24px;
}

.lesson-block hr {
    opacity: 1;
    margin: 1.18rem 0;
    border-top: 1px dashed #d9d9d9;
    background-color: transparent;
}

.wysiwyg {
    user-select: none
}


/*end màn hình xem trước câu hỏi*/


/*Thêm câu hỏi vào bài*/
#listViewQuestion .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.olt {
    padding: 7px 0;
}

.katex {
    margin: 0 4px
}

.md-vdc {
    cursor: pointer;
    animation: one 3s linear infinite;
}

@keyframes one {
    50% {
        opacity: 0;
    }
}

#listViewQuestion {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.tab-menu .btn-primary svg {
    margin-right: 0px
}

/*.btn svg, label svg {
    margin-right: 5px !important;
}*/

a .fa, p .fa, label .fa {
    margin-right: 5px
}

}


/*Label học sinh*/
.list-group-label {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.group-label {
    width: 24px;
    height: 16px;
}

.label-color {
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    background-color: var(--group-color);
    height: 100%;
}


#viewAggHistoryClass .tooltip-container {
    width: 100%;
}

.question-topic .ico-random {
    margin-left: 10px
}

#boxFilter .btn svg {
    margin-right: 0 !important;
}

#viewTeacher .tooltip-inner {
    width: auto;
    padding: 12px;
}

.help-icon {
    width: 18px;
    height: 22px;
    cursor: pointer;
    margin: 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9%200C4.03125%200%200%204.03125%200%209C0%2013.9688%204.03125%2018%209%2018C13.9688%2018%2018%2013.9688%2018%209C18%204.03125%2013.9688%200%209%200ZM8.71875%2014.25C8.53333%2014.25%208.35207%2014.195%208.1979%2014.092C8.04373%2013.989%207.92357%2013.8426%207.85261%2013.6713C7.78166%2013.5%207.76309%2013.3115%207.79926%2013.1296C7.83544%2012.9477%207.92473%2012.7807%208.05584%2012.6496C8.18695%2012.5185%208.354%2012.4292%208.53585%2012.393C8.71771%2012.3568%208.90621%2012.3754%209.07751%2012.4464C9.24882%2012.5173%209.39524%2012.6375%209.49825%2012.7917C9.60127%2012.9458%209.65625%2013.1271%209.65625%2013.3125C9.65625%2013.5611%209.55748%2013.7996%209.38166%2013.9754C9.20585%2014.1512%208.96739%2014.25%208.71875%2014.25ZM10.2863%209.46875C9.52641%209.97875%209.42188%2010.4461%209.42188%2010.875C9.42188%2011.049%209.35274%2011.216%209.22966%2011.339C9.10659%2011.4621%208.93967%2011.5312%208.76562%2011.5312C8.59158%2011.5312%208.42466%2011.4621%208.30159%2011.339C8.17852%2011.216%208.10938%2011.049%208.10938%2010.875C8.10938%209.84797%208.58188%209.03141%209.55406%208.37844C10.4578%207.77188%2010.9688%207.3875%2010.9688%206.54234C10.9688%205.96766%2010.6406%205.53125%209.96141%205.20828C9.80156%205.13234%209.44578%205.05828%209.00797%205.06344C8.45859%205.07047%208.03203%205.20172%207.70344%205.46609C7.08375%205.96484%207.03125%206.50766%207.03125%206.51562C7.02709%206.60181%207.00601%206.68632%206.96919%206.76435C6.93237%206.84238%206.88054%206.9124%206.81667%206.9704C6.75279%207.0284%206.67811%207.07325%206.5969%207.10239C6.51569%207.13153%206.42954%207.14439%206.34336%207.14023C6.25718%207.13608%206.17266%207.11499%206.09463%207.07817C6.0166%207.04135%205.94659%206.98953%205.88859%206.92565C5.83059%206.86177%205.78574%206.7871%205.7566%206.70589C5.72745%206.62468%205.71459%206.53852%205.71875%206.45234C5.72391%206.33844%205.80313%205.31234%206.87984%204.44609C7.43813%203.99703%208.14828%203.76359%208.98922%203.75328C9.58453%203.74625%2010.1437%203.84703%2010.523%204.02609C11.6578%204.56281%2012.2812%205.45766%2012.2812%206.54234C12.2812%208.12813%2011.2214%208.84016%2010.2863%209.46875Z%22%20fill%3D%22%23FF4A4A%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    flex-shrink: 0
}

.training-detail-table__table .view a {
    margin-left: 9px;
}

.training-detail-table__table .view {
    justify-content: center;
    width: 100%;
    max-width: unset;
}



/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
    --arrow-size: 5px;
    position: relative;
    z-index: 10;
}

    /* Positioning and visibility settings of the tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 50%;
        bottom: calc(100% + var(--arrow-size));
        pointer-events: none;
        transition: 0.2s;
        will-change: transform;
    }

    /* The actual tooltip with a dynamic width */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        padding: 10px 18px;
        min-width: 50px;
        max-width: 300px;
        width: max-content;
        width: -moz-max-content;
        border-radius: 6px;
        font-size: 14px;
        background-color: rgba(59, 72, 80, 0.9);
        background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
        color: #fff;
        text-align: center;
        white-space: pre-wrap;
        transform: translate(-50%, calc(0px - var(--arrow-size))) scale(0.5);
    }

    /* Tooltip arrow */
    [data-tooltip]:after {
        content: '';
        border-style: solid;
        border-width: var(--arrow-size) var(--arrow-size) 0px var(--arrow-size); /* CSS triangle */
        border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
        transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
        transform-origin: top; /* Orientation setting for the
                              slide-down effect */
        transform: translateX(-50%) scaleY(0);
    }

    /* Tooltip becomes visible at hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1;
    }
    /* Scales from 0.5 to 1 -> grow effect */
    [data-tooltip]:hover:before {
        transition-delay: 0.3s;
        transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
    }
    /* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
    [data-tooltip]:hover:after {
        transition-delay: 0.5s; /* Starting after the grow effect */
        transition-duration: 0.2s;
        transform: translateX(-50%) scaleY(1);
    }
/*
  That's it for the basic tooltip.

  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + var(--arrow-size));
    bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
    border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
    left: calc(100% + var(--arrow-size));
    bottom: 50%;
}

[data-tooltip-location="right"]:before {
    transform: translate(var(--arrow-size), 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
    transform: translate(var(--arrow-size), 50%) scale(1);
}

[data-tooltip-location="right"]:after {
    border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + var(--arrow-size));
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    transform: translate(-50%, var(--arrow-size)) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    transform: translate(-50%, var(--arrow-size)) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}

[data-tooltip]:after {
    bottom: calc(100% + 3px);
}

[data-tooltip]:after {
    border-width: 7px 7px 0px 7px;
}

.form-upload__txt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.x-link {
    text-decoration: underline;
}

.item-answer__content .text-item {
    padding: 8px 12px;
}

.modal {
    z-index: 9000 !important;
}

.tooltip {
    z-index: 9001 !important;
    width: fit-content;
}

.tooltip-inner {
    width: auto;
}

.overlay {
    z-index: 9002 !important;
}



.tooltip-inner {
    box-shadow: -3px 3px 3px rgb(0 0 0 / 65%);
    border-radius: 4px;
    width: auto;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.38;
    border: 1px solid #878383;
    text-align: left;
}

.modal_helper {
    box-shadow: inset 0 0 35px 5px rgb(89 144 165 / 25%), inset 0 2px 1px 1px rgba(255,255,255,0.9), inset 0 -2px 1px rgba(0,0,0,0.25);
}

    .modal_helper .modal-body {
        line-height: 22px;
        padding: 10px 20px 15px 30px;
        font-family: Times;
    }

#viewStudentHistoryDetail .td:nth-child(3) {
    text-align: left;
}

#viewStudentHistoryDetail .rounded-pill {
    font-size: 70%;
}

.question-created__list .question-created__item:last-child {
    margin-bottom: 15px;
}

.training-detail-table__table .td:nth-child(3) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 270px;
    padding-right: unset;
}

#viewStudentHistoryDetail .td:nth-child(3):has(.rounded-pill) {
    padding-top: 10px
}

.question-created__content.wysiwyg {
    margin-bottom: 24px;
    min-height: 50px;
}