/* 
::-webkit-scrollbar-track {
    background: #eee; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
::-webkit-scrollbar {
    width: 5px;
} */

.mainWrapper { padding-left: 300px; }

.graveBar { background-color:#42464e; width:300px; position:fixed; left:0px; top:0px; height:100%; }
.graveBar .logobar { padding:2px 25px; color:#fff; line-height:60px; font-size:17px; background-color:#65c502; cursor:pointer; }
.searchGrave .form-control { border:none; padding: 0 25px; background-color:#5f6269; font-size:15px; color:#f2f3f6; height:45px; transition: all 0.4s; border-radius:0px; }

.searchGrave { position:relative; }
.searchGrave .form-control:focus { background-color:#6f7278; box-shadow:none; }
.searchGrave button { background:none; opacity:0.6; color:#fff; border:none; position:absolute; right:0px; top:0px; height: 100%; width: 46px; transition:all 0.4s; }
.searchGrave button:hover, .searchGrave button:focus { opacity:1; outline:none; background:#6f727a; }

.graveContainer { padding: 35px 4px 35px 8px; font-size: 15px; height: calc(100% - 109px); overflow:auto; /* overflow-y:auto; */ }
.graveContainer .row { margin-left: -8px; margin-right: -8px; }
.graveMainBlock { padding-bottom:20px; padding-right: 10px;  padding-left: 10px; }
.graveMainBlock label { color:#bbbec3; font-weight:300; }
.graveMainBlock .graveBlockResult { color:#f2f3f6; }
.graveImg .graveImgContainer, .portraitImg .graveImgContainer { position:relative; /* border: solid 3px #494d55; */ /* max-width:220px; */ width:100%; margin:20px auto 0px auto; border-radius:3px; /* box-shadow:0px 5px 5px rgba(0,0,0,0.3);  min-height: 306px;*/ display: flex; align-items: center; justify-content: center; }
.graveImg { display:inline-block; width:100%; }
.graveImg img, .portraitImg img { max-width: 100%; max-height: 300px; }
.graveImgPop{position:relative; }
.graveImgPop img { max-width:220px; width:100%; }

#return-to-top { position: fixed; bottom: 0px; right: 0px; background-color: #42464e; width: 32px; height: 32px; display: block;
    text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top i { color: #fff; margin: 0; position: relative; left: 33%; top: 23%; font-size: 14px; -webkit-transition: all 	0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i { color: #fff; top: 5px; }

#loading { z-index:99999 !important; }

.ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu-item .ui-menu-item-wrapper:active, .ui-helper-hidden-accessible div:hover { background:#6382bb; border-color:#6382bb; }
.ui-widget.ui-widget-content { border:none; box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }

.graveMap { width: calc(100% - 300px); height: 100%;position: absolute;left: 300px; }
.gravePopName { margin-top: 7px; font-weight: bold; }

.infoTextDiv { color:#e4e5e8; padding-left: 10px; padding-right: 0px; font-weight: 300; letter-spacing: 0.6px; font-size: 14px; max-height:242px; overflow:auto; }
/* .infoTextDiv:hover { overflow:auto; } */

/** Slider Images **/
.slider { width: 100%; margin: 0px auto; float: left; padding: 20px 20px 0 20px; }
.slick-list { width: 100% !important; }
.slick-slide { margin: 0px 5px; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: #fff; font-size: 14px !important; }
.slick-dots li button:before { color: #fff !important; font-size: 14px !important; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; cursor: pointer; }
.slick-track { display: flex; align-items: center; }
.slick-slide div div img { margin: 0 auto; }
#graveSlide img{ max-width: 80%; max-height: 300px; width: auto; }
#graveBigImg .slick-slide img { display: inline-block; max-width: 80%; max-height: 300px; width: auto; }
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }
.slick-dots { left: 0; }
.slick-dots li { margin: 0 1px; }

@media (max-width:991px) {
	.mainWrapper { padding-left: 230px; }
	.graveContainer { height: calc(100% - 97px); padding: 25px 8px; }
	.graveBar { width: 230px; }
	.graveBar .logobar { font-size: 18px; line-height: 48px; padding: 2px 20px; }
	.logobar img { width: 33px; }
	.graveMap { left: 230px; width: calc(100% - 230px); }
	.infoTextDiv { overflow:auto; margin-top:7px; }
}

@media (max-width:767px) {
	.graveBar { width:100% !important; z-index: 9999; position:relative; height:auto; }
	.graveContainer { height:auto; /* max-height:450px; */ overflow: inherit; min-height: 0px; }
	.mainWrapper { padding-left: 0px; }
	.graveContainer { padding: 12px 8px; }
	.graveMap { left: 0px; width: calc(100% - 0px); }
	
	.noScroll { overflow:auto !important; }
	#image1 { display:none; }
	.viewport {  /* position:relative !important; top:0px !important; */ }
	.ui-widget.ui-widget-content { z-index: 9999; height: calc(100% - 110px); height: -moz-calc(100% - 110px); height: -webkit-calc(100% - 110px); }
	.graveMainBlock { padding-bottom: 5px; font-size: 14px; }
	
	.graveImgPop { text-align:center; }
	.graveImgPop img { max-height: 170px; width:auto; }
	.leaflet-popup-content { width: auto !important; }
	.searchGrave .form-control { height: 40px; }
	.leaflet-control { display:none; }
	.graveMainBlock label { margin-bottom: 0px; }  
	
	/* .graveImg { display:none; } */
	.graveMainBlock .graveBlockResult { padding-left: 25px; }
	
	.leaflet-image-layer {  }
	
}

@media (max-width:575px) {
	
}

@media (max-device-width: 1023px) { 
	/* .graveContainer { height:auto; overflow: inherit; } */
}