/*************** GENERAL ********************/
body{font-family: 'Poppins', sans-serif;}
body.rtl{font-family: 'El Messiri', sans-serif;font-weight: 400;}
*{margin: 0;padding: 0;}
html, body{height:100%;}
html, body, .main-wrapper{width: 100%;max-width: 100%;}
body, .main-wrapper{overflow-x: hidden;}
.main-wrapper{position: relative; min-height: 100%;}

::-webkit-scrollbar {width: 10px;}

/* General */
a:hover, .btn-link:hover{text-decoration: none;}

.btn.btn-wz-b4:disabled::before, .btn.btn-wz-b4.disabled::before{display: none;}
.btn-wz-b4{position: relative;border-width: 0;overflow: hidden;}
.btn-wz-b4:before{content: '';position: absolute;left:0;right:0;top:51%;bottom:50%;background: rgba(255,255,255,0.2);opacity: 1;}
.btn-wz-b4:hover:before{
    top:0;bottom:0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.btn.btn-wz-b4 > *{position: relative;display: inline-block;}

.text-lg{    font-size: 1.4rem;}
.text-md{    font-size: 1.2rem;}
.text-sm{    font-size: .9rem;}
.text-xs{    font-size: .8rem;}

.font-weight-regular{font-weight: 300;}

/* Header */
.navbar-brand img{height: 70px;}

.lang-blk{margin-left:.5rem;padding-left: .5rem;border-left:1px solid #ccc;font-family: 'El Messiri', sans-serif;font-weight: 400;white-space: nowrap;}
.rtl .lang-blk{margin-right:.5rem;margin-left:0;padding-right: .5rem;padding-left: 0;border-right:1px solid #eee;border-left:0;font-family: 'Poppins', sans-serif;font-weight: 300;}

/* NavBar */
.navbar-collapse{flex-grow: 0;position: static!important;display: block!important;}

.navbar-nav{clear: both;}
#navbar-toggler-lnk, #navbar-close-lnk{display:none;padding: 5px 12px;font-size: 13px}
#navbar-close-lnk {color: rgba(255, 255, 255, 0.85);font-size: 35px;float: right;}
.rtl #navbar-close-lnk {float: left;}

/* General */
.pg-inner{margin: -210px auto 40px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);padding: 1.5rem;border-radius: 5px;overflow: hidden;position: relative;}
.pg-inner.pg-sm{max-width: 600px;}
#svgs{height: 0;overflow: hidden;}
.h-after svg, .h-after img{height: 320px;width: auto;min-width: 100%;}

/* User Forms */
.user-form-logo img{height:138px;}
.table-container label{margin-bottom: 0!important;}

.custom-check input{visibility: hidden;position: absolute;}
.custom-check label{display: flex;align-items:center;}
.custom-check label:before{
    content:'';margin-right: .5rem;width:20px;height:20px;

    background-color: #fff;
    color:#fff;
    border: 1px solid;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;font-size:.7rem;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;
}
.rtl .custom-check label:before{margin-left: .5rem;margin-right: 0;}
.custom-check input:checked + label:before{content: '\f00c';}

.select2{margin: .5rem!important;width: 100%!important;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Select2 Checkboxes */
.select2-results__option:before {
    content: "\f00c";
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    color:#fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    margin-right: 20px;
}
.rtl .select2-results__option:before {margin-left: 20px;margin-right: 0;}

/* Select2 Arrow */
.select2-selection.select2-selection--multiple{position: relative;}
.select2-selection.select2-selection--multiple:after{
    position: absolute;
    right: 10px;
    top: 9px;
    content:'\f0d7';font-family:'Font Awesome 5 Free';font-weight: 900;color:#a7a7a7;
}
.rtl .select2-selection.select2-selection--multiple:after{left:10px;right:auto;}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
    margin: 5px 20px 0 10px!important;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__clear{
    margin: 5px 10px 0 20px!important;
}
.select2-selection__rendered{margin: 0;width: 100%;}

/* Tables */
#pay-result th, #pay-result td{padding-bottom: .7rem;}
.table-responsive::-webkit-scrollbar{height: 4px;}

tr.disabled-row{opacity: 0.3;}

/* Footer */
.footer-brand img{height: 70px;margin: 0 auto;}
.footer-social{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.footer-social a{margin:0 .2rem;width: 25px;height:25px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}

#copyright{background-color: rgba(0,0,0,0.12);}

/* Logos */
.user-form-logo, .navbar-brand, .footer-brand{display: flex;align-items: center;justify-content: center;}
.user-form-logo img:nth-child(2),
.navbar-brand img:nth-child(2),
.footer-brand img:nth-child(2){
    margin-left:5px;
}
.rtl .user-form-logo img:nth-child(2),
.rtl .navbar-brand img:nth-child(2),
.rtl .footer-brand img:nth-child(2){
    margin-right:5px;margin-left:0;
}

/* History */
.btn-link{text-decoration: underline;}
.btn-link:hover{text-decoration: none;}

/* Students */
.stu-container{margin-bottom: -1rem;}
.stu-item{text-transform: capitalize;font-size: .8rem;    padding: .5rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 1rem;
}
.stu-item table td span{font-size: .7rem;}

/* Progress Circles */
.progress {width: 150px;height: 150px;background: none;position: relative;}
.progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}
.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left {
    left: 0;
}
.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
}


/*************** RESPONSIVE ********************/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .table-container table, .table-container tbody, .table-container tr, .table-container td{display: block;width:100%;}
    .table-container .form-control, .table-container .select2{margin-left:0!important;margin-right:0!important;margin-bottom: 1.5rem!important;}
    #pay-result th, #pay-result td{padding-bottom: 0;}
    #pay-result td{margin-bottom: .7rem;}

    /* Logos */
    .user-form-logo img {height: 100px;}
    .navbar-brand img {height: 60px;}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (max-width: 767.98px) {
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /* START Expanded Nav-Bar START */
    /*.navbar-expand-lg {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}*/
    /*.navbar-expand-lg .navbar-toggler {display: none;}*/
    /*.navbar-expand-lg .navbar-collapse {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;}*/
    /*.navbar-expand-lg .navbar-nav {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}*/
    /* END Expanded Nav-Bar END */
}


@media (max-width: 991.98px) {
    /* NavBar */
    /* .navbar-collapse{flex-grow: 1;}
    #navbar-toggler-lnk, #navbar-close-lnk{display:block;}
    .navbar-collapse{display: block!important;position: fixed;top: -100%;right: 0;left:0;height: 100%;min-width: 100%;background: rgba(8, 15, 33, 0.95);padding: 10px 20px;margin: 0!important;z-index: 1009;overflow-y: auto;}
    .navbar-nav{text-align: center;}
    .navbar-dark .navbar-nav .nav-link {font-size: 26px;}
    .navbar-nav .nav-item.active .nav-link:after{display: none!important;}
    .navbar-nav .nav-item.active .nav-link:before{content:'\f0da';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:10px;}
    .rtl .navbar-nav .nav-item.active .nav-link:before{content:'\f0d9';margin-left: 10px;margin-right: 0;} */
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}