/*** Whoomies color : color:#e32321; ***/
/*** darker pink => E2211F E2211F **/
/*** Lighter color : color:#11dba1; ***/
/***  Blue color : color:#32384e; ***/
/***  Lighter Blue color : #3E4660 ***/
/***  Disabled gray (dark) : #8B8E9D ***/
/***  Super subtle disabled gray (light) : #F7F7F9 ***/

html, body { height: 100%; }

html {
  position: relative !important;
}

body {
	background-color: #f8f8f8;
	font-family: 'Montserrat', sans-serif;
}

.page {
	background-color:white;
	padding:30px;
	padding-top:20px;
	margin-top:-20px;
}

.homeLogo {
	padding:0px !important;
}

.homeLogo:hover, .homeLogo:focus {
	background-color: transparent!important;
	text-decoration: none !important;
	border:none!important;

}

.mainTint {
	color: #e32321 !important;
}

.greenTint {
	color: #10C682 !important;
}

.redTint {
	color: #F82D4D !important;
}

.grayTint {
	color: #8B8E9D !important;
}

.grayButtonColor {
	background-color: #8B8E9D !important;
	color:#ccc!important;
}

.bold {
	font-weight: 900;
}

/** STEPPER **/

.stepper input[type="radio"] {
	display: none;
}

.stepper .block .title {
	border-left: 1px solid #e32321;
}

.stepper .rulesBox, .stepper .amenitiesBox {
	display: none;
	background-color:red!important;
}

.stepper .customCheckCell {
	padding:5px !important;
	padding-right:10px !important;
	padding-left:10px !important;
	margin-bottom:6px;
	border : 1px solid #e32321;
	color: #e32321;
	border-radius: 3px;
}

.stepper .customCheckCell:hover {
	border : 1px solid #E2211F!important;
}

.stepper .customCheckCellActive {
	background-color: #e32321;
	border : 1px solid #E2211F!important;
	color:white;
}

.disableSelectionText {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stepper .checkbox-inline, .radio-inline {
	padding-left:7px !important;
}

.stepper .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-left: 0px !important;
}

.filterBox {
	background-color:#e32321; color: white; border: none;
}

.magicBox {
	padding:14px;
	padding-left:14px;
	padding-top:14px!important;
	margin-bottom:26px;
	border:0; box-shadow: 0 1px 4px 0 hsla(0, 0%, 0%, 0.1);
	background-color: hsl(210, 9%, 98%);
	border-left: 6px solid #e32321;
}

.page .formLabel {
	padding-top:12px!important; text-align:right!important;
	font-size: 14px;
}

.page .formValue {
	font-size:19px;
}

.page .verticalPosAdjustment {
	padding-top:8px;
}

.profile .verticalPosAdjustment {
	padding-top:12px;
}

.page .switchFormAdjustment {
	padding-top: 5px;
}

.over-class {
	background-color: #e32321;
	color: white;
}
/** end STEPPER **/

.switch.checked {
	background:#e32321 !important;
	border-color: #e32321 !important;
}

.grayStuff {
	color: #8B8E9D !important;
}

.countrySelected {
	text-decoration: underline;
}

/**** CALENDAR DATE PICKER *****/
/** hide close and today in calendar widget */

button.btn.btn-sm.btn-info.uib-datepicker-current.ng-binding,
button.btn.btn-sm.btn-danger.uib-clear.ng-binding {
	display : none;
}

.uib-day .btn {
	background-color: #ccc !important;
	color:black;
}

.uib-day .btn.active {
	background-color:#e32321 !important;
}
.uib-day .btn.active .text-info, .uib-day .btn.btn-info {
	color:white !important;
}

.coverSignup {
	background: url('../assets/images/signuppro/bar.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mainContainer {
	min-height: 100%;
	margin-bottom:-270px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

/** truncate text with ... must add a div with that class **/
.truncateText {
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/** navbar customization **/
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
	background-color: white;
    border-width: 1px;
    border-radius: 4px;
    font-family: 'Montserrat', serif;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
    color:#32384e;
    white-space: nowrap;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    border-bottom: 1px solid #F4F4F4;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover {
	background-color: #F6F8FA;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color:#e32321;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}

#custom-bootstrap-menu #iconLinks {
	text-align: right !important;
}

#custom-bootstrap-menu #iconLinks a img {
	height: 80px;
}

/** Nav bar **/

.navbar-nav i {
	margin-right:8px;
	font-size:1.1em;
}

/***********/

/** Forms **/
.form-horizontal .ng-invalid.ng-dirty, .form-signin .ng-invalid.ng-dirty {
	border-color: #FA787E;
}

/*.form-horizontal .ng-valid.ng-dirty, .form-signin .ng-valid.ng-dirty {*/
	/*border-color: #e32321;*/
/*}*/

.form-horizontal .hint {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 0.9em;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.checkboxModalItems {
	margin-left:10px;
}

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.bg-danger, .bg-info, .bg-success {
	padding:18px;
	margin-top:12px;
	margin-bottom:12px;
}

.bg-danger a {
	color:#AC4341;
}

.bg-info .badge {
	margin-right:6px;
}

@media screen and (max-width: 1000px) {
	.hideMenuLongLabel {
		display:none;
	}
}

@media screen and (min-width: 1001px) {
	.hideMenuShortLabel {
		display:none;
	}
}

.topMenuImage {
	width:26px; margin-right: 3px;
}

/*******************************************/
/**** IMG CIRCLE 						****/
/**** Keep aspect ratio in the circle 	****/
/*******************************************/
.caption div {
	box-shadow: 0 0 5px #C8C8C8;
	transition: all 0.3s ease 0s;
}

.img-circle {
	border-radius: 50%;
}

.img-circle {
	border-radius: 0;
}

.ratio {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	height: 0;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}
.img-circle {
	border-radius: 50%;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.noScreen {
	display:none;
}


/** LOADER **/


.loader {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	display:table;
	z-index:100000;
}

.loader .spinner {
	display:table-cell;
	vertical-align:middle;
	background-color:white;
}

.loader h1 {
	font-family: 'Montserrat', serif;
}

.loader .spinner img {
	-webkit-animation: heartbeat 2s alternate infinite;
	animation: heartbeat 2s alternate infinite;
}

@keyframes heartbeat
{
	0%
	{
		transform: scale( .75 );
	}
	20%
	{
		transform: scale( 1 );
	}
	40%
	{
		transform: scale( .75 );
	}
	60%
	{
		transform: scale( 1 );
	}
	80%
	{
		transform: scale( .75 );
	}
	100%
	{
		transform: scale( .75 );
	}
}

/* for forms */
.lunaSwitch {
	margin-top:9px !important;
}

/* navbar not collapsing on smartphone */

.navbar-collapse.collapse {
	display: block!important;
}

.navbar-nav>li, .navbar-nav {
	float: left !important;
}

.navbar-nav.navbar-right:last-child {
	margin-right: -15px !important;
}

.navbar-right {
	float: right!important;
}

/* end navbar */

/* message window */

.messageWindow {
	margin-top:16px; text-align:center !important;
}

.messageWindow .content {
	padding:16px; background-color:white;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

.messageWindow .content .topIcon {
	display:block;
	margin:8px;
}

.messageWindow .content .message {
	padding:14px!important; font-size: 1.3em;
}

.messageWindow .content .message .cta {
	 margin-top:20px;
 }

/*** ---------- ***/

/**** PAGINATION : customized Bootstrap template ****/

.pagination-sm > li > a, .pagination-sm > li > a:hover, .pagination-sm > li > span {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #e32321;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #e32321;
	border-color: rgba(254, 40, 81, 0.69);
}

/*** ----- end PAGINATION ------ ***/

.totalItems {
	margin-bottom:20px;
	margin-left: 4px;
	color: #bfbfbf;
}

/** SEARCH **/

.searchButton, .searchButton:hover, .searchButton:active {
	font-size:22px !important;
	color: white !important;
	background-color: #e32321 !important;
	border:none;
	padding:6px!important;
	padding-left:16px!important;
	padding-right:16px!important;
}

.searchButton:hover {
	background-color:  rgba(254, 40, 81, 0.69) !important;
}

.searchInput {
	height:45px;
	font-size: 16px;
}

textarea {
	font-size: 16px;
	padding-left:8px;
	padding-right:8px;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;

}

.spinnerLoading {
	font-size: 1.4em; text-align:center; margin-top:20px; margin-bottom:20px;
}

/** FORMS **/

button[class*="sfcButtonActive"], button[class*="sfcButtonActive"]:hover, button[class*="sfcButtonInactive"], button[class*="sfcButtonInactive"]:hover,
button[class*="sfcButtonActive"]:active, button[class*="sfcButtonInactive"]:active,
button[class*="sfcButtonActive"]:focus, button[class*="sfcButtonInactive"]:focus,
button[class*="sfcButtonActive"]:visited, button[class*="sfcButtonInactive"]:visited
{
	font-size:14px !important;
	font-family: 'Montserrat' !important;
	background-color:#2C3145 !important;
	color: #ECECED !important;
	border:none !important;
	padding:10px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin:5px;
}

button[class*="sfcButtonActive"] .fa-stack, button[class*="sfcButtonInactive"] .fa-stack {
	color:#e32321;
	margin-left:10px;
}

button[class*="sfcButtonInactive"] .fa-stack {
	color:#2C3145;
}

button[class*="sfcButtonInactive"], button[class*="sfcButtonInactive"]:hover , button[class*="sfcButtonInactive"]:active , button[class*="sfcButtonInactive"]:focus {
	background-color:#B9BBC3!important;
	color: #2C3145!important;
}

.btnCustom,.btnCustom:focus, button[type="submi