/*!
Theme Name: Registre
Text Domain: registre
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap');


html, body{
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
}

.fw-300{ font-weight: 300; }
.fw-400{ font-weight: 400; }
.fw-700{ font-weight: 700; }

.bg-muted{
    background-color: #aaaaaa;
}

#main-content{
    padding-left: 3vw;
    padding-right: 3vw;
}

.btn:hover{
    cursor: pointer;
}

h1{
    border-bottom: 2px dotted #ddd;
}

p,
ol,
ul{
    font-size: 18px;
    line-height: 1.35em;
}

ul li,
ol li{
    line-height: 1.15em;
    margin-bottom: 0.75em;
}

img{
    max-width: 100%;
}

h1{
    padding-top: 25px;
    padding-left: 1.5em;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

h1.text-center{
    padding-left: 0px;
}

h1 i{
    margin-left: -1.5em;
    width: 1.5em;
}

h3{
    font-size: 24px;
    font-weight: 700;
    padding-top: 20px;
}

.gf_readonly input{
    background-color: #ddd;
    border: none;
}

.col .no-col-padding{
    margin-left: -15px;
    margin-right: -15px;
}

.wp-video{
    margin: auto;
}

.section-title{
    padding: 0.3em 0.5em;
    background-color: #eee;
    border-radius: 5px;
    display: inline-block;
    padding-left: 1.8em;
}

.section-title i{
    width: 1.3em;
    margin-left: -1.3em;
    text-align: center;
}

.avec-icon{
    padding-left: 1.25em;
}
.avec-icon i{
    width: 1.25em;
    margin-left: -1.25em;
    text-align: left;
}

.gform_button.button{
    background-color: #555;
    padding: 10px 20px;
    border-radius: 5px;
    border:none;
    font-weight: bold;;
    color:#fff;
}

#sidebar .logo{
    text-align: center;
    padding: 10px;
}

#sidebar .logo a{
    display: inline-block;
}

#sidebar h3{
    padding-left: 40px;
}

#sidebar h3 i{
    width: 40px;
    margin-left: -40px;
    text-align: center;
    font-size: 0.8em;
}

#sidebar ul.sous-menu{
    list-style: none;
    padding: 0px 0px 0px 40px;
    margin: 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

#sidebar ul.sous-menu li{
    padding-bottom: 10px;
}
#sidebar ul.sous-menu li i{
    width: 25px;
}

#sidebar ul.sous-menu li.active{
    font-weight: 700;
}

.progress{ 
    height: 24px;
    font-size: 14px;
}
.subprogress{
    border-radius: 0 0 5px 5px;
    margin: 0px;
}
.progress-md{
    margin: 0px; 
    border-radius: 0px; 
    height: 30px;
    font-size: 16px;
}
.progress-bar-alternate{
    box-shadow: inset 0 0 999px rgba(0,0,0,0.4);
}

/*
*  CROIX SST
*/
.croix{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-template-areas: 
        "... ... j1  j2  j3  ... ..."
        "... ... j4  j5  j6  ... ..."
        "j7  j8  j9  j10 j11 j12 j13"
        "j14 j15 j16 j17 j18 j19 j20"
        "j21 j22 j23 j24 j25 j26 j27"
        "... ... j28 j29 j30 ... ..."
        "... ... j31 j32 j33 ... ...";
    gap: 2px;
    margin-bottom: 14px;
}
table.croix{
    display: table;
}
.croix .jour{
    background-color: #8cef78;
    box-shadow: inset 1px 2px 3px 1px rgba(0,0,0,0.15); 
    position: relative;
    border-radius: 3px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.croix .jour.future{
    background-color: #fff;
}
.croix .jour.mois{
    background-color: #fff;
    box-shadow: none;
    font-weight: bold;
    color: #999;
    font-size: 1.25em;
    text-shadow: 2px 1px 0px #fff, 1px 2px 3px rgba(0,0,0,0.25);
    box-shadow: none; 
}
.croix .jour:after{
    content: '';
    padding-bottom: 75%;
    display: block;
}

/*
* COULEURS EVENTS
*/
.croix .jour.avec-event{
    font-weight: bold; 
    cursor: pointer;
}
.croix .jour.avec-event.dommage-materiel{
    background-color: #44c0f1;
}
.croix .jour.avec-event.quasi-accident{
    background-color: #fff15a;
}
.croix .jour.avec-event.premiers-soins{
    background-color: #ff871e;
}
.croix .jour.avec-event.medical-sans-perte{
    background-color: #fe1818;
}
.croix .jour.avec-event.medical-avec-perte{
    color: #fff;
    background-color: #930000;
}

.croix .jour.j1{ grid-area: j1; }
.croix .jour.j2{ grid-area: j2; }
.croix .jour.j3{ grid-area: j3; }
.croix .jour.j4{ grid-area: j4; }
.croix .jour.j5{ grid-area: j5; }
.croix .jour.j6{ grid-area: j6; }
.croix .jour.j7{ grid-area: j7; }
.croix .jour.j8{ grid-area: j8; }
.croix .jour.j9{ grid-area: j9; }
.croix .jour.j10{ grid-area: j10; }
.croix .jour.j11{ grid-area: j11; }
.croix .jour.j12{ grid-area: j12; }
.croix .jour.j13{ grid-area: j13; }
.croix .jour.j14{ grid-area: j14; }
.croix .jour.j15{ grid-area: j15; }
.croix .jour.j16{ grid-area: j16; }
.croix .jour.j17{ grid-area: j17; }
.croix .jour.j18{ grid-area: j18; }
.croix .jour.j19{ grid-area: j19; }
.croix .jour.j20{ grid-area: j20; }
.croix .jour.j21{ grid-area: j21; }
.croix .jour.j22{ grid-area: j22; }
.croix .jour.j23{ grid-area: j23; }
.croix .jour.j24{ grid-area: j24; }
.croix .jour.j25{ grid-area: j25; }
.croix .jour.j26{ grid-area: j26; }
.croix .jour.j27{ grid-area: j27; }
.croix .jour.j28{ grid-area: j28; }
.croix .jour.j29{ grid-area: j29; }
.croix .jour.j30{ grid-area: j30; }
.croix .jour.j31{ grid-area: j31; }
.croix .jour.j32{ grid-area: j32; }
.croix .jour.j33{ grid-area: j33; }

/*
*  GRAVITY FORMS
*/
.gform_required_legend{
    display: none;
}
.gform_page_fields{
    padding-bottom: 40px;
}
.gform_page_footer,
.gform_footer{
    text-align: center;
    border-top: 2px dotted #ddd;
    justify-content: center;
}
.gform_body .button{
    background: #000;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
}

.gform_wrapper.gravity-theme legend.gfield_label,
.gform_wrapper.gravity-theme label.gfield_label{
    font-size: 18px;
}

.gform_wrapper.gravity-theme fieldset.gfield,
.gform_wrapper.gravity-theme div.gfield{
    margin-top: 25px;
}

.gform_wrapper.gravity-theme .gfield.gsection{
    margin-top: 0px;
    margin-bottom: -15px;
}
.gform_wrapper.gravity-theme .gfield.gsection h3.gsection_title{
    font-size: 32px;
    font-weight: normal;
}



@media print{
    @page {size: landscape}
    .col-print-1 {width:8% !important; max-width:8% !important; float:left;}
    .col-print-2 {width:16% !important; max-width:16% !important; float:left;}
    .col-print-3 {width:25% !important; max-width:25% !important; float:left;}
    .col-print-4 {width:33% !important; max-width:33% !important; float:left;}
    .col-print-5 {width:42% !important; max-width:42% !important; float:left;}
    .col-print-6 {width:50% !important; max-width:50% !important; float:left;}
    .col-print-7 {width:58% !important; max-width:58% !important; float:left;}
    .col-print-8 {width:66% !important; max-width:66% !important; float:left;}
    .col-print-9 {width:75% !important; max-width:75% !important; float:left;}
    .col-print-10{width:83% !important; max-width:83% !important; float:left;}
    .col-print-11{width:92% !important; max-width:92% !important; float:left;}
    .col-print-12{width:100% !important; max-width:100% !important; float:left;}

    h1{
        font-size: 28px;
        padding-top: 0px;
        text-align: center;
    }

    /*
    * Affichage d'un seul événement à imprimer
    */
    body.page-template-page-liste-evenements.modal-open .container-fluid{
        display: none;
    }
    body.modal-open{
        overflow: visible;
    }
    body.page-template-page-liste-evenements.modal-open .modal{
        overflow: visible;
        position: absolute;
    }
    body.page-template-page-liste-evenements.modal-open .modal .modal-dialog{
        width: 100%;
        max-width: 100%;
    }
    body.page-template-page-liste-evenements.modal-open .modal .modal-content{
        border: none;
    }
    body.page-template-page-liste-evenements.modal-open .modal .modal-content .table td, 
    body.page-template-page-liste-evenements.modal-open .modal .modal-content .table th{
        padding: 5px;
    }
    body.page-template-page-liste-evenements.modal-open .modal .close,
    body.page-template-page-liste-evenements.modal-open .modal .modal-content .btn{
        display: none;
    }
}