/*=====================================================*/
/*#                                                   #*/
/*#      Style CSS Hotspot 2ISR				          #*/
/*#      01/10/2015                                   #*/
/*#                                                   #*/
/*# 	 Structure thème perso						  #*/
/*#                                                   #*/
/*=====================================================*/

:root {
  --color1: #A38F61;
  --color2: #6e6d72;
}

body { 
	background-color:#eff2f6; /* Couleur Background body */
	color: #5e5e5e; /* Couleur texte body */
	}
	
/* Liens defaut */
a { color:var(--color2);} /* Liens */
a:hover { color:var(--color1);} /* Liens hover */

/* Background Accueil */
.bg { 
	background: url("./bg_accueil.jpg") no-repeat fixed center;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	}

.bg_color1 { background-color:var(--color1) !important; color:#FFFFFF !important; } /* Couleur dominante par défaut */
.border_color1 { border:1px solid var(--color1) !important; }
 
/* Nav tabs */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: var(--color1) !important;
}

/* Pour les loader obligatoire de redéfinir les classe sk complete car le surclassement supprime le 3ème point*/
.sk-child-color1 {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--color1) !important;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; 
}

.sk-child-blanc {
    width: 12px !important;
    height: 12px !important;
    background-color: #FFF !important;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; 
}

.sk-child-color-loading {
    margin-top:100px;
	width: 100px !important;
	height: 100px !important;
	background-color: var(--color1) !important;
}

.color1 { color:var(--color1) !important; } /* Couleur dominante par défaut */
.color2 { color:var(--color2) !important; } /* Couleur dominante par défaut (plus foncé)  */
.bg_color1  { background-color:var(--color1) !important; } /* Couleur dominante par défaut (plus foncé) */
.bg_color2  { background-color:var(--color2) !important; } /* Couleur dominante par défaut (plus foncé) */

.colorsearch { color:var(--color1) !important; font-weight:bold !important; } /* Couleur dominante par défaut */

.bg_entete_color1 { background-color:var(--color1); color:#FFF; } /* Entete avec Couleur dominante par défaut */
.bg_entete_color2 { background-color:var(--color2); color:#FFF; } /* Entete avec Couleur dominante (plus foncé) */

#container-login input[type='text'],
#container-login input[type='password'] {
    border: 1px solid var(--color1);
	background-color:var(--color2) !important;			/* Background champ input */
    box-shadow: inset 5px 0 0 var(--color1);	/* Background champ input en amont = bg_color1 */
    color: #FFF;
}

#container-login input[type='text']:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px var(--color2) inset !important; /* Change the color to your own background color */
    -webkit-text-fill-color: #FFF !important;
	background:url(../img/sprite_ico_input_26_white.png) 15px -114px no-repeat !important;
}
#container-login input[type='text']:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px var(--color2) inset !important;
    -webkit-text-fill-color: #FFF !important;
}

#container-login input[type='password']:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px var(--color2) inset !important; /* Change the color to your own background color */
    -webkit-text-fill-color: #FFF !important;
}
#container-login input[type='password']:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px var(--color2) inset !important;
    -webkit-text-fill-color: #FFF !important;
}

#container-login {
	box-shadow: -1px 2px 15px 2px #bfc2c6;
	padding-top:2%;
}

#container-login ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #f6f6f6;
}
#container-login :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #f6f6f6;
   opacity:  1;
}
#container-login ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #f6f6f6;
   opacity:  1;
}
#container-login :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #f6f6f6;
}
#container-login ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #f6f6f6;
}

#container-login ::placeholder { /* Most modern browsers support this now. */
   color:    #f6f6f6;
}

.profile-logo img{
	width:116px !important;
}

.btn-color1 {
    background-color: var(--color1) !important;	/* Couleur du bouton */
    color: #FFF;
}
.btn-color1:hover{
    background-color: var(--color2) !important;	/* Couleur du bouton hover */
    color: #FFF;
}

.btn-color2 {
    background-color: #DA4453 !important;	/* Couleur du bouton */
    color: #FFF;
}
.btn-color2:hover{
    background-color: #ED5565 !important;	/* Couleur du bouton hover */
    color: #FFF;
}

.btn-color3 {
    background-color: #8CC152 !important;	/* Couleur du bouton */
    color: #FFF;
}
.btn-color3:hover{
    background-color: #A0D468 !important;	/* Couleur du bouton hover */
    color: #FFF;
}

.logo_client_zone1 { min-height:130px; background: url("logo.png") no-repeat top; background-size: 300px; }

/* ICONE MATERIAL DESIGN COLOR */
.mdc-text-color1 { color: var(--color1); }
.mdc-text-color2 { color: var(--color2); }
.mdc-text-etoile{ color: var(--color1); }
.mdc-text-blanc { color: #ffffff; }
.mdc-text-facebook { color: #3b5998; }
.mdc-text-twitter { color: #000000; }
.mdc-text-google { color: #DD4B39; }
.mdc-text-linkedin { color: #0172b1; }
.mdc-text-raccourci { color: var(--color1); }
.mdc-text-mysql { color: var(--color1); }
.mdc-text-homme { color: #009ddf; }
.mdc-text-femme { color: #dc2a86; }

/* HEADER */
#header, #top-search-wrap { background: var(--color1); }

/* MENU GAUCHE */
#sidebar { border-right:3px solid var(--color2); }
#sidebar .profile-menu { background-color:var(--color2); }
#sidebar .profile-actions a { color:#FFF; font-size:13px; } 
#sidebar .profile-actions a:hover { color:var(--color1); }

#sidebar .main-menu > li > a { color: #4C4C4C; } /* Color texte menu */
#sidebar .main-menu > li > a:hover,	/* Color Hover menu */
#sidebar .main-menu > li.active > a { 	/* Color active section complete */
  color: #FFF; background-color: var(--color2); }
#sidebar .main-menu > li.sub-menu > a:before,
#sidebar .main-menu > li.sub-menu > a:after { color: #575757; }
#sidebar .main-menu > li.sub-menu > a:hover:before,
#sidebar .main-menu > li.sub-menu > a:hover:after { color:#FFF; }

#sidebar .main-menu > li.sub-menu > ul { background-color:#ececec; } /* Color background sous menu */
#sidebar .main-menu > li.sub-menu > ul > li > a { color: #171717; } /* Color lien sous menu */
#sidebar .main-menu > li.sub-menu > ul > li.active > a,
#sidebar .main-menu > li.sub-menu > ul > li > a:hover { /* Color lien sous menu active ou hover */
  color: var(--color1);
}

/* NAV BARRE */
.breadcrumb { color: #FFF; background-color:var(--color2); }
/*.breadcrumb li.active { color: var(--color1); }*/
.breadcrumb li.active { color: #fff; }

/* CORPS PAGE */
.block-header h2 { color:#1c1826; }
.block-header .design-ico-h2, .i_radio_affichage { color:var(--color1); }

.card-header h2  { color: var(--color1); }
.card-header h2.color_white  { color: #FFFFFF !important; }

.card input[type='text'], .modal-body input[type='text'],
.card input[type='password'], .modal-body input[type='password']{
    border: 1px solid var(--color1);
	background-color:#f5fcfd;		/* Background champ input */
    box-shadow: inset 5px 0 0 var(--color1);	/* Background champ input en amont = bg_color1 */
    color: #5e5e5e;
}

#BodyModalWizard input[type='text']{
    box-shadow: inset 0 0 0 var(--color1) !important;	/* Background champ input en amont = bg_color1 */
}

.card-body .help, .modal-body .help { color:#67be33; }
.card-body .ombre, .modal-body .ombre { background-color:#edf0f5; }

.card-infos { background-color:#f5fcfd; box-shadow: inset 5px 0 0 var(--color1);	/* Ombre gauche couleur thème = bg_color1 */ }

/* BTN SELECT avec bootstrap-select */
.btn-select {
  color: #ffffff;
  background-color: var(--color1);
  border-color: var(--color1);
}

.btn-select-h{
	height:32px !important;
	padding-top:2% !important;
	padding-left:5px !important;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}

.btn-select:hover,
.btn-select:focus,
.btn-select.focus,
.btn-select:active,
.btn-select.active,
.open > .dropdown-toggle.btn-select {
  color: #ffffff;
  background-color: #008fa1;
  border-color: #006f7d;
}

.btn-select:active,
.btn-select.active,
.open > .dropdown-toggle.btn-select {
  background-image: none;
}

.btn-select.disabled,
.btn-select[disabled],
fieldset[disabled] .btn-select,
.btn-select.disabled:hover,
.btn-select[disabled]:hover,
fieldset[disabled] .btn-select:hover,
.btn-select.disabled:focus,
.btn-select[disabled]:focus,
fieldset[disabled] .btn-select:focus,
.btn-select.disabled.focus,
.btn-select[disabled].focus,
fieldset[disabled] .btn-select.focus,
.btn-select.disabled:active,
.btn-select[disabled]:active,
fieldset[disabled] .btn-select:active,
.btn-select.disabled.active,
.btn-select[disabled].active,
fieldset[disabled] .btn-select.active {
  background-color: var(--color1);
  border-color: var(--color1);
}

.btn-select .badge {
  color: var(--color1);
  background-color: #ffffff;
}

.btn-select:hover,
.btn-select:focus,
.btn-select.focus,
.btn-select:active,
.open > .dropdown-toggle.btn-select {
  color: #ffffff;
  background-color: var(--color1);
  border-color: transparent;
}

.btn-select:active,
.btn-select.active,
.open > .dropdown-toggle.btn-select {
  background-image: none;
}

.btn-select.disabled,
.btn-select[disabled],
fieldset[disabled] .btn-select,
.btn-select.disabled:hover,
.btn-select[disabled]:hover,
fieldset[disabled] .btn-select:hover,
.btn-select.disabled:focus,
.btn-select[disabled]:focus,
fieldset[disabled] .btn-select:focus,
.btn-select.disabled.focus,
.btn-select[disabled].focus,
fieldset[disabled] .btn-select.focus,
.btn-select.disabled:active,
.btn-select[disabled]:active,
fieldset[disabled] .btn-select:active {
  background-color: var(--color1);
  border-color: #00a5bb;
}

/* HEADER SELECTOR LOGS/STATS */

#periode_selector:hover {
  color: var(--color1);
}

/* REDEFINE JQUERY-UI */

/* Case par defaut */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default
{ 
  border-top-color: #bcdde3;
  border-right-color: #bcdde3;
  border-bottom-color: #bcdde3;
  border-left-color: #bcdde3; 
  background-color: #f5fcfd;
  background-image: !important; 
  color: var(--color1);
  padding:5px !important;
  text-align:center !important;
}

/* Date focus par la souris */
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus
{
  border-top-color: var(--color2);
  border-right-color: var(--color2);
  border-bottom-color: var(--color2);
  border-left-color: var(--color2);
  background-color: var(--color2);
  color: #FFF;
}

/* Date du jour */
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight
{
  border-top-color: #fad42e;
  border-right-color: #fad42e;
  border-bottom-color: #fad42e;
  border-left-color: #fad42e;
  background-color: #fbec88;
  color: #363636;
}

/* Date selectionnée */
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active
{
  border-top-color: var(--color1);
  border-right-color: var(--color1);
  border-bottom-color: var(--color1);
  border-left-color: var(--color1);
  background-color: var(--color1);
  color: #FFF;
}
/* Icones Jquery UI */
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("ui-icons_469bdd_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("ui-icons_d8e7f3_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("ui-icons_6da8d5_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("ui-icons_d8e7f3_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("ui-icons_f9bd01_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("ui-icons_cd0a0a_256x240.png");
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover
{
	background-color: #f5fcfd !important;
}

/* BOOTGRID PERSONALISATION COULEUR */
.bootgrid-header {margin-top:0px !important;}

.bootgrid-table th { background-color: var(--color1) !important; border-left:1px solid #FFFFFF !important; border-right:1px solid #FFFFFF !important; margin:0px !important; text-transform: uppercase;}
.bootgrid-table th:hover, .bootgrid-table th:active {}
.bootgrid-table th > .column-header-anchor > .text{ color: #FFFFFF !important; }
.bootgrid-table th:hover > .column-header-anchor > .text{ color: #CCCCCC !important; }
.bootgrid-table th:active > .column-header-anchor > .text{ color: #CCCCCC !important; }


.pagination> li > a, .pagination > li > span { 
	border-radius:0% !important; 
	width:40px !important; 
	height:40px !important; 
	border:0px solid var(--color1) !important; 
	/*
    border-radius: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;*/
	background:#f5fcfd !important;
	color:var(--color1);
}
.pagination> li { margin:0px !important; }

.pagination> li > a:hover, 
.pagination> li > span:hover { 
	border-radius:0% !important; 
	width:40px !important; 
	height:40px !important; 
	border:0px solid var(--color1) !important; 
    /*border-radius: 2px;
	-moz-border-radius: 2px;*/
	background:var(--color1) !important;
    -webkit-border-radius: 2px;
	color:#ffffff !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { 
	background-color:var(--color1) !important;
	color:#FFFFFF !important;
}

.bootgrid-search span.glyphicon-search{ color: var(--color1) !important; }
.bootgrid-search input { border:0px solid !important; }

.bootgrid-search-petit span.glyphicon-search{ color: var(--color1) !important; }
.bootgrid-search-petit input { border:0px solid !important; }

.bootgrid-btn-group {
    border: 0px solid var(--color1) !important;
    box-shadow: inset 5px 0 0 var(--color1) !important;
	background:#f5fcfd !important;
}
.bootgrid-btn-group button.btn-default {background:#f5fcfd !important;	margin-left:5px !important;	font-size:14px !important;}
.bootgrid-btn-group button.btn-default:hover,.bootgrid-btn-group button.btn-default:active{	background:#f4f4f4 !important;}
.bootgrid-btn-group span.dropdown-text{color: var(--color1) !important;}
.bootgrid-btn-group .dropdown-item-button{background:#f4f4f4 !important;}
.bootgrid-btn-group .dropdown-item-button:hover,.bootgrid-btn-group .dropdown-item-button:active{background:var(--color1) !important;color: #ffffff !important;}

.bootgrid-dropdown-item{ background-color:#FFFFFF !important; color: var(--color1) !important;	font-size:14px !important;}
.bootgrid-dropdown-item:hover, .bootgrid-dropdown-item:active{ background-color:#FFFFFF !important;color: var(--color1) !important;}
.bootgrid-dropdown-item div.icheckbox_flat-blue{ margin-right:10px !important;}

/* SLIDER HORAIRES */
.ui-slider-horizontal { 
	color:red !important; 
	border:1px solid var(--color2) !important; /* Couleur du trait d'encadrement */
	}
.ui-slider-horizontal .ui-slider-handle { /* Carré */
	color:red !important; 
	background:#CCCCCC !important; 
	border:1px solid #969393 !important; /* Couleur du trait d'encadrement */
}
.ui-slider-horizontal .ui-slider-range { color:red !important; background:var(--color1) !important; } /* Background de la barre */

/* SWEET ALERT */
.sweet-alert button.confirm { background-color: var(--color1) !important; }
.sweet-alert button:hover { background-color: var(--color2) !important; }
.sweet-alert button:active { background-color: var(--color2) !important; }

.sweet-alert button.cancel { background-color: #FC6E51 !important; }
.sweet-alert button.cancel:hover { background-color: #E9573F !important; }
.sweet-alert button.cancel:active { background-color: #E9573F !important; }

/* LABEL */
.label-info,
.badge-info {
  background-color: var(--color1) !important;
  border-color: var(--color1) !important;
}

/* STATS */
.titre_focus {
	color:var(--color1);
}

/* BLOCKS WIDGETS */
.block_widgets .card-header { border-bottom: 0px solid #CCC; background-color:#e7eaee; }

/* DASHBOARD */
.widget_slide .infos { color: #FFF; }
.widget_light { color: #FFF; }
.widget_gris { background-color:#aab2bd; }
.widget_vert { background-color:#8CC152; }
.widget_orange { background-color:#F6BB42; }
.widget_rouge { background-color:#E9573F; }

.widget_light .infos > h2 { color: #fff; }
.widget_light ul a { color: #fff;}

/* ICHECK */
.icheckbox_flat-blue,
.iradio_flat-blue {
    background: url(./icheck.png) no-repeat;
}
td input.iradio_flat_bootgrid[type=checkbox]+label.iradio_flat_bootgrid::before{
	background: url(./icheck.png) no-repeat;
}

/* BOOTSTRAP ALERT */
.alert-primary {
  background-color: #e7eaee !important;
  border-color: #e7eaee !important;
  color: var(--color1);
}

.alert-info {
  background-color: var(--color1) !important;
  border-color: var(--color1) !important;
  color: #FFFFFF;
}