@charset "utf-8";

small{
	color: #999;
}

/* Bootstrap Override */

.navbar-brand{
}
.nav-item{
	padding-right:2em;
	font-size: 1.1em;
}
	.navbar-nav{
		flex-wrap: wrap;
	}
	.navbar-nav >.nav-item .nav-link:hover{
		color: rgba(255,255,255, 0.80)
	}
	.navbar-nav >.nav-item .nav-link{
		color: rgba(255,255,255, 0.65)
	}
	.navbar-nav >.nav-item.active .nav-link{
		color: rgba(255,255,255, 1.0);
	}
	
.nav_wrapper{
	/* border-bottom: 0.05em solid rgba(255,255,255, 0.50); */
	padding-top:    0.2em;
	padding-bottom: 1.0em;
	position:relative;
}
.navbar-custom{
    transition: color 0.2s;
}
	.nav-logo-sub{
		padding-top:0.5em;
		font-weight: normal;
		color: rgba(255,255,255, 0.95);
		font-size: 0.7em;
		letter-spacing: 0.13em;
		color:#ccc;
	}

.hdr_title{
	font-size:0.85em;
	color: rgba(255,255,255, 0.75);
	padding: 0.15em;
}
.hdr_subtitle{
	font-size:1.2em;
	color: rgba(255,255,255, 0.95);
	padding: 0.15em;
}

.datepicker {
	font-size: inherit;
	padding: 0.75em;
	color: #333;
}
.datepicker .today{
	background-color:#efefef;
}
.datepicker .today:hover{
	background-color:#dedede;
}
.datepicker thead{
	border-bottom: 0.5px solid #ddd;
	margin-bottom: 1em;
}
.datepicker table tr td.old, .datepicker table tr td.new{
	opacity:0.6;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
	opacity:0.3;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
	background-color: #5d795f;
	border-color: #303e31;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
	background-color: #5d795f;
	border-color: #303e31;
}
.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus{
	background-color: #485849;
	border-color: #262e27;
}

.clockpicker-popover .popover-title{
	font-size:1.4em;
}
.clockpicker-popover .popover-title {
	padding-top:0.3em;
	padding-bottom:0.3em;
}
.clockpicker-tick {
	font-size:0.9em;
}
.clockpicker-tick:hover {
	background-color: rgb(182, 221, 185);
	background-color: rgba(93, 121, 95, .25);
}
/* Common Styling */

.jumbotron-title{
	font-size:4em;
	font-weight: bold;
	color:#fff;
}
.jumbotron-subtitle{
	font-size:1.5em;
	color:#ccc;
}
.jumbotron-context{
	color:#dedede;
	
}
.jumbotroner {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
	color:#eee;
	padding-bottom:0em;
	padding-top:3.5em;
	background-color: #c8d7dd;
}
.jumbo-bg-image {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
	
	opacity: 0.95;
}

.section-wrapper {
	padding: 0;
    padding-top:1em;
	padding-bottom:1em;
}
.section-wrapper-sm {
	padding: 0;
    padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.section-wrapper-lg {
	padding: 0;
    padding-top:2em;
	padding-bottom:3em;
}
.section-btmpad{
	margin-bottom:0.75em;
}
.section-blue {
    background-color: #f9fcfd;
}


.page-highlight{
	
}
.section-highlight{
	background-color: #c8d7dd;
	font-size:1.3em;
}
.section-highlight h1{
	font-size:2.2em;
	color:#fff;
	font-weight:bold;
}
.section-light {
    background-color: #fff;
}
.section-transparent {
    background-color: transparent !important;
}
.section-dark {
    background-color: #455073;
	color: #fff;
}
	.section-dark > p{
		color:#343a40;
	}
.section-gradient-blue {
    background-image: linear-gradient(120deg, #6981c9, #004c97 100%);
	color: #efefef;
}
	.section-gradient-blue > p{
		color:#343a40;
	}
.section-gradient-blue-lit {
    background-image: linear-gradient(120deg, #ffffff, #e7f3ff 100%);
	color: #444;
}
.section-gradient-green {
    background-image: linear-gradient(120deg, #cae2cb, #82bd84 100%);
	color: #444;
}

.section-gradient-green-lit {
    background-image: linear-gradient(120deg, #ffffff, #f0fbf1 100%);
	color: #444;
}
.section-green-lit {
    background-color: #fafbf9;
	color: #333;
}
	.section-green-lit .table thead th{
		border-bottom: 1px solid #cdcfd2;
		background-color:#efefef;
	}

.title{
	font-size: 2.2em;
    border-left: 0.5em solid #bed3bf;
    padding-left: 0.5em;
}
.title_sub{
	position: absolute;
	right: 1.0em;
	bottom: 0;
	opacity: 0.6;
	font-size: 0.85em;
}

.tr_gridlock td{
	padding:0px !important;
	border-top: none;
	border-bottom: none;
}
.grey-text{
	color: #5f6973;
	text-align:justify;
	font-size:0.95em;
	letter-spacing:0.025em;
}
.grey-text-sm{
	color: #5f6973;
	text-align:justify;
	font-size:0.85em;
	letter-spacing:0.025em;
}
.grey-text-xsm{
	color: #959ea7;
	text-align:justify;
	font-size:0.70em;
	letter-spacing:0.025em;
}
.homeimg {
	margin-bottom: 0.8em;
	margin-top: 1.2em;
}
.heightened{
	line-height: 1.75em;
}
.hl{
	font-weight:bold;
	text-decoration:underline;
}
.table{
	margin-bottom: 0em;
	page-break-inside:auto;
}
.table tr{
	page-break-inside:avoid;
	page-break-after:auto;
}
.table thead th{
	border-bottom: 1px solid #cdcfd2;
	background-color:#fafafa;
}
.table thead th,.table thead td, .table tbody th, .table tbody td{
	vertical-align: middle;
	padding: 0.75em;
}
.table-tight{
}
	.table-tight thead th, .table-tight thead td{
		padding-top:0.25em;
		padding-bottom:0.25em;
	}
	.table-tight tbody th, .table-tight tbody td{
		padding-top:0.2em;
		padding-bottom:0.2em;
	}

.err_msg{
	font-size:0.85em;
	color:#cc0033;
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.row{
	/*
	padding-bottom: 1em;
	*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.row-borded-hdr{
	border-bottom: 0.05em solid rgba(255,255,255, 0.50);
}
.row-borded-btm{
	border-bottom:1px solid #999;
}
	.row-borded-btm-lit{
		 border-bottom:1px solid #ddd;
	}

.row-tight{
	padding-top: 0em;
	padding-bottom: 0em;
}
.log_wrapper{
	height:8em;
	border:1px solid #ddd;
	overflow-y:scroll;
}
.log_item{
	font-size: 0.8em;
	padding-left:0.5em;
	padding-right:0.5em;
	cursor: default;
}
	.log_item a{
		color: #bbb;
	}
	.log_item a:hover{
		color: #666;
		text-decoration:none;
	}

.btn_record_edt{
	font-size: 0.8em;
	position:absolute;
	top:0.25em;
	right:0.25em;
	cursor: pointer;
	color: #eee;
}
	.btn_record_edt:hover{
		color: #999;
	}


/* Block Styling */
header {
	width: 100%;
	padding-top: 2.5em;
	margin-bottom: 2.5em;
	
}
header .container-fluid{
	padding-top: 1.0em;
	background-color: #414c50;
}

#content {
	min-height:600px;
}
footer{
	background-color: #414c50;
    position: relative;
	padding-top:1em;
	padding-bottom:1em;
}
	.footer-links-list {
		padding: 0px;
		list-style: none;
	}
	.footer-links {
		font-size: 0.9em;
		line-height: 2em;
		color: #bbb;
	}
	.footer-signature{
		font-size:0.8em;
		color: #efefef;
		display:inline-block;
		vertical-align: bottom;
	}

	.hdr{
		margin-bottom: 0.6em;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		border-bottom: 1px solid #dee2e6;
		
	}

	.modal-dialog{
		font-size:0.95em;
	}
	
	.modal-dialog.modal-dialog-70p{
		min-width: 70% !important;
	}
	.modal-dialog.modal-dialog-60p{
		min-width: 60% !important;
	}
	.modal-dialog.modal-dialog-50p{
		min-width: 50% !important;
	}
	.modal-dialog.modal-dialog-40p{
		min-width: 40% !important;
	}
		.modal-dialog .modal-header{
			background-color: #addfb1;
			text-align:center;
		}
	
	.modal-dialog .hdrform{
		font-size: 1.1em;
		padding: 0.75em;
		background-color: #666;
		color: #fff;
		position:relative;
	}
	.modal-dialog .sepa{
		height: 0.5em;
	}
	.modal-dialog .ctrl {
		text-align: center;
		margin-top: 1em;
		border-top: 1px solid #efefef;
		padding-top: 1em;
	}
	
	.chart_wrap{
		position: relative;
	}
		.doughnut_disp{
			position: absolute;
			font-size:3em;
		}
	
	.chart-tooltip-series{
		color: #666;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #fff;
		opacity: 0.7;
	}
		.chart-tooltip-series td, .chart-tooltip-series th{
			padding:3px;
		}
	.chartjs-tooltips{
		opacity: 0;
		position: absolute;
		top:0;
		left:0;
	}

	.loader{
		width:100%;
		text-align:center;
		padding-top:2.5em;
		padding-bottom:2.5em;
	}

	.btn_rmv{
		opacity: 0.4;
		cursor: pointer;
	}
	.btn_rmv:hover{
		opacity: 0.8;
	}

	.err{
		background-color: #ffeaea;
	}
	.errmsg{
		color: #cc3333;
		font-size:0.8em;
		font-weight: normal;
	}

	.td_tslit{
		font-size:0.7em;
	}
	.tdhl{
		font-size: 1.1em;
		font-weight: bold;
	}
	.tdlit{
		font-size: 0.85em;
		font-weight: normal;
		color:#444;
	}
	.tdlit_time{
		font-size:0.7em;
		color:#444;
	}

	.searchbar{
		font-size: 0.65em;
		background-color: #eef0f2;
		width: fit-content;
		display: inline-block;
		padding-top: 0.5em;
		padding-left: 1.0em;
		padding-right: 0.5em;
		
		padding-bottom: 0.25em;
		margin-bottom: -0.4em;
		border-top-left-radius: 0.75em;
		border-top-right-radius: 0.75em;
	}
	.searchbar [name=box]{
		width: 10em;
	}
	.searchbar [name=searchreset]{
		color:#aaa;
	}
	.searchbar [name=searchreset]:hover{
		color:#666;
	}
	.search-active{
		background-color:#fff9e6;
		text-decoration: underline;
	}
	.search-thactive{
		text-decoration: underline;
	}

/* =======================   Module Components =========================== */
/* 	Inherits #content */

.query-popular{
	padding: 0.25em;
	margin-bottom:0.75em;
	background-color:#fff3d6;
	color:#333;
	border-radius:0.25em;
	text-align: center;
	font-size:0.9em;
}
	.popular-terms{
		text-decoration: underline !important;
		
		opacity: 0.6;
	}
	.popular-terms:hover{
		opacity: 1.0;
	}

/* Header */
#nav_subtitle{
	padding-top: 0.5em;
	/* white-space:nowrap; */
	font-size:0.8em;
	color: #efefef;
}
	#welecome_msg{
		opacity: 0.7;
	}
	#btn_logout{
		opacity: 0.5;
		cursor: pointer;
	}
	#btn_logout:hover{
		opacity: 1.0;
	}

.tbl_nav{
	width: auto;
}
	.tbl_nav .navi{
		background-color: #aaa;
		color: #fff;
		
		padding-top:0.25em;
		padding-bottom:0.45em;
		padding-right:1.0em;
		padding-left: 0.8em;
		cursor: pointer;
		border-bottom-left-radius:  0.4em;
		border-bottom-right-radius: 0.4em;
		min-width: 6em;
		text-align:center;
		opacity:0.7;
	}
	.tbl_nav .navi:hover{
		opacity:1.0;
	}
	.tbl_nav .navi.act{
		background-color: #4b4e4b;
		color: #fff;
		opacity:1.0;
	}
	
	.tbl_nav .navi.app{
		background-color: #d7748f;
		color: #fff;
	}
	.tbl_nav .navi.app.act{
		color: #fff;
		opacity:1.0;
	}
	
	.tbl_nav .navi.comm{
		background-color: #3c8b32;
		color: #fff;
	}
	.tbl_nav .navi.comm.act{
		color: #fff;
		opacity:1.0;
	}


/* HOME */

	.home{
		
	}
	.query-box{
		width:100%;
		border: 0.20em solid #75acc4;
		padding:1.25em;
		border-radius:0.5em;
		position:relative;
	}
		.query-box .query-text{
			border:none;
			outline: none;
			border: 1px solid #efefef;
			padding:0.5em;
			min-height:8.5em;
			max-height:8.5em;
			overflow-y:auto;
		}
		.query-box .query-ctrl{
			margin-top: 1.25em;
			font-size:0.8em;
			text-align:right;
		}
		
	.query-hdr{
		font-weight: bold;
		font-size: 1.1em;
		margin-top:0.35em;
		margin-bottom:0.35em;
	}
	.query-container{
		padding: 1.5em 0.5em 1.5em 0.5em;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
		.query-input{
			display: inline-block;
			font-weight: normal;
			font-size:0.9em;
		}
		.query-output{
			border: 1px solid #f1f1f1;
			padding: 0.75em;
		}
			.query-medlist{
				max-height: 500px;
				overflow-y: auto;
				padding-right: 3em;
			}
			.query-med{
				border: 0.5px solid #ddd;
				border-radius: 0.3em;
				padding: 0.1em 0.3em 0.1em 0.3em;
				background-color: #f4f6ff;
				display: inline-block;
				margin-top:0.175em;
				margin-bottom:0.175em;
				margin-right:0.35em;
				cursor: default;
				
			}
			.query-med:hover{
				background-color: #e0e6ff;
			}
			.query-med [name=cht]{
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 14em;
				font-size: 0.90em;
				line-height: 1.6em;
			}
			.query-med [name=eng]{
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 14em;
				font-size: 0.65em;
			}
	
	.medicine-list-container{
		padding: 1.5em 0.5em 1.5em 0.5em;
		
		border-bottom: 1px solid #ddd;
	}
	.medicine-container{
		padding: 1.5em 0.5em 1.5em 0.5em;
		
		border-bottom: 1px solid #ddd;
	}
	.medicine-detail{
		display: flex;
		flex-wrap: wrap;
	}
	.medicine-th{
		font-weight: bold;
		border-right: 3px solid #b7baca;
		margin-top:0.25em;
		margin-bottom:0.25em;
		padding:0.35em;
		background-color:#f1f1f1;
	}
	.medicine-td{
		margin-top:0.25em;
		margin-bottom:0.25em;
		padding:0.35em;
	}
	.medicine-exterior-img{
		height: 15em;
	}
	.med_dist-item {
		font-size: 0.9em;
	}
	.med_dist-item.a{
	}
	.med_dist-item.d{
		text-decoration: line-through;
		opacity:0.7;
	}
	
	.med_pkgins_warning{
		font-size: 0.75em;
		color: #888;
		text-align: center;
		padding: 0.5em;
		background-color: #fbffc1;
		border-radius: 0.5em;
		margin-bottom: 0.5em;
	}
	.med_pkgins_summary{
		height:30em;
		overflow-y:auto;
		border: 1px solid #f6f6f6;
		padding:0.75em;
	}
	
	.home-select{
		margin-bottom:0.75em;
		padding:0.2em 0.4em 0.2em 0.4em;
		min-width: max-content;
		color:#333;
		border: 1.5px solid #9dc8db;
		border-radius: 0.5em;
		
	}
	.home-select:focus-visible{
		outline: 1.5px solid #a9bbc3;
	}


	.gpt-prompt{
		width:100%;
		border: 0.20em solid #75acc4;
		padding:1.25em;
		border-radius:0.5em;
		position:relative;
	}
		.gpt-prompt .prompt-instuction{
			font-size: 0.8em;
			margin-bottom: 0.5em;
		}
		.gpt-prompt .prompt-text{
			border:none;
			outline: none;
			border: 1px solid #efefef;
			padding:0.5em;
			min-height:8.5em;
			max-height:8.5em;
			overflow-y:auto;
		}
		.gpt-prompt .prompt-ctrl{
			margin-top: 1.25em;
			font-size:0.8em;
			text-align:right;
		}
		.gpt-prompt .prompt-overlay{
			position:absolute;
			width:100%;
			height:100%;
			background-color:#fff;
			opacity:0.8;
			border-radius:0.31em;
			top:0;
			left:0;
			display: flex;
		}
		.gpt-prompt .prompt-overlay .prompt-overlay-notion{
			margin: auto;
			color:#999;
			font-size:0.9em;
			
		}


/* AIGENT */
	.aigent{
	}
	
	.gpt_keyworder{
		display: inline-block;
		font-size: 0.9em;
		cursor: pointer;
	}
	.gpt_keywords{
		display: inline-block;
		font-size: 0.9em;
		cursor: pointer;
		text-decoration: underline;
	}


/* Map */
	.map{
		
	}
	
	.query-compact{
		width:100%;
		border: 0.15em solid #75acc4;
		padding: 1.5em 1.5em 1.5em 1.5em;
		border-radius:0.25em;
		
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		column-gap: 0.5em;
		margin-top:1.5em;
		margin-bottom:1.5em;
	}
		.query-compact [name=query-type]{
			margin:0;
		}
		.query-compact .query-text{
			border:none;
			outline: none;
			border: 1px solid #efefef;
			padding:0.5em;
			min-height:8.5em;
			max-height:8.5em;
			overflow-y:hidden;
		}
		.query-compact .query-ctrl{
			font-size:0.9em;
		}
	
	.map-query-container{
	}
	.map-query-container > .container{
		padding: 1.5em 0.5em 1.5em 0.5em;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.map-query-items{
		
	}
	
	.map-infobox{
		background-color: #f3f3f3;
		padding: 1.0em;
		font-size: 0.9em;
		border-radius: 0.5em;
		margin-top:1.0em;
	}
	
	.mappin {
		position: relative;
		align-items: center;
		justify-content: center;
		color: #263238;
		display: flex;
		height: 32px;
		width: 32px;
		
		opacity: 0.1;
		filter: drop-shadow( 0px 3px 3px rgba(0, 0, 0, 0.6));
	}
		.mappin.hp {
			background-image: url("data:image/svg+xml;utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'><g id='hp'><ellipse style='fill:%23BFBFBF;' cx='50' cy='96.496' rx='12.5' ry='3.504'/><path style='fill:%23529E2B;stroke:%2379C44E;stroke-width:10;stroke-miterlimit:10;' d='M73.322,69.839c7.951-6.665,13.011-16.667,13.011-27.854C86.333,21.919,70.066,5.652,50,5.652S13.667,21.919,13.667,41.985c0,11.187,5.06,21.189,13.011,27.854L50,91.142L73.322,69.839z'/><path style='fill:%23FFFFFF;' d='M72.075,32.983h-12.55v-12.55c0-0.515-0.418-0.933-0.933-0.933H41.408c-0.515,0-0.933,0.418-0.933,0.933v12.55h-12.55c-0.515,0-0.933,0.418-0.933,0.933v17.184c0,0.515,0.418,0.933,0.933,0.933h12.55v12.55c0,0.515,0.418,0.933,0.933,0.933h17.184c0.515,0,0.933-0.418,0.933-0.933v-12.55h12.55c0.515,0,0.933-0.418,0.933-0.933V33.916C73.008,33.401,72.59,32.983,72.075,32.983z'/></g></svg>");
		}
		.mappin.pharm {
			background-image: url("data:image/svg+xml;utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'><g id='pharm'><ellipse style='display:inline;fill:%23BFBFBF;' cx='50' cy='96.496' rx='12.5' ry='3.504'/><path style='display:inline;fill:%239B3E2C;stroke:%23D14D3B;stroke-width:10;stroke-miterlimit:10;' d='M73.322,69.839c7.951-6.665,13.011-16.667,13.011-27.854C86.333,21.919,70.066,5.652,50,5.652S13.667,21.919,13.667,41.985c0,11.187,5.06,21.189,13.011,27.854L50,91.142L73.322,69.839z'/><path style='display:inline;fill:%23FFFFFF;' d='M71.538,32.035c-0.106,3.286-1.342,5.986-3.465,8.243c-3.224,3.428-6.49,6.811-9.72,10.232c-0.3,0.318-0.407,0.122-0.589-0.069c-3.154-3.321-6.309-6.641-9.464-9.961c-1.9-2-3.794-4.007-5.707-5.993c-0.307-0.318-0.301-0.498,0.002-0.815c3.275-3.425,6.505-6.899,9.811-10.29c2.507-2.572,5.562-3.612,9.065-3.286c1.88,0.175,3.65,0.774,5.163,1.86c2.394,1.718,4.066,4.077,4.669,7.141C71.497,30.088,71.616,31.089,71.538,32.035z'/><path style='display:inline;fill:%23FFFFFF;' d='M39.141,65.735c-1.656-0.089-3.414-0.422-5.027-1.381c-3.389-2.016-5.155-5.121-5.591-9.126c-0.382-3.506,0.525-6.633,2.614-9.363c0.719-0.939,1.598-1.745,2.413-2.601c2.244-2.357,4.498-4.704,6.732-7.071c0.287-0.304,0.424-0.283,0.704,0.013c4.88,5.171,9.773,10.329,14.664,15.489c0.76,0.802,0.761,0.795,0.004,1.591c-2.852,3-5.708,5.995-8.55,9.005C44.924,64.599,42.112,65.691,39.141,65.735z'/></g></svg>");
		}
		.mappin.gp {
			background-image: url("data:image/svg+xml;utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'><g id='gp'><ellipse style='display:inline;fill:%23BFBFBF;' cx='50' cy='96.496' rx='12.5' ry='3.504'/><path style='display:inline;fill:%231E4E82;stroke:%231D71BC;stroke-width:10;stroke-miterlimit:10;' d='M73.322,69.839c7.951-6.665,13.011-16.667,13.011-27.854C86.333,21.919,70.066,5.652,50,5.652S13.667,21.919,13.667,41.985c0,11.187,5.06,21.189,13.011,27.854L50,91.142L73.322,69.839z'/><path style='display:inline;fill:%23FFFFFF;' d='M68.393,35.731H57.936V25.273c0-0.429-0.348-0.777-0.777-0.777H42.841c-0.429,0-0.777,0.348-0.777,0.777v10.457H31.607c-0.429,0-0.777,0.348-0.777,0.777v14.318c0,0.429,0.348,0.777,0.777,0.777h10.457V62.06c0,0.429,0.348,0.777,0.777,0.777h14.318c0.429,0,0.777-0.348,0.777-0.777V51.603h10.457c0.429,0,0.777-0.348,0.777-0.777V36.508C69.17,36.078,68.822,35.731,68.393,35.731z'/></g></svg>");
		}

	.mappin.active {
		opacity: 1.0;
	}
	
	.mappin .mappin-title {
		display:none;
		position: absolute;
		width: 10em;
		background-color: rgba(255, 255, 255, 0.9);
		padding: 0.5em;
		border-radius: 0.5em;
		font-size: 0.9em;
		z-index:999;
		/*
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		*/
	}
	.mappin .mappin-title [name=name]{
		font-weight: bold;
	}
	.mappin .mappin-title [name=addr]{
		color:#666;
		font-size:0.9em;
	}

	.med_dist-li{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		column-gap: 0.5em;
		margin-top:0.25em;
		margin-bottom:0.25em;
		font-size:0.9em;
	}
	.med_dist-li-item{
		
	}
	.med_dist_pinner{
		color:#444;
	}
	
	.map_customcontrol-single{
		background-color: #fff;
		padding: 7px;
		margin: 10px;
		border-radius: 2px;
		filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
		cursor: pointer;
	}
	.icon-center {
		width: 24px;
		height:24px;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23666666'><path d='M440-42v-80q-125-14-214.5-103.5T122-440H42v-80h80q14-125 103.5-214.5T440-838v-80h80v80q125 14 214.5 103.5T838-520h80v80h-80q-14 125-103.5 214.5T520-122v80h-80Zm40-158q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-120q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80Z'/></svg>");
	}

/* IGNORE */
#ptn_nav{
	
}
	#ptn_nav td{
		text-align:right;
	}
	#ptn_nav .navi{
		background-color: #aaa;
		color: #fff;
		
		padding-top:0.3em;
		padding-bottom:0.3em;
		padding-right:1.0em;
		padding-left: 0.8em;
		
		margin-left: 0.0em;
		margin-right: 0.0em;
		margin-top: 0.1em;
		margin-bottom: 0.1em;
		cursor: pointer;
		border-radius: 0.25em;
		
		min-width: 5em;
		text-align:center;
		opacity:0.7;
		display:inline-block;
		
	}
	#ptn_nav .navi:hover{
		opacity:1.0;
	}
	#ptn_nav .navi.act{
		background-color: #4b4e4b;
		color: #fff;
		opacity:1.0;
	}
	#ptn_nav .navi.app{
		background-color: #d7748f;
		color: #fff;
	}
	#ptn_nav .navi.app.act{
		color: #fff;
		opacity:1.0;
	}
	
	#ptn_nav .navi.comm{
		background-color: #3c8b32;
		color: #fff;
	}
	#ptn_nav .navi.comm.act{
		color: #fff;
		opacity:1.0;
	}
	
	#ptn_nav .navi.devi{
		background-color: #429244;
		color: #fff;
	}
	#ptn_nav .navi.devi.act{
		color: #fff;
		opacity:1.0;
	}
	
	#ptn_nav .navi.navi-home{
		background-color:#70758d;
	}	
.page_patients{
}
	#termrec_toggle{
		position:absolute;
		right:0;
		bottom:0.3em;
	}
	#btn_termrec_toggle{
		font-size:0.7em;
		color:#666;
		cursor:pointer;
	}
	#btn_termrec_toggle:hover{
		color:#000;
	}

.page_home{
}
	.badge_home{
		padding-top:0.5em;
		padding-bottom:0.5em;
		text-align:center;
		margin-top:1.0em;
		margin-bottom:0.2em;
		
		/* border: 1px solid #dedede;
		background-color:#efefef;
		border-radius: 1em; */
	}
	#pid_disp{
		background-color: #999;
		color: #fff;
		text-align:center;
		padding:0.5em;
	}
		#pid_disp [name=pid]{
			font-size: 2em;
		}
	.btn_home{
		font-size:1.5em;
		font-weight: normal;
		min-width:100%;
	}
	.tag {
		min-width:4em;
		display: inline-block;
		border-radius: 0.5em;
		padding: 0.25em;
	}

	.line_logtype_in{
		background-color: #cb4e70;
		color: #fff;
		display: inline-block;
		padding: 0.4em;
		border-radius: 0.2em;
		font-size:0.9em;
	}
	.line_logtype_out{
		background-color: #609b4d;
		color: #fff;
		display: inline-block;
		padding: 0.4em;
		border-radius: 0.2em;
		font-size:0.9em;
	}

.page_map{	
}
	.SvgOverlay {
		position: relative;        
	}

	.SvgOverlay .SvgBase {
		position: absolute;
		top: -4000px;
		left: -4000px;
		width: 8000px;
		height: 8000px;
	}
	#map_overlay{
		background-color:rgba(255,255,255,0.3);
	}
	#map_overlay_mouse{
		
	}
	.g_ptnpt,g_ptnlbl{
		cursor:default;
	}
	#map_info{
		background-color: #fff;
		opacity:1;
		padding:0.5em;
		font-size: 0.85em;
	}

.page_patient_visit{
}
	.ditto{
		position:absolute;
		right:0.75em;
		top:0.5em;
		font-size:0.75em;
		text-align:right;
	}
		.ditto [name=btn]{
			color:#bbb;
		}
		.ditto [name=btn]:hover{
			color:#fff;
		}
		.ditto [name=disp]{
			color:#ccc;
			margin-right:0.2em;
		}

.page_calendar{
}
	.cldr{
	}
	.cldr .date{
		display: inline-block;
		font-weight: bold;
		width: 100%;
		height:100%;
	}
	.cldr .day{
		display: inline-block;
		font-size: 0.8em;
		color:#666;
		width: 100%;
		height:100%;
	}
	
	.cldr .cldritm td{
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
	.cldr .cldritm.hday td{
		background-color:#f5f5f5;
	}
	
	.cldr .cldritm.notmonth .date, .cldr .cldritm.notmonth .day,.cldr .cldritm.notmonth .evtitm{
		opacity: 0.4;
	}
	.cldr .cldritm.today td:nth-child(1){
		border-left: 8px solid #ffde3e;
		text-decoration:underline;
	}
	
	.cldr .evtitm{
		font-size:0.8em;
	}
	.cldr .evttag{
		display: inline-block;
		
		text-align:center;
		border-radius: 0.5em;
		padding: 0.25em 0.5em 0.25em 0.5em;
		margin: 0.2em 0.5em 0.2em 0em;
	}
		.cldr .evttag.act{
			background-color: #646e94;
			color: #fff;
		}
		.cldr .evttag.act-next{
			background-color: #6f7178;
			color: #fff;
		}
		.cldr .evttag.acq{
			background-color: #628785;
			color: #fff;
		}
		.cldr .evttag.acq-next{
			background-color: #425251;
			color: #fff;
		}
		.cldr .evttag.aer{
			background-color: #c77186;
			color: #fff;
		}
		.cldr .evttag.line{
			background-color: #47c06a;
			color: #fff;
		}
		.cldr .evttag.crfvst{
			background-color: #9f7a43;
			color: #fff;
		}
		.cldr .evttag.crfbsl{
			background-color: #5e8649;
			color: #fff;
		}
		.cldr .evttag.crfbsl-next{
			background-color: #5e8649;
			color: #fff;
		}

.page_datasheet{
}
	.datasheet_ctrl{
		margin-top: -1.5em;
		margin-bottom: 1em;
		text-align: center;
		border-bottom: 1px solid #ddd;
		padding-bottom: 0.75em;
	}
	.tbl_datasheet{
	}
		.tbl_datasheet th,.tbl_datasheet td{
			font-size: 0.85em;
			max-width: 100px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	.tbl_datasheet .th-grp th{
		font-weight:bold;
		text-align:center;
	}
	.tbl_datasheet .th-field th{
		font-weight:normal;
		text-align:center;
	}
	.tbl_datasheet .th-note th{
		font-weight:normal;
		font-size: 0.70em;
		color:#999;
		text-align:center;
	}
	
	.tbl_datasheet td.txt{
		text-align:left;
	}
	.tbl_datasheet td.num{
		text-align:center;
	}
	.tbl_datasheet td.date{
		text-align:center;
		text-overflow: initial;
		max-width: none;
	}
	.tbl_datasheet td.sel{
		text-align:center;
	}

.page_cropatient{}
	.tag-profile{
		background-color: #7c977d;
		padding: 0.25em 0.75em 0.25em 0.75em;
		border-radius: 0.3em;
		width: fit-content;
		font-size: 0.95em;
		color: #fff;
	}
	.tag-profile.phase1{
		background-color: #a3a99e;
	}
	.tag-profile.phase2{
		background-color: #bac676;
	}
	.tag-profile.phase3{
		background-color: #519054;
	}
	.tag-profile.phase4{
		background-color: #285729;
	}
	.tag-profile.completed{
		background-color: #415c8c;
	}
	.tag-profile.terminated{
		background-color: #cba9a9;
	}
	


.tbl_flores{
	width: 100%;
}
.tbl_flores tr td{
	padding:0;
	/* border: 0.25px solid #efefef; */
	border: none;
	text-align:center;
}
	.tbl_flores .flores-nodes td{
		padding-top: 0.0em;
		padding-bottom: 0.25em;
		padding-left: 0.15em;
		padding-right: 0.15em;
		
		font-size: 0.7em;
		border-bottom: 0.25px solid #ededed;
	}
		.tbl_flores .flores-nodes td.ld{
			
		}
	.tbl_flores .flores-dates td{
		padding-top: 0.2em;
		font-size: 0.75em;
		color:#666;
	}
		.tbl_flores .flores-dates td.ld{
			font-weight:bold;
		}
	.tbl_flores .flores-icons td{
		font-size: 1.0em;
	}
	.tbl_flores .flores-values td{
		
		font-size: 0.75em;
		color:#888;
	}
		.tbl_flores .flores-values td.ld{
			font-weight:bold;
		}


	.flores-nodes-flex{
		height:200px;
		display:flex;
		flex-direction: column;
	}

	.flores-node{
		flex:50;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height:1em;
	}
		.flores-node.good{
			background-color: #17ceb3;
		}
		.flores-node.bad{
			background-color: #f78769;
		}
		.flores-node.null{
			background-color: #f0f0f0;
		}
		.flores-node.note{
			background-color: #acacac;
			color:#fff;
		}
		.flores-node.sepa{
			flex:2;
		}
		.flores-node.fsepa{
			flex:4;
		}

.table-monitor{
	font-size: 0.8em;
}
	.table-monitor thead th{
		padding:0.1em;
	}
	
	.table-monitor tbody td{
		font-size: 1.0em;
		padding:0.1em;
		position:relative;
	}
	.table-monitor tbody td.node{
		font-size: 0.9em;
	}
	.table-monitor tbody td.node.hld{
		font-weight:bold;
	}
	.table-monitor tbody td.node.good{
		background-color: #d1f1c7;
		color:#666;
	}
	.table-monitor tbody td.node.bad{
		background-color: #ffdbdb;
		color:#666;
	}
	.table-monitor tbody td.node.null{
		background-color: #f0f0f0;
		color:#666;
	}
	.table-monitor tbody td.node.today{
		background-color: #fafafa;
		color:#666;
		text-decoration: underline;
	}

	.tag-node-revist{
		position: absolute;
		top:0;
		left:0;
		
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 6px 0 0;
		border-color: #a3262c transparent transparent transparent;
		border-color: #ff9800 transparent transparent transparent;
		
	}

/* QTR */
	.qtrtbl{
	}
	.qtrtbl .hdr{
		font-size:1.1em;
		padding: 1.0rem;
		background-color: #666;
		color:#fff;
	}
    .qtrtbl .th, .qtrtbl .td{
		/*border: 1px solid #dee2e6;*/
		
		box-shadow: 
			0.7px 0 0 0 #dee2e6, 
			0 0.7px 0 0 #dee2e6, 
			0.7px 0.7px 0 0 #dee2e6,   /* Just to fix the corner */
			0.7px 0 0 0 #dee2e6 inset, 
			0 0.7px 0 0 #dee2e6 inset;
	
		padding: 0.75rem;
		font-size:1.05rem;
	}
	.qtrtbl .th{
		background-color: #f9f9f9;
	}
	.qtrtbl .td{
		
	}
	.qtrtbl .qh{
		/*border-left:4px solid #82FFB7 !important; */
		box-shadow: 
			0.7px 0 0 0 #dee2e6, 
			0 0.7px 0 0 #dee2e6, 
			0.7px 0.7px 0 0 #dee2e6,   /* Just to fix the corner */
			4.0px 0 0 0 #82FFB7 inset, 
			0 0.7px 0 0 #dee2e6 inset;
	}
	.qtrtbl .qbh{
		/*border-left:4px solid #82FFB7 !important; */
		box-shadow: 
			0.7px 0 0 0 #dee2e6, 
			0 0.7px 0 0 #dee2e6, 
			0.7px 0.7px 0 0 #dee2e6,   /* Just to fix the corner */
			4.0px 0 0 0 #61a6d7 inset, 
			0 0.7px 0 0 #dee2e6 inset;
	}
	
	.notion{
		font-size:0.85em;
		text-align:left;
	}
	.dot-xsm{
		display: inline-block;
		background-color: #d42f2f;
		border-radius: 0.4em;
		width:0.4em;
		height:0.4em;
		line-height:0.3em;
	}

	.dot-sm{
		display: inline-block;
		background-color: #d42f2f;
		border-radius: 0.7em;
		width:0.7em;
		height:0.7em;
		line-height:0.7em;
	}
	.dot-lg{
		display: inline-block;
		background-color: #d42f2f;
		border-radius: 4em;
		width:4em;
		height:4em;
		line-height:4em;
	}
	
	.dot-r{
		background-color: #d42f2f;
		color: #fff;
	}
	.dot-y{
		background-color: #f5e233;
		color: #555;
	}
	.dot-g{
		background-color: #76b344;
		color: #fff;
	}
	.tbl_head_wrap{
		margin-top:2.25rem;
		margin-bottom:1.5rem;
		padding:2rem;
		background-color:#f6f6f6;
		
	}
	.tbl_head{
	}
		.tbl_head td{
			vertical-align:middle;
			font-size: 1.4rem;
			padding-left: 0.25rem;
			padding-right: 0.25rem;
			text-align:center;
		}

	.dot-round-1p0{
		border-radius: 1.0em;
	}
	.dot-round-p50{
		border-radius: 0.5em;
	}
	.dot-round-p25{
		border-radius: 0.25em;
	}
	.score_tag{
		width: 2.5em;
		display: inline-block;
	}


/* Login */
.page_login{
}
	#login_wrap{
		background-color:#f6f6f6;
		border-radius: 0.5em;
		padding: 2em;
		padding-bottom: 1em;
	}
	#tbl_login{
		width: 100%;
		table-layout: fixed;
	}
		#tbl_login th{
			border:none;
			background-color: #5d795f;
			color: #efefef;
			
			text-align: center;
			letter-spacing: 0.2em;
			padding-top: 0.75em;
			padding-bottom: 0.75em;
		}
		#tbl_login td{
			border:none;
		}
		#tbl_login input{
			font-size:1em;
		}
		#tbl_login #msg{
			color:#ff2222;
			font-size:0.8em;
			text-align:center;
		}
		#tbl_login button{
			min-width: 100px;
			width: 80%;
		}