/*** 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="submit"], button[type="submit"]:hover, button[type="submit"]:active, button[type="submit"]:focus, button[type="submit"][disabled], .tintSquareButton {
	font-size:14px;
	font-family: 'Montserrat', serif;
	background-color:#e32321;
	color: white;
	border:none;
	text-transform: uppercase!important;
	padding:14px;
	padding-right: 50px;
	padding-left: 50px;
}

.btn.small,.btn.small[disabled], .btn.small:focus, .btn.small:hover {
	padding:8px;
}

/** Footer area **/
@media print {
	@page {size: landscape; margin: 0mm;}

	.mainContainer {
		padding-top:20px !important;

	}
	.noPrint {
		display: none !important;
	}

	a[href]:after {
		content: none !important;
	}

	.noScreen {
		display:block !important;
	}
}

.badgeCustom{
	color:#e32321;
	background-color:white;
	padding:4px;
	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;
}

/** banner when the user is not signed in **/
.guestBanner, .guestBannerMobile {
	z-index:1000;
	position:fixed;
	bottom:0px;
	width : 100%;
	height: 130px;
	background-color:white;
	opacity:0.98;
	box-shadow: 0 9px 14px 0 #e32321!important;
}

.guestBannerMobile {
	height: 280px;
}

a {
	color:#e32321;
}

a:hover, a:active, a:focus {
	color: #E2211F;
	text-decoration:none;
}

.menuButton {
	border-bottom:3px solid transparent;
}

.menuButton:hover {
	color:#e32321;
}

.footer {
	width: 100%;
	margin:0 !important;
	padding:0 !important;
	margin-top:300px !important;
	background-color:#e32321;
	height: 170px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size:cover;
	background-image: url('../assets/images/footer_banner.png');
	color:white;
	text-align: left;
	font-size:0.9em;
}

.footer h5 {
	margin-top:20px;
	font-family: 'Montserrat', serif;
}

.credit, .credit a, .madeBy, .madeBy a, .footer a, .footer a:hover {
	color:white !important;
}

.madeBy, .hint {
	font-size:0.8em;
}

.footer ul {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

.searchGoogleMaps {
	padding-top:2px;
	text-align:right;
}

/** h1 definition **/
h1 {
	font-family: 'Montserrat', serif;
	color:#2E3246 !important;
	font-weight: bold;
	text-shadow:none;
	margin-bottom:30px;
	margin-top: 26px;
	font-family: 'Montserrat', serif;
}

h1 i {
	margin-right:8px;
}

h1.pageTitle, h1.pageTitleLeft {
	font-size: 2em;
	text-align: center;
	margin-top:66px!important;
	padding-top:0px!important;
	margin-bottom:40px;
}
h1.pageTitleLeft {
	text-align: left;
}

h1.bottomShort {
	margin-bottom:0px!important;
	padding-bottom:0px!important;
}

h1 img {
	margin-right: 10px !important;
}
/** h2 definition **/
h2, h3 {
	font-family: 'Montserrat', serif;
	color:#2E3246 !important;
	font-weight: normal;
	text-shadow:none;
	font-size: 22px;
	margin-bottom:30px;
	margin-top:40px;
}

h2 a {
	color:#2E3246 !important;
}

h2 i {
	margin-right:8px;
}

h2.centeredTitle {
	text-align:center !important;
	font-family: 'Montserrat', sans-serif !important;
	margin-bottom:10px;
	margin-top:12px;
}

h3 {
	font-size: 17px;
	margin-bottom:14px;
	margin-top: 30px;
}

.dateMatch {
	font-family: 'Montserrat', serif;
	color:#2E3246 !important;
	font-weight: normal;
	text-shadow:none;
	font-size: 17px;
	margin-bottom:14px;
	margin-top: 30px;
}

.checkbox .teamName {
	font-size: 17px;
	margin-left: 20px;
}

.searchMenuOptionActive {
	font-weight: bold;
	color: #e32321;
}

/*** ITEM HEADER ***/

.row.itemHeader {
	padding-top:0px;
	margin-top:10px;
}

.itemHeader {
	border-bottom: 2px solid #fe9bb1;
	padding: 8px;
	margin-bottom: 20px;
}

.itemHeader h1 {
	margin:0px !important;
	padding:0px !important;
}

.itemHeader .action {
	text-align: right !important;
}

.itemHeader .timestamps {
	text-align:right !important;
	margin-top:16px;
}

.itemFooter {
	text-align:right !important;
	margin-top: 30px;
}

.timestamps {
	font-size:9px;
}

.timestamps .label {
	color:#BCBCBC;
	font-size:9px;
}

/** FILE BROWSER proxy **/
.proxied-field-wrap {
	display:block;
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
}

.additionalFileBrowser {
	display:none;
/**	background-color:transparent;
	font-size:0.8em;
	padding:4px !important;
	border: none !important;
	width:100%;**/
}


/** rounded button **/
.ovalButton, .ovalButtonEmpty {
	font-size:17px;
	font-family: 'Montserrat', serif;
	background-color:white;
	color: #e32321;
	border:none;
	padding:6px;
	padding-right: 26px;
	padding-left: 26px;
	border-radius: 25px;
}

.ovalButton:active, .ovalButton:hover,.ovalButton:focus {
	background-color:white;
	color: rgba(227,35,33,0.7);
}

button[type="submit"]:hover, button[type="submit"]:active, button[type="submit"]:focus,
.tintSquareButton:hover, .tintSquareButton:active,.tintSquareButton:focus,
.btn, .btn:hover, .btn:active, .btn:focus,
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus,
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus,
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus{
	background-color: #E2211F !important;
	color: white;
	text-decoration:none;
	border:none;
	border-radius:0px;
}


.btnInline {
	display: inline-block !important;
	padding:12px!important;
	padding-left: 5px!important;
	padding-right:8px!important;
	margin-left:8px!important;
}

/** invertedBtn buttons **/
.invertedBtn {
	background-color:white !important;
	border:1px solid #ccc !important;
	color: #e32321 !important;
}

.invertedBtn:hover,.invertedBtn:active,.invertedBtn:focus {
	background-color:#FFF3F1 !important;
	color: #e32321 !important;
	border:1px solid #e32321 !important;
}

.photoLabel {
	font-weight: bold;
	margin-bottom:4px;
}

.extended-date-picker {
	display:inline;
}
/** FOLLOW BUTTONS **/

.follow, .follow:hover {
	border: 2px solid #e32321;
	padding: 10px;
	padding-right: 26px;
	padding-left: 26px;
	text-transform: none !important;
	color: #e32321 !important;
	background-color: #32384e !important;
	display:inline;
	white-space:nowrap;
	display:inline-block;
	cursor:pointer;
}

.sendMessage{
	margin-left: 10px;
	border-radius: 4px;
}

.transparentFavoriteBtn, .transparentNotFavoriteBtn:hover, .transparentFavoriteBtn:focus, .transparentFavoriteBtn:active {
	color: #e32321;
	text-shadow: none;
}

.transparentNotFavoriteBtn, .transparentFavoriteBtn:hover, .transparentNotFavoriteBtn:focus, .transparentNotFavoriteBtn:active {
	color: #A7C6BB;
	text-shadow: none;
}

.followed, .followed:hover, .sendMessage, .sendMessage:hover {
	border: 2px solid #32384e;
	padding: 10px;
	padding-right: 26px;
	padding-left: 26px;
	text-transform: none !important;
	background-color: #e32321 !important;
	color: #32384e !important;
	text-shadow: none;
	white-space:nowrap;
	display:inline-block;
	cursor:pointer;
}

.smFollow, .smFollow:hover {
	font-family: 'Montserrat', serif;
	border: 2px solid #e32321;
	padding: 6px;
	padding-right: 22px;
	padding-left: 22px;
	text-transform: none !important;
	color: #e32321 !important;
	background-color: transparent !important;
	white-space:nowrap;
	display:inline-block;
	cursor:pointer;
}

.smFollowed, .smFollowed:hover {
	font-family: 'Montserrat', serif;
	padding: 8px;
	padding-right: 24px;
	padding-left: 24px;
	text-transform: none !important;
	background-color: #e32321 !important;
	color: white !important;
	text-shadow: none;
	white-space:nowrap;
	display:inline-block;
	cursor:pointer;
}

.socialEmailButton, .socialEmailButton:hover, .socialEmailButton:focus, .socialEmailButton:active, .socialFacebookButtonCusto, .socialFacebookButtonCusto:hover, .socialFacebookButtonCusto:focus, .socialFacebookButtonCusto:active {
	font-family: 'Montserrat', serif;
	margin:12px !important;
	margin-bottom:20px;
	border: 1px solid #E2C42D;
	padding: 3px;
	padding-right: 8px;
	padding-left: 8px;
	text-transform: none !important;
	color: white !important;
	background-color: #F2CB09 !important;
	white-space:nowrap;
	display:inline-block;
	position: relative;
	top:-10px;
	cursor:pointer;
}

.socialEmailButton:hover {
	background-color: #E2C42D !important;
}

.socialFacebookButtonCusto, .socialFacebookButtonCusto:hover, .socialFacebookButtonCusto:focus, .socialFacebookButtonCusto:active {
	border-color: #5874c3!important;
	background-color: #4c69ba!important;
}

.socialFacebookButtonCusto:hover {
	background-color: #5b7bd5!important;
	border-color: #5b7bd5!important;
}

.addFavoriteInput {
	margin-top:9px;
}

/**** FIXED TABLE ***/

.customTable {
	padding:0px; margin:0px;height:92px; padding-top:16px;
	display: table;
	table-layout: fixed;
	width:100%;
}

.customTable .child {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	float: none;

}

.table tr {
	font-size: 0.9em; color:gray;
}

.table .mainColumn {
	font-size:16px;
	vertical-align: middle;
	font-family: 'Montserrat', sans serif;
}

.table td {
	vertical-align: middle!important;
}

.table .timestamp {
	width:15%; text-align:right;
}

.table.uploaderFiles tr td{
	border:none;
}

/*******************************/
/** For Booptstrap thumbnails **/

.center-cropped {
	width: 100%;
	height: 180px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size:cover;
}

.top-center-cropped {
	margin-top:-20px;
	width: 100%;
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size:cover;
}

.top-center-cropped .title {
	background-color:#D6D9DB;
	width:100%;
}

.top-center-cropped .title h3 {
	margin:30px;
	padding:10px;
	opacity: 1 !important;
	color:#E2211F;
}

/** h1 for the profile banner **/
.topProfile h1 {
	color:white !important;
	margin-bottom:10px;
	margin-top:0px; padding-top:0px;
	font-size:2.6em;
	font-family: 'Montserrat', serif;
}

.webBackNavigation a, .webBackNavigation a:hover {
	color:white;
	text-shadow: 1px 1px 2px black !important;
}

.webBackNavigation, .webBackNavigationTint  {
	margin-top:10px;
}

.webBackNavigationTint a, .webBackNavigationTint a:hover {
	color:#e32321;
}

.readMore a, .readMore a:hover {
	color:#e32321;
}

.moreInfo {
	margin-left:15px;
}

.panel-body, .moreInfo a, .moreInfo a:hover, .caption h3 a , .caption h3 a:hover {

}
.iconMoreInfo {
	font-size:1.2em;
}

.socialModule a, a:hover{
	text-decoration: none;
}

.socialLinks {
}

.largeStuff h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	margin-bottom:6px;
}

.largeStuff h2 {
	font-size: 17px;
	margin-top:0px;
}

.customCoolFont {
	font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif;
	font-weight:200; font-stretch:normal;
}


.topSearchBar {
	margin-top:15px !important;
}

/** detailsItem style **/
.detailsItem .row {
	margin-bottom:8px;
	display: flex !important;
	align-items: center !important;
}
.detailsItem .col-sm-4 {
	text-align: right;
	color: #ccc;
}

.detailsItem .col-sm-8 {
	font-size: 18px;
}

/**************************************************************************************************************************/
/*** for ngAnimate and match components 																				***/
/**************************************************************************************************************************/

/* The starting CSS styles for the enter animation */
.fade.ng-enter {
	transition:0.5s linear all;
	opacity:0;
}

/* The finishing CSS styles for the enter animation */

/*
  We're using CSS transitions for when
  the enter and move events are triggered
  for the element that has the .repeated-item
  class
*/
.repeated-item.ng-enter, .repeated-item.ng-move {
	-webkit-transition:1s linear all;
	-moz-transition:1s linear all;
	-o-transition:1s linear all;
	transition:1s linear all;
	opacity:0;
}

/*
 The ng-enter-active and ng-move-active
 are where the transition destination properties
 are set so that the animation knows what to
 animate.
*/
.repeated-item.ng-enter.ng-enter-active,
.repeated-item.ng-move.ng-move-active {
	opacity:1;
}

/*
  We're using CSS keyframe animations for when
  the leave event is triggered for the element
  that has the .repeated-item class
*/
.repeated-item.ng-leave {
	-webkit-animation:0.5s my_animation;
	-moz-animation:0.5s my_animation;
	-o-animation:0.5s my_animation;
	animation:0.5s my_animation;
}

@keyframes my_animation {
	from { opacity:1; }
	to { opacity:0; }
}

/*
  Unfortunately each browser vendor requires
  its own definition of keyframe animation code...
*/
@-webkit-keyframes my_animation {
	from { opacity:1; }
	to { opacity:0; }
}

@-moz-keyframes my_animation {
	from { opacity:1; }
	to { opacity:0; }
}

@-o-keyframes my_animation {
	from { opacity:1; }
	to { opacity:0; }
}

/** SIGN IN SCREEN **/

.form-signin
{
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin h2 {
	margin:15px;
}

.form-signin .form-signin-heading, .form-signin .checkbox
{
	margin-bottom: 10px;
}
.form-signin .checkbox
{
	font-weight: normal;
}
.form-signin .form-control
{
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus
{
	z-index: 2;
}
.form-signin input[type="email"]
{
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.inputRadiusReset input[type="email"],.inputRadiusReset input[type="password"]
{
	margin-bottom: 10px;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

.form-signin input[type="password"]
{
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.account-wall
{
	margin-top: 20px;
	padding: 40px 0px 20px 0px;
	background-color: white;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
	color: #555;
	font-size: 18px;
	font-weight: 400;
	display: block;
}
.profile-img
{
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.need-help
{
	margin-top: 10px;
}
.new-account
{
	display: block;
	margin-top: 10px;
}

.help-block {
	margin-top:10px !important;
	font-size:13px;
}

/*******************************************/
/**** PROFILE 							****/
/**** 									****/
/*******************************************/

.profileScreen {
	padding:40px !important;
	background-color: #FFFFFF;
}

.profileScreen p, .profileScreen .fat{
	font-weight: 900;
	font-size:1.1em;
	display:inline;
}

.profileScreen .rowBottom {
	border-bottom: 1px solid #F7F7F9;
	margin-bottom:60px;
	padding-bottom:40px;
}

.profileScreen .condensed {
	margin-top:3px; padding-top:0px;line-height: 94%;
}

.profileScreen h2 i {
	font-size:1.3em;
}


/*** uib-tabset ***/

.uib-tab-class {
	background-color: white;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding:20px;
	min-height: 400px;
}

/*** CHAT ***/

.selectedChatUser {
	border-right: 3px solid #e32321;
}

#chatMessagesZone {
	position:absolute;
	left: 280px;
	top: 0px;
	padding:0px;
	margin:0px;
	margin-top: 6px;
	width:calc(100% - 270px);
	overflow-y: scroll;
	height: 100%;
	bottom: 200px!important;
}

/**** TABS : customized Bootstrap template ****/

.nav-tabs > li, .nav-pills > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
	text-align:center;
}

.nav-tabs > li {
	font-size: 15px;
	width:200px;
}

.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color:transparent;
}

.nav-tabs > li > a {
	color: #8B8E9D;
	background-color:transparent;
	font-family: 'Montserrat', serif;
	border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border:none;
	color:#32384e;
	background-color:transparent;
}

/** trick to manage the underlining of the active tab **/
.nav-tabs > li.active > a:after
{
	position: absolute;
	left:0px;
	top: 36px;
	width:200px;
	height: 5px;
	content: '\00a0';
	background-image:url('../assets/icons/active/TabsUnderline.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align:center;
}

.uib-tab-class {
	background-color: transparent;
	padding: 20px;
	min-height: 400px;
	border:none;
}

/*** -----end TABS------ ***/


/*** TABS Custom ***/

.multilingualTabs {
	margin-bottom: 24px;
}

.multilingualTabs .nav-link {
	border-bottom: 1px solid #e32321;
}

.multilingualTabs .tab-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	xbackground-color:#f5f5f5;
}

/** Steps **/
.stepper h2 {
	margin-bottom:12px;
	margin-top: 0px;
}

.stepper .title {
	margin-bottom:20px;
}

.stepper .block {
	margin-left: 40px;
}

.stepper .block .subtitle {
	padding-left:42px;
}

/** badge circle for table **/
.table .circle{width:40px;height:40px;border-radius:20px;font-size:16px;color:#fff;line-height:40px;text-align:center;background:#e32321;}
.table .circle .info{position:absolute;color:#e32321;margin-left:24px;}
.table .disabled {background-color: #ccc;}
.table .facebook {background-color: #5874c3;}

@media screen and (max-width: 800px) {
	.editoModule .content {
		padding:12px;
	}
	.editoModule h1 {
		font-size:1.8em !important;
	}

	.editoModule .synopsis {
		font-size:1.2em !important;
	}

	.teams .child .largeTeamNames {
		font-size:1.3em!important;
	}

	.top-center-cropped h1 {
		font-size: 1.6em;
	}

	/* remove slick's arrows to avoid horizontal scrolling */
	.slick-arrow {
		display:none!important;
	}
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
@media (min-width: 768px) {
	.table-row {
		display: table;
		table-layout: fixed;
	}

	.table-row [class^="col-"] {
		display: table-cell;
		float: none;
	}
}