@charset "utf-8";

html{font-size: 16px; background-color: #e5eaed;}
body{ color:#666;}
option[disabled]{background-color: #ccc; color:#FFF;}
.fullpage{height: 100vh; max-height: -webkit-fill-available;}
#page-wrapper{height: 100%; padding-top: 60px; display: -ms-flexbox !important; display: flex !important; }
#page-header {background-color: #fff;
	-webkit-box-shadow: 0 8px 4px -4px rgba(0,0,0,0.05);
	   -moz-box-shadow: 0 8px 4px -4px rgba(0,0,0,0.05);
	        box-shadow: 0 8px 4px -4px rgba(0,0,0,0.05);
}
#page-header .header-wrapper{ height: 60px;}
#page-header .logo img{height: 50px;}
#page-header .logo h1{display:inline-block; padding-left: 0.5em; margin-bottom: 0;}
.inner-page #search_data{display: none;}
#main-content{padding: 24px 0;}
.invalid-text{color: #b6bbbf;}
#page-header .logo h1 .invalid-text{text-transform: uppercase;}

#main-content, #main-content>.container{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column;  width: 100%;}
#main-content>.container, #main-content>.container>.row-flex{ -ms-flex:1 1 100%; flex:1 1 100%; width: 100%;}
#main-content>.container>.row-flex>div.content-left{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#data_list{font-size: 1.5rem; line-height: 1.5em;}
#data_list>li{ position: relative; margin-bottom: 1em; border-bottom: 1px #ccc solid; padding: 0;}
#data_list>li:before{ content: none !important; display: none;}
#data_list .marker{ display: inline-block; width: 2em; height: 1em; text-align: center; font-size: 2em; position: absolute; top:0.2em; left:0; font-weight: bold; line-height: 1}
#data_list>li>.marker { color:#222}
#data_list>li>div{position: relative; padding: 0.5em 0.5em 0.5em 4em;}
#data_list>li>div .marker{ color:#11a7df; }
html[lang=en-GB] #data_list>li>div .marker{ top:0.5em; bottom:auto; }

.panel{width: 100%; max-width: 100%; position: relative;}

#data_list .inner-question{ display: block; padding: 1em 70px 1em 1em; line-height: 1.2 }
#data_list .question{font-weight: 500; color:#333; position: relative; display:block; width: 100%; padding: 1em 70px 1em 4em; z-index: 1; line-height: 1.2}
#data_list .answer{ position: relative; display:block; padding: 1em 70px 1em 4em; background-color: #fcfcfc; z-index: 0;
	 box-shadow: inset 0 8px 10px -6px #CCC;
}
#data_list>li .btn{position: absolute; width: 64px; height: 48px; top:0.6em; right:0; font-size: 32px; line-height: 1em; color: inherit}
#data_list>li .inner-question .btn{top:0.4em;}
.inner-details .content-left .panel-body{padding-bottom: 68px;}
.panel-bottom{padding: 1em; text-align: center; position: absolute; right:0; bottom:0; left:0; margin: auto;}

.content-right{font-size: 0.875rem; line-height: 1.2}
.data-search{width: 100%;}

.list-arrow{padding: 0; list-style: none;}
.list-arrow li{ padding-top: 1em; margin-top: 1em; border-top: 1px #ddd solid; position: relative; padding-left: 1.5em; }
.list-arrow>li::before{
	content: ""; display:inline-block; width: 0; height: 0; background-color:transparent; border-radius: 0; position: absolute; left:0; margin-top: 1%;
	/*border: 8px currentColor solid;*/
	border-style: solid;
	border-width: 0.5em 0.8em;
	border-color:transparent transparent transparent currentColor;
}
.list-arrow li.active{color:#222;}
.list-arrow li:hover{color:#F90;}

.click-more{font-size: 12px; text-align: center; cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.err-msg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 768px; height: 50vh; text-align: center;}
.err-msg::before{ content: ""; display:block; width: 100%; max-width: 320px; height: 100%; max-height: 384px; background-image: url(../images/no_data.png); background-repeat: no-repeat; background-position: top center; background-size: contain; margin: 0 auto 1rem;}

#page-footer{background-color: #FFF; height: auto;  padding: 1rem; text-align: center; font-size: 0.8rem; color:#999;
	-webkit-box-shadow: 0 -8px 4px -4px rgba(0,0,0,0.05);
	   -moz-box-shadow: 0 -8px 4px -4px rgba(0,0,0,0.05);
	        box-shadow: 0 -8px 4px -4px rgba(0,0,0,0.05);
}

/* responsive */
@media (max-width: 1280px){
	#page-header .logo h1{font-size: 1.2rem;}
}
@media (max-width: 992px){
	#page-header .logo{width: calc(100% - 168px)}
	#page-header .logo h1{font-size: 1.2rem;}
	#search_data{height: 3em; line-height: 1;}
	#mobile-menu { border-radius: 4px; box-shadow: none; display: block; font-size: 24px; }
	.navbar>li{background-color: #FFF; padding: 0.25rem;}
}
@media (max-width: 768px){
	
}
@media (max-width: 767px){
	#page-wrapper{padding-top: 80px;}
	#page-header .header-wrapper{height: auto; padding: 10px 0; width: 100%;}
	#page-header .logo{width: 100%;}
	#page-header .logo img{ height: 40px;}
	#page-header .logo h1{font-size: 1rem; width: 100%;}
}