html {
    height:99%;
    width:100%;
	font-size:15px;
}
body {
    background-color:#595959;
    display:flex;
    min-height: 100%;
    flex-direction: column;
    height:100%;
}

*,*:focus,*:hover {
    outline: none;
}

#browse_dir_list
{
	list-style: none;
}

#browse_dir_list li {
	cursor:pointer;
	padding:5px;
}
#browse_dir_list li:before {
	content:"\e118";
	margin-right:5px;
	color:silver;
}

#browse_file_list
{
	list-style: none;
}

#browse_file_list li{
	cursor:pointer;	
	padding:5px;
}

.leaflet-overlay-pane {
    z-index: 4000;
}

#browse_file_list li:before{
	content:"\e022";
	cursor:pointer;
	margin-right:5px;
	color:silver;
}

.navbar {
    background-color:#595959;
	border:#595959;
    background-image:none;
    margin:0;
    height:6vh;
    min-height:0;
}

#layer_manage_list_vector{
    cursor:n-resize;
}
.navbar-default .navbar-nav>li>a {
    color:#FFFFFF;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color:#c9d417;
}

.navbar-nav>li>.dropdown-menu {
    z-index:9999;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    
	background-color:#c9d417;
    border: 0px solid #c9d417;
}

a.ui-button:focus, .ui-button:focus, .ui-button.ui-state-active:focus {
    outline:0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    Top: 5px;
	background-image: linear-gradient(to bottom,#c9d417 0,#abb50a 100%);
}

.dropdown-menu {
    background-color:#c9d417;
    z-index:10000;               
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#abb50a),to(#8e9701));
}
.dropdown-menu .divider {
    background-color:#000;
}

.dropdown-header {
    color:#000;
}

.navbar-brand {
    padding: 5px 0px;
}
.navbar-brand img{
    height:50px;
}

#content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.panels {
    display:flex;
    flex-direction:row;
    flex:1;
}

.panel {
    margin:0;
    border-radius: 0px;
    display: flex;
}

.s4i_panel {
    display:block;
}

#lp_btn {
    background-color:#595959;
    border:1px solid #595959;
    color:#fff;
    z-index:1000;
    
}

#rp_btn {
    /*position:absolute;*/
    position:relative;
    right:0px;
    height:100%;
    background-color:#595959;
    border:1px solid #595959;
    color:#fff;
}

#lp_btn:active,#rp_btn:active{
background-color: #c9d417;
}
#lp_btn:focus,#rp_btn:active{
 
    outline:0;
}

.left-panel {
   background-color:#595959;
   min-width:50px;
   width:50px;
   position:absolute;
   z-index:5555;
   height:82.1vh;
}

.right-panel {
    background-color:#595959; 
    /*min-width:50px;
    width:50px;*/
    width:0px;
    position: absolute;
    height:82.1vh;
    right: 0px;
    z-index: 5555;
}

.main-panel {
    flex:1;
    display: flex;
    flex-direction: column;
    position:relative;
    border: none;
    margin-left: 50px;
    /*margin-right: 50px;*/
}

.panel-content{
    display:none;
    overflow:auto;
    width: 100%;
	word-break:break-all;
    flex-direction:column;
}

.left-menu-header {
    border: 1px solid #c9d417;
    text-align:center;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
}

.right-menu-header {
    border: 1px solid #c9d417;
    text-align:center;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
}

.menu-button {
    width:175px;
    height:50px;
    text-align:center;
    line-height:50px;
    display:inline-block;
    color:#fff;
    flex:1;
    cursor: pointer;
}

.menu-button-active {
    background-color:#c9d417;
    color:#595959;
}

.menu {
    background-color:#595959;
    border:none !important;
    flex: 1 1 auto; 
    overflow-y: auto;
}
.menu-content {
    color:#fff;
    padding: 10px !important;
}

.menu-content input {
    color:#000;
}

.layer_manage_list {
    list-style: none;
    font-weight: bold;
    padding: 0px;
}
.layer_manage_list > li {
    border-bottom: 1px solid #c9d417;
    padding-left: 15px;
}

.layer_manage_list > ul {
    margin-bottom:15px;
    list-style:none;
    font-weight:normal;
}

.layer_manage_list > ul  >  li{
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px groove;
}

#layer_vector_options .row {
    margin-left:0px;
    margin-right:0px;
    margin-top:5px;
}

#layer_raster_options .row {
    margin-left:0px;
    margin-right:0px;
    margin-top:5px;
}

#raster_traitement_div label {
    padding-right: 15px;
}

.line-icons{ 
    float:right;
    cursor:pointer;
}
.line-icons > span {
    padding-left: 5px;
}

.layer-name {
    word-wrap: break-word;
}

.glyphicon-remove {
    color:red;
}

#tag_list {
    display:flex;
    flex-wrap: wrap;
}

.tag_add_btn {
    color:#c9d417;
    margin: auto;
    margin-left: 5px;
    cursor:pointer;
}

.search_type {
    width:15%;
    flex-grow:1;
}

.search_value{
    width:100%;
    /* width:49%; */
    /* flex-grow:1; */
}

#layer_search_vecteur_results_ul {
    width:100%;
    display:table;
    padding:0px;
    background-color:#FFFFFF;
}

#layer_search_vecteur_results_ul > li{
    display:table-row;
    padding:0px;
}

.vector_layer_search_result  {
    padding: 1px 0px 1px 1px;
    color:#000000;
}

.vector_layer_search_result .glyphicon {
    vertical-align:top;
    top:0px;
    line-height: inherit;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
}

.vector_layer_search_result > li{
    display:table-cell;
   
}

.vector_layer_search_result_name
{
    width:100%;
}

#raster_search_vecteur_results_ul {
    width:100%;
    display:table;
    padding:0px;
    background-color:#FFFFFF;
}

#raster_search_vecteur_results_ul > li{
    display:table-row;
    padding:0px;
}

.raster_layer_search_result  {
    padding: 1px 0px 1px 1px;
    color:#000000;
}

.raster_layer_search_result .glyphicon {
    vertical-align:top;
    top:0px;
    line-height: inherit;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
}

.raster_layer_search_result > li{
    display:table-cell;
   
}

.raster_layer_search_result_name
{
    width:100%;
}

.tooltip-inner {
    min-width: 150px; //the minimum width
    word-wrap: break-word !important;
    word-break: break-all;
    max-width: 250px;
}

#vector_layer_search_result_name_div {
    padding-left:10px;
}

.vector_layer_search_result > li > div{
    margin: 0px 1px 0px 1px;
    background-color:lightgrey;
}

#raster_layer_search_result_name_div {
    padding-left:10px;
}

.raster_layer_search_result > li > div{
    margin: 0px 1px 0px 1px;
    background-color:lightgrey;
}

.layer_vector_list_show_checkbox {
    vertical-align:top;
    padding-left:5px;
}

.layer_raster_list_show_checkbox {
    vertical-align:top;
    padding-left:5px;
}

#right-traitement-vector_categorisation , #right-traitement-vector_heatmap{
    color:white;
}

#right-traitement-vector_categorisation_field_result {
    display:table;
    width:100%;
    line-height: 25px;
}

#p_gradient .slider-track-high{
	background: red;
}

#p_gradient .slider-track-low{
	background: blue;
}

#p_gradient .slider-selection {
	background: lime;
}

.right-traitement-vector_categorisation_field_result_li {
    display:table-row;
}

.color_box {
    display: inline-block;
}

.color_holder {
    display:none;
}

.categorisation-divicon {
    width:15px !important;
    height:15px !important;
    border-radius:15px;
}

.color_box  i{
    display: inline-block;
    width:15px;
    height:15px;
    border-radius:15px;
    background-color:#FF0000;
    vertical-align: text-top;
}

.colorpicker {
    z-index: 10001;
}

.right-traitement-vector_categorisation_field_box {
    display:inline-block;
    padding-right:5px;
}

.right-traitement-vector_categorisation_field_result_value {
    padding:0px 10px;
    display: inline-block;
}

.right-traitement-vector_categorisation_field_result_count {
    display: inline-block;
    float: right;
}

.right-traitement-vector_categorisation_title {
    border-bottom: 1px solid #c9d417;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.raster_list {
    list-style-type:none;
}

.raster_list li span {
    float:right;
    cursor:pointer;
}


#geo_filter_div {
    text-align:center;
    /* margin-bottom:50px; */
}

#left-menu .ui-tabs-nav {
    display:none;
}

#right-menu .ui-tabs-nav {
    display:none;
}

#right-panel {
    display:none;
    flex-direction: column;
	justify-content: center;
}

#right-panel .panel-content {
    display:flex;
    flex:1;
    color:white;
    padding:15px;
}

#right-panel .trait_select {
    color:black;
}

#right-panel .trait_label {
    margin-top: 15px;
    border-top: 1px solid;
}

#right_panel_close {
    background-image: linear-gradient(to bottom,#c9d417 0,#abb50a 100%);
}

#right-panel .panel-content h4 {
    margin:10px auto;
}

#right-panel .categorisation_select {
    color:black;
}

#right-panel-traitements {
    /*display:none;*/
}

#map {
    height:100%;
}

#main-bottom {
    background-color:#595959;
    height:11.0vh;
    /*margin-left:50px;
    margin-right:50px;*/
    padding-left:50px;
    /* padding-right:50px; */
    width:100%;
    display:flex;
    
}

#botleft {
    align-items:center;
    display:flex;
}

#reportrange {
   	min-width: 200px;
    /* max-height: 30px; */
}

#refreshTL .fa {
   
   display:inline;
}

.leaflet-popup-content {
    max-height:none !important
}

.found_by_layername {
    background-color:green;
}

.found_by_data {
    background-color:blue !important;
}

.progress {
    margin-bottom:0px;
    margin-top:10px;
    display: inline-block;
}

.progress-bar {
    transition: none !important;
}

.btn-green, .btn-green:active {
    background-image: linear-gradient(to bottom,#c9d417 0,#abb50a 100%);
    color:#333;
    padding: 10px auto;
    margin:5px 5px;
    min-height: min-content;
}

.btn, .btn:active {
    padding: 10px auto;
    margin:5px 5px;
    min-height: min-content;
}

#categorisation_field_result {
    display:table;
    width:100%;
    line-height: 25px;
}

.categorisation_field_result_li {
    display:table-row;
}

.categorisation_field_box {
    display:inline-block;
    padding-right:5px;
}

.categorisation_field_result_value {
    padding:0px 10px;
    display: inline-block;
}

.categorisation_field_result_count {
    display: inline-block;
    float: right;
}

.categorisation_title {
    border-bottom: 1px solid #c9d417;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

#raster_options_type {
    display: flex;
    flex-direction: column;
    flex-shrink:0;
}

#raster_options_type .formula_input {
    color:#333;
    float:right;
}

#raster_options_type .bootstrap-select{ 
    float:right;
}

#raster_options_type .panel-content h4 {
    margin:0px auto;
}

#right-panel .panel-content .bootstrap-select{ 
    float:right;
}

#right-panel .panel-content label {
    padding-right: 15px;
}

.center {
 text-align: center;   
}

.merge-bottom-input {
  width: 67px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.merge-top-left-button {
  border-top-left-radius: 0;
}

.merge-top-right-button {
  border-top-right-radius: 0;
}

.coeff_input {
    display:inline-block;
    float:right;
}

#div_modal {
    z-index: 10000;
    pointer-events: none;
}

#div_modal .modal-content{
    width:500px;
    pointer-events: all;
    background-color:#595959;
    color:white;
}

#div_modal .modal-content select {
    color:black;
}

#div_modal .modal-content .dc-chart{
    float:inherit;
}

#div_modal_histo {
    z-index: 10000;
    pointer-events: none;
}

#div_modal_histo .modal-content{
    width:700px;
    pointer-events: all;
    background-color:#595959;
    color:white;
}

#chart {
    display:none;
}

#div_modal_histo .apexcharts-selection-rect {
    fill: rgb(247, 244, 210);
    fill-opacity: 0.2;
}

#div_modal_histo .min_input,#div_modal_histo .max_input {
    width:80% !important;
}

#band_settings {
    display:flex;
    flex-wrap:wrap;
}

#div_modal_histo .band_settings_div {
    text-align:center;
    flex-grow:1;
    width:33%
}

#div_modal_histo .mean_stddev_coef {
    width: 40px !important;
    padding: 4px;
}

#div_modal_histo .percentage_coef {
    width: 35px !important;
    padding: 4px;
}

#div_modal_histo .type_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#div_modal_histo .band_hist_label {
    padding: 10px 2px;
    border-radius: 15px;
    background: rgba(200,200,200,0.3);
    margin: 5px;
}

#div_modal_histo .band_hist_label_selected {
    background:rgba(255,255,0,0.2)
}

#div_modal_histo .band_row {
    display:flex;
    align-items:center;
}

#div_modal_histo .band_row_label {
    flex:1 1 auto;
    margin: 5px;
}

#div_modal_histo .band_row_input {
    flex:2 1 auto;
}

.info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } .info h4 { margin: 0 0 5px; color: #777; }
.legend { text-align: left; line-height: 18px; color: #555; } .legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; }
.flag_select {
    margin-left:10px !important;
}              

.leaflet-popup-pane {
    z-index:100001;
}

.leaflet-map-pane .konvajs-content {
    z-index:200;
}

.btnalign {
	margin-bottom:5px !important
}

.leaflet-vertex-icon {
    max-width: 10px;
    max-height: 10px;
    margin-left: -5px !important;
    margin-top: -5px !important;
}

.leaflet-editing-icon {
    max-width: 10px;
    max-height: 10px;
    margin-left: -5px !important;
    margin-top: -5px !important;
}

.leaflet-edit-marker-selected {
    background-color:unset !important;
    border:unset !important;
}

.leaflet-middle-icon {
    max-width: 10px;
    max-height: 10px;
    margin-left: -5px !important;
    margin-top: -5px !important;
}

.leaflet-marker-pane {
    z-index: 1000000;
}

.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#080808;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}


@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

.inner-addon {
  position: relative;
  flex-grow:1;
  width:49%
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 6px;
  color:black;
  display:none;
  pointer-events: none;
}

.right-addon .glyphicon { right: 0px;}

.right-addon input { padding-right: 30px; }

.raster_search_filters_col {
	width:50%;
	float:left;
}

.raster_search_filters_row:after {
	content:"";
	display:table;
	clear:both;
}
#adm_raster_query_keys:after {
    clear: both;
    content: "";
    display: block;
}

.adm_raster_query_keys_elem {
    float: left;
    width: 45%;
    padding: 5px;
}

#div_meta_modal .modal-body {
	max-height:70vh;
	overflow:auto;
}

li.green_bg {
	background-color:green
}

li.orange_bg {
	background-color:orange
}

li.red_bg {
	background-color:red
}

li.blue_bg {
	background-color:blue
}

.dygraph-legend {
	z-index:100000;
	word-break: break-all;
}

.bootstrap-select>.dropdown-toggle{
    margin:2px;    
}

.bootstrap-select {
    padding-left:5px;
    padding-right:5px;
}

.form-control {
    margin-left:5px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #c9d417 ;
    border-color: #c9d417 ;
}

.pagination>li>a, .pagination>li>span {
    color:#c9d417;
}

#login_modal input {
    width:100%;
    border-radius:5px;
    color:black;
}

#login_modal .modal-content {
    background-color: #595959;
    color:#c9d417  ;
}

#login_modal .modal-footer .btn {
    margin:0px 5px;
}

#login_modal .modal-header .close {
    opacity: 1;
    color:#c9d417
}

.slider-handle {
    background-image: linear-gradient(to bottom, #c9d417 0%, #8e9611 100%);
}

.panel-success>.panel-heading {
    background-image: linear-gradient(to bottom,#c9d417 0,#abb50a 100%);
    color: #333;
    border-color: #abb50a
}

.panel-success {
    border-color: unset !important;
}


.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid white;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}

.hist_band_settings_div {
    margin:5px;
    padding:5px;
}

.hist_btn {
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 14px;
    line-height: 12px;
    margin: 0px 5px !important;
}

.hist_btn_big {
    height: 30px;
    /* width: 30px; */
    padding: 0px 5px;
    font-size: 10px;
    line-height: 12px;
    margin: 0px 5px !important;
}

.histInput {
    width:60px;
    font-size:14px;
    height:25px;
    padding: 5px 5px;
    text-align: center;
}

.dygraph-axis-label {
    color:white;
}

.leaflet-s4i_pane-pane {
    z-index:10000;
}

.ia_legend_dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 5px;
}

.leaflet-popup-content {
    width: 301px;
    max-height: 300px !important;
    overflow-y: auto;
}

#popup_on_map {
	display:none;
	position:absolute;
	top:120px;
	left:100px;
	width:5%;
	z-index:100000;
	background-color: #595959;
    height: 60%;
    border-radius: 20px;
	border:2px solid #242418;
	box-shadow: 2px 6px 10px 5px #000000;
	min-width: 400px;
    min-height: 150px;
}

#popup_on_map_container {
	display:flex;
	flex-direction:column;
	/*height: 100%;*/
}

#popup_on_map .popup_title_bar {
	padding: 15px;
}

#popup_on_map #popup_details {
	padding: 10px;
    background-color: #999999;
    /*height: 85%;*/
    margin: 5px;
    border-radius: 15px;
	/*width: 98%;*/
    overflow: auto;
}

.right_panel_tabs_list {
    background: none;
    border: none;
}

.right_panel_tabs_list li {
	max-width:49%;
}

#tabs {
    background: none;
    border: none;
}

#tabs .ui-widget-content {
	border:1px solid white;
	border-radius: 5px;
	display:flex;
	flex-direction:column;
}

#tabs .ui-widget-content .ui-accordion-content{
	color:black;
}

#tabs .ui-icon-close{
	position: absolute;
    right: 0px;
    top: 5px;
}

#tabs #raster_options_type {
	width:100%;
}

#tabs .ui-tabs-anchor {
	word-break: break-all;
    word-wrap: break-word;
    white-space: break-spaces;
}