/*------------------------------------*\
   REQUEST CSS
\*------------------------------------*/
.add-dealership {
    width: 100%;
    height: 100%;
    font-size: 1.000em;
    font-family: VWHeadWeb-Bold, Arial, Helvetica, sans-serif;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

h3 span.blue {
    color: #009BF4;
    font-family: VWHeadWeb-Bold, Arial, Helvetica, sans-serif;
}

p.location {
    font-size: 1.250em;
    padding: 1rem 0 1rem 0;
}

.grey {
    color: #8994A0;
}


/*------------------------------------*\
   CALENDAR CSS
\*------------------------------------*/
#datepicker {
    width: auto;
    height: auto;
    margin: 1rem;
    padding: 1rem;
    background-color: #F7F7F7;
}

a.ui-datepicker-prev {
    float: left;
    width: 30px;
    height: 50px;
    background-image: url("../images/icon_previous.png");
}

.ui-datepicker-title {
    padding-bottom: 0.5rem;
    text-align: center;
    border-bottom: 3px solid #009BF4;
}

a.ui-datepicker-next {
    float: right;
    width: 30px;
    height: 50px;
    background-image: url("../images/icon_next.png");
}

table.ui-datepicker-calendar {
    width: 100%;
    padding-top: 1rem;
    background-color: #FBFBFB;
}

table.ui-datepicker-calendar th {
    padding: 1rem;
    color: #797979;
    font-family: VWTextWeb-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.500em;
    text-align: center;
    background-color: #F7F7F7;
    text-transform: uppercase;
}

table.ui-datepicker-calendar th.ui-datepicker-week-end {
    color: #C82D20;
    font-family: VWTextWeb-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.500em;
}

table.ui-datepicker-calendar tbody td {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

table.ui-datepicker-calendar td {
    padding: 1rem;
    text-align: center;
}

table.ui-datepicker-calendar td a.ui-state-default {
    color: #33434C;
    font-family: VWTextWeb-Regular, Arial, Helvetica, sans-serif;
    font-size: 1.500em;
}

.ui-datepicker-current-day, .ui-datepicker-today {
    background-color: #003C65;
}

table.ui-datepicker-calendar td a.ui-state-highlight {
    color: #FFFFFF;
}

table.ui-datepicker-calendar td a.ui-state-active {
    color: #FFFFFF;
}

span.ui-datepicker-month {
    color: #33434C;
    font-family: VWHeadWeb-Bold, Arial, Helvetica, sans-serif;
    font-size: 3.000em;
}

span.ui-datepicker-year {
    padding-left: 1rem;
    color: #33434C;
    font-family: VWTextWeb-Regular, Arial, Helvetica, sans-serif;
    font-size: 3.000em;
}

span.ui-icon {
    display: none;
}


/*------------------------------------*\
   MEDIA QUERES
\*------------------------------------*/
@media (max-width: 991px) {
    .ui-datepicker-title {
        padding-bottom: 1.5rem;
    }

    table.ui-datepicker-calendar th {
        padding: 0.5rem;
        font-size: 1.000em;
    }

    table.ui-datepicker-calendar td {
        padding: 0.5rem;
        font-size: 1.000em;
    }

    table.ui-datepicker-calendar th.ui-datepicker-week-end {
        font-size: 1.000em;
    }

    table.ui-datepicker-calendar td a.ui-state-default {
        font-size: 1.000em;
    }

    span.ui-datepicker-month {
        font-size: 1.500em;
    }

    span.ui-datepicker-year {
        padding-left: 0.5rem;
        font-size: 1.500em;
    }
}