body, .lang-selector form select {
    background-color: #ffffff;
    color: #666666;
}

#verotel-header, #footer {
    background-color: #FAFAFA;
    color: #666666;
}

#footer a, #footer p {
    color: #666666;
}

#footer a.button.header,
#footer button.button.header,
#site-header a.button.header,
#site-header button.button.header {
    color: #666666;
    background-color: #CACACA;
    border-color: #DEDEDE;
}

#footer a.button.header:hover,
#footer button.button.header:hover,
#site-header a.button.header:hover,
#site-header button.button.header:hover,
#footer a.button.header:focus,
#footer button.button.header:focus,
#site-header a.button.header:focus,
#site-header button.button.header:focus {
    background-color: #AFAFAF;
}

a.button,
button.button {
    color: #ffffff;
    background-color: #155a84;
    border-color: #0E3E5C;}

a.button:hover,
a.button:focus,
button.button:hover,
button.button:focus {
    background-color: #11486B;
}

#verotel-header .verotel-logo {
    background-image: url("/static/images/verotel-logo-light.png");
}

#site-header .site-logo {
    background-image: url("/static/images/verotel-big-logo.png");
    width: 100%;
    max-width: 265px;
    height: 51px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;}

.lang-selector form select {
    background-image: url("/style/themed_arrow?color=666666");
}

@media (max-width: 500px) {
    .lang-selector {
        position: static;
    }

    .lang-selector form {
        text-align: right;
    }

    #order {
        padding: 10px;
    }

    #order h1 {
        padding: 0;
        padding-bottom: 10px;
    }

    #verotel-header .verotel-logo {
        margin-top: 6px;
    }

    #verotel-header,
    #page,
    #footer,
    .lang-selector,
    #site-header .site-logo {
        width: calc(100vw - 2em);
    }

    form input[type="checkbox"] + label {
        display: flex;
    }
}