/* 
 * 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');
}

pre {
  text-align: left !important;
  direction: ltr !important;
  font-size: 20px;
  border: 2px solid #A8A8A8;
  border-left: 12px solid #A8A8A8;
  border-radius: 5px;
  padding: 24px 14px;
  line-height: 24px;
  background-image: linear-gradient(180deg, #A8A8A8 50%, #D9D9D9 50%);
  background-size: 100% 48px;
  background-position: 0 24px;
  color: #263238;
  white-space: pre;
  margin: 1em 0;
}

.border-2 {
    border-width:2px !important;
}
.border-3 {
    border-width:3px !important;
}
.border-4 {
    border-width:4px !important;
}
.banner-border {
    border-color: #850c01 !important;
}
.banner-title {
    color: #d5aa03 !important;
}
.text-black {
    color: #000;
}
.rounded-pill-left {
  border-top-right-radius: 50rem !important;
  border-bottom-right-radius: 50rem !important;
}
.rounded-pill-right {
  border-top-left-radius: 50rem !important;
  border-bottom-left-radius: 50rem !important;
}

.form-control, .select2-container--default .select2-selection--single, .select2-dropdown {
    border-color: var(--primary) !important;
    background: var(--light);
    box-shadow: none !important;
}
.btn, .btn:focus, .btn:hover, .btn:active {
    box-shadow: none !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--primary);
    color: #fff;
}

html, .tooltip {
  font-family: "Noto Kufi Arabic", sans-serif;
  z-index: 1000001;
}
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";

}

.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: 1rem;
     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;
}
.left-0 {
    left: 0;
}
.left-10 {
    left: 10px;
}
.left-20 {
    left: 20px;
}
.left-30 {
    left: 30px;
}
.left-40 {
    left: 40px;
}
.left-50 {
    left: 50px;
}
.left-60 {
    left: 60px;
}
.left-70 {
    left: 70px;
}
.right-0 {
    right: 0;
}
.right-10 {
    right: 10px;
}
.right-20 {
    right: 20px;
}
.right-30 {
    right: 30px;
}
.right-40 {
    right: 40px;
}
.right-50 {
    right: 50px;
}
.right-60 {
    right: 60px;
}
.right-70 {
    right: 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) {
    .sidebar-toggled .fixed-top.sidebar-brand {
        position: static;
    }
    .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 thead tr td,.table tbody tr td{
        border-width: 1px !important;
        border-style: solid !important;
        border-color: #000 !important;
    }
}
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: 12rem;
    }

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

    #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: #1176c4;
    color: white;
}
.form-control {
    background: #ededed;
}
textarea {
    height: 120px !important;
}

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

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

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

thead tr {
    border-color: #1176c4 !important;!i;!;
}

thead th {
    border-top-color: #1176c4 !important;!i;!;
    border-bottom-color: #1176c4 !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;
    height: 100%;
}
.mega-menu .mega-menu-item:hover {
    background-color: #f0f0f0;
}
.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;
}
.mega-menu .mega-menu-item i, .mega-menu .mega-menu-item span {
    transition: all 0.2s ease;
}
.mega-menu .mega-menu-item:hover i, .mega-menu .mega-menu-item:hover span {
    transform: scale(1.2);
}
#wrapper #accordionSidebar {
  min-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(78 115 223 / 70%);
    z-index: 998;
}

#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';
}

.floating-support {
    position: fixed;
    bottom: 10px;
    left: 10px;
    opacity: 0.5;
    z-index: 100000;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.floating-support:hover {
    opacity: 1;
}

.floating-support img {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.floating-support:hover img {
    width: 150px !important;
}

.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;
}

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


/**
 * File manager styles
 */
.filemanager .search-box .form-control {
    border-radius: 4px;
    padding-right: 40px
}

.filemanager .search-box .search-icon {
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #545965;
    width: 16px;
    height: 16px
}
.filemanager .card {
    margin-bottom: 24px;
    -webkit-box-shadow: 0 2px 3px #e4e8f0;
    box-shadow: 0 2px 3px #e4e8f0;
}
.filemanager .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff0f2;
    border-radius: 4px;
}
.filemanager .me-3 {
    margin-left: 1rem!important;
}

.filemanager .font-size-24 {
    font-size: 24px!important;
}
.filemanager .avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b76e1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.filemanager .bg-soft-info {
    background-color: rgba(87,201,235,.25)!important;
}

.filemanager .bg-soft-primary {
    background-color: rgba(59,118,225,.25)!important;
}

.filemanager .avatar-xs {
    height: 1rem;
    width: 1rem
}

.filemanager .avatar-sm {
    height: 2rem;
    width: 2rem
}

.filemanager .avatar {
    height: 3rem;
    width: 3rem
}

.filemanager .avatar-md {
    height: 4rem;
    width: 4rem
}

.filemanager .avatar-lg {
    height: 5rem;
    width: 5rem
}

.filemanager .avatar-xl {
    height: 6rem;
    width: 6rem
}

.filemanager .avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b76e1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.filemanager .avatar-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 8px
}

.filemanager .avatar-group .avatar-group-item {
    margin-right: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.filemanager .avatar-group .avatar-group-item:hover {
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.filemanager .fw-medium {
    font-weight: 500;
}

.filemanager a {
    text-decoration: none!important;
}

@media print {
    /*@page {*/
    /*    size: A4;*/
    /*}*/
}

#actions {
  margin: 0 0 2em;
}

#previews.empty {
  height: 150px;
  background: #f0f2f4 url('../img/drop-background.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  cursor: pointer;
}

table {
  width: 100%;
}
#table-1 tr td:first-child {
  width: 40px;
}

/* Mimic table appearance */
div.table {
  display: table;
}
div.table .file-row {
  display: table-row;
}
div.table .file-row > div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}
div.table .file-row:nth-child(odd) {
  background: #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
  display: none;
}

/* Hide the start and cancel buttons and show the delete button */

#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
  display: none;
}
#previews .file-row.dz-success .delete {
  display: block;
}

.settings-sidebar .nav-link.active {
    color: #fff !important;
}

.thumbnail-column {
    width: 60px !important;
}

.checkbox-column {
    width: 24px !important;
}

.pos-product {
    transition: all ease-in-out 0.4s;
    cursor: pointer;
}

.pos-product .product-image {
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.pos-product .product-image img {
    min-height: 100%;
    min-width: 100%;
}
.pos-product .add-to-cart {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    left: 0;
    top: 0;
}

.pos-product:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

@media screen {
    table:not(.table-responsive table) thead {
        color: #fff;
        position: sticky;
        top: 70px;
        z-index: 9998;
    }
}
.modal {
    z-index: 9998;
}
.select2, .select2-container, .select2-dropdown {
    z-index: 9999;
}

.swal2-container {
    z-index: 999999;
}
.select2-selection.is-invalid {
    border-color: red !important;
}