/*
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 : 1 sept. 2021, 08:43:46
    Author     : L. Petrou
*/

* {
    position:relative;
    font-family: 'Open Sans', sans-serif;
}

body {
    background-color:#0e172d;
}

.logo {
    left:50%;
    transform:translateX(-50%);
    margin-top:50px;
    margin-bottom:50px;
}

.page {
    width:100%;
    padding:0 3%;
}

.intro {
    color:#fff;
    font-size:40px;
    font-weight:bold;
    text-align:center;
}

.bloc-btn {
    float:left;
    width:50%;
    height:390px; 
    margin:25px 0;
    box-sizing:border-box;
    text-align:center;
    border-radius:15px;
    font-size:45px;
    box-sizing:border-box;
}

.btn {
    float:left;
    width:96%;
    height:100%;
    margin:50px 2%;
    box-sizing:border-box;
    text-align:center;
    border-radius:15px;
    font-size:45px;
    box-sizing:border-box;
}

.bloc-btn.planning {
    width:100%;
}

.bloc-btn.planning .btn {
    width:98%;
    margin-left:1%;
    margin-right:1%;
    
}

.bloc-btn .btn {
    margin:0 2%;
}

.btn svg {
    font-size:170px;
}

.btn a {
    color:#fff;
    text-decoration:none;
}

.btn .bloc {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    font-weight:600;
}

.btn .bloc div {
    width:100%;
}

#commercial .ui-accordion-header,
#production .ui-accordion-header,
#agenda .ui-accordion-header, 
#rh .ui-accordion-header {
    background-color:#1b3850;
    border: 1px solid #1e5a6f;
    color:#fff;
}

#commercial .ui-accordion-header-active,
.planning {
    background-color:#ffa800;
    color:#fff;
}

#production .ui-accordion-header-active,
.production {
    background-color:#008069;
    color:#fff;
}

#agenda .ui-accordion-header-active,
.agenda,
.btn-primary{
    background-color:#4b53c0;
    color:#fff;
}

#rh .ui-accordion-header-active,
.rh {
    background-color:#4f87b6;
    color:#fff;
}

#rh .ui-accordion-header-active,
.acompte {
    background-color:#ff773b;
    color:#fff;
}

.page {
    float:left;
}

.content-page {
    width:100%;
    min-height:1750px;
    font-size:40px;
    margin-top:250px;
    display:none;
}

.ui-accordion-header {
    font-weight:600 !important;
}

.ui-accordion-header-icon {
    display:none !important;
}

.ui-accordion .ui-accordion-content {
    padding:0;
}

.vert {
    color:#198754;
}

.ui-accordion-content {
    height:auto !important;
}

.table {
    font-size:34px;
    text-align:center;
}

.rouge {
    color:#f00;
}

.tright {
    text-align:right;
}

.table-success {
    font-weight:600;
}

.btn-primary {
    height:auto;
    left:50%;
    margin:40px 0;
    transform:translateX(-50%);
}

.popin {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    display:none;
}

.popin .info {
    position:fixed;
    width:75%;
    height:20%;
    background-color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
}

.popin .hidepage { 
    width:100%;
    height:100%;
    background-color:rgba(200,200,200,0.6);
}

.bloc-btn-back {
    width:50%;
    margin:0 25%;
}

.bloc-form {
    float:left;
    width:100%;
    background-color:#fff;
    padding:40px 20px;
}

.bloc-form select {
    width:100%;
    padding:5px;
}

.bloc-form * {
    font-size:45px;
}

.bloc-form .field {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}

.bloc-btn-back .btn svg {
    font-size:45px;
}

.p-acompte .bloc-form .field {
    justify-content: space-evenly;
}

.bloc-btn-back.double-bt {
    width:90%;
    margin:0 5%;
    display:flex;
}

.bloc-rdv {
    margin-bottom:20px;
    display:flex;
    align-items: center;
}

.bloc-rdv .bloc1 {
    width:90%;
}

.bloc-rdv .bloc2 {
    width:10%;
    display:flex;
    flex-direction: column;
}

.bloc-rdv .bloc2 svg{
    font-size:65px;
}

.bloc-rdv .bloc2 div {
    margin:20px 0;
}

.bloc-rdv .txt,
.bloc-rdv .txt * {
    font-size:35px;
}