/*------------------------------ FONT -------------------------------------*/
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*------------------------------ GLOBAL -----------------------------------*/
*{
    font-family: 'Roboto', sans-serif;
}
html {
    height: 100%;
}
.header_container, main, footer{
    width: 100%;
}
main{
    height: auto;
    min-height: 120vh;
}
footer {
    background-color : #171717;
    min-height: 15vh;
}
main, .container_size {
    background: url("../images/sirius_star.jpg") no-repeat center center fixed ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*------------------------------- HEADER ------------------------------------*/
.logo_sirius{
    padding-bottom: 0.2em;
}
section ul, ul h2{
    cursor: pointer;
    margin: 0;
    border-radius: 1em 1em 0 0;
    color: #aa7e00;
    text-align: center;
}
section ul h3{
    text-shadow: 1px 2px 2px black;
}
section ul li {
    list-style: none;
    padding: 1em;
}
section{
    margin: 2em 0;
    width: 100%;
    border-radius: 1em 1em 0 0;
    transition: all ease-in-out 0.8s;
}
header .header_container {
    box-shadow: 0px 25px 35px -15px #ffffff78
}
header li:first-child{
    border-right: 1px solid #fbba16;
}
header li:last-child{
    border-left: 1px solid #fbba16;
}
.btn-accueil:hover{
    color: white;
}
.header_container, .list_menu {
    background-color: #171717;
    z-index: 10;
}
.dropdown-divider{
    border-top: 1px solid #aa7e00;
}
#div_menu {
    width: 100%;
    text-align: center;
}
.header_container ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.bg_li{
    border-radius: 0.5em;
}
svg {
    width: 2.5em;
}
.flex_list_menu article {
    width: 100%;
}
.row {
    margin-right: 0;
}
.header_container h3 {
    color: #fbba16;
    display: inline-block;
}
.header_container nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_container button {
    border: none;
}
.header_section {
    display: inline-block;
    padding-top: 1em;
}
.header_section button, .bg_li, .link_li, .tr_customer,.tr_customer_rh, .tr_customer_technique, header a:first-child, .li_header a {
    background-color: #171717;
    color: #bb8f00;
    margin: 0.2em;
    padding: 0.5em 1em;
}
.flashbag {
    display: inline;
    background-color: rgba(40, 154, 78, 0.80);
    padding: 0.5em;
    border-radius: 0.5em;
    font-size: 0.8em;
}

/*---------------------------------- MAIN --------------------------------------*/
/*List new design*/
.icon_suspended{
    width: 1em;
}
.fa-edit{
    font-size : 1.5em;
}
.small-bar{
    margin: 0 1.5em;
    border-bottom: 1px solid #aa7e00;
}
.box_customer .customer{
    display: flex;
}
.box_customer .customer:hover{
    background-color: #171717;
}
.box_customer .customer {
    background-color: rgba(23, 23, 23, 0.2);
}
.box_customer .customer li {
    list-style: none;
    width: 15%;
}
.box_customer .customer li p{
    margin: 0;
}
.box_customer .customer li:first-child {
    width: 1em;
}
.box_customer .customer li a:first-child {
    color: #ffc107;
    padding: .5rem 1rem;
    display: block;
}
.box_customer .customer .dropdown-menu a, .box_customer .customer li p,
.box_customer .customer .color_link_customer{
    color: #d7d7d7;
}
.nav-item .dropdown-menu .customer_a{
    padding-left: 0.5em !important;
}
.box_customer .customer li a:hover, .box_customer h6 {
    color: #bb8f00;
}
main h5{
    margin-bottom: 0.5em;
}
h1, .container_size_large h2{
    text-align: left;
    margin: 0;
    padding: 1em;
    color: white;
}
h5{
    text-align: center;
    color: #fbba16;
}
h6{
    text-align: center;
    padding-top: 1em;
    color: red;
    margin: 0;
}
h8{
    display: block;
    padding: 0.5em;
    color: #a7a7a7;
}
section:hover{
    background-color: white;
    transition: all 1s ease-out;
}
#box_hidden, #box_hidden2, #box_hidden3, #box_hidden4, #box_hidden5{
    background-color: white;
    border-radius: 0 0 1em 1em;
    margin: 0;
    transition: all 1s ease-out;
}
.service1, .service2, .service3, .label-background{
    border-radius: 0.5em;
}
.needs-validation label {
    padding-left:  0.5em;
    margin: 0;
    color: #bb8f00;
}
.imprimer{
    color: #494949;
}
.imprimer:hover{
    color: #bb8f00;
}
.label-background, .service1{
    background-color: #171717;
}
.service2{
    background-color: #4c0404;
}
.service3{
    background-color: #0d112e;
}
.request_leave_paragraphe{
    color:darkred;
    text-align:center;
    padding:1em;
    background-color:white;
}
#request_leave_box .form-control::after{
    content: attr(placeholder)" : Date ";
}
.img_section{
    width: 35em;
    display: inline-block;
    margin: 0;
    height: 3em;
}
.flex_list_menu{
    display: flex;
    font-size: 0.8em;
    box-shadow: 1px -1px 100px black;
}
.list_menu_employe{
    font-size: 0.8em;
    box-shadow: 1px -1px 100px black;
}
.flex_list_menu article {
    padding: 1em;
    background-color: #0d0d0d;
}
.flex_list_menu article:nth-child(2){
    border-left: 0.1em solid white;
}
section .img_rs_pro, section .img_cmsAccess, section .img_validation,
section .img_payement, section .img_info_compl, section .img_holidays,
section .img_contrat, section .img_medicale, section .img_identity,
section .img_info_preprod, section .img_compta, section .img_administratif,
section .img_commercial, section .img_job_seo, section .img_job_project {
    height: 3em;
}
.card-header{
    border-bottom: white ;
}
main figure {
    padding-top: 2em;
    text-align: center;
}
main figure video {
    width:30em;
    border-radius: 3em;
}
video[poster]{
    object-fit: cover;
}
.main-logs{
    align-items: center;
    background-color: rgba(251, 251, 251, 0);
    color: #c3c3c3;
}
#main_sign_in{
    position: absolute;
    width: 100%;
}
#main_sign_in h1, #main_sign_in{
    text-align: center;
}
#main_sign_in form{
    justify-content: center;
}
#container_log{
   overflow: hidden;
}
.dropdown-divider{
    margin: 0;
}
.main-logs p{
    padding: 1.5em;
}
.main_table{
    width: max-content;
}
.main_table, .main_table3{
    overflow:auto;
    height: 70vh;
    padding-top: 1em;
}
.plugin-box h4{
    color: white;
    text-transform: uppercase;
}
.plugin-box{
    background-color: #171717bd;
    color: #aa7e00;
    width: 70%;
    margin: 1em auto;
    padding: 1em;
    border-radius: 0.5em;
}
.plugin-box p {
    padding-left: 2em;
}
.content-plugin{
    font-size: 1.1em;
    color: white;
    text-decoration: underline;
    margin-bottom: 0.2em;
}
.main_table_rh{
    height: 40em;
}
table{
    border-collapse: unset;
}
main svg {
    transform-origin: 0.5625em 0.625em;
}
#stats, #msGraph, #fps, #ms{
    opacity: 0;
}
.card {
    border: none;
}
#employe_div{
    background-color: rgba(255, 255, 255, 0);
}

/* gestion des cards */
.title_contenu{
    font-weight: bold;
    color: #386e70;
}
.text_color_contenu{
    color: #ffc107;
    font-size: 0.8em;
}
#card-gen {
    height: 15em;
    background-color : #171717;
    color: #8a8a8a;
}
.bg_form select {
    color: red;
}
.circle_button, .dropdown-toggle {
    color: #8a8a8a;
}
.end_text_div{
    position: absolute;
    bottom: 0;
    width: 85%;
    display: block;
}
.shadow-sm {
    border-radius: 3em;
}
.circle_button:hover, .dropdown-toggle:hover  {
    color: #aa7e00;
}
.button_customer button {
    padding: 0;
}
.img_size, .img_employe{
    width:100%;
    height:auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.card_ease:hover .img_size, .card_ease:hover .img_employe {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.card_ease:hover .img_size, .card_ease:hover .img_employe img{
    border-radius: 0.5em;
}

.light .effect_flash {
    position: relative;
}
.light .effect_flash::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.light .effect_flash:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
.text-muted{
    text-align: right;
    display: block;
    padding-top: 1em;
}
.img_customer, .img_employe{
    width: 100%;
    height: auto;
}
.suspended_img{
    position: absolute;
    bottom: 50%;
    width: 1em;
    margin: 0.4em;
    z-index: 1;
}
.flex_div_box{
    display: flex;
}
.color_link_box{
    color: #6f9760;
}
.color_link_box2{
    color: #c66542;
}
.important{
    color: #af0000;
    font-weight: bold;
}
.col_low, #col_low {
    width: 8em;
    padding: 0;
}
.btn-link{
    color: #171717;
}
.container_size_large{
    height: 95em;
    overflow: auto;
    padding: 1em;
}
.container_size_full{
    height: auto;
    padding-bottom: 1em;
}
#identifiant_cl{
    color: rgba(255, 255, 255, 0);
}
#newsletter_infos .container_size{
    padding: 3em;
}
.newsletter{
    padding: 2em;
    margin: 0 auto;
    height: 25em;
}
.carousel-inner h5 {
    width: 80%;
    margin: 1em auto;
    color : #171717;
}
.carousel-inner article {
    background-color: rgba(0, 0, 0, 0.8);
    color: #c3c3c3;
    text-shadow: #171717 1px 0 15px;
    overflow: auto;
    border-radius: 1em;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    padding: 2em;
}
.communique_info{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 1em;
    color: white;
    width : 80%;
    margin: 0 auto;
    padding : 1em;
}
.warning {
    color: #aa7e00;
}
.danger{
    color: #dc3545;
}
.communique {
    background-color: #171717;
    padding: 1em;
    margin: 2em;
}
.carousel-indicators {
    left: auto;
}
.carousel-inner h5{
    text-shadow: 1px 1px 5px white;
}
.carousel-inner .newsletter img{
    border-radius: 0.2em;
}
/* process */
.process_container {
    padding: 2em 0;
}
.link_video_process{
    background-color: antiquewhite;
    padding: 0.5em;
    border-bottom: 2px solid white;
}
.process_realized_by, .title_nav{
    display: block;
    font-size: 0.8em;
}
.process_container h4 {
    background-color: #171717;
    color: #bb8f00;
    text-align: center;
    border-radius: 0.5em;
    margin-top: 0.5em;
}
.customer_container{
    padding-top: 0.7em;
}

/* images process */
.img_job_human-resource{
    background: url(../images/process/human-resources.jpg) no-repeat center center;
}
.img_youtube_tutos {
    background: url(../images/process/tuto.jpg) no-repeat center center;
}
.more, .img_youtube_tutos .more {
    display: block;
    width: 50%;
    margin: 1em auto;
    padding: 0.2em;
    background-color: #171717;
    color: #bb8f00;
    box-shadow: -1px -1px 1px black;
    border-radius: 0.3em;
    text-align: center;
}
.more:hover, .img_youtube_tutos .more {
    cursor: pointer;
    opacity: .9;
    color: #bb8f00;
    text-decoration: none;
}
.img_job_developpement {
    background: url(../images/process/developpement.jpg) no-repeat center center;
}
.img_job_designer {
    background: url(../images/process/designer.jpg) no-repeat center center;
}
.img_job_reseaux_sociaux {
    background: url(../images/process/reseaux_sociaux.jpg) no-repeat center center;
}
.img_job_monteur_vidéo {
    background: url(../images/process/monteur_vidéo.jpg) no-repeat center center;
}
.img_job_stagiaire {
    background: url(../images/process/stagiaire.jpg) no-repeat center center;
}
.img_job_seo{
    background: url(../images/process/seo.jpg) no-repeat center center;
}
.img_job_project{
    background: url(../images/process/project.jpg) no-repeat center center;
}
/* images reference */
.img_payement {
    background: url(../images/reference/payement.jpg) no-repeat center center;
}
.img_correction{
    background: url(../images/reference/correction.jpg) no-repeat center center;
}
.img_validation{
    background: url(../images/reference/validation.jpg) no-repeat center center;
}
/* image customerTechnique */
.img_host{
    background: url(../images/customerTechnique/datacenter.jpg) no-repeat center center;
}
.img_ftp{
    background: url(../images/customerTechnique/ftp.jpg) no-repeat center center;
}
.img_cmsAccess{
    background: url(../images/customerTechnique/cms.jpg) no-repeat center center;
}
/* image rs */
.img_rs{
    background: url(../images/rs/reseaux_sociaux.jpg) no-repeat center center;
}
/* image rs2 */
.img_rs_pro{
    background: url(../images/rs/reseaux_sociaux2.jpg) no-repeat center center;
}
.img_info_compl{
    background: url(../images/rs/info_complementaire.png) no-repeat center center;
}
.img_info_suppl{
    background: url(../images/rs/info_supplementaire.png) no-repeat center center;
}
.img_info_preprod{
    background: url(../images/rs/preprod.jpg) no-repeat center center;
}
/* image rh */
.img_compta{
    background: url(../images/rh/compta.jpg) no-repeat center center;
}
.img_commercial {
    background: url(../images/rh/commercial.jpg) no-repeat center center;
}
.img_identity{
    background: url(../images/rh/identity.jpg) no-repeat center center;
}
.img_administratif{
    background: url(../images/rh/administratif.jpg) no-repeat center center;
}

.img_holidays{
    background: url(../images/rh/holidays.jpg) no-repeat center center;
    height: 6em;
    background-size: 100%;
    border-radius:  3em 3em 0 0;
    box-shadow: 0 1px 7px rgba(23, 23, 23, 0.71);
}
.img_medicale{
    background: url(../images/rh/medical.jpg) no-repeat center center;
}
.img_contrat{
    background: url(../images/rh/contrat.jpg) no-repeat center center;
}
#img_team{
    width: auto;
    padding: 0 1em;
}
#img_team img {
    border-radius: 50%;
    padding-top: 0.1em;
}
.photo_rhInfo{
    width: 100%;
    padding: 2em;
    text-align: center;
}
.photo_rhInfo img{
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}
.info_reference{
    color: #aa7e00;
    font-size: 0.7em;
}
.img_job_reseaux_sociaux, .img_job_human-resource, .img_job_monteur_vidéo, .img_job_developpement,
.img_job_designer, .img_job_stagiaire, .img_payement, .img_correction, .img_validation, .img_host,
.img_ftp, .img_cmsAccess, .img_rs, .img_info_compl, .img_info_suppl, .img_identity, .img_medicale,
.img_contrat, .img_rs_pro, .img_youtube_tutos, .img_info_preprod, .img_compta, .img_administratif,
.img_commercial, .img_job_seo, .img_job_project {
    height: 6em;
    background-size: 100%;
    border-radius: 0.5em;
    box-shadow: 0 1px 7px rgba(23, 23, 23, 0.71);
    margin: 1em 0;
}
.kt-portlet__body h4 {
    margin: 1em 0;
}
.process_bloc_job {
    background-color: white;
    border-right: 1px solid #171717;
    border-left: 1px solid #171717;
}
select {
    border-radius: 0.2em;
}
.container {
    margin: 0 auto;
}
.comment {
    float: left;
    width: 100%;
    height: auto;
}
.commenter {
    float: left;
}
.comment-text-area {
    float: left;
    width: 100%;
    height: auto;
}
.js-copy, .js-copy2, .js-copy3, .js-copy4, .js-copy5, .js-copy6, .js-copy7,
.js-copy8, .js-copy9, .js-copy10, .js-copy11, .js-copy12, .js-copy13 {
    cursor: pointer;
    border: none;
    background-color: #e1e1e1;
    font-size: 0.8em;
    border-radius: 50%;
}
.js-copy:hover, .js-copy2:hover, .js-copy3:hover, .js-copy4:hover, .js-copy5:hover,
.js-copy6:hover, .js-copy7:hover, .js-copy8:hover, .js-copy9:hover, .js-copy10:hover,
.js-copy11:hover, .js-copy12:hover, .js-copy13:hover {
    background-color: #171717;
    color: #fbba16;
}
.textinput {
    float: left;
    width: 100%;
    min-height: 75px;
    outline: none;
    resize: none;
    border: 1px solid grey;
}
.carousel-control-next, .carousel-control-prev{
    top : auto;
    width: 45%;
    background-color: rgba(23, 23, 23, 0.25);
    border-radius: 0.3em;
}
.bloc_service {
    margin-bottom: 1em;
}
.kt-slider__body{
    margin-bottom: 1em;
}
.kt-slider__head{
    position: relative;
}
/* formulaire d'ajout */
.need{
    display: block;
}
.form_add_info {
    margin: 0 auto;
}
.upload_validate{
    display: block;
}
.process_container p {
    margin: 0;
}
.asterisque{
    color: #dc3545;
}
.kt-slider__nav a {
    padding: 0.2em;
    background-color: #e5e5e5;
    box-shadow: -1px -1px 1px black;
}
.div_form{
    justify-content: space-between;
}
.div_form:nth-child(odd){
    background-color: rgba(23, 23, 23, 0.25);
    color: #fbba16;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 1em;
}
.div_form:nth-child(even){
    /*background-color: rgba(23, 23, 23, 0.25);*/
    color: #aa7e00;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 1em;
}
form input:hover {
    background-color: #171717;
    color: rgb(58, 117, 70);
}
form input[type=text]:focus, form input[type=tel]:focus, input[type=search]
{
    background-color: #8a8a8a;;
    color: white;
}
.card_ease {
    transition: all .5s ease-in-out;
}
.card_ease .button-secondary{
    transition: all .5s ease-in-out;
}
.card_ease:hover .img_customer, .card_ease:hover .img_employe{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all .5s ease-in-out;
}
.card_ease:hover .button-secondary{
    width: 3em;
}
.button-secondary{
    background-color: #8a8a8a;
    color: white;
    padding: 0.2em 0;
    width: 2em;
    border-radius: 2em;
    border: none;
}
input[type=search]{
    width: 10em;
    padding: 0.2em 0;
    border-radius: 0.5em;
}
.form_add_newsletter{
    width: 50%;
    margin: 0 auto;
}
.form_add_newsletter button {
    text-align: center;
}
.box_register ul{
    padding: 0;
}
.container_size_large h5 {
    color: #171717;
}
.box_register:hover{
    background-color: #d9d9d9;
    border-radius: 0;
}
.tableau {
    padding: 1em 0;
    margin: 1em auto;
    background-color: #171717;
    width: 25%;
    text-align: center;
    border-radius: 1em;
}
#add_file{
    cursor: pointer;
}
object{
    width: 100%;
    height: 900px;
}
.div_button{
    text-align: center;
}
.div_button button{
    background-color: #171717;
    border: none;
    color: #9a9997;
    width: 10em;
}
.div_button button:hover, .btn-warning:hover{
    background-color: #fbba16;
    color: #171717;
}
.button-secondary:hover{
    background-color: #171717;
    color: #aa7e00;
}
#hidden, .hidden_user, #hide, .hide {
    display: none;
}
#visible{
    display: block;
}

::placeholder {
    color: rgba(185, 94, 94, 0.51) !important;
}
#p_addnewletter, .box_input{
    display: inline;
}
.selectEmploye{
    margin: 0 auto;
    background-color: #171717;
    border: none;
    padding: 0.2em;
    width: 18%;
    text-align: center;
    overflow: auto;
    border-radius: 1em;
}
.selectEmploye p{
    margin: 0.2em;
}
.selectEmploye p a{
    text-decoration: none;
    color: #aa7e00;
    font-size: 0.8em;
}
.selectEmploye p a:hover{
    color: white;
}
#icon_search{
    color: #171717;
}
.search_customer{
    padding: 1em 0;
    display: inline-block;
}
/*----------------------------------------- FOOTER -----------------------------------------*/
.copyright{
    text-align: center;
}
footer{
    position: relative;
    bottom: 0;
    color: #fbba16;
    box-shadow: 0px 25px 36px 20px #ffffff78;
    width: 100%;
}
footer div, footer nav {
    background-color: #171717;
    z-index: 10;
}
footer nav:nth-child(2) {
    text-align: right;
}
footer p, footer a, footer span{
    font-size: 0.7em;
    margin: 0.5em 0;
}
footer a, .textwidget p{
    text-decoration: none;
    color: white;
}
footer ul {
    list-style: none;
    padding: 0;
}

/*------------ MAX 1203 ------------*/
@media screen and (max-width: 1203px) {
    main{
        height: auto;
    }
    footer{
        display : none;
    }
    .container_size{
        background-color: white;
    }
    .main_table3::-webkit-scrollbar, .selectEmploye::-webkit-scrollbar, .label_search, .container_size::-webkit-scrollbar{
        display: none;
    }
    .container_size_login, .container_size_large, .container_size{
        overflow: auto;
    }
    #p_addnewletter, .box_input {
        display: block;
        padding-bottom: 0.5em;
    }
    .box_input {
        padding-bottom: 1.5em;
    }
    .form_add_newsletter {
        width: 70%;
    }
    .selectEmploye {
        width: 90%;
    }
    section ul li {
        padding: 0;}

    .tableau {
        width: 90%;
    }
    .img_size{
        -webkit-transition: .1s ease-in-out;
        transition: .1s ease-in-out;
    }
}
@media screen and (max-height: 300px){
    .container_size_login, .container_size_large, .container_size{
        height: 50em;
    }
}

/*------------ MAX 770 ------------*/
@media screen and (max-width: 770px) {

    #request_leave_box .form-control::after{
        content: attr(placeholder)"";
    }
    .box_customer .customer{
        flex-direction: column;
        align-items: center;
    }
    .box_customer .customer li {
        width: 90%;
        text-align: center;
    }
    .header_container ul {
        flex-direction: column;
    }
    header li:first-child, header li:last-child {
        border: none
    }
    header li, .hidden_user {
        text-align: left;
        width: 100%;
    }
    .plugin-box{
        width: 100%;
    }
    main{
        padding-bottom: 0;
    }
    main figure video {
        width:20em;
        border-radius: 0;
    }
    object{
        display: none;
    }
    .form-inline {
        display: block;
    }
    .form_add_newsletter {
        width: 80%;
    }
    .tableau {
        width: 100%;
    }
    footer .row {
        flex-wrap: inherit;
    }
}
/*------------ MAX 576 ------------*/
@media (max-width: 576px) {

    h1{
        text-align: center;
        padding: 0.5em;
    }
    .header_container nav {
        flex-direction: column;
    }
    .main_table, .main_table3{
        padding-top: 0;
    }
    .container {
        max-width: initial;
        padding-right: 0;
    }
    .needs-validation {
        padding: 1em;
    }
    .search_customer {
        text-align: center;
    }
    #request_leave_box li {
        padding: 1em 0;
    }
    .request_leave_paragraphe{
        border-radius:0.5em;
        margin: 0.5em;
    }
    .img_holidays{
        border-radius:0.5em;
    }
    .button-secondary{
        display: none;
    }
    #div_menu {
        width: auto;
    }
    .img_section {
        width: 95%;
    }
    section ul {
        padding: 0;
    }
    .flex_list_menu, .dropdown-item, .flex_list_menu article {
        padding: 0.2em;
        border: none;
    }
    #container_log .form-control {
        width: 90%;
        margin: 0 auto;
    }
    .box_input {
        font-size: 0.9em;
    }
    .form_add_newsletter {
        width: 90%;
    }
    #dashboard-actions{
        display: flex;
        flex-direction: column;
    }
    input[type=search]{
        width: 85%;
    }
    .dropdown-item{
        width: 100%;
        margin: 0 auto;
    }
    .card_ease, .card_ease:hover {
        transition: none;
        transform: none;
        padding: 0;
    }
    .newsletter {
        padding: 1em;
        margin: 0 auto;
        height: auto;
    }
    #newsletter_infos .container_size{
        padding: 0.3em;
    }
    #newsletter_infos h2 {
        border-radius: 0.2em;
    }
    .carousel-inner h5, .carousel-inner article, .communique_info, .form_add_newsletter {
        width: 100%;
    }
    .light .effect_flash::before {
        transform: none;
    }
    .light .effect_flash:hover::before {
        animation: none;
    }
}