:root {
    --primary:#fa2339;
    --secondary:#004256;
}

body {
    background-color:var(--secondary);
    color:white;
    font-family: 'Yusei Magic', sans-serif;
}

a:link {color:var(--primary);text-decoration: none;}
a:visited {color:var(--primary);}

h3 {color:var(--primary);}
h3 > span.help {color:white;font-size:0.9rem;vertical-align: top;padding:2px;}

nav {padding:10px 20px;}
nav > h1 {
    text-transform:uppercase;
    color:var(--primary);
    font-size:1.5rem;
    font-family: 'Potta One', cursive;
}

.table td, .table th {vertical-align: middle;text-align: center; color:white;}
label.form-check-label {margin-right:30px;}
img.agence-ico {height:100px;}

form {}

#loader {position: fixed;z-index:99;top:0;bottom:0;left:0;right:0;background:var(--secondary);color:var(--primary);}
#loader::before {content:'Simultaux...';z-index:99;font-family:'Potta One', cursive;font-size:3rem;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);}

div#agence_icon {
    position: absolute;
    top:5px;
    right:5px;
}
div#agence_icon > img {
    max-height: 90px;
}

label.main-label {display:block;font-weight: bold;font-size:1.1rem;}

/* MY-ALERTS */
.my-alert {background-color:var(--primary);color:white;border-radius:5px;padding:20px;margin:10px;}

/* SLIDES */
span#actual-slide {color:var(--primary);}
div.slide {
    margin-top:15%;
    display: none;
}

h2.home-title {
    text-align:center;
}

div.slide > h3 {
    text-align: left;
    margin-bottom:20px;
}

div.s1 {
    display: block;
}
div#slide-buttons {
    position: absolute;
    left:10%;
    right:10%;
    bottom:20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
}

i.s-button {
    font-size:3rem;
}

/* FORM CHECK HIDE */
.form-check-icon {
    display: block;
    font-size:3rem;
}
.form-check-icon-disabled {
    display: block;
    text-align: center;
    font-size:3rem;
}
.form-check-icon-disabled > p {
    font-size:1rem;
}
.form-check-hide {opacity: 0;}
label.form-check-label-hide {margin-right:0;}

.credit-vide {display:none;}


/* POPUP */
div.blackscreen {background-color:black;position: fixed;top:0;left:0;right:0;bottom:0;opacity:0.7;z-index: 1;}
div.popup {
    position: fixed;
    z-index: 2;
    top:40px;
    left:5%;
    right:5%;
    background-color:var(--secondary);
    color:white;
    padding:40px 0;
    text-align:center;
    border:1px solid var(--primary);
    border-radius:5px;
}
div.popup > div.content {padding: 20px 0;}


/* LOGIN ACCESS */

div.login {
    background:#00313f;
    position:absolute;
    width:50%;
    top:50%;left:50%;transform: translate(-50%,-50%);
    box-shadow: 0px 0px 18px 2px #002630;
    -webkit-box-shadow: 0px 0px 18px 2px #002630;
    -moz-box-shadow: 0px 0px 18px 2px #002630;

}
div.login > div.content {
    padding:50px 75px;
    padding-left:45px;
}
div.login > div.right-bar {position: absolute;right:0;top:0;bottom:0;background-color: var(--primary);width:30px;}

div.login input.form-control, div.login button.btn {border:0; border-radius: 0; outline: 0;}
button.btn-danger {background:var(--primary);}