html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
sup {
    line-height:normal;
    font-size:10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    min-width: 950px;
}
body {
    font: 13px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;

}
a {
    color: #006993;
    outline: none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.all-news {
	display: block;
	font-size: 12px !important;
	margin-bottom: 20px;
}
/* top space for news on main page */
.news-main {
    margin-top: 15px;
}
/* Begin of styles for the demonstration (you can remove them) */
a.expand {
    width: 150px;
    display: block;
    margin: 10px 0 0;
}
a.expand:hover {
    height: 500px;
}
img {
    border: none;
}
input {
    vertical-align: middle;
}
input[type="text"], input[type="password"], textarea , select {
    border: solid 1px #E0E0E0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background: #ffffff;
    font-family: Arial, sans-serif;
    padding: 0 10px;
    font-size: 14px;
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea {
    padding: 10px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #8FC5DA;
    box-shadow: 0 0 4px #91CDE5;
    -moz-box-shadow: 0 0 4px #91CDE5;
    -webkit-box-shadow: 0 0 4px #91CDE5;
}
input[type="text"].error-input, input[type="password"].error-input, textarea.error-input, .error-input{
    border: 1px solid #f45656;
    box-shadow: 0 0 4px #f2a6a6;
    -moz-box-shadow: 0 0 4px #f2a6a6;
    -webkit-box-shadow: 0 0 4px #f2a6a6;
}
button.button {
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    height: 45px;
    border: none;
    outline: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #212121;
    font-size: 14px;
    font-family: Arial, sans-serif;
    cursor: pointer;
    padding-left: 16px;
    padding-right: 16px;
}
button.button:hover {
    background: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
    text-shadow: 0 1px 0 #ffffff;
}
button.button:active {
    background: linear-gradient(to bottom, #dfdfdf, #f5f5f5 );
    text-shadow: 0 1px 0 #ffffff;   
}
input[type="button"], input[type="submit"] {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    outline: none;
    color: #212121;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 12px;
    height: 30px;
    padding: 0 10px;
    border: none !important;
    height: 48px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    font-size: 13px;
    color: #212121;    
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
    text-shadow: 0 1px 0 #ffffff;
}
input[type="button"]:active, input[type="submit"]:active {
    background: linear-gradient(to bottom, #dfdfdf, #f5f5f5 );
    text-shadow: 0 1px 0 #ffffff;
}
input.button[type="submit"] {
    font-size: 12px;
    line-height: 18px;
    padding: 3px 15px 3px 15px;
    height: 30px;
}
h1, .search-form-title {

    font-size:22px;
    margin:0px 0 10px 0px;
    font-weight:normal;
    line-height:normal;
}
h4 {
    margin:12px 0 3px 0;
    font-size:14px;
    font-weight:bold;
}
#bg-wrapper {
    margin: 0 auto;
}
#wrapper {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
/* Ajax ссылки*/
.ajax-link {text-decoration:none;border-bottom:1px dotted;cursor:pointer;}
.hidden {
    display: none;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
    font-weight:normal;
    overflow:hidden;
    position:relative;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
    margin-left:250px;
    height: 1%;
    margin-bottom:30px;
}
#middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
#container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-right: -100%;
}
#content {
    margin: 20px 0px 0 12px;
    padding:15px;
    padding-top:6px;
    min-height:400px;
    overflow:hidden;
    margin-top: 20px !important;
}
/* ?????? */
#breadcrumb {
    margin-top: -8px;
    margin-bottom: 8px;
    color: #777 !important;
}
#breadcrumb a {
    color: #777 !important;
}


/* Sidebars
-----------------------------------------------------------------------------*/
#left-sidebar {
    float: left;
    width: 250px;
    position: relative;
    left: -250px;
    padding-top:10px;
}
#right-sidebar {
    float: right;
    width: 250px;
    margin-right: -250px;
    position: relative;
    padding-top:12px;
}
.sidebar-item {
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}
.banner-block img {
    display: block;
}
#guestDiscountPriceNotice,
.login-form,
.left-menu {
    padding:10px;
}
.login-form {
    overflow:hidden;
}
.login-form p {
    margin-bottom:8px;
}
.login-form p  input {
    padding:3px;
    width:220px;
}
.login-nopadding {
    padding-bottom: 0 !important;
}
.sidebar-html-block.sidebar-item.login-form p {
    margin: 3px 0 0 0 !important;
}
#balance p {
    margin: 0 0 2px 0;
}
#balance p.balance, #balance p.bonus {
    margin-bottom: 10px;
}
#logout {
    cursor:pointer;
    margin-left: 4px;
}
#balance b.name {
    font-size: 16px;
    display: block;
    margin-top: 4px;
    margin-bottom: 5px;
}
#balance .links {
    margin-bottom: 18px;
}
#balance .balance-and-bonus {
    margin-bottom: 10px;
}
#balance .balance-sum {
    font-size: 18px;
    display: block;
    white-space: nowrap;
}
#balance .block-link {
    display: block;
}
#balance .balance-sum b {
    font-weight: normal;
    white-space: nowrap;
}
#balance .balance-sum span {
    font-size: 12px;
    padding-left: 1px;
}
#balance .balance-sum a {
    margin-left: 3px;
}
#balance .credit-limits b, #balance .bill-payments b,
#balance .total-bill-payments b {
    font-weight: normal;
}
a[name="restore-password"], a[name="cn-restore-password"] {
    font-size: 12px;text-decoration: none;display: block;margin-bottom: 3px;
}
a[name="restore-password"] span, a[name="cn-restore-password"] span {
    border-bottom: 1px dotted;
    cursor: pointer;
}
.restore-div {
    display: none;
}
.restore_password_ajax_indicator {
    background: url('../images/shop/ajax.gif') no-repeat top center;
    width:130px;
    height:20px;
    display: none;
		position: absolute;
		left: 70px;
		top: 94px;
}
/* ????*/
.left-menu {
    font-size:13px;
    padding-bottom:1px;
}
/* left menu submenu style */
.left-menu li {
    margin-bottom:10px;
}
.left-menu li span {
    padding-right:12px;
}
.left-menu li ul {
    margin-bottom:10px;
    margin-top: 8px;
    margin-left: 10px;
}
.left-menu li ul li ul{
    margin-bottom:0px;
}
/* left menu submenu icon */
.left-menu .has-submenu-ico {
    display: inline-block;
    width: 10px;
    height: 11px;
    font-size: 12px !important;
    margin-left: -10px;
    margin-top: 0px;
    vertical-align: middle;
    cursor: pointer;
    color: #006993;
    /* font-icon propeties */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.left-menu .has-submenu-ico:before {
	content: "\e900";
}
/* when user settings hide left menu submenu icon */
.left-menu.expand-by-link .has-submenu-ico {
    display: none;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
    min-height: 60px;
    position: relative;
    overflow: hidden;
}
#footer-table {
    width:100%;
    margin-bottom: 5px;
    height: 20px;
    position:absolute;
    bottom:8px;
    z-index: 10;
    display: table;
}
#footer-table a {
    text-decoration: none;
}
.footer-table-row {
    display: table-row;
}
.footer-table-td {
    display: table-cell;
    vertical-align: middle;
}
.footer-copyright {
    padding: 10px 0px 10px 10px;
    width: 250px;
}
.footer-copyright-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.footer-payments {
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.footer-payments img {
    display: inline-block;
    vertical-align: middle;
    margin-left:8px;
    margin-top:-2px;
}
.footer-maker {
    text-align: right;
    padding: 10px 10px 10px 0;
    vertical-align: top;
    width:250px;
}
.footer-counters {
    text-align:right;
    padding-top:8px;
}

/* Форма поиска */
.search-form-wrapper {
    position: relative;
}
.search-form-wrapper p {
    position: absolute;
    padding-top: 8px;
    font-size: 14px;
    top: -39px;
    left: 190px;
}
.search-form-wrapper p input {
    margin-top: 0;
    margin-bottom: 1px;
}
.search-form-wrapper p label {
    padding-right: 10px;
}
#search-form {
    margin-bottom:10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
#search-form p {
    margin-top: 12px;
}
#search-form input {
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#search-form table {
    width: 100%;
}
#search-form table td {
    width: 97px;
    padding-left: 10px;
}
#search-form table td, #search-form table th {
    vertical-align: middle;
}
#search {
    width:100%;
    padding:5px;
    font-size:18px;
    margin-top: 0px;
    line-height: 22px;
}
#search-btn.button {
    font-family:Arial;
    font-size:18px;
    line-height:18px;
    height: 34px;
    width: 95px;
}

@media (min-resolution: .001dpcm) {
_:-o-prefocus, #search-btn.button {height: 33px;}
}
#search-type-article {margin-left:0px;}

/* Форма поиска по каталогу */
.search-form-catalog {
    background: #eeecec;
    padding: 14px 8px 12px 12px;
    margin-left: -12px;
    margin-right: -8px;
    border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    margin-bottom: 15px;
}
.search-form-catalog h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.search-form-catalog table {
    width: 100%;
}
.search-form-catalog td, .search-form-catalog th {
    vertical-align: middle;
}
.search-form-catalog th {
    width: 270px;
    text-align: left;
    font-weight: normal;
}
.search-form-catalog input[type='text'] {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
}
.search-form-catalog .button-container {
    width: 97px;
    padding-left: 10px;
}
.search-form-catalog input[type='button'] {
    width: 95px;
}
/* ??????? ?????? */
.price-table {
    width:100%;
    margin-bottom:20px;
}
.price-table th {
    padding:12px 8px;
    text-align:left;
    white-space:nowrap;
    background:#eeeedf;
    color:#91a27e;
    font-size: 12px;
}
.price-table td {
    padding:8px;
    vertical-align: top;
    font-size: 12px;
}
.price-table td p {
    padding-top:8px;
    line-height:normal;
}
.price-table td p span{
    display:block;
    font-size:11px;
    color:#91a27e;
}
.price-table span.date {
	font-size: 11px;
	display: block;
	line-height: 11px;
	margin-top: 3px;
}
.price-table span.opacity-07 {
	opacity: .7;
	filter: alpha(opacity=70);
	display: block;
	font-size: 11px;
	line-height: 11px;
	margin-top: 4px;
}
.price-table b.block {
	display: block;
	margin-bottom: 10px;
}
.price-table .bill-item-status {
    border-left: 3px solid;
    padding-left: 4px;
}
.price-table.short-search {
    width: 100%;
}
.price-table.short-search tr td:nth-child(3) {
    word-break: break-all;
}
.price-wrap, .price-wrap-h {
    overflow:hidden;
    width:265px;
    padding-left: 5px;
}
.price-wrap-h p {
    display: none;
}
.part_info, .part_info-a {
    padding-left: 11px;
    margin-left: -11px;
    text-decoration: none;
    cursor:pointer;
}
.part_info i, .part_info-a i {
    font-style: normal;
}
.cart-icon, .cart-icon-contract {
    cursor: pointer;
    margin-top: 2px;
    text-decoration: underline;
    display: inline;
}
.cart-icon.disabled {
    cursor: default;
    text-decoration: none;
    color: graytext;
}
.add-to-basket input {
    width: 20px;
    margin-right: 2px;
    text-align: center;
}
.add-to-basket input.wrong {
    background-color: #ffcccc;
}
/* Запчасть "В наличии", "Мой склад"*/
.my-warehouse {
    color: #008000;
    font-style: normal;
}
/* Заголовок с кол-вом */
.price-count-th {
    padding: 2px !important;
}
/* Назвние производителя в поиске*/
.price-maker {
    font-size: 12px;
    width: 60px;
    overflow: hidden;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    padding-top: 2px !important;
}
.price-article {
    width: 80px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    padding-top: 2px !important;
}
#delivery-td {
    position:relative;
    padding-right: 30px;
    text-align: right;
    background-position: 115% -3px;
    background-repeat: no-repeat;
    text-align: right;
    //width:40px; /* Это хак для IE, не удаляйте если кто не знает :) */
    white-space: nowrap;
}
/* Поставщик и название прайса*/
.supplier-name {
    background: url('../images/shop/truck.png') no-repeat 0 0px;
    padding-left: 19px;
    font-style: normal;
    font-size: 12px !important;
    line-height: 12px !important;
    padding-top: 2px;
}
.price-name {
    background: url('../images/shop/document-excel-csv.png') no-repeat 0 -2px;
    padding-left: 19px;
    font-style: normal;
    font-size: 12px !important;
}
/* Скрытые запчасти */
.hidden-part {
    display: none;
}
/* Ссылка показать скртые запчасти*/
.show-all-parts {
    margin-left: -8px;
}
.order_price {font-size:11px;font-family:Arial;padding-top:0px;}
.order_price i {font-style:normal;}
.sort-asc {
    background: url(../images/shop/sort-asc.png) no-repeat 100% 4px;padding-right: 16px;
}
.sort-desc {
    background: url(../images/shop/sort-desc.png) no-repeat 100% 4px;padding-right: 16px;
}

/* Документы заказов */
.bill-document-td {
    padding-top: 0 !important;
}
.bill-document-td p {
    padding-bottom: 2px;
}
.bill-document-td a {
    background: url('../images/shop/document-excel.png') no-repeat 0 -1px;
    cursor: pointer;
    padding-bottom: 1px;
    padding-left: 18px;
}
li.clear,
div.clear {
    clear:both;
}

/* "Условия поставки товара"  */
div.popup-frame {
    display: none;
    width:700px;
    max-hei-ght: 540px;
    max-height: 766px;
    min-height: 200px;
    position: absolute;
    top:50px;
    left:50%;
    margin-left:-350px;
    background: white;
    border:1px solid #f2f2f2;
    z-index:1000;
    overflow: hidden;
    background-color: white;
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
}
div.popup-frame span.close-popup-frame {
    position: absolute;
    right:20px;
    top:20px;
    font-size: 24px;
    font-weight: bold;
    color: #757575;
    z-index:10001;
    cursor:pointer;
}
div.popup-frame span.close-popup-frame {
    background:url(../images/shop/simplemodal-close.png) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -3000px;
}
div.popup-frame span.close-popup-frame.no-scroll {
    right:10px;
}
div.popup-frame div.popup-div {
    padding: 20px;
    min-height: 200px;
    max-height: 700px;
    width: 660px;
    overflow-y: auto;
    color: black !important;
}
#order-agreement-div p, #payment-agreement-div p {
    margin-bottom: 5px;
}
div.popup-frame div.popup-div.no-scroll {
    overflow-y:hidden;
}
div.popup-frame div.popup-div a, div.popup-frame div.popup-div a:visited {
    color:#157aaf !important;
}

/*сообщения об ошибках при заполнении формы*/
.fill_form {
    background-color: #ffc9c2;
    background-image: url('../images/shop/error-alert.png');
    background-repeat: no-repeat;
    background-position: 10px 9px;
    padding: 13px 6px 10px 6px;
    padd-ing:13px 15px 10px 35px;
    margin:10px 0 10px 0;
    font-size:12px;
    line-height: 16px;
    color:#241d24;
    border: 1px solid #ed7566;
    width: 90%;
    max-width: 500px;
    display: none;
}
.garage-form .fill_form.registration-err, 
#vin_request_form .fill_form.registration-err {
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.fill_form p {
    font-size: 12px;
    color: #505050;
    margin-bottom: 10px !important;
    padding-left: 29px;
    padding-right: 9px;
}
.fill_form ol, .fill_form ul {
    margin-left: 15px;
    padding-left: 29px;
}
.fill_form li  {
    margin-bottom: 7px;
    list-style-image: url('../images/fill-form-list-image.png');
    color: #505050;
}
.garage-car-edit-block .fill_form {
    margin-top: 0;
} 
/* balance */
.balance {
    width:250px;
    margin-bottom:20px;
}
.balance th {
    text-align:left;
    font-weight:normal;
    white-space:nowrap;
    width:10%;
}
.balance th, .balance td {
    vertical-align:top;
    padding:5px;
}
.amount-plus{font-size:13px;font-weight:normal;background:url(../images/shop/plus.gif) no-repeat 0 3px;padding-left:18px;white-space:nowrap; }
.amount-minus{font-size:13px;font-weight:normal;background:url(../images/shop/minus.gif) no-repeat 0 3px;padding-left:18px;white-space:nowrap; }
.amount-plus-green{
    background:url(../images/shop/plus_green.png) no-repeat 0 2px;
    padding-left:14px;
}
.amount-minus-gray{
    background:url(../images/shop/minus_gray.png) no-repeat 0 6px;
    padding-left:14px;
}

/*---------------------------------------------------------------------------------
    Алерты
*/
.alert {
    background-color: #ccffcc;
    padding:15px 15px 10px 15px;
    margin:10px 0 10px 0;
    font-size:18px;
    color:#333333;
    text-shadow:0px 1px 0  #ffffff;
}
/* Ошибки */
.error {
    background-color: #e94816;
    background-image: url('../images/shop/warning-triangle.png');
    background-repeat: no-repeat;
    background-position: 20px 11px;
    padding:11px 15px 10px 50px;
    margin:10px 0 10px 0;
    font-size: 16px;
    line-height: 19px;
    color:#ffffff;
}
.error.search {
    margin-top: 0;
}
#content .error a, #content .error a:hover {
    color: #ffffff;
    font-size: 16px;
}
.alert li, .error li {
    margin-bottom:8px;
}
.error li:last-child {
    margin-bottom: 0;
}

/* сообщение-подтверждение */
.confirm-alert {
    background-color: #d8ffc2;
    background-image: url('../images/shop/confirm-alert.png');
    background-repeat: no-repeat;
    background-position: 10px 9px;
    padding:15px 15px 10px 35px;
    margin:10px 0 10px 0;
    font-size:12px;
    line-height: 16px;
    color:#241d24;
    border-top: 1px solid #7fce31;
    border-bottom: 1px solid #7fce31;
}

/* Варнинги */
.warning-block {
    background: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #af884f;
    display: block;
    margin: 0px 0px 10px;
    padding: 8px 35px 8px 14px;
    position: relative;
    font-size:13px;
    text-shadow: rgba(255, 255, 255, 0.506) 0px 1px 0px;
}
/* Закрытие варнинга */
.close-warning-block {
    position:absolute;
    right:8px;
    font-size:28px;
    color: #999999;
    cursor: pointer;
}
.close-warning-block:hover {
    color: #666666;
    background: white;
}
/*--------------------------------------------
 ?????????
------------------------------------------------------ */
.pages {
    padding:0px;
    font-size:12px;
    color:#000000;
    line-height:48px;
    padding-top: 30px;
    padding-bottom: 50px;
    height: 50px;
    width: auto;
}
.pages li {
    float:left;
    display: block;
    width: 49px;
    height: 48px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #e5e5e5;
    text-align: center;
}
.pages li:last-child {
    border-right: 1px solid #d3d3d3;
    border-radius: 0 2px 2px 0;
}
.pages li:first-child {
    border-left: 1px solid #d3d3d3;
    border-radius: 2px 0 0 2px;
}
.pages li.go-prev, .pages li.go-next {
    width: 50px;
}
.pages li.go-prev a {
    background: url('../images/shop/page-arrows.png') -1px -50px no-repeat;
}
.pages li.go-next a {
    background: url('../images/shop/page-arrows.png') 1px top no-repeat;
}
.pages a {
    color:#006993;
    display: block;
    height: 48px;
    width: 49px;
}
#current-page {
    background:#f1f7f8;
}


/* ??????? */
#a-basket {
    background:url('../images/shop/cart-icon.png') no-repeat 100% 100%;
    padding-right:20px;
}

/* brands-table ul */
.brands-table {
    width: 100%;
    margin: 18px 0 30px 0;
    -moz-column-count: 4; /* Для Firefox */
    -webkit-column-count: 4; /* Для Safari и Chrome */
    column-count: 4;
}
.brands-table li {
    display: inline-block;    
    padding-bottom: 15px;
    width: 200px;
}
.brands-table li a {
    text-decoration: none;
}
/* IE 8 > */
.brands-table li {
    width: 24% \ ;
}
/* IE 10 > */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .brands-table li {width:200px;}
} 
.brands-table li a img {
    border: 0 none;
}
.brands-table li img {
    max-height: 26px;
    max-width: 36px;
    padding: 0 7px 0 0;
    vertical-align: middle;
}

/* Форма информаи и о юзере*/
#user-info-form th , #user-info-form td {
    white-space: normal !important;
}

/* ??????? */
#black_overlay {
    display:none;
    background:black;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:100;
    -moz-opacity: 0.3;
    opacity:.3;
    filter: alpha(opacity=30);
    padding-bottom:30px;
}
.overlay-transparent {
    background: transparent !important;
}
#overlay_dialog {
    display:none;
    z-index:200;
    background:white;
    position:fixed;
    padding:20px;
    width:480px;
    left:50%;
    margin-left:-250px;
    top:50%;
    margin-top:-150px;
    text-align:center;
}
#overlay_dialog span {
    position:absolute;
    right:6px;
    top:6px;
    font-size:26px;
    color:red;
    cursor:pointer;
}

/* Меню с отступом */
.margined {
    margin-bottom:18px !important;
}
/* catalog brand */
.catalog-brand {
    margin-bottom: 16px;
    font-size: 14px;
    overflow: hidden;
}
.catalog-brand img {
    float: left;
    margin-right: 16px;
}
.catalog-brand div {
    padding-top: 19px;
}
.catalog-brand p {
    padding-bottom: 6px;
}

/* ??????????? ????????? ????? ?????? */
.contract-search-form {
    width: 100%;
    margin-bottom: 20px;
	margin-top: 20px;
}
.contract-search {
    width: 370px;padding: 4px;font-size: 16px;
}
.contract-search-form th {
    padding-bottom: 5px;
    white-space: nowrap;
    font-weight: normal;
	padding-top: 5px;
	font-weight: bold;
	text-align: left;
}
.contract-search-form td {
    padding-right: 5px;
    padding-bottom: 5px;
	vertical-align: top;
}
.contract-search-form td .button {
	height: 30px;
	padding: 0px 18px;
}
.contract-hr {
    width: 100%;border-bottom: 1px solid #999999;height: 1px;margin-bottom: 6px;
}
#contract-parts-filter-form {
    margin-bottom: 8px;
}
#contract-parts-filter-form label{
    display: block;
}
#contract-parts-filter-form select {
    width: 85px;
}
#contract-parts-filter-form #maker {
    width: 120px !important;
}
#contract-parts-filter-form #model {
    width: 90px !important;
}
.ulMenu,
.ulMenu li
{
    display: block;
    margin-left: 10px;
}
.ulMenu li.id624673 ul,
.ulMenu.Parts {
    padding: 10px;
    clear: both;
    overflow: hidden;
    zoom: 1;
}
.ulMenu li.id624673 ul li.type116  ul li.type116 {
    width: 100px;
    float: left;
    display: block;
}
.ulMenu.Parts li {
    width: 210px;
    float: left;
    display: block;
}
.full {
    width: 100%  !important;
    padding: 2px !important;
}
.nowrap {
    white-space: nowrap !important;
}

/* Кнопка оплаты на странице счетов */
input[type='button'].start-pay-button {
    cursor:pointer;
    height: 30px;
}
/* Ссылки выбора типа платежа */
span.dashed {
    border-bottom:1px dashed;
    text-decoration:none;
    cursor:pointer;
}
span.dashed:hover {
    border-bottom:none;
}
div.payment-type span.dashed { color:#157aaf; }

/* Стилизованные попапы */
.stylized_popup {
    display:none;
    position: fixed;
    z-index:1001;
    padding: 6px;
    padding-top: 6px;
    padding-bottom: 5px;
    -webkit-radius: 2px;
    -moz-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    box-shadow: #999999 0px 0px 25px;
    background-color: #ffffff;
}
.stylized_popup div.popup-div {
    background-color: #ffffff;
    padding:10px;
    font-size: 14px;
    color: #333333;
}

/* Стилизованные попапы новый дизайн*/
.stylized_popup.new_design {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;        
    border: 1px solid #cecece\0/;
}
.stylized_popup.new_design .popup-div {
    padding: 0;
}
.stylized_popup.new_design div {
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.stylized_popup.new_design .top-block {
    position: relative;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.stylized_popup.new_design .top-block b.close-popup {
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 11px;
    text-decoration: none;
    cursor: pointer;
}
.stylized_popup.new_design .inline {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 0;
    text-align: left;
    color: #333333;
}
.stylized_popup.new_design .inline a.part_info {
    color: #666666 !important;
}
.stylized_popup.new_design .inline.name-info {
    width: 280px;
	overflow: hidden;
}
.stylized_popup.new_design .inline.price-info {
    width: 110px;
}

/* Попап "добавление в корзину" */
#basket_popup {
    left:40%;
    top:30%;
    width:440px;
}
#basket_popup div span {
    font-size: 14px;
}
#basket_popup div p {
    padding-bottom:10px;
}
#basket_popup div a {
    font-size:12px !important;
}
#basket_popup div.inline.name-info a {
    font-size:14px !important;
}
#basket_popup #go-to-basket {
    padding: 5px 15px;
    margin-right: 12px;
    margin-bottom: 10px;
}
#basket_popup .basket-hide-popup {
    color: gray;
    font-size: 90%;
}
#basket_popup .basket-hide-popup input {
    margin-top: 0;
}
#basket_popup #back-to-basket.button {
    padding-left: 30px;
    position: relative;
}
#basket_popup #back-to-basket.button img {
    display: block;
    position: absolute;
    top: 5px;
    left: 13px;
}

/* Попап блокировки ссылок на каталоги, для неавторизованных юзеров*/
#catalog-locked-user-popup {
    top: 50%;
    left: 50%;
    width: 440px;
    margin-left: -220px;
    margin-top: -140px;
}
#catalog-locked-user-popup.stylized_popup {
    padding: 0;
}
#catalog-locked-user-popup .close {
    position: absolute;
    font-size: 23px;
    top: 12px;
    right: 13px;
    font-weight: bold;
    cursor: pointer;
}
#catalog-locked-user-popup p {
    padding-left: 20px;
    margin-bottom: 15px;
}
#catalog-locked-user-popup .login-div {
    padding-left: 20px;
}
#catalog-locked-user-popup .restore-div {
    width: 230px;
    padding-left: 20px;
}
#catalog-locked-user-popup .restore-div p,
#catalog-locked-user-popup .login-div p{
    padding-left: 0;
}
#catalog-locked-user-popup .login-div .error {
    margin-right: 0;
    margin-left: -20px;
}

/* Попап пожалуйста подождите, Попап ваш заказ обрабатывается */
#please_wait_popup {
    left:40%;
    top:45%;
    height:45px;
}
#please_wait_popup.stylized_popup {
    z-index: 11000;
}
#order_overworking {
    left:50%;
    margin-left: -135px;
    top:45%;
    height:45px;
}
#please_wait_popup div.popup-div, #order_overworking div.popup-div {
    padding-top: 5px;
    padding-left: 50px;
    padding-bottom: 5px;
    padding-right: 15px;
    font-style: italic;
    font-variant: normal;
    font-weight: 400;
    line-height: 33px;
}

/* Попап Оплата банковской картой, ширина попапа 440пикселей и есть крестик-закрывашка */
.width440-has-close {
    top: 50%;
    left: 50%;
    width: 440px;
    margin-left: -220px;
    margin-top: -140px;
}
.width440-has-close .close {
    position: absolute;
    font-size: 23px;
    top: 12px;
    right: 13px;
    font-weight: bold;
    cursor: pointer;
}
.bank-payments-result{
    color: #241d24;
    font-size: 14px;
    padding: 10px 20px 27px 20px;
}

/* Фильтры на странице счетов */
.filters li{
    flo-at:left;
    margin-right:2px;
    display: inline-block;
}
.filters * {
    font-size:12px;
}
.filters a {
    cursor:pointer;
}
.filters li.separator {
    padding-left:3px;
    padding-right:3px;
}
#itemsPerPage {
    float:right;
    margin-bottom:5px;
    text-align:right;
}

/* Отменить заказ на странице заказов */
#content .price-table td a.remove-order {
    display: block;
    color: #ff2600 !important;
    font-size: 12px !important;
    cursor: pointer;
    padding-top: 1px;
}

/* Отменить заказ на странице заказов. Диалог */
.dialog-overlay {
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    display: none;
}
.remove-order-dialog {
    background: #ffffff;
    width: 610px;
    box-sizing: border-box;
    padding: 24px;
    display: none;
}
.remove-order-title {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.remove-order-close {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    background:url(../images/shop/close-shop-popup.png) 0 0 no-repeat;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.remove-order-content p {
    font-size: 14px;
    margin-bottom: 6px;
}
.remove-order-dialog .button-container {
    padding-top: 12px;
}
input[type="submit"].dialog-button, .dialog-button {
    height: 48px;
    border-radius: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 14px;
    padding: 0 15px;
    border: none;
}

/* Обратный звонок */
.call-back {
    width:250px;
		background-color: #ffffff;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-bottom:10px;
    /* margin-top:10px; */
    position:relative;
}
.call-back.shadow {
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.call-back div.button {
    background: #9c9b9b;
    box-sizing: border-box;
    padding-top: 20px;
    height: 55px;
    cursor: pointer;
    line-height: 14px;
    padding-left: 45px;
    color: #ffffff;
    font-size:14px;
    font-weight: bold;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    position: relative;
}
.call-back div.button:hover {
    background: #b3b1b1;
}
.call-back div.button b {
    display: block;
    width: 20px;
    height: 19px;
    position: absolute;
    top: 18px;
    left: 14px;
    background:url(../images/shop/call-back-phone-white.png) 0 0 no-repeat;
}
#call-back-form button.button {
    border: none;
    outline: none;
    height: 45px;
    line-height: 45px;
    width: 135px;
    padding: 0;
    border-radius: 2px;
    box-shadow: none;
    background: #9c9b9b;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
#call-back-form button.button:hover {
    text-shadow: none;
}
.callback_popup__content {
    display: none;
}
.call-back div.form {
    display:none;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 15px 15px 20px 15px;
}
.call-back div.form label {
    margin-bottom:10px;
    display:block;
}
.call-back div.form input, .call-back div.form textarea {
    display:block;
    width:100%;
    height:38px;
    font-size:14px;
    line-height: 20px;
    margin-top:2px;
    padding-left: 10px;
}
.call-back div.form textarea {
    height:80px;
    max-width:100%;
    max-height:80px;
    padding-top: 8px;
    resize: none;
}
.call-back #error-box {
    display:none;
    margin-left: -10px;
    margin-right: -11px;
}
.call-back div.form div.alert, .call-back div.form div.error {
    padding-top:10px;
    padding-bottom:10px;
    margin-top: -1px;
}

.call-back div.form div.alert {
    font-size: 12px;
    background-image: url('../images/shop/confirm-alert.png');
    background-repeat: no-repeat;
    background-position: 10px 9px;
    padding:10px 15px 10px 35px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}

/* /Обратный звонок */
/* call back popup ---------------------- */
.callback_popup__visible #call-back-form {
    width: 100%;
    max-width: 540px;
    padding: 20px;
    position: absolute;
    left: 50%;
    margin-left: -270px;
    border: none;
    top: 50%;
    margin-top: -200px;
    z-index: 5;
    display: block;
}
.callback_popup__visible  div.button {
    display: none;
}
.callback_popup__visible .callback_popup__content {
    display: block;
}
.callback_popup__visible #call-back-form form {
    display: block;
    background: #ffffff;
    padding: 38px 40px 40px 20px;
    position: relative;
    color: #000000;
}
.callback_popup__visible .callback_popup__title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 28px;
    padding-left: 20px;
}
.callback_popup__visible .callback_popup__close {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #F3F4F6;
    top: 15px;
    right: 15px;
    position: absolute;
    cursor: pointer;
    color: #A2A2A2;
    line-height: 30px;
    text-align: center;
    font-size: 26px;
}
.callback_popup__visible #call-back-form label {
    display: inline-block;
    width: calc(50% - 20px);
    margin-right: -4px;
    margin-left: 20px;
}
.callback_popup__visible #call-back-form label span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 7px;
}
#call-back-form label span b {
    color: #ff0000;
}
.callback_popup__visible #call-back-form label input::placeholder,
.callback_popup__visible #call-back-form label textarea::placeholder {
    color: #ffffff;
}
.callback_popup__visible #call-back-form label input {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
}
.callback_popup__visible #call-back-form label textarea {
    height: 61px;
    padding-top: 4px;
    font-size: 14px;
}
#call-back-form label input[type='text']:focus, #call-back-form label textarea:focus {
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 1px 1px #dbdbdb;
}
.callback_popup__visible #call-back-form label:last-of-type {
    width: calc(100% - 20px);
}
.callback_popup__visible #call-back-form .submit {
    padding-left: 20px;
    padding-top: 20px;
}
.callback_popup__visible #call-back-form .submit .ajax-link {
    display: none;
}
.callback_popup__visible #call-back-form button.button {    
    width: 155px;
    padding: 0;
    border-radius: 40px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.callback_popup__visible #call-back-form .error, .callback_popup__visible #call-back-form .alert {
    margin-left: 20px;
    margin-top: -10px;
    margin-bottom: 20px;
}
.callback_popup__visible .callback_popup__overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: transparent;
}
.callback_popup__visible .call-back div.form {
    display: block;
}
.callback_popup__visible.call-back {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    background: rgba(0,0,0,.3);
    display: block !Important;
}
.callback_popup__visible .show-callback {
    cursor: pointer;
}
.callback_popup__show {
    cursor: pointer;
}
/* ---------------------- call back popup */

/* Кнопки соц. сетей новые */
#social-buttons-block{
    height: 25px;
    margin-top: 20px;
    margin-bottom: 8px;
    padding-left: 27px;
}
.social-square-btn {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.social-square-btn a {
    display: block;
    width: 25px;
    height: 25px;
}
#social-vk-btn {
    background-image:url(../images/shop/socials/vkontakte.png);
}
#social-fb-btn {
    background-image:url(../images/shop/socials/facebook.png);
}
#social-gplus-btn {
    background-image:url(../images/shop/socials/googleplus.png);
}
#social-twitter-btn {
    background-image:url(../images/shop/socials/twitter.png);
}
#social-ok-btn {
    background-image:url(../images/shop/socials/odnoklassniki.png);
}

/* Кнопочка скрытия поставщиков */
#hide-supplier-wrap {
    position:relative;
}
#hide-supplier-wrap div.hide-supplier {
    background:url(../images/shop/truck.png) no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
    position:absolute;
    bottom:10px;
    right:10px;
}
#hide-supplier-wrap div.hide-supplier.hidden-supplier {
    background:url(../images/shop/truck-hidden.png) no-repeat;
}

/* Блок со скидкой для неавторизованых пользователей */
.guest-user-discount-name {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 9px 10px 9px 47px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 22px;
    background: #F3F4F6;
    color: #333333;
    position: relative;
}
.guest-user-discount-name svg {
    position: absolute;
    left: 20px;
    top: 12px;
}

/* Страница подбора шин */
.filter-criterion-block{
    zoom: 1;
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}
.criterion-name{
    width: 158px;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
}
.criterion-avail-options-list{
    padding: 3px 0 4px 0;
}
.criterion-name,
.criterion-avail-options-list li,
.filter-reset{
    line-height: 14px;
}
.criterion-avail-options-list{
    border-left: 1px solid white;
    padding-left: 6px;
    float: left;
    width: 505px;
    padding-right: 33px;
}
.criterion-avail-options-list li{
    display: block;
    float: left;
    margin: 0px;
    height: 14px;
    margin: 2px 0;
}
.criterion-avail-options-list li a,
.criterion-avail-options-list li span{
    padding: 2px 4px 2px 4px;
    border-radius: 3px;
}

/* wheel_diameter brand run_flat studded season */
#filter-criterion_width li                   { min-width: 39px; }
#filter-criterion_ratio li                   { min-width: 30px; }
#filter-criterion_load_index li              { min-width: 29px; }
#filter-criterion_speed_rating li            { width: 24px; }
#filter-criterion_wheel_diameter li          { width: 24px; }

/* Листинг в подборе шин */
#found-tires-list{
    margin-top: 5px;
}
#filter-controls-block .clear,
#found-tires-list .clear{
    height: 0;
    font-size: 0;
    line-height: 0;
}
#found-tires-list .pages{
    margin-top: 5px;
}
.tire{
    width: 353px;
    height: 179px;
    float: left;
    padding: 9px 0 0px 0;
    border-width: 0 1px 1px 0;
    border-color: #DFDDDD;
    border-style: solid;
}
.tire.even{
    margin-right: 0;
    border-right: 0px;
}
.tire.last-itms{
    border-bottom: none;
}
.tire-block-l{
    float: left;
}
.pic-container{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.tire-block-l,
#found-tires-list .pic-container{
    width: 170px;
    height: 170px;
}
#found-tires-list .pic-container{
    line-height: 170px;
}
#one-tire .pic-container{
    width: 200px;
    height: 200px;
}
#one-tire .pic-container{
    line-height: 200px;
}
.pic-container img{
    display: block;
    *display: inline;
    margin: 0 auto;
}
.tire-block-l{
    margin-left: 9px;
}
.tire-block-r{
    float: left;
    padding: 4px 0 0 6px;
    width: 165px;
}
.brand-and-model{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 32px;
}
#found-tires-list .price a:link,
#found-tires-list .price a:visited{
    text-decoration: none;
}
.have-cat-descr .brand-and-model{
    padding-bottom: 4px;
}
.descr-link-block{
    display: none;
    padding-bottom: 10px;
}
.have-cat-descr .descr-link-block{
    display: block;
}
.specs-group{
    padding-bottom: 12px;
}
.specs-group p{
    line-height: 15px;
    font-size: 12px;
}
.specs-group a,
#found-tires-list .price a{
    text-decoration: none;
}
#found-tires-list .price{
    padding-top: 5px;
    line-height: 16px;
    font-size: 12px;
}
#found-tires-list .price .out-of-stock,
#price-and-buy-block .out-of-stock{
    display: block;
}
.size .value,
.li-ss .value{
    font-weight: bold;
}
.filter-reset{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    height: 100%;
    border-left-width: 1px;
    border-left-style: solid;
}
.filter-reset p{
    padding: 5px;
}

/* Страница одной шины */
#one-tire{
    padding-top: 25px;
}
#price-and-buy-block{
    display: table;
    margin: 30px auto 0 auto;
    padding: 4px 8px;
}
#one-tire-l{
    float: left;
}
#one-tire-r{
    margin-left: 30px;
    padding-top: 10px;
    float: left;
}
#tire-specs td{
    padding: 3px;
}
.param-name{
    font-weight: bold;
    width: 150px;
}
#tire-catalog-description {
    padding: 5px 100px 0px 0px;
}
#tire-catalog-description p {
    padding-bottom: 5px;
}
.tire-hidden-info{
    display: none;
}
#found-tires-list p.price a.please-register{
    text-decoration: underline;
}
#bottom-ctrls-block-l{
    float: left;
}
#bottom-ctrls-block-r{
    float: right;
    padding-top: 17px;
}

/* шины, аккумуляторы. фильтр результатов поиска */
.item-sort-block {
    padding-top: 7px;
    padding-left: 8px;
    height: 33px;
    background: #deebf7;
    margin: 20px 0 10px 0;
    position: relative;
}
.item-sort-block span {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 3px 8px 3px;
    line-height: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.item-sort-block span.active {
    background: #1978b4;
    color: #ffffff;
}
#content .item-sort-block span.active a.dotted {
    border-bottom: none;
    cursor: default;
    color: #ffffff;
}
.item-sort-block.chat {
    background: none;
}

/* Кол-во эл-тов на странице */
#items-per-page-block {
    position: absolute;
    right: 7px;
    top: 7px;
}
#items-per-page-block li{
    display: inline-block;
    vertical-align: middle;
    padding: 7px 3px 8px 2px;
    line-height: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
#items-per-page-block .items-per-page-active-opt{
    color: #ffffff;
    background: #1978b4;
    padding: 7px 5px 8px 5px;
}
.tire-spec-icon-info{
    vertical-align: top;
    display: none;
}
#specs-info-containers-block{
    display: none;
}
.tooltipster-content p{
    padding: 3px 0;
    font-size: 11px;
    line-height: 13px;
}

/* Страница единицы товара  new*/
.go-back {
    margin-bottom: 39px;
}
.shop-item-l {
    width: 200px;
    float: left;
}
.shop-item-r {
    margin-left: 210px;
}
.shop-item-l .pic-container {
    width: 200px;
}
#content .shop-item-r h1 {
    font-weight: bold;
    font-size: 24px;
    font-family: Arial, Tahoma, sans-serif;
    padding-left: 10px;
    margin-bottom: 14px;
}
.shop-item-r table {
    margin-left: 7px;
    margin-bottom: 32px;
}
.shop-item-r .param-name {
    width: 172px;
}
#price-and-buy-block.new {
    display: block;
    margin: 0 0 15px 0;
    padding: 21px 10px 5px 10px;
    position: relative;
    min-height: 33px;
    background: #ebf5fa;
    color: #333333;
    max-width: 470px;
}
#price-and-buy-block.new .minimum {
    margin-top: 13px;
    margin-left: 210px
}
#price-and-buy-block.new .out-of-stock {
    font-size: 18px;
    position: absolute;
    left: 186px;
    top: 21px;
}
#price-and-buy-block.new a {
    font-size: 18px;
}
#price-and-buy-block.new b {
    font-size: 18px;
}
#price-and-buy-block.new b span {
    font-weight: normal;
    font-size: 12px;
}
#price-and-buy-block.new input {
    padding: 12px 3px 11px 3px;
    width: 31px;
    text-align: center;
    position: absolute;
    top: 9px;
    right: 272px;
}
#price-and-buy-block.new span.button {
    font-size: 18px;
    display: inline-block;
    width: 247px;
    text-align: center;
    color: #241d24 !important;
    height: 29px;
    padding-top: 10px;
    border: 1px solid #bdc3cd;
    position: absolute;
    top: 9px;
    right: 13px;
    background: #f8f8f8;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
}
#price-and-buy-block.new span.button:hover {
    border-color: #d7dcde;
    color: #9c9998;
}
#tire-catalog-description.new, #item-catalog-description.new {
    padding: 0 0 0 10px;
}
#tire-catalog-description.new p, #item-catalog-description.new p {
    margin-bottom: 15px;
}
#tire-catalog-description.new p.title, #item-catalog-description.new p.title {
    font-size: 24px;
    margin-bottom: 17px;
}

/* блок регистрации */
.login-div .pass-word {
	position: relative;
        width: 230px;
}
.login-div  p b {
	font-size: 18px;
	font-weight: normal;
}
.login-div input, .restore-div input  {
	padding: 5px 4px;
	width: 230px;
	margin-bottom: 10px;
}
.login-div .error {
	margin-left: -9px;
	margin-right: -9px;
	padding-top: 13px;
}
.login-div a[name="restore-password"] {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px !important;
	color: #888888 !important;
}
.login-div a[name="restore-password"]:hover {
	color: #444444;
}
.login-div  .button, .restore-div .button {
	font-size: 13px;
	margin-bottom: 15px;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 10px;
}
.login-div  .button:active , .restore-div .button:active{
	background: url("../images/shop/button-bg.gif") 0 -35px repeat-x;
}
/* /блок регистрации */

/* восстановление пароля */
.restore-div {
	padding-bottom: 15px;
	position: relative;
}
.restore-div p {
	margin-bottom: 3px;
}
.restore-div p b {
	font-size: 18px;
	font-weight: normal;
}
.restore-div a[name="cn-restore-password"] {
	margin-bottom: 10px;
}
.restore-div a[name="cn-restore-password"] span span {
	font-size: 14px;
}
.restore-div .button {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
}
.restore-div .confirm-alert  {
	margin-left: -9px;
	margin-right: -9px;
	padding-top: 12px;
}
#catalog-locked-user-popup .restore-div .confirm-alert  {
	margin-left: -20px;
	padding-top: 12px;
        width: 390px;
}
.restore-div .error  {
	margin-left: -9px;
	margin-right: -9px;
	padding-top: 12px;
}
/* /восстановление пароля */

/* левое меню пользователя */
.left-menu-user {
	font-size: 14px;
	/* margin-bottom: 5px; */
	padding: 10px;
}
.left-menu-user li {
	margin-bottom: 6px;
}
.left-menu-user li:nth-child(3) {
	margin-bottom: 30px;
}
/* /левое меню пользователя */

.credit-card-icons {
    background: url('../images/shop/credit-cards.png') no-repeat;
    width: 200px;
    height: 20px;
}
.partner-banner {
    margin: 20px 0;
    overflow: hidden;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit--border-radius: 7px;
    -o-border-radius: 7px;
}
.partner-banner p{
  margin:16px;
  font-size: 14pt;
  line-height:25px;
}
.partner-banner img{
  margin:16px;
  float:left;
}
.close-button {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #bdc3cd;
  cursor: pointer;
  background-image: url("../images/shop/close-bg.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  vertical-align: top;
}
.close-button i {
  display: block;
  width: 12px;
  height: 13px;
  background-image: url("../images/shop/close-x.png");
  background-repeat: no-repeat;
  position: absolute;
  left: 9px;
  top: 9px;
  background-position: 0 0;
}
.close-button:hover {
  background-position: 0 -28px;
  border: 1px solid #cd4730;
}
.close-button:hover i {
  background-position: 0 -15px;
}
.close-button:active {
  background-position: 0 -56px;
  border: 1px solid #e43737;
  border-top: 1px solid #af3838;
  border-left: 1px solid #af3838;
}
.close-button:active i {
  background-position: 0 -32px;
}

/* Попап с картинками запчастей */
#part-image-popup {
    display: block;
    top: 50%;
    left: 50%;
    width: 440px;
    margin-left: -240px;
    margin-top: -240px;
    padding: 20px;
    background: #ffffff;
    z-index: 1050 !important;
}
#part-image-popup .close {
    position: absolute;
    font-size: 23px;
    top: 12px;
    right: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #757575;
}
.part-image-popup-wrapper {
    height: 430px;
    overflow: hidden;
}
#part-image-popup .part-image {
    height: 380px;
    text-align: center;
    line-height: 380px;
}
#part-image-popup .part-image img {
    max-width: 378px;
    max-height: 378px;
    vertical-align: middle;
}
#part-image-popup .part-image-link {
    height: 55px;
    overflow: hidden;
}
#part-image-popup .part-image-link div {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 5px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    float: left;
    border-radius: 3px;
    overflow: visible;
    -webkit-transition: all .3s;
    -moz-transition: all.3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/* ie8 */
@media \0screen {
    #part-image-popup .part-image-link div {
        line-height: 0px\0/;
    }
}

#part-image-popup .part-image-link div:hover {
    border-color: #757575;
    cursor: pointer;
}
#part-image-popup .part-image-link div.active {
    background: rgb(211, 227, 244);
    background: rgba(42, 122, 202, 0.2);
}
#part-image-popup .part-image-link div.active:hover {
    border-color: #cccccc;
    cursor: default;
}
#part-image-popup .part-image-link div.active img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#part-image-popup .part-image-link div img {
    max-width: 45px;
    max-height: 45px;
    vertical-align: middle;
    padding: 0;
}
/* Попап с картинками запчастей КОНЕЦ*/

/* новые стили для таблиц. просто добавляю класс .new-design, и от него делаю все изменения */
.price-table.new-design {
	width: 100%;
	margin-bottom: 30px;
}
.price-table.new-design td  {
	font-size: 14px;
	padding-top: 12px;
        padding-bottom: 12px;
}
.price-table.new-design td.order-status {
    padding-right: 4px;
}
.price-table.new-design td a {
    font-size: 14px !important;
}
.price-table.new-design td .price-wrap a {
    font-size: 12px !important;
}
.price-table.new-design td.last-td {
    white-space:nowrap;
    position: relative;
    padding-right: 70px;
}
.price-table.new-design td.last-td div {
    position: absolute;    
}
.price-table.new-design td.first-td {
    padding-right: 0;
}
#content .price-table.new-design td.last-td a.register {
    font-size: 12px;
    margin-right: -60px;
}
.price-table.new-design td.part-line {
    padding-top: 0;
    padding-bottom: 0;
}
.price-table.new-design th {
    padding-bottom: 11px;
    padding-top: 12px;
}
.price-table.new-design th.padding-right0, .padding-right0 {
    padding-right: 0;
}
.price-table.new-design th.price-th {
    width: 102px;
}
.price-table.new-design th.articul-td {
    min-width: 155px;
}
.price-table.new-design i.clear {
    display: block;
    clear: both;
}
.price-table.new-design td p {
    line-height: 16px;
    padding-top: 0;
    overflow: hidden;
    margin-bottom: 2px;
}
.price-table.new-design td .price-wrap p {
    font-size: 12px;
}
.price-table.new-design td p.name-articul b {
    font-weight: bold;
    padding-right: 5px;
}
.price-table.new-design td p.supplier {
    padding-top: 3px;
}
.price-table.new-design td p.price-article {
    float: left;
    margin-right: 7px;
    width: auto;
    line-height: 18px;
    overflow: visible;
    word-break: break-all;
}
/* названия в прайсах часто стоят без пробелов и ломают таблицу, разбиваем их насильно в таблице заказов*/
.price-table.new-design td.order-details {
    word-break: break-all;
}
.price-table.new-design td.order-details p {
    word-break: normal; 
}
/* Иконка что есть фотографии */
.part-image-exists {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    display:block;
    float:left;
    padding-right: 4px !important;
    background: url('../images/shop/part-image-exists.png') no-repeat 0 0;
    cursor: pointer;
}
.part-image-exists:hover {
    background: url('../images/shop/part-image-exists.png') no-repeat 0 -22px;
}
.price-table.new-design td#delivery-td {
    background-position: 100% 8px;
    padding-right: 33px;
    text-align: left;
}
.price-table.new-design td#delivery-td span.show-help {
    border-bottom:1px dotted;
    cursor:help;
}
.price-table.new-design td p.detail-name {
    float: left;
    padding-top: 2px;
    word-break: break-all;
}
.price-table.new-design td p.detail-name i {
    font-style: normal;
}
.price-table.new-design td input.small-input {
    color: #606060;
    padding: 0;
    text-align: center;
    width: 22px;
    margin-right: 0;
    height: 27px;
}
.price-table.new-design .part_info, .price-table.new-design .part_info-a {
    font-weight: bold;
    border-bottom: none;
    margin-left: 0;
    padding-left: 0;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
}
.price-table.new-design .part_info.add_part_info, .price-table.new-design .part_info-a.add_part_info{
    border-bottom: 1px dotted;
    cursor: pointer;
}
.price-table.new-design .price-wrap .order span {
    float: none !important;
}
.price-table.new-design .price-wrap, .price-table.new-design .price-wrap-h {
    padding-left: 0;
    max-width: 850px;
    width: auto;
    padding-top: 1px;
}
.price-table.new-design .price-wrap-h {
    width: 30px;
}
.order-item__info {
    font-size: 12px;
    padding: 2px 0 0 !important;
}
.price-table.new-design td p span, .order-item__info span {
    font-style: normal;
    font-size: 12px;
    display: block;
    padding-right: 8px;
    float: left;
}
.price-table.new-design td p span.part__svg-comment-icon {
    padding-right: 2px;
}
.price-table.new-design td.order-details p span {
    float: none; 
}
.price-table.new-design td p b {
    display: block;
    float: left;
    font-weight: normal;
}
.price-table.new-design td span.cart-icon {
    display: inline-block;
    background: #f9f9f9 url('../images/shop/cart-icon.png') center center no-repeat;
    height: 27px;
    border: 1px solid #bdc3cd;
    outline: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    cursor: pointer;
    width: 26px;
    vertical-align: middle;
    margin-top: 0;
}
.price-table.new-design td span.cart-icon:hover {
    border-color: #d7dce3;
    color: #9c9998 !important;
}
.price-table.new-design td span.cart-icon:active {
    border-color: #e8e8e9;
    background: url('../images/shop/button-bg.gif') left -35px repeat-x;
}
.price-table.new-design p.price-maker {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
}
.price-table.new-design .price-article, .price-table.new-design .price-maker {
    padding-top: 0 !important;
}
.price-table.new-design .add-to-basket {
    width: 55px;
    position: absolute;
    right: 8px;
    top: 8px;
}
#sort-active-header a.open_all_info_a, #sort-active-header a.open_all_info {
    text-decoration: none;
}
.price-table.new-design th a.open_all_info_a, .price-table.new-design th
a.open_all_info {
    display: inline;
    background: none !important;
    padding-left: 15px;
    padding-top: 1px;
}
.price-table.new-design th a.open_all_info_a b, .price-table.new-design th
a.open_all_info  b {
    font-weight: normal;
    border-bottom: 1px dotted;
}
.price-table.new-design .price-count-th {
    padding-left: 8px !important;
    padding-right: 5px !important;
}
.relative {
    position: relative;
}
.price-table.new-design td.date-order {
    font-size: 12px;
}
.price-table.new-design td.date-order b {
    font-size: 14px;
}

/* История редактирования заказов */
.price-table--edit-history-table {
    width:99% !important;
}
.edit-history-table th {
    padding-left: 10px !important;
}
.edit-history-table__th--right {
    text-align: right !important;
}
.edit-history-table__td--right {
    text-align: right !important;
}
.edit-history-table__td--nowrap {
    white-space:nowrap !important;
}
.price-table--edit-history-table p {
    padding: 4px !important;
}
.edit-history-table__previous-sum {
    text-decoration: line-through;
    font-size: 12px;
    opacity: 0.6;
    display: block;
}

/* фильтр сортировки по периодам */
select.filter-period {
    width: 240px;
}

/* фильтр шины новый вид, аккумуляторы тоже здесь */
a.dotted {
    text-decoration: none;
    border-bottom: 1px dotted;
}

/* сетка вывода товаров ------------------ */
.item-list {
    overflow: hidden;
}
.item-list .item-list-item-wrapper {
    width: 33%;
    display: inline-block;
    margin-left: -3px;
}
.item-list .item-list-item-wrapper:nth-child(3n+1) .item-list-item {
    margin-left: 3px;
}
.item-list .item-list-item-wrapper:nth-child(3n) .item-list-item {
    margin-right: 0;
}
.item-list .item-list-item-wrapper:nth-child(3n) {
    width: 34%;
}
.item-list .item-list-item {
  vertical-align: top;
  padding: 16px 10px 0 10px;
  border: 1px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  height: 375px;
  position: relative;
  overflow: hidden;
  margin-left: 7px;
  margin-right: 8px;
  margin-top: 10px;
  margin-bottom: 15px;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.item-list .item-list-item .pic-container-wrapper {
    width: 150px;
    margin: 0 auto;
    overflow: hidden;
}
.item-list .item-list-item .pic-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.item-list .item-list-item .pic-container img {
    max-height: 150px;
}
.item-list p.item-name {
    margin-top: 10px;
    line-height: 18px;
    margin-bottom: 5px;
}
.item-list .item-name i {
    font-style: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-list .item-name a {
    font-size: 14px !important;
    text-transform: uppercase;
}
.item-list .item-name span {
    display: block;
}
.item-list .item-list-item .item-act {
    display: block;
    position: relative;
    width: 143px;
    height: 31px;
    text-align: left;
    z-index: 7;
}
.item-list .item-list-item .item-act.register {
    width: 100%;
    line-height: 15px;
}
.item-list .item-list-item span.button {
    border: 1px solid #bdc3cd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #f8f8f8;
    display: inline-block;
    vertical-align: top;
    color: #241d24 !important;
    height: 24px;
    width: 96px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.item-list .item-list-item span.button.cart-icon, .shop-item span.button.cart-icon {
    margin: 0;
    text-decoration: none;
}
.item-list .item-list-item span.button:hover {
    border-color: #d7dce3;
    color: #9c9998 !important;
}
.item-list .item-list-item input {
    text-align: center;
    height: 27px;
    width: 25px;
    vertical-align: top;
    margin-right: 6px;
    padding: 1px;
}
.item-list p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
}
.item-list p.season {
    margin-bottom: 13px;
}
.item-list .item-list-item .price b {
    font-size: 18px;
}
.item-list .item-list-item .price-block-bg {
    background: #ebf5fa;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 13px 10px;
    height: 92px;
    width: 100%;
}
.item-list .item-list-item  .verical-center {
    height: 90px;    
    display: table-cell;
    vertical-align: middle;
}
.item-list .item-list-item .out-of-stock {
    display: block;
    padding-top: 5px;
}
/* ------------------ сетка вывода товаров */

.sort-price {
    margin-bottom: 10px;
    margin-top: 13px;
}
.sort-price i {
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url('../images/shop/up-down-icon.png') 0 bottom no-repeat;
    margin-bottom: 1px;
}
.sort-price i.up {
    background: url('../images/shop/up-down-icon.png') 0 0 no-repeat;
}
.brands {
    border: 3px solid;
    padding: 15px 0 10px 18px;
    border-color: #f1f7f8;
}
.brands b {
    display: block;
    font-size: 18px;
    margin-bottom: 13px;
}
.brands ul li {
    display: inline-block;
    vertical-align: top;
    width: 225px;
    margin-bottom: 6px;
}

/* фильтр шины */
label.label {
    display: block;
    margin-bottom: 5px !important;
    font-weight: normal !important;
}
.filter-container .label-select {
    display: block;
    margin-bottom: 6px;
}
.filter-container {
    padding: 25px 0;
    background: #f1f7f8;
}
.filter-container table {
    margin-left: 3px;
    width: 100%;
}
.filter-container table td {
    width: 33%;
    padding: 0 14px;
    margin: 0 4px 10px 4px;
}
.filter-container.additional-params {
    padding: 0;
    background: #dceaef;
}
.filter-container.additional-params .additional-params-container {
    display: none;
    padding-bottom: 20px;
    padding-top: 10px;
}
.show-additional-parameters {
    padding: 9px 21px 10px 18px;
    font-size: 11px;
}
.show-additional-parameters i {
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url('../images/shop/up-down-icon.png') 0 bottom no-repeat;
    margin-left: 3px;
}
.show-additional-parameters i.open {
    background: url('../images/shop/up-down-icon.png') 0 top no-repeat;
}

/**/
.filter-container .filter-item-chosen {
    display: none;
    font-size: 11px;
}
.filter-container .filter-item-chosen a.dotted {
    margin-right: 5px;
}
.filter-container .filter-item-chosen label {
    padding-right: 12px;
    display: inline-block;
}
.filter-container .filter-item-chosen label input {
    vertical-align: bottom;
    margin-left: 0;
}
.filter-container select {
    width: 200px;
    padding: 6px 6px 6px 2px;
    width: 100%;
    margin-bottom: 15px;
}
.label .tooltip-right, .label-select .tooltip-right {
    display: inline-block;
    background: url('../images/tooltip/hint-mark.png') left bottom no-repeat;
    width: 11px;
    height: 11px;
    margin-left: 3px;
    margin-top: 2px;
}

/* accumulators list */
.item-list .item-name.accum {
    height: 40px;
    overflow: hidden;
}
.item-list .item-accum-info {
    margin-bottom: 10px;
}
.sort-price.accum {
    margin-top: 20px;
}
.filter-container table.two-cols td {
    width: 50%;
}
.filter-container table.two-cols td.sizes input {
    height: 28px;
    width: 50px;
    padding: 0 4px;
}
.filter-container table.two-cols td.sizes span {
    padding: 0 7px;
}

/* предупреждение о том, что магазин тестовый */
.test-alert {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #e46060;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding:8px 0px 9px 0px;
}
.test-alert span {
    background: #d63939;
    box-shadow: inset 1px 1px 2px #b42626;
    -moz-box-shadow: inset 1px 1px 2px #b42626;
    -webkit-box-shadow: inset 1px 1px 2px #b42626;
    padding: 5px 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
}
body.test-alert-padding {
    background-position: center 45px;
    padding-top: 45px;
}

/* news block in the left side */
.left-sidebar-news {
    padding: 10px;
}
.sidebar-news-item span {
    border: 1px solid;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 11px;
    padding: 3px 8px 2px 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.sidebar-news-item p {
    margin-top: 5px;
    margin-bottom: 15px;
}
.left-sidebar-news.preview {
    background: #ffffff;
}

/* maker info popup */
.popup-frame.maker-info {
    width: 650px;
    margin-left: -325px;
    color: #1f1b1b !important;
}
.popup-frame-title {
    background: #e7f3f5 none repeat scroll 0 0;
    color: #3d8394 !important;
    font-size: 18px;
    min-height: 20px;
    padding: 10px 35px 10px 20px;
    margin-bottom: 5px;
}
.maker-info-text {
    padding: 20px 20px 0 20px;
    overflow-y: auto;
}
.maker-info-text p {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 22px;
}
.maker-info-text p a {
    color: #157aaf !important;
}
.maker-info-text h6 {
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: normal;
}
.maker-info-text p.font-12px {
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 35px;
}
.simple-modal-popup {
    display: none;
    width:700px;
    max-height: 740px;
    min-height: 200px;
    position: absolute;
    background: white;
    border:1px solid #f2f2f2;
    overflow: hidden;
    padding-bottom: 20px;
    background-color: white;
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
}
.simple-modal-popup .title {
    background: #ffffff none repeat scroll 0 0;
    color: #212121 !important;
    font-size: 18px;
    line-height: 22px;
    min-height: 20px;
    padding: 16px 35px 16px 20px;
    margin-bottom: 5px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
}
.simple-modal-popup .close {
    position: absolute;
    right:20px;
    top:12px;
    background:url(../images/shop/simplemodal-close.png) center center no-repeat;
    width:30px;
    height:30px;
    display: block;
    z-index:10001;
    cursor:pointer;
}
.simple-modal-popup .close.no-scroll {
    right:10px;
}

/* search basket popup new design */
.basket_search_popup {
    position: fixed;
    top: 27%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
     -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    background: #ffffff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    padding: 20px;
    z-index: 1001;
    color: #273341;
    display: none;
}

/* search basket popup new design // title */
.basket_search_popup__title {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 19px;
    margin-bottom: 30px;
    position: relative;
    color: #273341;
    margin-top: -2px;
}
/* search basket popup new design // close-icon */
.close_search_popup {
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0px;
    font-weight: normal;
    cursor: pointer;
    background:url(../images/shop/simplemodal-close.png) no-repeat;
    width: 14px;
    height: 14px;
    display: block;
}
/* search basket popup new design // text info */
.popup_article__info {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 19px;
}
/* search basket popup new design // price */
.popup_article__price {
    font-size: 19px;
    margin-bottom: 45px;
}
/* search basket popup new design // input */
.popup_article__price input {
    text-align: right;
    background: #ffffff;
    border-radius: 2px;
    padding: 0;
    padding-right: 9px;
    font-size: 19px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.20);
    border: 1px solid #d7d7d7;
    height: 40px;
    width: 54px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* search basket popup new design // price wrapper */
.popup_article__price_wrapper {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
.popup_article__price_wrapper span {
    font-size: 26px;
}
/* search basket popup new design // button */
.popup_article__button {
    width: 100%;
    text-align: center;
    height: 40px;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
    background: #0654ba;
    border: none;
    outline: none;
    margin-bottom: 10px;
    cursor: pointer;
}

/* search basket popup new design // +/- buttons */
.quantity-button {
    width: 39px;
    height: 40px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #212121;
    vertical-align: top;
    cursor: pointer;
    border: none;
    outline: none;
}    
.quantity-button:hover {
    background: linear-gradient(to bottom, #f5f5f5, #d6d3d3);
}
.popup_article__quantity_item {
    line-height: 40px;
}
.popup_article__button_white {
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    border-radius: 3px;
    font-size: 16px;
    color: #0654ba;
    background: #ffffff;
    border: 2px solid #0654ba;
    outline: none;
    cursor: pointer;
}
/* search basket popup new design // overlay */
#basket_blind {
    z-index: 1000;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
}

/* procenka psge up arrow */
.seo-up-arrow {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    background-color: #303f9f;
    position: fixed;
    z-index: 500;
    bottom: 30px;
    opacity: .5;
    cursor: pointer;
    background-image: url('../images/shop/procenka-up-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: none;    
}
.seo-up-arrow:hover {
    opacity: 1;
}
/* simplemodal overlay */
#simplemodal-overlay {
    background: rgba(0,0,0,.25);
}
.zpt-shop-overlay {
   background: rgba(0,0,0,.25); 
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 900;
   top: 0;
   left: 0;
}

/* styles for adaptive ------------------- */
.adapt-links {
    display: none;
}
.adapt-go-back {
    display: none;
}
.adapt-catalogs-title {
    display: none;
}

/* svg icons for adaptive */
.svg-burger-icon {
    width: 18px;
    height: 12px;
    fill: #ffffff;
}
.svg-person-icon {
    width: 20px;
    height: 20px;
    stroke: #ffffff;
}
.svg-lupa-icon {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}
.svg-phone-icon {
    width: 20px;
    height: 20px;
    fill: #ffffff;
}
.catalogs-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
/* ------------------- styles for adaptive */

/* table from blocks // adaptive table ------------------- */
.table-block {
    display: table;
    width: 100%;
    border-bottom: 4px solid #6b6b6b;
    margin-bottom: 36px;
}
.table-block__row {
    display: table-row;
    width: 100%;
}
a.table-block__row, a.table-block__row:hover {
    text-decoration: none !important;
}
.table-block__row.header-row {
    display: table-row;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #6b6b6b;
    color: #ffffff;
}
.table-block__block {
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-block__cell {
    display: table-cell;
    padding-left: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px;
    padding-bottom: 15px;
    font-size: 14px;
    vertical-align: top;
}
#content .table-block__cell a {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}
.table-block__cell .label-name  {
    display: none;
}
.brands-auto-modif__item-name {
    display: none;
}
/* ------------------- table from blocks // adaptive table */

/* payments history table ------------------- */
.payments-history-table .payment-comment {
    display: block;
    opacity: .5;
    padding-top: 12px;
}
.sum-plus {
    color: #19b117;
}
.sum-minus {
    color: #da2424;
}
.sum-plus i, .sum-minus i {
    font-size: 16px;
    font-style: normal;
}
.payments-history__sum, .payments-history__date{
    white-space: nowrap;
}
/* ------------------- payments history table */

/* basket table ------------------- */
/* basket table header */
.basket-table {
    display: table;
    width: 100%;
}
.basket-table__header  {
    display: table-row;
    width: 100%;  
}
.basket-table__header div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 17px;
    font-size: 12px;
    font-weight: bold;
}
.basket-table__header div.block__row {
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
} 
.basket-table__header div.basket-item__title {
    position: relative;
    padding-left: 15px !important;
}
.basket-item__title .shop_custom__checkbox {
    position: absolute;
    left: 12px;
    top: 15px;
}

/* row basket blocks */
.basket-table__item {
    display: table-row;
    width: 100%;
    backgr-ound: gray;
}

.basket-table__item.disabled-basket-item div.basket-item__brand, 
.basket-table__item.disabled-basket-item div.basket-item__name,
.basket-table__item.disabled-basket-item div.basket-item__stock-info,
.basket-table__item.disabled-basket-item div.basket-item__quantity,
.basket-table__item.disabled-basket-item div.basket-item__price {
    opacity: .5;
}
.block__row {
    display: table-cell;
    vertical-align: top;
    font-size: 15px;
}
.block__row div {
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.block__row div.info {
    font-size: 13px;
    padding-left: 0;
    padding-top: 5px;
}
.block__row div.info span {
    padding-right: 4px;
}
.block__row.basket-item__check {
    vertical-align: middle;
    padding-left: 9px;
    padding-right: 10px;
}
.basket-table__item .block__row.basket-item__check {
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}
.basket-table__item .block__row {    
    border-bottom: 1px solid #E0E0E0;
}
.basket-table__item:nth-child(2) .block__row {
    border-top: 1px solid #E0E0E0;
}
.basket-table__item .block__row.basket-item__price-info {
    border-right: 1px solid #E0E0E0;
}
.block__row.basket-item__title div {
    display: block;
    margin-right: 0;
}
.block__row.basket-item__stock-info {
    width: 182px;
}
.block__row.basket-item__price-info {
    width: 273px;
}
.basket-table__item:last-child .block__row.basket-item__price-info {
    border-radius: 0 0 3px 0;
}
.basket-table__item:nth-child(2) .block__row.basket-item__price-info {
    border-radius: 0 3px 0 0;
}
.basket-table__item:last-child .block__row.basket-item__check {
    border-radius: 0 0 0 3px;
}
.basket-table__item:nth-child(2) .block__row.basket-item__check {
    border-radius: 3px 0 0 0;
}
/* basket item name td */
.block__row.basket-item__title {
    padding-top: 13px;
    padding-left: 15px;
    position: relative;
    padding-bottom: 15px;
}
#content .basket-item__brand  {    
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 22px;
    padding-left: 53px;
    position: relative;
}
.basket-item__name {
    padding-left: 53px;
}
.basket-item__img {
    width: 38px;
    height: 38px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background: #ffffff;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 1px;
    overflow: hidden;
}
.basket-item__img img {
    max-height: 36px;
    max-width: 36px;
    vertical-align: middle;
    margin: 0 !Important;
}
.basket-item__img.basket-item__img_google {
    overflow: visible;
}
.basket-item__brand #svg-photo-icon-fill, 
.basket-item__brand .svg-google-image-icon {
   fill: #a2a2a2;
}
.basket-item__brand .part-image-exists {
    float: none;
    background: none;
    display: block;
    height: 18px;
    width: 20px;
    margin: 5px 0 0 8px;
    cursor: pointer;
}
.basket-item__brand .google-image-search-link {
    display: block;
    height: 17px;
    width: 28px;
    margin: 2px 0 0 2px;
    cursor: pointer;
}
#content .basket-item__brand b {
    font-weight: normal;
}
#content .basket-item__brand a {
    font-size: 18px;
    color: #e85f59;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed;
}

/* basket delivery td */
.basket-item__delivery {
    width: 100px;
    padding-top: 25px;
    padding-left: 8px;
}

/* basket stock td */
.basket-item__stock {
    width: 82px;
    padding-top: 25px;
}

/* basket quantity td */
.basket-item__quantity {
    width: 90px;
    padding-top: 14px;
}
.basket-item__quantity input {
    width: 59px;
    height: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    border: 1px solid #E0E0E0 !important;
}
.basket-item__quantity input + p {
    padding-top: 6px;
}
.basket-item__quantity p {
    font-size: 11px;
    line-height: 12px;
    padding-top: 3px;
}

/* basket price td */
.basket-item__price {
    width: 150px;
    padding-top: 15px;
}
.basket-item__price span {
    font-size: 20px;
    padding-right: 3px;
}
.basket-item__price .price_per_one {
    opacity: .7;
    padding-top: 2px;
}

/* basket remove td */
.basket-item__remove  {
    width: 23px;
    padding-top: 27px;
}
.basket-item__remove span {
    width: 14px;
    height: 18px;
    display: block;
    cursor: pointer;
}
.basket-item__remove span svg {
    fill: #a3a3a3;
}
.empty-basket {
    font-size: 16px;
}

/* basket order comment */
#order-comment-wrap {
    padding:14px 0px 40px 0px;
    text-align:left;
    displ-ay:inline-block;
}
#order-comment-wrap a {
    font-size: 18px !important;
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
}
#order-comment {
    display: none;
    position: relative;
}
#order-comment p {
    font-size: 16px;
}
#order-comment span {
    color: #757575;
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    left: 415px;
    top: 0px;
}
#order-comment textarea {
    display: block;
    margin-top: 7px;
    width: 432px;
    height: 95px;
    padding: 5px;
}
.result-sum {
    font-size: 15px;
    margin-bottom: 16px;
    background: #F3F4F6;
    height: 55px;
    line-height: 55px;
    border-radius: 3px;
    text-align: right;
    padding-right: 50px;
    margin-top: 10px;
}
.result-sum span {
    font-size: 22px;
    font-weight: bold;
}

/* Способы доставки */
.delivery-ways {
    margin-top: 10px;
}
.delivery-info {
    margin-bottom: 10px;
}

/* Доставка товара */
.order-delivery {
    padding-top: 36px;
    padding-bottom: 25px;
    position: relative;
}
.order-delivery p.delivery-info {
    max-width: 540px;
    font-size: 15px;
    line-height: 20px;
}
.order-delivery p {
    max-width: 650px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 25px;
}
.order-delivery p
.order-delivery p span {
    font-size: 14px;
}
.order-delivery p.title {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: bold;
}
.order-delivery label {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.order-delivery label input {
    display: none
}
.order-delivery label span.false-radio {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #F3F4F6;
    border: 1px solid #E0E0E0;
    position: absolute;
    left: 0;
    top: 0;
}
.order-delivery label input:checked + span.false-radio:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #59B3F4;
    border-radius: 50px;
    position: absolute;
    left: 4px;
    top: 4px;
}
.order-delivery label b {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    padding-top: 2px;
}
.order-delivery .button-container {
    padding: 10px;
    margin-top: 23px;
}
.order-delivery input[type="submit"] {
    height: 36px;
}
.order-delivery-item {
    position: relative;
    padding-left: 32px;
    margin-bottom: 21px;
    font-size: 14px;
    max-width: 600px;
}
.delivery-note i {
    display: block;
    font-size: 12px;
    margin-bottom: 1px;
}
.delivery-note textarea {
    resize: none;
    height: 70px;
    width: 411px;
    padding: 8px;
}
.d_delivery_widget {
    min-height: 350px; 
    width: 500px; 
    margin-left: 21px; 
    padding: 10px 13px;
    background: #d5f4fe; 
    margin-top: -15px;
}

/* sms уведомления */
.order-delivery.sms-notify {
    padding-bottom: 0;
    display: flex;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    padding: 23px 30px;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 14px;
}
.order-delivery.sms-notify label {
    margin-bottom: 0;
    margin-right: 20px;
    vertical-align: middle;
}
.order-delivery.sms-notify label span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.sms-notify input[type='text'] {
    width: 270px;
    height: 40px;
    border-radius: 5px;
    position: relative;
}

/* deleted items basket table */
.deleted-basket-items .basket-table__item {
    display: table-row;
}
.deleted-basket-items .basket-table__cell {
    display: table-cell;
    padding: 15px 0 15px 15px;
}
.deleted-basket-items .basket-table__header .basket-table__cell {
    white-space: nowrap;
}

/* "Удаленные" из корзины запчасти */
.deleted-basket-items {
    margin-top: 37px;
    padding-bottom: 10px;
}
.deleted-basket-items hr {
    border:0;
    border-bottom: 1px solid #cccccc;
}
.deleted-basket-item {
    padding: 0 0 6px 0;
}
#content .deleted-basket-item a.find-more {
    font-size: 14px;
}
.deleted-item-info {
    font-size: 11px;
    font-family: Arial;
    padding-top: 0px;
    margin-bottom: 8px;
}
.deleted-item-info i {
    font-style: normal;
}
/* Заголовок "удаленных" */
.deleted-basket-title {
    margin-bottom: 12px;
    margin-top: 12px;
}
.deleted-basket-title h3 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 28px;
}
.delete-deleted-basket-item {
    font-size:24px;
    color:red;
    cursor:pointer;
}
.delete-deleted-basket-item a {
    font-size: 13px;
}

/* Блок в корзине "Вернутся к результатам поиска" */
.return-to-search {
    margin: -5px 0 8px 0;
}
.return-to-search a {
    cursor:  pointer;
    text-decoration: underline;
}

/* Кнопка создания заказа и чекбокс "Условия поставки товара" */
.submit-order {
    width:100%;
    text-align:left;
    padding: 2px 15px 15px 15px;
    padding-left:0px;
}
.submit-order #submit-total-basket {
    font-size: 23px;
    font-weight: bold;
} 
.submit-order p {
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 19px;
}
#content .submit-order p a.ajax-link {
    font-size: 12px;
    text-decoration: underline;
    border-bottom: none;
}
input[type="submit"]#submit-order-button {
    padding: 0 18px;
    margin-top: 10px;
    font-size: 16px;
}
#submit-order-button.disabled,
#submit-order-button.disabled:hover,
#submit-order-button:disabled,
#submit-order-button:disabled:hover,
#submit-order-button:disabled:active {
    border-color: #d7dce3;
    color: #b9b7b7;
    cursor: default;
    background: #f7f7f7;
}
/* ------------------- basket table */

/* tabs on pages ------------------- */
.tabs-container {
    padding: 8px 0 9px 0;
    margin: 13px 0 20px;
    border-bottom: 2px solid #d8d8d8;
}
#content .tabs-container span, #content .tabs-container a.active {
    color: #e85f59;
    border-bottom: 4px solid #e85f59;
    background: none !important;
    padding: 0;
    padding-bottom: 8px;
    text-decoration: none;
    cursor: default;
}
#content .tabs-container a {
    text-decoration: none;
    color: #212121;
    padding: 0;
    padding-bottom: 8px;
    margin-right: 20px;
}
#content .tabs-container span {
    margin-right: 20px;
}
/*  tabs on pages ------------------- */

/* manager request page == vin request ------------------- */
.registration {
    margin-bottom: 0;
    margin-top: 0;
}
.registration td.choose-car input {
    margin-right: 0;
}
.vin-request-form {
    margin-bottom: 35px !important;
}
.vin-request-form p label {
    margin-bottom: 12px;
    padding-bottom: 0 !important;
}
.vin-request-form p label + i.hint-top {
    margin-bottom: 12px;
    margin-top: -10px
}
#vin_request_form input[type="text"], #vin_request_form input[type="password"]  {
    width: 290px;
}
#vin_request_form select {
    width: 290px;
}
#vin_request_form p input[type=radio],
#vin_request_form p input[type=checkbox] {
    width: auto;
}
#vin_request_form p textarea {
    height: 106px;
    width: 519px;
    resize: none;
}
#vin_request_form p {
    margin-bottom: 12px;
}
.vin-request-form b {
    display: block;
    font-size: inherit !important;
    font-weight: normal;
    margin-bottom: 5px;
}
.vin-request-form p b label {
    display: inline-block;
    width: auto;
    margin-bottom: 12px;
}
.vin-request-form p i, .vin-request-form i {
    font-size: 12px;
    margin-top: 2px;
    display: block;
    width: 400px;
    font-style: normal;
    opacity: .6;
}
.vin-request-form p i.hint-top {
    margin-bottom: 2px;
}
.vin-request-form  h3 + i  {
    margin-top: -10px;
}
.vin-request-form h3 {
    font-size: 16px;
    margin: 19px 0 10px 0 !important;
}
.registration td button {
    padding: 0 16px;       
    height: 48px;
    margin-top: -15px;
}
i.font-size12 {
    font-size: 12px;
    display: block;
    font-weight: normal;
    font-style: normal;
}
.manager-request p {
    margin-bottom: 15px;
}
.manager-request b {
    font-weight: normal;
}
.vin-register-text {
    margin-bottom: 20px;
}
#vin_request_form .registration td, #vin_request_form .registration th {
    padding-bottom: 0;
}
.manager-request .table-block__row .table-block__cell:last-child {
    padding-right: 10px;
}
.no-manager-answer {
    white-space: nowrap;
}
/* Форма регистрации в запросе через менеджера. Если юзер зашел не авторизованный */
.registration td label , .registration th label {
    display:block;
    padding-bottom:5px;
}
.registration td label span, .registration th label span{
    color:red;
    padding-left:3px;
}
.registration td.car-select {
    padding-bottom: 0px;
}
.registration td.choose-car {
    padding-bottom: 5px;
}
.registration td.choose-car p {
    margin-bottom: 11px;
}
.registration td.choose-car input {
    width: auto;
    margin: 0 6px 2px 0;
}
.registration td.choose-car input {
    margin-bottom: 6px;
}
.registration td.car-select div {
    margin-bottom: 0;
    margin-top: 2px;
}
.registration td.car-select div p {
    margin-bottom: 12px;
}
.registration	{
    width:100%;
    line-height:normal;
    margin-top:10px;
    margin-bottom:30px;
}
.registration td, .registration th {
    width:50%;
    padding-bottom:15px;
    vertical-align:top;
    font-weight:normal;
    text-align:left;
}
.registration td label , .registration th label {
    display:block;
    padding-bottom:5px;
}
.registration td label span, .registration th label span{
    color:red;
    padding-left:3px;
}
.registration td > div, .registration th div{
    padding:0;
    vertical-align:top;
    margin-bottom:13px;
    margin-top:5px;
}
.registration td  input, .registration th  input, .registration td  textarea {
    width: 90%;
    max-width: 500px;
    margin:0;
}
.registration td b {
    font-size:14px;
}

.registration td > div {
    position: relative;
}
.registration select {
    padding: 6px 6px 6px 3px;
    width: 90%;
    max-width: 509px;
}
/* -------------------  manager request page == vin request */

/* registration ------------------- */
/* Форма регистрации */
.registration-form  p {
    margin-bottom: 16px;
    position: relative;
}

/* Скрытое поле , используется в проверке на спам*/
.registration-form  .registration-form-field {
    display: none;
}
.registration-form  p#ch-pass-a {
    padding-left: 0;
    margin-bottom: 22px;
}
.registration-form  p.check-container {
    margin-bottom: 20px;
}
.registration-form  p.check-container input[type=checkbox] {
    margin-right: 5px;
    width: auto;
}
.registration-form  p.check-container label {
    position: relative;
    margin-bottom: 16px;
    width: auto;
}
.registration-form  p label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 7px;
}
.registration-form  p label span{
    color:red;
    padding-left:3px;
}
.registration-form p.rules {
    padding: 10px 0 0 0;
}
p.rules i {
    font-style: normal;
}
.registration-form p.rules + p.rules {
    padding: 0;
}
.registration-form p.rules label {
    width: 100%;
    position: relative;
    max-width: 100%;
}
.registration-form p.rules label b {
    font-weight: normal;
}
.registration-form  p input {
    width: 270px;
    font-size: 13px;
    padding: 4px 6px 8px 6px;
}
.registration-form  p input.checkbox,
.registration-form  p input[type="checkbox"],
.registration-form  p input[type="radio"] {
    width:15px;
    padding:0px;
    margin-bottom:6px;
}
.registration-form  p select {
    width: 270px;
    font-size: 13px;
    padding: 6px 6px 6px 2px;
}
.registration-form  p textarea {
    width: 90%;
    max-width: 500px;
    font-size: 13px;
    padding: 6px;
    resize: none;
    height: 82px;
}
.registration-form  p i {
    display: block;
    font-size: 12px;
    width: 400px;
}
.registration-form p label a {
    cursor:pointer;
    text-decoration:none;
    border-bottom:1px dotted;
}
.registration-form h3 {
    font-size: 16px;
    margin: 19px 0 5px 0 !important;
}
.registration-form  #ch-pass {
    padding-top: 0;
    padding-bottom: 5px;
}
.registration-form  #ch-pass h3 {
    margin: 0 0 15px 0 !important;
    font-size: 13px;
    font-weight: normal;
}
.registration-form  #ch-pass h3 a {
    border-bottom: 1px dotted;
    text-decoration: none;
}
.registration-form button {
    width:auto;
    margin-top:10px;
}
.registration-form button.button:disabled,
.registration-form button.button:disabled:hover,
.registration-form button.button:disabled:active {
    border-color: #d7dce3;
    color: #b9b7b7;
    cursor: default;
    background: #f7f7f7;
}

/* Выбор типа регистрации */
.registration-select-entity-type {
    padding-bottom: 18px;
    position: relative;
}
.registration-select-entity-type select {
    font-size: 13px;
    font-size: 13px;
    padding: 6px 6px 6px 2px;
    width: 270px;
}
.registration-select-entity-type label {
    display: block;
    margin-bottom: 3px;
}
/* смена пароля в профайле */
#ch-pass {
    margin:  0 0 18px 0;
    padding: 15px 0;
    display:none;
}
/* ------------------- registration */

/* диалоги с прокруткой только диалогов. Страница фиксирована. ------------------- */
.popup-frame__fixed {
    position: fixed;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    min-height: 100%;
    max-height: 100%;
    margin: 0;
    box-shadow: none;
    overflow: auto;
    z-index: 10002;
    display: none;
}
.popup-frame__contant-wrapper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 20px;
    position: relative;
    min-height: 100%;
}
.popup-frame__content {
    background: #ffffff;
    padding: 20px;
    width: 700px;
    color: black !important;
    margin: 0 auto;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 20;
}
.popup-frame__fixed .popup-frame__fixed_overlay {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.popup-frame__fixed h1 {
    padding-right: 15px;
}
.close-popup-frame__fixed {
    background:url(../images/shop/simplemodal-close.png) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -3000px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #757575;
    z-index: 10001;
    cursor: pointer;
}
/* ------------------- диалоги с прокруткой только диалогов. Страница фиксирована. */

/* Страница гаража пользователя ------------------- */
/* Гараж */
#add-car-form {
    display: none;
    dis-play: block;
    background: #f5f5f5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 15px 0 10px 22px;
}
#add-car-form .ajax-link {
    display: block;
    border-bottom: none;
    font-size: 18px;
    color: #333333;
    margin-bottom: 17px;
}
#add-car-form .ajax-link span {
    border-bottom: 1px dotted #333333;
}

/* Форма гаража */
.garage-form {
    margin-bottom: 10px;
}
.garage-form  b {
    font-weight: normal;
}.garage-form  p {
    margin-bottom: 12px;
    position: relative;
}
.garage-form  p label {
    display: block;
    margin-bottom: 3px;
}
.garage-form  p label span{
    color:red;
    padding-left:3px;
}
.garage-form  p input {
    font-size: 13px;
    padding: 6px 4px;
    width: 280px;
}
.garage-form  p select {
    font-size: 13px;
    padding: 5px 6px 5px 2px;
    width: 280px;
}
.garage-form  p textarea {
    font-size: 13px;
    height: 82px;
    padding: 4px;
    resize: none;
    width: 90%;
    max-width: 500px;
    margin-bottom: 0;
}
.garage-form  p i {
    display: block;
    font-size: 12px;
    width: 400px;
    line-height: 12px;
    font-style: normal;
    opacity: .5;
    filter:alpha(opacity=50);
    margin-top: 4px;
}
.garage-form h3 {
    font-size: 16px;
    margin: 19px 0 5px 0 !important;
}
.garage-form button {
    width:auto;
    margin-top:10px;
    margin-right: 15px;
}
#add-car-link {
    margin-bottom: 8px;
    margin-top: 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 15px 22px;
}
#add-car-link .ajax-link {
    font-size: 18px;
}
#vin_request_form .button:disabled {
    opacity: .7;
}
/* Гараж пользователя */
/* показ лоудера при загрузки формы редактирования */
.car-edit-loader {
    padding-left: 40px;
}

/* garage list ------------------- */
.garage-list-item, .garage-car-edit-block {
    border: solid 2px #ebebeb;
    padding: 21px 0 8px 24px;
    margin-bottom: 16px;
    background: #ffffff;
    color: #212121;
    font-size: 13px;
    position: relative;
}
.garage-car-edit-block {
    padding-bottom: 20px;
}
#content .garage-list-item a {
    font-size: 13px;
    cursor: pointer;
}
.garage-list-item__info {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    margin-right: -4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 20px;
}
.garage-list-item__info div {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.garage-list-item__info p {
    margin-bottom: 6px;
}
.garage-list-item__info p b {
    font-weight: normal;
}
.garage-list-item__info p i {
    font-style: normal;
    padding: 0 5px;
}
.garage-list-item__fotos {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin-right: -4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.garage-image {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #F5F5F5;
    vertical-align: middle;
    display: inline-block;
    margin: 0 4px 8px 0;
    vertical-align: middle;
    position:relative;
}
.garage-image img {
    max-width: 80px;
    max-height: 80px;    
    vertical-align: middle;
}
/* ------------------- garage list */


/*  Кнопка показа попапа с редактированием и удалением машины из гаража */
.garage-car-edit {
    position: absolute;
    display: inline-block;
    background: url('../images/shop/edit.png') no-repeat 0 3px;
    width: 16px;
    height: 16px;
    padding-bottom: 1px;
    padding-top: 2px;
    margin-left: 8px;
    cursor: pointer;
    _overflow:hidden;/*IE6, IE7*/
    *zoom:1;/* IE6, IE7*/
    *display:inline;/*IE6, IE7 */
}
.garage-car-images {
    float: right;
    width: 40%;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 21px;
}
.garage-car-images p {
    margin-bottom: 6px;
    font-size: 14px;
}
.garage-car-images div {
    float: left;
    line-height: 80px;
    margin: 0 9px 9px 0;
    height: 80px;
    width: 80px;
    background: #f5f5f5;
}
.garage-car-images img {
    vertical-align: middle;
    cursor: pointer;
}

/* Попап гаража, с кнопками редактирования, и удаления */
.grage-edit-popup {
    background:#ffffff;
    display:none;
    position:absolute;
    left:0px;
    top:35px;
    width:163px;
    height:auto;
    padding:8px;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    box-shadow:0 0 5px #e8e8e8;
    z-index:100;
    border:1px solid #d6d6d6;
    margin-top: 3px;
}
.grage-edit-popup .arrow{
    position:absolute;
    left:80px;
    top:-7px;
    display:block;
    width: 10px;
    height: 8px;
    background: url('../images/admin/garage-popup-arrow.png');
}

/* Форма редактирования гаража */
.garage-car-edit-block h3 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 25px;
    font-weight: normal;
}
/* Кнопки */
.btn {
    font-size: 12px;
    border: 1px solid #bdc3cd;
    padding-top: 2px;
    line-height: 26px;
    color: #606060;
    height: 30px;
    border-radius: 2px;
    background: #f4f4f4 url('../images/admin/btn-bg.png') repeat-x 0 0;
}
.btn:active {
    background: #f2f2f2;
}
/* opera */
@media (min-resolution: .001dpcm) {
    _:-o-prefocus, .btn {
        line-height: 27px;
    };
}
/* ff */
@-moz-document url-prefix()  {
   .btn{ line-height: normal;padding-top: 0px;padding-bottom:1px;}
}

/* Кнопка редактирования машины в гараже */
.btn-edit-garage-car {
    width: 125px !important;
    margin-right: 9px !important;
}
/* Кнопка редактирования машины из гаража */
.btn-delete-garage-car {
    width: 29px !important;;
    height: 29px !important;;
    vertical-align: bottom;
}
.btn-delete-garage-car img {
    padding-top: 5px;
}
.garage-form-images {
    overflow: hidden;
    margin-bottom: 20px;
    width:300px;
    position: relative;
}
.garage-form-images-title {
    margin-bottom: 3px;
}
.garage-image-input input {
    width: 240px;
}
.garage-image-input button {
    padding: 0;
    width: 25px;
    height: 25px;
    margin-left: 16px;
}
.upload-button{
    width: 80px;
    height: 80px;
    background: url('../images/shop/garage-upload-button.gif') no-repeat 0 0;
    margin-right: 9px;
    margin-bottom: 9px;
    float: left;
}
.qq-upload-list {
    display: none;
}
.garage-image-upload-progress {
    background: url('../images/shop/garage-upload-button.gif') no-repeat bottom left !important;
}
#garage-car-image-list {
    float: left;
}
.garage-image  img {
    vertical-align: middle;
}
.garage-image:hover .garage-remove-img {
    display: block;
}
.garage-remove-img {
    position: absolute;
    z-index: 10;
    right: 0;
    width: 16px;
    height: 16px;
    font-size: 20px;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.7);
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: red;
    cursor: pointer;
    display: none;
    line-height: 18px;
}
#garage-image-uploader {
    float: left;
}
/* ------------------- Страница гаража пользователя */

/* manager chat ------------------- */
.gray-block {
    background: #f5f5f5;
    padding: 15px 20px;
}
.chat-log-wrapper {
    margin: 0;
    padding-bottom: 40px;
}
.chat-log-wrapper + .pages {
    padding-top: 0;
    padding-bottom: 0;
}
.chat-block.chat_log_manager p:before, 
.chat-block.chat_log p:before {
    display: none;
}
.chat-block p {
    border-radius: 0;
    margin-top: 2px;
    padding: 12px;
    font-size: 14px;
    line-height: 23px;
    min-height: 23px;
}
.chat-block div {
    position: relative;
    font-size: 12px;
    opacity: .5;
    margin-bottom: 0;
}
.chat-block div b {
    font-weight: normal;
}
.chat-block div span {
    position: absolute;
    right: 0;
}
.chat_log, .chat_log_manager {
    width: 80%;
    margin-bottom: 14px;
}
.chat_log {
    margin-left: 20%;
    text-align: left;
}
.chat_log_manager.chat-block p {
    background: #ebebeb;
}
.chat_log.chat-block p {
    background: #f6f6f6;
}
.manager-chat {
    background: #f6f6f6;
    padding: 16px 128px 16px 16px;
    position: relative;
    margin-bottom: 28px;
}
.manager-chat textarea {
    width: 100%;
    height: 48px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border: none;
    font-size: 13px;
    padding: 14px 12px;
}
.manager-chat button {
    width: 102px;
    position: absolute;
    top: 16px;
    right: 16px;
}
/* ------------------- manager chat */

/* search history ------------------- */
.table-block__cell.search-history-date {
    width: 160px;
}
/* ------------------- search history */

/* bonus history ------------------- */
.bonus-history__sum span {
    display: block;
    margin-bottom: 3px;
}
.bonus-history__sum  {
    padding-right: 10px;    
}
.bonus-history-table .sum-plus i, .bonus-history-table .sum-minus i {
    font-weight: bold;
}
.bonus-history__sum, .bonus-history__date {
    white-space: nowrap;
}
/* ------------------- bonus history */

/* partner program ------------------- */
/*.partner-scheme img {
    width: 100%;
   max-width: 700px;
} */
.partner-program-text {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 21px;
}
/* partnet link body */
.partner-link {
    padding: 16px;
    background: #f6f6f6;
    text-align: left;
    margin-bottom: 24px; 
    position: relative;
}
/* partnet link text */
.partner-link span {
    font-size: 14px;
    margin-right: 16px;
}
/* partnet link content */
.partner-link_content {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 48px;
    line-height: 48px;
    width: calc(100% - 330px);
    padding: 0 16px;
    border: none;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 16px;
    color: #212121;
    margin-right: 5px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
/* partnet link 'button' */
.partner-link_copy {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    width: 120px;
    margin-right: 0;
    padding: 0;
    margin-bottom: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 16px;
    color: #212121;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    cursor: pointer;
    position: relative;
}
.partner-link_copy:before {
    display: block;
    content: attr(data-title);
    line-height: 48px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* partnet link 'button'// link copied */
.partner-link_copy.welldone, .partner-link_copy.welldone:hover {
    background: #31a51e;
    color: #ffffff;
    text-shadow: none;
}
.partner-link_copy.welldone:before {
    content: attr(data-title-done);
}
.partner-link_copy:hover {
    background: linear-gradient(to bottom, #f5f5f5, #e0e0e0);
    text-shadow: 0 1px 0 #ffffff;
}
.partner-program-subtitle {
    font-size: 18px;
    margin: 0 0 17px;
    line-height: 22px;
}
.partner-scheme {
    padding-left: 17px;
    margin-bottom: 15px;
}
.partner-scheme img {
    display: block;
}
#content .partner-program-text a {
    font-size: 14px;
    cursor: pointer;
}
.partner-programm-wrapper + .bonus-table-block {
    padding-top: 10px;
}
.bonus-table-block {
    margin-bottom: 25px;
}
.bonus-table-block p {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 14px;
}
.bonus-table {
    width: 398px;
    border-top: 4px solid #e85f59;
    border-bottom: 4px solid #e85f59;
    font-size: 16px;
}
.bonus-table td {
    padding: 15px 16px 16px 16px;
}
.bonus-table tr td:nth-child(2) {
    font-weight: bold;
    width: 80px;
}
.take-bonus-popup {
    display: none;
    background: #ffffff;
}
.take-bonus-popup div {
    margin-top: 20px;
}
.desktop-element {
    display: block;
}
.mobile-element {
    display: none;
}
#simplemodal-container a.modalCloseImg {
    top: 20px !important;
    right: 15px !important;
}
/* ------------------- partner program */

/* search form with tabs ------------------- */
#search-form-variants {
    margin-bottom: 36px;
}
#search-form-variants .button {
    font-family: Arial;
    font-size: 18px;
    width: 92px;
    width: 78px;
    height: 50px;
    border-radius: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 16px;
    color: #212121;
    border: none;
    padding: 0;
}
#search-form-variants .button:hover {
    text-shadow: none;
}
#search-form-variants .error {
    margin-top: 0;
}
#search-form-variants .search-form {
    background: #f1f7f8;
    padding: 23px 20px 20px 20px;
    position: relative;
}
#search-form-variants .search-form div {
    position: relative;
    min-width: 150px;
}
#search-form-variants table {
    width: 100%;
}
#search-form-variants table td, #search-form-variants table th {
    vertical-align: top;
}
#search-form-variants th div {
    position: relative;
}
#search-form-variants th p.input-text-example {
    font-weight: normal;
    position: absolute;
    top: 17px;
    left: 10px;
    color: #999999;
    font-size: 14px;
    white-space: nowrap;
}
#search-form-variants th p a {
    font-size: 14px !important;
}
#search-form-variants input[type='text'] {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 10px;
    height: 50px;
    border-radius: 2px;
    background-color: #fafafa;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #ebebeb;
}
#search-form-variants #search {
    font-size: 13px;
}
#search-form-variants td {
    width: 92px;
    padding-left: 7px;
}
#search-form-variants td.vin-frame {
    width: 190px;
    padding-left: 0;
}
#search-form-variants td.vin-frame  input {
    margin: 0 5px 3px 0;
}
#search-form-variants td.vin-frame label {
    padding-right: 5px;
}
#search-form-variants input[type='button'] {
    width: 95px;
}
#search-form-variants .search-form input[type="checkbox"] {
    margin: 0 8px 2px 0;
    vertical-align: middle;
}
#search-form-variants .search-form label {
    display: inline-block;
    padding: 8px 0 0 0;
    margin-right: 10px;
}
#search-form-variants .tabs table {
    width: 100%;
}
#search-form-variants .tabs td {
    text-align: center;
    padding: 0;
    height: 100%;
    vertical-align: bottom;
    padding-right: 2px;
}
#search-form-variants .tabs td.last-child {
    padding-right: 0;
}
#search-form-variants .tabs td:last-child {
    padding-right: 0;
}
#search-form-variants #tab-catalog a {
    font-size: 14px;
    text-decoration: none;
    line-height: 48px;
    display: block;
    text-align: center;
}
#search-form-variants #tab-catalog.active a {
    cursor: default;
}
#search-form-variants .tabs span {
    background: #1dabe6;
    color: #ffffff;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    line-height: 48px;
    cursor: pointer;
}
#search-form-variants .tabs span.active {
    background: #f1f7f8;
    cursor: default;
}
#search-form-variants .search-form div.search-items-list {
    position: absolute;
    padding: 5px;
    border: 1px solid #bdc3cd;
    top: 33px;
    width: 100%;
    background: #ffffff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    display: none;
}
#search-form-variants .search-form  .search-items-list.regions .wrapper {
    max-height: 204px;
    overflow-y: auto;
}
#search-form-variants div.search-items-list ul a {
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}
#search-form-variants .search-form  .search-items-list.regions {
    max-width: 380px;
    left: 150px;
    top: 85px;
}
#search-form-variants .search-form  .search-items-list.regions ul {
    margin: 0;
    font-size: 12px;
    text-align: left;
}
#search-form-variants .search-form  .search-items-list.regions li {
    cursor: pointer;
    padding: 8px 0 8px 8px;
}
#search-form-variants .search-form  .search-items-list.regions li:hover,
#search-form-variants .search-form  .search-items-list.regions li:hover a{
    background: #3875d7;
    color: #ffffff;
}
#search-form-variants .select2-container-multi .select2-choices .select2-search-field {
    width: 100%;
}
#search-form-variants a.catalog-locked-link {
    background: rgba(0, 0, 0, 0) url("../images/shop/button-bg.gif") repeat-x scroll 0 0;
    border: 1px solid #bdc3cd;
    border-radius: 2px;
    color: #241d24;
    cursor: pointer;
    font-family: Arial,sans-serif;
    outline: medium none;
    text-decoration: none;
    font-size: 18px;
    line-height: 32px;
    width: 90px;
    display: block;
    text-align: center;
    height: 32px;
}
#search-form-variants a.catalog-locked-link:hover {
   border-color: #d7dce3;
    color: #9c9998;
}

/* стили для селекта с автозаполнением в форме поиска */
#search-form-variants .select2-input {
    width: 100% !important;
}
#search-form-variants .select2-container-multi .select2-choices {
    min-height: 24px !important;
    height: 50px !important;
}
#search-form-variants .select2-container-multi .select2-choices .select2-search-field input {
    margin: 0 !important;
    color: #000000;
    font-family: Arial, sans-serif;
    padding-top: 4px;
    background: #fafafa !important;
    border: none !important;
}
#search-form-variants .select2-container-multi .select2-choices {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 50px;
    border-radius: 2px;
    background-color: #fafafa;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #ebebeb;
    border-bottom: none;
}
#search-form-variants .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #8FC5DA !important;
    box-shadow: 0 0 4px #91CDE5 !important;
    -moz-box-shadow: 0 0 4px #91CDE5 !important;
    -webkit-box-shadow: 0 0 4px #91CDE5 !important;
}
.select2-drop-active {
    border-color: #e0e0e0 !important;
    border-radius: 2 !important;
    -moz-border-radius: 2 !important;
    -webkit-border-radius: 2 !important;
    margin-top: 2px !important;
}
.select2-results li {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* search form ------------------- */

/* procenka ------------------- */
/* order brands wrapper */
.order-brands__wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
}
/* order brands overlay */
.order-brands__overlay {
    position: absolute;
    width: 100%;
    height: 100%;    
    background: rgba(0,0,0,.25);
    top: 0;
    left: 0;
    z-index: 1;
}
/* order brands popup */
.order-brands__popup {
    width: 610px;
    background-color: #ffffff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -305px;
    to-p: 150px;
}
.order-brands__popup-table {
    max-height: 400px;
    overflow-y: auto;
}
.order-brands__popup-title {
    padding: 20px;
    font-size: 19px;
    font-weight: bold;
    line-height: 0.89;
    color: #273341;
    text-transform: uppercase;
}
.order-brands__popup-close {
    cursor: pointer;
    font-size: 34px;
    font-weight: normal;
    position: absolute;
    right: 16px;
    top: 16px;
}

/* order brands popup table header */
.order-brands__popup-table-header {
    border-bottom: 1px solid #e2e2e2;
}
.order-brands__popup-table-header .tr div {
    padding-left: 15px;
    text-align: left;
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-bottom: 14px;
    font-weight: normal;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.order-brands__popup-table-header .tr div:first-child {    
    padding-left: 25px;
}
.order-brands__popup-table-header .tr div:last-child {
    text-align: right;
}
.order-brands__popup-table-header a {
    font-size: 14px !important;
    line-height: 1.64;
    color: #303f9f !important;
    border-bottom: 1px dashed;
    margin-right: 18px;
    font-weight: normal !important;
    text-decoration: none;
    cursor: pointer;
}
.order-brands__popup-table-header .tr div:last-child {
    text-align: right;
}

/* order brands popup table */
.order-brands__popup-table {
    margin-bottom: 35px;    
}
.order-brands__popup-table .tr {
    width: 585px;
}
.order-brands__popup-table .tr div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    font-size: 14px;
    padding-top: 18px;
    padding-left: 20px;
    color: #333333;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.order-brands__popup-table .tr div b {
    font-size: 17px;
}
.order-brands__popup-table .tr div input {
    margin: 0 8px 4px 0;
}
.order-brands__popup-table .tr div:first-child {
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    padding-left: 25px;
}
.order-brands__popup-table .tr div:last-child {
    text-align: right;
}

/* order brands td-div width */
.order-brands__popup .tr {
    width: 565px;
}
.order-brands__popup .td-deliv-period {
    width: 115px;
}
.order-brands__popup .td-price {
    width: 150px;
}
.order-brands__popup .td-brand {
    width: 300px;
}


/* order brands popup gray bottom */
.order-brands__popup-bottom {
    padding: 22px 20px 20px 20px;
    background: #e2e2e2;
}
.order-brands__popup-bottom input[type="button"] {
    height: 40px;
    border-radius: 3px;
    background: #0654ba !important;
    color: #ffffff;
    font-size: 16px;
    border: none;
    outline: none;
    width: 210px;
    padding: 0;
}
.order-brands__popup-bottom input[type="button"]:hover {
    text-shadow: none;
}
body.fixed {
    overflow: hidden;
}
/* ------------------- procenka */


/* bonus scheme page -------------------  */
.bonus-scheme-banner {
    padding: 24px;
    min-height: 108px;
    background-color: #e85f59;
    padding-left: 165px;
    background-image: url('../images/shop/banner-partner.png');
    background-repeat: no-repeat;
    background-position: 24px center;
}
.bonus-scheme .bonus-scheme-banner p {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 16px;
}
#content .bonus-scheme-banner a {
    display: block;
    width: 105px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #212121;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  }  
  .bonus-scheme p {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 24px;
  }  
  #content .bonus-scheme p a {
      font-size: 14px;
      text-decoration: underline;
      cursor: pointer;
  }  
  .bonus-scheme .bonus-scheme-table {
      width: 400px;
  }

/* ------------------- bonus scheme page  */
/* simplemodal-container ------------------- */
#simplemodal-container {
    padding: 0 !important;
}
#simplemodal-container .simplemodal-data {
    padding: 20px !important;
}
#simplemodal-container .simplemodal-data .title {
    background: #ffffff none repeat scroll 0 0;
    color: #212121 !important;
    min-height: 20px;
    padding: 0 15px 16px 0;
    margin: -2px 0 11px 0;    
    font-size: 19px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    line-height: 29px !important;
}
.take-bonus-popup__content {
    font-size: 14px;
}
#simplemodal-container .simplemodal-data.take-bonus-popup .title  {
    box-shadow: none;
    margin-bottom: -15px !important;
}

/* payments type dialog ------------------- */
.popup-frame__content.popup-frame__payments {
    width: 610px;
    padding: 0;
}
.popup-frame__content.popup-frame__payments .close-popup-frame {
    background:url(../images/shop/simplemodal-close.png) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.prepare-wrap {
    padding: 20px 50px 24px 24px;
}
.prepare-wrap  h1 {
    margin: 0;
    color: #212121 !important;
}
.payments_types {
    padding-bottom: 5px;
}
.payments_types__title {
    border-top: 1px solid #dcdcdc;
    padding: 40px 24px 20px 24px;
    font-size: 22px;
    font-weight: bold;
}
.payments_types__title p {
    font-size: 15px;
    margin-top: 12px;
    font-weight: normal;
    margin-bottom: -4px;
}
.payments_types__item {
    border-top: 1px solid #dcdcdc;
    padding: 10px 115px 10px 24px;
    position: relative;
    font-size: 14px; 
    min-height: 48px;
}
.payments_types__item a {    
    color: #e85f59;
    cursor: pointer;
}
.payments_types__item input[type='button'] {
    width: 95px;
    height: 48px;
    border-radius: 2px;
    background: #777777;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    font-size: 14px;
    font-family: Arial, sans-serif;
    border: none;
    outline: none;
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 12px;
    text-shadow: none;
}
.payments_types__item input[type='button'].credit-button {
    width: auto;
    background: #ffffff;
    border: 2px solid #73ACEB !important;
    color: #73ACEB;
    box-shadow: none;
}
.payments_types__item_logo {
    display: inline-block;
    width: 150px;
    padding-right: 15px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.payments_types__item_logo img {
    vertical-align: middle;
}
.payments_types__item_info {
    display: inline-block;
    width: calc(100% - 160px);
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 48px;
}
.payments_types__item_info div.vertical-align {
    display: table-cell;
    height: 48px;
    vertical-align: middle;
}
.payments_types__item_info b {
    font-weight: normal;
}

/* payments types note */
.payments_types__note {
    font-size: 13px;
    opacity: .6;
    margin-top: 5px;
    line-height: 15px;
}
.user-payment-balance {
    display: block;
    padding-top: 2px;
}
.user-payment-balance i {
    font-style: normal;
    white-space: nowrap;
}
.invoice-link {
    position: absolute;
    right: 15px;
    top: 20px;
}
.payments_types__item input:hover {
    color: rgba(255,255,255,.7);
}
.cards-icons {
    padding-top: 6px;
}
.cards-icons img {
    display: inline-block;
    border: 1px solid #dcdcdc;
}
.bank-comission {
    display: block;
    color: #989898;
}
.bank-comission i {
    font-style: normal;
    white-space: nowrap;
}
#content .bank-comission a {
    font-size: 13px;
}
.popup-fill-balance {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #f5f5f5;
    padding-left: 24px;
    font-size: 15px;
}
.popup-fill-balance span {
    font-size: 14px;
}
.popup-fill-balance input {
    width: 104px;
    height: 40px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    margin: 0 4px 0 6px;
    text-align: right;
    padding-right: 12px;
}
.avangard-form span, .qiwi-form span {
    padding-top: 5px;
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 15px;
}
.qiwi-form span b {
    font-weight: normal;
    white-space: nowrap;
    font-size: 13px;
    line-height: 15px;
}
#content .payments_dialog h1 {
    font-size: 22px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}
.payments_dialog h1 span {
    white-space: nowrap;
}
/* ------------------- payments type dialog */

/* banner @fill balance@ ------------------- */
.fill-balance-banner {
    background: #f5f5f5;
    color: #212121 !important;
    font-size: 14px !important;
    margin-bottom: 16px;
    padding: 16px 190px 16px 16px;
    position: relative;
    min-height: 48px;
}
.fill-balance-banner button.button {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 16px;
    top: 16px;
}
.fill-balance-banner button.button:hover {
    text-shadow: none;
    opacity: .8;
}
.fill-balance-banner div {
    height: 48px;
    vertical-align: middle;
    display: table-cell;
}
/* ------------------- banner @fill balance@ */

/* user order page ------------------- */
.order-info-p {
    margin-bottom: 16px;
    padding-top: 9px;
}
.order-search-form #search-btn.button {
    font-size: 16px;
    height: 44px;    
    box-shadow: none;
}
.order-search-form p {
    margin-bottom: 7px;
    margin-top: 0 !important;
}
.order-search-form p b {
    font-size: 14px;
    font-weight: normal;
}
.order-search-form input {
    height: 44px;
    padding-left: 12px !important;
}
.clear-search {
    margin-bottom: 20px;
    margin-top: -10px;
}
.order-table__date  {
    width: 120px;
}
.order-table__date b {
    display: block;
    font-size: 16px;
    padding-bottom: 7px;
}
.table-block__cell.order-table__status {
    width: 170px;
    padding-right: 12px !important;
    font-size: 13px;
}
.header-row .table-block__cell.order-table__status {
    font-size: 14px;
}
.order-item-status-block {
    white-space:normal;
    display:block;
    margin-bottom: 4px;
}
.order-item-status-block a {
    font-size: 13px !important;
    line-height: 15px !important;
}

/* order delivery */
.item-delivery {
   white-space: nowrap; 
   margin-bottom: 4px; 
}
.item-delivery a {
    font-size: 13px !important;
    border-bottom: 1px dashed !important;
}

/* Статус доставки заказа на странице заказов */
p.order-item-delivery-status {
    padding-top: 0;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 16px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
p.order-item-delivery-status span {
    margin-bottom: 3px;
    display: inline !important;
    float: none !important;
    padding-right: 5px !important;
}
.order-table i.paid, .order-table i.not-paid {
    font-size: 13px;
    font-style: normal;
    color: #229310;
}
.order-table i.not-paid {
    color: red !important;
}

/* Комментарий статуса у заказа*/
.order-status-comment {
    font-size: 12px;
    color: #008000;
    margin: 2px 2px 2px 0;
    display: block;
}
.order-item-status-block a {
    border-bottom: 1px dashed;
    text-decoration: none;
}
.order-item-status-block + p span {
    margin-bottom: 3px;
}
.order-item-name {
    font-size: 16px;
    margin-bottom: 8px;
}
#content .table-block__cell .order-item-name a {
    font-size: 16px;
    text-decoration: none;
    opacity: 1;
}
#content .order-item-name a:hover {
    text-decoration: underline;
}
.order-table .part_info.add_part_info, .order-table .part_info-a.add_part_info {
    border-bottom: 1px dashed;
    padding-left: 0;
    margin-left: 0;
}
.order-table p {    
    word-break: break-all;
}
.order-table__price {
    margin-top: 5px;
}
.order-table .price-wrap, .order-table .price-wrap-h {
    padding-left: 0;
    width: 100%;
    font-size: 13px;
    padding-top: 3px;
}
.order-table .price-wrap span, .order-table .price-wrap-h span {
    opacity: .6;
}
.follow-delivery {
    font-size: 12px;
    padding-top: 3px;
}
.follow-delivery  a {
    font-size: 12px !important;
}
.order-table__sum {
    white-space: nowrap;
}
.order-table__info b {
    font-size: 16px;
}
.order-table__info div {
    white-space: nowrap;
    padding-bottom: 3px;
}
.order-table .status-color {
    display: none !important;
}
.expected-delivery {
    margin: 2px 0 3px 0;
}
.expected-delivery, .expected-delivery a {
    font-size: 13px !important;
}

/** Оригинальная цена в списке заказов */
.order-item__original-sum,
.order-item__original-quantity,
.order-item__original-price {
    text-decoration: line-through;
    font-size: 14px;
    opacity: 0.6;
    display: block;
}
.table-block__cell.order-table__info {
    padding-right: 10px;
}
.order-table__info .order-table__sum-qty {
    display: block;
    padding-top: 3px;
}
/* ------------------- user order page */

/* orders and bills filter ------------------- */
.order-filter-container {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.order-filter-container.reverse {
    flex-direction: row-reverse;
}
.order-filter-item {
    width: 240px;
}
.order-filter-container.reverse .order-filter-item.filter-select {
    width: calc(100% - 240px);
}
.order-filter-item.period-select {
    width: 240px;
}
.order-filter-item.filter-select {    
    margin-left: 10px;
}
.order-filter-container select {
    height: 44px;
}
.show-status-filter a {
    display: block;
    width: 240px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e0e0e0;
    height: 44px;
    padding-left: 47px;
    text-align: left;
    line-height: 44px;
    color: #212121 !important;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px !important;
    position: relative;
    border-radius: 2px;
    margin-left: auto;
    background: #ffffff;
}
.show-status-filter a:before {
    content: '';
    border: 5px solid transparent;
    border-top: 5px solid #737373;
    position: absolute;
    right: 15px;
    top: 19px;
}
.show-status-filter a:after {
    content: '';
    display: block;
    background: url('../images/shop/mobile-filter.png') 0 0 no-repeat;
    height: 20px;
    width: 24px;
    opacity: .6;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -10px;
    padding-left: 16px;
}

.order-filter-container .mobile-only {
    display: none;
}
/* ------------------- orders and bills filter */
/* orders compact-view filter ------------------- */
.order-filter-container__order {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order-filter-container__order .search-result__switcher {
    margin-right: 0;
}
/* ------------------- orders compact-view filter */

/* bill filters list ------------------- */
.bill-filters {
    height: 44px;
   display: flex;
   line-height: 44px;
}
#content .bill-filters a {
    position: relative;
    padding-left: 24px;
    margin-right: 20px;
    text-decoration: none;
    color: #000000;
}
.bill-filters a:before,
.bill-filters a.checked-period.checked-disabled:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #b8b8b8;
    background: #ffffff;
    border-radius: 50px;
}
.bill-filters a.checked-period:before {
    border: 5px solid #4a88f5;
    width: 4px;
    height: 4px;
}
.bill-filters .active {
    display: none;
}
.bill-filters__list {
    position: absolute;
    top: 43px;
    left: -1px;
    width: 240px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    z-index: 50;
    display: none;
    border-radius: 0 0 2px 2px;
    border: 1px solid #c1c1c1;
    border-top: none;
}
.bill-filters__list a {
    display: block;
    color: #212121 !important;
    text-decoration: none;
    padding-left: 16px;
    line-height: 42px;
}
.bill-filters__list a:hover {
    background: #f6f6f6;
}
.bill-filters:hover {
    border-radius: 2px 2px 0 0;
    border-bottom: none;
}
.bill-filters:hover .bill-filters__active:before {
    border: 5px solid transparent;
    border-bottom: 5px solid #737373;
    top: 14px;
}
.bill-filters:hover .bill-filters__list {
    display: block;
}
/* ------------------- bill filters list */

/* Cтатусы ------------------- */
#edt_status {
    display:none;
    position:absolute;
    background:#ffffff;
    box-shadow:0px 0px 20px #cccccc;
    -moz-box-shadow:0px 0px 20px #cccccc;
    -webkit-box-shadow:0px 0px 20px #cccccc;
    z-index: 2;
    margin-top: -45px;
    /*right: 0;*/
    left: 150px;
}
#edt_status a#close-filter {
    font-size: 24px !important;
    font-weight: bold;
    position: absolute;
    top: 18px;
    right: 15px;
    color: #757575 !important;
    text-indent: 3000px;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
    background: url('../images/shop/simplemodal-close.png') 0 0 no-repeat;
    width: 14px;
    height: 14px;
    display: block;
}
#edt_status a {
    color: #174873 !important;
    margin-right: 10px;
    font-size: 12px !important;
}
#edt_status ul {
    padding:10px 14px 10px 11px;
}
#edt_status ul li {
    margin-bottom:2px;
    padding:6px 20px 7px 30px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-align:left;
    position: relative;
}
#edt_status ul li input {
    position: absolute;
    left: 10px;
    top: 8px;
    margin: 0;
}
#edt_status ul li.check-links {
    margin-bottom:3px; 
    line-height:normal; 
    text-align:left;
    padding-left: 0;
}
#edt_status p {
    padding-top:9px;
    padding-right:10px;
}
#edt_status p.title {
    color: #333333;
    font-size: 18px;
    text-align: left;
    padding-left: 11px;
    padding-top: 17px;
}
#edt_status button.button {
    margin-left: 11px;
    margin-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}
#edt_status .button-container {
    text-align:left; 
    margin-bottom:8px;
}
/* ------------------- Cтатусы */
/* contacts page form ------------------- */
.contacts {
    border: 1px dashed red;
    margin: 10px;
    padding: 10px;
}
.contact_form {
    margin-bottom: 30px;
    width: 90%;
    max-width: 500px;
}
/* Скрытое поле для отлова спамеров */
.contact_form .text-input.spam{
    display: none;
}
.contact_form label span {
    color: red;
    font-weight: bold;
}
.contact_form label {
    display: block;
    padding: 16px 0px 4px 0px;
    font-size: 14px;
}
.contact_form input {
    width: 100%;
    padding: 6px 4px;
    margin-bottom: 2px;
}
.contact_form .nth-child-2 input {
    margin-right: 0;
}
.contact_form textarea {
    width: 100%;
    resize: none;
}
.contact_form div {
    padding-right: 20px;
}
.contact_form .text-input {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
}
.contact_form button {
    margin: 30px 0px 0px 0px;
}
.contact_form button:hover {
    text-shadow: none;
}
/* ------------------- contacts page form */

/* order table popups ------------------- */
#order-actions-popup .popup-div {
    padding: 0;
}
#order-actions-popup.popup-frame div.popup-div {
    width: 100%;
}
#content #order-actions-popup h1 {
    font-size: 19px !important;
    font-weight: bold;
    padding: 19px 50px 19px 24px;
    margin-right: 0 !important;
    color: #212121 !important;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin-left: 0 !important;
}
.order-actions-table-header {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 4px;
}
.order-actions-table-header div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    padding: 6px 0 15px 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.order-actions-table-row div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    padding: 12px 0 12px 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.order-actions-table  .order-actions__manager {
    text-align: right;
    width: 230px;
    padding-right: 24px;
}
.order-actions-table.order-actions__edit-history-table .order-actions__manager {
    width: 200px;
}
.order-actions-table .order-actions__date {
    text-align: right;
    width: 145px;
}
.order-actions-table .order-actions__money {
    text-align: right;
    width: 120px;
}
.order-actions-table .order-actions__money_prev-sum {
    text-decoration: line-through;
    opacity: .5;
}
.order-actions-table .order-actions__money_prev-sum b {
    font-weight: normal;
}
.order-actions-table .order-actions__actions {
    width: calc(100% - 375px);
}
.order-actions-table .order-actions__info {
    width: calc(100% - 465px);
}
.order-actions__actions b {
    display: block;
    padding-bottom: 7px;
}
.order-actions__manager span {
    display: none;
}
#order-actions-popup .nothing-found {
    padding-left: 24px;
}
.edit-history-popup {
    margin-top: -48px;
}
#order-actions-popup .popup-div {
    min-height: 300px;
    padding-bottom: 20px;
}
#order-actions-popup div.popup-frame {
    display: block;
}
#order-actions-popup.popup-frame__fixed.visible {
    display: block !important;
}
#order-actions-popup.popup-frame__fixed .popup-frame {
    margin-bottom: 20px;
}
#order-actions-popup div.popup-frame div.popup-div {
    width: 100%;
}
#order-actions .order-actions-table-row:last-child {
    border-bottom: none !important;
}
/* ------------------- order table popups */

.nothing-found-text{
    background-color: #e94816;
    color: #ffffff !important;
    background-image: url('../images/shop/warning-triangle.png');
    background-repeat: no-repeat;
    background-position: 20px 11px;
    border: none;
    font-size: 16px;
    line-height: 19px;
    padding-left: 50px;
    padding-top: 11px;
    padding-bottom: 11px;
}

/* instant registraion ------------------- */
#submit-order-button {
    border: none !important;
    height: 48px;
    border-radius: 2px;
    background: #59B3F4;
    font-size: 16px;
    color: #ffffff;
}
#submit-order-button:hover {
    background: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
    text-shadow: 0 1px 0 #ffffff;
}
.submit-order .button-container {
    min-height: 85px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #F3F4F6;
    margin-bottom: 25px;
}
.submit-order input[type="submit"]#submit-order-button {
    width: 210px;
    height: 55px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: none !important;
    margin-right: 40px;
    margin-top: 0;
}

/* instant registration block */
.instant-registraion__title {
    font-size: 25px;
    margin-bottom: 23px;
    font-weight: bold;
    padding-top: 35px;
}
.instant-registraion__item {
    position: relative;
    margin-bottom: 16px;
}
.instant-registraion {
    position: relative;
}
.instant-registraion__item label span {
    color: #FF0000;
    margin-left: 3px;
}

/* instant registration block // legal person */
.instant-registraion__legal_person {
    position: absolute;
    width: 280px;
    min-height: 280px;
    background: #F3F4F6;
    border-radius: 3px;
    text-align: center; 
    right: 0;
}
.legal_person__svg {
    border-radius: 50px;
    background: #ffffff;
    margin: 60px auto 18px auto;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
 .legal_person__svg svg {
     fill: #59B3F4;
     margin-top: 13px;
 }
 .instant-registraion__legal_person span {
     display: block;
     font-size: 15px;
     line-height: 20px;
     padding: 0 20px;
     font-style: italic;
 }
 
 /* instant registration block // form */
 .instant-registraion__form {
     margin-right: 310px;
     position: relative;
 }
#content .instant-registraion__form a.active-user {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    z-index: 3;
}
.instant-registraion input[type='text'] {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 5px;
}
.instant-registraion__item label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 26px;
}
.instant-registraion label i {
    color: red;
    font-size: 16px;
    padding-left: 3px;
    font-style: normal;
}
.instant-registraion label span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.instant-registraion label b {
    font-weight: normal;
}
.instant-registraion p.rules {
    padding: 10px 0 20px;
}
.instant-registraion p.rules label {
    max-width: 100%;
    vertical-align: middle;
    position: relative;
}
.instant-registraion button.button {
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    box-sizing: border-box;
    width: 220px;
    position: relative;
    z-index: 2;
}
.instant-registraion .button-container {
    position: relative;
}
.fast-reg-button-container .false-reg-button {
    position: absolute;
    width: 220px;
    height: 45px;
    z-index: 5;
    background: transparent;
    opacity: .5;
    display: none;
}
.fast-reg-button-container.active .false-reg-button {
    display: none;
}
.instant-registraion .shop_custom__checkbox.reg-error span {
    border-color: #ff1e14;
}
.instant-registraion .shop_custom__checkbox.reg-error input:checked + span {
    border-color: #E0E0E0;
}
.instant-registraion button.button:hover {
    text-shadow: none;
}
.instant-registraion button.button[disabled="disabled"], .instant-registraion button.button[disabled="disabled"]:hover {
    background: #F3F4F6 !important;
    color: #a2a2a2 !important;
    cursor: default;
}
.change_contact_form label span {
    color: red;
    font-size: 16px;
    padding-left: 3px;
}
.change-contact-registraion__error-note {
    font-style: italic;
    font-size: 12px;
    display: block;
    padding-top: 7px;
    color: #ff1e14;
}
.instant-registraion__item .short-input {
    display: flex;
    justify-content: space-between;
}
.instant-registraion__item .short-input.phone-first {
    flex-direction: row-reverse;
}
.instant-registraion__item .short-input div {
    width: calc(50% - 10px);
}
.instant-registraion__item.short-input div:first-child {
    margin-right: 6px;
}
.instant-registraion__item.short-input input {
    width: 202px;
}
.instant-registraion__note {
    font-style: italic;
    font-size: 13px;
    display: block;
    padding-top: 7px;
}
.instant-registraion__item.has-error input {
    border: 1px solid #ff1e14;
}
.instant-registraion__error-note {
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
    display: block;
    padding-top: 7px;
    color: #ff1e14;
}
#content .instant-registraion__error-note a {
    color: #ff1e14 !important;
    font-size: 13px;
}

/* registration and authorisating dialog , quick authorisation dialog - change price */
.auth-form__dialog, .basketh-form__dialog {
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 4px;
}
#simplemodal-container .simplemodal-data .auth-form__dialog .title,
.basketh-form__dialog .title  {
    font-size: 25px !important;
    font-weight: bold !important;
    text-transform: none !important;
    padding-top: 0 !important;
    margin-bottom: 11px !important;
    line-height: 29px !important;
    box-shadow: none !important;
    margin-top: -2px !important;
}
.auth-form__dialog label {
    display: block;
    margin-bottom: 18px;
}
.auth-form__dialog input[type='text'],
.auth-form__dialog input[type='password'] {
    width: 185px;
    height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    padding-left: 12px;
    border: 1px solid #E0E0E0;
}
.auth-form__dialog input[type='text'].long-input {
    width: 290px;
}
.auth-form__dialog .form-item {
    position: relative;
}
.auth-form__dialog label.show-pass {
    position: absolute !important;
    left: 228px;
    bottom: 0;
    width: 40px;
    height: 38px;
    display: block;
    backgr-ound: red;
    cursor: pointer;
    margin-bottom: 0 !important;
}
.auth-form__dialog .show-pass svg {
    fill: #a2a2a2;
    position: absolute;
    z-index: 7;
    left: 9px;
    top: 12px;
     cursor: pointer;
}
.auth-form__dialog .show-pass input {
    position: absolute;
    left: 9px;
    top: 12px;
    z-index: 6;
    opacity: 0 !important;
}
.auth-form__dialog .show-pass input:checked + svg {
    fill: #6EB3EF;
}
.auth-form__dialog .show-pass:hover:before {
    content: '';
    display: block;
    height: 34px;
    width: 34px;
    border-radius: 100px;
    background: #e8ebed;
    position: absolute;
    left: 2px;
    top: 1px;
    z-index: 2;
}  
#simplemodal-container a.modalCloseImg:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: rgba(0,0,0, .1);
    position: absolute;
    left: -8px;
    top: -8px;
    opacity: 1;
}
#simplemodal-container a.modalCloseImg{
    opacity: .5;
}
#simplemodal-container a.modalCloseImg:hover {
    opacity: .8;
}
.btn-loader {
    padding-left: 16px;
    padding-right: 16px;
    height: 48px;
    border-radius: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border: none;
    font-size: 16px;
    color: #212121;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 24px;
}
.auth-form__dialog .btn-loader {
    height: 40px;
    box-shadow: none;
    border-radius: 5px;
}
.auth-form__dialog .dot-loader {
    top: -3px;
}
.auth-form__dialog input[type='button'],  .basketh-form__dialog input[type='button'] {
    padding-left: 16px;
    padding-right: 16px;
    height: 40px;
    border-radius: 5px;
    background: #59B3F4;
    border: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    min-width: 120px;
}
.auth-form__dialog input[type='button']:hover {
    text-shadow: none;
}
.auth-form__dialog .form-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 11px;
}
.auth-form__dialog .error-text {
    display: block;
    color: #ff1e14;
    padding-top: 5px;
    line-height: 24px;
}
.auth-form__dialog .error-text a {
    color: #ff1e14;
}
.auth-form__dialog .note-text {
    padding-top: 18px;
}
.auth-form__dialog .has-error input[type="text"],
.auth-form__dialog .has-error input[type="password"] {
    border: 1px solid #ff1e14;
}
.password-not-come {
    padding-top: 16px;
    line-height: 22px;
}
.password-not-come div {
    padding-top: 16px;
    display: none;
}
.password-not-come div p {
    padding-left: 27px;
    position: relative;
    width: 535px;
}
.password-not-come div p:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #212121;
    position: absolute;
    left: 2px;
    top: 9px;
    border-radius: 50px;
}
.disabled {
    color: #9e9e9e;
}
#simplemodal-container a.modalCloseImg {
    top: 24px;
    right: 24px;
}
/* ------------------- instant registraion */

/* authorisation ------------------- */
.authorisation  {
    margin-top: 20px;
}
.authorisation a {
    display: inline-block;
    width: 50%;
    margin-right: -4px;
    text-align: center;
    background: #f6f6f6;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
}
.authorisation a:nth-child(2) {
    border-left: 1px solid #b7b7b7;
}
.hidden-icon {
    display: none;
}
.authorisation a:first-child {text-decoration: none;}

.authorisation a:first-child span {
    text-decoration:underline;
}
.authorisation a:first-child .svg-person-icon {
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px;
    fill: #000000 !important;
}

/* authorisation dialog */
.auth-form__dialog.authorisation-dialog label {
    margin-bottom: 6px;
    position: relative;
}
.auth-form__dialog.authorisation-dialog .title {
    margin-bottom: 27px;
}
.auth-form__dialog.authorisation-dialog input[type='text'],
.auth-form__dialog.authorisation-dialog input[type='password'] {
    width: 269px;
}
.auth-form__dialog.authorisation-dialog label a {
    position: absolute;
    right: 0;
    color: #006993;
}
.auth-form__dialog.authorisation-dialog .form-item {
    margin-right: 15px;
}
.auth-form__dialog.authorisation-dialog .form-item:nth-child(2) {
    margin-right: 0;
}
.auth-form__dialog.authorisation-dialog .button-container,
.basketh-form__dialog .button-container {
    padding-top: 24px;
}
.auth-form__dialog.authorisation-dialog .button-container a {
    color: #006993;
}
.auth-form__dialog.authorisation-dialog .button-container input,
.basketh-form__dialog .button-container input {
    margin-right: 24px;
}
.auth-form__dialog.authorisation-dialog .button-container input[name="restorePasswordBtn"] {
    width: 180px;
}
.auth-form__dialog.authorisation-dialog input[type='text'].long-input,
.auth-form__dialog.authorisation-dialog input[type='password'].long-input {
    width: 560px;
    margin-right: 0;
}
.auth-form__dialog.authorisation-dialog p {
    margin-bottom: 22px;
}
.auth-form__dialog.authorisation-dialog .button-container a[name="toggle_auth_restore_form"], 
.auth-form__dialog.authorisation-dialog .button-container a[name="toggle_auth_restore_form"] {
    display: none;
}
.auth-form__dialog input[type="text"].input-width-0 {
    padding: 0;
    height: auto;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
    box-shadow: none;
    font-weight: bold;
}
/* ------------------- authorisation */

/* Каталог - запчасти из прайсов в наличии */
/* Форма поиска*/
.search-form--warehouse {
    color: #141414;
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 18px 23px 24px 23px;
    display: flex;
    align-items: flex-end;
    max-width: 1100px;
}
.search-form-element--maker, .search-form-element--model {
    width: calc(50% - 50px);
    box-sizing: border-box;
    padding-right: 15px;
}
.search-form-element--search-button {
    width: 100px;
}
.search-form-select--warehouse-maker,
.search-form-select--warehouse-model {
    width: 100%;
    height: 50px;
}
.search-form-button {
    background: #e04848;
    color: #ffffff;
    width: 100px;
    height: 50px;
    border-radius: 3px;
    border:0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 14px;
    cursor:pointer;
}
.search-form-button:disabled {
    background: #ccc;
    cursor: default;
}
.search-form-label {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

/* Блок с информацией об авто */
.warehouse-car-info {
    margin: 15px 0 30px 0;
}
.warehouse-car-info__name {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
}
.warehouse-car-info__param {
    line-height: 15px;
    font-size: 14px;
    margin-bottom: 9px;
}
.warehouse-car-info__image {
    float: left;
    width: 120px;
    margin-right: 16px;
}
.warehouse-car-info__image img {
    max-width: 120px;
}

/* Список запчастей */
.warehouse-parts {
    margin-bottom: 48px;
}
.warehouse-parts__title {
    font-weight: normal;
    font-size: 20px;
    color: #297FC8;
    margin-bottom: 10px;
}
.warehouse-part:last-child {
    border-bottom: 1px solid #2078C5;
}
.warehouse-part {
    width: 100%;
    display: table;
    border-top: 1px solid #2078C5;
    background-color: #D1E4F2;
}
.warehouse-part__description,
.warehouse-part__price,
.warehouse-part__quantity,
.warehouse-part__action {
    box-sizing: border-box;
    padding: 7px 8px 7px 8px;
    display: table-cell;
    vertical-align: middle;
}
.ajax-link--warehouse-article-link {
    font-weight: bold;
    color: #E85D60 !important;
}
.warehouse-part__action {
    width: 180px;
}
.warehouse-part__price {
    width: 120px;
    white-space: nowrap;
}
.warehouse-part__price b{
    font-size: 15px;
}
.warehouse-part__quantity {
    width: 60px;
    white-space: nowrap;
}
.warehouse-part__button {
    white-space: nowrap;
    background: #E85D60;
    color: #ffffff;
    width: 172px;
    height: 40px;
    border-radius: 3px;
    border:0;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
}
.warehouse-part__button:hover {
    opacity: 0.9;
}
.show-part-images--warehouse {
    position: absolute;
    margin-left: 8px;
    margin-top: -1px;
}
.warehouse-category-list li {
    list-style: circle;
}
/* Конец - Каталог - запчасти из прайсов в наличии */
/* -------------------  */

/* old procenka ---------------- */
.short-search-title {
    padding-bottom: 8px;
    font-size: 16px;
}
h4.search-result-analogs {
    margin-bottom: 10px;
}
.part-not-found-message {
    padding-top: 3px;
}
.mobile-label {
    display: none;
}
/* ---------------- old procenka */

.header-adapt-search {
    display: none;
}

/* quick registration // order new price dialog ---------------- */
.auth-form__price-change__table {
    margin-left: -23px;
    margin-right: -20px;
}
.auth-form__price-change__table table {
    width: 100%;
    color: #0e0f11;
}
.auth-form__price-change__table th {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 7px;
    text-align: left;
    font-weight: normal;
    padding-right: 20px;
}
.auth-form__price-change__table td {
    padding-right: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 13px;
    padding-top: 13px;
}
.auth-form__price-change__table th:first-child,
.auth-form__price-change__table td:first-child {
    padding-left: 24px;
}
.auth-form__price-change__table .part-info-table {
    display: table;
}
.auth-form__price-change__table .part-info b {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.auth-form__price-change__table .part-info .articul {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.auth-form__price-change__table .part-info .name {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.auth-form__price-change__table .price b {
    font-size: 16px;
    padding-right: 5px;
}
.auth-form__dialog input[type="button"].green-button, .button.green-button {
    background: #0c9c2e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.auth-form__dialog input[type="button"].green-button:hover, .button.green-button:hover {
    text-shadow: none !important;
    background: #0b8e2a !important;
}
.auth-form__dialog input[type="button"].red-button, .button.red-button {
    background: #d60d29 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.auth-form__dialog input[type="button"].red-button:hover, .button.red-button:hover {
    text-shadow: none !important;
    background: #c50c25 !important;
}
/* ---------------- quick registration // order new price dialog */

/* registration // change phone ---------------- */
.phone_confirmation_form__content label {
    display: block;
    margin-bottom: 6px;
}
.phone_confirmation_form__content .form-item {
    margin-bottom: 24px;
}
.phone_confirmation_form__content .form-item input[type='text'] {
    width: 100%;
    height: 48px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    padding-left: 12px;
}
.phone_confirmation_form__content input[type="button"] {
    padding-left: 16px;
    padding-right: 16px;
    height: 48px;
    border-radius: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border: none;
    font-size: 16px;
    color: #212121;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 24px;
}
#content a.phone_confirm_cancel, #content a.show-code-text,
#content a.phone_confirm_cancel:hover, #content a.show-code-text:hover {
    color: #006993;
    font-size: 14px;
}
/* ---------------- registration // change phone */

/* procenka // price without delivery  */
.price-without-delivery {
    font-size: 12px;
    display: block;
    line-height: 14px;
    padding-top: 3px;
    padding-bottom: 5px;
    opacity: .7;
    font-weight: normal;
}

/* procenka // google image search link */
.google-image-search-link {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 17px;
    margin-left: 3px;
    position: relative;
    margin-top: -2px;
    border-bottom: none !important;
}
.google-image-search-link:hover:after {
    content: 'поиск изображения в Google';
    display: block;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 2px;
    background: rgba(0,0,0,.8);
    color: #ffffff !important;
    top: 100%;
    left: -14px;
    margin-top: 10px;
    position: absolute;
    z-index: 500;
    text-transform: none;
    white-space: nowrap;
    font-weight: normal !important;
}

/* panic warning popup */
.special-warning-block {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
}
.special-warning-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.4);
    left: 0;
    top: 0;
    z-index: 2;
}
.special-warning-popup {
    background: #ffffff;
    width: 424px;
    min-height: 278px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -212px;
    top: 180px;
    padding: 40px 20px;
    font-size: 15px !important;
    line-height: 22px !important;
    z-index: 5;
    text-align: center;
    color: #333333 !important;
}
.special-warning-text__content span {
    display: block;
    padding-top: 12px;
}
.special-warning-text__title {
    font-size: 25px !important;
    font-weight: bold;
    margin-bottom: 23px;
}
.special-warning-close {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: #F3F4F6 url('../images/shop/special-warning-close.png') center center no-repeat;
}
.special-warning-close:hover {
    background-color: #dddee2;
}
.special-warning-button {
    width: 155px;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 50px;
    margin: 30px auto 0 auto;
    background: #59B3F4;
    color: #ffffff !important;
    text-align: center;
    cursor: pointer;
}

/* sto form  */
.sto__user_form label {
    display: block;
    margin-bottom: 3px;
}
.sto__user_form input[type='text'] {
    width: 100%;
}
.sto__user_form textarea {
    width: 100%;
    height: 128px;
}
.three_inputs, .two_inputs {
    width: 100%;
    max-width: 640px;
    display: flex;
    margin-bottom: 20px;
}
.form_subtitle {
    margin-bottom: 15px;
    padding-top: 20px;
    font-weight: bold;
}
.textarea_div {
    width: 100%;
    max-width: 640px;
    margin-bottom: 20px;
}
.three_inputs div {
    width: calc(33% - 12px);
    margin-right: 12px;
}
.three_inputs > div:nth-child(2) {
    width: calc(34% - 16px);
    margin-left: 8px;
    margin-right: 8px;
}
.three_inputs div:nth-child(3) {
    margin-left: 12px;
    margin-right: 0;
}
.two_inputs div {
    width: calc(50% - 10px);
}
.two_inputs div:nth-child(1) {
    margin-right: 10px;
}
.two_inputs div:nth-child(2) {
    margin-left: 10px;
}
.sto-date-wrapper {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff; 
    border-radius: 2px;
    position: relative;
}
.sto-date-wrapper input[type="text"] {
    background: transparent;
    position: relative;
    z-index: 3;
}
/* sto info */
.sto__info {
    display: flex;
    margin-bottom: 40px;
    padding-top: 20px;
}
.sto__map {
    max-width: 600px;
    width: calc(100% - 330px);
}
.sto__map iframe {
    width: 100% !important;
}
.sto__map  img {
    width: 100% !important;
}
.sto__address {
    width: 310px;
    padding-right: 20px;
}
.sto__address div {
    margin-bottom: 15px;
}
.sto__address div  b {
    display: block;
    margin-bottom: 5px;
}
.sto__user_form .rules {
    margin-bottom: 20px;
}
.data-item {
    position: relative;
}
.data-item input {
    padding-right: 35px;
}
.data-item .svg-data {
    position: absolute;
    right: 11px;
    bottom: 9px;
    fill: #acacac;
}

/* search help popup with fixed gear button */
.popup-gear {
    fill: #888787;
}
.gear-button {
    width: 140px;
    height: 140px;
    position: relative;
    z-index: 3;
}
.gear-button  svg {
    width: 140px;
    height: 140px;
}
.gear-button:before {
    content: '';
    display: block;
    width: 142px;
    height: 144px;
    background: url('../images/shop/gear-shadow-desk.png') center center no-repeat;
    position: absolute;
    z-index: 5;
    left: 0;
    top: -2px;
}

.gear-button__wrapper.animated .gear-button {
   transition: 2s all;
   animation: 2s shake backwards;
}
@keyframes shake{
    0%{
        transform: rotateZ(0);
    }
    20%{
        transform: rotateZ(25deg)
    }
    30%{
        transform: rotateZ(-20deg)
    }
    50%{
        transform: rotateZ(0)
    }
    70%{
        transform: rotateZ(25deg)
    }
    80%{
        transform: rotateZ(-20deg)
    }
    100%{
        transform: rotateZ(0)
    }
}
.gear-button__wrapper {
    width: 140px;
    height: 140px;
    overflow: hidden;
    position: fixed;
    right: -70px;
   top: 50%;
   margin-top: -70px;
   z-index: 50;
   cursor: pointer;
   border-radius: 100px;
}
.gear-button__text__desk {
    position: absolute;
    top: 22px;
    left: 18px;
    z-index: 5;
}
/* gear button mobile */
.gear-button__text__mobile {
    display: none;
    position: absolute;
    top: 28px;
    left: 19px;
}
.gear-button__center__mobile {
    display: none;
}
.popup-frame__search-help {
    width: 500px;
    padding: 40px;
}
.close-search-help {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 15px;
    border-radius: 50px;
    background: #F3F4F6 url('../images/shop/close_gray_12x12.png') center center no-repeat;
    text-align: center;
    line-height: 30px;
    font-size: 28px;
    color: #A2A2A2;
    cursor: pointer;
}
.close-search-help:hover {
    background: #e6e6e6 url('../images/shop/close_gray_12x12.png') center center no-repeat;
}
.search-help-popup__title {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    max-width: 410px;
    color: #000000;
}
.search-help-popup__content p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
    color: #000000;
}
.search-help-popup__content input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
    border: 1px solid #e0e0e0;
}
.search-help-popup__content textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #e0e0e0;
}
.search-help-popup__content input[type="button"], .search-help-popup__content input[type="submit"] {
    width: 220px;
    height: 45px;
    box-shadow: none !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: #888787;
    color: #ffffff;
    margin-top: 30px;
}
.search-help-popup__content .alert {
    border: 1px solid #E0E0E0;
    text-align: center;
    padding: 20px;
    background: #ffffff;
    margin-top: 25px;
    margin-bottom: 0;
}
.search-help-popup__content .alert span {
    display: block;
    font-size: 15px;
    line-height: 20px;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 13px;
}
.search-help-popup__alert_image {
    padding-top: 14px;
    margin-bottom: 10px;
}
.search-help-popup__alert_image svg {
    fill: #aaaaaa;
}

/* search page  //  whatsapp banner */
.whatsapp_banner_wrapper {
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 30px;
}
.whatsapp_banner {
    background-color: #f0f0f0;
    padding: 40px 0;    
    position: relative;
}
.whatsapp_banner div {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 10px;
    color: #000000 !Important;
    position: relative;
    z-index: 3;
}
.whatsapp_banner:after {
    content: '';
    display: block;
    width: 100%;
    height: 400px;
    background: radial-gradient(rgba(255,255,255,.8), transparent, transparent);
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 2;
}
.whatsapp_banner div b {
    display: block;
    font-size: 20px;
}
.whatsapp_banner a {
    display: block;
    width: 184px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #000000;
    color: #ffffff !important;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-size: 10px !important;
    font-weight: bold !important;
    position: relative;
    z-index: 3;
}
.whatsapp_banner a em {
    font-style: normal;
    padding: 7px 0 7px 30px;
    background: url('../images/shop/whatsapp_20x20.png') left center no-repeat;

}
.whatsapp_banner a.mobile-only {
    display: none;
}
.sidebar-item img {
    max-width: 100%;
}

/* goods-group-menu gamburger */
.goods-group-menu__show {
    cursor: pointer;
}
.goods-group-menu__show img {
    display: block;
}
.goods-group-menu__custom {
    display: none;
}
.goods-group-menu__custom .sidebar-item {
    margin-top: 0;
}

/* shop custom fotm elements */
/***** checkbox */
.shop_custom__checkbox input {
    display: none;
}
.shop_custom__checkbox span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    background: #F3F4F6;
    position: relative;
}
.shop_custom__checkbox input:checked + span:before {
    content: '';
    display: block;
    width: 12px;
    height: 5px;
    border-left: 2px solid #59B3F4;
    border-bottom: 2px solid #59B3F4;
    position: absolute;
    left: 3px;
    top: 5px;
    transform: rotate(315deg);
}

/* brands catalog first letter*/
.catalog__first_letter {
    display: inline-block;
    color: #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 25px;
    vertical-align: top;
    padding-top: 2px;
    display: none;
}

/* header search form form */
#header-search-form {
    width: 400px;
}
#header-search-form .search-form {
    height: 40px;
    padding: 0;
}
/* header search form form // input */
#header-search-form .search-form input {
    border: none;
    outline: none;
    height: 40px;
    width: 100%;
    font-size: 14px;
    padding-left: 20px;
}
#header-search-form .search-form input:focus {
    box-shadow: none !important;
}
/* header search form form // table */
#header-search-form .search-form table {
    width: 100%;
}
#header-search-form .search-form td, #header-search-form .search-form th {
    vertical-align: top;
}
/* header search form form // button */
#header-search-form .search-form .button-container {
    width: 50px;
    height: 40px;
    vertical-align: top;
}
.header-search-icon {
    fill: #59B3F4;
    stroke: #59B3F4;
}
#header-search-form .search-form .button-container div {
    position: relative;
}
#header-search-form  .header-search__icon {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -10px;
    z-index: 2;
    display: none;
}
#header-search-form .search-form table td button {
    width: 95px;
    height: 40px;
    border: none;
    outline: none;
    border-radius: 2px;
    margin-left: 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #59B3F4;
    font-family: Arial, sans-serif;
}

/* header basket */
#header-basket__def {
    width: 65px;
    left: 100%;
    margin-left: -90px;
    top: 50px;
    position: absolute;
    display: none;
    opacity: 0;
}
#header-basket__def b {
    display: block;
    line-height: 18px;
}
#header #header-basket__def a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.header-basket__img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #59B3F4;
    text-align: center;
    line-height: 65px;
    margin: 0 auto 7px auto;
}
.header-basket__img svg {
    fill: #ffffff;
    margin-left: -3px;
}
#header-basket__def a i {
    font-style: normal;
    display: none;
}
#header-basket__def .header-basket__count {
    display: block;
    width: 100%;
    text-align: center;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 5px;
    left: 0;
    box-sizing: border-box;
    padding-left: 5px;
    opacity: .8;
    display: none;
}

/* header authorisation */
.header-auth {
    width: 90px;
    left: 100%;
    margin-left: -180px;
    top: 50px;
    position: absolute;
    z-index: 15;
}
/* header authorisation //  profile button */
.header-auth__button {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
}
.header-auth__button span {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #59B3F4;
    text-align: center;
    line-height: 60px;
    margin: 0 auto 7px auto;
}
.header-auth__button  svg {
    stroke: #ffffff;
}
.header-auth__button a {
    line-height: 18px;
    text-decoration: none;
}
.header-auth__button a.profile {
    display: block;
}
.header-auth__button a.cabinet {
    display: none;
}

/* header authorisation // menu */
#header .authorisation a {
    color: #000000;
}
.header-auth__menu {
    position: absolute;
    width: 280px;
    right: 0;
    top: 90px;
    padding: 20px 15px;
    box-shadow: 0px 13px 34px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 5px;
    display: none;
    box-sizing: border-box;
}
.header-auth__menu:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 34px;
    top: -5px;
}
.header-auth__menu .login-form, .header-auth__menu .left-menu-user {
    padding: 0 !important;    
    background: #ffffff;
    color: #000000;
}
.header-auth__menu .login-form {
    margin-top: 0 !important;
}

/* header authorisation // user menu */
.header-auth__menu .left-menu-user {
    margin-top: 20px;
}
.header-auth__menu #menu-item-9 span {
    display: block;
    position: relative;
}
.header-auth__menu #menu-item-9 span b {
    display: block;
    position: absolute;
    height: 40px;
    line-height: 40px;
    color: #ffffff !important;
    font-size: 12px;
    top: 0;
    left: 200px;
    font-weight: bold;
}
#header .header-auth__menu .left-menu-user a,
#header .header-auth__menu .left-menu-user span {
    color: #333333;
}
/* header authorisation // user menu // basket */
.header-auth__menu .left-menu-user li.header-auth__basket {
    margin-bottom: 12px;
}
.left-menu-user .header-auth__basket a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: bold;
    background: #59b3f4;
    border-radius: 50px;
    text-align: center;
}
.left-menu-user .header-auth__basket a i {
    font-style: normal;
}
.left-menu-user .header-auth__basket a b {
    margin-left: 10px;
}
.left-menu-user .header-auth__basket a span {    
    padding: 5px 0 5px 38px;
    background: url('../images/shop/cart.png') left center no-repeat;
}
.header-auth__menu #menu-item-9 {
    display: none !important;
}

/* header authorisation // user menu // li */
.header-auth__menu .left-menu-user li {
    margin-bottom: 12px;
}
.header-auth__menu .left-menu-user li#menu-item-9
.header-auth__menu .left-menu-user li#menu-item-5 {
    border-top: 1px solid #e3e3e3;
    padding-top: 21px;
}
.header-auth__menu .left-menu-user li:nth-child(3) {
    margin-bottom: 28px;
}
/* header authorisation // user menu // orders & payments */
.header-auth__menu #menu-item-10, .header-auth__menu #menu-item-11 {
    display: inline-block;
    margin-right: -4px;
    color: #59B3F4;
    width: 50%;
    margin-bottom: 28px;
}
.header-auth__menu #menu-item-10 a, .header-auth__menu #menu-item-11 a {
    color: #59B3F4;
    font-weight: normal;
    font-size: 14px;
}
.header-auth__menu .left-menu-user a, .header-auth__menu .left-menu-user li {
    font-size: 14px;
}
.header-auth__menu #menu-item-10 b, .header-auth__menu #menu-item-11 b {
    font-size: 14px;
}
.header-auth__menu #menu-item-5 {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

/* header authorisation // login form */
.header-auth__menu .login-form {
    position: relative;
}
.header-auth__menu .login-form a {
    font-size: 14px;
}
.header-auth__menu .links {
    position: absolute;
    width: 90px;
    top: 7px;
    right: 0;
}
#header .header-auth__menu .links a {
    color: #59b3f4;
}
#left-sidebar .logout-svg, 
#left-sidebar .profile-header,
.header-auth__menu .profile {
    display: none;
}
.header-auth__menu .logout-svg, .header-auth-lock, .header-auth-pencil {
    fill: #59B3F4;
}
.header-auth__menu .links a#logout {    
    width: 16px;
    height: 14px;
    display: block;
    margin-top: 3px;
    margin-left: 10px;
    vertical-align: top;
    margin-bottom: 2px;
    position: absolute;
    right: 0;
    top: 0;
}
.header-auth__menu .links a#logout span {
    display: none;
}
/* header authorisation // login form // user details menu */
.header-auth__menu #balance b.name {
    width: 155px;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.header-auth__menu #balance .balance-sum  {
    padding-top: 5px;
}
.header-auth__menu #balance .balance-sum b {
    font-size: 25px;
}
.header-auth__menu #balance .balance-sum span {
    font-size: 14px;
}
#header .header-auth__menu .balance-and-bonus a {
    color: #59b3f4;
    font-size: 14px;
}
.header-auth__menu #balance p {
    font-size: 14px;
    color: #888888;
    line-height: 22px;
    margin-bottom: 0;
}
.header-auth__menu #balance .balance-and-bonus p {
    color: #000000;
}
.header-auth__menu #balance .balance-and-bonus p.balance {
    margin-bottom: 10px;
}

/* header authorisation // login form // authorisation */
.header-auth__menu.user_auth {
    width: 200px;
    padding: 20px;
}
.header-auth__menu.user_auth #block--header-user-menu {
    display: none !important;
}
.header-auth__menu .authorisation a:first-child {
    border-bottom: 1px solid #E0E0E0;
}
.header-auth__menu .authorisation a:first-child span {
    text-decoration: none;
}
.header-auth__menu .authorisation a {
    color: #333333;
    padding-left: 24px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    background: transparent;
    box-sizing: border-box;
    font-size: 15px;
    display: block;
    text-align: center;
    height: 47px;
    line-height: 47px;
    width: 100%;
    text-decoration: none;
}
.header-auth__menu .authorisation  {
    margin-top: 0 !important;
    text-align: right;
}
.header-auth__menu .authorisation a:nth-child(2) {
    border-left: none;
}
.header-auth__menu .authorisation .svg-person-icon {
    display: none !important;
}
.header-auth__menu .authorisation a svg {
    position: absolute;
    left: 0;
    top: 15px;
}
.header-auth__menu .authorisation a:nth-child(1) svg {
    left: 50px;
}
.header-auth__menu .authorisation a:nth-child(2) svg {
    left: 22px;   
}    
    
/* universal color for svg icon */
.catalog-stock-svg {
    fill: #999999;
}

/* universal custom colors */
/* ------block------ */
.block__base_header__full {
    background: #59b3f4;
    color: #ffffff;
}
/* ------background------ */
.background__base_header__bg {
    background: #59b3f4;
}
/* ------text // header bg color ------ */
.text__base_header__bg {
    color: #59b3f4;
}
/* ------text // header text color ------ */
.text__base_header__text {
    color: #ffffff;
}
/* ------border------ */
.border__base_header__bg {
    border-color: #59b3f4;
}
/* ------svg fill // header bg color ------ */
.svg_fill__base_header__bg {
    fill: #59b3f4;
}
/* ------svg stroke // header bg color ------ */
.svg_stroke__base_header__bg {
    stroke: #59b3f4;
}
/* ------svg fill // header text color ------ */
.svg_fill__base_header__text {
    fill: #ffffff;
}
/* ------svg stroke // header text color ------ */
.svg_stroke__base_header__text {
    stroke: #ffffff;
}
/* ------link------ */
#content a.link__base_header__bg,
#header a.link__base_header__bg {
    color: #59b3f4;
}
/* ------block tr2------ */
.block__base_tr2__full {
    background: #f0f7fa;
    color: #333333;
}
/* hide svg icons container */
.hide-svg-icons {
    display: none;
}
/* svg photo icon  */
.svg-photo-icon-fill {
    width: 20px;
    height: 18px;
    transform: translateZ(0px);
    fill: #303f9f;
}
.svg-photo-icon {
    width: 24px;
    height: 19px;
    fill: #ffffff;
    stroke: #a2a2a2;
}
.search-result__group-text {
    background: #eff3c3;
}
.search-result__block-title {
    color: #303f9f;
}
.articul-cart {
    background-color: #0088d2;
}
.articul-cart:hover {background: #0b70b7;}
.articul-cart.disabled {background: #b8b8b8;}
.buy-credit-button {
    background-color: #0088d2;
}

/* procenka new design ------------------- */
/* search wrapper */
#search-parts-block {
    position: relative;
    padding-bottom: 40px;
}
.search-part-overlay {
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 11;
}
/* table procenka // h1 title */
#content .procenka-title-wrapper h1 {
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
}
/* table procenka // h1 subtitle */
.search-result__subtitle {
    font-size: 15px;
    line-height: 22px;
}
.mobile-search-title {
    color: #212121;
    font-size: 24px;
    font-weight: bold;
    margin-left: 24px;
    margin-bottom: 16px;
    display: none;
}
.mobile-search-title.hidden{
    display: none!important;
    margin-bottom: 0;
}
/* table procenka. Group block */
.search-result__group-text {
    font-size: 15px;
    line-height: 1.4;
    padding: 13px 70px 14px 20px;
}
#content .search-result__group-text a {
    font-size: 15px;
}
/* table procenka. Group block table */
.search-result__group-table {
    width: 100%;
    margin-bottom: 20px;
}
.search-result__group-table th {    
    text-align: left;
    font-weight: bold;
    width: 25%;
}
.search-result__group-table th,
.search-result__group-table td {
    padding: 6px 0 5px 20px;
    font-size: 15px;    
    border-bottom: 1px solid #e4e4e4;
    background: #ffffff;
}
#content .search-result__group-table th a,
#content .search-result__group-table td a {
    font-size: 15px;
    line-height: 22px;
}
.search-result__group-table tr:last-child th,
.search-result__group-table tr:last-child td {
    border-bottom: 1px solid #ededed;
}
.search-result__group-table tr:first-child th,
.search-result__group-table tr:first-child td {
    border-top: 1px solid #ededed;
}
.search-result__group-table th:first-child,
.search-result__group-table td:first-child {       
    border-left: 1px solid #ededed;
}
.search-result__group-table th:last-child,
.search-result__group-table td:last-child {       
    border-right: 1px solid #ededed;
}
#content .search-result__group-table th a {
    text-decoration: none;
    color: #273341;
    cursor: pointer;
}
#content .search-result__group-table th a.dashed {    
    border-bottom: 1px dashed;
}
#content .search-result__group-table td a {
    color: #006993;
}
/* table procenka. Group block table // short form */
.search-result__group__short {    
    position: relative;
    margin-bottom: 25px;
    border-radius: 3px;
}
.search-result__group__short .search-result__group-text {
    font-size: 15px;
    line-height: 1.5;
    padding: 12px 340px 12px 20px;
    height: 40px;
    border-radius: 3px;
}
.search-result__group__short .search-result__group-text div {
    height: 40px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
/* table procenka. Group block table // short form // short size */
.search-result__group-list-short {    
    border-radius: 5px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 10;
    width: 320px;
    height: 40px;
}
.search-result__group-item {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    border: 1px solid #E0E0E0;
    font-size: 14px;
    color: #212121;
    padding-left: 15px;
    padding-right: 30px;    
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}
.search-result__group-item.full-view {
    display: block;
}
.search-result__group-item.compact-view {
    display: none;
}
/* search result group list page */ 
.search-result__group-block {
    background: #ffffff;
    margin-top: 15px;
    border-bottom: 1px solid #c4c4c4;    
    border-left: 1px solid #c4c4c4;    
    border-right: 1px solid #c4c4c4;
}
.search-result__group-block table {
    width: 100%;
    position: relative;
    z-index: 3;
}
.search-result__group-table__row {
    position: relative;
    border-top: 1px solid #c4c4c4;
    line-height: 20px;
    display: flex;
}
.search-result__group-table__brand {
    text-align: left;
    width: 30%;
    padding: 8px 0 8px 45px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}        
#content .search-result__group-table__brand a {
    font-size: 15px;
    line-height: 20px;
    color: #273341;
    cursor: pointer;
    text-decoration: none;
}
#content .search-result__group-table__brand a.show-maker-info {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 1px;
    margin-left: 5px;
}
.search-result__group-table__articul {
    padding: 8px 0 8px 10px;
    color: #273341;
    width: 70%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}
#content .search-result__group-table__articul a {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #2466B5;
    text-decoration: none;
}
.search-result__group-table__row:last-child th, 
.search-result__group-table__row:last-child td {
    padding-bottom: 9px;
}
/* search result group check icon */
.svg-check-icon {
    width: 14px;
    height: 15px; 
    fill: #0166bb;
} 
/* search result group brand info icon */
.svg-info-icon {
    width: 14px;
    height: 14px;
    fill: #0166bb;
    vertical-align: middle;
    margin-left: 5px;
    opacity: .7;
    transform: translateZ(0px);
}
.svg-info-icon:hover {
    opacity: 1;
}
.search-result__group-table__brand .svg-star-icon {
    fill: #777777;
}
/* search result group brand info icon link // hide brand title */
.part-maker-hidden {
    display: none;
}
/* search result group brand info icon link */
.recommended-articul {
    display: block;
    width: 14px;
    height: 15px;
    margin-right: 10px;
    position: absolute;
    top: 10px;
    left: 14px;
}        
/* search result group active point */
.search-result__group-table__row:before { 
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; 
} 
.search-result__group-table__row.active:before {            
    background: #c7c7c7;
    opacity: .2;
}        
#content .search-result__group-table__row.active .search-result__group-table__brand a:first-child,
#content .search-result__group-table__row.active .search-result__group-table__articul a {
    text-decoration: none;
    color: #273341;
    cursor: default;
}
/* search result group recommended title */
.recommended-articuls-title {
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #273341;
    margin-top: 15px;
    margin-bottom: -15px;
    border: 1px solid #c4c4c4;
    border-bottom: none;
    padding-left: 13px;
    background: #ffffff;
    position: relative;
}
.recommended-articuls-title .recommended-articul {
    display: none;
}
/* search result group my warehouse */
.search-result__group-table__articul.my-warehouse-space, .search-result__group-badge-space {
    width: calc(70% - 165px);
}
.search-result__group-badge-wrapper {
    padding: 7px 15px;
    width: 165px;
    box-sizing: border-box;
    position: relative;
}
#content .search-result__group-table__row .my-warehouse, #content .search-result__group-table__row .search-result__group-badge {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    height: 26px;
    line-height: 26px;
    background: #CE3024;
    color: #ffffff;
    text-decoration: none;
    width: 135px;
    box-sizing: border-box;
}
.search-result__group-badge--analog {
    background: #51AE63 !important;
}
.search-result__group-table__row.my-warehouse .search-result__group-table__articul:before,
.search-result__group-table__row.search-result__group-badge .search-result__group-table__articul:before
{
    content: '';
    display: block;
    position: absolute;
    right: 120px;
    top: 0;
    height: 33px;
    width: 50px;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    z-index: 5;
}
/* group list triangle */
.search-result__group-item:before {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(225deg);
    z-index: 3;
}
.search-result__group-item:after {
    content: '';
    display: block;
    width: 60px;
    height: 100%;
    position: absolute;
    border-radius: 0 5px 5px 0;
    z-index: 2;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));    
}
/* table procenka. Group block table // short form  // search result table */
.search-result__group-list {
     width: calc(100% - 40px);
     position: absolute;
     right: 20px;
     top: 57px;
     border-radius: 5px;
     overflow: hidden;
     box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
     z-index: 15;
     display: none;
     max-height: 543px;
     overflow-y: auto;
}
.search-result__group-list .search-result__group-table {
    margin-bottom: 0;
}
.search-result__group-list .search-result__group-table th, 
.search-result__group-list .search-result__group-table td {
    padding-top: 0;
    padding-bottom: 0;
}
#content .search-result__group-list .search-result__group-table th a, 
#content .search-result__group-list .search-result__group-table td a {
    display: block;
    font-size: 15px;
    color: #273341;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.search-result__group-list .search-result__group-table th a {
    border-bottom: none;
}
.search-result__group-list .search-result__group-table tr:hover th, 
.search-result__group-list .search-result__group-table tr:hover td {
    background: #eff3f5;
}
.search-result__group-list .search-result__group-table tr:last-child th, 
.search-result__group-list .search-result__group-table tr:last-child td {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}
/* table procenka. Group block table // short form // show table */
.search-result__group__short.hover {
    z-index: 15;
}
.search-result__group__short.hover .search-result__group-list {
    display: block;
}
.search-result__group-item.open:before {
    transform: rotate(45deg);
    margin-top: -1px;
}
.group-list-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 10;
}
/* active item in the brands list */
.search-result__group-list .active td, .search-result__group-list .active th {
    background: #F3F4F6;
}

/* procenka table */
.search-result__block-table {
    width: 100%; 
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
}
.search-result__block-table .articul-details-hidden {
    display: none;
    padding: 0 16px 12px;
}
.show-hidden-articul-details .articul-details-hidden {
    display: block !important;
    margin-top: -7px;
}
.articul-details-hidden p {
    margin-bottom: 0px;
}
/* credit button  */
.buy-credit-button {
    width: 83px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 2px;
}
.buy-credit-button:hover {
    background: #ededed;
}
#content .buy-credit-button b {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 13px; 
}
.buy-credit-button .svg-credit-icon {
    display: none;
}
/* cart registration  */
#content .cart-register {
    width: 100%;
}
#content .cart-register a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 2px;
    border-radius: 5px;
    background: #0088d2;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
}
#content .cart-register a:hover {
    background: #0b70b7;
    color: #ffffff;
}
.articul-delivery .mobile-label {
    display: none;
}
/* for order text */
.for-order {
    font-size: 12px;
}
/* articul supplier icons */
.articul-supplier {
    font-size: 15px;
    padding-left: 3px;
    line-height: 18px;
}
/* articul supplier icons // exel doc */
.articul-supplier  .svg-exel-icon {
    vertical-align: top;
    margin-right: 4px;
}
/* articul supplier icons // truck */
.articul-supplier  .svg-truck-icon {
    vertical-align: middle;
    margin-right: 4px;
}
.articul-order_item {
    margin-bottom: 35px;
}
.part__svg-comment-icon {
    position: relative;
}
.part__svg-comment-icon:hover:after {
    position: absolute;
    content: attr(data-title);
    display: block;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 2px;
    background: rgba(0,0,0,.8);
    color: #ffffff !important;
    top: 10px;
    left: 0px;
    margin-top: 10px;
    z-index: 500;
    text-transform: none;
    white-space: nowrap;
    font-weight: normal !important;
}
.svg-part-info-icon {
    margin: 0 0 2px 0 !important;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    transform: translateZ(0px);
}
.part__text-comment {
    font-style: italic;
    font-weight: normal !important;
}
.parts-loader {
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
    position: relative;
    width: 33px;
    height: 33px;
    z-index: 1001;
    left:50%;
    margin-left: -17px;
    margin-top:40px;
    padding: 5px;
}    
.parts-loader .spinner {
    left: 21px !important;
    top: 21px !important;
}
.parts-ajax-loader {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: 1001;
    display: inline-block;
    padding-top: 20px;
    margin-left: -10px;
}
.show-help {
    cursor: help;
}
/* hidden info when parts hidden*/
.articul-details.not-visible, .articul-details-hidden.not-visible {
    display: none !important;
}
.error-search__part-group .procenka-title-wrapper {
    display: none;
}
.error-search__part-group .search-result__group-table tr.active td, 
.error-search__part-group .search-result__group-table tr.active th {
    background-color: #f4f4f4;
}
#content .error-search__part-group .search-result__group-table tr.active td a {
    text-decoration: none;
    cursor: default;
    color: #273341;
}
/* ------------------- procenka new design */
/*   procenka // april, 2021    */
.search-result__title {
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 22px;
    margin-right: 20px;
}
.search-result__title_wrapper {
    display: flex;
}
/* articul item title */
.articul-item__title {
    display: flex;    
    align-items: center;
    margin-bottom: 10px;    
}
.articul-item__img .google-image-search-link {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #a2a2a2 !important;
    border-radius: 3px;
    backg-round: #ffffff;
    margin-right: 15px;
    margin-top: 0;
}
.articul-item__img .google-image-search-link:after {
    left: 0;
}
.google-image-search-link svg {
    margin: 6px 0 0 4px;
}
.catalog-stock__table .google-image-search-link svg  {
    margin-top: -3px;
     margin-left: 0;
}
.catalog-stock__table .google-image-search-link {
    margin-left: 0;
}
.catalog-stock__table .show-part-images {
    margin-right: 0;
    border: none;
    background: none;
}
.svg-google-image-icon {
    fill: #a2a2a2;
}
.show-part-images {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background: transparent;
    margin-right: 15px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}
.show-part-images img {
    max-width: 32px;
    max-height: 32px;
    vertical-align: middle;
}
.show-part-images svg {
    margin: 7px 0 0 0;
}
.show-part-images .svg-photo-icon {
    fill: transparent;
}
.articul-item__maker {
    margin-right: 10px;
}
#content .articul-item__maker a {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px dashed;
    color: #59B3F4;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}
#content .articul-item__maker a:hover {
    opacity: .7;
}
.articul-item__articul {
    font-size: 18px;
    font-weight: normal;
}
/* articul title // analogs stock */
.articul-brand .articul-item__title {
    position: relative;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 5px;
}
.articul-brand .articul-item__title .part-name {
    display: block;
    width: 100%;
    line-height: 16px;
    margin-top: 4px;
}
.articul-brand .articul-item__title .articul-item__img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.articul-brand .articul-item__title.articul-has-img {    
    padding-left: 53px;
    min-height: 40px;
}
.articul-brand .articul-item__title.articul-has-img .articul-item__img {
    display: block;
}
.articul-brand .show-part-images,  .articul-brand .google-image-search-link{
    width: 38px;
    height: 38px;
    line-height: 38px;
}
.articul-brand .show-part-images img {
    max-height: 38px;
    max-width: 38px;
}
.articul-brand .show-part-images svg {
    margin: 10px 0 0 0;
}
.articul-brand .google-image-search-link svg {
    margin: 9px 0 0 7px;
}
/* procenka list */
.articul-item__list {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    overflow: hidden;
    background: #ffffff;
    color: #333333;
    font-size: 15px;
}
.articul-item__wrapper {   
    border-top: 1px solid #E0E0E0; 
}
.articul-item__wrapper:first-of-type {   
    border-top: none !important; 
}
.articul-item__info {
    display: flex;
}
/* procenka list stock */
.search-parts__stock .articul-item__list {
    border: 5px solid #2ECC71;
    border-radius: 7px;
    width: 100%;
    box-sizing: border-box;
}
.search-parts__stock .articul-price {
    width: 198px;
}
.search-parts__stock .articul-quantity {
    width: 200px;
    text-align: left;
    padding-left: 40px !important;
}
.search-parts__stock .show-more-articuls {
    bottom: -8px;
}
.search-parts__stock .search-result__title {
    color: #2ECC71;
}
.search-parts__stock .articul-order__sorter li:nth-child(1) {
    width: 150px;
}
/* articul name */
.articul-brand {
    padding: 12px 5px 12px 15px;
    font-size: 15px;
    line-height: 22px;
    box-sizing: border-box;
    width: calc(100% - 380px);
}
.articul-details-hidden {
    padding: 0 15px 12px 15px;
}
.articul-supplier  {
    margin-top: 5px;
}
.articul__text-comment {
    font-size: 14px;
    font-style: italic;
    font-weight: normal !important;
    opacity: .8;
    line-height: 18px;
}
/* articul price */
.articul-price-wrapper {
    display: flex; 
    width: 300px;
}
.articul-delivery {
    background-repeat: no-repeat;
    background-position: 100% 10px;
    padding-right: 30px;
    width: 45px;
    text-align: right;
    font-size: 15px;
    padding-top: 14px !Important;
    padding-bottom: 12px;
}
.articul-quantity {
    width: 65px;
    padding: 14px 5px 12px 5px !Important;
    text-align: right;
}
.articul-quantity span {
    display: block;
    font-size: 11px;
    opacity: .8;
}
.articul-price  {
    width: 123px;
    padding-top: 12px;
    white-space: nowrap;
    position: relative;
    padding-left: 27px;
}
.articul-price .svg-like-icon {
    width: 20px;
    height: 20px;
} 
.articul-price .best-price {
    position: absolute;
    left: 0;
    top: 9px;
}
.articul-price b {
    font-size: 20px;
    font-weight: normal;
    padding-right: 2px;
}
/* buttons */
.articul-buttons {
    box-sizing: border-box;
    padding: 8px 10px;
    display: flex;
    width: 80px;
}
.buy-credit-button {
    height: 30px;
    width: 95px;
    box-sizing: border-box;
    display: block;
    border-radius: 5px;
    background: #F3F4F6;
    margin-left: 5px;
}
#content .buy-credit-button b {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    color: #59B3F4;
    font-weight: bold
}
.articul-buttons .svg-cart-icon {
    width: 25px;
    height: 20px;
}
.articul-cart {
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #59B3F4;
    display: block;
    cursor: pointer;
}
.articul-cart .svg-cart-icon {
    margin-left: 16px;
    margin-top: 6px;
}
.articul-cart.disabled {opacity: .7; cursor: default;}
/* show more link */
.search-result__block-table {
    width: 100%; 
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
}
.show-more-articuls {
    width: 150px;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    border-radius: 3px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: -12px;
    z-index: 2;
}
#content .show-more-articuls-a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #59B3F4;
    position: relative;
    padding-right: 20px;
}
.show-more-articuls-a:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-left: 2px solid #59B3F4;
    border-top: 2px solid #59B3F4;
    transform: rotate(225deg);
    position: absolute;
    top: 5px;
    right: 0;
}
.show-more-articuls-a.hide:before {    
    transform: rotate(45deg);
    top: 8px;
}
.articul-order__sorter {
    display: flex;
    height: 20px;
    align-items: center;
    margin-top: 5px;
    margin-left: auto;
}
.search-result__title_wrapper .articul-order__sorter {    
    width: 353px;
}
.articul-order__sorter li {
    display: block;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    border-right: none;
}
.articul-order__sorter li:nth-child(1) {
    width: 112px;
}
.articul-order__sorter li:nth-child(2) {
    width: 115px;
}
#content .articul-order__sorter li a {
    padding: 0 25px 0 0;
    display: inline;
    padding-right: 25px;
    opacity: 1;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    color: #333333;
    white-space: nowrap;
}
#content .articul-order__sorter li a:before {
    display: none;
}
#content .articul-order__sorter li a .sorter-lines {
    display: block;
    height: 2px;
    width: 11px;
    position: absolute;
    left: 100%;
    margin-left: -17px;
    top: 7px;
    background: #e0e0e0;
}
.articul-order__sorter li a .articul-currency {
    display: none;
}
#content .articul-order__sorter li a .sorter-lines:before,
#content .articul-order__sorter li a.sort-active--asc .sorter-lines:before {
    content: '';
    display: block;
    width: 7px;
    height: 2px;
    position: absolute;
    top: -4px;
    left: 0;
    background: #e0e0e0;
}
#content .articul-order__sorter li a .sorter-lines:after,
#content .articul-order__sorter li a.sort-active--asc .sorter-lines:after{
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #e0e0e0;
}
#content .articul-order__sorter li a.sort-active--desc .sorter-lines:before {
   top: 4px; 
}
#content .articul-order__sorter li a.sort-active--desc .sorter-lines:after {
   top: -4px; 
}

#content .articul-order__sorter li a.sort-active {
    font-weight: bold;
}
#content .articul-order__sorter li a.sort-active .sorter-lines,
#content .articul-order__sorter li a.sort-active .sorter-lines:before,
#content .articul-order__sorter li a.sort-active .sorter-lines:after {
    background: #59b3f4;
}
/* brands filter  */
.svg-icon-list {
    fill: #59B3F4;
}
.order-brands {
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 148px;
    border: 1px solid #59b3f4;
    border-radius: 3px;
}
.order-brands span {
    vertical-align: middle;
}
.order-brands span svg {
    margin-bottom: 1px;
}
#content .order-brands a {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    margin-left: 3px;
    color: #59b3f4;
}
#content .order-brands a.compact-view-brands {
    display: none;
}
/* search result switcher */
.search-result__switcher {
    margin-right: 10px;
}
.search-result__switcher label {
    display: flex;
}
.search-result__switcher label input {
    display: none;
}
.search-result__switcher label span {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    padding: 0 12px;
    border: 1px solid #E0E0E0;
    background: rgba(255,255,255,.8);
    color: #333333;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}
.search-result__switcher label span:nth-child(2) {
    margin-right: -1px;
    border-radius: 3px 0 0 3px;
}
.search-result__switcher label span:nth-child(3) {
    border-radius: 0 3px 3px 0;
}
.search-result__switcher label input + span {
    z-index: 1;
    border-color: #59b3f4;
    font-weight: bold;
}
.search-result__switcher label input:checked + span {
    z-index: 1;
    border-color: #E0E0E0;
    font-weight: normal;
}
.search-result__switcher label input:checked + span + span {
    z-index: 1;
    border-color: #59b3f4;
    font-weight: bold;    
    cursor: default;
}
/* procenka filter */
.procenka-filter-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    margin-top: 45px;
}
.procenka-filter__item {
    display: flex;
}
.procenka-filter__item #hide-supplier-wrap div.hide-supplier {
    background: none !important;
    width: 35px;
    height: 35px;
    position: relative;
    bottom: auto;
    right: auto;
    cursor: pointer;
}
.procenka-filter__item .hide-supplier.newdesign.hidden-supplier svg {
    fill:  #A3A3A3 !important;
}
.procenka-filter__item .hide-supplier.newdesign svg,
.procenka-filter__item .hide-supplier.visible-supplier svg {
    fill:  #59b3f4;
}
/* procenka filtr min */
.min .search-result__switcher label span {
    padding: 0 7px;
}
#content .min .procenka-filter__item .articul-order__sorter li a {
    padding: 0 7px;
}
/* filter item // sorter */
.procenka-filter__item .articul-order__sorter {
    height: 30px;
    margin-top: 0;
    margin-right: 10px;
}
.procenka-filter__item .articul-order__sorter li {
    width: auto !important;
}
#content .procenka-filter__item .articul-order__sorter li a {
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #E0E0E0;
    padding: 0 12px;
    background: #ffffff;
    position: relative;
    font-size: 13px;
    color: #333333;
}
#content .procenka-filter__item .articul-order__sorter li:nth-child(1) a {
    border-radius: 3px 0 0 3px;
    margin-right: -1px;
}
#content .procenka-filter__item .articul-order__sorter li:nth-child(2) a {
    border-radius: 0 3px 3px 0;
}
#content .procenka-filter__item .articul-order__sorter li a span {
    display: none;
}
#content .procenka-filter__item .articul-order__sorter li a.sort-active {
    border-color: #59b3f4;
    z-index: 2;
    padding-right: 37px;
}
#content .procenka-filter__item .articul-order__sorter li a.sort-active span {
    display: block;
    top: 13px;
    margin-left: -29px;
}
/* buy credit */
.buy-credit .articul-brand {    
    width: calc(100% - 480px);
}
.buy-credit .search-result__title_wrapper .articul-order__sorter {    
    width: 453px;
}
.buy-credit .articul-buttons {    
    width: 180px;
}
.search-result__svg_fill {
   fill: #303f9f;    
}
/* svg cart icon  */
.svg-cart-icon {
    fill: #ffffff;
}
/* svg truck icon  */
.svg-truck-icon {
    width: 24px;
    height: 15px;
}
/* svg exel icon  */
.svg-exel-icon {
    width: 22px;
    height: 18px;   
    vertical-align: top;
}
/* svg like icon  */
.svg-like-icon {
    width: 24px;
    height: 24px;
}
/* svg photo icon  */
.svg-photo-icon {
    width: 24px;
    height: 19px;
}
/* svg google image icon  */
.svg-google-image-icon {
    width: 24px;
    height: 20px;
}
/* svg credit icon  */
.svg-credit-icon {
    width: 18px;
    height: 24px;
    fill: #303f9f;
}
#svg-photo-icon-fill {
   fill: #303f9f;
}
.svg-part-info-icon {
    fill: #0166bb;
}
/* no price for not registered user ------------ */
.not-registered-user .articul-price {
    display: none;
}
.not-registered-user .articul-price-wrapper {
    width: 170px;
}
/* no user sorter */
.buy-credit .search-result__title_wrapper .articul-order__sorter.no-user {
    width: 363px;
}
.buy-credit.compact-view .search-result__title_wrapper .articul-order__sorter.no-user {
    width: 320px;
}
.articul-order__sorter.no-user li:first-child {
    display: none;
}
.buy-credit .search-parts__stock .search-result__title_wrapper .articul-order__sorter.no-user {
    width: 310px;
}
/* no user button */
.compact-view .not-registered-user .articul-buttons,
.not-registered-user .articul-buttons {
    width: 180px;
}
.buy-credit.compact-view .not-registered-user .articul-buttons {
    width: 140px;
}
/* no user brand */
.not-registered-user .articul-brand,
.buy-credit .not-registered-user .articul-brand {
    width: calc(100% - 350px);
}
.buy-credit.compact-view .not-registered-user .articul-brand {
    width: calc(100% - 305px);
}
/* header search form */
#header-search-form span.mobile-element, 
#header-search-form .mobile-element {
    display: none !important;
}
/* shop bills ------------------- */
.shop_bill__item {
    border-radius: 5px;
    border: 1px solid #dadada;
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 0 14px;
}
.shop_bill__item__header {
    display: flex;
    flex-wrap: wrap;
}
.shop_bill__item__block {
    display: flex;
}
.shop_bill__item__block {
    align-items: flex-start;
}
.shop_bill__item__header div, 
.shop_bill__item__block div {
    box-sizing: border-box;
    font-size: 14px;
}
.shop_bill__item__status {
    width: 120px;
}
.shop_bill__item__header .shop_bill__item__status {
    margin-top: -2px;
}
.shop_bill__item__info {
    width: calc(100% - 120px);
}
.shop_bill__item__header {
    padding-top: 12px;
    padding-bottom: 11px;
    align-items: center;
}
.shop_bill__item__header .user-bill__docs {
    width: 100%;
    padding: 10px 0 0 0;
}
.user-bill__docs p {
    margin-bottom: 10px;
}
.user-bill__docs p:last-child {
    margin-bottom: 3px;
}
#content .user-bill__docs a {
    padding-left: 20px;
    background: url('../images/shop/doc-icon-opacity.png') 2px 2px no-repeat;
    padding-top: 2px;
    padding-bottom: 5px;
    background-size: 12px auto;
    font-size: 13px;
    cursor: pointer;
}
.shop_bill__item__block {
    padding: 14px 0 15px 0;
    border-bottom: 1px dashed #dadada !important;
}
.shop_bill__item__block:last-child {
    border-bottom: 0  !important;
}
.shop_bill__item__info {
    display: flex;
}
.shop_bill__price {
    width: 150px;
    text-align: right;
    padding-right: 20px;
}
.shop_bill__number {
    width: 115px;
}
.shop_bill__part, .shop_bill__date {
    width: calc(100% - 265px);
    padding-right: 20px;
    overflow: hidden;
}
.shop_bill__label {
    display: block;
    opacity: .5;
    font-size: 12px;
}
.shop_bill__number__click {
    font-weight: bold;
    color: #D1534E;
    cursor: pointer;
    position: relative;
}
.shop_bill__number__click i {
    font-style: normal;
    border-bottom: 1px dotted;
}
.shop_bill__number__click b {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: transparent;
    transform: rotate(225deg);
    border-left: 2px solid #666666;
    border-top: 2px solid #666666;
    position: absolute;
    right: -20px;   
    top: 50%;
    margin-top: -6px;
}
.shop_bill__number__click.open b {
    transform: rotate(45deg);
    margin-top: -2px;
}
.shop_bill__item__header .shop_bill__label {
    margin-bottom: 5px;
}
.shop_bill__item__block .shop_bill__number .shop_bill__label {
    margin-bottom: 2px;
}
.shop_bill__item__block:nth-child(1) {
    padding-top: 8px;
}
.span-status-payment {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding-left: 20px;
    position: relative;
}
.span-status-payment-payed {    
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 20px;
    position: relative;
}
.span-status-payment b, .span-status-payment-payed b {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-right: 7px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.span-status-payment b.not-payed {
    background: #D9542C;
}
.span-status-payment-payed b.payed {
    background: #02C305;
}
.shop_bill__item__header input[type="button"].start-pay-button {
    width: 105px;
    height: 25px;
    border-radius: 3px;
    box-sizing: border-box;
    background: #D15448;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    box-shadow: none;
    margin-top: 1px;
}
.shop_bill__item__header input[type="button"].start-pay-button:hover {
    text-shadow: none;
}
.shop_bill__part .shop_bill__label {
    display: inline;
    opacity: 1;
    font-size: 12px;
}
.shop_bill__price__sum {
    display: block;
    font-size: 12px;
    padding-top: 2px;
}
.shop_bill__item__block .shop_bill__item__status {
    border-left: 5px solid #02C305;
    font-size: 12px;
    line-height: 16px;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 1px;
}
.shop_bill__item__block .shop_bill__item__status.mobile-only {
    border-left: 0;
    display: none;
}
.shop_bill__item__block .shop_bill__item__status span {
    display: block;
}
.shop_bill__item__block__list {
    display: none;
}
.shop_bill__item__block__list.open {
    display: block;
}
/* ------------------- shop bills */

/* shop orders ------------------- */
.shop_order__item {
    border: 1px solid #dadada;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    box-sizing: border-box;
    paddi-ng: 15px 15px 8px 15px;
    padding: 0 0 8px 15px;
}
.shop_order__label {
    opacity: .5;
    font-size: 12px;
}
.shop_order__label.cdek-item {
    display: none;
}
.shop_order__details {
    display: flex;
    padding-top: 9px;
    position: relative;
    margi-n-top: 8px;
}
.shop_order__details_item {
    width: 20%;
    box-sizing: border-box;
    padding-right: 5px;
}
.shop_order__details:before {
    content: '';
    height: 1px;
    width: calc(100% + 15px);
    background: #dadada;
    position: absolute;
    top: 0;
    left: -15px;
}
.shop_order__details_item .odp {
    position: relative;
}
.shop_order__details_item .odp b {
    position: absolute;
    display: block;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #dadada;
    font-size: 13px !important;
    line-height: 16px !important;
    padding: 8px 12px;
    width: 330px;
    font-weight: normal;
    z-index: 100;
}
.shop_order__details_item .odp b.hidden {
    display: none;
}
.shop_order__details .shop_order__label {
    padding-bottom: 2px;
}
.shop_order__comment {
    padding-bottom: 7px;
}
.shop_order__info_wrapper {
    mar-gin-bottom: 8px;
    display: flex;
}
.shop_info__price {
    width: 141px;
    text-align: right;
    padding-right: 15px;
    padding-top: 15px;
    background: #ffffff;
    position: relative;
}
.shop_info__price p {
    font-size: 14px;
    position: relative;
    z-index: 5;
}
.shop_info__price b {
    font-weight: normal;
    font-size: 12px;
    display: block;
}
.shop_info__price span {
    opacity: .5;
    font-size: 12px;
    text-decoration: line-through;
    position: relative;
    z-index: 5;
}
.shop_order__number {
    width: 185px;
    padding-right: 15px;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 8px;
}
.shop_order__name {
    width: calc(100% - 325px);
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 5px;
    bord-er-left: 1px dashed #dadada;
    background: #ffffff;
    padding-top: 15px;
    position: relative;
    padding-bottom: 10px;
}
.shop_order__name .color-overlay, .shop_info__price .color-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: .2;
}
.shop_info__price {
    overflow: hidden;
}
.shop_info__price .color-overlay {
    width: calc(100% + 2px);
    left: auto;
    right: -2px;
}
.shop_order__number > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.shop_order__number > div:nth-child(3) {
    display: block;
}
.shop_order__number > div i {
    font-style: normal;
}
.shop_order__number > div.shop_order__number_status, 
.shop_order__number > div.shop_order__status_links {
    display: block;
}
.shop_order__number_status {
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    margin-bottom: -2px !important;
}
.shop_order__number_status:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #dadada;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
}
.shop_order__number_status.not-payed:before {
    background: #d9542c;
}
.shop_order__number_status.payed:before {
    background: #02c305;
}
.shop_order__number_status b {
    text-transform: uppercase;
}
.shop_order__status_links {
    padding-left: 20px;
}
#content .shop_order__status_links a {
    font-size: 12px;
    cursor: pointer;
}
#content .shop_order__status_links a.status_payment_link {
    margin-right: 10px;
    color: #02c305;
}
#content .shop_order__status_links a.remove-order {
    color: #d9542c;
}
#content .shop_order__name_details a {
    font-size: 14px;
    text-decoration: none;
}
.shop_order__name_details {
    display: flex;
    margin-bottom: 3px;
    position: relative;
    z-index: 5;
}
.shop_order__name_details .shop_order__label {
    margin-right: 5px;
}
.shop_order__name_details div {
    margin-right: 20px;
}
.shop_order__name_status {
    font-size: 12px;
    line-height: 15px;
    padding: 2px 12px 3px 12px;
    border-left: 5px solid #dadada;
    margin-top: 7px;
    display: inline-block;
    position: relative;
    z-index: 5;
}
.shop_order__name_status span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: .3;
}
#content .shop_order__name_status a {
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed;
    position: relative;
    z-index: 5;
}
#content .shop_order__name_status b i {
    font-style: normal;
}
.cdek-item-name {
    display: block;
}
.cdek-delivery-follow {
    display: block;
    word-break: normal !important;
    padding-top: 5px;
    padding-bottom: 2px;
}
#content a.follow-cdek {
    font-size: 14px;
}
/* ------------------- shop orders */
/* shop orders filter ------------------- */
.status-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 500;
    display: none;
}
#edt_status.shop_orders {
    z-index: 600;
    width: 340px;
    box-sizing: border-box;
    padding: 15px 20px;
    box-shadow: none !important;
    border-radius: 3px;
}
#edt_status.shop_orders p.title {
    font-size: 18px;
    line-height: 24px;
    color: #2d2d2d;
    padding-top: 0;
    padding-left: 0;
    width: 280px;
    margin-bottom: 5px;
}
#edt_status.shop_orders ul {
    padding: 0;
}
#edt_status.shop_orders ul li {    
    padding: 0;
    margin-bottom: 6px;
}
#edt_status.shop_orders ul li.check-links {
    margin-bottom: 16px;
}
#edt_status.shop_orders ul label {
    line-height: 14px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #000000;
}
#edt_status.shop_orders ul label span {
    padding: 5px;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 8px;
    border: 0;
}
#edt_status.shop_orders ul label input {
    display: none;
}
#edt_status.shop_orders ul label span b {
    border: 1px solid #dadada;
    background: #ffffff;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: block;
}
#edt_status.shop_orders ul label input:checked + span {
    border: 5px solid #dadada;
    padding: 0;
}
#edt_status.shop_orders ul label input:checked + span b {
    border: 1px solid transparent;
    background: #ffffff url('../images/shop/status-filter-check.png') 2px 3px no-repeat;
}
#edt_status.shop_orders button.button {
    margin: 14px 0 2px 0;
    height: 35px;
    width: 135px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;
}
#edt_status.shop_orders button.button:hover {
    text-shadow: none;
    opacity: .8;
}
#edt_status.shop_orders a#close-filter {
    top: 19px;
    right: 24px;
    z-index: 5;
}
.shop_order__name_text {
    line-height: 18px;
    position: relative;
    z-index: 5;
}
#content .shop_order__name_text a, 
#content .shop_order__name_text span {
    font-size: 14px;
    cursor: default !important;
}
#content .shop_order__name_text a.follow-cdek {
    cursor: pointer !important;
}
#content .shop_order__name_text span.shop_order__label {
    font-size: 12px;
}
.bills-not-payes-link {
    text-decoration: none;
}
.bills-not-payes-link span {
    text-decoration: underline;    
    margin-right: 15px;
}
.bills-not-payes-link b {
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    color: #e94816;
    padding: 0 15px;
    font-size: 12px;
    border-radius: 2px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
}
.copy-articul {
    display:block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    background: url('../images/backoffice/copy_link.png') 0 0 no-repeat;
    cursor: pointer;
}

.copy-articul:hover {
   background: url('../images/backoffice/copy_link.png') 0 -24px no-repeat; 
}

.copy-articul.welldone {
   background: url('../images/backoffice/copy_link.png') 0 -48px no-repeat; 
}
.shop_order__articul {
    position: relative;
    padding-right: 26px;
}
/* ------------------- shop orders filter */
/* order compact view ------------------- */
.color-overlay__item, 
.compact-amount, 
.shop_order__table_header {
    display: none;
}
/* header table */
.shop_order__table_header.compact-view  {
    display: flex;
    width: 100%;
    opacity: .5;
    font-size: 12px !important;
    margin: 15px 0 10px 0;
}
.shop_order__table_header {   
    box-sizing: border-box; 
    padding-left: 10px;
}
.shop_order__table_header__name {
    display: flex;
    width: calc(100% - 216px);
    padding-left: 0;
}
.shop_order__table_header__amount {
    width: 35px;
}
.shop_order__table_header__item {
    width: calc(100% - 360px);
}
.shop_order__table_header__number,
.shop_order__table_header__date,
.shop_order__table_header__articul,
.shop_order__table_header__brand {
    width: 90px;
}
.shop_order__table_header__status {
     width: 145px;
}
.shop_order__table_header__delete {
    width: 36px;
}
/* color overlays */
.compact-view .color-overlay__item {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: .2;
}
.compact-view .shop_order__name .color-overlay, 
.compact-view .shop_info__price .color-overlay {
    display: none;
}
.shop_order__wrapper.compact-view {
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    overflow: hidden;
    border-left: 0;
}
.compact-view .shop_order__item {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    background: #ffffff;
}
.compact-view .shop_order__item.tr-dark, .compact-view .shop_order__item.tr-light {
    background: #ffffff !important;
}
.compact-view .shop_order__item:last-child {
    border-bottom: 0;
}
.compact-view .shop_order__details, 
.compact-view .shop_order__details:before {
    display: none;
}
.compact-view .shop_order__content {
    border-left: 5px solid transparent;
    position: relative;
    z-index: 5;
    padding: 10px 0;
}
.compact-view .shop_order__info_wrapper > div {
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 16px !important;
}
#content .compact-view .shop_order__info_wrapper > div a {
    font-size: 13px !important;
    line-height: 16px !important;
}
.compact-view .shop_info__price, 
.compact-view .shop_order__number_status,
.compact-view .status_payment_link,
.compact-view .shop_order__label  {
    display: none;
}
.compact-view .shop_order__number, .compact-view .shop_order__name {
    display: flex;
    background: transparent;
}
.compact-view .shop_order__name {
    width: calc(100% - 216px);
}
.compact-view .shop_order__number > div:nth-child(3) {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 36px;
}
.compact-view .remove-order {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -5000px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 3px;
    margin: 0 !important;
}
.compact-view .remove-order:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url('../images/shop/remove-order.png') center center no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}
.compact-view .remove-order:hover:after {
    content: '';
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 50px;
    background: rgba(255,255,255,.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
/* compact order "table" td-cells */
.compact-view div.border-right {
    padding: 0 10px !important;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 360px);
}
.compact-view div.border-right:after {
    content: '';
    display: block;
    height: 24px;
    width: 1px;
    background: #c1c1c1;
    position: absolute;
    top: 0;
    right: 0;
}
/* order number, date */
.compact-view .shop_order__number {
    width: 180px;
}
.compact-view .shop_order__number > div {
    margin: 0;
}
.compact-view .shop_order__number > div:nth-child(1),
.compact-view .shop_order__number > div:nth-child(2) { 
    width: 90px;
}
.compact-view .shop_order__number b {
    font-weight: normal;
}
/* artucul, brand */
.compact-view .shop_order__name_details {
    width: 180px;
}
.compact-view .shop_order__name_details div {
    margin-right: 0;
    width: 90px;
}
.compact-view .copy-articul {
    display: none;
}
/* order item name */
#content .compact-view .shop_order__name_text span {
    font-size: 13px;
    line-height: 16px;
    display: block;
}
.compact-view .shop_order__name_text {
}
/*order status*/
.compact-view .shop_order__name_status {
    border-left: 0;
    margin-top: 0;
    padding: 0 0 0 10px;
    width: 145px;
}
/* order amount */
.compact-view div.border-right.compact-amount {
    display: block;
    padding: 0 3px !important;
    width: 35px;
    text-align: center;
}
/* long text */
.compact-view .articul-item, .compact-view .shop_order__brand a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.compact-view .shop_order__comment {
    padding-left: 10px;
    font-size: 12px;
    display: flex;
    padding-top: 5px;
    padding-bottom: 0;
}
.compact-view .shop_order__comment .shop_order__label {
    display: inline;
    padding-right: 5px;
}
#content .compact-view .shop_order__name_status b i {
    font-weight: normal;
}
/* ------------------- order compact view */