body{font-size:0.8rem}
main img { 
    content-visibility: auto;
}
.btn{padding:3px;font-size: 0.9rem !important}
.btn-primary{background: #0099cc;border-color: #0099cc;}
.btn-primary:hover{background: #0077aa;border-color: #0099cc;}
.bg-primary{background: #0099cc !important}

.btn-tools{min-width:80px}
.bg-mauve{background: #B4C6E7 !important}

.btn-orange{background-color:#FD5800!important;color:white}
.btn-orange:hover{background-color:#ee8833!important;;color:white}

.text-green{color:#3CB054}
.text-yellow{color:#FECD64}
.text-greylight{color:#DCDCDC}
.text-cyan{color:#23C0F5}
.text-orange{color:orangered}
.text-bold{font-weight: bolder}
.pointer{cursor:pointer  !important}
.croix{cursor:crosshair !important}
.no-drop{cursor:no-drop  !important}
.badge{font-size: 0.7rem}
input{font-size: 0.8rem !important;margin-top:0px;margin-bottom:0px;background: #ffffee !important}
.input-group-text   { margin-bottom: 0rem !important}
 
select{font-size: 0.8rem !important;  }
label{margin-bottom:0.3rem}
.form-group{margin-bottom: 0.1rem;}
.card-header{font-weight: bold;font-size: 1rem}
.navbar{font-size:1rem !important}
a{text-decoration: none;color:#333333}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {      opacity: 1;}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
.nav, .pagination, .carousel, .panel-title a.disabled {
    color: #900;
    cursor: not-allowed !important ;
    text-decoration: none;
}

.hover:hover{
    background: #eeeeee 
} 

.point{z-index:1020;border-radius:13px;position:absolute;width: 26px;height:26px;background: red;color:black;border:1px solid black;text-align:center;font-weight:bold;font-size:1.1em;padding-top:1px}
.alerts-border {
    border: 3px #0000bb dashed;
    animation: blink 1s;
    animation-iteration-count: infinite;
}

@keyframes blink { 50% { border-color:#fff ; }  }

.decimal-zero{color:lightgray !important}
.decimal-negatif{color:red !important}
.filtre{padding:9px;background: #cceeff}

/* ajoute une * rouge pour les champs obligatoires*/
.form-group.required  .control-label:after{ content: " *";color:red;font-weight:bold}
.form-group.required  .col-form-label:after{ content: " *";color:red;font-weight:bold}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color:  #0099cc !important;
    /*    border : none ;*/
}


.nav-tabs {
    border-bottom: 2px solid #0099cc;
    font-size:1.3em
}


.tab-pane{min-height: 600px;border : 1px #dddddd solid;padding:5px}

.nav-tabs .nav-link{color:black;;border : 1px #dddddd solid ;background: #eeeeee;padding:3px 10px 3px 10px !important}
.nav-tabs .nav-link:hover{color:black;border : 1px #dddddd solid}



.zone-upload{ ; ;border:2px dashed black;margin:5px;text-align: center; padding:40px}
legend{font-size:1.1em;font-weight: bold;border-bottom:1px solid lightgray}

.noselect{ -webkit-touch-callout: none;  
           -webkit-user-select: none; 
           -khtml-user-select: none; 
           -moz-user-select: none;  
           -ms-user-select: none;  
           user-select: none;

}

.nav-link{padding:3px !important;}


.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}



.tuile{border: none;width:120px;height:120px;margin:5px;float:left;text-align:center}
.tuile-block{float:left;margin-left: 20px}
.tuile-icon{height:70px;width: 100vw;;display: table-cell;vertical-align: middle;text-align: center}
/*.tuile-texth{height:50px;width: 100vw;;display: table-cell;vertical-align: middle;text-align: center}*/


.cadre {background: white;border-radius: 20px; padding:20px;min-height: 100px;margin-bottom:30px; width:100%;
        -webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.15);box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.15);}
.cadre-shadow{-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75); }
.cadre-title {font-size:1.4em;font-weight: bold}
.cadre-subtitle{color:#999999;font-size:0.8em;padding-bottom:20px}

.breadcrumb-item{font-size:1.4em}


/************ COULEUR *************/
.btn-blue-700{background: #0A58CA;border-color: #0A58CA;color:white}
.btn-blue-700:hover{background: #0D6EFD;border-color: #0A58CA;;color:white}
.bg-blue-700r{background: #0A58CA}

.btn-pink-500{background: #D63384;border-color: #D63384;color:white}
.btn-pink-500:hover{background: #DE5C9D;border-color: #D63384;color:white}
.text-pink-500{color: #D63384}

.btn-orange-500{background: #FD7E14;border-color: #FD7E14;color:white}
.btn-orange-500:hover{background: #FD9843;border-color: #FD7E14;color:white}
.bg-orange-500{background: #FD7E14;}

.btn-indigo-500{background: #520DC2;border-color: #520DC2;color:white}
.btn-indigo-500:hover{background: #6410ED;border-color: #6410ED;color:white}
.bg-indigo-500{background: #520DC2;}

.btn-purple-500{background: #59359A;border-color: #59359A;color:white}
.btn-purple-500:hover{background: #6C40BB;border-color: #59359A;color:white}
.bg-purple-500{background: #59359A;}

/***************************/
.display{width:200px;height:100px;margin:auto;margin-bottom:5px;cursor: pointer; border-radius: 10px}
.display-logo{text-align: center;float:left;width:33%;padding-top:25px}
.display-zone{float:left;;width:67%;opacity: 0.9;background: #333}
.display-counter{height:50px;font-size:2.2em;padding-left:5px}
.display-title{height:50px;font-size:1.3em;padding-left:5px}