/* Couleurs */
:root {
    --primary-color: #76a9ff !important;
    --primary-text-color: #FFF !important;
    --secondary-color: #F55549 !important;
    --secondary-text-color: #FFF !important;
}

.primary-color {
    color: var(--primary-color);
    background-color: transparent !important;
}

.secondary-color {
    color: var(--secondary-color);
    background-color: transparent !important;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*background-image: url('images/Soprovise.jpg');*/ /*=> déporté dans _Layout.css pour lecture de la configuration du site*/
}

main {
    margin-top:2rem;
}

.navbar {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 11;
}

#logoutForm {
    width:fit-content;
}
.card-title {
    margin-bottom: 0;
}

.top-card {
    margin-top: 0.5rem;
    padding-top:0.3rem;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: #ccc;
}

table.table-condensed th td {
    padding-top:0.3rem!important;
    padding-top:0.3rem!important;
}

.table-center {
    text-align: center !important;
}

.table-price {
    text-align:right!important;
}

.table-btn {
    text-align: center !important;
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.table-btns-edit-delete {
    text-align: center !important;
    width: 326px;
    white-space: nowrap;
}
.table-btns-edit {
    text-align: center !important;
    width: 163px;
    white-space: nowrap;
}

.table-with-fixed-header {
    overflow-y: auto;
    height: 106px;
}
.table-with-fixed-header > thead tr:first-child th {
    position: sticky;
    position: -webkit-sticky;
    top: 55px;/* -1px;*/
    z-index: 10;
}
.table-with-fixed-header > thead > tr:first-child + tr th {
    position: sticky;
    position: -webkit-sticky;
    top: 98px;/* 42px;*/
}
.table-with-fixed-header th {
    background-color: lightgray;
}
.table-with-fixed-header-bordered > thead tr th::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #dee2e6;
    width: 100%;
}

.filter-div {
    display: inline-block !important;
    white-space: nowrap;
    margin: .375rem;
    width: 100%;
}
.filter-div label {
    width: 100%;
    margin-bottom: 0;
}
.filter-div input,
.filter-div select {
    display: inline-block !important;
}

/*.btn-primary {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
}
.btn-outline-primary {
    border: 2px solid var(--primary-color);
    background-color: transparent !important;
    color: var(--primary-color);
}

.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--secondary-text-color);
}
.btn-outline-secondary {
    border: 2px solid var(--secondary-color);
    background-color: transparent !important;
    color: var(--primary-color);
}*/


.checkbox-lg {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.checkbox-lg input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
}
.checkbox-lg label {
    margin-left: 0.5rem;
    margin-top: 0.1rem;
}

.fiche-heure-th th {
    vertical-align:middle!important;
}

.borderless {
    border:0!important;
}

.hidden-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-border {
    border: 0px solid #ffffff !important;
    border-bottom: none !important;
    border-top: none !important;
}

/* Desktops */
@media (min-width: 768px) {
    .semaine-picker {
        margin-top:0.6rem;
    }
    .semaine-picker span {
        vertical-align:text-top;
    }
}

@media (min-width:1200px) {
    .margin-lg {
        margin-left: 1rem!important;
    }

    .container {
        max-width: 1500px !important;
        width: 98% !important;
    }
    .container-accueil {
        max-width: 1700px !important;
        width: 98% !important;
    }
}