html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}

.SpanWarnLog { display: inline-block; width: 200px; font-family : Verdana; font-size : 11px;padding: 5px 0;margin: 5px; }
.DivCadre { vertical-align:middle; width: 100%; text-align: center;border-radius: 10px; border: 2px solid black;color : black; }
.DivCadreRouge { vertical-align:middle; width: 100%; text-align: center;border-radius: 10px; border: 2px solid red;color : black; }
.DivDevice { border: 1px solid; color:black; border-radius: 5px;width: 230px; font-family : Verdana; font-size : 10px;padding: 5px 0;margin: 5px; }
.DivDeviceSM { border: 4px solid; color:black; border-radius: 5px;width: 230px; font-family : Verdana; font-size : 10px;padding: 5px 0;margin: 5px; }
.TitleDevice { display: block; width: 220px; font-size:12px;color:black;cursor: pointer;padding: 5px;}
.ContentDevice { display: block; width: 220px; color:black;padding: 5px;}
.TitleWarning { display: block; width: 220px; font-size:12px;color:black;cursor: pointer;padding: 5px;}
.ContentWarning { display: block; width: 220px; text-align:left; color:black;padding: 5px;}
.TextNormal { font-size:11px;font-weight: bold;color: black;}
.TextTitre { font-size:13px;font-weight: bold;color: black; background-color : LightGray;}
.TextRed { font-size:11px;font-weight: bold;color: red;}
.TextGreen { font-size:11px;font-weight: bold;color: green;}
.TextOrange { font-size:11px;font-weight: bold;color: orange;}
.Normal { font-size:11px;}
.Moyen { font-size:13px;color: black;}
.Red { font-size:11px;color: red;}
.Orange { font-size:11px;color: orange;}
.Blue { font-size:11px;color: blue;}


.SalesNormal { font-size:13px;font-weight: bold;color: black;}
.SalesTitre { font-size:13px;font-weight: bold;color: black; background-color : LightGray;}
.SalesRed { font-size:13px;font-weight: bold;color: red;}
.SalesGreen { font-size:13px;font-weight: bold;color: green;}
.SalesOrange { font-size:13px;font-weight: bold;color: orange;}

.SM {font-size:11px;color: white;}
.SL {font-size:11px;color: black;}

.tip {width:150px; margin:10px; background-color:#f2f2f2;}

.modal-notify .modal-header {
    border-radius: 3px 3px 0 0;
}
.modal-notify .modal-content {
    border-radius: 3px;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 3px;
    background: red;
    transition: width .3s;
}
.progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

.border-3 {
    border-width:3px !important;
    border-style: solid;
}

.border-5 {
    border-width:5px !important;
    border-style: solid;
}


  /* for gauge indicators text */
  .gauge svg g text {
    font-size: 11px;
  }
  /* for middle text */
  .gauge svg g g text {
    font-size: 13px;
  }
  
  
.sortul{
		    border: 1px solid gray;
		    width: 48%;
		    min-height: 20px;
		    list-style-type: none;
		    margin: 0;
		    padding: 5px 0 0 0;
		    float: left;
		    margin: 5px;
		}
.sortli {
		    margin: 0 5px 5px 5px;
		    padding: 5px;
		    font-size: 1.0em;
		    width: 97%;
		}