*,::before,::after{box-sizing:border-box}
body.login a.-intro-x img{border-radius:24px}
.text-logo-gray{color:#919193!important}
.hidden-input{display:none!important}
table.hide-table-checkbox td.select-checkbox{opacity:0!important}
.d-block{display:block!important}
.bold{font-weight:700!important}
.tostify-block{font-size:14px;font-weight:500;padding-left:30px;padding-right:30px}
.inline-block{display:block!important}
.bold{font-weight:700!important}
.field-icon{width:34px;height:34px;z-index:99;position:absolute;margin-top:-34px;right:0;cursor:pointer;float:left;display:flex!important;align-items:center;justify-content:center}
#preloader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;border-radius:30px;visibility:hidden;opacity:0;transition:.3s}
html.dark #preloader{--bg-opacity:1;background-color:#293145;background-color:rgba(41,49,69,var(--bg-opacity))}
html.light #preloader{--bg-opacity:1;background-color:#F1F5F8;background-color:rgba(241,245,248,var(--bg-opacity))}
#preloader.active{visibility:visible;opacity:1}
.modal-title{color:#6c9f7f;font-weight:700;font-size:16px}
textarea{min-height:120px}
.mb-20{margin-bottom: 20px;}
.nowrap{ white-space: nowrap !important;}
.has-error .invalid-feedback,span.invalid-feedback,.help-block{display:block!important;color:#bb0e0e;margin:2px;font-size:12px}
span.invalid-feedback strong,.help-block strong{font-size:12px!important;font-style:italic!important;color:#bb0e0e!important}
.sidebar .nav-item{cursor:pointer}
.btn-default{color:#FFFFFF;background-color:#f07649;border-color:#f07649}
.btn-default.focus,.btn-default:focus{box-shadow:0 0 0 .2rem rgba(209,213,215,.5)}
.btn-default:hover{color:#23282c;background-color: #9cd5f8;border-color: #0884ce;}
.btn-group-xs>.btn,.btn-xs{padding:2px 7px;font-size:12px;line-height:1.5;border-radius:3px;font-weight:400;cursor:pointer;-webkit-appearance:button}
.pointer{cursor:pointer!important}
.badge{display:inline-block;padding:.25em .4em;font-size:95%;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;font-weight:400}
.badge-primary{color:#fff;background-color:#007bff}
.badge-secondary{color:#fff;background-color:#6c757d}
.badge-info{color:#fff;background-color:#17a2b8}
.badge-warning{color:#212529;background-color:#ffc107}
.badge-danger{color:#fff;background-color:#dc3545}
.badge-success{color:#fff;background-color:#28a745}
.text-theme-9{color:#006400!important}
.w-14rem{width:14rem!important}
.w-100{width:100%!important}
.w-80{width:80%!important}
.w-75{ width: 75%!important;}
.w-50{ width: 50%!important;}
.w-25{ width: 25%!important;}
.min-100{min-width:100px!important}
.min-150{min-width:150px!important}
.min-200{min-width:200px!important}
.padd-2{padding:2px}
.padd-4{padding:4px}
.padd-5{padding:5px}
.txt-12{font-size:12px!important}
.txt-13{font-size:13px!important}
.txt-14{font-size:14px!important}
.txt-15{font-size:15px!important}
.txt-16{font-size:16px!important}
.searchable-title{font-weight:700}
.searchable-fields{padding-left:5px}
.searchable-link{padding:0 5px}
.searchable-link:hover{cursor:pointer;background:#eaeaea}
.select2-results__option{padding-left:15px}
input[type=file]{display:block;line-height:1.1;height:34px}
.language-dropdown .lang{display:flex;align-items:center;justify-content:center}
.language-dropdown .lang:hover{background:#6c9f7f!important;color:#fff!important}
.btn-outline-secondary{color:#6c757d;border-color:#6c757d}
.lang-btn{align-items:center!important;padding:5px!important;margin:auto!important;position:relative!important;display:inline-flex!important}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
html.dark .modal-content{--border-opacity:1;border-color:#313a55;border-color:rgba(49,58,85,var(--border-opacity));background-color:#313a55;background-color:rgba(49,58,85,var(--bg-opacity))}
html.dark .modal-content label,html.dark .modal-header .close{--text-opacity:1;color:rgba(226,232,240,var(--text-opacity))!important}
.filemanager{margin:auto}
.filemanager .fm .fm-body{height:auto}
.filemanager .fm-info-block{height:auto}
.filemanager .fm-navbar .row.justify-content-between{display:flex}
.filemanager .fm-navbar .row.justify-content-between .col-auto:first-child{margin-right:auto}
html.light .filemanager{background:#fff;border-radius:5px}
html.dark .filemanager .fm-context-menu{--bg-opacity:1;background-color:#6c9f7f!important;background-color:rgba(108,159,127,var(--bg-opacity))}
html.dark .filemanager,html.dark .filemanager .flex-column{background:transparent!important}
html.dark .filemanager .fm-tree .fm-tree-disk,html.dark .filemanager .fm-breadcrumb .breadcrumb.active-manager,html.dark .filemanager .fm-context-menu li:hover{--bg-opacity:1;background-color:#f07649;background-color:rgba(240,118,73,var(--bg-opacity))}
html.dark .filemanager .breadcrumb>.active{--text-opacity:1;color:#3160d8;color:rgba(49,96,216,var(--text-opacity))}
html.dark .filemanager .fm-table tr:hover,html.dark .filemanager .fm-tree-branch li>p.selected,html.dark .filemanager .fm-tree-branch li>p:hover{--text-opacity:1;color:#f07649;color:rgba(240,118,73,var(--bg-opacity))}
html.dark .filemanager .btn.focus,html.dark .filemanager .btn:focus,html.dark .filemanager .btn:hover{color:#fff!important;font-weight:700}
.datatable{width:100%!important;border-collapse:collapse}
.dataTables_wrapper{padding-top:15px}
.dataTables_wrapper .dataTables_scroll{clear:both}
div#DataTables_Table_0_wrapper{margin-top:10px}
html.dark div#DataTables_Table_0_wrapper{border:1px solid rgba(49,58,85,1)!important;border-radius:8px;padding:10px 15px;margin-top:10px}
div.dataTables_wrapper div.dataTables_length select{border-radius:0;background-color:#fff;min-height:28px;min-width:56px;border:1px solid #dddddd80}
div.dataTables_wrapper div.dataTables_filter input{box-shadow:0 3px 20px #0000000b;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-radius:.375rem;position:relative;width:220px;margin-right:2px;padding:.5rem .6rem .5rem .75rem}
table.dataTable thead th,table.dataTable thead td,table.dataTable tbody th,table.dataTable tbody td{border:none!important}
html.light table.dataTable tr:nth-child(even){background-color:#f2f2f2}
table.dataTable tbody tr{padding:8px 10px;font-size:13px;border-bottom:1px solid #ddd!important;border-collapse:collapse}
table.dataTable tbody th,table.dataTable tbody td{padding:8px 18px;font-size:13px;vertical-align:middle!important}
table.dataTable tbody td{white-space:normal;word-break:break-word}
.whitespace-no-wrap,.nowrap{white-space:nowrap!important}
.dt-buttons .button{font-size:13px;font-weight:400;margin-bottom: 3px;}
.dataTables_wrapper{position:relative}
table.dataTable{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important;border-collapse:separate!important}
table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}
table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}
table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}
div.dataTables_wrapper div.dataTables_length label{font-weight:400;text-align:left;white-space:nowrap}
div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}
div.dataTables_wrapper div.dataTables_filter{text-align:right}
div.dataTables_wrapper div.dataTables_filter label{font-weight:400;white-space:nowrap;text-align:left}
div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap;float:left}
div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right;float:right}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
div.dataTables_wrapper div.dataTables_processing{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:1em 0;background:rgba(255,255,255,0.95);z-index:5;color:#6c9f7f;font-size:20px;padding-top:7.5%;margin-left:0;margin-top:0}
html.light .table-hover>tbody>tr:hover{background-color:#c3e9e5!important}
html.dark .hover\:bg-gray-200:hover{background-color:#393f52!important}
html.dark table.table thead tr{background-color:#ddd!important}
html.dark table.table thead tr th,html.dark table.table thead tr td{color:#293145!important}
ul.customize-munu .fa{width:24px;height:24px;font-size:19px}
html.dark .box{--bg-opacity:1;background-color:#313a55;background-color:rgba(49,58,85,var(--bg-opacity))}
html.dark table.dataTable{--border-opacity:1;border:1px solid rgba(63,72,101,var(--border-opacity))!important}
html.dark table.table thead tr{--bg-opacity:1;background-color:#293145;background-color:rgba(41,49,69,var(--bg-opacity))}
html.dark table.table tbody td{--border-opacity:1;border-bottom:1px solid rgba(63,72,101,var(--border-opacity))!important;border-collapse:collapse!important}
html.dark .table-striped>tbody>tr:nth-of-type(odd){background:transparent}
html.dark .select2-container--default .select2-selection--single,html.dark .select2-container--default .select2-selection--multiple .select2-selection__choic,html.dark .select2-container--default .select2-selection--multiple{color:#fff;--border-opacity:1;background-color:rgba(35,42,59,var(--bg-opacity))}
html.dark .select2-container--default .select2-selection--multiple .select2-selection__choice{--border-opacity:1;color:#313a55;color:rgba(49,58,85,var(--border-opacity))}
html.dark .select2-container--default .select2-selection--single,html.dark .select2-container--default.select2-container--focus .select2-selection--multiple,html.dark .select2-container--default .select2-selection--multiple{--border-opacity:1;border-color:#313a55;border-color:rgba(49,58,85,var(--border-opacity))!important}
html.dark .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important}
.pagination>li>a{padding-bottom:8px}
table.dataTable thead th[aria-label="Actions"]{max-width:210px!important}
table.dataTable tbody td.select-checkbox{position:relative;cursor:pointer}
table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:'';display:block;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);width:14px;height:14px;border:1px solid currentColor;box-sizing:border-box}
table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:after{content:'';display:block;position:absolute;top:calc(50% - 9px);left:calc(50% - 5px);width:18px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;box-sizing:border-box;transform:rotate(-45deg);opacity:0}
table.dataTable tbody tr.selected td.select-checkbox:after,table.dataTable tbody tr.selected th.select-checkbox:after{opacity:1}
.dataTables_info .select-info{padding-left:20px}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{display:inline-block}
.dataTables_wrapper .dataTables_length{margin-right:20px}
.dataTables_wrapper .dataTables_filter{float:right}
.dataTables_paginate{padding-top:10px}
.student-list td.select-checkbox{opacity:0!important}
.hide-checkbox td.select-checkbox{opacity:0!important}
.text-white{color:#fff!important}
.dark .side-nav>ul>li>.side-menu.side-menu--active .side-menu__icon:before{background-color:#293145}
.border-theme-40{border-color:#9dbda9}
.badge-light{background-color:#ddd;color:#302f2f}
.for-backdrop .modal-content{pointer-events:all}
.qr-classinfo{display:flex;flex-wrap:wrap;justify-content:space-between}
.qr-leftbox{display:flex;align-items:center;margin-bottom:10px}
.qr-leftbox span{font-size:18px;font-weight:700;padding-left:10px;color:#f34987}
.qr-rightbox{padding-left:10px;border-left:5px solid #f34987}
.qr-rightbox h4,.qr-rightbox h6{margin:0}
.qr-rightbox h6{font-size:14px}
.qr-rightbox h4{font-size:20px}
.qr-items{display:flex;flex-wrap:wrap;width:100%;border-right:1px dashed #ffd608;border-bottom:1px dashed #ffd608}
.qr-items .qr-box{flex-shrink:0;width:25%;min-width:100px;padding:10px;text-align:center;border-top:1px dashed #ffd608;border-left:1px dashed #ffd608;text-align:center}
.qr-items .qr-box img{width:100%;display:block;margin:0 auto}
.qr-items .qr-box span{display:block;padding:8px 0 0;font-size:14px}
.mt-5px{margin-top:5px!important}
.mt-8px{margin-top:8px!important}
.game-card{color:#FFF;background-color:#6c9f7f}
.game-card .card-body{padding:15px}
.select2-container .select2-search--inline .select2-search__field{padding-left:10px}
.highcharts-figure,.highcharts-data-table table{min-width:320px;max-width:800px;margin:1em auto}
.highcharts-data-table table{font-family:Verdana,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:500px}
.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}
.highcharts-data-table th{font-weight:600;padding:.5em}
.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}
.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(even){background:#f8f8f8}
.highcharts-data-table tr:hover{background:#f1f7ff}
.attachments i.doc,.attachments i.docx{color: #007bff;}
.attachments i.pdf{color: #bb0e0e;}
.attachments i.xls,.attachments i.xlsx{color: #006400;}
.attachments i.txt{color: #000000;}
@media print {
.noprint,.noprint *,.notexport,.notexport *{display:none!important}
}
@media (min-width: 1024px) {
.for-backdrop{pointer-events:none}
}
@media (min-width: 1280px) {
    .xl\:min-h-screen {
        min-height: 91.8vh!important;
    }
}
@media (max-width: 767.98px) {
    .w-ms-100, .dataTables_wrapper .font-normal{ max-width: 100% !important; min-width: 100% !important; width: 100% !important;}
}