/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');*/

*:not(.fa):not([class^="fa-"]):not(#divPageHead):not(#divPageHead *):not(footer *):not(footer) {
	font-family: Arial, sans-serif; /*'Roboto', sans-serif !important;*/
	font-size: 13px;
}

/*body, h1, h2, h3, h4, h5, h6, p, input, button, select, textarea, label, div, th, td {
	font-family: 'Roboto', sans-serif;
}*/


html, body {
	height: 100%; /* Full-height container */
	display: flex;
	flex-direction: column;
	margin: 0;
}

html {
	overflow-y: scroll; /* Always show vertical scrollbar */
}

body {
	margin: 0;
	padding: 0;
}


.header {
	/*height: 88px;*/
	background-color: #003366;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.footer {
	width: 100%;
	clear: both;
	/*height: 35px;*/
	color: #ffffff;
	font-size: 9pt;
	background-color: #003366;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 7px;
}

.footer a {
padding: 0 0 0 7px;
text-decoration: none;
color: #ffffff;
}

.footer a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.wrap
{
	margin:0 auto;
	width:1250px;
}
.center_content {
	padding: 10px;
	padding-top: 5px !important;
	border: 1px solid #C0C0C0;
	background-color: #f0f4f8;
	color: #2c3e50;
	moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	height:100%;
}
.contents{
	padding-top: 75px;
	background-color: #ffffff;
	padding-bottom: 95px;
}
.contents_inner {
	padding-top: 0px;
	background-color: #ffffff;
	/*font-family: Arial, sans-serif;*/
	padding-bottom: 5px;
	flex:1;
}
label {
	cursor: pointer;
	color: #2c3e50;
}

.loginBox
{
	padding: 30px;
	margin: 10px;
	border: 1px solid #C0C0C0;
	background-color: #E4E4E4;height: 215px;
}
.loginBox label
{
	/*font-family: Arial, sans-serif;*/
	color: #333333;
}
.loginBox input[type="text"], .loginBox input[type="password"]
{
	border: 1px solid #C0C0C0;
	padding: 4px;
	background-color: #FFFFFF;
	/*font-family: Arial, sans-serif;*/
	color: #333333;
	width: 300px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	/*font-size: 12pt;*/
	margin-bottom: 15px;
	margin-top: 6px;
}
.loginBox input[type="button"]
{
	padding: 5px;
	background-color: #232323;
	border: 1px solid #000000;
	color: #FFFFFF;
	/*font-family: Arial, sans-serif; */
	/*font-size: 12pt;*/
	cursor: pointer;
}
.loginBox input[type="button"]:hover
{
	padding: 5px;
	background-color: #000000;
	border: 1px solid #666666;
	color: #CCCCCC;
	/*font-family: Arial, sans-serif;*/
	/*font-size: 12pt;*/
}
.imgCashBook
{
moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.waitLoader {
	position: fixed; /* Stays in the same position even when scrolling */
	top: 0; /* Aligns to the top */
	left: 0; /* Aligns to the left */
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background: rgba(0, 0, 0, 0.5); /* Darker semi-transparent background for contrast */
	z-index: 9999; /* Ensures it’s on top */
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/Images/CBWTF-Logo-Loading.png?v=1.0'); /* Your loader image */
	background-size: 110px 110px !important;
	background-repeat: no-repeat;
	background-position: center; /* Center the image */
}

.waitLoader:before {
	content: '';
	width: 110px !important; /* Slightly larger loader */
	height: 110px !important; /* Slightly larger loader */
	border: 5px solid #ff5c00; /* Border color */
	border-top: 5px solid transparent; /* Top border transparent for spinning effect */
	border-radius: 50%; /* Makes it circular */
	animation: spin 1.2s linear infinite; /* Slightly slower spin for smoothness */
}

@keyframes spin {
	0% {
		transform: rotate(0deg); /* Start at 0 degrees */
	}

	100% {
		transform: rotate(360deg); /* Spin to 360 degrees */
	}
}


.popupBG{z-index:100000; position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); top: 0px; left:0px; border:10px solid F062BB; opacity:0.85;filter:alpha(opacity=70);}
.popupBG_Show{display:block;}
.popupBG_Hide{display:none;}
.popup
{
	display: none;
	padding: 0px;
	top: 30%;
	left: 35%;
	position: fixed;
	z-index: 900;
	/*font-family: Arial, sans-serif;*/
	/*font-size: 13px;*/
	color: #333333;
	background-color: #FFFFFF;
}
.loading
{
	display: block;
	padding: 0px;
	top: 47%;
	left: 47%;
	position: fixed;
	z-index: 500;
	/*font-family: Arial, sans-serif;
	font-size: 13px;*/
	color: #FFFFFF;
}
.divMsg {
	color: #CC0000;
	text-align: center;
	margin: 0px auto 0px auto;
	/*font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;*/
	vertical-align: middle;
	line-height: 30px;
}

.contents_inner input[type="text"], .contents_inner input[type="password"]
{
	border: 1px solid #999999;
	width: 170px;
	height:18px !important;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;	
	margin-right: 3px;
}
.contents_inner select{
	height: 26px !important;
}

.cbo
{
	border: 1px solid #999999;
	width: 178px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.cboVVSml
{
	border: 1px solid #999999;
	width:80px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.cboSmall
{
	border: 1px solid #999999;
	width:120px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.cboMed
{
	border: 1px solid #999999;
	width:150px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.cbobig
{
	border: 1px solid #999999;
	width: 270px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.cboLrg
{
	border: 1px solid #999999;
	width: 622px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbxFont
{
	border:1px solid #999999;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbx
{
	border: 1px solid #999999;
	width: 190px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbxMin
{
	border: 1px solid #999999;
	width: 100px !important;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}

.bmwtxt
{
	color: #FFFFFF !important;
}
.tblTxtRight tr td input{text-align:right;}
.tbxMed
{
	border: 1px solid #999999;
	width: 100px !important;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbxSml
{
	border: 1px solid #999999;
	width: 78px !important;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}

.tbxVSml
{
	border: 1px solid #999999;
	width: 35px !important;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbxMultiSml
{
	border: 1px solid #999999;
	width: 170px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.contents_inner input[type="button"],
.contents_inner button,
.btnCbwtfLogin {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 12px 7px 12px;
	color: #ffffff;
	background-color: #185D98;
	border: 1px solid #003366;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.3s, box-shadow 0.3s, transform 0.2s;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.contents_inner input[type="button"]:hover, .contents_inner button:hover, .btnCbwtfLogin:hover {
background-color: #003366;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}

.contents_inner input[type="button"]:active, .contents_inner button:active, .btnCbwtfLogin:active {
background-color: #185D98;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(1px);
}

.contents_inner input[type="button"]:disabled, .contents_inner button:disabled {
background: #d3d3d3;
color: #999999;
cursor: not-allowed;
box-shadow: none;
border: 1px solid #cccccc;
}

.btnNormal{}


.tbxMax 
{	
    border: 1px solid #999999;
	width: 170px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}
.tbxText 
{	
    border: 1px solid #999999;
	width: 200px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}

.forgot_link {color:Black; margin-left:12px; /*font-family:Arial, sans-serif;*/ text-decoration:none;}
.forgot_link:hover {text-decoration:underline;}

.tdEntryLbl{width:200px !important;}
.tdEntryTbx{width:209px !important;}

.tdEntryL{width:100px !important;}
.tdEntryTx{width:100px !important;}

.tdTbx{ text-align:center;}
.tdTbxRight{ text-align:right;}
.tdTbxLeft{ text-align:left;}

.txtsize {width:690px !important;}
.Tsize {width:657px !important;}
.tbxsize {width:618px !important; height:45px !important;}
.tbxMaxSize {width:645px !important;}
.tbxSize {width:700px !important;}
.tbxMax {width:615px !important;}
.tbxtext{width:300px !important;}
.tbxLen {width:590px !important; height:35px !important;}

.tdEntryButtons{text-align:center;padding-bottom:15px;padding-top:8px;}

tr{vertical-align:top;}

.SmlHr{width:50px !important;text-align:center;}
.tbxSmlAmt{width:80px !important;text-align:right;}
.tbxSmlQty{width:40px !important;text-align:right;}
.tbxDisc{width:620px !important;min-height:85px;}
.tbxCDesc{width:700px !important;min-height:85px;}
.tblInvoiceItems{border-color:#d6d6d6;}
.tbxsmall{width:25px !important;text-align:center;}

.lblEntry{width:50%;}
.lblE{width:30%;}

.divMess{text-align:center;color:Maroon;}

.tbxDtSml{border:1px solid #999999;width:100px !important;/*font-family:Arial, sans-serif;font-size:11pt;*/color:#000000;padding:3px;margin-right:3px;}
.tbxDtVSml{border:1px solid #999999;width:85px !important;/*font-family:Arial, sans-serif;font-size:11pt;*/color:#000000;padding:3px;margin-right:3px;}
.tbxDtLrg{border:1px solid #999999;width:185px !important;/*font-family:Arial, sans-serif;font-size:11pt;*/color:#000000;padding:3px;margin-right:3px;}

/* Tab Css */
.tabs{margin:0px;padding:0px;margin-top:10px;}
/*.tabs li {list-style:none;display:inline; margin:0px 4px 0px 0px;top:0px;}*/
.tabs li {list-style:none;display:inline; margin:0px 0px 0px 0px;top:0px;}
	.tabs a {
		padding: 7px 20px;
		display: inline-block;
		background: #00509E;
		border-radius: 3px 3px 0px 0px;
		color: #ffffff;
		text-decoration: none;
		/*font-size: 14px;*/
	}
		.tabs a.active {
			background: #007bff;
			border-bottom: none;
			color: #ffffff;
		}

.tabsDiv{padding:10px;padding-left:3px;border:1px solid #185D98;background:#fff;min-height:300px;padding-bottom:20px !important;}
.tabsDiv h3{/*font-size:18px;*/color:#003979;font-weight:normal;font-weight:bold;}

.smallTabs{margin:0px;padding:0px;}
.smallTabs li {list-style:none;display:inline; margin:0px 0px 0px 0px;top:0px;}
.smallTabs a {padding:7px 20px;display:inline-block; background:#185D98; border-radius:3px 3px 0px 0px;color:#fff;text-decoration:none;/*font-size:14px;*/}
.smallTabs a.active {background:#3792E0; border-bottom:none;color:#fff;}

.smallTabsDiv{padding:10px;padding-left:3px;border:1px solid #185D98;background:#fff;padding-bottom:20px !important;}

/*#divPageHead{color:#0c3f74;font-size:14pt;padding:5px;border:solid 1px #0c3f74;border-radius:6px;margin-bottom:5px;background-color:aliceblue;}*/
#divPageHead {
	color: #003366; /* Darker text color for better contrast */
	font-size: 15pt; /* Slightly larger for emphasis */
	font-weight: bold; /* Bold text to stand out */
	padding: 6px 10px; /* More padding for a balanced look */
	border: 1px solid #185D98; /* Darker border for definition */
	border-radius: 5px; /* Slightly reduced radius for a sharper look */
	margin-bottom: 10px; /* Increased margin for separation from content */
	background-color: #e6f2ff; /* Subtle blue background */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
}

fieldset {
	border-radius: 6px; /* Slightly reduced for a modern look */
	border: solid 2px #185D98; /* Darker border color for alignment with theme */
	padding: 10px; /* Added padding for spacing within the fieldset */
	background-color: #f9fbfd; /* Light background for subtle separation */
	margin-bottom: 10px;
}

	fieldset legend {
		color: #003366; /* Consistent with header/footer text color */
		font-weight: bold; /* Bold to make it stand out */
		/*font-size: 14pt;*/ /* Slightly larger for better readability */
		padding: 0 6px; /* Padding to space legend text from border */
		border-radius: 4px; /* Rounded corners for the legend */
		background-color: #e6f2ff; /* Light blue background to highlight legend */
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
	}


.tblWelcome{line-height:20px;margin-right:7px;}
.tdWelcome{text-align:right;font-size:14px !important;font-weight:bold;}
.tdWelcome span{font-size:14px !important;font-weight:bold;}
.tdWelcome a{font-size:14px !important;text-decoration:none !important;color:White;font-weight:bold;}
.tdWelcome a:hover{text-decoration:underline !important;cursor:pointer;}
.tdLastLogin{text-align:right;/*font-size:11pt !important;*/}

.center_content_popup{border:1px solid #C0C0C0;background-color:#E4E4E4;color:#000000;moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;}

.imgPaging{cursor:pointer;}

.highcharts-credits{display:none !important;}

.upperCase{text-transform:uppercase;}

#divRptJsonTbl{width:1293px;overflow-y:auto;}

.anchor{text-decoration:none;}
.anchor:hover{text-decoration:underline !important;}


.cboHCF
{
	border: 1px solid #999999;
	width: 300px;
	/*font-family: Arial, sans-serif;
	font-size: 11pt;*/
	color: #000000;
	padding: 3px;margin-right: 3px;
}

.trBottomTotal{background:#a9c0d5 !important;}
	.trBottomTotal td { /*font-weight:bold !important;font-family:Arial, sans-serif !important;font-size:9.5pt !important;*/
	}

.click{cursor:pointer;}
.click img:hover {
	cursor: pointer;
}


a{text-decoration:none;cursor:pointer !important;}
a:hover{text-decoration:underline !important;cursor:pointer !important;}

.divSubMainContent{margin-bottom:20px !important;}
#popup_message a{text-decoration:none;cursor:pointer !important;}
#popup_message a:hover{text-decoration:underline !important;cursor:pointer !important;}


.cbotime{width:45px;}

.rowHighlight{}
.rowHighlight td{background-color:#13bb2f !important;color:black !important;}

.divLoginExpiredMsg{width:500px;margin:10px auto 120px auto;text-align:center;background-color:yellow;color:Red;padding:5px;}
/*.divLoginExpiredMsg h3{margin:5px;}*/
.divLoginExpiredMsg marquee h3{margin:0px !important;}
.divLoginExpiredMsg marquee h4{margin:0px !important;padding:0px !important;}
.divLoginExpiredMsg marquee h5{margin:0px !important;}
.nomargin{margin:0px !important;padding:0px !important;}
.divMarquee{background-color:yellow;color:White;width:100%;}
.spnMarquee{color:Red;font-family:Georgia;font-size:12px !important;font-weight:normal !important;text-shadow:rgb(255, 255, 255) 0px 0px 10px;display:inline;}

.divLEM{height:25px;padding-top:5px;background-color:yellow;position:fixed;z-index:100;width:100%;}

.note{color:Maroon !important;font-size:9pt !important;}

.imgIcon{height:22px;}
.red{color:Red;}

.ui-state-default td{vertical-align:middle;}
.ui-state-focus td{vertical-align:middle;}

.divClearFilter {
	width: 280px;
	padding: 8px;
	text-align: center;
	border: solid 2px #185D98;
	border-radius: 10px;
}
.divClearFilter a{color:Maroon;font-family:Bell MT !important;font-size:12pt !important;}
.divClearFilter a:hover{text-decoration:underline;}

.spnTitle{cursor:pointer;text-transform:uppercase;font-weight:bold;color:#0c3f74;}

.imgLogo{border:none;height:105px;background-color:white;}
.imgCBWTFLogo{border:none;height:105px;}

.datepicker_trigger {
	cursor: pointer;
}

.trBg_Red {background-color:#e91616c7 !important;}
.trBg_Red td{color:white !important;}

.trBg_Green{background-color:#127206c7 !important;}
.trBg_Green td{color:white !important;}

.trBg_Yellow {background-color:#e0e316c7 !important;}
.trBg_Yellow td{color:black !important;}

.tdRight{text-align:right !important;}

.divRedWarningMsg{color:red;font-size:18pt !important;font-weight:bold !important;height:150px;padding-top:200px;}

.clr_Y_R{background-color:yellow;color:red;font-weight:bold;border-bottom:solid 1px red;}

.legendBG{font-weight:bold;}


.highlight-box {
background-color: #e6f7ff; /* Light blue background for highlighting */
border-left: 5px solid #007acc; /* Accent color border */
padding: 15px 20px;
margin-bottom:20px;
border-radius: 4px;
/*font-family: Arial, sans-serif;*/
color: #003366; /* Text color matching the header/footer for brand consistency */
position: relative;
/*font-size: 14pt;*/
line-height: 1.5;
}

.highlight-box::before {
	/*content: 'ℹ️';*/ /* Information icon */
	/*font-size: 20px;*/
	position: absolute;
	left: 10px;
	top: 15px;
	color: #007acc; /* Same color as the border */
}

.highlight-box strong {
	color: #005b99; /* Slightly darker blue for bolded text */
}

.tblGrid{border:1px solid silver;}

.tblGrid tr th,.tblGrid tr th a{text-decoration:none;color:#fff;cursor:pointer;font-family:Tahoma !important;font-size:11px !important;}
.tblGrid th a:hover{text-decoration:underline;cursor:pointer;}

.tblGrid tr td,.tblGrid tr td a{font-family:Tahoma !important;font-size:11px !important;}

.tblGrid tr.strike{background:url('../images/line-red.png') center repeat-x;}
.tblGrid td.tdGridChk,.tblGrid th.tdGridChk{padding-left:0!important;padding-right:0!important;width:21px;}
.tblGrid tr{vertical-align:middle!important;}
.tblGrid td img{ cursor:pointer !important;}
.tbxGridAmt{width:75px!important;text-align:right;}

.tblFontSml th{font-size:9pt !important;}
.tblFontSml td{ font-size:9pt !important;}
.tblFontSml td img{ cursor:pointer !important;}

.hcfExportDiv{font-weight:bold;color:#0c3f74;text-align:right;}

.logout-link {
	color: white;
	padding-top: 1px;
	cursor: pointer;
	background: none;
	border: none;
}

.excel-download-link {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
}

.excel-download-link img:hover {
	opacity: 0.8;
}

.divNote{font-size:0.9em;color:brown;margin-top:5px;font-style:italic;text-align:right;}
.divNote sup{font-weight:bold;}

.info-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #ffe000 !important; /* Bootstrap blue */
	color: #003366 !important;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	font-weight: bold !important;
	font-family: Lucida Calligraphy, Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	cursor: pointer;
}

.info-icon:hover {
	color: white !important;
	background-color: #003366 !important;
}

.imgEdit{padding:0px 5px 0px 5px;}
#imgEditInv{cursor:pointer;margin-top:5px;}
#divInvoiceNo{font-weight:bold;color:maroon;height:30px;width:170px;float:left;}
#tbxInvoiceSeqNo_Manual{width:50px;font-weight:bold;color:maroon;}

.ftr{text-align:center;font-size:14px;padding:10px;background:#e5e5e5;}
.ftr_CBWTF{color:#003366;font-weight:bold;font-family:Arial;}
.ftr_Smart{color:#FF5C00;font-weight:bold;font-family:Georgia;}
.ftr_Care{color:#7DC607;font-weight:bold;font-family:Georgia;}