*{
	margin: 0px auto;
	padding: 0px;
	box-sizing:border-box;
}

body{
    margin:0px auto;
    color: #181818;
    font-family: Arsenal;
    font-size: 12px;
	background:#eee;
}

.rightBox{
	float:right;
}

.leftBox{
	float:left;
}

.head{
	width:100%;
	overflow:hidden;
	padding:10px;
}
.head .logo{
	float:left;
	max-width:200px;
	width:20%;
	height:140px;
}
.head .logo a img{
	width:100%;
}
.head > .bWyloguj{
	width:40px;
	height:auto;
	float:right;
	border:1px solid #E94235;
	border-radius:4px;
	margin-left:5px;
	cursor:pointer;
	background:#E94235;
}
.head > .bWyloguj:hover{
	background:#fff;
}
.head > .bWyloguj > img{
	width:100%;
	display:block;
	border-radius:50%;
}
.head > .bWyloguj > p{
	text-align:center;
	font-weight:600;
	font-size:15px;
	color:#FFF;
}
.head > .bWyloguj:hover > p{
	color:#E94235;
	/*color:#D82523;*/
}
.head > .dataUser{
	width:210px;
	height:auto;
	float:right;
	border:1px solid #181818;
	border-radius:4px;
	cursor:pointer;
	transition: transform .2s;
	display:block;
}
.head > .dataUser .top{
	font-size:16px;
	text-align:center;
	padding:10px 0px 10px 0px;
}
.head > .dataUser .clientData{
	font-size:18px;
	text-align:center;
	font-weight:600;
	padding:15px 0px 16px 0px;
}
.head > .dataUser #timer-ID{
	font-size:16px;
	text-align:center;
	padding:10px 0px 10px 0px;
}

/* srodek panelu */
.section{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	margin:10px auto;
	overflow:hidden;
	padding:0px 10px;
}

/* menu left */
.menu{
	width:220px;
	min-height:600px;
	padding:0px;
	display:block;
	border-right:1px solid #bcbcbc;
}
.menu > ul.menuMain{
	width:220px;
	list-style:none;
	overflow:hidden;
}
.menu > ul.menuMain > li{
	display:block;
	width:100%;
	float:left;
	color:#181818;
	padding:10px 6px;
	font-size:16px;
	cursor:pointer;
	margin:0px;
}
.menu > ul.menuMain > li:hover,.menu > ul.menuMain > li.selected{
	background:#E94235;
	color:#fff;
}
.menu > ul.menuMain > li i{
	display:inline-block;
	width:20px;
	float:left;
	margin-right:6px;
	color:#181818;
}
.menu > ul.menuMain > li span{
	width:160px;
	display:block;
	float:left;
}
.menu > ul.menuMain > li span.material-icons{
	width:16px;
	font-size:18px;
	margin-right:10px;
}
.menu > ul.menuMain > li span.material-icons.expand_more{
	margin:0px;
	display:none;
}
.menu > ul.menuMain > li:hover span.material-icons.expand_more{
	display:block;
}

.menu > ul.menuMain > ul.submenuMain{
	width:100%;
	list-style:none;
	-webkit-transition: max-height 1s; 
	-moz-transition: max-height 1s; 
	-ms-transition: max-height 1s; 
	-o-transition: max-height 1s; 
	transition: max-height 1s;  
	overflow: hidden;
	max-height:0px;
	padding-left:21px;
	float:left;
}
.menu > ul.menuMain > ul.submenuMain.current-item{
	max-height:500px !important;
	background:#E94235;
}
.menu > ul.menuMain > ul.submenuMain > li{
	display:block;
	width:100%;
	float:left;
	color:#181818;
	padding:5px 10px;
	font-size:16px;
	cursor:pointer;
	margin:0px;
}
.menu > ul.menuMain > ul.submenuMain > li:hover, .menu > ul.menuMain > ul.submenuMain > li.selected{
	color:#fff;
}

/* nowy / edycja formularz */
.formNew{
	width:100%;
	padding:10px;
	overflow:hidden;
	background:#ddd;
	margin-top:10px;
}
.formNew .formTitle{
	width:100%;
	overflow:hidden;
}
.formNew .formTitle p{
	font-size:18px;
}

/* dane */
.dane{
	width:100%;
	height:auto; 
	padding:10px;
}
.dane .naglowek{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #bcbcbc;
}
.dane .naglowekSub{
	width:100%;
	overflow:hidden;
}
.dane .naglowek .title, .dane .naglowekSub .title{
	width:50%;
	float:left;
	padding:13px 0px;
}
.dane .naglowek .title p, .dane .naglowekSub .title p{
	text-align:left;
	font-size:18px;
}
.dane .naglowek .buttonTop, .dane .naglowekSub .buttonTop{
	width:50%;
	float:right;
}
.dane .naglowek .buttonTop button, .dane .naglowekSub .buttonTop button{
	margin:5px;
}
.dane .rowLeft{
	width:30%;
	float:left;
	padding:10px;
}
.dane .rowLeft ul{
	width:100%;
	float:left;
	list-style:none;
}
.dane .rowLeft ul li{
	width:100%;
	font-size:16px;
	padding:4px 2px;
}
.dane .rowLeft ul li.select, .dane .rowLeft ul li:hover{
	background:#EF7A71;
	cursor:pointer;
}
.dane .rowRight{
	width:70%;
	float:right;
	padding:10px;
}
.dane .daneCol{
	width:100%;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	margin:0px auto;
}
.dane .daneCol > div{
	width:100%;
	padding:10px 20px;
}


/* table */
table{
	width:100%;
	margin:0px auto;
	/*table-layout: fixed;*/
}
table thead tr{
	background: rgb(233,66,53);
	background: -moz-linear-gradient(90deg, rgba(233,66,53,1) 0%, rgba(239,122,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(233,66,53,1) 0%, rgba(239,122,113,1) 100%);
	background: linear-gradient(90deg, rgba(233,66,53,1) 0%, rgba(239,122,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E94235",endColorstr="#EF7A71",GradientType=1);
}
table tbody tr:hover{
	background:#fff;
}
table tbody tr.off td{
	color:#aaa !important;
}
table tr th{
	color:#fff;
	border:0px;
	padding:8px 2px;
	font-size:14px;
	font-weight:300;
}
table tr td{
	color:#444;
	border:1px solid #bcbcbc;
	padding:4px 2px;
	font-size:13px;
	text-align:center;
}
table.noneBorder tr td{
	border:none !important;
}
table tr td.link:hover{
	text-decoration:none;
	color:#E94235;
	cursor:pointer;
}
table tr td img.icon{
	display:inline-block;
	width:20px;
	float:right;
	border-radius:50%;
	margin-left:5px;
	cursor:pointer;
}
table tr td img.logo{
	display:inline-block;
	width:40px;
	float:none;
}
table tr td i{
	display:inline-block;
	width:40px;
	float:none;
	font-size:20px;
	cursor:pointer;
}
table tr.parent{
	background:#ddd;
}
table.info tr td:first-child {
	width:50px;
}
table.info tr td:last-child {
	width:100px;
}
table tr td label{
	margin:0px;
}
table tr td.parent{
	text-align:left;
	padding-left:10px;
}
table tr td.child{
	text-align:left;
	padding-left:20px;
}
table tr td.click{
	cursor:pointer;
	text-decoration:underline;
}
table tr.bgGrey td{
	background:#999 !important;
	color:#fff !important;
}
table tr.bgGreen td{
	background:#008b58 !important;
	color:#fff !important;
}
table tr.bgYellow td{
	background:yellow !important;
	color:#181818 !important;
}
table tr.txtGreen td{
	color:#005F42;
}
table tr.txtRed td{
	color:#FF0000 !important;
}
table tr.txtGrey td{
	color:#999 !important;
}
table tr td.txtGreen{
	color:#005F42 !important;
}
table tr td.txtRed{
	color:#FF0000 !important;
}
table tr td.txtGrey{
	color:#999 !important;
}


/* formularz */
form{
	/*overflow:hidden;*/
	margin-bottom:10px;
}

form > .przyciski{
	width:100%;
	float:left;
	overflow:hidden;
	padding:10px;
}
form > .formularz, form > .formField > .formularz{
	width:100%;
	float:left;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	margin-top:15px;
}
form > .formularz > div, form > .formField > .formularz > div{
	width:100%;
	padding:0px 14px;
	overflow:hidden;
}
form > .formularz > div.one, form > .formField > .formularz > div.one{
	padding:0px;
}
form > .formularz > div > label > div.textarea, form > .formField > .formularz > div > label > div.textarea{
	width:100%;
	overflow:hidden;
	max-height:0px;
	-ms-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-webkit-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}
form > .formularz > div > label > div.textarea.openTextarea, form > .formField > .formularz > div > label > div.textarea.openTextarea{
	max-height:110px !important;
}


button{
	padding:4px 8px;
	background:#E94235;
	color:#fff;
	border:1px solid #E94235;
	border-radius:4px;
	cursor:pointer;
	font-size:16px;
}
button:hover{
	background:#fff;
	color:#E94235;
}

p.link{
	font-size:12px !important;
	color:#E94235;
	cursor:pointer;
	margin-top:10px;
}
p.link:hover{
	color:#181818;
}

label{
	margin:10px auto 0px auto;
	display:block;
}
label p.opis{
	text-align:left;
	margin-bottom:4px;
	font-size:18px;
	display:inline-block;
	float:left;
}
label input, label select{
	width:100%;
	font-size:18px;
	padding:6px;
	border-radius:4px;
	border: 1px solid #181818;
	background:#eee;
}
label textarea{
	width:100%;
	font-size:18px;
	padding:6px;
	border-radius:4px;
	border: 1px solid #181818;
	background:#eee;
}
/*label input:focus, label textarea:focus, label select:focus{
    border-color: #871d33;
    box-shadow: 0 0 3px #871d33;
    -moz-box-shadow: 0 0 3px #871d33;
    -webkit-box-shadow: 0 0 3px #871d33;
}*/

label.error{
	text-align:left;
	font-size:12px;
	color:#E94235;
	margin:2px 0px 4px 0px;
}
input.error{
	border:1px solid #E94235;
}


/* pola */
input{
	width:100%;
	font-size:18px;
	padding:6px;
	border-radius:4px;
	border: 1px solid #181818;
	background:#eee;
}
textarea{
	width:100%;
	font-size:18px;
	padding:6px;
	border-radius:4px;
	border: 1px solid #181818;
	background:#eee;
}
select{
	width:100%;
	font-size:18px;
	padding:4px 10px;
	border-radius:4px;
	border: 1px solid #181818;
	background:#eee;
}

.logBox{
	width:100%;
	max-width:600px;
	padding:20px;
	text-align:center;
	background:#fff;
	margin:100px auto 0px auto;
	border:1px solid #ddd;
}
.logBox p{
	text-align:center;
	font-size:18px;
}
.logBox img{
	width:100%;
	max-width:200px;
	display:block;
	margin:-50px auto 40px auto;
}
.logBox .logForm{
	width:80%;
	overflow:hidden;
	margin:20px auto;
}

.information{
	width:400px;
	overflow:hidden;
	position:fixed;
	left:20px;
	bottom:-120px;
	padding:15px;
	box-shadow:rgba(6, 19, 43, 0.25) 0px 0px 3px, rgba(6, 19, 43, 0.03) 3px 3px 3px, rgba(6, 19, 43, 0.03) 3px 0px 6px, rgba(6, 19, 43, 0.04) -2px 2px 5px, rgba(6, 19, 43, 0.02) 3px 2px 5px, rgba(6, 19, 43, 0.01) 0px 2px 2px;
	border-radius:4px;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	z-index:999;
}
.information p.infoText{
	width:100%;
	margin:0px auto;
	text-align:center;
	color:#fff;
	font-size:16px;
}
.openInformation{
	transform:translateY(-140px);
}
.informationGreen{
	background: rgba(0,95,66);
	background: -moz-linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	background: linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005F42",endColorstr="#008b58",GradientType=1);
	color:#fff; 
}
.informationRed{
	background: rgba(215,36,34,1);
	background: -moz-linear-gradient(90deg, rgba(215,36,34,1) 0%, rgba(222,132,132,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(215,36,34,1) 0%, rgba(222,132,132,1) 100%);
	background: linear-gradient(90deg, rgba(215,36,34,1) 0%, rgba(222,132,132,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D72422",endColorstr="#DE8483",GradientType=1);
}
.informationGrey{
	background: rgba(68,68,68,1);
	background: -moz-linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(170,170,170,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(170,170,170,1) 100%);
	background: linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(170,170,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444",endColorstr="#aaaaaa",GradientType=1);
	color:#fff;
}


/* alert */
#poleAlert{
	width:100%;
	height:100%;
	z-index:900;
	background:rgba(233,66,53,0.5);
	position:fixed;
	top:0px;
}
#poleAlert .in{
	width:100%;
	overflow:hidden;
	position:fixed;
	top:150px;
	padding:10px 0px;
	background:#eee;
	/*background: rgba(0,95,66);
	background: -moz-linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	background: linear-gradient(90deg, rgba(0,95,66,1) 0%, rgba(0,139,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005F42",endColorstr="#008b58",GradientType=1);*/
}
#poleAlert .in .info{
	width:100%;
	max-width:1700px;
	overflow:auto;
	margin:0px auto;
	padding:10px 20px;
	color:#181818;
}
#poleAlert .in .info img{
	float:right;
	width:40px;
	cursor:pointer;
}
#poleAlert .in .info .alertTable{
	width:100%;
	max-width:1700px;
	height:400px;
	overflow-y:auto;
	overflow-x:clip;
}
#poleAlert .in .info .alertTable table tr td{
	border: 1px solid #ddd;
}
#poleAlert .in .info h1{
	font-size:24px;
	text-align:left;
}
#poleAlert .in .info p{
	font-size:14px;
	text-align:left;
	line-height:30px;
}
#poleAlert .in .info div{
	width:100%;
	overflow:hidden;
	margin:10px auto;
}

.displayBlock{display:block !important;}
.displayNone{display:none !important;}
.displayNoneNotImportant{display:none;}
.displayInline{display:inline-block !important;}

.linia{
	width:100%;
	height:1px;
	margin:30px auto 5px auto;
	border-bottom:1px solid #bcbcbc;
}

/* loader */
img.loader{
	display:block;
	margin:100px auto;
}

i{
	color:#008000;
}


/* kalendarz zadaniowy */
.kalendarzNew{
	width:100%;
	max-width:1220px;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center; 
	font-size:17px;
}	
.kalendarzNew > .fieldOne{
	width:170px;
	height:60px;
	border-radius:10px;
	margin:1px;
	padding:5px;
}
.kalendarzNew > .fieldOne.dayWeek{
	border:1px solid #bcbcbc;
}
.kalendarzNew > .fieldOne.daySo{
	border:1px solid #bcbcbc;
	background:#bcbcbc;
}
.kalendarzNew > .fieldOne.dayNi{
	/*background:#D72422;*/
	border:1px solid #f3bdbc;
	background:#f3bdbc;
	color:#fff;
}
.kalendarzNew > .fieldOne:hover,.kalendarzNew > .fieldOne.selectDay{
	border:1px solid #D72422;
	background:#D72422;
	color:#fff;
	cursor:pointer;
}
.kalendarzNew > .fieldOne > .fieldTop{
	overflow:hidden;
	height:23px;
	/*margin-bottom:15px;*/
}
.kalendarzNew > .fieldOne > .fieldTop > span.fieldLeft{
	float:left;
}
.kalendarzNew > .fieldOne > .fieldTop > span.fieldLeftround{
	width:23px;
	height:23px;
	float:left;
	color:#fff;
	background:#181818;
	border-radius:50%;
	padding-top:0px;
	text-align:center;
}
.kalendarzNew > .fieldOne > .fieldTop > span.fieldRight{
	float:right;
}
.kalendarzNew > .fieldOne > .fieldMiddle{
	overflow:hidden;
	margin:0px auto;
	text-align:center;
}
.kalendarzNew > .fieldOne > .fieldMiddle > span.fieldCenter{
	float:none;
	font-size:15px;
}


/* szybki kalendarz */
.kalendarzPole{
	width:100%;
	max-width:308px;
	height:50px;
	margin:10px auto;
}
.kalendarzPole .kalendarzLeft, .kalendarzPole .kalendarzRight{
	width:50px;
	float:left;
	font-size:40px;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	background:#eee;
	border-radius:4px;
	cursor:pointer;
	margin-top:5px;
}
.kalendarzPole .kalendarzLeft:hover, .kalendarzPole .kalendarzRight:hover{
	background:#444;
	color:#bcbcbc;
}
.kalendarzPole .kalendarzInput{
	width:100%;
	height:50px;
	max-width:200px;
	float:left;
	font-size:40px;
}
.kalendarzPole .kalendarzInput input{
	width:100%;
	height:50px;
	text-align:center;
	border-radius:4px;
	/*background:#fff;*/
	/*border:1px solid #bcbcbc;*/
	background:#eee;
	border:none;
	padding:0px;
	font-size:26px;
}
.kalendarzNewResult{
	margin-top:50px;
}

a{
	text-decoration:none;
	color:#444;
}
a:hover{
	text-decoration:none;
	color:#E94235;
}