/* 
 * Noto Kufi Arabic (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoKufiArabic-Regular.eot);
  src: url(../fonts/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoKufiArabic-Regular.woff2) format('woff2'),
       url(../fonts/NotoKufiArabic-Regular.woff) format('woff'),
       url(../fonts/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoKufiArabic-Bold.eot);
  src: url(../fonts/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoKufiArabic-Bold.woff2) format('woff2'),
       url(../fonts/NotoKufiArabic-Bold.woff) format('woff'),
       url(../fonts/NotoKufiArabic-Bold.ttf) format('truetype');
}
* {
    outline: none !important;
}
.btn:focus {
    box-shadow: none;
}

.btn {
    outline: none !important;
    box-shadow: none !important;
}

:root {
  --font-family-sans-serif: "Noto Kufi Arabic", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: "Noto Kufi Arabic", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html, .tooltip {
  font-family: "Noto Kufi Arabic", sans-serif;
}
body {
    font-family: "Noto Kufi Arabic", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Kufi Arabic", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.datepicker-days thead th {
    color: #fff !important;
}

.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
.gap-20 {
    gap: 20px;
}
.gap-30 {
    gap: 30px;
}
.gap-50 {
    gap: 50px;
}
.card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
     border-color: transparent;
     padding-bottom: 0;
     height: auto;
     min-height: auto;
     display: block;
}
.card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
     line-height: 1.2;
     color: #98a6ad;
}
.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
     padding-top: 0;
}
.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
     font-size: 26px;
     font-weight: 700;
     color: #34395e;
     padding-bottom: 0;
}
.card.card-statistic-1, .card.card-statistic-2 {
     display: inline-block;
     width: 100%;
}
.card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon {
     width: 80px;
     height: 80px;
     margin: 10px;
     border-radius: 3px;
     line-height: 94px;
     text-align: center;
     float: left;
     margin-right: 15px;
}
.card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal {
     font-size: 22px;
     color: #fff;
}
.card.card-statistic-1 .card-icon {
     line-height: 90px;
}
.card.card-statistic-2 .card-icon {
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 22px;
     margin: 25px;
}
.card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
     padding-bottom: 0;
     padding-top: 25px;
}
.card.card-statistic-2 .card-body {
     padding-top: 20px;
}
.card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header {
     padding-top: 0;
}
.card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
     font-weight: 600;
     font-size: 13px;
     letter-spacing: .5px;
}
.card.card-statistic-1 .card-header h4 {
     margin-bottom: 0;
}
.card.card-statistic-2 .card-header h4 {
     text-transform: none;
     margin-bottom: 0;
}
.card.card-statistic-1 .card-body {
     font-size: 20px;
}
.card.card-statistic-2 .card-chart {
     padding-top: 20px;
     margin-left: -9px;
     margin-right: -1px;
     margin-bottom: -15px;
}
.card.card-statistic-2 .card-chart canvas {
     height: 90px !important;
}
.card .card-stats {
     width: 100%;
     display: inline-block;
     margin-top: 2px;
     margin-bottom: -6px;
}
.card .card-stats .card-stats-title {
     padding: 15px 25px;
     background-color: #fff;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: .3px;
}
.card .card-stats .card-stats-items {
     display: flex;
     height: 50px;
     align-items: center;
}
.card .card-stats .card-stats-item {
     width: calc(100% / 3);
     text-align: center;
     padding: 5px 20px;
}
.card .card-stats .card-stats-item .card-stats-item-label {
     font-size: 12px;
     letter-spacing: .5px;
     margin-top: 4px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
.card .card-stats .card-stats-item .card-stats-item-count {
     line-height: 1;
     margin-bottom: 8px;
     font-size: 20px;
     font-weight: 700;
}
.card-statistic-2 .card-header h4 {
    font-weight: 700 !important;
    color: #4e9973 !important;
    font-size: 15px !important;
}

.top-0 {
    top: 0;
}
.top-10 {
    top: 10px;
}
.top-20 {
    top: 20px;
}
.top-30 {
    top: 30px;
}
.top-40 {
    top: 40px;
}
.top-50 {
    top: 50px;
}
.top-60 {
    top: 60px;
}
.top-70 {
    top: 70px;
}


.bottom-0 {
    bottom: 0;
}
.bottom-10 {
    bottom: 10px;
}
.bottom-20 {
    bottom: 20px;
}
.bottom-30 {
    bottom: 30px;
}
.bottom-40 {
    bottom: 40px;
}
.bottom-50 {
    bottom: 50px;
}
.bottom-60 {
    bottom: 60px;
}
.bottom-70 {
    bottom: 70px;
}
.table-links {
  color: #34395e;
  font-size: 12px;
  margin-top: 5px;
  opacity: 1;
  transition: all .3s;
}
.table-links a {
  color: #666;
}

table tr:hover .table-links {
  opacity: 1;
}

.bullet, .slash {
  display: inline;
  margin: 0 4px;
}

.bullet:after {
  content: '\2022';
}

.slash:after {
  content: '/';
}

th:has(.chk-parent), td:has(.child-chk) {
    padding-inline: 10px !important;
}
table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after {
    right: auto;
    left: .5em;
}
table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc_disabled::before {
  right: auto;
  left: 1em;
}

.form-wrap.form-builder .frmb-control li::before {
  margin-right: 0;
  margin-left: 10px;
  line-height: 24px;
  float: left;
}

.fa-facebook, .fa-facebook-square { color: #3b5998; }
.fa-twitter, .fa-twitter-square { color: #00aced; }
.fa-google-plus, .fa-google-plus-square { color: #dd4b39; }
.fa-youtube, .fa-youtube-play, .fa-youtube-square { color: #bb0000; }
.fa-tumblr, .fa-tumblr-square { color: #32506d; }
.fa-vine { color: #00bf8f; }
.fa-flickr { color: #ff0084; }
.fa-vimeo-square { color: #aad450; }
.fa-pinterest, .fa-pinterest-square { color: #cb2027; }
.fa-linkedin, .fa-linkedin-square { color: #007bb6;}
.fa-instagram { color: #517fa4; }
.fa-spotify { color: #1ed760; }

.select2-hidden-accessible.float-right + .select2 {
  float: left;
}

.dataTables_filter label {
  float: left;
}

.table-loader {
  visibility: hidden !important;
}
.table-loader:before {
  visibility: visible;
  display: table-caption;
  content: " ";
  width: 100%;
  height: 600px;
  background-image: linear-gradient(rgba(235, 235, 235, 1) 1px, transparent 0),
    linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 15%,
      rgba(255, 255, 255, 0) 30%
    ),
    linear-gradient(rgba(240, 240, 242, 1) 35px, transparent 0);

  background-repeat: repeat;

  background-size: 1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px;

  background-position: 0 0, 0 0, 0 0, 0 0;

  animation: shine 0.5s infinite;
}

@keyframes shine {
  to {
    background-position: 0 0, 0 0, 40% 0, 0 0;
  }
}

.dataTables_processing {
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: unset !important;
    margin: 0 !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    background: rgb(255 255 255 / 90%) !important;
}
@media screen and (max-width: 767px) {
    .dataTables_length {
        margin: 0 auto !important;
        padding: 0;
        width: 100%;
        text-align: center !important;
        float: none !important;
    }
    .dataTables_length label, .dataTables_length .bootstrap-select, .dataTables_length button {
        width: 100% !important;
        display: block !important;
    }
    .dataTables_filter {
        margin: 0 auto 10px !important;
        padding: 0;
        float: none !important;
    }
    .dataTables_filter label, .dataTables_filter label input {
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter input {
        margin: 0;
    }    
}

.dt--top-section {
    margin: 20px 21px 20px 21px;
}
.dt--bottom-section {
    padding: 15px;
}

.dt-buttons .btn-secondary.btn-outline-primary:not(:hover), .dt-buttons .btn-secondary.btn-outline-success:not(:hover) {
    background: #ffffff;
}

.page-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.iti {display: block;}

table td .btn:has(~ .btn) {
  margin-left: 5px;
}

table {
  width: 100%
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #14589d;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control::before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control::before, table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
  content: "-";
  background-color: #d33333;
}

@media print {
    .dtr-control:before {
        display: none;
    }
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control {
  position: relative;
}
table.dataTable.dtr-column.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-column.collapsed > tbody > tr > th.dtr-control::before, table.dataTable.dtr-column.collapsed > tbody > tr > td.control::before, table.dataTable.dtr-column.collapsed > tbody > tr > th.control::before {
  display: block;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control::before, table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
  top: 15px;
  left: 10px !important;
  height: .8em;
  width: .8em;
  margin-top: -0.5em;
  margin-left: -0.4em;
  display: none;
  position: absolute;
  color: white;
  border: .15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 .2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New",Courier,monospace;
  line-height: .9em;
  content: "+";
  background-color: #337ab7;
}

label:has(~[required]):after {
    content: ' *';
    color: red;
}
span.select2 {
    min-width: 100px;
    width: 100%;
}

span.select2-selection.select2-selection--multiple {
    height: 40px;
    display: flex;
}
.table-filters {
    margin-bottom: 15px;
}
.table-filters span.select2-selection.select2-selection--multiple {
    height: 32px;
}
span.select2:not(.form-inline span.select2) {
    min-width: 100px !important;
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
.form-control-sm + .select2-container .select2-selection--single, .form-control-sm + .select2-container .select2-selection__rendered, .form-control-sm + .select2-container .select2-selection__arrow {
    height: 30px;
    line-height: 30px;
}
@media screen and (max-width: 767px) {
    .dataTables_wrapper span.select2, .dataTables_wrapper .form-control {
        min-width: auto;
        width: 100% !important;
        display: block !important;
    }
    .dataTables_length label, .dataTables_filter label, .dataTables_filter {
        text-align: right !important;
      margin-bottom: 0 !important;
    }
}
#accordionSidebar {
    padding-top: 80px;
}
.sidebar-brand {
    width: 6.5rem;
    z-index: 10 !important;
}
.sidebar .nav-item .nav-link {
    width: 100%;
}
@media screen and (min-width: 767px) {
    .sidebar:not(.toggled) .sidebar-brand {
        width: 14rem;
    }

    #wrapper #accordionSidebar.toggled {
      overflow-x: visible;
      height: 100%;
    }

    #wrapper #content-wrapper {
      overflow-x: hidden;

    }
}

.sidebar-brand img {
    max-height: 60px;
}
input.iframe-btn {
    visibility: hidden;
    opacity: 0;
}
.file-upload-buttons-wrapper {
    display: inline-block;
    width: fit-content;
    float: left;
}

.file-upload-buttons-wrapper .input-group-btn {
    width: fit-content;
    display: inline-block;
}

.thumbnail {
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    margin-top: -30px !important;
    overflow: hidden;
}
.thumbnail:has(img:not([src]), img[src=""]) {
    background-image: url('../images/placeholder-image-en.png');
}
[dir="rtl"] .thumbnail:has(img:not([src]), img[src=""]) {
    background-image: url('../images/placeholder-image.png');
}
.thumbnail img[src*="-pdf.png"],.thumbnail img[src*="-doc.png"],.thumbnail img[src*="-docx.png"] {
    max-height: 100%;
}
.thumbnail.print_header img {
    width: auto !important;
    max-height: 150px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #4e73df;
    color: white;
}
.form-control {
    background: #ededed;
}
textarea {
    height: 120px !important;
}

thead {
    background: #4e73df;
    color: #fff;
}
td, tr, th, table {
    border-color: #4e73df !important;
}
thead tr, thead th {
    border-color: #fff !important;
    font-size: 15px;
    font-weight: 500;
}

thead th:first-child {
    border-right-color: #4e73df !important;!i;!;
}

thead th:last-child {
    border-left-color: #4e73df !important;!i;!;
}

thead tr {
    border-color: #4e73df !important;!i;!;
}

thead th {
    border-top-color: #4e73df !important;!i;!;
    border-bottom-color: #4e73df !important;!i;!;!o;!;
}

table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 10px;
    padding-left: 30px;
}

.page-loading {
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(to right, #8ac589, #30a6c1);*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.repeater-inline .repeater-item {
    max-width: 300px;
}
.repeater-inline-add {
    display: none;
}
.repeater-item:last-child .repeater-inline-add {
    display: inline-block;
    position: absolute;
    left: -30px;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }
    
    .w-sm-auto {
        width: auto !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }
    
    .w-md-auto {
        width: auto !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }
    
    .w-lg-auto {
        width: auto !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }
    
    .w-xl-auto {
        width: auto !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}


@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

.datatable tbody tr:has(.case-status-0) {
    background: #f5c5c5;
}
.datatable tbody tr:has(.case-status-2) {
    background: #f5efc5;
}
.datatable tbody tr:has(.case-status-3) {
    background: #f5e8c5;
}
.datatable tbody tr:has(.case-status-4) {
    background: #c8c5f5;
}
.datatable tbody tr {
    color: #2c2c2c;
}
.datatable tbody tr:hover {
    color: #000;
}

.search-results {
    position: absolute;
    width: 100%;
    top: 70px;
    padding-top: 20px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    list-style: none;
    z-index:15;
    max-height: 300px;
    display: none;
}
.search-result-item {
    cursor: pointer;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
}
.search-result-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


.datepicker-days .disabled-date {
  color: #ccc !important;
  cursor: not-allowed !important;
}

.select2-container + .select2-container {
    display: none;
}

.mega-menu {
    list-style: none;
}
.topbar .dropdown.mega-menu .dropdown-menu {
    min-width: 300px;
    padding: 15px;
}
.mega-menu .mega-menu-item {
    text-align: center;
    border-radius: 10px;
    transition: all 0.2s ease;
}
.mega-menu .mega-menu-item:hover {
    background-color: #f0f0f0;
    transform: scale(1.2);
}
.mega-menu .mega-menu-item i {
    font-size: 24px;
    margin-bottom: 5px;
}
.mega-menu .mega-menu-item span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #333;
}
#wrapper #accordionSidebar {
  height: 100vh;
}


#content-wrapper {
    position: relative;
}
#content-wrapper:after {
    content: '';
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    background: transparent;
    transition: all ease-in-out 0.3s;
    z-index: -1;
}

body:has(.navbar .dropdown-menu.show) #content-wrapper:after,
body:has(#subscribeStudent.show) #content-wrapper:after,
body:has(#subscribeStudents.show) #content-wrapper:after {
    background: rgb(12 32 91 / 70%);
    z-index: 1030;
}

#subscribeStudent.show, #subscribeStudents.show,
[data-target="#subscribeStudent"][aria-expanded="true"], [data-target="#subscribeStudents"][aria-expanded="true"] {
    z-index: 1031;
}

.is-invalid + .select2-container .select2-selection--single {
    border: 1px solid #f44336;
}


.search-box-wrapper {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  transition: all ease-out 0.4s;
}
.search-box-wrapper.active {
  z-index: 99991;
  opacity: 1;
  visibility: visible;
}
.search-box-wrapper .search-box{
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  box-shadow: 5px 5px 30px rgba(0,0,0,.2);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box-wrapper .search-box.active{
  width: 280px;
}
.search-box-wrapper .search-box input{
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 50px;
  background: #fff;
  outline: none;
  padding: 0 30px 0 60px;
  font-size: 18px;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box-wrapper .search-box input.active{
  opacity: 1;
}
.search-box-wrapper .search-box input::placeholder{
  color: #a6a6a6;
}
.search-box-wrapper .search-box .search-icon{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  width: 60px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-size: 22px;
  cursor: pointer;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box-wrapper .search-box .search-icon.active{
  left: 5px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size: 20px;
  background: var(--primary);
  color: #fff;
  transform: translateY(-50%) rotate(360deg);
}
.search-box-wrapper .search-box .cancel-icon{
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 25px;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.search-box-wrapper .search-box .cancel-icon.active{
  left: -40px;
  transform: translateY(-50%) rotate(360deg);
}
.search-box-wrapper .search-result {
  transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s;
  filter: blur(5px) opacity(0.3);
  transform: scale(1.5);
}
.search-box-wrapper .search-result.active {
  filter: blur(0) opacity(1);
  transform: scale(1);
}
#content, #accordionSidebar, .account-lock {
    transition: filter ease-in-out 0.4s;
}
#content-wrapper:has(.account-lock.active) #content, body:has(.account-lock.active) #accordionSidebar {
    filter: saturate(80%) blur(30px) opacity(0.5);
}
.account-lock {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgb(12 32 91 / 95%);
}
.account-lock.d-none {
    opacity: 1;
}

.alertify-notifier {
    z-index: 9999999;
}

.alertify-notifier.ajs-right {
    right: auto !important;
    left: 570px !important;
    top: auto;
    bottom: 10px;
}

.ajs-message {
    border-radius: 10px !important;
    left: 0 !important;
}

.sidebar #sidebarToggle::after {
  content: '\f105';
}

.sidebar.toggled #sidebarToggle::after {
  content: '\f104';
}

.alertify-notifier.ajs-right {
    position: fixed !important;
    left: 10px !important;
    bottom: 10px !important;
    width: max-content !important;
    max-width: 400px;
}
.alertify-notifier .ajs-message {
    position: static !important;
    width: max-content !important;
    max-width: 400px;
    background: #fff !important;
    text-shadow: none !important;
    border-radius: 50px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}
.alertify-notifier .ajs-message.ajs-success {
    color: rgba(91, 189, 114, .95) !important;
    border: 2px solid rgba(91, 189, 114, .95) !important;
}
.alertify-notifier .ajs-message.ajs-error {
    color: rgba(244, 67, 54, .95) !important;
    border: 2px solid rgba(244, 67, 54, .95) !important;
}

.alertify-notifier .ajs-message.ajs-success.ajs-visible {
  -webkit-animation-name: ajs-slideIn;
          animation-name: ajs-slideIn;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-transition:none;
          transition:none;
}

.alertify-notifier .ajs-message.ajs-error.ajs-visible {
  -webkit-animation-name: ajs-shake;
          animation-name: ajs-shake;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-transition:none;
          transition:none;
}



[data-toggle="collapse"][aria-expanded="false"] .fa-minus:before {
    content: "\f078";
}

[data-toggle="collapse"][aria-expanded="true"] .fa-minus:before {
    content: "\f077";
}

[data-repeater-collapse][aria-expanded="false"] .fa-minus:before {
    content: "\f067";
}

[data-repeater-collapse][aria-expanded="true"] .fa-minus:before {
    content: "\f068";
}


.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.form-label {
    color: #000;
}

.dtr-details .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  top: 100% !important;
}


input[disabled], input[readonly], textarea[disabled], textarea[readonly], .select2-container--disabled {
    cursor: no-drop;
}