/* Bootstrap wizard */
/*========================*/

.wz-classic .card-header a:hover{
  background: transparent !important;
  color: unset !important;
}

.wz-classic .card-header a.active:hover{
  color: #FFFFFF !important;
}

.wz-classic .card-header a{
  background: transparent !important;
}

.wz-classic .progress,
.wz-classic .progress .progress-bar{
  border-radius: unset !important;
}

/* Datatables */
/*========================*/

.table.table-vcenter th, 
.table.table-vcenter td{
  vertical-align: middle;
}

.table thead tr,
.table thead tr:hover {
    background-color: #263238 !important;
}

.table thead tr th{
  color: #FFFFFF !important;
}

.table tr.group,
.table tr.group:hover {
    background-color: #ffa726 !important;
    color: #FFFFFF !important;
}

.dt-input::selection,
.dt-input:required,
.dt-input:focus{
  border-color: unset !important;
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

/* Select2 */
/*========================*/

.select2-container *,
.select2-container *::selection,
.select2-container *:required,
.select2-container *:focus{
  border-color: unset !important;
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

.select2-container--bootstrap-5 .select2-selection{
  background-position: right .75rem center !important;
  padding: .375rem .75rem .375rem 2.75rem !important;
}

.select2-selection__clear{
  left: 1.25rem !important;
}

.select2-container *{
  font-size: .75rem!important;
}

.select2-container--bootstrap-5 .select2-selection--single{
  height: 38px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
.input-group .select2-selection__rendered{
  line-height: 2 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple{
  padding: .375rem .75rem .375rem .75rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field{
  margin-top: 3.5px !important;
}

/* Bootstrap validator */
/*========================*/

.has-error .checkbox, 
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-label,
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
    color: #df5645;
}

.has-error .form-control, 
.has-warning .form-control, 
.has-success .form-control {
    box-shadow: none!important;
}

.has-success .checkbox, 
.has-success .checkbox-inline, 
.has-success .control-label,
.has-success .form-label,
.has-success .help-block, 
.has-success .radio, 
.has-success .radio-inline, 
.has-success.checkbox label, 
.has-success.checkbox-inline label, 
.has-success.radio label, 
.has-success.radio-inline label {
    color: #9fcc2e;
}

.has-success .form-control, .has-success .form-control:valid {
  border-color: #9fcc2e;
}

.has-error .form-control, .has-error .form-control:invalid {
  border-color: #df5645;
}

.bv-form .help-block {
  display: block;
}

.has-error .select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.has-error .select2-container--bootstrap-5.select2-container--open .select2-selection,
.has-error .select2-container--bootstrap-5 .select2-selection{
  border-color: #df5645 !important;
}

.has-success .select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.has-success .select2-container--bootstrap-5.select2-container--open .select2-selection,
.has-success .select2-container--bootstrap-5 .select2-selection{
  border-color: #9fcc2e !important;
}

/* Loading */
/*========================*/

#c-loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  background: rgba(55, 60, 67, 0.65);
}

.cssload-spin-box {
  position: relative;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  animation: cssload-spin ease infinite 4.6s;
    -o-animation: cssload-spin ease infinite 4.6s;
    -ms-animation: cssload-spin ease infinite 4.6s;
    -webkit-animation: cssload-spin ease infinite 4.6s;
    -moz-animation: cssload-spin ease infinite 4.6s;

  margin-top: 20px; 
  margin-bottom: 20px;
}

@keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-o-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-ms-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-webkit-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-moz-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}