/*
    DEMO STYLE
*/
/* piedra-regular - latin */
@font-face {
  font-family: 'Piedra';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/piedra-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Piedra Regular'), local('Piedra-Regular'),
       url('../fonts/piedra-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/piedra-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/piedra-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/piedra-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/piedra-v8-latin-regular.svg#Piedra') format('svg'); /* Legacy iOS */
}
/* @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; */
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'),
       url('../fonts/poppins-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Italic'), local('Poppins-Italic'),
       url('../fonts/poppins-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('../fonts/poppins-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('../fonts/poppins-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('../fonts/poppins-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v9-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}


.panel-body{
  padding: 0px;
}
.panel-group {
   margin-bottom: 0px; 
}
div#contentPanel .panel-body{
  padding: 0 1em;
  overflow-x: hidden;
}
div#contentPanel .form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
  display: flex;
  align-items: stretch;
}

#sidebar {
  /* min-width: 350px;
  max-width: 350px; */
  /*background: #7386D5;*/
  /*color: #fff;*/
  /*transition: all 0.3s;*/
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: inherit;
}

#sidebar.active {
  margin-left: -335px;
  cursor: pointer;
}

#sidebar .sidebar-header {
  padding: 20px;
  background: #6d7fcc;
}
#sidebarCollapse{
  
  position: absolute;
    left: 0;
    top: 0;
    z-index: 600;
    width: 1.3em;
    height: 3em;
    border-radius: 0 10px 10px 0;
    padding: 0;
    padding-top: .1em;
    margin: 0;
    opacity: 0.7;
    color: #fff;
    background-color: rgb(85, 175, 167);
    border-color: #337ab7;
    /* -webkit-transition: opacity 0.5s ease-in-out; */
    /* -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out; */
    /* transition: opacity 0.5s ease-in-out; */



}
#sidebarCollapse:hover{
  
  filter: alpha(opacity=100);
  opacity: 1;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
  padding: 20px;
  min-height: 100vh;
  /*transition: all 0.3s;*/
}




/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
  /* #sidebar {
    
    margin-left: -335px;

  }
  #sidebar.active {
    
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  } */
}

.tooltip-overlay{
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltip.show{
  opacity: 0.9;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-info:before,
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
} 


    /* popup style */
		.ol-popup
		{	
      /* max-width:300px; */
      max-width:50%;
      /* min-width:100px; */
      min-width:250px;
			min-height:1em;
		}
		/* Image on popup */
		.ol-popup img 
		{	float: left;
			margin: 0 0.5em 0 0;
			max-width: 100px;
			max-height: 100px;
		}
		/* no image content tooltips */
		.ol-popup.tooltips img
		{	display:none;
		}

		/* Custom orange style (tips) */
		.ol-popup.tips.orange
		{	border-color:#da7;
			background-color:#eca;
		}
		.ol-popup.tips.orange .anchor::before
		{	border-color: #da7 transparent;
		}
		.ol-popup-middle.tips.orange .anchor::before
		{	border-color: transparent #da7;
		}

		/* orange style (default) */
		.ol-popup.default.orange
		{	border:4px solid #f96;
		}
		.ol-popup.default.orange .anchor {
			margin: -15px 18px;
		}
		.ol-popup.default.orange .anchor::after
		{	margin: 6px /*border:4 +2 px */ -9px; 
		}
		.ol-popup-middle.default.orange .anchor::after
		{	margin: -9px 6px /*border:4 +2 px */; 
		}
		.ol-popup.default.orange .anchor::before
		{	border-color: #f96 transparent;
		}
		.ol-popup-middle.default.orange .anchor::before
		{	border-color: transparent #da7;
		}
		.ol-popup.default.orange .closeBox
		{	background-color: rgba(255, 153, 102, 0.7);
		}
		.ol-popup.default.orange .closeBox:hover
		{	background-color: rgba(255, 153, 102, 1);
    }
    .ol-popup .content {
      /* overflow:auto;
      max-height: 300px; */
      padding: 0;
    }
    .ol-popup .panel  {
      margin:0;
    }
    .ol-popup .panel .panel-body {
      max-height: 300px;
      overflow: auto;
  }
  .ol-popup .panel-footer{
    padding: 2px 5px;
  }
  .ol-popup .panel .navbar{
    margin-bottom: 0;
    min-height: 20px;

  }


  .ol-popup .ol-popup-content{
    overflow: unset;
  }







  
  
  .styleSample{
    border: 2px solid #ebebeb;
    cursor:pointer;
    }

    .custom-mouse-position {
      bottom: 2px;
      left: 2px;
      /*position: absolute;*/
      border: solid 1px #cecbcb;
      padding: 0px 4px;
      /* width: 10em; */
      /* height: 1.7em; */
     
      border-radius: 4px;
      background-color: #ffffff70;
      box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
  }
  .input-group-addon {
    /* padding: 2px 2px; */
    padding: 0px 2px;
 } 
  .colorpicker-element .input-group-addon i {
    height: 2em;
    width: 142px;
}
.colorpicker-element .input-group-addon i.raster-color {
  width: 40px;
}
#style_sampleContainer{
  position: absolute;
    top: 1em;
    right: 1em;
}

.ol-control.ol-legend {
  margin-bottom: 2em;
  max-height: 60%;
}

.modal-dialog .ui-autocomplete{
 max-height: 10em;
}
.ol-legendTable  {
  border-radius: 3px;
  font-size:12px;
  border: solid #c5c1c1 2px;
}
.ol-legend .layer-item{
  border-top: solid #c5c1c1 1px;
}









span.route-distance-label {
  /* font-weight: bold; */
  /* font-size: .9em; */
}

.route-total-distance {
  display: inline-flex;
  padding: 0 0.5em;
  font-weight: bold;
  font-size: .9em;
}

.route-total-duration {
  display: inline-flex;
  font-weight: bold;
  font-size: .9em;
  padding: 0 0.5em;
}

span.route-duration-label {
  /* font-weight: bold; */
  /* font-size: .9em; */
  line-height: unset;
}

span.route-duration-value {
  padding-left: 0.5em;
  color: #8a8686;
  direction: ltr;
}

span.route-distance-value {
  padding-left: 0.5em;
  color: #8a8686;
  direction: ltr;
}

/*step*/
.route-total-info{
  border: solid transparent 1px;
  padding: 0 0.2em;
  margin: .1em 0;
}
.route-total-info:hover {
  border: solid #bbb5b5 1px;
  cursor: pointer;
}
.route-step-info {
  border: solid transparent 1px;
  padding: 0 0.2em;
  margin: .1em 0;
}
.route-step-info:hover {
  border: solid #bbb5b5 1px;
  cursor: pointer;
}
.route-step-name{
  display: none;
}
.route-step-instruction{

}
.route-step-instruction .fa {
  margin-right: 0.5em;
}

.route-step-distance-label {
  display: none;
}
.route-step-distance {
  display: inline-flex;
  padding: 0 0.5em;
  font-weight: bold;
  font-size: .9em;
  direction: ltr;
}

.route-step-duration {
  display: inline-flex;
  font-weight: bold;
  font-size: .9em;
  padding: 0 0.5em;
  direction: ltr;
}

span.route-step-duration-label {
  /* font-weight: bold; */
  /* font-size: .9em; */
  line-height: unset;
}

span.route-step-duration-value {
  padding-left: 0.5em;
  color: #8a8686;
}

span.route-step-distance-value {
  padding-left: 0.5em;
  color: #8a8686;
}


.route-profile-selection{
  margin-bottom: 0.5em;
}
.route-profile-selection .route-profile{
  
  height: 1.6em;
    line-height: 1.2em;
    padding: .2em;
    cursor: pointer;
    margin: 0 .05em;
    min-width: 1.3em;
    text-align: center;
    border: solid transparent 1px;
}
.route-profile-selection .route-profile:hover{
  
  border: solid #bbb5b5 1px;
}

.route-profile-selection .active{
  border: solid #bbb5b5 1px;
  color:blue;
}


.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}

.ol-control button {
     /* background-color: rgba(85, 175, 167, 0.67); */
   /* background-color:rgb(146 181 212); */
   /* background-color:rgba(146, 181, 212,0.7); */
   background-color: rgb(51 122 183 / 53%);
   color: white;
 }
 
 .ol-control button:focus, .ol-control button:hover {
  background-color: rgba(85, 175, 167, 0.9);
  /* background-color:rgba(146, 181, 212,0.9); */
  background-color: rgb(51 122 183 / 90%);
}
.ol-control.ol-bar.ol-top.ol-left, .ol-control.ol-bar.ol-top.ol-right {
  top: 6em;
 
}
.ol-control.ol-bar.ol-right {
  right: 1.5em;
}
.ol-zoom >button {
  min-width: 28px!important;
  height: 28px!important;
}
.ol-search.nominatim {
  position: absolute!important;
 /* top: 45px!important;*/
  /*top: 4em!important;*/
  top:0.6em;
      right: 0.5em;
      /* right:1.5em; */
  left: auto;
  max-width: calc(100% - 110px);
}
.ol-search ul {
color: #333;
font-size:0.85em;
max-width: 21em;
}

.ol-search ul.autocomplete.expanded-list {
  border: 2px solid #cecccc;
  max-height: 70vh;
    overflow-y: scroll;
    background-color: #ffffffab;
}
.ol-search ul i {
display: block;
color: #333;
font-size:0.85em;
}
.ol-search input{
  height:28px;
  width: calc(100% - 30px);
  margin: 0;
}
.ol-search button{
  width: 28px!important;
  height: 28px!important;
  float: right;
}


.ol-popup .ol-count {
  float: left;
  margin: .25em 0;
  direction: ltr;
}
.ol-popup  .ol-prev, .ol-popup .ol-next {
  border-style: solid;
  border-color: transparent rgba(0,60,136,.5);
  border-width: .5em 0 .5em .5em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 .5em;
  cursor: pointer;
}
.ol-popup .ol-prev {
  border-width: .5em .5em .5em 0;
}

.ol-popup .ol-zoombt {
  border: 0;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: rgba(0,60,136,.5);
  position: relative;
  background: transparent;
  outline: none;

  font-size: 1.4em;
  float:left;
}
.ol-popup .ol-closebt {
  float: right;
  border: 0;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: rgba(0,60,136,.5);
  position: relative;
  background: transparent;
  outline: none;

  font-size: 1.4em;
}
/* .ol-popup .ol-zoombt:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .17em solid currentColor;
  border-radius: 100%;
  top: .3em;
  left: .3em;
}
.ol-popup .ol-zoombt:after {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 1.35em;
  left: 1.15em;
  border-width: .1em .3em;
  border-style: solid;
  border-radius: .03em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -0.2em 0 0 -0.04em;
  box-shadow: -0.2em 0 0 -0.04em;
} */

.identifyTask-results table{
  margin-bottom: 0px;
  min-width: 8em;
}


.ol-search.searching:before {
  top: 0em;
  animation: pulse .7s infinite alternate linear;
  background: #337ab7;
}

.ol-search ul{
  cursor: default;
}
.ol-search ul {
  /*max-width: unset;*/
  /*max-width: 23em;*/
  max-width: 34em;
}
.ol-search li.mysearch-item{
  cursor: pointer;
}
.ol-search ul li.mysearch-group {
    
  color: #337ab7;
}
.ol-search ul li.mysearch-group:hover
{
color: #43968f;
}
.ol-search ul li.select,
.ol-search ul li:hover
{	background-color: rgb(133, 195, 190);
	color: #fff;
}
.ol-overlay.menu
		{	width: 30%;
      min-width: 300px;
			background: #fff;
			color: #333;
			box-shadow: 0px 0px 5px #000;
			padding: 0;
			/*-webkit-transition: all 0.25s;
			transition: all 0.25s;*/
		}
		/* style the close box */
		.ol-overlay.menu 
		{	  
              /* color: #369; */
        left: .3em;
        /* top: 0.5em;*/
            top: 0em;
			left: 0em;
            right:0;
            user-select: text;
		}
         
@media (max-width: 512px) {
  .ol-overlay.menu
  {	
    width: calc( 100% - 46px );
    
  }

}
		#layerInfoMenu
		{	
            /*padding-top: 1.5em;*/
			font-size: 0.9em;
            height:100%;
            padding-bottom: 3em;
		}
		/* menu button */
		#layerInfoMenu #titlePanel{
            padding-right:1.5em;
        }
        #layerInfoMenu .layer-thumbnail{
            padding: 0 0.2em 0 0.5em;
        }
        #layerInfoMenu .cmdProperties {
            margin-left: 0.5em;
            border: 0;
            float: left;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            color: #000;
             cursor: pointer;
            text-shadow: 0 1px 0 #fff;
            filter: alpha(opacity=20);
            opacity: .2;
        }
        #layerInfoMenu #datasetThumbnail{
                border: 1px solid #d2cece;
        }
        #layerInfoMenu .cmdProperties:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            filter: alpha(opacity=50);
            opacity: .5;
        }
		div#contentPanel {
            padding: 0.5em;
            
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }
    
        
        .feature-attributes .document_item_   img,
        .feature-attributes .document_item_   .avatar{
          float:left;
          margin-right: 0.2em;
          height: 2em;
         
        }  
        .feature-attributes .document_item_   .avatar{
          font-size: 2em;
          height: 1em;
        } 

      
        
.featureAttributes_row_inserted{
  background-color: #cdf7cd;
}
.featureAttributes_row_deleted {
  background-color: #f9c9c9;
  background-image: url(images/red_wave.gif) !important;
  background-repeat:repeat-x  !important;
  background-position:bottom ;
}
.featureAttributes_row_modified {
  
  background-image: url(images/blue_wave.gif) !important;
  background-repeat:repeat-x  !important;
  background-position:bottom ;
  background-color: #cbe3f7;
}

.panel-field-group{
  padding: 5px;
}
.panel-field-group .form-group{
  margin-left: 5px;
  margin-right: 15px;
}

.attribute-value-changed{
  border: 1px solid #aeb3b9!important;
  background-color: #fceae9!important;
  border-style: dashed!important;
  /* box-shadow: red 0px 0px 5px; */
}
.checkbox-attribute-value-changed {
  background-color: #fceae9;
  /* background-image: url(images/blue_wave.gif) !important; */
  background-repeat: repeat-x !important;
  background-position: bottom;
  /* box-shadow: red 0px 0px 5px; */
}
.attribute-value-changed .select2-selection{
  background-color: transparent;
}

.has-attribute-value-changed > .panel-heading{
  border: 1px solid #aeb3b9!important;
  background-color: #fceae9!important;
  border-style: dashed!important;
  /* box-shadow: red 0px 0px 5px; */
}

.has-validation-error > .panel-heading{
  border: 1px solid #e80c4d!important;
}
#tabFeatureAttributes_form .collapsible-panel{
  margin-left: -15px;
  margin-right: -15px;
}
    
.bootstrap_table_form.no-toolbar-table .fixed-table-toolbar{
  display: none;
}

.mysearch-group, .mysearch-item{
  font-size: 11px;
}

.next-extent-control{
  top: 0.5em;
  left: 5.2em;
}
.prev-extent-control{
  top: 0.5em;
  left: 3em;
}
.ol-attribution {
  font-size: 10px;
}

.printpdf {
  /* right: 1.5em; */
  right: 0.5em;
  top: 2.9em;
}

.ol-layerswitcher .panel{
  border:none;
}
.ol-layerswitcher .panel{
  font-family:"Parastoo",Tahoma, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.layer-info.menu {
  left: auto;
  direction: ltr;
}
#layerInfoMenu  .panel-heading button{
  float:left;
}

.panel-collapse .panel-body{
  padding: 15px;
}
.color-ramp-selection {
  
    max-height: 300px;
    overflow-y: auto;
    width: 50%;

}
.color-ramp-selection li{
  
 
}
.color-ramp-selection li:hover{
  border:black solid 2px;
}

.identifyTask-panel table{
  /* margin-bottom: 0px;
  min-width: 8em; */
}
.identifyTask-panel .commandbar .pagination{
  margin:0; 
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.identifyTask-panel .commandbar.col{
 line-height: 34px;
 height: 34px;
}

.identifyTask-panel .commandbar .col h3{
 line-height: 30px;
 height: 30px;
}

.identifyTask-panel{
  border:none;
box-shadow: none;
}

 .drawing_item.active-feature{
  box-shadow: #337ab7 0px 0px 5px;
}


.visible-range-slider .slider-selection {
  background: #0075ff;
 
}
/* #layerVisibleRange .slider-rangeHighlight {
	background: #0075ff;
    height: 1.2em;
    top: -0.2em;
} */
.visible-range-slider .slider-rangeHighlight {
  background: none;
  border-radius: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 18px solid #14141459;
}
.visible-range-slider .slider-handle {
  
  opacity: 0.8;
}

hr.field-sep{
  margin-top: -5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #dedada;
}




.cesium-credit-logoContainer{
  display: none!important;
}


.upload-commands {
  padding: 0 0 8px 0;
}
.ol-control.ol-timeline {
  background-color: rgb(143 142 142 / 40%);
}
.ol-timeline .ol-buttons{
  left:unset;
  right:0.5em;
}
.ol-timeline .ol-center-date{
  opacity: 0.8;
}
.ol-timeline.ol-interval .ol-center-date{
  min-width: 2px;
    /*  opacity: 0.6; 
     border-color: #c1c1c1;
*/
     opacity: 1;
     border: solid 1px white;
}

.ol-center-date-text{
  white-space: nowrap;
  padding: 1px 2px;
    margin: 8px 4px;
  background: #ebdf39;
  width: fit-content;
  border: solid 1px gray;
  opacity: 0.7;

  font-family: ui-sans-serif;
}

.ltr_autocomplete{
  direction: ltr;
}

.map-layout-row .sidebar-right ~ .sidebar-map .ol-rotate,
  .map-layout-row .sidebar-right ~ .sidebar-map .ol-attribution,
  .map-layout-row .sidebar-right ~ .sidebar-map .ol-full-screen{
    /* margin-right: var(--sidebar-width) !important; */
    margin-right: 10px !important;
    /* transition: margin-right 300ms; */
  }
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-rotate,
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-attribution,
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-full-screen{
    /* margin-right: 52px !important; */
    margin-right: 10px !important;
  }

  
/* Ensure OpenLayers controls offset still respects sidebar width */
@media (min-width: 768px) {
  .map-layout-row .sidebar-left ~ .sidebar-map .ol-zoom,
  .map-layout-row .sidebar-left ~ .sidebar-map .ol-scale-line{
    /* margin-left: var(--sidebar-width) !important; */
    margin-left: 10px !important;
    /* transition: margin-left 300ms; */
  }
  .map-layout-row .sidebar-left.collapsed ~ .sidebar-map .ol-zoom,
  .map-layout-row .sidebar-left.collapsed ~ .sidebar-map .ol-scale-line{
    /* margin-left: 52px !important; */
    margin-left: 10px !important;
  }
}

/* RTL/right sidebar offsets using dynamic width */
@media (min-width: 768px) {
  .map-layout-row .sidebar-right ~ .sidebar-map .ol-rotate,
  .map-layout-row .sidebar-right ~ .sidebar-map .ol-attribution,
  .map-layout-row .sidebar-right ~ .sidebar-map .ol-full-screen{
    /* margin-right: var(--sidebar-width) !important; */
    margin-right: 10px !important;
    /* transition: margin-right 300ms; */
  }
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-rotate,
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-attribution,
  .map-layout-row .sidebar-right.collapsed ~ .sidebar-map .ol-full-screen{
    /* margin-right: 52px !important; */
    margin-right: 10px !important;
  }
}