.navbar-brand-box {
  border-right: 1px solid #3133801f;
  padding: 0 1rem;
}

.navbar-brand-box .logo span img {
  width: 160px;
}

.auth-body-bg .card {
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
}

.auth-body-bg .card .card-body h3 a img {
  width: 200px;
  height: 70px;
  object-fit: cover;
}

.auth-body-bg h5 {
  color: #edaa00 !important;
}

.accountbg,
.form-group.text-center.mt-3 .waves-effect {
  background: #2e347d !important;
}

.auth-body-bg .text-color {
  color: #000;
}

.btn-primary,
.pagination-rounded .page-item.active .page-link {
  background: #2e347d !important;
}

.breadcrumb-item>a {
  color: #2e347d !important;
  font-weight: 500;
}

.navbar-header .dropdown .show.header-item {
  background: transparent !important;
}

.auth-body-bg .card input {
  background: #e8f0fe !important;
}


/* .btn-group-vertical>.btn, 
.btn-group>.btn {
  background: #483290 ;
  color: #fff;
  border: 1px solid #ccc;
  font-weight: 400;
}
.btn-group-sm>.btn,
.btn-sm {
  border: 1px solid #2e347d;
  color: #2e347d;
}

.btn-group-sm>.btn:hover, 
.btn-sm:hover {
  background: #2e347d !important;
  border: 1px solid #2e347d !important;
} */

.form-check-input:checked {
  background-color: #f1ad02;
  border-color: #f1ad02;
}

.form-check-input:focus {
  border-color: #f1ad02;
  -webkit-box-shadow: 0 0 0 .15rem rgba(241, 173, 2, 0.25);
  box-shadow: 0 0 0 .15rem rgba(241, 173, 2, 0.25);
}

span.badge.bg-primary {
  background-color: #ffbc4f !important;
}

button#applyFilters {
  color: #fff;
  background: #ffbc4f !important;
  border-color: #ffbc4f !important;
}

button#applyFilters:focus {
  box-shadow: 0 0 0 .15rem rgba(241, 173, 2, 0.25);
}

.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
  background-color: #2e347d;
}

.page-link:hover {
  color: #fff;
}

.page-link:focus {
  color: #fff;
  box-shadow: 0 0 0 .15rem rgba(46, 52, 125, 0.25);
}

.fc .fc-daygrid-day-frame {
  color: #2e347d;
  font-weight: bold;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  background-color: #2e347d;
  color: #fff !important;
}

/* .fc .fc-daygrid-day.fc-day-today {
  background: #ffbc4f !important;
} */
.fc .fc-button-group button {
  background: #ffbc4f !important;
  color: #000000e0 !important
}

.fc .fc-button-primary:disabled {
  background: #ffbc4f !important;
  border-color: #000 !important;
  color: #000000e0 !important;
  opacity: 1 !important;
  text-transform: capitalize;
  font-weight: 500;
}

.nav-link:focus,
.nav-link:hover,
.fc .fc-daygrid-day-number {
  color: #000000d4 !important
}

/* .fc .fc-daygrid-event {
  background: #2e347d !important;
  color: #fff;
  border: 1px solid#2e347d !important;
}

.fc .fc-col-header-cell {
  background-color: #2e347d;
} */

.fc .fc-col-header-cell-cushion {
  color: #000000a6 !important
}

/* 
.nav-link:focus, .nav-link:hover{
  box-shadow: 0 0 0 .15rem rgba(46, 52, 125, 0.25) !important;
} */
/* .table>thead>tr>th,
table.table-bordered.dataTable th {
  background: #483290 !important;
  color: #fff !important;
} */
.badge.bg-success {
  background-color: #9cc624 !important;
}

.view-session-link {
  color: #fff !important;
}

/* .fc-daygrid-day-frame {
  background-color: #f2ae0354 !important;
} */

@media(min-width:768px) {

  .card-header-section .leftCol,
  .card-header-section .rightCol {
    width: 50% !important;
  }

  .card-header-section .rightCol {
    justify-content: end;
  }

  .card-header-section .rightCol a {
    display: flex;
    align-items: center;
  }

  .card-header-section .rightCol a i {
    margin-right: 5px;
  }

  .card-header-section .leftCol .flex-md-grow-0 .input-group {
    height: 37px;
  }

  .card-header-section .leftCol .flex-md-grow-0 .input-group input#dateRangePicker {
    margin-right: 10px;
    border-radius: 3.2px;
    ;
  }

  .card-header-section .leftCol .flex-md-grow-0 .btn {
    border-radius: 3.2px !important;
  }
}

@media(max-width:767px) {
  .card-header-section>div {
    display: block !important;
  }

  .card-header-section .leftCol,
  .card-header-section .rightCol {
    width: 100% !important;
  }

  .card-header-section .select2-container {
    margin-bottom: 0;
  }

  .card-header-section .leftCol .flatpickr-input {
    line-height: 28px !important;
  }

  .card-header-section .rightCol {
    display: block !important;
  }

  .card-header-section .input-group select {
    width: 100% !important;
  }

  .card-header-section .input-group {
    display: block !important;
  }

  .card-header-section>div .btn {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
  }

  form#bulkApproveForm .d-flex.justify-content-end.mb-3 .btn-success {
    width: 100%;
  }

  .card-header:first-child {
    display: block !important;
    width: 100%;
  }

  .card-header:first-child .btn {
    width: 100%;
    height: 37px;
    margin-top: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .card-header:first-child .select2-container {
    width: 100% !important;
  }

  .card-header:first-child form {
    margin-left: 0 !important;
    width: 100%;
  }

  /* .card-header:first-child .btn:not(:last-child) {
    margin: 10px 0;
  } */

  .card-body {
    overflow: auto !important;
  }

  .page-title-box {
    padding-bottom: 24px;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .card-title {
    margin-bottom: 10px !important;
  }

  .card-header:first-child .d-flex.flex-wrap.gap-2 {
    display: block !important;
  }

  .flatpickr-input {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .card-header-section>div .edit {
    margin-bottom: 0;
  }

  .card-header-section>div form {
    width: 100%;
    display: block !important;
  }

  .card-header-section .select2-container {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px;
  }



  div#datatable-buttons_wrapper .dtr-data a {
    width: auto;
  }

  div#datatable-buttons_wrapper .dtr-data .btn-sm {
    width: auto;
  }

  table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
  }
  li.paginate_button.next{margin: 0 5px;}
  .card-header-section .leftCol .flex-md-grow-0 .input-group input#dateRangePicker {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  table.dataTable>tbody>tr.child span.dtr-data,
  table.dataTable>tbody>tr.child span.dtr-title {
    font-size: 12px;
  }
  .footer{font-size: 12px;}
  .table>:not(caption)>*>* {
    padding: .2rem .5rem;}
  .page-title-box h4 {
    font-size: 1.2rem;
    }
    .page-item .page-link{
    font-size: 14px;
    padding: 2px 8px;
 }
 table.dataTable{margin-bottom: 0;}
 .wrapper-page {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh;
   margin: 0
 }

 .checkbox-wrapper {
   font-size: 13px;
   text-wrap: nowrap;
 }
 #sidebar-menu ul li a i{
  font-size: 1rem;    min-width: 1rem
 }
 }  #datatable-buttons_wrapper .dt-buttons .btn {
        padding: 0.3rem 5px 0.4rem;
        white-space: nowrap;
        color: #fff;
  }