/*GENERAL*/

body {
    /* background-color: #2D2D2D; */
    background-color: #4F4F4F;
}



/*NAVBAR*/
.navbar-default {
    /* background-color: #2D2D2D; */
    background-color: #4F4F4F;
    border-color: #e7e7e7;
}

.nav > li > a:hover {
    background-color:#8AA941;
    color: white;
}
.nav > li > a {
    padding: 8px 12px;
}

.panel-heading {
    padding: 8px 12px;
}
.panel-body {
    padding: 10px 15px 15px 15px;
}

.page-header {
    margin: 10px 0;
}

.list-group {
    margin-bottom: 5px;
}
/* Titre des cadres */
table.dataTable thead th, table.dataTable thead td {
    padding: 6px 12px;
}

/* Lignes dans cadre */
.list-group-item {
    padding: 8px 10px;
}


/*LINKS*/

a {
  color: white;
}

a:hover{
  color: #517BB9;
}

.sidebar ul li a.active {
    background-color: #8AA941;
}

/*FONTS*/
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/webfonts/fa-brands-400.eot");
    src: url("/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.woff") format("woff"), url("/webfonts/fa-brands-400.ttf") format("truetype"), url("/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}


.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}



/*BUTTONS*/
.button_defaut_z{
  background-color: #D3D3D1;
  color: #000000;
}

.button_classic{
  background-color: #8AA941;
  color: white;
}

.button_log{
  background-color: #CCCCCC;
  color: white;
}

.button_log:hover, .btn.active, .btn:active{
  background-color: #8AA941;
  color: white;
}

.button_classic:hover{
    /* background-color: #2D2D2D; */
    background-color: #4F4F4F;
  color: white;
}


.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: black;
    border-color: #ccc;
}



.button_orange{
  background-color: #eb8e13;
  color: white;
}

.button_orange:hover{
    /* background-color: #2D2D2D; */
    background-color: #4F4F4F;
  color: white;
}

/*PANEL*/
.panel-default > .panel-heading {
    background-color: #8AA941;
    border-color: black;
    color: white;
}


/*GRID*/
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #D3D3D1;
    color: #2d2d2d;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color:#D3D3D1;
    color: #2d2d2d;
}
table.dataTable tbody tr {
    background-color: white;
    color: #2d2d2d;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: white;
    color: #2d2d2d;
}
table, .table{
  background: #8AA941;
  color: white;
  font-size: 14px;
  padding: 3px;
}

.paginate_button {
  color: black;
}


/*TEXT*/

em {
    font-style: normal;
    font-weight: bold;
}

#div_global_z{
  margin-top: 20px;
}
.alert_z{
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*IMPEDANCE*/
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.red_impedance {
    background: none repeat scroll 0 0 red;
    color: white;
    float: left;
    height: 30px;
    margin-left: 2px;
    padding-top: 0px;
    text-align: center;
    width: 30px;
}

.green_impedance {
    background: none repeat scroll 0 0 green;
    color: white;
    float: left;
    height: 30px;
    margin-left: 2px;
    padding-top: 0px;
    text-align: center;
    width: 30px;
}


/* GRAPH */
.legend >div {
  padding: 10px;
}
#legend_div{
  padding-left:20px;
}

.legendLabel{
  padding-right: 10px;
  padding-left: 5px;
}

/*GRID*/

.even {
 background-color: gray;
}

/* Link for remote CS */
.link_CS{
  background-color: #EEEEC9;
  text-decoration: underline;
}
/* Pour la page statistiquesLon : Legendes */
#flotcontainer {
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0 auto;
}
#legend_div table{
  background-color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Edit tabs */
.tabs_edit{
  background-color: #CCCCCC;
  color: white;
}

.tabs_edit:hover, .btn.active, .btn:active{
  background-color: #8AA941;
  color: white;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover
{
  background-color: #8AA941;
  color:#FFFFFF;
}
.tab-pane{
    padding: 10px;
    border-top: 2px solid #8AA941;
    border-left: 2px solid #8AA941;
    border-right: 2px solid #8AA941;
    border-bottom: 2px solid #8AA941;
    border-radius: 5px;
}
/**
 * Progress bars with centered text
 */

.progress {
    position: relative;
    background-color: #eb8e13;
}

.progress-bar {
    background-color: #8AA941;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #FFFFFF;
 }

/* Rebbot warning on menu top */
#warning_reboot_li{
   background-color: #FFFF66;
   color : #FF3333;
   font-weight: bold;
   display : inline-block;
 }
/* Nom du user*/
.head_welcome{
  padding-top: 10px;

}

.z_img{
  width:6%;
  position: absolute;
  z-index: 11;
  top:56%;
}
.z_p1{
  left:61.3%;
}
.z_p2{
  left:70.4%;
}
.z_p3{
  left:79.6%;
}
.z_p4{
  left:88.8%;
}
/* Graphe dynamique pade index */
.peity{
  background-color: #E7E7E7;
}


#forground {
  position:absolute;
  width:100%;
  height:100%;
  background-color:black;
  opacity:0.7;
  z-index:1;
  filter:alpha(opacity=70);
}
#forground2 {

  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */


}
div.warning_ok{
  display: block;
  height: 2em;
  padding-top:4px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 1.2em;
  background-color: #8AA941;
  color: #FFFFFF;
}
/* Forcage */
.table-hover > tbody > tr:hover {
  background-color: #FFF;
  /* color: #2D2D2D; */
  color: #4F4F4F;
}
table.table-ref {
  background-color: #FFF;
  /* color: #2D2D2D; */
  color: #4F4F4F;
}
tr.table-ref{
  background-color: #8AA941;
  color: #FFFFFF;
}
a.ref-prod{
  color:	rgb(45, 45, 45);
  font-weight: bold;
  text-decoration: underline;
}

div.header_number{
  font-size: 30px;
}
div.header_title{
  font-size: 20px;
}
a.rma-footer{
  /* color: #2D2D2D; */
  color: #4F4F4F;

}
a.rma-footer:hover{
  color: #8AA941;
  font-weight: bold;
}

/* map  */
#oxMap {
  width: 100%;
  height: 500px;
  margin: 0;
}
.olControlScaleLine {
  background: #CFCFCF;
  padding: 5px;
}

.olControlAttribution {
  padding: 3px;
  background: rgba(255,255,255,0.8);
}
.olControlAttribution > a {
  color:#99CCFF ;
}

/* Popup sur map */
.olpopupcontain{

}
.olpopupcontain > h1, h2, h3, h4{
  margin: 2px;
}
.olpopupcontain > h1{
  background-color: #8AA941;
  color: #FFFFFF;
  font-size: 1.5em;
  padding: 3px;
  margin: 1px;
}
.olcontainaddress {
  font-size: 0.8em;
}
.olpopupcontain > hr{
  margin: 2px;
}
.olPopup {
  border: 2px solid #8AA941 !important
}

.oxbase_addr{
  font-size: 0.9em;
  background: #EDEDED;
  display: block;
  height: 40px;
  overflow-y: scroll;
  overflow : -moz-scrollbars-vertical;
}

/* Graphe */
.legendLabel > button {
    font-size: 1rem;
}
.legendColorBox {
    padding-top: 4px;
    padding-left: 4px;
}

/* Add raff */


/* Tooltip container */
.tooltip0 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip0 .tooltiptext0 {
    visibility: hidden;
    width: 300px;
    background-color: #EB8E13;
    color: #FFF;
    text-align: left;
    padding-top: 5px ;
    padding-right: 5px ;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    left: 210px;
    margin-left: -150px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    top: -40%;
}

.tooltip0 .tooltiptext0 > ol {
  font-weight: bold;
}


/* Tooltip arrow */
.tooltip0 .tooltiptext0::after {
    content: "";
    position: absolute;
    top: 30%;
    left: -1.8%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    /* crée une rotation a 45 */
    transform: rotate(90deg);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip0:hover .tooltiptext0 {
    visibility: visible;
    opacity: 1;
}

.badge-success {
  background-color: #8AA941;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: normal;
  padding: 5px;
  margin: 5px;
}

.badge-warning {
  background-color: rgb(235, 142, 19);
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: normal;
  padding: 5px;
  margin: 5px;
}

.badge-danger {
  background-color: #D9534F;
  border-radius: 6px;
  color: #FFFFFF;
  font-weight: normal;
  padding: 5px;
  margin: 5px;
}

.badge-info {
  background-color: #ffffff;
  border-radius: 6px;
  color: #000000;
  font-weight: normal;
  padding: 5px;
  margin: 5px;
}

.oxbase-tooltip{
  position: absolute;
  border: 1px solid rgb(0, 102, 0);
  padding: 2px;
  background-color: rgb(138, 169, 65);
  color: #FFFFFF;
  opacity: 0.9;
  border-radius: 10px;
}

/* Slider Menu */

#wrapper.toggled #menu{
    width: 60px;;
}

#wrapper.toggled #page-wrapper {
    margin: 0px 0 0 60px;
}

#wrapper.toggled #menu #side-menu li a{
    text-align-last: center;
}

#wrapper.toggled #menu #side-menu li a p{
    display: none !important;
}




#sidebarToggleOn {
    position: fixed;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease;

}

#sidebarToggleOn {
    left: 2.5em;
    top: 1em;
    position: relative;
}

#sidebarToggleOff {
    left: 0.5em;
    top: 1em;
    position: relative;
}


.nav-tabs > li > a {
  background-color: #E7E7E7;
  color: #4F4F4F;
}

/* TABLEAU DIAGNOSTIC DEVICE */


.swipe-down {
    width: auto; /* Modifier selon vos besoins */
    height: 200px; /* Modifier selon vos besoins */
    background-color: #ccc; /* Modifier selon vos besoins */
    position: relative;
    overflow: auto;
}

.tooltip_diag_devices{
  margin: 5px;
}

/* COLOR ICON TREE */

.color-green{
    color: #8AA941;
}

.color-gray{
    color: #4F4F4F;
}

.color-red{
    color: #D9534F;
}

.btn_success{
    background: #8AA941;
    color: white;
}