/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/matrial_icons.woff2) format('woff2');
}

.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../../general/fonts/Aria.ttf) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* **************** General **************************************** */

.input-group{
  font-family: "Cairo";
  font-size: 18px;
  color: #000;
  font-weight: 700;
}

.text_1{
  font-family: "Cairo";
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

.custom-file-input::file-selector-button {
    margin-right: 10px;
    border: none;
    background: #4CAF50;
    padding: 7px 20px;
    border-radius: 7px;
    color: #fff;
}
/* **************** End General ************************************ */
/* **************** start switch light and dark ******************** */
.custom-file-input::file-selector-button {
    margin-right: 10px;
    border: none;
    background: #4CAF50;
    padding: 7px 20px;
    border-radius: 7px;
    color: #fff;
}




body{
  font-family: "Cairo";
    color: #000;
}
#switch_light_dark .checkbox {
    opacity: 0;
    position: absolute;
  }

  #switch_light_dark .label {
    background-color: #111;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    position: relative;
    height: 26px;
    width: 50px;
    margin-bottom: 0;
    /* transform: scale(1.2); */
  }


  #switch_light_dark .label .ball {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 22px;
    width: 22px;
    transform: translateX(0px);
    transition: transform 0.2s linear;
  }

  #switch_light_dark .checkbox:checked + .label .ball {
    transform: translateX(24px);
  }


  #switch_light_dark .fa-moon {
    color: #f1c40f;
  }

  #switch_light_dark .fa-sun {
    color: #f39c12;
  }
  .dark-version .lable-color-change-on-dark{
    background-color: #fff !important;
  }
  .dark-version .ball-color-change-on-dark{
    background-color: grey !important;
  }

/* **************** end switch light and dark ******************** */

/* **************** start edit sidebar for scroll ******************** */

.navbar-collapse {
    position: relative; }
    .navbar-collapse .navbar-nav {
      width: 100%; }
      .navbar-collapse .navbar-nav .nav-item.dropdown {
        position: static; }
        .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
          left: 0;
          right: 0; }
          .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before {
            content: none; }

/* **************** end edit sidebar for scroll ******************** */


/* **************** start spinner load ******************** */
.spinner {
  width: 30px;
  height: 30px;

  position: relative;
  margin:  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);
  }
}
/* **************** end spinner load ******************** */
.dark-version .dataTables_paginate .paginate_button:not(.active) a{
  background-color: #344767;
}
.dark-version input{
  color: white !important;
}
.dark-version div.dataTables_wrapper div.dataTables_filter input {
  border: 1px solid white;
}
div.dataTables_wrapper div.dataTables_filter input {
  border: 1px solid #d2d6da;
}

/* ****************************** start filepond *******************************/
.dark-version .filepond--drop-label.filepond--drop-label label {
  color: black !important;
}
/* ****************************** end filepond *******************************/

:not(.dark-version) .table thead th {
  color: #7B809A  !important;
}

textarea {
    border: 1px solid #d2d6da !important;
    padding: 10px !important;
}

.w-501 {
    width: 45% !important;
}
.w-502 {
    width: 55% !important;
}

.input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: #112cf5 !important;
    box-shadow: inset 0 1px #112cf5;
}
.input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label{
    color: #112cf5 !important;
}

.input-group.input-group-outline.is-focused .form-label + .form-control, .input-group.input-group-outline.is-filled .form-label + .form-control {
    border-color: #112cf5 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #112cf5, inset -1px 0 #112cf5, inset 0 -1px #112cf5;

}