body{
    overflow: overlay;
    background: #f8f9fa !important;
}


[zender-wrapper] {
    background: #f8f9fa;
}

.container-xxl{
    margin: 0 2.5rem;
}

.navbar-light, .header, .main-content{
    background-color: #f8f9fa !important;
}

.navbar {
    border: none;
}

.navbar img {
    max-height: 40px !important;
}

.header-title {
    color: #152e4d !important;
}

.navbar-dark.navbar-vibrant{
   background-image: none !important;
}

.navbar-vertical::-webkit-scrollbar, .card-body::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
    width: 5px;
}

.navbar-vertical::-webkit-scrollbar-thumb, .card-body::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    background: #fafbfc;
    width: 5px;
}

.navbar-vertical::-webkit-scrollbar-track, .card-body::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
    background-color: #0d3e63;
}

.navbar-dark.navbar-vibrant{
    background: #152e4d !important;
}

.btn-primary
{
    background-color: #152e4d !important;
    border-color: #152e4d !important;
    color: #fff !important;
}

.btn-primary:hover
{
    font-weight: bold !important;
    background-color: #1e3a5f !important;
}

.card {
    margin-bottom: 1.5rem;
    border-color: white;
    box-shadow: 0 -0.25rem 1rem rgba(18, 38, 63, .5);
    background-color: white !important;
    color: #152e4d;
}

.table thead th {
    background-color: white;
    border-bottom: 0 !important;
}

.modal-content{
    background-color: white;
    color: #152e4d !important;
}

.image-wrapper {
    background-size: repeat !important;
    background: black;
}

.bg-cover-layer {
    background-image: url(/uploads/theme/bg.png) !important;
    background-repeat: repeat !important;
    background: #145d94;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #12263f; 
  border-radius: 10px;
}