:root {
  --primary: #385599;
  --primary-dark: #273b69;
  --warning: #fda500;
  --warning-dark: #d38a02;
  --success: #18b39b;
  --success-dark: #118170;
}

a {
  color: #3b8ebe;
  text-decoration: none;
}
a:hover {
  color: #357ea8;
}

small {
  font-size: 0.75rem !important;
}

body {
    font-size: 14px;
}
body.sidebar-icon-only .sidebar .nav-item-heading {
  font-size: 9px;
  text-align: center;
}

.content-wrapper {
  background-color: #edeff3;
  padding: 1.8rem 2.25rem;
}
.modal .modal-content {
  background: white;
}

/* Navbar */
.navbar-header .navbar-menu-wrapper {
  color: #ffffff;
  background: #2c79dd;
  background: -webkit-linear-gradient(to right, #4bbce2, #2c79dd);
  background: linear-gradient(to right, #4bbce2, #2c79dd);
}
.navbar-header .navbar-brand-wrapper {
  padding-left: 30px;
}
.navbar-header .dropdown .dropdown-menu .dropdown-item:hover {
  color: inherit;
}
.navbar-header .nav-item .fa-solid {
  font-size: 0.9rem !important;
}

/* Sidebar */
.sidebar .nav .nav-item .nav-link {
  padding: 0.75rem 0;
}
.sidebar .nav .nav-item:hover {
  background: #edf1fa;
}
.sidebar .nav .nav-item:hover a i {
  color: var(--primary) !important;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
  font-size: 1rem;
  color: #a8aebf;
}
.sidebar .nav .nav-item.active {
  background: #edf1fa;
}
.sidebar .nav .nav-item.active>.nav-link .menu-title {
  color: var(--primary);
}
.sidebar .nav .nav-item.active>.nav-link i {
  color: var(--warning);
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
  color: var(--primary);
}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
  content: "\f0141";
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
  content: "\f0140";
}
.sidebar .nav.sub-menu .nav-item .nav-link:before {
  content: "\F0054";
}

/* Form */
.form-control::-moz-placeholder,
.select2-search__field::-moz-placeholder {
  color: #acacac;
}
.form-control:-moz-placeholder,
.select2-search__field:-moz-placeholder {
  color: #acacac;
}
.form-control::-webkit-input-placeholder,
.select2-search__field::-webkit-input-placeholder {
  color: #acacac;
}
.form-control:-ms-input-placeholder,
.select2-search__field:-ms-input-placeholder {
  color: #acacac;
}
.form-control {
  border: 1px solid #dedcdc;
}
.form-filter .form-group { /* For 1 line filter form */
  margin-bottom: 0;
}
.form-filter .button {
  padding-top: 21px;
}
.form-check-box {
  background-color: #fff;
  background-clip: padding-box;
  /* border: 1px solid #ced4da; */
  /* border-radius: 0.25rem; */
  /* width: 100%; */
  padding: 2px 5px 9px 0;
}
.form-switch .form-check-input {
  height: 1.8em;
  width: 3.1em;
  cursor: pointer;
}
.form-check-input {
  width: 1.3em;
  height: 1.3em;
  margin-right: 5px;
  cursor: pointer;
}
.form-check .form-check-label {
  padding-top: 1.5px;
  padding-left: 2px;
  cursor: pointer;
  margin-left: 0.5rem;
}
.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(56, 85, 153, 0.25);
    border-color: var(--primary-light);
}
.form-check-inline {
  display: inline-block;
  padding-left: 1.5em;
  margin-right: 1.3rem;
}
.form-box {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.27rem 0.7rem;
}
.form-box .form-check {
  margin-top: 6.5px;
  margin-bottom: 0px;
}


/* DataTables */
table.dataTable {
  border-bottom: 1px solid #dfdfdf;
}
.dataTable td,
.dataTable th {
  padding: 0.75rem;
  line-height: 20px !important;
}
.dataTables_filter {
  float: left;
  margin-right: 15px !important;
}
.dataTables_filter input {
  height: 35px;
}
.dataTables_paginate {
  float: left;
  margin-top: 15px !important;
}
.dataTables_length {
  margin-top: 17px;
}
.dataTables_length label {
  background: #eee;
  font-size: 13px;
  padding-right: 10px;
}
.dataTables_length select {
  height: 40px !important;
  width: 70px !important;
  margin-right: 5px;
}

/* Loading*/
.loading-option {
  position: absolute;
  z-index: 999;
  margin-top: -34px;
  margin-left: 10px;
  background: #ffffff;
  padding-left: 5px;
  padding-right: 30px;
}
.loading-option img {
  height: 20px;
}

/* Background */
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-warning {
  background-color: var(--warning) !important;
}
.bg-success {
  background-color: var(--success) !important;
}
.bg-light {
  background-color: #edf1fa !important;
}

/* Text */
.text-primary {
  color: var(--primary) !important;
}
.text-success {
  color: var(--success) !important;
}

/* Border */
.border-warning {
  border-color: var(--warning) !important;
}

/* Button */
.btn {
  text-transform: uppercase;
}
.btn.btn-xs {
  padding: 5px 7px;
  font-size: 13px;
}
.btn.btn-xs i {
  font-size: 13px;
}

.btn-icon-height {
  padding-top: 9px;
  padding-bottom: 9px;
}
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(43, 66, 118, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  color: #7e8b9a;
}

.btn-secondary:disabled, .btn-secondary.disabled {
  background-color: #bcc4cb;
  border-color: #bcc4cb;
}

/* Sweet Alert */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: var(--primary);
}

/* Date Picker */
.calendar-table th,
.calendar-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: var(--primary);
}
.calendar-table select {
  border: 1px solid #dedcdc;
  border-radius: 2px;
  padding: 5px 5px !important;
}

/* Select2 */
.set-select2 {
  width: 100%;
}
.select2-container .select2-selection--single {
  font-family: "ubuntu-regular", sans-serif;
  font-size: 0.8125rem;
  padding: 0.975rem 1.375rem;
  line-height: 1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #dedcdc;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 44.59px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #c9c8c8;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  /* Arrow Icon */
  top: 10px;
  right: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  /* Clear Icon */
  top: 1px;
  right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #c9c8c8;
}
.select2-dropdown {
  border: 1px solid #dedcdc;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dedcdc;
}
.select2-search--dropdown .select2-search__field {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  padding: 4px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  font-family: "ubuntu-regular", sans-serif;
  font-size: 0.8125rem;
  padding: 0.600rem 1.375rem;
  border: 1px solid #dedcdc;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 44.59px;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-right: 0;
}

/* Pagination */
.pagination .page-item a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--primary);
  background-color: #fff;
  border-color: #d9d9d9#d2d2d2;
}
.pagination .page-item a:hover {
  z-index: 2;
  text-decoration: none;
  color: white;
  background-color: var(--primary);
  border-color: var(--primary);
}
.pagination .page-item.active a {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #ffffff;
}
.pagination .page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
}
.pagination .page-item span {
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
}
.pagination .page-item a:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.pagination .page-item a:not(:disabled):not(.disabled) {
  cursor: pointer;
  border: 1px solid #d2d2d2;
}

/* Table */
.table th,
.table td {
    white-space: normal;
    line-height: 1.4;
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #edf1fa;
}
.table-padding td {
    padding: 7px 5px;
    padding-left: 0;
    vertical-align: top;
}
.table-padding .divide {
    width: 21px;
    text-align: center;
}

@media (max-width: 576px) {
  .navbar {
    background-color: #4bbce2;
  }
  .navbar .navbar-brand-wrapper {
    background-color: var(--primary);
    width: 90px;
    padding-left: 15px;
  }
  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: 60px;
    height: auto;
  }
}