@import "../scss/style.css";

body {
    background-color: #fff;
    min-height: 100vh;
}

.bold {
    font-weight: bold;
}

.stanowisko-kontener {
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}

.stanowisko-myjnia img {
    height: 32px;
}

.stanowisko-kontener .col-md {
    padding-left: 5px;
    padding-right: 5px;
}



.stanowisko-myjnia .img-kontener {
    height: 40px;
    margin-top: 10px;
}


.termin-naglowek {
    padding-top: 40px;
}

.legenda {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.godziny {
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}

.btn-termin {
    border: none;
    font-size: 14px;
    width: 100%;
    text-align: center;
    height: 100%;
    cursor: pointer;
    outline: none;
    padding: 4px;
    border-radius: 4px;
}

    /*.btn-termin .termin-dzien {
        font-weight: bold;
        text-transform: capitalize;
    }*/

    .btn-termin .termin-dzien, .btn-termin .termin-data {
        display: block;
    }

    .btn-termin.wolny {
        background-color: #a0ebb2;
    }

    .btn-termin.zajety {
        background-color: #5d5d5d;
        color: #fff;
        cursor:not-allowed;
    }

.termin-kontener > div {
    padding: 2px;
}

.termin-kontener {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.kontrahent-termin-kontener {
    border: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.terminy-row{
    margin-top:5px;
    margin-bottom:5px;
}

.terminy-col-left {
    padding-right: 0;
    padding-left: 9px;
}

    .terminy-col-left span {
        font-size: 12px;
    }
   

    .terminy-col-right {
        padding: 0 4px;
    }

.legenda-dostepne {
    background-color: #a0ebb2;
    font-size: 14px;
    padding: 4px 4px;
}

.legenda-niedostepne {
    background-color: #5d5d5d;
    color: #fff;
    font-size: 14px;
    padding: 4px 4px;
}

.btn-termin.btn-dzien-zajety {
    background-color: white;
    padding-left: 8px;
}

.btn-termin.btn-dzien-zajety > .DayAndTime {
    color: #9CA3AF;
}

.btn-termin.btn-dzien-zajety .DayAndTime .termin-dzien {
    color: #9CA3AF;
}


.godziny .col-lg:nth-last-child(1) .row .btn-godzina {
    margin-right: 0;
}

@media (max-width:991px) {
    .godziny .col-lg .row .btn-godzina {
        margin-right: 0;
    }
}


p {
    margin-bottom: 10px;
}

.btn-primary {
    background-color: #3c3c3c;
    color: #fff;
    border: none;
}

.stopka {
    background-color: #fff;
    padding: 25px 5px 300px 5px;
}

.kolor-pomaranczowy {
    background: #FFCC99;
    border: 1px solid #f1bb84;
}

.kolor-pomaranczowy-ciemny {
    background: #f3a04c;
    border: 1px solid #dc8c3c;
}

.kolor-zolty {
    background: #FFFF99;
    border: 1px solid #e8e887;
}

.kolor-zielony {
    background: #CCFFCC !important;
    border: 1px solid #a0ebb2;
}

.kolor-niebieski {
    background: #b7e6f3;
    border: 1px solid #98cddc;
}

.kolor-grafitowy {
    background: #5d5d5d !important;
    color: #fff;
}

/*.btn-kolejne-dni {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}*/

.form-control {
    margin-bottom: 5px;
}

.btn-godzina .fa-calendar-plus {
    font-size: 19px;
    padding-left: 10px;
}

.btn-kolejne-dni .fa-chevron-right {
    font-size: 14px;
    padding-left: 5px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #3c3c3c;
}

.nav-tabs .nav-link {
    border: 1px solid #ced4da;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

a {
    color: #3c3c3c;
}

.tab-content {
    padding-top: 15px;
}

.oswiadczenie {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #909090;
    margin-top: 15px;
    font-size: 13px;
}

.zgoda {
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #909090;
    font-size: 13px;
}

.nav-link {
    padding: 15px 1rem;
}

/*::placeholder {
    color: #909090;
    opacity: 1;
}*/

:-ms-input-placeholder {
    color: #909090;
}

::-ms-input-placeholder {
    color: #909090;
}

.podtytul {
    font-size: 23px;
    padding: 10px 0 0 0;
}

.tab-pane .col-md-2, .tab-pane .col-md-3, .tab-pane .col-md-4, .tab-pane .col-md-5, .tab-pane .col-md-7, .tab-pane .col-md-8, .tab-pane .col-md-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.tab-pane .row {
    margin-left: -5px;
    margin-right: -5px;
}

.pole-wymagane {
    position: absolute;
    z-index: 99;
    top: 5px;
    right: 15px;
}

.stopka-wymagane {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #909090;
    font-size: 13px;
}

.terminarz-najblizsze-dni-strona-ukryte {
    display:none;
}

.btn-poprzednie-dni {
    display: none;
    background-color: transparent;
    border: none;
    text-decoration: underline;
    cursor:pointer;
}

.terminarz-godziny-ukryte {
    display:none;
}

.terminarz {
    width: 100%;
    padding: 5px 18px;
}

.btn-godzina {
    border: 1px solid transparent;
}

.btn-godzina.wolny {
    cursor:pointer;
}

.btn-godzina.wolny.aktywny-termin {
    background: #CCFFCC;
    border: 1px solid #a0ebb2;
}

.godziny-dla-dnia .row:nth-child(odd) .btn-godzina {
    background-color: #f9f9f9;
}

.btn-godzina.kolor-grafitowy {
    cursor:not-allowed;
}

.footer-copyright {
    padding-left:30px;
}

#szablonCSS {
    height: 450px;
}

@media(max-width:767px) {
    .stanowisko-kontener .col-md {
        margin-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-stanowisko .label {
        height: 35px;
        display: block;
        font-size: 12px;
    }

    .btn-termin {
        font-size: 12px !important;
    }

    .stanowisko-kontener {
        padding-bottom: 10px;
    }

    .termin-naglowek {
        padding-top: 10px !important;
        font-size: 13px;
    }

    .legenda {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .legenda-dostepne, .legenda-niedostepne {
        font-size:11px;
    }
}

#numer-rejestracyjny{
    text-transform:uppercase;
}

.k-dropdown-wrap.k-state-default {
    background-color: #fff !important;
}

.k-state-selected {
    background-color: #4b86b4 !important;
    border-color: #4b86b4 !important;
    box-shadow: inset 0 0 3px 1px #4b86b4 !important;
}


@media (max-width: 1599px) {
    .col-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 1140px;
        flex: unset;
    }

    .hide-1675{
        display:none;
    }
}

.header-bg {
    background-color: #000;
    color: #fff;
}

.header-logo {
    background-color: #fff;
    padding: 10px 0;
    max-width: 166px;
}

.header-title {
    padding: 7px 15px;
}
.flota-podziekowanie-tytul {
    margin-bottom: 30px;
    color: #4CAF50;
    font-size: 23px;
}

.flota-podziekowanie-tresc {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    margin-bottom: 35px;
    font-size: 13px;
}

.flota-podziekowanie-card {
    -webkit-box-shadow: 0px 0px 31px -2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 31px -2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 31px -2px rgba(0,0,0,0.2);
}

.flota-podziekowanie-stopka {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.flota-podziekowanie-card .card-body {
    margin-top: 80px;
    margin-bottom: 80px;
}

.uslugi-dropdown-img {
    width: 30px;
    margin-right: 5px;
}

.btn-close-window{
    background-color:#000;
    color:#fff;
    margin-top:15px;
}

.btn-close-window-2 {
    background-color: #000;
    color: #fff;

}

.logo-stopka {
    max-width: 90px;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-left: 10px;
}

.copy-stopka:link, .copy-stopka:hover, .copy-stopka:visited {
    color: #cecece;
    font-size: 13px;
}

#btn-wybor-terminu-dalej, #btn-dane-kontrahenta-powrot, #btn-wybor-terminu, #addAnotherService {
    padding: 10px;
    font-size: 15px;
}

#lista-uslug .k-dropdown-wrap {
    height: 40px;
}

#lista-uslug .k-input {
    font-size: 18px;
    padding-top: 5px;
}

.service-dropdown-text {
    font-size: 19px;
}

.termin-uwaga{
    font-size:14px;
}

.padding-10 {
    padding-left: 10px;
    padding-right: 10px;
}



.lista-uslug{
    margin-bottom:5px;
}

.info-services {
    background-color: #a0ebb2;
    color: #000;
    padding: 8px;
    border-color: #a0ebb2;
}

.k-notification-info{
    border:none !important;
}

#btnAddService{
    width:100%;
}

.modal-headr-uslugi {
    background-color: #3c3c3c;
    color: #fff;
    padding: 6px;
}

.modal-headr-uslugi .uslugi-txt {
    padding:5px;
}

.modal-headr-uslugi .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.modal-headr-uslugi .col:nth-child(1) {
    max-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-headr-uslugi .col:nth-child(2) {
    padding: 0;
    min-width: 188px;
}

.modal-headr-uslugi .col:nth-child(3) {
    padding: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60px;
}

#wybranUslugiNaglowek {
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

#uwagiNaglowek{
    font-size:13px;
}


#servicesDiv p {
    margin-top: 15px;
    margin-bottom: 6px;
}

*:focus {
    outline: none !important;
}

.usluga-wybierz{
    cursor: pointer;
}

.touched:required:invalid, .check.touched:invalid {
    border: 1px solid #ff0000 !important;
    box-shadow: 0 0 2px #ea3434;
}

#podsumowanie img {
    display: block;
    margin: 0 auto 15px auto;
}

#podsumowanie {
    text-align: center;
    background-color:#fff;
}

#podsumowanie h4 {
    margin-top: 40px;
    margin-bottom: 25px;
    font-weight: bold;
}

#podsumowanie p{
    margin-bottom:0;
}

#podsumowanieTerminOK {
    color: #5a9539;
    margin-bottom:40px;
}

#podsumowanieTerminErr {
    color: #d80000;
    margin-bottom: 40px;
}


#terminy-stanowiska {
    touch-action: manipulation;
}


.terminarz-stopka {
    font-size: 13px;
}

.wybrana-data-kontener p{
        font-size: 17px;
    margin-bottom:2px;
}

#daneKontaktoweTermin, #daneKontaktoweUslugi {
    font-weight: bold;
}

#servicesDiv td {
    padding-bottom: 5px;
    padding-top: 5px;
}

#servicesDiv.myjnia td:nth-child(1) {
    width: 52px;
}

#servicesDiv td:nth-child(0) {
    text-align: center;
    width: 60px;
}

#servicesDivz img {
    max-width: 30px;
}

#servicesDiv #wyborUslugX {
    padding: 0;
    margin: 0;
}

.naglowek-krok {
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.row-naglowek-krok-linia {
    margin: 0;
}

@media (max-width:769px){
    .naglowek-krok {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row-naglowek-krok-linia {
        margin: 0 -6px;
    }
}

.naglowek-krok-linia {
    background-color: #3c3c3c;
    border-radius: 10px;
    height: 6px;
}

.wybierz-termin-ico {
    float: right;
    width: 26px !important;
    height: 26px;
}

#servicesDiv > .col-md-6:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wybierz-usluge-ico {
    background-image: url('../images/icons/wybierz_usluge.svg');
    display:block;
    height: 42px;
    margin: -8px 0 0 -8px;
}

.dodana .wybierz-usluge-ico {
    background-image: url('../images/icons/wybrana_usluga.svg');
    height: 42px;
    margin: -8px 0 0 -8px;
}

#pojazdIco, #listaUslug {
    margin-top: 30px;
}

#kontrahent-typ{
    display:none;
}

.termin-dzien-tygodnia{
    min-width:100px;
}

#wybor-terminu {
    background-color: #fff;
}

.sekcja-powrot {
    border-top: 1px solid #eee;
}

.btn-powrot {
    background-color: #fff;
    border: 1px solid #a2a2a2;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sekcja-rezerwacja-serwis {
    background-color: #eee;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
}

.sekcja-rezerwacja-serwis p {
    margin-bottom: 3px;
    line-height: 14px;
    font-size: 13px;
}

.sekcja-rezerwacja-serwis p:nth-child(1) {
    margin-bottom: 7px;
    font-size: 15px;
}

.btn-other-option {
    border: 1px solid #a2a2a2;
    color: #424242;
    background-color: #fff;
    font-weight: bold;
    padding: 6px 10px;
}


.woj {
    color: #000;
    font-size: 8px;
    position: absolute;
    text-transform: uppercase;
    line-height: 8px;
}

    .woj img {
        width: 22px;
        display: block;
        margin: 0 auto;
        margin-bottom: 2px;
    }

#w1 {
    top: 165px;
    left: 38px;
}

#w2 {
    top: 68px;
    left: 116px;
}

#w3 {
    top: 163px;
    left: 250px;
}

#w4 {
    top: 127px;
    left: 27px;
}

#w5 {
    top: 148px;
    left: 151px;
}

#w6 {
    top: 230px;
    left: 168px;
}

#w7 {
    top: 111px;
    left: 196px;
}

#w8 {
    top: 188px;
    left: 97px;
}

#w9 {
    top: 234px;
    left: 221px;
}

#w10 {
    top: 71px;
    left: 252px;
}

#w11 {
    top: 22px;
    left: 102px;
}

#w12 {
    top: 205px;
    left: 135px;
}

#w13 {
    top: 187px;
    left: 176px;
}

#w14 {
    top: 31px;
    left: 176px;
}

#w15 {
    top: 120px;
    left: 75px;
}

#w16 {
    top: 46px;
    left: 29px;
}

.pojazd-ico.osobowe {
    background-image: url('../images/icons/osobowe.png');
    background-repeat: no-repeat;
    height: 39px;
    width: 75px;
    float: left;
}

.pojazd-nazwa.osobowe {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

    .pojazd-nazwa.osobowe:after {
        font-weight: bold;
        content: 'Samochody osobowe';
    }

.pojazd-ico.suv {
    background-image: url('../images/icons/suv.png');
    background-repeat: no-repeat;
    height: 39px;
    width: 83px;
    float: left;
}

.pojazd-nazwa.suv {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

    .pojazd-nazwa.suv:after {
        font-weight: bold;
        content: 'Samochody SUV / VAN';
    }

.pojazd-ico.dostawcze {
    background-image: url('../images/icons/dostawcze.png');
    background-repeat: no-repeat;
    height: 39px;
    width: 88px;
    float: left;
}

.pojazd-nazwa.dostawcze {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

.pojazd-nazwa.dostawcze:after {
    font-weight:bold;
    content: 'Samochody dostawcze';
}