@charset "UTF-8";
/* HTML5 */
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}
/* --- */
body {
	background: rgba(0, 0, 0, 0);
	font-family: Verdana,'Open Sans', sans-serif;
	font-size : 13px;  
	padding: 0px;
	margin: 0px;
	color: #333;
}
input, textarea {
	font-size: 1em;		
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 1px;
	padding: 3px;
}
select {
	font-size: 1em;	 
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 1px;
	padding: 2px 0px;
}	
input[type="text"]:focus, select:focus, textarea:focus {
	background: #d2ecff;
}
input[type="button"], input[type="submit"] {
	background: #fff;
	font-size: 1em;
	padding: 3px 6px;	
	border: 1px solid #ddd;
	border-radius: 3px;
}
input[type="button"]:hover, input[type="submit"]:hover {	
	border: 1px solid #ddd; 
	background: #0086e8;
	color: #fff;
}		
input[type="checkbox"] {
	margin: 2px 5px;
}
table {
	border-spacing: 0;
 /*   border-collapse: collapse;*/
}    
label {
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}	
A {
	COLOR: #333; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #333; 
	TEXT-DECORATION: underline;
}
hr { 
	border: 0; height: 1px; background: #ccc; margin:0; padding: 0;
/*	
	background: #333; 
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
*/	 
}	 
.AppPage {
	min-width: 1000px;
	width: auto;
	margin: 0px;
	/* padding: 5px; */
}
.AppMenu {
	background: #1a3e53;	
	margin: 0px; 
	padding: 0px 10px 0px 10px;
	text-align: left;		
}
.AppView {
	margin: 0 0px;
}
.AppIcon {
	/*
	margin: 4px 20px 4px 10px;
	float: left;
	height: 32px;
	*/
	margin: -18px 10px;
	height: 80px;
	position: absolute;
	z-index: 2;	
}
.AppCompany {
	background: #0086e8; 
	color: #fff;
	margin: 5px 10px;
	padding: 0px 20px;	
	font-size: 1em;
	float: right;	
	border-radius: 3px;
}
.AppTitle {
	
	color: #1a3e53;
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	padding: 5px 30px;
	
}
#AppTimer {
    float: right;
    line-height: 40px;
}
.srodek {
	margin: auto;
   	position: absolute;
   	top:0; bottom:0; /* wyrĂłwnanie w pionie */
   	left:0; right:0; /* wyrĂłwnanie w poziomie */
   	max-width: 100%;
   	max-height: 100%;
   	overflow: auto;
}
.LoginForm {	
	width: 250px;
	height: 250px;
	margin: auto;
	padding: 20px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background: #fefefe;
	color: #444;
	vertical-align: middle;
	text-align: center;
}
.LoginForm img {
	vertical-align: middle;
	width: 90px;
	margin: 15px;
}
.LoginForm .edit-label, .LoginForm .edit-data   {
	width: 100%;
	display: block;
}
.LoginForm .button   {
	width: 50%;
	display: block;
	margin: 20px auto;
}

.hmax {
	height: 100%;
}
.record-actions a {
	width: 150px;
	color: #444;
	display: block;
	padding: 5px 0;
	font-size: 0.9em;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.record-actions a:hover {
	background: #ffa851;
	text-decoration: none;
}
.edit-title {
	padding: 1px 5px;	
	text-align: center;
}
.edit-label {
	padding: 1px 5px;
	color: #505050;
}
.edit-data {
	
}
input.edit-data {
	size: 100;
}
.w300px {
	width: 300px;
}
.w400px {
	width: 400px;
}
.w500px {
	width: 500px;
}
.h50px {
	height: 50px;
}
.radio {
	margin: 1px;
	padding: 3px 2px;
	border: 1px solid #eee;
	border-radius: 3px;
	width: 400px;
}
.radio input {
	vertical-align: middle;
}
.radio label {
	margin: 5px;
	font-size: 1em;
	vertical-align: middle;
}
.ErrorMsg {
	background: #e3f1ff;
	color: #444;
	width: 80%;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	font-size: 1em;
	margin: auto;
	padding: 5px;
}
.ErrorField {
	border-color: red;
}
.msg-form {
    text-align: center;
    background: #fff4f4;    
}
.msg-active {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.del-ask {
	padding: 30px;
	text-align: center;
	font-weight: bold;
}
.del-table {
	width: 80%;
	margin: auto;
}
.del-table td {
	padding: 3px;
	border: 1px solid #ddd;
}
.sign {
	float: right;
	padding: 0;
	margin: 0;
}
.fldNumber {
	text-align: right;
}	
.rap-form {
	font-family: Calibri, Verdana;
	font-size: 12px;	
	width: 90%;
	margin: auto;
	margin-top: 100px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;	
	border-radius: 4px;
}
.rap-form input, .rap-form select {
	font-size: 1em;	
}
.rf-title{
	background: #eee;
	font-size: 1.1em;
	text-align: center;
	margin: 5px;
	padding: 5px;	
}
.rf-button {
	background: #eee;
	text-align: center;
	margin: 5px;
	padding: 5px;
}
.rf-label {
	text-align: right;
	padding: 5px 10px;	
}
.rf-data {
	padding: 5px;
}
.readonly{
	background: #f6f6f6;
}
.tbold {
	font-weight: bold;
}
.tleft {
	text-align: left;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}
.rec-menu a {
	text-decoration: none;
	display: block;
	padding: 5px 8px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.rec-menu a:hover {
	background: #0086e8; 
	color: #fff;
}
.lista300 {
	height: 300px;
	display: block;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #eee;
	padding: 5px;
}
.lista500 {
	height: 500px;
	display: block;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #eee;
	padding: 5px;
}
.par-box {
	width: 1000px;
	display: block;	
	margin: auto;
	margin-top: 20px;
	border: 1px solid #eee;
	line-height: 2.2em;
	padding: 5px;
}
.par-box label {
	margin: 0 5px;
	width: 150px;
}
.par-title {
	text-align: center;
	border-bottom: 1px solid #eee;
}
.par-button {
	text-align: center;
	border-top: 1px solid #eee;
}
.par-button input {
	margin: 5px;
	padding: 5px;
	width: 150px;
}

.AppSync {
	position: absolute;
	z-index: 1001;
	width: 50%;	
	top: 50%;	
	visibility: hidden;	
}
.AppSync img {
	float: right;
	width: 50px;
}
.color00 {
	background: #ffffff;
}
.color01 {
	background: #ffffa2;
}
.color02 {
	background: #80ff80;
}
.color03 {
	background: #e4e4e4;
}
.color04 {
	background: #fdb67c;
}
.color05 {
	background: #c9f0f9;
}
.septop {

}
#AppMsg {
	background: #ffffe1;
	text-align: center;
}
.printview {
	display: flex;
	width: 100%;
	height: 80%;
	border: 1px solid #ddd;
	background: #f6f6f6;
}
.h100p{ height: 100%;}