@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

html { font-family: "PT Serif", serif, Arial; }
body { font-family: "PT Serif", serif, Arial;  font-size: 16px; background-color: #ffffff; }

h1 {font-size:40px; color: #131313;}
h2 {font-size:32px; color: #131313;}
h3 {font-size:28px; color: #131313;}
h4 {font-size:20px; color: #131313;}
h5 {font-size:18px; color: #131313;}
h6 {font-size:16px; color: #131313;}

.layoutContainerClassOverride { margin:0;padding:0;  } /*  full for now max-width: 1400px; }  */
.layoutBodyClassOverride {	max-width: 1400px; }

/* --------- Override Bootstrap Defualts Begin ---------------- */
/* min-widths for sm, md, lg = 768   992  1200 

@media (min-width: 1200px) {
  .container {
    width: 1080px;
  }
} 
*/
legend { border: none; width:auto; margin-bottom:auto; }
.borderBottom {border-bottom: 1px solid #131313; }
.borderBottomThick {border-bottom: 2px solid #131313; }
.borderTop {border-top: 1px solid #131313; }
.borderTopThick {border-top: 2px solid #131313; }

.text-left-CtrIf-xs {	text-align:center; float:none; }
.text-right-CtrIf-xs {	text-align:center; float:none; }
.mobileBarLight { background-color: white; }
.mobileBarDark { background-color: #eeeeee; }
.divBarLight { background-color: white; }
.divBarDark { background-color: #eeeeee; }
.divBarDarker { background-color: #e0e0e0; }
.invoicePmtSchedBarLight { background-color: white; }
.invoicePmtSchedBarDark { background-color: #e0e0ee; }

.headerLogo {	float:left; height:50px; border: none;} /*width: 100%; */

@media (min-width: 576px) {
  .headerLogo { width: auto; }
} 
@media (min-width: 768px ) {
  .invoicePmtSchedBarLight { background-color: #eeeeee; } /* pmt sched block always shaded in non mobile mode */
  .invoicePmtSchedBarDark { background-color: #eeeeee; }
  .mobileBarLight { background-color: white; }
  .mobileBarDark { background-color: white; }
  .text-left-CtrIf-xs {	text-align:left; float:left; }
	.text-right-CtrIf-xs {	text-align:right; float:right; }
} 


/* setting this color breaks some plugins, shows white strip.    .container { background-color: #FFFFFF;}   */

.navbar-default { background-color: #FFFFFF; }
.navbar-light { }
.navbar-light .navbar-nav .nav-link { color: inherit; }
.navbar-static-top { border: none; }

.dropdown-menu.show { width:210px !important; }
.form-group { margin-bottom: 4px; }

/* override Bootstraps display:block 11/12/2018 */

.form-control { font-size: 16px;  height:28px; line-height: 1.5; border-radius: 2px;  padding: 2px 5px; margin: 2px 2px; display:inline-block;  } /* background-color: transparent;  removed 07/01/24 */
.form-control:focus {}  /* background-color: transparent;  removed 07/01/24 */

input[type=radio], input[type=checkbox] { width:16px; }
/* due to me lowering height on form-control margin-top: 0px; margin-bottom: 0px;  background-color:black;*/

input { color: #666; font-size: 16px; font-weight: normal; height:28px;}
select{ color: #666; font-size: 16px; font-weight: normal; height:28px;}
input[type=radio], input[type=checkbox] { height:auto;} /* undo the height setting just above for radio buttons & checkboxes */

label {	font-weight:bold;}
td{ font-size: 16px; font-weight: normal; text-align: left; vertical-align: top; height: 20px; }
th{ font-size: 16px; font-weight: bold; text-align: center; vertical-align: top; }

.isDisabled {cursor: not-allowed;opacity: 0.5;}
a[aria-disabled="true"] {	color: currentColor;	display: inline-block; /* For IE11/ MS Edge bug */	pointer-events: none;text-decoration: none;}
		
/* this was restricted to min-width 768, override them */
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

/* lighten up the Placeholder watermarks */
.form-control::-moz-placeholder {
  color: #cecece;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #cecece;
}
.form-control::-webkit-input-placeholder {
  color: #cecece;
}

.btn, .btn.btn-primary { font-family: "Open Sans", sans-serif, Arial; line-height:auto; height:auto; margin: 2px; 2px; 2px; 2px; text-transform: uppercase; text-decoration: none; }

@media (min-width: 768px ) {
  .text-left-CtrIf-xs {	text-align:left; float:left; }
	.text-right-CtrIf-xs {	text-align:right; float:right; }
} 
.btn-default 
{ 
  color: #ffffff;
  background-color: #E19357;
  border-top-color:#E19357;
  border-right-color:#E19357;
  border-bottom-color:#E19357;
  border-left-color:#E19357;
}

.btn.btn-standard
{
  color: #ffffff;
  background-color: #E19357;
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {
  color: #FFFFFF;
  background-color:#363636;
  border-top-color: #363636;
  border-right-color: #363636;
  border-bottom-color: #363636;
  border-left-color: #363636;
}
.btn-default:active,.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled.active,
.btn-default[disabled].active{
  color: #ffffff;
  background-color: #e1c48d;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #363636;
}
.btn.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, 
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle 
{
  color: #ffffff;
  background-color: #E19357;
  border-top-color: #E19357;
  border-right-color: #E19357;
  border-bottom-color: #E19357;
  border-left-color: #E19357;
}

.btn-primary:hover, .btn.btn-primary:hover
{
  color: #ffffff;
  background-color: #363636;
  border-top-color: #363636;
  border-right-color: #363636;
  border-bottom-color: #363636;
  border-left-color: #363636;
}
.btn-Large {font-size: 18px; font-weight: bold; }

/* define xxs version of button */
.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 3px;
  font-size: 10px;
  line-height: 1.25;
  border-radius: 2px;
}

.navbar-btn.btn-xxs {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* custom items 
@media (min-width: 576px)   sm
@media (min-width: 768px)   md
@media (min-width: 992px)   lg
@media (min-width: 1200px)  xl
*/

.text-xs-justify { text-align: justify !important; }

@media (max-width: 769px) {
  .div-sm-only-ctr { margin: 0 auto; }
}
@media (min-width: 576px) {
.text-sm-justify { text-align: justify !important; }
.float-sm-right {	float:right !important; }
.float-sm-left { float:left !important; }
}

@media (min-width: 768px) {
  .text-md-justify { text-align: justify !important; }
  .float-md-right {	float:right !important; }
  .float-md-left { float:left !important; }
}

@media (min-width: 992px) {
  .text-lg-justify { text-align: justify !important; }
  .float-lg-right {	float:right !important; }
   .float-lg-left { float:left !important; }
}

@media (min-width: 1200px) {
  .text-xl-justify { text-align: justify !important; }
  .float-xl-right {	float:right !important; }
	.float-xl-left { float:left !important; }
}

/* change watermark/placeholder font to be darker */
:-moz-placeholder { opacity:4; color: #979797; }  /* Firefox 18- */
::-moz-placeholder { opacity:4; color: #979797; }  /* Firefox 19+ */
::-webkit-input-placeholder {opacity:4!important; color: #979797!important; }
:-moz-placeholder { opacity:4!important; color: #979797!important; }  /* Firefox 18- */
::-moz-placeholder {opacity:4!important; color: #979797!important; } /* Firefox 19+ */


/* --------- Override Bootstrap Defaults END --------------- */
/* --------- Override JQuery-UI-Custom Begin ---------------- */

.ui-widget { font-family: "Times New Roman", Arial, sans-serif; font-size: 1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Times New Roman", Arial, sans-serif; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget-content { border: none; }
.ui-widget-header { background-color: white; background-image: none; border:none;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { background-color: #131313; color:white; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: white; color: #131313; }
 


/*  TIMEPICKER SETTINGS  */
.ui-datepicker { margin-bottom: 8px; border: thin solid grey; }

/* following fixex bootstrap/jquery_UI conflict on close button issue */
.ui-dialog-titlebar-close {
    padding:0 !important;
}
.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(smoothness/images/ui-icons_2e83ff_256x240.png);
    background-position: -97px -129px;
    background-repeat: no-repeat;
}

/* --------- Override JQuery-UI-Custom END ---------------- */



@media print {    
  .no-print, .no-print * { display: none !important; }
}

a:link { color:  #063547; outline-width: medium; outline-style: none;text-decoration:underline; cursor: pointer; }
a:visited { color: #063547;text-decoration:none;  }
a:hover { color:#07648a; text-decoration:underline;}

a.aNoUnderline, a.aNoUnderline:link { color: #063547; outline-width: medium; outline-style: none; text-decoration:none; cursor: pointer;  }
a.aNoUnderline:hover { color: #07648a; text-decoration:none;}
a.aTraditional, a.aTraditional:link, a.aTraditional:visited, .aTraditional { text-decoration:underline; padding-top:7px; padding-left:0px; cursor: pointer;}
a.aTraditional:hover { color:#07648a; }

a.aTraditionalRed, a.aTraditionalRed:link, a.aTraditionalRed:visited, .aTraditionalRed { color:red; text-decoration:underline; padding-top:7px; padding-left:0px; }

.aThemeColor{ color: #063547; }
a.aTheme, a.aTheme:link, a.aTheme:visited, .aTheme{ font-weight:bold; text-decoration:underline; color:#063547; }
a.aTheme:hover{ color:  #07648a;}


/* special Link Class with underline for Print versions of pages.  in case there is not one in stylesheet */
a.aPrint, a.aPrint:link, a.aPrint:visited, a.aPrint:hover, .aPrint { text-decoration: underline; }
.hoverPointer {	 color: #063547; outline-width: medium; outline-style: none; text-decoration:underline; cursor: pointer;  }
.hoverPointerButton { color: #063547; outline-width: medium; outline-style: none; text-decoration:none; cursor: pointer;  }

.editor-label, .editor-label-noxs { display:inline-block; width:150px; height:30px; font-size:12px; font-weight:bold; text-align:left; 
  margin: 0px; padding: 1px 5px 1px 5px;}
.editor-field { display:inline-block; width:250px; font-size:12px; text-align:center; margin: 0px; padding: 1px 5px 1px 5px;}

@media (max-width: 767px) {
  .editor-label-noxs {
    display:none;
  }
}


.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }


.border { border: 1px solid #E19357;  }
.copyright {color:  #063547;}
.footer { color:  #063547; }
.ErrorText, a.ErrorText, a.ErrorText:link, a.ErrorText:hover, a.ErrorText:visited { color: Red; font-size: 14px; text-align: left; font-weight: bold; }
a.ErrorText, a.ErrorText:link, a.ErrorText:hover, a.ErrorText:visited { text-decoration: underline; }
a.ErrorText:hover { color: #c10000; cursor:pointer;  }
.ErrorTextLg, a.ErrorTextLg, a.ErrorTextLg:link, a.ErrorTextLg:hover, a.ErrorTextLg:visited { color: Red; font-size: 20px; text-align: left; font-weight: bold; }
a.ErrorTextLg, a.ErrorTextLg:link, a.ErrorTextLg:hover, a.ErrorTextLg:visited { text-decoration: underline;   }
a.ErrorTextLg:hover { color: #c10000; cursor:pointer;  }
.roundedBorders {  -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	border-color:#E19357;	border-style:solid;border-width:2px;} 
.regularBorders {	border-color:#E19357;	border-style:solid;	border-width:2px;}

/* replace these 
.frmInput{ width: 200px; }

.frmROHiLite{ background-color: #ffe4b5; }
.frmSzXXLg{ width: 300px; }
.frmSzXLg{ width: 250px; }
.frmSzMLg{ width: 125px; }
.frmSzMed{ width: 100px; }
.frmSzSm{ width: 75px; }
.frmSzXSm{ width: 50px; }
*/



.underline { text-decoration: underline; }
.hidden {display:none; }
.blueHilite{color:#4AACC5; }
.blueInverse {color:#FFFFFF; background-color: #131313; }
.bold {	font-weight:bold; }
.padBot4 {	padding-bottom: 4px;	}
.padBot8 {	padding-bottom: 8px;	}
.padBot12 {	padding-bottom: 12px; }
.padBot24 {	padding-bottom: 24px; }
.padBot36 {	padding-bottom: 36px; }
.padTop4 {	padding-top: 4px;	}
.padTop8 {	padding-top: 8px;	}
.padTop12 {	padding-top: 12px;}
.padTop24 {	padding-top: 24px;}
.padTop36 {	padding-top: 36px;}
.removeValue {	color: transparent;	}

.widFull{ width:100%; }
.wid95Pct{ width:95%; }
.wid80Pct{ width:80%; }
.wid75Pct{ width:75%; }
.wid70Pct{ width:70%; }
.widXXXLg{ width:400px; }
.widXXLg{ width:300px; }
.widXLg{ width: 250px; }
.widLg { width: 200px; }
.widLg2 { width: 185px; }
.widMLg{ width: 150px; }
.widMLg2{ width: 125px; }
.widMed{ width: 100px; }
.widMed2{ width: 87px; }
.widSm{ width: 75px; }
.widSm2{ width: 65px; }
.widXSm{ width: 50px; }
.widXXSm2{ width: 37px; }
.widXXSm{ width: 25px; }
.spacer{ height: 5px; }

.textXSm{ font-size: 12px; }
.textSm{ font-size: 14px; }
.textMedSm{ font-size: 15px; }
.textMed{ font-size: 16px; }
.textLg{ font-size: 20px; }
.textLgr{ font-size: 22px; }
.textXLg{ font-size: 26px; }
.textXXLg{ font-size: 36px; }
.textXXXLg{ font-size: 48px; }


.accountRegisterFloatInput { position: relative; top: 50px; max-width: 600px; text-align:center; margin:auto;   padding: 12px; display:block; background-color: white; z-index: 20; }
.accountLoginFloatInput { position: relative; top: 80px; max-width: 300px; text-align:center; margin:auto;  padding: 12px; display:block; background-color: white; z-index: 20; }
.centeredOverlayDiv { position: absolute; top:0; bottom:0; height:100%; width:100%;  text-align:center; }
.centeredOverlayHelper { display: inline-block;  height: 100%;  vertical-align: middle; }
.vendorPartnerBannerOverlayImage {  position: relative; vertical-align:middle; display: inline-block; text-align:center; height: 50%; z-index: 20;  opacity: 1.0;  }
 

.bannerImageDiv { position:relative; width:100%; }
.bannerImage {  width:100%;height:100%; max-height:400px; object-fit: cover; }
.bannerLoginImage {  width:100%; height:500px; object-fit: cover; }
.bannerRegisterImage {  width:100%; height:870px; object-fit: cover; }
.bannerTitleLg { font-size:24px; font-weight:bold; color:white; }
.bannerTitleMed { font-size:16px; font-weight:bold; color:white; }

.maTitleXXXLg { font-size:48px; font-weight:bold; color:#131313;}
.maTitleXXLg { font-size:36px; font-weight:bold; color:#131313;}
.maTitleXLg { font-size:24px; font-weight:normal; color:#131313;}
.maTitleLg { font-size:20px; font-weight:bold; color:#131313;}
.maTitleMed { font-size:18px; font-weight:normal; color:#131313; }
.maTitle { font-size: 16px;font-weight:bold; color:#131313; }
.maBodyTxt { color:#131313; }

.adminTitle { font-weight:bold; font-size:16px; }
.adminTitleLg { font-weight:bold; font-size:20px; }

.btn.tourTypeCaption { font-size: 22px; font-weight: bold; color: white; background-color: #131313;}
.tourTypeCaption, a.tourTypeCaption, a.tourTypeCaption:link, a.tourTypeCaption:active, a.tourTypeCaption:visited { font-size: 22px; font-weight: bold; color: #131313; text-decoration:none; }
a.tourTypeCaption:hover { text-decoration:underline; }


.tourListRtCol { padding-left:0px; padding-right:50px; }
.tourGroupRtCol { padding-left:0px; padding-right:50px; }

@media (min-width: 1200px) {
  .tourListRtCol, .tourGroupRtCol { padding-left:30px; }
}

#tourFilterWindow {
 
	padding: 10px 5px 6px 5px; 
	font-size:12px; 
	margin: 0 auto; 
	width:95%;
  background-colorXXX: #cecece;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
	border-color: #eeeeee;
	border-style:solid;
	border-width:1px;
} 

#tourFilterWindow > .row, #tourFilterDescriptors > .row { height:22px; }
.tourFilterTitle  { font-size:16px; font-weight:bold; }
.tourFilterText, .tourFilterText input, .tourFilterText label { font-size:16px; }
a.tourFilterNavIcon, a.tourFilterNavIcon:link, .tourFilterNavIcon { cursor: pointer; text-decoration: none; font-weight:100; font-size:16px; padding: 0 1px 0 1px; 
	border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f2d8c6;
  border-top-color: #ebb287;
  border-right-color: #ebb287;
  border-bottom-color: #ebb287;
  border-left-color: #ebb287;
  border:1px;
 }

a.tourFilterNavIcon:hover, a.tourFilterNavIcon:focus
{
  color: #333333;
  background-color: #f2d8c6;
  border-top-color: #ebb287;
  border-right-color: #ebb287;
  border-bottom-color: #ebb287;
  border-left-color: #ebb287;
}

.airEditDiv {height: 35px;	}
.airEditDiv select, .airEditDiv input {height: 28px;	}
#AirTableOut th, #AirTableIn th {text-align: left;}
#AirTableOut tr, #AirTableIn tr {height: 35px;}
.airEditDiv .DateTimePicker {	width: 95px;}
.airEditCombo { width:175px;}
.airEditTime { width:80px;}
.airEditDiv .DateTimePicker {	width: 74px; font-size:12px;font-family: arial; }
@media (min-width: 768px ) {
	.airEditCombo {	width:250px; }
}
@media (min-width: 1200px ) {
	.airEditCombo { width:98%; }
	.airEditDiv .DateTimePicker {	width: 84px;}
	.airEditTime { width:70px;}
}

	
/* ABOVE - definitely in use   */


.tourListItineraryContainer { padding-top: 12px; padding-bottom:20px; }
.tourListTitle{ font-size:20px; font-weight: bold; margin: 5px 0px 0px 0px; }
.tourListDescriptionContainer { position: relative; min-height: 160px; max-width:736px; float:left; font-size: 13px; text-decoration: none; font-weight: normal; text-align: left;
  padding: 0px; margin: 0px; }
  
.tourListImageContainer { float:left; padding: 0px; margin-right: 14px; width: 265px; min-height: 175px; }
.tourListItem { position: relative; left: 1px; min-height: 190px; margin: 10px 7.5px 0px 7.5px; padding: 0px; }

.tourTypeBox{ padding: 50px 15px 20px 15px; display:inline-block; }

a.tourListDateLink { font-size: 16px; line-height:14px; color: #131313; text-decoration: none; font-weight: normal; text-align: left; }
a.tourListDateLink:hover { color: Red; text-decoration: underline; }
.tourListItineraryLink, a.tourListItineraryLink, a.tourListItineraryLink:link, a.tourListItineraryLink:visited { font-size: 24px; line-height:18px; color: #131313; text-decoration:underline; }
a.tourListItineraryLink:hover { color: Red; text-decoration: underline; }

a.tourGroupDateLink { font-size: 16px; line-height:18px; color: #131313; text-decoration:underline; }
a.tourGroupDateLink:hover { color: Red; text-decoration: underline; }
@media (min-width: 576px) {
	.tourListGridContainer { text-align: center; padding-top: 12px; padding-bottom:20px; }
}
.tourListGridContainer { text-align: center; }
.tourListGridImage, a.tourListGridImage, a.tourListGridImage:link, a.tourListGridImage:visited { width:100%; padding-bottom:10px; }
.tourListGridInfo { width:100%; padding-bottom:12px; }
.tourListGridTourNameLink, a.tourListGridTourNameLink, a.tourListGridTourNameLink:link, a.tourListGridTourNameLink:visited { font-size: 24px;  color: #003398; text-decoration:none;  }
a.tourListGridTourNameLink:hover { color: Red; }
.tourListGridDateRange { font-size: 18px; line-height:14px; color: #131313; font-weight: bold;}
.tourListGridHighlightCopy { font-size: 14px; line-height:14px; color: #131313; font-weight: normal;}
.tourListGridMonthTitle {	font-size:36px; color: #131313; font-weight: bold; text-transform: uppercase; padding: 36px 0 20px 0;}

.tourDetailImageContainer { text-align:center; vertical-align:top;}

/* 8/17/2020 Remove all sizing of images in tour publishing */	
.tourDetailBodyRt { text-align:left; vertical-align:top; margin-left: 8px; }  /* max-height: 500px; overflow:auto;  */

@media (min-width: 1200px) {
	.tourDetailBodyRt {	padding-left: 40px;	}
}


/* 8/17/2020 Remove all sizing of images in tour publishing */		
.tourTypeImage { width:75%; }  
.tourListImage {  width:75%; }  
.tourGroupImage { width:75%; }  
.tourDetailImage { width:75% } 
.vendorPartnerLogo { width:75%; }

/* 8/17/2020 Remove all sizing of images in tour publishing */	
@media (min-width: 576px) {
	.tourTypeImage{ width:85%; } /*  22 added for borders of DropShadow */
	.tourListImage {  width:98%; }  
	.tourGroupImage { width:98%; }  
	.vendorPartnerLogo { width:85% } 
}

@media (min-width: 992px) {
	.tourDetailImage { width:98% } 
}

/*  jquery dialog box for help popups */

/* 
UPDate this AS OF 1/23/2020  chg z-index to 10000
*/
.dialog-box {
  /* css3 drop shadow */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* css3 border radius */
 -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	
  background:#eee; border-color:#F5BABD; position:absolute; z-index:10000; display:none;  }
.dialog-title {font-size:18px; font-weight:bold; color:#131313; padding-bottom: 10px; }
.dialog-content { text-align:center; padding:10px; margin:13px; color:#131313; font-size:16px; overflow:auto; }
.dialog-content p {  margin:0;}
.dialog-content ul { margin:10px 0 10px 20px; padding:0; height:50px;}


 /* Remove X close on all dialog boxes */
.ui-dialog-titlebar-close { visibility: hidden; }

/*  END jquery dialog box for help popups */
/* Jquery-Confirm theme BEGIN */
/* https://craftpip.github.io/jquery-confirm/themes.html */
.jconfirm.jconfirm-custom-theme .jconfirm-bg { background:black; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.jconfirm.jconfirm-custom-theme .jconfirm-box { text-align:center; background:#eee; -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	border-color:#F5BABD; 
border-style:solid;	border-width:2px; padding: 12px;}
.jconfirm.jconfirm-custom-theme .jconfirm-box.loading{}
.jconfirm.jconfirm-custom-theme .jconfirm-box.loading:before{}
.jconfirm.jconfirm-custom-theme .jconfirm-box.loading:after{}
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-closeIcon{}
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-title-c{ text-align:center; }
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-content-pane{}
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-content{ color:#003398; font-size:16px;}
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-title { font-size:18px; font-weight:bold; color:#003398;}
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-content{ color:#003398; }
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-buttons{ text-align:center; }
.jconfirm.jconfirm-custom-theme .jconfirm-box .jconfirm-buttons button { color: #ffffff; background-color: #003398; border-color: #002368; }
/* Jquery-Confirm theme END */

/*  
  Actual Dialog boxes need to have background and elements at higher z-index than MY dialog forms, so that they cover them.  
  So non-dialog box dialog forms need to havce z-index above 100 and lower than 500 and use background class background_overlayIntermediate
 */
.background_overlay, .background_overlayIntermediate, .background_overlayIntermediate2 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background:black; 
  display:none; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.background_overlay { z-index: 500; }
.background_overlayIntermediate { z-index: 100; }
.background_overlayIntermediate2 { z-index: 205; }
#ajaxResult { display:none; }
.ajaxResult { display:none; }

/*  AUTHORIZE.NET Credit Card Iframe Begin  */
#divAuthNetProfilePopup {position: absolute; display:none; z-index: 200;	overflow: auto;}
#divAuthNetChargePopup {position: absolute; display:none; z-index: 200;	overflow: auto;}
#iframeAuthNetCharge { width:320px; height:480px;}
#iframeAuthNetProfile { width:320px; height:480px;}	
@media (min-width: 768px) {
	#iframeAuthNetCharge { width:800px; height:850px;}
	#iframeAuthNetProfile { width:800px; height:850px;}
}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupOuter, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupOuter {	background-color: #dddddd;	border-width: 1px;	border-style: solid;	border-color: #a0a0a0 #909090 #909090 #a0a0a0;	padding: 4px;}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupTop, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupTop {height: 23px;}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupClose, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupClose {	position: absolute;	right: 7px;	top: 7px;}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupClose a, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupClose a {background-repeat: no-repeat;	height: 16px;	width: 16px;	display: inline-block;}
/* 	from above, this one line removed 	background-image: url('content/closeButton1.png'); */
/*
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupClose a:hover {	background-image: url('content/closeButton1h.png');}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupClose a:active {	background-image: url('content/closeButton1a.png');}
*/

.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupInner, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupInner {	background-color: #ffffff;	border-width: 2px;	border-style: solid;	border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupBottom, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupBottom {	height: 30px;}
.AuthorizeNetPopupGrayFrameTheme .AuthNetChargePopupLogo, .AuthorizeNetPopupGrayFrameTheme .AuthNetProfilePopupLogo {position: absolute;	right: 9px;	bottom: 4px;	width: 200px;	height: 25px;}
/* 	background-image: url('content/powered_simple.png');  */
.AuthorizeNetPopupSimpleTheme .AuthNetChargePopupOuter, .AuthorizeNetPopupSimpleTheme .AuthNetProfilePopupOuter {	border: 1px solid #585858;	background-color: #ffffff;}
.AuthNetChargePopupCloseBtnDiv, .AuthNetProfilePopupCloseBtnDiv { text-align: center; width:50%; margin: 0 auto; }
/*  AUTHORIZE.NET Credit Card Iframe End  */
/*  STRIPE Credit Card Iframe Begin  */
#divStripeChargePopup {position: absolute; display:none; z-index: 200;	overflow: auto; padding:20px; margin:20px; }
#iframeStripeCharge { width:420px; height:550px; padding:20px; margin:20px;}
@media (min-width: 768px) {
	#iframeStripeCharge { width:800px; height:850px;}
}
.StripePopupFrameTheme .StripeChargePopupOuter {	background-color: #dddddd;	border-width: 1px;	border-style: solid;	border-color: #a0a0a0 #909090 #909090 #a0a0a0;	padding: 4px;}
.StripePopupFrameTheme .StripeChargePopupTop  {height: 23px;}
.StripePopupFrameTheme .StripeChargePopupClose {	position: absolute;	right: 7px;	top: 7px;}
.StripePopupFrameTheme .StripeChargePopupClose a  {background-repeat: no-repeat;	height: 16px;	width: 16px;	display: inline-block;}
.StripePopupFrameTheme .StripeChargePopupInner {background-color: #ffffff;	border-width: 2px;	border-style: solid;	border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;
min-width:420px; min-height:550px; padding:10px;  }
.StripePopupFrameTheme .StripeChargePopupBottom {	height: 30px; padding:top:20px; text-align:center;}
.StripeChargePopupOuter {	border: 1px solid #585858;	background-color: #ffffff;}
/*  STRIPE Credit Card Iframe End  */
/*  ArcPay Credit Card Iframe Begin  */
#divArcPayChargePopup {position: absolute; display:none; z-index: 200;	}
@media (min-width: 768px) {
	#iframeArcPayCharge { width:800px; height:auto}
}
.ArcPayPopupFrameTheme .ArcPayChargePopupOuter {	background-color: #dddddd;	border-width: 1px;	border-style: solid;	border-color: #a0a0a0 #909090 #909090 #a0a0a0;
	padding: 4px;}
.ArcPayPopupFrameTheme .ArcPayChargePopupTop  {height: 23px;}
.ArcPayPopupFrameTheme .ArcPayChargePopupClose {	position: absolute;	right: 7px;	top: 7px;}
.ArcPayPopupFrameTheme .ArcPayChargePopupClose a  {background-repeat: no-repeat;	height: 16px;	width: 16px;	display: inline-block;}
.ArcPayPopupFrameTheme .ArcPayChargePopupInner {background-color: #ffffff;	border-width: 2px;	border-style: solid;	border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;
min-width:420px; min-height:550px; padding:10px;  }
.ArcPayPopupFrameTheme .ArcPayChargePopupBottom {	height: 30px; padding:top:20px; text-align:center;}
.ArcPayChargePopupOuter {	border: 1px solid #585858;	background-color: #ffffff; overflow: auto; max-height:90%; width:520px; height:auto; padding:20px; margin:20px; }
/*  ArcPay Credit Card Iframe End  */
/*  Clover-Fiserv Credit Card Iframe Begin  */
#cloverContainer { position: absolute; display:none; z-index: 200; background-color: #FFFFFF;  -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	
  box-shadow: 0 0 6px 0 rgba(141,151,158,0.2); padding: 24px;	margin: 0 auto; width: 300px; height: auto; 	}
#cloverContainer * { font-size: 16px;	}
#cloverContainer .form-row {	display: flex;	flex-direction: row;	flex-wrap: wrap;	justify-content: space-between;	}
#cloverContainer .form-row.top-row {	margin-top: 16px;	}
#cloverContainer .input-errors {	font-size: 12px;	position: absolute;	margin-left: 5px;	margin-top: 54px;	color: red;	}
#cloverContainer .form-row .field {	box-sizing: border-box;	border: 1px solid #DEE0E1;	border-radius: 3px;	height: 55px;	margin-bottom: 30px;	padding: 14px;	width: 100%;}
#cloverContainer .button-cloverContainer {	display: flex;	flex-direction: row;	justify-content: center;	}
#cloverContainer .button-cloverContainer button {	background-color: #003398;	border: none;	border-radius: 3px;color: #FFFFFF; display: block;	
	height: 38px;	width: 300px;	}
#cloverContainer #payment-request-button {	width: 300px;	height: 40px;	margin: 0 auto;	}
#cloverContainer .form-row .field.full-width {	width: 460px;	}
#cloverContainer .form-row .field.third-width {	width: 218px;	}
#cloverContainer .hr {	width: 100%;	height: 10px;	border-bottom: 1px solid black;	text-align: center;	margin: 20px 0;}
#cloverContainer .hr span {font-size: 10px;background-color: #FFF;padding: 0 10px;	}
/*  Clover-Fiserv Credit Card Iframe End  */
/*  CardPointe-Fiserv Credit Card Iframe Begin  */
#CardPointeContainer { position: absolute; display:none; font-size:16px; z-index: 200; background-color: #FFFFFF;  -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	
  box-shadow: 0 0 6px 0 rgba(141,151,158,0.2); padding: 24px;	margin: 0 auto; width: 300px; height: auto;	}
#CardPointeContainer .button-CardPointeContainer {	display: flex;	flex-direction: row;	justify-content: center;	}
#CardPointeContainer .button-CardPointeContainer button {background-color: #003398;	border: none;	border-radius: 3px;color: #FFFFFF; display: block;	
	height: 38px;	width: 300px;	}
#tokenform { text-align:center; }
/*  CCardPointe-Fiserv Credit Card Iframe End  */
#confirmCCFee { position: absolute;	border: 5px solid gray;	padding: 10px;	background: white;	width: 400px;	height: 250px; z-index: 200; }
.ccFeeTitleDiv { display: inline-block; width: 200px;	font-weight: bold; text-align: left;	}
.ccFeeValueDiv { display: inline-block; width: 75px;	text-align: right;	}
.timeoutBtn {padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; border: 1px solid transparent; border-radius: 4px; background-color: #428bca; color: #FFF;}


.popupBox { padding: 24px; background-color: #e0e0e0; color: #343434; display:none; position: absolute; z-index:200; }

.inputPopupForm, .inputPopupForm2  {position: fixed;	border: 5px solid gray;	background-color: white; display:none; overflow-y: auto;
  max-width:95%; max-height:95%;  margin:auto; padding: 12px;  -moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius:12px;	}  /* padding: 20px;  */
.inputPopupForm {	z-index: 200; }
.inputPopupForm2 { z-index: 210;	}
@media (min-width: 768px) {.inputPopupForm, .inputPopupForm2 {	 max-height: 75%; max-width:75%; left: auto; top:auto;} }  /*    */
@media (min-width: 992px) {.inputPopupForm, .inputPopupForm2 {	max-width:800px; left: auto; top:auto; }  }   /*    left: auto;  top:auto; */
@media (min-width: 1200px) {.inputPopupForm, .inputPopupForm2 {max-width:1000px; left: auto; top:auto; }  }   /*    left: auto;  top:auto; */


#popupPreviewEmailForm {	width: 95%; max-width:600px;  padding: 0px;	background-color: white; }
#popupEmailForm {	width: 95%; max-width:600px;  padding: 0px;	background-color: white; }
#popupEmailForm .form-control {	background-color: transparent !important;	width: 100% !important;	}
#popupEmailForm .form-control > text {	height: 52px !important;}
#popupEmailForm div.form_input-dynwmark, #popupEmailForm .form_input-dynwmark > input, #popupEmailForm .form_input-dynwmark > select {	width: 100% !important;}
#btnPopupEmailCancel, #btnPopupEmailCopyClip, #btnPopupEmailPreview, #btnPopupEmailSend {	width: 150px; }
@media (min-width: 576px) {
	#btnPopupEmailCancel, #btnPopupEmailCopyClip, #btnPopupEmailPreview, #btnPopupEmailSend {	width: auto; }
}
#ContactUsDiv {display:inline-block; padding:20px; width:500px; height:470px; background-color: white;}
#ContactUsDiv .form-control {background-color: transparent !important;	width: 100% !important;	}
#ContactUsDiv .form-control > text {	height: 52px !important;}
#ContactUsDiv div.form_input-dynwmark, #ContactUsDiv .form_input-dynwmark > input, #ContactUsDiv .form_input-dynwmark > select {	width: 100% !important;}
/*   UNKNOWN beyond this point whether in use or not  */
a.aMyAccountLinks, a.aMyAccountLinks:link, a.aMyAccountLinks:visited { font-size: 13px; font-weight: bold; color: #666666; text-decoration: none; }
a.aMyAccountLinks:hover, a.aMyAccountLinks:active  { color: red; text-decoration: underline; }
a.nav-item.nav-link.aSubnavLinks:link,  a.nav-item.nav-link.aSubnavLinks:visited, .nav-item.nav-link.aSubnavLinks, .aSubnavLinks  { color: #131313; font-size: 20px; font-weight: bold; text-decoration: none; }
a.nav-item.nav-link.aSubnavLinks:hover, a.nav-item.nav-link.aSubnavLinks:active { font-style: italic; }
a.FootNoteLg, a.FootNoteLg:link, a.FootNoteLg:visited { font-size: 16px; font-weight: bold; color:  #063547; text-decoration: underline; }
a.FootNoteLg:hover { color: #063547; }

/* jsLink is for using buttons as links for launching javascript */
.jsLink{ display: inline-block; position: relative; background-color: transparent; cursor: pointer; border: 0; padding: 0; color: #131313; text-decoration: underline; }
.jsLink:hover { color: #0000FF; }


textarea{ color: #666; font-size: 14px; font-weight: normal; }

#tblFooter td { height: 16px; }
#tblHeader td { vertical-align: middle; text-align: center; padding-left: 10px; padding-right: 10px; font-weight: bold; }

.bannerDiv { width:100%; height:40px; padding-top: 0px; margin-top:0px; text-align:center; color:#FFFFFF; background-color: #063547; }
.bannerTitleMed { padding: 9px 12px 0px 0px; }
/*  Honeypot css */
.importantItem { display: none; position: absolute;  left: -9999px; }

.StandardSelect{ width: 100px; }  /* replaced to stop select size from affecting all select tags 11/14/13 */
.field-validation-error { font-weight: bold; color: #ff0000; font-size: 12px;}
.field-validation-valid { display: none; }
.formContainer{ background-color: Transparent; padding-right: 18px; padding-left: 100px; padding-bottom: 0px; margin-top: 25px; width: 374px; padding-top: 0px; }
.formContainer INPUT{ color: #666; font-size: .7em; font-weight: normal; width: 200px; margin-bottom: 10px; }
.formLabel{ color: #666; font-size: .7em; font-weight: normal; width: auto; vertical-align: top; }
.formLabelError{ color: Red; font-size: .7em; font-weight: normal; width: auto; vertical-align: top; }
.heading_orange { color: #C3122F; text-decoration: none; font-size: 12px; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.newAccountLeftPanel{ background-color: Transparent; border-right: #ccc 0px solid; padding-right: 18px; padding-left: 25px; padding-bottom: 50px; margin-top: 15px; width: 446px; padding-top: 0px; min-height: 300px; border-right: #ccc 1px solid; }
.NoticeText{ color: Red; font-size: 10px; text-align: left; font-weight: bold; }
.FootNoteText, .FootNote { font-size: 12px; }
.FootNoteLg{ font-size: 16px; font-weight: bold; color: #585858; }
.formData { font-size: 13px; color: #000000; font-weight: normal; text-align: left; background-color: #DCDCDC; }
.formDataLight { font-size: 13px; color: #50543E; background-color: #DEE2CA; }
.formDataSm { font-size: 12px; color: #000000; font-weight: bold; text-align: center; background-color: #DCDCDC; border-bottom: 1px solid #4c4d4c; }
.formDataSmClear { font-size: 12px; color: #50543E; font-weight: bold; text-align: center; }
.formDataWhite { font-size: 13px; color: #50543E; background-color: #ffffff; }
.formDataShade1 { font-size: 13px; color: #50543E; background-color: #E0E0E0; }
.formHeader { font-size: 18px; color: #000000; font-weight: bold; text-align: left; padding: 10px 0px 10px 0px; background-color: #DCDCDC; }

.formGroupHeader { font-size: 16px; color: #000000; font-weight: bold; text-align: left; padding: 4px 0px 4px 0px; background-color: #DCDCDC; }

.formTitle { font-size: 14px; color: #000000; font-weight: bold; text-align: left; vertical-align: top; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; }
.formTitleLg { font-size: 18px; color: #000000; font-weight: bold; padding-top: 5px; padding-bottom: 5px; text-align: left; vertical-align: top; background-color: #DCDCDC; }
.formTitleSm { font-size: 12px; color: #000000; font-weight: bold; padding-top: 5px; padding-bottom: 5px; text-align: left; vertical-align: top; background-color: #DCDCDC; }
.formTitleWhite { font-size: 13px; font-weight: bold; font-weight: bold; color: #50543E; text-align: left; vertical-align: top; background-color: #ffffff; }
.formTitleShade1 { font-size: 13px; font-weight: bold; font-weight: bold; color: #50543E; text-align: left; vertical-align: top; background-color: #E0E0E0; }
.required{ padding-right: 2px; font-weight: normal; font-size: .7em; color: red; }
.txt12white { font-size: 14px; color: #FFFFFF; }
.txtfield { font-size: 13px; height: 16px; border: 1px solid #666666; }


.imageDropShadow { padding: 10px; border: solid 1px #CCC; -moz-box-shadow: 5px 5px 4px #999; -webkit-box-shadow: 5px 5px 4px #999; box-shadow: 5px 5px 4px #999; }
a:hover img.imageDropShadow { border: solid 1px #CCC; }
.imageFade { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
a:hover img.imageFade { opacity: 0.6; /* 	filter: alpha(opacity=60);  */ }

.changeAuditTbl th { font-weight: bold; text-align:center; }
.changeAuditTbl td { font-weight: normal; text-align:left; }
.changeAuditDiv { font-weight: normal; text-align:left; }

.compTypeContainer { width:100%; padding:5px 0 5px 8px; margin-bottom:12px; margin-left:0px; }
.componentContainer { margin:12px 0 12px; }
.compPrice { font-size: 20px; font-weight: bold; padding: 2px; display:inline-block; }
.compPriceUnit { font-size: 14px; font-weight: bold; display:inline-block;}
 
#btnCC-AllowAll, #btnCC-Block3rdParty, #btnCC-OpenSettings { width:30%}
#cookiesOnDiv { margin: 0 auto; width:100%;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.cookiesOffAlert { display:inline-block; width: 400px; min-height:100px; padding:35px 20px 35px 80px; margin-top:20px; margin-bottom:20px; font-size: 16px; font-weight: bold; color: #ff3131; 
background-repeat: no-repeat;background-image: url('/resources/images/alert-50.png'); background-color:#ffffff; background-position: 15px;
 -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;	border-color:#ffcc33;border-style:solid;	border-width:2px;   }

#CookieConsentForm {	max-width: 800px;	width:90%; max-height:90%; padding: 8px;z-index: 520;	position: absolute; overflow: auto;	background: white;
  -moz-border-radius: 12px;	-webkit-border-radius: 12px;	border-radius: 12px;	border-color: white;	border-style: solid;	border-width: 2px;}
#CookieConsentForm .resp-tabs-container {	max-height: 220px;  overflow: auto;}
@media (min-width: 576px) {
	#CookieConsentForm .resp-tabs-container {	max-height: 220px; }
}
@media (min-width: 768px) {
	#CookieConsentForm .resp-tabs-container {	max-height: 400px; }
}
.ccDetailTabTable {	width: 95%;}
.ccDetailTabTitle {color: white;	background-color: #003398;	width: 100%;}
.ccDetailTabTitle th {text-align: left;}
#ccBackground_overlay {	position: fixed;left: 0px;	top: 0px;width: 100%;height: 100%;	background: #00032B;	display: none;	filter: alpha(opacity=80);	
  -moz-opacity: 0.8;-khtml-opacity: 0.8;	opacity: 0.8;	z-index: 510;	}


#dialogUploadDocFrm{ overflow: hidden; }
#dialogUploadDocFrm .filesDiv {	text-align: center !important;outline: 2px dashed #92b0b3;outline-offset: -10px;	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
transition: outline-offset .15s ease-in-out, background-color .15s linear;	padding: 40px 0 45px; border: thin solid black;	width: 360px; height:200px;  margin: 0 auto; position:relative; }
#dialogUploadDocFrm #filesText { font-size:16px; padding-top:25px; }
#dialogUploadDocFrm input[type="file"] {	opacity: 0; position:absolute; top:0;left:0; width: 360px; height:200px; 	}	
		
#docMgtBody input[type="file"] {	opacity: 0; position: absolute; top:0; left:0; height: 206px; width: 357px;	}
#docMgtBody select, #docMgtBody input, #docRenameForm select, #docRenameForm input, #searchDocTitleForm select, #searchDocTitleForm input {font-size: 16px;}

#docMgtBody .filesDiv {	text-align: center !important;outline: 2px dashed #92b0b3;outline-offset: -10px;	
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;	
  transition: outline-offset .15s ease-in-out, background-color .15s linear;padding: 40px 0 45px;border: thin solid black;
  margin: 0;width: 100% !important;position:relative;}
#docMgtBody #filesText { font-size:16px; padding-top:25px; }

#docMgtBody #associatedFilesDivOuter {	padding: 0 16px 20px 16px; background-color: #ECECEC;}
#docMgtBody #associatedFilesDiv { padding-top:6px; min-height: 700px; max-height: 1400px; overflow-x: hidden; overflow-y: auto; }
#docMgtBody #associatedFilterDiv {padding: 0 6px 20px 6px;}
#docMgtBody .assocFilterBlock {display: inline-block;	width: 24%;	}
#docMgtBody .assocFilterBlockTitle {font-weight: bold;font-size: 16px;}

#docMgtBody .assocFileImg { width: 100%;cursor: pointer;}
#docMgtBody .assocFileImgDiv { padding-bottom: 10px;	}
#docMgtBody .assocFileDtl { font-size: 14px;	}
#docMgtBody #assocFileDtlTable { width:100%; }                                  /* padding-left: 20px; */
#docMgtBody .assocFileDtlDiv { padding-bottom: 0px; cursor: pointer;	}

.assocFileDtlDiv td, .summaryDtlDiv td { font-size: 14px;}
.summaryDtlItemDisabled {color: #92b0b3;}

#docMgtBody #assocTourSearchSpan {display: none;}
#docMgtBody #documentTourSearchSpan {display: none;}
#docMgtBody .fileFilterSection {	background-color: #DADADA;	}

#docMgtBody .summaryFilterBlock {font-weight: bold;font-size: 16px; }

#docMgtBody #uploadFilesDivOuter {	background-color: #ECECEC;	padding: 6px;	min-height: 969px;}

#docMgtBody #summaryOuterDiv {padding: 0 6px 20px 6px; overflow-x: hidden;	overflow-y: auto;	}
#docMgtBody #summaryDiv { min-height: 152px; background-color: #ECECEC;}
#docMgtBody #viewSummaryOptionsDiv { padding-top:4px; padding-bottom:0px; }
#docMgtBody #summaryDtlTable { width:100%; padding-left: 20px;}
#docMgtBody .summaryDtlDiv {font-size: 16px; padding-bottom: 0px; }
#docMgtBody .summaryFileImgDiv {	padding-bottom: 10px;	}
#docMgtBody .summaryFileImg {	width: 100%;} 
 
#documentInfoForm { width:475px; padding: 10px 0 10px; display:none; }
#documentContextMenu.contextMenu { width: 190px; background-color: #FFFFFF; color: #1A1A1A; padding-left: 10px;	}

.contextMenu {
  /* css3 drop shadow */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* css3 border radius */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:#eee; position:absolute; z-index:10000; display:none;  }
.contextMenu-content { text-align:left; padding: 6px 10px 10px 6px;  color:#003398; font-size:14px; overflow:auto; }
.contextMenu:focus {outline: none;}
.contextMenu-content div {	padding-top: 5px;	}
.contextMenu-content a {	left: 40px;	position: absolute;	font-size: 14px;	font-weight: bold;	}
.contextMenu-content p {  margin:0;}
.contextMenu-content ul { margin:10px 0 10px 20px; padding:0; height:50px;}
/*  Tour Msg Group Text messaging forms */
.TourMsgPopup  { position: fixed; border: 5px solid gray; background-color: white; left: auto; top: auto; display: none; z-index: 200; }
#TourMsgMessageRecipientsListDiv td, 
#TourMsgMessageRecipientsListDiv th, 
#TourMsgMessengerSelectListDiv td, 
#TourMsgMessengerSelectListDiv th, 
#TourMsgInviteRecipientsListDiv td, 
#TourMsgInviteRecipientsListDiv th {
	 padding-left: 6px; padding-right: 6px; font-size: 16px;
}
#TourMsgMainArea { padding: 4px 28px 10px 10px; }
#TourMsgMessageSection, #TourMsgRecipientSection { height: 400px; overflow-x: auto; border: 1px solid gray; margin-bottom: 2px; }
#TourMsgMessengerSection { height: 250px; overflow-x: auto; border: 1px solid gray; width: 100%; }
#tblTourMsgRecipients, #tblTourMsgMessages, #tblTourMsgMessengers, #TourMsgMessengerSelectTbl, #TourMsgInviteRecipientsTbl { width: 98%; }
#TourMsgMessengerSelectPopup {  height: 500px; width: 550px; }
#TourMsgMessengerSelectListDiv { height: 380px; overflow-y: auto; border: solid thin; overflow-x: auto; }
#TourMsgMessageRecipientsListDiv { height: 430px; overflow-y: auto; border: solid thin; overflow-x: auto; }
#TourMsgMessageRecipientsList {  height: 550px; }
#TourMsgInviteRecipientsPopup { height: 750px; }
#TourMsgInviteRecipientsListDiv { height: 575px;  overflow-x: auto; } /*height: 575px; */
		
@media (min-width: 576px) 
{
	#TourMsgMessageRecipientsList { width: 520px; }
	#TourMsgInviteRecipientsPopup { width:520px; }
}

@media (min-width: 768px) 
{
	#TourMsgMessageRecipientsList { width: 600px; }
	#TourMsgInviteRecipientsPopup { width:700px; }
}
@media (min-width: 992px) 
{
	#TourMsgInviteRecipientsPopup { width:800px; }
}
/*  END OF Tour Msg Group Text messaging forms */
/*  Begin New Viatour Standard html table look/feel */
.stdDataTblDiv {	border: 1px solid gray;	}
/*  END New Viatour Standard html table look/feel */
/* Easy-Responsive-Tabs  BEGIN */
ul.resp-tabs-list { margin: 0px; padding: 0px;  }

h2.resp-accordion { cursor: pointer; display: none; border-top-left-radius: 6px; border-top-right-radius: 6px; 
  font-size: 16px; border: 1px solid #d3d3d3; border-top: 0px solid #d3d3d3; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active { border-bottom: 0px solid #d3d3d3 !important; margin-bottom: 0px !important; padding: 10px 15px !important; color: #131313 !important; background-color: #d3d3d3 !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #d3d3d3 !important; background: #131313 !important; }

.resp-tabs-list li { font-weight: normal; font-size: 16px; display: inline-block; height:36px; padding: 2px 15px; margin: 2px 1px 0 1px; list-style: none; cursor: pointer; float: left; 
  	border-top-left-radius: 6px; border-top-right-radius: 6px; }
.resp-tabs-container { border: 1px solid #d3d3d3; padding: 0px; background-color: #fff; clear: left; }
.resp-tab-content { font-weight: normal; display: none; padding: 15px; }
.resp-tab-item { border: 1px solid #d3d3d3; border-bottom: none; margin-bottom: -1px !important; padding: 4px 14px 14px 14px !important; color:white !important; background-color: #131313 !important;}
.resp-tab-active { border: 1px solid #131313; border-bottom: none; margin-bottom: -1px !important; padding: 4px 14px 14px 14px !important; color: #131313 !important; background-color: #d3d3d3 !important; }

.resp-content-active, .resp-accordion-active { display: block; }

/* Identifiers to override default resp-tabs */
#portalTripsTabs {}
#portalTripsTabFuture {}
#portalTripsTabPast {}

#portalTravInfoTabs {}
#portalTravInfoTabPref {}
#portalTravInfoTabMedPPort {}
#portalTravInfoTabPPort {}
#portalTravInfoTabMed {}
#portalTravInfoTabEmerg {}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #d3d3d3; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active { border: 1px solid #d3d3d3; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #d3d3d3; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #d3d3d3 }

/*-----------Accordion styles-----------*/
h2.resp-tab-active { color: #131313 !important; background-color: #d3d3d3 !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #d3d3d3; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #d3d3d3 !important; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #d3d3d3 !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 767px) {
	ul.resp-tabs-list { display: none; }
	h2.resp-accordion { display: block; color:white !important; background-color: #131313 !important;}
	.resp-vtabs .resp-tab-content { border: 1px solid #d3d3d3; }
	.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
	.resp-accordion-closed { display: none !important; }
	.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #d3d3d3 !important; }
}

/* Easy-Responsive-Tabs  END */


/* Dynamic Watermark Controls BEGIN 
These Should same for all clients.      rgba(0, 0, 0, 0.9)  */
div.form_input-dynwmark { position: relative; display: inline-block; background: white;  vertical-align: middle;	-webkit-box-sizing: border-box;	box-sizing: border-box; }
div.form_input-dynwmark .label-dynwmark {vertical-align: baseline; background: transparent; font-size: 18px;line-height: 20px;font-weight: 400;color: #c2c2c2; z-index: 1; position: absolute;
  display: block; top: 3px; left: 0;padding: 14px 0 0 12px;margin: 0;-webkit-transition: .2s all;transition: .2s all }

.form_input-dynwmark > input, .form_input-dynwmark > select { font-size: 18px; line-height: 20px; font-weight: 400; background:white; color: rgba(0, 0, 0, 0.9); 
position: relative; z-index: 2;height: 52px; width: 250px;}
.form_input-dynwmark > input {	padding: 28px 12px 6px;	}
.form_input-dynwmark > select {	padding: 15px 12px 6px;	}

/* for select inputs, the required attribute is what triggers the valid/invalid attribute. 1st item disabled and empty to accomodate this  */
div.form_input-dynwmark.disabled-dynwmark > label, div.form_input-dynwmark > input:focus + label, div.form_input-dynwmark > input:valid + label, 
  div.form_input-dynwmark > input:active + label, div.form_input-dynwmark > select:focus + label, div.form_input-dynwmark > select:valid + label, 
  div.form_input-dynwmark > select:active + label, 
  div.form_input-dynwmark.disabled-dynwmark + img + label, div.form_input-dynwmark > input:focus + img + label, div.form_input-dynwmark > input:valid + img + label, 
  div.form_input-dynwmark > input:active + img + label, div.form_input-dynwmark > select:focus + img + label, div.form_input-dynwmark > select:valid + img + label, 
  div.form_input-dynwmark > select:active + img + label,
  div.form_input-dynwmark .force-float {
  top: -10px;	font-size: 12px;	line-height: 13px;	font-weight: 400;	color: rgba(0, 0, 0, 0.9);}

 div.form_input-dynwmark.disabled-dynwmark { background: #e9ecef; }
 div.form_input-dynwmark.readonly-dynwmark { /* reserved for future */ }
 div.form_input-dynwmark.hidden-dynwmark { display:none; }
 div.form_input-dynwmark.invisible-dynwmark { visibility:hidden; }
.form_input-dynwmark > input:-webkit-autofill {	z-index: 0 }

/* Dynamic Watermark Controls END */


/* Beginning default ComboBox settings - override in the page, or change all items here.   Beware though, some are tweaked for a reason */

.ComboBox { display:inline-block;	position: relative; width: 250px;	height: 32px; margin-left:2px; margin-right:2px; }
.ComboBoxSelect  { width: 250px;	height: 28px; line-height:28px;}
.ComboBoxEditOption {	width: 220px;	height: 24px;	position: absolute;	top: 4px;	left:12px; display:none; border: 0; margin:0; padding:0; }
/* END of ComboBox settings */
/* Jquery and Bootstrap 4 upgrade           

div.row, div.container {text-align: center;}*/

.btn {font-size:14px; }