*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    /*text-decoration: none;*/
    /*transition: all .2s ease 0s;*/
}

html {
    font-size: 62.5%;
}

*:hover {
    /*transition: all .2s ease 0s;*/
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: 'Mont', sans-serif;
    font-weight: 400;
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
}

.footer {
    /*margin-top: 1rem;*/
    /*color: #ffffff;*/
    /*background-color: #09090B;*/
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    text-align: center;
    color:  #49f0b1;
    width:100%;
    background-color: #1d4851;
}

.form-control-hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.show-title {
    font-size: 4.2rem;
    color: #333333;
    text-transform: uppercase;
}

/* MENU 100% */
.logoContainer{width: 100%;background-color: #1d4851;height: 65px;position: relative;top: 0;z-index: 2;box-shadow: 0px 0px 13px 2px #262626;}
.aktoLogoContainer{width: 202px;height: auto;position: relative; display: inline-block;background-color: #FFFFFF;float: left;}
.aktoLogoContainer:before{content: '';display: block;padding-top: 40.10%;}
.aktoLogoContainer img{position: absolute;width: 90%;left: 5%;right: 5%;top:15%;}

.aktoLogoContainer2{width: 202px;height: auto;position: relative; display: inline-block;background-color: #FFFFFF;float: left;}
.aktoLogoContainer2:before{content: '';display: block;padding-top: 40.10%;}
.aktoLogoContainer2 img{position: absolute;width: 90%;left: 5%;right: 5%;top:15%;}

.menu{float: left;}

#navbarNavDropdown{-webkit-transform: translateY(-14px);-moz-transform: translateY(-14px);-ms-transform: translateY(-14px);-o-transform: translateY(-14px);transform: translateY(-14px);}
.navbar-brand{margin-right: 25px;}
.nav-item .nav-link{font-family: Mont;font-size: 1.8rem;position: relative;top:8px;}
.nav-item{margin-right: 15px;}
.nav-item.active:after{content: "";display: block;width: 100%;height: 8px;background-color: #FFFFFF;top:1.6rem;position: relative;}
.dropdown-toggle.active{top:0;}
.dropdown-toggle.active:before{content: "";display: block;width: 100%;height: 8px;background-color: #FFFFFF;bottom:-4.4rem;position: relative;}

.dropdown-menu{background-color: #1d4851}
.dropdown-menu .dropdown-item{font-family: Mont;font-size: 18px;;color: #FFFFFF;}
.dropdown-menu .dropdown-item:hover{background-color: #b1d1d7;color: #1d4851;}

.navbar-toggler{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);}

#navbarNavDropdown{width: 100%;background-color: #1d4851;padding: 0px 15px 15px 15px;}
.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}


@media screen and (max-width: 990px) {
    .dropdown-toggle.active:before, .nav-item.active:after {content: none;top: initial;bottom: initial;}
    #navbarNavDropdown {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .nav-item .nav-link{top: initial;}

}
/*@media (min-width: 991px) {*/
/*    #titreTb{top: 80px!important;right: 120px;!important;}*/
/*    #chiffreTb{right: -180px!important;}*/
/*}*/
@media (min-width: 1320px) {
    #titreTb{top: 80px!important;right: 90px!important;}
    #chiffreTb{right: -180px!important;}
}
@media (min-width: 1230px) {
    #titreTb{top: 80px!important;right: 90px!important;}
    #chiffreTb{right: -180px!important;}
}
@media (min-width: 992px) {
    #titreTb{top: 80px!important;right: 90px!important;}
    #chiffreTb{right: -180px!important;}
}
@media (max-width: 1024px) {
    #titreTb{top: 80px!important;right: 90px!important;}
    #chiffreTb{right: -120px!important;}
}
@media (max-width: 768px) {
    #titreTb{top: 80px!important;right: 90px!important;}
    #chiffreTb{right: -110px!important;}
}
@media (max-width: 576px) {
    #titreTb{top: 80px!important;right: 40px!important;}
    #chiffreTb{right: -50px!important;}
}
.titleHeaderPage{font-family: Mont;color: #1d4851;font-size: 4rem;text-align: center;margin-top: 3rem;}



/**************************START BODY******************************************/
.titlePageContainer{width: 100%;background-color: #1d4851;padding-top: 5rem;padding-bottom: 1rem;}
.titlePageContainer .titlePage{text-align: center}
.titlePageContainer .titlePage span{font-family: Mont;font-size: 4rem;color: #FFFFFF; }




/*FORM*/
.form_desc{font-family: Mont;font-size: 18px;margin-top: 2rem;}
.formContainer{width: 100%;
    max-width: 55rem;
    padding: 1.5rem;
    margin: auto;
    margin-bottom: 1.5rem;}
.formContainer .label{font-family: 'Mont';font-size: 18px;color:#1D4851;margin-bottom: 10px;width: 100%;}
.formContainer input,.formContainer select{width: 100%;border: 1px solid #cfcfcf;}
.formContainer .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 8px;
    font-size: 16px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.btn .pictoContainer{float: right;width: 15px;position: relative;top: -5px;}

.form-check-inline{width: 100%;margin-bottom: 1rem;}
.form-check-inline label{font-family: Mont;color: #1d4851;font-size: 1.8rem;float: left;}
.formContainer input[type='checkbox']{float: left;width: 1.5rem;height: 1.5rem;margin-right: 1.5rem;position: relative;top:5px;}
.hourContainer{margin-bottom: 2rem;}
#workshop_form_startHour,#workshop_form_endHour{padding-left: 0;padding-right: 0;}
#workshop_form_startHour_hour,#workshop_form_startHour_minute,#workshop_form_endHour_hour,#workshop_form_endHour_minute{width: 47%;    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 8px;
    font-size: 16px;}

#workshop_form_startHour_hour, #workshop_form_endHour_hour{margin-right: 0.5rem;}
#workshop_form_startHour_minute, #workshop_form_endHour_minute{margin-left: 0.5rem;}

.formContainer .subTitle,.subTitle{font-family: "Mont bold";color: #00a79b;font-size: 2.4rem;text-align: center;margin-bottom: 2rem;display: inline-block;width: 100%;}
.formContainer2 .subTitle2,.subTitle2{font-family: Mont;color: #00a79b;font-size: 2rem;text-align: center;margin-bottom: 2rem;display: inline-block;width: 100%;}
.onlyCheckbox{max-width: initial;text-align: left;}
.onlyCheckbox .form-check-inline label,.formPrescriberContainer .form-check-inline label{font-family: Mont;color: #1d4851;font-size: 1.8rem;float: right;width: 90%;}
.onlyCheckbox .form-check-inline div,.formPrescriberContainer .form-check-inline div{margin: 0 auto;}
.onlyCheckbox #workshop_validation_form_acceuilJeuneAgreementDataB #workshop_validation_form_correspondantAgreementDataB,.formPrescriberContainer #prescriber_form_agreedConsent{float: right;width: 1.5rem;height: 1.5rem;margin-right: 1.5rem;position: relative;top:5px;}
.onlyCheckbox .form-check-inline,.formPrescriberContainer .form-check-inline{background-color:#f8f8f8;padding: 1.5rem 0;width: 100%;}
.formPrescriberContainer{background-color:#f8f8f8;margin-top: 4rem;padding: 2rem 0;}

/*TABLE*/
table{margin-top: 0;text-align: center;}
.tablesorter-bootstrap:not(.table-dark) tfoot td, .tablesorter-bootstrap:not(.table-dark) tfoot th, .tablesorter-bootstrap:not(.table-dark) thead:not(.thead-dark) .tablesorter-header{background-color: #FFFFFF!important;}
.table thead th{font-family: "Mont bold";color: #1d4851;font-size: 1.6rem!important;border: none;padding: 2rem 1rem;border-bottom: 1px solid #1d4851;vertical-align: middle;}
.table th, .table td{padding: 1.5rem 1rem;vertical-align: top;border-top: 1px solid #dee2e6;font-family: Mont;font-size: 1.6rem;}
.table td a{font-family: Mont;font-size: 1.6rem;color:rgb(33, 37, 41);}
.table td a:hover{color:rgb(33, 37, 41);}
.table tr:nth-child(even) {background: #f9f9f9}
.tabletr:nth-child(odd) {background: #FFF}

a.tableButton .pictoContainer.reverse{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);}
a.tableButton .pictoContainer,.tableButton .pictoContainer{width: 20px;position: relative;margin-right: 15px;display:inline-block }
.tableButton .pictoContainer{margin-right: 5px;}
a.tableButton .pictoContainer:before,.tableButton .pictoContainer:before{content:"";display: block;padding-top:82%  }
a.tableButton .pictoContainer svg,.tableButton .pictoContainer svg{width: 100%;height: auto;position: absolute;top:0;left:0;}



.tablesorter-bootstrap thead .tablesorter-headerUnSorted:not(.sorter-false),.tablesorter-bootstrap thead .tablesorter-headerAsc,.tablesorter-bootstrap thead .tablesorter-headerDesc{background-size: 10px auto;}


h1{text-align: center;font-family: "Mont bold";color: #1d4851;margin-top: 20px;}

.show-EnterpriseContainer .table-responsive table{text-align: left;}


.tableContainer .tableShow{width: 100%;max-width: 55rem;margin: 0 auto;text-align: left;}
.tableContainer {text-align: center}
.tableContainer .subTitle{color:#00a79b;font-family: "Mont bold";font-size: 3rem;display: inline-block;margin-bottom: 2rem}

table th.table-col-sm {width: 25%;}


.tableShow{width: 100%;text-align: left;font-family: Mont;font-size: 2rem;margin-bottom: 5rem;}
.tableShow tr{width: 100%;}
.tableShow tr td{width: 50%;}
.tableShow tr>td{padding-bottom: 1rem;padding-top: 1rem;}
.tableShow tr td.headerTable{width: 50%;font-family: "Mont bold";color: #1d4851;}


#validWorkshop,#pendingWorkshop{width: 105%!important;margin-left: -2.5%!important;}


/********************popUp*************************************/
.popup {
    background: rgba(100, 100, 100, 0.5);
    position: fixed;
    display: none;
    z-index: 5000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;}

.popup > div {
    max-width: 400px;
    width: 70%;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #FFFFFF;
    padding: 4rem 1.5rem;
    z-index: 5001;
    text-align: center;
    border: none;
    box-shadow: 0px 0px 15px 0px #000000;
}
.popup h2{font-family: "Mont bold";font-size: 1.8rem;color: #1d4851;}
.popup .link{font-family: Mont;font-size: 1.3rem;}



/*********************STYLED container msg******************************/
.bg-svg {
    position: relative;
    z-index: 0;
}
.btn-huge, .btn-huge-darken {
    text-decoration: none;
    font-family:Mont;
    font-size: 1.25rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 4rem 2rem 1rem;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition-property: background-color,border-color,color,fill,stroke;
    transition-duration: .2s;
    width: 100%;
}
.btn-huge, .btn-huge-darken, .btn.btn-darken {
    --bg-opacity: 1;
    background-color: #ffffff;
    padding: 2rem 3rem;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #00a79b;
    background-color: rgba(255,255,255,var(--bg-opacity));
    --text-opacity: 1;
    color: #1d4851;
    color: rgba(29,72,81,var(--text-opacity));
    margin-top: 2.5rem;
}
.bg-svg-white:before, .bg-svg.svg-white:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkNhbHF1ZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTIuMzYgMjAwIj48cGF0aCBmaWxsPSIjRjRGNEY0IiBkPSJNNzMuODYgMTA0LjVMMCA5LjE5bC4wMSA5My42M0w3My43NSAyMDAgMjUyLjM2IDBsLTg3LjQxLjI1TDczLjg2IDEwNC41eiIvPjwvc3ZnPg==");
}
.bg-svg:before {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: .6;
}


.btn-huge.success{max-width: 55rem;margin: 2.5rem auto;font-size: 15px!important;font-family: Mont}

.mf-color {color: #e22543;}
.mf-color:hover {color: #e22543; opacity: .8;}
.nav-logo {max-height: 7.5rem; width: auto;}
.page-title { font-family: Mont, sans-serif; font-weight: 300; font-size: 4.2rem; text-align: center; text-transform: uppercase;}
.page-subtitle { font-family: Mont, sans-serif; font-weight: bold; font-size: 2rem; text-align: center; text-transform: uppercase;}
.field-title, .show-subtitle { font-family: Mont, sans-serif; font-weight: bold; font-size: 1.3rem; text-align: center; text-transform: uppercase;}
.custom-select {font-size: 1.3rem;}

.mandatory{color: #e22543;}
label {display: inline;}
input[type=checkbox] {display: inline;}
.button-container{margin: 1rem auto; text-align: center;}
.link-mf{color: #e22543; font-family: Mont, sans-serif; font-weight: bold;font-size: 15px }
.link-mf:hover, .link-mf:focus{color: #e22543; opacity: .9; }
.link-black{color: #3c3c3c; font-family: Mont, sans-serif; font-weight: normal; text-decoration: underline; }
.link-black:hover, .link-black:focus{color: #3c3c3c; opacity: .9; }
.offline, .offline:hover{cursor: not-allowed; background-color: #3c3c3c; color: #ffffff; border-color: #3c3c3c; opacity: .6;}
.nav-tabs > li > a {color: #333333; font-size: 1.3rem; font-weight: bold; font-family: Mont, sans-serif;}
.nav-tabs .nav-link.active {color: #e22543; }

.blocMandatory{ font-size: 1rem; }

.editable-group:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left: .5rem;font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f304";}


.swal2-confirm.swal2-styled{background-color: #ff6707;font-size: 1.5rem!important;}
.swal2-cancel.swal2-styled{background-color: #FFFFFF!important;border: 1px solid #ff6707!important;color: #ff6707!important;font-size: 1.5rem!important;}
.swal2-title{font-family: "Mont bold"!important;color: #1d4851!important;}


.btn-akto {width: 28rem; font-family: 'Mont bold';font-size: 1.6rem;letter-spacing: 0.05rem; text-align: left; border-radius: 5px;padding: 1rem}
.btn-akto2 {width: 15rem; font-family: 'Mont bold';font-size: 1.6rem;letter-spacing: 0.05rem; text-align: left; border-radius: 5px;padding: 1rem}
.btn-akto3 {width: 13rem; font-family: 'Mont bold';font-size: 1.3rem;letter-spacing: 0.05rem; text-align: left; border-radius: 5px;padding: 1rem}
.btn-akto .fa, .btn-akto .fas, .btn-akto .far, .btn-akto .fab {font-size: 1.1rem; margin-right: 1.3rem;}
.btn-akto-tertiary{color: #ff6707; border: .1rem solid #ff6707; background-color: #FFFFFF;}
.btn-akto-tertiary:hover{color: #e22543; border: .1rem solid #ff6707; background-color: #FFFFFF;}
.btn-akto-tertiary:hover .st1{fill: #e22543;}
.btn-akto-secondary{color: #FFFFFF; border: .1rem solid #ff6707; background-color: #ff6707;}
.btn-akto-secondary:hover{border: .1rem solid #1D4851; background-color: #1D4851;color: #FFFFFF;}
.btn-akto-secondary:hover .st0{fill: green;}
.btn-akto-primary{color: #ffffff; border: .1rem solid #1D4851; background-color: #1D4851;}
.btn-akto-primary:hover{color: #ffffff; opacity: .9;}




@media (max-width: 576px) {
    .navbar .container {padding: 0;}
    .nav-button{max-width: 20%; height: 2.5rem; width: 2.5rem; padding: .3rem;}
    .nav-button #nav-icon3 { width: 1.7rem; height: 1rem;}
    .nav-button #nav-icon3 span { height: .2rem;}
    .nav-button #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top:.5rem;}
    .nav-button #nav-icon3 span:nth-child(4) {top:1rem;}
    .nav-brand-mf{max-width: 45%}
    .nav-brand-mf img{width: 100%;}
    .nav-logout{max-width: 20%;}
    .nav-logout img {width: 60%; height: auto;}
    .footer{font-size: 10px!important;display: block;padding-top: 1px!important;}
}

/************ tb css ***********************/
#question{
    padding-bottom: 80px;
}
/*#titreTb{*/
/*    top: 80px;*/
/*    right: 120px;*/
/*}*/
/*#chiffreTb{*/
/*    right: -180px*/
/*}*/


.tippy-tooltip {
    position: absolute;
    width: 200px;
    padding: 0;
    overflow: hidden;
}
#workshop_form_date{
    background-color: white;!important;
}
.header-separator {
    margin-top: 2rem;
    width: 210px;
    display: flex;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.header-separator-left {
    width: 50%;
    border-style: solid;
    border-width: 0;
    border-top-width: 2px;
}

.header-separator-angle {
    width: 15px;
    position: relative;
    overflow: hidden;
    height: 10px;
}

.header-separator-angle:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    top: -5px;
    left: 1px;
    transform: rotate(
            45deg
    );
    border-style: solid;
    border-width: 0;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-color: inherit;
    position: absolute;
}

.header-separator-right {
    width: 50%;
    border-style: solid;
    border-width: 0;
    border-top-width: 2px;
}
.light-blue .header-separator-left{--border-opacity: 1;
    border-color: #00a79b;
    border-color: rgba(0,167,155,var(--border-opacity));}
.light-blue .header-separator-angle{  --border-opacity: 1;
    border-color: #00a79b;
    border-color: rgba(0,167,155,var(--border-opacity));  }
.light-blue .header-separator-right{  --border-opacity: 1;
    border-color: #00a79b;
    border-color: rgba(0,167,155,var(--border-opacity));  }

.sv-footer{
    padding-bottom: 15rem!important;
}
.h2-tittle{
    text-align: center;
    font-size: 2.5rem;
    color: #1d4851;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
}
.swal2-html-container{
    font-size: 14px!important;
}
div .leaflet-container{
    font-family: Mont!important;
}
.leaflet-container {
    font-family: inherit !important;
}
.class-tooltip2{
   font-family: 'Mont' !important;
}
.picker__box {
    overflow: visible !important;
}