.selectgroup-input:checked + .selectgroup-button {
  background: #6259ca !important;
  color: #fff;
}

.selectgroup-button {
  border: 1px solid #6259ca;
  color: #6259ca;
}

.table td {
  padding: 0.5rem;
  vertical-align: middle;
}

.side-header {
  background: linear-gradient(
    to bottom right,
    #9e88f5 0%,
    #6259ca 100%
  ) !important;
  padding: 0 !important;
}
.header-brand-img {
  height: 70px;
}

.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-header {
  padding: 0 !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.select2-container .select2-selection--single {
  height: 50px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 50px;
  color: #bebebe;
  padding-left: 15px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #bebebe transparent transparent transparent;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 20px;
}

.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #4d5875;
}

.accordion-button:not(.collapsed) {
  background: white;
}

#koordinat {
  position: fixed;
  top: 5px;
  left: 50%;
  z-index: 10;
}

@media only screen and (max-width: 480px) {
  #koordinat {
    display: none;
  }
}

.colorpicker {
  z-index: 9999999;
}

.custom-switch-indicator {
  width: 5rem !important;
  height: 2.5rem !important;
}

.custom-switch-indicator::before {
  width: calc(2.5rem - 4px) !important;
  height: calc(2.5rem - 4px) !important;
}

.custom-switch-input:checked ~ .custom-switch-indicator::before {
  left: calc(2.5rem + 1px);
}

.card-category {
  font-size: 14px;
}

@media (max-width: 767px) {
  .header-brand1 .light-logo1 {
    margin-top: 0px;
    padding-right: 35px
  }

  .header-brand-img {
    height: 50px;
  }
}

@media (max-width: 568px) {
  .page-main .header {
    background: #6259ca;
  }
}

.dropdown-toggle::after {
  display: none !important;
}

b, strong { font-weight: bolder }

.dark-mode .note-toolbar {
  background: #383e67;
  border-color: #383e67;
  border-bottom: 1px solid #383e67;
}

.dark-mode .note-btn {
  background: #6976cb;
  border-color: #383e67;
  color:  #ddd;
}

.dark-mode .note-editor.note-frame, .note-editor.note-airframe {
  border:  1px solid #6976cb;
}

.box-shadow-gray {box-shadow: 0 5px 10px #838b8e}
.bg-gray-gradient {background: linear-gradient(to bottom right, #5a6970 0%, #7b7b7b 100%) !important}
.toggle-password:hover {cursor: pointer !important}

.select2-container .select2-selection--single {
  height: calc(3.5rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(4.5rem + 2px) !important;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(3.5rem + 2px) !important;
}

.dark-mode .form-control::placeholder {
  color: #fff !important;
}

.btn-warning {color: #000 !important;}

.dark-mode .select2-search__field {color: #fff;}

.header-brand1 .desktop-logo {margin-top: 0}

.app-header .header-right-icons .nav-link.icon {padding: 7px !important;}