/********************************************************************************************************/
/* 									General definitions for all pages 									*/
/* 						  Date: 14_05_2014																*/
/* 																										*/
/********************************************************************************************************/
/*
@import url(http://fonts.googleapis.com/css?family=Roboto);
*/
@import url(../fonts/Roboto/roboto.css?family=Roboto&subset=latin,greek,greek-ext,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,greek,greek-ext,latin-ext,cyrillic);
/* BEGIN: definitions for the back of software */
	/* defines the top quadrant of body */
	html, body {
		/* font-size: 20px;*/
		/*background-color:#6b6a68 !important;*/
		font-family: "roboto", sans-serif;
		background: #444444 !important; /* Old browsers */
		background: -moz-linear-gradient(left, #444444 0%, #777777 50%, #444444 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #444444 0%,#777777 50%,#444444 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #444444 0%,#777777 50%,#444444 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=1 );
	}

	.gttAppsHTMLBackground {
		background: -moz-linear-gradient(left, #612600 0%, #FF8B00 50%, #612600 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #612600 0%,#FF8B00 50%,#612600 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #612600 0%,#FF8B00 50%,#612600 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	/* defines the bottom quadrant of body */
	.verticalBodySpecial {
		background: #444444 !important; /* Old browsers */
		background: -moz-linear-gradient(left, #444444 0%, #777777 50%, #444444 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #444444 0%,#777777 50%,#444444 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #444444 0%,#777777 50%,#444444 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=1 );
		/*background-color:#6b6a68 !important;*/
	}
/* END: definitions for the back of software */
/*
#getAllPricesDiv img {
	max-width: 100%;
	height: auto !important;
	max-width: 1200px !important;
	min-width: 240px !important;
}
*/
html {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 1) !important;
}

#tripImageShowModal .modal-dialog, #roomPropertyImageCarouselModal .modal-dialog, #miscImageShowModal .modal-dialog, #CruiseCabinImageCarouselModal .modal-dialog{
	max-width: 1200px !important;
	max-height: 790px !important;
	width: auto !important;
}
#tripImageShowModal .img-responsive, #roomPropertyImageCarouselModal .img-responsive, #miscImageShowModal .img-responsive, #CruiseCabinImageCarouselModal .img-responsive{
	max-height: 790px !important;
	width: auto !important;
	height: auto !important;
}
#tripImageShowModal .modal-body, #roomPropertyImageCarouselModal .modal-body, #miscImageShowModal .modal-body, #CruiseCabinImageCarouselModal .modal-body{
	padding: 0px !important;
}

/* used to show the images on reservations trip details - allimage shown under a well tag */
.well .img-responsive/*, .gmxPanel .img-responsive*/ {
	width: 100%;
}

/*
	This class is overridden because of image fields shown on reservations trip detail
	If you need to give more space on the side need to apply a class with padding
*/
[id*=ImageCarousel] .well {
	padding: 0px !important;
}

.full-price {
	font-size: 25px !important;
	color: #ffffff;
}

.termsCondTitle {
	font-size: 22px;
}
#getTermsConditionsModal.modal .modal-body {
	height: 800px;
	overflow: auto;
	padding: 30px !important;
}
.img-relative {
	position: relative !important;
}
.img-magnifier {
	/*
	position: absolute !important;
	right: 5px !important;
	bottom: 5px !important;
	background-color: rgba(255,255,255,0.5) !important;
	*/
	text-align: right;
	font-size: 20px !important;
	cursor: pointer !important;
	width: 100%;
	padding-right: 5px;
}
.img-thumbnail {
	cursor: pointer !important;
}

.img-sign-left {
	color: black;
	position: absolute;
	font-size: 50px !important;
	top: 40px;
	left: 60px;
	text-shadow: -2px -2px 0 #FFFFFF,  2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 2px 0 #FFFFFF;
}

.img-sign-right {
	color: black;
	position: absolute;
	font-size: 50px !important;
	top: 40px;
	right: 60px;
	text-shadow: -2px -2px 0 #FFFFFF,  2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 2px 0 #FFFFFF;
}

#pageName {
	margin-left: 20px;
}
#legendPaypal {
	text-align:right !important;
}

.ndmsImage {
	width: 130px !important;
	height: 40px !important;
	display: inline;
}

.marginTop30 {
	margin-top: 30px;
}

#authorizeNetBtn {
	border-radius: 20px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.usaEPayModalTitle {
	background-color: #3276b1;
	color: white;
}

.legendImgRight {
	text-align:right !important;
}

.radioDisabled {
	cursor: not-allowed;
	pointer-events: none;
}

.consolidatorImg {
	text-align:right !important;
}

.disabledDiv {
	pointer-events: none;
	opacity: 0.4;
}
.selectOptionIcons {
	font-family: 'FontAwesome', 'roboto', 'sans-serif';
}
.imgCatVerticalBtn {
	transform: rotate(-90deg);
	font-size: 17px;
	min-width: 104px;
	position: relative;
	right: -10px;
	margin-bottom: 0px !important;
}
.imgCatBtnAdd {
	position: relative;
	right: 38px;
	top: 46px;
}
.imgCatBtnSearch {
	position: relative;
	right: 28px;
	top: 119px;
}
.imgCatSrchBtnColor {
	background-color: #FF9933;
	border-color: #DD7711;
	right: 0px !important;
}
.alert {
	padding: 10px !important;
}

/* overrides bootstrap menu li padding*/
.note-editable {
	line-height: 1.0;
}

.noteItalic {
	font-style: italic !important;
}
.img-responsive {
	max-height: 324px;
	width: auto;
}
.collapse.in {
	padding-bottom: 9px;
}

.dropdown-menu > li > a {
	background-color: #E8E8E3;
	padding-left: 11px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #d8d8d8;
}

.specialBlueBoxTextSize{
	font-size: 15px !important;
}

.dropdown-menu {
	/* min-width: 155px !important; */
	margin-left: 8px;
	border-radius: 0px;
	background-color:#E8E8E3;
}
.dropdown-menu .divider {
	background-color: #B9ACAC;
}
.dropdown-menu-gx {
	min-width: 338px !important;
	margin-left: 8px;
	border-radius: 0px;
}
.dropdown-gx {
	min-width: 200px !important;
}
.nav>li>a {
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 19px;
}
.noFocus {
	outline: none;
}
.formGroup-minHeight {
	min-height: 62px !important;
}
.smallPaddingBottom {
	padding-bottom: 2px !important;
}
.smallVPadding {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.mediumVPadding {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.smallerVPadding {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}
.noVPadding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.iconPadding {
	padding-left: 18px !important;
	padding-right: 8px !important;
}
.noSideMargin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.biggerVMargin {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.noMargin {
	margin: 0px !important;
}
.fullMargin {
	margin: 20px !important;
}
.noVMargin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.negSmallMargin {
	margin-bottom: -1px;
}
.alertWebSettings {
	margin-bottom: 0px !important;
	padding-bottom: 3px !important;
	padding-top: 7px !important;
}

.fullWidth {
	width: 95%;
}

.menulink {
	color: #ffffff !important;
	text-decoration: none;
}
.menulink:hover {
	color: #F3F0B1;
	text-decoration: none;
}
/* price table show more prices column*/
.showPricesColumn {
	background-color: #67a2d4;
	vertical-align: middle !important;
	color: white;
	width: 10px;
	border-color: #67a2d4;
}
/*hover over onclick*/
.hoverOnclick:hover {
	color: #939393
}

/*CHAT WIDGET*/
.chat {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chat li {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	border-bottom: 1px dotted #B3A9A9;
	height: 55px;
}

.smallChatBlueDiv {
	float: left;
	height: 55px;
	width: 15px;
	background-color: #337ab7;
	margin-left: 0px !important;
	color: white;
	z-index: 0;
}

.smallChatOrangeDiv {
	float: right;
	height: 55px;
	width: 15px;
	background-color: #f0ad4e;
	margin-left: 5px !important;
	position: relative;
	top:-65px;
	z-index: 0;
}

.spcHeadnBody {
	margin-bottom:  5px !important;
}

.shapeOrange {
	/*margin-top: -20px;*/
	top: 4px;
	left: 2px;
	position: relative;
	border-bottom: 20px solid transparent;
	border-right-color: #f0ad4e;
	border-style: solid;
	border-width: 0 20px 20px 0;
	height: 0px;
	width: 0px;
	z-index: -1;
	transform: rotate(270deg);
}

.shapeBlue {
	margin-top: -20px;
	top: 26px;
	left: -7px;
	position: relative;
	border-bottom: 20px solid transparent;
	border-right-color: #337ab7;
	border-style: solid;
	border-width: 0 20px 20px 0;
	height: 0px;
	width: 0px;
	z-index: 0;
}

.indentBlue {
	margin-left: 15px;
	background-color: lightblue;
}

.indentBeige {
	margin-right: 10px;
	background-color: beige;
}

.fromLi {
	padding-left: 20px !important;
	padding-right: 15px !important;
}

.toLi {
	padding-right: 25px !important;
}

.divTxtRotate.blueMsg {
	transform: rotate(270deg);
	margin-top: 24px;
	z-index: 3;
	font-size: 10px
}

.divTxtRotate.orangeMsg {
	transform: rotate(270deg);
	margin-top: 4px;
	z-index: 3;
	font-size: 10px
}

.chat li.left .chat-body {
	margin-left: 60px;
}

.chat li.right .chat-body {
	margin-right: 60px;
}
/*
.chat li .chat-body p {
	margin: 0;
	color: #777777;
}
*/
.panel .slidedown .glyphicon, .chat .glyphicon {
	margin-right: 5px;
}

/*
.panel-body {
	overflow-y: scroll;
	height: 250px;
}
*/
.panel-body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.panel-body::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.panel-body::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

#collapseOne {
	padding-bottom: 0px;
}
/*CHAT WIDGET*/

/*MODAL FAQS*/
#getFAQsModal ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

#getFAQsModal ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

#getFAQsModal ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

#getFAQsModal li ol > li {
  margin: 0;
}

#getFAQsModal li ol > li:before {
  content: counters(item, ".") " ";
}

#getFAQsModal  ul, .listNoStyleNoMargin {
	margin: 0;
	padding: 0px;
	list-style: none;
}

.faqsTitle {
  font-size: 22px;
}

.modal .modal-fixed {
	position: fixed;
}

.modalBackdropOpacity {
	opacity: 0.80 !important;
	filter: alpha(opacity=80);
}

#getFAQsModal.modal .modal-body {
	height: 800px;
	overflow: auto;
	padding: 30px !important;
}
/*MODAL FAQS*/

.paddingMediumSpace {
	padding: 4px 8px;
}
/* overrides bootstrap margin for image catalog modal*/
.thumbnail>img, .thumbnail a>img {
	margin-right: -9px;
	margin-left: 0px;
}
/*override bootstraps dropdown submenu for larger screens*/
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: 200px;
	margin-top: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left: dotted 2px rgb(72, 72, 72);
	margin-left: 18px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:#75A5D0;
}

.rightMenu {
	background-color: #DEDDCA !important;
}

/*BEGIN: definitions for popover */
	/* where the text is shown */
	.popover-title {
		background-color: #fff;
	}

	/* where the buttons are shown */
	.popover-content {
		background-color: #C3E0F8;
	}

	.popoverJustContent {
		background-color: #fff;
		color: #000;
	}

	.arrow {
		background-color:transparent;
	}

	.popover.bottom>.arrow:after{
		border-bottom-color: #C3E0F8;
	/*
		border-bottom-color: #ECEAD4;
	*/
	}
/*END: definitions for popover */
/*Hide scroll bar on sidebar menu*/
.hideScrollbar::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
}
/*scrollable for sidebar menu*/
.scrollSidebar {
	position: fixed;
	overflow-y: scroll !important;
	top: 0;
	bottom: 0;
	-moz-overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	/*overflow: -moz-scrollbars-none;*/
}
.mobileScroll {
	-ms-touch-action: initial !important;
	touch-action: initial !important;
}
.textIndent {
	text-indent: 7px;
}
.textIndentSpecial {
	text-indent: 15px;
}
.textIndentBig {
	text-indent: 18px;
}

#menuPrincipal {
	height: 100%;
}

.helpTopicLines{
	border-bottom: 1px dotted #ccc;
}

.helpTopicColor {
	color: #777;
}

.mkPmtBtn {
	width: 200px;
}

.noResizeTxtAreaH {
	resize: vertical;
}

.emailingTextArea {
	max-height: 300px;
	overflow: auto;
}

.generalMessage {
	position: fixed;
	width: 100%;
	left: 0px;
	z-index: 5000;
}

/* this class on small devices defines the padding-top to zero */
.adjustContentDown {
	padding-top: 20px;
}

.posAbsolute {
	background-color: #FFFFFF;
	/*position:fixed;*/
	position: relative;
	z-index:6000;
	font-size: 50px;
	margin-left: auto;
	margin-right: auto;
	/*margin:0;*/
	padding:0;
	border-radius: 7px;
	width:346px;
}
.msgIcon {
	position: absolute;
	top: -34px;
	left: 15px;
}
.msgText {
	position: relative;
	margin-left: 145px;
}

.alignTop {
	vertical-align: top;
}

.tdNoSpacing {
	width: 65px;
}

.list-group-item.disabled {
	pointer-events: none;
}

.form-control-feedback {
	pointer-events: inherit !important;
}

.form-control {
	background-color: #eff4ff;
}

/*top margin web app*/
.webMarginTopBottom {
	margin-top: 310px;
	margin-bottom: 25px;
}
.marginTop {
	margin-top: 25px;
}
/*catalog images width*/
.imgCatWidth {
	/*width: 128px;*/
	width: 106px;
}
ul.thumbnails.image_picker_selector li {
	height: 120px !important;
}

/*image catalog modal maximum height*/
.imgCatalogMaxMinHeight {
	max-height:309px;
	min-height:309px;
	overFlow-x:hidden;
	overFlow-y:auto;
}

/*Div for Home and Logout buttons on side menu*/
.homelogoutBtn {
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	background: #ec922b;
	font-size: 16px;
	color: #ffffff;
	z-index: 1;
}

.unreadMsgBtn {
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	background: #ec922b;
	font-size: 16px;
	color: #ffffff;
	z-index: 1;
}

.menuLogOut {
	background-color: #feb44d;
}

.menuHome {
	background-color: #8bbfde;
}

.menuIcon, .listPadding {
	padding-top: 6px;
  	padding-bottom: 9px;
}

.divider, .initialSetupButtons {
	font-size: 20px;
}
/*no underline links*/
.linkNoUnderline:hover{
	text-decoration: none;
}
a.linkNoUnderline a:hover, a:visited, a:link, a:active {
	text-decoration: none;
}

.extraPadding {
	padding: 1px 17px 17px 17px !important;
}

/* EXTRA NAVIGATION BUTTONS
Navigation buttons that can be added to the top left and right position of page Example: back and wizard buttons*/
.navExtraLeft {
	position:absolute;
	margin-top: 59px;
	font-size: 16px;
	color: #ffffff;
	margin-left: -16px;
	height: 33px;
	width: 32px;
	background: #428bca;
	border: 1px solid;
	border-color: #357ebd;
	padding-top: 6px;
	padding-left: 6px;
	overflow: hidden;
	display: block;
	z-index: -1000;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.5s ease;
	-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
 	box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.navExtraRight {
	position: absolute;
	margin-top: 59px;
	font-size: 16px;
	color: #ffffff;
	/*margin-left: 702px;*/
	right: -1px;
	height: 33px;
	width: 32px;
	background: #428bca;
	padding-top: 7px;
	padding-left: 9px;
	overflow: hidden;
	display: block;
	float:left;
	border-top-left-radius:10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;
	-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
 	-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
 	box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.navExtraRight.level2 {
	margin-top: 98px !important;
}

.navExtraLeft:hover {
  width: 85px;
}
.navExtraRight:hover, .navExtraRightHover {
  /*width: 95px;*/
  width: 113px !important;
}
/* to wrap text vertically this margins are applied to one case specifically securitySettingHelp*/
.textWrap {
	transform: rotate(-55deg);
	margin-top: 50px;
	margin-bottom: 10px;
}
/* to wrap text vertically this margins are applied to one case specifically userTypeHelp*/
.userTypeWrap {
	transform: rotate(-55deg);
	margin-top: 95px;
	margin-bottom: 10px;
}
/* to give space to headers*/
.headerMargin {
	margin-top: 15px;
	margin-bottom: 15px;
}

/*used on the preview template so that the headers don't increase in size*/
.headerMinHeight {
	min-height: 29px !important;
}

/*to limit headers inside wells*/
.wellHeader {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 9px;
	margin-left: 9px
}
/*to have the maximun size for input-group-addon*/
.timepickerControlerNotModal { max-width: 25px }

/*used when there's a popover showing*/
.containerModalPopOver {
	position: absolute !important;
}
.container-hide {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 1;
	-webkit-transition: opacity 100s ease-in;
	-moz-transition: opacity 100s ease-in;
	transition: opacity 100s ease-in;
	/*z-index:1000;/**/
	z-index: 1040; /* 22_10_2015: Has to be above NavBar z-index (1030) */
}
.menuLock {z-index: 1000 !important;}
.fadeIn {opacity: 0.6; -moz-opacity: 0.6;}
.arrowOpacity {opacity: 0.3;}
/*this is for progress bar */
.progressBar {
	margin-bottom: 5px !important;
}

/*this is needed when is opened a modal to compensate the jump to left of body*/
.modal-open .navbar {
	right: 15px;
}

/* small input box for popup modals*/
.smallInput {
	margin: 0px !important;
	height: 24px !important;
}

/* correction needed because of update bootstrap 3.2.0 relative to error messages */
.errorIconHeaderSize {
	font-size: 24px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;

}
.errorIconPosition {
	position:relative !important;
	top: 1px !important;
	display:inline-block !important;
	line-height: 1 !important;
	width: 15px !important;
	height: 15px !important;
	padding-right: 20px;
}

/*tooltip general definitions*/
.tooltipErrorWarning > .tooltip-inner {
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #FF8080;
	text-align: left;
}

.tooltipInformative > .tooltip-inner {
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid blue;
	text-align: left;
}

/* delete button for miscellaneous dates*/
.deleteMisceDatesBot{
	display: none;
	position: absolute;
	margin-top: initial;
	right: -15px;
	width: 30px;
	height: 30px;
}
.deleteMisceDatesBotIcon{
	left: 6px;
    position: absolute;
    top: 8px;
}
.deleteMisceDatesHide{
	display: inline-flex;
}
/* used on calendar image on date fields. It's a override on class from datepicker*/
.ui-datepicker-trigger {
	position: absolute;
	right: 25px;
}

.ui-datepicker {
	z-index:3000 !important;
}

/*font images on menu*/
.imagesMenu {
	letter-spacing: 2px;
	font-size: larger;
}

/*used because of display of labels on top*/
label {display: block !important;}
label {font-weight: normal !important;}

.gtttab-menu .fa {
	font-size: 20px !important;
	display: block;
}

i.glyphicon.glyphicon-time+label{position:absolute !important;}
/*used to take the margin bottom from bootstrap */
.labelEmpty {margin-bottom: 0px !important;}
.labelDisplayInline {display: inline-block !important;}
.labelDisplayTblCell {display: table-cell !important;}

/*hierarchy childs to right*/
.hierarchyRightDotted {
	margin-left: 15px;
	margin-right: -5px;
	/*border-left: dotted 2px rgb(72, 72, 72);*/
}

.hierarchyLeft {
	margin-right: 0px;
	/*border-right: dotted 2px rgb(72, 72, 72);*/
}

.hierarchyRight {
	margin-left: 18px;
}

.hierarchyRightMore {
	margin-left: 50px;
}
/*images or images for upload to substitute buttons*/
/*.image-upload > input { display: none;}*/

/*checkboxes*/
.has-errorCheckBoxRadio {
	border-width: 2px;
	border-style: solid;
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

.checkBoxNoSpaces {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.checkBoxNoSpaces label {
	padding-left: 0px !important;
	font-size: 10px;
}

/*icon on fields*/
.shape {
	/*margin-top: -18px;*/
	margin-top: -20px; /* Corrige o "enviar para baixo" os inputs */
	top: 18px;
	left: -1px;
	position: relative;
	border-bottom: 20px solid transparent;
	border-right-color: #A6D1FF;
	border-style: solid;
	border-width: 0 20px 20px 0;
	height: 0px;
	width: 0px;
	-ms-transform: rotate(270deg); /* IE 9 */
	-o-transform: rotate(270deg);  /* Opera 10.5 */
	-webkit-transform: rotate(270deg); /* Safari and Chrome */
	transform: rotate(270deg);
	z-index: 10;
}

.hasErrorNoLabelPos {
	margin-top: -20px !important; /* Corrige o "enviar para baixo" os inputs */
	top: 28px !important;
	left: -6px !important;
	position: absolute !important;
}

.hasErrorNoLabelDiv {
	margin-top: -20px !important; /* Corrige o "enviar para baixo" os inputs */
	top: 25px !important;
	left: 14px !important;
	position: absolute !important;
}

.hasErrorNoLabelDivModal {
	top: 1px !important;
}

.dspErrWarnChkBoxPos {
	left: 0px;
	margin-top: -20px !important; /* Corrige o "enviar para baixo" os inputs */
	position: absolute !important;
}

/*shape required*/
.shape-text {font-size:14px; font-weight: bold; position:absolute; right:-16px; top:-2px;}
.shapeAnsLater {border-right-color: transparent !important; }
.shapeAnsLater-text {right:-24px !important; top:-2px !important;}
/*modal Content maximum height*/
.modalMaximumHeight {max-height:250px; overFlow-x:hidden; overFlow-y:auto;}
/*modal Content minimum height*/
.modalMinimumHeight {min-height:250px;}
/*popover maximum height*/
.popOverMaximumHeight {max-height:55px; overFlow-x:hidden; overFlow-y:auto;}

.tableCstMaximumHeight{max-height:360px;overFlow-y:auto;}

/*popOver Content maximum height*/
.popOverMaximumHeight {max-height:55px; overFlow-x:hidden; overFlow-y:auto;}
.popover.in { width: 276px; z-index: 20000; }

/* fieldset*/
fieldset {border: 1px solid #A8A8A8 !important; padding: 1px 17px 7px !important; margin: 0 0 18px 0 !important; height: 100%;}
/*fieldset {border: 1px solid #A8A8A8 !important; padding: 1px 17px 17px 17px !important; margin: 0 0 18px 0 !important; height: 100%;}*/

/* BEGIN: definitions for fieldset */
fieldset legend {
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding:0 10px;
	border-bottom: none;
	letter-spacing: 2px;
	color: #666;
}
/* END: definitions for fieldset */

legend {  margin-bottom: 0px !important; }
.fieldsetBackground {
	background-color: #ffffff;
	height: 100%;
}
.dottedFieldset {border: 1px dotted #A8A8A8 !important;}

body { background-color: rgba(166,175,184,1) !important; padding-top: 40px;}
img-responsive {display: block; height: auto; max-width: 100%;}
nav {width: 100%;right: 0%; position: fixed !important; top: 0px; z-index: 1030; backface-visibility: hidden;}
select {width:100% !important;}

/*special cases that is needed to control when is a change of sizes  */
.navImgLeft {position: fixed; margin-left: -16px !important; margin-top: 52px !important; width: 15px; height: 10px; backface-visibility: hidden;}
.navImgRight {position: fixed; margin-top: 52px; width: 15px; height: 10px; backface-visibility: hidden;}
.GXNavLogoLetters {
	padding: 4px 3px 2px 3px;
	position: absolute;
	height: 35px;
	top: 7px;
	right: 13px;
	background-color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px;
}

.GTTNavLogoLetters {
	position: absolute;
	height: 70px;
	top: -12px;
	right: 4px;
}

/*.navExtraRight {position: absolute; margin-top: 80px; width: 32px; height: 33px;font-size: 16px; padding-top: 8px; padding-left: 10px;}*/
/*.navExtraLeft {position: absolute; margin-top: 80px; width: 32px; height: 33px; font-size: 16px; padding-top: 8px; padding-left: 4px;}*/

/* force to occupy all space defined by columns in css */
.input-group .input-group-btn {
	width: 1% !important;
}
.childPriceField {
	width: 45px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.childPriceRateField {
	width: 60px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.fieldsMaximoWidth {width:100% !important; resize: none;}
.divider-horizontal {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #AF602F;
}
/* definitions of colors */
.badgeColorIcon {color: #666;}
.colorIconesMenu {color: #AF602F;}
.colorBrown {color: #AF602F !important;}
.colorRed {color: #D80808;}
.colorBlue {color: blue !important;}
.colorSoftBlue {color: #337ab7;}
.colorLightBlue {background-color: #4f90bd !important;}
.colorGreen {color: green !important;}
.colorGray {color: gray;}
.colorSilver {color: silver;}
.colorDarkOrange {color: darkorange;}
.colorDarkGray {color: #666;}
.colorDarkGrey {color: darkgrey;}
.colorGold {color: gold;}
.colorGoldenRod {color: goldenrod;}
.colorDarkGoldenRod {color: darkgoldenrod;}
.colorGreenSucess {color: #5cb85c;}
.colorYellow {color: #FFFF00;}
.colorRedError {color: #d9534f;}
.colorOrange {color: #FF9933 !important;}
.colorBluePaypal {color: #649df9;}
.colorWhite {color: #FFFFFF;}
.colorBlack {color: #000000;}
.backColorOrange {background-color: #CBD9F4;}
.backColorGreen {background-color: #5cb85c;}
.backColorGreenMiddle {background-color: #b8d0ae;}
.backColorGreenMiddle:hover {
	font-weight: bold;
}
.backColorRed {
	/*background-color: #d9534f;*/
	background-color: rgba(217, 83, 79, 0.2);
}
.backColorRedMiddle {background-color: #e79191;}
.backColorRedMiddle:hover {
	font-weight: bold;
}
.backColorGainsboro {
	background-color: gainsboro;
}
.backColorLightBlue {
	background-color: lightblue;
}
.backColorSalmon {
	background-color: #f9cc9d;
}
.backColorWhite {
	background-color: #FFFFFF;
}

.backColorGreenWhite {
	color: #fff !important;
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}
.backColorGreenWhite:hover {
	background-color: #449d44 !important;
	border-color: #449d44 !important;
}

/*orange*/
.backColor001 {background-color: #FF9933;}
.modalMessageRedError { background-color: darkred; color: white; }
.modalMessageWarningError { background-color: #eaab33; color: white; }
.modalMessageGreenSucess { background-color: green; color: white; }
.modalMessageBlue { background-color: darkblue; color: white; }
.modalMessageOrange { background-color: #ec922b; color: white; }

.closeGX {
	color: white;
	/*opacity: 0.7;*/
}
.close {
	opacity: 0.7;
	margin-top: 5px !important;
}
.modalMessageBlue > .close {
	color: white;
}

/*definitions of fonts*/
.smallFont {font-size:10px !important;}
.mediumFont {font-size:17px !important;}
.largeFont {font-size:20px !important;}
.extraLargeFont {font-size:120px !important;}

/*definitions to create the sensation of a button on icones*/
.gttBtnSmall {
	padding: 4px 8px;
	margin-bottom: 0;
	font-size: 12px;
	color: #777;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 2px solid #777;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 5px -1px #000000;
	-webkit-box-shadow: 0px 0px 5px -1px #000000;
	box-shadow: 0px 0px 5px -1px #000000;
}
.btnOnTable {
	position: relative;
	bottom: 5px;
}
.leftPadding {
	padding-left: 15px;
}
.rightPadding {
	padding-right: 15px;
}
.smallLeftPadding {
	padding-left: 4px;
}
.smallRightPadding {
	padding-right: 4px;
}

.left35 {
	left: 35px;
}

.leftl65 {
	left: -65px;
}

.gttBtnSmall:not(.btn):hover
,.gttPaymentsTermsBtn:not(.btn):hover {
	color: #000 !important;
	border-color: #000 !important;
}

.gttBtnSmall.smallTitle {
	padding-bottom: 1px;
	padding-top: 1px;
	top: -1px;
	position: relative;
}

.gttAdminAccessBtn {
	background-color: #FF9933;
	color: #FFFFFF;
	border: 1px solid #428bca;
}
/*payment schedule and terms and conditions button*/
.gttPaymentsTermsBtn {
	display: inline-block;
	padding: 4px 8px;
	margin: 3px 2px;
	font-size: 13px;
	width: 186px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 2px solid #A8A8A8;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 5px -1px #000000;
	-webkit-box-shadow: 0px 0px 5px -1px #000000;
	box-shadow: 0px 0px 5px -1px #000000;
}

/*everthing with this tags uses the cursor pointer*/

.glyphicon, a, .show-tooltip, .cursorPointer, .mousCursPointer {cursor: pointer !important; }

.mousCursInitial {cursor: initial !important;}
.mousCursNotAlowed {cursor: not-allowed !important;}
.glyphicon.cursorDefault, .glyphicon.mousCursDefault, .cursorDefault, .mousCursDefault {cursor: default !important;}
.pointerEventsNone {pointer-events:none;}
.disabledField {
	pointer-events: none !important;
	background-color: #eee !important;
}

.gmlCstWizDotted {
	margin-left: 20px;
	padding-left: 10px;
	border-left: dotted 2px rgb(72, 72, 72);
	min-height: 22px;
}

/* Class used in the gmx welcome page, in the customer wizard steps: */
/*    force the height of the row, because of the left margin dotted */
.rowLeftBordDottedHeight{
	height: 26px !important;
}

.gttCstWizardBadge {
	position: relative;
	top: -7px;
	left: 3px;
	width: 49px;
	height: 23px;
	background-color: #BFBFBE;
	text-align: right;
	font-size: 12px;
}

.questionsWidth {
	width: 40px;
}

.phonePrimaryLabel {
	position: relative;
	left: -50px;
	top: 2px;
	width: 35px;
	height: 25px;
	z-index: 2;
}

.phoneButtonBckg {
	position: relative;
	left: -30px;
	top: -5px;
	width: 30px;
	height: 30px;
	z-index: 3;
}

.gmlResIndBadge {
	/*position: relative;
	top: -7px;
	left: -33px;*/
	width: 60px;
	height: 23px;
	background-color: #FAAC58;
	text-align: right;
	font-size: 14px;
}

.noPadding {
	padding: 0px;
}
.noPaddingImportant {
	padding: 0px !important;
}

.lowSidePadding {
	padding-left: 2px;
	padding-right: 2px;
}

.xsSidePadding {
	padding-left: 13px;
	padding-right: 12px;
}

.sidePadding {
	padding-left: 15px;
	padding-right: 15px;
}

.mediumSidePadding {
	padding-left: 19px;
	padding-right: 19px;
}

.moreSidePadding {
	padding-left: 30px;
	padding-right: 30px;
}

.lessRightMargin {
	margin-right: -15px;
}

.marginResInCst{
	padding-right: 0px;
	margin-left: -10px;
	margin-right: 10px;
}

.moreRightMargin {
	margin-right: 15px;
}

.lessLeftMargin {
	margin-left: -15px;
}
.moreLeftMargin {
	margin-left: 15px;
}

.moreTopMargin {
	margin-top: 15px;
}

.lessLeftMarginImp {
	margin-left: -15px !important;
}

.dashedListRed {
	border: 1px dashed red;
	padding-left: 5px;
}

.noLeftPadding {
	padding-left: 0px;
}
.littleLeftPadding {
	padding-left: 10px;
}
.littleLeftPaddingImp {
	padding-left: 10px !important;
}
.littleRightPadding {
	padding-right: 10px;
}
.noRightPadding {
	padding-right: 0px;
}
.moreLeftPadding {
	padding-left: 30px;
}

.bigPaddingLeft{
	padding-left: 55px;
}

.moreRightPadding {
	padding-right: 30px;
}
.lessLeftMargin {
	margin-left: 5px !important;
}

.bigLeftMargin {
	margin-left: 30px !important;
}

.lessRightMargin {
	margin-right: 5px !important;
}
.loader {
	/*position: absolute;*/
	z-index: 1000000000000;
	color: #2273B5;
	left: 50%;
	/*top: 50%;*/
	top: 200px;
	position: fixed;
}

.checkDiv {
	position: relative;
}
.check {
	color: #060;
	position: absolute;
	z-index: 3;
}

.check.gxCheck {
	top: 2px;
	right: 5px;
}

.check.gttCheck {
	top: 25px;
	right: 22px;
}

.selectAllBtn {
	font-size: 20px !important;
	margin-left: 20px;
}

.table>tbody>tr>td {
	padding: 5px;
}

@media screen and (max-width:392px) {
	.hideScrollbarMobile::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
	}
	.imgCatVerticalBtn {
		/*position: relative;*/
		right: 11px;
		margin-bottom: 0px !important;
	}
	.imgCatBtnAdd {
		position: fixed;
		bottom: 85px;
		right: -47px;
		top: 284px;
	}
	.imgCatBtnSearch {
		position: fixed;
		bottom: 85px;
		right: -33px;
		top: 406px;
	}
	.userTypeWrap {
		margin-bottom: 15px !important;
	}
	.posAbsolute {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.lessSidePaddingSelectBox {
		padding-left: 20px;
		padding-right: 0px;
	}
	.noSidePadding-xs {
		padding-left: 0px;
		padding-right: 0px;
	}
	.lessSidePadding-xs {
		padding-left: 5px;
		padding-right: 5px;
	}

	.sidePadding-small {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sidePaddingLeft-small {
		padding-left: 15px;
		padding-right: 1px;
	}
	.sidePaddingRight-small {
		padding-left: 1px;
		padding-right: 15px;
	}
	.noSidePadding {
		padding-left: 0px;
		padding-right: 0px;
	}

	.resIndsNoSidePadding{
		margin-left: -10px;
	}

	.lessSidePadding {
		padding-left: 1px;
		padding-right: 1px;
	}

	.navExtraRight {
		margin-top: 30px;
		margin-left: 514px;
		height: 33px;
		width: 32px;
		background: #428bca;
	}
	.navExtraLeft {
		margin-top: 30px;
		margin-left: 514px;
		height: 33px;
		width: 19px;
		background: #428bca;
	}

	.navbar-nav .open .dropdown-menu {
		width: 160px !important;
	}

	.paymentMethodBtns {
		padding: 6px 7px;
		font-size: 12px;
	}

	.noLabelSpace {
		height: 0px !important;
	}

	.img-sign-left {
		position: absolute;
		top: 40px;
		left: 30px;
	}

	.img-sign-right {
		position: absolute;
		top: 40px;
		right: 30px;
	}
}

@media screen and (min-width: 393px) and (max-width:991px) {
	.userTypeWrap {
		margin-bottom: 23px !important;
	}
	.posAbsolute {
		width:300px;
		margin-left: auto;
		margin-right: auto;
	}
	.lessSidePadding {
		padding-left: 1px;
		padding-right: 1px;
	}
	.sidePadding-small {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sidePaddingLeft-small {
		padding-left: 15px;
		padding-right: 1px;
	}
	.sidePaddingRight-small {
		padding-left: 1px;
		padding-right: 15px;
	}
	.noSidePadding {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* align Pay Now button on resConfirmation*/
	.btnPayNow {
		margin-right: 15px !important;
		margin-bottom: 5px !important;
	}

	.imgCatVerticalBtn {
		/*position: relative;*/
		right: 11px;
		margin-bottom: 0px !important;
	}
	.imgCatBtnAdd {
		position: fixed;
		bottom: 85px;
		right: -47px;
		top: 284px;
	}
	.imgCatBtnSearch {
		position: fixed;
		bottom: 85px;
		right: -33px;
		top: 406px;
	}
	.img-sign-left {
		position: absolute;
		top: 40px;
		left: 30px;
	}
	.img-sign-right {
		position: absolute;
		top: 40px;
		right: 30px;
	}
	/* this class on small devices defines the padding-top to zero */
	.adjustContentDown {
		padding-top: 0px;
	}
}

@media screen and (min-width: 600px) {
	.userTypeWrap {
		margin-bottom: 52px !important;
	}
}

@media screen and (max-width:767px) {
	/* on delete button for miscellaneous date ajust the position*/
	.deleteMisceDatesBot{
		margin-top:-32px;
		right: -25px;
	}
	/* used on calendar image on date fields. It's a override on class from datepicker */
	.ui-datepicker-trigger {
		margin-top: -30px;
	}
	.userTypeWrap {
		margin-bottom: 52px;
	}
	.smallFont {font-size:12px !important;}
	.side-collapse {
		position:fixed !important;
		margin-top: 0px;
		bottom: 0px;
	}
	.navbar-collapse {
		max-height: 100%;
		height: auto !important;
		height: 100%;
		min-width: 170px;
		z-index: 1050;
	}

	.navbar-collapse {
		margin-left: 0px;
		top: 51px !important;
	}

	.side-collapse2 {
		display: inline !important;
		-webkit-transition: width 1s ease;
		-moz-transition: width 1s ease;
		-o-transition: width 1s ease;
		transition: width 1s ease;
	}
	.side-collapse2.in {
		width: 0 !important;
		display: none !important;
	}
	.side-collapse-teste.out {
		width: 0 !important;
		display: none !important;
	}

	.img_title {
		width: 35%;
	}
	.img_separator {
		height: 150px;
	}
	#bg-image {
		top: 154px;
		height: 130px;
	}

	/* align Pay Now button on resConfirmation*/
	.btnPayNow {
		margin-right: 15px !important;
		margin-bottom: 5px !important;
	}

	/*aligns when is mobile phone*/
	.leftMobile {float:left !important;}
	.rightMobile {float: right !important;}
	.leftTextMobile {text-align: left !important;}
	.rightTextMobile {text-align: right !important;}
	.centerMobile {text-align: center !important;}
	.smallDownSpaceMobile {margin-bottom: 8px !important;}
	.downSpace {margin-bottom: 8px !important;}
	/*Table padding for mobile phone*/
	.tablePaddingMobile {padding: 15px;}

	.table-responsive {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.table-responsive::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	.table-responsive::-webkit-scrollbar:horizontal {
		height: 8px;
	}

	.table-responsive::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}

	.table-responsive::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #ffffff;
	}

	.navExtraRight {
		right: 0%;
		right: -1px;
		margin-top: 9px;
		height: 31px;
		width: 22px;
		background: #428bca;
		padding-left: 4px !important;
		font-size: 15px;
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
	}
	.navExtraRight.level2 {
		margin-top: 48px !important;
	}
	.navExtraLeft {
		margin-left: -16px;
		margin-top: 9px;
		height: 33px;
		width: 19px;
		background: #428bca;
		padding-left: 0px !important;
		font-size: 15px;
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
	}
	.navExtraLeft:hover {
 		width: 70px;

	}

	.navExtraRight:hover, .navExtraRightHover {
  		/*width: 85px;*/
  		width: 100px !important;
	}

	.navbar-nav {
		  margin: 0px 0px;
		  width: 170px;
	}

	.navbar-nav .open .dropdown-menu {
		width: 162px;
	}
	/*override bootstrap left margin for sidebar menu on small screens*/
	.container>.navbar-collapse {
  		margin-left: -16px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		padding-left: 13px;
	}

	.navbar-default .navbar-nav>.open>a {
		background-color: #e8e8e3 !important;
	}

	.dropdown-menu {
		 border-radius: 0px;
	}
	/*top margin web app*/
	.webMarginTopBottom {
		/*margin-top: 120px;*/
		margin-top: 120px;
		margin-bottom: 15px;
	}
	.imgCatWidth {
		width: 111px;
	}
	.imgCatalogMaximumHeight {
		max-height: 297px;
	}
	/*modal Content minimum height*/
	.modalMinimumHeightMobile {
		min-height:150px;
	}
	.noLabelSpace {
		height: 0px !important;
	}
	/* to wrap text vertically this margins are applied to one case specifically securitySettingHelp*/
	.textWrap {
		transform: rotate(-55deg);
		margin-top: 50px;
		margin-bottom: 10px;
	}
	/* to wrap text vertically this margins are applied to one case specifically userTypeHelp*/
	.userTypeWrap {
		transform: rotate(-55deg);
		margin-top: 95px;
		margin-bottom: 10px;
	}
	.alignGender {
		text-align: initial;
	}
}

/* ATTENTION: this is relative to sizes from bootstrap 3 to screen sizes to change the size of navigational bar*/
@media screen and (min-width: 768px) {
	.largeModal {
		max-width: 1250px !important;
		min-width: 768px !important;
		width: 100%;
	}
	.mediumModal {
		max-width: 900px !important;
		min-width: 900px !important;
		width: 100%;
	  }
	.userTypeWrap {
		margin-bottom: 16px !important;
	}
	 .gxTableResponsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	 }
	.text-right-not-xs {
		text-align: right;
	}
	/* used on calendar image on date fields. It's a override on class from datepicker*/
	.ui-datepicker-trigger {
		margin-top: 4px;
	}
	/* used on calendar image on date fields in modal window. It's an override on class from datepicker*/
	.modal-body .ui-datepicker-trigger {
		margin-top: -30px;
		z-index: 10000;
	}
	/*CSS to center text near radio buttons bootstrap way*/

	/*trip components alignment*/
	.componentsBarAlign {
		padding-left: 75px;
		/*
		margin-left: 60px;
		padding-right: 75px;
		background-color: red;
		*/
	}

	.noBarComponentsAlign {
		padding-left: 45px;
		/*
		margin-left: 45px;
		padding-right: 10px;
		background-color: green;
		*/
	}

	.tripAlignExtNights {
		margin-left: 60px;
	}

	.transportRadioDiv {
		margin-left: 41px;
	}

	.transportRadioDivLbl {
		margin-left: 55px;
	}

	.vCenter {
		display: inline-block !important;
		vertical-align: middle !important;
		float: none !important;
	}

	.divider-vertical {
		height: 50px;
		margin: 0 9px;
		border-right: 1px solid #B37748;
		border-left: 1px solid #B37748;
	}

	.navbar {border-radius: 0px;}
	.navbar-collapse {
		top: 0px !important;
		right: 40px;
		width: 104%;
		margin-left: -15px !important;
	}
	nav div ul {position: fixed;}

	.navbar-nav > li > a {
  		padding-top: 12px;
  		padding-bottom: 12px;
  	}

	nav {left:0px; max-height: 51px; backface-visibility: hidden;}

	.side-collapse {
		background-color: #DEDDCA;
		/*background-color: #F8F8F8;*/
		top: 0px;
		height: 300px;
		left: 14px;
		width: 200px;
		margin-top: 50px;
		position: absolute;
		overflow: hidden;
		transition: width .4s ease;
	}

	.navbar-nav {
		width:200px;
	}

	.rightMenuContainer {
		display: inline-block;
		padding: 5px 10px 0 10px;
		left: -9px;
		position:relative;
	}
	.colorIconesMenu {letter-spacing: 5px;}
}

@media screen and (max-width:992px) {
	body {
		font-size: 14px;
	}

	.specialBlueBoxTextSize{
		font-size: 13px !important;
	}

	.img_title {
		width: 55%;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.img_separator {
		height: 120px;
	}

	#bg-image {
		margin-top: -12px;
		height: 140px;
	}

	div.fieldsMaximoWidth > label {
		width: 100% !important;
	}
}

@media screen and (min-width: 992px) {
	body {
		font-size: 16px;
	}

	.specialBlueBoxTextSize{
		font-size: 15px !important;
	}

	.noSidePadding {
		padding-left: 0px;
		padding-right: 0px;
	}
	.lessSidePadding {
		padding-left: 1px;
		padding-right: 1px;
	}
	.lessRightSidePadding {
		padding-left: 20px;
		padding-right: 1px;
	}
	.lessLeftSidePadding {
		padding-left: 1px;
		padding-right: 20px;
	}

	.navImgRight {margin-left: 969px;}

	.navExtraRight {
		right: -1px;
		height: 33px;
		width: 32px;
		background: #428bca;
	}
	.navExtraLeft {
		margin-left: -16px;
		height: 33px;
		width: 32px;
		background: #428bca;
	}

	.navbar-default {
		border-radius: 0px;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 3.15), 0 8px 59px rgba(75, 59, 49, 0.2) !important;
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 3.15), 0 8px 59px rgba(75, 59, 49, 0.2) !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 3.15), 0 8px 35px rgba(75, 59, 49, 0.2) !important;
	}

	.containerSpecial {
		-webkit-box-shadow: 0px 9px 32px 3px rgba(0, 0, 0, 0.50);
		-moz-box-shadow: 0px 9px 32px 3px rgba(0, 0, 0, 0.50);
		box-shadow: 0px 9px 32px 3px rgba(0, 0, 0, 0.50);
	}

	.img_separator {
		height: 170px;
	}
	#bg-image {
		margin-top: -8px;
	}
	.bg-text {	/* Advertising text for gmlWebsite*/
		position: relative;
		top: 200px;
		left: 20%;
		height: 13%;
		z-index: 1;
		width: 391px;
		height: 91px;
	}
}
/* tablet size */
@media screen and (min-width:767px) and (max-width:1013px) {
	.smallDownSpaceTablet {margin-bottom: 8px !important;}
}

/*  */
@media screen and (min-width:860px) {
	.gtt-modal-authorize {
		width: 800px !important;
	}

	.gtt-authorize-contentFrame {
		height: 500px !important;
	}
}

@media screen and (max-width:860px) and (min-width:540px) {
	.gtt-modal-authorize {
		width: 510px !important;
	}
	.gtt-authorize-contentFrame {
		height: 750px !important;
	}
}

@media screen and (max-width:540px) {
	.gtt-modal-authorize {
		width: auto !important;
	}

	.gtt-authorize-contentFrame {
		height: 750px !important;
	}
}

/* mobile sizes - tablet and phone */
@media screen and (max-width:1013px) {
	div.gtttab-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 0px !important;
	}

	.noHorizontalMarginMobile {
		margin: 0 -15px 0 -15px;
	}

	.downSpace {margin-bottom: 8px !important;}
	.navImgLeft {display: none;}
	.navImgRight {display: none;}
	.bg-text {	/* Advertising text for gmlWebsite*/
		position: relative;
		top: 50px;
		left: 15%;
		z-index: 1;
		width: 195px;
		height: 45px;
	}

	div.gtttab-menu div.list-group>a.active.horizontalDisplay:after {
		transform: rotate(90deg);
		left: 50%;
		top: 110%;
	}
}

@media screen and (min-width: 1013px) {
	nav {width:1000px !important;}
	.navbar-collapse{
		top: 1px !important;
		width: 200px !important;
		margin-left: 0px !important;
	}
	.bg-text {	/* Advertising text for gmlWebsite*/
		position: relative;
		top: 60px;
		left: 15%;
		z-index: 1;
		width: 391px;
		height: 91px;
	}
	.navExtraRight {
		right: 14px;
		height: 33px;
		width: 32px;
		background: #428bca;
		margin-top: 59px;
	}
	.navExtraRight.level2 {
		margin-top: 98px !important;
	}
	.navExtraLeft {
		margin-left: -1px;
		height: 33px;
		width: 32px;
		background: #428bca;
		margin-top: 59px;
	}
}

@media screen and (min-width: 1200px) {
	/*changed because of shadows and menu*/
	.container {width: 970px;}
	.bg-text {	/* Advertising text for gmlWebsite*/
		position: relative;
		top: 220px;
		left: 20%;
		z-index: 1;
		width: 391px;
		height: 91px;
	}
}

@media screen and (min-width: 1214px) {
	nav {width: 1200px !important;}
	.navImgRight{margin-left: 1169px;}
	.navExtraRight {
		right: 14px;
		height: 33px;
		width: 32px;
		background: #428bca;
		margin-top: 59px;
		/*margin-top: 100px;*/
	}
	.navExtraRight.level2 {
		margin-top: 98px !important;
	}
	/*changed because of shadows and menu*/
	.container {width: 1170px;}
	.bg-text {	/* Advertising text for gmlWebsite*/
		position: relative;
		top: 60px;
		left: 25%;
		z-index: 1;
		width: 391px;
		height: 91px;
	}
}

/* all except text */
.elementVAlign {
	height: 34px;
	line-height: 34px !important;
	vertical-align: middle;
}

/*text near the menu button*/
.textMenu {
	top: 15px;
	width: 130px;
	padding-left: 0;
	cursor: pointer;
}

.textMenu:hover {
	color: white;
}

.side-collapse-container {
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: relative;
	left: 0;
	transition: left .4s;
}

.navbar-toggleSpecial {
	display: -ms-flexbox !important;
	display: inline-flex !important;
	display: -webkit-inline-flex !important;
	float: left;
	margin-left: -25px;
	border-color: #ddd;
	background-color:#ddd;
}

.inlineFlex {
	display: -ms-flexbox !important;
	display: inline-flex !important;
	display: -webkit-inline-flex !important;
}
.navBarHelpText {
	margin-right: 30px;
	color: #96d9f5;
}

.navbar-toggleSpecial:hover,.navbar-toggleSpecial:focus {
	background-color: #ddd;
}

.navBarBtns {
	margin-right: 35px;
	padding-bottom: 6px;
}

.navBarBtns.msgBtn{
	padding-right: 3px;
	padding-bottom: 6px !important;
	padding-top: 9px;
}

.navBarBtns.noMsgBtn{
	padding-right: 8px;
	padding-bottom: 6px !important;
	padding-top: 9px;
}

.navBarBtns.homeBtn{
	padding-right: 9px;
}

.navBarBtns.logOutBtn{
	padding-right: 6px;
}

.iconNavBarBtn {
	font-size: 18px !important;
}

.logOutDiv.gttAppsNav {
	margin-right: 155px;
}

.logOutDiv.gxAppsNav {
	margin-right: 130px;
}
/* BEGIN - icon sizes changes just applied to some not all cases */
/*
.logOutbtn {
	padding-bottom: 6px;
	padding-left: 9px;
	padding-right: 7px;
	padding-top: 7px;
	font-size: 19px;
}
*/
.menuBtnAlign {
	margin-left: 15px !important;
}

.unrdCountCircle {
	background-color: darkorange;
	font-size: 10px;
	color: white;
	border-radius: 50%;
	padding: 0px 3px;
	margin-left: -5px;
	margin-top: -4px;
}

.unrdMsgbtn {
	padding-bottom: 6px;
	padding-left: 9px;
	padding-right: 0px;
	padding-top: 7px;
	font-size: 19px;
}

.faSizeMenu {
	font-size: 17px;
}
/* provider pending request status icons */
.faStatusIcon {
	font-size: 20px !important;
}

.absolutePosition {
	position: absolute !important;
}
/* END - icon sizes */

/* If IE then use this class*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.logOutDiv {
		margin-right: 52px;
	}

	.logOutBtnIE {
		padding-right: 24px;
	}

	.homeBtnIE {
		padding-right: 24px;
	}
}


.navbar-nav {
	/*-webkit-padding-start: 30px !important;
	-moz-padding-start: 30px !important;
	padding-start: 30px !important;*/

	/*background: #DEDDCA !important;*/
	overflow: hidden !important;
	position: fixed;
	overflow-y: scroll;
	min-width: 170px;
	bottom: 0px;
  	top: 52px
}

.smallBtnRef {
	color: inherit;
}

.navbar-nav > li {
	width: 100%;
}
.bgColorMenu {
	background: #F5F5F1 !important;
}

.navbar-collapse {
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.side-collapse.out {
	width: 0;
	display: none;
}
/* Changes background color of navigation bar  */
.navbarSpecial {
	background-color: #0A5898 !important;
	/*background: #e3d9b1 !important;*/
}

.verticalBodySpecial {
	background: #a6af8c !important;
}

.navLoginSpecial {
	background-color: #0A5898 !important;
}

.colorNavLoginSpecial {
	color: #0A5898 !important
}
/* End of changes to background color of navigation bar  */

.smallMenuColor {
	background-color: #F8F8F8;
}

.panel-heading {
	background-color: #F8F8F8;
}
.rowColorOdd:nth-of-type(odd) {
	background: #CBD9F4;
}
.rowColorEven:nth-of-type(even) {
	background: #CBD9F4;
}
.rowColorEvenGreen:nth-of-type(even) {
	background: #b8d0ae;
}
.marginLeft0 {
	margin-left:0px !important;
	margin-right:0px !important;
}

.marginTop5 {
	margin-top: 5px;
}

.marginBot0 {
	margin-bottom: 0px;
}

.table {
	margin-bottom: 0px
}
.table th {
	text-align: left;
	background-color: #e6edf2;
}
.table th {
	text-align: left;
}
.tableThLeft th {
	text-align: left;
}
.tableTheadBorderTop thead {
	border-top: 1px solid #ddd;
}
.table td {
	cursor: pointer;
	border-bottom: 2px solid #ddd;
}
.tableNoPointer td {
	cursor: auto;
}

/*.tableResponsive {*/
	/*overflow: overlay;*/
/*}*/

.noSideBorders{
	border-left-style: hidden !important;
	border-right-style: hidden !important;
}

.tableHeaderHeight {
	height: 38px;
}

/* used on table to control the height of cells and overwrite the vertical-align from bootstrap (top) to middle*/
.valignMiddlePadd5 td {
	vertical-align: middle !important;
	padding: 5px !important;
}

.divScroll {
	overflow: auto;
}

/*this is important to separate the fields*/
.alertWebSales {margin-bottom: 10px !important;}
.downSpace {margin-bottom: 20px;}
.mediumDownSpace {margin-bottom: 15px !important;}
.smallDownSpace {margin-bottom: 10px !important;}
.smallerDownSpace {margin-bottom: 4px !important;}
/* Case of lists of checkboxes, reduce space between them. */
.btn-group .checkboxColor {margin-bottom: 4px !important;}
.btn-group .checkboxColor.noMarginBottom {margin-bottom: 0px !important;}

.checkboxBar {
	padding: 1px 4px 1px 4px;
}
.bigDownSpace {margin-bottom:25px;}
.upSpace {margin-top: 20px;}
.upSpace2 {margin-top: 10px;}
.mediumUpSpace {margin-top: 10px;}
.smallUpSpace {margin-top: 2px !important;}
.smallXUpSpace {margin-top: 10px !important;}
.upSpaceLogin {margin-top: 40px;}
.upSpaceLoginGTT {margin-top: 50px;}
.downSpaceLogin{margin-bottom: 10px;}
/*.btn-primary {background-color: #FFFFFF;}*/
.btn-info-img {width: 150px; height: 38px;}
.btn-return {background-color: orange;}
.btn.disabled {opacity: .45 !important;}
.btn-delete-title {font-size:12px; color: black;}
.btn-delete {
	background-color: #fff;
	color: #d43f3a;
	border-width: 3px;
	padding: 4px;

}
.btn-delete-xs {
	font-size:10px;
	padding: 2px;
}
.btn-datasource-select {
	display: block;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}
.btnDefaultnoHover:hover {
	background-color: #fff;
}

/*to use only with divs rows or tr*/
.lineDividerBottom {border-bottom: 2px solid #ddd;}
.lineDividerTop {border-top: 2px solid #ddd;}

/*needed to make the page occupy all the vertical space. There's some adjustments because of footer. The containerSpecial also does this*/
.lineDividerTop { border-top: 2px solid #ddd; }
.lineDividerBottom { border-bottom: 2px solid #ddd; }

.lineNoPrice {
	margin: 5px 0px;
	border-bottom: 2px solid #ddd;
}

.verticalHtml,.verticalBody {height:94%;}
.container {
	position:relative;
	background-color: #fff;
}
.containerSpecial {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:rgba(230,237,242,1);
	padding: 20px;
	background-color: #fff;
}

.containerSpecialAdminAccess {
	padding-top: 35px;
}

.logincontainer {
	max-width: 400px !important;
}

.adminAccessInfoClientBar {
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border: 1px solid #357ebd;
	font-size: 15px;
	letter-spacing: 2px;
	color: #FFFFFF;
}


/*Toni comented this 13_02_2015 There were a problem with popovers with position fixed. Check if there is some problem with call of divMiddle after this*/
/*@media only screen and (max-width: 760px) {
	.noOverflow {overflow: hidden; position:fixed;}
}*/
.noOverflow {overflow: hidden;}

.footer {
	text-align: center;
	font-size: 12px;
	color:#fff;
	background-color:#79a0c3;
	max-height: 150px;
	min-height: 150px;
	margin-bottom: 150px;
}

.footerLogoText {
	font-size: 14px;
	letter-spacing: 2px;
	color: #00518b;
}

.footer .popover { max-height: none;}

.divider-vertical-right {border-right: 1px solid #B37748;}

.divider-vertical-top {border-top: 1px solid #B37748;}
.tabElement {
	margin-left: 30px;
	padding-right: 30px;
}

.addElement {margin-left: 43px;}
.smallAddElement {margin-left: 15px;}
.disabledElement {color: #868282;}

/*css for radio buttons*/
/*definitions for pretty radion/checkbox buttons */
[data-toggle=buttons]>.btn input[type=radio] {clip: rect(0,0,0,0);}

.btn.radioColor {
	font-size: 13px !important;
}

.radioColor {
	background-color:#CBC9A6;
}

.radioColorSize01 {
	width: 94px;
}

a.list-group-item:hover {
	background-color: #428bca;
	color: #fff;
}

/* BEGIN: definitions for phones */
	.backgroundUnderFlags {
		background-color:#CBC9A6;
	}
/* END: definitions for phones */

/* BEGIN: definitions for default buttons - overlap bootstrap values*/
	.btn-default {
		background-color:#eff4ff;
	}

	.btnDefaultnoHover:hover {
		background-color: #CBC9A6;
	}
/* END: definitions for default buttons - overlap bootstrap values*/

/* BEGIN: definitions for modals */
	.modal-content {
		background-color:#FFF;
	}

	.modal-footer {
		border-top-color: #A69F53;
	}
/* END: definitions for modals */

.sizeMediumRadioButton {
	width:70px;
}

/* When the radio buttons are in the same row of other input fields ex: gxApps customers AddDetail from reservations (display hide radio buttons / input fields); */
.btn-group_radioColor {
	vertical-align: sub !important;
}

.checkboxColor.checkColorGreen {
	color: #fff !important;
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}

.checkboxColor.checkColorGreen:hover {
	color: #000000 !important;
	background-color: #449d44 !important;
	border-color: #5cb85c !important;
}

.checkboxColor.checkColorRed {
	color: #fff !important;
	background-color: #D80808 !important;
	border-color: #4cae4c !important;
}

.checkboxColor.checkColorRed:hover {
	color: #000000 !important;
	background-color: #D80808 !important;
	border-color: #4cae4c !important;
}

.checkboxColor.checkColorBlue.active {
	color: #000000 !important;
	background-color: #6E9DE2 !important;
	border-color: #5D8CD1 !important;
}

.checkboxColor.checkColorBlue.active:hover {
	color: #000000 !important;
	background-color: #5D8CD1 !important;
	border-color: #4D7ABC !important;
}

/* BEGIN: definitions for radio buttons and checkBoxcolors when active or negate */
.radioColor.active,.checkboxColor.active {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.radioColor.active:hover,.checkboxColor.active:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.radioColor.negate:hover,.checkboxColor.negate:hover {
	color: #fff;
	background-color: #9C0A0A;
	border-color: #398439;
}

/* BEGIN: definitions for datepickers */
	.hasDatepicker[readonly] {
		background-color: #eff4ff;
	}
/* END: definitions for datepickers */



/* used in jqueryui selector when dragging an item */
.dragged {
	background-color: lightblue;
}

.left {float:left !important;}
.right {float: right !important;}


/*  gtttab */
gtttabsystem.gtttab-container {
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-bottom: 5px;

}
div.gtttab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.gtttab-menu div.list-group {
  margin-bottom: 0;
}
div.gtttab-menu div.list-group>a {
  margin-bottom: 0;
}

div.gtttab-menu div.list-group>a.active,
div.gtttab-menu div.list-group>a.active .glyphicon,
div.gtttab-menu div.list-group>a.active .fa {
	color: #ffffff;
}

div.gtttab-menu div.list-group>a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #428bca;
}

div.gtttab-content{
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

div.gtttab div.gtttab-content:not(.active) {
  display: none;
}
/*read more read less functionality*/
.morecontent span {
	display: none;
}

.noLetterSpacing {
	letter-spacing: 0px;
}

.gxHeaderIconIndent {
	text-indent: 8px;
}

.gxHeader-small {
	font-size: 12px !important;
	letter-spacing: 0px !important;
}

/* BEGIN: definitions for bartype 1 */
.gxHeader1 {
	padding: 6px 0px 8px;
}

.gxHeader1-default {
	background-color: #ec922b;
	color: #ffffff;
	font-size:19px;
	letter-spacing: 2px;
}

.gxHeader1-hangingIndent {
	padding-left: 70px;
	text-indent: -56px;
}

.gxHeader1-circle {
	border-radius: 50%;
	margin-right: 4px;
	padding: 11px 5px 9px 14px;
	background: white;
	border: 4px solid #428bca;
	z-index: 10;
	position: relative;
}

.gxHeader1-circle gtticon {
	color: #428bca;
	text-indent: 0px;
	margin: 0;
	padding: 0;
}

.gttBtnSmallWhite {
	color: #fff;
	border-color: #fff;
}

/* if the header is inside a panel need to get the colors for fonts */
.gxHeader1-default .gttBtnSmall {
	color: #fff;
	border-color: #fff;
	letter-spacing: 0px !important;
}
/* END: definitions for bartype 1*/

/* BEGIN: header second level */
.gxHeader2 {
	padding: 5px;
	border-bottom: solid 1px;
}

.gxHeader2-default {
	background-color: #65A5DA !important;
	color: white;
	letter-spacing: 3px;
	font-size: 16px !important;
}

.gxHeader2-hangingIndent {
	padding-left: 10px;
	text-indent: -10px;
}

.gxHeader2 label {
	margin-bottom: 0px;
}

.gxHeader2 .gttBtnSmall {
	color: #fff;
	border-color: #fff;
}

/* if the header is inside a panel need to get the colors for fonts */
.gmxPanel-heading.gxHeader2-default .gttBtnSmall {
	color: white;
	border-color: white;
	letter-spacing: 0px !important;
}
/* END: header second level */

/* BEGIN: header third level */
.gxHeader3 {
	min-width: 100%;
	margin-bottom: 0px;
	min-height: 100%;
	padding: 4px 8px;
	line-height: 1.42857143;
}

.gxHeader3-default {
	font-size: 14px;
	letter-spacing: 3px;
	color: #333 !important;
	background-color: #94C3EA;
}
.gxHeader3-white {
	color: #333 !important;
	background-color: #f5f5f5 !important;
}

.gxHeader3-hangingIndent {
	padding-left: 10px;
	text-indent: -10px;
}
/* BEGIN: header third level To Remove If Not Necessary */
.gxHeader4 {
	min-width: 100%;
	margin-bottom: 0px;
	min-height: 100%;
	padding: 4px 8px;
	line-height: 1.42857143;
}

.gxHeader4-default {
	font-size: 14px;
	letter-spacing: 3px;
	color: #333 !important;
	background-color: #94C3EA;
}

.gxHeader4-hangingIndent {
	padding-left: 15px;
	text-indent: -10px;
}
/* END: header third level To Remove If Not Necessary */

/* if the header is inside a panel need to get the colors for fonts */
.gmxPanel-heading.gxHeader3-default .gttBtnSmall {
	color: #FFF !important;
	border-color: #FFF !important;
	letter-spacing: 0px !important;
}

.gmxPanel-body .gxHeader3 {
	min-width: auto !important;
}
/* END: header third level */

/* BEGIN: definition for hover gttBtnSmall */
.gttBtnSmall:not(.btn):hover
,.gttPaymentsTermsBtn:not(.btn):hover {
	color: #000 !important;
	border-color: #000 !important;
}
/* END: definition for hover gttBtnSmall */

/* Location: trips > detail > settings: Sell Trip on web buttons; */
/* Location: trips > detail > settings: Main contact - Require phone buttons; */
/* Location: trips > addStep4 > settings: Create Questions?; */
.buttonSize {
	width: 70px;
}

.bigButtonSize {
	width: 135px;
}

/* BEGIN: Trip Detail Buttons */

.menuTab {
	color: #fff !important;
	background-color: #428bca;
}

/* tripRooms/tripRoomsExtraNights */
/* tripCruiseCabins */
/* colPassportInfo_html */
.preferenceButtons {
	width:180px;
	text-align: left;
}

.smallText {
	size: 12px;
}

.fontSmallText {
	font-size: 12px;
}


.color1 {
	color: #f00; /*f00 = red*/
}

.textInputWidth {
	width: 150px;
}

/* END: Trip Detail Buttons */

.searchIndent {
	padding-left: 38px;
	text-indent: -12px;
}

.clipText {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.clipTextMsg {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 22px;
}

/*carousel*/
.amenity-carousel-inner .active.left {
	left: -33%;
	border: 1px;
}
.amenity-carousel-inner .active.right {
	left: 33%;
	border: 1px;
}
.amenity-carousel-inner .next {
	left:  33%;
}
.amenity-carousel-inner .prev {
	left: -33%;
}
.carousel-control {
	width:  34%;
}
.carousel-control.left {
	margin-left:-17px;
	margin-top: 17px;
	background-image:none;
}
.carousel-control.right {
	margin-right:-16px;
	margin-top: 17px;
	background-image:none;
}
/*.carousel-inner > .item > img {
	margin: 0 auto;
}
.carousel, .item, .active {
  height: 100%;
}*/
div.well-sm {
	margin-bottom: 5px;
}
/*.amenity-arrows-left {
	color: #000000;
	margin-top: -15px;
	margin-left: -5px;
}
.amenity-arrows-right {
	color: #000000;
	margin-top: -15px;
	margin-right: -5px;
}

.amenity-arrow-style {
	color: black;
	font-size: 11px;
	left: 15px;
}*/

.wizard-focus {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wizard-focus:focus {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.gttDraggable {
	border-right:1px solid gray;
	width: 40px;
}

.gttDraggableIcon {
	margin-left: -3px;
}

/*progress Bar - css */
.bs-wizard {margin-top: 40px;}
.bs-wizard a {cursor: initial !important;}

/*Form Wizard*/
.bs-wizard {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 0 10px 0;
}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
/*.bs-wizard > .bs-wizard-step + .bs-wizard-step {}*/
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa; transition: none;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/*Show/Hide text*/
.showMore {
	position:relative;
	padding-top: 5px;
	height: 20px;
	text-align:center;
	cursor: pointer;
	font-size: 12px;
	color: #428bca;
}
.showMore:hover {
	color: #000000;
}
/*If height is changed here, it must also be changed in utils.js under the function showtext() */
.showMoreHeight {
	height: 80px;
	overflow: hidden;
	position: relative;
}

/*Used on the preview template*/
.fakeShowMoreHeight {
	height: 140px;
	overflow: hidden;
	position: relative;
}

.gradientElementBottom:before {
	position: absolute;
	bottom: 0;
	height: 40%;
	width: 100%;
	content: "";
	pointer-events: none; /* so the text is still selectable */
}
/* white color */
.gradientElementBottom_default:before {
	background: linear-gradient(to top,
		rgba(255,255,255, 1) 20%,
		rgba(255,255,255, 0) 90%
	);
}

.gradientElementBottom_blue:before {
	background: linear-gradient(to top,
		rgba(217,237,247, 1) 20%,
		rgba(255,255,255, 0) 90%
	);
		/*rgba(188,232,241, 1) 20%,*/
}
.showMoreAlert {
	bottom: 12px;
}

.ui-sortable .hierarchyRightDotted {
	margin-left: 0px;
	margin-right: -5px;
}

/* BEGIN: gmxPanel */
.gmxPanel {
	margin-bottom: 20px;
	/*background-color: #fff;*/
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.gmxPanel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.gxPanel-heading {
	padding: 5px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.gmxPanel-default {
	border-color: #ddd;
}

.gmxPanel.gmxPanel-questions {
	padding: 0;
	margin-bottom: 0;
}
.gmxQuestions {
	margin-top: 0px;
	margin-bottom: 0px;
}
hr.gmxQuestions {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}
.gmxQuestions-row {
	margin-top: 8px;
}
.gmxQuestions-smallRow {
	margin-top: 4px;
}

/* Override for questions */
.ui-slider-wrapper.horizontal.questions {
	height: 3.5em;
}
/*.gmxQuestions > .gmxPanel-body {
	padding-left: 0px;
	padding-right: 0px;
	background-color: red;
}*/

.gmxPanel-default > .gmxPanel-heading,
.gmxPanel-modal > .gmxPanel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.gmxPanel-warning {
	border-color: #faebcc;
}

.gmxPanel-warning > .gmxPanel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.gmxPanel-body {
	padding: 15px 5px;
}

.gmxPanel-align{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 24px;
	margin-left: 24px;
}

.questions {
	background-color: #D5D4C3;
}
/* END: gmxPanel*/

/* BEGIN: gmxImageBlock / gmxImageCatalog */
@media screen and (max-width:360px) {
	/* Samsung S4 */
	gmximagecatalog fieldset {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

@media screen and (min-width: 361px) and (max-width:392px) {
	/* Nexus 4 */
	gmximagecatalog fieldset {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

gmximagecatalog .gmxImageCatalogArea {
	padding-left: 0px;
	padding-right: 0px;
}
.d-inline-block {
	display: inline-block;
}

.d-inline-block_important {
	display: inline-block !important;
}

.gmxImageBlock {
	display: inline-block;
}

.gmxImageBlock .thumbButton {
	position: absolute;
	margin-left: 9px;
	margin-top: 103px;
	cursor: pointer;
}

.gmxImageBlock .thumbnail {
	display: inline-block;
	width: 104px;
	height: 124px;
	padding-bottom: 23px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}
/* END: gmxImageBlock / gmxImageCatalog */

/*image catalog edit name popover alert margin*/
.alertSmallMargin {
	padding: 15px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-radius: 4px;
}
/*image catalog edit name popover input field width*/
.popoverInput {
	width: 242px;
}
/*icon to edit image name*/
.imgEditMargin, .smallRightMargin {
	margin-right: 4px;
}
/*Search box in image catalog modal*/
.searchBox {
	position: relative;
	/*right: 22px;*/
	margin-top: 4px;
	margin-bottom: 4px
}
.search {
	width: 100%;
	max-width:0;
	padding: 0px;
	transition: all .5s ease;
	position:absolute;
	right:20px;
	box-sizing:border-box;
	opacity:0;
}
.search.expanded {
	max-width: 96%;
	opacity:1;
	right: 14px;
}
.srchButton {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
}
/*alert box for popover in image catalog*/
.alertPopover {
	padding: 4px 10px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.shortenSentence {
	margin: 3px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imgShortenSentence {
	width: 93px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	top: 0px;
}

.clearInput {
	position: absolute;
	right: 4px;
	top: 7px;
	margin-top: 6px;
	font-size: 21px;
	cursor: pointer;
	color: #ccc;
}

.srchbackgrd {
	background-color: #CBC9A6;
	padding: 8px 11px 0px 11px;
	border-radius: 5px;
	margin-bottom: 3px;
}

.btnCloseSrch {
	position: relative;
	right: 5px;
	top: -4px;
	background-color: inherit;
	border: 0px;
	height: 18px;
}

.add-btn-after {
	float: right;
	top: -24px;
	left: 20px;
}

.listOptionsMaximumHeight {
	max-height: 160px;
	overflow-x: hidden;
	overflow-y: auto;
}

.questionListOverflow {
	overflow-x: hidden;
}

.xx-small {
	font-size: xx-small !important;
}

#card-number.braintree-hosted-fields-invalid, #cvv.braintree-hosted-fields-invalid, #expiration-month.braintree-hosted-fields-invalid, #expiration-year.braintree-hosted-fields-invalid {
  border-color: #a94442;
}

#card-number.braintree-hosted-fields-valid, #cvv.braintree-hosted-fields-valid, #expiration-month.braintree-hosted-fields-valid, #expiration-year.braintree-hosted-fields-valid {
  border-color: green;
}

#card-number-container {
  background-repeat: no-repeat;
  background-position: top;
  /*background-position: right 10px center;*/
}

#card-number-container.visa {
	background-image: url("../../assets/images/payments/visa.png");
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	background-position-y: -8px;
	background-position-x: 125px;
}

#card-number-container.discover {
	background-image: url("../../assets/images/payments/discover.png");
	-webkit-background-size: 34px 34px;
	background-size: 34px 34px;
	background-position-y: -8px;
	background-position-x: 125px;
}

#card-number-container.master-card  {
	background-image: url("../../assets/images/payments/master-card.png");
	-webkit-background-size: 35px 34px;
	background-size: 35px 34px;
	background-position-y: -7px;
	background-position-x: 125px;
}

#card-number-container.american-express {
	background-image: url("../../assets/images/payments/american-express.png");
	-webkit-background-size: 36px 32px;
	background-size: 31px 32px;
	background-position-y: -5px;
	background-position-x: 125px;
}

#card-number-container.diners-club {
	background-image: url("../../assets/images/payments/diners-club.png");
	-webkit-background-size: 33px 32px;
	background-size: 33px 32px;
	background-position-y: -5px;
	background-position-x: 125px;
}

#card-number-container.maestro {
	background-image: url("../../assets/images/payments/maestro.png");
	-webkit-background-size: 32px 32px;
	background-size: 36px 32px;
	background-position-y: -5px;
	background-position-x: 125px;
}

#card-number-container.jcb {
	background-image: url("../../assets/images/payments/jcb.png");
	-webkit-background-size: 31px 24px;
	background-size: 31px 24px;
	background-position-y: -3px;
	background-position-x: 125px;
}

.dont-break-out
,.breakWord {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* -ms-word-break: break-all;*/
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all;*/
  /* Instead use this non-standard one: */
  /* word-break: break-word; */

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

  white-space: normal;
}

.loading {
	float: left;
	position: relative;
	top: -10px;
	left: 2px;
}

.boldFont {
	font-weight: bold;
}

.table.errInstance>thead>tr>th,
.table.sprtInstance>thead>tr>th,
.table.errInstance>tbody>tr>th, .table.errInstance>tfoot>tr>th,
.table.sprtInstance>tbody>tr>th, .table.sprtInstance>tfoot>tr>th,
.table.errInstance>thead>tr>td, .table.errInstance>tbody>tr>td,
.table.sprtInstance>thead>tr>td, .table.sprtInstance>tbody>tr>td,
.table.errInstance>tfoot>tr>td,
.table.sprtInstance>tfoot>tr>td {
	padding: 8px 3px !important;
}
div.errInstance,
div.sprtInstance {
	margin: 0;
	/*padding-right: 15px;*/
}
div.errInstance > div > div.row > div,
div.sprtInstance > div > div.row > div {
	/*border-top: 0 !important;*/
	padding: 8px 3px !important;
	/*border-bottom-width: 2px;*/
	/*border-left: 1px solid #ddd;*/
	vertical-align: bottom;
	line-height: 1.42857143;
	text-align: left;
	display:table-cell;
}
div.errInstance > div > div.row > div.tbHeader,
div.sprtInstance > div > div.row > div.tbHeader {
	background-color: rgba(230,237,242,1);
	border-right: 1px solid #ddd;
	font-weight: bold;
}
div.sprtInstance > div > div.row > div.tbHeader:last-child {
	border-right: none !important;
}
div.errInstance > div > div.row > div.tbHeader.errMaxHeight,
div.sprtInstance > div > div.row > div.tbHeader.errMaxHeight {
	border-right: 0 !important;
}
div.errInstance > div > div.row > div.tbBodyOdd,
div.sprtInstance > div > div.row > div.tbBodyOdd {
	background-color: #f9f9f9 !important;
}
div.errInstance > div > div.row > div.tbBodyEven,
div.sprtInstance > div > div.row > div.tbBodyEven {
	background-color: rgba(230,237,242,1) !important;
}
div.errInstance > div > div.row,
div.sprtInstance > div > div.row {
	border-top: 0 !important;
	border-bottom-width: 2px;
	border: 1px solid #ddd;
}
div.errInstance > div > div.row.tbBodyOdd,
div.sprtInstance > div > div.row.tbBodyOdd {
	background-color: #f9f9f9;
}
div.errInstance > div > div.row.tbBodyEven,
div.sprtInstance > div > div.row.tbBodyEven {
	background-color: rgba(230,237,242,1);
}

.errMaxHeight {
	max-height: 400px;
}

.displayNone {
	display: none;
}

.showNormalText {
	color: #333;
	font-weight: normal;
}
/* success with transparent background */
.error-success, .ticket-success {
	color: #3c763d;
	background-color: transparent;
	border-color: #d6e9c6;
}
/* success with transparent background */
.ticket-initiated {
	color: #f0ad4e;
	background-color: transparent;
	border-color: #d6e9c6;
}
/* danger with transparent background */
.error-danger, .ticket-danger {
	color: #a94442;
	background-color: transparent;
	border-color: #ebccd1;
}
/* BEGIN:badge colors */
.badge-default {
	background-color: #777 !important;
}
.badge-primary {
	background-color: #337ab7 !important;
}
.badge-success {
	/*background-color: #5cb85c !important;*/
	background-color: #8dca8d !important;
}
.badge-info {
	background-color: #5bc0de !important;
}
.badge-warning {
	/*background-color: #f0ad4e !important;*/
	background-color: #eabb77 !important;
}
.badge-danger {
	background-color: #d9534f !important;
}
/* END: badge colors */

/* Plans and Pricing Page System */
/*Font Loded*/
@import url(../fonts/Lato/lato.css);
/*
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
  font-family: 'Robot', sans-serif;
*/

.btn-custom {
	color: #bdc3c7;
	font-size: 18px;
	border: 1px solid #bdc3c7;
}
.btn-custom2 {
	color: #777;
	font-size: 18px;
	border: 1px solid #777;
}
.btn-custom:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
}
#prices-table {
	padding-top: 50px;
}
#prices-table .prices {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
}
#prices-table .prices .prices-table {
	padding-bottom: 30px;
}

#prices-table .prices .prices-table .prices-header {
	position: relative;
	background: #1c75bb;
	padding: 11px 22px;
	text-align: center;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-radius: 2px;
}
#prices-table .prices .prices-table .prices-header .prices-title {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}
#prices-table .prices .prices-table .prices-header .prices-rate {
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	position: relative;
	text-align: center;
}
#prices-table .prices .prices-table .prices-header .prices-rate sup {
	font-size: 24px;
	position: relative;
	top: -30px;
	color: #bdc3c7;
}
#prices-table .prices .prices-table .prices-header .prices-rate span {
	font-size: 14px;
	color: #bdc3c7;
	text-transform: uppercase;
}
.pricesPerMonth {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  text-align: center;
}
.pricesPerMonth span {
  font-size: 12px;
  color: #bdc3c7;
  text-transform: uppercase;
}
#prices-table .prices .prices-list {
	padding: 20px 0 40px 0;
	background: #ffffff;
	border: 1px solid #e3e3e3;
}
#prices-table .prices .prices-list ul {
	width: 100%;
	padding: 0px;
	display: table;
	margin: 0px 10%;
}
#prices-table .prices .prices-list ul li {
	width: 80%;
	list-style: none;
	/*
	border-bottom: 1px solid #EAECEB;
	*/
	border-bottom: 1px solid #a67f61;
	color: #bdc3c7;
	color: #00518b;
	font-size: 16px;
	line-height: 42px;
}
#prices-table .prices .prices-list ul li:last-child {
	border: none;
}
#prices-table .prices .prices-list ul li i {
	margin-right: 12px;
	color: #888;
}
#prices-table .prices .prices-list ul li span {
	color: #34495e;
}
/*hover over onclick*/
.hoverOnclick:hover {
	color: #939393 !important;
}

.noWrapWhiteSpace {
	white-space: nowrap;
}
.wrapWhiteSpace {
	white-space: normal !important;
}
.listItem {
	padding-left: 3px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	margin-bottom: 5px;
	color: initial;
}
.item-ok {
	border: 2px solid green;
}
.item-error {
	border: 2px solid red;
}
.item-warning {
	border: 2px solid orange;
}
.item-max-height {
	max-height: 25px;
}

/* Trip > addSteps */
.noBorderBottom {
	border-bottom: 0;
}
.noBorderRight {
	border-right: 0 !important;
}
.alignTextCenter {
	text-align: center;
}
.minPopoverWidth {
	min-width: 81px;
}
 /* getAlltripMiscellaneous_html */
.divPadding {
	padding: 1px 17px 17px 17px !important;
}
.preventClick {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.forgotPassword {
	color: #0A5898;
	font-size: 14px;
}

.forgotPassword:hover {
	text-decoration: underline
}

.semiTransparent {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.hasFloatLabel {
	font-size: 12px;
	left: 18px;
	top: 15px;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	display: table !important;
	background: #fff;
	z-index: 10;
	/*
	margin-left: 5px;
	margin-right: 5px;
	*/
}

.hasFloatLabelHidden {
	font-size: 12px;
	visibility: hidden;
}

.imgSortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.imgSortable li {
	margin: 3px 3px 3px 3px;
	padding: 1px;
	float: left;
	width: 103px;
	height: 122px;
}
/*.imgSortable li:hover {
	opacity:1;
	background:rgba(0,0,0,0.3) center no-repeat;
}*/
.move {
	/*cursor: move;*/
	cursor: ew-resize;
}
.imgFit {
	max-width:100%;
	max-height:100%;
	padding: 3px
}
.imgBgStyle {
	border-radius: 5px;
	border: 2px solid grey;
	background-color: #FFFFFF;
}
/* dotted leaders */
.dottedLeader {
	overflow: hidden;
}
.dottedLeftSpan {
	float: left;
	padding: 0 .4em 0 0;
	margin: 0;
}
.dottedRightSpan {
	float: right;
	padding: 0 0 0 .4em;
	margin: 0;
}
.dottedLeader:after {
	content: "";
	display: block;
	overflow: hidden;
	height: 1em;
	border-bottom: 1px dotted;
	border-color: #aaa;
}
.noLeftPadding {
	padding-left: 0px;
	padding-right: 15px;
}
.noRightPadding {
	padding-left: 15px;
	padding-right: 0px;
}
.noRightPadding2 {
	padding-left: 45px;
	padding-right: 0px;
}
.rotateIcon {
	transform: rotate(-90deg);
}
/* take out the scroll on fields numeric */
input[type=number] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*forces the header for modals the change on bootstrap*/
.modal-header {
	min-height: 40px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.modal {
	overflow: auto;
}

.displayInline {
	display: inline;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 30px !important;
}

.minWidth {
	width: 1%;
}

/* BEGIN: Grid Section */
	/* BEGIN: Grid Areas */
		.grid-header { grid-area: header; }
		.grid-main { grid-area: main; }
		.grid-sidebar { grid-area: sidebar; }
		.grid-footer { grid-area: footer; }
	/* END: Grid Areas */

	/* BEGIN: Section Individuals */
		.grid-section-individuals {
			display: grid;
			grid-template-columns: auto auto 1fr;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-individuals div.grid-col-1 {
		}*/
		.grid-section-individuals div.grid-col-2 div {
			display: inline;
		}
		.grid-section-individuals div.grid-col-3 {
			white-space: nowrap;
		}
	/* END: Section Individuals */

	/* BEGIN: Section Payments */
		.grid-section-payments {
			display: grid;
			grid-template-columns: auto 1fr;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-payments div.grid-col-1 {
		}
		.grid-section-payments div.grid-col-2 {
		}*/
	/* END: Section Payments */

	/* BEGIN: Section Adjustments */
		.grid-section-adjustments {
			display: grid;
			grid-template-columns: auto 1fr auto;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-adjustments div.grid-col-1 {
		}
		.grid-section-adjustments div.grid-col-2 {
		}
		.grid-section-adjustments div.grid-col-3 {
		}*/
	/* END: Section Adjustments */

	/* BEGIN: Section Adjustments::Description */
		.grid-section-adjustments-description {
			display: grid;
			grid-template-columns: auto 1fr;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-adjustments-description div.grid-col-1 {
		}
		.grid-section-adjustments-description div.grid-col-2 {
		}*/
	/* END: Section Adjustments::Description */

	/* BEGIN: Section Documents */
		.grid-section-documents {
			display: grid;
			grid-template-columns: auto 1fr auto;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-documents div.grid-col-1 {
		}
		.grid-section-documents div.grid-col-2 {
		}*/
	/* END: Section Documents */

	/* BEGIN: Section Audit */
		.grid-section-audit {
			display: grid;
			grid-template-columns: auto 1fr auto;
			grid-auto-flow: row;
		}
		/* Columns */
		/*.grid-section-audit div.grid-col-1 {
		}
		.grid-section-audit div.grid-col-2 {
		}
		.grid-section-audit div.grid-col-3 {
		}*/
	/* END: Section Audit */
/* END: Grid Section */

/* BEGIN: Logo Colors */
.groupMinder-color {
	color: #ee4813;
}
.groupXpress-color {
	color: #1c75bc;
}
/* END: Logo Colors */

.sumNoteModalField {
	display: block !important;
}

.requestCountry {
	color: #f44336;
  }

.formatExamples {
	font-size: 12px;
	background-color: #cdffcf;
	border: 1px solid #ccc;
	border-top: 0px;
	margin-left: 20px;
	margin-right: 1px;
}

/* Bruno Coupon Buttons Ver. 1 */
.gtt-Switch > input[type="checkbox"] {
	display: none;
	z-index: 1;
}

.gtt-Switch > label {
	cursor: pointer;
	height: 0px;
	position: relative;
	margin-left: 90px;
	width: 40px;
}

.gtt-Switch > label::before {
	background: rgb(0, 0, 0);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	padding-left: 40px;
	border-radius: 16px;
	content: '';
	height: 28px;
	margin-top: -3px;
	position:absolute;
	transition: all 0.4s ease-in-out;
	width: 50px;
	opacity: 0.3;
	/*
	*/
}
.gtt-Switch > input[type="checkbox"]:checked + label::before {
	background: inherit;
	opacity: 0.5;
	z-index: 1;
	/*
	*/
}
.gtt-Switch > label::after {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	content: '';
	height: 20px;
	left: 2px;
	margin-top: -3px;
	position: absolute;
	top: 4px;
	transition: all 0.3s ease-in-out;
	width: 20px;
}
.gtt-Switch > input[type="checkbox"]:checked + label::after {
	background: inherit;
	left: 28px;
	z-index: 1;
}
.gtt-label-before {
	position: absolute;
	top: 6px;
	left: 30px;
	text-align: right;
	width: 71px;
}
.gtt-label-after {
	position: absolute;
	top: 6px;
	left: 160px;
}

.gx-label-before {
	position: absolute;
	top: 6px;
	left: -8px;
	text-align: right;
	width: 93px;
}
.gx-label-after {
	position: absolute;
	top: 6px;
	left: 150px;
}
.gtt-Switch {
	height: 34px;
	padding: 6px 0px;
}
.gtt-Switch-noLabel {
	padding: 0px !important;
}
.gtt-Switch-noLabel-Label {
	margin-left: 6px !important;
}
.gtt-Switch-noLabel > label::before {
	background: rgb(0, 0, 0);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	padding-left: 40px;
	border-radius: 16px;
	content: '';
	height: 28px;
	margin-top: -3px;
	position:absolute;
	transition: all 0.4s ease-in-out;
	width: 50px;
	opacity: 0.3;
	/*
	*/
}
.gtt-Switch-noLabel > label::after {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	content: '';
	height: 20px;
	left: 2px;
	margin-top: -3px;
	position: absolute;
	top: 4px;
	transition: all 0.3s ease-in-out;
	width: 20px;
}
.gtt-Switch-noLabel > input[type="checkbox"]:checked + label::after {
	background: #4bff04;
	left: 28px;
	z-index: 1;
}
.label-success-alt {
	background-color: rgb(0, 0, 0);
}
/*
new
*/
.buttonHelpBar {
	font-size: 10px;
	width: 100px;
	padding-top: 3px;
	height: 20px;
	margin-bottom: 1px;
}

li.liRowHeight {
	margin-bottom: 1px !important;
	padding-top: 4px;
}
.cropContainer {
	margin-left: 0px;
	margin-right: 0px;
}
.imgCropDiv {
	position: relative;
	width: 568px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.imgCrop {
	width: 568px;
	padding: 0px;
	margin: 0px;
}
.cropArea {
	width: 568px;
	height: 122px;
	border: 1px dashed white;
	position: absolute;
	left: 0px;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	outline-style: solid;
	outline-color: rgba(0,0,0,0.75);
	outline-width: 240px;
}
/* BEGIN: TO SEE */
.childIconPosition {
	top: 7px;
	left: 5px;
	font-size:25px !important;
}
.adultIconPosition {
	top: -36px;
	left: 2px;
	font-size:35px !important;
}
.adultIconPosition2 {
	top: 0px;
	left: 12px;
	font-size:30px !important;
	color: #AAA;
}
.adultIconPosition3 {
	top: -6px;
	left: 2px;
	font-size:35px !important;
}
.adultIconPosition4 {
	top: 3px;
	left: 4px;
	font-size:12px !important;
}
.adultIconPosition5 {
	top: -14px;
	left: 16px;
	font-size:12px !important;
}
.adultIconPosition6 {
	top: -17px;
	left: 4px;
	font-size:12px !important;
}
.adultIconPosition7 {
	top: -34px;
	left: 16px;
	font-size:12px !important;
}
.adultTextIconPosition {
	top: -76px;
	left: 11px;
	font-size:12px !important;
}
.adultTextIconPosition2 {
	top: -47px;
	left: 11px;
	font-size:12px !important;
}

.margin5pxTopBottom {
	margin: 5px 0px !important;
}
/* END: TO SEE */