@charset "utf-8";
/* CSS Document */
* {
    font-size: 1em;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}
h1, h2, h3, h4, h5 {
    line-height: normal;
    font-weight: normal;
}
form, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
a {
    color: #1797b2;
    text-decoration: underline;
    outline: none;
}
a:hover { text-decoration: none;}
input, textarea, select {outline: none;}
body {
    background: #a8d2e5 url("../images/pagebg.png") repeat-x 50% 0px;
    color: #1f282c;
    word-wrap: break-word;
    font-size: 0.70em;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}
.pagebg {
    text-align: center;
    background: #05151c url("../images/pagebg.jpg") no-repeat 50% 0;
}
p {
    padding: 0;
    margin: 0;
    margin-bottom: 0.4em;
}
.clr {clear: both;}
a img  {border: 0 none;}
hr {
    border: 0 none;
    border-top: 1px solid #cfcfcf;
    height: 1px;
}
ul {
    list-style-position:inside;
    list-style-image:none;
	padding:0;
	margin:0;
}
ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 2.2em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.reset, .reset li, #pager ul, #pager ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clr {clear: both;}
.thide, .htmenu span {
    overflow: hidden;
    display: block;
    height: 0;
    line-height: normal;
}
table.userstop, table.pm, table.tableform, table.calendar {
    border-collapse: collapse;
    border-spacing: 0;
}
.lcol, .rcol, form {isplay: inline;}
.lcol {float: left;}
.rcol {float: right;}
.small {font-size: 0.9em;}
.headlinks ul li a, .menubar ul a, .lmenu li a, #topmenu a, #popular ul li a, .navigation a, .argmore a, .addcombtn, .reply a {
    text-decoration: none !important;
}
.btn_reglog, .radial, .fbutton, .headlinks ul a, #loading-layer, .navigation a, #dropmenudiv {
    -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}
.wrapper {
    width: 990px;
    text-align: left;
    margin: 0 auto;
    padding:20px 0;
}

.wrapper > .maincont {
    border-radius: 12px ;
    -moz-border-radius:12px;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
    overflow:hidden;
}
.wdmid {
    width: 100%;
    background: #edece8 url("../images/wdmid.png") repeat-x 0 0;
}
.container {
    padding: 0 6px 6px;
    margin:0;
}
.container.cpd {
    padding: 6px;
}
.mainside {
    background-color:#fff;
    display:inline-block;
    width:100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    min-height:540px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 1px 1px;
    box-sizing: border-box;
}



/*   форма авторизации */
.avtoriz-blok {
    margin:60px auto;
    padding:10px 5px;
    overflow:hidden;
    width:500px;
    height:225px;
    border:1px solid #ddd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.us-login {
    cursor:pointer;
    float:right;
    margin:15px 0 5px 0;
    background:url('../images/login_button.png') no-repeat left top;
    width:86px;
    height:28px;
    border:none;
}
.us-login:hover {
    background-position:left bottom;
}
.avt {
    font: bold 18px Arial;
    color: #04326A;
    margin: 5px 0 30px 15px;
}

.zamok {
    background: #fff url("../images/zamok.png") no-repeat bottom;
    height: 130px;
    width: 135px;
    margin: 10px 0 0 5px;
    float: left;
}
.lm {
    border:1px solid #ddd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    float: right;
    width: 320px;
    height: 122px;
    margin-right: 10px;
    padding:5px;
    overflow:hidden;
}
.mls input[type=text], .mls input[type=password] {
    border:1px solid #ddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    width:150px;
    height:20px;
    font-size:18px;
    padding:2px 4px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}


.footer {
    position: relative;
    height: 42px;
    overflow: hidden;
    background: #f8fbfd url("../images/footer.png") no-repeat;
    text-align:center;
    padding-top:30px;
    font: normal 12px  Tahoma, Geneva, sans-serif;
    color:#4e94b3;
}
.ukraine {
	position:absolute;
	right:6px;
	top:23px;
	width:29px; height:40px;
	background: url("../images/ukraine.svg") no-repeat 50% 50%;
	background-size: contain;
}
.odessa {
	position:absolute;
	right:40px;
	top:22px;
	width:36px; height:42px;
	background: url("../images/odessa.svg") no-repeat 50% 50%;
	background-size: auto 115px;
}
.donetsk {
	position:absolute;
	right:78px;
	top:21px;
	width:44px; height:43px;
	background: url("../images/donetsk.svg") no-repeat 50% 50%;
	background-size: auto 75px;
}
.contacts {
	position:absolute;	
	left:10px;
	top:23px;
	height:40px;
}
.contacts li{ 
	padding-left:45px;
	height:40px;
	line-height:40px;
	min-width:25px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	opacity:0.75;
}
.contacts .skype {
	background: url("../images/skype.svg") no-repeat 0 50%;	
	background-size: auto 40px;
}
.contacts .email {
	background: url("../images/email.svg") no-repeat 0 50%;	
	background-size: auto 40px;
}
.contacts .viber {
	background: url("../images/viber.svg") no-repeat 0 50%;	
	background-size: auto 40px;
}
.contacts li a {
text-decoration:none;
font:normal 14px Impact;
display:none;
color:#3a7d9b;
}


#fuzz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: url('../images/callback/fuzz.png') repeat;
    display: none;
    text-align: left;
}

/*  head */
.thead {
    padding:0;
    height: 106px;
    overflow: hidden;
    background: #fff url("../images/thead.png") no-repeat 100% 0;
}
.thead h1 {
    line-height: 95px;
    overflow: hidden;
    width: 990px;
}
.thead h1 a {
    margin: 0;
    background: url("../images/logo.png") no-repeat 12px 50%;
    height: 57px;
    white-space: nowrap;
    display: inline-block;
    padding-left: 80px;
    font: bold 45px Impact;
    color: #141f30;
    text-shadow: #666666 1px 1px 2px;
    text-decoration: none;
    vertical-align: middle;
}
.head-title {
    background: url("../images/head-title.png")no-repeat 0 0;
    width:788px;
    height:86px;
    float:right;
    margin:5px 20px 0 0px;
}
.mainmenu {
    overflow: hidden;
    padding: 0;
    height: 62px;
    background: #1c272c url("../images/presentbox.png") no-repeat 0 0;
}


table.infouserus {
    margin:0;
}
table.infouserus tbody tr td {
    background : #fff;
    font:normal 12px Sans-serif;
    color:#1a4052;
}



.b {border:1px solid #ddd;}
.loginlink.pdr {
    display:inline-block!important;
    width:160px!important;
    padding-right:0!important;
}
.loginlink span {
    display:inline-block!important;
    overflow:hidden;
    width:100px!important;
    float:right;
}
.loginlink span i {
    display:inline-block!important;
    width:150px;
}
.userinfo .rcol ul.reset li {
    background: url("../images/dotted.png") repeat-x 0 100%;
    height: 1.3em;
    padding-bottom:3px;
    font:11px/12px Arial, Helvetica, sans-serif;
}
.userinfo .rcol ul li a {
    text-decoration:none;
    font:11px/12px Arial, Helvetica, sans-serif;
}

/*  mainmenu */
.mainmenu ul {
    margin: 3px 12px 0 12px;
	display: flex;
    justify-content: space-between;
}
.mainmenu li {
    flex: 1 0 auto;
    margin: 0 2px;
    list-style: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    
    background: rgb(184,225,252);
    /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );
    /* IE6-9 */
}
.mainmenu li:hover {
    background: rgb(235,241,246);
    /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
    /* IE6-9 */
}

.mainmenu li a {
    text-align:center;
    text-decoration:none;
    font-size:1.12em;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    display:block;
    padding:5px 0.79em;
}
.mainmenu.safari li a {
    padding:5px 0.70em;
}
.mainmenu.firefox li a {
    padding:5px 9.2px;
}
.mainmenu li a:hover {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    color:#eff2ff;
}
.mainmenu.mobiledevices li a {
	 /*padding:5px 8.6px;*/
	 padding:5px 7.6px;
}

.midblock {
    width: 100%;
    margin: 0;
    background-color: #fff;
	padding:10px 20px;
	box-sizing:border-box;
	overflow:hidden;
	min-height:70px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2ecf6+0,e2ecf6+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(226,236,246,1) 0%, rgba(226,236,246,0) 65px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,236,246,1)), color-stop(65px,rgba(226,236,246,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,236,246,1) 0%,rgba(226,236,246,0) 65px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,236,246,1) 0%,rgba(226,236,246,0) 65px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,236,246,1) 0%,rgba(226,236,246,0) 65px); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,236,246,1) 0%,rgba(226,236,246,0) 65px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf6', endColorstr='#00e2ecf6',GradientType=0 ); /* IE6-9 */

-moz-border-radius: 8px;
border-radius: 8px;

}


.dtitle {line-height:35px;}


.midblock .dtitle h1 {
    margin: 0;
    font-size: 1.67em;
    color: #04326A;
    text-shadow:#666666 1px 1px 2px;
	display:inline-block; width:70%;
	vertical-align:middle;
}
.midblock .dtitle h1 a {
    color: #04326A;
    text-decoration: none;
    text-shadow:#666666 1px 1px 2px;
}
.midblock .dtitle h1 a:hover {
    text-decoration: underline;
    color:#3399CC;
    text-shadow:#CCCCCC 1px 1px 2px;
}

.midblock .dtitle .btfinfo {color: #6f6f6f;}

.midblock .maincont {margin:0 auto;}
.midblock .thumbimg2 {
    float: left;
    width: 144px;
    height: 80px;
    overflow: hidden;
    margin-right: 9px;
}
.midblock .thumbimg2 img {
    height: 80px;
}
.midblock .thumbimg3 {
    float: left;
    width: 144px;
    height: 80px;
    overflow: hidden;
    margin-right: 9px;
}
.midblock .thumbimg3 img { height: 80px;}

.midblock .morelink {color: #6f6f6f;}

.tlb {
    background: #fff url("../images/top_log.png") no-repeat;
    height:9px;
    width:500px;
}
.mlb {
    background: #fff ;
    height:207px;
    width:488px;
    border-left:1px solid #cdcdcd;
    border-right:1px solid #cdcdcd;
    padding:5px;
}
.blb {
    background: #fff url("../images/bot_log.png") no-repeat;
    height:9px;
    width:500px;
}

.avt {
    font:bold 18px Arial;
    color:#04326A;
    margin: 5px 0 30px 15px;
}

.tls {
    background: #fff url("../images/top_log_2.png") no-repeat;
    height:7px;
    width:320px;
}
.bls {
    background: #fff url("../images/bot_log_2.png") no-repeat;
    height:7px;
    width:320px;
}
.perehod {
    float:right;
    margin:0;
	display:inline-block;
	vertical-align:middle;
	width:30%;
	text-align:right;
    
}
.perehod input{
    display:inline;
    vertical-align:middle;
}

.quick_access {
    width:103px;
    height:20px;
}
.bk {
    background:#fff url('/engine/skins/images/shadow.png') repeat-x;
}
.edit {
    border:1px solid #9E9E9E;
    color: #000000;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 11px;
    font-family: Verdana;
}


.scname {
    float:right;
    margin:20px 20px 0 0;
    font:bold 42px Courier New;
    color:#04326A;
    text-shadow:#666666 2px 2px 2px;
}


/* табличка */
table.adminlist {
    width : 100%;
    border-spacing : 0px;
    background-color : #e7e7e7;
    color : #04326A;
    margin:0 auto;
    border-collapse:collapse;
}
table.adminlist td, table.adminlist th {
    padding : 4px;
}
table.adminlist thead th {
    text-align : center;
    background : #f0f0f0;
    color : #666;
    border-bottom : 1px solid #999;
    border-left : 1px solid #fff;
    font-size:10px;
    font-weight : bold;
	text-shadow: 1px 1px white;
}
table.adminlist thead a:hover {
    text-decoration : none;
}
table.adminlist thead th img {
    vertical-align : middle;
}
table.adminlist tbody tr {
    background: #fff url("../images/dotted.png") repeat-x 1% 100%;
    text-align : left;
	text-shadow: 1px 1px white;
}
table.adminlist tbody tr:last-child {
    background-image:none;
}
table.adminlist tbody tr:hover {
    background: #e1edf7;
}
table.adminlist tbody tr td {
    height : 17px;
    font-size:12px;
}

table.adminlist tbody tr td a {
    text-decoration:none;
}


table.adminlist tfoot tr {
    color: #ff0000; 
	font:bold 12px Arial;
	font-style:italic;
}
table.adminlist tfoot td, table.adminlist tfoot th {
    background-color : #f3f3f3;
    border-top : 1px solid #999;
}


.small{
    position:relative;
    overflow:hidden; 
	white-space: nowrap;
}
.big {
    width:350px;
	text-align:left;
}
.shd {
    position: absolute;
    top: 0;
    right:0;
    width: 15px;
    height: 15px;
    background: url("../images/shtr.png") no-repeat 0 0;
}
table.adminlist tbody tr:hover .shd {background-position:0 -20px;}
.small.servicename, .small.devicename { width:120px;}
.small.brandname {  width:110px;}
.small.model {width:115px;}
.small.engineer {width:105px;}
.small.repair {width:300px;}


ul.main, ul.remonty {
    list-style:none;
    width:100%;
    margin:20px auto;
}

ul.main li  {
    box-sizing:border-box;
    height:42px;
    font:normal 14px Arial;
    color:#04326A;
    margin:0; padding:0 3px;
	line-height:42px;
    background:url("../images/dotted.png") repeat-x 0 100%;
    
}
ul.main li:hover  {
    background-color:#f4f9fc;
}

ul.main li.user-info {
	padding:10px 0;
	line-height:165px;
	height:165px;
	box-sizing:border-box;
	
}
ul.main li.nohoverbg.user-info:hover  {
    background:url("../images/dotted.png") repeat-x 0 100%;
}	
	 

.itmval {
    float: right;
    margin:0;
    padding:0;
    display:inline-block;
    line-height:39px;
	text-align:right;
}
ul.main li.notes{
	line-height:45px; height:auto; padding:10px 3px; box-sizing:border-box; background-image:none;
}
ul.main li.notes .itmval{
	line-height:38px; height:auto;
}

#notes {display:inline-block; vertical-align:middle; width:810px; resize:vertical;}
.itmval img, .itmval input, .itmval select {
    vertical-align:middle;
}
.itmval img {
    margin-top:-2px;
}
/**/
*:first-child+html .itmval, *:first-child+html .costrem {
    margin-top:-11px;
} 
*:first-child+html .itmval input, *:first-child+html .itmval select {
    margin-top:-5px;
} 

ul.remonty li  {
    height:20px;
    font:normal 12px Arial;
    color:#04326A;
    margin-left:-16px;
    padding:5px 10px 0 10px;
    vertical-align:middle;
    background:url("../images/dotted.png") repeat-x 0 100%;
    
}
ul.remonty li:hover  {
    background-color:#e1edf7;
}
ul.remonty li span.itmval {
    float: right;
    margin:0 ;
    font:bold 12px Helvetica;
    color:#04326A;
}
/**/
*:first-child+html ul.remonty li span.itmval {
    margin-top:-15px;
}
*:first-child+html .avatar_bg {
    margin-top:15px;
}

.itmval.compname {
    font-size:1.3em;
    color:red;
}

ul.zayavky {
    list-style:none;
    width:98%;
    margin:20px auto;
    background-color:#ffffff;
    
}
ul.zayavky li  {
    font:normal 12px Arial;
    color:#04326A;
    margin-left:-16px;
    padding:3px 10px 0 10px;
    vertical-align:middle;
    background:#ffffff url("../images/dotted.png") repeat-x 0 100%;
    height:auto;
    
}
ul.zayavky li:hover  {
    background-color:#e1edf7;
}




.avatar_bg {
    background:url("../images/avatar_bg.png") no-repeat;
    height:138px;
    width:124px;
    margin-right:-3px;
}
.avatar_bg img {
    margin:20px 0 5px 0;
    padding:0;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.avatar_bg .name_portret {
    margin:0 0 0 14px;
    padding:0;
    text-align:left;
}
.light_italic {
    color:#999;
    font-style:italic;
}
.allotchet {
    background:url("../images/polny_otchet.png") no-repeat 0 0;
    width:181px;
    height:17px;
    cursor:pointer;
    padding:0;
    margin:0;
    border:0;
}

.add {
    background: url("../images/buttons.png") no-repeat -7px -181px;
    width:20px;
    height:20px;
    cursor:pointer;
}
.add:hover {
    background-position: -108px -182px;
}
#FastAdd p.name{
    text-align:center;
    font-weight:bold;
    margin:0 0 10px 0;
    background: url("../images/dotted.png") repeat-x 0 100%;
    color:#ccc;
}

.support {
    background: url("../images/support.jpg") no-repeat center bottom;
    height:230px;
    text-align:center;
    font-size:1.85em;
    margin-top:-40px;
    line-height:1.1em;
}



table.otchet_table{
    width:100%;
    border-spacing:0;
    margin-top:100px;
}
table.otchet_table td{
    text-align:center;
    padding:10px;
}
table.otchet_table td img{
    height:150px;
}


.number-quitt {
    width: 80px;
    font-size:14px;
    color:red;
    font-weight:bold;
    text-align:center;
}
.graytxt {
    text-align: right;
    vertical-align: middle;
    float: right;
    margin: 0;
    padding: 0;
    font: normal 12px Sans-serif;
    color:#CFCFCF;
}





.myblk {
    min-height:25px;
    width:236px;
    float:left;
}
.b1 {
    background-color:red;
    width:400px;
    height:70px;
    border:0px solid #000;
}
.b2 {
    background-color:green;
}
.b3 {
    background-color:blue;
    width:15px;
}
.b4 {
    background-color:yellow;
}
.b5 {
    background-color:grey;
    width:487px;
    height:45px;
}


#client_search_result {position:relative;}
.result-blk {
position:absolute;
left:378px;
top:-28px;
width:466px;
height:115px; 
padding:8px;
background-color:white;
box-shadow: 0px 0px 10px #888;
-moz-box-shadow: 0px 0px 10px #888;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
z-index:1;
}
.result-blk .pad {
overflow-y:auto;
height:115px;
box-sizing:border-box;
padding-right:7px;
}


.result-itm {background: url("../images/dotted.png") repeat-x 1% 100%; height:35px; line-height:35px; text-indent:5px; cursor:pointer;}

.close {display:block;position:absolute;  width:30px; height:30px;}
.close.client-search{
	left:849px; top:-45px; z-index:2;
}
.notfound {text-align:center; display:inline-block; width:100%; line-height:14px;}
.name_portret label {
	line-height:19px;width: 94px;
    display: inline-block;
    text-align: center;
}
.name_portret label input {vertical-align:middle;display:inline-block; margin:0;}

.itmval input[type=text], .itmval select, .itmval textarea{
	padding:3px 5px; 
	box-sizing:border-box; 
	background: #fff url('/engine/skins/images/shadow.png') repeat-x;
	border: 1px solid #9E9E9E;
}
.maincont.allquitt {margin:20px auto;}
.quitt-button {
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
border-radius:4px;
-moz-border-radius:4px;
border:1px solid rgb(211, 216, 216);
text-shadow:1px 1px white;
color: #5D5D5D;	
	
	height:19px; line-height:19px; width:63px;
	display:inline-block;
	text-align:center;
}
.header-filtr {
	margin:20px 0;
}
.filtr {float:left; height:27px; line-height:27px;}
.per-page {
float:right; 
text-align:right; 
display:inline-block; 
width:150px; height:27px;
line-height:27px;
font-style:normal;
font-size:12px;
}
/*errors*/
.berrors { 
min-height: 28px; 
padding: 18px 18px 18px 50px; 
background: #fff url("../images/errors.png") no-repeat 13px 50%; 
overflow: hidden; 
-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px;
margin:0 0px 10px 0px;
border-radius:8px;
-moz-border-radius:8px;
}
.client-info ul {width:780px; float:left;}
.client-info ul li {line-height:35px; height:35px;}
.client-info ul li .itmval {line-height:35px; height:35px;}
.client-avatar {
	float:right;
	width: 124px;
	height:170px; line-height:170px;
	text-align:center;
}
.client-avatar .avatar_bg{ display:inline-block; vertical-align:middle; line-height:normal;}
.viewquitt ul {margin-top:0}
.viewquitt h2 {margin:20px 0 5px 0; font:bold 14px Tahoma;}
.showpass {text-decoration:none; border-bottom:1px dashed #1797b2; font-size:12px;}
.viewquitt .name_portret {font-size:15px;}
.itmval.qn {font-size:18px; color:red; font-weight:bold;}
.light-italic {
	color:#ccc;
	font-size:14px;
	font-style:italic;
	display:inline-block;
}
ul.main li.ah { height:auto; position:relative;}
.autotext { line-height:18px; width:700px; padding:10px 0;}
.nofound {
	display: table; 
	width:100%;
	min-height:inherit;	
}
.nofound-content-box {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.nofound-content {
	text-align:left;
	display:inline-block;
	font-size:16px;
	color:#1c272c;
	line-height:24px;	
}
.nofound-content a {float:right; text-decoration:none; border-bottom:1px dashed #1797b2; font-size:14px;}
.countdown {
font:normal 20px Impact;
padding: 0 5px;
}
.big-red-em {font-size:20px; font-weight:bold; color:red;}
.sc-name {
float:right;
width:680px; 
height:55px;
overflow:hidden;
margin-top:23px;
line-height:55px;
position:relative;
border:0px solid red;	
white-space: nowrap;
text-align:right;
font:bold 45px Impact;
color: #141f30;
text-shadow: #666666 1px 1px 2px;
padding-right:22px;
box-sizing:border-box;
}
.white-grd {
width:45px;
height:55px;
position: absolute;
right:0;
top:0;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+44,ffffff+66,ffffff+100&0+0,0.05+44,0.78+66,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 44%, rgba(255,255,255,0.78) 66%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(44%,rgba(255,255,255,0.05)), color-stop(66%,rgba(255,255,255,0.78)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 44%,rgba(255,255,255,0.78) 66%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 44%,rgba(255,255,255,0.78) 66%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 44%,rgba(255,255,255,0.78) 66%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 44%,rgba(255,255,255,0.78) 66%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.client-info ul.client-only {
    width: 100%;
}











.toprint {
	margin:40px 0;
	font-size:11px;
}
.toprint .light-italic{
	font-size:11px;
}
.print-table {
	width:100%;
	border:none;
	border-collapse:collapse;
	border-spacing:0;	
}
.print-table td{
	padding:0
}
.print-table tbody tr{
	height:30px;
	background: #fff url("../images/dotted.png") repeat-x 1% 100%;
}
.routing-repair-table {
	width: 100%;
    border-spacing: 0px;
    background-color: #e7e7e7;
    color: #666;
    border-collapse: collapse;
}
.routing-repair-table thead th {
    text-align: center;
    background: #f0f0f0;
    color: #666;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
    font-size: 12px;
}
.routing-repair-table td, .routing-repair-table th {
    padding: 4px;
}
.routing-repair-table tr {
    background-color: #fff;
    text-align: left;
}
.routing-repair-table tbody tr td {
    height: 17px;
    background: #fff;
    border: solid 1px #f3f3f3;
}
.print-notes {text-align:justify;}
.print-table tbody tr.nobackground {background-image:none;}






.sploiler {
	display:inline-block;
	margin-left:20px;	
}
.dashed {
    text-decoration: none;
    border-bottom: 1px dashed #1797b2;
    font-size: 14px;
}
#personal_cost {
	width:70px;	
}
#personal_cost:disabled{
	background-color: rgb(235, 235, 228);
	background-image:none;
	color:#949494;
}
	
.repair-info label { line-height: 42px; height:42px; display:inline-block; cursor:pointer;}
.repair-info input[type=radio] {
	margin:0 0 2px 0; padding:0; vertical-align:middle; display:inline-block;	
}
.table-act-btn {
  margin:10px 0;	
}
#order-details table tr, #repair table tr, #comments table tr, #sendemail table tr , #sms table tr {line-height:15px;}
#order-details table td, #repair table td { text-align:center;}
#order-details table td input[type=text], #repair table td input[type=text] {
	width:100%;
	box-sizing:border-box;
}
#repair {padding:10px 0 0 0}
#order-details, #comments, #sendemail, #sms {padding:10px 0}
/*#comments table, #comments table tr, #comments table tr td, #comments table tr:hover {background:none;}*/

textarea {
	box-sizing:border-box;
	padding:10px 5px;
	resize: vertical;
	vertical-align:middle;
	display:inline;
}


.comments-area {
	width:100%;
	height: 42px;
}
.edit.bk.comments-area {margin:0}
.edit-btn {
	width:18px;
	height:18px;
	display:inline-block;
	background: url("/engine/skins/images/tabs/ico_edit.gif")no-repeat center center; 
}
.del-btn {
	width:18px;
	height:18px;
	display:inline-block;
	background: url("/engine/skins/images/tabs/ico_del.gif")no-repeat center center; 
}
.edit-cb {
	text-align:center;
	margin:10px 0;	
}

.email-area, .sms-area {
	width:100%;
	height: 108px;
}
#sms .light-italic{
	text-align:left;
	font-size:12px;
	display:block;
	padding-left:10px;
}
.notes textarea{
	display: inline-block;
    vertical-align: middle;
    width: 810px;
}

.small.author {
	width:100px;	
}
ul.error li {color:red}
.save-btn {
	width:20px;
	display:inline-block; 
	font-size: 8px;
	padding-top: 13px;
	background: url("/engine/skins/images/tabs/b_save.gif")no-repeat center 0;
}
.esc-btn {
	width:20px;
	display:inline-block;
	padding-top: 13px;
	font-size: 8px;
	background: url("/engine/skins/images/tabs/b_cancel.gif")no-repeat center 1px;
} 


.statistics .perehod {
	width:auto;
}
.statistics-for-period {
	margin:30px 0 10px;	
}
.statistics .scinfo {
font-size:14px;	
margin:5px;	
}

.midblock.statistics .dtitle h1 {width:100%}
.statistics .dtitle {
	line-height: inherit;
	margin-bottom: 20px;
}

.coeff {
	text-align:left;
	font-style:italic;
	margin:10px 0;
	font-size:14px;
	line-height:27px;
}
.rtype-status {
	font-size:14px;
	font-style:italic;
	color:#5bc0de; 
	margin:5px 0;
}
.result-tr {
	font-size:14px;
	font-style:italic;
	color:#47B347; 
}
.print {
width:110px;
height:110px;
background: url("../images/printer.png")no-repeat 0 0;
position:absolute;
right:5px;
top:7px;
display:block;
background-size:cover;	
}
.toprint.report {
	margin:0;	
}

.editbuttons {
	display:inline-block;
	width:57px;
	line-height:39px;
}
.editbuttons a {
	padding:3px 0 0 0;
	height:25px;
	vertical-align:middle;
}



.adminlist tbody tr.parts-info, .adminlist tbody tr.parts-info:hover {
	background-color:white;
	background-image:none;/**/
}
.btn.trg {
 	margin:4px 0;	
}
.btn-center {
	background: #fff url("../images/dotted.png") repeat-x 1% 100%;
	text-align:center;
	padding:0 0 20px 0;	
}
.maincont.parts {
	margin-top:40px;
}
.scinfo {
	font-size: 14px;
    font-style: italic;
    color: #5bc0de;
    margin: 5px 0;
}
.parts-info-itm .main li:last-child{
	height:auto;
}
.parts-info-itm .main li:last-child .itmval {
	width:700px;
	display:inline-block;
	line-height:18px;
}
.edittext {
	width:600px;
	height:36px;
	padding:5px 10px;
}

.maincont.payment {
	margin-top:30px;
	font-size:14px;
	color:#232323;
	line-height:1.4em;
}