@CHARSET "UTF-8";

@media screen and (max-width: 640px) {
	.login-top-div{
		width:100%;
		height:30px;
	}
	/*=======================================================*/
	.company-select-div{
		height:60px;
	}
	.company-select-div-button{
		min-width:20%;
		max-width:20%;
		margin-left:2%;
	}
	.company-select-div-comp-name{
		font-size:10pt;
		min-width:76%;
		max-width:76%;
		margin-left:2%;
	}
	.company-select-div-comp-pvn{
		font-size:10pt;
		min-width:76%;
		max-width:76%;
		margin-left:24%;
	}
	.company-select-button{
		min-width:100%;
		max-width:100%;
		height:26px;
		margin:17px 0% 0% 0%;
	}
	/*=======================================================*/
	.invoice-div{
		height:60px;
	}
	.invoice-taximeter-div{
		width:56%;
		margin-left:2%;
	}
	.invoice-discount-div{
		width:40%;
	}
	.invoice-approved-div{
		width:98%;
		margin-left:2%;
	}
	/*=======================================================*/
	.car-info-div{
		min-height:90px;
		display: table;
	}
	.car-name-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.car-nr-div{
		width:48%;
		margin:0% 0% 0% 0%;
		font-size:9pt;
	}
	.car-chasis-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.car-wheel-div{
		width:48%;
		margin:0% 0% 0% 0%;
		font-size:9pt;
	}
	.car-edit-div{
		width:97%;
		margin:0% 0% 0% 0%;
		font-size:9pt;
	}
	.car-edit-button{
		margin:4px 0px;
	}
	
	.driver-name-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-license-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-contract-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-taximeter-div{
		width:48%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	/*=======================================================*/
	.ui-autocomplete {
	    max-height: 75px;
		font-size:16pt !important;
	}
	/*=======================================================*/
	#shedule-div{
		overflow:auto;
	}
	#shedule-calendar{
		min-height:257px;
	}
	#shedule-calendar-day-select{
		margin-top:5px;
	}
	#shedule-calendar-today{	
     	height: 35px;		
	}
	#shedule-current-day{
		font-size: 20pt;
	    margin: 2px 0px 0px 10px;
	    float: left;
	}
	#shedule-current-month{
		font-size: 20pt;
	    margin: 2px 0px 0px 10px;
	    float: left;
	}
	#shedule-calendar-datetime{
		height: 185px;
	}
}

@media screen and (max-width: 480px) {
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	/*=======================================================*/
	.company-select-div{
		height:50px;
	}
	.company-select-div-button{
		height:25px;
		font-size:8pt;
	}
	.company-select-div-comp-name{
		height:25px;
		font-size:8pt;
	}
	.company-select-div-comp-pvn{
		height:25px;
		font-size:8pt;
	}
	.company-select-button{
		height:22px;
		margin:14px 0% 0% 0%;
	}
	/*=======================================================*/
	#top-panel{
		height:60px !important;
	}
	/*=======================================================*/
	.invoice-div{
		height:90px;
	}
	.invoice-taximeter-div{
		width:98%;
		margin-left:2%;
	}
	.invoice-discount-div{
		width:98%;
		margin-left:2%;
	}
	.invoice-approved-div{
		width:98%;
		margin-left:2%;
	}
	/*=======================================================*/
	.car-info-div{
		min-height:150px;
		display: table;
	}
	.car-name-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.car-nr-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.car-chasis-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.car-wheel-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	
	.driver-name-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-license-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-contract-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	.driver-taximeter-div{
		width:97%;
		margin:0% 0% 0% 3%;
		font-size:9pt;
	}
	/*=======================================================*/
	#change_company-info-div{
		width:98% !important;
	}
	#bank-account-lv-input{
		margin-left:0px !important;
	}
	/*=======================================================*/
	#shedule-calendar{
		height:257px;
		float:left;
		width:100%
	}
	#shedule-days{
		float:left;
		width:100%;
	}
}