/*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 }

/*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,Tahoma;
    font-size: 13px;
    margin: 0; 
    padding: 0; 
    margin-left: 0;
    margin-top: 0;
    /* Viewpoint */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  
} 

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

/*menu ข้างบน*/

.thrColFixHdr #container {
    width: 100%;
    z-index: 100;
    background: rgb(245,245,245);
    margin: 0;
    padding: 0;
    
}
/*สร้างขอบในรายการที่มี pdf แนบมา*/
.pdf-border {
  border: 1px solid #FF8F59;
}
/**********************************************Menu Bar ข้างบนขวา**************************************************/
.container-fluid {
    width: 100%;
    position: fixed;
    background: rgb(251, 210, 201);
    height: 55px;
    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: 10px 16px;
    text-decoration: none;
}

.navbar-nav li a:hover {
    background-color: rgb(248, 200, 183);
}

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


.navbar-nav1 li {
    float: right;
}


.navbar-nav1 li a {
    display: block;
    color: rgb(97,80,80);
    text-align: center;
    padding: 12px 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(255,134,93);
    height: 65px;
}

.vertical-menu li {
    float: left;
}

.vertical-menu li a, .dropbtn {
    display: block;
    color: rgb(97,80,80);
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

.vertical-menu li a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(248, 200, 183);
}

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

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

.vertical-menu .dropdown-content a {
    color: rgb(92,87,89);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

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

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


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


/************************************************* Strat Register RDPA ***********************************************************/
.protocol-register {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color:rgb(255,234,226);
    border: 2px dashed rgb(255,134,93);
    width:816px;
    text-align: center;
    padding:3px;
    margin-bottom: 5px;
    margin-top: 15px;
    color: rgb(71,79,65);
}
/**************************************************End Register RDPA ***********************************************************/

/**************************************************End Personal RDPA (ข้อมูลทั่วไป) ********************************************/



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

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

#mainContent{
    margin: auto;
    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: Tahoma;
    text-align: center;
    display: table-cell;       
    font-size: 25px;
    font-style: italic;
    color: rgb(76, 84, 70);  
}
/********************************************************End Search***********************************************************/

/********************************************************Start table_search***********************************************************/
#table_search{
    margin: auto;
    margin-top: 15px;
    display: table;
    border: 0;
    width: 100%;
    border-collapse: collapse;
    vertical-align: bottom;
    color: rgb(71,79,65);
}
form {
    margin: auto;
    margin-top: 0;
    display: inline-block;
    border: 0;
    width: 100%;
    font-size:11.0pt;
    font-family:Tahoma;
}

.search_tab_colleft { 
   font-size:10.0pt;
    font-family:Tahoma;  
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: bold; 

}


.search_tab_colright {
    font-size:10.0pt;
    font-family:Tahoma;  
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: bold;
    width: 500px;

}
.search_tab_head {
    border-collapse: collapse;
    background:rgb(255,194,181);
    color:rgb(97,80,80);
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: 280px;
    text-align: center;
}
.search_tab_head1 {
    border-collapse: collapse;
    background:rgb(255, 194, 181);
    color:rgb(97,80,80);
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: auto;
    text-align: center;  
}

.search_tab_head2 {
    border-collapse: collapse;
    background:rgb(255,194,181);
    color:rgb(97,80,80);
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: 270px;
    text-align: center;  
}

.search_tab_footer1 {
    border-collapse: collapse;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: auto;
}
.search_tab_footer2 {
    border-collapse: collapse;
    font-size:10.0pt;
    font-family:Tahoma;
    border-bottom: 1px solid rgb(221,221,221);
    width: auto;
    background-color: rgb(221,221,221);
}
/********************************************************End table_search***********************************************************/

/************************************************ Start Table Layout**********************************************************/
.table_layout {
    border-collapse: collapse;
    table-layout: auto;
    display: table;
    width: 100%;  
    margin: auto;
    border: 0;
    font-family: Tahoma;
    text-align: center;
    margin-top: 15px;
    font-size: 9.0pt;
}
th {
    text-align: center;
    padding: 5px;
    border: 1px solid rgb(221,221,221);
    background-color: rgb(255,211,202);
    color: rgb(110,91,87);
    font-family: sans-serif;
    font-size: 13px;
}
tr1:nth-child(even){background-color: rgb(242,242,242)}

/*************************************************End Table Layout******************************************************/
/************************************************* Start ผลการค้นหา *********************************************************/
.search, tr2{
    font-family: Tahoma;
    text-align: left;
    display: table-cell;       
    font-size: 15px;
    font-style: Tahoma;
    color: rgb(74,97,74);  
    margin: auto;
    border: 0;
    padding-left: 5px;
}
/************************************************* End ผลการค้นหา *********************************************************/



/*******************************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(254, 133, 93);
}
.link , a:visited{
    text-decoration: none;
    color:  rgb(254, 133, 93);
}
.link , a:hover{
    text-decoration: underline;
    color: rgb(97, 80, 80);
}
.link , a:active{
    text-decoration: underline;
}
/*********************************************Endlink*****หน้า t_search_use_by_hospital_all_T2*****************************/



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


/*******************************************Start Table register*********************************************************/
.FormRegister{
    margin: auto;
    margin-top: 5px;
    display: inline-block;
    border: 0;
    width: 100%;
    font-size:10.0pt;
    font-family:Tahoma;
    color: rgb(71,79,65);
}


p.FirstRegisterLeft {
    text-align:right;
    font-family: Tahoma;
    font-size: 10.0pt; 
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    width: 100%;
    color: rgb(71,79,65);
}


p.FirstRegisterRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 10.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    font-weight: bold;
    width: 100%;
    color: rgb(71,79,65);
}

p.SecondRegisterLeft {
    text-align:right;
    font-family: Tahoma;
    font-size: 10.0pt;
    width: auto;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    color: rgb(71,79,65);
}


p.SecondRegisterRight {
    text-align:left;
    font-family: Tahoma;
    font-size: 10.0pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    /*width: 100%;*/
    width: 100%;
    color: rgb(71,79,65);
}

p.NoneTable {
    text-align:left;
    font-family: Tahoma;
    font-size: 10.0pt; 
    font-weight: bold;
    width: 100%;
    color: rgb(71,79,65);
}

p.SendDate {
    border-bottom:none;
    font-family:Tahoma;
    font-size:10.0pt;
    text-align:center;
    width: 100%;
    color: rgb(71,79,65);
}


/*******************************************End Table register*********************************************************/

/******************************************** Start patient detail **************************************************/
#tablepatient {
  border-collapse: collapse;
  width: 75%;
  margin-top: 2px;
  /*border: 1px solid rgb(247,174,174);*/
}

/*#tablepatient, th, td {
  text-align: left;
  padding: 8px;
  border: 1px solid rgb(247,174,174);
}*/

#tablepatient tr:nth-child(even){
    background-color: rgb(254,243,241);
}

#tablepatient th {
  background-color: rgb(255,212,211);
  color: rgb(193,160,160);
  text-align: center;
}
/******************************************** End patient detail****************************************************/


/**********************************************start form protocol [register]***************************************/
p.FirstProtocolLeft {
    text-align:left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    font-family: sans-serif;
    font-size: 10pt;
    color: rgb(97,80,80);
}

p.FirstProtocolMiddel {
    text-align: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    font-family: sans-serif;
    font-size: 10pt;
    color: rgb(97,80,80);
    
}

p.FirstProtocolRight {
    text-align:left; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    font-family: sans-serif;
    font-size: 10pt;
    color: rgb(97,80,80);
}
p.protocol-personal {
    text-align:center;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12pt; 
    font-weight: 200;
    width: 100%;
    clear: both;
    background-color: rgb(255,212,211);
 }

/**********************************************End form protocol [register]***************************************/

/*************************************** Start pt_history_table************************************/
.pt_history_table {
    text-align: center;
    /*width: auto;*/
    width: 85%;
    font-size: 10pt;
    font-family:Tahoma;
}
/***** ไม่มีประวัติการยื่นขอใช้ยาตามเงื่อนไขที่กำหนด *****/
.TFtable {
    text-align: center;
    width: auto;
    font-size: 10pt;
    font-family:Tahoma;
    color: rgb(97,80,80);
}

/**************************************** End pt_history_table*************************************/

/************************************************ Start patient personal****************************************/
#tablepersonal {
  border-collapse: collapse;
  width: 75%;
  margin-top: 5px;
  border: 1px solid;
}
/*หัวข้อแบบบันทึก HD Program*/
p.NoneTablePersonal {
    text-align:left;
    font-family: Tahoma;
    font-size: 9.0pt; 
    font-weight: bold;
    width: 100%;
}
p.PersonalhdLeft {
    text-align:left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    width: auto;
    font-family: sans-serif;
    font-size: 10pt;
}
p.PersonalhdRight {
    text-align:left; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    font-family: sans-serif;
    font-size: 10pt;
}


/*********************************************** End patient personal ******************************************/


/*******************************************Start form HD include *********************************************************/
.FormPersonal{
    margin: auto;
    margin-top: 0;
    display: inline-block;
    border: 0;
    width: 100%;
}

p.FormhdLeft {
    text-align:left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    width: auto;
    font-family: sans-serif;
    font-size: 10pt;
}

p.FormhdMiddel {
    text-align: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    width: auto;
    font-family: sans-serif;
    font-size: 10pt;
    
}

p.FormhdRight {
    text-align:left; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    font-family: sans-serif;
    font-size: 10pt;
}

/*******************************************End  form HD include *********************************************************/
/*******************************************Start form ข้อมูลการลงทะเบียน include **********************************/
.FormEnroll{
    margin: auto;
    margin-top: 0;
    display: inline-block;
    border: 0;
    width: 100%;
}

p.FormEnrollLeft {
    text-align:left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    font-family: sans-serif;
    font-size: 10pt;
}

p.FormEnrollMiddel {
    text-align: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    font-family: sans-serif;
    font-size: 10pt;
    
}

p.FormEnrollRight {
    text-align:left; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    font-family: sans-serif;
    font-size: 10pt;
}
p.NoneColumnEnroll {
    text-align:left;
    font-family: sans-serif;
    font-size: 10pt; 
    font-weight: 100;
    width: 100%;
    clear: both;
} 

p.NoneColumHead {
    text-align:center;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12pt; 
    font-weight: 200;
    width: 100%;
    clear: both;
    background-color: rgb(246, 217, 216);
 }
/*บันทึกเมื่อชิดขวา*/
p.FormEnrollSendDate {
    text-align:right;
    font-family: sans-serif;
    font-size: 10pt; 
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
}
/*ส่วนของการส่งข้อมูลของแพทย์*/
p.FormEnrollFooter {
    text-align:left;
    font-family: sans-serif;
    font-size: 10pt; 
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
}
p.FormEnrollFooterCenter {
    text-align:center;
    font-family: sans-serif;
    font-size: 10pt; 
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
}
/*******************************************End form enroll include ****************************************************/

/***************************************** Start หัวแต่ละ protocol ******************************************/
/***** Rituximab [RTX-GN ] 20250206********/
.protocol-rtx-gn {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color:rgb(255,242,236);
    border: 2px dashed rgb(193, 160, 160);
    width:850px;
    text-align: center;
    padding:3px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: rgb(71,79,65);
}
/***** Rituximab [RTX-pNS] 20250218********/
.protocol-rtx-pns {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color:rgb(254,242,237);
    border: 2px dashed rgb(193, 160, 160);
    width:860px;
    text-align: center;
    padding:3px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: rgb(71,79,65);
}

/********************** Terminate *************************************/
.protocol-terminate {
    font-style: Tahoma;
    font-size: 14px;
    font-weight: bold;
    background-color:rgb(251,249,227);
    border: 2px dashed rgb(193, 160, 160);
    width:850px;
    text-align: center;
    padding:3px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: rgb(71,79,65);
}




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


/**********************************************start form protocol รอเอาออก ***************************************/
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%;
}*/


/*ไม่แยกColumn*/
p.NoneColumnProtocol {
    text-align:left;
    font-family: Tahoma;
    font-size: 15.0pt; 
    font-weight: 100;
    width: 100%;
    background-color: rgb(254,242,237);
    clear: both;
}
/*บันทึกเมื่อชิดขวา*/
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;
}
p.pt_profile_col pt_profile_col_left {
    font-size: 12px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	color: black;
}
/****************************************************End form protocol *************************************************/

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



/******************************************** Start Footer ******************************************************************/

#footer {
    width: 100%;
    height: 60px;
    background-color: rgb(252, 233, 229);
    font-family: arial, sans-serif;
    font-size: 11px;
    color: rgb(92,87,89);
    position: relative;
    margin-bottom:  0;
    bottom: 0;
    text-align: center;
   
}

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

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

#footer ul li a {
    color: rgb(92,87,89);
    text-decoration: none;
}

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

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



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

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

#footer-login {
    width: 100%;
    height: 60px;
    background-color: rgb(255,222,215);
    font-family: arial, sans-serif;
    font-size: 10px;
    color: rgb(158,163,159);
    position: relative;
    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(254,242,237);
}
/*  เพิ่มเติม */
.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 */
}

/* 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(255,149,119);
    height:29px;
}
/* css แท็บทั้งหมด */
.css_simple_tab li {
    float:left;
    height:29px;
    margin-right:3px;
    border:1px solid #f1efef;
    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(255,149,119);
}
/* css แท็บที่ถูกเลือก */
.css_simple_tab_li {
    height:30px;
    border:1px solid rgb(255,149,119) !important;
    border-bottom:0px !important;
    background-color:#FFF;
}
.css_simple_tab_li a {
    font-weight:bold !important;color:rgb(255,149,119) !important;
}
.css_simple_tab_detailed {
    float:left;
    width:100%;
    line-height:23px;
    padding-top:10px;
    padding-left:15px;
    display:none;
    overflow:hidden;
}
/* begin ซ่อน GN */
.hide{
  display:none;  
}
/* end ซ่อน GN */
/* 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(252,252,252);
	}
}
/* end print media */
#myModal {
   background-color: rgb(252,252,252);
}
@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 #FCFCFC;
}

ul.pagination li a.active {
    background-color: rgb(255,211,202);
    color: white;
    border: 1px solid rgb(255,211,202);
}

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


/***************************************************** 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(252,252,252);
    width: auto;
}

tr.p1:nth-child(even) {
    background-color: rgb(255,245,239);
}
tr.p2:nth-child(even) {
    background-color: rgb(246, 230, 250);
}
tr.p3:nth-child(even) {
    background-color: rgb(249, 229, 237);
}
tr.p4:nth-child(even) {
    background-color: rgb(249, 229, 237);
}

/************************************** กลุ่มโรค*************************************/
td.row_span { 
    background-color: rgb(252,252,252);
}
/********************************************************End protocol tab include *****************************************************/
#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;
}