@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "gotham";
    src: url(fonts/Gotham-Book.otf) format("Opentype"), url(fonts/Gotham-Book.svg) format("svg"), url(fonts/GothamBook.ttf) format("Truetype"), url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham-Book.otf"), url("fonts/Gotham-Book.woff") format('woff');
}

@font-face {
    font-family: 'FontAwesome';
    src: url("fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.message ul {
    list-style: square;
    line-height: 1.5;
}

#s2id_myselect {
    font-size: 14px;
}

body.page-presence,
body.page-presence .btn {
    font-size: 14px !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0px !important;
}

.ajout_emploi.table-responsive {
    overflow: scroll;
}

.ajout_emploi.table-responsive table {
    max-width: initial;
    width: 2000px;
}

.titre_profil {
    font-weight: 1000;
    color: green;
}

.margin_header {
    margin-top: 10px;
}

.table a {
    cursor: pointer;
}

.duplication .fa-files-o {
    font-size: 20px;
    color: orange;
    cursor: pointer;
    line-height: 1.5;
}

body.page-display,
.page-password {
    background-image: url(images/bg.jpg);
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

body.page-display .form-control,
.page-password .form-control {
    height: 45px;
}

.navbar-nav {
    flex-direction: inherit !important;
}

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

.bloc-warning {
    background: #ffe2005c;
    padding: 10px;
    margin-bottom: 15px;
}

.bloc-warning ul {
    list-style: inside;
    line-height: 2
}

.bloc-warning li.warning-li {
    margin-left: 10px;
}

.enteteDropDown,
.enteteDropDown:hover,
.footerDropDown {
    background-color: #3c763d !important;
    color: #fff !important;
    box-shadow: 1px 1px 1px 1px #ddd;
    font-size: 13px !important;
    line-height: 2;
    text-align: center;
}

.class_notif.dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.class_notif.dropdown-menu {
    visibility: hidden;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    display: none;
    z-index: 9000;
    position: absolute;
    filter: alpha(opacity=0);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .125);
    background-color: #fff !important;
}

.open .class_notif.dropdown-menu {
    visibility: visible;
    display: block;
}

.search-engine {
    border: 1px solid #ddd;
    padding: 10px;
}

.fa-id-card:before {
    content: "\f2c2"
}

.span_counter {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 13px;
    font-weight: 1000;
}

.fa-bell {
    margin-top: 4px;
}

.fc-daygrid-event-dot .removebtn .fa-trash {
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    background: #f5f6f7;
    color: #333538;
    font-family: gotham !important;
}

.emploie .search-engine .btn {
    margin: 5px;
    width: auto;
    padding: 15px;
    font-size: 12px;
}

.note-style {
    font-size: 16px;
}

.editbtn {
    color: orange;
    /*margin: 5px;*/
}

.historique-style .col-md-12 {
    font-size: 20px;
}

.style-inside {
    list-style: inside;
}

.left {
    float: left;
}

tr.style-horaire {
    background: #3c763d05;
    font-size: 15px;
    font-weight: 1000;
}

.panel .table tr.style-horaire td {
    padding: 10px;
}

tr.nbre_tr {
    font-size: 15px;
    font-weight: 1000
}

#content {
    padding-left: 185px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    width: 100%;
}

.emploie .panel-heading {
    font-size: 30px;
}

.emploipdf .table>tbody>tr>th {
    text-align: center;
    padding: 15px;
}

.emploipdf .table {
    border: 1px solid #eaedef
}

.emploipdf .table th,
.emploipdf .table td {
    border: 1px solid #eaedef;
    vertical-align: middle;
}

.emploipdf .table th {
    background: #dddddd70;
}

.right {
    float: right;
}

.clear {
    display: block;
    clear: both;
}

.error {
    border: 1px solid red;
}

.table img {
    width: 100px
}

.table a.d {
    color: #cc0000;
}

.piece_img {
    width: 120px;
}

.form-switch {
    padding-left: 2.5em;
}

.input-group {
    position: relative;
    display: table !important;
    border-collapse: separate;
}

.input-group-addon span.star {
    color: red;
}

.itemupload {
    float: left;
    width: 100px;
    margin-right: 7px;
    text-align: center;
    padding: 10px;
    border: 1px solid;
}

.panel.interfacepanel {
    width: 50%;
    margin: 10px auto;
}

.btn-group-toggle {
    text-align: center;
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.contentLogin {
    text-align: center;
    padding: 10px 0;
    min-height: calc(100vh - 386px);
}

.contentLogin form {
    display: inline-block;
    max-width: 450px;
}

.gm-style-iw-d {
    width: 260px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
}

.blocktraitement {
    margin: 5px 0;
    background: #f1f1f1;
    padding: 10px;
}

.popup-info {
    color: #5191d1;
    margin-left: 5px;
    border: 1px solid;
    padding: 1px 5px;
    border-radius: 50%;
    background: #fff;
}

.hide {
    display: none;
}

.header {
    display: none;
}

.aucun_details {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0;
}

.padding15 {
    padding: 15px;
}

a {
    text-decoration: none !important;
    color: #333538;
}

ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0
}

.mg5 {
    margin-right: 5px;
    min-width: 160px;
    padding: 3px 0 0;
}

.navbar {
    line-height: 50px;
    font-size: 17px;
}

.navbar ul {
    margin: 0;
}

.btn-group-justified.pp5,
.pp5 {
    margin: 0 10px;
    width: auto;
}

.btn-group-justified.pp5>.btn {
    width: inherit;
}

.btn-red {
    background: red !important;
}

#nav {
    position: relative;
    width: 190px !important;
    position: absolute;
    z-index: 1000;
    top: 0px;
    bottom: 0;
    border-right: 1px solid #006c2c;
    background-color: #006c2c;
    text-align: center;
    -webkit-transition: .3s ease-in-out all;
    -o-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all;
}

/*#nav a,#nav span{font-size:12px; font-weight:600; text-align:center; display:inline-block;}*/
#nav span {
    color: #fff;
    font-size: 11px;
}

#nav li.menu--item a {
    display: block;
}

.labelstyle {
    font-size: 25px !important;
    font-weight: 1000
}

#nav li li {
    color: #eee;
}

#ajout {
    font-size: 20px;
    background: green;
}

#packer {
    height: 100vh;
    width: 100%;
}

#form_login .select2 {
    width: 300px !important;
}

.color {
    height: 20px;
    width: 50px;
    margin: 0 auto;
}

.search-engine .btn {
    margin: 0
}

.bloc_evaluation .sous_titre_evaluation_rq {
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    background: orange;
    margin-top: 15px;
}

.search-engine .input_group.last {
    margin-top: 10px;
    text-align: right;
}

.table.grid a {
    display: none !important
}

.footer-container a {
    color: #fff;
}

.rq-form {
    padding: 15px;
    border: 1px solid red;
}

.Rq_delegue {
    background: #fcf8e3;
    border: 1px solid #f8f800;
}

/*table*/


table.table-result {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    overflow: hidden;
    font-size: 20px;
    width: 50%;
    margin: 0 auto;
}

table.table-result td,
table.table-result th {
    border-top: 1px solid #ecf0f1;
    padding: 10px;
}

table.table-result td {
    border-left: 1px solid #ecf0f1;
    border-right: 1px solid #ecf0f1;
}

table.table-result th {
    background-color: #4ecdc4;
}

table.table-result tr:nth-of-type(even) td {
    background-color: #d9f4f2;
}

table.table-result .total th {
    background-color: white;
}

table.table-result .total td {
    text-align: right;
    font-weight: 700;
}

.mobile-header {
    display: none;
}

@media only screen and (max-width: 760px) {
    p {
        display: block;
        font-weight: bold;
    }

    .table-result tr td:not(:first-child),
    .table-result tr th:not(:first-child),
    .table-result tr td:not(.total-val) {
        display: none;
    }

    .table-result tr:nth-of-type(even) td:first-child {
        background-color: #d9f4f2;
    }

    .table-result tr:nth-of-type(odd) td:first-child {
        background-color: white;
    }

    .table-result tr:nth-of-type(even) td:not(:first-child) {
        background-color: white;
    }

    .table-result tr th:first-child {
        width: 100%;
        display: block;
    }

    .table-result tr th:not(:first-child) {
        width: 40%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: -1;
    }

    .table-result tr td:not(:first-child) {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: -1;
    }

    .table-result tr td:first-child {
        display: block;
        cursor: pointer;
    }

    .table-result tr.total th {
        width: 25%;
        display: inline-block;
    }

    .table-result tr td.total-val {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    .table-result tr th:not(:first-child) {
        width: 50%;
        font-size: 14px;
    }

    .table-result tr td:not(:first-child) {
        width: 50%;
        font-size: 14px;
    }
}

.removeclass .col-md-2 {
    width: 20%;
}

.titre-result {
    font-size: 45px;
    color: #bb0b1f;
    text-align: center;
}

.col-md-1 {
    margin-left: 5px;
    width: auto;
}

/**table**/
.Rq_delegue strong {
    display: block;
    width: 100%;
    background: #ebeb51;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

.Rq_delegue p {
    padding-left: 10px;
    font-size: 16px;
}

.Nom_delegue {
    float: left;
    color: #fff;
}

.dropdown-menu li {
    padding: 1px !important;
}

.footer-container {
    position: fixed;
    bottom: 0;
    padding: 5px;
    text-align: center;
    line-height: 2;
    color: #fff;
    font-size: 11px;
    left: 0;
}

.rec_red {
    background: #ff5f5f;
    height: 20px;
    width: 50px;
    float: left;
    margin-right: 10px;
    border: 1px solid #999;
    margin-bottom: 15px;
}

.rec_green {
    background: green;
    height: 20px;
    width: 50px;
    float: left;
    margin-right: 10px;
    border: 1px solid #999;
    margin-bottom: 15px;
}

.rec_warning {
    background: #f6d616;
    height: 20px;
    width: 50px;
    float: left;
    margin-right: 10px;
    border: 1px solid #999;
    margin-bottom: 15px;
}

.ajax-file-upload {
    color: #fff;
    background: #000;
    position: relative;
    border-width: 0;
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    font-weight: 600;
    padding: 7px 12px;
    transition: background .3s ease-in-out 0s;
}

.backoffice {
    padding: 20px;
}

.jour_ferier .removebtn,
.jour_ferier .editbtn,
.jour_ferier .detailcalender {
    display: none;
}

.navAdmin li {
    display: none;
    line-height: 30px
}

.navAdmin li.active {
    display: block;
    background: none;
}

.navAdmin {
    position: absolute;
    right: 2px;
    top: 5px;
    min-width: 160px;
    font-size: 15px;
    cursor: pointer;
    background: #fff;
    padding: 4px 0 4px 4px;
    box-shadow: 0 0 1px 1px #f1f1f1;
    border-radius: 4px;
}

.navAdmin.inline li {
    display: block;
}

.navAdmin.inline li,
.navAdmin.inline li a {
    color: #233445;
}

.navAdmin i {
    margin-right: 5px;
}

.navAdmin li.active:after {
    font-family: FontAwesome;
    content: '\f0d7';
    padding: 0 5px 0 12px;
    float: right;
}

.margin_left {
    margin-left: 15px;
}

.width100 {
    width: 100%
}

.fa-trash:before {
    content: "\f1f8";
    cursor: pointer;
    font-size: 17px;
    color: red;
}

.fa-trash {
    margin-top: 14px;
}

.fc-event-main .fa-trash {
    margin-top: 0px;
}

.activite {
    margin-bottom: 10px !important;
    margin-top: 6px;
    width: calc(100% - 75px) !important;
    margin-right: 10px;
}

footer p {
    margin: 0
}

.resultat img {
    width: 600px !important;
    margin: 0 auto;
}

.owl-dots {
    text-align: center;
    padding-top: 30px;
}

.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots .owl-dot.active {
    background-color: #777777;
}

.owl-dots .owl-dot:focus {
    outline: none;
}

.resultat div {
    text-align: center;
    font-size: 25px;
}

.nameSite {
    padding: 0 10px;
    min-width: 140px;
    text-align: center;
}

.titre-tab {
    color: #3d4b9a;
    font-size: 25px;
    margin-top: 0;
}

.footable thead {
    background: #f7f8f9;
    border: 1px solid #ddd;
}

.footable thead th,
.footable tr td {
    text-align: center;
}

.bt {
    border-top: 1px solid #e3e8ed;
    margin: 20px 0 0
}

.pagination li {
    float: left;
    margin: 1px;
    padding: 1px;
    font-size: 14px;
}

.pagination .active a {
    color: #48ed15;
}

.double {
    margin: 15px 10px;
}

.rq {
    color: red;
    padding: 5px 0 0;
    display: inline-block;
}

.error {
    border-color: red !important;
}

.success {
    border-color: #0F0 !important;
}

.valider .bg_gold {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #056b2b;
    font-size: 17px;
}

.formgetpw,
.backpanel {
    cursor: pointer;
}

#login-panel {
    margin: 0 auto;
    width: 550px;
    max-width: calc(100% - 20px);
    height: 100%;
    display: table;
}

.flip-container {
    /* height: 420px;
    margin-top: 176px; */
    vertical-align: middle;
    width: 100%;
    display: table-cell;
    /* -webkit-perspective: 1000px;    -moz-perspective: 1000px;    perspective: 1000px;    transform-style: preserve-3d;*/
}

.logo_espace {
    width: 160px;
    margin: 20px auto;
}

.emploie .blocenvoie.search-engine {
    text-align: center;
}

.btn-secondary {
    width: 190px;
    padding: 15px;
    font-size: 13px;
    background: #3c763d;
    margin: 0 auto;
}

#js-menu {
    width: 100%;
    /* height: 55%; */
}

.flipper {
    position: relative;
}

.cat_parent {
    background: #dddad8;
}

.form-control.requirederror {
    border: solid 1px red;
}

.panel {
    margin: 14px;
    padding: 20px;
}

.btn {
    margin: 15px 5px;
}

.bloc_evaluation {
    border: 1px solid #e1162c;
    margin: 20px 0;
}

.titre_evaluation {
    background: #e1162c;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 5px;
}

.bloc_evaluation .sous_titre_evaluation {
    padding: 5px 10px;
    font-size: 20px;
    color: #e1162c;
}

.bloc_evaluation ul li {
    margin-bottom: 5px;
    margin-left: 5px;
}

.error {
    border: 1px solid red
}

.bloc_evaluation ul {
    padding: 5px 15px;
    font-size: 17px;
}

.message .alert {
    padding-left: 40px;
    font-size: 15px;
    padding-right: 40px;
    font-size: 15px;
}

#login-panel .panel img {
    margin: 0px auto 30px;
    /* width: 157px; */
    display: block;
}

.flipperon .panel.back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
}

.panel.back {
    display: none;
    z-index: 1;
    /*  -webkit-transform: rotateY(180deg);    -ms-transform: rotateY(180deg);    -o-transform: rotateY(180deg);    transform: rotateY(180deg);*/
}

.page-display .backpanel.left,
.page-password .backpanel.left {
    padding: 10px;
    background: #056b2b2b;
}

.panel.back {
    width: 100%;
    padding: 15px;
    /* 
    position: absolute; */
    /* transition: .6s;    transform-style: preserve-3d;  */
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
}

.panel.back {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.navbar-nav {
    display: flex;
}

.flip-container .panel.back {
    margin-bottom: 17px;
    background-color: #ffffffd1;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel.front {
    /*-webkit-transform: rotateY(0); -ms-transform: rotateY(0);-o-transform: rotateY(0); transform: rotateY(0);*/
    z-index: 2;
}

.dropdown-menu>li>a {
    color: #fff !important;
}

.form-horizontal .control-label {
    margin-bottom: 10px;
}

.panel.front {
    width: 100%;
    padding: 15px;
    /* position: absolute; */
    /*   transition: .6s;    transform-style: preserve-3d;*/
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
}

.panel.front {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.panel.front {
    margin-bottom: 17px;
    background-color: #ffffffd1;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin: 0;
}

.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.form-check-input {
    background-color: red !important;
    border-color: red !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.navbar {
    position: relative;
    display: block !important;
}

.dropdown-menu {
    position: absolute !important;
    background-color: #006c2c !important
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 0 !important
}

.bloc_evaluation ul {
    width: 100%;
}

.span_error {
    color: red;
    font-size: 12px;
}

#calendar {
    height: 600px;
}

.reduire {
    text-align: right;
    padding-right: 15px;
    color: #fff;
    cursor: pointer;
    line-height: 2;
    float: right;
}

.allgroupe .table td.linebreak strong {
    display: block;
    width: 60px;
    line-break: anywhere;
}

.reduire:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 24px;
}

.div_buttons {
    position: relative;
    z-index: 999;
}

#nav.nav-vertical.inline {
    width: 50px;
    transition: 0.3s;
}

#nav.nav-vertical.inline .menu--label {
    transition: 0.3s;
    display: none;
}

#nav.nav-vertical.inline .reduire {
    text-align: center;
    padding-right: 0px;
}

#nav.nav-vertical.inline .reduire:before {
    content: "\f101";
}

#nav.nav-vertical.inline+#content {
    padding-left: 76px;
    color: #333;
}

.aucun_details {
    padding-top: 15px
}

.panel-heading.mgb0 {
    padding-bottom: 0;
    border: 0;
    margin: 0;
    padding-top: 2px;
    color: #fff;
    font-size: 25px;
}

.nav.navbar-avatar>li>a.line39 {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 7px;
    border-radius: 50%;
    background: #fff;
    color: #3c763d;
    margin: 10px;
    float: left;
}

.user-fa:before {
    content: "\f007";
    font-family: FontAwesome;
}

.search-engine strong {
    line-height: 32px;
    padding-right: 7px;
}

.pagination1 input[type=text] {
    max-width: 40px;
    text-align: center;
    margin: 0 5px;
}

.pagination1 a {
    cursor: pointer;
    line-height: 1.5;
}

.disable a {
    cursor: not-allowed;
    opacity: 0.5
}

.nbpage {
    color: #444141;
    font-size: 15px;
    line-height: 2;
    padding: 0 17px;
}

.lastimage {
    position: relative;
    display: inline-block;
}

.lastimage a {
    position: absolute;
    right: 0;
    bottom: 0;
}

.lastimage .item img {
    min-height: 80px;
}

/*modal*/
.modal,
.modal-box {
    z-index: 9999;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

div.star:after {
    content: "\f005";
    font-family: "FontAwesome";
    display: inline-block;
    color: #E1DEDD;
}

div.star.star_on:after,
div.star.star_hover:after {
    color: #000;
}

/*star*/
.star-cb-group {
    /* remove inline-block whitespace */
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl;
    /* the hidden clearer */
}

.star-cb-group * {
    font-size: 1rem;
}

.star-cb-group>input {
    display: none;
}

.star-cb-group>input+label {
    /* only enough room for the star */
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: 1.5em;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px;
}

.star-cb-group>input+label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "☆";
    color: #888;
}

.star-cb-group>input:checked~label:before,
.star-cb-group>input+label:hover~label:before,
.star-cb-group>input+label:hover:before {
    content: "★";
    color: #e52;
    text-shadow: 0 0 1px #333;
}

.pull-right .dropdown-menu>li>a {
    color: #fff
}

.star-cb-group>.star-cb-clear+label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}

.star-cb-group>.star-cb-clear+label:before {
    width: .5em;
}

.star-cb-group:hover>input+label:before {
    content: "☆";
    color: #888;
    text-shadow: none;
}

.star-cb-group:hover>input+label:hover~label:before,
.star-cb-group:hover>input+label:hover:before {
    content: "★";
    color: #e52;
    text-shadow: 0 0 1px #333;
}


fieldset {
    border: 0;
    border-radius: 1px;
    padding: 1em 1.5em 0.9em;
    margin: 1em auto;
}

#log {
    margin: 1em auto;
    width: 5em;
    text-align: center;
    background: transparent;
}

/*end start*/
.modal-box {
    position: relative;
    width: 85%;
    max-width: 500px;
    margin: 70px auto;
    animation-name: modalbox;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

.modal-box ul {
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
}

.modal-box li strong {
    color: #3c763d;
    margin-right: 10px;
}

.headerpop {
    background: #006c2c;
    color: #fff;
    border: 1px solid #006c2c;
    border-radius: 0;
    height: 40px;
    line-height: 1.5;
    text-align: center;
}

/*.detailcalender {
   text-align: right;
    width: 100%;
    display: block;
}*/

.btn-group .dropdown-menu {
    background-color: #fff;
}
/*print cart*/
body.page-carteaccess .backoffice .impression-cate{
    font-family: 'Arial', sans-serif;
    
    margin: 0;
    display: grid;
    justify-content: center;
}

.page-carteaccess h2 {
    font-size: 18px;
    margin-top: 0;
    padding-top: 15px;
    width:85%
}

.page-carteaccess p {
    margin: 0;
}

.student-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 300px;
    /* Set the width to your desired value */
    text-align: center;
    margin-left: 15px;
}

.student-card-body {
    padding: 15px;
}

.student-card-body img {
    width: 100%;
    /* Make the image fill the container width */
    border-radius: 4px;
    margin-bottom: 15px;
}

.student-card-body p {
    margin-bottom: 10px;
}

.student-card-footer {
    text-align: center;
    padding: 10px;
    background-color: #3498db;
    color: #fff;
}

@media print {
    @page {
        margin: 0;
        /* Vous pouvez ajuster cela selon vos besoins */
        size: auto;
        /* Vous pouvez ajuster cela selon vos besoins */
    }

    /* Désactive l'en-tête lors de l'impression */
    @page {
        margin: 0;
    }

    /* Désactive le contenu de l'en-tête lors de l'impression */
    header {
        display: none;
    }
    
        body * {
            visibility: hidden;
        }

        #contentToPrint, #contentToPrint * {
            visibility: visible;
        }

        #contentToPrint {
            position: absolute;
            left: 0;
            top: 0;
        }
    }
/**/
.modal-body {
    background: #fff;
    padding: 40px 40px;
    border-radius: 1px;
    border-width: 5px;
    border: 1px solid #006c2c;
    border-top: 0;
}

#details ul {
    line-height: 2;
    list-style: disc;
}

#details ul li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 17px;
}

#head {
    padding: 7px;
    margin: 0px;
    font-size: 17px;
    font-weight: normal;
}

.panel-heading strong {
    font-size: 25px;
    color: green;
}

.navbar .panel-heading strong {
    font-size: 20px;
    color: #fff;
}

.checketudiant {
    width: 100%;
}

.checketudiant li {
    font-size: 18px;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.panel .table td,
.panel .table th {
    border-left: 1px solid #eaedef;
}

/** Close Button **/
.close-modal {
    text-align: right;
    cursor: pointer;
    float: right;
    margin-right: 8px;
    margin-top: 8px;
    font-size: 20px;
    line-height: 0.5;
    font-weight: bold;
}

@media(max-width:1024px) {
    .formsearch .col-sm-3.left {
        width: 50%;
        margin-bottom: 5px;
    }
}

@media(max-width:780px) {
    .modal-box {
        top: 40%;

    }

    .dropdown-submenu>.dropdown-menu {
        left: 0;
        top: 55px;
        margin-top: 0;
        right: 0;
    }

    #content {
        padding-left: 0px;
    }

    .reduire {
        text-align: right;
        padding-left: 20px;
        color: #fff;
        cursor: pointer;
        line-height: 2;
        float: left;
        position: relative;
        z-index: 9999;
    }

    #nav .fa {
        display: inline-block !important
    }

    #nav.nav-vertical.inline {
        width: 100% !important;
        display: block;
    }

    #nav {
        display: none;
        width: 0px !important;
    }

    #nav.nav-vertical.inline .menu--label {
        display: block
    }

    #nav .menu--label {
        display: none
    }

    #nav .logo_espace {
        display: none
    }

    #nav.nav-vertical.inline .logo_espace {
        display: block;
        margin: 15px auto;
    }

    #nav li.menu--item a {
        text-align: center;
    }

    .backoffice {
        padding: 5px;
        max-width: 100%;
        width: inherit;
        margin: 0;
    }

    .panel-heading.mgb0 {
        padding-bottom: 0;
        border: 0;
        margin: 0;
        padding-top: 0;
        color: #fff;
        font-size: 14px;
        padding-left: 0;
    }

    .panel.interfacepanel {
        width: 100%;
    }

    .formsearch .col-sm-3.left {
        width: 50%;
        margin-bottom: 5px;
    }

    .input_group.last {
        width: 100%;
        float: right;
    }

    .navbar-nav .open .dropdown-menu {
        top: 50px;
    }

    .panel {
        margin: 10px;
        padding: 5px;
    }

    .emploie .search-engine .btn {
        margin: 0;
        width: 100%;
        padding: 15px;
        font-size: 15px;
        white-space: inherit;
        margin-bottom: 6px;
    }
}

@media(max-width:500px) {
    .titre_profil {
        display: block;
    }

    #nav.nav-vertical.inline {
        width: 100% !important;
        display: block;
    }

    .navbar .Nom_delegue {
        font-size: 14px;
    }

    #login-panel {

        width: auto;
    }

    .formsearch .col-sm-3.left {
        width: 100%;
    }

    .emploie .search-engine .btn {
        margin: 0;
        width: 100%;
        padding: 15px;
        font-size: 15px;
        white-space: inherit;
        margin-bottom: 6px;
    }

    .fc .fc-toolbar {
        text-align: center;
        display: block !important;
    }

    .navbar .panel-heading strong {
        font-size: 16px;
    }
}

.tr-horaire {
    text-align: center;
    padding: 10px;
    font-size: 13px;
}

.panel .table td.td-fontsize11 {
    width: calc(100%/5);
    font-size: 11px;
    line-height: 1.6;
}

.panel .table td.td-fontsize11.border-left {
    border-left: 20px solid #ddd;
}

.panel .table tr.border-top-tr {
    border-top: 2px solid gray;
}

.panel .table td.td-fontsize11 strong:first-child {
    font-size: 13px;
}

div.email {
    color: red;
    font-size: 13px;
}

.form-check.form-switch .fa-trash {
    margin-top: 0;
}