/* 2022-02-20   */
html, body{
    height: 100%;
    max-height: 100%;
    font-family: Verdana, Geneva, sans-serif;
    background-color: #f8f8f8;
    font-size: 14px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
 /*   background: url('../img/IMG_2263.png') ; */
}

.table {
    font-size: 12px;
}

.table thead th {
    vertical-align: middle;
}
.table tbody td {
    vertical-align: middle;
}

.wrapper{
    min-height: 0;
    justify-content: space-between;
    flex: 1; /* Pushes the footer down */
    display: flex;
    flex-direction: column;
}

.wrapper-content{
    overflow: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.wrapper,
.wrapper-content,
.container,
.row,
.col-lg-12,
.col-lg-6,
.col-lg-3,
.product-item {
    background-color: transparent !important;
}

.general-container-background{
    margin: 10px;
}

.shor-color{
    background-color: #C9984E;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color:#C9984E;
}

.shor-btn, .btn-login{
    border-radius: 10px;
    color: white;
    margin: 10px;
    background-color: black;
    border-color: black;
}

.btn-login:hover {
    background-color: #C9984E;
    border-color: #C9984E;
    color: white;
    text-decoration: none;
    box-shadow: 0 0 0 3px #c28d384f, 0 0 13px;
}

.footer{
    position: relative;
    clear: both;
    padding-top: 10px;
    background-color: #dbdbdb;
    margin-top: auto; /* Pushes footer to bottom if content is short */
}

@media (max-height: 700px) {
    .footer {
        position: relative;
    }
}

.footer-container a{
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

.footer-container a:hover{
    text-decoration: underline;
}

.footer-logo-shor{
    justify-content: center;
    align-items: center;
    display: flex;
}

.footer-logo-shor-img{
    width: 40%;
    height: auto;
    padding-left: 0;
}

.social-facebook-1{
    font-size: 50px;
    color: #4267b2;
    margin-right:10px;
}

.social-instagram-1{
    font-size: 53px;
    color: #fd7e14;
}

.social-icon-block{
    display: flex;
    justify-content: start;
}

@font-face {
	font-family: 'Rosalinda Regular';
	/*src:url('../css/fonts/ElegantIcons.eot');*/
	src:url('../css/fonts/15573.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.site-logo-name{
    color: #FFFFFF;
    font-size: 24px;
    font-family: "Rosalinda Regular", sans-serif;
    margin-left: 140px;

}

.login-page a div{
    color: black;
}

.login-page a:hover {
    background-color: black;
    color: white;
    text-decoration: none;
}

.login-page a div:hover {
    background-color: black;
    color: white;
}

.login-page{
    width: 100%;
}

.link-login{
    text-align: center;
    margin-bottom: 20px;
}

.btn-registration{
    margin-bottom: 20px;
}

.email--error{
    font-weight: bold;
    font-size: 16px;
    color: red;
}

.shadow-item-box{
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.4);
    box-shadow: 0 1px 8px rgba(0,0,0,0.4);
}

.shadow-item-box:hover{
    -webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 50px rgba(0,0,0,0.4);
    box-shadow: 0 1px 50px rgba(0,0,0,0.4);
    background-color: #f5f5f5;
}

.link-decoration{
    color: #000000;
}

.link-decoration:hover{
    color: #000000;
    text-decoration: none;
}

.advert-top{
    margin-bottom: 5px;
}

.advert-right-up-container{
    height: 145px;
    margin-bottom: 5px;
    overflow: hidden;
}

.advert-right-down-container{
    height: 150px;
    padding-top: 5px;
    overflow: hidden;
}

.section-top{
    margin-bottom: 20px
}

.promo-slider{
    height: 266px;
}
.slider-top, .advert-left, .advert-right, .advert-right-up, .advert-right-down{
    margin-left: auto;
    margin-right: auto;
}

.product-description-tabs{
    padding: 10px;
}

.price-bundle{
    margin-top: 30px;
    margin-bottom: 30px;
}

.section{
    padding: 20px 0;
}

.section h1{
    margin-bottom: 40px;
}

.section hr{
    background-color: #00000063;
    margin: 0;
}

.product-line-shor{
    width: 100%;
    height: auto;
    background-color: transparent;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.img-product-line-shor{
    height: auto    ;
    width: 100%;
    border-radius: 25px
}

.product-line-description-block{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.product-item{
    height: 400px;
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 25px;
}

.img-product{
    height: 278px;
    width: 100%;
    position: relative;
}

.img-product-inside, .img-cosmetolog-inside {
    max-height: 100%;
    max-width: 100%;
}

.product-name{
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-name > p{
    margin-bottom: 0;
    font-size: 14px;
    /*text-align: center;*/
}
.product-name > h4{
    /*margin-top: 0;*/
    font-size: 16px;
    font-weight: 600;
    margin: auto;
}

.product-price{
    margin-top: 20px;
}

.product-item-price-old{
    position: absolute;
    left: 20px;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    transform: translateY(-65%);
    font-size: 19px;
    color: #aeb1b5;
    text-decoration: line-through;
    text-decoration: red  line-through;
}

.product-item-price-discounted{
    color: #f84147;
    font-size: 28px;
    margin-right: 10px;
}

.product-item-price-standard{
    font-size: 28px;
    margin-right: 10px;
}


.producer-name, .product-category, .product-type{
    font-weight: 700;
    margin-right: 20px;
}

.product-page-name{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.product-page-name-pl{
    font-size: 16px;
}

.product-page-volume{
    font-weight: bold;
    font-size: 18px;
}

.product-page-volume-ref{
    margin: 0;
}

.product-page-price-old{
    position: absolute;
    left: 20px;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    transform: translateY(-65%);
    font-size: 26px;
    color: #aeb1b5;
    text-decoration: line-through;
    text-decoration: red  line-through;
}

.product-page-price-discounted{
    color: #f84147;
    font-size: 36px;
    margin-right: 10px;
}

.product-page-price-standard{
    font-size: 36px;
    margin-right: 10px;
}

.btn-buy-page-product{
    font-size: 18px;
    padding: 10px;
}

.product-short-description{
    margin-bottom: 10px;
}

.product-s-description{
    font-style: italic;
    font-size: 12px;
    padding-top: 10px;
}

.name_description{
    font-weight: bold;
}

.product_description{
    margin-bottom: 10px;
}

.add-to-card-btn{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.discount-container{
    position: absolute;
    top: 30%;
    background: #55e073;
    width: 30%;
    color: white;
    font-weight: 700;
    padding: 3px;
}

.volume-container{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ebe7e1b8;
    width: 30%;
    font-weight: 700;
    padding: 3px;
    border-radius: 20px;
}

/*Blog item box*/
.blog-item{
    height: 305px;
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 0;
}

.img-blog{
    width: 190px;
    height: 135px;
}

.blog-name{
    height: 55px;
}

.blog-content{
    background-color: #81898199;
}

.read-all{
    background-color: #975a4e;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
}

.read-all-text{
    color: #ffffff;
}

.section-delivery{
    height: 300px;
    background-color: darkseagreen;
    text-align: center;
    color: white;
}

.product-image-item{
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: auto;
}

.navbar-top{
    min-height: 10px;
    height: 20px;
    background-color: green;
    border: none;
    border-radius: 0;
    margin: 0;
    /*float: right;*/
    position: relative;
    /*overflow: hide;*/
}

.navbar-brand-renew{
    /*height: 90px;*/
    background-color: #dc5129;
    padding: 0;
    position:absolute;
    z-index: 2;
    top: 0;
    overflow: visible;
}

.nav-logout, .nav-logout-a, .nav-login, .nav-login-a{
    padding-top: 0;
    padding-bottom: 0;
    color: #FFFFFF;
    display: inline;
    margin-right: 10px;
}

.hidden {
    display: none;
}

.fa-home:before {
    content: "\f015";
    /*font-family: FontAwesome;*/
}

.navbar-home12{
    margin-left: 180px;
}

.navbar-nav-shor{
    font-family: "Assistant", Sans-serif;
    font-size: 21px;
    font-weight: 400;
    margin: auto;
}


/*Home Center block- Carousel & Shor Intro*/
.shor-intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shor-intro-head{
    font-family: "Rubik", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
}

.shor-intro-text{
    font-family: "Rubik", Sans-serif;
    font-size: 19px;

}

@media screen and (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .table th, .table td {
        font-size: 12px;  /* Smaller font */
        padding: 4px;     /* Reduce padding */
    }
}

@media screen and (max-width: 767px) {
    .table th, .table td {
        font-size: 12px;  /* Smaller font */
        padding: 4px;     /* Reduce padding */
    }
}

.logo-logo{
    height: 100%;
    margin: 0;
    padding: 0;
}

/*.logo{*/
    /*height: 100%;*/
    /*margin: 0;*/
/*}*/

.navbar-main{
    background-color: #6633cc;
    border: none;
    border-radius: 0;
    width: 100%;
    position: relative;
}

.nav-link{
    color: black!Important;
}

/*.navbar-nav li:hover{
    background-color: #dc5129;
}*/

.current{
    background-color: transparent;
}

.top-bar-section .navbar-right{
    margin-bottom: 0;
}

.nav-name{
    color: #FFFFFF;
}

.basket-container{
    position: relative;
    /*width: 300px;*/
    padding: 10px 10px;
    margin-left: 50px;
}

.basket-items{
    position: absolute;
    top: 50px;
    width: 100%;
    background-color: #55e093;
    z-index: 10;
    padding: 10px;
    margin-left: -150px;
    font-size: 12px;
}

.form-error{
    background-color: red;
}

/*Search field*/
.search-main-top{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    height: 54px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.search-field-city{
    border-radius: 5px;
    width: 100%;
    height: 35px;
}

.find-icon{
    background-image: url('../img/searchIcon16x16.png');
    background-repeat: no-repeat; /*Убираем повтор изображения*/
    background-position: 4px; /*Позиционируем*/
    outline: none;
    width: 100px;
}

/*Service product item block*/
.logo-name{
    /*height: 90px;*/
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 1px;
    /*border-bottom: 1px solid #f4f4f4;*/
}
.logo-img{
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
}

.img-cosmetolog-logo{
    height: 100%;
    width: auto;
    border-radius: 5px;
}

.cosmetolog-name{
    font-weight: 700;
}

.service-product-item{
    height: 340px;
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 10px;
}

.service-product-item-img{
    /*background-color: green;*/
    /*position: relative;*/
}

.img-service-product{
    /*filter: alpha(Opacity=50);*/
    /*opacity: 0.5;*/
    /*position: relative;*/
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.round{
    border-radius: 100px; /* Радиус скругления */
    box-shadow: 0 0 0 3px #c28d384f, 0 0 13px; /* Параметры теней */
}

.service-product-info{
    /*position: absolute;*/
    /*top: 250px;*/
}

.service-discount-container{
    position: absolute;
    top: 10%;
    background: #55e073;
    width: 30%;
    color: white;
    font-weight: 700;
    padding: 3px;
}

.service-product-s-description{
    font-style: italic;
    font-size: 12px;
    height: 50px;
}

.text-recommendation{
    margin-left: 20px;
}

/*Modal ServiceOrder*/
.service-product-item-order{
    height: 200px;
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    /*text-align: center;*/
    margin-bottom: 10px;
}

/*Modal Product item - Product in Basket*/
.modal-product-item-line{
    overflow-y: scroll;
}

.modal-product-image-item{
    width: auto;
    height: 96px;
}

.modal-basket-items, .modal-basket-one-item{
    margin: 0 0 0 0;
    vertical-align: middle;
}

.modal-basket-items > ul{
    list-style-type: none;
    padding-inline-start: 0;
}

.checkout_product_item .col-lg-3{
    padding-right:0 !important;
    padding-left:0 !important;
}

.checkout_product_item .col-lg-6, .col-lg-1, .col-lg-2{
    padding-right:0 !important;
}

.checkout_product_total_amount{
    text-align: right;
}

#number{
}

.button-minus{
    margin: 0 10px 0 10px;
    width: 56px;
}

.submit_btn_minus{
    margin: 0;
    width: 56px;
}

.button-plus{
    margin: 0 10px 0 10px;
    width: 56px;
}

.submit_btn_plus{
    margin: 0;
    width: 56px;
}

.number_input_field input{
    width: 56px;
}

#number_input_field{
    width: 56px;
}

.btn-basket-close{
    display: block;
    background: #f5f5f5;
    color: #3e77aa;
    padding: 1rem 1.5rem;
    text-decoration: none;
    border-radius: 3px;
    font-size: 15px;
    border-style: unset;
    cursor: pointer;
}

.basket-total-price-btn{
    text-align: right;
}

.total_order_price, .total_order_token_price{
    display: inline-block;
    font-size: 36px;
    margin-right: 10px;
}

.btn-order-page {
    display: inline-block; /* Строчно-блочный элемент */
    background: #00a046;
    color: #fff; /* Белый цвет текста */
    padding: 1rem 1.5rem; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
    font-size: 18px;
}

/*List of Cosmetolog*/
.all-service{
    margin: 30px;
}

.title-block-list{
    border-bottom: 1px solid rgba(0, 0, 0, 0.49);
    margin-bottom: 5px;
}

.low-price-title, .high-price-title{
    padding:0;
}

.logo-name-list{
    width: 95px;
    /*background-color: white;*/
    /*border: 1px solid lightgrey;*/
    position: relative;
    /*padding: 10px 0 10px 0;*/
    text-align: center;
}

.img-cosmetolog-logo-list{
    /*width: 100%;*/
    height: 70px;
    float: left;
    /*display: table-cell;*/
    /*vertical-align: middle*/
    border-radius: 5px;
    /*padding: 10px 0 10px 0;*/
}

.center-block-list{
    height: 100px;
}

.service-product-name-list > h4{
    font-size: 20px;
}

.service-discount-container-list, .service-product-price-list{
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}

.service-discount-container-list > h4{
    margin-bottom: 3px;
    font-size: 20px;
}

.service-product-price-list > h4{
    margin-bottom: 3px;
    font-size: 20px;
}

.add-to-cart-btn-list{
    margin-top: 12px;
    margin-left: 15px;
}

.service-product-item-container{
    border-bottom: 1px solid #fcf8e3;
    /*margin-bottom: 5px;*/
    padding-bottom: 5px;
}

/*List of tows in search-service html*/
.choose-town{
    background-color: #fefbdc;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
}
.choose-town-title{
    margin-top: 0;
    padding-left: 10px;
    font-weight: bold;
    color: #00838f;
}

.town-simple-list{
    /*padding-left: 10px;*/
    list-style: none;
}

.town-simple-item{
    color: #00838f;
    padding: 10px;
    margin: 10px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
}

.town-simple-item:hover{
    background-color: #00838f;
    color: #FFFFFF;
    text-decoration: none;
}

div > ul > a:hover {
  text-decoration:none;
}

.best-cosmetologs-grid{
    margin-bottom: 20px;
    /*font-weight: bolder;*/
    font-size: 20px;
}

.description-region{
    width: 155px;
    height: 54px;
}

/*Cosmetolog item*/
.cosmetolog-item{
    height: 280px;
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    text-align: center;
   /* margin-bottom: 10px;*/
}

.img-cosmetolog{
    width: 185px;
    height: 140px;
}

/*profile*/
.profile_content{
    margin-right: 0;
}

.profile_hr{
    background-color: #00000063;
}

.profile_row{
    margin-top: 10px;
}

.profile-tabs{
    margin-bottom: 10px;
    margin-top: 10px;
}
.profile-logo-box {
    margin: 10px;
}

.img-cosmetolog-profile-block{
    width: 190px;
    height: 150px;
    float: left;
}

.img-cosmetolog-profile{
    max-width: 100%;
    max-height: 100%;
}

.logo-input-file-box{
    width: 190px;
    height: 150px;
}

.logo-input-file{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    text-align: left;
}

.title_input_01{
    margin-bottom: 0;
    font-weight: normal;
    float: left;
    padding-left: 5px;
    font-size: 12px;
}

.title_input_02{
    padding-left: 0;
}

.recommendation{
    font-size: 10px;
    text-align: left;
    padding-left: 5px;
    margin-bottom: 0;
}

.recommendation > p{
    margin-bottom: 0;
}

.profile-btn-save, .profile-btn-edit{
    margin: 10px;
}

.profile-btn-edit{
    background-color: yellow;
    border-color: yellow;
    color: black;
}

.profile-btn-save{
    background-color: green;
    border-color: green;
}

.profile_order_table{
    background: #d5d4d4;
}

.profile_discount_encourage, .profile_bonus_encourage{
    background: #b4e9b4;
    border-radius: 20px;
}

.profile_margin{
    margin: 5px;
    padding-left: 0;
    padding-right: 0;
}

.profile_sidebar{
    background-color: #e9ecef;
    border-radius: 0.5em;
    height: fit-content;
}

/*Product Line Page*/
.product-line-name {
/*    border-top: 1px solid #3338ee;
    border-bottom: 1px solid #3338ee;*/
    text-align: center;
    padding: 12px;
}

.product-line-product-items{
    margin-top: 65px;
}

/*Contact Page*/
/*.map-box{*/
    /*background-color: #333333;*/
/*}*/

.letter-box{
    background-color: #fff043;
    background: url('../img/bg_image.png') no-repeat;
    background-size: cover;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

textarea.form-control.text-message{
    height: 150px;
}

#map,#geoMap {
    /*width: 200px;*/
    height: 400px;
    background-color: grey;
}

.explanation-map-text{
    margin-top: 10px;
    margin-left: 10px;
}


.success-message-notification{
    background-color: #ec00ff;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

/*######################################*/
/*Training-item*/

.training-item, .blog-list-item{
    height: 200px;
    border: 1px solid lightgrey;
    position: relative;
    padding: 10px 0 10px 0;
    margin-bottom: 30px;
    background-color: #1eba45;
    background: url('../img/bg_image.png') no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    min-width: 300px;
    min-height: 200px;
}

a.training-item:hover{
    text-decoration: none;
    color: red;
}

.training-name, .blog-list-name{
    color: #FFFFFF;
    padding: 20px 20px 5px;
}

.training-description, .blog-list-description{
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}

.training-footer {
    position: absolute;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.23);
    color: rgba(255, 255, 255, 0.7);
    line-height: 40px;
    padding: 0 20px;
}

.training-icon{
    font-size: 14px;
    font-weight: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: none;
    max-height: none;
}

.training-add-info{
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 25px 20px;
    margin-bottom: 10px;
}

.training-item-full{
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 25px 20px;
    margin-bottom: 10px;
    /*margin-right: 10px;*/
}

.training-name-full{
    font-weight: bold;
}

.training-interest-explanation{
    border-top: 1px solid #ddd;
    font-size: 10px;
}

#submit_interest_btn{
    background-color: #f39c12;
    width: 100%;
}

.training-list{
    margin-bottom: 25px;
}

/*Service Product for Cosmetolog Individual Page*/

.service-small-item{
    background-color: white;
    border: 1px solid lightgrey;
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 10px;
}

.img-service-product-box{
    height: 145px;
    width: auto;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.service-product-box-name{
    position: absolute;
	top	: 20px;
	left: 0;
	width: 100%;
}

.service-product-box-footer{
    position: absolute;
	/*top	: 20px;*/
	width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.23);
    color: white;
    /*line-height: 40px;*/
    padding: 0 20px;
}

.service-text-icon{
    font-size: 12px;
    font-weight: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    max-width: none;
    height: 55px;
}

/*All Modal*/
.modal-dialog {
  max-width: 90%;
  max-height: 90%;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('../css/fonts/ElegantIcons.eot');
	src:url('../css/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/ElegantIcons.woff') format('woff'),
		url('../css/fonts/ElegantIcons.ttf') format('truetype'),
		url('../css/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/*-webkit-font-smoothing: antialiased;*/
}

.icon_pencil-edit_alt:before {
	content: "\6c";
}

.btn-edit {
    color: #ffffff;
    background-color: #1b04ff;
    border-color: #1b04ff;
}

.btn-edit:hover, .btn-edit:focus {
    color: #1b04ff;
    background: transparent;
    border-color: #1b04ff;
}

/*CheckOut Product Page*/
.checkout-page-title{
    padding: 20px;
    font-weight: bold;
}

.checkout-page-contact-data, .checkout-page-order-title{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

.checkout-page-list-number{
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 30%;
    margin-right: 16px;
    background-color: #e9e9e9;
    font-size: 18px;
    line-height: 24px;
}

.btn-order-users{
    margin-bottom: 20px;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #c38c38;
    border-color: #c38c38;
}

.btn-secondary{
    color: #fff;
    background-color: #969da3;
    border-color: #969da3;
}

.checkout-page-order-title{
    margin-top: 30px;

}

.nav-pills .nav-link.active, .nav-item .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff!Important;
    background-color: #c38c38!Important;
}

/*CheckOut Sidebar*/
.checkout-promo, .checkout-total-order{
    margin-bottom: 8px;
    padding: 16px;
    background-color: #ced4da;
    border-radius: 4px;
    border: 1px solid #6c757d;
}

.checkout-sidebar-focus{
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.checkout-total-items, checkout-total-delivery{
    margin-bottom: 8px;
}

.checkout-user-agreement{
    font-size: 12px;
    margin-top: 10px;
}

/*Cosmetolog Individual Page*/
.cosmetolog-page-logo{
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    /*height: 100%;*/
    /*width: 100%;*/
    /*max-width: auto;*/
    /*max-height: auto;*/
}
.cosmetolog-page-img{
    display: block;
    margin: 0 auto;
    width: 70%;
}

.cosmetolog-page-details, .service-page-details{
    /*height: 255px;*/
    width: auto;
    margin-top: 10px;
}

.cosmetolog-page-name, .service-page-name{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.we-found-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.service-page-price{
    margin-top: 10px;
}

.service-page-discount-box{
    color: white;
    font-size: 34px;
    font-weight: 700;
    background-color: darkslateblue;
    border: 1px solid darkslateblue;
    border-radius: 5px;
    line-height: 25px;
}

.cosmetolog-page-type{
    font-size: 14px;
    margin-bottom: 5px;
}

.cosmetolog-headline {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 18px;
    /*height: 55px;*/
}

.cosmetolog-address, .no-info{
    margin-bottom: 20px;
}

.info-text{
    font-size: 12px;
    text-align: left;
    margin: 10px;
}

.cosmetolog-page-working-hours {
    margin-bottom: 20px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;

    /*height: 60px;*/
}

.btn-see-info{
    font-size: 12px;
    line-height: 21px;
    color: #00838f;
    background-size: 22px;
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #00838f;
    border-radius: 3px;
    display: inline-block;
    padding: 9px 2px;
    letter-spacing: .2px;
    width: 100%;
    margin-bottom: 5px;
}

.btn-request, .btn-order{
    width: 100%;
}

.btn-see-info:hover{
    background-color: #00838f;
    color: #FFFFFF;
}

.service-page-cosmetolog-logo{
    width: 190px;
    height: 150px;
    float: left;
    margin: 5px;
}

.img-logo-footer{
	width: 100%;
	min-height: 100%;
}

/*INGREDIENT - Start*/
.ingredient-link:hover{
    background-color: #c9984e85;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
}

.ingredient-list-title{
    font-weight: bold;
}

.ingredient-page-title{
    font-weight: bold;
}

.ingredient-description{
    margin-bottom: 20px;
}


/*NAVBAR MEGA TRAINING*/

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li {
 padding: 20px 15px 15px;
 border-left: 1px solid #eee;
}
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
 display: block;
 font-weight: bold;
 text-transform: uppercase;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 15px 15px;
    text-align: center;
    width: auto;
    /*width: 100%;*/
    transform: translateX(-50%);
    left: 50%;
    margin-top: -20px;
}
.tab-pane ul li img { max-width: 120px }

.nav-mega-list{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/*END of MEGA MENU*/

/*Bonus token area*/
.total_bonus_token, .total_bonus_discount_sum, .total_order_amount_discount, .tnt_order_number{
    background-color: #fffad0;
    border-radius: 20px;
	box-sizing: border-box;
	line-height: 1.5;
    text-align: left;
    color: #8d7900;
	width: auto;
    margin: 10px 10px 0 10px;
    /* margin: auto;*/
    font-size: 12px;
    padding: 5px;
    display: flex;
    align-items: center
}

.total_bonus_discount_sum, .total_order_amount_discount{
    background-color: #f66;
    color: #fff !important;
    justify-content: center;  /* Horizontally centers the content */
}


/*Admin Shor*/

.new_order_column{
    width: 100%;
}

.new_order_add-product{
    text-align: center;
}

.new_order_bonus_total_sum{
    text-align: center;
    margin: 20px;
    font-style: italic;
}

.profile_total_bonus_token, .bonus_cum_monthly, .profile_total_bonus_discount, .profile_bonus_discount_next, .profile_bonus_discount_rule, .total_price{
    background-color: white;
    border-radius: 20px;
    box-sizing: border-box;
    line-height: 1.5;
    text-align: center;
    width: 150px;
    border: 1px solid black;
    display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: space-between;  /* Horizontally centers the content */
    padding: 5px;
    color: black;
}

.cosmetolog_bonus_token_sum, .bonus_monthly_discount{
    color: #2eab07;
    font-weight: bold;
}

/* Center text */
.bonus_text {
    flex-grow: 1; /* Takes up all available space except for the image */
    text-align: center; /* Centers text within available space */
}

.profile_uah {
    margin-left: auto; /* Pushes the icon to the right */
}

.total_price{
    background-color: white;
    color: black;
    font-size: 14px;
}

.new_order_sum_bonus, .product_token_price, .total-product-in-basket-amount, .total_product_in_basket_token_sum, .new_order_price_current_uah, .new_order_number, .new_order_sum_product, .total_product_in_order_bonus_token{
    width: 100%;
    border: none;
    text-align: center;
    color: black;
}

.total-product-in-basket-amount{
    font-weight: bold;
}

.checkout-total-bonus-token{
    display: block;
}



.profile_event_balance_positive, .profile_event_balance_negative{
    background-color: lightgreen;
    border-radius: 20px;
	box-sizing: border-box;
	line-height: 1.5;
    text-align: center;
	width: auto;
    margin: auto;
    padding: 5px;
    display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: center;  /* Horizontally centers the content */
}

.profile_event_balance_negative{
    background-color: #ff000066;
}

.password-container {
    position: relative;
    display: flex;
    align-items: center;
}

.password-container input {
    padding-right: 30px; /* Adjust based on the size of the eye icon */
}

.admin_new_order_totals{
    background-color: lightgrey;
}

.admin_profile_order_totals{
    background-color: #ff000066;
}

.tel-index, #tags_48_price, #tags_48_discount_sum, #tags_48_sum_product, #tags_48_sum_bonus{
    background-color: lightgrey;
}

.profile_cosmetolog, .profile_orders, .profile_bonus, .profile_order_bonus, .profile_display, .profile_logout, .profile_sales_display, .date_now {
    margin: 0.7em;
}

.full-width-container {
    display: flex;
    justify-content: center; /* Horizontally center the content */
/*    height: 100vh; */
    margin: 0 auto;
    max-width: 1600px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

.tel-index{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tel_index{
    padding-right: 0;
}

.profile_bonus_encourage{
    background-color: #fffad0;
}

.col_modal_delete_product, .col_modal_product_number, .line_modal_product_number{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.line_modal_product_number{
    margin: 0px;
}

.user_icon, .home_icon{
    font-size: 24px;
    color: black;
    margin-right: 1.5rem;
}

.buy-cart{
    font-size: 24px;
    color: black;
}

#basket_total_nmb{
    color: black;
}

a{
    align-content: center;
}

.navbar-brand {
  display: flex;
  align-items: center;
}

.telegram_us{
    font-size: 14px;
}

.fa-telegram{
    font-size: 36px;
    color: #0088cc;
}

.btn_telegram{
    border-radius: 30px;
    color: white;
    background-color: black;
    display: flex;
    align-items: center;
    border-color: white;
    padding: 10px;
}

.btn_telegram:hover {
    background-color: #C9984E;
    border-color: #C9984E;
    color: white;
    text-decoration: none;
    box-shadow: 0 0 0 3px #c28d384f, 0 0 13px;
}

a:hover{
    text-decoration: none;
}

.password-container {
    position: relative;
}

#togglePassword {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: black;
}

.togglePasswordLogin {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: black;
}

#togglePassword:hover {
    color: #666; /* Slight gray on hover */
}

.form-control{
    font-size: 0.85rem;
}

.admin_order_details_product{
    padding-right: 5px;
    padding-left: 5px;
}

.nmb_color_disabled:disabled {
    background-color: inherit;
}

.payment_comment, .delivery_tnt_number, .delivery_comment{
    width: 100%;
}

.need_activation, .need_password_reset {
    color: white;
    background-color: red;
    border-radius: 5px;
}

.cosmetolog_certificate {
    background-color: #c9984e42;
    border-radius: 5px;
    color: black;
}

.checkout_payment_text{
    margin-bottom: 20px;
}

.components > li > a {
    color: black;
}

#menuToggle {
    width: 100%;
    text-align: left;
}

.home_center_catalog{
    font-size: 20px;
    color: black;
}

.center-intro-carousel, .center-intro-training, .center-sales-display {
    width: 75%; /* Default for larger screens */
}

@media (max-width: 768px) { /* When the screen width is 768px or smaller */
    .center-intro-carousel, .center-intro-training, .center-sales-display {
        width: 100%; /* Full width on mobile */
    }
}

.navbar-logo {
    height: 100px; /* Default size */
    transition: height 0.3s ease; /* Smooth transition */
}

@media (max-width: 768px) { /* On mobile (screen ≤ 768px) */
    .navbar-logo {
        height: 50px;
    }
}

/* Contact Info */
.contact-info a {
    color: #000;
    text-decoration: none;
}

.contact-info i {
    margin-right: 5px;
    color: #007bff;
}

.round-btn {
    width: 40px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    border-radius: 50%; /* Makes the button round */
    display: flex; /* Center the image */
    align-items: center; /* Center the image vertically */
    justify-content: center; /* Center the image horizontally */
    padding: 0; /* Remove default padding */
    border: none; /* Remove default border */
    background-color: white; /* Change this to your desired color */
    color: white; /* Change text color if needed */
}

.round-btn img {
    max-width: 100%; /* Make sure the image fits within the button */
    max-height: 100%; /* Make sure the image fits within the button */
}

.error{
    background-color: #ddb7b7;
    border-radius: 20px;
    padding: 10px;
}

.login_message{
    background-color: #ddb7b7;
    border-radius: 20px;
    padding: 10px;
}