/* Styling Component ------------------------------------------------------------------------------------------------------------------------------------- */
.cartodb-legend-stack {
 left:60px !important;
 right:0 !important;
 width: 300px;
}
.saturate {-webkit-filter:saturate(3);}
.grayscale {-webkit-filter:grayscale(100%);}
.contrast {-webkit-filter:contrast(160%);}
.brightness {-webkit-filter:brightness(0.25);}
.blur {-webkit-filter:blur(3px);}
.invert {-webkit-filter:invert(100%);}
.sepia {-webkit-filter:sepia(100%);}
.huerotate {-webkit-filter:hue-rotate(180deg);}
.rss.opacity {-webkit-filter:opacity(50%);}
.invert-button:hover{
	-webkit-filter:invert(100%);
}
.tooltip{
    padding:5px 10px;
    color:#ffffff;
    background-color:#4083c0;
    border:1px solid #4083c0;
	border-radius:7px;
	overflow:hidden;
	opacity:1;
	text-shadow:
	 -1px -1px 0 #000,  
	  1px -1px 0 #000,
	  -1px 1px 0 #000,
	   1px 1px 0 #000;	
}
h6{
	font-size: 1.1em;
	font-family: Roboto;
	color: #4083c0;
	margin:0;
	padding:0;
	font-weight:bold;
}
.no-scroller{
	overflow:auto;
}
.no-scroller::-webkit-scrollbar {
    display:none; 
}
.no-scroller::-webkit-scrollbar {
    display:none; 
}
.no-scroller::-webkit-scrollbar-thumb {
    display:none; 
}
.with-scroller{
	overflow:auto;
}
.with-scroller::-webkit-scrollbar {
    width:5px;
	background:#454545;
}
.with-scroller::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
	background:#CA2727;
}
.with-scroller::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
	background:#039be5;
}
.dropdown-default{
	height:35px;
	margin-bottom:5px;
	background:#eaeaea;
	color:#4083c0;
	border:1px #9e9e9e solid;
}
.dropdown-layout{
	background:#e1f5fe;
	height:35px;
	margin-bottom:5px;
	color:#4083c0;
	border:1px #9e9e9e solid;
}
.dropdown-default:focus{
	outline:0;
}
.left-padding{
	padding-left:10px !important;
}
.text-bold{
	font-weight:bolder !important
}
@media only screen and (max-width:540px) {
	.text-small-screen{
		font-size:0.9rem !important;	
	}
}
.no-border{
	border:none !important;	
}
.extended-container{
	display:none;	
}
.dropdown-default{
	background:#81d4fa;
	color:#000;
	border:1px #9e9e9e solid;
}
.nobottom-margin{
	margin-bottom:0 !important;	
}

/* Basic Component --------------------------------------------------------------------------------------------------------------------------------------- */

html,body{
	overflow:hidden;
	height:100%;
	width:100%;
	margin:0;
}
body{
	height:100%;
	width:100%;
	margin:0;
	background:#f9fbe7;
	color:#000000;
	font-family:Roboto;
	overflow:hidden;
}
.container{
	/*overflow:auto;*/
	height:100%;
}

/* Login Component --------------------------------------------------------------------------------------------------------------------------------------- */
#modalLogin{
	width:50%;
	padding:10px;
	overflow:hidden;
	margin:auto;
	border:1px #999 solid;
}
@media only screen and (max-width:600px) {
	#modalLogin{ width:100%; height:100% !important; top:0% !important; }
}
#modalContentLogin{
	width:100%;
	height:100%;
}
#loginLogo{
	margin-top:10px;
	width:100%;
}

/* Modal No Resolution ----------------------------------------------------------------------------------------------------------------------------------- */
#modalNotSupported{
	width:100%;
	height:100%;
	padding:0;
	overflow:hidden;
	top:0% !important;
	background:#ffffff url('../images/mobile-nores.png') top right no-repeat;
	background-size:auto 100%;
}
#modalContentNotSupported{
	width:100%;
	height:100%;
}

/* Init Environment -------------------------------------------------------------------------------------------------------------------------------------- */
#map{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.main-header{
	position: absolute;
	z-index: 9;
	left: 544px;
	top: 15px;
	width: calc(100% - 555px);
	height: 49px;
	/*border: 1px #B62323 solid;*/
	background: rgba(255, 255, 255, 0.68);
}
@media only screen and (max-width:1023px) {
	.main-header{ display:none !important; }
}
.main-header-container{
	width:100%;
	height:100%;
	position:relative;
}
.main-header-text{
	float: right;
	top:5px; /*0px if text*/
	left:5px; /*15px if text*/
	font-size:2.5rem;
	color:#fff;
	font-weight:500;
	letter-spacing:-0.1rem;
}
.main-header-logo{
	height:45px;
	margin:5px;
}
.main-header-button-1, .main-header-button-2, .main-header-button-3, .main-header-button-4, .main-header-button-5, .main-header-button-6, .main-header-button-7 {
	position:absolute;
	top:8px;
}
.main-header-button-1{ right: 10px; }
.main-header-button-2{ right: 55px; }
.main-header-button-3{ right: 100px; }
.main-header-button-4{ right: 145px; }
.main-header-button-5{ right: 190px; }
.main-header-button-6{ right: 235px; }
.main-header-button-7{ right: 280px; }
.main-logout-button{
	position:absolute;
	top: 18px;
	left: 473px;	
}
.main-menu-button{
	position:absolute;
	top:14px;
	right:80px;	
}
.main-menu-unselect{
	position:absolute;
	top:14px;
	left: 526px;	
}
.main-menu-button-public{
	position:absolute;
	top:18px;
	left:329px;	
}
.main-menu-unselect-public{
	position:absolute;
	top:18px;
	left: 401px;
}
.main-search-container{
	position:absolute;
	z-index:999;
	right:226px;
	top:15px;
	height:55px;
	width:299px;
	background:#ffffff;
	border:1px #4083c0 solid;
}
.main-search-container-public{
	position:absolute;
	z-index:999;
	right:145px;
	top:15px;
	height:55px;
	width:381px;
	background:#ffffff;
	border:1px #4083c0 solid;
}
.main-search-content{
	position:relative;
	height:100%;
	width:100%;
	padding:5px 75px 5px 15px;
}
.main-search-input{
	border-bottom:hidden !important;
}
.main-search-close{
	position:absolute;
	right:40px;
	top:5px;
	display:none;
}
.main-search-button{
	position:absolute;
	right:10px;
	top:5px;
}
@media only screen and (max-width:540px) {
	/*.main-logout-button, .main-menu-button, .main-menu-unselect { top:84px; } */
	.main-search-container { left:15px !important; width:calc(100% - 165px); }
	.main-search-container-public { left:15px !important; width:calc(100% - 165px); }
	.main-menu-button-public{
		right:14px;	
	}
	.main-menu-unselect-public{
		right:80px;	
	}
}
.main-splash{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	text-align:center;	
}
.main-splash-img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
@media only screen and (max-width:480px) {
	.main-splash-img{ width:calc(100% - 20px); !important; }
}

/* Init Environment Component ---------------------------------------------------------------------------------------------------------------------------- */
.main-menu-container{
	position:absolute;
	/*max-height:307px;*/
	max-height:calc(100% - 310px);	
	background:#ffffff;
	padding:0 !important;
	z-index:9;
	top:80px;
	right:14px;
	width:512px;
	font-size:1em;
	border:1px #4083c0 solid;
	overflow-x:hidden;
	overflow-y:scroll;
}
.main-menu-container-public{
	position:absolute;
	/*max-height:307px;*/
	max-height:calc(100% - 110px);	
	background:rgba(255, 255, 255, 0.55);	
	padding:0 !important;
	z-index:9;
	top:16px;
	left:14px;
	width:303px;
	font-size:1em;
	/*border:1px #B32222 solid;*/
	overflow-x:hidden;
	overflow-y:scroll;
}
@media only screen and (max-width:540px) {
	.main-menu-container, .main-menu-container-public { width:calc(100% - 30px); max-height:calc(100% - 120px); }
}
.main-menu-body p{
	font-size:0.8em;
	padding:0 0 0 50px;
	background:#ffffff;
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
.main-menu-large{
	position:absolute;
	z-index:9;
	top:80px;
	left:15px;
	width:calc(100% - 545px);
	height:calc(100% - 110px);
	background:#ffffff;
	border:1px #4083c0 solid;
	overflow:auto;
}
.main-menu-large-public{
	position:absolute;
	z-index:9;
	top:80px;
	left:15px;
	width:calc(100% - 545px);
	height:calc(100% - 110px);
	background:#ffffff;
	border:1px #4083c0 solid;
	overflow:auto;
}
@media only screen and (max-width:1023px) {
	.main-menu-large, .main-menu-large-public { display:none !important; }
}
.main-menu-small{
	position:absolute;
	z-index:9;
	bottom:30px;
	right:15px;
	width:510px;
	/*height:calc(100% - 423px);*/
	height:194px;
	background:#ffffff;	
	border:1px #4083c0 solid;
	overflow:hidden;
}
@media only screen and (max-width:1023px) {
	/*.main-menu-small{ width:calc(100% - 30px); height:calc(100% - 475px); } */
	.main-menu-small{ display:none !important; }
}

/* Panel Component --------------------------------------------------------------------------------------------------------------------------------------- */
.panel-layout-row{
	height:100% !important;
	width:100% !important;
	position:relative !important;
	margin-bottom:0 !important;
}
.panel-layout-frame{
	padding:5px !important;
	position:relative;	
}
.panel-container-large{
	border:1px #4083c0 solid;
	border-radius:3px;
	padding:10px;
	margin:10px 0;
	min-height:100px;
	position:relative;
}
.panel-layout-large{
	padding:10px;
	position:relative;	
}
.panel-layout-small{
	padding:5px !important;
 	height:100% !important;
}
.panel-container-small{
	border:1px #4083c0 solid;
	border-radius:3px;
	padding:10px;
}
.panel-layout-fullheight{
	padding:5px !important;
 	height:100% !important;
}
.panel-container-fullheight{
	border:1px #4083c0 solid;
	border-radius:3px;
	padding:10px;
 	height:100% !important;
}

/* Panel Konfigurasi ------------------------------------------------------------------------------------------------------------------------------------- */
.konfigurasi-profil-btn{
	font-size:0.8rem;
	margin-bottom:5px;
	width:100%;
	background:#4083c0;
}

/* Main Laporan Masyarakat ------------------------------------------------------------------------------------------------------------------------------- */
.container-ranking-kelurahan{
	width:100%;
	height:170px;
	margin-top:10px;
}
.container-table td, .container-table th{
	vertical-align:top;
	font-size:0.9rem;
	font-weight:normal !important;
	padding-left:5px;
	height:15px !important;
	border-radius:0px;
}
.container-table-summary td{
	vertical-align:top;
	font-size:0.8rem;
	font-weight:normal !important;
	padding:0px;
}
.container-table-rop td{
	vertical-align:top;
	font-size:0.8rem;
	padding:0px;
}
.container-table-header{
	background:#4083c0;
	border-bottom:2px #FFF solid;
	color:#FFF;
	border-radius:0px;
}
.container-right-text{
	text-align:right;
	padding-right:5px;
}
.container-ranking-kelurahan{
	padding:0px !important;
}
.container-column-kelurahan-header{
	padding-left:0px !important;
}
.container-column-kelurahan{
	width:75px;
}
.container-ranking-list-kelurahan{
	width:100%;
	height:calc(100% - 72px);
	overflow:hidden;
}
.container-live-feed{
	width:100%;
	height:145px !important;
	overflow:hidden;
}
.container-table-live-feed td, .container-table-live-feed th{
	vertical-align:top;
	font-size:0.9rem;
	padding:0px;
	border-radius:0px;
}
.container-table-live-img{
	width:160px;
	height:130px;
	border:1px #4083c0 solid;
	padding:0 !important;
}
.container-table-live-extended{
	width:300px;
	height:140px;
	background:#eaeaea;
	border:1px #4083c0 solid;
	padding:10px;
	overflow:hidden;
	border-radius:5px;
}
.container-live-count{
	padding:0 !important;
	height:40px !important;
	overflow:hidden !important;
}
.container-live-list{
	margin:0 !important;
	width:calc(100% - 20px);	
}
.container-live-item{
	padding:10px !important;
	height:40px !important;
	font-size: 1.1em !important;
}
.live-feed-value{
	margin-left:20px !important;
	font-weight:bold !important;
	color:#689f38 !important;	
	font-size: 1.1em !important;
}
.panel-weather{
	font-weight:normal !important;
	color:#1b5e20 !important;
	font-size: 1em !important;
}

/* Main ROP ---------------------------------------------------------------------------------------------------------------------------------------------- */
.container-rop-div{
	height:270px !important;
}
.container-rop-feed{
	margin-top:10px;
	height:calc(100% - 30px) !important;
}
.container-table-rop td, .container-table-rop th{
	vertical-align:top;
	font-size:0.9rem;
	padding:0px;
	border-radius:0px;
}
.panel-container-rop-chart{
	position:absolute;
	height:200px;
	width:455px;
	left:10px;
	top:0;
}
.panel-container-rop-chart-extend{
	position:absolute;
	height:200px;
	width:calc(100% - 485px);
	left:475px;
	top:0;
}
@media only screen and (max-width:1360px) {
	.panel-container-rop-chart-extend{ display:none !important; }
}
.panel-container-rop-chart-title{
	position:absolute;
	height:180px;
	width:calc(100% - 230px);
	top:10px;
	left:220px;
}
.container-table-chart td{
	vertical-align:top;
	font-size:0.8rem;
	font-weight:normal !important;
	padding:0 5px 0 5px;
	border-radius:0px;
	border-bottom:2px #ffffff solid;
}

/* Main Sosmed ------------------------------------------------------------------------------------------------------------------------------------------- */
.container-sosmed-div{
	height:170px !important;
}
.container-sosmed-feed{
	margin-top:10px;
	height:calc(100% - 30px) !important;
}
.container-traffic-feed{
	margin-top:10px;
	height:calc(100% - 30px) !important;
}
.container-table-sosmed td, .container-table-sosmed th{
	vertical-align:top;
	font-size:0.9rem;
	padding:0px;
	border-radius:0px;
}
.container-search-sosmed{
	position:relative;
	height:100%;
	width:100%;
	padding:0 10px 0 40px;
}
.container-search-button{
	position:absolute;
	left:0;
	top:0;
}
.container-search-input{
	border-bottom:hidden !important;
	color:#4083c0 !important;
	background:#eaeaea !important;
	padding-left:10px !important;
	border-radius:5px !important;
}

/* Main CCTV --------------------------------------------------------------------------------------------------------------------------------------------- */
.container-cctv-div{
	min-height:270px !important;
}
.container-cctv-feed{
	margin-top:10px;
	width:100%;
	height:calc(100% - 30px) !important;
}
.container-table-cctv{
	width:100%;
}
.container-table-cctv td, .container-table-cctv th{
	vertical-align:top;
	font-size:0.9rem;
	padding:2px !important;
	border-radius:0px;
}
.btn-cctv{
	width:100%;	
}
.container-pintu-div{
	margin-top:20px;
	width:100%;
	height:calc(100% - 30px) !important;
}
.container-table-pintu{
	margin:10px 0 0 0 !important;
	width:100%;
}
.container-table-pintu td, .container-table-pintu th{
	vertical-align:top;
	font-size:0.9rem;
	padding:0 !important;
	border-radius:0px;
}

/* Dashboard Modal --------------------------------------------------------------------------------------------------------------------------------------- */
#modal-default{
	width:90%;
	height:90%;
	padding:10px;
	overflow:hidden;
	top:5% !important;
}
#modal-demo{
	width:50%;
	height:50%;
	padding:10px;
	overflow:hidden;
	top:25% !important;
}
.modal-default-content{
	width:100%;
	height:100%;
}
.modal-default-title{
	width:100%;
	height:60px;
	padding:10px 15px;
	background:#4083c0;
	color:#ffffff;
	font-family:Roboto;
	font-size:1.8rem;
}
.modal-content-container{
	margin-top:15px;
	width:100%;
	height:calc(100% - 75px);
	overflow:auto;
}
#modal-photo{
	width:60%;
	height:80%;
	overflow:hidden;
	top:10% !important;
}
@media only screen and (max-width:1024px) {
	#modal-photo{ width:70% !important; }
}
.modal-photo-content{
	width:100%;
	height:100%;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.modal-photo-img{
	width:calc(100% - 5px);
	height:calc(100% - 5px);	
}
@media only screen and (max-width:480px) {
	#modal-photo{
		top:5% !important;
		width:90%;
		height:auto;
	}
	.modal-photo-img{
		width:calc(100% - 5px);
		height:auto;	
	}
}
#modal-cctv{
	width:70%;
	height:80%;
	overflow:hidden;
	top:10% !important;
}
.modal-cctv-content{
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	vertical-align:middle;
}
.modal-cctv-img{
	width:calc(100% - 5px);
	height:calc(100% - 5px);	
}
@media only screen and (max-width:480px) {
	#modal-cctv{
		top:5% !important;
		width:90%;
		height:auto;
	}
	.modal-cctv-img{
		width:calc(100% - 5px);
		height:auto;	
	}
}
#modal-form{
	width:70%;
	padding:10px;
	overflow:hidden;
	top:5% !important;
}
.modal-form-content{
	width:100%;
	height:100%;
}
.modal-form-container{
	margin-top:15px;
	width:100%;
	height:calc(100% - 75px);
	overflow:hidden;
}

/* Qlue Marker ------------------------------------------------------------------------------------------------------------------------------------------- */
.qlue-infobox{
	width:420px;
	height:400px;
	padding:10px;
}
.qlue-marker-img{
	width:calc(100% - 15px);
	height:100%;	
}
@media only screen and (max-width: 600px) {
	.qlue-infobox{ width:280px; }
}

/* Default Marker ---------------------------------------------------------------------------------------------------------------------------------------- */
.marker-infobox{
	min-width:420px;
	max-width:520px;
	margin:10px;
	/*background:url('../images/qlue/icon-qlue.png') no-repeat;
	background-position: 50% 80%; */
}
.marker-infobox-frame{
	max-height:420px;
	overflow:auto;
}
@media only screen and (max-width: 600px) {
	.marker-infobox{ width:280px; min-width:280px; }
}
.marker-infobox-div{
	width:calc(100% - 10px);
	height:calc(100% - 10px);
}
.marker-marker-body{
	padding:5px 0 5px 15px;
	height:190px;
	background:#e1f5fe;
}
.marker-marker-body p{
	font-size:1.1em;
	padding:5px 0 5px 20px;
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
.map-marker-table{
	width:calc(100% - 10px);
	margin-bottom:15px;	
}
.map-marker-table td, .map-marker-table th{
	vertical-align:top;
	font-size:0.8rem;
	padding:0px;
	border-radius:0px;
}
.map-marker-table-value{
	font-size:1.1em;
	font-weight:bold;
	padding-right:10px;	
}
.map-marker-table-desc{
	padding-right:5px;
	width:calc(100% - 5px);
	height:50px;	
}
.map-marker-desc-text{
	width:285px;
	height:190px;
	overflow:auto;
}
.map-marker-row{
	margin:10px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	overflow-x:hidden;
	overflow-y:auto;
}
.map-marker-row::-webkit-scrollbar {
    width:5px;
	background:#454545;
}
.map-marker-row::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
	background:#E8E8E8;
}
.map-marker-row::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
	background:#039be5;
}
.map-marker-container-table td, .map-markercontainer-table th{
	vertical-align:top;
	font-size:0.8rem;
	padding:0 10px 0 5px;
	height:15px !important;
	border-radius:0px;
}
.map-marker-comment-username{
	font-size:0.8rem;
	font-weight:bold !important;
}
.map-marker-comment-timestamp{
	font-size:0.6rem !important;
	font-weight:bold !important;
}
.map-marker-comment-bottom{
	height:1px;
	margin-top:5px;
	background:#03a9f4;
}
.map-marker-tooltip{
    display:none;
    position:absolute;
    background:#4083c0;
	color:#ffffff !important;
	font-family:Roboto;
	font-size:0.8rem;
	padding:5px;
    margin:5px;
	max-width:280px;
	border-radius:7px;
	-webkit-box-shadow: 0px 1px 3px 1px rgba(148,148,148,1);
	-moz-box-shadow: 0px 1px 3px 1px rgba(148,148,148,1);
	box-shadow: 0px 1px 3px 1px rgba(148,148,148,1);
}
.map-marker-tooltip-table{
	margin:5px 0;
}
.map-marker-tooltip-table td{
	vertical-align:top;
	padding:0px 5px !important;
}
.map-marker-tooltip-img{
	width:70px;
	border:2px #ffffff solid;
}
.marker-infobox-list{
	min-width:420px;
	margin:10px;
	/*background:url('../images/qlue/icon-qlue.png') no-repeat;
	background-position: 50% 80%; */
}
.map-marker-list{
	width:calc(100% - 10px);
	margin:10px;
}
.map-marker-list td, .map-marker-list th{
	vertical-align:top;
	font-size:0.8rem;
	padding:0px;
	border-radius:0px;
}
.map-marker-list-container{
	width:calc(100% - 10px);
	height:200px;
	margin-bottom:10px !important;
	overflow-y:auto;
	overflow-x:hidden;
}
.map-marker-list-demografi{
	width:calc(100% - 10px);
	max-height:110px;
	margin-bottom:10px !important;
	overflow:auto;
}
.table-list-highlight tr:nth-child(even){
	background-color:#e5e5e5;
}
.map-marker-list-rank{
	width:calc(100% - 10px);
	margin:10px 0px;
}
.map-marker-list-rank td, .map-marker-list-rank th{
	vertical-align:top;
	font-size:0.7rem;
	border:1px #00695c solid;
	padding:0px;
	border-radius:0px;
	font-weight:bold !important;
	text-align:center;
}

/* Basic Layout Components ------------------------------------------------------------------------------------------------------------------------------------------- */
.layout-container-frame{
	width:100%;
	height:calc(100% - 100px);
	overflow:auto;
}
.layout-container-form{
	width:100%;
	height:110px;
	overflow:auto;
}
.layout-container-table td, .layout-container-table th{
	vertical-align:top;
	font-size:0.8rem;
	padding-left:5px;
	height:15px !important;
	border-radius:0px;
}
/*
.layout-container-table tr:nth-child(odd){
	background-color:#e5e5e5;
}
*/
.layout-container-table tr:nth-child(even){
	background-color:#e5e5e5;
}
.layout-container-table-header{
	font-size:1rem;
	font-weight:bold !important;
}
.layout-container-table-icon{
	margin-right:5px;
	cursor:pointer;
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
.standar-btn{
	margin-top:10px;
	width:320px;	
}
.label-text{
	padding-top:11px;
	font-size:0.9rem;
	font-weight:bold;	
}
.label-link{
	font-size:1rem !important;
	cursor:pointer;
	padding-left:35px;
	
}
.tracking-infobox{
	min-width:420px;
	height:370px;
	padding:10px;
}
.tracking-infobox-div{
	width:calc(100% - 10px);
	height:calc(100% - 10px);
}
@media only screen and (max-width: 480px) {
	.tracking-infobox{ width:280px; min-width:280px; }
	.map-marker-photo{ display: none; }
}
.tracking-marker-body{
	padding:5px 0 5px 15px;
	height:190px;
	background:#e1f5fe;
}
.tracking-marker-body p{
	font-size:1.1em;
	padding:5px 0 5px 20px;
	-webkit-transition:1s ease-out;
	-moz-transition:1s ease-out;
	-o-transition:1s ease-out;
	-ms-transition:1s ease-out;
	transition:1s ease-out;
}
#modal-toolgis{
	display:none;
	position:absolute;
	z-index:7;
	top:85px;
	left:15px;
	width:470px;
	padding:10px;
	background:#fff;
	border:2px #4083c0 solid;	
}
.text-tool-desc{
	width:100%;
	font-size:0.7rem;
	color:#999;
}
.text-tool-list{
	width:100%;
	height:145px;
	border:1px #4083c0 solid;	
}

.result-header{
	font-size:1.1rem;
	color:#4083c0;
	font-weight:bold;
}
.result-subheader{
	font-size:0.9rem;
	font-weight:bold;
	color:#4083c0;
}
.result-subresult{
	font-size:0.8rem;
	font-weight:bold;
	color:#000;
}
.result-value{
	width:calc(100% - 10px);
	font-size:0.8rem;
}
.result-map{
	color:#999;
	font-size:0.7rem;
}
.result-map:hover{
	color:#000;
	cursor:pointer;
}
.result-separator{
	margin-top:10px;
	height:10px;
	width:calc(100% - 10px);
	border-top:1px #4083c0 solid;
}
.result-search-header{
	width:100%;
	height:60px;
}
.result-search-header-img{
	position:absolute;
	top:10px;right:10px;	
}
.result-search-header-input{
	border:1px #4083c0 solid !important;
	width:320px !important;
	height:45px !important;
	border-radius:3px !important;
	padding:0 10px !important;	
}
@media only screen and (max-width:540px) {
	.result-search-header-img{ display:none !important;	}
	.result-search-header-input{ width:calc(100% - 90px) !important; }
}
.info-modal-header{
	width:100%;
	height:60px;
}
.info-modal-header-img{
	position:absolute;
	top:10px;
	left:5px;
	height:60px;	
}
.info-modal-header-close{
	position:absolute;
	right:20px;
	top:20px;	
}
@media only screen and (max-width:540px) {
	.info-modal-header-img{ display:none !important;	}
}
.container-info-list{
	width:100%;
	height:100%;
}
.gistool-view-text{
	font-size:0.7rem !important;
	color:#4083c0;
}
.ui-autocomplete { 
	position: absolute;
	cursor: pointer;
	background:#f0f4c3;
	border:2px #33691e solid;
}   
.ui-autocomplete { width:1px; }
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
	font-size:12px;
	font-family:Roboto;
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
	color:#1b5e20;
}
.ui-menu .ui-menu-item:hover {
	background:#ccff90;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
	color:#1b5e20;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
	color:#fff;
}
.ui-helper-hidden-accessible { display:none; }

/* Date Picker ------------------------------------------------------------------------------------------------------------------------------------------- */

.ui-datepicker {
	width: 230px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	background: #FFF;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
	background: #34495e; /* Old browsers */
	background: -moz-linear-gradient(top,  #34495e 0%, #2c3e50 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34495e), color-stop(100%,#2c3e50)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #34495e 0%,#2c3e50 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #34495e 0%,#2c3e50 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #34495e 0%,#2c3e50 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #34495e 0%,#2c3e50 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34495e', endColorstr='#2c3e50',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 0px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
/*	text-shadow: 1px 1px 0px #fff; */
	filter: dropshadow(color=#fff, offx=1, offy=1);
	border-radius:0px !important;
}
.ui-datepicker-calendar .ui-state-default {
	background: #FED030; /* Old browsers */
	background: -moz-linear-gradient(top,  #FED030 0%, #FDB12A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FED030), color-stop(100%,#FDB12A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FED030 0%,#FDB12A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FED030 0%,#FDB12A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FED030 0%,#FDB12A 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FED030 0%,#FDB12A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED030', endColorstr='#FDB12A',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7 !important;
	color: #464646 !important;
}
.ui-datepicker-calendar .ui-state-active {
	background: #464646 !important;
	color: #FFF !important;
	text-shadow: 0px 1px 0px #4d7a85;
	position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}