html {
    position: relative;
}

body#splash {

    max-width: 100%;
    background: black;
    /*
    background-size: contain;
    background: #000000 url(../img/splash-camera-xl.jpg)  no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
     */
      height: 100%;
}


body#splash main div.well {
    background: rgba(0, 0, 0, 0.8);

    color:white;
    margin-top: 100px;
    border: 1px solid white;
}
@media (max-width: 768px) {
    #mainContent {
        margin-top: 60px;
    }
}
@media (max-width: 1199px) {
    #mainContent {
        margin-top: 100px;
    }
}
@media (min-width: 1200px) {
    #mainContent {
        margin-top: 60px;
    }
}

#mainContent {
    padding-bottom:100px;
    /*margin-top: 60px;*/
}

#mainContenair {
    margin-top:300px;
    padding-bottom: 80px;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  /* height: 45px; */
  margin-top:50px;
  padding-top:10px;
  padding-bottom:5px;
}


/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  /* padding: 10px 15px 0; */
}

#footer {
  border-top: 1px solid white;
}

header {
    background-image: url(../img/header-camera-lg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
    background-size: contain;
    height: 250px;

}

h1 {
  font-size:50px;
}

#nav {
  width: 100%;
  position:static;
  /* top:-32px; */
}
#nav > div.container {
    border-bottom: 1px solid white;
}
#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}

#nav a.navbar-brand {
    font-family: "Mark For MC Medium";
}
#nav a.navbar-brand:hover {
    color: rgb(235, 32, 27);
}
#footer > .container {

}

.navbar-nav {
  margin: 1px 1px;
}

/* customize nav style */

.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #000;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: rgb(235, 32, 27);
    background-color: #000;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}

#pageThumbnails a {
    margin:0 0 20px 0;
    display: block;
}

#sideNav .nav > li a{
    text-align: left;
    padding: 0 5px 5px 0;
}

#mainNav .dropdown-menu > li > a:hover,
#mainNav > li > a:hover,
#mainNav > li > a:focus,
#sideNav .nav > li > a:hover,
#sideNav .nav > li > a:focus {
  text-decoration: none;
  background-color: #000000;
  color: rgb(255, 95, 0);
}

#mainNav .dropdown-menu > li > a:hover {
    background-color: #222222;
}

.text-red {
    font-weight: bolder;
}
span.text-red,
a.text-red,
#sideNav .nav > li.active a,
ul#PagesNav li.active a,
ul#PagesNav li.active a:hover {
  color: rgb(235, 32, 27);
}

div.alert *,
.alert p {
    color:#000000;
}

div.alert h3 {
    margin-top: 0;
}
div.alert h4 {
    margin-top: 12px;
    margin-bottom: 4px;
}
.btn.text-red,
div.alert.alert-warning {
   color: rgb(235, 32, 27);
   background-color: rgb(255, 255, 255);
   border-color: rgb(235, 32, 27);
}
div.alert.alert-warning * {
   color: #a82000;
}
div.alert ul li {
   list-style-type: none
}

div.alert .glyphicon {
     top: 3px;
 }

.nav-up {
    top: -250px;
}

#navbarFixed {
    position: fixed;
    top: 250px;
}

#navbarFixed div.container {
    border-bottom: 1px solid white
}

#navbarFixed.hasScrolledDown {
    top: 0;
}
#navbarFixed.hasScrolledUp {

}

.nav-tabs > li > a:hover {
  background-color: #000;
  border:none;
}


.btn:hover,
.btn:focus,
.btn.focus {
  color: rgb(235, 32, 27);
  text-decoration: none;
}

.show-grid {
    margin-bottom: 15px;
}

div.required label.control-label:after {
    content: " *";
    color: white;
    font-size: 1em
}

.profile-tabs  div.tab-content,
#profileUpdateTabs div.tab-content {
    border-width: 0 1px 1px 1px;
    border-color: white;
    border-style: solid;
    padding: 20px;
}



.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #EEE;
    #color:#ffffff;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
  color: #000000;
  background-color: #ffffff;
  border-color: #e0e0e0;
}

main p a {
    text-decoration: underline;
}

#tabsPlanning {
    border: 1px solid white;
    border-width: 0 1px 1px 1px;
}
ul.user-calendar li {
    list-style-type: none;
    margin-bottom: 10px;
}
div.divider {
    height:10px;
}
div.divider2 {
    height:20px;
}

a.showModal:hover,
a.showModal:active,
a.showModal {
    cursor: pointer;

}

@media (max-width: 780px) {
	header {
		height: 95px;
	}
}

@media (max-width: 780px) {
    body#splash {
        background: #000000 url(../img/splash-camera-mob.jpg)  no-repeat center center fixed;
    }
    header {
        background-image: url(../img/header-camera-sm.jpg);
        height: 170px;

    }
  .navbar-nav.nav-justified > li{
      float:none;
  }
}
/* Mobile Styles */
@media only screen and (max-width: 400px) {


    body#splash {
        background: #000000 url(../img/splash-camera-mob.jpg)  no-repeat center center fixed;
    }


    body#splash main div.well {

        margin-top: 10px;
    }
    header {
        background-image: url(../img/header-camera-xs.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #000000;
        background-size: contain;
        height: 108px;

    }

    .nav-up {
        top: -108px;
    }

    #navbarFixed {

        position: fixed;
        top: 108px;

    }
    .navbar-collapse.collapse{
        transition: height 0.2s ;
    }
    .navbar-collapse.collapsing {
        height: 0 !important;
    }
    .navbar-collapse.collapse.in{
        max-height: none;
        height: 100vh;
    }
}
#guest-arrival_time, #guest-departure_time {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
#guest-arrival_time:disabled, #guest-departure_time:disabled {
    color: #777777;
}



.f1-journey table {
    width: 100%;
}

.f1-journey table th,
.f1-journey table td {
    border: 1px solid #FFF; /* Add borders to table cells */
    padding: 8px; /* Add padding for better readability */
}

.f1-journey img {
    width: 100%;
    height: auto;
}