@font-face { font-family: "Roboto"; font-style: normal; font-weight: normal; src: url(../biblioteka/fonts/Roboto/Roboto-Regular.ttf); } @font-face { font-family: "Roboto"; font-style: italic; font-weight: normal; src: url(../biblioteka/fonts/Roboto/Roboto-Italic.ttf); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url(../biblioteka/fonts/Roboto/Roboto-Medium.ttf); } @font-face { font-family: "Roboto"; font-style: italic; font-weight: 500; src: url(../biblioteka/fonts/Roboto/Roboto-MediumItalic.ttf); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: bold; src: url(../biblioteka/fonts/Roboto/Roboto-Bold.ttf); } @font-face { font-family: "Roboto"; font-style: italic; font-weight: bold; src: url(../biblioteka/fonts/Roboto/Roboto-BoldItalic.ttf); } * { margin: 0; padding: 0; font-family: Roboto, sans-serif; font-size: 15px; box-sizing: border-box; } body { padding: 10px; color: #404040; font-weight: normal; background-color: #ffffff; background-color: #ffffff; background-image: url(main.php?skladnik=background); background-attachment: fixed; } table { border-collapse: separate; border-spacing: 0; color: #404040; } td { padding: 0; } form { margin: 0px; } hr { margin: 5px auto; } img, select, input[type="text"], input[type="submit"], input[type="button"], input[type="image"], input[type="date"] { vertical-align: middle; } img.budzik { cursor: pointer; } .tabela-normal, .tabela-zamowienie, .tabela-owal { border: 1px solid #9f9f9f; border-radius: 3px; background-color: #ffffff; overflow: auto; } .tabela-zamowienie { background-color: #f4f4f4; box-shadow: 0 -50px 40px 0px #ffffff inset; overflow: auto; } .tabela-zamowienie:hover { background-color: #efefef; box-shadow: none; } .tabela-zamowienie td.num { text-align: center; font-size: 16px; font-weight: bold; } .tabela-normal, .tabela-owal { box-shadow: 2px 2px 2px #efefef; } .tabela-owal { border-radius: 3px; } .tra:hover, table.podswietl tr:hover { background-color: #efefef; } select { height: 30px; border: 1px solid #9f9f9f; border-radius: 3px; margin: 0; padding: 2px 5px; color: #404040; box-shadow: 0 1px 1px #efefef; background-color: #fdfdfb; } select.zst { font-weight: bold; width: 155px; padding: 5px; height: auto;} select.zst option { padding: 5px; } option { padding: 2px; } option[selected] { font-weight: bold; } option[disabled] { color: #a1a1a1; } option.akt { font-weight: bold; color: #149913; } textarea { padding: 5px; border: 1px solid #9f9f9f; color: #404040; font-weight: normal; background-color: #ffffff; box-shadow: 0 1px 1px #efefef; margin: 0; } textarea:focus, select:focus { border: 1px solid #000000; outline: 0; } input[type=text], input[type=password], input[type=date] { height: 30px; color: #404040; font-weight: normal; border: 1px solid #9f9f9f; border-radius: 3px; padding: 4px 5px 2px 5px; background-color: #fafafa; margin: 0; box-shadow: 0 1px 1px #efefef; } input[type=text]:focus, input[type=password]:focus, input[type=date]:focus { border: 2px solid black; outline: 0; } input[type=submit], input[type=reset], input[type=button], a.button { height: 30px; padding: 1px 6px; font-weight: bold; border: 1px solid #9f9f9f; border-radius: 3px; color: #404040; background-color: #fafafa; text-shadow: 1px 1px 1px #ffffff; cursor: pointer; margin: 1px; box-shadow: -4px -4px 10px -10px #000000 inset, 1px 1px 1px #efefef; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, a.button:hover { color: #000000; border: 1px solid #404040; } input[type=submit]:disabled, input[type=reset]:disabled, input[type=button]:disabled { color: #404040; opacity: 0.5; } input[type=submit]:active, input[type=reset]:active, input[type=button]:active { box-shadow: 0 0 2px 2px #d3d3d3; } input[type=color] { width: 100%; height: 30px; display: block; border: 0; outline: 0; } ::-webkit-color-swatch { border: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: none; } ::-moz-focus-inner { padding: 0; } a:visited { color: #000000; text-decoration: underline; } a:link { color: #000000; text-decoration: underline; } a:hover { color: #BC0000; text-decoration: none; } a.button { text-decoration: none; display: inline-block; padding: 4px 5px; } .podswietlenie { background-color: #e4ecf6; } .potwierdzone { background-color: #d4f4d0; } .niepotwierdzone { background-color: #fce8e8; } b, .grubo, .pogrubienie { font-weight: bold; } .pochylenie { font-style: italic; } .podkreslenie { text-decoration: underline; } .paginacja a { padding: 3px; text-decoration: none !important; } .paginacja a:hover { padding: 3px; text-decoration: underline !important; } .czerwony, .cze { color: #E22000; } .czarny, .cza { color: #404040; } .zielony, .zie { color: #149913; } .niebieski, .nie { color: #0000C0; } .blekit, .ble { color: #009ef4; } .pomarancz, .pom { color: #f48900; } .szary, .sza { color: #b1b1b1; } .blink { animation: blink 4s linear infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } } td .magStan { text-align: center; } td .magStan input[type=text] { width: 60px; text-align: center; height: auto; padding: 5px; font-size: 15px; margin: 5px; border-radius: 3px; } td .magStan input[type=button] { width: 26px; text-align: center; } td .pst input[type=button] { width: 26px; text-align: center; margin: 0 2px 2px 0; } .naglowek { font-size: 16px; font-weight: bold; margin: 8px; } .naglowek span { font-weight: normal; } .naglowek-5, .naglowek-10{ font-weight: bold; } .naglowek-5 { padding: 5px; } .naglowek-10 { padding: 10px; } .KOM-UWAGA { background-color: #fce8e8; } .KOM-J { } .KOM-J-BL, .KOM-J-BL-BB, .KOM-J-BL-BT { border-left: 1px solid #dbdbdb; } .KOM-J-BL-BB { border-bottom: 1px solid #dbdbdb; } .KOM-J-BL-BT { border-top: 1px solid #dbdbdb; } .KOM-J-BR, .KOM-J-BR-BB, .KOM-J-BR-BT { border-right: 1px solid #dbdbdb; } .KOM-J-BR-BB { border-bottom: 1px solid #dbdbdb; } .KOM-J-BR-BT { border-top: 1px solid #dbdbdb; } .KOM-J-BB, .KOM-J-BB-BT { border-bottom: 1px solid #dbdbdb; } .KOM-J-BB-BT { border-top: 1px solid #dbdbdb; } .KOM-J-BT { border-top: 1px solid #dbdbdb; } .KOM-C, .KOM-C-BL, .KOM-C-BL-BB, .KOM-C-BL-BT, .KOM-C-BR, .KOM-C-BR-BB, .KOM-C-BR-BT, .KOM-C-BB, .KOM-C-BT { background-color: #efefef; } .KOM-C-BL, .KOM-C-BL-BB, .KOM-C-BL-BT { border-left: 1px solid #dbdbdb; } .KOM-C-BL-BB { border-bottom: 1px solid #dbdbdb; } .KOM-C-BL-BT { border-top: 1px solid #dbdbdb; } .KOM-C-BR, .KOM-C-BR-BB, .KOM-C-BR-BT { border-right: 1px solid #dbdbdb; } .KOM-C-BR-BB { border-bottom: 1px solid #dbdbdb; } .KOM-C-BR-BT { border-top: 1px solid #dbdbdb; } .KOM-C-BB { border-bottom: 1px solid #dbdbdb; } .KOM-C-BT { border-top: 1px solid #dbdbdb; } .tac { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .taj { text-align: justify; } .vam { vertical-align: middle; } .mb10 { margin-bottom: 10px; } .mt2 { margin-top: 2px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt10-auto { margin: 10px auto 0 auto; } .mb10 { margin-bottom: 10px; } .m1 { margin: 1px; } .m2 { margin: 2px; } .m3 { margin: 3px; } .m4 { margin: 4px; } .m5 { margin: 5px; } .m8 { margin: 8px; } .m10 { margin: 10px; } .p1 { padding: 1px; } .p2 { padding: 2px; } .p3 { padding: 3px; } .p4 { padding: 4px; } .p5 { padding: 5px; } .p8 { padding: 8px; } .p10 { padding: 10px; } .f9 { font-size: 9px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .filtry { margin: 0 8px; } .inp-m1, .text-m1, .select-m1 { margin: 1px; } .inp-m5, .text-m5 { margin: 5px; } .fleft { float: left; }.fright { float: right; }.fright { float: right; }.clrlft { clear: left; }.clrght { clear: right; }.clrbth { clear: both; }.inblck { display: inline-block; }.ziko { float: right; text-align: right; margin-right: 5px; line-height: 25px; }.ziko img { margin-left: 5px; max-height: 16px; }.ikony { line-height: 17px; }.ikony img { margin: 0 2px; cursor: pointer; }.ikony i { margin: 1px; vertical-align: middle; cursor: pointer; display: inline-block; width: 18px; height: 18px; border: 1px solid #9f9f9f; border-radius: 3px; background-color: #fafafa; font-size: 14px; font-weight: bold; font-style: normal; overflow: hidden; }.ikony i:hover { border-color: #000000; background-color: #a9e1ff; }#centrum, #centrum-okno { width: 100%; height: 100%; margin: auto; padding-bottom: 10px; } #centrum { min-width: 1000px; } #chmurka { position: absolute; visibility: hidden; z-index: 1000; border-radius: 5px; border: 1px solid #995e03; color: #000000; background-color: #fbf4e9; padding: 5px; box-shadow: 0 6px 6px -7px black; } #kqs-box { position: absolute; margin: auto; padding: 20px; color: #000000; background-color: #ffffff; border: 2px solid #404040; border-radius: 5px; box-shadow: 0 0 25px 0 #404040; } #kqs-tlo { width: 100%; height: 100%; visibility: hidden; position: fixed; top: 0; left: 0; background-color: #000000; opacity: 0.2; z-index: 1000; } #kqs-box-tlo { width: 100%; height: 100%; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1001; } #kqs-box-tlo td { width: 100%; height: 100%; } .kqs-iks { width: 24px; height: 24px; position: absolute; border-width: 2px 2px 2px 0; border-style: solid; border-color: #404040; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; top: -2px; right: -26px; background: #ffffff url(img/iks.png) 6px 6px/12px no-repeat; box-sizing: content-box; } .ikonaMenu { display: inline-block; width: 24px; height: 24px; position: relative; border-width: 0 0 1px 1px; border-style: solid; border-color: #404040; cursor: pointer; box-sizing: content-box; } .iks { background: #ffffff url(img/iks.png) 6px 6px/12px no-repeat; } .zmiana { background: #ffffff url(img/arrup.png) 5px 5px/14px no-repeat; } .zakladki { border-bottom: 1px solid #9f9f9f; } .zakladki ul { overflow: hidden; margin: 15px 0 5px 0; padding: 0; } .zakladki ul li { cursor: pointer; list-style: none; display: inline-block; margin: 5px; padding: 10px; background-color: #efefef; border: 1px solid #9f9f9f; font-size: 16px; font-weight: bold; border-radius: 4px; } .zakladki ul li.aktywna { background-color: #ffffff; } .zakladki ul li:hover { background-color: #ffffff; } .magazynKody i { display: inline-block; width: 20%; padding: 1px 0 1px 1px; } .magazynKody i input { width: 100%; } .dp { width: 80%; } .dpa { width: 100%; border-spacing: 2px; } .dpa input[type=text] { width: 100%; } .dpd { width: 20%; } .dpc { width: 18%; } .dpcp { width: 22%; } .dpc input, .dpcp input { text-align: right; } .dpg { width: 40%; } .dpg input { text-align: center; } .dpp { width: 50px; float: right; text-align: center; } .dpp input { margin-top: 5px; } .dpp img { vertical-align: top; margin-left: 5px; margin-top: 6px; } .ena { background-color: #fdfd00; } .kku { background-color: #33a3a3; } .gku { background-color: #79c043; } .fur { background-color: #4c6d8c; } .gls { background-color: #102182; } .pac { background-color: #ffcd00; } .dom { background-color: #efefef; } .dhl { background: #ffcc01 url(img/dhl_bg.png) no-repeat; } .ups { background-color: #351d15; } .dpds { background-color: #dc0032; } .pwr { background-color: #db3830; } .apa { background-color: #ee9935; } .dmenu { position: relative; display: inline-block; } .dmenu i { display: inline-block; cursor: pointer; width: 25px; height: 35px; background: url(img/dmenu.gif) center no-repeat; margin-bottom: -4px; } .dmenu i.csv { width: 30px; height: 30px; background: url(img/csv.gif) center no-repeat; } .dmenu i.dok { width: 25px; height: 35px; background: url(img/notka.gif) center no-repeat; } .dmenu i.doka { width: 25px; height: 35px; background: url(img/notka_a.gif) center no-repeat; } .dmenu div { display: none; position: absolute; right: 0; text-align: left; background-color: #ffffff; width: 250px; box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2); z-index: 999; } .dmenu div a { padding: 10px; text-decoration: none; display: block; } .dmenu div a:hover { background-color: #f1f1f1; } .dmenu:hover i { background-color: #ffffff; } .dmenu:hover div { display: block; } .alldis { filter: blur(3px); opacity: 0.5; } .zrzutObrazow i, #zrzutObrazow i { display: inline-block; position: relative; width: 150px; height: 150px; border: 1px solid black; margin: 5px; background-size: contain; background-position: top; background-repeat: no-repeat; text-align: right; } #zrzutObrazow div { display: inline-block; position: relative; width: 110px; height: 110px; border: 1px solid #9f9f9f; border-radius: 8px; box-shadow: 2px 2px 2px #efefef; margin: 5px; background-size: 90%; background-position: center; background-repeat: no-repeat; text-align: center; } .zrzutObrazow i { cursor: pointer; } #zrzutObrazow i, #zrzutObrazow div { cursor: grab; } .zrzutObrazow i input[type=text], #zrzutObrazow i input[type=text]{ position: absolute; left: 0; bottom: 0; width: 100%; border: 0 !important; opacity: 0.7; box-shadow: none !important; background-position: 5px center; background-repeat: no-repeat; text-indent: 26px; } .zrzutObrazow i input[type=text]{ cursor: pointer; } .allBlokObraz { height: 200px; background-position: center 40px; background-repeat: no-repeat; } .alls1, .alls2, .alls3, .alls4, .alls5 { display: inline-block; width: 40px; height: 30px; border: 1px solid grey; border-radius: 3px; background-image: url(img/allikony.png); background-repeat: no-repeat; background-position-y: 5px; cursor: pointer; } .alls1 { background-position-x: 7px; } .alls1:hover, .alls1a { background-position-y: -37px; border-color: #ff5a00; } .alls2 { background-position: -41px 4px; margin-left: 5px; } .alls2:hover, .alls2a { background-position-y: -38px; border-color: #ff5a00; } .alls3 { background-position-x: -89px; margin-left: 5px; } .alls3:hover, .alls3a { background-position-y: -37px; border-color: #ff5a00; } .alls4 { background-position-x: -137px; margin-left: 5px; } .alls4:hover, .alls4a { background-position-y: -37px; border-color: #ff5a00; } .alls5 { background-position-x: -185px; margin-left: 5px; } .alls5:hover, .alls5a { background-position-y: -37px; border-color: #ff5a00; } .ifirma { background: url(img/ifirma_iko.png) right 10px center/30px no-repeat; } .wfirma { background: url(img/wfirma_iko.png) right 10px center/30px no-repeat; } b.fra, b.par , b.dom { font-size: 13px; padding: 1px 2px; color: #0000C0; font-weight: normal; background-color: #ffffff; border: 1px solid #808080; border-radius: 3px; } b.par { color: #149913; } b.dom { color: #404040; font-weight: bold } a.inpost { display: inline-block; width: 20px; height: 30px; margin: auto; background: url(img/inpost.png) left/36px no-repeat; } .wyslano { appearance: none; display: inline-block; border: 2px solid #009709 !important; background: #e7ffe6 url(img/ok.png) right 5px center/16px no-repeat !important; } .ean { background: url(img/ok.png) right 5px center/16px no-repeat; } .fikony input { margin: 2px; } input[type=checkbox]:after, input[type=radio]:after { box-sizing: inherit; } input[type=checkbox], input[type=radio] { box-sizing: border-box; --active: #0087bb; --active-inner: #fff; --focus: 2px rgba(39, 94, 254, 0.3); --border: #9f9f9f; --border-hover: #0087bb; --background: #fff; --disabled: #f6f8ff; --disabled-inner: #e1e6f9; appearance: none; height: 19px; outline: none; display: inline-block; vertical-align: top; position: relative; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; } input[type=checkbox]:after, input[type=radio]:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); } input[type=checkbox]:checked, input[type=radio]:checked { --b: var(--active); --bc: var(--active); --d-o: 0.3s; --d-t: 0.6s; --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); } input[type=checkbox]:disabled, input[type=radio]:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; } input[type=checkbox]:disabled:checked, input[type=radio]:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); } input[type=checkbox]:disabled + label, input[type=radio]:disabled + label { cursor: not-allowed; } input[type=checkbox]:hover:not(:checked):not(:disabled), input[type=radio]:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); } input[type=checkbox]:focus, input[type=radio]:focus { box-shadow: 0 0 0 var(--focus); } input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) { width: 19px; } input[type=checkbox]:not(.switch):after, input[type=radio]:not(.switch):after { opacity: var(--o, 0); } input[type=checkbox]:not(.switch):checked, input[type=radio]:not(.switch):checked { --o: 1; } input[type=checkbox] + label, input[type=radio] + label { font-size: 14px; line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px; } input[type=checkbox]:not(.switch) { border-radius: 4px; } input[type=checkbox]:not(.switch):after { width: 7px; height: 12px; border: 3px solid var(--active-inner); border-top: 0; border-left: 0; left: 5px; top: 1px; transform: rotate(var(--r, 20deg)); } input[type=checkbox]:not(.switch):checked { --r: 43deg; } input[type=checkbox].switch { width: 38px; border-radius: 11px; } input[type=checkbox].switch:after { left: 2px; top: 2px; border-radius: 50%; width: 13px; height: 13px; background: var(--ab, var(--border)); transform: translateX(var(--x, 0)); } input[type=checkbox].switch:checked { --ab: var(--active-inner); --x: 19px; } input[type=checkbox].switch:disabled:not(:checked):after { opacity: 0.6; } input[type=radio] { border-radius: 50%; } input[type=radio]:after { width: 17px; height: 17px; border-radius: 50%; background: var(--active-inner); opacity: 0; transform: scale(var(--s, 0.7)); } input[type=radio]:checked { --s: 0.5; }