/* Common Components*/
h1{
    font: 44px/52px 'Lato', serif;
    letter-spacing: 0px;
    color: #005687;
    text-align: center;
    display: block;
    margin: auto;
}

h2{
    margin: 10px 0;
    font: 44px/52px 'Lato', serif;
    letter-spacing: 0px;
    color: #005687;
}

.noSlots{
  pointer-events: none;
}

.btn-primary{
    background-color: #005687;
    box-shadow: 3px 3px 3px #00000029;
    text-align: center;
    font: 24px/28px 'Lato', serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: #005687;
    padding: 20px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active{
    background-color: #005687;
    border: #005687;
}

.btn-secondary{
    background-color: #AFAFAFB3;
    box-shadow: 3px 3px 3px #00000029;
    text-align: center;
    font: 24px/28px 'Lato', serif;
    letter-spacing: 0px;
    color: #005687;
    border: #AFAFAFB3;
    padding: 20px;
}

.btn-primary.next{
    float: right;
  }
.btn-secondary.back{
  float: left;
}

.row .buttonContainer{
  width: 100%
}

/* Basic Layout */
body{
    padding-bottom:50px;
}
.container-fluid, .container{
    padding: 0;
}

.container-fluid div.row, .container div.row{
    max-width: 1200px;
    margin: 0 auto;
}

header, footer{
    background-color: #ddd;
}

header{
    margin-bottom: 20px;
}
header div.header{
    padding: 0 15px;
    display: flex;
}

header img{
    height: 50px;
    padding: 15px 0;
}

footer{
    position: relative;
    margin-top: 20px;
    width: 100%;
    text-align: left;
    font: 18px/21px 'Lato', serif;
    letter-spacing: 0px;
    color: #FFFFFF;
}

footer p{
    padding: 10px 0 0;
}

div.landing h1 span{
    display: none;
}

div.landing h1 img{
    width: 500px;
    margin: 100px auto 50px;
}

div.landing form label{
    color: white;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
}

div.landing form input{
    width: 350px;
    border-radius: 10px;
    margin: 0 auto 30px;
}

div.landing form button{
    margin: 0 auto 10px;
    display: block;
}

div.landing a.back{
    display: block;
    text-align: center;
    color: #36D1FF;
    text-decoration: underline;
}

div.error{
    text-align: center;
}

@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 768px) {
    div.landing h1 img{
        width: 80%;
    }
    h1{
        font-size: 24px;
    }

    .fc .fc-button-group{
        display: none;
    }

    td.tUsers, th.tUsers {
        display: none;
    }
}