.table thead tr th {
    padding: 0.75rem 1.5rem;
    opacity: .7;
    font-weight: bolder;
    color: #8392ab;
    text-transform: uppercase;
    font-size: 0.65rem;
}

.table tbody tr td {
    padding: 0.75rem 1.5rem;
}

.table {
    --bs-table-color: #67748e;
    --bs-table-bg: transparent;
    --bs-table-border-color: #e9ecef;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #67748e;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #67748e;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #67748e;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
  }
  
  .table> :not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }
  
  .table>tbody {
    vertical-align: inherit;
  }
  
  .table>thead {
    vertical-align: bottom;
  }

  .dataTables_info {
    color: #8392ab;
    font-size: 0.875rem;
}

/* Custom Pagination Active Page */
.page-link.active,
.active>.page-link {
  z-index: 3;
  color: #FFFFFF!important;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
} 
  
  .caption-top {
    caption-side: top;
  }
  
  .table-sm> :not(caption)>*>* {
    padding: 0.25rem 0.25rem;
  }
  
  .table-bordered> :not(caption)>* {
    border-width: 1px 0;
  }
  
  .table-bordered> :not(caption)>*>* {
    border-width: 0 1px;
  }
  
  .table-borderless> :not(caption)>*>* {
    border-bottom-width: 0;
  }
  
  .table-borderless> :not(:first-child) {
    border-top-width: 0;
  }
  
  .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
  }
  
  .table-striped-columns> :not(caption)>tr> :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
  }
  
  .table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
  }
  
  .table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
  }
  
  .table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #dfe3fa;
    --bs-table-border-color: #c9cce1;
    --bs-table-striped-bg: #d4d8ee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c9cce1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ced2e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e6e9ee;
    --bs-table-border-color: #cfd2d6;
    --bs-table-striped-bg: #dbdde2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cfd2d6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d5d8dc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d5f5e7;
    --bs-table-border-color: #c0ddd0;
    --bs-table-striped-bg: #cae9db;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c0ddd0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c5e3d6;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff5fc;
    --bs-table-border-color: #badde3;
    --bs-table-striped-bg: #c5e9ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badde3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe3e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fee0d9;
    --bs-table-border-color: #e5cac3;
    --bs-table-striped-bg: #f1d5ce;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5cac3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebcfc9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #fdd7de;
    --bs-table-border-color: #e4c2c8;
    --bs-table-striped-bg: #f0ccd3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e4c2c8;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #eac7cd;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-light {
    --bs-table-color: #000;
    --bs-table-bg: #e9ecef;
    --bs-table-border-color: #d2d4d7;
    --bs-table-striped-bg: #dde0e3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d2d4d7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d8dadd;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #344767;
    --bs-table-border-color: #485976;
    --bs-table-striped-bg: #3e506f;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #485976;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #435572;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  
  @media (max-width: 767.98px) {
    .table-responsive-md {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  
  @media (max-width: 1399.98px) {
    .table-responsive-xxl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }

/* buat DataTAbel */
.tt-menu{
  /* background-color: #5e72e4; */
  /* background-color:#f4f5f7; */
  background-color: #172b4d;
  color: #f6f9fc;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.tt-suggestion{
  height: 2rem;
  line-height: 1rem;
}


/* Select 2 */

.select2 {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2d6da;
  appearance: none;
  border-radius: 0.5rem;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.select2-selection__rendered {
  display: block;
  width: 100%;
  /* padding: 0.5rem 0.75rem; */
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2d6da;
  appearance: none;
  /* border-radius: 0.5rem; */
  border: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
  
.select2-selection{
  background-color: #fff!important;
  border: 0px solid #aaa!important;
  border-radius: 0px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 8px;
  right: 5px;
  width: 20px;
}
.select2-dropdown {
  border: 0px solid #d2d6da!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0px solid #d2d6da;
}

.select2-container .select2-dropdown .select2-search--dropdown input {
  border: 1px solid #d2d6da!important;
  height: calc(1.5em + 0.875rem + 2px);
  padding: 0.4375rem 0.75rem;
  outline: 0;
  color: var(--bs-component-color);
  background-color: transparent;
  border-radius: 3px;
  transition: all 0.2s linear;
}

.select2-search.select2-search--dropdown > input:focus{
  color: #495057!important;
  background-color: #fff!important;
  border-color: #5e72e4!important;
  outline: 0;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1);
}

.select2-container .select2-dropdown {
  border: none;
  /* background: var(--bs-pagination-active-bg); */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}



/* For Swal */
swal-button swal-button--cancel{
  
}

/* 
.select2-container .select2-dropdown {
    border: none;
    background: var(--bs-component-dropdown-bg);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
} */

/* For Checkbox */
.form-switch .form-check-input:checked {
  border-color: rgba(94, 114, 228, 0.95);
  background-color: rgba(94, 114, 228, 0.95);
  /* width: 60px; */
}

/* datepicker */

body .datepicker.dropdown-menu {
  min-width: 250px;
  width: 320px;
  border: none;
  font-family: inherit;
  font-size: 0.8125rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 250px;
}

body .datepicker {
  color: var(--bs-component-color);
  border-radius: 4px;
}
body .datepicker table {
  width: 100%;
}
body .datepicker .datepicker-centuries table thead tr th,
body .datepicker .datepicker-days table thead tr th,
body .datepicker .datepicker-decades table thead tr th,
body .datepicker .datepicker-months table thead tr th,
body .datepicker .datepicker-years table thead tr th {
  color: var(--bs-component-color);
}
body .datepicker .datepicker-centuries table thead tr th.datepicker-switch,
body .datepicker .datepicker-centuries table thead tr th.next,
body .datepicker .datepicker-centuries table thead tr th.prev,
body .datepicker .datepicker-days table thead tr th.datepicker-switch,
body .datepicker .datepicker-days table thead tr th.next,
body .datepicker .datepicker-days table thead tr th.prev,
body .datepicker .datepicker-decades table thead tr th.datepicker-switch,
body .datepicker .datepicker-decades table thead tr th.next,
body .datepicker .datepicker-decades table thead tr th.prev,
body .datepicker .datepicker-months table thead tr th.datepicker-switch,
body .datepicker .datepicker-months table thead tr th.next,
body .datepicker .datepicker-months table thead tr th.prev,
body .datepicker .datepicker-years table thead tr th.datepicker-switch,
body .datepicker .datepicker-years table thead tr th.next,
body .datepicker .datepicker-years table thead tr th.prev {
  line-height: 1.5;
  padding: 0.5rem;
  border-radius: 3px;
}
body
  .datepicker
  .datepicker-centuries
  table
  thead
  tr
  th.datepicker-switch:focus,
body
  .datepicker
  .datepicker-centuries
  table
  thead
  tr
  th.datepicker-switch:hover,
body .datepicker .datepicker-centuries table thead tr th.next:focus,
body .datepicker .datepicker-centuries table thead tr th.next:hover,
body .datepicker .datepicker-centuries table thead tr th.prev:focus,
body .datepicker .datepicker-centuries table thead tr th.prev:hover,
body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus,
body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover,
body .datepicker .datepicker-days table thead tr th.next:focus,
body .datepicker .datepicker-days table thead tr th.next:hover,
body .datepicker .datepicker-days table thead tr th.prev:focus,
body .datepicker .datepicker-days table thead tr th.prev:hover,
body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus,
body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover,
body .datepicker .datepicker-decades table thead tr th.next:focus,
body .datepicker .datepicker-decades table thead tr th.next:hover,
body .datepicker .datepicker-decades table thead tr th.prev:focus,
body .datepicker .datepicker-decades table thead tr th.prev:hover,
body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus,
body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover,
body .datepicker .datepicker-months table thead tr th.next:focus,
body .datepicker .datepicker-months table thead tr th.next:hover,
body .datepicker .datepicker-months table thead tr th.prev:focus,
body .datepicker .datepicker-months table thead tr th.prev:hover,
body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus,
body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover,
body .datepicker .datepicker-years table thead tr th.next:focus,
body .datepicker .datepicker-years table thead tr th.next:hover,
body .datepicker .datepicker-years table thead tr th.prev:focus,
body .datepicker .datepicker-years table thead tr th.prev:hover {
  background: var(--bs-component-hover-bg);
}
body
  .datepicker
  .datepicker-centuries
  table
  thead
  tr
  th.datepicker-switch:focus:before,
body
  .datepicker
  .datepicker-centuries
  table
  thead
  tr
  th.datepicker-switch:hover:before,
body .datepicker .datepicker-centuries table thead tr th.next:focus:before,
body .datepicker .datepicker-centuries table thead tr th.next:hover:before,
body .datepicker .datepicker-centuries table thead tr th.prev:focus:before,
body .datepicker .datepicker-centuries table thead tr th.prev:hover:before,
body
  .datepicker
  .datepicker-days
  table
  thead
  tr
  th.datepicker-switch:focus:before,
body
  .datepicker
  .datepicker-days
  table
  thead
  tr
  th.datepicker-switch:hover:before,
body .datepicker .datepicker-days table thead tr th.next:focus:before,
body .datepicker .datepicker-days table thead tr th.next:hover:before,
body .datepicker .datepicker-days table thead tr th.prev:focus:before,
body .datepicker .datepicker-days table thead tr th.prev:hover:before,
body
  .datepicker
  .datepicker-decades
  table
  thead
  tr
  th.datepicker-switch:focus:before,
body
  .datepicker
  .datepicker-decades
  table
  thead
  tr
  th.datepicker-switch:hover:before,
body .datepicker .datepicker-decades table thead tr th.next:focus:before,
body .datepicker .datepicker-decades table thead tr th.next:hover:before,
body .datepicker .datepicker-decades table thead tr th.prev:focus:before,
body .datepicker .datepicker-decades table thead tr th.prev:hover:before,
body
  .datepicker
  .datepicker-months
  table
  thead
  tr
  th.datepicker-switch:focus:before,
body
  .datepicker
  .datepicker-months
  table
  thead
  tr
  th.datepicker-switch:hover:before,
body .datepicker .datepicker-months table thead tr th.next:focus:before,
body .datepicker .datepicker-months table thead tr th.next:hover:before,
body .datepicker .datepicker-months table thead tr th.prev:focus:before,
body .datepicker .datepicker-months table thead tr th.prev:hover:before,
body
  .datepicker
  .datepicker-years
  table
  thead
  tr
  th.datepicker-switch:focus:before,
body
  .datepicker
  .datepicker-years
  table
  thead
  tr
  th.datepicker-switch:hover:before,
body .datepicker .datepicker-years table thead tr th.next:focus:before,
body .datepicker .datepicker-years table thead tr th.next:hover:before,
body .datepicker .datepicker-years table thead tr th.prev:focus:before,
body .datepicker .datepicker-years table thead tr th.prev:hover:before {
  color: var(--bs-component-color);
}
body .datepicker .datepicker-centuries table thead tr th.next,
body .datepicker .datepicker-centuries table thead tr th.prev,
body .datepicker .datepicker-days table thead tr th.next,
body .datepicker .datepicker-days table thead tr th.prev,
body .datepicker .datepicker-decades table thead tr th.next,
body .datepicker .datepicker-decades table thead tr th.prev,
body .datepicker .datepicker-months table thead tr th.next,
body .datepicker .datepicker-months table thead tr th.prev,
body .datepicker .datepicker-years table thead tr th.next,
body .datepicker .datepicker-years table thead tr th.prev {
  color: transparent;
  width: 15%;
  position: relative;
  font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}
body .datepicker .datepicker-centuries table thead tr th.next:before,
body .datepicker .datepicker-centuries table thead tr th.prev:before,
body .datepicker .datepicker-days table thead tr th.next:before,
body .datepicker .datepicker-days table thead tr th.prev:before,
body .datepicker .datepicker-decades table thead tr th.next:before,
body .datepicker .datepicker-decades table thead tr th.prev:before,
body .datepicker .datepicker-months table thead tr th.next:before,
body .datepicker .datepicker-months table thead tr th.prev:before,
body .datepicker .datepicker-years table thead tr th.next:before,
body .datepicker .datepicker-years table thead tr th.prev:before {
  color: #607d8b;
  position: absolute;
  font-size: 0.875rem;
  height: 0.875rem;
  top: 50%;
  margin-top: -0.4375rem;
  line-height: 1;
}
body .datepicker .datepicker-centuries table thead tr th.next i,
body .datepicker .datepicker-centuries table thead tr th.prev i,
body .datepicker .datepicker-days table thead tr th.next i,
body .datepicker .datepicker-days table thead tr th.prev i,
body .datepicker .datepicker-decades table thead tr th.next i,
body .datepicker .datepicker-decades table thead tr th.prev i,
body .datepicker .datepicker-months table thead tr th.next i,
body .datepicker .datepicker-months table thead tr th.prev i,
body .datepicker .datepicker-years table thead tr th.next i,
body .datepicker .datepicker-years table thead tr th.prev i {
  display: none;
}
body .datepicker .datepicker-centuries table thead tr th.prev:before,
body .datepicker .datepicker-days table thead tr th.prev:before,
body .datepicker .datepicker-decades table thead tr th.prev:before,
body .datepicker .datepicker-months table thead tr th.prev:before,
body .datepicker .datepicker-years table thead tr th.prev:before {
  content: "\f104";
}
body .datepicker .datepicker-centuries table thead tr th.next:before,
body .datepicker .datepicker-days table thead tr th.next:before,
body .datepicker .datepicker-decades table thead tr th.next:before,
body .datepicker .datepicker-months table thead tr th.next:before,
body .datepicker .datepicker-years table thead tr th.next:before {
  content: "\f105";
}
body .datepicker .datepicker-centuries table thead tr th.datepicker-switch,
body .datepicker .datepicker-days table thead tr th.datepicker-switch,
body .datepicker .datepicker-decades table thead tr th.datepicker-switch,
body .datepicker .datepicker-months table thead tr th.datepicker-switch,
body .datepicker .datepicker-years table thead tr th.datepicker-switch {
  width: auto;
}
body .datepicker .datepicker-centuries table thead tr th.dow,
body .datepicker .datepicker-days table thead tr th.dow,
body .datepicker .datepicker-decades table thead tr th.dow,
body .datepicker .datepicker-months table thead tr th.dow,
body .datepicker .datepicker-years table thead tr th.dow {
  padding: 0.5rem 0;
}
body .datepicker .datepicker-centuries table tbody tr td,
body .datepicker .datepicker-days table tbody tr td,
body .datepicker .datepicker-decades table tbody tr td,
body .datepicker .datepicker-months table tbody tr td,
body .datepicker .datepicker-years table tbody tr td {
  padding: 0.5rem;
}
body .datepicker .datepicker-centuries table tbody tr td span.century,
body .datepicker .datepicker-centuries table tbody tr td span.decade,
body .datepicker .datepicker-centuries table tbody tr td span.month,
body .datepicker .datepicker-centuries table tbody tr td span.year,
body .datepicker .datepicker-days table tbody tr td span.century,
body .datepicker .datepicker-days table tbody tr td span.decade,
body .datepicker .datepicker-days table tbody tr td span.month,
body .datepicker .datepicker-days table tbody tr td span.year,
body .datepicker .datepicker-decades table tbody tr td span.century,
body .datepicker .datepicker-decades table tbody tr td span.decade,
body .datepicker .datepicker-decades table tbody tr td span.month,
body .datepicker .datepicker-decades table tbody tr td span.year,
body .datepicker .datepicker-months table tbody tr td span.century,
body .datepicker .datepicker-months table tbody tr td span.decade,
body .datepicker .datepicker-months table tbody tr td span.month,
body .datepicker .datepicker-months table tbody tr td span.year,
body .datepicker .datepicker-years table tbody tr td span.century,
body .datepicker .datepicker-years table tbody tr td span.decade,
body .datepicker .datepicker-years table tbody tr td span.month,
body .datepicker .datepicker-years table tbody tr td span.year {
  font-weight: 500;
  color: #546e7a;
  text-shadow: none;
  border-radius: 3px;
}
body .datepicker .datepicker-centuries table tbody tr td span.century:focus,
body .datepicker .datepicker-centuries table tbody tr td span.century:hover,
body .datepicker .datepicker-centuries table tbody tr td span.decade:focus,
body .datepicker .datepicker-centuries table tbody tr td span.decade:hover,
body .datepicker .datepicker-centuries table tbody tr td span.month:focus,
body .datepicker .datepicker-centuries table tbody tr td span.month:hover,
body .datepicker .datepicker-centuries table tbody tr td span.year:focus,
body .datepicker .datepicker-centuries table tbody tr td span.year:hover,
body .datepicker .datepicker-days table tbody tr td span.century:focus,
body .datepicker .datepicker-days table tbody tr td span.century:hover,
body .datepicker .datepicker-days table tbody tr td span.decade:focus,
body .datepicker .datepicker-days table tbody tr td span.decade:hover,
body .datepicker .datepicker-days table tbody tr td span.month:focus,
body .datepicker .datepicker-days table tbody tr td span.month:hover,
body .datepicker .datepicker-days table tbody tr td span.year:focus,
body .datepicker .datepicker-days table tbody tr td span.year:hover,
body .datepicker .datepicker-decades table tbody tr td span.century:focus,
body .datepicker .datepicker-decades table tbody tr td span.century:hover,
body .datepicker .datepicker-decades table tbody tr td span.decade:focus,
body .datepicker .datepicker-decades table tbody tr td span.decade:hover,
body .datepicker .datepicker-decades table tbody tr td span.month:focus,
body .datepicker .datepicker-decades table tbody tr td span.month:hover,
body .datepicker .datepicker-decades table tbody tr td span.year:focus,
body .datepicker .datepicker-decades table tbody tr td span.year:hover,
body .datepicker .datepicker-months table tbody tr td span.century:focus,
body .datepicker .datepicker-months table tbody tr td span.century:hover,
body .datepicker .datepicker-months table tbody tr td span.decade:focus,
body .datepicker .datepicker-months table tbody tr td span.decade:hover,
body .datepicker .datepicker-months table tbody tr td span.month:focus,
body .datepicker .datepicker-months table tbody tr td span.month:hover,
body .datepicker .datepicker-months table tbody tr td span.year:focus,
body .datepicker .datepicker-months table tbody tr td span.year:hover,
body .datepicker .datepicker-years table tbody tr td span.century:focus,
body .datepicker .datepicker-years table tbody tr td span.century:hover,
body .datepicker .datepicker-years table tbody tr td span.decade:focus,
body .datepicker .datepicker-years table tbody tr td span.decade:hover,
body .datepicker .datepicker-years table tbody tr td span.month:focus,
body .datepicker .datepicker-years table tbody tr td span.month:hover,
body .datepicker .datepicker-years table tbody tr td span.year:focus,
body .datepicker .datepicker-years table tbody tr td span.year:hover {
  background: var(--bs-component-hover-bg);
}
body .datepicker .datepicker-centuries table tbody tr td span.century.focused,
body .datepicker .datepicker-centuries table tbody tr td span.decade.focused,
body .datepicker .datepicker-centuries table tbody tr td span.month.focused,
body .datepicker .datepicker-centuries table tbody tr td span.year.focused,
body .datepicker .datepicker-days table tbody tr td span.century.focused,
body .datepicker .datepicker-days table tbody tr td span.decade.focused,
body .datepicker .datepicker-days table tbody tr td span.month.focused,
body .datepicker .datepicker-days table tbody tr td span.year.focused,
body .datepicker .datepicker-decades table tbody tr td span.century.focused,
body .datepicker .datepicker-decades table tbody tr td span.decade.focused,
body .datepicker .datepicker-decades table tbody tr td span.month.focused,
body .datepicker .datepicker-decades table tbody tr td span.year.focused,
body .datepicker .datepicker-months table tbody tr td span.century.focused,
body .datepicker .datepicker-months table tbody tr td span.decade.focused,
body .datepicker .datepicker-months table tbody tr td span.month.focused,
body .datepicker .datepicker-months table tbody tr td span.year.focused,
body .datepicker .datepicker-years table tbody tr td span.century.focused,
body .datepicker .datepicker-years table tbody tr td span.decade.focused,
body .datepicker .datepicker-years table tbody tr td span.month.focused,
body .datepicker .datepicker-years table tbody tr td span.year.focused {
  background: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
}
body .datepicker .datepicker-centuries table tbody tr td span.century.active,
body .datepicker .datepicker-centuries table tbody tr td span.decade.active,
body .datepicker .datepicker-centuries table tbody tr td span.month.active,
body .datepicker .datepicker-centuries table tbody tr td span.year.active,
body .datepicker .datepicker-days table tbody tr td span.century.active,
body .datepicker .datepicker-days table tbody tr td span.decade.active,
body .datepicker .datepicker-days table tbody tr td span.month.active,
body .datepicker .datepicker-days table tbody tr td span.year.active,
body .datepicker .datepicker-decades table tbody tr td span.century.active,
body .datepicker .datepicker-decades table tbody tr td span.decade.active,
body .datepicker .datepicker-decades table tbody tr td span.month.active,
body .datepicker .datepicker-decades table tbody tr td span.year.active,
body .datepicker .datepicker-months table tbody tr td span.century.active,
body .datepicker .datepicker-months table tbody tr td span.decade.active,
body .datepicker .datepicker-months table tbody tr td span.month.active,
body .datepicker .datepicker-months table tbody tr td span.year.active,
body .datepicker .datepicker-years table tbody tr td span.century.active,
body .datepicker .datepicker-years table tbody tr td span.decade.active,
body .datepicker .datepicker-years table tbody tr td span.month.active,
body .datepicker .datepicker-years table tbody tr td span.year.active {
  background: var(--bs-component-active-bg) !important;
  color: var(--bs-component-active-color);
}
body .datepicker .datepicker-centuries table tbody tr td.day,
body .datepicker .datepicker-days table tbody tr td.day,
body .datepicker .datepicker-decades table tbody tr td.day,
body .datepicker .datepicker-months table tbody tr td.day,
body .datepicker .datepicker-years table tbody tr td.day {
  font-weight: 500;
  color: rgba(var(--bs-component-color-rgb), 0.75);
  padding: 0.5rem;
  border-radius: 3px;
}
body .datepicker .datepicker-centuries table tbody tr td.day.highlighted,
body .datepicker .datepicker-centuries table tbody tr td.day.range,
body .datepicker .datepicker-centuries table tbody tr td.day.selected,
body .datepicker .datepicker-centuries table tbody tr td.day:focus,
body .datepicker .datepicker-centuries table tbody tr td.day:hover,
body .datepicker .datepicker-days table tbody tr td.day.highlighted,
body .datepicker .datepicker-days table tbody tr td.day.range,
body .datepicker .datepicker-days table tbody tr td.day.selected,
body .datepicker .datepicker-days table tbody tr td.day:focus,
body .datepicker .datepicker-days table tbody tr td.day:hover,
body .datepicker .datepicker-decades table tbody tr td.day.highlighted,
body .datepicker .datepicker-decades table tbody tr td.day.range,
body .datepicker .datepicker-decades table tbody tr td.day.selected,
body .datepicker .datepicker-decades table tbody tr td.day:focus,
body .datepicker .datepicker-decades table tbody tr td.day:hover,
body .datepicker .datepicker-months table tbody tr td.day.highlighted,
body .datepicker .datepicker-months table tbody tr td.day.range,
body .datepicker .datepicker-months table tbody tr td.day.selected,
body .datepicker .datepicker-months table tbody tr td.day:focus,
body .datepicker .datepicker-months table tbody tr td.day:hover,
body .datepicker .datepicker-years table tbody tr td.day.highlighted,
body .datepicker .datepicker-years table tbody tr td.day.range,
body .datepicker .datepicker-years table tbody tr td.day.selected,
body .datepicker .datepicker-years table tbody tr td.day:focus,
body .datepicker .datepicker-years table tbody tr td.day:hover {
  background: var(--bs-component-hover-bg);
  text-shadow: none;
}
body .datepicker .datepicker-centuries table tbody tr td.day.today,
body .datepicker .datepicker-days table tbody tr td.day.today,
body .datepicker .datepicker-decades table tbody tr td.day.today,
body .datepicker .datepicker-months table tbody tr td.day.today,
body .datepicker .datepicker-years table tbody tr td.day.today {
  background: #c8e5fc !important;
  color: #08263d;
}
body .datepicker .datepicker-centuries table tbody tr td.day.active,
body .datepicker .datepicker-days table tbody tr td.day.active,
body .datepicker .datepicker-decades table tbody tr td.day.active,
body .datepicker .datepicker-months table tbody tr td.day.active,
body .datepicker .datepicker-years table tbody tr td.day.active {
  background: #2196f3 !important;
  color: #fff;
  text-shadow: none !important;
}
body .datepicker .datepicker-centuries table tbody tr td.day.range,
body .datepicker .datepicker-days table tbody tr td.day.range,
body .datepicker .datepicker-decades table tbody tr td.day.range,
body .datepicker .datepicker-months table tbody tr td.day.range,
body .datepicker .datepicker-years table tbody tr td.day.range {
  border-radius: 0;
}
body .datepicker .datepicker-centuries table tbody tr td.day.range-start,
body .datepicker .datepicker-days table tbody tr td.day.range-start,
body .datepicker .datepicker-decades table tbody tr td.day.range-start,
body .datepicker .datepicker-months table tbody tr td.day.range-start,
body .datepicker .datepicker-years table tbody tr td.day.range-start {
  border-radius: 3px 0 0 3px;
}
body .datepicker .datepicker-centuries table tbody tr td.day.range-end,
body .datepicker .datepicker-days table tbody tr td.day.range-end,
body .datepicker .datepicker-decades table tbody tr td.day.range-end,
body .datepicker .datepicker-months table tbody tr td.day.range-end,
body .datepicker .datepicker-years table tbody tr td.day.range-end {
  border-radius: 0 3px 3px 0;
}
body .datepicker .datepicker-centuries table tbody tr td.day.old,
body .datepicker .datepicker-days table tbody tr td.day.old,
body .datepicker .datepicker-decades table tbody tr td.day.old,
body .datepicker .datepicker-months table tbody tr td.day.old,
body .datepicker .datepicker-years table tbody tr td.day.old {
  color: var(--bs-component-disabled-color);
}
body .datepicker .datepicker-centuries table tbody tr td.day.new,
body .datepicker .datepicker-days table tbody tr td.day.new,
body .datepicker .datepicker-decades table tbody tr td.day.new,
body .datepicker .datepicker-months table tbody tr td.day.new,
body .datepicker .datepicker-years table tbody tr td.day.new {
  color: var(--bs-component-disabled-color);
}
body .datepicker .datepicker-centuries table tbody tr td.day.disabled,
body .datepicker .datepicker-days table tbody tr td.day.disabled,
body .datepicker .datepicker-decades table tbody tr td.day.disabled,
body .datepicker .datepicker-months table tbody tr td.day.disabled,
body .datepicker .datepicker-years table tbody tr td.day.disabled {
  color: var(--bs-component-disabled-color);
}
body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus,
body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover,
body .datepicker .datepicker-days table tbody tr td.day.disabled:focus,
body .datepicker .datepicker-days table tbody tr td.day.disabled:hover,
body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus,
body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover,
body .datepicker .datepicker-months table tbody tr td.day.disabled:focus,
body .datepicker .datepicker-months table tbody tr td.day.disabled:hover,
body .datepicker .datepicker-years table tbody tr td.day.disabled:focus,
body .datepicker .datepicker-years table tbody tr td.day.disabled:hover {
  background: 0 0;
}
body .datepicker.datepicker-inline {
  display: block;
  width: auto;
  padding: 0;
}
body .datepicker.dropdown-menu {
  min-width: 250px;
  width: 320px;
  border: none;
  font-family: inherit;
  font-size: 0.8125rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 250px;
}
body .datepicker.dropdown-menu:before {
  display: none;
}
body .datepicker.dropdown-menu.datepicker-orient-left:after {
  left: 1rem;
}
body .datepicker.dropdown-menu.datepicker-orient-right:after {
  right: 1rem;
}
body .datepicker.dropdown-menu.datepicker-orient-top {
  margin-bottom: 0.5rem;
}
body .datepicker.dropdown-menu.datepicker-orient-bottom {
  margin-top: 0.5rem;
}

body .datetimepicker .next:before,
body .datetimepicker .prev:before {
   display: none;
}
body .datetimepicker .datetimepicker-hours table,
body .datetimepicker .datetimepicker-minutes table {
   min-width: 220px;
}
body .datetimepicker .glyphicon {
   font-size: 14px;
   color: #263238;
   font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
   font-weight: 900;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
}
body .datetimepicker .glyphicon.glyphicon-chevron-up:before {
   content: "\f106";
}
body .datetimepicker .glyphicon.glyphicon-chevron-down:before {
   content: "\f107";
}
body .datetimepicker .glyphicon.icon-arrow-left:before {
   content: "\f104";
}
body .datetimepicker .glyphicon.icon-arrow-right:before {
   content: "\f105";
}
body .datetimepicker .glyphicon.glyphicon-time:before {
   content: "\f017";
}
body .datetimepicker .glyphicon.glyphicon-calendar:before {
   content: "\f133";
}
body .datetimepicker.dropdown-menu {
   max-width: 320px;
   min-width: 200px;
   width: auto;
   padding: 5px;
   color: #263238;
   overflow: hidden;
   border-radius: 4px;
   max-width: 250px;
}
body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.switch,
body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today,
body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.switch,
body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today,
body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.today,
body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.next,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.next,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.next,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.next,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.today,
body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.today,
body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next,
body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.switch,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.today {
   padding: 5px;
   border-radius: 3px;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tfoot
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   thead
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tfoot
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   thead
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tfoot
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   thead
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tfoot
   tr
   th.today:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.next:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.next:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.prev:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.prev:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.switch:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.switch:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.today:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   thead
   tr
   th.today:hover {
   color: #263238;
   background: #f2f3f4;
}
body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.dow,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tfoot
   tr
   th.dow,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   thead
   tr
   th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.dow,
body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.dow {
   padding: 5px;
}
body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td,
body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td,
body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td,
body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td,
body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td {
   padding: 0;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade,
body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month,
body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year,
body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year,
body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year,
body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year,
body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day {
   padding: 7px 9px;
   height: auto;
   line-height: 16px !important;
   color: #648393;
   font-weight: 500;
   border-radius: 4px;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day:hover {
   color: #263238;
   background: #f2f3f4;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.active {
   color: #fff;
   background: #2196f3 !important;
   text-shadow: none;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.active:hover,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.active:focus,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.active:hover {
   text-shadow: none;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .decade.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .minute.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .month.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td
   .year.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .decade.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .minute.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .month.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td
   .year.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .decade.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .minute.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .month.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td
   .year.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .decade.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .minute.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .month.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td
   .year.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .decade.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .minute.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .month.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td
   .year.timepicker-second,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.timepicker-second {
   border: 1px solid #cfd8dc;
   display: block;
   width: 80px;
   margin: 0 auto;
   line-height: 22px;
   height: auto;
   padding: 6px 15px;
   border-radius: 4px;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.today,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.today {
   background: #dce3e7;
   color: #263238;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.today:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.today:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.today:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.today:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.today:before {
   border-bottom-color: #90a8b4;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.today.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.today.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.today.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.today.active,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.today.active {
   color: #fff;
}
body
   .datetimepicker.dropdown-menu
   .datetimepicker-days
   table
   tbody
   tr
   td.day.today.active:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-hours
   table
   tbody
   tr
   td.day.today.active:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-minutes
   table
   tbody
   tr
   td.day.today.active:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-months
   table
   tbody
   tr
   td.day.today.active:before,
body
   .datetimepicker.dropdown-menu
   .datetimepicker-years
   table
   tbody
   tr
   td.day.today.active:before {
   border-bottom-color: #b2dbfb;
}
body .datetimepicker.dropdown-menu > ul > li .datepicker {
   padding: 5px;
   width: 320px;
   width: 250px;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker {
   width: auto;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-hours,
body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-minutes,
body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker {
   padding: 5px;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker {
   width: 200px;
   margin: 0 auto;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td {
   padding: 0;
   height: auto;
   line-height: inherit;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour,
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute {
   padding: 10px;
   height: auto;
   line-height: 16px !important;
   color: #648393;
   font-weight: 500;
   border-radius: 4px;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:focus,
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:hover,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute:hover {
   color: #263238;
   background: #f2f3f4;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.active,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.active {
   color: #fff;
   background: #263238 !important;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.active:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.active:hover,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.active:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.active:hover {
   text-shadow: none;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.hour.timepicker-second,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td.minute.timepicker-second {
   border: 1px solid #cfd8dc;
   display: block;
   width: 80px;
   margin: 0 auto;
   line-height: 22px;
   height: auto;
   padding: 6px 15px;
   border-radius: 4px;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.separator {
   width: 1%;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn {
   padding: 0;
   border: none;
}
body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span {
   padding: 10px;
   height: auto;
   line-height: 16px !important;
   color: #648393;
   font-weight: 500;
   border-radius: 4px;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span:hover {
   background: #f2f3f4;
   color: #263238;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.active {
   color: #fff;
   background: #263238 !important;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.active:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.active:hover {
   text-shadow: none;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.timepicker-hour,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.timepicker-minute,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn
   span.timepicker-second {
   border: 1px solid #cfd8dc;
   display: block;
   width: 80px;
   margin: 0 auto;
   line-height: 22px;
   height: auto;
   padding: 6px 15px;
   border-radius: 4px;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn.btn-primary {
   padding: 5px 15px;
   background: #90a8b4;
   margin-right: 5px;
   margin-left: 5px;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn.btn-primary:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .btn.btn-primary:hover {
   background: #648393;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-hour,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-minute {
   height: auto;
   line-height: 30px;
   border: 1px solid #cfd8dc;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-hour:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-hour:hover,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-minute:focus,
body
   .datetimepicker.dropdown-menu
   > ul
   > li
   .timepicker
   table
   tr
   td
   .timepicker-minute:hover {
   background: 0 0;
   border-color: #90a8b4;
}
body .datetimepicker.dropdown-menu > ul > li.picker-switch {
   width: 100%;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li.picker-switch
   table
   tbody
   tr
   td
   span {
   display: block;
   width: auto;
   margin: -1px 0 0;
   background: #f2f3f4;
   height: 36px;
   line-height: 36px;
   border-radius: 0;
}
body
   .datetimepicker.dropdown-menu
   > ul
   > li.picker-switch
   table
   tbody
   tr
   td
   span:hover {
   background: #e5ebed;
}
body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td a {
   text-decoration: none;
}
body .datetimepicker.dropdown-menu > ul > li.collapse.in {
   display: block;
}
body .datetimepicker.dropdown-menu.bottom:before {
   display: none;
}
body .datetimepicker.dropdown-menu.bottom:after {
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #fff;
   top: -7px;
   left: 15px;
}
body .datetimepicker.dropdown-menu.bottom.pull-right:after {
   left: auto;
   right: 15px;
}
body .datetimepicker + .input-group-addon {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.btn.btn-social-icon > :first-child,
.btn.btn-social > :first-child {
   display: flex;
   align-items: center;
   justify-content: center;
}
.btn-group-lg > .btn.btn-social-icon,
.btn.btn-social-icon.btn-lg {
   width: 39px;
   height: 39px;
}
body .bootstrap-timepicker .input-group-addon i {
   width: auto;
   height: auto;
   display: inline;
}
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour,
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian,
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute {
   width: 40px;
   height: calc(1.5em + 0.875rem + 2px);
   border: 1px solid var(--bs-component-dropdown-border-color);
   padding: 6px;
   background: 0 0;
   color: var(--bs-component-color);
   font-weight: 500;
   box-shadow: none;
   transition: all 0.2s linear;
   border-radius: 3px;
}
.bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour:focus,
.bootstrap-timepicker-widget
   table
   tbody
   tr
   td
   .bootstrap-timepicker-meridian:focus,
.bootstrap-timepicker-widget
   table
   tbody
   tr
   td
   .bootstrap-timepicker-minute:focus {
   border-color: #59b0f6;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
}
.bootstrap-timepicker-widget table tbody tr td .glyphicon {
   font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
   font-weight: 900;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
}
.bootstrap-timepicker-widget
   table
   tbody
   tr
   td
   .glyphicon.glyphicon-chevron-up:before {
   content: "\f077";
}
.bootstrap-timepicker-widget
   table
   tbody
   tr
   td
   .glyphicon.glyphicon-chevron-down:before {
   content: "\f078";
}
.bootstrap-timepicker-widget table tbody tr td a {
   border: none;
   color: #607d8b;
   padding: 0.5rem;
   text-decoration: none;
   border-radius: 3px !important;
}
.bootstrap-timepicker-widget table tbody tr td a:focus,
.bootstrap-timepicker-widget table tbody tr td a:hover {
   background: var(--bs-component-dropdown-hover-bg);
   color: var(--bs-component-hover-color);
}
.bootstrap-timepicker-widget table tbody tr td.separator {
   padding: 0 0.5rem;
}
.bootstrap-timepicker-widget:before {
   display: none !important;
}
.bootstrap-timepicker-widget:after {
   left: 1rem !important;
   top: -0.5rem !important;
   border-width: 0.5rem !important;
   border-bottom-color: var(--bs-component-dropdown-bg) !important;
}
.bootstrap-timepicker-widget.dropdown-menu {
   padding: 0.5rem !important;
   border-radius: 4px !important;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
   top: auto !important;
   bottom: -0.5rem;
   border-top-color: var(--bs-component-dropdown-bg) !important;
}