.navbar-nav {
    gap: 20px;
}

.container {
    max-width: 1500px;
}

:root {
    --data-table-hover-color: #F5C350;
    --data-table-hover-forecolor: black;
    --bs-breadcrumb-divider: '>';
    --offcanvas-horizontal-width: 1000px;
}

body {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

input, select, textarea, label {
    font-size: .9rem !important;
}

.breadcrumb .breadcrumb-item a {
    font-size: .9rem;
    text-decoration: none;
    color: #273567;
}

.breadcrumb .breadcrumb-item.active {
    color: #F5C350;
}

.atp-logo {
    width: 100px;
}

.btn {
    border-radius: 0;
}

.btn-primary {
    background-color: #232F5B;
    border-color: #232F5B;
}

    .btn-primary:hover {
        background-color: #232F5B;
        border-color: white;
    }

.navbar-collapse {
    justify-content: end;
}

.navbar {
    background-color: #273567;
}

.nav-item .nav-link {
    color: #F5C350;
    font-size: 1rem;
}

.nav-item .dropdown-item {
    font-size: .9rem;
}

.form-control.invalid {
    border-color: var(--bs-danger);
    background-color: var(--bs-danger-bg-subtle);
}

.form-select.invalid {
    border-color: var(--bs-danger);
    background-color: var(--bs-danger-bg-subtle);
}

.validation-message {
    color: var(--bs-danger);
}

.modal-content {
    border-radius: 0;
}

.btn-w-icon {
    padding-left: 0;
    position: relative;
    text-align: end;
    border: none;
    min-width: 140px;
}

    .btn-w-icon i {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 10px;
        background: rgba(219, 219, 219, .4);
    }

.data-table {
    font-size: .9rem;
}

    .data-table thead th:last-child {
        width: 180px;
        text-align: center;
    }

    .data-table tbody td:last-child {
        text-align: center;
    }

    .data-table tbody tr:hover td {
        background-color: var(--data-table-hover-color);
        color: var(--data-table-hover-forecolor);
    }


.list-group-item .btn-group .btn:first-child {
    cursor: grab;
}

td, th {
    vertical-align: middle!important;
}

.offcanvas-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .offcanvas-body ul li {
        border: solid 1px #273567;
        padding: 5px;
    }

        .offcanvas-body ul li:hover {
            background-color: #F5C350;
            color: white;
        }

            .offcanvas-body ul li:hover a {
                color: white;
            }

        .offcanvas-body ul li a {
            text-decoration: none;
            display: block;
            color: #273567;
        }

/*.offcanvas-body ul li a:hover {
                background-color: #F5C350;
                color: white;
            }*/

/* Slim select */
.ss-main {
    height: 38px;
}

.form-control .ss-main {
    border-left: none;
}

.first-access-panel-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: #273567;
    opacity: .5;
}

.first-access-panel {
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -250px;
    background-color: white;
    width: 500px;
    border: solid 2px #273567;
    z-index:4;
    padding:30px;
}

.input-group-text {
    min-width: 150px !important;
    font-size: .9rem;
    font-weight:bold;
}

.chart-container {
    position: relative;
    display:flex;
    justify-content:center;
    max-height:500px;
}