@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');


body {
    background: #FFF;
}

body > .select2-container {
    position: absolute !important;
    top: 48px !important;
}

* {
    font-family: 'DM Sans', sans-serif;
}

nav {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
}

.app-header .navbar-brand {
    padding: 1px 0;
    margin-right: 10px;
    background-color: #fff;
}

.app-header.bg-primary {
    background-color: #93D9F3 !important;
}

.sidebar {
    background: none !important;
    background-color: #233566 !important;
}

.sidebar .nav-link i.nav-icon {
    color: #93D9F3;
}

.sidebar .nav-link.active .nav-icon {
    color: #FFF;
}

.sidebar .nav-link:hover, .sidebar .nav-link.active {
    background: #E84A16;
    color: #fff;
}

.sidebar .nav-dropdown.open {
    background: rgba(255, 255, 255, .2);
}

.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .btn-success,
.show>.btn-primary.dropdown-toggle {
    background-color: #233566;
    border-color: #233566;
    color: #fff;
}

.btn-primary:hover, .dataTables_wrapper:hover .dataTables_paginate:hover .paginate_button.current:hover, .btn-success:hover,
.btn-primary:active, .dataTables_wrapper:active .dataTables_paginate:active .paginate_button.current:active, .btn-success:active {
    background-color: #E84A16!important;
    border-color: #E84A16!important;
    color: #fff;
}

.show>.btn-success.dropdown-toggle {
    background-color: #E84A16!important;
    border-color: #E84A16!important;
    color: #fff;
}



a {
    background-color: transparent;
    color: #233566;
    text-decoration: none;
}

.btn-link {
    color: #233566;
}

.page-item.active .page-link {
    background-color: #233566;
    border-color: #233566;
    color: #fff;
}


.backpack-avatar-menu-container{
    background-color: #E84A16!important;
}


.navbar-color .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23384C74' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.custom-control-input:checked~.custom-control-label:before {
    background-color: #E84A16!important;
    border-color: #E84A16!important;
    color: #fff;
}

.actions-col {
    text-align: left !important;
}

@media (min-width: 576px) {
    .actions-col {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        height: 0;
        overflow: visible;
        z-index: 1;
    }
}

#crudTable th, #crudTable td {
    white-space: normal;
}

#crudTable_filter input[type="search"] {
    border-color: #999999;
}

#crudTable_filter input[type="search"]::placeholder {
    color: #aaaaaa;
}

.highlight {
    font-weight: bold;
    color: #233566 !important;
}

.highlight:hover, .highlight:active {
    text-decoration: none;
    color: #E84A16 !important;
}

/* For Safari */
input[type="datetime-local"][value=""]::-webkit-datetime-edit {
    display: none;
}

.app-header .navbar-nav {
    margin-left: 0 !important;
}

.app-header .tenant-switcher .form-group {
    margin-bottom: 0;
}

.app-header .tenant-switcher label {
    display: none;
}

.app-header .tenant-switcher .select2-container {
    width: 250px !important;
}