@import url(https://fonts.googleapis.com/css?family=Lilita+One);

.opel_form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0 auto;
}

.opel_form.w_100{
	width: auto;
}

.opel_form label{
	display: inline-block;
	zom: 1;
	*display: inline;
	width: 230px;
}

.opel_form input{
	height: 22px;
	padding: 5px;
	width: 328px;
	border: 1px solid #898888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 7px 0 7px 15px;
}

.opel_form input[type='checkbox'], .opel_form input[type='radio']{
	width: auto;
	vertical-align: middle;
}

.opel_table{
	border: 1px solid #8c8b8b;
	border-collapse: collapse;
}

.opel_table th, .opel_table td {
	padding: 3px 7px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	border: 1px solid #8c8b8b;
	word-break: break-word;
}

.thead th{
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #ff6e00;
	background-image: -moz-linear-gradient(top,#ff4c00,#ffa100);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff4c00),to(#ffa100));
	background-image: -webkit-linear-gradient(top,#ff4c00,#ffa100);
	background-image: -o-linear-gradient(top,#ff4c00,#ffa100);
	background-image: linear-gradient(to bottom,#ff4c00,#ffa100);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4c00', endColorstr='#ffffa100', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.wrap-table {
	border-color: #555;
}

.wrap-table td, .wrap-table th{
	border: 1px solid #bbb;
}

.opel_table th{
	background: #e2e2e2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #d5d5d5 53%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(53%,#d5d5d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#d5d5d5 53%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#d5d5d5 53%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#d5d5d5 53%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#d5d5d5 53%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#cabinet_grid{
	text-align: center;
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #505050;
	font-weight: bold;
}

#cabinet_grid li{
	background: none;
	display: inline-block;
	width: 175px;
	vertical-align: top;
	padding: 0;
	margin: 0 30px 50px 30px;
	background: url(../i/gray-icons.png) no-repeat;
}

#cabinet_grid li a, #cabinet_grid li span{
	display: block;
	padding-top: 70px;
	color: inherit;
}

#cabinet_grid li:hover{
	background-image: url(../i/color-icons.png);
	color: #f9b432;
}

#cabinet_grid li.repair_cost {
	background-position: 60px 0px;
}

#cabinet_grid li.to_cost {
	background-position: -160px 0px;
}

#cabinet_grid li.spares_cost {
	background-position: -395px 0px;
}

#cabinet_grid li.profile {
	background-position: 60px -135px;
}

#cabinet_grid li.ask{
	background-position: -160px -135px;
}

#cabinet_grid li.reccomends{
	background-position: -395px -135px;
}

#cabinet_grid li.repair{
	background-position: 60px -290px;
}

#cabinet_grid li.purchase{
	background-position: -160px -290px;
}

#cabinet_grid li.complaint{
	background-position: -395px -290px;
}

.rating_td{
	width: 270px;
	text-align: left;
}
.rating_td > div{
	margin: 0 0 5px 0;
}

.rating_td label{
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 155px;
	margin: 0;
	font-size: 12px;
	vertical-align:middle;
	text-align: right;
	line-height: 1.1;
	margin-right: 10px
}

.rating_td span{
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height: 1;
}

.rating_td .mess{
	position: absolute;
	color: #3C3;
	font-weight: bold;
	width: 200px;
	margin: -20px 0 0 -30px;
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #3C3;
}

button.btn-round-5, a.btn-round-5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

button.btn-round-10, a.btn-round-10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.btn-round-5{
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

.btn-round-10{
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

.btn-group-yesno label{
	margin-top: 0;
}

label.inline{
	display: inline-block;
}

#raty-notice textarea, #set-rating-dialog textarea{
	margin: 0 auto 10px;
	max-width: 355px;
	width: 100%;
	resize: none;
}

#set-rating-dialog label{
	width: 165px;
    font-size: 12px;
}

.do.view_work{
	width: 100%;
}

.top-button-block{
	margin: 15px 0;
}

#all-works{
	margin-bottom: 15px;
}

#all-works label input[type='text']{
	margin-bottom: 0;
}

.btn-fl-right{
	float: right;
}

.summ_info{
	text-align: right;
	font-size: 16px;
	padding: 15px 0;
}

.summ_info .orage{
	color: #be381e;
}

.alertify-log a{
	color: #ffffff;
	font-weight: bold;
}

.alertify-log a:hover{
	color: #ffffff;
}

.icon-red, .red-icon{
	color: #FF0004;
}

.hidden-row{
	display: none;
}

.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media screen and (max-width: 992px) {
	.executors_wrap .executor{
		left: 16px !important;
	}
	#winda_close, #winda_overall_close {
		right: 6px !important;
	}
}
.img-thumbnail {
display: inline-block;
width: 100% \9;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
} 

#purchase_nav{
	margin-top: 22px;
}

#purchase_nav{
	text-align: center;
}

#purchase_nav li{
	display: inline-block;
}

#purchase_nav li.active a{
	background: #f8b333;
}

#purchase_nav li a{
	border: 1px solid #f8b333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.executors_wrap{
	text-align: center;
	position: relative;
}

.executors_wrap .executor{
	display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 0 5px 5px;
    background: #e1e3ec;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    vertical-align: top;
}

.executors_wrap .executor .image{
	display: inline-block;
	width: 65px;
	margin-right: 5px;
	vertical-align: top;
}

.executors_wrap .executor .info{
	display: inline-block;
	width: 140px;
}

.executors_wrap .executor .photo{
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}


.executors_wrap .executor .position{
	font-size: 12px;
	margin-bottom: 5px;
}

.executors_rate_wrap{
	display: none;
	padding: 10px;
	border: 1px solid #f8b333;
	margin: 10px 0;
	position: relative;
}

.executor.fly{
	position: absolute;
}

.executors_rate_wrap #comment_text{
	margin-bottom: 10px;
}

#personal_raty_block{
	margin: 0 0 5px 0;
	float: left;
}

#personal_raty_block label{
	width: 160px;
}

.fc-panel div, .fc-panel ul, .fc-panel li, .fc-panel span, .fc-panel img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	max-width: none;
	text-align: center;
}


.fc-panel .fc-digitUnit, .fc-panel .fc-colon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom:1;
	*display: inline;
	overflow: hidden;
	font-family: 'Lilita One', sans-serif;/* The font for the digit, check out google webfonts for more cool fonts */
	color: #000;/* Set here the color of the font */
}

.fc-panel .fc-captions {
	margin-top:10px; /* Set here the offset between units and the captions */
	font-family: Myriad Pro, sans-serif; /* The font for the captions */
	font-size: 22px; /* Set here the size of the captions */
	color: #000000; /* Set here the color of the captions */
	display: block;
	text-align: center;
}

.fc-panel .fc-width {
    width: 20px;
}

.fc-panel .fc-height {
    height: 28px;
    line-height: 28px;
}

.fc-panel .fc-colon-width {
	width: 20px; /* The width for the colon */
}

.fc-panel .fc-font {
    font-size: 20px;
}

.fc-panel .fc-digit-offset {
	top: 30px; /* The top offset between the digits, in previous versions it was the topDigitOffset option */
	bottom: 30px; /* The bottom offset between the digits, in previous versions it was the bottomDigitOffset option */
}



/* Do not change anything from here! */

.fc-panel {
	zoom: 1; 
	width: 142px;
    margin: 0 auto;
	border: 1px solid #000;
	/*border-right: 1px solid #000;*/
}

.fc-panel:before, .fc-panel:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fc-panel:after { clear: both; }

.fc-panel > div {
	float: left;
}

.fc-panel ul.fc-digits {
	margin: 0px;
	padding: 0px;
	list-style: none;		
}

.fc-panel ul.fc-digits li {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
}

.fc-panel .fc-digitOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fc-panel .fc-colon > div {
	text-align: center;
}

.fc-panel-meta{
	width: 147px;
	/*height: 45px;*/
    margin: 0 auto;
	display:inline-block;
}

.km-line{
	width: 121px;
	float: left;
	text-align: center;
	margin-top: 5px;
}

.km-line .line{
	display: block;
	border-left: 2px solid #000 !important;
	border-right: 2px solid #000 !important;
	border-bottom: 3px solid #000 !important;
	height: 7px;
}

.km-line .text{
	padding: 0 3px;
    display: inline-block;
    background: #fff;
    position: relative;
    top: -12px;
	font-size: 12px;
}

.m-line{
	width: 25px;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: 1px;
}

.m-line .line{
	display: block;
	border-left: 2px solid #000 !important;
	border-right: 2px solid #000 !important;
	border-bottom: 3px solid #000 !important;
	height: 7px;
}

.m-line .text{
	padding: 0 3px;
    display: inline-block;
    background: #fff;
    position: relative;
    top: -12px;
	font-size: 12px;
}

.iblok{
	display: block;
}

.text-right{
	text-align: right;
}

.repair_recs{
	padding: 0 10px 10px;
	border: 2px solid #f8b333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.repair_recs h4{
	background: #f8b333;
	color: #ffffff;
	margin: 0 -10px 10px;
	padding: 10px;
	font-weight: bold;
}

#mobile_info_menu{
	display: none;
}

#mobile_info_menu .dropdown-menu.pull-right{
	width: auto;
}

.history-work-repair .st-key, .repair_get_by_date_works .st-key, .purchase_intable_class .st-key, .reminder-table .st-key{
	width: 10%;
}

.purchase_intable_class td{
	padding: 10px !important;
}

@media screen and (max-width: 600px){	
	.executor.fly {
    	position: relative !important;
	}
	#mobile_info_menu{
		display: block;
	}
	a.repair_all_works, a.excel-link, a.purchase_all_products{
		display: none;
	}
}

@media screen and (max-height: 599px){
	#winda_cont #winda_wrap, #winda_cont_overall #winda_wrap {
		max-height: 540px !important;
	}
}

@media screen and (max-width: 400px){
#personal_raty_block label {
	width: 120px !important;
}
}
