@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
}

:root {
    /*--tlo:#FFFFFF;
    --tekst:#1E2329; ** ciemny szary *
    --tekst2:#707A8A; ** jasny szary *
    --tekst3: #FFFFFF; ** "biały" *
    --bg-button:#FCD535; ** żółty 1 *
    --tekst-button:#1E2329; ** ciemny szary  *
    --xbt-button2: #1E2026; ** ciemny szary 2 *
    --xtekst-button2: #FCD535; ** żółty 1 *

    --link:#f0b90b;
    --czerwony:#F84960;

     paleta 1 **
    --ciemny-turkus: #4FD3E6;
    --jasny-turkus: #A0DBD8;
    --bezowy:#E0E3CD;
    --jasny-pomaranczowy: #FD8339;
    --ciemny-pomaranczowy: #FF6518;
    ** paleta 1 - koniec */

    --turkus:#4FD3E6;
    --turkus-kreska:#47BECE; 
    --zielony:#A0DBD8; 
    --zielony-kreska: #8FC5C2; 
    --kremowy: #E0E3CD;
    --kremowy-kreska: #C9CCB8;
    --pomaranczowy: #FD8339;
    --pomaranczowy-kreska: #E37533;
    --czerwony: #FF6518;
    --czerwony-kreska: #EB5A14;
    --czerwony-przezroczysty: #FBBBA5;

    --ciemny-szary: #4d4d4d;
    --jasny-szary: #808080;
    --minimalnie-szary: whitesmoke; /* na tło strony */
    --bialy: #FFFFFF;

}

body{padding:20px;color:var(--kolejny-szary);font-family: Poppins, sans-serif;font-size:16px;line-height: 1.2;background-color: var(--bialy)}

textarea:focus, input:focus, select:focus{outline: none;}
::placeholder {color: var(--kremowy-kreska);}

a{color: var(--turkus-kreska)}
a.bt{background-color: var(--pomaranczowy);color: var(--bialy) !important;padding: 3px 12px;text-decoration: none;}
.bt{cursor: pointer;color: var(--turkus-kreska);text-decoration: underline;}
.bt2{cursor:pointer;}
.bt3{color:var(--ciemny-szary);text-decoration:none;cursor:pointer}
b, strong{font-weight: bold;}
h1{font-size: 26px;margin: 20px 0px;font-weight: 600;color: var(--kremowy-kreska)}
h2{font-size: 20px;font-weight: 600;color: var(--kremowy-kreska)}
h1 a, h1 .plus{text-decoration: none;color: var(--pomaranczowy);cursor:pointer}
table{border-spacing: 0px;background-color: var(--bialy)}
/*#uzytkownik a.bt{background-color: #fff;padding: 5px;}*/
#menu a,#uzytkownik a{color: var(--ciemny-szary);text-decoration: none;}
input,textarea{padding: 5px 10px;margin: 5px;font-family: Poppins}

input[type=text],input[type=password]{padding: 2px 10px;}

select{cursor: pointer;color: var(--ciemny-szary);background-color: var(--bialy);padding: 4px 8px;margin: 5px;font-size: 100%}
input[type=text],input[type=password],select,textarea{border:1px solid var(--pomaranczowy);background-color: var(--bialy);font-size: 14px;}
input[type=submit]{background-color:var(--zielony);border: 1px solid var(--zielony);color: var(--bialy);cursor: pointer;padding: 1px 12px;font-size: 16px;}
input[type="checkbox"],input[type="radio"]{cursor: pointer;accent-color: var(--ciemny-szary);}

input[type="file"]{border:1px solid var(--pomaranczowy)}

td.czas{width:164px;}
td.icon{width:20px;}

.c{text-align: center;}
.r{text-align: right;}
.l{text-align: left;}
.vm{vertical-align: middle}
.b{font-weight: bold;}
.bp{text-decoration: none;}
.sm{font-size: 80%}
.sm2{font-size: 60%}
.red{color: var(--czerwony)}
.green{color: var(--zielony-kreska)}
.gray{color:var(--jasny-szary)}
.inl{display: inline !important}
.hid{display: none;}
.i-xxs{width: 30px;}
.i-xs{width: 50px;}
.i-s{width: 80px;}
.i-m{width: 120px;}
.i-l{width: 300px;}
.i-xl{width: 400px;}
.i-xxl{width: 600px;}
.rn{resize: none;}
.ta-m{width: 800px;height: 400px;}
.ta-s{width: 400px;height: 80px;}
.hov tr:hover{background-color:whitesmoke;}
.k{margin-top: 10px;margin-bottom: 10px;}
p.og{margin-top:20px;}
.ib{display:inline-block;}

#czas{position: fixed;border-top: 1px solid #272838;border-right: 1px solid #272838;left: 0px;bottom: 0px;padding: 2px;background-color: var(--bialy);}
#stopka{margin-top: 20px;color: var(--jasny-szary);clear: both;}
#uzytkownik{float: right;margin-top: 3px;}
#uzytkownik .m-obr{margin-left: 5px;margin-right: 5px;}
#menu{text-align: left;}
#menu,#uzytkownik{}
.m-poz{padding-left:10px;}
.m-akt{font-weight: bold;}
.m-obr{display:inline-block;border:1px solid #FFF;padding:10px 0px;}
.m-obr-akt{border-color:#707A8A;padding:10px;margin:0px 5px;}

#kom{text-align:center;margin:-20px -20px 10px -20px;padding:10px;}
.komt0{background-color:var(--zielony-kreska);color: var(--bialy)} /*zdefiniować kolor*/
.komt0 a{color: var(--bialy)}
.komt1{background-color:var(--czerwony);color:var(--tekst3);}
.komt1 a{color:var(--tekst3);}
.komt2{background-color:#30d5c8;color:#000;} /*zdefiniować kolor*/

.lista{width: 100%;margin: 20px 0px;border: 1px solid var(--turkus-kreska);border-top: none;}
.lista .produkt{display: block;}
.lista .produkt a{text-decoration: none;color: var(--czerwony);font-weight: bold;}
.lista .status a{text-decoration: none;color: var(--czerwony)}
.lista .nag td:first-child{border-left: 1px solid var(--turkus)}
.lista .nag td:last-child{border-right: 1px solid var(--turkus)}
.lista td{padding: 7px;}
.form tr td:first-child{text-align: right}
.form td{padding: 5px;vertical-align: top}
.form select, .form input{margin-top: 0px;}
.nag{font-weight: bold;text-transform: uppercase}
.nag td{border-bottom: 4px solid var(--turkus-kreska);background-color: var(--turkus);color: var(--bialy);padding-bottom: 2px;}
.nag .cyfra{width: 24px;}
.nag .dt{width: 172px;}

.klik{cursor: pointer;}
.kafelki{margin-bottom: -5px;}
.kafelki span{background-color: var(--kremowy);padding: 3px 8px 2px 8px;margin: 0px 5px 5px 0px;color: var(--jasny-szary);display: inline-block;font-size: 85%;border: 1px solid var(--kremowy-kreska)}
.kafelki .wyl{background-color: var(--bialy);color: var(--tekst-button)}
.kafelki input[type=checkbox]{display: none;}
.kafelki .hid{display:none;}
.form .kafelki{margin-left: 5px;}
.form .legenda, .legenda.pod{display: block;font-size: 80%;margin-left: 5px;color: var(--jasny-szary)}
.legenda_textarea{margin-top: 10px;}
.legenda.mt{margin-top: 3px;}
.legenda.hid{display:none;}
.form .pliki{}
.form .edytuj, .lista .edytuj{color: var(--czerwony-kreska);cursor: pointer;text-decoration: none}
.btfix{position: fixed;right: 0px;bottom: 0px;}
#faktura{margin-left: 20px;}
#nowe_produkty .prod{margin-top: 10px;}
.prod.prod2{border:1px solid #000;margin-bottom:10px;padding:10px;}

.usun{color: var(--czerwony);text-decoration: none;cursor: pointer}

.tn{display: inline-block; padding: 5px 20px;margin-left: 20px;color: var(--bialy);text-decoration: none;}
.tak{background-color: var(--czerwony);}
.nie{background-color: var(--kremowy);}

.adres{margin-top: 10px;margin-bottom: 10px;}
.adres .i-s{width: 50px;}
.adres .i-l{width: 190px;}
.adres .bt{margin: 5px;display: inline-block;}
input.wyr{border: 2px solid var(--turkus-kreska) !important}

#wystawiona_faktura_form, #wystawiona_proforma_form{padding-top: 12px;}

.w-nip{color: var(--pomaranczowy);font-weight: bold;}
#pods-faktur{width: 300px;}

.emaile{min-width:840px;}
.emaile td{padding:5px;}
.email_do_klienta{width:800px;border:1px solid var(--ciemny-szary);padding:20px;overflow:hidden;}
.email_do_klienta p{margin:10px 0px;}
.wyswietl-email{color:var(--turkus-kreska);cursor:pointer}
.email-ponownie{color:var(--pomaranczowy);text-decoration:none;font-weight:bold;}
.zalaczniki{margin-top:20px;color:var(--czerwony);padding-top:10px;border-top:1px solid #000;}
.zalaczniki a{display:inline-block;margin-right:20px;}

.pnl{min-width:340px;}

.lista select{margin:0px;}

.stat-msc{width:350px;float:left;margin:10px;}
.t-stat-msc{width:100%;}
.t-stat-msc td{padding:7px;}
.t-stat-msc a{color:var(--bialy);xtext-decoration:none;}

.stat-rok .nag td{background-color: var(--pomaranczowy);border-bottom:4px solid var(--pomaranczowy-kreska)}
.stat-rok .lista, .stat-rok .lista .nag td:last-child, .stat-rok .lista .nag td:first-child{border:1px solid var(--pomaranczowy-kreska)}

.opt-wyroznione{color:var(--czerwony)}
.email_do_klienta h2{margin-bottom:10px;}
.email_do_klienta{margin-bottom:20px;}

.stat-prod{border:1px solid black;}
.stat-koszt{background-color: var(--kremowy)}
.stat-mies td{vertical-align:middle}

#dane_gus{display:none;}

#wycena{border:1px solid var(--zielony);padding:10px 8px;margin-left:5px;}

input.blad, select.blad{border:2px solid red;}
#kalkulator{margin-left:5px;}
#ceny{margin-bottom:10px;}

.pimg{width:100px;height:100px;border: 1px solid var(--kremowy);display: flex;justify-content: center;align-items: center;float:left;margin-right:10px;}
.pimg img{max-width: 100px;max-height: 100px;}

.jest_img{height:102px;vertical-align:middle;line-height:100px;margin-bottom:10px;}
.iks{background-color:var(--pomaranczowy);color:#fff;width:18px;height:18px;line-height:18px;float:left;margin-left:-29px;margin-top:1px;text-align:center;text-decoration:none;}
.iks2{cursor:pointer}
.img_wycena.min{margin-left:5px;}

/* lista produktow dekoracje */
#tabela_produktow td{vertical-align: middle;border:1px solid var(--kremowy);padding:10px;}
#tabela_produktow .min, .img_wycena.min{width:100px;height:100px;background-color:var(--kremowy);text-align:center;line-height: 100px;padding:10px;}
#tabela_produktow .min img, .img_wycena.min img{max-width: 100%;max-height:100%;vertical-align:middle;}
#tabela_produktow .produkcja{margin-top:16px;}
#tabela_produktow .obr .iks, .iks2{margin-top:-120px;margin-left:102px;}
.iks2{margin-left:107px;}
#tabela_produktow .usun_produkt .iks{margin-left:-5px;margin-top:-5px;}
#tabela_produktow .usun_produkt{border:0px;vertical-align:top}
#tabela_produktow .razem{color:var(--jasny-szary);margin-left:10px;}
#tabela_produktow input[type=file]{width:230px;}
#tabela_produktow{margin-bottom:10px;}
/* koniec listy produktow dekoracje */

/* produkcja */
#produkcja td{vertical-align:middle;}
#produkcja .min{width:100px;height:100px;border: 1px solid var(--kremowy);text-align:center;line-height: 100px;padding:5px;}
#produkcja .min img{max-width: 100%;max-height:100%;vertical-align:middle;}
x.produkcja_kn{vertical-align:middle}
.produkcja_kn div{padding:10px;}
.produkcja_kn span{display:block;margin:6px 0px;}
/* koniec produkcji */

.kwadrat_kolor{width:24px;height:24px;margin-left:10px;border:1px solid #000;display:inline-block;vertical-align:middle}

#kod_paczko,#tracking_no{padding-left:10px;font-weight:bold;cursor:pointer;color:var(--kremowy-kreska)}
#tracking_no{font-weight:bold;cursor:pointer;color:var(--kremowy-kreska)}

.lista_zamowien img{xdisplay:block;xheight:20px;}
.lista_zamowien td{vertical-align: top}
#wyszukiwarka_zamowien{margin-bottom:20px;}

.prod_wymiary{display:inline-block;margin-left:10px;}
.bledy_wysylki{float:right;}
.lista_wysylka td{vertical-align:middle}

.radio_div_inp{height:30px;}
.radio_div_inp span{cursor:pointer}

#lista_zalacznikow div{padding:2px 5px;}

.pk{color:#fff;font-weight:bold;margin-bottom:10px;background-color:red;padding:10px;text-align:center}
.pk form{display:inline}
.pk input[type=submit]{background-color: var(--ciemny-szary);color:var(--minimalnie-szary);border:none;}

.form_blad{font-weight:bold;color:var(--czerwony)}

.uc{text-transform:uppercase;}
.kraje{width:auto;}

.szukz{color:var(--jasny-szary)}

#laczenie_dodajid{margin-top:5px;margin-bottom:5px;}