body {
    display: block;
    background: #b5d0d0;
    color: #285585;
    font-family: Arial;
    margin: 0px; 
} 

main {
    
}

/* .jqx-grid-cell {
	    font-size: 10px;
}

#TreeDataTable {
    font-family: Verdana,Arial;
	display: block;
    position: relative;
    height: 100%; 

    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
   
    z-index: 10;
	
} */

/* Панель инструментов ГИС */
#divGeoToolsPanel {
	position:absolute;
	top:95px;
	left:70px;
	width: 40px; 
	height: 40px;
	color: #2B4281;
	/* border: 1px solid gray; */
	background: #fff0;
    /* box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3); */
}	

#divGeoTools-btnAddTree {
	z-index: 90;
	box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);
}

#panelWrapperdivGeoToolsPanel {
	/* opacity: 0.0; */
}	

.scale-in-hor-left{-webkit-animation:scale-in-hor-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-hor-left .5s cubic-bezier(.25,.46,.45,.94) both}
.scale-out-hor-left{-webkit-animation:scale-out-hor-left .5s cubic-bezier(.55,.085,.68,.53) both;animation:scale-out-hor-left .5s cubic-bezier(.55,.085,.68,.53) both}

/* Стили секции формы редактирования изображений дерева */
#editImageTreeObjectWindow {
	-webkit-animation: scale-up-ver-top 0.4s ease-in-out both;
	        animation: scale-up-ver-top 0.4s ease-in-out both;	
}	


.editImageTree_photo
        {
            width: 600px;
            height: 450px;
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
        }

.etImageTree-title-box-class {
	width: 100%;
	height: 300px;
	border: 1px solid gray;
	display:flex;
    justify-content: center
}

.editImageTree_bottom-button-box-class {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width: 500px;
	height: 50px;	
}	

#editImageTree_imgUploadFile {
	margin-top: 5px;
}	

#editImageTree_RadioButton0 {
	float: left;
	margin: 2px;
	width: 100px;
}
#editImageTree_RadioButton1 {
	float: left;
	margin: 2px;
	width: 100px;
}
#editImageTree_RadioButton2 {
	float: left;
	margin: 2px;
	width: 100px;
}

#editImageTree_butCancelSend {
	float: right;
	margin: 10px;
    box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);	
}	

/* Стили секции формы редактирования дерева */
#editTreeObjectWindow {
	-webkit-animation: scale-up-ver-top 0.4s ease-in-out both;
	        animation: scale-up-ver-top 0.4s ease-in-out both;
			
}

#etTree_species,#etTree_state,#etTree_Condition,#etTree_Type,#etTree_Form,#etTree_Сrown,#etTree_Growthconditions,#etTree_Environment,#etTree_tree_obsvstatus {
	margin-top: 3px;
	margin-bottom: 3px;
}

#etTree_editImageListButton {
    float: right;
	margin-right: 10px;
    box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);
}

.etTree-bottom-button-box-class  {
	position:absolute;
	bottom:0;
	
	right:0;
	width: 250px;
	height: 50px;
	
}	

.etTree-captiontext {
   font-family: Verdana,Arial;
   font-size: 12px;
   /* font-weight: bold; */
   color: #2B4281; 
   text-transform:uppercase;   
   overflow:hidden;
   white-space: pre-wrap;
   text-shadow: 1px 1px 2px #000000;	
}

.etTree-fielstext {
   font-family: Verdana,Arial;
   font-size: 13px;
  /*  color: #2B4281; */
}


/* Стили Leaflet PopUp окна*/
/* css to customize Leaflet default styles  */
.gs-custom-popup .leaflet-popup-tip,
.gs-custom-popup .leaflet-popup-content-wrapper {
    background: ##fffc;
    color: #cccccc;
    font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
}

.leaflet-popup-content-wrapper {
	-webkit-animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}	

#gs-popupContent  {
    width: 250px;
    height: 60px; 	
	color: #cccccc; 
	font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
}	
#popupContent {
	width: 250px;
    height: 150px
}

#gs-popupContent-CollectorStr {
	height: 20px;
}	

#gs-popupContent-CollectData {
	height: 20px;
}	

#gs-popupContent-CollectorStatus-source {
	height: 20px;
	color: #BC2F36; 
}	

#gs-popupContent-CollectorStatus-verified {
	height: 20px;
	color: #2B4281; 
}

#gs-popupContent-CollectorStatus-approved {
	height: 20px;
	color: #409300; 
}

#gs-popupContent-editbut {
	width: 250px;
}	

/* Стили окна НОВОСТИ*/
.news-title-box {
   position:absolute;
   left:10px;
   right:50px;
   top:20px;
   bottom:50px;
   font-family: Verdana,Arial;
   font-size: 18px;
   font-weight: bold;
   color: #FFFFFF; 
   text-transform:uppercase;   
   overflow:hidden;
   white-space: pre-wrap;
   text-shadow: 2px 2px 4px #000000;
}	

.jqx-listitem-element {
  /*  box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);	 */
}

.news-html-viewbox {
	width: 100%;
}	

.img-responsive {
    object-fit: cover;
	object-position: center;
    width: 100%;
    height: 170px; 
}


.bottom-button-box-class  {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	height: 50px;
	border: 1px solid darkblue;
}	

.img-title-box-class {
	width: 100%;
	height: 100px;
	border: 1px solid gray;
	display:flex;
    justify-content: center;
}	

#htmlNewsTitle {
 margin-top: 5px;
 margin-bottom: 5px;	
}
#htmlContentEditor {
 margin-bottom: 5px;	
}

/* *, *::before, *::after {
  box-sizing: border-box;
} */

#butCancelSendNews {
	float: right;
	margin: 10px;
    box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);
}

#butSendNews {
	float: right;
	margin: 10px;
	box-shadow: 3px 3px 5px 0px rgba(34, 60, 80, 0.3);
}


#resultUploadFile {
	float: left;
}

#imgUploadFile {
	float: left; 
	width: 100%;
	margin-top: 5px;
		
  
}

#winUserLogin,#UserSetupWindow {
   box-shadow: 0px -3px 19px 12px rgba(34, 60, 80, 0.58);
   z-index: 5;
}

#UsersLevelTitle {
  float: left;
  top: 40px;  
  left: 0px;
  bottom: 0px;
  height: 20px;
  font-family: Verdana,Arial;
  font-size: 10px;
  font-weight: bold;
  color: #26517C;	
  margin-left: 5px;	
}	

#UsersLevelBox {
  float: left;
  height: 70px;
  font-family: Verdana,Arial;
  font-size: 10px;
  font-weight: bold;
  color: #26517C;	
  margin-left: 5px;
}
#UsersListBox {
  float: left;
  top: 40px;  
  left: 0px;
  bottom: 0px;
  height: 350px;
  font-family: Verdana,Arial;
  font-size: 10px;
  font-weight: bold;
  color: #26517C;	
  margin-left: 5px;
}

#UsersListTitle {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Verdana,Arial;
  font-size: 12px;
  font-weight: bold;
  color: #04376C;	
}

#mainSplitter {
    display: block;
    position: fixed;
	left: 0px;
    right: 0px;
    top:0px;
	bottom: 0px;
}

#ContentAdmin {
    display: block;
    position: fixed;
    width: 50px;
    height: 100%;  
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index: 101;
	visibility: hidden;
}
		
		
		
#ContentTableData {
    display: block;
    position: fixed;
    width: 100%;
    height: 100px;  
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index: 102;
	visibility: hidden;
}

#ContentMain {
    display: block;
    position: fixed;
 /*   width: 100%;
    height: 100%; */
	
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index: 100;
        }
.jqx-notification-container {
	z-index: 102;
}

#jqxLoader {
	z-index: 202;
}

.preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 200;
	opacity: 0.8;
    background: #25547B;
	
}

.preloader-logo {
    background: url(images/ui-sprite.svg) no-repeat 0 -300px;
    position: absolute;
    width: 140px;
    height: 58px;
    top: 50%;
    left: 50%;
    text-indent: -9999px;
	visibility: hidden;
}

.preloader-loading-icon {
    background: url(images/preloader-loading.svg) no-repeat 50%;
    text-indent: -9999px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: 90px;
    width: 40px;
    height: 40px;
	visibility: hidden;
}

.wrapper {

} 


.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }


#map {
    font-family: Verdana,Arial;
	display: block;
    position: relative;
    height: 100%; 

    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
   
    z-index: 10;
   
}

.btnMapControl {
    margin: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.ApplicationCaption-class {
    
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.mapheader {
    font-family: Verdana,Arial;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
	right:0px;
     z-index: 0;   
}

/* Change cursor when mousing over clickable layer */
/* .leaflet-clickable {
  cursor: default;
} */
/* Change cursor when over entire map */

/* .leaflet-container {
  cursor: default;
} */


/* .leaflet-container {
  cursor: help !important;
} */

#MaplayersToolsBox {
	z-index: 50;
	float: right;
	position: absolute; 
	top:90px; 
	right: 10px; 
	width: 320px;
}

#InfoWindow {
	z-index: 900;
}

#butZoomExtent {
	 margin-top: 50px;
}
#butRefBook {
	 margin-top: 50px;
}

#butHelp {
	 margin-top: 50px;
}

#_butDBView {
	 margin-top: 50px;
}
#winUserLogin {
	
	z-index: 9000;
}

        #ResponsiveНeader {
            box-sizing: border-box;
            margin-bottom: 2px;
            width: 100%;
            height: 50px;
            padding: 5px 0 0 10px;
            z-index: 99;
        }
        #jqxResponsivePanel, #toggleResponsivePanel {
            float: right;
            z-index: 99;
			box-shadow: 0 0 10px rgba(0,0,0,0.5);
			visibility: hidden;
        }
        #toggleResponsivePanel {
            margin-right: 10px;
            z-index: 99;
        }
        #jqxResponsivePanel {
            padding: 5px;
            direction: rtl !important;
            z-index: 99;
        }


#idLegend {
    
}

#ApplicationCaption-block {
	z-index: 99;
	width: 400px;
	height: 50px;
	top: 0px;
}

#rgo-logo {
	font-family: Verdana,Arial;
	font-size: 8pt;
	font-weight: bold;
	z-index: 90;
	text-align: center;
	display: block;
    position: fixed;
	
	
    top: -10px;
	padding-top: 10px; 
	padding-bottom: 5px; 
    margin: 0px;
    left: 10px;	
	width: 400px;
	height: 20px;
	border-radius: 10px;
	background-color: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	opacity: 0.7;
}	

#ecobutton-block {
    left: 12px;
    bottom: 246px;
    width: 120px;
    z-index: 97;
    position: absolute;
    opacity: 0.9;
}

#rules-block {
    left: 12px;
    bottom: 363px;
    width: 120px;
    z-index: 97;
    position: absolute;
    opacity: 0.9;
}

#logo-block {
    bottom: 0px;
    left: 0px;
    z-index: 98;
    position: absolute;
    opacity: 0.9;
}

#mapcontrol-block {
    top: 45px;
    left: 20px;
    z-index: 98;
    position: absolute;
    opacity: 0.9;
}

#admincontrol-block {
    top: 45px;
    left: 5px;
    z-index: 98;
    position: absolute;
    opacity: 0.9;
	
}

#userLoginbtn-block {
    top: 10px;
    right: 80px;
    z-index: 98;
    position: absolute;
    opacity: 0.9;
}
#maplayersbtn-block {
    top: 10px;
    right: 20px;
    z-index: 98;
    position: absolute;
    opacity: 0.9;
}

#tpanel {
	position: fixed;
    top: 0px;
	bottom: 0px;
    left: 0px;	
	right: 0px;	
	width: 100%;
	height: 50px;
    z-index: 48;
   /* position: absolute; */
    opacity: 0.9;
}

#rgotextblock {
    position:  absolute;
    font-family: Verdana,Arial;
    font-size: 10px;
	width: 150px;
    bottom: 25px;
	left : 150px;
	z-index: 99;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px){ .idLegend {display: none; }}


.jqx-expander-content {
    padding-top: 1px;
    padding-bottom: -1px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}
}

p {
    font-family: Verdana,Arial;
    font-size: 10px;
}

h5 {
    font-family: Verdana,Arial;
    font-size: 11px;
    margin: 0px;
}

.textline {
    font-family: Verdana,Arial;
    font-size: 10px;
}
.textline2 {
    font-family: Verdana,Arial;
    font-size: 10px;
	text-align: center;
	vertical-align:middle;
}
.textlinebold {
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
}

.textlinebold2 {
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
	text-align: center;
	vertical-align:middle;
}
.RefBookURL {
	display: block; 
	visibility: inherit; 
	left: 140px; 
	top: 70px; 
	position: absolute;
	
	
	font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
	font-style:italic  ;
    color: #26517C;	
	
	padding-bottom: 30px;
	
}
.RefBookRusLatTitle {
	display: block; 
	visibility: inherit; 
	left: 140px; 
	top: 30px; 
	position: absolute;
	
	
	font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
	font-style:italic  ;
    color: #26517C;	
	
	padding-bottom: 30px;
	
}
.RefBookRusTitle {
	display: block; 
	visibility: inherit; 
	left: 140px; 
	top: 10px; 
	position: absolute;
	
	font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
    color: #26517C;	
}

.textblock {
    float:left;
    font-family: Verdana,Arial;
    font-size: 10px;
    border-color: 
    right: 10px;
	left : 10px;
	margin: 10px;
}

a { text-decoration: none;color: #0D58A6; } 
a:hover { text-decoration: none; color: #081272;}  

/**
 * ----------------------------------------
 * animation scale-up-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}

/**
 * ----------------------------------------
 * animation scale-up-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}

/**
 * ----------------------------------------
 * animation scale-in-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}