/****** AdminLTE Custom/Override ******/
::-moz-selection { /* Code for Firefox */
  color: #FFF;
  background: #800020;
}

::selection {
  color: #FFF;
  background: #800020;
}

a {
  color: #660033;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #800020;
}

label {
    margin-top: 1px;
    margin-bottom: 0;
}

.text-burgundy {
    color: #800020;
}

.badge.badge-burgundy {
  background-color: #800020;
  color: #ffffff;
}

.box.box-burgundy {
    border-top-color: #800020;
}

.sidebar-header-sub {
  font-size: 15px!important;
  color: #ffffff!important;
  font-weight: 600!important;
}

.sidebar-header-sub-light {
  font-size: 15px!important;
  color: #800020!important;
  font-weight: 600!important;
}

/* Form > form-control */
.form-control-inline{
  display: inline;
  width:300px!important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #e6e6e6;
}

.form-control:focus {
  border-color: #800020!important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #800020 !important;
}

/* Nav Tabs Custom */
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #800020;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    color: #660033;
}

/* Nav Stacked */
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    border-left-color: #800020;
}

/* Button Burgandy */
.btn-burgundy {
  background-color: #800020;
  border-color: #660033;
  color: #ffffff!important;
}
.btn-burgundy:hover,
.btn-burgundy:active,
.btn-burgundy.hover {
  background-color: #76011e;
  color: #d9d9d9!important;
}

.btn-outline-burgundy {
    color: #800020;
    border: 1px solid #800020;
    background-color: transparent;
}
  
.btn-outline-burgundy:hover,
.btn-outline-burgundy:focus {
    background-color: #800020;
    color: #fff;
}
  
.btn-outline-burgundy:disabled {
    color: #a05260;
    border-color: #a05260;
    opacity: 0.65;
    cursor: not-allowed;
}

/* Modal popping from right */
.modal.right .modal-dialog {
  position: fixed;
  right: 0;
  top: 0;
  margin: 0;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

/* Show animation */
.modal.right.in .modal-dialog {
  transform: translateX(0);
}

/* Optional: full-height content */
.modal.right .modal-content {
  height: 100%;
  border-radius: 0;
}

/* Table */
.table-bordered {
    border: 1px solid #d2d6de;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #d2d6de;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #d2d6de;
}

.table-bordered-pds > thead > tr > th,
.table-bordered-pds > tbody > tr > th,
.table-bordered-pds > tfoot > tr > th,
.table-bordered-pds > thead > tr > td,
.table-bordered-pds > tbody > tr > td,
.table-bordered-pds > tfoot > tr > td {
  border: 1px solid #b1b1b1;
}

.table-condensed-pds>tbody>tr>td,
.table-condensed-pds>tbody>tr>th,
.table-condensed-pds>tfoot>tr>td,
.table-condensed-pds>tfoot>tr>th,
.table-condensed-pds>thead>tr>td, 
.table-condensed-pds>thead>tr>th{
  padding: 1px 5px;
}

/* Alert */
.alert { padding: 10px!important; margin-bottom: 10px!important; }
.alert-dismissable .close, .alert-dismissible .close {
    right: 0px!important;
}

/* Toggle button  */
.toggle-container {
    display: flex;
    align-items: center;
    gap: 6px; /* Space between toggle and text */
}

.toggle-status {
    width: 30px;
    height: 16px;
    appearance: none;
    border-radius: 12px;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.active-toggle {
    background: #4caf50;
}

.inactive-toggle {
    background: #ccc;
}

.toggle-status:before {
    content: "";
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.3s;
}

.active-toggle:before {
    left: 16px;
}

.toggle-label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

/****** End of AdminLTE Custom/Override ******/

/* Toggle Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 36px; /* smaller */
  height: 20px; /* smaller */
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 20px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px; /* smaller */
  width: 14px;  /* smaller */
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #800020;
}
input:checked + .slider:before {
  transform: translateX(16px);
}
/* End Toggle Swtich */

/* hr with text in the middle */
.hr-text {
  display: flex;
  align-items: center;
  text-align: center;
/*  margin: 20px 0;*/
}
.hr-text::before,
.hr-text::after {
  content: '';
  flex: 1;
  border-top: 1px solid #ccc;
}
.hr-text:not(:empty)::before {
  margin-right: 10px;
}
.hr-text:not(:empty)::after {
  margin-left: 10px;
}
/* End hr with text in the middle */