/* logo */
.account-pages .logo-admin {
    border-bottom: 0;
}

.logo-medik {
    color: #fff;
    font-weight: 500;
}

/* datatables */
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    font-size: 24px;
}

.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_asc_disabled:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {
    right: 1em;
}

table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
    opacity: 1;
}

.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_asc_disabled:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {
    right: 0;
}

.table.dataTable thead .sorting:before,
.table.dataTable thead .sorting_asc:before,
.table.dataTable thead .sorting_asc_disabled:before,
.table.dataTable thead .sorting_desc:before,
.table.dataTable thead .sorting_desc_disabled:before {
    right: 0;
}

/* title */
.page-title-box .page-title {
    font-size: 20px;
    font-weight: 500;
}

body[data-sidebar=dark] .mm-active .active {
    color: #ffffff !important;
}

#page-topbar {
    background-color: #464b50;
}

#vertical-menu-btn {
    color: #464b50;
}

/* form validate */

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: inherit !important;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #626ed4;
    border-color: #626ed4;
}


.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border: 1px solid rgba(0, 0, 0, .25);
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #dcdcdc;
    background-image: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #626ed4;
    box-shadow: unset;
}

.form-check-input:focus {
    box-shadow: unset;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

.border-primary.table-bordered,
.border-primary.table-bordered td,
.border-primary.table-bordered th {
    border: 1px solid rgb(98, 110, 212);
}

.table-blue {
    background-color: #41519C;
    color: #ffffff;
}

.table-green {
    background-color: #048D38;
    color: #ffffff;
}

.table-purple {
    background-color: #82378A;
    color: #ffffff;
}

.invalid-feedback {
    font-size: 100%;
    font-weight: 500;
}


/* reservation */
.bt {
    width: 100%;
}

.bt th,
.bt td {
    padding: 5px 30px;
    border: 1px solid #ffffff;
}

.bt .tr-0 td {
    border-top: 12px solid #ffffff;
}

.session {
    background-color: #0091DA;
    white-space: nowrap;
    width: 30%;
    text-align: center;
    color: crimson;
}

.dashboard-info td.session p {
    color: #fff;
}

.session.odd {
    background-color: #0b466e;
}

.session.even {
    background-color: #0b466e;
}

td.produit {
    background-color: #DAF7A6;
    padding: 0 30px;
    color: #333;
}

td.produit {
    background-color: #DAF7A6;
    padding: 0 30px;
    color: #333;
}

td.produit .badge {
    padding-top: 4px;
    margin-top: 2px;
}

td.produit.mono {
    background-color: #dfdfdf;
    padding: 0 30px;
}

td.produit.Session {
    background-color: #f0f0f0;
    /*color: #000 !important;*/
}

td.produit.Session label {
    /*color: #000 !important;*/
    font-weight: normal;
}

td.produit.Formation {
    background-color: #f0f0f0;
    /*color: #000 !important;*/
}

td.produit.Formation label {
    /*color: #000 !important;*/
    font-weight: normal;
}

tr.session-title-1,
tr.session-title-2 {
    background-color: #404F9D;
    text-align: center;
}

tr.session-title-3,
tr.session-title-4 {
    background-color: #008D36;
    text-align: center;
}

tr.session-title-5,
tr.session-title-6 {
    background-color: #82368C;
    text-align: center;
}

.dashboard-info tr.session-title p {
    color: #fff;
    text-align: center;
    font-size: 21px;
    padding: 10px;
}

.bt .price {
    white-space: nowrap;
    background-color: #ddffff;
    width: 10%;
}

.bt .price .p-amount {
    display: none;
}

.bt .price.selected {
    background-color: #5588dd;
    color: #ffffff;
}

.bt .price {
    text-align: right;
}

.bt label.p-label {
    color: #333333;
    margin-bottom: 0;
    width: 100%;
    /*font-size: 16px;
    padding-left: 6px;
    font-weight: normal;
    float: left;
    margin: 13px 0 0 13px;*/
}

.produit label,
.produit input {
    cursor: pointer;
}

label.p-label.light {
    font-weight: normal;
}

.debug-mode {
    display: none;
}

.label-info {
    font-weight: normal;
    font-style: italic;
}

.produit .form-check {
    /* min-height: 41px; */
    margin-bottom: 0;
}

.workshop.produit .form-check input {
    margin-top: 3px;
}

.workshop.produit .form-check label {
    padding-top: 0;
    font-weight: normal;
}

a:hover.btn-toggle,
a.btn-toggle {
    float: right;
    font-size: 15px;
    color: #ffffff;
}

.block-to-hide {
    padding-left: 24px;
}

.block-to-hide ul {
    list-style: disc;
    padding-left: 30px;
}

.block-to-hide li {
    margin-left: 10px;
    color: #ffffff;
}

span.workshop-title {
    color: #404F9D;
    font-weight: 500;
}

.workshop-salle {
    margin: 5px 0 12px;
    color: #ffffff;
}

.user {
    color: rgb(2, 164, 153);
    padding: 7px 18px 4px;
}

td.blocked {
    color: #d00;
}

.role {
    color: #626ed4;
    padding: 0px 18px 4px;
    font-size: 13px;
}

.session-title p {
    color: #ffffff;
    margin: 0;
}

ul.userList {
    margin: 10px 0 0;
    padding: 0 2px;
}

ul.userList li {
    list-style: none;
}

.recap.table>:not(caption)>*>* {
    padding: 5px 14px;
}

.recap.table th,
.recap.table td {
    vertical-align: middle;
}

.borderless li {
    border: 0 none;
}

.asterisk {
    color: #d00;
}

span.highlight {
    background: #f1e740;
}

i.fa-file-excel {
    color: #217346;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    padding-right: 5px;
}

input[type="number"] {
    text-align: right;
}

.ws.selected td {
    background-color: #626ed4;
    color: #fff !important;
}

.ws.selected.outOfStock td {
    background-color: #d00;
    color: #fff !important;
}

.ws.selected.outOfStock td .text-danger {
    color: #fff !important;
}

.ws.selected td.price {
    color: #ffffff;
}

.ws.selected td .form-check label {
    color: #fff !important;
}

.ws.selected input {
    border-color: #c9c9ff;
    background: #dbdcff;
}

.ws.selected .form-check-input:checked {
    background-color: #02A499;
    border-color: #02A499;
}

table#datatable-inscription td {
    vertical-align: middle;
}

#sidebar-menu {
    padding: 0px 0 30px;
}

#sidebar-menu ul li .badge {
    margin-top: 4px;
    padding-bottom: 4px;
}

.badge.font-size-12 {
    padding-bottom: 2px;
    padding-top: 4px;
}

.vertical-menu {
    width: 300px
}

.main-content {
    margin-left: 300px;
}

body[data-sidebar=dark] .vertical-menu {
    background: #ffffff;
}

#page-topbar {
    background-color: #ffffff;
}

body[data-sidebar=dark] .navbar-brand-box {
    background: #ffffff;
}

@media (max-width: 380px) {
    .navbar-brand-box {
        display: block;
    }

}

.logo-medik {
    color: #464b50;
    font-weight: 500;
    letter-spacing: 2px;
}

body[data-sidebar=dark] #sidebar-menu ul>li>a.mm-active {
    background-color: #ffffff;
}

body[data-sidebar=dark] #sidebar-menu ul li>.mm-active {
    background-color: #f7f7f9;
}

body[data-sidebar=dark] .mm-active>a {
    background-color: #ffffff;
}

body[data-sidebar=dark] .mm-active>a {
    color: #0052CC !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a,
body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: #172B4D;
}

body[data-sidebar=dark] #sidebar-menu ul li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
    color: #172B4D;
}

body[data-sidebar=dark] .mm-active>a i,
body[data-sidebar=dark] .mm-active>i {
    color: #0052CC !important;
}

body[data-sidebar=dark] .mm-active .active {
    color: #0052CC !important;
}

body[data-sidebar=dark] .mm-active,
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #0052CC !important;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: inherit;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: #464b50;
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0052cc;
    /* Changement de couleur en bleu foncé */
    --bs-btn-border-color: #0052cc;
    /* Changement de couleur de la bordure en bleu foncé */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0043a2;
    /* Couleur de survol en bleu plus foncé */
    --bs-btn-hover-border-color: #003c94;
    /* Couleur de la bordure en bleu plus foncé au survol */
    --bs-btn-focus-shadow-rgb: 0, 82, 204;
    /* Changement de couleur d'ombre au focus */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003c94;
    /* Couleur de fond au clic en bleu plus foncé */
    --bs-btn-active-border-color: #00368b;
    /* Couleur de la bordure en bleu plus foncé au clic */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0052cc;
    /* Couleur de fond désactivée en bleu foncé */
    --bs-btn-disabled-border-color: #0052cc;
}

.btn-orange {
    --bs-btn-color: #fff;
    /* Couleur du texte */
    --bs-btn-bg: #ff7f00;
    /* Couleur de fond orangée */
    --bs-btn-border-color: #ff7f00;
    /* Couleur de la bordure */
    --bs-btn-hover-color: #fff;
    /* Couleur du texte au survol */
    --bs-btn-hover-bg: #e67100;
    /* Couleur de fond orangée au survol */
    --bs-btn-hover-border-color: #d45f00;
    /* Couleur de la bordure au survol */
    --bs-btn-focus-shadow-rgb: 255, 127, 0;
    /* Couleur de l'ombre au focus */
    --bs-btn-active-color: #fff;
    /* Couleur du texte au clic */
    --bs-btn-active-bg: #d45f00;
    /* Couleur de fond orangée au clic */
    --bs-btn-active-border-color: #bf5500;
    /* Couleur de la bordure au clic */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* Ombre au clic */
    --bs-btn-disabled-color: #fff;
    /* Couleur du texte désactivé */
    --bs-btn-disabled-bg: #ff7f00;
    /* Couleur de fond orangée désactivée */
    --bs-btn-disabled-border-color: #ff7f00;
    /* Couleur de la bordure désactivée */
}

.btn-purple {
    --bs-btn-color: #fff;
    /* Couleur du texte */
    --bs-btn-bg: #C44EA6;
    /* Nouvelle couleur de fond */
    --bs-btn-border-color: #C44EA6;
    /* Nouvelle couleur de bordure */
    --bs-btn-hover-color: #fff;
    /* Couleur du texte au survol */
    --bs-btn-hover-bg: #AD3A90;
    /* Couleur de fond au survol */
    --bs-btn-hover-border-color: #9C3381;
    /* Couleur de bordure au survol */
    --bs-btn-focus-shadow-rgb: 196, 78, 166;
    /* Couleur de l'ombre au focus */
    --bs-btn-active-color: #fff;
    /* Couleur du texte au clic */
    --bs-btn-active-bg: #9C3381;
    /* Couleur de fond au clic */
    --bs-btn-active-border-color: #872F6E;
    /* Couleur de bordure au clic */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* Ombre au clic */
    --bs-btn-disabled-color: #fff;
    /* Couleur du texte désactivé */
    --bs-btn-disabled-bg: #C44EA6;
    /* Couleur de fond désactivé */
    --bs-btn-disabled-border-color: #C44EA6;
    /* Couleur de bordure désactivée */
}

.workshops-choice label {
    margin-bottom: 0;
    font-weight: normal;
    font-weight: normal;
    display: block;
    cursor: pointer;
    padding: 0.45rem 0.45rem 0.45rem 3px;
}

.workshops-choice .form-check {
    margin-bottom: 0;
}

.workshops-choice .badge {
    display: inline;
}

.light-bold {
    font-weight: 500;
}


table.workshops-choice .group-title th {
    vertical-align: bottom;
    border-top: 22px solid #ffffff;
    color: #ffffff;
    font-weight: 500;
}

table.workshops-choice>:not(caption)>*>* {
    padding: 0;
}

table.workshops-choice td.workshop-stock,
table.workshops-choice td.workshop-price,
table.workshops-choice .group-title th {
    padding: 6px 14px;
}

table.workshops-choice td.workshop-price {
    white-space: nowrap;
}

table.workshops-choice td.workshop-stock {
    text-align: right;
}

table.workshops-choice td.workshop-title {
    padding-left: 14px;
}

table.workshops-choice td.workshop-title input {
    margin-top: 9px;
}

.workshops-choice tr.selected td {
    background-color: #ECD7F5;
    font-weight: 500;
}

.workshops-choice tr.selected label {
    font-weight: 500;
}

.workshops-choice td {
    background: #f0f0f0;
    border-top: 2px solid #fff;
    vertical-align: middle;
    padding: 0 14px 0;
}

.row-adhesion .badge {
    display: none;
}

body .workshops-choice td input {
    margin-top: 9px;
}

.custom-icon-size {
    font-size: 1.2rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 15px;
}

.switch-label {
    margin-top: 2px;
}

.col-form-label.normal {
    font-weight: normal;
    padding-top: 5px;
}

body[data-sidebar=dark] .mm-active .active {
    /* color: #b4c9de !important; */
    background-color: inherit;
}

body[data-sidebar=dark] .mm-active .active i {
    color: #0052CC !important;
}

.mdi-account-cancel:before,
.mdi-account-check:before {
    font-size: 17px;
}

.btn-sm-custom {
    padding: 0 0.36rem;
}

.btn-information {
    font-size: 17px;
    padding: 1px 0.36rem 0px;
}

.dataTable thead th.control.sorting_disabled::before,
.dataTable thead th.control.sorting_disabled::after {
    display: none !important;
}

.form-control:disabled {
    background-color: #efefef;
}

@media screen and (max-width: 767px) {

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }


    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0;
    }
}

table.dataTable>tbody>tr.child span.dtr-title {
    font-weight: 500;
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #dcdcdc;
}