@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/* progress bar start */

.on-max-width{
    display: unset;
}
.on-min-width{
    display: none;
}
.track{
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
    margin-top: 15px;
}

@media only screen and (max-width: 991.98px) {
    
.track{
    margin-bottom: 77px;
    margin-top: 31px;
}
.track .text {
    line-height: 1.25;
}
.btn-on-mob-device{
    flex-direction: row-reverse!important;
}



}
.track .step{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width: 25%;margin-top: -18px;text-align: center;position: relative}.track .step.active:before{background: #FF7FAB}.track .step::before{height: 7px;position: absolute;content: "";width: 100%;left: 0;top: 18px}.track .step.active .icon{background: #FF7FAB;color: #fff}.track .icon{display: inline-block; width: 40px;height: 40px;position: relative;border-radius: 100%;background: #ddd}.track .step.active .text{font-weight: 700;color: #000}
.track .text{
    display: block;
    margin-top: 7px;
    font-weight: 600;
    color: #7F7F7F;
    font-size: 12px;
}
.track .icon i {
    padding-top: 13px;
}
@media only screen and (max-width: 350px){
    .track .text{
        
        font-size: 10px;
    }
}
/* progress bar end */


.container {
    max-width: 1230px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
body.ovh {
    overflow: hidden;
}
.wrapper {
    padding-top: 130px;
    background-color: var(--white);
}
.checkout .filters-block {
    display: none;
}
.shipping.search .dropdown-menu{
    min-width: 0;
}
.wrapper.checkout {
    padding-top: 76px;
    overflow-x: hidden;
}
.mobile-card-header {
    display: none;
}
.order-steps__product-title.has-image {
    display: flex;
    align-items: center;
}
.wrapper.fised-sidebar .content__body{
    padding-top: 20px;
    padding-left: 270px;
    padding-bottom: 20px;
    min-height: calc(100vh - 170px);
    display: flex;
    flex-direction: column;
}

[data-popup="edit-order"] .total-wrapper {
    display: none;
}
[data-popup="edit-order"] .product-info__content + .btn {
    display: none;
}
.wrapper.fised-sidebar .content__body .card-white {
    flex: auto;
}
.h-full {
    height: 100%;
}
.secondary-bg {
    background-color:  var(--light-gray);
}
.card-white {
    display: flex;
    flex-direction: column;
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: var(--border-radius);
}
.hidden {
    display: none!important;
}
textarea {
    resize: none;
}
.product__item .buttons-group .dropdown.filter .btn {
    margin-right: 0;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-10 {
    margin-bottom: 10px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-10 {
    margin-right: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-5 {
    margin-top: 5px;
}
.mb-5 {
    margin-bottom: 5px;
}
.pt-10 {
    padding-top: 10px;
}
.block {
    display: block;
}
.font-semibold {
    font-weight: var(--semi-bold);
}
.text-center {
    text-align: center!important;
}
.flex-col {
    flex-direction: column;
}
.items-center {
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.w-full {
    width: 100%;
}
.min-w-110 {
    min-width: 110px;
}
.min-w-90 {
    min-width: 90px;
}
.min-w-144 {
    min-width: 144px;
}
.min-w-180 {
    min-width: 180px;
}
/* new css by waqas */
/* .padding-new{
    padding: 13px 17px!important;
} */
.customize-btn{
    display: flex!important;
    justify-content:space-evenly !important;
}
.ml-order-btn{
    margin-left: 5px!important;
}
/* new css end  */
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.ml-auto {
    margin-left: auto;
}
.btn-deafault {
    color: var(--main);
    background-color: var(--white);
}
.flex-auto {
    flex: auto;
}
.items-start {
    align-items: flex-start;
}
/* sidebar */
.sidebar.--fixed {
    position: fixed;
    width: 250px;
    top: 150px;
    left: calc((100vw - 1200px)/2);
    height: calc(100vh - 170px);
    z-index: 200;
}
.sidebar__container {
    max-height: 600px;
}
.sidebar__body {
    padding: 10px;
    overflow: auto;
    height: 100%;
}

.sidebar__item:not(:last-child) {
    margin-bottom: 15px;
}
.sidebar__title {
    padding: 0 10px;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--secondary);
    margin-bottom: 5px;
}
.sidebar__link {
    display: flex;
    align-items: center;
    color: var(--secondary);
    padding: 11px 10px;
    border-radius: var(--border-radius);
}

.sidebar__link span {
    color: var(--main);
    transition: var(--transition);
}
.sidebar__link:hover,
.sidebar__link:hover span,
.sidebar__link.active span {
    color: var(--primary);
}
.sidebar__link span:not(:first-child) {
    margin-left: 10px;
}
.sidebar__link.active {
    background-color: var(--primary-thin);
    color: var(--primary);
}

.card-white__item {
    padding: 20px 20px 0 20px;
}
.card-white__item:not(:last-child) {
    border-bottom: 1px solid var(--border);
}
.profile-ations {
    display: flex;
    align-items: center;
}
.profile-ations.has-status {
    overflow: hidden;
    border-radius: var(--border-radius);
    padding: 20px 20px 0 20px;
}
.gold {
    background: linear-gradient(273.01deg, rgba(97, 77, 9, 0.2) 15.36%, rgba(255, 255, 255, 0.2) 39.88%), linear-gradient(93.7deg, #F9D24A 10.81%, #FAE496 18.47%, #FEE179 23.33%, #F5D04D 25.96%, #FAE496 38.5%, #F5D04D 41.27%);
}
.silver {
    background: linear-gradient(273.01deg, rgba(31, 31, 31, 0.2) 15.36%, rgba(255, 255, 255, 0.2) 39.88%), linear-gradient(93.7deg, #CBCBCB 12.61%, #E4E4E4 17.36%, #E4E4E4 23.2%, #CBCBCB 25.99%, #E4E4E4 37.87%, #CBCBCB 42.22%);
}
.platinum {
    background: linear-gradient(273.01deg, rgba(45, 35, 30, 0.2) 15.36%, rgba(255, 255, 255, 0.2) 39.88%), linear-gradient(93.7deg, #505050 13.4%, #505050 27.27%, #7C7C7C 37.84%, #505050 44.89%, #505050 48.49%, #696969 58.69%, #505050 62.47%);
}
.user-profile {
    flex: auto;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.user-profile__img {
    position: relative;
    border-radius: 50%;
    margin-right: 20px;
}
.has-status .user-profile__img {
    border: 3px solid var(--white);
}
.user-profile__img img {
    width: 83px;
    height: 83px;
    border-radius: 50%;
}
.user-profile__status {
    display: inline-flex;
    padding: 3px 7px;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--main);
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 7px;
    margin-bottom: 10px;
}
.user-profile__edit {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    color: var(--primary);
    padding: 4px;
    border-radius: 50%;
}
.user-profile__name {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 21px;
    line-height: 22px;
    color: var(--main);
    margin-bottom: 8px;
}
.user-profile__poins {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: var(--regular);
    font-size: var(--baseFontSize);
    line-height: 20px;
    color: var(--secondary-2);
}
.gold .user-profile__poins,
.gold .tooltip__button {
    color: #947817;
}
.silver .user-profile__poins,
.silver .tooltip__button {
    color: #8B8B8B;
}
.platinum .user-profile__poins,
.platinum .tooltip__button {
    color: #CDCDCD;
}
.platinum .user-profile__name {
    color: var(--white);
}
.user-profile__poins .count {
    font-weight: var(--semi-bold);
}
.user-profile__poins .tooltip{
    margin-left: 5px;
}
.tooltip {
    display: flex;
    align-items: center;
}
.tooltip__button {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--main);
}

.tooltip__button{
    cursor: pointer;
}
.tooltip:hover .tooltip__text{
    opacity: 1;
    visibility: visible;
    transition: all, 0.3s;
}
.tooltip__text {
    position: absolute;
    padding: 7px;
    box-shadow: 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 7px;
    background: var(--white);
    z-index: 1;
    top: 100%;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all, 0.3s;
}

.tooltip.tooltip--small .tooltip__text{
    width: max-content;
    max-width: 500px;
}

.profile-ations__buttons {
    display: flex;
    margin-bottom: 20px;
}
.profile-ations__buttons-item {
    position: relative;
}
.profile-ations__buttons-item:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
}
.profile-ations__buttons-item:not(:last-child):after {
    content: '';
    width: 1px;
    height: 24px;
    background-color: #EAEAEA;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.buttons-group {
    display: flex;
    flex-wrap: wrap;
}
.buttons-group.--col {
    flex-direction: column;
}
.buttons-group .btn:not(:last-child) {
    margin-right: 10px;
}
.product__item .buttons-group.--col .btn:last-child {
    margin-right: 5px;
}
.buttons-group.--col .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
}

.profile-orders-info__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.profile-orders-info__col {
    flex: 0 0 33.33333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.card-outline {
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    padding: 0 15px;
}
.card-outline__head {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid var(--border);
}
.card-outline__body {
    padding:15px 0 ;
}

.card-outline__head-title {
    flex: auto;
    display: flex;
    align-items: center;
    color: var(--links);
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 16px;
    line-height: 24px;
}
.card-outline__head-title span:not(:first-child) {
    margin-left: 10px;
}
.profile-orders-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: var(--baseFontSize);
    line-height: 20px;
    color: var(--secondary-2);
}
.profile-orders-count span {
    font-weight: var(--semi-bold);
    font-size: 36px;
    line-height: 49px;
    color: var(--main);
    margin-bottom: 5px;
}

.card-outline__head .btn {
    font-size: 16px;
}
.sidebar__open-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 1px 1px 2px rgb(26 32 36 / 32%), 1px -1px 2px rgb(91 104 113 / 32%);
    background-color: var(--primary);
    position: absolute;
    right: -46px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
    display: none;
    z-index: 1;
}
.sidebar__overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background: rgba(58, 71, 84, 0.35);
}
.table-wrapper {
    overflow: auto;
}
.table {
    width: 100%;
    border-collapse: collapse;
    /*white-space: nowrap;*/
}
table.border-style tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--border);
}
.table thead {
    border-bottom: 5px solid transparent;
}
.table th,
.table td {
    vertical-align: middle;
    padding: 12px 10px;
    text-align: start;
}
.table thead th {
    background-color: var(--light-gray);
    font-style: normal;
    font-weight:var(--semi-bold);
    font-size: 12px;
    line-height: 22px;
    color: var(--secondary-2);
}
.table thead th:first-child {
    border-radius: 10px 0 0 10px;
}
.table.style-2 thead th:first-child {
    border-radius: 10px 0 0 0;
}
.table.style-2 thead th:last-child {
    border-radius: 0 10px 0px 0;
}
.table thead th:last-child {
    border-radius: 0 10px 10px 0;
}
.table-more-popup {

    border-top: 1px solid var(--border);
}
.table-more-bnt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:20px 0;
    text-transform: uppercase;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--secondary);
}
/* labels */
.label-status {
    display: inline-block;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: var(--baseFontSize);
    line-height: 22px;
    padding: 1px 7px;
    border-radius: 15px;
}
.warning {
    background-color: #FFF4CE;
    color: #DEAF09;
}
.default {
    background-color: #F8F8F8;
    color: #7F7F7F;
}
.danger {
    background-color: #FCF2F4;
    color: #FA4B60;
}
.success {
    background-color: #F0FAF4;
    color: #40B46E;
}
.primary {
    background-color: #F2F8FA;
    color: #51C2E5;
}
.link-primary {
    font-weight:var(--semi-bold);
    text-decoration: underline;
    color: var(--links);
    transition: var(--transition);
}
.link-primary:hover {
    text-decoration: none;
}
.dropdown {
    position: relative;
    max-width: max-content;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 5px;
    width: 100%;
    min-width: max-content;
    overflow: auto;
    max-height: 350px;
    z-index: 20;
}
.new-message {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.new-message span {
    position: absolute;
    top: -8px;
    right:-8px;
    color: var(--white);
    min-width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 50px;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}
.new-message.--green span {
    background-color: var(--success);
}
.new-message svg {
    margin: 0!important;
}
.checkout .dropdown-menu {
    min-width: 100%;
}
.standart-1 {
    min-width: 167px;
}
.table-standart {
    min-width: 300px;
    max-width: 300px;
    max-height: 300px;
    overflow: auto;
}
.active > .dropdown-menu {
    display: block;
}
.dropdown-menu.left-side {
    left: 0;
}
.dropdown-menu.right-side {
    right: 0;
}
.dropdown-menu.white-shadow {
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: var(--border-radius);
}
.table-standart .table thead {
    position: sticky;
    top: 0;
}
.dropdown-menu-item {
    padding: 12px 15px;
}
.dropdown-menu-link {
    margin: -12px -15px;
    padding: 12px 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    display: flex;
    color: var(--main);
    transition: var(--transition);
}
.white-shadow .dropdown-menu-link.active{
    color: #FF7FAB;
    font-weight: var(--semi-bold);
}
.white-shadow .dropdown-menu-link.active:hover{
    color: #FF7FAB;
}
.white-shadow .dropdown-menu-link:hover {
    background-color: #FFF8FA;
}

[data-dropdown-stick] .dropdown-menu{
    max-width: 167px;
    position: fixed;
}

.section-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.section-header__left {
    flex-wrap: wrap;
    flex: auto;
    padding-right: 10px;
}

.section-title {
    font-style: normal;
    font-weight:var(--semi-bold);
    font-size: 21px;
    line-height: 24px;
    color: var(--main);
}
.section-title--sm {
    font-size: 16px;
}
.filter .dropdown-btn {
    font-weight: normal;
    min-width: 220px;
    background-color: var(--white);
}

.dropdown-btn .curent-selected {
    text-align: start;
    flex: auto;
}
.drop-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}
.dropdown-btn.active .drop-icon{
    transform: rotate(180deg);
}

.products.before-pagonation .products__body{
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}
.products__header {
    background-color: var(--light-gray);
    border-radius: 10px;
    padding: 0 16px;
}
.products__header-tr {
    display: flex;
}
.products__header-th {
    padding: 13px 4px;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 20px;
    color: var(--secondary-2);
    flex: auto;
}
.products__header-th .form-check__label {
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 21px;
    color: var(--secondary-2);
}
.product-info-wrapper {
    display: flex;
    align-items: flex-start;
}
.product-info-wrapper .form-check {
    margin-top: 5px;
    margin-right: 15px;
}
.product {
    display: flex;
}

.product__item {
    flex: auto;
}

.products__item {
    padding: 6px 0;
    border-bottom: 1px solid var(--border);
}

.products__item .product {
    padding: 0 16px;
}
.product__item {
    padding: 12px 4px;
}

.product__item .price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product__item .price .price__count {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 14px;
    line-height: 36px;
    color: var(--main);
}

.product__item .price .price__name {
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: var(--secondary-2);
}

.product-info__type {
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--links);
}

.product-info__name {
    line-height: 22px;
    color: var(--main);
}
.product-info__name:not(:last-child) {
    margin-bottom: 8px;
}
.rating {
    display: flex;
    align-items: flex-end;
}

.rating__stars {
    display: flex;
    align-items: center;
}

.rating__stars:not(:last-child) {
    margin-right: 5px;
}

.rating__reveiw {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: var(--secondary-2);

}

.product__item .buttons-group .btn:not(:last-child) {
    margin-right: 5px;
}

.counter {
    display: flex;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    background-color: var(--white);
    overflow: hidden;
    max-width: max-content;
}
.product__item .counter:not(:last-child) {
    margin-bottom: 7px;
}
.counter__btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter__input {
    padding: 6px 2px;
    width: 50px;
    text-align: center;
    border: 1px solid var(--border);
    border-top:0;
    border-bottom: 0;
}

.poinst {
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: var(--secondary-2);
}
.card-mobile-btn {
    align-items: center;
    justify-content: center;
    color: var(--white);
    position: fixed;
    top: 50%;
    right: 0;
    width: 46px;
    height: 46px;
    background: #51C2E6;
    border-radius: 30px 0px 0px 30px;
    z-index: 100;
    display: none;
}
.poinst span {
    font-weight: var(--semi-bold);
    color: var(--main);
}
.order-steps__item.active {
    border-color: #FF7FAB;
}
.products__footer {
    padding: 20px 0;
}

.card-white__item.no-border {
    border-bottom: 0;
}

.filters-block {
    display: flex;
    flex-wrap: wrap;
}

.filters-block__item:not(:last-child) {
    margin-right: 10px;
}

.filters-block__item .btn--icon.btn--md{
    width: 48px;
    height: 48px;
}

.pagonation {
    display: flex;
    flex-wrap:wrap ;
    padding: 15px 20px;
}
.pagonation__show {
    flex: auto;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: var(--secondary);
}
.pagonation__list-wrapper {
    display: flex;
    align-items: center;
}
.pagonation__btn {
    display: flex;
    align-items: center;
    min-height: 36px;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 14px;
    line-height: 22px;
    color: var(--secondary);
    background-color: var(--white);
    padding: 7px 10px;
    border-radius: var(--border-radius);
}
.pagonation__btn.next span{
    margin-right: 10px;
}

.pagonation__btn.prev span{
    margin-left: 10px;
}
.pagonation__list {
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.pagonation__list li {
    width: 36px;
    height: 36px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.pagonation__list li a,
.pagonation__list li span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    transition: var(--transition);
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: var(--baseFontSize);
    line-height: 22px;
    color: var(--secondary);
}
.pagonation__list li a.active,
.pagonation__list li span.active{
    background-color: #FFF8FA;
    color: #FF7FAB;
    pointer-events: none;
}
.pagonation__list li a:hover {
    color: #FF7FAB;
}

.product-info__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-info__list li,
.product-info__id {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: var(--main);
}
.product-info__list li:not(:last-child) {
    margin-right: 15px;
}
.points-info {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}
.points-info svg {
    margin-right: 5px;
}
.points-info.up {
    color: #40B46E;
}
.points-info.down {
    color: #FA4B60;
}
.product-info__list li span,
.product-info__id span{
    font-weight: var(--semi-bold);
    margin-right: 5px;
}
.product-info__id {
    margin-bottom: 6px;
}
.popup {
    display: none;
}

.popup.open {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2000;
}

.popup__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(58, 71, 84, 0.35);
    z-index: 1;
}

.popup__window {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 75px 50px;
    position: relative;
    z-index: 2;
}
.popup__body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}
.popup__window-content {
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: var(--border-radius);
    width: 100%;
    position: relative;
    z-index: 2;
}
.popup__window-content.standart {
    max-width: 500px;
}
.popup__window-content.standart-2 {
    max-width: 780px;
}

.popup__window-header {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--border);
}
.popup__window-header.--inner {
    border-bottom: 0;
    padding-bottom: 0;
}
.popup__window-header h2 {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 21px;
    line-height: 24px;
    flex: auto;
}

.popup__window-item {
    padding: 20px 20px 0 20px;
}

.popup__window-item:not(:last-child) {
    border-bottom: 1px solid var(--border);
}
.popup-order-info__list-item {
    display: flex;
    flex-wrap: wrap;
}
.popup-order-info__content {
    flex: 0 0 50%;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.popup-order-info__content > .copy-btn:not(:first-child) {
    margin-left: 10px;
}
.popup-order-info__list-item:not(:first-child) {
    border-top: 1px solid var(--border);
}

.popup-order-date {
    display: block;
}
.popup-form.--inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup-form__title {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 21px;
    line-height: 24px;
    color: var(--main);
    margin-bottom: 15px;
}
.popup-form__img {
    margin-bottom: 20px;
    margin-top: -20px;
}
.popup-steps {
    padding: 10px 15px;
    background: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: var(--border-radius);
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.popup-steps__item {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popup-steps__title {
    font-weight: var(--semi-bold);
    color: var(--primary);
}
.popup-steps__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--secondary);
}

.info-section__title {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 36px;
    line-height: 49px;
    color: var(--main);
}
.info-section__title:not(:last-child) {
    margin-bottom: 5px;
}

.info-section__subtitle {
    font-weight: normal;
    font-size: var(--baseFontSize);
    line-height: 20px;
    color: var(--secondary);
}

.filters-block__item .form-calendar {
    max-width: 160px;
}

.options-group {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 0 -8px;

}
.options-group + .options-group {
    border-top: 1px solid var(--border);
    padding-top: 15px;
}
.options-group__item {
    padding: 0 8px;
    margin-bottom: 15px;
}

.options-group__item .form-label {
    color: var(--secondary);
}

.not-entered .form-control {
    border: 0;
    padding: 0;
}
.options-group.items-center {
    align-items: center;
}
.not-entered .show-only-edit {
    display: none;
}

.not-entered .form-control {
    pointer-events: none;
}

.label-focus .form-label {
    color: var(--primary);
}

.label-focus .form-control:focus {
    border-color: #FFDDE9;
}

.options-group__item .input-group__label {
    top: 50%;
    transform: translateY(-50%);
}

.not-entered .options-group__item .input-group__label {
    display: none;
}

.show-pass:hover {
    color: var(--primary);
}

.pass-open {
    display: none;
}

.view .pass-open {
    display: block;
}
.view .pass-close {
    display: none;
}

.verify,
.verify__text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.verify__text {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
}

.verify__text span {
    color: var(--primary);
}

.verify__inputs {
    display: flex;
    align-items: center;
    max-width: 300px;
}

.verify__inputs .form-control {
    padding: 12px;
    text-align: center;
}
.verify__inputs .form-group:not(:last-child) {
    margin-right: 15px;
}

.card-outline__head .dropdown {
    margin: -11px 0px -11px -16px;
}

.card-outline__head .dropdown-btn {
    padding: 11px 0 11px 16px;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    min-width: 100px;
}

.analytics {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    padding: 20px 0 0 0;
}
.analytics__item {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 8px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.analytics__icon {
    margin-right: 15px;
}
.label-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 100px;
}
.label-icon.ico-warning {
    background-color:  #FCF5F2;
    color: #FF8D5C;
}
.label-icon.ico-primary {
    background-color: #F2F8FA;
    color: #51C2E6;
}
.label-icon.ico-danger {
    background-color: #FFF8FA;
    color:  #FF7FAB;
}
.label-icon.ico-succses {
    background-color: #F0FAF4;
    color:  #40B46E;
}
.analytics__text {
    display: flex;
    flex-direction: column;
}
.analytics__title {
    font-weight: var(--semi-bold) !important;
    font-size: 18px;
    line-height: 30px;
    color: var(--main);
}

.analytics__subtext {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: var(--secondary);
}

.cards-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.cards-col-6 {
    flex: 0 0 50%;
    width: 50%;
    padding:0 10px;
}

.table-row-number {
    color: var(--secondary);
}

.hover-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hover-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.table-hover tbody tr:hover .hover-icon {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.table-hover tbody tr:hover td{
    background-color: #F8F8F8;
}
.table-hover tbody tr td:first-child {
    border-radius: 10px 0 0 10px;
}
.table-hover tbody tr td:last-child {
    border-radius: 0 10px 10px 0;
}
.hover-icon:hover {
    color: var(--primary);
}

.popup-buttons {
    display: flex;
    justify-content: space-between;
}
.border-top {
    border-top: 1px solid var(--border);
}
.popup-buttons {
    padding: 20px 0 0 0;
}
.popup__window-item .pagonation{
    padding: 20px;
}
.popup-form.--inner .popup-form__message{
    max-width: 326px;
    text-align: center;
}
.card-outline__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 20px;

}
.section-header > form {
    flex: auto;
}
.card-outline__left {
    flex: auto;
}

.base-list__item {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
}
.base-list__item:not(:last-child) {
    margin-bottom: 15px;
}
.base-list__title {
    flex: 0 0 40%;
    color: var(--secondary);
}
.base-list__text {
    flex: auto;
}

.btn--disabled-default {
    color: var(--secondary);
    background-color: #F8F8F8;
}

.popup-form .form-group {
    margin-bottom: 15px;
}

.popup-form .form-label {
    color: var(--secondary);
}
.popup-form .form-control {
    padding: 11px 15px;
}
.form-group.requered .form-label > span{
    color: var(--primary);
}

.popup-form__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.popup-form__col {
    flex: auto;
    padding: 0 8px;
}
.popup-form__col-4 {
    flex: 0 0 30%;
    padding: 0 8px;
}
.popup-form__col-6 {
    flex: 0 0 50%;
    padding: 0 8px;
}
.select {
    width: 100%;
    padding: 12px 30px 12px 15px;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    background-position: right 12px center;
}

.switch-wrapper {
    display: flex;
    align-items: center;
}
.switch-text {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.popup-form__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.card-white__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.card-white__col-4 {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 8px;
}
.fqa-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}
.form-radio__link {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
.form-radio__link a svg{
    width: 12px;
    height: 12px;
    margin-left: 8px;

}
.form-radio__label a {
    display: flex;
    align-items: center;

}
.order-steps__row .form-radio__img img{
    margin-right: 10px;
    height: 25px;
}
.order-steps__row .form-radio__label span {
    display: flex;
    align-items: center;

    flex-wrap: wrap;
    padding-left: 10px;
}
.form-radio__label a svg{
    width: 12px;
    height: 12px;
    margin-left: 8px;

}
.form-radio__label a svg path {
    fill: var(--primary);
}
.order-steps__col-6 {
    flex: 0 0 50%;
    padding: 0 8px;
}
.fqa-link img {
    margin-bottom: 15px;
}
.coupon__item:first-child {
    padding: 10px;
}
.coupon__item .round-label {
    width: 68px;
    height: 68px;
    font-size: 12px;
}
.fqa-link__text {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: var(--main);
}

.accordeon__head {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    cursor: pointer;
}
.accordeon__head p{
    font-size: 16px;
}
.accordeon__item {
    border-radius: var(--border-radius);
    border: 1px solid var(--border);
    transition: var(--transition);

}
.accordeon__item:not(:last-child) {
    margin-bottom: 15px;
}
.accordeon__item.active {
    border-color: var(--primary);
}
.accordeon__icon {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.accordeon__arrow {
    display: flex;
    align-items: center;
    margin-left: 8px;
    transition: var(--transition);
}
.accordeon__item.active .accordeon__arrow{
    transform: rotate(180deg);
}
.accordeon__body {
    display: none;
    padding: 3px 15px 12px 15px;
    font-size: 16px;
}

.info-section__item .dropdown-btn {
    border-color: var(--border);
    min-width: 160px;
}
.info-section__item .currency span.curent-selected {
    padding-left: 0;
}

.divider {
    position: relative;
    margin-bottom: 15px;
}
.divider:after,
.divider:before {
    content: '';
    display: block;
    width: 45%;
    height: 1px;
    background-color: var(--border);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.divider:before {
    left: 0;
}
.divider:after {
    right: 0;
}
.divider span {
    font-weight: normal;
    font-size: var(--baseFontSize);
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
}

.sing-accounts__item {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    padding: 11px 15px;
    border-radius: var(--border-radius);
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: var(--main)
}

.sing-accounts__item img {
    margin-right: 15px;
}

.popup-form .link-primary {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
}

.form-group .link-primary {
    display: block;
    margin-top: 5px;
}

.tooltip-primary--top-center {
    bottom: calc(100% + 5px) ;
    left: 50%;
    transform: translateX(-50%);
}

.popup-form__message > span {
    color: var(--primary);
}

.content__body.has-sidebar {
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
}

.sidebar-card {
    flex: 0 0 400px;
    width: 400px;
    margin-left: 20px;
}
.sidebar-card__item + .sidebar-card__item{
    margin-top: 20px;
}
.update-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    padding: 7px;
    color: var(--secondary);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
}
.card-white__accordeon-head {
    display: flex;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}
.card-white__accordeon-item.active .accordeon__arrow{
    transform: rotate(180deg);
}
.card-white__accordeon-title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #3A4754;
}

.card-white__accordeon-body {
    padding: 0 20px 20px;
}
.discount-info {
    margin-bottom: 5px;
}
.discount-info__head {
    display: flex;
    align-items: center;
}
.discount-info__title {
    flex: auto;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    color: var(--main);
}
.discount-info__text {
    display: block;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    color: var(--secondary);
}
.discount-info__range + .discount-info__text {
    margin-top: 4px;
    font-weight: normal;
}
.discount-info__range {
    width: 100%;
    background-color: var(--light-gray);
    border-radius: var(--border-radius);
    height: 12px;
    margin-top: 12px;
    position: relative;
}
.discount-info__range span {
    display: block;
    height: 12px;
    border-radius: var(--border-radius);
    background-color: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
}
.discount-info__range:after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: var(--primary);
    position: absolute;
    left: 5px;
    bottom: 100%;
}
.card-white__element {
    padding-bottom: 15px;
}
.card-white__element + .card-white__element {
    padding-top: 15px;
    border-top: 1px solid var(--border);
}

.info-list__item {
    display: flex;
    align-items: center;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
}
.info-list__item:not(:last-child) {
    margin-bottom: 15px;
}

.badge.text-only {
    border-radius: 5px;
    padding: 5px 8px;
    font-size: 15px;
    line-height: 22px;
}

.card-counter {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid var(--border);
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: var(--secondary);
}

.card-white__item.card-products {
    padding-top: 0;
}

.card-products .product {
    padding: 0;
    margin: 0 -4px;
}

.alert--default {
    background: #EEEEEE;
    border: 1px solid #EAEAEA;
    color: #7F7F7F;
}

.price-list__item:not(:last-child) {
    padding-right: 15px;
    position: relative;
}

.price-list__item:not(:last-child)::after {
    content: '';
    width: 1px;
    height: calc(100% - 10px);
    background-color: var(--border);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.price-list__item-info {
    padding: 5px 10px;
    border: 1px solid #51C2E6;
    border-radius: 10px;
}

.add-discount {
    cursor: pointer;
}

.color-pimary {
    color: var(--primary);
}
.popup-form.--inner .alert + .popup-form__message {
    max-width: none;
}

.discount-value {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    text-decoration-line: line-through;
    color: var(--secondary);
}

.cupones-list__item {
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    transform: var(--transition);
}

.cupones-list__item.active {
    border-color: var(--primary);
}
.cupones-list__item-head {
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
}

.cupones-list__value {
    flex: 0 0 72px;
    border: 1px solid #40B46E;
    padding: 13px;
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 11px;
    line-height: 11px;
    border-radius: var(--border-radius);
}
.cupones-list__text {
    flex: auto;
    padding: 0 15px;
}
.cupones-list__item-body {
    display: none;
    padding: 0 15px 15px;
}
.info-label.info-label--default {
    color: var(--secondary);
}
.info-label.info-label--default:hover {
    color: var(--primary);
}

.cupones-list__item + .cupones-list__item {
    margin-top: 15px;
}

.promocode .card-white__accordeon-body {
    display: none;
}
.promocode .card-white__accordeon-item .accordeon__button .close,
.promocode .card-white__accordeon-item.active .accordeon__button .add{
    display: none;
}
.promocode .card-white__accordeon-item.active .accordeon__button .close{
    display: block;
}
.accordeon__button {
    font-style: normal;
    font-weight: var(--semi-bold);
    font-size: 15px;
    line-height: 22px;
    color: var(--primary);
}

.order-steps__head {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    margin-bottom: 20px;
    flex-direction: column;
}
.order-steps__count {
    width: 36px;
    height: 36px;
    background: #FFF8FA;
    color: #FF7FAB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.order-steps__title {
    flex: auto;
    padding: 0 8px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 22px;
    color: var(--main);
    font-size: 18px;
}

.section-header__left .pagonation__btn {
    padding: 12px 10px 12px 7px;
}

.order-steps__item {
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    padding: 15px;
}
.order-steps__item + .order-steps__item {
    margin-top: 15px;
}
.order-steps__item.no-padding {
    padding: 0;
}
.order-steps__list-item + .order-steps__list-item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--border);
}
.order-steps__price-list{
    display: flex;
    align-items: center;
}

.order-steps__price-list li:not(:last-child) {
    padding-right: 15px;
    border-right: 1px solid var(--border);
    margin-right: 15px;
}

.form-radio-chekout .form-radio__label{
    padding: 15px 15px 15px 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    /* Styles My */
    flex-wrap: wrap;
}
.form-radio-chekout .form-radio__label > span:not(:last-child){
    margin-right: 10px;
}
.form-radio-chekout .form-radio__label span {
    padding-left: 0;
}
.form-radio-chekout .form-radio__label::before {
    left: 15px;
}
.form-radio-chekout .form-radio__label::after {
    left: 21px;
}
.order-steps__row .form-radio-chekout .form-radio__label {
    padding: 28px 15px 28px 45px;
}
.checkout-form {
    padding:0 15px 15px 45px;
}

.dropdown.w-full {
    max-width: none;
}
.checkout-form {
    display: none;
}

.warning-text {
    font-weight: var(--semi-bold);
    color: #FA4B60;
}

.order-steps__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.order-steps__col-4 {
    flex: 0 0 33.33333%;
    padding: 0 8px;
}
.discount-save {
    display: inline-block;
    padding: 3.5px 6px;
    border: 1px solid #FF7FAB;
    border-radius: 5px;
    font-size: 12px;
    line-height: 13px;
    color: #FF7FAB;
}
.order-steps__price-list .discount-save {
    margin-left: 10px;
}
@keyframes blocksShow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}