/*https://fontawesome.com/v5/search?p=3&o=r&m=free*/
body {
    padding-top: 50px;
}

.main {
    padding: 0px 0px;
}
.login-form{
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.confirm-div{
    width: 100%;
    max-width: 600px;
    padding: 15px;
    clear: both;
    margin: auto;
}
.error, .rouge, .red{
    color:firebrick;
}
.w_10 {width:10px;}
.w_20 {width:20px;}
.w_30 {width:30px;}
.w_40 {width:40px;}
.w_50 {width:50px;}
.w_60 {width:60px;}
.w_70 {width:70px;}
.w_80 {width:80px;}
.w_90 {width:90px;}
.w_100 {width:100px;}

.min_w_30 {min-width:30px;}

.icon {margin-left: 3px;}
.fas.darkgrey{color: dimgrey;}
.fas.white{color:white;}
.fas.green, .green{color:green;}
.fas.red{color:firebrick;}
.fas.orange, .orange{color:darkorange;}


/*Attente*/
.attente{
    position:absolute;
    text-align: center;
    vertical-align:middle;
    top:0px;
    left:0px;
    z-index:15;
    width:100%;
    height:1000px;
    display:none;
    background-color: black;

}

.repartition_obstacle th,
.repartition_obstacle td{ width:10%}
/*.saisie_CR td label {width:25px;}*/
table {border-collapse:collapse;
       width: 100%;
}

table th {
    background-color: #423F3C;
    border: medium none;
    border-spacing: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.25em;
}
table th input{
    color: #000000;
    font-weight: normal;
}
td.nota_bene, th .nota_bene, th.nota_bene{ color:#cccccc; font-size:12px;}
th.nuance{background-color: #606060;}
th.warning{background-color: #900000;}
td.align_top, label.align_top{vertical-align: top; }
table.epr_vert th{
    background-color: #066500;
}
table.epr_bleu th{
    background-color: #003390;
}
table.epr_rose th{
    background-color: #600048;
}
table.epr_jaune th{
    background-color: #834400;
}
tr.noir{
    background-color: #423F3C;
    color: #FFFFFF;
}
tr.darkgrey th{
    background-color: #2F4F4F;
    color: #FFFFFF;
}
tr.ligne_0, .bg_color_0 , .color_0,
tr.ligne_0 td.active.detailResultLive {
    background-color: #FFFFFF ; /*#FAFAFA;*/
}
tr.ligne_1, .bg_color_1 , .color_1,
tr.ligne_1 td.active.detailResultLive {
    background-color: #f9f9f9;
}

table.epr_vert tr.ligne_1{
    background-color: #DFFFE7;
}
table.epr_bleu tr.ligne_1{
    background-color: #CDE9FF;
}
table.epr_rose tr.ligne_1{
    background-color: #FFE8E8;
}
table.epr_jaune tr.ligne_1{
    background-color: #FCFFCD;
}
tr.ligne_1.l_active,tr.ligne_0.l_active,
tr.bg_color_1.l_active,tr.bg_color_0.l_active,
select.l_active, input.l_active,  input.button_submit.l_active{
    background-color: #FFBF4F;
}

ul.zone_print_prepa li { width :49%; float:left;}

a.arrondi, span.arrondi, div.arrondi{
    padding: 0px 5px;
    background: none;
    border: 1px solid #bbbbbb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div.arrondi{padding: 0px;}
a.arrondi:hover{
    background-color: #aaaaaa;
    color:#666666;
}
a.arrondi.rouge , span.arrondi.rouge {
    border-color:firebrick;;
    background-color:firebrick;
    color:#ffffff;
}
div.arrondi .arrondi{border:none;}

input.button_submit.coche{
    width: 16px; height: 16px;border: none;
    background:url(../img/ui-icons_2e83ff_256x240.png) -64px -145px;
}
input.button_submit.coche.ok{
    background:url(../img/ui-icons_347312_256x240.png)  -64px -145px;
}
input.button_submit.coche.ko{
    background:url(../img/ui-icons_cd0a0a_256x240.png)  -64px -145px;
}
td.addDocument:hover , span.modDocument:hover, span.delDocument:hover {
    background-color: #066500;
    color:#ffffff;
}
span.modDocument:hover {
    background-color: #FFBF4F;
}
span.delDocument:hover {
    background-color:firebrick;
}

label.required:after{
    content: " *";
}
label.required.twice:after{
    content: " **";
}

body.mod_dev {
    background: AntiqueWhite;
    color: #3B3B3B;
}
.d-none {
    display:none;
}

/*ajout en attendant de passer à la derniere version de boostrap*/

.fa-8xl {
    font-size: 8rem !important;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.mr-2 {
    margin-right: 10px;
}
.ml-2 {
    margin-left: 10px;
}
.p-0 {
    padding: 0 !important;
}
.pb-2 {
    padding-bottom: 1em !important;
}

.m-auto {
    margin: 0 auto; !important;
}
.m-0 {
    margin: 0 !important;
}
.p-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.pr-1 {
    padding-right: 0.25rem !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.float-right {
    float: right !important;
}