@charset "utf-8";
/*  common  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

strong {font-weight:700}

html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:12pt  }
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;font-display:fallback}

body, table, div, input, textarea, select, button {font-family: 'Roboto', sans-serif;;color:#303030;font-weight:400;font-size:1rem;line-height:1.2rem}
sup {vertical-align:super;line-height:1em;font-size:0.6em}
sub {vertical-align:sub;line-height:1em;font-size:0.6em}

strong,b {font-weight:700}
em,i {font-style:italic}
a {color:#0081b4;text-decoration:none;transition:color 0.3s linear}
a:hover {color:#1e72bd;text-decoration:none;}

p {margin:0;}
label {cursor:pointer}
label.label {line-height:2.2em}

.hidden {display:none}
.aleft {text-align:left}
.aright {text-align:right}
.acenter {text-align:center}
.ajustify {text-align:justify}
.fleft {float:left;display:inline}
.fright {float:right;display:inline}
.fcenter {margin:0 auto;display:block}
.iblock {display:inline-block;vertical-align:top;margin-bottom:10px}
.galeria {margin:0;display:block}
.cright {clear:right}
.cboth {clear:both}
.cboth-after::after {display:block;content:" ";clear:both}
.cleft {clear:left}
.ileft {margin:0px 20px 12px 0px}
.iright {margin:0px 0px 12px 20px}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.shadow {text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.lshadow {text-shadow:0 1px 1px rgba(255,255,255,0.5)}
.menuvert {display:block}
.inline {display:inline}
.oneline {white-space: nowrap}
.rclear {display:none}
.cclear {display:block;clear:both}
.relative {position:relative}
.page .content ul { list-style:disc;margin:5px 0 5px 32px}
.page .content ol { list-style:decimal;margin:5px 0 5px 32px}
.content {line-height:1.4em}
.flex-row {display:flex;flex-flow:row wrap;}
.flex-col {display:flex;flex-flow:column nowrap;}
.flex-row-col {display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-around}
.flex-row-col .flex-between {flex:0 0 auto;padding-left:2%;border-right:1px dotted #c0c0c0;margin-right:2%}
.flex-row-f {display:flex;flex-flow:row nowrap;}
.flex-ac {align-items:center;}
.flex-at {align-items:flex-start;}
.flex-ab {align-items:flex-end;}
.flex-as {align-items:stretch;}
.flex-jb {justify-content: space-between}
.flex-ja {justify-content: space-around}
.flex-jc {justify-content: center}
.flex-jl {justify-content: flex-start}
.flex-jr {justify-content: flex-end}

.info {color:#339911 !Important}
.warning {color:#cc9911 !Important}
.error {color:#bb4444 !Important}

html,body {min-width:100%;min-height:100%;padding:0;margin:0}
body {font-family: 'Roboto', sans-serif;color:#000000;margin:0;padding:0 0 0;background:#181818;}
#all {background:#f2f2f2;padding:0;color:#111111;min-height:100vh}

#login_container {margin:30px auto;text-align:center;width:300px;background:url(../images/logo.png) no-repeat center 20px #fff;padding:130px 35px 25px 35px;line-height:25px;border:0px solid #e8e8e8;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.08);background-size:180px auto}
#login_container h2 {font-size:1.2rem;padding:5px 0 5px 40px;color:#202020;display:inline-block;background:url(../images/klodka.png) no-repeat left top;border:0;margin:0 auto 20px;}
#login_container form {margin:0 auto;display:inline-block}
#login_container label {clear:both;width:60px;font-weight:bold;text-transform:uppercase;color:#303030;margin:0 0 10px 0}
#login_container .text1,#login_container .password1 {border:1px solid #e4f6ff;background:#e4f6ff;padding:8px 6px;text-align:center;color:#606060;border-radius:4px;margin:0 auto 20px;width:190px;;display:inline-block;transition:all 0.3s ease-out}
#login_container .button1 {border:1px solid #2090cd;background:#2090cd;cursor:pointer;font-size:0.9rem;font-weight:700;color:#fff;text-transform:uppercase;border-radius:2px;padding:6px 14px;width:160px;transition:all 0.3s ease-out;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
#login_container .button1:hover {background:#606064;border:1px solid #606064;color:#fff;box-shadow: none}
.sep {clear:both;line-height:1px;font-size:1px;height:1px}

#login_container .text1:hover, #login_container .password1:hover {border-color:#d0d0d0}
#login_container .text1:focus, #login_container .password1:focus {border-color:#d0d0d0}

a {color:#004477;text-decoration:none;transition:all 0.3s ease-out}
a:hover {color:#d00;text-decoration:none}

#engine-info {color:#505050;text-align:center;font-size:0.75rem;background:#ecebee;margin-bottom:1px;padding-left:225px}
#engine-info b {color:#000;background:#e8e8e8;border-radius:0px;padding:3px 6px;display:inline-block;margin-right:5px}

#footer {padding:10px;text-align:center;background:#e2e0e6;font-size:0.9rem;}
#footer {color:#505050;}
#footer a {color:#225588;}

div.box_info {display:inline-block;padding:10px 8px 10px 48px;min-height:24px;font-size:0.9rem;text-align:center;width:240px;margin:0px auto;color:#202020;background:#fff url(../images/info.png) no-repeat 12px center;box-shadow:0 2px 7px rgba(0,0,0,0.1);position:absolute;top:30px;z-index:100000;left:50%;margin-left:-12px}
div.box_warning {display:inline-block;padding:10px 8px 10px 48px;min-height:24px;font-size:0.9rem;line-height:24px;text-align:center;min-width:220px;margin:20px auto 15px;color:#f00000;background:#fff url(../images/alert.png) no-repeat 12px center;box-shadow:0 2px 7px rgba(0,0,0,0.1)}
#logo {background:url(../images/logomenu.png) no-repeat center center;width:207px;height:45px;margin:0 auto 10px}
#menu {font-size:0.9rem;line-height:45px;margin:0;border:0px solid #c0c0c0;text-align:center;padding:8px 0px 5px;background:#606060;position:fixed;top:0;bottom:0;left:0;width:225px}
#menu .menusep {border-top:1px solid #505050;height:0;border-bottom:1px solid #858585}
#menu a {padding:10px 12px 10px 56px;line-height:20px;display:block;color:#fff;background-color:#727076;background-repeat:no-repeat;background-position:18px 8px;background-size:24px 24px;margin:0;text-align:left;transition:all 0.3s ease-out}
#menu a.selected {background-color:#88848d;;text-shadow:none}
#menu a:hover {background-color:#68646a;text-decoration:none;text-shadow:none}

#menu a.menu-start {background-image:url(../images/start.png)}
#menu a.menu-nowe {background-image:url(../images/nowezamowienie.png)}
#menu a.menu-zamowienie {background-image:url(../images/zamowienie.png)}
#menu a.menu-podstrony {background-image:url(../images/podstrony.png)}
#menu a.menu-komponenty {background-image:url(../images/komponenty.png)}
#menu a.menu-kolory {background-image:url(../images/kolory.png)}
#menu a.menu-tkaniny {background-image:url(../images/tkaniny.png)}
#menu a.menu-systemy {background-image:url(../images/systemy.png)}
#menu a.menu-raporty {background-image:url(../images/raporty.png)}
#menu a.menu-asortyment {background-image:url(../images/asortyment.png)}
#menu a.menu-grupy {background-image:url(../images/grupy.png)}
#menu a.menu-wyposazenie {background-image:url(../images/wyposazenie.png)}
#menu a.menu-producenci {background-image:url(../images/producenci.png)}
#menu a.menu-rozliczenia {background-image:url(../images/rozliczenia.png)}
#menu a.menu-zamowienia {background-image:url(../images/zamowienia.png)}
#menu a.menu-zamowienia_archiwum {background-image:url(../images/zamowienia_archiwum.png)}
#menu a.menu-zlecenia {background-image:url(../images/zlecenia.png)}
#menu a.menu-klienci {background-image:url(../images/kontrahenci.png)}
#menu a.menu-kontrahenci {background-image:url(../images/kontrahenci.png)}
#menu a.menu-szef {background-image:url(../images/szef.png)}
#menu a.menu-ksiegowosc {background-image:url(../images/ksiegowosc.png)}
#menu a.menu-oferty {background-image:url(../images/oferty.png)}
#menu a.menu-przewoznicy {background-image:url(../images/przewoznicy.png)}
#menu a.menu-wsamochody {background-image:url(../images/wsamochody.png)}
#menu a.menu-uzytkownicy {background-image:url(../images/uzytkownicy.png)}
#menu a.menu-kontrahenci {background-image:url(../images/kontrahenci.png)}
#menu a.menu-pisma {background-image:url(../images/pisma.png)}
#menu a.menu-newsletter {background-image:url(../images/newsletter.png)}
#menu a.menu-konta {background-image:url(../images/konta.png)}
#menu a.menu-konto {background-image:url(../images/konto.png)}
#menu a.menu-logout {background-image:url(../images/logout.png)}
#menu a.menu-config {background-image:url(../images/config.png)}
#menu a.menu-tlumaczenia {background-image:url(../images/tlumaczenia.png)}
#menu a.menu-ogloszenia {background-image:url(../images/ogloszenia.png)}
#menu a.menu-narzedzia {background-image:url(../images/systemy.png)}

h1.title {padding:15px 25px 15px 54px;background-repeat:no-repeat;background-position:8px center}
#title-start {background-image:url(../images/start.png)}
#title-zamowienie {background-image:url(../images/zamowienie.png)}
#title-podstrony {background-image:url(../images/podstrony.png)}
#title-tkaniny {background-image:url(../images/tkaniny.png)}
#title-komponenty {background-image:url(../images/komponenty.png)}
#title-kolory {background-image:url(../images/kolory.png)}
#title-systemy {background-image:url(../images/systemy.png)}
#title-raporty {background-image:url(../images/raporty.png)}
#title-szef {background-image:url(../images/szef.png)}
#title-rozliczenia {background-image:url(../images/rozliczenia.png)}
#title-asortyment {background-image:url(../images/asortyment.png)}
#title-wyposazenie {background-image:url(../images/wyposazenie.png)}
#title-warianty {background-image:url(../images/modele.png)}
#title-producenci {background-image:url(../images/producenci.png)}
#title-kontrahenci {background-image:url(../images/kontrahenci.png)}
#title-klienci {background-image:url(../images/kontrahenci.png)}
#title-grupy {background-image:url(../images/grupy.png)}
#title-zamowienia {background-image:url(../images/zamowienia.png)}
#title-zamowienia_archiwum {background-image:url(../images/zamowienia_archiwum.png)}
#title-przewoznicy {background-image:url(../images/przewoznicy.png)}
#title-wsamochody {background-image:url(../images/wsamochody.png)}
#title-uzytkownicy {background-image:url(../images/uzytkownicy.png)}
#title-kontrahenci {background-image:url(../images/kontrahenci.png)}
#title-pisma {background-image:url(../images/pisma.png)}
#title-newsletter {background-image:url(../images/newsletter.png)}
#title-konta {background-image:url(../images/konta.png)}
#title-konto {background-image:url(../images/konto.png)}
#title-config {background-image:url(../images/config.png)}
#title-tlumaczenia {background-image:url(../images/tlumaczenia.png)}
#title-ogloszenia {background-image:url(../images/ogloszenia.png)}
#title-narzedzia {background-image:url(../images/systemy.png)}

#content {margin:0 auto;text-align:center;padding:30px 10px 30px 235px;min-height:calc(100vh - 66px)}
#content-login {margin:0 auto;text-align:center;padding:30px 10px 30px 10px;min-height:calc(100vh - 66px)}

table.crud_formtable {border:2px solid #909090;border-collapse:collapse;margin:0 auto 10px;border-spacing:0}
table.crud_formtable  tr {;transition:all 0.3s ease-out}
table.crud_formtable  tr.separator td {color:#802000;background:#101010;border:1px solid #101010}
table.crud_formtable .crud_formdesc {border:1px solid #2090cd;font-weight:700;background:#40a0dd;text-align:right;padding:0px 8px;font-size:1rem;color:#fff;transition:all 0.3s ease-out}
table.crud_formtable .crud_formtext {border:1px solid #c8c8c8;text-align:left;padding:4px 8px;;transition:all 0.3s ease-out;color:#101010;background:#eaeaea;}
table.crud_formtable .crud_forminput {border:1px solid #c8c8c8;text-align:left;padding:4px 8px;line-height:2.5em;color:#101010;background:#eaeaea;transition:all 0.3s ease-out}
table.crud_formtable tr:hover .crud_formdesc {background:#2090cd;}
table.crud_formtable tr:hover .crud_forminput {background:#e4e3e6;}
table.crud_formtable tr:hover .crud_formtext {background:#e4e3e6;}
table.crud_formtable tr:hover td.crud_formdesc {}
table.crud_formtable tr:hover td.crud_forminput {}
table.crud_formtable tr.importantbig td.crud_forminput {font-size:1.2rem;line-height:2em}

#crud_formularz table.crud_formtable  tr.inputleft input {text-align:left}
#crud_formularz {margin:0 auto;padding:0px 0}
#crud_formularz label {font-size:1rem;display:block;margin:8px 0 6px;font-weight:bold}
#crud_formularz h4 {font-size:1rem;margin:0 0 5px}
#crud_formularz input {border:1px solid #d4d0d7;padding:5px 10px;text-align:center;color:#404040;background:#fbfbfb;transition:all 0.3s ease-out}
#crud_formularz textarea {border:1px solid #d4d0d7;padding:5px 10px;text-align:left;color:#404040;background:#fbfbfb;transition:all 0.3s ease-out}
#crud_formularz input:focus {box-shadow:none;color:#000;background:#fff;} 
#crud_formularz textarea:focus {box-shadow:none;color:#000;background:#fff} 
#crud_formularz table.crud_formtable input:focus {box-shadow:none;color:#000;background:#f8f8f8;border:1px solid #a0b0cd}
#crud_formularz table.crud_formtable textarea:focus {box-shadow:none;color:#000;background:#f8f8f8;border:1px solid #a0b0cd}
#crud_formularz input[type="file"] {background:none;color:#e0e0e0;padding:0;box-shadow:none}
#crud_formularz input.button {border-radius:2px;border:0;background:#2090cd;cursor:pointer;font-size:0.9rem;font-weight:700;color:#fff;text-transform:uppercase;padding:6px 14px;display:inline-block;;transition:all 0.3s ease-out}
#crud_formularz .button:hover {background:#cc2200;color:#fff;}

.crud_formularz table.crud_formtable  tr.inputleft input {text-align:left}
.crud_formularz {margin:0 auto;padding:0px}
.crud_formularz label {font-size:1rem;display:block;margin:8px 0 6px;font-weight:bold}
.crud_formularz h4 {font-size:1rem;margin:0 0 5px}
.crud_formularz input {border:1px solid #d4d0d7;padding:5px 10px;text-align:center;color:#404040;background:#fbfbfb;transition:all 0.3s ease-out}
.crud_formularz textarea {border:1px solid #d4d0d7;padding:5px 10px;text-align:left;color:#404040;background:#fbfbfb;transition:all 0.3s ease-out}
.crud_formularz input:focus {box-shadow:none;color:#000;background:#fff;}
.crud_formularz textarea:focus {box-shadow:none;color:#000;background:#fff}
.crud_formularz table.crud_formtable input:focus {box-shadow:none;color:#000;background:#f8f8f8;border:1px solid #a0b0cd}
.crud_formularz table.crud_formtable textarea:focus {box-shadow:none;color:#000;background:#f8f8f8;border:1px solid #a0b0cd}
.crud_formularz input[type="file"] {background:none;color:#e0e0e0;padding:0;box-shadow:none}
.crud_formularz input.button {border-radius:2px;border:0;background:#2090cd;cursor:pointer;font-size:0.9rem;font-weight:700;color:#fff;text-transform:uppercase;padding:6px 14px;display:inline-block;;transition:all 0.3s ease-out}
.crud_formularz input.bigbutton {border-radius:3px;border:0;background:#cc3322;cursor:pointer;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;padding:9px 20px;display:inline-block;;transition:all 0.3s ease-out}
.crud_formularz input.button:hover {background:#cc2200;color:#fff;}
.crud_formularz input.bigbutton:hover {background:#303030;color:#fff;}

table#crud_lista {border:2px solid #909090;border-collapse:collapse;margin:0 auto 0px;min-width:800px}
#crud_lista td {border:1px solid #d0d0d0;padding:5px 5px;text-align:left;color:#101010;transition:all 0.3s ease-out;font-size:0.9rem}
#crud_lista th {border:1px solid #2090cd;font-weight:700;background:#40a0dd;padding:8px 8px;font-size:1rem;text-align:left;color:#fff;transition:all 0.3s ease-out}
#crud_lista .centeruj {text-align:center}
#crud_lista .acenter {text-align:center}
#crud_lista .aright {text-align:right}
table#crud_lista tr {background-color:#f8f8f8;transition:all 0.3s ease-out}
table#crud_lista tr:hover {background-color:#fff;}
table#crud_lista tr:hover td {background-color:#dceafc}
/*table#crud_lista tr.nieparzyste {background-color:#ececec}*/
table#crud_lista tr.nieparzyste:hover {background-color:#dceafc}
table#crud_lista tr.nieparzyste:hover td {background-color:#dceafc}
table#crud_lista a {;transition:all 0.3s ease-out}
table#crud_lista a:hover {color:#000;text-decoration:none}

table.crud_lista {border:2px solid #909090;border-collapse:collapse;margin:0 auto;}
.crud_lista td {border:1px solid #d0d0d0;padding:5px 5px;text-align:left;color:#101010;transition:all 0.3s ease-out;font-size:0.9rem}
.crud_lista th {border:1px solid #2090cd;font-weight:700;background:#40a0dd;padding:8px 8px;font-size:1rem;text-align:left;color:#fff;transition:all 0.3s ease-out}
.crud_lista .centeruj {text-align:center}
.crud_lista .acenter {text-align:center}
.crud_lista .aright {text-align:right}
table.crud_lista tr {background-color:#f8f8f8;transition:all 0.3s ease-out}
table.crud_lista tr:hover {background-color:#fff;}
table.crud_lista tr:hover td {background-color:#dceafc}
/*table.crud_lista tr.nieparzyste {background-color:#ececec}*/
table.crud_lista tr.nieparzyste:hover {background-color:#dceafc}
table.crud_lista tr.nieparzyste:hover td {background-color:#dceafc}
table.crud_lista a {;transition:all 0.3s ease-out}
table.crud_lista a:hover {color:#000;text-decoration:none}

#pager {margin:0 0 10px;color:#225599;font-size:0.9rem}
#pager a {padding:5px 10px;font-weight:700;font-size:0.9rem;display:inline-block;;border-radius:2px;color:#fff;background:#606060;margin:0 1px 0 5px;transition:all 0.3s ease-out}
#pager a:hover {background:#d0d0d0;text-decoration:none;color:#202020;}
#pager a.selected {background:#2090cd;;color:#fff;}
span.operacje {color:inherit}
span.operacje:hover {color:inherit}
.operacje {line-height:24px;background:#f06050;padding:8px 15px;color:#fff;border-radius:2px;cursor:pointer;display:inline}
.operacje:hover {background:#707070;color:#fff}
table .operacje {margin:0 4px;line-height:24px;background:none;padding:0}
#crud_lista .operacje {color:#004477}
.crud_lista .operacje {color:#004477}
table .operacje:hover {background: none}
.operacje img {border:0;display:inline-block;vertical-align:middle;margin:0 3px 0 0;width:24px;height:24px}
button {border:0;}

#crud_lista td.wciecie20 {padding:3px 5px 3px 20px}
#crud_lista td.wciecie40 {padding:3px 5px 3px 40px}
table#crud_lista tr.crud_marked td {color:#cc2211;font-weight:bold}
table#crud_lista tr.crud_marked td {background-color:#fff}
table#crud_lista tr.crud_marked.nieparzyste td {color:#cc2211;background-color:#f8fce8}
#crud_lista tr.crud_marked td a {color:#446600;transition:all 0.3s ease-out}
#crud_lista tr.crud_marked td a:hover {color:#000}
#crud_lista td.marked {font-weight:bold}

h1 {font-size:1.3rem;color:#fff;padding:10px 30px 10px;display:inline-block;border-radius:2px;background:#525056;margin:0 auto 20px}
h2 {font-size:1.2rem;color:#bd0000;border-bottom:1px solid #303030;padding:0 30px 3px;display:inline-block;margin:0 auto 15px}
h3 {font-size:1.1rem;color:#bd0000;margin:0 auto 10px;font-weight:700}
h4 {font-size:1rem;color:#bd0000;margin:0 auto 10px;font-weight:700}

.acenter {text-align:center}
.aleft {text-align:left}
.aright {text-align:right}

.fleft {float:left}
.fright {float:right}

.clear {clear:both}
.cleft {clear:left}
.cright {clear:right}

a img {border:0}
.img {border:0}
.imgl {float:left;border:1px solid #808080}
.imgr {float:right;border:1px solid #808080}
.imgb {border:1px solid #808080}

.box4print {width:610px;padding:30px;border:1px solid #606060;box-shadow:0 3px 6px rgba(0,0,0,0.2);background:#ffffff;margin:10px auto 20px}
.important {color:#cc2200}

.smalltext {font-size:0.7rem !important}
.smalltext * {font-size:0.7rem !important}

.medtext {font-size:0.8rem !important}
.medtext * {font-size:0.8rem !important}

.bigtext {font-size:1.2rem !important}
.bigtext * {font-size:1.2rem !important}

form {font-size:0.9rem;line-height:1.8rem}

form input {border:1px solid #c0c0c0;padding:5px 10px;text-align:center;font-size:0.9rem;color:#222;background:#fff}
form input.button {border-radius:2px;border:0;background:#2090cd;;cursor:pointer;font-size:0.9rem;font-weight:700;color:#fff;text-transform:uppercase;padding:6px 14px;display:inline-block;;transition:all 0.3s ease-out}
form .button:hover {background:#cc2200;color:#fff;}
form button.button {border-radius:2px;border:0;background:#2090cd;;cursor:pointer;font-size:0.9rem;font-weight:700;color:#fff;text-transform:uppercase;padding:6px 14px;display:inline-block;;transition:all 0.3s ease-out}
form .button:hover {background:#cc2200;color:#fff;}
.minibutton {border-radius:2px;border:0;background:#cc2200;cursor:pointer;font-size:0.7rem;font-weight:400;color:#fff;text-transform:uppercase;padding:1px 5px;display:inline-block;;transition:all 0.3s ease-out}
.minibutton.action {border-radius:2px;border:0;background:#2090cd;cursor:pointer;font-size:0.7rem;font-weight:400;color:#fff;text-transform:uppercase;padding:1px 5px;display:inline-block;;transition:all 0.3s ease-out}
.fright.minibutton {margin-left:10px}
.fleft.minibutton {margin-right:10px}
.minibutton:hover {background:#202020;color:#fff;}
form select {font-size:0.9rem;padding:5px 10px}
.topscroll {margin:0 10px 10px;display:none}
.box {background:#303030;border-radius:5px;padding:5px 10px;margin:10px auto;display:inline-block;max-width:320px;}
.hidden {display:none}

.opcja {margin:0 auto;display:inline-block;background:#909090;font-size:0.9rem;font-weight:700;border-radius:2px;padding:6px 14px;color:#fff;width:120px;text-align:center}
.opcja:hover {background:#707070;color:#fff}
.opcja.selected {background:#2090cd;color:#fff}

#hint {position:absolute;display:block;opacity:0;max-width:200px;padding:5px 10px;border:0px solid #d0d0d0;background:#fff;left:0px;top:0px;font-size:0.75rem;text-align:center;transition:opacity 0.2s linear;box-shadow:1px 2px 5px rgba(0,0,0,.3)}
#hint.visible {opacity:1}
/*
.statusof {font-size:0.8rem;font-weight:400;border-radius:2px;padding:5px 10px;color:#202020;border:1px solid #404040;display:inline-block;margin:0 10px;cursor:pointer}
.statusof strong{font-size:1rem}
.statusoff {opacity:0.5}
.status_archiwum {background-color:#b0b0b0;color:#606060}
.status_zapytanie {background-color:#ff5533}
.status_wyslana {background-color:#ff8866}
.status_przyjeta {background-color:#66bb22}
.status_dowyslania {background-color:#ff8844}
.status_zamowiona {background-color:#ffaa22}
.status_dostarczona {background-color:#eecc33}
.status_zrealizowana {background-color:#404040;color:#80e040}
.status_uklienta {background-color:#7cb4d4;}
.of_akcja {float:right;margin:0 0 8px 8px;display:inline-block;border-radius:4px;border:0;background:#99cc33;cursor:pointer;font-size:0.9rem;font-weight:bold;color:#202020;text-transform:uppercase;padding:3px 12px;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,0.3);transition:all 0.3s ease-out}
.of_akcja:hover {background:#ffbb00;text-shadow:0 1px 1px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.oferta {line-height:1.6em;margin:0px auto 15px;max-width:800px;border:1px solid #404040;;padding:10px 20px 15px;color:#202020;font-size:0.9rem;text-align:left;overflow-x:hidden;transition:all 0.3s ease-out}
.oferta strong {font-size:1rem;padding-right:10px}
.oferta:hover {border:1px solid #fff;}
.halfpanel {width:45%;text-align:left;display:inline-block;vertical-align: top;max-width:750px;margin:0 2%}
*/
.fading {border:1px solid #fff;background:#dddddd;padding:10px 20px;display:inline-block;border-radius:5px;}

#popup {position:fixed;width:960px;left:50%;margin-left:-480px;top:100px;background:#707070;padding:20px;display:none;box-shadow:3px 5px 10px rgba(0,0,0,0.3);border:4px solid #404040}
#popupcontents {color:#fff}
#closepopup {font-size:1.6rem}
#popup textarea {border:0;padding:2px 6px;text-align:left;font-size:0.9rem;color:#404040;background:#fff;border-radius:4px;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4),0 -1px 2px rgba(0,0,0,0.3)}
#popup input[type=text] {border:0;padding:2px 6px;text-align:left;font-size:0.9rem;color:#404040;background:#fff;border-radius:4px;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4),0 -1px 2px rgba(0,0,0,0.3)}
#popup textarea:focus {box-shadow:none;color:#000;background:#fff}
.showuwagi {display:block;background:#686868;border-radius:5px;width:50px;margin:0 auto;text-align:center;padding:4px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.3)}
.listauwag {border:1px inset #808080;background:#ffffff;padding:0px 20px 10px;margin-top:5px}
.listauwag h3 {color:#202020;margin:10px 0 5px;border-bottom:1px solid #c0c0c0;text-transform:uppercase}

.belka {padding:8px 10px;background:#d8d8d8;width:100%;font-size:0.9rem;display:block;border-radius:3px;transition:all 0.3s ease-out;min-width:800px}

.select2-container {font-size:0.9rem}
.select2-selection {border-radius:1px !important;border-color:#d4d0d7 !important;}
.komponent-opcja {padding-bottom:10px;text-align:left;font-size:0.8rem}
#crud_formularz .komponent-opcja label {font-size:0.8rem;font-weight:400;display:inline}
.crud_formularz .komponent-opcja label {font-size:0.8rem;font-weight:400;display:inline}
.selection {line-height:1.8em}
.select2-search__field {border:none !important;background:transparent !important;padding:0 !important;}

.zuzycie {font-size:9pt;text-align:left;width:150px}
.zuzycie-wynik {min-width:35px;border-bottom:1px solid #d0d0d0;display:inline-block;vertical-align:baseline;padding:3px 6px;text-align:center;background:#f4f4f4;height:26px;}
.zuzycie-strata {min-width:25px;border-bottom:1px solid #d0d0d0;display:inline-block;vertical-align:baseline;padding:3px 6px;text-align:center;background:#f4f4f4;height:26px;}

table.crud_formtable td.zalezne {padding-right:12px}

#listazamowien {display:none}

td#zamowienieszczegoly {padding:0;background:#fff !important;border-bottom:2px solid #a0a0a0}
#danezamowienia {width:800px;margin:0 auto}
#danezamowienia h3 {background:#d0e8f8;padding:8px;margin:0}
#danezamowienia .content {padding:5px 10px;font-size:0.9rem;background:#fff}
#danezamowienia .content strong {color:#a03020}
#danezamowienia .content * {font-size:0.9rem}
#danezamowienia .btop  {border-top:1px solid #c0c0c0}
#danezamowienia .bbottom  {border-bottom:1px solid #c0c0c0}
#danezamowienia .flex-row-f>div {width:48%;flex:0 0 auto;}
#danezamowienia .flex-row>div {width:48%;flex:0 1 auto;}
#danezamowienia .zamowienie-tkanina>div {width:auto;flex:0 1 auto;}
#danezamowienia .content .fright {white-space:nowrap;width:64px;text-align:right;background:#f5f5f5;padding:2px 4px;margin:-5px -10px -5px 5px;line-height:25px;font-size:0.7rem !important}
#danezamowienia .content .fright span {}