%PDF- %PDF-
| Direktori : /home/bitrix/www/bitrix/components/bitrix/sale.order.ajax/templates/old_version/ |
| Current File : //home/bitrix/www/bitrix/components/bitrix/sale.order.ajax/templates/old_version/style.css |
.bx-soa { padding-bottom:20px;}
.bx-soa-section {
border-radius: 2px;
margin-bottom: 6px;
-webkit-transition: border-color .3s ease;
-moz-transition: border-color .3s ease;
-o-transition: border-color .3s ease;
transition: border-color .3s ease;
border: 1px solid #e8e9eb;
}
.bx-soa-section.bx-step-completed {border: 1px solid #83CB1B;}
/*.bx-soa-section.bx-step-completed .bx-soa-section-title:before {*/
/*content: " ";*/
/*display: inline-block;*/
/*width: 18px;*/
/*margin:2px 10px 1px 0;*/
/*line-height: 20px;*/
/*height: 18px;*/
/*background: url(images/sprite.png) no-repeat center 0;*/
/*vertical-align: middle;*/
/*}*/
.bx-soa-section-title-count{
display:inline-block;
min-width:17px;
height:17px;
border-radius:8px;
border:1px solid #98979d;
vertical-align:middle;
position: relative;
margin: -3px 10px 0 0;
}
#bx-soa-order{
counter-reset: heading;
}
.bx-soa-section .bx-soa-section-title-count:after {
position:absolute;
left:0;
right:0;
top:0;
text-align:center;
font-size:10px;
color:#98979d;
line-height:15px;
counter-increment: heading;
content: counter(heading);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bx-soa-section-title-count:before{
content:"";
position:absolute;
width:10px;
height:10px;
right:-5px;
bottom:-2px;
display:none;
background: url(images/sprite.png) no-repeat center;
}
.bx-soa-section.bx-step-completed .bx-soa-section-title-count{background:#87c73d;border-color:#87c73d;}
.bx-soa-section.bx-step-completed .bx-soa-section-title-count:after{color:#fff;}
.bx-soa-section.bx-step-completed .bx-soa-section-title-count:before{display:block;background-position:center 0;}
.bx-soa-section.bx-step-warning .bx-soa-section-title-count{background:#f8c11a;border-color:#f8c11a;}
.bx-soa-section.bx-step-warning .bx-soa-section-title-count:after{color:#000;}
.bx-soa-section.bx-step-warning {border: 1px solid #CCBE71;}
.bx-soa-section.bx-step-warning .bx-soa-section-title-count:before {display:block;background-position:center -37px;}
.bx-soa-section.bx-step-error .bx-soa-section-title-count{background:#db4c4c;border-color:#db4c4c;}
.bx-soa-section.bx-step-error .bx-soa-section-title-count:after{color:#fff;}
.bx-soa-section.bx-step-error {border: 1px solid #db4a29;}
.bx-soa-section.bx-step-error .bx-soa-section-title-count:before {display:block;background-position:center -20px;}
/*.bx-soa-section.bx-step-error .bx-soa-section-title:before {background: url(images/sprite.png) no-repeat center -18px;}*/
.bx-soa-section.bx-selected {border: 1px solid #91cedc;}
.bx-soa-section-title-container {
overflow: hidden;
background: #f2f5f7;
padding: 7px 0;
font-size: 14px;
}
.bx-soa-section.bx-selected .bx-soa-section-title-container {padding: 15px 0;}
.bx-soa-section-title {
border-radius: 2px;
margin: 0;
color: #000;
line-height: 15px;
min-height: 20px;
vertical-align: middle;
font-size: 16px;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding-top: 3px;
/*padding-left:0;*/
}
.bx-soa-section.bx-selected .bx-soa-section-title {font-size: 22px;}
.bx-soa-editstep {
display: inline;
font-size: 12px;
vertical-align: middle;
line-height: 22px;
border-bottom: 1px dotted;
}
.bx-soa-section.bx-selected .bx-soa-editstep {display: none;}
.bx-soa-section.bx-selected .bx-soa-editstep:hover {border-bottom: none;}
.bx-soa-section-content {
padding: 10px 15px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.bx-soa-section.bx-step-completed .bx-soa-section-content,
.bx-soa-section.bx-selected .bx-soa-section-content {line-height: 18px;}
/* Table */
.bx-soa-table-fade{
position:relative;
}
.bx-soa-table-fade:before{
left:0;
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bx-soa-table-fade:after{
right:0;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bx-soa-table-fade:before,
.bx-soa-table-fade:after{
content: "";
width: 0;
position: absolute;
bottom: 10px;
top: 0;
height: 100%;
display: block;
-webkit-transition: width 300ms ease;
-moz-transition: width 300ms ease;
-ms-transition: width 300ms ease;
-o-transition: width 300ms ease;
transition: width 300ms ease;
}
.bx-soa-table-fade-left:before,
.bx-soa-table-fade-right:after{width: 15px;}
.bx-soa-item-table{
margin-bottom:10px;
min-width:100%;
display:table;
}
.bx-soa-item-tr{
display:table-row;
}
.bx-soa-item-td{
display:table-cell;
vertical-align: top;
padding-top:10px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
border-top: 1px dotted #e5e5e5;
}
@media (min-width:769px){
.bx-soa-item-td{
padding-left: 7px;
padding-right:7px;
padding-bottom:10px;
}
}
.bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td{border-top: none}
/*.bx-soa-item-block{padding-bottom:10px;}*/
.bx-soa-item-img-block{
float:left;
padding-right:15px;
}
.bx-step-completed .bx-soa-item-img-block {
width: 48px;
padding-bottom:10px;
padding-right:10px;
}
.bx-soa-item-imgcontainer {
border-radius: 4px;
border: 1px solid #c0cfd9;
padding-top: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.bx-soa-item-content{}
.bx-soa-item-title {
font-weight: bold;
padding-bottom:5px;
}
.bx-soa-item-td-title {
line-height: 20px;
color: #7c7c7c;
padding-bottom: 3px;
font-size: 12px;
}
.bx-soa-item-td-text {
line-height: 25px;
vertical-align: middle;
}
.bx-soa-item-properties .bx-soa-item-td-title,
.bx-soa-item-properties .bx-soa-item-td-text{ text-align:center;}
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:right;}
.bx-soa-item-td-text input[type="number"] {
height: 25px;
line-height: 20px;
}
.bx-soa-item-td-text .bx-price {white-space: nowrap;}
.bx-price-old {
white-space: nowrap;
text-decoration: line-through;
color: #B8B8B8;
font-size: 13px;
}
.bx-soa-item-td-control {
padding-bottom: 5px;
font-size: 11px;
}
@media (max-width:991px){
.bx-soa-item-table,
.bx-soa-item-table>tbody,
.bx-soa-item-tr,
.bx-soa-item-td{display:block;}
.bx-soa-item-tr.bx-soa-item-info-container,
.bx-soa-item-tr .bx-soa-item-td{border:none;}
.bx-soa-item-tr{
border-top: 1px dotted #e5e5e5;
padding-bottom:15px;
padding-top:10px;
overflow:hidden;
}
.bx-soa-item-tr.bx-soa-item-tr-first{border:none;}
.bx-soa-item-block{ overflow:hidden;}
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:center;}
}
@media (min-width:581px) and (max-width:991px){
.bx-soa-item-properties{float:left; padding-bottom:10px;}
.bx-soa-item-td-title,
.bx-soa-item-nth-4p1,
.bx-soa-item-tr{clear:both;}
}
@media (max-width:580px){
.bx-soa-item-td {line-height: 17px;}
.bx-soa-item-img-block{
float:none;
max-width: 160px;
margin: 0 auto;
padding-right:0;
}
.bx-soa-section.bx-step-completed .bx-soa-item-img-block{float:left;}
.bx-soa-item-content{padding-top:15px;}
.bx-soa-section.bx-step-completed .bx-soa-item-content{padding-top:0;}
.bx-scu-container{padding-top:10px;}
.bx-soa-item-td-title,
.bx-soa-item-td-text{
line-height:20px;
display:inline-block !important;
padding: 2px 5px;
text-align: left;
vertical-align:middle;
font-size:13px;
}
.bx-soa-item-td-title:after {content: ":"}
.bx-soa-item-properties {padding:0;}
}
@media (min-width: 580px) {
.bx-soa-item-img-block {
width: 85px;
margin: 0;
}
}
/* Advanced info */
.bx-soa-item-info-container{
position:relative;
height:35px;
}
.bx-soa-item-info-container .bx-soa-item-td{
border:none;
position:absolute;
/*left:20px;*/
/*right:20px;*/
/*padding:0 20px;*/
}
.bx-soa-item-info-container .bx-soa-item-info-block {
height: 0;
overflow: hidden;
margin-bottom: 10px;
}
.bx-soa-item-info-block.bx-active {
padding-top: 10px;
height: auto;
}
.bx-soa-info-block{
border:none;
max-width:100%;
}
.bx-soa-info-line {line-height: 15px;}
.bx-soa-info-title {
color: #7c7c7c;
font-size: 12px;
padding:4px 0;
vertical-align:top;
}
.bx-soa-info-text {
display: inline-block;
font-size:12px;
padding:4px 10px;
vertical-align:top;
}
@media (max-width:580px){
.bx-soa-item-info-container .bx-soa-item-td{
position:static;
left:auto;
right:auto;
padding:0;
}
.bx-soa-item-info-container{
position:relative;
height:auto !important;
min-height:0;
}
}
/* Coupon */
.bx-soa-coupon {
border-top: 1px solid #e5e5e5;
padding-top: 10px;
margin-top: 10px;
}
.bx-soa-coupon-label {
display: inline-block;
font-weight: bold;
font-size: 13px;
color: #000;
padding-right: 10px;
vertical-align: top;
}
.bx-selected .bx-soa-coupon-label{padding-top: 7px;}
.bx-soa-coupon-item-fixed .bx-soa-coupon-block {
font-weight:normal;
}
.bx-soa-coupon-item-fixed .bx-soa-coupon-label,
.bx-soa-coupon-item-fixed .bx-soa-coupon-item {
font-weight: normal;
padding-top: 0;
line-height: 20px;
}
.bx-soa-coupon-block {
vertical-align: middle;
line-height: 34px;
}
.bx-soa-coupon-input {
display: inline-block;
position:relative;
}
.bx-soa-coupon-input:after {
content:"";
display:block;
width: 8px;
height:8px;
background-color:transparent;
border-right: 2px solid #8da3ad;
border-bottom:2px solid #8da3ad;
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
cursor:pointer;
}
.bx-soa-coupon-input input[type=text].form-control {
border: 1px solid #CCD5DB;
background-color: #f8fafc;
background-image: none;
border-radius: 2px;
outline: none;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
box-shadow: none;
}
.bx-soa-coupon-input input[type=text].form-control:focus {
border-color: rgb(99, 116, 126);
outline: none;
box-shadow: none;
}
.bx-step-completed .bx-soa-coupon-list {
padding-top: 0;
line-height: 20px;
}
.bx-soa-coupon-item{}
.bx-soa-coupon-item strong:first-child{ margin-left:10px;}
.bx-soa-coupon-item strong {
white-space: nowrap;
margin-right: 20px;
position: relative;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
display: inline-block;
letter-spacing: -0.5px
}
.bx-soa-coupon-item strong.bx-soa-coupon-item-danger {color: #A94442;}
.bx-soa-coupon-item strong.bx-soa-coupon-item-success{color: #3ba428;}
.bx-soa-coupon-item strong.bx-soa-coupon-item-used{color: #777;}
.bx-soa-coupon-item-danger-mess,
.bx-soa-coupon-item-mess {
display: none;
position: absolute;
left: 0;
min-width: 100%;
top: 100%;
font-weight: normal;
padding: 6px 10px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
text-transform: none;
color: #333;
letter-spacing: normal;
z-index: 1;
}
/*.bx-touch .bx-soa-coupon-item strong .bx-soa-coupon-item-mess,*/
.bx-soa-coupon-item strong:hover .bx-soa-coupon-item-mess,
/*.bx-touch .bx-soa-coupon-item strong .bx-soa-coupon-item-danger-mess,*/
.bx-soa-coupon-item strong:hover .bx-soa-coupon-item-danger-mess {display: block;}
.bx-soa-coupon-remove {
display: inline-block;
height:20px;
width: 20px;
margin-left: 10px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNpEkM0KwjAQhGdr/Dv6Nj6EXkRvehTfRhS868lWWigU9OFEHGeTqIF0dydftrMJp0s1McMdwJ5AY0iLKaxVbwGbBxgeJKaCS4NjbJxQvlE4a/ektUFX9w5JCNolEzQmGCHlT8VjEFQjdvrBN0EOF4oOrXS5Cxmqs7NKVSEroPHlkLLOLRX4r5HOjenf3tE7DDyjxCLNx032ZFovSe80BK7Sl9IQmJ4gT4foSfowe+47jGx+xzidQxY9Zd/+/cLbIC8ztW9VHBL0fXDWGdeDc/ERYABB6E45iF95UQAAAABJRU5ErkJggg==) no-repeat center;
cursor: pointer;
vertical-align:middle;
position:relative;
top:-1px;
}
/* pickup */
.bx-soa-pickup-preview-img {
height: 76px;
border: 1px solid #ddd;
border-radius: 1px;
padding: 1px;
margin-left:10px;
float: right;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bx-soa-pickup-subTitle {
font-size: 15px;
font-weight: bold;
padding-bottom: 10px;
}
.bx-soa-pickup-list {
margin-bottom: 20px;
}
.bx-soa-pickup-list .bx-soa-pickup-list-item {
border-top: 1px solid #dcdfe2;
padding: 16px 35px;
font-size: 13px;
position: relative;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
.bx-soa-pickup-list-item.bx-selected {background: #f8fafc;}
.bx-soa-pickup-list .bx-soa-pickup-list-item:last-child {border-bottom: 1px solid #dcdfe2;}
.bx-soa-pickup-l-item-adress {
padding-left: 15px;
color: #25495e;
font-weight: bold;
line-height: 17px;
min-height: 17px;
position: relative;
padding-right: 100px;
}
.bx-soa-pickup-l-item-adress:before {
height: 17px;
width: 18px;
content: "";
top: 50%;
left: -5px;
margin-top: -8px;
position: absolute;
background: url(images/sprite.png) no-repeat center -54px;
}
.bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail {
padding-top: 20px;
display: none;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-detail {display: block;}
.bx-soa-pickup-l-item-detail {
padding-left: 100px;
position: relative;
min-height: 80px;
}
.bx-soa-pickup-l-item-detail.no-image {padding-left: 20px;}
.bx-soa-pickup-l-item-btn {
position: absolute;
right: 0;
top: 50%;
margin-top: -17px;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn {
padding-left: 100px;
padding-top: 10px;
float: none;
position: relative;
top: auto;
right: auto;
margin-top: 0;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn.no-image {padding-left: 20px;}
.bx-soa-pickup-l-item-name {font-weight: bold;}
.bx-soa-pickup-l-item-img {
position: absolute;
top: 23px;
left: 0;
max-width: 90px;
max-height: 90px;
height: auto;
width: auto;
}
/*Sidebar*/
.bx-soa-sidebar {
position: relative;
height: 100%;
}
.bx-soa-cart-total {
border: 1px solid #e8e9eb;
border-radius: 3px;
padding: 20px;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.bx-soa-cart-total.bx-soa-cart-total-fixed {
position: fixed;
top: 10px;
}
.bx-soa-cart-total.bx-soa-cart-total-bottom {opacity: 0;}
@media(max-width: 768px){
.bx-soa-cart-total.bx-soa-cart-total-fixed{
position: static;
padding-top:0;
width: 100% !important;
}
.bx-soa-cart-total.bx-soa-cart-total-bottom{
opacity:1 !important;
position: static;
}
.bx-soa-cart-total-ghost{
display: none;
}
}
.bx-soa-cart-total-line {
padding: 5px 0;
font-size: 13px;
border-top: 1px solid #e5e5e5;
line-height: 25px;
overflow: hidden;
}
.bx-soa-cart-total .bx-soa-cart-total-line:first-child {border-top: none;}
.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {border-color: #bfbfbf;}
.bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t {font-weight: bold;}
.bx-soa-cart-total .bx-soa-cart-total-line-total {
padding-top: 25px;
border-bottom: none;
}
.bx-soa-cart-t {float: left;}
.bx-soa-cart-d {float: right;}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {font-weight: bold;}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {font-size: 28px;}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 18px;}
.bx-soa-cart-total-button-container{
padding-top: 20px;
text-align: center;
}
.bx-soa-cart-total-button-container>.btn{
width: 100%;
}
.bx-soa-more {
border-top: 1px solid #e5e5e5;
padding-top: 10px;
margin-top: 10px;
}
.bx-soa-price-not-calc{
border-bottom:1px dashed;
color:#F55450;
text-decoration:none;
cursor: pointer;
}
.bx-soa-price-not-calc:active,
.bx-soa-price-not-calc:hover{
border-color:transparent;
color:#A94442;
}
@media (max-width: 991px) {
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
white-space: nowrap;
font-size: 19px;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 14px;}
}
@media (max-width: 580px) {
.bx-soa-coupon-label {
/*text-align: center;*/
display: block;
padding-bottom: 5px;
}
.bx-soa-coupon-block {display: block;}
.bx-soa-coupon-input {text-align: center;}
.bx-soa-coupon-input input {display: inline-block !important;}
.bx-soa-coupon-item {text-align: center;}
.bx-soa-coupon-item strong {
display: inline-block;
position: relative;
/*right: -20px;*/
}
.bx-soa-coupon-item strong:first-child {margin-left: 0;}
.bx-soa-coupon-remove:after {
content: "";
clear: both;
}
.bx-soa-more {padding-top: 10px;}
.bx-soa-pickup-l-item-detail {padding-left: 0;}
.bx-soa-pickup-l-item-img {
position: relative;
left: auto;
top: auto;
max-width: 200px;
max-height: 200px;
}
.bx-soa-pickup-l-item-adress {padding-right: 0;}
}
/* SCU */
.bx-scu-container{overflow:hidden;}
.bx-soa-item-content .bx-scu-container {max-width: 200px;}
.bx-scu-block {}
.bx-scu-list {
margin: 0;
padding: 0 5px;
}
.bx-scu-itemlist {
list-style: none;
padding: 0;
overflow: hidden;
margin: 0 -5px;
min-width: 40px;
}
.bx-scu-item {
float: left;
width: 20%;
padding: 5px;
}
.bx-img-item {
float: left;
width: 50%;
padding: 5px;
min-width: 30px;
max-width: 50px;
}
@media (max-width: 580px){
.bx-img-item {
width: 45px;
}
}
.bx-img-itemColor {
position: absolute;
top: 3px;
right: 3px;
left: 3px;
bottom:3px;
background-size: contain;
-webkit-background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.bx-scu-itemColorBlock {
position: relative;
padding-top: 100%;
cursor: pointer;
outline: 1px solid #c0cfda;
-webkit-transition: outline .2s ease;
-moz-transition: outline .2s ease;
-o-transition: outline .2s ease;
transition: outline .2s ease;
}
.bx-scu-itemColorBlock:hover {outline: 1px solid #006cc0;}
.bx-scu-itemColorBlock.selected {outline: 2px solid #006cc0;}
.bx-scu-itemColor {
position: absolute;
top: 3px;
right: 3px;
left: 3px;
bottom: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.bx-scu-itemTextBlock {
position: relative;
cursor: pointer;
outline: 1px solid #c0cfda;
-webkit-transition: outline .2s ease;
-moz-transition: outline .2s ease;
-o-transition: outline .2s ease;
transition: outline .2s ease;
}
.bx-scu-itemTextBlock:hover {outline: 1px solid #006cc0;}
.bx-scu-itemTextBlock.selected {outline: 2px solid #006cc0;}
.bx-scu-itemText {
vertical-align: middle;
text-align: center;
font-size: 11px;
line-height: 18px;
white-space: nowrap;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
}
/*.bx-step-completed*/ .bx-scu-container{
position:relative;
height:35px;
overflow:hidden;
}
/*.bx-step-completed*/ .bx-scu-container:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:25px;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.bx-selected .bx-scu-container{height:auto;}
.bx-selected .bx-scu-container:after{height: 0;}
@media (max-width: 768px) {
.bx-scu-container{height:auto;}
.bx-scu-container:after{height: 0;}
}
/*.bx-step-completed*/ .bx-scu-container .bx-soa-item-td-title{line-height:20px;}
.bx-scu-container .bx-soa-item-td-title,
.bx-scu-container .bx-soa-item-td-text{
float: left;
font-size:13px;
padding-right:5px;
line-height:19px;
vertical-align: middle;
padding-bottom:3px;
}
.bx-scu-container .bx-soa-item-td-title{clear: both;}
/*.bx-scu-container .bx-soa-item-td-title:after{
content:": ";
}*/
@media (min-width:768px){
.bx-scu-container .bx-soa-item-td-title, .bx-scu-container .bx-soa-item-td-text {
padding-bottom:0;
line-height:20px;
}
}
/* AUTH */
.bx-soa h3.bx-title {
font-size: 15px;
font-weight: bold;
}
.bx-soa-reg-block {
background: #f8fafc;
padding: 25px 20px;
}
.bx-soa-reg-block p {
color: #595a5b;
font-size: 13px;
margin: 0 0 10px;
padding: 0;
}
/*bx-soa-reference*/
.bx-soa-reference {
color: #9a9a9a;
font-size: 11px;
padding-top: 10px;
padding-bottom: 20px;
}
.bx-soa-auth .bx-soa-reference {border-top: 1px solid #f2f2f2;}
/*REGION*/
.bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
display: inline-block;
background: #d0ecf1;
border-radius: 3px;
padding: 10px 20px 11px;
margin: 10px 2px;
cursor: pointer;
vertical-align: middle;
font-size: 15px;
line-height: 20px;
height: auto;
color: #333;
border: none;
-webkit-transition: background 200ms ease;
-moz-transition: background 200ms ease;
-o-transition: background 200ms ease;
transition: background 200ms ease;
}
.bx-sls .quick-location-tag:hover,
.bx-slst .quick-location-tag:hover {background-color: #e3f4f7;}
.bx-sls .quick-location-tag:first-child,
.bx-slst .quick-location-tag:first-child {margin-left: 0;}
.bx-sls .quick-location-tag:last-child,
.bx-slst .quick-location-tag:last-child {margin-right: 0;}
.bx-soa .bx-soa-location-offered small {color: #737373;}
.bx-soa-location-selected {
padding-top: 12px;
padding-bottom: 22px;
}
.bx-soa .bx-soa-customer-label,
.bx-soa .bx-soa-custom-label,
.bx-soa .form-group label {
position: relative;
font-size: 14px;
font-weight: 500;
padding-bottom: 2px;
color: #000;
}
.bx-soa .bx-soa-customer-label-container small,
.bx-soa .bx-soa-custom-label-container small,
.bx-soa .form-group label small {color: #737373;}
/*FIELDS*/
.form-control {
background-color: #f8fafc;
border: 1px solid #d5dadc;
box-shadow: none;
border-radius: 2px;
}
.form-group .form-control:focus {border-color: #63747e}
.bx-soa .bx-soa-location-input-container {position: relative;}
.bx-soa .bx-soa-customer-tel-input-container {position: relative;}
.bx-soa .bx-soa-customer-tel-input-container {height: 41px;}
.bx-soa .bx-soa-location-input {padding: 10px 40px 11px;}
.bx-soa .bx-soa-customer-tel-input {padding: 10px 11px 10px 50px;}
.bx-soa .bx-soa-location-input-container:before {
content: " ";
position: absolute;
left: 8px;
bottom: 9px;
top: 9px;
width: 20px;
background-size: contain;
}
/*pay*/
.bx-soa-pp-company {
padding-bottom: 20px;
z-index: 100;
position: relative;
}
.bx-soa-pp .bx-soa-pp-company {
padding: 7px;
border: 1px solid transparent;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
.bx-soa-pp-desc-container {padding-top: 7px;}
.bx-soa-pp-desc-container .bx-soa-pp-company {
background: #f8fafc;
border: 1px solid #d5dadc;
padding: 7px 15px;
}
.bx-soa-pp-company-logo {padding-top: 6px;}
.bx-soa-pp-company-graf-container {
border: 2px solid #c3cace;
border-radius: 2px;
position: relative;
background: #fff;
width: auto;
height: 0;
/*margin-bottom: 10px;*/
padding-top: 50%;
}
.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;}
.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;}
.bx-soa-pp-company.bx-bd-error .bx-soa-pp-company-graf-container {border-color: #db4a29;}
.bx-soa-pp-company.bx-bd-waring .bx-soa-pp-company-graf-container {border-color: #CCBE71;}
input[type=checkbox].bx-soa-pp-company-checkbox {
position: absolute;
top: 7px;
left: 7px;
margin: 0;
padding: 0;
z-index: 100;
}
.bx-soa-pp-company-image {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {max-width: 150px;}
.bx-soa-pp-company-smalltitle {
padding-top: 9px;
color: #a3a3a3;
font-size: 11px;
text-align: center;
padding-bottom: 5px;
}
.bx-soa-pp-company-title {
font-size: 19px;
font-weight: bold;
}
.bx-soa-pp-company-subTitle {
font-size: 15px;
font-weight: bold;
}
.bx-soa-pp-company-desc {
font-size: 13px;
padding-top: 10px;
line-height: 17px;
}
.bx-soa-pp-company-selected{padding:4px 0;}
.bx-soa-pp-company-selected strong{margin-left:10px;}
ul.bx-soa-pp-list {
margin: 10px 0;
padding: 0;
list-style: none;
font-size: 13px;
color: #000;
}
ul.bx-soa-pp-list li {
clear: both;
padding: 5px 0;
}
.bx-soa-pp-list-termin {
color: #8d8d8d;
display: block;
}
.bx-soa-pp-list-description {display: block;}
.bx-soa-pp-delivery-cost {
position: absolute;
font-size: 14px;
line-height: 14px;
color: #fff;
padding: 2px 4px;
right: -2px;
bottom: -2px;
border-radius: 1px;
background: rgba(0, 0, 0, .5);
}
.bx-soa-pp-field .form-control{background: #fff;}
.bx-soa-pp-company-block .checkbox label,
.bx-soa-pp-company-block .form-group label{font-size:13px;}
.bx-soa-pp-company-block .form-control{font-size:13px;}
.bx-soa-pp-price{
text-align:right;
padding: 4px 0;
}
.bx-soa-service-small{
color: #a3a3a3;
font-size: 11px;
}
/*CHECKBOX*/
@media (min-width:1200px) {
.bx-soa-pp .bx-soa-pp-company:nth-child(4n+1) {clear: both;}
}
@media (min-width:992px) and (max-width:1199px) {
.bx-soa-pp .bx-soa-pp-company:nth-child(3n+1) {clear: both;}
}
@media (min-width:768px) and (max-width:991px) {
.bx-soa-pp .bx-soa-pp-company:nth-child(3n+1) {clear: both;}
}
@media (max-width:767px) {
.bx-soa-pp .bx-soa-pp-company:nth-child(2n+1) {clear: both;}
}
@media (min-width:481px) and (max-width:766px) {
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
width: 100%;
padding-top: 0
}
.bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none; }
.bx-soa-pp-list-termin {width: 30%;}
}
@media (max-width:480px) {
.bx-soa-pp-company-logo {width: 45%;}
.bx-soa-pp-company-title {display: none;}
/* .bx-soa-pp-company-smalltitle {
font-weight: bold;
color: #000;
font-size: 14px;
}*/
.bx-soa-pp-item-container {border-right: none;}
.bx-soa-pp-desc-container {}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
width: 100%;
padding-top: 0
}
.bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none;}
.bx-soa-pp-list-termin {width: 40%;}
/* .bx-soa-pp-list-description {
margin-left: 45%;
}*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),@media only screen and (min--moz-device-pixel-ratio: 2),@media only screen and (-moz-min-device-pixel-ratio: 2),@media only screen and (-o-min-device-pixel-ratio: 2/1),@media only screen and (min-device-pixel-ratio: 2),@media only screen and (min-resolution: 192dpi),@media only screen and (min-resolution: 2dppx){
.bx-soa-location-input-container {
border-width: .5px;
}
}
.bx-soa-section.bx-step-good {
-webkit-animation: animationBorderStep ease 5s;
-moz-animation: animationBorderStep ease 5s;
-o-animation: animationBorderStep ease 5s;
animation: animationBorderStep ease 5s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-moz-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-ms-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-o-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
.bx-soa-section.bx-step-bad {
-webkit-animation: animationBorderStepBad ease 5s;
-moz-animation: animationBorderStepBad ease 5s;
-o-animation: animationBorderStepBad ease 5s;
animation: animationBorderStepBad ease 5s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-moz-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-ms-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-o-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
.bx-soa-changeCostSign {
-webkit-animation: changeCostSign ease .4s;
-moz-animation: changeCostSign ease .4s;
-o-animation: changeCostSign ease .4s;
animation: changeCostSign ease .4s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-moz-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-ms-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-o-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
.bx-sls.form-control {padding: 0;}
.bx-sls .bx-ui-sls-pane,
.bx-slst .bx-ui-combobox-dropdown{border: 1px solid #bdbdbd;}
.bx-sls .dropdown-fade2white,
.bx-slst .dropdown-fade2white{top:1px;}
.bx-sls .form-control.dropdown-block,
.bx-slst .form-control.dropdown-block{
background-color: #f8fafc;
border: 1px solid #d5dadc;
box-shadow: none;
}
.has-error .bx-sls .form-control.dropdown-block,
.has-error .bx-slst .form-control.dropdown-block{
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input{padding-top: 7px;}
.bx-bd-error {border-color: #db4a29;}
.bx-bd-waring {border-color: #CCBE71;}
.wsnw{white-space: nowrap;}
.bx-step-opacity {
opacity: 0;
-webkit-animation: animationBorderStepOpacity ease 1s;
-moz-animation: animationBorderStepOpacity ease 1s;
-o-animation: animationBorderStepOpacity ease 1s;
animation: animationBorderStepOpacity ease 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
@-webkit-keyframes animationBorderStepOpacity{ 0%{opacity:0} 100%{opacity:100} }
@-moz-keyframes animationBorderStepOpacity{ 0%{opacity:0} 100%{opacity:100} }
@-ms-keyframes animationBorderStepOpacity{ 0%{opacity:0} 100%{opacity:100} }
@-o-keyframes animationBorderStepOpacity{ 0%{opacity:0} 100%{opacity:100} }
@keyframes animationBorderStepOpacity{ 0%{opacity:0} 100%{opacity:100} }
/* MAPS */
ymaps h3{
margin: 6px 0 10px 0;
}
/* AUTH */
.bx-authform{
margin: 0 0 25px;
}
/*block*/
.bx-authform-formgroup-container{
margin-bottom: 25px;
}
.bx-authform-content-container,
.bx-authform-label-container{
font-size:13px;
color: #5a6c77;
padding-bottom: 2px;
}
.bx-authform-input-container{
position: relative;
}
.bx-authform-psw-protected{
height: 38px;
width: 38px;
position: absolute;
right: 1px;
top: 50%;
margin-top: -19px;
background: url(images/sprite.png) no-repeat center;
-webkit-background-size: 11px auto;
background-size: 11px auto;
}
.bx-authform-psw-protected-desc{
display: none;
background: #fff;
position: absolute;
width: 250px;
left: 50%;
margin-left: -125px;
bottom: 100%;
margin-bottom: 14px;
border:1px solid #f0f1f2;
padding: 10px 20px;
font-size: 14px;
z-index: 110;
box-shadow: 0 6px 9px 0 rgba(0,0,0,.1)
}
.bx-authform-psw-protected:hover .bx-authform-psw-protected-desc{display: block;}
.bx-authform-psw-protected-desc>span{
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 14px;
display: block;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzNzExNDdGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzNzExNDhGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjM3MTE0NUZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjM3MTE0NkZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PodxyuQAAAFASURBVHjarJS/SgNBEMZ3x00glj6DL2Fn5UtYi7WdlYUIYhGwCYgPYBeIjbUvIYikCxaCGk/wZvf2n98dCiEm521y2xwzOzO/m5tvTn5knyrG+LLZ6211ux3R5rHWCtZGhBBOCbaTUu7kzM9FYVuDeO+FNsWjD+EQ9S/px/8EY7ctmHVO5KwzwM5Iymu4pjRzP24D5tAJs34D7Bzm3a+f5uLWgpWfCzMZY+YHG0QXqDVdBloZZp0VXzmXAriCOZq/pyV5STB0Eo0pHqCufXQygCs2BTWCxUrC5eDZO+f7iL+BSy+KpX9ethZWSVibCSDHiLutK0QNPv9CGIpDXWaCPTkioj5c7+uC/sBctSccMfjBrITrjsQvKEXB25DufUepDPtyAnvYNFElrkrVGZZxD89hSqJaYflL2Gtq0rcAAwDa/ePzqfelnAAAAABJRU5ErkJggg==) no-repeat center bottom;
}
.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
display: block;
width: 100%;
font-size: 18px;
height: 38px;
margin: 0;
padding: 0 4px;
border: 1px solid #CCD5DB;
border-radius: 2px;
background: #f8fafc;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-authform-input-container input[type="text"].bx-empty-field,
.bx-authform-input-container input[type="password"].bx-empty-field{
border-color: #dd4b39;
}
span.bx-authform-starrequired{
color: #d93333;
}
.bx-authform-formgroup-container .bx-captcha{
margin-bottom: 10px;
}
.bx-authform-link-container,
.bx-authform-description-container{
padding-bottom: 10px;
font-size: 13px;
color: #292d2e;
}
.bx-authform-description-container{
font-size: 13px;
color: #5a6c77;
}
.bx-authform-link-container{margin-bottom: 20px;}
hr.bxe-light{
border: 0;
border-bottom: 1px solid #e5e5e5;
margin-top: 20px;
margin-bottom: 20px;
}
.alert{
border: none;
border-radius: 1px;
font-size: 14px;
padding: 15px;
margin-bottom: 20px;
}
.bxe-aleft-title{
font-weight: bold;
padding-bottom: 5px;
}
.alert-success {
color: #3C763D;
background-color: #DFF0D8;
border-color: #D6E9C6;
}
.alert-warning {
color: #8A6D3B;
background-color: #FCF8E3;
border-color: #FAEBCC;
}
.alert-danger {
color: #A94442;
background-color: #F2DEDE;
border-color: #EBCCD1;
}
/* PAGINATION */
.bx-pagination {
margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
text-align: center;
position: relative;
}
.bx-pagination .bx-pagination-container ul {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
display: inline-block;
margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
background: #eff0f1;
padding: 0 8px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
font-size: 14px;
border-radius: 16px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
text-decoration: none;
display: block;
border-radius: 16px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
background: #0083d1;
color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
background: #fff;
border: 2px solid #eff0f1;
line-height: 28px;
padding: 0 18px;
color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
color: #aab1b4;
background: #fff;
border: 2px solid #eff0f1;
line-height: 28px;
padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
background: #fff;
border-color: #DADADA;
color: #000;
}
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{
background: #3bc915;
color: #fff;
}
.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{
background: #F9A91D;
color: #fff;
}
.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{
background: #E22B2B;
color: #fff;
}
#loading_screen{
position:fixed;
z-index: 1150;
left:50%;
top:50%;
margin-left: -32px;
margin-top: -32px;
width:64px;
height:64px;
}
.bx-soa-tooltip.bx-soa-tooltip-static{
position: relative;
z-index: 0;
}
.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow{left:20px;}
.bx-soa-tooltip .tooltip-inner{max-width: 300px;}
.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow{border-top-color:#F2DEDE;}
.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner{background:#F2DEDE;color:#A94442;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow{border-top-color:#FCF8E3;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner{background:#FCF8E3;color:#8A6D3B;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow{border-top-color:#dff0d8;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner{background:#dff0d8;color:#3c763d;}
.bx-soa-tooltip.bx-soa-tooltip-coupon{display:none;}
.bx-soa-coupon-item-used:hover .bx-soa-tooltip,
.bx-soa-coupon-item-danger:hover .bx-soa-tooltip,
.bx-soa-coupon-item-success:hover .bx-soa-tooltip{
display:block;
opacity:1;
bottom:100%;
}
.bx-soa-tooltip-coupon>span{
display:block;
text-transform:none;
}
.bx-soa-empty-cart-image{
width:131px;
height:116px;
margin:50px auto 42px;
background:url(images/empty_cart.svg) no-repeat center;
-webkit-background-size:contain;
background-size:contain;
}
.bx-soa-empty-cart-text{
font-size:36px;
text-align:center;
color:#bababa;
margin-bottom:42px;
}
.bx-soa-empty-cart-desc{
text-align:center;
color:#000;
font-size:16px;
margin-bottom:42px;
}
.soa-property-container .input-group-addon{
background:#fff;
}
.input-group-addon .bx-calendar{
background:url(images/calendar.svg) no-repeat center;
display: inline-block;
width: 18px;
background-size: 18px auto;
height: 18px;
}
.icon-success {
position: absolute;
left: 16px;
width: 21px;
height: 21px;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxzdHlsZT4uc3Qwe2ZpbGw6IzcxYmEyNH08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTAuNSAwQzQuNyAwIDAgNC43IDAgMTAuNVM0LjcgMjEgMTAuNSAyMSAyMSAxNi4zIDIxIDEwLjUgMTYuMyAwIDEwLjUgMHpNOSAxNS40bC01LTQuOSAyLTIgMyAzIDYtNS45IDIgMi04IDcuOHoiLz48L3N2Zz4=);
}
.icon-warning {
position: absolute;
left: 16px;
width: 22px;
height: 20px;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjAiPjxzdHlsZT4uc3Qwe2ZpbGw6I2RlYTcxMn08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMjEuNyAxNi43TDEyLjkgMS4xQzEyLjMuMSAxMS0uMyAxMCAuM2MtLjQuMi0uNy41LS45LjhMLjMgMTYuN2MtLjQuNy0uNCAxLjUgMCAyLjIuNC43IDEuMSAxLjEgMS45IDEuMWgxNy43Yy44IDAgMS41LS40IDEuOS0xLjEuMy0uNy4zLTEuNS0uMS0yLjJ6bS0xMC43LjhjLS44IDAtMS40LS42LTEuNS0xLjQgMC0uOC42LTEuNCAxLjQtMS41LjggMCAxLjQuNiAxLjUgMS40IDAgLjgtLjYgMS41LTEuNCAxLjV6bTEuNC02LjJjMCAuOC0uNiAxLjQtMS40IDEuNHMtMS40LS42LTEuNC0xLjRWNC43YzAtLjQuMy0uNy43LS43aDEuNWMuNCAwIC43LjMuNy43bC0uMSA2LjZ6Ii8+PC9zdmc+);
}