/******************************************************************************
--------------------------- CSS THEME MVIEWER / BLACK -----------------
********************************************************************************/

/* Import des fonts*/
		@font-face {
		    font-family: 'roboto_black';
		    src: url('../font/Roboto/Roboto-Black.ttf');
		}
		@font-face {
		    font-family: 'roboto_bold';
		    src: url('../font/Roboto/Roboto-Bold.ttf');
		}
		@font-face {
		    font-family: 'roboto_regular';
		    src: url('../font/Roboto/Roboto-Regular.ttf');
		}
/*******************************
------------- NAVBAR 
********************************/
.navbar-default{
	border-color:#282A2D;
}

#mv-navbar{
	border-color:#282A2D;
	background-color: #282A2D;
}

.navbar-header.fixed-brand{
	background-color: #282A2D;
}
	
#mv-navbar a.navbar-brand, .mv-title{
	color:#ffffff!important;	
	font-size: 20px;
}

p.navbar-text.mv-title{
	font-size: 18px;
	font-family: 'roboto_bold', Arial, Sans-serif;
	letter-spacing: 0.5px;
}

.navbar-default .navbar-toggle{
	border-color: #282A2D;
}
	
.glyphicon-th-large:before{
	color:#D1113D;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:##282A2D;
}

.ol-control button {
  color: #fff!important;
  background-color: #000000!important;
}

.ol-control button:focus, .ol-control button:hover {  
  background-color: #000000;
}

.gml-item-title {    
    font-family: 'roboto_regular', Arial, Sans-serif;
	color:#000000;
    font-size: 24px;
}

.popup-content .nav-tabs > li.active > a, .popup-content .nav-tabs > li.active > a:hover, .popup-content .nav-tabs > li.active > a:focus { 
  border-left: thick solid #d1113d!important;
}

#right-panel .mv-header {  
  background-color: #2e3033;
  color: #fff; 
  border-top : #ffffff;
}

#right-panel .mv-header h5{  
  font-family: 'roboto_bold', sans-serif;
  font-size: 13px;
}

/*******************************
------------- MENU
********************************/

#sidebar-wrapper a{
	font-family:'roboto_regular', Arial, Sans-serif;
}

#menu>li>a{
	font-family:'roboto_bold', Arial, Sans-serif;
}

#menu li a:hover{
	border-left:#000000 0px solid;
	background:#d1113d;
	color: #ffffff;
}

/*******************************
------------- BOTTOM PANEL
********************************/
#bottom-panel .mv-header h5{
	font-family:'roboto_bold', Arial, Sans-serif;
	color: #000000;	
	font-size:13px;
}

.fa-chevron-down{
	color:#fff;
}
#bottom-panel-btn .fa-chevron-down { 
    background: #2e3033;
}

/*******************************
-------------LEGEND LAYER
********************************/

#layers-container a {
	color: #000000;
	font-family: 'roboto_bold', Arial, Sans-serif;
}

.form-group label {
	font-family: 'roboto_bold', Arial, Sans-serif;
}

#layers-container .mv-layer-options p {
	font-family: 'roboto_regular', Arial, Sans-serif;
}

.form-control{
	font-family: 'roboto_regular', Arial, Sans-serif;
	color:#555!important;
}

.mv-layer-options{
	color:#555!important;
}

/* Sub-title layers */
.selected-sld.fa span{
  font-style: italic;
  font-family: 'roboto_regular', Arial, Sans-serif;
}

/*Filtres*/
.selected-attribute.fa span{
  font-style: italic;
  font-family: 'roboto_regular', Arial, Sans-serif;
}

/* Opacité */
.mv-layer-options  .slider-selection{
	background:#000000;	
}

.mv-layer-options .slider-handle {
    background: #000000;
}

.mv-layer-options .tooltip-inner{
	background-color:#000000;
	border-radius: 4px;
	font-family: 'roboto_regular', Arial, Sans-serif;
}

.mv-layer-options .tooltip.top .tooltip-arrow{
	border-top-color:#000000;
}

/* Temporalité */ 

.mv-layer-options  .form-group-timer .slider-selection{
	background:#000000;
	-webkit-box-shadow:inset 0 0px 0 rgba(0,0,0,0);
}

.slider.slider-horizontal .slider-tick-label-container{
	font-family:'roboto_regular', Arial, Sans-serif;
}

.slider-tick.round.in-selection{
	background: #000000;
	background-image: none;
	-webkit-box-shadow:inset 0 0px 0 rgba(0,0,0,0);
}

.form-group-timer .slider-tick.round{
	background:#000000;
	background-image:none;
	-webkit-box-shadow:inset 0 0px 0 rgba(0,0,0,0);
	opacity: 1;
}

.form-group-timer .tooltip.bottom .tooltip-arrow{
	border-bottom-color:#000000;
}

.mv-layer-options  .form-group-timer .slider-track-high{
	background:#000000;	
}

#layers-container-box-header {
  background-color: #2e3033;
}

span.mv-time-player-selection {
    color: #fff;
    font-size: 13px;
    background-color: #000000;
}

/*******************************
------------- BASEMAP
********************************/

ul#basemapslist p {
	font-family: 'roboto_regular', Arial, Sans-serif;
}

ul#basemapslist  li.active{	
    border:2px #000000 outset;    
}

.ol-scale-line-inner{
    font-family: 'roboto_regular', Arial, Sans-serif;
}

/*******************************
------------- RIGHT PANEL
********************************/

h3.title{
	font-family: 'roboto_regular', Arial, Sans-serif;
	font-size: 24px;
	color:#000000;
	}
	
h4.title{
    font-family: 'roboto_regular', Arial, Sans-serif;
    font-size: 16px;
    color:#000000;
}

.info{
	font-family:'roboto_regular', Arial, Sans-serif;
	}

/*******************************
------------- POPOVER
********************************/
.popover-content{
	font-family: 'roboto_regular', sans-serif!important;
}

.popover-title{
	font-family: 'roboto_bold', sans-serif!important; 
}	

/*******************************
------------- POPUP
********************************/
.popup-content {
    font-family: 'roboto_regular', Arial, Sans-serif;  
}


/*******************************
------------- BUTTON RIGHT TOOLBAR
********************************/
#toolstoolbar.btn-warning{
	background-color: #000000;
	border-color: #000000;
}

#toolstoolbar.btn-warning:hover{
	background-color: #000000;
	border-color: #000000;
}

#alerts-zone .alert.alert-info {
  background-color: #000000;
  color: #fff;
}

#alerts-zone .close {  
  color: #fff;
  text-shadow: 0 1px 0 #000;  
}

.datepicker .active {
    background-color: #000000!important;
}

.leftpanel-btn:hover {
   color: #000000;
}

/* Buttons tools*/
#drawtoolsoptions .btn-default.active, #drawtoolsoptions .btn-default:active, #drawtoolsoptions .btn-default.focus, #drawtoolsoptions .btn-default:focus {
	background-color:#000000;
	border-color:#000000;
}

/* Tooltip measure */

.tooltip2 {
  background: #000000;
  font-family: 'roboto_regular', Arial, Sans-serif;
}

.tooltip-measure-static {
  background-color: #000000;
  font-family: 'roboto_regular', Arial, Sans-serif;
}

.tooltip-measure:before,
.tooltip-measure-static:before {
  border-top: 6px solid #000000;
}

.tooltip-measure-static:before {
  border-top-color: #000000;
}

 /* custom-tooltip-feature */
.tooltip-feature.tooltip-inner {
    background-color: rgba(51, 51, 51, 0.95);
    padding: 8px 8px 8px;
    color: #fff;
    font-family: "roboto_regular", Arial, Sans-serif;
    font-size: 12px;
    letter-spacing: 1;
}

.tooltip.right .tooltip-feature.tooltip-arrow {
    border-right-color: rgba(51, 51, 51, 0.95);
}

.tooltip.top .tooltip-feature.tooltip-arrow {
    border-top-color: rgba(51, 51, 51, 0.95);
}

.tooltip.left .tooltip-feature.tooltip-arrow {
    border-left-color: rgba(51, 51, 51, 0.95);
}

.tooltip-feature h5 {
    margin-bottom: 0;
}

.tooltip-feature.tooltip.in {
    opacity: 1;
}

/* Custom-tooltip-infopanel */
.mv-tooltip.tooltip-inner {
    background-color: #d1113d;
    padding: 8px 8px 8px;
    color: #fff;
    font-family: "roboto_regular", Arial, Sans-serif;
    font-size: 11px;
    letter-spacing: 1;
}

.tooltip.right .mv-tooltip.tooltip-arrow {
    border-right-color: #000000; 
}

.tooltip.top .mv-tooltip.tooltip-arrow {
    border-top-color: #000000; 
}

.tooltip.left .mv-tooltip.tooltip-arrow {
    border-left-color: #000000; 
}

/*******************************
------------- SEARCH TOOLBAR
********************************/

/* Searchresult */

#searchresults{
	font-family:'roboto_regular',Arial, Sans-serif!important;
	color: #555!important;
}

ul#searchparameters{
	font-family: 'roboto_regular',Arial, Sans-serif;
}

/* Search toolbar */

li.geoportail.list-group-item.disabled{
	background-color:#000000;
	border-color:#000000;
	color: white!important;
	font-family: 'roboto_bold', Arial, Sans-serif!important;
}

li.elasticsearch.list-group-item.disabled{
	background-color:#000000!important;
	border-color:#000000;
	color: white!important;
	font-family: 'roboto_bold', Arial, Sans-serif!important;
}

#searchresults li a:hover{
	font-family:'roboto_bold', Arial, Sans-serif!important;
	color:#000000!important;
}

.popup-content .nav-tabs .active .glyphicon, .popup-content .nav-tabs .active .fa {
  color: #000000;  
}

a:hover{
	color: #000000;
}

#searchtool .btn-default{
	color:#000000;
}

#parameterspanel .modal-header{
	color: #333;
	font-size: 13px;
	font-family: 'roboto_regular', Arial, Sans-serif!important;
}

/*******************************
------------- MAP OPTIONS
********************************/

/* Partager la carte*/
#sharepanel{
	font-family:'roboto_regular', Arial, Sans-serif;
}

a#permalinklink{
	font-family:'roboto_regular', Arial, Sans-serif;
}

.modal-content{
	font-family: 'roboto_regular', Arial, Sans-serif;
}

/*******************************
------------- HELP / DOCUMENTATION
********************************/

/* Help button */

button.btn.btn-default.navbar-btn.mv-navbar-btn{
	border-radius:50%;
	width:34px;
	height:34px;
	min-width:34px;
	border: 0px!important;
	font-family: 'roboto_black', Arial, Sans-serif;
	color:#000000;
	font-size: 15px;
}

button.btn.btn-default.navbar-btn.mv-navbar-btn:hover{
	background-color: rgba(255, 255, 255, 0.89);
}

button.btn.btn-default.navbar-btn.mv-navbar-btn:focus{
	background-color: rgba(255, 255, 255, 255);
}

/* Help panel */

#help .modal-content{
	font-family: 'roboto_regular', Arial, Sans-serif!important;
	height: auto;
}

#help .nav-tabs{
	border-bottom: 2px solid #000000;
}

#help .nav-tabs>li>a{
	border-radius: 0px 0px 0 0px!important;
	color: #555;
}

#help .nav-tabs>li.active>a{
	background-color: #000000;
	border-color: #000000;
	color: white!important;
}

#help .nav-tabs>li>a:hover{
	border-color: #eee #eee #000000!important;
}

#help a:hover{
	color: #000000!important;
}

#help .modal-title{
    font-size: 25px;
    font-family: 'roboto_bold', Arial, Sans-serif;
    color: #000000;
}

#help .tab-pane h4{
	font-family: 'roboto_bold', Arial, Sans-serif;
    color: #000000;
    font-size: 22px;
    margin-top: 20px;
}

#help .tab-pane h5{
	font-family: 'roboto_bold', Arial, Sans-serif;
    color: #000000;
    font-size: 16px;
    margin-bottom: 2px;
}

#help .tab-pane h6{
	font-family: 'roboto_bold', Arial, Sans-serif;
    color: #000000;
    font-size: 14px;
    margin-bottom: 2px;
}

#help .tab-pane p{
    color: #555;
    font-size: 13px;
    text-align: justify;
}

#help .tab-pane .visuel_tx{
    color: #555;
    font-size: 13px;
}

#help .tab-pane .visuel{
    text-align: center;
}

/*******************************
-------------CSS Fiche info GML
********************************/
.gml-item-field-name {
	font-family: 'roboto_regular', Arial, Sans-serif;
}

.gml-item-field-value{
	font-family: 'roboto_regular', Arial, Sans-serif;
}
 
/*******************************
-------------LOADER INDICATOR
********************************/
.mv-layer-indicator .loader {    
    border-top: 1.1em solid rgba(3, 46, 70, 0.2);
    border-right: 1.1em solid rgba(3, 46, 70, 0.2);
    border-bottom: 1.1em solid rgba(3, 46, 70, 0.2);
    border-left: 1.1em solid #000000;
}

.mv-iframe-indicator .loader {     
    border-top: 1.1em solid rgba(3, 46, 70, 0.2);
    border-right: 1.1em solid rgba(3, 46, 70, 0.2);
    border-bottom: 1.1em solid rgba(3, 46, 70, 0.2);
    border-left: 1.1em solid #000000;
}