* { margin: 0; padding: 0; font-size: 12px; font-family: tahoma, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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; } tr.tra { background-color: initial; } tr.tra:hover, table.podswietl tr:hover { background-color: #efefef; } form { margin: 0px; } hr { margin: 5px auto; } img, select, input[type="text"], input[type="submit"], input[type="button"], input[type="image"] { vertical-align: middle; } img.budzik { cursor: pointer; } .tabela-normal, .tabela-zamowienie, .tabela-owal { border: 1px solid #9f9f9f; background-color: #ffffff; overflow: hidden; } .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-normal, .tabela-owal { box-shadow: 2px 2px 2px #efefef; } .tabela-owal { border-radius: 5px; } .podswietlenie { background-color: #e4ecf6; } .potwierdzone { background-color: #d4f4d0; } .niepotwierdzone { background-color: #fce8e8; } b, .grubo, .pogrubienie { font-weight: bold; text-shadow: 1px 1px 1px #d3d3d3; } .pochylenie { font-style: italic; } .podkreslenie { text-decoration: underline; } .13 { font-size: 13px; } .dziesiatka { font-size: 10px; } .dziewiatka { font-size: 9px; } .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 { -webkit-animation: blink 4s linear infinite; -moz-animation: blink 4s linear infinite; animation: blink 4s linear infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } } a:Visited { color: #000000; text-decoration: underline; } a:Link { color: #000000; text-decoration: underline; } a:Hover { color: #BC0000; text-decoration: none; } .styl-checkbox { border: 0px; background-color: transparent; } select { height: 24px; border: 1px solid #9f9f9f; padding: 1px; color: #404040; background-color: #fdfdfb; box-shadow: 0 1px 1px #efefef; } 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: 2px; border: 1px solid #9f9f9f; color: #404040; font-weight: normal; background-color: #ffffff; box-shadow: 0 1px 1px #efefef; margin: 0; } textarea:focus { border: 1px solid #000000; } input[type="text"], input[type="password"], input[type="date"] { height: 24px; color: #404040; font-weight: normal; border: 1px solid #9f9f9f; padding: 2px; background-color: #fafafa; margin: 0; box-shadow: 0 1px 1px #efefef; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus { border: 1px solid #000000; box-shadow: 0 0 2px #404040; } input[type="checkbox"], input[type="radio"] { margin: 3px; } input[type="submit"], input[type="reset"], input[type="button"] { height: 24px; padding: 1px 5px 1px 5px; 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 { 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; } td .magStan { width: 140px !important; 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: 24px; text-align: center; margin: 0 2px 2px 2px; } .naglowek { font-weight: bold; text-shadow: 1px 1px 1px #d3d3d3; margin: 5px; } .div-naglowek-5, .div-naglowek-10{ font-weight: bold; text-shadow: 1px 1px 1px #d3d3d3; } .div-naglowek-5 { padding: 5px; } .div-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; } .f16 { font-size: 16px; } .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: 22px; }.ziko img { margin-left: 5px; max-height: 16px; }.ikony img { margin: 0 2px; }#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; font-size: 12px !important; color: #000000; background-color: #fbf4e9; padding: 5px; box-shadow: 2px 2px 2px #c0c0c0; } #kqs-box { position: absolute; margin: auto; padding: 10px; color: #000000; background-color: #ffffff; border: 2px solid #404040; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-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.4; 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: 20px 0 -1px 0; padding: 0; } .zakladki ul li { cursor: pointer; list-style: none; display: inline-block; margin: 0 8px; padding: 10px; background-color: #efefef; border: 1px solid #9f9f9f; font-size: 15px; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; } .zakladki ul li.aktywna { background-color: #ffffff; border-bottom-color: #ffffff; } .zakladki ul li:hover { background-color: #ffffff; } .dp { width: 100%; } .dpa { width: 100%; border-spacing: 2px; } .dpa input[type="text"] { width: 100%; } .dpd { width: 30%; } .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: 4px; } .ena { background-color: #fdfd00; } .kku { background-color: #33a3a3; } .gku { background-color: #79c043; } .fur { background-color: #4c6d8c; } .gls { background-color: #102182; } .pac { background-color: #ffcc00; } .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: #c5f901; } .dmenu { position: relative; display: inline-block; } .dmenu i { display: inline-block; cursor: pointer; width: 25px; height: 35px; background: url(img/dmenu.gif) 8px 15px no-repeat; margin-bottom: -3px; } .dmenu div { display: none; position: absolute; right: 0; text-align: left; background-color: #ffffff; width: 200px; box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2); z-index: 1001; } .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 i { cursor: pointer; } #zrzutObrazow i { 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; } a.inpost { display: inline-block; width: 20px; height: 30px; margin: auto; background: url(img/inpost.png) left/36px no-repeat; }