* { margin:0; padding:0; box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit; }
body { background:#ececec; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; color:#444; font-size:100%; line-height:1em; border-bottom: 1px #ddd solid;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top { background:#fff; border-top:0px solid #165393;}
.tail-middle { background:#f8f8f8;border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.tail-bottom { background:url(/images/tail-bottom.gif) left bottom repeat-x;}

/* The Nivo Slider styles */
#slider{ height:276px; margin: 20px 0; width:100% !important; position: relative; overflow:hidden;}
#slider_box{height:276px;  width:363px !important; position: relative; float:left;}
.nivoSlider {position: absolute;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; bottom:21px; z-index:99; display:block;	cursor:pointer;text-indent:-5000px; width:26px; height:13px;}
.nivo-prevNav { right:-499px;background: url(/images/marker_left.png) 0 0 no-repeat;}
.nivo-nextNav {right:-525px; display:block;background: url(/images/marker_right.png) 0 0 no-repeat;}
.nivo-prevNav:hover{ background-position: bottom;}
.nivo-nextNav:hover{ background-position: bottom;}

/* Caption styles */
.nivo-caption {position:absolute; right:-548px; top:60px; overflow:hidden;color:#fff; width:510px;}
.nivo-caption p { font-size:.9em; width:487px;}

.nivo-caption .dropcap_1{ float:left; margin-top:16px; margin-right:11px; background:url(/images/dropcap1_bg.jpg) no-repeat; width:44px; height:44px; font-size:24px; font-weight:700; line-height:44px; text-align:center; color:#fff;}
.nivo-html-caption { display:none;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;  padding: .15em 2px;}
img {border:0; vertical-align:top; text-align:left;}

#form .form { height:40px;}
#form .form span { width:257px; height:24px; display:block; background:url(/images/input-bg.gif) no-repeat left top;}
#form .form1 span { background:url(/images/textarea-bg.gif) no-repeat left top; width:257px; height:101px; display:block; margin-bottom:25px;}
#form input {width:235px; background:none; border:0; color:#797979; vertical-align:top; line-height:1.08em; margin-left:10px; padding-top:4px;}
#form textarea { width:247px; height:97px; overflow:auto; background:none; border:0; padding:4px 0 0 10px; color:#797979;}
#form a { float:right; margin-left:9px;}

tr.header
{
	background: #155293;
	color:#fff;
}

/*==================list====================*/
ul { list-style:none;}

#header .row-1 .fright ul li { float:left; font-size:16px; line-height:1.2em;}
#header .row-1 .fright ul li a, #header .row-1 .fright ul li span { display:block; text-decoration:none; color:#000; cursor:pointer}
#header .row-1 .fright ul li a:hover{ color:#f00}
#header .row-1 .fright ul li em { display:block;}
#header .row-1 .fright ul li b { display:block; font-weight:normal; padding:9px 20px 8px 20px;}
#header .row-1 .fright ul li .act { font-size:18px; color:#fff; background:url(/images/nav-act-tail.jpg) repeat-x left top;}
#header .row-1 .fright ul li .act em { background:url(/images/nav-act-left.jpg) no-repeat left top;}
#header .row-1 .fright ul li .act b { background:url(/images/nav-act-right.jpg) no-repeat right top;}

#header .row-1 .fright ul li .login { font-size:18px; color:#fff; background:url(/images/login-act-tail.jpg) repeat-x left top;}
#header .row-1 .fright ul li .login a {color: #fff;}
#header .row-1 .fright ul li .login em { background:url(/images/login-act-left.jpg) no-repeat left top;}
#header .row-1 .fright ul li .login b { background:url(/images/login-act-right.jpg) no-repeat right top;}

#header-noslider .row-1 .fright ul li { float:left; font-size:16px; line-height:1.2em;}
#header-noslider .row-1 .fright ul li a, #header-noslider .row-1 .fright ul li span { display:block; text-decoration:none; color:#000; cursor:pointer}
#header-noslider .row-1 .fright ul li a:hover{ color:#4E8D0F}
#header-noslider .row-1 .fright ul li em { display:block;}
#header-noslider .row-1 .fright ul li b { display:block; font-weight:normal; padding:9px 20px 8px 20px;}
#header-noslider .row-1 .fright ul li .act { font-size:18px; color:#fff; background:url(/images/nav-act-tail.jpg) repeat-x left top;}
#header-noslider .row-1 .fright ul li .act em { background:url(/images/nav-act-left.jpg) no-repeat left top;}
#header-noslider .row-1 .fright ul li .act b { background:url(/images/nav-act-right.jpg) no-repeat right top;}

#header-noslider .row-1 .fright ul li .login { font-size:18px; color:#fff; background:url(/images/login-act-tail.jpg) repeat-x left top;}
#header-noslider .row-1 .fright ul li .login a {color: #fff;}
#header-noslider .row-1 .fright ul li .login em { background:url(/images/login-act-left.jpg) no-repeat left top;}
#header-noslider .row-1 .fright ul li .login b { background:url(/images/login-act-right.jpg) no-repeat right top;}

.footer-nav { float:right;}
.footer-nav li { float:left; font-size:.92em;}
.footer-nav li a { color:#797979; text-decoration:none;}
.footer-nav li a:hover,
.footer-nav li a.act { 
	color:#404040; text-decoration:underline;
}

.list li { background:url(/images/line-hor.gif) repeat-x left bottom; padding-bottom:20px; margin-bottom:20px;}
.list li b { color:#404040;}
.list li p { padding-top:8px;}
.list li a { font-style:italic; font-size:1.08em;}

.list1 li { float:left; margin-right:1px;}
.list1 li.last { margin-right:0;}

.list2 { padding-bottom:14px;}
.list2 li { padding:0 0 8px 20px; background:url(/images/marker.gif) no-repeat left 3px;}

.list3 li { float:left; width:205px; margin-right:29px;}
.list3 li h4 { margin-bottom:4px; padding-top:17px;}
.list3 li.last { margin-right:0; width:207px;}

.list4 li { padding-bottom:14px;}
.list4 li p { padding-top:6px;}
.list4 li a { padding-left:13px; background:url(/images/marker.gif) no-repeat left 3px;}


/*==================other====================*/
.img-box img { margin-bottom:17px; display:block;}

.img-box1 { width:100%; overflow:hidden; padding-bottom:16px;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.img-box2 img { margin-bottom:38px; display:block;}

.p1 { margin-bottom:20px;}
.p2 { margin-bottom:37px;}

.phone { float:right;}
.phone1 { float:right; margin-right:50px;}


/*==================txt, links, lines, titles====================*/
a {color:#37630B; outline:none; text-decoration:none;}
a:hover{text-decoration:none; text-decoration:none;}

h2 { text-transform:uppercase; font-size:25px; line-height:1.2em; margin-bottom:18px; font-weight:normal; position:relative; height:2.4em; overflow:hidden}
h2 span{ display:block; position:relative}
h3 { font-size:28px; line-height:1.2em; color:#323232; border-bottom:1px solid #e3e3e3; padding-bottom:2px; margin-bottom:18px; font-weight:normal;}
h3 em { font-style:normal; font-size:1em; font-size:.46em;}
h4 { font-size:1em; margin-bottom:17px; color:#404040;}
h4 a { color:#404040;}
h5 { font-size:1em; color:#2f9fe1; font-weight:normal; margin-bottom:17px;}
h6 { font-size:1em; color:#2968ad; font-weight:normal; margin-bottom:7px;}

.txt1 { color:#404040;}
.txt1 a { color:#404040;}
.txt2 { color:#8dc420;}

.link1 { display:block; float:left; background:url(/images/link1-right.gif) no-repeat right top; color:#fff; font-size:17px; text-decoration:none; line-height:1.8em;}
.link1 em { display:block; background:url(/images/link1-left.gif) no-repeat left top; padding:0 5px;}
.link1 b { display:block; background:url(/images/link1-tail.gif) repeat-x left top; padding:1px 12px 3px 12px; font-style:normal; font-weight:normal;}
.link1:hover { color:#223206;}


/*header*/
#header .row-1 { height:95px;}
#header .row-1 .fleft { padding-top:20px;}
#header .row-1 .fright { padding-top:30px;}
#header .row-2 .fright { width:547px; background:url(/images/header-box-tail.gif) repeat-x left top; }
#header .row-2 .fright .left { background:url(/images/header-box-left.gif) no-repeat left top;}
#header .row-2 .fright .right { height:276px; background:url(/images/header-box-right.gif) no-repeat right top; overflow:hidden;}
#header .row-2 .fright .inner { padding:60px 32px 0 38px;}
#header .row-2 .fright p {}

#header-noslider .row-1 { height:95px;}
#header-noslider .row-1 .fleft { padding-top:20px;}
#header-noslider .row-1 .fright { padding-top:30px;}
#header-noslider .row-2 .fright { width:547px; background:url(/images/header-box-tail.gif) repeat-x left top; }
#header-noslider .row-2 .fright .left { background:url(/images/header-box-left.gif) no-repeat left top;}
#header-noslider .row-2 .fright .right { height:276px; background:url(/images/header-box-right.gif) no-repeat right top; overflow:hidden;}
#header-noslider .row-2 .fright .inner { padding:60px 32px 0 38px;}
#header-noslider .row-2 .fright p {}

/*content*/
#content .indent { padding: 42px 0;}
#content .indent1 { padding-left:38px;}
#content p,
#content h4,
#content h5,
#content h6,
#content dl { 
	line-height:1.38em;
}
#content dl { margin-bottom:-20px;}
#content dl dt { font-weight:bold; color:#404040;} 
#content dl dd { margin-bottom:20px;}

/*footer*/
#footer .indent { padding-top:25px;}
#footer p { color:#797979; font-size:.92em; float:left;}
#footer p b { color:#404040;}
#footer p a { color:#797979; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/* App (logged-in) footer visibility */
body.app #footer {
	background: #155293;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	margin-top: 22px;
	color: #fff;
	height: auto !important;
	min-height: 59px;
}

body.app #footer .indent {
	padding: 18px 0;
	overflow: auto;
	background: transparent;
}

body.app #footer p {
	color: #fff !important;
	font-size: 1em;
}

body.app #footer p b {
	color: #fff !important;
}

body.app #footer p a,
body.app #footer .footer-nav li a {
	color: #fff !important;
}

body.app #footer a,
body.app #footer a:visited,
body.app #footer a:hover,
body.app #footer a:active,
body.app #footer a:focus {
	color: #fff !important;
}

body.app #footer .footer-nav li a:hover,
body.app #footer p a:hover {
	color: #fff !important;
	text-decoration: underline;
}

body.app #footer .footer-nav li {
	color: #fff;
}

/*==========================================*/

/*
.TextField {
background:none repeat scroll 0 0 #F5FFFA;
border-color:#5F9EA0 #8FBC8F #5F9EA0 #5F9EA0;
border-style:solid;
border-width:1px 1px 1px 1px;
font-size:1em;
height:19px;
}
*/

/* Custom Kemoson Styles */

.noprint {
display: none ;
}

ul#message-diary {
list-style-type:none;
margin:0;
padding:0;
}
ul#message-diary li {
margin-bottom:10px;
padding:5px 0 5px 30px;
}
ul#message-diary li.info-x {
background:url("../images/icon-info.gif") no-repeat scroll 5px 5px #F8FAFC;
border:1px solid #3892D2;
color:Black;
}
ul#message-diary li.confirm-x {
background:url("../images/icon-confirm.gif") no-repeat scroll 5px 5px #DDFFDD;
border:1px solid #99FF99;
color:#333333;
}
ul#message-diary li.warn-x {
background:url("../images/icon-alert.gif") no-repeat scroll 5px 5px #FFF6BF;
border:1px solid #FFD324;
color:Black;
}
ul#message-diary li.error-x {
background:url("../images/icon-warning.gif") no-repeat scroll 5px 5px #FFEEEE;
border:1px solid Red;
color:Red;
}
ul#message-diary li span {
float:right;
margin-right:20px;
}
ul#message-diary li ul {
padding:0;
}
ul#message-diary li ul li {
list-style:square inside none !important;
margin:0;
padding-left:0;
}

.alert_green
{
	font-weight: bold;
	color: #165393;
	font-size: 1em;
}
.alert
{
	color: #700; 
	background: #ffc; 
	padding: 5px; 
	margin: 5px 0; 
	border: 1px #ddd solid;
	text-align: center;
	font-weight: bold;
}

#control
{
	border: 1px #E8EDF7 solid;

	background: #F7F9FC;

}


.tail-bottom
{
	 background: url(/images/BG-tail-bottom.jpg) repeat-x;
}
.even
{
	background: #ddd;
}

.odd
{
	background: #ccc;
}

.frm
{
	
}

.frm fieldset
{
	border: 1px #ddd solid;
	padding: 5px 10px;
	font-size: .95em;
}

.frm legend
{
	padding: 0 5px;
	font-weight: bold;
}

fieldset
{
	border: 1px #BECEE8 solid;
	padding: 5px 10px;
	font-size: .95em;
	
}
legend
{
	padding: 0 10px;
	font-weight: bold;
	color: #165393;
	font-size: 1em;
}
#field
{
background: #EDF2F9;

}

.frm p
{
	margin: 10px 0;
}

.frm label
{
	display: inline-block;
	width: 100px;
}

.frm label.required
{
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	background: transparent url(/images/required.gif) 100% 50% no-repeat;
}

.frm2
{
	font-size: 1.3em;
}

.frm2 fieldset
{
	border: 1px #ddd solid;
	padding: 25px;
	font-size: .95em;
}

.frm2 legend
{
	padding: 0 10px;
	font-weight: bold;
	color: #165393;
}

.frm2 p
{
	margin: 10px 0;
}


.frm2 label
{
	display: inline-block;
	width: 120px;
}

.frm2 label.required
{
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	background: transparent url(/images/required.gif) 100% 50% no-repeat;
}

.watermark
{
	color: #aaa;
}

#password_text
{
	display:none;
}

#login
{
	height: 5px;
	padding: 5px 0;
}

#login p
{
	font-size: .9em;
	padding: 0 20px 0 0;
	text-align: right;
}

#login a
{
	color: #ff0;
}

#login a:hover
{
	color: #f00;
}

#login a.button
{
	display: block;
	float: right;
	width: 85px;
	color: #333;
	background: transparent url(/images/register-a.jpg) 50% 0 no-repeat;
	text-align: center;
	padding: 5px 0;
	margin: 0 1px 0 0;
	text-decoration: none;
}

#login a.button:hover
{
	background-position: 50% -30px;
	color: #fff;
}

#login a.user_info
{
	display: block;
	float: right;
	width: 250px;
	margin: 5px 10px 0 0;
	color: #ff9;
	font-weight: bold;
}

#rates
{
	color: #333;
}

#rates table
{
	width: 100%;
	border-collapse: collapse;
}

#rates table tr.head th
{
	background: #63A71E;
	color: #fff;
}

#rates table th, #rates table td
{
	padding: 5px;
	margin: 0;
	border: 1px #fff solid;
}

#rates table th
{
	text-align: center;
	font-weight: bold;
}

#rates table td.calc
{
	background: #ffd;
}

#rates table td p
{
	margin: 10px 0;
}

.alert
{
	font-weight: bold;
	color: #f00;
}

.breadcrumb
{
	font-style: italic;
	margin: 0 0 25px 0;
}

/* ================== Login page (modal-style) ================== */
body#page_login
{
	min-width: 0;
}

#page_login #pageHeader .navbar-form
{
	display: none;
}

#page_login #pageBody
{
	position: relative;
	background: #ececec url(/tranzlantaonline/images/home-background.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100vh;
	padding: 70px 0;
}

#page_login #pageBody:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(47, 159, 225, 0.35);
	pointer-events: none;
}

#page_login #pageBody .container
{
	position: relative;
	z-index: 1;
}

#page_login .login-modal
{
	margin-top: 110px;
}

#page_login .login-card
{
	position: relative;
	border-radius: 6px;
}

#page_login .login-close
{
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 24px;
	line-height: 24px;
	color: #aaa;
	text-decoration: none;
}

#page_login .login-close:hover
{
	color: #444;
}

#page_login .login-badge
{
	width: 72px;
	height: 72px;
	margin: 0 auto 10px auto;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

#page_login .login-badge img
{
	max-width: 56px;
	max-height: 56px;
}

#page_login .login-title
{
	margin: 0 0 18px 0;
	text-align: center;
	font-size: 32px;
	line-height: 1.2em;
	color: #165393;
}

#page_login .login-meta
{
	margin: 0 0 10px 0;
	text-align: center;
}

#page_login .login-actions
{
	margin: 0 0 18px 0;
	text-align: center;
}

#page_login .login-links
{
	margin: 10px 0 0 0;
	text-align: center;
}

#page_login .login-register
{
	margin: 14px 0 0 0;
	text-align: center;
}

/* ================== Signup page (registration modal-style) ================== */
body#page_signup
{
	min-width: 0;
}

#page_signup #pageHeader .navbar-form
{
	display: none;
}

#page_signup #pageBody
{
	position: relative;
	background: #ececec url(/tranzlantaonline/images/home-background.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100vh;
	padding: 70px 0;
}

#page_signup #pageBody:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		linear-gradient(90deg, rgba(16, 88, 122, 0.55) 0%, rgba(47, 159, 225, 0.30) 45%, rgba(16, 88, 122, 0.55) 100%),
		rgba(47, 159, 225, 0.20);
	pointer-events: none;
}

#page_signup #pageBody .container
{
	position: relative;
	z-index: 1;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* Keep the top header aligned with the same container width */
#page_signup #pageHeader .container
{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* Signup page uses the home topbar header (not inside #pageHeader) */
#page_signup .home-topbar .container
{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* Override Bootstrap modal-lg sizing for this page */
#page_signup .modal-dialog.signup-modal.modal-lg
{
	margin-top: 45px;
	margin-bottom: 45px;
	width: 98vw !important;
	max-width: 1100px !important;
}

@media (min-width: 992px)
{
	#page_signup .modal-dialog.signup-modal.modal-lg
	{
		width: 1100px !important;
	}
}

#page_signup .signup-card
{
	background: rgba(255, 255, 255, 0.70);
	border: 1px solid rgba(255, 255, 255, 0.30);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	width: 100%;
}

#page_signup .signup-card .modal-body
{
	padding: 22px 26px;
}

/* Make fields wider within each column (signup only) */
#page_signup .form-horizontal .form-group .col-sm-4.control-label
{
	width: 25%;
}

#page_signup .form-horizontal .form-group .col-sm-8
{
	width: 75%;
}

#page_signup .form-horizontal .form-group .col-sm-4.control-label,
#page_signup .form-horizontal .form-group .col-sm-8
{
	padding-left: 8px;
	padding-right: 8px;
}

#page_signup .signup-title
{
	margin-top: 0;
	margin-bottom: 6px;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	color: #1b1b1b;
}

#page_signup .signup-title span.glyphicon
{
	color: #47a447;
}

#page_signup .signup-note
{
	margin-bottom: 18px;
	color: #333;
}

#page_signup .form-horizontal .control-label
{
	font-size: 12px;
	color: #222;
}

#page_signup .form-horizontal .form-control
{
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	max-width: none;
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
}

#page_signup .form-horizontal select.form-control
{
	height: 38px;
}

/* Fix two-column layout for signup form */
#page_signup .form-horizontal > .row
{
	display: flex !important;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

#page_signup .form-horizontal > .row > fieldset.col-sm-6,
#page_signup .form-horizontal .row > fieldset.col-sm-6
{
	display: block !important;
	float: none !important;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	min-height: 1px;
}

@media (max-width: 767px)
{
	#page_signup .form-horizontal > .row > fieldset.col-sm-6,
	#page_signup .form-horizontal .row > fieldset.col-sm-6
	{
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* =========================
   Thank you page
   ========================= */

#thank_you #pageBody
{
	background: #e9edf2;
	min-height: 100vh;
	padding: 85px 0 60px;
}

#thank_you #pageBody .container
{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

/* Keep the top header aligned with the same container width */
#thank_you .home-topbar .container
{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

#thank_you .thankyou-card
{
	background: #fff;
	border: 1px solid #d9dee5;
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

#thank_you .thankyou-card--compact
{
	max-width: 860px;
	margin: 0 auto;
	text-align: left;
	padding: 34px 40px 30px;
}

#thank_you .thankyou-card-header
{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 18px;
}

#thank_you .thankyou-icon
{
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #47a447;
	border: 1px solid #3f9b3f;
	margin: 2px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#thank_you .thankyou-icon .glyphicon
{
	font-size: 22px;
	color: #fff;
}

#thank_you .thankyou-heading
{
	min-width: 0;
}

#thank_you .thankyou-title
{
	margin: 0;
	font-size: 36px;
	font-weight: bold;
	color: #1b1b1b;
}

#thank_you .thankyou-subtitle
{
	margin: 2px 0 0;
	color: #6b7280;
	font-size: 22px;
}

#thank_you .thankyou-bullets
{
	margin: 22px 0 22px 0;
	padding-left: 26px;
	color: #4b5563;
	font-size: 20px;
}

#thank_you .thankyou-bullets li
{
	margin: 12px 0;
}

#thank_you .thankyou-actions
{
	margin-top: 12px;
	text-align: left;
}

#thank_you .thankyou-cta
{
	display: inline-block;
	width: auto;
	padding: 14px 18px;
	font-size: 20px;
	border-radius: 4px;
}


/* Calendar */
div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  width:165px;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(../images/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #ffffff; 
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* CSS Document */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
.cont
{
border:1px solid #7F9DB9;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
width:70px;
height:15px;
}	
.textbox {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:60px;
width:150px;
}
.style1
{
font-size: 8px
}
.nounderline
{ text-decoration: none
}

/* ============================================
   PROFESSIONAL NAVBAR STYLES
   ============================================ */

/* Main navbar styling */
.navbar-inverse {
	background: linear-gradient(135deg, #1e3a1e 0%, #2d5a2d 100%);
	border: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	min-height: 60px;
	margin-bottom: 0;
}

.navbar-inverse .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/* Brand logo */
.navbar-brand {
	padding: 10px 15px;
	height: auto;
	display: flex;
	align-items: center;
}

.navbar-brand .brand-logo {
	max-height: 40px;
	width: auto;
	transition: transform 0.2s ease;
}

.navbar-brand:hover .brand-logo {
	transform: scale(1.02);
}

/* Navigation links */
.navbar-inverse .navbar-nav > li > a {
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	padding: 20px 16px;
	transition: all 0.25s ease;
	border-bottom: 3px solid transparent;
	letter-spacing: 0.3px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.08);
	border-bottom-color: #8dc420;
}

.navbar-inverse .navbar-nav > li.active > a {
	background-color: rgba(255, 255, 255, 0.1);
	border-bottom-color: #8dc420;
	color: #fff !important;
}

/* Icons in nav */
.navbar-nav > li > a .glyphicon,
.navbar-nav > li > a i.glyphicon,
.navbar-inverse .navbar-nav > li > a .glyphicon,
.navbar-inverse .navbar-nav > li > a i {
	margin-right: 6px;
	font-size: 13px;
	color: #fff !important;
}

.navbar-nav > li > a:hover .glyphicon,
.navbar-nav > li > a:hover i {
	color: #fff !important;
}

/* Send Money CTA Button */
.navbar-nav > li.send-money-btn > a {
	background: linear-gradient(135deg, #8dc420 0%, #6ba012 100%);
	color: #fff !important;
	border-radius: 25px;
	padding: 10px 22px;
	margin: 13px 15px 13px 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.8px;
	border: none;
	box-shadow: 0 3px 8px rgba(141, 196, 32, 0.3);
	transition: all 0.3s ease;
}

.navbar-nav > li.send-money-btn > a:hover {
	background: linear-gradient(135deg, #6ba012 0%, #8dc420 100%);
	transform: translateY(-1px);
	box-shadow: 0 5px 15px rgba(141, 196, 32, 0.4);
	border-bottom: none;
}

/* User greeting */
.navbar-nav > li.user-greeting > a {
	color: #8dc420 !important;
	font-weight: 500;
}

.navbar-nav > li.user-greeting > a:hover {
	color: #fff !important;
}

/* Login/Logout buttons */
.navbar-nav > li.login-btn > a,
.navbar-nav > li.logout-btn > a {
	background: linear-gradient(135deg, #4E8D0F 0%, #37630B 100%);
	color: #fff !important;
	border-radius: 20px;
	padding: 8px 20px;
	margin: 15px 10px;
	font-weight: 500;
	font-size: 13px;
	transition: all 0.3s ease;
	border: none;
}

.navbar-nav > li.login-btn > a:hover,
.navbar-nav > li.logout-btn > a:hover {
	background: linear-gradient(135deg, #37630B 0%, #4E8D0F 100%);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(78, 141, 15, 0.4);
	border-bottom: none;
}

/* Register link */
.navbar-nav > li > a.nav-register {
	color: rgba(255, 255, 255, 0.7) !important;
	font-weight: 400;
}

.navbar-nav > li > a.nav-register:hover {
	color: #fff !important;
	background: transparent;
}

/* Partner logo */
.navbar-nav > li.partner-logo {
	padding: 12px 12px;
	display: flex;
	align-items: center;
}

/* Omnex logo sizing (explicit width/height, no distortion) */
.navbar-nav > li.partner-logo .omnex-logo {
	display: block;
	width: 200px;
	height: 44px;
	object-fit: contain;
}

.navbar-nav > li.partner-logo > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	line-height: 1;
}

.navbar-nav > li.partner-logo > a:hover {
	background: #fff;
	border-color: rgba(255, 255, 255, 0.45);
}

.navbar-nav > li.partner-logo img {
	max-height: 40px;
	width: auto;
	max-width: 180px;
	opacity: 0.95;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.navbar-nav > li.partner-logo > a:hover img {
	opacity: 1;
	transform: translateY(-1px);
}

/* Mobile toggle button */
.navbar-inverse .navbar-toggle {
	border-color: rgba(255, 255, 255, 0.3);
	margin-top: 13px;
	margin-bottom: 13px;
	padding: 10px;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.5);
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

/* Divider between sections */
.navbar-main {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	margin-left: 5px;
	padding-left: 5px;
}

/* ============================================
   RESPONSIVE NAVBAR
   ============================================ */

@media (max-width: 991px) {
	.navbar-inverse .navbar-nav > li > a {
		padding: 15px 12px;
		font-size: 13px;
	}

	.navbar-nav > li.send-money-btn > a {
		padding: 8px 16px;
		font-size: 11px;
		margin: 13px 10px 13px 0;
	}

	.navbar-nav > li.partner-logo img {
		max-height: 34px;
	}

	.navbar-nav > li.partner-logo .omnex-logo {
		width: 180px;
		height: 40px;
	}
}

@media (max-width: 767px) {
	.navbar-inverse {
		min-height: 50px;
		background: transparent;
		box-shadow: none;
	}

	.navbar-inverse > .container {
		background: linear-gradient(135deg, #1e3a1e 0%, #2d5a2d 100%);
		border-radius: 0;
	}

	.navbar-brand .brand-logo {
		max-height: 32px;
	}

	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 15px;
		right: 15px;
		background: #fff;
		border: none;
		border-radius: 12px;
		box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
		max-height: calc(100vh - 70px);
		overflow-y: auto;
		margin-top: 10px;
		z-index: 1000;
		padding: 10px;
	}

	.navbar-inverse .navbar-nav {
		margin: 0;
		padding: 10px 0;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #333 !important;
		padding: 14px 20px;
		border-bottom: 1px solid #eee;
		border-left: 3px solid transparent;
		font-weight: 500;
	}

	.navbar-inverse .navbar-nav > li > a i,
	.navbar-inverse .navbar-nav > li > a .glyphicon {
		color: #2d5a2d !important;
		margin-right: 10px;
	}

	.navbar-inverse .navbar-nav > li > a:hover {
		background-color: #f8f9fa;
		border-left-color: #8dc420;
		color: #1e3a1e !important;
	}

	.navbar-inverse .navbar-nav > li:last-child > a {
		border-bottom: none;
	}

	.navbar-nav > li.send-money-btn {
		padding: 15px;
		border-bottom: 1px solid #eee;
	}

	.navbar-nav > li.send-money-btn > a {
		display: block;
		text-align: center;
		margin: 0;
		padding: 14px 20px;
		background: linear-gradient(135deg, #8dc420 0%, #6ba012 100%);
		color: #fff !important;
		border-radius: 8px;
		border: none;
	}

	.navbar-nav > li.send-money-btn > a i,
	.navbar-nav > li.send-money-btn > a .glyphicon {
		color: #fff !important;
	}

	.navbar-nav > li.user-greeting > a {
		border-left: 3px solid #8dc420;
		background-color: #f8fff0;
	}

	.navbar-nav > li.login-btn,
	.navbar-nav > li.logout-btn {
		padding: 15px;
	}

	.navbar-nav > li.login-btn > a,
	.navbar-nav > li.logout-btn > a {
		display: block;
		text-align: center;
		margin: 0;
		padding: 14px 20px;
		background: linear-gradient(135deg, #4E8D0F 0%, #37630B 100%);
		color: #fff !important;
		border-radius: 8px;
		border: none;
	}

	.navbar-nav > li.partner-logo {
		text-align: center;
		padding: 15px;
		border-top: 1px solid #eee;
		margin-top: 5px;
		background: #f8f9fa;
		border-radius: 0 0 12px 12px;
	}

	.navbar-nav > li.partner-logo img {
		max-height: 38px;
	}

	.navbar-nav > li.partner-logo .omnex-logo {
		width: 200px;
		height: 44px;
	}

	.navbar-main {
		border-left: none;
		margin-left: 0;
		padding-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}

/* Touch-friendly targets */
@media (hover: none) and (pointer: coarse) {
	.navbar-inverse .navbar-nav > li > a {
		min-height: 48px;
		display: flex;
		align-items: center;
	}
}

@media (max-width: 991px) {
	/* Wide data tables: allow horizontal scroll on phones */
	#content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#content table th,
	#content table td {
		white-space: nowrap;
	}

	/* Preserve calendar widget layout */
	.calendar table {
		display: table;
		width: 165px;
		overflow: visible;
	}

	.calendar table th,
	.calendar table td {
		white-space: normal;
	}
}