@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


:root {
    --bs-danger-rgb: 233, 93, 78;
    --bs-info-rgb: 69, 161, 222;
    --bs-primary-rgb: 51, 72, 93;
    --bs-secondary-rgb: 236, 240, 241;
    --bs-success-rgb: 29, 204, 170;
    --bs-warning-rgb: 244, 164, 37;
}

a {
    text-decoration: underline;
    &:hover:not(.btn) {
        text-decoration: none;
    }
}

.alert-success {
    background-color: #18bc9c;
    color: #FFF;
}

.admin a {
    text-decoration: none;
    &:hover:not(.btn) {
        text-decoration: underline;
    }
}

body {
    color: #2c3e50;
    font-family: "Lato", sans-serif;
}
.btn-primary {
    background-color: rgb(var(--bs-primary-rgb)) !important; /* Remplacez par la couleur souhaitée */
    border-color: rgb(var(--bs-primary-rgb)) !important;
}
.clearfix {
    clear:both;
}
.col-form-label {
    position: relative;
    padding-right: 10px;
    /*&::before {*/
    /*    content: ":";*/
    /*    position: absolute;*/
    /*    right: 3px;*/
    /*}*/
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}
@media print {
    .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.content {
    padding-bottom: 60px;
}
.content-header {
    background: url("../images/voyages/content_header_bg-aced14a2973fe38894fcb378d26b738f.jpg") center bottom no-repeat;
    + .separator {
        margin: 0 0 40px;
    }
}
.dataTable {
    .dt-column-title {
        font-size: 15px;
        text-align: left;
    }
    thead th {
        background: #476078 !important;
        color: #FFF;
        padding-right: 18px !important;
        text-align: left !important;
        vertical-align: middle;
        .dt-column-order {
            right: 5px !important;
        }
    }
    th:nth-child(even) {
        background: #33485d !important;
    }
}
.dt-bootstrap5 {
    .row {
        --bs-gutter-x: 0;
    }
}
#footer {
    background: #1e1e1e;
    width: 100%;
    height: 62px;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
}
form[name="travel_request_valid"] #travel_request_valid_price .form-check-label span {
    display: inline-block;
    width: 200px;
}
form select {
    max-width: 100%;
}
.form-check-label {
    font-weight: 500;
    &.required::after {
        display: none;
    }
}
h1 {font-weight: 900;}
h2 {font-weight: 700;}
.icon-status {
    display: inline-block;
    min-width:26px;
    width:26px;
    height: 26px;
    box-sizing:border-box;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #000;
}
.icon-status.valid_nplus { background: #87cd00; }
.icon-status.refused, .icon-status.refused_500 { background: #ffd800; }
.icon-status.new { border: 2px solid #6e3900; background: #FFF; }
.icon-status.cancelled, .btn.cancelled { background: #ff1900; }
.icon-status.treated { background: #a3a3a3; }
.icon-status.alert_500 { background: #fd6207; }
.icon-status.valid_500, .btn.valid_500 { background: #7e007f; }
.icon-status.valid_agence { background: #7e007f; }
.index {
    background: url("../images/voyages/index_bg-e4dfaa3527453bf50f74a95108562048.jpg");
    .btn-block {
        height: 166px;
    }
    #infos {
        margin-top: 150px;
    }
    .separator {
        background: #2c2c2c;
        width: 100%;
        height: 15px;
        margin: 50px 0 83px 0;
        left: 0;
        position: absolute;
        right: 0;
    }
}
.legend {
    font-style: italic;
}
.legend .icon-status {
    top:-3px;
    position: relative;
    margin-right: 5px;
}
.navbar {
    font-size: var(--bs-navbar-brand-font-size);
    a {
        text-decoration: none;
    }
    .btn {
        font-size: inherit;
    }
    .bg-light {
        background: #4f4f4f !important;
    }
}
.navbar-brand {
    min-height: 55px;
    a {
        align-items: center;
        display: inline-flex;
        gap: 10px;
        height: 100%;
        padding: 0 20px;
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
        &:before {
            background: url("../images/voyages/btn-home-link-c05446965f074de5148f01208406a1c1.png");
            content: "";
            display: inline-block;
            height: 43px;
            width: 43px;
        }
    }
}
.pagination {
    .active>.page-link, .page-link.active {
        color: #FFF;
        border-color: #33485d !important;
        background: #33485d !important;
    }
    .page-link {
        color: #33485d;
    }
}
.separator {
    background: #2c2c2c;
    width: 100%;
    height: 15px;
    /*left: 0;*/
    /*position: absolute;*/
    /*right: 0;*/
}

.slide-up {
    max-height: 0;
    /*margin: 0 !important;*/
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.slide-down {
    max-height: 800px; /* Ajuster selon la hauteur max nécessaire */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}