BODY
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #331111;
    font-size: 8pt;
    font-weight: normal;
    font-family: verdana;
    background: #fff;
}

img {border: none;}
b.linia {overflow:hidden; background:#234567; height:1px; line-height:1px; font-size:1px; display:block; width:100%;}
b.slupek {display:block; background:darkorange; width:15px; margin: 0px 4px;}
b.slupek_zero {display:block; background:#FFF; width:15px; margin: 0px 4px; height:1px; font-size:1px; line-height:1px;}

b.slupek_minus {display:block; background:red; width:15px; margin: 0px 4px;}
b.slupek_plus {display:block; background:darkgreen; width:15px; margin: 0px 4px;}

div.inline, div.left {clear:both;}
div.inline div {float:left;}
div.poziom_right {float:right;}

.chart_topic {
    text-align:center; font-size: 18px !important; margin: 10px 0 0 0; padding: 15px 0; font-weight: bold; background: #EEEEEE;
}

.top-logo {
    float: left;
    background: url(../gfx/logo_ewi.png) 20px 15px no-repeat #4E78A8;
    line-height: 60px;
    height: 60px;
    padding: 0 50px 0 90px;
    color: #fff;
    font-family: "Lato";
    font-weight: 600;
    font-size: 18px;
}

A {text-decoration: none; font-weight: normal; color:#234567;}
A:HOVER {text-decoration: none; font-weight: normal; color:#234567;}

.clearfix {
    clear: both;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.zaokraglenie {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
}

#menu {
    position: relative;
}

#menu .menu {
    padding-right: 60px;
}

.menu_inne {
    width: 30%;
    float: left;
    margin-right: 3%;
}
.menu_inne h1 {
    font-size: 26px;
    font-family: 'Lato';
    margin: 0 0 20px 0;
}
.menu_inne .linki a {
    display: block;
    background: #4E78A8;
    color: #fff;
    font-family: 'Lato';
    font-size: 14px;
    padding: 7px 10px;
    margin-bottom: 3px;
}

.menu_inne .linki label {
    display: block;
    background: #313131;
    color: #fff;
    font-family: 'Lato';
    font-size: 14px;
    padding: 7px 10px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

/* =logowanie
============================================================================= */
#logowanie-panel {
    border: solid 1px #ebebeb;
    width: 340px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 45px 55px 45px;
}

#logowanie-panel img {
    margin: 40px 0 65px 0;
}
#logowanie-panel .input {
    position: relative;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
    border: solid 1px #C5C9D4;
    margin-bottom: 5px;
}
#logowanie-panel .input i.fa {
    position: absolute;
    top: 9px;
    left: 18px;
    font-size: 20px;
    color: #4D4F68;
}
#logowanie-panel .input input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: none;
    font-family: 'Lato';
    font-size: 14px;
    padding: 6px 0 6px 50px;
    color: #4D4F68;
}

#logowanie-panel input.submit {
    background: #4E78A8;
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    padding: 12px;
    font-size: 14px;
}

/* =stopka
============================================================================= */
#footer {
    background: #313131;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    padding: 0 30px;
    font-family: 'Lato';
}
#footer a {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

/* =top-menu
============================================================================= */
#top-menu-push{
    clear: left;
}
#top-menu{
    clear: left;
    width: 100%;
    background: #313131;
    position: relative;
}
#top-menu div {
    float: left;
}
#top-menu #logo{
    display: block;
    float: left;
    line-height: 60px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    font-family: "Lato";
    background: url(../gfx/logo_ewi.png) 20px 15px no-repeat #4E78A8;
    padding: 0 50px 0 90px;
}
#top-menu #info-login{
    position: absolute;
    right: 100px;
}
#top-menu #info-login div{
    font-size: 16px;
    color: #ffffff;

}
#top-menu #info-login a{
    color: #ffffff;
    font-family: "Lato";
    font-size: 16px;
}
#top-menu #info-login #logout{
    display: block;
    float: right;
    margin-left: 15px;
    line-height: 55px;
}
#top-menu #info-login #logout i {
    padding-right: 5px;
}
#top-menu #info-login #logout:hover i {
    color: #D00000;
}

#top-menu #zalogowany {
    position: absolute;
    top: 20px;
    right: 155px;
    color: #fff;
    font-size: 13px;
}

#top-menu #zalogowany a {
    color: #fff;
    text-decoration: underline;
}


/* =menu
============================================================================= */
.menu{
    padding: 0;
    text-align: left;
}
.menu > div > a {
    font-family: "Lato";
    display: block;
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    float: left;
    font-size: 14px;
}
.menu > div > a.on, .menu > div > a:hover, .menu > div > a:focus, .menu > div > a:active{
    color: #4E78A8;
}
.menu .menu_link {
    float: left;
    position: relative;
    z-index:100;
}

/* =subnav
============================================================================= */
.menu .menu_link .subnav{
    clear: both;
    display: none;
    position: absolute;
    top: 60px;
    left: 0px;
    background: #313131;
    padding: 10px 25px 20px 25px;
    border-top: none;
    z-index: 9999;
}
.menu .menu_link .subnav a{
    display: block;
    color: #ffffff;
    font-size: 11px;
    border-bottom: solid 1px #666;
    padding: 4px 0px;
    line-height: 24px;
    height: 24px;
    width: 100%;
    white-space: nowrap;
    font-size: 12px;
}
.menu .menu_link .subnav a:hover, .menu .menu_link .subnav .on{
    color: #aaa;
    font-size: 12px;
    white-space: nowrap;
}
.menu .menu_link:hover .subnav{
    display: block;
}

.chart table {
    border-spacing: 0;
    border-collapse: collapse;
}

.chart table {
  width: 100%;
}
.chart table thead th {
  border: solid 1px #000;
  font-weight: normal;
  background: #313131;
  color: #FFF;
  white-space: nowrap;
  font-size: 12px;
  padding: 5px 10px;
  text-align: left;
}
.chart table tr.bg-check td {
    background: #c9ffc9 !important;
}
.chart table tr td {
  font-size: 12px;
  padding: 2px 5px;
  background: #fff;
  border: solid 1px #EEEAF2;
  line-height: 12px;
  height: 26px;
  text-decoration: none;
  font-weight: normal;
  font-family: tahoma, calibri, verdana;
}
.chart table tr td:last-of-type {
  text-align: center;
}
.chart table tr:nth-child(odd) td {
  background-color: #eee;
}
.chart table tr:hover td {
  background-color: #c9ffc9;
}
.chart table tr td .komunikat-usuwania {
    position: absolute;
    top: -2px;
    right: 0px;
    text-align: center;
    background: #fff;
    padding: 3px 20px;
    display: none;
    white-space: nowrap;
}
.chart table .meter {
  height: 20px;
  /* Can be anything */
  position: relative;
  background: #e3e3e3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.chart table .progress-number {
  text-align: center;
}
.chart table .progress {
  background-color: #e3e3e3;
  margin-bottom: 0;
}
.chart table .progress-bar {
  background-color: #32da91;
  vertical-align: middle;
}
.button-table {
  background-color: #4e78a8;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
  white-space: nowrap;
}


TABLE.tabela {
border: solid 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.obrys_z_marginesami {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px 0px;
	border-style: outset outset outset outset;
	border-color: #111111 #111111 #111111 #111111;
	border-collapse: collapse;
	background-color: white;
}
table.obrys_z_marginesami td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: #111111 #111111 #111111 #111111;
	background-color: white;
}
TD {
 	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
	font-family: verdana;
}
tr.zadania td {padding:3px;}

tr.szarosc td, tr.szarosc td input, tr.szarosc td select {color:#999;}

tr.wycena_deny {background:#FFF;}
tr.wycena_deny td {background:#FFF;}

tr.wycena_ok {background:#BBB;}
tr.wycena_ok td {background:#BBB; color:#000;}
tr.wycena_ok td a b {color:#000;}

tr.rezygnacja, tr.rezygnacja td, tr.rezygnacja td a b {background:#DDD; color:#777;}
tr.rokuje, tr.rokuje td {background:#F26B76;}
tr.przypomnienie, tr.przypomnienie td {background:darkorange;}

tr.zdobyty {background:#60E040;}
tr.zdobyty td {background:#60E040;}

tr.wycena_check {background:#fff248;}
tr.wycena_check td {background:#fff248;}

tr.wycena_nobody {background:#eee;}
tr.wycena_nobody td {background:#eee;}

tr.wyroznienie {background:#dddddd;}
tr.wyroznienie td {background:#dddddd;}

tr.wyroznienie2 {background:#eeeeee;}
tr.wyroznienie2 td {background:#eeeeee;}

tr.niezatwierdzona td {background:#BAD0FC; font-weight:bold;}
tr.niezatwierdzona td a {background:#BAD0FC; font-weight:bold;}

tr.jasnazielen td {background:#DFF6CE;}

tr.gameover td, tr.gameover td input:not(.button-new), tr.gameover td textarea, tr.gameover td select {text-decoration: line-through;}

tr.wyroznienie_lista td {background:#eeeeee;}
td.noframes input, td.noframes select {border:none;}
.tag {display:block; float:left; height:16px; margin-left:10px; margin-bottom:10px; background:#ddd; padding:5px 10px}

TD.sml, FONT.sml {
 	text-decoration: none;
	font-size: 7pt;
	font-weight: normal;
	font-family: verdana;
}

TD.menu_gora{
  padding-left:10px;
  padding-right:10px;
}

DIV.sml_kusor {
 	text-decoration: none;
	font-size: 7pt;
	font-weight: normal;
	font-family: verdana;
	color: #777777;
	width: 50;
	cursor: hand;
}

DIV.naglowek{font-size: 14pt; color: #234567;}
DIV.naglowek * {font-size: 14pt;}
DIV.naglowek b {color:#000; font-weight:normal;}

TD.naglowkilist {
  background-image: url(layout/tlo_naglowki.jpg);
 	font-weight: normal;
 	color: #ffffff;
 	padding-left : 2px;
 	padding-right : 2px;
 	padding-top : 2px;
 	padding-bottom : 2px;
}
TD.naglowkilist a, TD.naglowkilist a:HOVER {color:#FFF; text-decoration:underline;}
TD.tlopodmenu {
 	background-color: #313131;
}
TD.tlopodmenurozwijane {
 	background-color: #E5E5E5;
 	padding-left: 5px;
	padding-right: 5px;
}

table.kalendarz {border: none; border-collapse: collapse;}
table.kalendarz tr td {border: 1px solid #bbb; padding:0px; font-size:8pt;}
table.kalendarz tr.dzien td {text-align:center; background:#234567; color:#ffffff; line-height:20px; width:20px; height:20px;}
table.kalendarz tr.dzien td.obecna {background:red;}

table.stat {border: none; border-collapse: collapse;}
table.stat tr td {border: 1px solid #bbb; padding:0px; font-size:8pt; padding:10px;}
table.stat tr.naglowek td {border:none; font-weight:bold;}

table.lista {border: none; border-collapse: collapse;}
table.lista tr td {border: 1px solid #bbb; padding:0px; font-size:8pt; padding:10px; font-size:14px; }
table.lista tr.naglowek td {border:none; font-weight:normal; background:#9FB4CC; color:#FFF;}
tr.bg_green td {background:#DFF6CE;}
tr.bg_red td {background:#ffcccc;}

tr.saturday td {background: #BAD0FC;}
tr.sunday td {background: #E0919C;}
tr.bankholiday td {background: #ffcccc;}

.navigator {text-align:center; clear:left; padding:10px 0px;}
.navigator a {color:darkorange; font-weight:normal; line-height:20px; display:inline-block; width:auto; margin:5px;}
.navigator a:HOVER {color:darkorange; font-weight:normal; line-height:20px; display:inline-block; width:auto; margin:5px;}
.navigator a.okno {color:#000; padding:0px 5px; border:solid 1px darkorange;}
.navigator a.okno:HOVER {color:#000; padding:0px 5px; border:solid 1px darkorange;}
.navigator a.okno_on {color:#FFFFFF; padding:0px 5px; border:solid 1px darkorange; font-weight:bold; background:darkorange;}
.navigator a.okno_on:HOVER {color:#FFFFFF; padding:0px 5px; border:solid 1px darkorange; font-weight:bold; background:darkorange;}

div.wykres_punkt {position:absolute; width:16px; height:16px;}

.stronicowanie {clear:left;}
.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;}

INPUT, SELECT, TEXTAREA {
 	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
	font-family: verdana;
	border: solid 1px;
	color: #000011;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
  margin-right: 0px;
}


INPUT.noborder, OPTION.noborder, SELECT.noborder, TEXTAREA.noborder {
 	border:none; color:#000011; padding:0px; margin:0px;
}

INPUT.button40 {cursor: pointer; width: 40px; height: 40px; border: 0px;}
INPUT.button25 {cursor: pointer; width: 25px; height: 25px; border: 0px;}
.pad_txt {padding:6px 2px;}
.pad_select {padding:5px 2px;}
INPUT.button, .button
 {
  background-image: url(layout/butony/on/tlo_btn.jpg);
  color: #EEEEEE;
  font-weight: normal;
  padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
 }

.link-button {
    background-image: url(layout/butony/on/tlo_btn.jpg);
    color: #EEEEEE;
    font-weight: normal;
    padding: 4px 10px;
}
.link-button:hover {
  background: #4E78A8;
  color: #FFFFFF;
}

input.new, select.new, textarea.new  {
    font-size:14px;
    padding:3px 10px;
    box-sizing: border-box;
    -moz-border-radius:4px; /* FF */
    -webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:4px; /* pozostałe przeglądarki */
}
.button-new, .button-new:hover {
    background:#4E78A8; border:none; border-bottom:solid 1px #284D77; color:#EEEEEE; font-weight:normal; padding:3px 10px; margin:0px;
    font-size:14px !important;
    -moz-border-radius:4px; /* FF */
    -webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:4px; /* pozostałe przeglądarki */
    overflow:hidden;
    cursor:pointer;
    box-sizing: border-box;
    height: 30px;
    line-height: 22px;
    display: inline-block;
}
.button-new i.fa {font-size:17px; line-height: 22px;}
.button-new.button-red {
    background: #B1161A;
    border-bottom: solid 1px #B1161A;
}
a.button-new, a.button-new:hover {
    float: left;
    margin-right: 5px;
}

.button-new.on {
    background: #234567;
}

.bt-green {background:#87C45C; border-bottom:solid 1px green;}
.button-ico {
    background:#4E78A8; border:none; border-bottom:solid 1px #284D77; color:#EEEEEE; font-weight:normal; padding:3px; margin:0px;
    font-size:14px;
    -moz-border-radius:4px; /* FF */
    -webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:4px; /* pozostałe przeglądarki */
    overflow:hidden;
    cursor:pointer;
}
.button-ico i {font-size:20px;}
.bg-red {background:#CE4844; border-bottom:solid 1px darkred;}
.bg-green {background:#87C45C; border-bottom:solid 1px green;}
.bg-yellow {background:#FFE189; border-bottom:solid 1px yellow;}
.bg-gray {background:#ddd; border-bottom:#aaa;}

.txt-red {color:#CE4844;}
.txt-green {color: #87C45C;}
.txt-yellow {color:#FFE189;}
.txt-gray {color:#ddd;}


.nice-form td {
	padding: 5px 10px;
	font-size: 13px;
}
.nice-form tr.topic td {
	padding-top: 30px;
}
.nice-form tr.topic td {
	background: #FFF;
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
}
.nice-form input, .nice-form select, .nice-form textarea {
		font-size:13px;
		padding:3px 10px;
		box-sizing: border-box;
		-moz-border-radius:4px; /* FF */
		-webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
		-khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
		border-radius:4px; /* pozostałe przeglądarki */
		background: #fff;
}
.nice-form input.button {
		background: #234567;
}
.nice-form select {
		padding:2px 10px;
}

a.data {display:block; background:#234567; color:#ffffff; line-height:30px; width:30px; text-align:center;}
a.data:HOVER {display:block; background:#dddddd; color:#000000; line-height:30px; width:30px; text-align:center;}
a.obecna {display:block; background:red; font-weight:bold; color:#ffffff; line-height:30px; width:30px; text-align:center;}
a.obecna:HOVER {display:block; background:red; font-weight:bold; color:#ffffff; line-height:30px; width:30px; text-align:center;}
a.zajeta {display:block; background:darkorange; font-weight:bold; color:#ffffff; line-height:30px; width:30px; text-align:center;}
a.zajeta:HOVER {display:block; background:darkorange; font-weight:bold; color:#ffffff; line-height:30px; width:30px; text-align:center;}
a.nawigacja {color:#000000; font-size:9pt;}
a:HOVER.nawigacja {color:#000000; font-size:9pt;}

A.drzewko {color: #111111;}
A.drzewko:HOVER{color: #777777;}
A.drzewko_plik {color: darkblue;}
A.drzewko_plik:HOVER{color: darkblue;}

A.zaznaczenie {text-decoration: none; font-size: 7pt; font-weight: normal; font-family: verdana; color: #7777777;}
A.zaznaczenie:HOVER {text-decoration: none; font-size: 7pt; font-weight: normal; font-family: verdana; color: #222222;}

A.topmenu {color: #DCE3E9;}
A:HOVER.topmenu {color: #FCF89F;}

A.podmenu {color: #4A4D54;}
A:HOVER.podmenu {color: #0062BD;}

A.sort {color: #000000; font-weight: bold;}
A:HOVER.sort {color: #444475; font-weight: bold;}

FONT.zaznaczodznacz {font-size: 7pt; font-weight: normal; font-family: verdana; color: #777777;}

.placeholder-pytania {height:70px;}
.placeholder-procedury {height:50px;}
.move {cursor:move;}


/*Pliki w procedurze - WYCENY */

#form-pliki-wyceny {
    padding:0;
    min-height:240px;
    width:99%;
    clear:both;
    position:relative;
    border: dashed 2px #CDCDCD;
    height: 240px;
    color:#000;
    font-size:26px;
    cursor:pointer;
}
#lista-plikow {width:100%;}
#lista-plikow .plik {
    position:relative;
    overflow:hidden;
    width:120px;
    height:120px;
    float:left;
    margin-right:8px;
    margin-bottom:8px;
    padding:20px 10px;
    text-align:center;
    border:solid 1px #000;
    -moz-border-radius:4px; /* FF */
    -webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:4px; /* pozostałe przeglądarki */
    overflow:hidden;
}
#lista-plikow .plik .info-usun
{
    position:absolute;
    padding:15px 0;
    top:20px;
    left:10px;
    width:120px;
    background:#FFF;
    border:solid 1px #000;
}
#lista-plikow .plik .ico-usun {
    position:absolute; top:-2px; right:-2px;
    background-color:#b32022;
    width: 25px;
    height: 25px;
    text-align:center;
    color:#FFF;
    font-weight:400;
    border:solid 2px #FFF;
    line-height:22px;
    font-size:16px;
    cursor:pointer;
    -moz-border-radius:4px; /* FF */
    -webkit-border-radius:4px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius:4px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
    border-radius:4px; /* pozostałe przeglądarki */
    overflow:hidden;
}
#lista-plikow .plik p.nazwa {overflow:hidden;}

.dz_filename {overflow:hidden; width:100px; font-size:10px;}
.dz_filename span {position:relative; display:inline-block; border:solid 1px #FFF; white-space:nowrap; padding:3px 3px 3px 3px; }
.dz_filename:hover {overflow:visible;}
.dz_filename:hover span {background:#FFF; border:solid 1px #CACACA; z-index:999; white-space:normal;}

table.zapytanie tr td {
	  padding: 5px 8px;
      font-size: 18px;
      line-height: 22px;
}
.zapytanie-info p {
    padding: 5px 8px;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 8px 0;
}

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;}

table.listy {border: none; border-collapse: collapse;}
table.listy tr td {border-bottom: 1px solid #bbb; font-size:12px; padding:5px 10px; }
table.listy tr.naglowek td, table.listy tr td.naglowek {border:none; font-weight:normal; background:#313131; color:#FFF; white-space: nowrap;}
table.listy tr.bg td {background:#e6e6e6;}
table.listy tr.bg_priorytet_wysoki td {background:#FFF5A3;}
table.listy tr.sep td {border-top: solid 3px #000;}
table.listy tr.item:hover td {
    background: #4E78A8;
    background: rgba(78, 120, 168, 0.4);
}
table.listy tr.check td {
    background:#EEDDB2;
}
table.listy tr.check:hover td {
    background:#EEDDB2;
}
table.listy tr td.naglowek1 {background: #444444;}
table.listy tr td.naglowek2 {background: #777777;}
table.listy tr td.sep {border-left: solid 2px #000; padding-left: 40px;}

table.listy.scisk tr td {padding:5px 5px; }
table.listy.scisk tr td .form-control {padding: 3px 1px;}

.form-control {width: 100%; box-sizing: border-box; padding: 3px 6px; font-size: 12px;}

.form-off {
    border: none;
    border-bottom: solid 1px #aaa;
    color: #999;
    background: #fff;
}
.form-off-etap {
    border: none;
    color: #666;
    background: none;
}
.topic {font-size: 20px; color: #234567;}

/* =popup */
.popup{
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 1054px;
    max-height: 90%;
}
.popup-inside{
    position: relative;
    padding: 0;
    position: relative;
    width: 100%;
    min-height: 220px;
    margin:0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-front-small {
    max-height: 200px;
    overflow: auto;
    z-index: 999999 !important;
}

/* TASKI */

table.taski {border: none; border-collapse: collapse;}
table.taski tr td {border: 1px solid #fff; font-size:12px; padding:5px 10px; background: #efefef;}
table.taski tr.bg-lighter td {border: 1px solid #fff; font-size:12px; padding:5px 10px; background: #f6f6f1;}
table.taski tr.naglowek td, table.taski tr td.naglowek {font-weight:normal; background:#ffffff; color:#555; white-space: nowrap; border-top: solid 2px #efefef;}
table.taski tr td:first-child {border-left: solid 8px #234567;}
table.taski tr td:last-child {border-right: solid 8px #cccccc;}

table.taski tr.buttons td {background: #fff; padding-bottom: 20px;}
table.taski tr.buttons td:first-child, table.taski tr.naglowek td:first-child { border-left: solid 8px #fff;}
table.taski tr.buttons td:last-child, table.taski tr.naglowek td:last-child { border-right: solid 8px #fff;}

.editable {min-height:28px; line-height: 28px; margin: 0;}
table.taski tr.naglowek .editable {font-size: 16px; color: #234567;}
table.taski tr.naglowek .topic_txt, table.taski tr.naglowek .topic_txt * {font-size: 16px; color: #234567;}

.form-edit {white-space: nowrap;}
.form-edit input {width: 100% !important; box-sizing: border-box; padding: 5px 6px; font-size: 12px; border: solid 1px #999; background: #fff;}
.form-edit select {width: 100% !important; box-sizing: border-box; padding: 3px 1px; font-size: 12px;  border: solid 1px #999; background: #fff;}

.form-edit-submit input {width: 82% !important; box-sizing: border-box; padding: 5px 6px; font-size: 12px; border: solid 1px #999; background: #fff; margin-right: 5px;}
.form-edit-submit button {background:#4E78A8; border:none; border-bottom:solid 1px #284D77; color:#EEEEEE; font-weight:normal; padding:3px 10px; margin:0px;}

.editable-czas .form-edit {width:40px;}

table.taski tr .task_status_0 {background: #e2445c; color: #fff; text-align: center;}
table.taski tr .task_status_1 {background: #ffcb00; color: #fff; text-align: center;}
table.taski tr .task_status_2 {background: #00c875; color: #fff; text-align: center;}
table.taski tr .task_status_3 {background: #00c875; color: #fff; text-align: center;}

table.taski tr .task_widok_klient_tak {background: #ffcb00; color: #fff; text-align: center;}
table.taski tr .task_widok_klient_nie {background: #00c875; color: #fff; text-align: center;}

table.taski tr .task_kopiowany_tak {background: #00c875; color: #fff; text-align: center;}
table.taski tr .task_kopiowany_nie {background: #ffcb00; color: #fff; text-align: center;}

table.taski tr .task_aktywny_tak {background: #00c875; color: #fff; text-align: center;}
table.taski tr .task_aktywny_nie {background: #ffcb00; color: #fff; text-align: center;}

.task_yn {text-align: center;}

table.taski.scisk tr td {padding:5px 5px; }
table.taski.scisk tr td .form-control {padding: 3px 1px;}

table.taski .button_ico, table.taski .button_ico:hover {cursor: pointer; background: none; border: none; color: #555; font-size: 18px; padding: 0 5px; margin: 0;}
table.taski .button_ico:hover {color: #000;}

/* Nowy widok */
.nowy-widok * {
    font-size: 12px;
}
.nowy-widok a:hover {
    font-size: 12px;
}
.nowy-widok .button-new:hover {
    font-size: 12px;
}


#zadania-dodaj {
    padding:5px 30px 30px;
}
#zadania-dodaj .etykieta {
    clear: left;
    width: 100%;
    background: #313131;
    color: #fff;
    padding:10px;
    margin: 25px 0 10px 0;
    box-sizing: border-box;
}

#zadania-dodaj .radios {
    clear: left;
}
#zadania-dodaj .radios > div {
    float: left;
    margin: 0 20px 12px 0;
    width: 60px;
}

#zadania-dodaj .form-control {
    padding: 5px 10px;
}

#zadania-dodaj .button {
    font-size: 14px;
    padding: 6px 40px;
    background: #000;
}

img.logotyp_podglad_big {
    max-width: 200px;
    cursor: pointer;
}
i.fa.logotyp_podglad_big {
    font-size: 100px;
    cursor: pointer;
}


/* Pasek z buttonami w widoku projektu */

    #pasek_akcje {
        z-index: 999;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        top: 0px;
        left: 0px;
        padding: 10px 1%;
        width: 98%;
    }
    #pasek_kopiuj {
        position: relative;
        float: right;
        display: none;
        padding: 10px 0;
    }
    #pasek_kopiuj .potwierdzenie {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        border: solid 1px red;
        padding: 10px 20px;
        display: none;
        text-align: center;
        font-size: 13px;
    }
    #pasek_kopiuj .potwierdzenie .komunikat {
        margin-bottom: 15px;
    }

/* -------------------- */

.fixed {
    position: fixed;
}

.text-center {
    text-align: center;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
}
.clearfix:before {
    display: table;
    content: " ";
}

/* Statystyki */
.zakres-dat {
  float: right;
}
.zakres-dat .poziom,
.zakres-dat .poziom-ukryty {
  display: inline-block;
}
.zakres-dat .poziom-ukryty {
  display: none;
  margin-left: 15px;
}
.zakres-dat .poziom-ukryty input {
  display: inline-block;
  line-height: 12px;
  padding: 5px;
}
.zakres-dat .showme {
  display: inline-block;
}
.zakres-dat .poziom select {
  margin-left: 10px;
  padding: 2px 5px;
}

.zakres-dat .checkbox {float: left;}
.zakres-dat .checkbox input {position: relative; top: 4px;}
.zakres-dat .checkbox label {padding:0 20px 0 5px;}

.tab {float: left; padding: 10px; background: #234567; color: #fff; margin-right:5px; margin-top:5px;}

.popup_edycja {
    background: #fff;
    padding: 40px;
    width: 80%;
    border: solid 1px #000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999;
    display: none;
}

.popup_edycja .close, .popup_edycja .close:hover {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

#zmiana_opisu_zadania textarea{
    width: 100%;
    height: 150px;
}


div.bt_importuj_pliki {width:200px; cursor:pointer; padding:15px 50px; color:#fff; text-align:center; background:#5C8DDC; font-size:24px; margin:0 auto;}
div.bt_anuluj_import_plikow {
    cursor:pointer; padding:0 25px; color:#fff; text-align:center; border-left:solid 1px #666; border-top:solid 1px #666; color:#666; background:#FFF; background:rgba(255,255,255,0.6); height:30px; line-height:30px; font-size:14px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    z-index:999; position:relative;
}

.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}

@media (max-width: 900px) {
    table.zapytanie tr td {
        font-size: 22px;
        line-height: 1.4;
    }

    .menu > div > a {
        padding: 0 10px;
    }

    #top-menu #info-login {
        right: 100px;
    }

}