@charset "utf-8";

p{
	margin:0px;
}

.site-font{
	color: #FFFFFF;
	font-family: open-sans, sans-serif;
}

.site-font-fiolet{
	color: #2E1F38;
	font-family: open-sans, sans-serif;
}

.site-font-standart{
	color: #000000;
	font-family: open-sans, sans-serif;
}

.font-support{
	font-size:12pt;
}

.font-lang{
	font-weight:bold;
	text-decoration: none;
}

.font-lang:hover{
	text-decoration: underline;
}

.top-image{
	cursor:pointer;
}

.font-top-menu{
	cursor:pointer;
	text-align:center;
	font-size:7pt;
	text-decoration: none !important;
}

.font-top-menu:hover{
	text-decoration: underline !important;
}

.login-input{
	font-size:9pt;
	text-align:center;
	border: 2px solid #707070;
	border-radius: 4px;
}

.font-top-login{
	font-size:10pt;
	cursor:pointer;
}

.font-top-login:hover{
	text-decoration: underline;
}

.div-circle{
	margin-top:5px;
	margin-right:5px;
	width:8px;
	height:8px;
	background-color: #00A651;
	border-radius: 50px;
}

.Dialog_table{
	margin: auto;
	margin-left: 10px;
	margin-right: 10px;
}

.Dialog_table input{
	float: left;
	padding: 0px;
	margin: 2px;
	height: 25px;
}

.Dialog_table .short_input{
	float: left;
	width: 50px;
	margin: 1px;
}

.dialogLabel{
	height:25px;
	margin:auto;
}

.dialogInput{
	border: 1px solid #EEEEEE;
	border-radius: 5px;
}

.ligums{
	position:relative;
	width:468px;
	height:500px;
	background:white;
	display:none;
	bottom:550px;
	left:150px;
	border:1px solid #1AABE1;
	border-radius:5px;
	z-index:800;
}

.ligums-main-punkt{
	text-align:center;
	font-size:14pt;
	font-weight:bold;
	margin:20px 0px;
}

.ligums-punkt{
	font-size:11pt;
	font-weight:bold;
	margin:10px 0px;
}

.ligums-subpunkt{
	font-size:10pt;
	font-weight:500;
	margin:5px 0px;
}

.label_grey{
	color:rgb(166, 166, 166);
	height:100%;
	display: inline-block;
	vertical-align: middle;
}

.input-with-border{
	border: 2px solid orange;
	border-radius: 4px;
	height:100%;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:100%;
}

.green-button{
	color:white !important;
	background:rgb(26,187,155) !important;
	border-radius:4px;
}

.red-button{
	color:white !important;
	background:red !important;
	border-radius:4px;
}

.gray-button{
	color:white !important;
	background:gray !important;
	border-radius:4px;
}

.menu-label-white{
	color:white;
	font-size:14pt;
	height:30px;
	float:left;
	text-align:center;
}

.menu-label-white:hover{
	color:orange;
	font-size:14pt;
	height:30px;
	float:left;
	text-align:center;
}

.menu-label-orange{
	color:orange;
	font-size:14pt;
	height:30px;
	float:left;
	text-align:center;
}

.table-select{
	padding:0px 0px 0px 10px;
	border: 2px solid orange;
	border-radius: 6px;
	text-align:center;
}

/*Table=================================================*/

.info-table {
    display: flex;
    flex-flow: column;
    width: 100%;
	font-size:12pt;
	border: 2px solid grey;
	word-wrap:break-word;
}
.info-table thead {
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}
.info-table tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
	overflow-x: hidden;
}
.info-table tbody tr {
    width: 100%;
}
.info-table thead, .info-table tbody tr {
    display: table;
    table-layout: fixed;
}

.info-table thead tr {
    height:60px;
}

.info-table thead tr th{
    text-align:center;
	border-left:1px solid rgb(200,200,200);
	border-bottom:1px solid rgb(200,200,200);
	color:rgb(0,145,234);
	font-weight:bold;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}

.info-table tbody tr {
    height:40px;
}

.info-table tbody td {
    text-align:center;
	border-left:1px solid rgb(200,200,200);
	border-top:1px solid rgb(200,200,200);
	border-bottom:1px solid rgb(200,200,200);
}
/*======================================================*/
.info-table-order-element{
	position:relative;
	top:0px;
	height:60px;
	width:15px;
	right:18px;
	display: table;
}

.info-table-head-title{
	height:60px;
	width:100%;
	display: table;
}
/*Radio button==========================================================*/
.dialog_radio {
    display:none;
}

.dialog_radio + label {
    color:#f2f2f2;
}

.dialog_radio + label{
    display:inline-block;
    width:19px;
    height:19px;
    vertical-align:middle;
    background:url(../img/12.png) no-repeat;
	background-size: 100%;
    cursor:pointer;
}

.dialog_radio:checked + label{
    background:url(../img/11.png) no-repeat;
	background-size: 100%;
}

.dialog_radio:disabled + label{
    opacity: 0.2;
}

/*Checkbox button==========================================================*/
.dialog_checkbox{
    display:none;
}

.dialog_checkbox + label {
    color:#f2f2f2;
}

.dialog_checkbox + label{
    display:inline-block;
    width:23px;
    height:23px;
    vertical-align:middle;
    background:url(../img/7_03.png) no-repeat;
	background-size: 100%;
    cursor:pointer;
}

.dialog_checkbox:checked + label{
    background:url(../img/ok.png) no-repeat;
	background-size: 100%;
}

/*map*/

.icon-div{
	position: absolute;
	left: -38px;
	top: -38px;
}

.icon-image{
	width:38px;
	height:38px;
}

.td-edit-class{
	text-decoration:underline;
	
}
.td-edit-class:hover{
	cursor:pointer;
	color:blue !important;
}

.cell-hover:hover{
	background:#fdc996;
}

.removeButtonClass{
	background:red !important;
	border: 0px !important;
}

.cancelButtonClass{
	background:#bdb7b7 !important;
	border: 0px !important;
}

/* fixes*/
#tabs-tabs .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0px;
}

#tabs-tabs .ui-widget-header {
    border: 0px;
    background: none;
	border-bottom:1px solid grey;
}
#tabs-tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
#tabs-tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
#tabs-tabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
#tabs-tabs .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
#tabs-tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid grey;
    background: #f0f0f0;
    font-weight: normal;
}
#tabs-tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid grey;
    background: #a7a6a6;
    font-weight: normal;
}
#tabs-tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: black;
    text-decoration: none;
}
#tabs-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: black;
    text-decoration: none;
}

#shedule-calendar .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px;
}

#shedule-calendar .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px;
}

#shedule-table table,#shedule-table th,#shedule-table td {
    border: 1px solid grey;
}

.ui-autocomplete {
   position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shedule-arrow{
	width:25px;
	height:25px;
	border-radius: 13px;
	float:right;
	cursor:pointer;
}

.shedule-arrow:hover{
	width:25px;
	height:25px;
	border-radius: 13px;
	float:right;
	cursor:pointer;
	background:#e3e3e3;
}

.table-cell{
    display: table;
    overflow: hidden;
	cursor:pointer;
	width:100%
}

.table-cell-car{
    display: table-cell;
    vertical-align: middle;
    
    
    overflow: hidden;
    
    font-size:10pt;
    color:rgb(26,187,155);
    text-align: center;
	word-wrap:break-word;
}

.table-cell-car-admin{
    display: table-cell;
    vertical-align: middle;
    
    
    overflow: hidden;
    
    font-size:8pt;
    color:rgb(26,187,155);
    text-align: center;
	word-wrap:break-word;
}

.table-cell-desc{
    display: table-cell;
    vertical-align: middle;
   
    overflow: hidden;
    
    font-size:8pt;
    color:black;
    text-align: center;
	word-wrap:break-word;
}

.table-cell-time{
    vertical-align: middle;
   
    overflow: hidden;
    
    font-size:10pt;
    color:purple;
    text-align: center;
	word-wrap:break-word;

	font-weight:bold;
}

#table-scroll 
{  
	overflow-x:scroll;  
	margin-left:70px; 
	overflow-y:visible;
	padding-bottom:1px;
}
.headcol 
{
	position:absolute; 
	width:70px; 
	left:260px;
	top:auto;
	z-index:1;
	border: 0px !important;
	color: #2E1F38;
}
.shedule-table-class th{
	border: 1px solid black;
}

/*=============================================================================*/
.login-top-div{
	width:100%;
	height:100px;
}
/*=======================================================*/
.company-select-div{
	height:30px;
	margin:5px 5% 0px 5%;
	width:90%;
	border: 1px solid silver;
	cursor:pointer;
	background-color:#f6f1f1;
}

.company-select-div-button{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:10pt;
	min-width:100px;
	margin-left:20px;
}

.company-select-div-comp-name{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	min-width:400px;
	margin-left:10px;
}

.company-select-div-comp-pvn{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	min-width:100px;
	margin-left:10px;
}

.company-select-button{
	min-width:100px;
	height:22px;
	margin:4px 10px;
}
.crop {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*=======================================================*/
.invoice-div{
	height:30px;
	margin:5px 5% 0px 5%;
	width:90%;
	border: 1px solid silver;
	cursor:pointer;
	background-color:#f6f1f1;
}
.invoice-body-div{
	margin:0px 5% 0px 5%;
	width:90%;
	display: none;
}
.invoice-taximeter-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	min-width:250px;
	margin-left:10px;
}
.invoice-discount-checkbox{
	width:18px;
	height:18px;
	float:left;
	margin:6px 5px 0px 0px;
}
.invoice-discount-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	min-width:150px;
	margin-left:0px;
}
.invoice-approved-checkbox{
	width:18px;
	height:18px;
	float:left;
	margin:6px 5px 0px 0px;
}
.invoice-approved-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	min-width:150px;
	margin-left:0px;
}
/*=======================================================*/
.car-info-div{
	min-height:30px;
	margin:0px 0px 5px 5px;
	width:99%;
	border: 1px solid silver;
	cursor:pointer;
	background-color:#f2f2f2;
	display: table;
}
.car-name-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:250px;
	margin-left:10px;
}
.car-nr-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:150px;
	margin-left:20px;
}
.car-chasis-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:220px;
	margin-left:20px;
}
.car-wheel-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:200px;
	margin-left:20px;
}
.car-edit-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:10pt;
	width:100px;
	margin-left:20px;
}
.car-edit-button{
	float:right;
	min-width:100px;
	height:22px;
	margin:4px 10px;
}

.driver-name-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:300px;
	margin-left:10px;
}

.driver-license-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:200px;
	margin-left:10px;
}

.driver-contract-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:200px;
	margin-left:10px;
}

.driver-taximeter-div{
	height:30px;
	line-height:30px;
	float:left;
	font-weight:bold;
	font-size:12pt;
	width:200px;
	margin-left:10px;
}
/*=======================================================*/
#shedule-div{
	width:100%;
	overflow:hidden;
}
#shedule-calendar{
	width:270px;
	height:100%;
	float:left;
	min-height:479px;
}
#shedule-days{
	height:100%;
	float:left;
	overflow:auto;
}
#shedule-calendar-day-select{
	width:100%;
	height:30px;
	margin-top:20px;
}
#shedule-calendar-today{
	margin-left:5px;
	margin-top:0px;
	width:243px;
	height:187px;
	background:rgb(26,187,155);
	border: 1px solid grey;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#shedule-current-day{
	color:white;
	font-weight:bold;
	font-size:54pt;
	margin:20px 0px 0px 20px;
}
#shedule-current-month{
	color:white;
	font-weight:bold;
	font-size:26pt;
	margin:0px 0px 0px 20px;
}
#shedule-calendar-datetime{
	margin-left:5px;
	width:245px;
	height:205px;
}
#import-shedule-div{
	margin-left:5px;
	width:245px;
	height:35px;
}

.control-sum-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
	word-wrap: break-word;
	display:block;
	table-layout: fixed;
}

.control-sum-table td, .control-sum-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.control-sum-table tr:nth-child(even){background-color: #f2f2f2;}

.control-sum-table tr:hover {background-color: #ddd;}

.control-sum-table thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    background-color: #93ACB5;
    color: white;
    padding-left:4px;
    padding-right:4px;
}

.control-sum-table thead,.control-sum-table tbody { display: block; }

.control-sum-table tbody {
    height: 300px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}
.control-sum-table tr{
   
}

.control-sum-table tbody td{
    padding-left:4px;
    padding-right:4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.dataTable.display tbody tr td {
    border-right: 1pt solid rgb(220,220,220);
	text-overflow: ellipsis;
	overflow: hidden;
	
}

table.dataTable.compact thead th{
	border-right: 1pt solid rgb(200,200,200);
	text-overflow: ellipsis;
	overflow: hidden;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td{
	border-right: 1pt solid rgb(200,200,200);
}

ul.ColVis_collection{
	width: 250px;
}

ul.ColVis_collection li {
	padding: 2px 5px;
}

ul.ColVis_collection li label {
	.filterMiniFont;
	height:20px;
}

ul.ColVis_collection li input {
	margin:3px 0px;
}

button.ColVis_Button{
	width:40px;
	margin:0px 20px 0px 0px;
}