/*

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.bootstrap-touchspin.input-group {
  width: 12.4rem !important;
}

.row-eq-height {
  display: flex;
}

.card-statistics .statistics-body {
  padding: 0 2.4rem !important;
}
.card-statistics .avatar .avatar-content {
  width: 1rem;
  height: 1rem;
  font-size: 1.5rem;
  padding: 2rem;
}

.on-click {
  cursor: pointer;
}

.modal-header .btn-close {
  padding: 0.4rem 0.7rem;
  margin: -0.4rem -0.7rem -0.4rem auto;
}

.modal .modal-header .btn-close {
  padding: 0.8rem;
  box-shadow: 0 5px 20px 0rgba 34, 41, 47, 0.1;
  border-radius: 0.357rem;
  background-color: #FFF;
  opacity: 1;
  transition: all 0.23s ease 0.1s;
  position: relative;
  transform: translate(18px, -10px);
}

.swal2-styled.swal2-confirm {
  background-color: #28c76f !important;
}

.swal2-styled.swal2-confirm:focus {
  background-color: #24b263 !important;
}

.form-check-label {
  font-size: 1rem;
}

.py-05 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.form-check .form-check-input:checked, .form-check .form-check-input[type=checkbox]:indeterminate {
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='8' height='8' rx='4' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check {
  display: block;
  min-height: 1.378125rem;
  padding-left: 1.7em;
  margin-bottom: 0.125rem;
}

.form-check-input {
  position: relative;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.135em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #dbdade;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.7em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

/* SORTABLE */
.sortable {
  margin: 20px 0;
}

.sortable, .sortable ol {
  padding-left: 25px;
}

ol.sortable, ol.sortable ol {
  list-style-type: none;
}

.sortable li div:not(.tools) {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  cursor: move;
  border-color: #D4D4D4 #D4D4D4 #BCBCBC;
  margin: 0;
  padding: 3px;
}

.sortable li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
  border-color: #999;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
  display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
  display: inline-block;
}

.sortable span.ui-icon {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.sortable .menuDiv {
  background: #EBEBEB;
}

.sortable .menuDiv span.function {
  margin: 0 3px;
}

.sortable .itemTitle {
  vertical-align: middle;
  cursor: pointer;
}

/* Form Label Improvements for Better Visibility */
.form-label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
  display: block;
}