/** Generated by FG **/
@font-face {
	font-family: 'Conv_DB HelvethaicaMon X v3.2';
	src: url('fonts/DB HelvethaicaMon X v3.2.eot');
	src: local('☺'), url('fonts/DB HelvethaicaMon X v3.2.woff') format('woff'), url('fonts/DB HelvethaicaMon X v3.2.ttf') format('truetype'), url('fonts/DB HelvethaicaMon X v3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  font-family: 'Conv_DB HelvethaicaMon X v3.2', sans-serif;
  font-weight: 200;
  font-style: normal;
}

/*p {font-size: 1.3rem;}*/

b, strong {
  font-weight: 500;
}

.data_box {font-family: 'Conv_DB HelvethaicaMon X v3.2', sans-serif;}

.fs-4 {
  font-size: 2rem !important;
}

.brand-logo img {width: 90%;}
.card-title span {color: #98a4ae; font-weight: 400;}
.nav-item h3 { margin: 0;}

.apexcharts-toolbar {z-index: 9 !important;}

.date_se .input-group {width: 400px;}
.date_se .form-label {
  margin-right: 8px;
}



.data_table table th { text-align: center; background: #6ec7e7 !important; color: #fff !important; }
.data_table table strong { color: #29343d; }
.data_table table .width_name {width: 200px;}
th.tb_head {background: #6ec7e7 !important; color: #fff !important; text-align: center !important;}



.prachinburi_wrap { width: 100%; height: auto; text-align: center;}
.prachinburi_wrap iframe { width: 700px; height: 600px; text-align: center}



iframe body {
  margin: 0 !important;
}

.select_location_data {width: 330px;}

.table_wrapper table td { text-align: center !important;}






.visible-scrollbar,
.invisible-scrollbar,
.mostly-customized-scrollbar {
  display: block;
  width: 10em;
  overflow: auto;
  height: 2em;
  padding: 1em;
  margin: 1em auto;
  outline: 2px dashed cornflowerblue;
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
.mostly-customized-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa; /* or add it to the track */
}

/* Add a thumb */
.mostly-customized-scrollbar::-webkit-scrollbar-thumb {
  background: #000;
}


.level_1, .level_2, .level_3, .level_4, .level_5 {text-align: center; color: #fff !important;}
.level_1_sub, .level_2_sub, .level_3_sub, .level_4_sub, .level_5_sub {text-align: center; color: #252525 !important;}
.level_1 {background: #86CD71 !important; }
.level_2 {background: #00B572 !important;}
.level_3 {background: #FEB94E !important;}
.level_4 {background: #E07080 !important;}
.level_5 {background: #E54658 !important;}

.level_1_sub {background: rgba(134, 205, 113, .0)!important; }
.level_2_sub {background: rgba(0, 181, 114, .0)!important; }
.level_3_sub {background: rgba(254, 185, 78, .0)!important; }
.level_4_sub {background: rgba(224, 112, 128, .0)!important; }
.level_5_sub {background: rgba(229, 70, 88, .0)!important; }

.level_1_sub_detail, .level_2_sub_detail, .level_3_sub_detail, .level_4_sub_detail, .level_5_sub_detail {text-align: center;}

.sum td, .sum th { background: #dff4fa !important;}

th, td {font-size: 1.3rem;}

.img_risk {}
.img_risk img { padding: 80px;}

.frame {
  height: 400px; /*can be anything*/
  width: 100%; /*can be anything*/
  display: inline-block;
  vertical-align: top; /*not required*/
  position: relative;
}

.frame img {
  max-height: 100%;
  max-width: 100%;
  width: 90%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}


/* everything below is not required */
.frame span {
  font-family: arial, sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  background: rgba(0,0,0,0.4);
  font-size: 12px;
}












.table_warp, .table_warp iframe {width: 100%; height: 450px;}


.primary {
  overflow: auto;
  scroll-snap-type: both mandatory;
  /*height: 80vh;*/
}

.wrap_map {position: relative;
  overflow: hidden;
  width: 100%;}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




@media only screen and (max-width: 600px) {
	
	.body-wrapper .body-wrapper-inner.page_hospital {margin-top: 120px !important;}
	.body-wrapper .body-wrapper-inner {margin-top: 450px !important;}
	.align-items-center {align-items: start !important;}
	
	.app-header .navbar {flex-wrap: wrap;}
	#navbarNav .col-auto {
  width: 100%;
}
	
	.nav-item.d-block.d-xl-none {
  display: none !important;
}
	
	
	
	.img_risk img { padding: 20px;}
  .frame {
  height: 300px; /*can be anything*/
  width: 100%; /*can be anything*/
}
}