abl-header {
    transform: translate3d(0, 0, 0) !important;
}

abl-header > section {
    background: #999;
    color: #fff;
}

abl-header > section .height {
    height: 70px;
    position: relative;
}

abl-header > section span {
    text-align: center;
}

abl-header md-input-container {
    margin: 0;
    width: 160px;
}

abl-header md-select md-select-value {
    color: #fff !important;
    border-color: #666 !important;
}

abl-header .calendar-dates {
    width: 100%;
    background: #d4d4d4;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

abl-header .switch-labels{
    font-size: 9px;
}

body[md-theme=blue] abl-header > section{
    background: #1976D2;
}

body[md-theme=teal] abl-header > section{
    background: #00BFA5;
}

body[md-theme=green] abl-header > section{
    background: #388E3C;
}

body[md-theme=grey] abl-header > section{
    background: #757575;
}

body[md-theme=blue-grey] abl-header > section{
    background: #90A4AE;
}

body[md-theme=yellow] abl-header > section{
    background: #FDD835;
}

body[md-theme=indigo] abl-header > section{
    background: #303F9F;
}

body[md-theme=red] abl-header > section{
    background: #D32F2F;
}

body[md-theme=black] abl-header > section{
    background: #333333;
}

body[md-theme=pink] abl-header > section{
    background: #C2185B;
}

body[md-theme=white] abl-header > section{
    background: #eeeeee;
}

body[md-theme=dark-blue] abl-header > section{
    background: #1E88E5;
}

body[md-theme=purple] abl-header > section{
    background: #9C27B0;
}

body[md-theme=orange] abl-header > section{
    background: #FF9100;
}



body[md-theme=blue] abl-header .calendar-dates {
    background: #2196F3;
}

body[md-theme=teal] abl-header .calendar-dates {
    background: #009688;
}

body[md-theme=green] abl-header .calendar-dates {
    background: #4CAF50;
}

body[md-theme=grey] abl-header .calendar-dates {
    background: #9E9E9E;
}

body[md-theme=blue-grey] abl-header .calendar-dates {
    background: #607D8B;
}

body[md-theme=yellow] abl-header .calendar-dates {
    background: #FFEB3B;
}

body[md-theme=indigo] abl-header .calendar-dates {
    background: #3F51B5;
}

body[md-theme=red] abl-header .calendar-dates {
    background: #F44336;
}

body[md-theme=black] abl-header .calendar-dates {
    background: #000000;
}

body[md-theme=pink] abl-header .calendar-dates {
    background: #E91E63;
}

body[md-theme=white] abl-header .calendar-dates {
    background: #eeeeee;
}

body[md-theme=dark-blue] abl-header .calendar-dates {
    background: #1565C0;
}

body[md-theme=purple] abl-header .calendar-dates {
    background: #6A1B9A;
}

body[md-theme=orange] abl-header .calendar-dates {
    background: #FF6D00;
}

abl-header md-select.md-blue-theme[disabled] md-select-value,
abl-header md-select.md-teal-theme[disabled] md-select-value,
abl-header md-select.md-green-theme[disabled] md-select-value,
abl-header md-select.md-grey-theme[disabled] md-select-value,
abl-header md-select.md-blue-grey-theme[disabled] md-select-value,
abl-header md-select.md-yellow-theme[disabled] md-select-value,
abl-header md-select.md-indigo-theme[disabled] md-select-value,
abl-header md-select.md-red-theme[disabled] md-select-value,
abl-header md-select.md-black-theme[disabled] md-select-value {
    color: #666 !important;
}

abl-header .calendar-dates .month-year {
    font-weight: bold;
    font-size: 20px;
}

body[md-theme=white] abl-header .calendar-dates .month-year,
body[md-theme=white] abl-header .calendar-dates .booking-title{
    color: #222222;
}

body[md-theme=yellow] abl-header .calendar-dates .month-year,
body[md-theme=yellow] abl-header .calendar-dates .booking-title{
    color: #222222;
}

abl-header .calendar-dates .md-button.md-white-theme,
abl-header .calendar-dates .md-button.md-yellow-theme,
body[md-theme=white] abl-header > section .background-grey,
body[md-theme=yellow] abl-header > section .background-grey,
md-menu-item > .md-button,
.md-button.md-white-theme.md-primary,
.md-button.md-yellow-theme.md-primary{
    color: #222222 !important;
}

abl-header .calendar-dates .md-button {
    min-width: 50px;
    width: auto;
}

abl-header md-switch .md-container {
    margin-left: 8px;
}

abl-header .progress-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

abl-header .back-to-calendar {
    color: #fff !important;
}

abl-header .booking-title h1 {
    font-size: 18px;
}

abl-header .booking-title p {
    font-size: 14px;
}

abl-localize-dropdown {
    margin-right: 16px;
}

.abl-localize-dropdown-container {
    position: absolute;
    right: 12px;
    top: 10px;
    z-index: 10;
}

abl-localize-dropdown .md-button {
    min-width: 1px !important;
    margin: 0px !important;
}

abl-localize-dropdown .name::after {
    font-weight: bold;
}

@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) {
    abl-header .stickyHeader {
        position: static !important;
        height: 100px;
        width: 100%;
        max-width: 1080px;
    }
    abl-calendar .calendar-container-mode-list {
        margin-top: 0 !important;
    }
    abl-localize-dropdown {
        margin-right: 0;
    }
    .abl-localize-dropdown-container {
        right: 0px;
        top: 0px;
    }
    abl-header .calendar-dates .md-button {
        min-width: 30px;
    }
    abl-header .calendar-dates .month-year {
        font-size: 17px;
    }
    md-menu.abl-menu-lang .md-button span {
        vertical-align: baseline;
    }
}

@media(max-width: 744px) and (min-width: 600px){
    abl-header .calendar-dates .month-year {
        font-size: 15px;
    }
    abl-header .booking-title h1 {
        font-size: 14px;
    }
    abl-header .booking-title p {
        font-size: 11px;
    }
    abl-header .back-to-calendar,
    abl-localize-dropdown md-menu.abl-menu-lang .md-button span.name{
        font-size: 10px !important;
    }
    abl-localize-dropdown md-menu.abl-menu-lang .md-button i.fa{
        vertical-align: sub;
    }
}

@media(max-width: 599px) {
    abl-header .back-to-calendar {
        min-width: 30px;
        font-size: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 11px;
    }
    abl-header .calendar-dates .month-year {
        font-size: 15px;
    }
    abl-header .booking-title h1 {
        font-size: 14px;
    }

    abl-header .booking-title p {
        font-size: 11px;
    }
    body[md-theme=blue] abl-header #calendar-header {
        background: #2196F3;
    }

    body[md-theme=teal] abl-header #calendar-header {
        background: #009688;
    }

    body[md-theme=green] abl-header #calendar-header {
        background: #4CAF50;
    }

    body[md-theme=grey] abl-header #calendar-header {
        background: #9E9E9E;
    }

    body[md-theme=blue-grey] abl-header #calendar-header {
        background: #607D8B;
    }

    body[md-theme=yellow] abl-header #calendar-header {
        background: #FFEB3B;
    }

    body[md-theme=indigo] abl-header #calendar-header {
        background: #3F51B5;
    }

    body[md-theme=red] abl-header #calendar-header {
        background: #F44336;
    }

    body[md-theme=black] abl-header #calendar-header {
        background: #000000;
    }

    body[md-theme=pink] abl-header #calendar-header {
        background: #E91E63;
    }

    body[md-theme=white] abl-header #calendar-header {
        background: #eeeeee;
    }

    body[md-theme=dark-blue] abl-header #calendar-header {
        background: #1565C0;
    }

    body[md-theme=purple] abl-header #calendar-header {
        background: #6A1B9A;
    }

    body[md-theme=orange] abl-header #calendar-header {
        background: #FF6D00;
    }
}

.wrap-home {
    position: relative;
    height: 100%;
    display: block;
    -webkit-overflow-scrolling: touch;
}

[layout-sm=column] {
    display: block;
}

_:-ms-fullscreen, :root .views-switcher-icons { 
    height: 35px; 
}