/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 10 janv. 2020, 13:12:06
    Author     : Decremem & Mendesj
*/

/*
    Modified on : 02 mars. 2026
    Author     : Marius Pochon
 */

.chart-wrapper {
    position: relative;
    width: 100%;
    max-width: 350px;
    height: 250px;
    margin: auto;
}

/* ===== Scrollbar CSS ===== */

/* Firefox */

* {
    scrollbar-width: auto;
    scrollbar-color: #4a86d2 rgba(0, 0, 0, 0);
}

/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

*::-webkit-scrollbar-thumb {
    background-color: #4a86d2;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.redClass {
    color: red;
}

.orangeClass {
    color: orange;
}

.notes {
    text-align: right;
}

/* td.table-cell-edit {

    background-color: white;

} */

td.table-cell-center {
    text-align: center;
}

.fileBrowse {
    display: none;
}

#textRemarque {
    height: 50vh;
    overflow-y: scroll;
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #17a2b8;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    animation: spin 0.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.success-alert {
    background-color: #6ab681;
    color: #10472c;
    padding: 10px;
    margin-top: 10px;
}

.error-alert {
    background-color: #b66a6a;
    color: #471010;
    padding: 10px;
    margin-top: 10px;
}

.swal-modal .swal-text {
    text-align: center;
}

#aboutModalTab,
#aboutModalTab th,
#aboutModalTab td {
    border: 1px solid #333;
    margin: auto;
}

#aboutModalTab .titre {
    background-color: #333;
    color: #fff;
}

#collapsiblenav > .sidebar-wrapper {
    background-image: -webkit-linear-gradient(top, #1f78d080 0%, #533ce180 100%),
    url(../img/sidebar-6.jpg) no-repeat;
    background-image: -moz-linear-gradient(top, #1f78d080 0%, #533ce180 100%),
    url(../img/sidebar-6.jpg) no-repeat;
    background-image: -o-linear-gradient(top, #1f78d080 0%, #533ce180 100%),
    url(../img/sidebar-6.jpg) no-repeat;
    background: linear-gradient(
            to bottom,
            rgba(31, 120, 208, 0.502),
            rgba(83, 61, 225, 0.502)
    ),
    url(../img/sidebar-6.jpg);
    background-size: cover;
    background-position: left;
}

#BRadio,
#CRadio,
#ARadio {
    min-width: fit-content;
    margin: auto;
}

#inputAutreRadio {
    margin-left: 10px;
}

.form-check-radio {
    display: flex;
}

.radioButtonGroup {
    display: flex;
}

.radioButtonGroup2 {
    display: flex;
}

.form-check .form-check-radio2::before,
.form-check .form-check-radio2::after {
    font-family: "FontAwesome";
    content: "\f096";
    display: inline-block;
    color: #1dc7ea;
    position: absolute;
    width: 19px;
    height: 19px;
    margin-top: 3px;
    margin-left: 3px;
    font-size: 21px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.form-check-radio .form-check-radio2::before {
    font-family: "FontAwesome";
    content: "\f10c";
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    opacity: 0.5;
    left: 5px;
    top: -5px;
}

.form-check-radio input[type="radio"] + .form-check-radio2:after,
.form-check-radio input[type="radio"] {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    content: " ";
    display: block;
}

.form-check-radio input[type="radio"]:checked + .form-check-radio2::after {
    font-family: "FontAwesome";
    content: "\f192";
    top: -5px;
    position: absolute;
    left: 5px;
    opacity: 1;
    font-size: 22px;
}

.form-check-radio input[type="radio"]:checked + .form-check-radio2::after {
    opacity: 1;
}

.form-check-radio input[type="radio"]:disabled + .form-check-radio2::before,
.form-check-radio input[type="radio"]:disabled + .form-check-radio2::after {
    color: #9a9a9a;
}

#sectionStageInfo {
    display: block;
}

#bulletin2COCheckc,
#bulletin3COCheckc,
#certificatCOCheckc,
#bulletinFormationAutreCheckc,
#certificatFormationAutreCheckc,
#sejourCheckc,
#sectionMesuresCompensationc,
#sectionResultatScolaOblc,
#sectionPermisSejourc,
#bulletin2COCheck,
#bulletin3COCheck,
#certificatCOCheck,
#bulletinFormationAutreCheck,
#certificatFormationAutreCheck,
#sejourCheck,
#sectionMesuresCompensation,
#sectionResultatScolaObl,
#sectionPermisSejour,
#sectionStageAuto,
#sectionStageElec,
#sectionStagePoly {
    display: none;
}

#organisationStage #btnInfo:hover,
#organisationStage #btnInfo:active,
#organisationStage #btnInfo.active {
    background-color: #4091e2;
    color: #ffffff;
    border-color: #4091e2;
}

#organisationStage #btnAuto:hover,
#organisationStage #btnAuto:active,
#organisationStage #btnAuto.active,
#organisationStage #btnElec:hover,
#organisationStage #btnElec:active,
#organisationStage #btnElec.active,
#organisationStage #btnPoly:hover,
#organisationStage #btnPoly:active,
#organisationStage #btnPoly.active {
    background-color: #62be44;
    color: #ffffff;
    border-color: #62be44;
}

#ajoutStage > .modal-dialog,
#modifStage > .modal-dialog,
#repartitionCandidats > .modal-dialog,
#infoSessionBC > .modal-dialog {
    max-width: 1000px !important;
    -webkit-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
}

#tableButton {
    padding-bottom: 0px;
}

.buttonTable {
    padding-top: 10px;
}

.checkColonne {
    width: max-content;
}

#listStage .form-check .form-check-sign::before,
#listStage .form-check .form-check-sign::after {
    margin-left: -19px;
    position: inherit;
    vertical-align: middle;
}

.card {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 15%), 0 6px 6px rgb(0 0 0 / 15%);
    border-radius: 15px !important;
    border: none !important;
}

.card-header:first-child {
    border-radius: 15px 15px 0 0 !important;
}

.card .table tbody td:last-child,
.card .table thead th:last-child {
    display: table-cell;
}

#selectBoxOne,
#selectBoxSecond,
#selectBoxOne21,
#selectBoxSecond21,
#selectBoxOne23,
#selectBoxSecond23,
#selectBoxOne27,
#selectBoxSecond27 {
    min-height: 300px;
    width: 290px;
}

#listCandidats {
    max-height: 77vh;
    min-height: fit-content;
}

#listeCandsContratPasSigne {
    overflow: auto;
    white-space: nowrap;
}

.nav-tabs .nav-link {
    color: #888888;
}

.alert-industrie {
    background-color: #62be44;
}

.alert-informatique {
    background-color: #4091e2;
}

.alert-basicCheck {
    background-color: #1dc7ea;
}

.odd,
.even {
    height: fit-content;
}

.form-control.form-control-sm {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
}

.form-control::placeholder {
    color: rgb(146, 146, 146);
}

.pagination {
    margin-right: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0.2em !important;
}

table.dataTable tbody tr.selected {
    background-color: rgba(0, 0, 0, 0.5);
}

table.dataTable.nowrap td {
    white-space: inherit !important;
}

.datepicker.dropdown-menu {
    /*padding: 4px;

      width: 19em;*/
    visibility: unset;
    opacity: unset;
}

#connectNom {
    color: #888888;
    padding: 10px 15px;
    margin: 10px 3px;
    position: relative;
    display: inline-flex;
    line-height: 40px;
}

@media all and (max-width: 991px) {
    #connectNom {
        color: white;
        text-align: center;
    }
}

.btnEtat {
    margin-top: 1.1em;
}

button {
    cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .navbar-collapse {
        -ms-flex-preferred-size: inherit !important;
        flex-basis: inherit !important;
    }
}

.card-doc {
    width: inherit;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    border-radius: 15px;
    margin: 0.8rem;
    padding: 0.4rem;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-transform: uppercase;
    text-align: center;
}

.card-doc h5 {
    font-family: "Urbanist", sans-serif;
}

.card-doc:hover,
.card-doc-selected {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-doc img {
    max-width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(2px 4px 6px black);
}

.help-button {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.help-button i {
    filter: drop-shadow(0 0 0.05em grey);
}

.help-button i:hover {
    cursor: pointer;
}

#listeUsers {
    text-align: center;
    cursor: pointer;
}

.user-datatable-text-input {
    background-color: inherit;
    border: none;
}

.rotate-icon-on-hover:hover {
    transform: rotate(10deg);
}

.btn-hover-red {
    cursor: pointer;
}

.btn-hover-red:hover {
    color: red;
}

.btn-hover-green:hover {
    color: green;
}

.btn-hover-green {
    cursor: pointer;
}

.btn-trash-delete {
    color: #ff0000 !important;
    cursor: pointer;
}

.btn-save-update {
    color: #42d0ed !important;
    cursor: pointer;
}

.btn-add-row {
    color: #62be44;
    cursor: pointer;
}

.navbar {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.modified-table-row {
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.selected-row {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.blured-card {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(2px);
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

.candidat-loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #17a2b8;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    animation: spin 0.5s linear infinite;
    position: absolute;
    z-index: 1000;
    width: 5rem;
    height: 5rem;
    top: 45%;
    right: 45%;
    border: 10px solid #f3f3f3 !important;
    border-top: 10px solid #17a2b8 !important;
}

.modified-card {
    box-shadow: 0px 10px 20px rgb(255 0 0 / 25%), 0 6px 6px rgb(255 0 0 / 25%);
}

.disabled-move-button {
    pointer-events: none;
    filter: opacity(0.5);
}

.bootstrap-select > button {
    color: black;
    border: 1px solid #e3e3e3;
}

.bootstrap-select > button:hover {
    color: inherit;
}

.bootstrap-select {
    background-color: white;
}

.select-assigne-professeur-stage {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%) !important;
    border: none;
}

.select-assigne-professeur-stage:focus {
    border: none;
}

.label-assigne-professeur-stage {
    font-size: 1.1em;
}

.card-stage .row {
    width: 100%;
}

.card-stage p {
    margin-bottom: 0;
}

.card-stage button {
    width: 100%;
}

.card-metier {
    color: darkgray;
}

.card-stage-body {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.select-assigne-note-critere {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%) !important;
    border: none;
    width: -webkit-fill-available;
    height: inherit !important;
}

.level-1 {
    color: #ff0000;
}

.level-2 {
    color: #ff7300;
}

.level-3 {
    color: #ffbb00;
}

.level-4 {
    color: #b3e000;
}

.level-5 {
    color: #2cba00;
}

#listTables {
    height: 700px;
    overflow-y: overlay;
    border-radius: 10px !important;
}

#listTables li:not(.disabled):hover {
    cursor: pointer;
}

#listTables > .disabled:hover {
    cursor: not-allowed;
}

#listTables li {
    border-top: none;
}

.different-entry {
    background-color: rgb(255 0 0);
    color: white;
}

.shadow-button {
    border: none;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 15%), 0 6px 6px rgb(0 0 0 / 15%);
}

.shadow-button:hover {
    border: none;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%), 0 3px 3px rgb(0 0 0 / 15%);
}

.modal-dialog {
    width: 100%;
    height: 0%;
    margin-left: 35%;
    padding: 0;
    top: 0;
}


/* CSS pour la page unknown.html */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);

.body-unknown {
    background-color: #007aff;
    color: #fff;
    font-size: 100%;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
}

.button1 {
    font-weight: 300;
    color: #007aff;
    background-color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    border: 1px solid #efefef;
    padding: .5em;
    border-radius: 3px;
    float: left;
    margin: 3em 0 0 -155px;
    left: 53%;
    position: relative;
    transition: all .3s linear;
}

.button1:hover {
    background-color: #007aff;
    color: #fff;

}

.p-unknown {
    font-size: 3em;
    text-align: center;
    font-weight: 100;
}

.h1-unknown {
    margin-top: 25px;
    margin-bottom: 150px;
    text-align: center;
    font-size: 13em;
    font-weight: 100;
    text-shadow: #0062cc 1px 1px, #0062cc 2px 2px, #0062cc 3px 3px, #0062cd 4px 4px, #0062cd 5px 5px, #0062cd 6px 6px,
    #0062cd 7px 7px, #0062ce 8px 8px, #0063ce 9px 9px, #0063ce 10px 10px, #0063ce 11px 11px, #0063cf 12px 12px, #0063cf 13px 13px,
    #0063cf 14px 14px, #0063cf 15px 15px, #0063d0 16px 16px, #0064d0 17px 17px, #0064d0 18px 18px, #0064d0 19px 19px, #0064d1 20px 20px,
    #0064d1 21px 21px, #0064d1 22px 22px, #0064d1 23px 23px, #0064d2 24px 24px, #0065d2 25px 25px, #0065d2 26px 26px, #0065d2 27px 27px,
    #0065d3 28px 28px, #0065d3 29px 29px, #0065d3 30px 30px, #0065d3 31px 31px, #0065d4 32px 32px, #0065d4 33px 33px, #0066d4 34px 34px,
    #0066d4 35px 35px, #0066d5 36px 36px, #0066d5 37px 37px, #0066d5 38px 38px, #0066d5 39px 39px, #0066d6 40px 40px, #0066d6 41px 41px,
    #0067d6 42px 42px, #0067d6 43px 43px, #0067d7 44px 44px, #0067d7 45px 45px, #0067d7 46px 46px, #0067d7 47px 47px, #0067d8 48px 48px,
    #0067d8 49px 49px, #0068d8 50px 50px, #0068d9 51px 51px, #0068d9 52px 52px, #0068d9 53px 53px, #0068d9 54px 54px, #0068da 55px 55px,
    #0068da 56px 56px, #0068da 57px 57px, #0068da 58px 58px, #0069db 59px 59px, #0069db 60px 60px, #0069db 61px 61px, #0069db 62px 62px,
    #0069dc 63px 63px, #0069dc 64px 64px, #0069dc 65px 65px, #0069dc 66px 66px, #006add 67px 67px, #006add 68px 68px, #006add 69px 69px,
    #006add 70px 70px, #006ade 71px 71px, #006ade 72px 72px, #006ade 73px 73px, #006ade 74px 74px, #006bdf 75px 75px, #006bdf 76px 76px,
    #006bdf 77px 77px, #006bdf 78px 78px, #006be0 79px 79px, #006be0 80px 80px, #006be0 81px 81px, #006be0 82px 82px, #006be1 83px 83px,
    #006ce1 84px 84px, #006ce1 85px 85px, #006ce1 86px 86px, #006ce2 87px 87px, #006ce2 88px 88px, #006ce2 89px 89px, #006ce2 90px 90px,
    #006ce3 91px 91px, #006de3 92px 92px, #006de3 93px 93px, #006de3 94px 94px, #006de4 95px 95px, #006de4 96px 96px, #006de4 97px 97px,
    #006de4 98px 98px, #006de5 99px 99px, #006ee5 100px 100px, #006ee5 101px 101px, #006ee6 102px 102px, #006ee6 103px 103px,
    #006ee6 104px 104px, #006ee6 105px 105px, #006ee7 106px 106px, #006ee7 107px 107px, #006ee7 108px 108px, #006fe7 109px 109px,
    #006fe8 110px 110px, #006fe8 111px 111px, #006fe8 112px 112px, #006fe8 113px 113px, #006fe9 114px 114px, #006fe9 115px 115px,
    #006fe9 116px 116px, #0070e9 117px 117px, #0070ea 118px 118px, #0070ea 119px 119px, #0070ea 120px 120px, #0070ea 121px 121px,
    #0070eb 122px 122px, #0070eb 123px 123px, #0070eb 124px 124px, #0071eb 125px 125px, #0071ec 126px 126px, #0071ec 127px 127px,
    #0071ec 128px 128px, #0071ec 129px 129px, #0071ed 130px 130px, #0071ed 131px 131px, #0071ed 132px 132px, #0071ed 133px 133px,
    #0072ee 134px 134px, #0072ee 135px 135px, #0072ee 136px 136px, #0072ee 137px 137px, #0072ef 138px 138px, #0072ef 139px 139px,
    #0072ef 140px 140px, #0072ef 141px 141px, #0073f0 142px 142px, #0073f0 143px 143px, #0073f0 144px 144px, #0073f0 145px 145px,
    #0073f1 146px 146px, #0073f1 147px 147px, #0073f1 148px 148px, #0073f1 149px 149px, #0074f2 150px 150px, #0074f2 151px 151px,
    #0074f2 152px 152px, #0074f3 153px 153px, #0074f3 154px 154px, #0074f3 155px 155px, #0074f3 156px 156px, #0074f4 157px 157px,
    #0074f4 158px 158px, #0075f4 159px 159px, #0075f4 160px 160px, #0075f5 161px 161px, #0075f5 162px 162px, #0075f5 163px 163px,
    #0075f5 164px 164px, #0075f6 165px 165px, #0075f6 166px 166px, #0076f6 167px 167px, #0076f6 168px 168px, #0076f7 169px 169px,
    #0076f7 170px 170px, #0076f7 171px 171px, #0076f7 172px 172px, #0076f8 173px 173px, #0076f8 174px 174px, #0077f8 175px 175px,
    #0077f8 176px 176px, #0077f9 177px 177px, #0077f9 178px 178px, #0077f9 179px 179px, #0077f9 180px 180px, #0077fa 181px 181px,
    #0077fa 182px 182px, #0077fa 183px 183px, #0078fa 184px 184px, #0078fb 185px 185px, #0078fb 186px 186px, #0078fb 187px 187px,
    #0078fb 188px 188px, #0078fc 189px 189px, #0078fc 190px 190px, #0078fc 191px 191px, #0079fc 192px 192px, #0079fd 193px 193px,
    #0079fd 194px 194px, #0079fd 195px 195px, #0079fd 196px 196px, #0079fe 197px 197px, #0079fe 198px 198px, #0079fe 199px 199px,
    #007aff 200px 200px;
}

/* CSS pour gérer les listes d'orientation */

.col-md-3-orientation {
    visibility: hidden;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}


/* CSS pour formatter l'input des notes dans les critères polymécanique */
.noteInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.noteInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.noteInput {
    -moz-appearance: textfield;
    width: 50px;
}

/* CSS pour le bouton des logs */
#logsBtn {
    width: 100px !important;
}

#modalLogsBody {
    line-height: 1.2em;
    width: 1200px !important;
}