html {

	margin: 0;
	padding: 0;
	background-color:#333333;
}

#cp_main-container {
	text-align: left;
	margin: 0px auto;
	width:100%;
}

#cp_page-container {
	text-align: center;
	width: 100%;
	height: 100%;


}

#main-container {
	text-align: left;
	margin: 0px auto;
	width:1040px;

}

#page-container {
	text-align: center;
	width: 100%;
	height: 100%;


}
#copyright {
	position:relative;
	padding:15px;
	color:#C8C8C8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:200px;
	width:600px;
	text-align:center;

}
#copyright a:link {
	color:#C8C8C8;
	text-decoration:none;
}
#copyright a:visited {
	color:#C8C8C8;

}
#copyright a:hover {
	color:#ffffff;

}

#cp_copyright {
	position:relative;
	padding:15px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;

	text-align:center;

}
#cp_copyright a:link {
	color:#CCCCCC;
	text-decoration:none;
}
#cp_copyright a:visited {
	color:#CCCCCC;

}
#cp_copyright a:hover {
	color:#ffffff;

}

#logo {
	position:relative;
	width:500px;
	height:100px;
	text-align:left;
}




/*************************************
Login Page
*************************************/

.ui-effects-transfer {
	border: 2px dotted #ffffff;
}

#LeftCorner {
	width: 10px;
}

#ajax_load {
	position:relative;
	text-align:center;		
}

.ajax_loading {
	position:relative;
	text-align:center;		
}

#login_msg_box {
	position:relative;
	padding:15px;
	background-color:#FF0000;
	border: 1px solid #ffffff;
	margin-top:10px;
	margin-left:300px;

	width:400px;
	font-size:22px;
	color:#FFFFFF;
	text-align:center;
	display:none;
	

	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}



#SysMsg_box {
	position:relative;
	padding:15px;
	font-size:24px;
	
	border: 1px solid #999999;
	margin-top:100px;
	margin-left:170px;
	width:650px;

	text-align:center;
	
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));


	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}


#login_box {
	position:relative;
	padding:15px;
	
	border: 1px solid #999999;
	margin-top:60px;
	margin-left:300px;
	width:400px;

	text-align:left;
	
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));


	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}	

#success_login_box {
	position:relative;
	padding:15px;
	background-color:#E6E6E6;
	border: 1px solid #999999;
	margin-top:100px;
	margin-left:300px;
	width:400px;
	font-size:22px;
	display:none;
	text-align:left;


	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.login_query {
	padding: 7px;
	font-size:20px;
	width:300px;
	border: 1px solid #437eb8;
}



#wbutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	float:right;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}



#login_form_txt {
	
	font-size:22px;
	font-weight:bold;	
	color:#000000;
	display:inline;
	padding-right:8px;
}

#loginForm fieldset {
  margin-bottom: 10px;
  border: solid #999999 1px;

}

#loginForm legend {
  
  padding-left: 9px;
  padding-bottom: 12px;

  color:#000000;
  font-size:22px;
}

#loginForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  text-align:left;
  font-size:22px;
	
	color:#000000;
}

#loginForm fieldset ul {
  margin: 0;
  padding: 0;

}

#loginForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

#loginForm fieldset li a:link, a:visited {
	color:#000000;
	text-decoration:none;
}

#loginForm fieldset li a:hover {
	color:#666666;
}

#loginForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

#loginForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

#loginForm fieldset fieldset label {
  display: block;
  width: auto;
}

#loginForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

#loginForm label {
  width: 200px; /* Width of labels */
  
}

#loginForm fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/*********************************************************/
#PageMapTitle{
	position:relative;
	text-align:left;

	font-size:22px;

	color:#333333;
	background:#CCCCCC;
	padding: 5px 5px 35px 5px;


}

#PageMapTitle a:link {
	text-decoration:none;
	color:#0469b9;
}

#PageMapTitle a:visited {
	text-decoration:none;
	color:#0469b9;
}

#PageMapTitle a:hover {
	text-decoration:none;
	color:#104e8c;
}

#LoggedInfo {
	position:absolute;
	right:10px;
	padding: 5px;
	float:right;
	cursor:pointer;
	background:#104e8c;
	color:#FFFFFF;
	-moz-border-radius: 6px 6px 6px 6px;		
	-webkit-border-radius: 6px 6px 6px 6px;	
	border-radius: 6px 6px 6px 6px;	
}

#UserInfoPanel {
	display:none;
	position:absolute;
	background:#1786df;
	min-width:380px;
	min-height:110px;
	padding:15px;
	color:#FFFFFF;
	right:0px;
	margin-top:1px;
	cursor:auto;


	-moz-border-radius: 10px 10px 10px 10px;	
	-webkit-border-radius: 10px 10px 10px 10px;	
	border-radius: 10px 10px 10px 10px;	
}

#DataTable{
	position:relative;
	width:100%;
	text-align:center;
	background:#CCCCCC;
	min-height:450px;
	
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;	
}



#OuterTable {
	padding: 10px;
	background:#FFFFFF;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
}

#OuterTable .caption_txt {
	font-size:24px;
}

#SystemMsg_OuterTable {
	padding: 8px;
	background:#FF0000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
}

#SystemMsg_Title {
	float:left;
	color:#FF0000;
	font-weight:bold;

}

.MSG_Table {

	font-size:26px;
}

#TabulatedList {
	width: 100%;
	margin: 0 auto;
	line-height:1.4em;
	
	font-size: 20px;
	border-collapse:collapse;

}


#TabulatedList .Colheader_LargeFont {
	color:#000000;
	font-weight:bold;
	font-size:36px;
}


#TabulatedList .Colheader {
	color:#F3F3F3;
	font-weight:bold;
}

#TabulatedList .Colheader_black {
	color:#000000;
	font-weight:bold;
}

#TabulatedList .Colheader_white {
	color:#ffffff;
	font-weight:bold;
}

#TabulatedList .Colheader a:link {
	color:#F3F3F3;
	font-weight:bold;
	text-decoration:none;
}

#TabulatedList .Colheader a:visited {
	color:#F3F3F3;
	font-weight:bold;
	text-decoration:none;
}

#TabulatedList .Colheader a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#TabulatedList tr {
	vertical-align:top;

}

#TabulatedList td {
	
	font-size: 20px;
	vertical-align:top;
	padding: 8px;
	border: 0.1em solid #104e8c;
}

#TabulatedList .Cust_Detail_Heading {
	color:#0164b3;
	font-weight:bold;
	font-size:22px;
}

#TabulatedList .disp_Payment_Sum {
	color:#000000;
	font-weight:bold;
	font-size:30px;
}

#TabulatedList .Cust_Detail_Info {
	border: 1px solid #0164b3;
}

#TabulatedList .Cust_Detail_TSum {
	border: 1px solid #0164b3;
	font-weight:bold;
	font-size:30px;
}

#TabulatedList .aCode-Highlight {
	color:#0066CC;
	font-weight:bold;
}

#TabulatedList .record_NA {
	text-align:center;
	color:#FF0000;
	font-size:26px;

}

#TabulatedList .UpLoadPicHeader{



	font-size:26px;

	color:#000000;
	background:#CCCCCC;

}

#TabulatedList .TicketListHeader{



	font-size:26px;

	color:#ffffff;
	background:#ec0b44;

}

#TabulatedList .ConvListHeader{



	font-size:26px;

	color:#000000;
	background:#99CC33

}


.crossicon_u {
	position:absolute;
	cursor:pointer;
	margin:8px 0px 0px 8px;
	display:none;
}

.crossicon_t {
	position:absolute;
	cursor:pointer;
	margin:8px 0px 0px 8px;
	display:none;
}

.crossicon_p {
	position:absolute;
	cursor:pointer;
	margin:8px 0px 0px 8px;
	display:none;

}

.crossicon_b {
	position:absolute;
	cursor:pointer;
	margin:8px 0px 0px 8px;
	display:none;

}

.crossicon_c {
	position:absolute;
	cursor:pointer;
	margin:8px 0px 0px 8px;
	display:none;
}



#actionCol td {
	border: none;

}




	
#Prod_thumb td {
	border: none;
	padding:3px;
}

.ubutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	float:right;
	text-align:center;
	margin-left:10px;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.attachbutton {
	display:inline-block;
	padding:10px 25px 10px 25px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:22px;
	margin-top:10px;
	text-align:center;


	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.attachPreview {
	display:inline-block;



}

.abutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	float:right;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.rbutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	float:right;
	text-align:center;
	margin-left:10px;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.aibutton {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.Save_ClosedSales {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Attach_ClosedSales {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.FullPaybutton {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.sendSMSOrder {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#FF0099;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.sendSMSCollect {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#04b491;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.sendingSMSButt {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#FF0000;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.apbutton {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.dibutton {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.dibutton_invisible {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-size:15px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.number_in_red {
	color:#FF0000;
	font-weight:bold;
}

.ebutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;


	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.CONVebutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;


	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.mbutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;


	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.dbutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.tbutton {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.TICKETcancelButton {
	display:inline-block;
	padding:10px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;

	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.blank_button {
	display:inline-block;
	padding:10px;
	background-color: none;

	min-width:42px;

}

.Bulkdel_button {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Real_button {
	display:inline-block;
	padding:10px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.cancelButton {
	display:inline-block;
	padding:10px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;

	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.CONVcancelButton {
	display:inline-block;
	padding:10px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;

	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.lessButton {
	display:inline-block;
	padding:10px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;

	min-width:42px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.cancelButtonAdd {
	display:inline-block;
	padding:10px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	float:right;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.cancelEditButton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#ec0b44;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.sNewbutton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.sbutton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.sebutton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.REPLYsebutton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.SpotTicketbutton {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.complete_adding_button {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.sbutton_disabled {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
	opacity: 0.4;


}



.input_field {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
}

.input_field_Tel {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
}

.input_field_Only_Digit {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:center;
}

.input_field_No_Space {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:center;
}

.input_display_Date {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

.input_field_iDate {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

.input_field_edit_iDate {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

.input_field_textarea {
	font-size:19px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 9px;
	border: 1px solid #0164b3;
}

.input_field_textarea_readonly {
	font-size:19px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 9px;
	border: 1px solid #FF0000;
}


.input_field_Center {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:center;
}

.input_field_Center_FOC {
	font-size:20px;
	padding: 9px;
	border: 1px solid #FF00FF;
	text-align:center;
}

.input_field_readonly {
	font-size:20px;
	padding: 9px;
	border: 1px solid #FF0000;
}



.input_field_Upper {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-transform: uppercase;
}

.input_field_readonly_Upper {
	font-size:20px;
	padding: 9px;
	border: 1px solid #FF0000;
	text-transform: uppercase;
}

.input_field_Lower {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-transform:lowercase;
}

.input_field_Cap {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-transform:capitalize;
}

.input_field_amount {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

.input_field_amount_CASH {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

.input_field_amount_TERM {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}



.input_field_amount_GT {
	font-size:28px;
	font-weight:bold;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
	color:#0777d1;
}


.input_field_InvoicedA {
	font-size:20px;
	padding: 9px;
	border: 1px solid #0164b3;
	text-align:right;
}

#TabulatedList .Colheader_GT {
	font-size:28px;
	color:#F3F3F3;
	font-weight:bold;
}

#TabulatedList .Colheader_GT_black {
	font-size:28px;
	color:#000000;
	font-weight:bold;
}

#TabulatedList .Itemized td {
	border: 0.1em solid #104e8c;
}


#Remarks_Itemized td {
	border: 0.1em solid #104e8c;
}

#Inner_Table td {
	border: 0.1em solid #104e8c;
}

.Check_Boxes {
	margin: 3px;
	-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}



.payment_Check_Boxes_CASH {
	margin: 3px;
	-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  

}

.payment_Check_Boxes_TERM {
	margin: 3px;
	-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  

}

.Add_Panel {
	display: none;
}


/**************************************************************/

.pagenumstatic { 
        color: #FFFFFF; 
        background-color: #104e8c;
        font-weight: BOLD;
        border: solid #ffffff 1px; 
        margin: 2px; 
        padding: 8px; 
		 
        text-decoration: none; 
} 
.pagenum A:link, .pagenum A:visited, .pagenum A:active { 
        color: #104e8c;  
        background-color: #FFFFFF;
        border: solid #104e8c 1px; 
        margin: 2px; 
        padding: 8px;  
        
        text-decoration: none; 
} 
.pagenum A:hover { 
        color: #FFFFFF; 
        background-color: #104e8c;
        text-decoration: none; 
        border: solid #ffffff 1px; 
        margin: 2px; 
        padding: 8px;  
        
        text-decoration: none; 
}

#CheckEmailResult {
	position:absolute;
	margin-left: 10px;
}

.CheckEmailResult_Error {
	color:#FF0000;
}

.Red_Alert {
	color:#FF0000;
}

.Red_Tips {
	color:#FF0000;
}



#edit_page_savebutt td {
	border: none;

}

#TradeDiscount_TB td {
	border: none;

}

#DOB_TB td {
	border: none;

}

.Pending_Txt {
	color:#006600;
}
.Rejected_Txt {
	color:#FF0000;
}

.Approved_Txt {
	color:#104e8c;
}

.Invoiced_Txt {
	color:#FF00FF;
}

#Logo {
	width:481px;
	height:110px;
	background: url(../images/PW_logo.png) no-repeat;
	margin-bottom:3px;

}

.SuccessSaveTick {
	display:inline-block;
	padding:10px 30px 10px 30px;
	background-color:#FF0000;
	color:#FFFFFF;
	cursor:pointer;
	font-size:19px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.disp_more_data_cell {
	color:#000000;
	font-weight:normal;
}

.ProdPicFrame {
	float:left;
	padding: 5px;
	border: 1px solid #666666;

}

a.ProdPicFrame_del {
	color:#FF0000;
	font-weight:bold;
	font-size:28px;
	float:right;
	text-decoration:none;
	padding: 5px;
}


.BulkActionbutton {
	display:inline-block;
	padding:15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:24px;
	text-align:center;
	font-weight:bold;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


.clearDatePicker {
	display:inline-block;
	padding:7px 12px 7px 12px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:18px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

/****************************************/

.SevenDays {
	color:#FFFFFF;
	background-color:#0000FF;
	padding:2px 4px 2px 4px;
}

.ThreeDays {
	color:#FFFFFF;
	background-color:#fd6e36;
	padding:2px 4px 2px 4px;
}

.OneDays {
	color:#FFFFFF;
	background-color:#FF00FF;
	padding:2px 4px 2px 4px;
}

.DueDays {
	color:#FFFFFF;
	background-color:#FF0000;
	padding:2px 4px 2px 4px;
}


.SuccessSaveComment {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#FF0000;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Save_TechComment {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Attach_Reference {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Clear_Date {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.Save_TechRef {
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color:#104e8c;
	color:#FFFFFF;
	cursor:pointer;
	font-size:20px;
	text-align:center;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

#dropDown_brand {
	margin-left:17px;
	margin-top:5px;
	position:absolute;
	width:330px;
	max-height: 200px;
	background-color:#33FF99;
	overflow-y:scroll;
	border-style:solid;
	border-color:#333333;
	border-width:thin;
	padding: 5px;
	cursor:default;
	z-index:9999;

}



#dropDown_type {

	margin-top:5px;
	position:absolute;
	width:330px;
	max-height: 200px;
	background-color:#33FF99;
	overflow-y:scroll;
	border-style:solid;
	border-color:#333333;
	border-width:thin;
	padding: 5px;
	cursor:default;
	z-index:9999;

}

#dropDown_searchCustomer {

	margin-top:5px;
	position:absolute;
	width:430px;
	max-height: 200px;
	background-color:#33FF99;
	overflow-y:scroll;
	border-style:solid;
	border-color:#333333;
	border-width:thin;
	padding: 5px;
	cursor:default;
	z-index:9999;

}


#dropDown_remarkid {

	margin-top:5px;
	position:absolute;
	width:330px;
	max-height: 200px;
	background-color:#33FF99;
	overflow-y:scroll;
	border-style:solid;
	border-color:#333333;
	border-width:thin;
	padding: 5px;
	cursor:default;
	z-index:9999;

}

.MAAR {
	background-color:#FF0000;
	color:#FFFFFF;
	cursor:pointer;
}

.MAAR:hover {
	background-color:#0000FF;

}



/*********************************************/
/* Bootstrap Modal
/*********************************************/




.close {
  float: right;
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 900px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 75%;
  }

  .modal-xsm {
    width: 60%;
  }
  
}
@media (min-width: 992px) {
  .modal-lg {
    width: 90%;
  }

  .modal-xlg {
    width: 98%;
  }
  
}


  
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #000;
  background-color: #5bc0de;
  border-color: #ccc;
  font-weight:bold;
  font-size:18px;
  text-shadow: 1px 1px 1px #fff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.modal-title-caption {
  font-size: 30px;
}

/*********************************************/
/* Bootstrap Modal
/*********************************************/

/*********************************************/
/* Bootstrap Tooltip
/*********************************************/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 400px;
  padding: 3px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}


/*********************************************/
/* Bootstrap Tooltip
/*********************************************/