/***********************
********* SKLEP ******
************************/
#wariant_pic {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
div.dostepnoscA {
    display:none;
    background-image:url(/_www2/images/icons/warning.png);
    background-repeat: no-repeat;
    background-position:4px 4px;
    background-size:20px 20px;
    padding:4px;
    padding-left:24px;
    background-color:#f9e3b8;
    
    font-size:90%;
    line-height:1.5em;
    margin-top:10px;
}
div.dostepnosc {
    display:none;
    background-image:url(/_www2/images/icons/warning.png);
    background-repeat: no-repeat;
    background-position:4px 4px;
    background-size:20px 20px;
    padding:4px;
    padding-left:24px;
    color:red;
    
    font-size:90%;
    line-height:1.5em;
    margin-top:10px;
}

.koszyk-row {border-bottom:1px #ddd solid;padding:15px 0px 6px 0px}
.koszyk-total {padding:20px 0px;text-align:right}

.koszyk_suma {font-size:160%}
.koszyk_kwota_big {font-size:140%;width:115px;display:inline-block;text-align:right;margin-right:3px}
.pozycja_cena {font-size:140%}
.pozycja-del {font-size:150%}
.koszyk-sum-line {margin-bottom:20px}
.adres-div {border:1px solid #555;width:30%;float:left;}
.adresy-buttons-line {border-top:1px solid #eee;padding:4px 0px;}
.adresy-buttons-line a {margin-right:4px}
.adresy-buttons-line a:hover { color: #ff9933a}


.error {
    /*border:1px solid #bebebe;
    background:#f7eb91;*/
    border: 2px solid #ffa41a;
    background: #fdd180;
       margin:0px 0px;padding:3px 8px;top:0px;right:0px;position:relative;display:none}
.error.checkbox {display:none;margin-bottom:14px;}

.error {width:70%}
.error.full-length {width:100%}
.error.bottom-offset {margin-bottom:14px;}

.checkbox-p-wrap {width:70%;display:inline-block}
.form-line .col-md-9 .checkbox-p-wrap {width:95%}
.form-line .col-md-9 .error {width:95%}

/*.error.checkbox {position:absolute;top:0;right:0}*/
@media only screen and (max-width: 991px) {
  .error,
  .error.checkbox {margin:0px 0px;width:90%;position:relative;}
  .checkbox-p-wrap {width:90%}
}

.konto-cols {margin:0px -10px}
.konto-col-wrap {padding:10px;width:33%;float:left}
.konto-col-wrap:first-child {clear:all}
.konto-col {border:1px solid #ddd;padding:16px;}
.adres-wrap {cursor:pointer}
.konto-col:hover {background-color:#f4f4f4}
a:hover .konto-col {}

@media only screen and (max-width: 768px) {
  .konto-col-wrap {width:50%;}
}
@media only screen and (max-width: 576px) {
  .konto-col-wrap {width:100%;float:none}
}
.konto-col.c {    text-align:center;}
.konto-col .fas {display:block;font-size:300%}
.konto-bottom-nav {border-top:1px solid #ddd;padding:10px 0px;margin-top:20px}

.konto_form {padding:0px;}
.form-line {padding:4px 0px;}
.form-line input,.form-line textarea {width:70%;padding:4px 8px;display:block}

.form-line .col-md-9 input,
.form-line .col-md-9 textarea {width:95%;}
.form-line input[type=checkbox] {width:auto;}
.form-line label {display:block;text-align:right;font-weight:normal}
@media screen and (max-width:991px) {
    .form-line label {text-align:left;}
    .form-line input,.form-line textarea {width:90%;}
}

input[type="text"].field-error,
input[type="email"].field-error,
input[type="telefon"].field-error,
input[type="nip"].field-error,
input[type="password"].field-error,
input[type="checkbox"].field-error,
input[type="radio"].field-error,
textarea.field-error 
{
    border: 2px solid #ffa41a;
    border-bottom-width: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea 
{
    border:1px solid #aaa;
    border-radius:2px;
}



.form-line label.checkbox {display:inline;text-align:left;padding-left:10px;margin-top:0px;margin-bottom:0px}
.form-footer {text-align:right}
.form-part {position:relative}
#koszyk_counter {margin-left:4px;background:#ff7800;color:white;padding:1px 8px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;}
#koszyk_counter.empty {display:none}

.light-grey {background-color:#f5f5f5}
.konto_form.light-grey {padding:15px}
.zamowienie-section {border:1px solid #ddd;/*border-bottom-style:none;*/margin-bottom:30px}
.zamowienie-section:last-child {border-bottom-style:solid}
.zamowienie-step-btns {text-align:right}

.zamowienie-header {position:relative}
.zamowienie-header h4 {margin:0px;padding:10px; border-bottom:1px solid #ddd;}
.zamowienie-section-edytuj-btn {position:absolute;right:45px;top:8px;display:none}
.section-content {padding:20px;}

.zamowienie-koszyk {border:1px solid #ddd;padding:10px;}

.form-confirm-val {display:none}
.form-confirm-part {display:none}


#content .sklep-tabela td,
#content .sklep-tabela th {padding:4px;padding-right:30px}

#rabat-box { padding:10px;background:#f5f5f5;display:inline-block}

.zamowienie-identyfikacja {border-right:1px solid #aaa;display:table-cell;padding:0 25px}
.zamowienie-identyfikacja:last-child {border:none}

.pasek-postepu {margin-bottom:20px;}
.pasek-postepu .pasek {padding-right:10px;padding-left:0px;display:table-cell}
.pasek-postepu .pasek:last-child {padding-right:0px}
.pasek-postepu .pasek div {background:#ccc;height:6px;color:#ccc}
.pasek-postepu .pasek.active div {background:#F39814}
.pasek-postepu .pasek a{color:#aaa}
.pasek-postepu .pasek.active a {color:#F39814 }
.pasek-postepu .pasek span {font-size:85%;color:white;background:#ccc;padding:2px 7px;border-radius: 12px}
.pasek-postepu .pasek.active span {background:#F39814 }


.submit-label {width:130px;display:inline-block}


.komunikaty {font-size:20px}
#koszyk_btn  .fa-shopping-cart {color:#ff7800;}
#koszyk_btn.empty .fa-shopping-cart {color:#aaa;}

#komunikat,.komunikat {display:none;padding:5px;background:#c9f2ff;text-align:center}

.zamowienie-dane-osobowe-2 {display:none}
.zamowienie-toggle {font-size:120%;padding-botton:10px;padding:4px;}
.zamowienie-toggle.active {font-weight:bold;color:black}
.zamowienie-toggle:focus{color:black}


.polecany-box {padding:13px 0;border-bottom:1px solid #efefef;clear:all}
.polecany-box img {}
.brak-zdjecia {width:80%;background:#eee;height:50px}

.fields_separator_div {border-bottom:1px #ddd solid;margin-bottom:10px;height:10px}

.zamowienie-info {
    padding-top:5px;
    border-top:1px solid #ddd;
    color:#2e82b8;
    font-style:italic;
}
.disabled {color:#aaa;cursor: default}