@font-face {
    font-family: thkrub;
    src: url("../fonts/THKrub/TH Krub.ttf");
}
html, body ,button, input, optgroup, select, textarea{
  font-family: thkrub;
  font-size:18px;
}
p{line-height:1rem;}
td, th{padding:5px;}

.collapsible{border:0px;}
.collapsible-header{padding:0.2rem;}
.collapsible-body{background-color:#EEE;padding:5px;}
.sidenav li > a{font-size:18px;}
.brand-logo{font-size:25px !important;}
#main{
	width:100%;
	height:100%;
	position:absolute;
}
#footer{
	position:absolute;
	width:100%;
}
#progress{margin:0px;}
#menu_tools{
	top:10px;
	right:10px;
	position:absolute;
	z-index:1100;
}
#refresh_tools{
	top:10px;
	right:55px;
	display:none;
	position:absolute;
	z-index:1100;
}
#marker_tools{
	/*top:130px;
	left:10px;*/
	top:0px;
	right:15px;
	margin-top:10px;
	position:absolute;
	z-index:1100;
}
#tabs-filter{
	width:320px;
	height:480px;
	top:0px;
	right:10px;
	margin-top:10px;
	position:absolute;
	background-color:transparent;
	font-size:18px;
	z-index:1000;
}
#content_layers{
	top:10px;
	right:50px;
	position:absolute;
}
#filter_area{
	bottom:10px;
	left:10px;
	position:absolute;
}
.area-card{
	width:250px;
	height:auto;
	padding:5px !important;
}
#tools{
	width:350px;
	height:auto;
	margin:1px 0px !important;
	overflow:auto;
}
#search-swipe,#search-content{
	height:auto;
	overflow:auto !important;
}

#hidden {
    display: none; opacity: 0; height: 100px; background: red;
    transition: opacity 600ms ease-in-out 0s;
}
#hidden.opened {
    opacity: 1;
}
#dropdown-province{
	margin-top:100px;
}

.filter-card,.filter-card-action{padding:0px !important;}
.chip{
	font-size:14px;
	height:30px;
	line-height:30px;
}
.chips{
	min-height:1px !important;
	margin:0px !important;
}
.chips .input{
	color:#FFF; 
	font-size:13px !important;
	width:100%;
	height:auto;
	border:0px !important;
}
.chips .input::placeholder{color:#EEE;}
.chips-autocomplete{margin:0px;}

.badge{font-size:18px;}
.autocomplete{height:2rem !important;font-size:18px !important;}

.modal{z-index:100;}
#modal_content,#modal_province,#modal_portfolio{width:90%;top:100px;z-index:1100}
.chips{border-bottom:0px !important;}
.tabs .tab,.tabs .tab a,.btn{font-size:18px;}
.tabs,.tabs .tab{
	height:40px;
	line-height: 40px;
}
.indicator{display:none;}

.card-content > .tabs-content{
	height:450px !important;
}
.tabs > .s1{width:6.25% !important;}
.tabs-swipe-area > .tabs-content{height:150px;min-height:150px !important;}
.tabs-swipe-area > li > .tabs .tab, .tabs .tab a{color:#3f51b5;}
.tabs-swipe-area > li > .tabs .tab a:hover, .tabs .tab a.active{background-color:#3f51b5;color:#ffffff;}

#tabs-swipe-filter > li > a{
	color:#3f51b5;
	background-color:#ffffff;
} 
#tabs-swipe-filter > li > a.active{
	color:#ffffff;
	background-color:#3f51b5;
}
.search-field{padding:5px;}
.tool-item{padding:3px 20px !important;}
.tool-row{margin-bottom:0px;} 
.tool-col{padding:0px !important;}
.search-row{margin:0px !important;}
.search-field{margin:0px !important;}

#helps{margin:1px 0px;}
#helps > li > .collapsible-header i{font-size:15px;}
.help_topic{font-weight:bold;}

#content_footer > .tabs-content{height:2000px !important;min-height:500px !important;}
.disable_menu{opacity:0.3;}
.select-dropdown,.select-wrapper .caret,.select-wrapper input.select-dropdown{
	color:#000;
	height:2rem;
	line-height:2rem;
}
/**Card CSS **/
#color_area_toggle,#filter_toggle{background-color: white;}
#color_area_toggle i ,#filter_toggle i{font-size:15px !important;}
.card-action{padding:2px !important;text-align:center;}

.menu-list-3,.menu-list-6{margin-top:5px;}
.color_level{font-size:15px;}
.box-color{width:10px; margin-right:10px;}
.dropdown-content{height:auto !important;}

[type="checkbox"] + span:not(.lever){height:20px;padding-left:5px;}
[type="checkbox"]:checked + span:not(.lever)::before{top:0;left:0;width:6px;height:15px;}
[type="checkbox"]:not(:checked):disabled + span:not(.lever)::before{top:0;left:0;background-color: #EEE;}