Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/components/skyweb24/sharebasket.show/templates/.default/
Upload File :
Current File : /var/www/homesaver/www/bitrix/components/skyweb24/sharebasket.show/templates/.default/style.css

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: center;
    }

.flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 25px;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(4) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.who_made_selection p {font-size: 16px;}

.item_group {font-size: 16px;}
.item_group .group_name {color: gray; margin: 15px 0;}
.item_group .item:before {content: ''; display: inline-block; height: 100%; min-height: 75px; vertical-align: middle;}

.item_group .item .image {display: inline-block; max-height: 50px; text-align: center; vertical-align: middle; width: 80px;}
.item_group .item .image img {max-width: 100%; max-height: 50px;}

.item_group .item .compatibility_status {display: inline-block; margin: 0; margin-right: 10px; text-align: center; vertical-align: middle; width: 25px;}
.item_group .item .compatibility_status i {color: green;}

.item_group .item .info {display: inline-block; vertical-align: middle; width: calc(75% - 35px - 80px); padding: 10px 0;}
.item_group .item .info .category_name {color: gray; display: block; font-size: 13px; margin-bottom: 8px; width: auto;}
.item_group .item .info .product_name {width: auto;}
.item_group .item .info .product_name a {display: inline-block; margin-bottom: 3px; color: #333;}
.item_group .item .info .group_price, .item_group .item .info .product_code {display: block; margin-top: 5px; color: #777; font-size: 13px;}

.item_group .item .product_price {display: inline-block; margin: 0; text-align: center; vertical-align: middle; width: 20%;}
.item_group .item .product_price span:first-child {font-weight: bold; font-size: 16px;}
.item_group .item .product_price i {margin-left: 5px; color: #B2B2B2; font-size: 14px;}
.item_group .item .product_price .count {color: #B2B2B2; font-size: 13px;}
.item_group .item .product_price .available, .item_group .item .product_price .limited_quantity, .item_group .item .product_price .not_available {margin-top: 5px;}
.item_group .item .product_price .available span {color: green; font-weight: normal; font-size: 13px;}
.item_group .item .product_price .limited_quantity span {color: #fa8231; font-weight: normal; font-size: 13px;}
.item_group .item .product_price .not_available span {color: #eb3b5a; font-weight: normal; font-size: 13px;}

.bottom {font-size: 16px; text-align: center; margin-top: 30px; margin-bottom: 15px;}
.bottom button {padding: 13px 40px; outline: none; transition: .3s background; background: #45aaf2; color: #fff; font-size: 18px;}
.bottom button:hover {background: #2d98da; color: #fff;}
.total_price {display: flex; margin-bottom: 15px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between;}
.total_price span {flex: 0 1 20%; font-weight: bold; float: right; text-align: center;}
.total_price span:first-child {flex: 1 1 auto; text-align: left;}


.item_group .item+.item {border-top: 1px solid #ddd;}
.item_group .item:nth-last-child(2) {border-bottom: 1px solid #ddd;}

@media (max-width:1000px){
  .bottom button {padding: 10px 25px;}
}
@media (max-width:768px){
  .item_group .item {border-top: 1px solid #ddd; position: relative; padding-bottom: 20px;}
  .item_group .item .info {padding-bottom: 25px; width: calc(95% - 100px); min-height: 90px;}

  .bottom button {padding: 7px 16px;}

  .total_price {margin-bottom: 30px;}
  .total_price span:first-child {flex: 1 1 70%;}
}
@media (max-width:375px){
  .total_price {margin-bottom: 50px;}
  .total_price span:first-child {width: 100px;}
}