/* Add here all your CSS customizations */


:root {
	/*--color-ia-bleu:#40a2fe;
	--color-ia-vert:#9dcb45;
	--color-ia-jaune:#ffd52b;
	--color-ia-rouge:#dc3448;
	--color-ia-violet:#b20071;
	--color-ia-rose:#ec008c;*/
	
	
	--color-ia-bleu:#50F0E6;
	--color-ia-vert:#50CCAA;
	--color-ia-jaune:#F0E641;
	--color-ia-rouge:#FF5050;
	--color-ia-violet:#960032;
	--color-ia-rose:#872181;
	
	
	--color-sarg-vertf:#009933;
	--color-sarg-vertp:#9dcb45;
	--color-sarg-jaune:#ffff00;
	--color-sarg-orange:#f59c00;
	--color-sarg-rouge:#e40134;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}


.echelle {
	line-height: initial;
}

.echelle .niveau {
	height: auto;
	min-height: 20px;
}



.indice_atmo .echelle .ia_bleu {
	background-color: var(--color-ia-bleu);
}
.indice_atmo .echelle .ia_vert {
	background-color: var(--color-ia-vert);
}
.indice_atmo .echelle .ia_jaune {
	background-color: var(--color-ia-jaune);
}
.indice_atmo .echelle .ia_rouge {
	background-color: var(--color-ia-rouge);
}
.indice_atmo .echelle .ia_violet {
	background-color: var(--color-ia-violet);
}
.indice_atmo .echelle .ia_rose {
	background-color: var(--color-ia-rose);
}


.widget_atmo .btn-success, .widget_atmo .btn-success:hover, .widget_atmo .btn-success.hover {
    background-color: #9dcb45;
    border-color: #9dcb45 #9dcb45 #9dcb45;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .widget_atmo .btn-success, .widget_atmo .btn-success:hover, .widget_atmo .btn-success.hover { background-color:#9dcb45 }
}

.widget_atmo .btn-bon, .widget_atmo .btn-bon:hover, .widget_atmo .btn-bon.hover {
	color: #FFF;
    background-color: var(--color-ia-bleu);
    border-color: var(--color-ia-bleu);
}
.widget_atmo .btn-moyen, .widget_atmo .btn-moyen:hover, .widget_atmo .btn-moyen.hover {
	color: #FFF;
    background-color: var(--color-ia-vert);
    border-color: var(--color-ia-vert);
}
.widget_atmo .btn-degrad, .widget_atmo .btn-degrad:hover, .widget_atmo .btn-degrad.hover {
	color: #525252;
    background-color: var(--color-ia-jaune);
    border-color: var(--color-ia-jaune);
}
.widget_atmo .btn-mauvais, .widget_atmo .btn-mauvais:hover, .widget_atmo .btn-mauvais.hover {
	color: #FFF;
    background-color: var(--color-ia-rouge);
    border-color: var(--color-ia-rouge);
}
.widget_atmo .btn-t-mauvais, .widget_atmo .btn-t-mauvais:hover, .widget_atmo .btn-t-mauvais.hover {
	color: #FFF;
    background-color: var(--color-ia-violet);
    border-color: var(--color-ia-violet);
}
.widget_atmo .btn-e-mauvais, .widget_atmo .btn-e-mauvais:hover, .widget_atmo .btn-e-mauvais.hover {
	color: #FFF;
    background-color: var(--color-ia-rose);
    border-color: var(--color-ia-rose);
}













.indice_sarg .echelle .sarg_vertf {
	background-color: var(--color-sarg-vertf);
}
.indice_sarg .echelle .sarg_vertp {
	background-color: var(--color-sarg-vertp);
}
.indice_sarg .echelle .sarg_jaune {
	background-color: var(--color-sarg-jaune);
}
.indice_sarg .echelle .sarg_orange {
	background-color: var(--color-sarg-orange);
}
.indice_sarg .echelle .sarg_rouge {
	background-color: var(--color-sarg-rouge);
}


.text_uppercase {
	text-transform: uppercase;
}


.widget_atmo .btn:not(:disabled):not(.disabled) {
    cursor: initial;
}
.widget_atmo .btn {
    cursor: initial;
}

.prevision span.btn.btn-success {
    border-bottom: none;
}

html .widget_atmo .text-primary {
    color: #40a2fe !important;
}


html .widget_atmo .btn-outline.btn-primary {
    color: #364b9b;
    border-color: #364b9b;
}
html .widget_atmo .btn-outline.btn-primary:hover, html .widget_atmo .btn-outline.btn-primary.hover {
    color: #FFF;
    background-color: #364b9b;
    border-color: #364b9b;
}


html .widget_atmo .btn-outline.btn-primary.btn_inverse:hover, html .widget_atmo .btn-outline.btn-primary.btn_inverse.hover {
    color: #364b9b;
    background-color: #FFF;
    border-color: #364b9b;
}
html .widget_atmo .btn-outline.btn-primary.btn_inverse, html .widget_atmo .btn-outline.btn-primary.btn_inverse {
    color: #FFF;
    background-color: #364b9b;
    border-color: #364b9b;
}





/*--------- WIDGET ATMO ----------*/
/*--------------------------------*/



/*--- CARTE -----*/
/*#mq_carte_atmo polygon:hover {
	color: #F5080C;
}*/


#mq_carte_atmo  g:not(.disabled) .st0:hover,  #mq_carte_atmo .selected.st0{
	fill:#9dcb45;
	stroke-width:5;
	/*stroke:rgba(37,53,113,0.75)*/;
	stroke:rgba(54,75,155, 1);
}



#mq_carte_sargasse .st1 {
	fill:#000;
	stroke-width:2;
	stroke:rgba(0,0,0, 1);
}
#mq_carte_sargasse .st1:hover, #mq_carte_sargasse .selected.st1 {
	fill:#9dcb45;
	stroke-width:5;
	stroke:rgba(54,75,155, 1);
}


/*--- WIDGET -----*/
.tab-content {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topright: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;	
	
    padding: 0 15px;
	overflow: hidden;
	
	border: none;
}


.section_widget.tabs .nav-tabs li.active .nav-link {
    color: #4b4b4b;
    background: #FFF;
    border-radius-top-left: 15px;
}


.nav-tabs {
    border-radius-top-left: 15px;
	border-bottom: none;
}


/*--- WIDGET TAB -----*/
html body .section_widget.tabs .nav-tabs li.active .nav-link {
    border-top-color: #CCC;
}
.section_widget {
	font-weight: 700;
	text-transform: uppercase;
}
.section_widget .nav-tabs li .nav-link {
    border-radius: 0;
	border-top-left-radius: 15px;
    margin-right: 0;
}
.section_widget  .nav-tabs li:last-child .nav-link {
	border-top-left-radius: 0;
	border-top-right-radius: 15px;
}
.section_widget .nav-tabs li .nav-link, .section_widget .nav-tabs li .nav-link:hover {
}
.section_widget .nav-tabs .nav-item {
    margin-bottom: -1px;
}
.section_widget .nav-tabs li .nav-link, .section_widget .nav-tabs li .nav-link:hover {
	color: #FFF;
    background: #253571;
    border-top: 0px solid #ccc;
	border-left: 0px solid #EEE;
    border-right: 0px solid #EEE;
	border-bottom: 6px solid #364b9b;
}
.section_widget .nav-tabs li.active .nav-link {
    border-bottom: 6px solid #FFF;
}
html body .section_widget.tabs .nav-tabs .nav-link,
html body .section_widget.tabs .nav-tabs .nav-link:hover {
    color: #FFF;
}
html body .section_widget.tabs .nav-tabs li.active .nav-link {
    color: #4b4b4b;
    background: #FFF;
}
c
.prevision span {
	text-transform: uppercase;
	border-bottom: 2px solid #40a2fe;
	font-weight: 700;
}

.section_widget_label .nav-tabs li .nav-link, .section_widget_label .nav-tabs li .nav-link:hover {
	color: #FFF;
    background: #253571;
    border-top: 0px solid #ccc;
    border-left: 0px solid #EEE;
    border-right: 0px solid #EEE;
    border-bottom: 0px solid #364b9b;
	padding: 10px 0 0 0;
	font-size: 16px;
}

.section_widget_label .nav-tabs.nav-justified li.active .nav-link {
    border: none;
}
.section_widget_label .nav-tabs.nav-justified li.active .nav-link:hover {
    border-bottom: 0px solid #FFF;
}

.section_widget .nav-tabs li.active .nav-link, .section_widget .nav-tabs li.active .nav-link:hover, .section_widget .nav-tabs li.active .nav-link:focus {
    border-top: 0px solid #CCC;
}

.prevision {
	padding: 0;
		
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); 
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);	
}

.prevision .tab-content {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

html body .tabs .nav-tabs li.active .nav-link {
    border-top-color: #253571;
}

.prevision .nav-tabs.nav-justified li:first-child .nav-link, .prevision .nav-tabs.nav-justified li:first-child .nav-link:hover {
    border-radius: 0;
}
.prevision .nav-tabs.nav-justified li:last-child .nav-link, .prevision .nav-tabs.nav-justified li:last-child .nav-link:hover {
    border-radius: 0;
}

.prevision .title_h4 {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	background: #40a2fe;
	padding: 0.5em 1em;
	margin: 0;
}

.prevision .nav-tabs .active i {
	background: #ffffff;
}

.prevision .nav-tabs i {
	display: block;
	/*background: #364b9b;*/
	margin: 5px 0 0 0;
	padding: 0.2em 0;
	font-size: 12px;
}

.prevision .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.prevision .nav-link {
    display: block;
    padding: 0;
}

.prevision span.duree_capture {
    text-transform: none;
	border-bottom: none;
}

html body .tabs .prevision .nav-tabs li.active .nav-link {
    color: #525252;
}

.duree_capture {
	width: 100%;
	display: block;
	padding: 5px 10px;
	background: #eaeaea;
	border: none;
	font-style: italic;
}


@media (max-width: 575px) {
	.tabs .nav.nav-tabs.nav-justified li .nav-link {
		border-top-width: 0px !important;
		border-bottom-width: 0 !important;
	}
	.tabs .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link:hover {
		border-radius: 0;
	}
	.tabs .nav.nav-tabs.nav-justified li {
		margin-bottom: 0;
	}
}



/*------ ADDON --------
.atmo_content {
	
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;	
	
	border: 2px solid #ccc;
	border-bottom: none;
}

.section_widget .nav-tabs .nav-item.atmo_content  {
    margin-bottom: -2px;
	width: 50%;
}


.tab-content {
	border: 2px solid #ccc;
}
*/