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

html { font-family: arial,  sans-serif; overflow-x: hidden; }
body { font-family: arial,  sans-serif; font-size: 16px; background-color: #ffffff; overflow-x: hidden; }

h1 {font-family: 'Open Sans', Arial, sans-serif; font-size:40px; color: #333;}
h2 {font-family: 'Open Sans', Arial, sans-serif; font-size:32px; color: #333;}
h3 {font-family: 'Open Sans', Arial, sans-serif; font-size:28px; color: #333;}
h4 {font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color: #333;}
h5 {font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color: #333;}
h6 {font-family: 'Open Sans', Arial, sans-serif; font-size:16px; color: #333;}

.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 #C7EDE7; }
.borderBottomThick {border-bottom: 2px solid #C7EDE7; }
.borderTop {border-top: 1px solid #C7EDE7; }
.borderTopThick {border-top: 2px solid #C7EDE7; }


.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: #C7EDE7; }
.divBarLight { background-color: white; }
.divBarDark { background-color: #C7EDE7; }
.invoicePmtSchedBarLight { background-color: white; }
.invoicePmtSchedBarDark { background-color: #C7EDE7; }

.headerLogo {	float:left; width: 100%; border: none;}

@media (min-width: 576px) {
  .headerLogo { width: auto; }
} 
@media (min-width: 768px ) {
  .invoicePmtSchedBarLight { background-color: #C7EDE7; } /* pmt sched block always shaded in non mobile mode */
  .invoicePmtSchedBarDark { background-color: #C7EDE7; }
  .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 { background-color: #C7EDE7; }
.navbar-light .navbar-nav .nav-link {  }
.navbar-static-top { border: none; }

.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; }  
.form-control:focus {background-color: transparent; }  

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 */

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: #C7EDE7;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #C7EDE7;
}
.form-control::-webkit-input-placeholder {
  color: #C7EDE7;
}

.btn { line-height:auto; height:auto; margin: 2px; 2px; 2px; 2px; }
.hoverPointer {	cursor: pointer; color: #444444;}

@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: #333;
  background-color: #C7EDE7; 
  border-top-color:  #C7EDE7;  
  border-right-color: #C7EDE7; 
  border-bottom-color: #C7EDE7; 
  border-left-color: #C7EDE7; 
}

.btn.btn-standard
{   
  color: #333;
  background-color: #C7EDE7; 
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #C7EDE7; 
  border-color: #C7EDE7; 
}
.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{
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #333;
  background-color: #C7EDE7; 
}
.btn.btn-primary, .btn-primary:hover, .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: #333;
  background-color: #C7EDE7;
  border-top-color: #C7EDE7;
  border-right-color: #C7EDE7;
  border-bottom-color: #C7EDE7;
  border-left-color:#C7EDE7;
}

.btn-primary:hover, .btn.btn-primary:hover
{
  background-color: #bac0c1;
}
.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: 'Source Sans Pro', Arial, sans-serif; font-size: 1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Source Sans Pro', Arial, sans-serif; }

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

.ui-widget-content {  border: thin solid #f0f0f0; }
.ui-widget-header { background-color: #f8f8f8; background-image: none; border: thin solid #d3d3d3;}

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


/*  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, a:link { color: #444444; outline-width: medium; outline-style: none; text-decoration:underline; cursor: pointer;  }
a:visited { color: #444444; text-decoration:underline; }
a:hover { color: #C3122F; text-decoration:none;}

a.aTraditional, a.aTraditional:link, a.aTraditional:visited, .aTraditional { color: #444444;text-decoration:underline; padding-top:7px; padding-left:0px; cursor: pointer;  }
a.aTraditional:hover { color: #C3122F;  }

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

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


/* 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; }

.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 #CCCCCC; }
.copyright {color: #848486;}
.footer { color: grey; }
.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: 18px; 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:#C7EDE7; border-style:solid;	border-width:2px;} 
.regularBorders {	border-color:#C7EDE7; 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: #003398; }
.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; }

.centeredOverlayDiv {  position: absolute; top:0; height:100%; width:100%;   margin: 0 auto; }

.accountRegisterFloatInput { position: relative; top: 50px; max-width: 600px; text-align:center; margin:auto;  display:block; background-color: white; z-index: 20; }
.accountLoginFloatInput { position: relative; top: 80px; max-width: 300px; text-align:center; margin:auto;  display:block; background-color: white; z-index: 20; }
.vendorPartnerBannerOverlayImage {  position: relative; top: 20px; height:80%;  margin:auto;  display:block; z-index: 20;  opacity: 1.0;  }

@media (min-width: 768px) {
  .vendorPartnerBannerOverlayImage {  position: relative; top: 50px;   margin:auto;  display:block; 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; }

.maTitleXLg { font-family: 'Open Sans', Arial, sans-serif; font-size:24px; font-weight: bold; color:#333;}
.maTitleLg { font-family: 'Open Sans', Arial, sans-serif; font-size:20px; font-weight:bold; color:#333;}
.maTitleMed { font-family: 'Open Sans', Arial, sans-serif; font-size:18px; font-weight:bold; color:#333; }
.maTitle { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; font-weight:bold; color:#333; }
.maBodyTxt { color:#333; }

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

a.tourTypeCaption, a.tourTypeCaption:link, a.tourTypeCaption:active, a.tourTypeCaption:visited { font-size: 22px; font-weight: bold; color: #333; 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-color: #e6e6e6;
  -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; }
.tourFilterNavIcon {
	font-weight: 100;
	font-size:14px;
	border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #cecece;
  border-top-color: #a8a8a8;
  border-right-color: #a8a8a8;
  border-bottom-color: #a8a8a8;
  border-left-color: #a8a8a8;
  border:1px;
 }

 .tourFilterNavIcon {
 	margin: 0px; 
  padding: 2px 2px 0px 4px; 
 }
a.tourFilterNavIcon:hover, a.tourFilterNavIcon:focus
{
  color: #333333;
  background-color: #e6e6e6;
  border-top-color: #adadad;
  border-right-color: #adadad;
  border-bottom-color: #adadad;
  border-left-color: #adadad;
}

.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;}
@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   */


.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; }
.tourListItinerary { position: absolute; left: 0%; margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 5px; width: 100%; }
a.tourListDateLink { font-size: 16px; line-height:14px; color: #444444; text-decoration: none; font-weight: normal; 
text-align: left; }
a.tourListDateLink:hover { color: Red; text-decoration: underline; }
a.tourListItineraryLink { font-size: 16px; line-height:18px; color: #444444; text-decoration:underline; }
a.tourListItineraryLink:hover { color: Red; text-decoration: underline; }

a.tourGroupDateLink { font-size: 16px; line-height:18px; color: #444444; text-decoration:underline; }
a.tourGroupDateLink:hover { color: Red; text-decoration: underline; }

.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: 5px;
  -webkit-border-radius: 5px;
  background:#eee; position:absolute; z-index:10000; display:none;  }
  
.dialog-content{ text-align:left; padding:10px; margin:13px; color:#333; font-size:14px;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 */

/*  
  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  */



#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: 5px;}  /* 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; */


/*   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, .aSubnavLinks  { color: #4C4C57; font-size: 20px; font-weight: bold; text-decoration: none;    text-transform: uppercase;  }
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: #0000FF; text-decoration: underline; }
a.FootNoteLg:hover { color: red; }

/* 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: #444444; 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:#333; background-color: #C7EDE7;  }
.bannerTitleMed { padding: 9px 12px 0px 0px; }

.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;}
 
#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:660px; padding: 8px;z-index: 520;	position: absolute;	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: #333;	background-color: #C7EDE7; 	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;	}
#btnCC-AllowAll, #btnCC-OpenSettings {	width:45%}  

  
#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 { width: 190px; background-color: #FFFFFF; color: #1A1A1A; padding-left: 10px;	}
#documentContextMenu:focus {outline: none;}
#documentContextMenu .dialog-content {	padding-top: 6px;	padding-left: 6px;	margin: 0;	}
#documentContextMenu .contextMenu-div {	padding-top: 5px;	}
#documentContextMenu .contextMenu-option {	left: 40px;	position: absolute;	}
#documentContextMenu .contextMenu-option a {	font-size: 14px;	font-weight: bold;}
		

/*  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: #333; background-color: #C7EDE7;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #d3d3d3 !important; background: blue; }

.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:#333; background-color: #C7EDE7; }
.resp-tab-active { border: 1px solid #C7EDE7;  border-bottom: none; margin-bottom: -1px !important; padding: 4px 14px 14px 14px !important; color: #333; background-color: #C7EDE7;  }

.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: #333 !important; background-color: #C7EDE7 !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:#333; background-color: #C7EDE7;}
	.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 */
div.form_input-dynwmark { position: relative; display: inline-block; background: transparent;  vertical-align: middle;	-webkit-box-sizing: border-box;	box-sizing: border-box; }
div.form_input-dynwmark > label {vertical-align: baseline; background: transparent; font-size: 18px;line-height: 20px;font-weight: 400;color: rgba(0, 0, 0, 0.9);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;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  */
.form_input-dynwmark > input:focus + label, .form_input-dynwmark > input:valid + label, .form_input-dynwmark > input:active + label,
  .form_input-dynwmark > select:focus + label, .form_input-dynwmark > select:valid + label, .form_input-dynwmark > select:active + label, .form_input-dynwmark .force-float {			
  top: -10px;	font-size: 12px;	line-height: 13px;	font-weight: 400;	color: rgba(0, 0, 0, 0.9)}

.form_input-dynwmark > input:-webkit-autofill {	z-index: 0 }

/* Dynamic Watermark Controls ENDD */



/* Jquery and Bootstrap 4 upgrade           

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

.btn {font-size:14px; }

label {
	font-weight:bold;
}