/*Ver 1.0 20250404 custom font for text */
@import url(https://fonts.googleapis.com/css?family=Nunito);
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

/* BEGIN Frank
/* begin frank set bottom stick at bottom of screen or at end of document */
html{ height:100%; }
body{ min-height:100%; padding:0; margin:0; position:relative; }

body::after{ content:''; display:block; height:100px; }

footer{ 
  position:absolute; 
  bottom:0; 
  width:100%; 
  /*height:60px; */
}
/* end frank set bottom stick at bottom of screen or at end of document */

/*Basic reset*/
 * {
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

body { 
    font-family: 100% Verdana, Arial, Helvetica, sans-serif, Nunito, verdana, TH SarabunPSK;
    margin: 0; 
    padding: 0; 
    margin-left: 0;
    margin-top: 0;
} 

/*สิ้นสุดส่วน Body*/

/*menu ข้างบน*/

.thrColFixHdr #container {
    width: 100%;
    z-index: 100;
    background: rgb(245,245,245);
    margin: 0;
    padding: 0;
    
}
/*สร้างขอบในรายการที่มี pdf แนบมา*/
.pdf-border {
  border: 1px solid rgb(0,98,138);
  border-radius: 12px;
}
/**********************************************Menu Bar ข้างบนขวา**************************************************/
.container-fluid {
    width: 100%;
    position: fixed;
    background: rgb(74, 141, 181);
    height: 65px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 50px rgba(0,0,0,.8);
}

.navbar-nav ol, ul{
    list-style: none;
}


.navbar-nav li {
    float: right;
}


.navbar-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar-nav li a:hover {
    background-color: rgb(38,79,114);
}

/* start ยินดีต้อนรับ*/
.navbar-nav1 ol, ul{
    list-style: none
}


.navbar-nav1 li {
    float: right;
}


.navbar-nav1 li a {
    display: block;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 9.0pt;
}
/* End ยินดรต้อนรับ */

/***********************************************สิ้นสุด Menu Bar ข้างบนขวา*******************************************/

/***********************************************เริ่มต้น Menu Bar ข้างบนซ้าย************************************************/

.vertical-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(139,173,211);
    height: 65px;
}

.vertical-menu li {
    float: left;
}

.vertical-menu li a, .dropbtn {
    display: block;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
}

.vertical-menu li a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(38,79,114);
}

.vertical-menu li.dropdown {
    display: inline-block;
}

.vertical-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(157, 202, 235);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.vertical-menu .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.vertical-menu .dropdown-content a:hover {background-color: rgb(241,241,241)}

.vertical-menu .dropdown:hover .dropdown-content {
    display: block;
}

/***********************************************สิ้นสุด Menu Bar ข้างบนซ้าย*************************************************/
#wraper{
 display:table;
 width: 100%;
 min-height:100%;
 margin:auto;
 table-layout:fixed;
}


/********************************************Start  หัวแต่ละ protocol*****************************************************************/
/*แยก สี แต่ละ protocol */
.protocol-register {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color:rgb(188,222,245);
    border: 3px dotted rgb(234,234,234);
    width:816px;
    text-align: center;
    padding:3px;
    margin-bottom: 5px;
}

/********** RBC-MBC 20250417 ***********/
.protocol-rbc-mbc {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(249,241,235);
    border: 3px dotted rgb(188,85,7);
    width: 816px;
    text-align: center;
    padding: 3px;
    margin-bottom: 5px;
}

/********** PBC-MBC 20250417 ***********/
.protocol-pbc-mbc {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(248,239,244);
    border: 3px dotted rgb(74,12,46);
    width: 816px;
    text-align: center;
    padding: 3px;
    margin-bottom: 5px;
}

/******************************End  หัวแต่ละ protocol******************************************/

/*เริ่มต้นส่วนเนื้อหา FormRegister , FormProtocol , FormFooter*/
    

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 75%;
    
}

#mainContent{
    margin: auto;
    /*display: table-cell;*/
    display: inline-block;
    border: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    align-content: center;
    z-index: 100;
  
    
}
/********************************************************Start Search***********************************************************/
.Welcome td{
    font-family: Tohoma;
    text-align: center;
    display: table-cell;       
    font-size: 25px;
    font-style: italic;
    color: rgb(38, 119, 148);
}
/********************************************************End Search***********************************************************/

/********************************************************Start table_search***********************************************************/
#table_search{
    margin: auto;
    margin-top: 0;
    display: inline-block;
    border: 0;
    width: 100%;
	font-size:10.0pt;
    font-family:sans-serif; 				 
    
}

.search_tab_colleft { 
   font-size:10.0pt;
    font-family:sans-serif;  
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold; 
    text-align: right;
	padding-right: 10px;
}
.search_tab_colright {
 font-size:10.0pt;
    font-family:sans-serif;  
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold;
	width: 400px;

   
}
/************************************************ Start Table Layout**********************************************************/
.table_layout {
    border-collapse: collapse;
    table-layout: auto;
    display: table;
    width: 100%;  
    margin: auto;
    border: 0;
    font-family: sans-serif;
    text-align: center;
    margin-top: 15px;
    font-size: 9.0pt;
}
th {
    text-align: center;
    padding: 5px;
    border: 1px solid rgb(218, 234, 238);
    background-color: rgb(154, 199, 232);
    color: rgb(0,63,79);
    font-family: sans-serif;
    font-size: 13px;
}
tr1:nth-child(even){background-color: rgb(206,223,233)}

/*************************************************End Table Layout******************************************************/
/*************************************** Start pt_history_table************************************/
.pt_history_table {
    text-align: center;
    /*width: auto;*/
    width: 85%;
    font-size: 10.2pt;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; /* เลือกฟอนต์ที่อ่านง่าย */
}
/***** ไม่มีประวัติการยื่นขอใช้ยาตามเงื่อนไขที่กำหนด *****/
.TFtable {
    text-align: center;
    border-spacing: 0;
    width: auto;
    font-size: 10.2pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;  /* เลือกฟอนต์ที่อ่านง่าย */
    color: rgb(0,63,79);
    letter-spacing: 0.01em;
}
/* ใส่สีพื้นหลังให้แถวคู่ */
.TFtable tr:nth-child(even) {
    background-color: #f2f2f2; /* สีเทาอ่อน */
  }
  
  /* ใส่สีพื้นหลังให้แถวคี่ (หรือจะปล่อยเป็นสีขาว) */
.TFtable tr:nth-child(odd) {
    background-color: #ffffff; /* สีขาว */
  }
/**************************************** End pt_history_table*************************************/			   


														
/************************ Strat หัวตาราง กลุ่มโรค , Protocol และ คำอธิบาย******************/
.search_tab_head {
    border-collapse: collapse;
    background:rgb(17,129,200);
    color:white;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: 360px;
    text-align: center; 
}
.search_tab_head1 {
    border-collapse: collapse;
    background:rgb(17,129,200);
    color:white;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: 100px;
    
    text-align: center; 
}
.search_tab_head2 {
    border-collapse: collapse;
    background:rgb(17,129,200);
    color:white;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    text-align: center; 
}
/********************* End หัวตาราง กลุ่มโรค , Protocol และ คำอธิบาย********************/
/***************************************************** begin protocol tab include *****************************************************/
/*tr.p1,tr.p2 {*/
tr.p1,tr.p2,tr.p3,tr.p4,td.row_span {
    border-collapse: collapse;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: auto;
}

tr.p1:nth-child(even) {
    background-color: rgb(221,221,221);
}
tr.p2:nth-child(even) {
    background-color: rgb(212, 240, 247);
}
tr.p3:nth-child(even) {
    background-color: rgb(210, 234, 252);
}
tr.p4:nth-child(even) {
    background-color: rgb(212, 240, 247);
}

/************************************** กลุ่มโรค*************************************/
td.row_span { 
    background-color: rgb(255,255,255);
}
/********************************************************End protocol tab include *****************************************************/

/*******************************Start link****หน้า t_search_use_by_hospital_all_T2*******************************************************/
.link , a:link{
    font-size:10.0pt;
    font-family:Tahoma;
    width: auto;
    text-decoration: none;
    color: rgb(0, 169, 171);
}
.link , a:visited{
    text-decoration: none;
    color: rgb(168, 47, 31);
}
.link , a:hover{
    text-decoration: underline;
    color: rgb(252, 189, 61);
}
.link , a:active{
    text-decoration: underline;
}
/********************************************************Endlink*****หน้า t_search_use_by_hospital_all_T2*****************************/

.logo{
    margin: auto;
    margin-top: 60px;
    display: inline-block;
    border: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}


/*******************************************เริ่มต้น ตั้งค่า Table register*********************************************************/
.FormRegister{
    margin: auto;
    margin-top: 0;
    display: inline-block;
    border: 0;
    width: 100%;
    font-size:9.0pt;
    font-family:Tahoma;
}


p.FirstRegisterLeft {
    text-align:right;
    font-family: Tahoma;
    font-size: 9.0pt; 
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    width: 100%;
}


p.FirstRegisterRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    width: 100%;
}

p.SecondRegisterLeft {
    text-align:right;
    font-family: Tahoma;
    font-size: 9.0pt;
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}


p.SecondRegisterRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
   
}

p.NoneTable {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    font-weight: bold;
    width: 100%;
}

p.SendDate {
    border-bottom:none;
    font-family:Tahoma;
    font-size:9.0pt;
    text-align:center;
    width: 100%;
}


/*******************************************สิ้นสุด ตั้งค่า Table register*********************************************************/
/**********************************************start form protocol***********************************************************/
p.FirstProtocolLeft {
    text-align:Left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}


p.FirstProtocolRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}
p.SecondProtocolLeft {
    text-align:right;
    font-family: Tahoma;
    font-size: 9.0pt;
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}
p.SecondProtocolRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}

/*หัวข้อ*/
p.NoneTableProtocol {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    font-weight: bold;
    width: 100%;
}
/*ไม่แยกColumn*/
p.NoneColumnProtocol {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    width: 100%;
}
/*บันทึกเมื่อชิดขวา*/
p.ProtocolSendDate {
    text-align:right;
    font-family: Tahoma;
    font-size: 9.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}
/*ส่วนของการส่งข้อมูลของแพทย์*/
p.FooterProtocol {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
}



/****************************************************End form protocol******************************************************/

/*สิ้นสุดส่วนเนื้อหา FormRegister , FormProtocol , FormFooter*/



/******************************************** Start Footer ******************************************************************/
/*
#footer {
    width: 100%;
    height: 60px;
    background-color: rgb(191,234,248);
    font-family: arial, sans-serif;
    font-size: 11px;
    color: rgb(158,163,159);
    position: relative;
    margin-bottom:  0;
    bottom: 0;
    text-align: center;
}
*/

#footer ul {
    list-style-type: none;
    margin: 30px;
    margin-bottom:  0;
}

#footer ul li {
    float: right;
    margin-bottom:  0;
    margin-top: 20px;
}

#footer ul li a {
    color: rgb(158,163,159);
    text-decoration: none;
}

#footer p {
    margin-top: 20px;
    float: left;
   margin-left: 10px;
}

#footer p a {
    font-weight: bold;
    text-decoration: none;
}



/************************************************************ End Footer *****************************************************/


/*********************************************************** Start Footer-login **********************************************/

#footer-login {
    width: 100%;
    height: 60px;
    background-color: rgb(221, 244, 255);
    font-family: arial, sans-serif;
    font-size: 10px;
    color: rgb(66,120,152);
    position: relative;
    /*position: fixed;*/
    margin-bottom:  0;
    bottom: 0;
    text-align: center;
}



#footer-login p a {
    font-weight: bold;
    text-decoration: none;
}



/*************************************************************** End Footer-login *********************************************/


.clearfloat { 
    clear:both;
	/* เพิ่มให้สีกลมกลืนกับ footer*/
		content : '' ;
	    background-color: rgb(191,234,248);
}
/*  เพิ่มเติม */
.not_null_error {
	color : red;
	display: none;
}
/* begin ส่วนทำ waiting ...*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal_Plzwait{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/FhHRx.gif') 
                50% 50% 
                no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: visible;   
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal_Plzwait {
    display: block;
}

/* end ส่วนทำ waiting ...*/

/* ส่วนซ่อน table print */
.modal {
    display: none; /* Hidden by default none*/
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(250,250,250); /* Fallback color */
    clear: both;
}

/* begin Modal Content/Box */
.modal-content {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    width: 60%; /* Could be more or less, depending on screen size */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* end Modal Content/Box */
/* เพิ่มซ่อน img_icon */
.img_icon {
	visibility: hidden;
}
/* ส่วนของ tab menu protocol*/
ul,li,p {
    margin:0;
    padding:0;
    list-style:none;
}
.css_simple_tab {
    float:left;
    width:100%;
    border-bottom:1px solid rgb(0,53,69);
    height:29px;
}
/* css แท็บทั้งหมด */
.css_simple_tab li {
    float:left;
    height:29px;
    margin-right:3px;
    border:1px solid #CCCCCC;
    border-bottom:0px;
}
.css_simple_tab li i {
    float:left;
    width:3px;
    overflow:hidden;
    height:29px;
}
.css_simple_tab li a {
    float:left;
    line-height:25px;
    padding-top:4px;
    text-align:center;
    outline:none;
    padding:0px 20px;
}
.css_simple_tab li a:link {
    color:#383838;
}
.css_simple_tab li a:visited {
    color:#383838;
}
.css_simple_tab li a:hover {
    color:rgb(0,53,69);
}
/* css แท็บที่ถูกเลือก */
.css_simple_tab_li {
    height:30px;
    border:1px solid rgb(0,53,69) !important;
    border-bottom:0px !important;
    background-color:#FFF;
}
.css_simple_tab_li a {
    font-weight:bold !important;color:rgb(0,53,69) !important;
}
.css_simple_tab_detailed {
    float:left;
    width:100%;
    line-height:23px;
    padding-top:10px;
    padding-left:15px;
    display:none;
    overflow:hidden;
}

/* begin print media */

@media screen {
    .printable { display: block; }
    .non-printable { display: none !important; }
}
@media print {
    .printable { display: block; }
    .non-printable, .container-fluid, #wraper,  #footer { display: none !important;  }
	#prn_tab { 	margin-left: 0;
				margin-top : 0;
	}
	.modal-content {
		margin-left: 3%;
		margin-top : 1%;
        
	}
	.ui-widget-overlay{
		background-color:rgb(250,250,250);
	}
}
/* end print media */
#myModal {
   background-color: rgb(250,250,250);
}
@top-left {
    border: none;
}
@top-right{
    border: none;
}

/* begin เพิ่มส่วนค้นหาข้อมูล สร้าง pagination*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: rgb(0,129,161);
    color: white;
    border: 1px solid rgb(0,129,161);
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}
div.center {text-align: center;}
/* end เพิ่มส่วนค้นหาข้อมูล สร้าง pagination*/

#api_authen_btn {
box-shadow:inset 0px -6x 0px -3x #ffffff;
 background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
 background-color:#ffffff;
 border-radius:8px;
 border:2px solid #dcdcdc;
 display:inline-block;
 cursor:pointer;
 color:#666666;
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 padding:2px 12px;
 text-decoration:none;
 text-shadow:0px -2px 0px #ffffff;
}
#api_authen_btn:hover {
 background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
 background-color:#f6f6f6;
}
#api_authen_btn:active {
 position:relative;
 top:1px;
}

/*************************************** Start pt_history_table************************************/
.pt_history_table {
    text-align: center;
    border-spacing: 0;
    letter-spacing: 0.01em;
    /*width: auto;*/
    width: 85%;
    font-size: 10.2pt;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; /* เลือกฟอนต์ที่อ่านง่าย */
}
/***** ไม่มีประวัติการยื่นขอใช้ยาตามเงื่อนไขที่กำหนด *****/
.TFtable {
    text-align: center;
    border-spacing: 0;
    width: auto;
    font-size: 10.2pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;  /* เลือกฟอนต์ที่อ่านง่าย */
    color: rgb(0,63,79);
    letter-spacing: 0.01em;
}
/* ใส่สีพื้นหลังให้แถวคู่ */
.TFtable tr:nth-child(even) {
    background-color: #f2f2f2; /* สีเทาอ่อน */
  }
  
  /* ใส่สีพื้นหลังให้แถวคี่ (หรือจะปล่อยเป็นสีขาว) */
.TFtable tr:nth-child(odd) {
    background-color: #ffffff; /* สีขาว */
  }
/**************************************** End pt_history_table*************************************/