html, body {
	 text-decoration: none; 
	 color: #343434;
	 font-size: 8pt; 
	 font-weight: normal;
	 font-family: verdana;
	 padding:0;
	 margin:0;
	 height:100%;
   background:url(../grafika_systemu/bg_szary.jpg) #FFF;
}

#main {clear:both; background:url(../grafika_systemu/bg.jpg) repeat-x;}
#tresc_cms {position:relative; clear:both; padding:0 10px; overflow:auto;}
div.tresci_tlo {background:#FFF; padding:10px 10px 28px 10px; clear:left; margin-bottom:30px; overflow:auto;}

div.inline, div.left {clear:both;}
div.inline div, div.poziom {float:left;}
div.poziom_right {float:right;}
.ukryty {display:none;}
div.widoczny {visibility:visible; display:block;}
div.potwierdzenie_usuwania {border:solid 3px #898EA2; background:#FFF; padding:3px; text-align:center;}
.datepicker {background:url(../grafika_systemu/bg_calendar.png) 82px 5px no-repeat #FFF; cursor:pointer; width:95px;}
.datetimepicker {background:url(../grafika_systemu/bg_calendar.png) 122px 5px no-repeat #FFF; cursor:pointer; width:140px;}
.move {cursor:move;}

.txt-save {color:green; text-align:center; width:100px;}
.txt-not-save {color:red; text-align:center; width:100px;}

#panel_logowania {
  clear:both; margin:0 auto; margin-top:40px; padding:40px 75px; background:#FFF; width:350px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.75);
}

div.topic {
  clear:left; position:relative; height:30px; line-height:30px; padding:10px 15px; background:#F1F1F1; text-align:center; font-size:16px; margin-bottom:15px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
div.topic div.buttony_lewe {position:absolute; top:10px; left:15px; }
div.topic div.buttony_prawe {position:absolute; top:10px; right:15px; }

#navigator {clear:both; padding:20px; color:#A3A3A6;}
#navigator a, #navigator a:hover {color:#A3A3A6;}
#navigator a.last, #navigator a.last:hover {color:#444;}
#navigator span {margin:0px 15px;}

#footer {clear:both; border-top:solid 1px #B4B4B4; padding:10px 15px;}
#footer #copyright {float:left;}
#footer #ewitryna {float:right;}

td {text-decoration:none; font-size:12px; font-weight:normal; font-family:verdana;}

table.tabela {border: none; border-spacing: 0px; border-collapse: collapse;}
table.tabela tr td {padding:6px 6px; border-bottom:solid 1px #DADADA; border-right:dotted 1px #575757;}
table.tabela tr.desen {background-color:#EEEFF3;}
table.tabela tr.desen td, table.tabela tr td.desen {background:#EEEFF3;}
table.tabela tr.wykonane td, td.wykonane {background-color:#FFF; color:#888;}
table.tabela tr.wykonane td input, table.tabela tr.wykonane td select {color:#888; border:none;}
table.tabela tr.pr_wysoki td, table.tabela tr td.pr_wysoki {background-color:#F6E790;}
table.tabela tr.po_terminie td, td.po_terminie{background-color:#ffcccc;}
table.tabela tr.naglowek td, table.tabela tr td.naglowek  {padding:10px 5px; background:#FFF; font-size:10px; font-weight:bold; border-right:none; border-bottom:solid 3px #343434;}
table.tabela tr.naglowek td b {font-size:14px;}
table.tabela tr.naglowek td span {display:block; text-align:center;}
table.tabela tr.naglowek td a {color:#000; font-size:10px; font-weight:bold;}
table.tabela tr td.noborderright {border-right:none;}
table.tabela tr.sep_dol td {border:none; border-bottom:solid 3px #343434; padding:0px; height:10px; font-size:10px; line-height:10px;}
table.tabela tr.sep_gora td {border:none; padding:0px; height:10px; font-size:10px; line-height:10px;}
table.tabela tr td.realizowane span {border:solid 2px darkorange; padding:2px;}

table.luz tr td {padding:6px 20px;}

table.scisk tr td {padding:8px 2px;}
table.scisk tr td select {padding-left:0px; padding-right:0px;}

tr.raport td {padding:5px;}

td.sml, FONT.sml {text-decoration: none; font-size: 7pt; font-weight: normal; font-family: verdana;}
td.butony{padding: 0px 1px; text-align:center;}
tr.ikony_txt td {font-size:7pt; color:#111111; text-align:center;}
td.ikony_text {font-size:7pt; color:#111111; text-align: center;}
tr.naglowkilist td {background:#898EA2; color:#FFF; padding:10px 0px; font-size:8pt;}
tr.naglowkilist td.nopad {padding:0px;}
td.naglowkilist {background:#898EA2; color:#ffffff; height:28px; padding:0px 3px; font-size:8pt;}

INPUT, SELECT, TEXTAREA {
 	text-decoration: none; 
	font-size: 12px;
	font-weight: normal;
	font-family: verdana;
	border: solid 1px #ABAEB5;
	color: #000011; 
	padding:6px 2px 6px 2px;
	margin:0;
  background:#FFF;
}
INPUT.noborder, OPTION.noborder, SELECT.noborder, TEXTAREA.noborder {border:none; color:#000011; padding:0px; margin:0px; }
INPUT.button, a.button, a.button:hover{
  background:#FD5A15; color:#EEEEEE; font-weight:bold; padding:6px; margin:0; border:none; border-bottom:solid 2px #DB3501;
  cursor:pointer;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
INPUT.button_green {
  background:#81BE33; color:#EEEEEE; font-weight:bold; padding:6px; margin:0; border:none; border-bottom:solid 2px darkgreen;
  cursor:pointer;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
INPUT.button_szary, .button_szary, .button_szary:hover{cursor:pointer; background:#898EA2; cursor:pointer; color:#EEEEEE; font-weight:normal; padding:6px; margin:0; border:none; border-bottom:solid 2px #666;}
INPUT.button_red {
  background:#CB0101; cursor:pointer; color:#EEEEEE; font-weight:normal; padding:7px; margin:0; border:none;
  cursor:pointer;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
INPUT.button_ico {cursor:pointer; width:16px; height:16px; border:none; margin-right:4px; cursor:pointer;}
img.button_ico {margin-right:4px;}
.input-red {border:solid 1px red;}
.red {color:red;}

div.menu {clear:left; padding:0; text-align:left;}
div.menu a {display:block; padding: 0 20px; height:42px; line-height:42px; color:#FFF; float:left; font-size:12px;}
div.menu a.on {background:#FB5233; color:#FFF;}
div.menu .menu_link {float: left; position: relative; z-index:100;}
div.menu .menu_link div.subnav {clear:both; display:none; position:absolute; top:42px; left:0px; background:#FB5233; padding:10px 20px 20px 20px;}
div.menu .menu_link div.subnav a {display:block; color: #FFF; font-size:12px; border-bottom:dotted 1px #FFF; padding:5px 0; line-height:24px; height:24px; width:100%; white-space:nowrap;}
div.menu .menu_link div.subnav a:hover, div.menu .menu_link div.subnav .on {color: #FFF; font-size: 12px; white-space:nowrap;}

div.ustawienia {padding-right:15px;}
div.ustawienia div {float:right; line-height:36px; color:#FFF;}

div.komunikat_ok {border:solid 1px #8ECD3F; background:#DFF6CE; padding:15px; color:#617947; margin-bottom:15px; line-height:18px;}
div.komunikat_error {border:solid 1px red; background:#ffcccc; padding:15px; color:red; margin-bottom:15px; line-height:18px;}
div.komunikat_info {border:solid 1px #73B8FB; background:#DCEFFF; padding:15px; color:#0F70C0; margin-bottom:15px;}
 
.stronicowanie {clear:left; text-align:center; margin:20px 0;}
.stronicowanie a, .stronicowanie a:hover {background:#FFF; border:solid 1px #C0C0C0; padding:5px 10px; color:#5A5A5A; font-weight:bold; margin-left:2px;}
.stronicowanie a.on, .stronicowanie a.on:hover {background:#DCDCDC;}

.zaokraglenie {
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
 
img {border:0;}

a.zmiana, a.zmiana:hover {
  display:block; background:#FE581A; border-bottom:solid 2px #DB3501; color:#FFF; text-align:center;
  padding:10px 50px; margin:10px 20px; line-height:1.5;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
 
a.powrot, a.powrot:hover {
  display:block; border:solid 1px #B9B9B9; color:#424242; padding:0 20px; height:30px; font-size:14px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}

a.bt_szary, a.bt_szary:hover {
  background:#E6E6E6; border:solid 1px #D3D3D3; padding:5px 20px; color:#424242; font-size:14px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  overflow:hidden;
}
a.drukuj {display:block; background:url(../grafika_systemu/ikony/ico_drukuj.jpg) 0px 5px no-repeat; padding-left:30px; height:30px; line-height:30px;}

.ui-autocomplete {max-height:200px; overflow:auto;}

A {text-decoration:none; font-size:8pt; font-weight:normal; font-family:verdana; color:#444;}
A:HOVER {text-decoration:none; font-size:8pt; font-weight:normal; font-family:verdana; color:#444;}

a.ico_zalogowany, a.ico_zalogowany:hover {cursor:default; background:url(../grafika_systemu/ikony/ico_uzytkownik.png) no-repeat; padding-left:20px; color:#FFF;}
a.ico_edytuj_profil, a.ico_edytuj_profil:hover {background:url(../grafika_systemu/ikony/ico_edytuj.png) no-repeat; padding-left:20px; color:#FFF;}
a.ico_wyloguj, a.ico_wyloguj:hover {background:url(../grafika_systemu/ikony/ico_wyloguj.png) no-repeat; padding-left:20px; color:#FFF;}
.top_sep {width:45px; color:#FE835A; text-align:center;}

b.separator {clear:both; overflow:hidden; display:block; height:25px; line-height:25px; background:none;}

.top-wybor-daty{
    float: right;
    font-size: 13px;
}

.maszyny-col-left{
  width: 49.5%;
  float: left;
}             
.maszyny-col-right{
  width: 49.5%;
  float: right;
}
div.tresci_tlo.maszyna{
    /*width: 49.5%;*/
    width: 100%;
    /*width: 48%;*/
    margin-right: 1%;
    float: left;
    clear: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.tresci_tlo.maszyna.margin0{
    margin-right: 0;
}
div.tresci_tlo.maszyna .button{
    margin: 25px 0 0 0;
    float: right;
}

.maszyna .maszyna-naglowek{
    background: #f1f1f1;
    min-height: 20px;
    padding: 25px;
    text-align: center;
    font-size: 20px;
    margin: 0 0 20px 0;
}
.maszyna div.topic{
    background: #FD581E;
    color: #ffffff;
}
.tabela-zlecenia{
    width: 100%;
}
table.scisk.tabela-zlecenia tr td{
    padding: 5px 10px;
}
table.scisk.tabela-zlecenia tr.desen-zlecenia td{
    background: #f1f1f1;
}
table.scisk.tabela-zlecenia tr td:last-child{
    border-right: none;
}
table.scisk.tabela-zlecenia tr.naglowek td:last-child{
    border-right: none;
    border-bottom: solid 3px #343434;
}
table.scisk.tabela-zlecenia tr td.first{
    background: none !important;
    width: 30px;
    border: none;
    padding: 0;
    position: relative;
}
table.tabela.tabela-zlecenia.scisk tr.data-realizacji td.first{
    background: none;
    width: 30px;
    border: none;
}
table.tabela tr.data-realizacji td{
    border: none;
    background: #ffdecb !important;
    padding: 11px 10px;
}
.ico-minus{
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #d1d1d1;
    float: right;
    margin: 4px 0 0 0;
    color: #000000;
    text-align: center;
    font-size: 20px;
    line-height: 15px;
    cursor: pointer;
}
.ico-minus:hover{
    background: #000000;
    color: #ffffff;
}

.ico-plus{
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: #e5e5e5;    
    float: right;
    margin: 0 9px 0 0;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    cursor: pointer;
    position: absolute;
    bottom: -9px;
    z-index: 999;
}
.ico-plus.on{
    border: 1px solid #86c133;
    background: #86c133; 
}
.ico-plus:hover{
    background: #508407;  
    border: 1px solid #508407;
    color: #ffffff;
}
.do_przeniesienia{
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 30px;
    line-height: 33px;
    height: 35px;
    background: rgba(134, 193, 51, 0.6);
    margin: 3px 0;
}
.wklej_zlecenie{
    display: none;
}
.drukuj-maszyne, .drukuj-maszyne:hover, .drukuj-maszyne:focus, .drukuj-maszyne:active{
    float: right;
    display: block;
    padding: 0 6px;
}