html.no-cssgradients {
	background-color: #aaa;
}


footer {
	margin-top:20px;
	font-size:0.8rem;
	margin-bottom: 30px;
}
footer a {
	color: #8f8f8f;
}

a {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	/* prevents outline in webkit on active links but retains it for tab focus */
}

.required-indicator {
	display: inline-block;
	font-weight: bold;
	margin-left: 0.3em;
	position: relative;
	top: 0.1em;
}

ul.one-to-many {
	display: inline-block;
	list-style-position: inside;
	vertical-align: top;
}

.ie6 ul.one-to-many, .ie7 ul.one-to-many {
	display: inline;
	zoom: 1;
}

ul.one-to-many li.add {
	list-style-type: none;
}




/* MESSAGES AND ERRORS */

#jg_results {
	margin-top:10px;
}


.errors, .message { /*font-size: 0.8em;*/
	line-height: 2;
	margin: 1em 2em;
	padding: 0.5em;
}

.message, div.message { /*background: #f3f3ff;*/
	border: 1px solid #8DAEE0;
	color: #234578;
	background: transparent url(../images/skin/information.png) 2px 50%
		no-repeat;
	/*background-image: transparent url(../images/skin/information.png) no-repeat;*/
	text-indent: 22px;
}

.errors {
	background: #fff3f3;
	border: 1px solid #ffaaaa;
	color: #cc0000; /*
	   -moz-box-shadow: 0 0 0.1em #ff8888;
	-webkit-box-shadow: 0 0 0.1em #ff8888;
	        box-shadow: 0 0 0.1em #ff8888;*/
}

.errors ul, .message {
	padding: 0;
}

.errors li {
	list-style: none;
	background: transparent url(../images/skin/exclamation.png) 0 50%
		no-repeat;
	text-indent: 22px;
}

/* form fields with errors */
.error input, .error select, .error textarea, input.error, select.error, textarea.error {
	background: #fff3f3;
	border-color: #FF7D7D;
	color: #cc0000;
}

.error input:focus, .error select:focus, .error textarea:focus,
input:focus.error, select:focus.error, textarea:focus.error  {
	-moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	box-shadow: 0 0 0.5em #ffaaaa;
}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */
input:invalid, select:invalid, textarea:invalid {
	background: #fff3f3;
	border-color: #ffaaaa;
	color: #cc0000;
}

input:invalid:focus, select:invalid:focus, textarea:invalid:focus {
	-moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	box-shadow: 0 0 0.5em #ffaaaa;
}


.fromTo {
	background-color: transparent;
	border: 0px solid rgba(0, 0, 0, 0.15);
}

/*
* ---------------------------------
*  app
* ---------------------------------
*/
#topbar {
	color: #252a3e;
	padding: 5px 0px;
	font-size: 0.8rem;
}
#topbar a:link, #topbar a:visited, #topbar a:hover {
	color: #150029;
}
#topbar ul {
	overflow: hidden;
	margin-bottom: 0.2rem;
}

#topbar li {
	display: block;
	float: right;
	list-style-type: none;
	margin-right: 0.5em;
	padding: 0px 3px;
}

.logo {
	float: left;
	font-size: 13px;
	font-weight: bold;
	font-size:1rem;
	padding-left: 7px;
}

.phead {
	padding: 0.5rem 1rem 0.2rem 1.9rem;
	background-color: #F0F0F0;
	border-bottom: 1px solid #dadada;
	color: #303;
	overflow: hidden;
}


.localMenu {
	background-color: #fbfbfb;
	border-bottom: 1px solid #dadada;
	margin-bottom: 0.5rem;
}

.pnav {
	font-size:0.8rem;
}

.pnav:after {
	content: '';
	display: block;
	clear: both;
}


.pnav a:link, .pnav a:visited, .pnav a:hover {
	color: #7b6666;
}

.pnav  li {
	float: left;
	display: inline-block;
	list-style-type: none;
	margin-right: 0.5em;
	padding: 0.5rem 0rem;

}
.pnav ul {
	margin:0px;
}

/** obsluga errorow */
ul.alert { padding-left:20px; list-style:none; }
ul.alert > li { margin-left:10px;}
ul.alert > li:before {
	font-family: 'FontAwesome';
	content: '\f12a';
	margin:0 5px 0 -15px;
}

.pnav ul.plewy {
	float: left;
	padding-left: 5px;
}

.pnav ul.pprawy {
	float: right;
}

a.img-save {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-save:before {
	font-family: 'FontAwesome';
	content: '\f0c7';
	margin:0 5px 0 -15px;
}

a.img-home {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-home:before {
	font-family: 'FontAwesome';
	content: '\f015';
	margin:0 5px 0 -15px;
}

a.img-panel {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-panel:before {
	font-family: 'FontAwesome';
	content: '\f114';
	margin:0 5px 0 -15px;
}


a.img-klient {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-klient:before {
	font-family: 'FontAwesome';
	content: '\f0c0';
	margin:0 5px 0 -15px;
}

a.img-raport {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-raport:before {
	font-family: 'FontAwesome';
	content: '\f0f6';
	margin:0 5px 0 -15px;
}


a.img-create {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-create:before {
	font-family: 'FontAwesome';
	content: '\f196';
	margin:0 5px 0 -15px;
}

a.img-gen {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-gen:before {
	font-family: 'FontAwesome';
	content: '\f08e';
	margin:0 5px 0 -15px;
}

a.img-print {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-print:before {
	font-family: 'FontAwesome';
	content: '\f02f';
	margin:0 5px 0 -15px;
}


a.img-help {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-help:before {
	font-family: 'FontAwesome';
	content: '\f05a';
	margin:0 5px 0 -15px;
}

a.img-list {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-list:before {
	font-family: 'FontAwesome';
	content: '\f03a';
	margin:0 5px 0 -15px;
}

a.img-send {
	background-position: 0.2em center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 0px 2px 22px;
}
a.img-send:before {
	font-family: 'FontAwesome';
	content: '\f0e0';
	margin:0 5px 0 -15px;
}


/* using in event */
.paddingCont {
	padding: 10px;
}

.content {
	padding: 0px 10px 20px 10px;
}

fieldset.buttons {
	both: clear;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

fieldset.line {
	border-top: 1px solid #ccc;
	width: 100%;
	text-align: center;
}

/* definicja panelu szukaj */
.psearch h2, .presults h2 {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 5px 0 10px 0px;
}

.formularz h2 {
	clear: both;
	font-size: 1.1rem;
	margin: 5px 0 10px 0px;
}

/*
.psearch h2, h2.form {
	padding-bottom:3px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
*/


.psearch .searchcontain {
	display: inline-block;
	float: left;
	/*overflow: hidden; KG 2013-01-15 */
	margin: 5px 10px 5px 5px;
}

.psearch .searchcontain2 {
	display: inline-block;
	float: left;
	/*overflow: hidden; KG 2013-01-15 */
	margin: 5px 10px 5px 5px;
}

.psearch .searchcontain2 label {
	cursor: pointer;
	display: block;
	margin: 0 0 3px 0;
}

.psearch .searchcontain label {
	cursor: pointer;
	display: block;
	margin: 0 0 3px 0;
}

.psearch .searchcontain2 input, .psearch .searchcontain select, .psearch .searchcontain textarea {
	display: inline-block;
}

.psearch .searchcontain input, .psearch .searchcontain select, .psearch .searchcontain textarea {
	display: inline-block;
}

.psearch .searchbuttons {
	clear: both;
	margin: 10px 0 0 5px;
	height: 100%;
	float: left;
}

.presults {
	clear: both;
	//margin: 10px 0px 0px 0px;
	padding-top: 2px;
}

.presultsMagazyn {
	clear: both;
	margin: 10px 0px 0px 0px;
}

.modal_body .presults {
	padding-left: 10px;
	margin-bottom: 10px;
}

.txtSearchMain {
	width: 160px;
}

.txtMiddle {
	width: 200px;
}

.txtMiddle1 {
	width: 215px;
}

/*
.datepicker {
	width: 60px;
}
*/

.odDo {
	width: 85px;
}

.col5 {
	float: left;
    min-width: 840px;
	width: 840px;
}

.col4 {
	float: left;
	min-width: 450px;
	padding-left: 250px;
}

.col3 {
	float: left;
	min-width: 450px;
}

.col2 {
	float: left;
	min-width:450px;
	width: 450px;
}

.col1 {
	clear: both;
	padding-top: 10px;
	float: left;
	width: 910px;
}

.txtFile {
	width: 220px;
	height: 100px;
}

.inpt {
	width: 170px;
}

.inptZalNazwa {
	width: 202px;
}

.inptsmall {
	width: 90px;
}

.inptSmall {
	width: 90px;
}


.inptsmall1 {
	width: 75px;
}

.inptMiddle2 {
	width: 140px;
}

.inptMiddle3 {
	width: 150px;
}

.inptsmallPoz {
	width: 100px;
}

.inptMiddle {
	width: 190px;
}

.inptSimpleSearch {
	width: 300px;
	height:20px;
	float:right;
}

.inptMiddle3 {
	width: 205px;
}

.inptMiddle5 {
	width: 240px;
}

.inptMiddle4 {
	width: 240px;
	height:175px;
}

.inptPozycjaNazwa {
	width: 390px;
}

.inptPozycjaNazwaKorekta {
	width: 290px;
}


.inptBigKorekta {
	width: 300px;
}

.inptMiddleNagFak {
	width: 110px;
}

.inptMiddleFak {
	width: 121px;
}

.txtAr {
	width: 100%;
}


.txtKosztUwagi {
	width: 360px;
	height: 205px;
}

.txtOpisGm {
	width: 360px;
	height: 120px;
}

.txtArMin {
	width: 200px;
	min-height: 100px;
}

.txtArMinOf {
	width: 190px;
	height: 100px;
}

h3 {
	font-size: 12px;
}

#content-tab, .content-tab {
	margin-top: 5px;
}
.modal_body .content-tab {
	margin-bottom: 10px;
}

.content .panelObslugi, .content .panelSlownik {
	margin: 0.5rem 0rem;
}

.wyr {
	font-size: 12px;
}

.wyr1 {
	font-size: 13px;
}


.psearch.align .searchcontain {
	width: 205px;
}

.psearch.align .searchcontain2 {
	width: 140px;
}

.psearch.align .searchcontain .datepicker {
	width: 85px;
}

.psearch.align .searchcontain .datepicker1 {
	width: 60px;
}

.psearch.align .searchcontain .minTxt {
	width: 95px;
}

/* //TODO: TO REMOVE!
.table {
	border-top: 1px solid #DFDFDF;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
}
*/

.box {
	border: 1px solid #90D93F;
	background-color: #CAED9E;
	color: #3F6219;
	padding: 5px 15px;
	margin: 5px 5px;
	text-align: left;
}

.bgreen {
	border: 1px solid #90D93F;
	background-color: #CAED9E;
	color: #3F6219;
}

.byellow {
	color: #646464;
	background-color: #F8FC8A;
	border: 1px solid #D9F043;
}

.blightyellow {
	color: #646464;
	background-color: #FFFFCE;
	border: 1px solid #F0C000;
}

.bnote {
	background-image: url(../images/app/note.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 40px;
	background-position: 10px 10px;
}

dl.accordion {
	width:100%;
}


.accordion dd {
	border: 1px solid #d5d3d3;
	background-color: #f8f8f8;
	margin: 5px 10px;
	text-align: left;
	padding: 10px;
}


div.raportbtns {
	margin-top: 10px;
	margin-bottom: 5px;
}

/* CSS dla modu�u marport�w */


.parametrRaport {
	margin-top: 0.5em;
}

.parametrRaport label, .parametrRaport .property-label {
	text-align: right;
	width: 8%;
}

.parametrRaport .property-label {
	float: left;
}

.parametrRaport .property-value {
	display: block;
	margin-left: 5%;
}

.inptKlient {
	width: 226px;
}

.inptPracownik {
	width: 237px;
}


div.exception {
	margin: 0 auto;
	margin-top: 100px;
	height: 100%;
	width: 600px;
	padding: 30px;
	font-size: 12px;
}

div.exception h1 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.exception p {
	line-height: 20px;
	text-align: justify;
}

div.excep_stopka {
	clear: both;
	float: right;
	margin: 50px 0px 50px 0px;
	width: 50%;
	text-align: center;
}

p.info-user {
	text-align: center;
	padding-bottom: 3px;
	padding-left:10px;
	font-size: 10px;
}

p.info-user .wyr {
	font-weight: bold;
	font-size: 10px;
}

.indeks_cont {
	padding-top: 1em;
}

.indeks_cont .fieldcontain {
	margin-top: 0.7em;
}

/*
.cechy-szczeg {
	width: 50%;
	float: left;
}

.cechy-szczeg .fieldcontain {
	width: 190px;
	float: left;
}

.cechy-szczeg .fieldcontain label {
	width: 45%;
}

.cechy-szczeg .fieldcontain input {
	width: 50px;
}
*/
input.disabled {
	color: #5A5B66;
	background-color: #F5F7F7;
}

label.radioLabel {
	text-align: left;
	display: inline;
	margin-right: 10px;
}

td.stat-platne {
	background-color: red;
}

div.event-klient-info {
	display: inline-block;
}
/*
.panelPunktObslugi, .event-klient-info a.abig {
	margin-left: 3px;
}

.panelPunktObslugi .col-2 {
	width: 240px;
	float: left;
}

.panelPunktObslugi .col-2 h3 {
	font-weight: bold;
	font-size: 11px;
}

.panelPunktObslugi .col-line {
	border-right: 1px solid #828790;
}

.panelPunktObslugi .col-padding {
	padding-left: 20px
}
*/

.piechar {
	max-height: 159px;
}

.event-klient-info a.abig {
	font-weight: bold;
}

#zlecenEvents {
	display: inline-block;
}

#zlecenEvents label {
	display: inline-block;
	width: auto;
	text-align: left;
	padding-right: 15px;
}

#zlecenEvents label * {
	display: inline-block;
}

.fieldcontainPowiadomienia {
	clear: both;
	margin-top: 1em;
	width: 80%;
}
.wysrodkuj {
	text-align: center;
}

#colorFieldPicker  {
	display: inline-block;
	width: 300px;
}


.fieldcontainLab, .fieldcontainLab * {
	display: inline-block;
}
.fieldcontainLab label {
	width:auto;
}
#recurDescription {
	font-weight: bold;	
}
input.date {
	width: 95px;
}
input.time {
	width: 60px
}


img.img-icon-klient {
	padding-left:20px;
}


/** datapicker format */
.datepicker-days thead {
	font-weight: bold;
}
.datepicker table tr td, .datepicker table tr th {
	text-align: center;
	width: 37px;
	height: 35px;
	border-radius: 0.25rem;
	border: none;
}

div.tabProdIndeks {
	width: 100%;
	margin: 10px;
}

/** customize jqGrid */
.ui-grid .ui-jqgrid-titlebar {
	padding: 0.5rem;
	position: relative;
	border-left: 0px none;
	border-right: 0px none;
	border-top: 0px none;

}

/** repeir problem with width: 0 in plugin chosen.jquery */
.chosen-container
{
	width: 100% !important;
}

.evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
	border: solid 1px #c3c3c3;
	width: 27px;
	height: 27px;
	float: right;
}

div.tagsinput {
	display: block;
	width: 100%;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.file-info tr{
	border-top: hidden;
}

#create-faktura .alert {
	margin-bottom: 0.1rem;
}

.spinner {
	background: url(../images/spinner.gif) 50% 50% no-repeat transparent;
	height: 16px;
	width: 16px;
	padding: 0.5em;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
}


/* CSS dla nowego wygladu 2018-02 Kuba*/

.panel-default-serwisant {
	border-color: #ddd;
}

.panel-serwisant {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading-serwisant {
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 14px;
}

.panel-default-serwisant>.panel-heading-serwisant {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-body-serwisant {
	padding: 10px;
}

.nav-serwisant {

	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;

}

.nav-tabs-serwisant {
	border-bottom: 1px solid #ddd;
}

.nav-tabs-serwisant>li {
	float: left;
	margin-bottom: -1px;
}
.nav-serwisant>li {
	position: relative;
	display: block;
}

.nav-tabs-serwisant>li.active>a, .nav-tabs-serwisant>li.active>a:focus, .nav-tabs-serwisant>li.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.nav-tabs-serwisant>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-serwisant>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav-tabs-serwisant .nav-item-serwisant  {
	margin-bottom: -1px;
}

.nav-tabs-serwisant .nav-link-serwisant.active, .nav-tabs-serwisant .nav-item-serwisant.show .nav-link-serwisant {
	color: #495057;
	background-color: white;
	border-color: #ddd #ddd white;
}

.nav-tabs-serwisant .nav-link-serwisant {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.nav-link-serwisant {
	display: block;
	padding: 0.5rem 1rem;
}

.fieldset-serwisant {
	min-width: 0;
	padding: 10px;
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 25px;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
}

.legend-serwisant-dane-ogolne {
	font-size: 14px;
	width: 20%;
}

.legend-serwisant-dane-ogolne2 {
    font-size: 14px;
    width: 40%;
}

.legend-serwisant-dane-firmy {
	font-size: 14px;
	width: 35%;
}

.legend-serwisant-dane-adresowe {
	font-size: 14px;
	width: 35%;
}

.legend-serwisant-pozostale {
	font-size: 14px;
	width: 20%;
}

.legend-serwisant-kontakt {
	font-size: 14px;
	width: 20%;
}

.legend-serwisant-dane-adresowe-po {
	font-size: 14px;
	width: 45%;
}

.legend-serwisant-dane-standard {
    font-size: 14px;
    width: 0%;
}

.fieldset-serwisant-faktura {
     min-width: 0;
     padding: 10px;
     margin-top: 15px;
     margin-left: 25px;
     margin-right: 25px;
     border: 1px solid #ddd;
     border-radius: 0.25rem;
     min-height: 400px;
 }

.legend-serwisant-dane-faktura {
    font-size: 14px;
    width: 0%;
}

/* obsluga podpisu klienta */
#signatureparent {
	color:darkblue;
	background-color:lightgrey;
	padding: 5px;
}

#signature {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 2px dotted #000;

}
.imgSignature {
	border:1px solid #ddd;
	max-width:250px;
	margin-bottom: 10px;
}