@font-face {font-family: "password";
    src: url("/font/password/51b459eae74df5b00ba922028ccb20be.eot"); /* IE9*/
    src: url("/font/password/51b459eae74df5b00ba922028ccb20be.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/password/51b459eae74df5b00ba922028ccb20be.woff2") format("woff2"), /* chrome firefox */
    url("/font/password/51b459eae74df5b00ba922028ccb20be.woff") format("woff"), /* chrome firefox */
    url("/font/password/51b459eae74df5b00ba922028ccb20be.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("/font/password/51b459eae74df5b00ba922028ccb20be.svg#Password") format("svg"); /* iOS 4.1- */
}

body{
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
}

.changelog_container{
	position: absolute;
	top: 10px;
	right: 10px;
}

.changelog_container a{
	color: #aaa;
	font-size: 0.8em;
}

input.password{
	-webkit-text-security: disc;
}

#main_wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	display: flex;
	flex-direction: column;
}

#right_bottom_bar{
    position: absolute;
    right: 40px;
    bottom: 15px;
    color: red;
}

#ovst_container thead tr{
	border-right: 1px solid #999;
    border-top: 1px solid #999;
}

#ovst_container th{
	position: sticky;
    top: 0px;
    background: #99d6ff;
    padding: 8px;
	border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}

#queue{
	padding: 5px;
	width: 80px;
	text-align: center;
    font-size: 1em;
}

#hn{
	padding: 5px;
	width: 9rem;
	text-align: center;
    font-size: 1em;
}

.ovst_count_container{
	white-space: nowrap;
}

div#ui-datepicker-div {
    box-shadow: 2px 2px 10px -3px black;
}

.tools_container button{
	border: 1.5px solid #666;
	outline: none;
	border-radius: 3px !important;
}

.tools_container button:hover{
	background: #e0e0e0;
}

.tools_container button:active{
	background: #f0f0f0;
	border: 1.5px solid #999;
}

.tools_container button:focus{
	border: 1.5px solid #000;
}

#QDOCTOR #date_q_doctor,
#QNURSE #date_q_nurse,
#OPD #date_ovst,
#REFER #date_refer{
	padding: 5px;
    width: 8rem;
    text-align: center;
    font-size: 1em;
	vertical-align: top;
	cursor: pointer;
}

#REFER button#refresh_refer{
	padding: 5px 7px;
	font-size: 0.8em;
	vertical-align: top;
	line-height: 18px;
	height: 32px;
}

#REFER #refer_priority{
	padding: 5px;
    font-size: 1em;
	height: 32px;
}

#OPD .tools_container #doctor_dep{
	width: 13rem;
}

#OPD .tools_container button,
#OPD .tools_container #spclty,
#OPD .tools_container #doctor_dep,
#OPD .tools_container #doctor_ovst
{
	padding: 5px;
	font-family: tahoma;
	font-size: 1em;
	vertical-align:top;
	height: 32px;
}

.tools_container:first-child{
	margin-left: 5px;
}

input#queue:focus
input#hn:focus
{
    background: #ffffe6;
    outline: none;
}

#ovst_container{
	border-spacing: 0px;
	user-select: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 5px;
	height: 100%;
	display: block;
	margin-right: 2px;
}

#refer_container{
	border-spacing: 0px;
	user-select: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 5px;
	height: 100%;
	display: block;
}

#ovst_container .ovst_item{
	height: 72px;
	cursor: pointer;
	display: table-row;
	background: #e6f7ff;
}

#ovst_container td.ovst_subitem.ovst_diag_text {
    white-space: pre-line;
}

#ovst_container .ovst_subitem{
	display: table-cell;
	padding: 10px 10px;
	margin-bottom: 1px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	vertical-align: top;
}

#ovst_container .ovst_subitem.notfound{
	text-align: center;
	vertical-align: middle;
}

#ovst_container .ovst_name div{
	display: inline-block;
    vertical-align: top;
	margin-left: 15px;
}

#ovst_container .ovst_oqueue{
	text-align: right;
}

#ovst_container .ovst_doctor,
#ovst_container .ovst_spclty,
#ovst_container .ovst_name{
	white-space: nowrap;
}

#ovst_container .ovst_doctor span{
	display: block;
}

#ovst_container .ovst_spclty{
	max-width: 120px;
	overflow: hidden;
}

#ovst_container .ovst_item:focus{
	background: #3399ff !important;
    color: #ffffff !important;
	outline: none;
}

#ovst_container .ovst_item:hover{
	background: #ccf0ff;
}

.patient_image{
	width: 60px;
	height: 60px !important;
	visibility: hidden;
}

.patient_image_have{
	width: 70px;
	height: 70px !important;
	display: inline-block;
	object-fit: cover;
    box-shadow: 0 0 2px 0px black;
	margin: -3px;
	visibility: visible;
}

div.select_dep div{
	padding: 5px 15px;
	cursor: pointer;
	border-radius: 20px;
	background: #f7f7f7;
	margin: 5px;
	box-shadow: 0 0 3px -1px black;
	user-select: none;
}

div.select_dep div:hover{
	background: #e0e0e0;
}

.med_active{
	color: white;
	background: #1a75ff !important;
}

.change_password_container table{
	margin-top: 10px;
}

.change_password_container td{
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

.change_password_container td.name{
	padding: 6px 9px;
}

.change_password_container td.right{
	text-align: right;
	padding-top: 6px;
	padding-right: 5px;
	width: 130px;
}

.change_password_container input[type=text]{
	padding: 3px 5px;
	width: 190px;
}

.change_password_container td.password{
	width: 200px;
}

.change_password_container td.remark{
	padding: 20px 20px 10px 20px;
	font-size: 0.9em;
}

.change_password_container .notice{
	font-size: 0.9em;
	text-align: left;
	color: red;
	line-height: 13px;
	vertical-align: middle;
}

.error_bg{
    background: #ffcccc;
}

div.pdx_finder_container .tools{
	display: flex;
	flex-direction: row;
	height: 50px;
	background: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

div.pdx_finder_container .tools .title2{
	flex-grow: 1;
	display: inline-block;
	font-weight: bold;
	line-height: 30px;
}

div.pdx_finder_container .tools button{
	margin-left: 5px;
}

div.pdx_finder_container .body{
	display: flex;
	flex-direction: row;
	width: 100%;
    overflow: auto;
}

div.pdx_finder_container .body table{
	border-bottom: 1.5px solid #999;
	border-left: 1.5px solid #999;
}

div.pdx_finder_container .body table tr.adjrw td{
	text-align: center;
}

div.pdx_finder_container .body table tr.pdx td{
	background: #e0e0e0;
}

div.pdx_finder_container .body table tr.version td{
	text-align: center;
}

div.pdx_finder_container .body table td{
    padding: 5px 10px;
    border-top: 1.5px solid #999;
    border-right: 1.5px solid #999;
}

div.pdx_finder_container .body .icdname{
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
}

.select_tab_container label{
	cursor: pointer;
	user-select: none;
}

button.menu_more{
	box-shadow: none !important;
    color: black !important;
}