@font-face {
    font-family: 'gz-icon';
    src: url('/fonts/gz-icon.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.bd-navbar, .navbar-nav, .nav-link.active {
    font-weight: 600;
}

.marker-available-green{
margin-right: auto;
display: inline-block;
width: 20px;
height: 20px;
/* color: orangered; */
/* background: #28a745; */
border: solid 1px green;
}

/*Стили для статусов которе ниже должны быть скопированы на front-end cайт*/
/*Used for order statuses mainPage:: pubf statuses */
.white_steelblue {border: 1px solid #dee2e6; color: white; background-color: steelblue}
.white_slategray {border: 1px solid #dee2e6; color: white; background-color: slategray}
.white_forestgreen {border: 1px solid #dee2e6; color: white; background-color: forestgreen}
.gray_lightgray {border: 1px solid #dee2e6; color: gray; background-color: lightgrey}
.forestgreen_outline_green {border: 1px solid forestgreen; color: forestgreen }


.color-goodzone{color: #354556;}

todo {
    display: block;
    color: orangered;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
}
todo:after {
    content: ' !!!';
}


.catalog-mode a i{
    font-family: gz-icon !important;
    color: white;
    font-style: normal;
    font-size: 35px;
}
.catalog-mode a[for="mode-list"] i:before{
    content: "\e012";
    margin-right: 5px;
}
.catalog-mode a[for="mode-tile"] i:before{
    content: "\e010";
}

/*.catalog-mode a:before {*/
    /*content: "\e011";*/
/*}*/



/*Header*/
.bg-header-1 {
    /*background-color:#3d7db7;*/
    /*background-color: #21476d;*/
    /*background-color: #0f5382;*/
    /*background-color: #206ea5;*/
    /*background: grey;*/
    /*background: #484343;*/
    background: #354556;
}
.bg-header-2 {
    /*background-color:#3d7db7;*/
    /*background-color: #21476d;*/
    /*background-color: #0f5382;*/
    /*background-color: #206ea5;*/
    /*background: grey;*/
    /*background: white;*/
}

.header-inline-separator {
    content: '';
    display: block;
    width: 30px;
    /*background: white;*/
    background: orangered;
    height: 40px;
    position:relative;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}

/*sidebar*/

.sidebar-sticky {
    /*position: relative;*/
    /*top: 0;*/
    /*height: calc(100vh - 48px);*/
    /*height: calc(100vh - 240px);*/
    min-height: calc(100vh - 240px);

    /*padding-top: .5rem;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*background: #dfe6ed;*/
}
.sidebar-sticky {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    /*background: #888888;*/
}

/*NAVBAR*/
.navbar-brand:before {

}





.btn-light-gz {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light-gz {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-car-choose {
    color: #3c6590!important;
    /*border-color: #a3bedc!important;*/
    font-size: 13px!important;
    font-weight: bold!important;
    border-radius: 0!important;
}

.btn-car-choose:hover {
    color: white!important;
    border-color: #2c5177!important;
    background-color: #2c5177;
}

.btn-check-price {
    display: flex; justify-content: flex-end;
    color: #3c6590!important;
    /*border-color: #a3bedc!important;*/
    font-size: 13px!important;
    font-weight: bold!important;
    border-radius: 0!important;


}
.btn-check-price:hover {
    color: white!important;
    border-color: #2c5177!important;
    background-color: #2c5177;

}


/*category view*/
.category_item {
    background: #2c5177!important;
    color: #ffffff!important;
    font-size: 14px!important;
}
.category_item a {
    color: #ffffff!important;
}.category_item a:hover {
    color: #ffffff!important;
}
.subcategory_cover {margin-left: 5px;}
.subcategory_cover a{
    color: #2c5177;
    font-weight: bold;
}
.subcategory {

}


.commonHeaderStyle {
    font-size: 20px;text-align: center;color: #2c5177;
}

/*Старый стиль заголовков*/
/*.car-choose-list-header {*/
    /*color: #2f4c63;*/
/*}*/



.cards-container {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
}
.country {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;


}

.mainpage_brandcard {
    margin: 1px;

    width:120px; /* DEFAULT */
    /*width: 150px;*/
    width: 160px; /* DEFAULT2 */
    width: 180px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*justify-items: center;*/
    align-items: center;

}

.mainpage_brandcard img{
/*width: max-content;*/
/*width: inherit;*/
width: 80px; /* DEFAULT */
/*width: 100px;*/
/*width: 130px;*/ /* DEFAULT 2 */
width: 155px;
width: 165px;
}

.mainpage_brandcard:hover .card-body_mainpage a {
    color: white!important;
    border-color: #2c5177!important;
    background-color: #2c5177!important;
}
.mainpage_brandcard:hover .card-body_mainpage a {
    color: white!important;
    border-color: #2c5177!important;
    background-color: #2c5177!important;
}

.card-body{

    padding: 0px 6px 6px 6px !important;
}

.categoryCatalogCard:hover .card-body_mainpage a{
    color: white!important;
    border-color: #2c5177!important;
    background-color: #2c5177!important;
}



.footer {
    /*background-color: #f5f5f5;*/
    /*background-color: #354556;*/
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.footer-card-group{
    display: flex;

}
.footer-card {

    border-radius: 5px;
    /*background: #002738;*/
    /*color: white;*/
    padding: 2px 15px 2px 15px ;
    font-size: 12px;
    width: 100%;

}
.footer-card-header {}
.footer-card-body{}


.breadcrumb {background-color: #2F4C63 !important;}
.breadcrumb-item, .breadcrumb-item.active, .breadcrumb-item > a, .breadcrumb-item::before {color: white !important;}


.btn-outline-gz {
    /*color: #5f6d7b!important;*/
    color: #354556 !important;
    border-color: #dee2e6 !important;
    /*border-color: #354556 !important;*/
}

.btn-outline-gz:hover {
    color: white!important;
    /*border-color: #5f6d7b !important;*/
    /*background-color: #5f6d7b;*/
    border-color: #354556 !important;
    background-color: #354556;
}


.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff!important;
    background-color: #5f6d7b!important;

}

.nav-pills a {
    color: #5f6d7b;
    /*border: 1px solid #a3bedc;*/
    margin-right: 3px;
    margin-bottom: 3px;
    text-decoration: none
}

.category_view_method {
margin-bottom: 25px
}
.category_container{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    border: 1px solid #888888;
    border-radius: 5px;
    margin: 2px;
    /*width: 240px;*/
    min-height: 280px;

}
/*.myasd {*/
    /*width: 250px;*/
    /*float: right;*/
/*}*/


.listing-card {
    min-width: 185px !important;
    /*min-width: 280px !important;*/
    margin: 0 2px 4px 2px !important;
    flex-grow: 0.0 !important;
    padding: 0 !important;
}
.listing-part-image {
    /*height: 137px !important;*/
    /*max-height: 360px !important;*/
    width: auto !important;
    max-width: -webkit-fill-available;
    margin: 0 auto;
/*height: 208px !important;*/
    /*width: 100%;*/
    /*max-height: 162px;*/
    /*border-radius: calc(0.25rem - 1px);*/
/*min-width: 163px;*/

    /*background-size: cover;*/

}

.listing-part-title{


}


/*part slider*/
/* Position the image container (needed to position the left and right arrows) */
.slide-container {
    position: relative;
    /*width: 360px;*/
}
/* Hide the images by default */
.mySlides {
    display: none;
    align-items: center;

    height: 200px ;
}
.mySlides img{
    max-height: 200px;
}


/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    /*position: absolute;*/
    /*top: 40%;*/
    /*width: auto;*/
    /*padding: 16px;*/
    /*margin-top: -50px;*/
    /*color: white;*/
    /*font-weight: bold;*/
    font-size: 40px;
    /*border-radius: 0 3px 3px 0;*/
    user-select: none;
    -webkit-user-select: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    /*flex-basis: 300px;*/

    background: #00000038;

    /*background: black;*/
    opacity: 0.3;

}
/* Position the "next button" to the right */
.next {
    /*right: 4px;*/
    border-radius: 3px 0 0 3px;
}
/*.prev {    left: 4px;}*/
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    /*color: #f2f2f2;*/
    color: black;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 20px;
    left: -5px;
}

/* Container for image text */
.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}


.row-slide {
    display: flex;
}
.row-slide:after {
    content: "";
    /*display: table;*/
    clear: both;
}

/* Six columns side by side */
.column-slide:hover{cursor: pointer}
.column-slide {
    display: flex;
    width: auto;
    padding: 3px;
    min-width: 16.66%;
    margin-right: 2px;

}


.column-slide img{
    margin: 0 auto;
    width: auto;
    height: 45px;
    user-select: none;
    -webkit-user-select: none;
}
/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

.active-slide,
.demo:hover {
    opacity: 1;
}

.min-qty {
    cursor: pointer;
    position: relative;
    top: -5px;
}
.min-qty span {
    display: none;
}
.min-qty:hover span {
    display: block;
    position: absolute;
    background: black;
    padding: 4px;
    border-radius: 2px;
    opacity: 0.6;
    left: 50px;
    top: 0px;
}
.light-parts-page-title-header {
    /*max-width:850px;*/
    border-radius: 5px;border: 1px solid #00000038;padding: 0 !important;}
.dark-parts-page-title-header {background: #000000ad; padding: 3% 1.5% 3% 3%; color: white;border-radius: 5px;}

.light-parts-page-title-header-part-title {font-size: 2rem;color: grey;}
.dark-parts-page-title-header-part-title {font-size: 2rem;}

.light-parts-page-title-header-admin-block {/*color: #dc3545;*/ font-size: 11px; padding: 5px;}
.light-parts-page-title-header-admin-block div {font-weight: bolder; color: darkgrey }
.light-parts-page-title-header-admin-block div>span {font-weight: initial; color: initial }

.light-parts-page-title-header-partDescription {color: gray; font-size: 12px;margin-bottom: 10px;padding: 5px;border-radius: 3px;}
.dark-parts-page-title-header-partDescription {font-size: 12px; margin-bottom: 10px;border: 1px solid white;padding: 5px;border-radius: 3px;}

.hr-light-first {border-top: 1px solid #21252942;margin: 15px 0 15px 0;}
.hr-dark-first{border-top: 1px solid white;margin: 15px 0 15px 0;}

.hr-light-second {border-top: 1px solid grey;margin: 15px 0 4px 0;}
.hr-dark-second{border-top: 1px solid white;margin: 15px 0 4px 0;}

.light-parts-page-title-header-carousel {}
.dark-parts-page-title-header-carousel {border-radius: 5px;}



.parts-page-table {font-size: 14px;}
.parts-page-table thead tr th {vertical-align: middle; font-size: 11px; padding: 1px;}

.parts-page-table tbody tr {
    border-top: 1px solid white;
}
.parts-page-table tbody tr th {vertical-align: middle;
    /*border-top: 1px solid burlywood;*/
}
.parts-page-table tbody tr td {vertical-align: middle; height: 40px; padding: 0;
    /*border-top: 1px solid burlywood;*/
}

.parts-page-part-title {width: 500px;}
.parts-page-part-q_ty {}

.searchResultTable {}
.searchResultTable-header {font-size: 14px;
    display: flex;
    flex-wrap: wrap;

}

.searchResultTable-body-row {
    /*background: whitesmoke;*/
    color: black;
    font-size: 14px;
    /*border: 1px solid #dee0e8 ;*/
    border: 1px solid #ced4da ;
    border-radius: 5px;
    margin-top: 1px;
    padding: 5px;
    text-decoration: none!important;
    /*display: flex;*/
    /*flex-wrap: wrap;*/

}
.searchResultTable-body-row:hover{
    background-color: #f7f7f7;

}
.searchResultTable-body-row-mob-no-picture {

    font-size: 16px;
    font-weight: bold;
    color: gray;
    /*border: 1px solid #dee0e8;*/
    border: 1px solid #ced4da;
    border-radius: 10px;

}

.badge-guaranteedDays {color: #fff; background-color: #b3d7ff;}

.card-body_mainpage {width: 100%}

.marker-available-green {
    margin-right:auto;
    display:inline-block;
    width: 20px;
    height: 20px;
    /*color: orangered;*/
    /*background: #28a745;*/
    border: solid 1px green;
}

/* Login_OFF для выбора города/региона спижжено у кирова отображается хуёва, надо переделать */
.b-city-select {margin-top: 10px; width: 224px; padding: 10px 0 0; border: 1px solid #d0cfcb; background: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.b-city-select--abs { position: absolute; left: 0; z-index: 999; }
.b-city-select__form { padding: 0 10px; }
.b-city-select__wrapper { max-height: 250px; overflow-y: auto; margin-top: 10px; }
.b-city-select__list { font-size: 0.92857rem; line-height: 1.23077; color: #666; }
.b-city-select__list, .b-city-select__list ul { list-style: none; margin: 0; padding-left: 0; }
.b-city-select__list li { margin-top: 0.3em; }
.b-city-select__list b { padding: 0 0 0 10px; }
.b-city-select__list a { display: block; padding: 0 0 0 0; font-size: 0.92857rem; line-height: 1.69231; color: #666; }
.b-city-select__list a:hover { background: #f7f6f2; }
/* Login_OFF для выбора города/региона спижжено у кирова отображается хуёва, надо переделать */


/* START +  и  - для выпадающего списка в каталоге */
.data-trigger {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    /*margin-right: 5px; */
    align-items: center;
}

.spin-down, .spin-up {
    width: 36px;
    height: 34px;
    /*background: #dddddd;*/
    border-radius:4px;
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    user-select: none;
    font-size: 28px;
    line-height: 0.8;
}
.spin-down:hover, .spin-up:hover {border: 1px solid orangered;}



.icon-cart {
    width: 16px;
    height: 16px;
    background-image: url('/image/sprites/sprite.png');
    background-position: 0 -445px;
    background-repeat: no-repeat;
}

.data-trigger input {
    /*height:24px;*/
    /*border:1px solid #ddd;*/
    border: none;
    /*border-radius:4px;*/
    text-align: center;
    font-size: 16px;
    height: 34px;
    width: 34px;
}

.catalog-button-cart {
    cursor: pointer;
    background: orange;
    width: 50px;
    /*padding-left: 12px; */
    /*padding-top: 8px; */
    height: 34px
}

.catalog-button-cart:hover {
    background: #fc5d5c
}

.availablePaymentMethods {
    border: solid 1px orange;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}
.prepayOnly {
    /*border-radius: 20px;*/

    background-image: url('/image/logo/IconCreditCard2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*background-color: orange;*/
}
.postPayAvailable {


    /*background-color: #18d018;*/

    background-image: url('/image/logo/PayCashIcon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cartVerification_OldDataInCartStatus{display: none}
.cartVerification_CheckingStocksStatus {display: none}
.cartVerificationVerifingDataStatus {display: none}
.cartVerificationPleaseWaitStatus {display: none}

.blockingPageLayer {
    display: none;
    background-color: red;
    opacity: 0.2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.deleteCartItemButton {
    cursor: pointer;
    fill: grey;
}
.deleteCartItemButton:hover {fill: orangered;}

.cart-header-title{padding-right: 60px !important;}
.cart-header-element {
    position: absolute;
    top: -8px;
    left: 90px;
    width: 23px;
    height: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: orangered;
    border-radius: 20px;
}
.cart-header-icon{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 3px white;
    border-style: dotted;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;;

}
.cart-header-qty {
    position: absolute;
    font-weight: 700;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}
/*.cart-header-qty:before {content: url('data:image/svg+xml;utf8, <svg style = "fill: white" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g><path d="M20.756 5.345c-.191-.219-.466-.345-.756-.345h-13.819l-.195-1.164c-.08-.482-.497-.836-.986-.836h-2.25c-.553 0-1 .447-1 1s.447 1 1 1h1.403l1.86 11.164.045.124.054.151.12.179.095.112.193.13.112.065c.116.047.238.075.367.075h11.001c.553 0 1-.447 1-1s-.447-1-1-1h-10.153l-.166-1h11.319c.498 0 .92-.366.99-.858l1-7c.041-.288-.045-.579-.234-.797zm-1.909 1.655l-.285 2h-3.562v-2h3.847zm-4.847 0v2h-3v-2h3zm0 3v2h-3v-2h3zm-4-3v2h-3l-.148.03-.338-2.03h3.486zm-2.986 3h2.986v2h-2.653l-.333-2zm7.986 2v-2h3.418l-.285 2h-3.133z"/><circle cx="8.5" cy="19.5" r="1.5"/><circle cx="17.5" cy="19.5" r="1.5"/></g></svg>');}*/


@keyframes rotateQtyIcon {
    from {
        transform: rotate(0deg);

    }
    to {
        transform: rotate(360deg);

    }
    /*0% {border-color: orange;}*/
    /*50% {border-color: #ffffff;}*/
    /*100% {border-color: orange;}*/

}

.cart-header-icon-animate {
    /*transform: rotate(360deg);*/
    animation-name: rotateQtyIcon;
    animation-duration: 400ms;
    /*animation-iteration-count: infinite;*/
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
@keyframes rotateQty {
    /*from {transform: rotate(0deg);}*/
    /*to {transform: rotate(360deg);}*/
    0% {font-size: initial;}
    50% {font-size:30px;}
    100% {font-size: initial;}

}
.cart-header-qty-animate {
    animation-name: rotateQty;
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}


.cart-images {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}


.deliveryMethodChoose {


}
.orderingPageCard {
    cursor: pointer;
    border-radius: 5px;

}

.orderingPageCard:hover > .card-header {
    transition: all 1000ms;
    transition-duration: 300ms;
    /*background-color: orange;*/
    color: white!important;
    /*background-color: rgba(0, 0, 0, 0.15);*/
    background-color:#4b6279;

}
.orderingPageCard-header {
    min-height: 75px;
    font-weight: bold;
    /*color:#000000d1;*/
    /*background-color: transparent;*/
    /*color: white!important;*/
    /*color: unset!important;*/
    background-color: #4b6279;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
/*.orderingPageRowAddressItem input {*/

/*}*/


.paymentMethodCard {
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}
.paymentMethodCard-Title {
    /*color: #5f6d7b;*/
    font-weight: bold;
}
.paymentMethodCard-Description {
    font-size: 13px;
}

/*Alerts custom*/
.alert-gs {
    color: white;
    background-color: #4b6279;
    border-color: #d6d8db;
}
.alert-gs-light {
    color: #4b6279;
    background-color: white;
    border-color: #d6d8db;

}
.alert-gs-light-bordered {
    color: #4b6279;
    background-color: white;
    border: 1px solid #d6d8db !important;

}

.text-gz {
    color: #4b6279;
}



.orderConfirmationBillHeader > div {
    display: flex;
    /*flex-flow: row;*/
    /*flex-direction: row;*/

}
.orderConfirmationBillHeaderRow {
    font-weight: bold;
}
.input-group { height: min-content}
/*todo надо позже убрать ненужное */
/* END +  и  - для выпадающего списка в каталоге */

.messengerContactElement {
    border: 1px solid #b5c3d2;
    border-radius: 5px;
    padding: 3px;
    background-color: white;

    cursor: pointer;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none!important

}

.staticPageContent {
    text-align: justify  ;
}

/*HEADER block*/
.header-phone-container {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.header-modal-messengers-container{
    display: flex;
    flex-flow: column;
    align-items: center;
}

.alert-info-outline {
    color: #0c5460;
    background-color: transparent;
    /*border: 1px solid;*/
    /*font-weight: bold;*/
    border-color: #bee5eb;

}

/*unset styles*/
.unset_fontsize {font-size: initial!important;}


.ard-link{

}
.summon_a_spinner{

}

/*Used for order statuses mainPage:: pubf statuses */
.white_steelblue {border: 1px solid #dee2e6; color: white; background-color: steelblue}
.white_slategray {border: 1px solid #dee2e6; color: white; background-color: slategray}
.white_forestgreen {border: 1px solid #dee2e6; color: white; background-color: forestgreen}
.gray_lightgray {border: 1px solid #dee2e6; color: gray; background-color: lightgrey}
.forestgreen_outline_green {border: 1px solid forestgreen!important; color: forestgreen }