@import 'vendor/html5reset-1.6.1.css';
@import 'vendor/font-awesome.min.css';
@import 'vendor/owl.carousel.css';
@import 'header.css';
@import 'nav.css';
@import 'footer.css';

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
html {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	min-height: 100%;
	padding: 0;
	margin: 0;
	color: #7C868D !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    background-color: #FFF;
	-webkit-text-size-adjust: none;
}

small {
	font-size: 12px;
}

/*BreadCrumb*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #FFA500;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #EC9900;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #EC9900;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #EC9900;
}
/************/

/*Generic*/
h4 {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	margin: 10px 0;
}

span.frist{
	margin-right:1em;
}

span.second{
	margin-left:1em;
}

.text-left {
	text-align: left !important;
}

label{
	margin: 0 0 0.5em 0;
}

.clearBoth {
	clear: both;
}

.btn-primary {
  background: #FFA500;
  border-color: #EC9900;
}

.btn-primary:hover {
  background: #EC9900;
  border-color: #D98D00;
}

.btn-primary:focus {
  background: #FFA500;
  border-color: #EC9900;
}

.btn-primary:active {
  background: #FFA500;
  border-color: #EC9900;
}

.pagination > .active > a{
  background: #FFA500;
  border-color: #EC9900;
}

.pagination > .active > a:hover{
  background: #EC9900;
  border-color: #D98D00;
}

.ol-styled {
	width: 90%;
	margin: 1em auto 1.2em auto;
	color: #282528;
	line-height: 1.8em;
	font-size: 0.8em;
}

.text-bold {
	font-weight: 600;
}

.bgGreen {
	font-size: 2em;
	color: green;
}
/*-------*/

/*Main*/
#offerSlogan {
	color: #D9534F;
	font-weight: 700;
}

#imgFrontPage {
	height: 400px;
	margin: 1.5em 0 0 1em;
}

#btnLogout, #btnAccount {
	margin-left: 10px;
}

#breadcrumbContainer {
	margin-bottom: 0.5em;
}

.main{
	padding:2em 0;
}

@media only screen and (min-width: 986px) {
	.main{
		min-height: 540px;
	}
}

.main h3{
	color: #282528;
	font-weight:800;
	font-size:1.6em;
	text-align: center;
}

.main h3 span{
	width:10%;
	background:#8A888A;
	height:1px;
	display:inline-block;
	vertical-align:middle;
}

.main p{
	width: 95%;
	margin: 1em auto 1.2em auto;
	color: #282528;
	line-height: 1.8em;
	font-size: 1.1em;
}

.sliderItem {
	cursor: grab;
}

.sliderItem:active {
	cursor: grabbing;
}

.eventsContainer h3{
	margin-bottom: 1em;
}

.imgSlider {
	max-height: 180px;
}

@media (max-width: 360px) {
	.btnUserNavigation {
		display: block;
		width: 80%;
		margin: 0 10% 5px 5%;
	}
	
	.eventsContainer{
		float: right;
	}
	
	#imgFrontPage {
		float: left !important;
	}
}

/*-------*/

/*Contact page*/
#map-canvas {
	height: 300px;
}

#mapCanvasContainer {
	margin: 10px 0 0 0;
}

@media (max-width: 768px) {
	#address {
		margin: 10px 0 0 0;
	}
}

#mapContainer {
	margin: 20px 0 0 0;
}

#contactInfo {
	padding: 0 0.5em;
}

#contactInformation h4{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-weight: 800;
	text-align: left;
}

#contactForm {
	margin: 2em 0;
}

#contactMessage {
	height: 115px;
	resize: vertical;
}
#contactAddress, #guestNotes {
	resize: vertical;
}

.socialMediaIcons {
	margin: 0.2em;
}
/**************/
/*Login and Registration*/
#termsAndConditions, #regisrationFormContainer {
	margin-top: 1em;
	display: none;
}

#registerForm {
	margin-top: 1em;
}

#btnRegistrationSubmit, #loginLink{
	margin: 1em 0 0 1em;
}

#forgotPasswordFormContainer, #resendActivationFormContainer, #resetPasswordFormContainer {
	display: none;
}

.loginFormHeader {
	color: #282528;
	font-size: 1.4em;
	font-weight: 800;
	text-align: center;
}

.btnLoginFormsSubmit {
	width: 100%;
	margin-top: 0.5em;
}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.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="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.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: #f7f7f7;
    -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;
}

/*test*/
.fc-day-header {
	padding: 1em 0 !important;
}

/*User Account Page*/
.form-inline .form-group { margin-right:10px; }
.glyphicon { margin-right:5px; }
.btnBookingAction {
	padding: 5px;
}
#imageLoader {
	float: right;
	width: 25px;
	height: 25px;
}
#accountPanels {
	margin-top: 20px;
}

.btn span.toggleSpan {    			
	display: none;				
}
.btn.active span.toggleSpan {				
	display: initial;				
}

.shape{    
	border-style: solid; border-width: 0 70px 70px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer:hover {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform:rotate scale(1.1); 
    -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    }
	
.shape {
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}

.offer-radius{
	border-radius:7px;
}

.offer-bronze {	border-color: #D79D53; }
.offer-bronze .shape{
	border-color: transparent #D79D53 transparent transparent;
}

.offer-silver {	border-color: #D0D0D0; }
.offer-silver .shape{
	border-color: transparent #D0D0D0 transparent transparent;
}

.offer-gold {	border-color: #DCB637; }
.offer-gold .shape{
	border-color: transparent #DCB637 transparent transparent;
}

.offer-platinum {	border-color: #808186; }
.offer-platinum .shape{
	border-color: transparent #808186 transparent transparent;
}

.shape-text{
	color:#fff; font-size:12px; font-weight:bold; position:relative; right:-25px; top:-12px; white-space: nowrap;
	-ms-transform:rotate(45deg); /* IE 9 */
	-o-transform: rotate(45deg);  /* Opera 10.5 */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	transform:rotate(45deg);
}	
.shape-text p{
	text-align: center !important;
	color:#fff; font-size:12px; font-weight:bold; white-space: nowrap;
}

.offer-content{
	padding:0 20px 10px;
}

.badgeYearNumber {
	font-size: 48px;
	font-weight: 700;	
}

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

/*Admin Panel*/
#btnAcceptUser, #btnAcceptRestoreUser, #btnaddRecTypeSubmit, #btnRemoveRecSubmit {
	width: 100%;
	margin: 23px 0 0 0;
}

#formContainer {
	float: left;
	width: 100%;
	margin-top: 20px;
}

#userMessage, #userRestoreMessage{
	width: 100%;
	float: left;
}

#btnEditUser, #btnDeleteUser {
	float: left;
	margin-right: 10px;
}

#addRecDescription, #addRecNotes, #emailUsersMessage {
	resize: vertical;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

#imgLoader {
	margin: 1em 48% !important;
}
	
@media (max-width: 360px) {
	#btnAcceptUser, #btnAcceptRestoreUser, #btnEditUser, #btnDeleteUser, #btnaddRecTypeSubmit, #btnUpdateEventsSubmit, #btnRemoveRecSubmit {
		margin: 10px 0 0 0;
		width: 100%;
	}
}
/*************/

/*Recommendations*/
#recommendationPanells {
	margin-top: 1em;
}

.recommendation h1{
	font-weight:800;
	font-size:1.6em;
	color: #FFA500;
	text-align: center;
}

.recommendation h2{

}

.recommendation i{
	font-size: 0.8em;
}

.recommendation hr:last-child{
	display: none;
}
/*****************/

/*Availability*/
.oaerror p{
	margin: 0 !important;
	width: auto;
}

.oaerror {
	width: 100%; /* Configure it fit in your design  */
	float: left;
	margin: 10px auto; /* Centering Stuff */
	background-color: #FFFFFF; /* Default background */
	padding: 20px;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.danger {
  border-left-color: #d9534f; /* Left side border color */
  background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
}

.danger strong {
  color:  #d9534f;
}

.warning {
  border-left-color: #f0ad4e;
  background-color: rgba(240, 173, 78, 0.1);
}

.warning strong {
  color: #f0ad4e;
}

.info {
  border-left-color: #5bc0de;
  background-color: rgba(91, 192, 222, 0.1);
}

.info strong {
  color: #5bc0de;
}

.success {
  border-left-color: #2b542c;
  background-color: rgba(43, 84, 44, 0.1);
}

.success strong {
  color: #2b542c;
}

#provisionalRep, #bookedRep, #freeRep {
	float: right;
	width: 110px;
	height: 110px;
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px;
	font-size: 80%;
}

#provisionalRep {
	background-color: #DBC7DB;
	border: 2px solid #884488;
}

#bookedRep {
	background-color: #DBDBDB;
	border: 2px solid #888888;
}

#freeRep {
	background-color: #FFF;
	border: 2px solid #CCC;
}

#repContainer {
	width: 420px;
}

#accordionEventsMobileContainer {
	margin-top: 2em;
}

@media (max-width: 360px) {
	.alertBtn {
		display: block;
		float: left !important;
		width: 100%;
	}
	.oaerror {
		text-align: center;
	}
	#provisionalRep, #bookedRep, #freeRep {
		float : left;
	}
	.fc-left, .fc-right, .fc-center {
		clear: both;
		float: left !important;
		margin: 0.5em auto;
	}
}
/**************/

/***Help Page***/
#imgFlyer {
	max-height: 260px;
}

.helpDownloadLink {
	margin: 10px auto;
	width: 160px;
}
/***************/

/*Staff Page*/
.table-bordered {
border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.table {
width: 100%;
margin-bottom: 20px;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
display: table;
}

.widget.widget-table .table {
margin-bottom: 0;
border: none;
}

.widget.widget-table .widget-content {
padding: 0;
}

.widget .widget-header + .widget-content {
border-top: none;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.widget .widget-content {
padding: 20px 15px 15px;
background: #FFF;
border: 1px solid #D5D5D5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.widget .widget-header {
position: relative;
height: 40px;
line-height: 40px;
background: #E9E9E9;
background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
text-shadow: 0 1px 0 #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
border-bottom: 1px solid #bababa;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
border: 1px solid #D5D5D5;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
}

thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

.widget .widget-header h3 {
top: 2px;
position: relative;
left: 10px;
display: inline-block;
margin-right: 3em;
font-size: 14px;
font-weight: 600;
color: #555;
line-height: 18px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.widget .widget-header [class^="fa-"], .widget .widget-header [class*=" fa-"] {
display: inline-block;
margin-left: 13px;
margin-right: -2px;
font-size: 16px;
color: #555;
vertical-align: middle;
}

.btn-booked {
	color: #000;
	background-color: #DBDBDB;
	border-color: #888888;
}

.btn-provisional:hover, .btn-booked:hover {
	cursor: default;
}

.btn-provisional {
	color: #000;
	background-color: #DBC7DB;
	border-color: #884488;
}

.widget-table table tr td:first-child {
	font-weight: 600;
}

#editNotesLink {
	margin: 0 0.5em;
}

#notesContainer {
	width: 100%;
	display: none;
}

.notesWidget {
	padding: 1em !important;
}

#editNotesFrom {
	margin-bottom: 1.5em !important;
}

#editNotesContent {
	height: 150px;
}

.btnUserMonth {
	margin: 0 0.5em 0.5em 0;
}
/*********************/

/*Accommodations Page*/
.clickable {
    cursor: pointer;
}

.clickable .glyphicon {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px
}

.accomPanel .panel-heading span {
    margin-top: -23px;
    font-size: 15px;
    margin-right: -9px;
}

a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }

.list-group a:hover {
	background-color: #FFA500;
}

.imgIcon {
	width: 70px;
	margin: 0.5em;
}

.imgAccommodation {
	margin:	0.5em 5%; 
	width: 300px;
}
@media(max-width: 360px) {
	.imgAccommodation {
		margin:	0.5em 0; 
		width: 100%;
	}
}

#tariffsTable th {
	text-align: center;
}
/********************/

/****Booking Page****/

.modal-header-warning {
	color:#fff;
    padding: 2em;
    border-bottom:1px solid #eee;
    background-color: #EC9900;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-body {
	padding: 1em !important;
}

.mobilityTerms {
	margin: 1em !important;
}

.imgOnHover {
	display: none;
	width: 250px;
	position: absolute;
	z-index: 999;
}

span:hover img, .form-group label:hover img {
	display: block;
}

.payment-buttons .btn {
	margin: 0 5px 0 0;
}
/********************/