%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+); }