/************************************ spinner **************************/

.spinner {
	display: none;
  margin-top: -10px ;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
background-color: #003380;	
  
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


* {
	margin: 0;
	padding: 0;
}

input, select, textarea
{
	border: 1px solid #cccccc ; 
	font-size: 12px;

}

.long-select {
	width: 430px;
}

.long-select-2 {
	width: 907px;
	font-size: 15px;

}

.main-form{
	float: left;
	display: block;
	padding: 3px;
	cursor: pointer;
	margin-right: 3px;
}

.view-table-full
{
	
	float: left;

	margin-top: 5px;
	padding: 5px;
	
}

.send-e
{
	font-size: 8px;
	color: green;
	font-weight: bold;
	text-align: center;
	
	
}

.select-costs
{
	width: 100px;
	
}
.inputx{
	float: left;
	width: 80px;
	margin-right: 4px;
}
.datex
{
	float: left;
	width: 80px;
}

.delete-long {
	width: 350px;
}
body {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #fff;
	background: url('../images/bg.png') top center repeat-x;

}


#pilotlogo
{
	display: block;
	position: absolute;
	margin-left: -126px;
	margin-top: 8px;
	background: url('../images/logopilot3.png') top left no-repeat;
	width: 116px;
	height: 23px;
}

#pilotlogo:hover
{
	background: url('../images/logopilot3.png') 0px -28px no-repeat;
	height: 113px;
}

#main-page {
	width: 1210px;
	margin: 0 auto;


}

#main-page-client {
	width: 762px;
	margin: 0 auto;


}

#login
{
	margin-top: 100px;
	text-align: center;
}

#header {
	float: left;
	width: 1200px;
	
}

#page
{
	width: 1200px;
}

#select-company
{
	float:left;
	margin-top:8px;
	margin-left:25px;
	background-color: #808080;
    border-radius: 4px 4px 4px 4px;
  
}

#menu {
	float: left;
	
	margin-top:0px;
}

#select-view-main
{
	float:right;
	margin-top: -15px;
	margin-right: 10px;
}
#select-owen
{
	float: right;
	margin-top: -3px;
}

#select-owen a
{
	display: block;
	float: left;
	
}

.machine-history-stuff
{
	width: 912px;
	float: right;
	margin-top: 5px;
	background-color: #fff4e3;
	padding: 5px;
	border: 1px dashed #ffbc5b;
}

#client-table-base
{
	width: 910px;
}



.machine-history-stuff-big
{
	width: 1420px;
	float: left;
	margin-top: 5px;
	background-color: #fff4e3;
	padding: 5px;
	border: 1px dashed #ffbc5b;

}



.machine-history-stuff-big a
{
	text-decoration: none;
}

#menu li {
	font-size: 14px;
	color: #fff;
	display: inline;
}

.menu-button-current {
	
	display: block;
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	height: 38px;
	padding-top: 8px;
	text-decoration: none;
	font-size: 14px;
	color: #4d4d4d;
	background: url('../images/icon_page.png') repeat-x;
}

.menu-button {
	display: block;
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	height: 38px;
	padding-top: 8px;
	text-decoration: none;
	font-size: 14px;
	color: #4d4d4d;
	

}

#person
{
	float:right;
	border: 1px soldi black;
	margin-top: 8px;
	_margin: 3px;
}
#user-info
{
	float: right;
	text-align: right;
	margin-right: 20px;
	font-size: 14px;
}

.small
{
	font-size: 11px;
}


#left-side-card
{
	float:left;
	width: 250px;
	padding: 2px;
	
}

.pdf-biling
{
	display: block;
	float: left;
	margin-left: 6px;
	margin-top: 2px;
}

.link-file
{
	border: 0px;
	
}

.link-file img
{
	border: 0px;
}

#right-side-card-big
{
	float:left;
	width: 1180px;
	padding: 10px;
	margin-top: 0px;
	text-align: right;
	background-color: #ffe4bc;
}


#right-side-card
{
	float:right;
	width: 926px;
	padding:10px;
	margin-top: 0px;
	text-align: right;
	background-color: #ffe4bc;
	min-height: 500px;
}


#left-side
{
	float:left;
	width: 180px;
	padding: 10px 0px 10px 10px;
	border-right: 1px solid #f0f0f0; 
}

.view-left
{
	display: block;
	padding: 5px 5px 5px 5px; 
	font-size: 15px;
	color: #666666;
	text-decoration: none;
}

.view-left:hover
{
	background: #f0f0f0; 
}



#right-side
{
	float:right;
	width: 910px;
	padding:10px;
	margin-top: 0px;
	text-align: right;
	min-height: 600px;
	background-color: #ffe4bc;
	
}

#right-side-x
{
	float:right;
	width: 980px;
	padding:10px;
	margin-top: 0px;
	text-align: right;
	min-height: 600px;
	text-align: left;
	border-left: 1px solid #f0f0f0; 
}

.page-h2
{
	float: left;
	font-size: 20px;
	margin-left: 10px;
	margin-top: 15px;
	width: 100%;
	margin-bottom: 20px;
}


.row{
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}

.row-right{
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}

.row-full{
	float: left;
	width: 100%;
	margin-left: 10px;
	margin-top: 2px;
}


.row-up{
	width: 100%;
	float: left;
	margin: 5px;
	padding: 5px 0px 5px 0px;
	background: #f0f0f0;
}

.row-up-cool
{
	width: 100%;
	float: left;
	margin: 5px;
	padding: 5px 0px 5px 0px;
	background: #fffbef;
	border: 1px dashed #0f0f0f;
	
}

#table-right
{
	float:right;
	width: 600px;
}

#table-right-d
{
	float:right;
	padding: 8px;
	margin-right: 10px;
	margin-top: 5px;
	background-color: #fff4bc;
}

#table-middle
{
	float: right;
	margin-top: 5px;
	padding: 8px;
	text-align: left;
	margin-right: 25px;
	background-color: #fff4bc;
	width: 290px;
	
}

#table-left
{
	float: left;
margin-top: 5px;
	padding: 8px;
	text-align: left;
	margin-left: 10px;
	background-color: #fff4bc;
}



#table-note
{
	float:right;
}

.total-2
{
	color: #000;	
	background: #fff;

}

.total-2-ok
{
	color: #000;	
	background: #fff;

}

.total-2-alert
{
	color: #000;	
	background: red;

}

.title-company-a
{
	color: #000;
	text-decoration: underline;
}

.total-name-jedna
{
		
	background: #fff;
}
.total-name-dva
{
		
	background: #f2f2f2;
}

.total-name-biling 
{
	background-color: #d7f4d7;
	font-weight: bold;
	color: #000;
	text-align: right;
}


.report-clients-name-jedna
{
	background-color: #fff;
}

.report-clients-name-jedna
{
	background-color: #fff;
}

.report-clients-name-dva
{
	background-color: #f2f2f2;
}

.tr-title-total
{
	background-color: #cccccc;
	font-size: 15px;
	font-size: bold;
}

.table-right
{
	float:right;
	width: 300px;
	
}

.table-right-2
{
	float:right;
	width: 700px;
	
}

#edit-bill
{
	float: left;
	background: #fff;
	width: 1150px;
	margin-top: -12px;
	padding: 10px;
	margin-bottom: 35px;
	padding-bottom: 0px;
}


#edit-bill-base
{
	float: left;
	width: 400px;
	
	font-size: 12px;
	text-align: left;
}

#edit-bill-base input
{
	border: 1px solid #ccc;
	font-size: 12px;
}

#edit-bill-base-basket
{
	float: left;
	
	margin-top: 10px;

	font-size: 11px;
	text-align: left;
	margin-bottom: 5px;
}


.edit-bill-product
{
	width: 800px;
	border:  1px solid #ccc;
	font-size: 11px;
}
.edit-bill-vat
{
	width: 60px;
	font-size: 11px;
	border:  1px solid #ccc;
}

.edit-bill-quantity
{
	width: 60px;
	border:  1px solid #ccc;
	font-size: 11px;
}

.edit-bill-price
{
	width: 110px;
	border:  1px solid #ccc;
	font-size: 11px;
}

.clients-d
{
	font-size: 11px;
	text-align: left;
}

.save-bill
{
	cursor:pointer;
	font-size: 13px;
	

}

.fa-select
{
	
	width: 250px;
	margin-right: 10px;
}

.td-left{
	width: 100px;
	
}
#createbill
{
	float: left;
	margin-top: 0px;
	padding: 3px;
	cursor: pointer;
	margin-left: 5px;
}


#s3money
{
	float: right;
	margin-top: 0px;
	padding: 3px;
	cursor: pointer;
	
}

#editor
{
	float: right;
	margin-top: -20px;
	margin-left: 10px;
	padding: 3px;
}
#biling-total-survay
{
	float: left;
	width: 100%;
	background-color: #ccc;
	font-size: 14px;
	text-align: left;
}

#edit-biling-note
{
	float: left;
	width: 700px;
	text-align: right;
	font-weight: bold;
}

#biling-total-survay td
{
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

.note-biling-list
{
	float: left;
	margin-top: 3px;
	padding-left: 3px;
	width: 300px;
	color: red;
	text-align: left;
}


.total-price
{
	display: block;
	margin-left: 3px;
	font-size: 12px;
	font-weight: bold;
	
}

.total-price-x
{
	display: block;
	margin-left: 3px;
	font-size: 12px;
	font-weight: bold;
	
}

.clients-d-jedna
{
	font-size: 11px;
	text-align: left;
	background-color: #e6e6e6;
}

.inserted-at
{
	margin-top: 5px;
	font-size: 10px;
	color: orange;
	float: right;
}


.clients-d-dva
{
	font-size: 11px;
	text-align: left;
	background-color: #fff5cd;
}



.main-tr-jedna
{
 background-color: #e6e6e6;
 text-align: left;
 
}


.left-td-machine
{
	font-size: 10px;
	
}

.main-tr-dva
{
	background-color: #fff5cd;
	text-align: left;
	
}

.billing-left-c
{
	width: 100px;
	font-size: 11px;
}
.billing-left-2
{
	width: 90px;
	font-size: 11px;
	text-align: right;
	padding-right: 2px;
}

.billing-left-t
{
	background-color: #ccc;
	font-weight: bold;
	font-size: 12px;
}

.report-vdc
{
	float:left;
	margin:0;
	background-color: #c8ffc8;
text-align:left;
	font-size:11px;
	width: 100px;
	height: 35px;
}

.report-usr
{
	text-align:left;
	font-size:11px;
	float:left;
	width: 100px;
	background-color: #ffff00;
	height: 35px;
	
}

.report-error
{
	float:left;
	width: 100px;
	background-color: #ff2a2a;
	text-align:left;
	font-size:11px;
	color:#fff;
	height: 35px;
}

.report-no-pay
{
	float:left;
	text-align:center;
	font-size:11px;
	width: 100px;
	padding-top: 10px;
	background-color: #fff;
	color: #ccc;
	height: 25px;

}
.fa-out
{
	float: right;
	background-color: #D7F4D7;
	width: 100px;
	text-align: right;
	font-weight: bold;
	color: #000;
}

.report-fa-ready-2
{
	color: #008000;
	text-align: right;
	background-color: #fff;
	font-weight: bold;
	width: 100px;
	
}
.report-pre-start
{
	float:left;
	text-align:center;
	font-size:11px;
	width: 100px;
	padding-top: 10px;
	background-color: #fff;
	color: #ffb380;
	height: 25px;

}

.report-no-pay-2
{
	float:left;
	width: 120px;
	background-color: #fff;
	color: #ccc;
	text-align: center;


}

.report-not-working
{
	float:left;
	text-align:center;
	font-size:11px;
	width: 100px;
	padding-top: 10px;
	background-color: #ccc;
	color: #fff;
	height: 25px;

}

.left-b
{
	float: left;
}

.left
{
	text-align: left;
}

.date-h
{
	width: 100px;
}

#date
{
	font-size: 11px;
	width: 80px;
}

.client-view-price
{
	float:left;
	width: 100%;
}
.biling-t
{
	float: left;
}

.biling
{
	
}

.cost-main
{
	width: 100px;
}

.report-not-working-2
{
	float:left;
	width: 140px;
	background-color: #ccc;
	text-align: center;
	color: #fff;
}

.report-quat
{
	float:left;
	text-align:left;
	font-size:11px;
	width: 100px;
	background-color: #87aade;
	color:#fff;
	height: 35px;
}

.report-year
{
	float:left;
	text-align:left;
	font-size:11px;
	width: 100px;
	background-color: #ff9955;
	color:#fff;
	height: 35px;
}


.biling-client-submit
{
	float: left;
	width: 80px;
	margin-left: 10px;
background: none repeat scroll 0 0 #003380;
    border: 1px solid #004BBA;
    color: #FFFFFF;
	text-align : center;

}
.report-finish
{
	
	float:left;
	margin:0;
	background-color: #fff;
	border: 1px solid #b0ffb0;
	color: #008000;
	height: 34px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 100px;
}
.idbill
{
	
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}

.report-vdc-2
{
	float:left;
	margin:0;
	background-color: #c8ffc8;

	width: 140px;
}

.report-usr-2
{
	float:left;
	width: 140px;
	background-color: #ffff00;
	
}

.report-error-2
{
	float:left;
	width: 140px;
	background-color: #ff2a2a;
	color:#fff;
}

.report-quat-2
{
	float:left;
	width: 140px;
	background-color: #87aade;
	color:#fff;
}

.report-year-2
{
	float:left;
	width: 140px;
	background-color: #ff9955;
	color:#fff;
}

.inner-client-div
{
	float:left;
	width: 400px;
}

#machine-info
{
	width:691px;
	float:right;
}

#machine-info2
{
	width:695px;
	float:right;
}


.list-agreement-active
{
	border-left: 8px solid green;
	float: left;
	margin-bottom: 5px;
	background: #d7f4e3;
	padding-left: 5px;
}

.list-agreement-pasive
{
	float: left;
	border-left: 8px solid red;
	background: #ffd5d5;
	padding-left: 5px;
	margin-bottom: 3px;
}


.x-active
{
	background: #d7f4e3;
}

.x-pasive
{
	background: #ffd5d5;
}

.history-m-active
{
	border-left: 8px solid green;
	background: #d7f4e3;
	width: 200px;
	text-align: left;
	padding-left: 3px;
	
}

.history-m-pasive
{
	border-left: 8px solid red;
	background: #ffd5d5;
	width: 200px;
	text-align: left;
	padding-left: 3px;
}

.cost-normal
{
	width: 90px;
}

.cost-normal-2
{
	width: 40px;
}

.cost-name
{
	width: 410px;
}


.cost-normal-p
{
	width: 110px;
}

#machine-info-photo
{
	float:left;
	height: 130px;
	width: 210px;
}

#b-view-costs
{
	float: left;
	margin-top: 7px;
	margin-left: 45px;

}

#view-cost
{
	
}

#table-history
{
	float: right;
	width: 910px;
	background-color: #fff4e3;
}

#table-history-2
{
	float: right;
	width: 900px;
	background-color: #fff4e3;
}

.big
{
	font-weight: bold;
}

.big-h1
{
	font-size: 15px;
	font-weight: bold;
}

.big-h1-2
{
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 3px;
}


#table-history input
{
	width: 65px;
}

#table-cost
{
	float: right;
	width: 910px;
	background-color: #fff4e3;
}

.mcePrefix
{
	width: 895px;
	height: 150px;
}

.input-long-red
{
	width: 100px;
	background: red;
	color: #fff;
}

.input-short
{
	float: left;
	width: 130px;
	padding: 2px;
	
}

.btn-basic
{
 	background: none repeat scroll 0 0 #003380;
    border: 1px solid #004BBA;
    color: #FFFFFF;
    float: left;
    height: 24px;
    margin-left: 3px;
    padding: 3px 13px 6px;
}

.select-long-x
{
	width: 960px;
	padding: 2px;
	font-size: 14px;
}

.select-ok
{
	background: #C8FFC8;
	font-weight: bold;
	
}

.select-red
{
	background: red;
	color: #fff;
}

.billing-ok
{
	float:right;
	background: #C8FFC8;
	font-size: 10px;
	margin: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.billing-late
{
	float: right;
	background: red;
	font-size: 10px;
	margin: 1px;
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	
}
.input-long-ok
{
	width: 100px;
	background: #C8FFC8;
}


.input-long
{
	width: 250px;
}
.classic-btn
{
	width: 250px;
	height: 45px;
	font-size: 14px;
	margin-left: 5px;
	  background: none repeat scroll 0 0 #003380;
    border: 1px solid #004BBA;
    color: #FFFFFF;
	
}


.classic-btn-delete
{
	width: 100px;
	height: 23px;
	font-size: 14px;
	margin-top:10px;
	float: right;
	margin-left: 5px;
	 background: none repeat scroll 0 0 red;
    border: 1px solid #004BBA;
    color: #FFFFFF;
	
}
.basic-select
{
	width: 755px;
	font-size: 13px;
	padding: 2px;
}

.basic-select-2
{
	width: 150px;
}

.td-title
{
	font-weight: bolder;
}

.td-title
{
	font-weight: bolder;
}

.td-title-b
{
	font-weight: bolder;
	background-color: #ccc;
	width: 260px;
}

.td-title-b3
{
	font-weight: bolder;
	background-color: #ccc;
	width: 410px;
}

.td-title-b4
{
	font-weight: bolder;
	background-color: #ccc;
	width: 180px;
}

.td-title-b2
{
	font-weight: bolder;
	background-color: #ccc;
	width: 420px;
	text-align: left;
}
.td-title-b2-big
{
	font-weight: bolder;
	background-color: #ccc;
	width: 420px;
	text-align: left;
	vertical-align: top;
}

#table-evidence
{
	float: left;
	width: 100%;
}


.td-title-b1
{
	font-weight: bolder;
	background-color: #ccc;
	width: 60px;
}


.td-title-b1-2
{
	font-weight: bolder;
	background-color: #ccc;
	width: 60px;
}

.td-title-b1-big
{
	font-weight: bolder;
	background-color: #ccc;
	width: 500px;
}

.tr-big-jedna { background-color: #fff;}



.csv-upload
{
	float:right;
	width: 700px;
}

#table-biling-main
{
	float: left;
	width: 100%;
	background-color: #fff;
	margin-top: -12px;
}


.td-billing-jedna
{
	background-color: #FFF4E3;
}


#biling-ul
{
	float: left;
	padding: 0px;
	margin-bottom: 8px;
}

#biling-ul li
{
	display: inline;
	float: left;

}

#biling-ul a
{
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	font-size: 12px;
}

.a-selected-on
{
	background-color: #FFF;	
	height: 20px;
}

.a-selected-off
{
background-color: #FFF4E3;	
}

/****************** cliernts ****************/

#user-info-client
{
	width: 762px;
	height: 155px;
	background: #fff url(../images/bgHeader.gif) no-repeat;

}

#title-canon
{
	margin-top: 20px;
	margin-left: 20px;
	width: 762px;
	height: 20px;
	background: url(../images/canon000.gif) no-repeat;
	float:left;
}

#title-client
{
	margin-top: 40px;
	margin-left: 20px;
	float:left;
	color: #fff;
}

#menu-client
{
	float: right;
	margin-top: 93px;
	

}

.greenmenu {
	right:0;
	display: inline;
}

.greenmenu li {
	
	display: inline;
}

.greenli a{
	background: url(../images/bgMenuGr.gif) no-repeat;
	width:74px;
	height:25px;
	color:#fff;
	font-weight:bold;
	display: block;
	float:left;
	text-align: center;
	text-decoration: none;
}
.greenmenu li a:hover {
	color:#C0EDC1;
}


.orangeli a {
	background:url("../images/bgMenuOr.gif") no-repeat;
	color:#fff;
	display: block;
	width:74px;
	height:25px;
	float:left;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
}

#main-client
{
	width: 752px;
	background-color: #EFF7FB;
	margin-top: 5px;
	border: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 5px;
	float: left;

}

.big-h1-c
{
	font-size: 14px;
	font-weight: bold;
}

.big-h2-c
{
	font-size: 13px;
	font-weight: bold;
}

.client-machine
{
	width: 750px;	
	float:left;
	border: 1px dotted #ccc;
	margin-top: 5px;
	background-color: #fff;
}

.client-machine-info
{
	float:left;
	width: 200px;
	padding-left: 5px;
	font-size: 13px;
}

.client-machine-status
{
	float:left;
	width: 540px;
}

.client-machine-status table
{
	margin-left: 20px;
	margin-top: 10px;

}
.machine-info-photo-cl
{
	width: 180px;
	height: 125px;
}

.td-normal-client-m
{
	width: 100px;
}

.td-normal-client
{

}
.td-normal-client input
{
	width: 70px;
}

.big-t2
{
	font-weight: bold;
	font-size: 13px;
}

.succes
{
	color: #fff;
	background-color: green;
}

#view-type-machine
{
	float:left;
	
}

.bill-m
{
	display: block;
	
}

.error-control
{
	color: #fff;
	background-color: red;
}

.span-left
{
	display: block;
	float: left;
	border: 1 solid blue;
}



.span-right
{
	display: block;
	float: right;
	border: 1 solid red;
}

.base-text-h
{
	float:left;
	width: 687px;
	
}


.base-text-h2
{
	float:left;
	width: 690px;
	
}


.light
{
	background-color: #ffe4bc;
}

.s3
{
	font-weight: bold;

}

.company-light
{
	background-color: #e9e9e9;
}

.button-submit
{
	display: block;
	float: right;
	width: 55px;
	color: #000;
	height: 17px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	text-align: center;
	text-decoration: none;
	
}