@charset "UTF-8";
/*!
 * Custom CSS
 * Copyright 2023 All team */

#btn-save {
  display: none;
}

.spinner-wrapper {
  text-align: left;
  justify-items: first baseline !important;
  justify-content: flex-start;
}

.card-body {
  padding: 15px;
}

.card-body .row {
  padding-bottom: 15px;
}

.form-group label {
  padding-bottom: 4px;
}

/* .modal-open .select2-container {
  z-index: 9999;
} */
.timepicker{ z-index: 9999999};
.datepicker {
  z-index: 2051 !important;
}
.required {
  color: red;
  font-weight: bold;
}

small.note {
  color: #d35252;
  font-style: italic;
}

.image-preview-wrapper {
  border: solid 1px #ced4da;
  border-radius: 18px;
  padding: 10px;
}

.btn-delete-file {
  float: right;
}

.form-group .form-control:focus,
.input-group .form-control:focus {
  border-color: rgba(130, 202, 250, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(197, 232, 255, 0.8);
  outline: 0 none;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: rgba(130, 202, 250, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(197, 232, 255, 0.8);
  outline: 0 none;
}

.wrapper-table-orangtua {
  display: none;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.btn-ortu-selected {
  background-color: #fff !important;
}

#data-orangtua tr th {
  border-bottom: solid 1px #e0e0e0;
  border-top: solid 1px #e0e0e0;
  padding-top: 5px;
  padding-bottom: 5px;
}

#data-orangtua tr td {
  padding: 5px 0;
}

tr.ortu-selected td {
  background-color: #d3f7ffd6;
}


.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}

.hr-text:before {
  content: "";
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}

.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}

.liner {
  display: flex;
  align-items: flex-start;
  text-align: left;
}

.liner:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background:#b2b4b5;
  min-width: 20px;
  margin: auto;
}

.liner:after {
  margin-left: 20px;
}
.liner div {
  background-color:#818078;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
}

.wrapper-alamat-siswa {
  display: none;
}
/* ====================== */

.tabset>input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
  display: block;
}


.tabset>label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset>label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

/* input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
} */

.tabset>label:hover,
.tabset>input:focus+label,
.tabset>input:checked+label {
  color: #06c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
  background: #06c;
}

.tabset>input:checked+label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

input:required:focus:invalid, textarea:required:focus:invalid, select:required:focus:invalid {
  border-color: #d37272;
  box-shadow: 0 1px 1px rgba(65, 62, 62, 0.075) inset, 0 0 8px #f3d0d0;
  outline: 0 none;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  background-color: #3461ff;
  color: #fff;
}
.wrapper-acl {
  max-height:350px;
  overflow-y:scroll;
}
#data-acl {
  border-bottom: solid 1px #e0e0e0;
  border-top: solid 1px #e0e0e0;
  padding-top: 5px;
  padding-bottom: 5px;
}
#data-acl tr td {
  padding: 5px 0;
}
.form-check .form-check-input-override {
  /* margin-left: -1.2em !important; */
  margin-top: 5px;
}
.form-check label {
  margin-top:3px;
}
/* 
tr.ortu-selected td {
  background-color: #d3f7ffd6;
} */

/* ================================= */

.select-box {
  position: relative;
  display: block;
  width: 120%;
  margin: 0 auto;  
  font-size: 18px;
  color: #60666d;
  border-radius: 15%;
}
/* @media (min-width: 768px) {
  .select-box {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .select-box {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .select-box {
    width: 30%;
  }
} */
.select-box__current {
  position: relative;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  transition: 0.2s ease;
}
.select-box__value {
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 15px;
  background-color: #fff;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
  display: block;
  padding: 15px;
  background-color: #fff;
}
.select-box__option:hover, .select-box__option:focus {
  color: #546c84;
  background-color: #fbfbfb;
}
.footer-total {
  background-color: #ADD8E6 !important;
  color: #000 !important;
  font-weight: bold;
}
.DTFC_RightBodyWrapper {
  top:0px !important;
}
h2.totalan {
  font-size: 18px;
}
/* table.dataTable {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
} */
@-webkit-keyframes HideList {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}


@media (min-width: 320px) and (max-width: 480px) {
  li.paginate_button {
    font-size: 14px !important;
  }

  .btn-add {
    font-size: 0;

  }
  .btn-add .uil { font-size: initial; }

  .dataTables_length {
    display: none;
  }
  .dataTables_filter {
    display: none;
  }
}