/*primary buttons*/
.btn-primary {
    background-color: #000e38;
    border-color: #000e38;
}
.btn-primary:active{
    background-color:#000e38 !important;
    border-color: #000e38 !important;
}
.btn-primary:focus{
    background-color:#000e38 !important;
    border-color: #000e38 !important;
}
.btn-primary:hover{
    background-color:#000e38;
    border-color: #000e38;
}

/*info buttons*/
.btn-info {
    background-color:#000e38;
    border-color: #000e38;
}

.btn-info:active{
    background-color:#000e38 !important;
    border-color: #000e38 !important;
}

.btn-info:focus{
    background-color:#000e38 !important;
    border-color: #000e38 !important;
}

.btn-info:hover{
    background-color:#000e38;
    border-color: #000e38;
}
/*success buttons*/
.btn-success {
    background-color: #0adb75;
    border-color: #0adb75;
}

.btn-success:focus {
    background-color: #0adb75 !important;
    border-color: #0adb75 !important;
}

.btn-success:active {
    background-color: #0adb75 !important;
    border-color: #0adb75 !important;
}

.btn-success:hover{
    background-color:#0adb75;
    border-color: #0adb75;
}

/*success buttons*/
.btn-danger {
    background-color: #ff5252;
    border-color: #ff5252;
}

.btn-danger:focus {
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.btn-danger:active {
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.btn-danger:hover{
    background-color:#ff5252;
    border-color: #ff5252;
}

/*summary buttons*/
.btn-secondary {
    background-color: #5b616a;
    border-color: #5b616a;
}

.btn-secondary:focus {
    background-color: #5b616a !important;
    border-color: #5b616a !important;
}

.btn-secondary:active {
    background-color: #5b616a !important;
    border-color: #5b616a !important;
}

.btn-secondary:hover{
    background-color:#5b616a;
    border-color: #5b616a;
}

/*menu and navbar*/
.main-sidebar {
    background-color: #000e38;
}

.brand-link {
    background-color: #000e38;
}

.main-header {
    background-color: #425bee;
}

/*circles*/
.bg-success {
    background-color: #0adb75 !important;
}

.bg-danger {
    background-color: #ff5252 !important;
}

.bg-blue {
    background-color: #425bee !important;
}

.bg-gray {
    background-color: #5b616a !important;
}

/*labels*/
.bg-info {
    background-color: #777e91 !important;
}

/*alerts*/
.alert-success {
    background-color: #0adb75;
}

.alert-warning {
    background-color: #ffbb4a;
}

/*selectors*/
.selector-chosen h2 {
    background: #6588f2;
}

/*cards*/
.collapsible-header:active {
    background-color: #425bee !important;
}

.collapsible-header:focus {
    background-color: #425bee !important;
}

.collapsible-header:hover {
    background-color: #425bee !important;
}

.card-primary.card-outline {
    border-top: 3px solid #425bee;
}

/* dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        /* Selected table row */
        --selected-row: #2d2d4a;
    }
    body, .content-wrapper {
        background-color: #282838;
    }
    .card {
        background-color: #2d2d4a;
    }
    .table-striped thead tr,
    .table-striped tbody tr:nth-of-type(even) {
        background-color: #000e38;
    }
    .main-header,
    .card-header,
    .main-footer,
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #47476e;
    }
    /* These classes might have to be changed if the accent color is changed to a different value than "navy" */
    .accent-navy .btn-link,
    .accent-navy .nav-tabs .nav-link,
    .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #8ba6fa;
    }
    .main-footer,
    .accent-navy .btn-link:hover,
    .accent-navy .nav-tabs .nav-link:hover,
    .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: #c4e3ff;
    }
    .main-footer {
        border-top: 0;
    }
}


/********************************************************/
/**************** CMS v2 specific styles ****************/
/********************************************************/
.app-cmsv2 .table-striped thead tr {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #F5F5F5;
}

.app-cmsv2 .table-striped thead th,
.app-cmsv2 .table-striped thead th a {
    color: #0F1419 !important;
    font-weight: normal !important;
}

.app-cmsv2 .table-striped thead th:first-child {
    border-top-left-radius: 4px;
}

.app-cmsv2 .table-striped thead th:last-child {
    border-top-right-radius: 4px;
}

.app-cmsv2 .table-striped tbody tr {
    background-color: white;
}

.app-cmsv2 .table-striped tbody tr:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.app-cmsv2 .table-striped tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.app-cmsv2 .table-striped tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.app-cmsv2 .table-striped td,
.app-cmsv2 .table-striped th {
    border-top: 0;
    border-bottom: 1px solid #EAECEE;
}

.app-cmsv2 .table-striped td,
.app-cmsv2 .table-striped th {
    padding-top: 16px;
    padding-bottom: 16px;
}

.app-cmsv2 .table-striped td {
    color: #0F1419;
}

.app-cmsv2 .table-striped tbody td,
.app-cmsv2 .table-striped tbody th {
    vertical-align: middle;
}

.app-cmsv2 .table-striped tbody th a {
    color: #0F1419 !important;
    font-weight: normal;
}

.app-cmsv2 .table-striped tbody tr:last-child td,
.app-cmsv2 .table-striped tbody tr:last-child th {
    border-bottom: 0;
}

.app-cmsv2 .table-striped tbody tr:nth-of-type(odd) {
    background-color: white;
}

.app-cmsv2 .btn.btn-primary {
    font-weight: bold;
    padding: 8px 32px;
    background-color: #3F6BEE;
}