/*top bar */
.top-bar, .top-bar ul {
    background-color: #00549F;
}
.top-bar-title {
    color: #FFFFFF;
}
.top-bar-left a {
    color: #FFFFFF;
}
.top-bar-right a {
    color: #FFFFFF;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;

}
/*top bar */

/*off-canvas */
.off-canvas {
    background: #00549F;
}
.menu > li > a {
    color: #ffffff;
}
.is-accordion-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;
    }
/*off-canvas */

.smaller {
    font-size: 80%;
}

.count {
    background: red none repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    margin-top: 0;
    position: absolute;
    right: -9px;
    text-align: center;
    top: 0;
    width: 16px;
    padding-top: 2px;
}

.count-icon {
    display: inline-block;
    position: relative;
}
/* box shadow */
.callout {
    /*border: 1px solid #333;*/
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    position: static;
}

select {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.button {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
/* box shadow */

/* from old css */
select.smaller {font-size: 80%}
input[type="file"], input[type="checkbox"], input[type="radio"] {
    margin: 0.5em 0 1em;
}

form {margin: 0}

.yellow {background: orange}
.row.callout.yellow {background: orange!important;}

.saldo {background: red; color: #FFF; padding: 4px; }
.paid {background: green; color: #FFF; padding: 4px 6px; }

.new_booking {background: #81F79F}
.old_booking {background: #F5A9A9}

.iframe * {font-size: 97%}

.iframe a.close-reveal-modal {display: none}

.reveal-modal .panel { margin-bottom: 1.0em;  padding: 1.25em 1.25em 0 1.25em; }

.ages {display:none}

.borderRed {border: solid 2px red}
.borderOrange {border: solid 2px orange}
.borderGreen {border: solid 2px green}
.borderGrey {border: solid 2px grey}

button, .button {margin: 0.2em}

.bookCHGstatus {cursor:pointer}

.full { background: yellow; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; margin: 0px 0px 0px 0px !important; }

.close-full-modal { position: fixed !important; top: 5px !important; left: 5px !important; }

h1.revealed {font-size: 800%; width: 100%; padding: 0; margin: 80px 0 0 0; line-height: 100px; }
h2.revealed {font-size: 500%; width: 100%; padding: 0; margin: 50px 0 0 0; line-height: 50px; }

#panel_comments, #panel_personnal {display:none}

.textfield { margin: 0 0 1em 0; padding: 0.2em 0;}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width: 500px !important;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; font-size: 70%}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* from old css */

@media screen and (min-width: 64em) {
    .sidebar {
        background: #00549F;
        color: white;
        left: 0;
        top: 56px;
        bottom: 0;
        /*padding: 10px;*/
        position: fixed;
        overflow-y: scroll;

    }
    div.sidebar label {color: #ffffff}
    div.sidebar a {color: #ffffff}
}

/* new x-large */
@media print, screen and (min-width: 75em) {
    .slarge-1 {
        width: 8.33333%; }
    .slarge-push-1 {
        position: relative;
        left: 8.33333%; }
    .slarge-pull-1 {
        position: relative;
        left: -8.33333%; }
    .slarge-offset-0 {
        margin-left: 0%; }
    .slarge-2 {
        width: 16.66667%; }
    .slarge-push-2 {
        position: relative;
        left: 16.66667%; }
    .slarge-pull-2 {
        position: relative;
        left: -16.66667%; }
    .slarge-offset-1 {
        margin-left: 8.33333%; }
    .slarge-3 {
        width: 25%; }
    .slarge-push-3 {
        position: relative;
        left: 25%; }
    .slarge-pull-3 {
        position: relative;
        left: -25%; }
    .slarge-offset-2 {
        margin-left: 16.66667%; }
    .slarge-4 {
        width: 33.33333%; }
    .slarge-push-4 {
        position: relative;
        left: 33.33333%; }
    .slarge-pull-4 {
        position: relative;
        left: -33.33333%; }
    .slarge-offset-3 {
        margin-left: 25%; }
    .slarge-5 {
        width: 41.66667%; }
    .slarge-push-5 {
        position: relative;
        left: 41.66667%; }
    .slarge-pull-5 {
        position: relative;
        left: -41.66667%; }
    .slarge-offset-4 {
        margin-left: 33.33333%; }
    .slarge-6 {
        width: 50%; }
    .slarge-push-6 {
        position: relative;
        left: 50%; }
    .slarge-pull-6 {
        position: relative;
        left: -50%; }
    .slarge-offset-5 {
        margin-left: 41.66667%; }
    .slarge-7 {
        width: 58.33333%; }
    .slarge-push-7 {
        position: relative;
        left: 58.33333%; }
    .slarge-pull-7 {
        position: relative;
        left: -58.33333%; }
    .slarge-offset-6 {
        margin-left: 50%; }
    .slarge-8 {
        width: 66.66667%; }
    .slarge-push-8 {
        position: relative;
        left: 66.66667%; }
    .slarge-pull-8 {
        position: relative;
        left: -66.66667%; }
    .slarge-offset-7 {
        margin-left: 58.33333%; }
    .slarge-9 {
        width: 75%; }
    .slarge-push-9 {
        position: relative;
        left: 75%; }
    .slarge-pull-9 {
        position: relative;
        left: -75%; }
    .slarge-offset-8 {
        margin-left: 66.66667%; }
    .slarge-10 {
        width: 83.33333%; }
    .slarge-push-10 {
        position: relative;
        left: 83.33333%; }
    .slarge-pull-10 {
        position: relative;
        left: -83.33333%; }
    .slarge-offset-9 {
        margin-left: 75%; }
    .slarge-11 {
        width: 91.66667%; }
    .slarge-push-11 {
        position: relative;
        left: 91.66667%; }
    .slarge-pull-11 {
        position: relative;
        left: -91.66667%; }
    .slarge-offset-10 {
        margin-left: 83.33333%; }
    .slarge-12 {
        width: 100%; }
     }

@media print, screen and (min-width: 75em) {
    .hide-for-slarge {
        display: none !important; } }

@media screen and (max-width: 74.9375em) {
    .show-for-slarge {
        display: none !important; } }

@media screen and (min-width: 75em) and (max-width: 100em) {
    .hide-for-slarge-only {
        display: none !important; } }

@media screen and (max-width: 74.9375em), screen and (min-width: 100em) {
    .show-for-slarge-only {
        display: none !important; } }
/* new x-large */