/*
#242F40 BLUE
#CCA43B ORANGE
#E5E5E5 WHITE
*/

* {
    margin : 0; 
    padding: 0;
    /*border : 1px solid;*/
}

body {
    background-color: #242F40;
    font-family: 'Open Sans'
}

#main, #toolbar .content, #splah, #error {
    display: none; /*we initially all these elements and load them later in the js*/
}

#toolbar {
    background-color: #CCA43B;
    height          : 25px;    
}

#toolbar .left {
    float: left;
}
#toolbar .right {
    float: right;
}

#toolbar .strong {
    font-weight: bold;
}

#toolbar span {
    padding: 1px 5px 1px 5px
}

#toolbar a:link {
    text-decoration: none;
    color: #363636;
}

#toolbar a:visited {
    color: #363636;
}

#toolbar a.hover:hover {
    color: #E5E5E5;
}

#toolbar #datepicker {
    width       :69px;
    height      :17.4px;
    border-width:0px
}

.datepicker-today a {
    /*border: 1px solid #CCA43B !important;*/
}

.datepicker-history a {    
    border: 1px solid #CCA43B !important;
}

#splash {
    margin: 50px 0 0 50px;
    color: #E5E5E5;
}

#error {
    margin: 50px 0 0 50px;
    color: #E5E5E5;
}

#error h2 {
    color: #b30000;
}

#main {    
    margin: 0 0 0 20px;
    color : #E5E5E5;
}

#main h1 {
    margin: 10px 0 0 0;
}

#main #recommend-refresh {
        margin: 0px 0px 10px 10px
}

/*fonts*/
#main .theater > .title {
    font-size: 20px;
}

#main .movie > .title {
    font-size: 15px;
}

#main .time {
    font-size: 10px;
}
/*fonts*/

/*recommendations*/
#main .recommendations {
    height         : 50;
    list-style-type: none;
}

#main .recommendations .recommendation {
     display: inline;
     padding: 0 0 0 10px;
}
/*recommendations*/

/*theaters*/
#main .theaters {
    overflow: auto;
}

#main .theaters .theater {
    float: left;
    width: 33.33%;
}

#main .theaters .theater a:link {
    text-decoration: none;
    color: #E5E5E5;
}

#main .theaters .theater a:visited {
    color: #FFFFFF;
}

#main .theaters .theater a:hover {
    color: #CCA43B;
}

#main .theaters .theater .movies {
    margin: 2px 100px 0 20px;
    list-style-type: none;
}

#main .theaters .theater .movies .movie {
    margin: 0;
    padding: 0;
}

#main .theaters .theater .movies .movie .times {
    list-style-type: none;
}

#main .theaters .theater .movies .movie .times .time {
     display: inline;
     padding: 0 0 0 10px;
}
/*theaters*/

/*buttons*/
#main button {
    padding         : 3px;
    margin          : 1px;
    border          : 1px solid #CCA43B;
    border-radius   : 2px;
    cursor          : pointer;
    
    -webkit-transition-duration: 0.4s;
    transition-duration        : 0.4s;
}

#main button.o {
     background-color: #242F40;
     color           : #E5E5E5;
}

#main button.x {
     background-color: #CCA43B;
     color           : #242F40;
}

#main button:hover{
     background-color: #E5E5E5;
     color           : #242F40;
}

#main button:active{
     background-color: #E5E5E5;
     color           : #242F40;
}
/*buttons*/

/*https://coolors.co/363636-242f40-cca43b-e5e5e5-ffffff*/