@import "../jquery-ui.css";
@import "../bootstrap.min.css";
@import "../bootstrap-responsive.min.css";
@import "../glyphicons.css";
@import "../bootstrap.iconpro.css";
@import "bootstrap.custom.css";
@import "jquery-ui.custom.css";
@import "../jquery.fileupload-ui.css";
@import "../font-awesome.min.css";
@import "bootstrap-table.min.css";
@import "aiBase.css";
@import "aiCustomStyles.css";
@import "datatables.min.css";
@import "jquery-confirm.min.css";
@import "trumbowyg.min.css";
@import "cookieconsent.min.css";

/* Original Styles ------------------------------------------------------------------------------------------------------------------------ */

/*Error Messages*/
.DataFormLabelWarning{color:red;}
.DataFormRangeValidator{color:red;}
.DataFormRegularExpressionValidator{color:red}
.DataFormRequiredFieldValidator{color:red}
.ErrorPageTD{color:red}
.ErrorPageTitle{font-weight:bold;color:red}
.DataFormLabelErrorMessage, .DataFormValidationSummary { color:red; background-color:#fff1f1; padding:10px; border:1px solid #f00;border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px; width:98%; display:block; margin:10px 0 }
.DataFormValidationTD {color:red}

/*PAGE COLOR PROPERTIES*/
.PageFrameworkBODY{ /*insert background image in this class */
    background:#fff;
    background-repeat: no-repeat;

}
.PageFrameworkBODYModal{background-color:#FFFFFF;color:#000000;margin:0;}

/*MAIN FRAMEWORK PROPERTIES*/
#PageFrameWorkTable { margin:0px auto; padding:0px 0px; }
.PageFrameworkBODYModal #PageFrameWorkTable {width: auto; margin:1px auto}
.PageFrameworkBODYModal .PageFrameworkContentTD {width:auto}
#TopPane, #BottomPane, #eWebBottomPaneTable, header {
	margin: 0px auto;
	width: 100%;
}   /* max-width:1200px !important; }*/
#TopPane { /*height:53px*/}
#ContentPane {  position: relative; z-index: 10; margin-top: 5%; padding: 0 4px 10px 4px; min-height:400px !important; display:block;/* -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;*/border-radius: 8px; -webkit-border-radius: 8px;	-moz-border-radius: 8px; }
.PageFrameworkBODYModal #ContentPane { background-color:#fff; margin:2px auto; padding:3px;  -moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px; }
@media only screen and (max-width: 767px) {	#ContentPane { margin: 0px auto; padding: 14px 4px 10px 4px; }}
#eWebContentPaneTable { min-width:300px; width:100% ; max-width: 1200px;  margin:0px auto}
#eWebTopPaneTable {margin:0px 0 0 0; padding:0;}


/*FRAMEWORK settings*/
#eWebRightPaneTableCell {display:none;}
.PageFrameworkBODYModal  #BottomPane { border-bottom:0}
#eWebFrameWorkBottomRow { background-color:#fff}
#eWebForm {display:inline;}
.DataFormTABLE, .DataFormTable { width:100%}
.DesignedTABLE{width:100%}

#SystemTextBox {border:transparent;}
#XXXXXXXX__UP INPUT, #XXXXXXXX {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
.demoAlert { background: #c00;  width:99%; padding:3px 10px; color:#fff; text-align:center; position: absolute; top:-20px; left:0; font-weight:700; height:20px; min-height:20px;}

#BoothSearchDatagrid input[name^="BoothSearchDatagrid"] { border:1px solid #ddd; border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; padding:6px 10px;}
#BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"] {  background:#ffaa00; font-weight:700 }
#BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"]:after { content:"selected"; background-color:yellow;
color:red;
font-weight:bold;}

/*WIZARDS*/
.WizardOuterTable{border-style:none;}
.WizardContentTable { width:100%; margin-top:20px}
.WizardInnerTable{border-style:none;}
.WizardMultiPage{border-style:solid;border-width:1px;border-top:none;padding:1px;}
.wizardstep { font-size: 12pt; font-weight: bold ; color: #990000}
.WizardTabStripSepDefaultStyle{border-color:Black;border-width:1px; border-style:solid;border-top:none; border-left:none; border-right:none;}
.WizardTabStripTabDefaultStyle{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:White;}
.WizardTabStripTabDefaultStyleError{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:Red;}
.WizardTabStripTabHoverStyle{background-color:#eeeeee}
.WizardTabStripTabSelectedStyle{border-style:solid;font-weight:bold;border-bottom:none}
.WizardTitle span {font-size:2.0em; padding: 10px 0px 20px 0; margin-left:-6px;}
.WizardTitleSeparator { font-size: 10pt}
.WizardProgressTable {width: 150px; border: solid 1px #663399;}
.WizardProgressHeaderTD{font-size:9pt;font-weight:bold;background-color:#663399;color:#ffffff; height:11px; }
.WizardProgressTableTD { border-top: solid 1px #663399;}
.WizardProgressStepTable {width: 150px;}
.WizardProgressStepTableActive{width: 150px;}
.WizardProgressStepNumberCell {width: 30px; text-align: right;}
.WizardProgressStepNumber { font-size: 16pt; font-weight: bold; font-style:italic;}
.WizardProgressImageCell{width: 120px; text-align: center;}
.WizardProgressHyperLinkCell{width:120px; text-align: center;}
.WizardProgressHyperLinkCellSubItem{width:120px; text-align: left;}
A.WizardProgressHyperLink:visited{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:link{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:active{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:hover{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
.WizardProgressHyperLinkCurrent {color:Black; font-size: 7pt; font-weight: bold;}
/*.wizardbutton {font-size:11pt; vertical-align:top;}*/
#WizardContentTableBottom { margin-bottom:10px}

/*PAGER*/
span.DataFormChildDataGridPagerLink {color:#fff;  border:1px solid #0088cc; padding:1px 7px; display:inline-block; background:#0088cc;  border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; display:inline-block; margin-right:3px; margin-bottom:3px; }
a.DataFormChildDataGridPagerLink, .pager a {color:#888; border:1px solid #ccc;  padding:1px 8px; display:inline-block; background:#fff;  border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; display:inline-block; margin-left:0px; margin-bottom:3px;}
.pager a:hover {color:#fff; background-color:#0088cc; }
.pager { margin:4px 0 10px 0; font-size:14px; }
.pager b {font-size:14px }

/* GRIDS*/
/* make the remove all icon (trash can) display in the shopping cart */
/* DE4678 */
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll { display: contents; color: black; text-indent:-99999px; height:20px; width:20px; background:url(images/delete.png) no-repeat 50% 50%;}
/*#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/delete.png) no-repeat 50% 50%;}*/
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowAdd { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/grey_cart.png) no-repeat 50% 50%;}
.DataFormChildHeader { background-color:#eee; padding:0px 5px}

/* MAIN MENUS */
.TopUIHyperLink{ white-space:nowrap; padding: 10px 10px !important; margin:0px 0;  text-align: center; color:#444; background-color:#ddd; font-family: arial; font-size: 14px; display: inline-block; position: relative; z-index: 98;     }

A.TopUIHyperLink:visited{ color:#888;text-decoration:none; background-color: transparent}
A.TopUIHyperLink:link{  color:#888;text-decoration:none;background-color: transparent}
A.TopUIHyperLink:active{  color:#888; text-decoration:none;background-color: transparent}
A.TopUIHyperLink:hover{ color:#222; text-decoration:none; background-color:#eee;}

A.TopUIHyperLinkSelected:visited{color:#444;  font-weight: bold;text-decoration:none;}
A.TopUIHyperLinkSelected:link{color:#444;text-decoration:none;}
A.TopUIHyperLinkSelected:active{color:#444; text-decoration:none;}
A.TopUIHyperLinkSelected:hover{color:#444; text-decoration:none;}

A.TopUIItemHyperLink:visited{color:#444; text-decoration:none;}
A.TopUIItemHyperLink:link{color:#444; text-decoration:none;}
A.TopUIItemHyperLink:active{color:#444; background-color:White; text-decoration:none;}
A.TopUIItemHyperLink:hover{color:#444; background-color:White;  text-decoration:none;}

A.TopUIItemHyperLinkSelected:visited{color:#444;text-decoration:none;}
A.TopUIItemHyperLinkSelected:link{color:#444; text-decoration:none;}
A.TopUIItemHyperLinkSelected:active{color:#444; text-decoration:none;}
A.TopUIItemHyperLinkSelected:hover{color:#444; text-decoration:none;}

.TopUIItemSeparator{color:#444; }
.TopUIItemHyperLinkNav{  font-weight: bold;text-decoration:none;color:#444}
#eWebContentPaneTopLinksCellTable .TopUIHyperLink {font-size:7.5pt;font-weight:normal; width:auto; padding:2px 2px; background-color: transparent}

/*LEFT SIDE MENU*/
#eWebLeftPaneLeftLinksCellTable .TopUIHyperLink { background: #659a22; padding: 3px 8px !important; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;text-align: left; color: #fff; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:120px;background-color: transparent }
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:visited{ text-decoration:none; background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:link{  text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:active{   text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:hover{ color:#fff; text-decoration:none;background-color: #659a22}

/*POPUP LINKS STYLE*/
.PopMenuSubMenuTable { background: #fff; margin:0; padding:0;  border-radius: 0px 0 8px 8px; -webkit-border-radius:  0px 2px 8px 8px;	-moz-border-radius:  0px 2px 8px 8px; -o-border-radius:  0px 2px 8px 8px;
 -moz-box-shadow: 0px 2px 6px #ccc;-webkit-box-shadow:  0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; border-collapse: separate;	 }
.PopMenuSubMenuTable .TopUIHyperLink { padding: 6px 12px !important; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px;text-align: left; color: #666; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:160px; margin:0}
.PopMenuSubMenuTable A.TopUIHyperLink:visited{ color:#666;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:link {  color:#666;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:active {  color:#666; text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:hover { color:#222; text-decoration:none; background-color: transparent}

ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li { display:block; margin:0 0 0 0;  }
ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li a , ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li span { text-align:left}

/*Top menu bar*/
ul#eWebTopPaneBottomLinksCellTable { list-style-type:none; margin:0 auto;  width:100%; max-width:1200px !important; /*padding:0px 10px;background-color: #f8f8f8; border:1px solid #ddd;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;*/ }
ul#eWebTopPaneBottomLinksCellTable li { display:inline-block }
/*PopLink*/
.PopLink { display:inline-block;  border:1px solid #eee; cursor:pointer; }
#PopLinks { margin-left:-148px; margin-top:24px; font-size:12px;}
.PopLinks {font-size:12px;  background:#fff; border:1px solid #ddd; padding:10px;  -webkit-border-radius: 8px  ; -moz-border-radius: 8px ; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #444;-webkit-box-shadow: 0px 0px 5px #444; box-shadow: 0px 3px 5px rgba(0,0,0,0.05); list-style-type:none; width:160px;  -moz-box-shadow: 0px 2px 8px #888;-webkit-box-shadow:  0px 2px 8px #888; box-shadow: 0px 2px 8px #888; border-collapse: separate;  }
.PopLinks li {border:0; padding:4px 0px; font-size:1em}
.PopLinks li:hover, .PopLinks li a:hover {border:0; }


/*LOAD Spinner*/
.SpinnerSpan { height: 30px; display:block }
.SpinnerSpan div { display:block; width:16px; float:right; margin-top:-4px }

.spinner /*NON IE */ {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	height: 200px;
	width: 200px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-mask-image: url(Images/spinner.png);
	background-color: #fff;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}

#spinner /*Good for IE*/ {
background:url(Images/spinner.gif) 50% 50% no-repeat;
width: 100px;
height:100px;
margin: 50px 0 0 -50px;
position: absolute;
top: 50%;
left: 50%;
}

/*FORM HELPERS*/
.DataGridItem .DataFormHyperLink img { position: relative; top:3px}
.LookUpHyperLink, .LookUpClearHyperLink { top:4px; position:relative;}
.DataGridItem .LookUp  {  position: static;}
.DataGridItem .DatePicker { position: relative; bottom:2px}
/*Add/Edit Dropdown*/
.AddEditLinkDiv { float:right}
select.AddEdit { float:left;}
td.LayoutCell .AddEditLinkDiv { float:none; height:33px;}
@media (max-width: 767px) {
.AddEditLinkDiv { float:none}
select.AddEdit { float:none;}
td.LayoutCell .AddEditLinkDiv { float:none; height:auto;}
}

/*.DataFormDivDefault input[type=text], input[type=text], input[type=password]  {padding:2px 3px; font-size:11pt;  }
select, textarea { padding:2px 3px;  font-size:11pt; }
.legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit;  color: #333333;  border: 0; border-bottom: 1px solid #e5e5e5;}*/
.hasDatepicker { position:relative; bottom:0;  }

/*radio buttons on forms*/
.DataFormRadioButtonList, DataFormRadioButtonListCustom {
	width: 98%
}

	.DataFormRadioButtonList td {
		text-align: center;
		vertical-align: top;
		margin: auto;
		padding: 1px 2px
	}

	.DataFormRadioButtonList label {
		color: #3F4444
	}

/*PAGE STRUCTURE STYLES*/
/*footer {display: grid; justify-content: center; background-color: #fff;}*/
 footer {display: -ms-grid;display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff;}
header {display: block;}
hgroup {display: block;}

section {	display: block;}
html {	font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
img {max-width: 100%; transition:all .2s linear;  -o-transition:all .2s linear;   -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;border: 0px currentColor; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.back-to-top { position: fixed; bottom: 2em;right: 0px; display: none;}
/*INPUTS*/
button {margin: 0px; font-size: 100%; vertical-align: middle;}
input {	margin: 0px; font-size: 100%; vertical-align: middle;}
select {margin: 0px; font-size: 100%; vertical-align: middle; font-size:11pt}
textarea {	margin: 0px; font-size: 100%; vertical-align: middle;}
button {	line-height: normal;}
input {	line-height: normal;}
button {cursor: pointer; -webkit-appearance: button;}
input[type='button'] {	cursor: pointer; -webkit-appearance: button;}
input[type='reset'] {	cursor: pointer; -webkit-appearance: button;}
input[type='submit'] {	cursor: pointer; -webkit-appearance: button;}
input[type='search'] {	box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;}
textarea {	overflow: auto; vertical-align: top;}

.input-block-level {	width: 100%; display: block; min-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}

/*HEADER STYLES*/
.logo { width:164px; height:80px; margin-left:0px; margin-top:5px; background:url('images/wb_logo.png') no-repeat left; background-size:100% auto  }
/*.logo { width:100px; height:10px; margin-left:10px; margin-top:5px; background:url('images/ags/credlogo.png') no-repeat left; background-size:100% auto  }*/

.header_social {font-size: 1.0em; margin:0px 0px; color:#ddd; background-color:#444; padding:8px 16px;  /*-moz-box-shadow: 0px 1px 8px #888888;-webkit-box-shadow: 0px 1px 8px #888888; box-shadow: 0px 1px 8px #888888; */border-collapse: separate; text-align:right;   background-color:#222  }
.MyAccountTop { background: url(images/regIndWhite.png) no-repeat left; padding-left:25px; position:relative }
.header_social a {color:#fff}
.header_social a:hover {color: #9C0}

sub {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}


/*FONT SIZE*/
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }
.size100{ font-size: 100px; }
.size120{ font-size: 120px; }
/*FONT SIZE ENDS*/
pre, code, kbd, samp { 	font-family: monospace, sans-serif;} /* normalize monospace sizing *//*

/*Widths*/

.w10p { width:10%}
.w20p { width:20%}
.w30p { width:30%}
.w40p { width:40%}
.w50p { width:50%}
.w60p { width:60%}
.w80p { width:80%}
.w100p { width:100%}


.w20 {width:20px;}
.w50 { width:50px}
.w60 { width:60px}
.w100 {width:100px}
.w130 {width:133px}
.w150 {width:150px}
.w160 {width:160px}
.w180 {width:180px}
.w200 {width:200px}
.w220 {width:220px}
.w260 {width:260px}
.w300 {width:300px}
.w320 {width:320px}
.w310 {width:310px}
.w330 {width:330px}
.w360 {width:360px}
.w400 {width:400px}
.w500 {width:500px}
.w600 {width:600px}
.w680 {width:680px}
.w700 {width:700px}

/*Hights*/
.h10{height:10px}
.h20{height:20px}
.h24 {height:24px;}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h100{height:100px}
.h110{height:110px}
.h120{height:120px}
.h130{height: 130px}
.h140{height: 140px}
.h150{height: 150px}
.h200{height:200px}
.h220{height:220px}
.h250{height:250px}
.h300{height:300px}
.h350{height:350px}
.mh350 { min-height:350px;}
.h400{height:400px}
.h440 {height: 440px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h640 {height: 640px}
.h800 {height: 800px}

/*HELPER CLASSES*/

.radius2 {border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px;}
.radius6 {border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;}
.radius10{border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;}

.margl4 { margin-left:4px; }
.margl10 { margin-left:10px; }
.margl15 { margin-left:15px; }
.margl20 { margin-left:20px; }
.margl70 {margin-left:70px; }

.margr4 { margin-right:4px;}
.margr10 { margin-right:10px;}
.margr20 { margin-right:20px;}
.margr600 { margin-right:600px;}

.margt4 {margin-top:4px;}
.margt8 {margin-top:8px;}
.margt10 { margin-top:10px;}

.margb8 {margin-bottom:8px; }
.margb10 {margin-bottom:10px; }

.marga{ margin:auto}

.pad10 {padding:10px}
.pad6 {padding:6px}
.padt8 {padding-top:8px }
.padb10 {
	padding-bottom: 10px;
}

.bold { font-weight:700}
.upper { text-transform:uppercase}
.italic {font-style:italic }

.black { color:#000}
.white {color:#fff}
.green {color: #659a22;}
.blue, .WizardHeader, legend {color:#042c66}
.red { color:red}

.greyBG { background-color:#eee;}
.reverseGreen { background-color: #659a22; color:#fff; padding:4px 8px}

.borderTop { border:0; border-top:1px solid #ddd; }
.borderRight { border:0; border-right:1px dashed #ddd;}
.borderGrey3 { border:3px solid #ccc; padding:10px 12px}
.sep { display:block; border-bottom:1px solid #ccc ; margin-bottom:0px; height:2px; }

.ellipses {  text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display:inline-block}
.ohidden { overflow:hidden}
.wrap {white-space:pre-wrap}
.nowrap {WHITE-SPACE: nowrap}
.pointer { cursor: pointer }
.left-float {FLOAT: left}
.right-float {FLOAT: right}
.right { text-align:right}
.left { text-align:left}

.block {display:block}
.iblock {display:inline-block}
.vertical {border:0;  border-left:1px solid #ddd; height:100px; margin-left:10px; margin-right:3px; padding-left:10px;}

.relative { position:relative}
.absolute { position: absolute }
.fixed { position:fixed}
.relative-important { position: relative !important; }

.top10 { top:10px;}
.top30 { top:30px;}
.top100 { top:100px;}
.top-100 { top:-100px;}
.top-110 { top:-110px;}
.left10 { left: 10px; }
.left20 { left:20px; }
.bottom10 { bottom:10px;}

.right10 { right: 10px; }

.opacity05 { opacity:0.5;}
.opacity08 { opacity:0.8;}

.removePadding { padding-left: 0; padding-right: 0; }
.removePaddingLeft { padding-left: 0; }
.removePaddingRight { padding-right: 0; }

.imgScaleW { width:100%; height:auto}
.imgScaleH { width:auto; height:100% }

/*END HELPER CLASSES*/


/*Bottons*/

/*.wizardbutton, .DataFormButton {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  border-color: #d85128;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;

  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}
.wizardbutton:hover, .DataFormButton:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  background-color: #e6e6e6;
  -webkit-transition: background-position 0.1s linear;
	 -moz-transition: background-position 0.1s linear;
	   -o-transition: background-position 0.1s linear;
		  transition: background-position 0.1s linear;
}

#ButtonSave {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}
#ButtonSave:hover,
#ButtonSave:focus,
#ButtonSave:active,
#ButtonSave.active,
#ButtonSave.disabled,
#ButtonSave[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
*/
/*END OF BUTTONS*/

.DataFormHeaderTD .PageTitle { background: transparent; padding:3px 0; border:0 ; font-size:16px}
.reviewtable { width:98%; margin-right:20px;}
.googleMap  {  overflow:hidden; margin:auto; text-align:center }

/*SOCIAL */
.add_this { background-color:#eee; margin:10px 0 10px 0; padding:4px 8px; border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;height:20px}
.addthis_toolbox {margin-top:2px; margin-left:3px }
#eWebLoginControl_LoginFacebookButton { margin:3px 6px}

.module-header, #eWebLoginControl_LoginTable .LeftUITableHeaderTD {
	/*height:15px;*/
	padding:10px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background: #042C66;
    border-color: #042C66;
    color: #fff;
    font-weight: bold;
    font-size: 1.05em;
}
.module-header a {color:#000}
.module-body {padding:10px}
.module-body-border {padding:10px; border:1px solid #ddd; border-top:0; background-color: #fff;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.module-body ul { margin:0; padding:0 0 10px 0; list-style-type:none;}
.module-body li {  padding:3px 0px; position:relative;  }
.module-body .edit3 {   display:inline-block; height:22px; width:22px; right:20px; top:14px; position: absolute}

/*Login Control*/
#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword { padding:4px 0px; font-size:1.1em; width:99%;  }
#eWebLoginControl_LoginTable { width:98%; margin:0px auto; max-width:420px;}
#ForgotPwdControl_ForgotPasswordTable {width:100%; margin:0px auto;}
#DemographicsTable span.DataFormLabel {white-space: nowrap}


/*MF STYLES*/
.mf_basic { padding:0; margin:10px 0px; list-style-type:none; text-align:center}
.mf_basic li { color:#eee; display:inline-block; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; padding:5px 15px; text-align:center; font-size:12px; width:40px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88b74d,endColorstr=#466c17); background: -webkit-gradient(linear, left top, left bottom, from(#88b74d), to(#466c17)); background: -moz-linear-gradient(top,  #88b74d,  #466c17);    background-image: -o-linear-gradient(#88b74d,#466c17); margin-left:2px;}
.mf_basic li  .total { display: block; font-weight:700; color:#fff; font-size:1.3em}

/*STAR RATING*/

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.ratingblock {	width: 50%; padding-bottom: 8px; margin-bottom: 8px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.unit-rating {	background: url("images/starrating.gif") repeat-x left top; list-style: none; margin: 0px; padding: 0px; height: 30px; position: relative; width:150px; }
.unit-rating li {	margin: 0px; padding: 0px; text-indent: -90000px; float: left; }
.unit-rating li a {	padding: 0px; width: 30px; height: 30px; text-indent: -9000px; text-decoration: none; display: block; position: absolute; z-index: 20;}
/*.unit-rating li a:hover {	background: url("images/starrating.gif") left; left: 0px; z-index: 2;
}*/
.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {	width:30px;}
.unit-rating a.r2-unit {left: 30px;}
.unit-rating a.r2-unit:hover {	width:60px;}
.unit-rating a.r3-unit {left: 60px;}
.unit-rating a.r3-unit:hover {	width:90px;}
.unit-rating a.r4-unit {left: 90px;}
.unit-rating a.r4-unit:hover {	width:120px;}
.unit-rating a.r5-unit {left: 120px;}
.unit-rating a.r5-unit:hover {	width:150px;}
.unit-rating a.r6-unit {left: 150px;}
.unit-rating a.r6-unit:hover {	width:180px;}
.unit-rating a.r7-unit {left: 180px;}
.unit-rating a.r7-unit:hover {width:210px;}
.unit-rating a.r8-unit {left:210px;}
.unit-rating a.r8-unit:hover {width:240px;}
.unit-rating a.r9-unit {left: 240px;}
.unit-rating a.r9-unit:hover {width:270px;}
.unit-rating a.r10-unit{left:270px;}
.unit-rating a.r10-unit:hover {	width:300px;}
.unit-rating li.current-rating {background: url("images/starrating.gif") left bottom; height: 30px; text-indent: -9000px; display: block; position: absolute; z-index: 1;}

.rating-box { margin-top:8px; font-size:0.8em; color:#ff4400}
.rating-links { margin:6px 0 6px 0}
.rating {}

/*Avatar*/
.avatar {background:  #333;  position: relative;  }
.avatar:after {content:"No Photo"; font-size:1.4em; position:absolute; top:40%; left:50%; width:110px;  z-index:3; color:#ccc; font-weight:100; text-transform:uppercase; margin:auto; margin-left:-50px; text-align:center; vertical-align:middle}
.avatar div{ position:relative; z-index:5; min-height: 200px ; background-attachment: scroll; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; background-size: auto 100%; background-origin: padding-box; background-clip: border-box; background-color: transparent;}

#search-results .avatar {background:  #ddd;  position: relative; margin-top: 20px;  }
#search-results .avatar:after { font-size:1.2em; position:absolute;width:100px;  color:#aaa;  text-transform: lowercase; margin-left:-50px; }
#search-results .avatar div{  min-height: 132px ; }
#search-results a { color: #5EA2D8; font-weight: normal; }

/*Event Calendar Styles*/
.CalendarLink { float:left}
.CalendarEventTitleStyle {font-size:7pt;}
.CalendarEventDayStyle{color:red;}
/*Calendar */
.EvCalMultipleDays, .EvCalMultipleDays a {color:#222; background-color: #fff}
.EvCalSingleDay, .EvCalSingleDay a {color:#fff; background-color:#888;}
.EvCalFirstDay {}
.EvCalNoFirstDay {}

.EvCalTable { border-color:#ddd; line-height:110%; width:100%}
.EvCalTable td { padding:0}
.EvCalHeader {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -moz-linear-gradient(top,  #eee,  #ccc); background-image: -o-linear-gradient(#eeeeee,#cccccc); padding:4px 4px; border-color:#bbb }
.EvCalTitle {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-linear-gradient(top,  #fff,  #ddd); background-image: -o-linear-gradient(#fff,#ddd); color:#666; font-size:1.4em; font-weight:700; height:26px; line-height:26px;  border-color:#ddd}
.EvCalTitle td { border-color:#ddd}
.EvCalOtherMonthDays { background-color:#ddd; border-color:#ccc; color:#888 }
.EvCalDay {border-color:#ddd;}
.EvCalWeekendDay { background-color:#CDE9F1; border-color:#cff; color:#39C}
.EvCalTodayDay { border-color:#444; color:#659a22; font-weight:700}
.EvCalDay a ,.EvCalWeekendDay a, .EvCalOtherMonthDays  a {display:inline-block; padding:2px 6px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px; font-size:0.8em; line-height:110%}
.EvCalTodayDay a{background-color:#9C0; display:inline-block; padding:4px 3px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;}
.EvCalOtherMonthDays, .EvCalWeekendDay, .EvCalDay { min-height:24px}

/*2013-2014 styles*/
/*Search Form*/
.FindFormResponsive { margin:auto; width:420px;}
.FindFormResponsive .body { padding-top:20px;}

/* ---------- Store Products */
.productThumb { position:relative; width:306px; overflow:hidden; float:left}
.productThumb img { max-width:300px; height:auto; overflow:hidden; border:3px solid #aaa; margin-right:0px; background-color:#eee}

/* Grid View */
	.shopping-cart.grid-view {  }
	.shopping-cart.grid-view.featured-products { }


	.shopping-cart.grid-view .thumbnails,
	.shopping-cart.grid-view .thumbnails > li { margin-left:18px !important; }

	.shopping-cart.grid-view .thumbnails .thumbnail { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-image {}
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-image > img { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-title {}
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-description {  }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info {  }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-price { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-actions > a {  }

	/* List View */
	.list-view .media > p { margin-bottom: 10px; }
	.list-view .media .media-object { width: 150px; }
	.list-view .media .pricet { border: none; display: block; }

/*Store */
.menuDropStore { float:right; margin-top:2px; margin-right:0px; background-color:#aaa; padding:6px 10px; min-width:218px; -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px;
border-collapse: separate;-moz-box-shadow: 0px 0px 9px #444;-webkit-box-shadow: 0px 0px 9px #444;box-shadow: 0px 0px 9px #444;  }
.menuDropStore  select { padding:3px 8px; font-size:1.2em; max-width:230px; width:100%;  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border:1px solid #659a22;}

/* ---------- Individual Profile */
.ind.member-avatar {background:  #333 no-repeat 50% 50%;  position: relative;  border-radius: 50%;}
.ind.member-avatar .no-photo {content:"No Photo"; font-size:1.4em; position:absolute; top:40%; left:50%; width:110px;  z-index:3; color:#ccc; font-weight:100; text-transform:uppercase; margin:auto; margin-left:-50px; text-align:center; vertical-align:middle}
    .ind.member-avatar div {
        background-image: url(../eweb/upload/463111.jpg);
        background-repeat: no-repeat;
        width: 180px;
        height: 180px;
        -webkit-clip-path: circle(90px at center);
        clip-path: circle(90px at center);
        background-position: center;
        background-size: 180px;
        background-position-y: top;
        z-index: 5;
        position: inherit;
        border-radius: 50%;
        /*position:relative; z-index:5; min-height: 200px ; background-attachment: scroll; border-radius: 50%; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; background-size: auto 100%; background-origin: padding-box; background-clip: border-box; background-color: transparent;*/
    }

/* ---------- Member Directory Search Results */

/* ---------- Upcoming Events */

/* ---------- FAQ Search */
	.faqSearch {}
	.faqSearch dl > dd { margin-bottom: 10px; margin-left: 0px; }

/* ---------- Store Products */
	/* Grid View */

	/* Removes left margin from certain list elements */
	.shopping-cart.grid-view .thumbnails > li:nth-child(4n+1) { margin-left: 0; }
	.shopping-cart.product-details .product-image { max-height: 400px; }

/* ---------- Survey Modal */
#SurveyTable {}
#SurveyTable .DataFormChildHeader { background: none;  font-style: normal; color:#0088cc; font-weight: 100; font-size: 22px; line-height: 32px; margin-top: 20px; padding-left: 0; padding-right: 0; text-transform: capitalize; }
#SurveyTable .first-row .DataFormChildHeader { margin-top: 0; }
#SurveyTable .DataFormTD { font-size: 14px; font-weight: 500; color:#0088cc; padding-bottom: 5px; padding-top: 15px; }
#SurveyTable input[type="text"],
#SurveyTable textarea { font-size: 14px; padding: 4px 6px; margin-bottom: 0; }
#SurveyTable .DataFormCheckBoxList label,
#SurveyTable .DataFormRadioButtonList label { display: inline-block; left: 10px; position: relative; top: 5px; }
#SurveyTable .DataFormRadioButtonList td { text-align: left; }

/* Fix Calendar Width */
.ui-datepicker,
.ui-datepicker table { width: 188px; }

/*RESPONSIVE FEATURES*/
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.cityDrop { background:url(Images/sprite.png) no-repeat 200px 0px; padding-top:4px }
.cityDrop select { font-size:14px; border:2px solid #aaa; padding:3px 6px }
.bs_old .visible-sm.visible-xs { display: none !important; }

 @media ( max-width: 480px) {
.menuDropMenu {  top:12px; right:10px; font-size:0.9em}
.pageTitle, h1 {  margin:10px 0; font-size:1.8em; line-height:120%}
	.WizardTitle span { color:#666; font-size:1.4em;line-height:120%}
.invSep { display: inline  }
img.scale-with-grid, img.scale {width:98%;height:auto}
.product-right-side  { float:left; margin-left:10px;  margin-top:10px}
.right-float, .left-float { float:none}
.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }
.FindFormResponsive { margin:auto; width:96%;}
/* Headings and Titles
---------------------------------------------- */
	/* heading specific */
/*----INPUTS--*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
outline: 0;*padding-top: 2px;*padding-bottom: 1px;*height: auto;}
}


@media (min-width: 480px) and (max-width: 640px) {
.pageTitle, h1 {}
.invSep { display:inline}
img.scale-with-grid, img.scale {width:98%;height:auto}
.product-right-side  { width:99%; margin-left:10px; margin-top:10px}
.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }
/*.socialLinks {display:none}*/
/*----INPUTS--*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] { outline: 0;font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
}
}

@media  (max-width: 767px) {
.bs_old .hidden-sm.hidden-xs { display: none !important; }
.bs_old .visible-sm.visible-xs { display: inline-block !important; }
#eWebTopPaneBottomLinksCellTable { display: none !important; }

}

@media (min-width: 768px) and (max-width: 1000px) {

.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }
}

@media print{
	#eWebLeftPaneTableCell, #eWebTopPaneTableRowBottom, .header_social {display:none;}
	#LeftPane {display:none;}
	.DataFormLabel{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */
	.DataFormLabelRequired{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */}

	/* UI Consistency
----------------------------------------------------------------------------------------------------*/
/*::selection {background: rgb(125, 175, 39); color: rgb(255, 255, 255);}*/
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::-moz-focus-inner {border: 0;padding: 0;}
input[type="search"]::-webkit-search-decoration {display: none;}
input, button, select, textarea { vertical-align: middle; }
/*input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px;	 top: 0\0;   *top: -3px;}  */

/* WORK-AROUNDS*/
.form-horizontal .controls .DataFormDivDefault {  overflow:hidden !important; margin-left:-180px;}
@media (max-width:480px) { .form-horizontal .controls .DataFormDivDefault {  margin-left:0px;}
}
.form-horizontal .DataFormDivDefault .controls  {  margin-left:0px; }

.securepay-form {
	background-color: #eeeeee;
	padding-top: 20px;
}

.securepay-card-brand-2 {
	height: 2em;
	padding: 4px 4px 4px 4px;
}

.securepay-card-brand-3 {
	height: 3em;
	padding: 4px 4px 4px 4px;
}

.securepay-card-brand-4 {
	height: 4em;
	padding: 4px 4px 4px 4px;
}

.securepay-ach-routing-example {
	height: 175px;
}

.securepay-legend-icon-row {
	float: left;
}

.securepay-icon-row .controls {
	display: inline-block;
}

	.securepay-icon-row .controls:not(:first-child) {
		margin-left: 0px;
	}

	.securepay-icon-row .controls img {
		padding-right: 20px;
		margin-bottom: 10px;
	}

.securepay-cvv-row {
	float: left;
}

.securepay-cvv-icon-row img {
	margin-left: 2em;
}

.subheader_no-underline {
	color: #0088CC;
	font-size: 21px;
	float: left;
}

.digital-wallet-payment-subform H2,
.securepay-saved-subform H2 {
	background-color: rgb(66, 139, 202);
	text-align: center;
	font-size: 20px;
	color: white;
	margin: 0px;
}

.DataFormRadioButtonListCustom td {
	text-align: left;
	vertical-align: top;
	margin: auto;
	padding: 1px 2px
}

.DataFormRadioButtonListCustom label {
	display: inline;
	padding-left: 8px;
	font-size: 14px;
}

.DataFormRadioButtonListCustom input[type=radio] {
	width: 23px;
	height: 15px;
	margin-bottom: 10px;
}

/* AGS OVER-RIDES*/
.ags-actionable { background-color: #F4DFDA;}

/* tab color */
.nav-pills>.actionable>a, .nav-pills>.actionable>a:focus { background-color: #F4DFDA;}
.nav-pills>.actionable>a:hover, .nav-pills>.actionable>a:focus { background-color: #A64224; color: white;}
/*.nav-pills>.actionable>a, .nav-pills>.actionable>a:hover, .nav-pills>.actionable>a:focus { background-color: #d85128;}*/

.nav-pills>.inactive>a, .nav-pills>.inactive>a:focus { background-color: #f1f1fa;}
.nav-pills>.inactive>a:hover, .nav-pills>.inactive>a:focus { background-color: #A64224; color: white;}
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { background-color: #41576f;}

.tab            { min-width: 80px; }
.tab-title      { font-size: 8pt; } /*text-transform: lowercase; }*/
.tab-border     { border: 0px solid silver; padding-top:12px;}
.tab-glyph-cell { text-align: right; }
.tab-glyph-light{ color: white; font-size: 13pt; }
.tab-glyph-dark { color: gray; font-size: 13pt; }
.table-responsive { border-left: solid 1px #eaeaea; border-right: solid 1px #eaeaea; }

a {color: #5EA2D8; font-weight: bold;}
.info-header { min-height: 128px; min-width: 250px; }
.info-title { font-weight: bold; color: white; background-color: #d85128; margin-top:20px; font-size: 1.4em; }

.requirement-table-header { font-weight: bold; /*background-color: #d85128;*/ color: white; padding:8px; font-size: 11pt; }
.requirement-table-header-left { border-radius: 5px 0px 0px 0px;  }
.requirement-table-header-right {border-radius: 0px 5px 0px 0px;  }
/* tab color */

/* status bar */
#divStatusContainer     { margin: 0px 0 15px 0; }

 ol .ags-breadcrumb { margin: 0px 0px 0px 0px; } /*ul, removed*/

/*ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}*/

.ags-breadcrumb {
	list-style: none;
	overflow: hidden;
	font-weight: bold;
	font: 14px Helvetica, Arial, Sans-Serif;
	background-color: #F1F1FA;
}
.ags-breadcrumb li {
	float: left;
	color: white;
	text-decoration: none;
	padding: 10px 0 10px 35px;
	background: #DDDDDD;
	position: relative;
	display: block;
	float: left;
	min-width: 100px;
}

.ags-breadcrumb li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #DDDDDD;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}

.ags-breadcrumb li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

/*.ags-breadcrumb li:first-child { padding-left: 10px; } */


.ags-breadcrumb .completed { background: #B54827; color: silver; }
.ags-breadcrumb .completed:after { border-left-color: #B54827 !important; }

.ags-breadcrumb .selected { background: #D85128; }
.ags-breadcrumb .selected:after { border-left-color: #D85128 !important; }
.ags-app-desc { font-size: 10pt; padding: 5px 2px 1px 2px; margin-bottom: 20px; background-color: #F6F6F6; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; border-radius: 5px;}

.ags-state-legend { font-size: 8pt; padding: 5px 2px 12px 2px;  }

/* status bar end */

.wizardbutton, .DataFormButton {
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;

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

.alert h4, .alert { color: #505050; }
.alert-info { color: white;  border-color: #d85128; background-color: #d85128;text-shadow: none;}
.panel-primary { background-color: #eaeaea;}


.text-warning { color: #eaeaea;}
.ags-profile-breadcrumb { color: white;  }

.ags-application-label { color: #797979; font-weight: 700; text-transform: uppercase; font-size: 11pt; }
.ags-application-title { color: #d85128; font-weight: 700; text-transform: uppercase; font-size: 13pt; }


/* ags demo tweaks*/
.navbar { min-height: 80px;}
.navbar-inverse { background-color: white; border-color: #eaeaea;}

a { color: #042c66; }
/*a:hover { color: #2059A2; }*/

.info-title { background-color: #5175B7; border-color: #042c66; color: white; }

.panel-info { border-color: #5175B7; }
.alert-info { background-color: #5175B7; border-color: #042c66; color: white; }

.ce-table-header { background-color: #5175B7; }


/* hide baseline titles on wizards and popups*/

.WizardTitle            { display: none;}
.WizardTitleSeparator   { display: none;}
.WizardHeader           { display: none;}
.profileTitle           { display: none;}


/* denise dcbar additions (non-dc bar specific)*/
ul .ags-breadcrumb, ol .ags-breadcrumb { margin: 0px 0px 0px 0px; }
/*hr {border:none; width: 50% !important; height:1px !important; color:#000 !important; background-color:#2b6a9f; box-shadow:#5175B7 5px 5px inset;}*/

/* new tab style */
/* change tabs from pills to old-style folders */
.nav-pills > li > a { margin-bottom: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	/*  border-top-left-radius: 5px;
		border-top-right-radius: 5px;*/ /*<-- these two lines can be used to add rounding to the top.*/
 margin-top: 20px;
 background-color: #41576f;
color: #fff;
}

.ags-no-glyph 		{ height: 31px; }

/*status bar glphy colors*/
.ags-locked      	{ color: black;     }
.ags-met         	{ color: #07C200;  }
.ags-unlocked    	{ color: yellow;   }
.ags-red 	 		{ color: #D85128;  }
.ags-underreview    { color: yellow;   }


html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.3;
    font-family: "Inter",sans-serif;
    font-weight: 400;
    color: #3c362a;
    max-width: 100%;
    overflow-x: hidden;
    background-color: #f6f6f6;
}

#eWebFrameWorkMiddleRow {
    background-color: #f6f6f6;
}

.PageFrameworkBODY {
    background-color: #f6f6f6 !important;
}

#eWebContentPaneTable {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 4rem);
    max-width: 94rem
}

.acvs-primary-gradient {
    background: linear-gradient(92.28deg, #042C66 6.62%, #028FB5 98.93%);
	border: none;3:56 PM 7/20/2023
}

.section-round-top-left-and-bottom-right {
    border-radius: 30px 0 150px 0;
}

.section-round-top-left {
    border-radius: 30px 0 0 0;
}

.section-round-bottom-left {
    border-radius: 0 0 150px 0;
}



/* -----------------    BUTTON css ----------------- */

.btn, .wizardbutton , .DataFormButton, #ButtonSave{
    appearance: none;
/*    all: unset;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    text-align: center;
    color: #042c66;
    background: #8ac939;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0);
    border-radius: 0px;
    transition: .25s ease;
    text-transform: uppercase;
    min-width: 100px;
    font-weight: 700;
    border-radius: 3px 3px 10px 3px;   
    margin: 0.25rem 0.25rem;
    text-shadow: none;
}

.btn:hover, .wizardbutton:hover, .DataFormButton:hover, #ButtonSave:hover {
    opacity: 1 !important; 
	background: #042c66;
    color: #fff !important;
    border-color: #028fb5;
    text-decoration: none;
    border-radius: 3px;
    text-shadow: none;
}

.btn-secondary {
    background-color: #61a1c7;
    color: #042c66;
    text-shadow: none;
}

.btn-secondary:hover {
    background: #042c66; /*!important;*/
    opacity: 1 !important; 
   color: #fff;
    text-shadow: none;
}

.btn-xmini {
background-color: #61a1c7;
    text-shadow: none;
}

/* -----------------    END BUTTON css ----------------- */

.link:hover span:after {
    position: absolute;
    bottom: 0;
    border: 1px solid #042c66;
    width: 100%;
    transition: all .25s ease-in-out;
}

.absolute-center {
	position: absolute;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.z-auto {
    z-index: 100;
}
.ui-widget-header, .panel-info > .panel-heading {
    background: #042C66;
    border-color: #042C66;
    color: #fff;
    font-weight: bold;
    font-size: 1.05em;
}

.btn-xmini {
    min-width: 10px;
    height: auto;
    min-height: 30px;
    margin-left: 8px;
}

.DataFormChildHeader {
    background: #042C66;
    border-color: #042C66;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    line-height: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #333;
    border: none;
    background: #61a1c7;
    color: #042c66;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #042c66 !important;
    opacity: 1 !important;
    color: #fff !important; 
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #042c66 !important;
    opacity: 1 !important;
    color: #fff !important; 
    border: none;
}

button.btn.btn-default.dropdown-toggle {
    padding: 0.1rem;
    min-width: auto;
    background-color: #61a1c7;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #042c66; 
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #042c66; 
    background-image: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background-color: #042c66; 
    background-image: none;
}
.pagination ul>.active>a, .pagination ul>.active>span {
    color: #042C66;
    cursor: default;
    background-color: #61a1c7;
    border: 1px solid #ddd;
}

.pagination > .active > a:hover {
    z-index: 2;
    color: #fff;
    background-color: #042c66; 
    border: 1px solid #ddd;
}

.grid_button, a.grid_button:hover {
    color: #fff;
}
.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 10px;
}

.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.btn-group>.btn {
    position: relative;
    -webkit-border-radius: 3px 3px 10px 3px;
    -moz-border-radius: 3px 3px 10px 3px;
    border-radius: 3px 3px 10px 3px;
}

.btn-group>.btn:last-child:hover, .btn-group>.dropdown-toggle:hover {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.btn-group>.btn:first-child:hover {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.btn-group>.btn:hover {
    position: relative;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

a span.glyphicon {
    padding-right: 0.5rem;
}