/* Theme:; /*{THEME}*/
*
{
	color:#333333; /*{COLOR}*/
}

body
{
	background-color:#F4F4F4;	/*{BGCOLOR}*/
	color:#333333; /*{COLOR}*/
}

#MessageWaiting
{
	background-color: #CCE6FF;
	visibility:hidden;
}

input[type="button"].scroll_middle:hover
{
	background-color: #CCCCCC;
}

input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled,
input[type="text"][disabled], input[type="password"][disabled]
{
	background-color: #E8E8E8;
	border-color: #AAAAAA;
}

input[type="button"]:disabled, input[type="button"]:disabled:hover,
input[type="button"][disabled], input[type="button"][disabled]:hover
{
	background-color: #AAAAAA;
	border-color: #AAAAAA;
	color: #ffffff;
}

a
{
	color: #43769d;
}

a:hover
{
	border-color: #43769d;
	color: #333333;
}

a:active
{
	color: #098bd4;
}

.srq_body
{
	background-color: #ffffff;
	border-color:  #A8A788;
}

#page-title-block
{
	/*background-color:#231F1B; {HEADERBGCOLOR}*/
	background-color:#142846;
}

#content-header
{
	background-color:#b7cfe2;/*#D4D4D4; {TITLEBGCOLOR}*/
	border-color: #b7cfe2;/*#D1D0CE 0px solid;*/
}

#content-header h1
{
	color:#1E528A; /*{TITLETEXTCOLOR}*/
}

.ErrorState
{
	background-color: #FF9494 !important;
}

.FunctionKeyToggleIcon
{
	background-color: #E9ECF2;
	border-color: #CED6E3;
}

input.button, input[type="button"],
.FunctionKeysLeft a.button, .FunctionKeysRight a.button
{
	background-color: #C6D6E7;
	border-color: #D6D6D6;
	color: #5C5858; 
}

.FunctionKeysLeft #fnckeys input.disabled, .FunctionKeysLeft #fnckeys a.disabled,
.FunctionKeysRight #fnckeys input.disabled, .FunctionKeysRight #fnckeys a.disabled
{
	background-color: #F2F5F8;
	color: #888888;
}

.FunctionKeysLeft #fnckeys, .FunctionKeysRight #fnckeys
{
	background-color:#1E528A; /*{FNKEYBGCOLOR}*/
	border-top: 1px solid #fff;
	padding:0px!important;
	margin-top:-0.5px;
	
	
}

.FunctionKeysLeft #fnckeys input, .FunctionKeysLeft #fnckeys a,
.FunctionKeysRight #fnckeys input, .FunctionKeysRight  #fnckeys a
{
	background-color:#b7cfe2;/*{FNKEYBTNCOLOR}*/
	border-bottom: 1px solid #fff; 
	color:#1E528A; /*{FNKEYTEXTCOLOR}*/
	height:28px!important;
	padding-top:3px!important;
	
}
/* make sure that the function keys that are red shows as red*/
.FunctionKeysLeft #fnckeys input.red, .FunctionKeysLeft #fnckeys a.red,.FunctionKeysRight #fnckeys input.red, .FunctionKeysRight  #fnckeys a.red{color: #b22222!important;background-color: #f8eaea!important;}
.FunctionKeysLeft #fnckeys input.red:hover, .FunctionKeysLeft #fnckeys a.red:hover,.FunctionKeysRight #fnckeys input.red:hover, .FunctionKeysRight  #fnckeys a.red:hover{color: #fff!important;background-color: #1E528A!important;}


.FunctionKeysLeft #fnckeys input:hover, .FunctionKeysLeft #fnckeys a:hover,
.FunctionKeysRight #fnckeys input:hover, .FunctionKeysRight #fnckeys a:hover
{
	background-color:#4f7799;/*{FNKEYBTNHCOLOR}*/;
	color:White; /*{FNKEYTEXTHCOLOR}*/
}
input[type="text"], input[type="password"], textarea, select
{
	border-color: #9C9C9C;
}

input.button.blue, .FunctionKeysLeft a.button.blue, .FunctionKeysRight a.button.blue 
{ 
	background-color: #22aaee;
}

input.button.green, .FunctionKeysLeft a.button.green, .FunctionKeysRight a.button.green 
{ 
	background-color: #99dd44;
}

input.button.pink, .FunctionKeysLeft a.button.pink, .FunctionKeysRight a.button.pink
{ 
	background-color: #ee11aa;
}

input.button:hover, .FunctionKeysLeft a.button:hover, .FunctionKeysRight a.button:hover
{ 
	background-color: #D1D0CE; 
	color: #000000;
}

input.button:active, .FunctionKeysLeft a.button:active, .FunctionKeysRight a.button:active
{ 
	background-color: #444444;
	color: #ffffff;
}

input.disabled:hover, .FunctionKeysLeft a.disabled:hover, .FunctionKeysRight a.disabled:hover
{
	background-color: #C6D6E7;
	color: #5C5858;
}

.page_up, .page_down
{
	border-color: #2266aa;
}

input.ErrorMsg
{
	background-color: #d2e0eb;
	border-color: #9C9C9C;
	color: #808080;
	display: none;
}

input.ErrorMsg.NoErrorMessage, 
input.ErrorMsg[value=""],
input.ErrorMsg.NoErrorMessage,
input.ErrorMsg[value=""]
{
	color: #000000;
}

table.AutoTable
{
	border-color: #a9b2bb;
	width:850px;
}

table.AutoTable th {
	background-color:#1E528A!important; /*{TABLEHEADBG}*/
	color:#fff;
	font-weight:normal;
}
table.AutoTable th span, table.AutoTable th span.nrm
{
	color:#fff;
	font-weight:normal!important;
}
table.AutoTable th
{
	padding:2px 0px!important;
}
table.AutoTable td
{
	padding: 3px 0px!important;
	padding-right: 5px!important;
}

table.AutoTable .Row1
{
 	background-color:#FEFCFF; /*{TABLEALTROW1}*/
	color:#000000;
}

table.AutoTable .Row2
{
 	background-color:#b7cfe2;/*#CDD8E5; {TABLEALTROW2}*/
	color:#000000;
}

.WinContent 
{
	background-color: #FFFFFF;	
	border-color: #666666;
}

.WinTitleTop 
{
	background-color: #1e528a; 
	color: #ffffff;
}

.WinTitleTop span
{
	color: #D1D1D1;
}

#PrestoLog 
{
	background-color: white;
	border-color: #A9A9A9;
}

#RawDataOpt
{
	background-color: #ffffff;
}
.logo-block{float:left;padding:5px 0 0 36px;}
.content-header-detail{padding:5px 0 0px 40px;}
.program-name{position:absolute;padding:0px 0 0px 42px;color:#000;font-size:10px;margin-top:-5px;}

.username-block{float:right;}
/* .title-bar{background-color:#9FBAD9;color:#1E528A;} */
.title-bar{background-color:#9FBAD9;color:#1E528A; height: 47px !important;}

/* franchise styling */
.franchise-block{float:left;padding:5px 0 0 0px;}

.franchise-separator{
	float:left!important;
	color:#fff!important;
	font-size:250%!important;
	padding: 0 12px!important;
	margin-top:-3px;
}
.franchise-name{
	float:left!important;
	color:#fff;
	font-size:190%!important;
	padding:5px 0 0 2px;
}
/* spoolfile styling */
.ui-widget-header{
	border: 1px solid #1E528A!important;
    background-color: #1E528A!important;
    color: #fff!important;
    font-weight: bold!important;
}

/* datepicker header styling */
.ui-datepicker-header{
	border: 1px solid #b7cfe2!important;
    background-color: #b7cfe2!important;
    color: #1E528A!important;
    font-weight: bold!important;
}

/* set datepicker month name to be white */
.ui-datepicker-month{
	color:#1E528A!important;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}


table.dataTable thead tr[role=row]{
	background-color: #b7cfe2!important;
	color:#1E528A!important;
}
table.dataTable thead th
{
	color:#1E528A!important;
}
table.dataTable{
	border: 1px solid #b7cfe2!important;
}

/* page up down styling 
#pageupdown-block-up{position:absolute!important;top:25px!important;left:650px!important;}
#pageupdown-block-down{position:absolute!important;top:25px!important;left:750px!important;}
*/
#pagecontents{margin-top: -35px;}
#nashua_sd, #nashua_bi, #nashua_cu-,#nashua_faq{margin-top:100px!important;}
#fnckeys{top:20px!important;}

input{margin-right:10px;}
input.field{padding:1px;}
input.field[size="1"]{text-align:center;}
#pagecontents .nrm{font-weight:bolder;} 
#pagecontents .button.nrm{font-weight:normal;} 
#pagecontents span.hr{padding: 2px;}
.iseriestime{color:#fff!important;display:block;}
.currentuser{color:#fff!important;display:block;height:28px;}

.franchisename{color:#fff!important;}
a#nashua_sd, a#nashua_bi, a#nashua_cu- , a.nashua_contact-us, a#nashua_faq , a#nashua_sd:visited, a#nashua_bi:visited, a#nashua_cu:visited,a.nashua_contact-us:visited,a#nashua_faq:visited, a#nashua_sd:active,  a#nashua_bi:active, a.nashua_contact-us:active, a#nashua_cu:active, a#nashua_faq:active{color:transparent;}


/* general error/notice message styling */
span#C0102,.general-msg, .login-error{
	margin-top:20px;
	margin-bottom:10px;
	padding:2px 7px;
	text-align:left;
	white-space: normal;
	padding-bottom:0px;
	display: inline-block;
	width:100%;
	height:30px!important;
	font-size:100%!important;
	font-weight:normal!important;
	word-wrap: break-word;
	position: absolute!important;
    overflow: auto!important;
	scroll-behavior: smooth!important;
	scroll-padding: 1px!important;
	 -webkit-overflow-scrolling: touch;
}
.general-msg div{color:firebrick;padding-top:0px!important;padding-bottom:0px!important;scroll-padding:0px;}
.general-msg, .login-error{border:solid 1px #e6b3b3;background-color:#f8eaea;}

.general-msg:after, .login-error{
	white-space: pre;
}

/* decimal span align to right */
span.decimal{
	text-align:right!important;
	color:purple!important;
	min-width:11%!important;
	float:right!important;
	display:block!important;
	text-decoration: none!important;
}
span.decimal.negative{
	margin-right:-4px!important;
}
div.decimal{color:purple!important;}
/*make this the same as decimal span
span.hu{
	text-align:right!important;
	color:purple!important;
	min-width:11%!important;
	float:right!important;
	display:block!important;
}*/
/* decimal input align to right */
input[numericonly=Y][rightadjustblank=Y], input[numericonly=Y][rightadjustzero=Y]{
	text-align:right!important;
	float:right!important;
	display:block!important;
}

/*table header color & background
th span.nrm{color:#fff;font-weight:normal;}*/

/* hide the arrow from menu options */
a.menulink_label.first.hide_value.arrow, hide_value
{
	background-image:none!important;
}
span.menulink_wrapper
{
	padding:left!important;
	float:left!important;
	margin-left:0px!important;
}

/* mail function key formating */
.mail-link{color: #b22222!important;background-color: #f8eaea!important;}
.mail-link:hover{color:#fff!important;}

/* mail function key formating */
.enhancement-link{color: #b22222!important;}
.enhancement-link:hover{color:#fff!important;}


/* login button styling */
.login-button{background-color:#1E528A!important;}
.login-button:hover{background-color:#3C97D3!important;}

/* clearfix for floating */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.screen-body-carousel{
	background: url(images/banners/login.gif?20231108001) no-repeat fixed ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-position:bottom;*/
	background-position:0px 70px;
}

/* confirm yes no styling */
#f0-clickableoptions
{
	left: 90px!important; 
	top: 18px!important;
}
#f0-clickableoptions img{padding-right:10px;height:26px!important;}

/* hide fuction key border on focused key*/
#fnckeys input:focus { outline: none; }

/* fix spacing/padding for IE 10+ browser */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.FunctionKeysLeft #fnckeys{margin-top: -6px!important;position:absolute; }
	.general-msg, .login-error{
		width:630px;
		margin-top:19px;
	}
	img#pageupdown-block-up{
		margin-top: -4px!important;
	}
	img#pageupdown-block-down{
		margin-top: -4px!important;
	}	
}
/* contact page styling */
.faq-container{padding:20px 22px;width:95%;}
.contact-us-container{padding:20px 22px;}
.contact-us-container h1{color:#1E528A; font-size:120%;}
.contact-us-container h2{color:#1E528A; font-size:110%;font-weight:bold;}
.bold{font-weight:bolder;}

/* clears the 'X' from Internet Explorer */
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration { display: none; }

/* PAGINATION STYLING */
.pagination span{
	padding:5px;
	border-right:1px solid #87a6c5;
	border-top:1px solid #87a6c5;
	border-bottom:1px solid #87a6c5;
	text-align:center;
	width:32px;
}
.pagination span.first, .pagination span:first-child{border-left:1px solid #87a6c5;}
.pagination span.active{
	background-color: #42668a;
	color:#fff;
}
.pagination span.normal,.pagination span.next,.pagination span.last,.pagination span.first,.pagination span.previous{cursor:pointer;}
.pagination span.disable{color:#ccc;cursor:default;}

/*add blue border to Turquoise input*/
input.cu{border:1px solid #1E528A;}
/*all select box to be black text*/
select{color:#000!important;}

/* create a wrapper for headings*/
div.fieldset {
	background-color:#1E528A!important; 
	margin-top:35px;
	padding-bottom:4px;
}
div.fieldset span, div.fieldset-2 span, div.fieldset-3 span, div.fieldset-4 span{
	color:#fff!important;
}	

div.fieldset-2 {
	background-color:#1E528A!important; 
	margin-top:3px;
	padding-bottom:4px;
}
div.fieldset-3 {
	background-color:#1E528A!important; 
	margin-top:-9px;
	padding-bottom:4px;
}
div.fieldset-4 {
	background-color:#1E528A!important; 
	margin-top:-20px;
	padding-bottom:4px;
}
/* show mouse pointer on Pointer class*/
.Pointer{cursor:pointer;}

/*apply style to the quick-dialog class*/
.quick-dialog{border:1px solid #1E528A!important;background-color:#f2f2f2!important;  }

.session-expired
{
	margin-top:50px;
}
.session-expired a.relogin-button,.session-expired a.relogin-button:visited,.session-expired a.relogin-button:active{background-color:#B7CFE2!important;color:#1E528A!important;text-decoration: none;padding:2px 10px;}
.session-expired a.relogin-button:hover{background-color:#4F7799!important;color:#FFF!important;}

/* add color on login page */
.screen-body-carousel .session-expired{background-color:#f2f2f2!important;padding:10px 25px;}

/* adjust font size for input boxes */
input[type="text"], input[type="password"]
{ 
	font-size: 13.5px!important;
}
	
/* make sure all uppercase rule are applied*/
input[uppercase="Y"]{text-transform: uppercase;}

/* remove border on first row of table with Header1Clear class and keep border for body*/
.AutoTable.Header1Clear{border-top: none !important;border-left: none !important;border-right: none !important;}
.AutoTable.Header1Clear thead tr:first-child th{background-color:#F4F4F4!important;border: 0px solid #F4F4F4 !important;}
.AutoTable.Header1Clear thead tr:first-child th span{color:#000!important;}
.AutoTable.Header1Clear tbody{border:1px solid #ccc!important;}

/* apply styling to vertical three dots next to prompt fileds
.prompt-wrapper{
	border-bottom:1px solid #33a6cc;
}*/
.prompt-button{
	color:#000;
	cursor:pointer;
	background-color:#b7cfe2;
	padding:0px 2px 0px 3px!important;
	width:10px!important;
	line-height: 25px!important;
	margin-top:-0px;
	height:21px!important;
	display: inline-block;
	font-size:25px;
}
/*apply style to all fields that were marked as promptable*/
input.promptable{
	color:gray!important;
}	



/* SUPPORT & MORE LINKS*/
/* Dropdown Button */
.dropbtn, .linksbtn, .chatbtn {
  cursor: pointer;
  background-color: #1E528A;
  border-radius:100px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus, .dropbtn.showing{
  background-color: #ebeef0;
  border-radius:100px;
}

/* Dropdown button on hover & focus */
.linksbtn:hover, .linksbtn:focus, .linksbtn.showing{
  background-color: #ebeef0;
  border-radius:100px;
}

/* Dropdown button on hover & focus */
.chatbtn:hover, .chatbtn:focus, .chatbtn.showing{
  background-color: #ebeef0;
  border-radius:100px;
}
.chatbtn{
  top:57px;
  position: absolute;
 }

/* The container <div> - needed to position the dropdown content */
.dropdown, .dropdown2, .dropdown3  {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  top:40px;
  left:-120px;
  position: absolute;
  background-color: #dddddd;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:10px;
}

.dropdown-content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(12% - 5px);
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #dddddd transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.dropdown-links{
	display: none;
	  top:40px;
	  left:-422px;
	  position: absolute;
	  background-color: #fff;
	  min-width: 360px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  border-radius:10px;
	  padding:5px ;
}

.dropdown-links:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(12% - 5px);
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 5px 16px 5px 16px;
  text-decoration: none;
  display: block;	  
  
}

.dropdown-content a:first-child{border-radius:10px 10px 0px 0px;}
.dropdown-content a:last-child{border-radius:0px 0px 10px 10px;border-top:1px solid #ccc;}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}



.dropdown-chatbox{
	display: none;
	  top:93px;
	  right:210px;
	  position: absolute;
	  background-color: #fff;
	  min-width: 220px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  border-radius:10px;
	  padding:5px ;
}
/*
.dropdown-chatbox:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(12% - 5px);
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

@media only screen and (max-width: 769px)
{
	.dropdown-chatbox{
		right:155px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 769px)
{
	.dropdown-chatbox{
		right:255px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 991px)
{
	.dropdown-chatbox{
		right:495px;
	}
}

@media only screen and (max-width: 1200px){
	.dropdown-chatbox{
		right:595px;
	}
}
*/




/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.progress-bar {
	width: 100%;
	background-color: #e0e0e0;
	padding: 3px;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.progress-bar-fill {
	display: block;
	height: 42px;
	background-color: #4CAF50;
	border-radius: 3px;
	transition: width 500ms ease-in-out;
	text-align:left;
	font-size:24px;
	padding-top:7px;
}

#confirm-yes:focus{border-inline: 1px solid blue;}
#confirm-no:focus{border-inline: 1px solid blue;}