:root {
    --primary-color: #4D7AFF;
    --border-line: #7ECDEB;
    --background-product-light-blue: #E1F7FF;
    --truck-text-color: #6B8BE0;
    --input-box-blue-border: #6B8BE0;
    --lighter-border: #E8EDFF;
    --light-blue-border-color: #c7e6f094;
    --light-blue-box-shadow: 1px 1px 10px 2px rgb(139 205 225 / 45%);
    --main-color: #BCF799;
    --main-ligher-color: #D6FAC0;
    --main-darker-color: #BCF799;
    --main-lighet-color-used: #D6FAC0;
    --lighter-title-color: #65B30F;
    --light-shade: #F4F5DB;
    --border-line: #7ECDEB;
    --background-card-color: #E1F7FF;
    --background-product-light-blue: #F6FDFF;
    --shadow-light-blue: 1px 1px 10px 2px rgb(139 205 225 / 45%);
    --light-green: #74B9AB;
    --normal-blue: #4D7AFF;
    --main-link-button-color: #4D7AFF;
    --normal-blue-hover: #678dff;
    --next-step-hover-blue: #4368d7;
    --arrow-next-step-red: #f85b3f;
    --form-wrapper-background: rgb(211, 234, 241);
    --checked-step-green: #74B9AB;
    --redeem-voucher-button: #4D7AFF;
    --checkbox-border-blue: rgb(126, 205, 235);
    --bs-link-color: #000;
    --bs-link-hover-color: #4D7AFF;
    --general-light-prime-color: lightblue;
    --general-prime-color: #4368d7;

    --header-color: #BCF799;
    --header-color-text: #333333;
    --header-color-lighter: #F4F5DB;
    --header-color-text-dark: #000;
    --header-contrast-color: #e57d66;
    --header-color-faded: #548f0c;

    --footer-color: #BCF799;
    --footer-color-text: #000;

    --main--art-color: #4D7AFF;

}

html {
    font-size: 16px;
}

@font-face {
    font-family: "pt_sans";
    src: url("../fonts/PT_Sans-Web-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../fonts/PTN57F-webfont.eot');
    src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PTN57F-webfont.woff2') format('woff2'),
        url('../fonts/PTN57F-webfont.woff') format('woff'),
        url('../fonts/PTN57F-webfont.ttf') format('truetype'),
        url('../fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: "open_sans";
    src: url("../fonts/OpenSans-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "KG Summer Storm Smooth";
    src: url("../fonts/KGSummerStormSmooth.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html,
body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    /* overflow-x: hidden; */
    /* Prevents horizontal scroll unless needed */
    /* overflow-y: auto; */
    /* Ensures vertical scrolling is enabled */
    -webkit-overflow-scrolling: touch;
    /* Smooth scrolling on iOS */
    -webkit-font-smoothing: antialiased;
    /* text-rendering: optimizelegibility; */
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a i {
    color: black;
}

a {
    text-decoration: none !important;
}

area:focus,
img:focus,
input:focus,
textarea:focus {
    outline: none;
}

.btn.btn-default:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:disabled {
    background-color: transparent;
}

h1 {
    margin-top: 0;
}

iframe {
    margin: 0;
    padding: 0;
}

p {
    /* margin-bottom: 0; */
}

ul {
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    color: black;
    font-family: "open_sans", sans-serif !important;
}

main {
    /* background-color: white; */
    font-family: "open_sans", sans-serif;
}

.overlay {
    z-index: 7;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: -1px;
    left: -1px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: -1px;
    top: -1px;
    -webkit-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.class_1200 {
    width: 1200px;
    margin: 0 auto 0px auto !important;
    width: 100% !important;
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    max-width: 1320px;
}

.container-fluid.container_all {
    position: relative;
}

.content_wrapper {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.announcement.class_1200{
    font-weight: bold;
}
.text_error_wrapper {
    background-image: url(../images/404/bg_eroare.jpg);
    height: auto;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    text-align: center;
    position: absolute;
    top: 84%;
    /* left: 25%; */
    max-width: 500px;
}

.text_error_wrapper p {
    font-family: 'Atma', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0 !important;
}

.err_back_hm {
    color: #FFFFFF !important;
    padding: 10px 30px;
    background-color: var(--main-link-button-color);
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
    margin: 30px auto 70px;
    width: auto;
    z-index: 1;
}

.bkgnew .container_new {
    width: 100% !important;
    padding: 0 !important;
    max-width: 100%;
}

.slider {
    margin-bottom: 20px;
}

.slider .carousel-indicators button {
    width: 20px !important;
    height: 20px !important;
    background-color: white !important;
    border-radius: 50%;
}

.carousel-indicators .active {
    opacity: 0.8 !important;
}

.slider .carousel-indicators button.active {
    background-image: -o-radial-gradient(ellipse closest-side at center center, rgb(0, 0, 0) 45%, rgb(255, 255, 255) 55%) !important;
    background-image: radial-gradient(ellipse closest-side at center center, rgb(0, 0, 0) 45%, rgb(255, 255, 255) 55%) !important;
}

#myCarousel img.small {
    display: block;
    width: 100% !important;
    height: auto !important;
}

#myCarousel img.big {
    display: none;
    width: 100% !important;
    height: auto !important;
}

.no_product {
    margin-top: 0;
    text-align: center;
    padding-top: 80px;
    /* color: #74B9AB; */
}

.w1 {
    font-size: 1px;
    border: 0;
    line-height: 1px;
    width: 1px;
    height: 1px;
    background: none;
    color: #FFFFFF;
}

.left_books_only a.blog_search_result {
    display: block !important;
    font-weight: bold !important;
}

span.price_reduction_suggest {
    text-align: right;
    display: block;
}

a.blog_search_result .smaller_text {
    font-weight: normal;
}

.new_title {
    font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.7rem);
    font-weight: bold;
}

.search_prod_title {
    height: 86px;
    overflow: hidden;
    /* margin-bottom: 0.5rem !important; */
    font-size: clamp(0.9rem, 1.0vw + 0.3rem, 0.8rem);
    line-height: 1.1rem;
}

.search_prod_title a {
    color: black !important;
    text-decoration: none !important;
    font-weight: 700;
    word-break: break-word;
}

.search_prod_title span {
    font-size: clamp(0.7rem, 1.0vw + 0.3rem, 0.8rem);
}

.center {
    text-align: center;
}

/* scroller */

.icon-scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 0;
}

.icon-list {
    display: flex;
    gap: 1.3rem;
    justify-content: center;
    min-width: max-content;
    margin: 0 auto;
}

.icon-item {
    flex: 0 0 auto;
    width: 110px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.75rem;
    text-decoration: none;
    color: inherit;
}

.icon-item img {
    width: 80px;
    height: auto;
    display: block;
    border-radius: 8px;
}

.icon-item span {
    font-size: clamp(0.9rem, 1.0vw + 0.3rem, 1rem);
    display: block;
    margin-top: 0.5rem;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.2;
}

/* scroller */

/* form */

.form-group {
    height: 50px;
}

#form_contact .btn.btn-default.btn-sm {
    background-color: #EEB727;
    border-radius: 15px;
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    width: 100px;
}

#form_contact .btn.btn-default.btn-sm {
    background-color: var(--main-link-button-color);
}

.fwb {
    font-weight: bold;
}

.h10 {
    height: 30px;
}

.sendbut {
    display: block !important;
    margin-top: 24px;
}

/* form */

.form-group {
    height: 50px;
}

.form-group label {
    margin-bottom: 5px;
}

.help-block {
    margin-top: 6px;
}

/* carousel title */

.main_title {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.main_jcarousel.jcarousel_container li {
    margin: 0 5px;
}

/* carousel title */

.breadcrumb li a:hover {
    color: var(--primary-color) !important;
}

.display_group_buttons .display_btn,
.short_cat_desc {
    border-color: var(--primary-color);
}

.display_group_buttons .display_btn span {
    background-color: var(--primary-color);
}

/* zona card produs */

.product_search_wrapper {
    border: 1px solid var(--light-blue-border-color) !important;
    padding: 15px;
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_search_wrapper:hover {
    border: 1px solid var(--light-blue-border-color) !important;
    box-shadow: var(--light-blue-box-shadow)
}

.main_jcarousel.jcarousel_container li .product_card {
    width: 98%;
    width: 250px;
}

.rights_up_correlatdebooks .main_jcarousel.jcarousel_container li .product_card {
    width: 98%;
    width: 160px;
}

.rights_up_correlatdebooks .jcarousel_wrapper {
    width: calc(100% - 65px);
    margin: 0 auto;
}

.img_prod_cat img {
    width: 100%;
    margin: auto;
    border-radius: 10px;
    object-fit: contain;
    height: auto;
    max-width: 214px;
}

.img_prod_cat img {
    width: 100%;
}

.img_hover {
    list-style: none;
}

.img_hover {
    position: relative;
    overflow: hidden;
}

.img_hover img.hoverPhoto {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
}


.img_hover:hover img.hoverPhoto {
    opacity: 1 !important;
}

.img_hover:hover img {
    opacity: 0;
    -web-kit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.img_noHover img:hover {
    opacity: 1 !important;
}


.img_prod_cat img {
    width: 100%;
    margin: auto;
}

.img_hover {
    list-style: none;
}

.img_hover {
    position: relative;
    overflow: hidden;
}

.img_hover img.hoverPhotoSearch {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.img_hover:hover img {
    opacity: 0;
    -web-kit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.img_hover:hover img.hoverPhotoSearch {
    opacity: 1;
}

.jcarousel.main_books {
    left: 0 !important;
    margin: 0 auto !important;
}

.tags_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 23px;
    overflow: hidden;
}

.badge_cat {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    padding: 2px 6px;
    font-size: 12px;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 4px;
}

.jcarousel_wrapper {
    position: relative;
}

.jcarousel_controls {
    position: absolute;
    top: 40%;
    width: 100%;
}

.jcarousel_controls .inactive {
    display: none;
}

a.jcarousel-control-next,
a.jcarousel-control-next-new {
    right: 0;
}

a.jcarousel-control-prev,
a.jcarousel-control-next,
a.jcarousel-control-prev-new,
a.jcarousel-control-next-new {
    position: absolute;

}

a.jcarousel-control-prev i,
a.jcarousel-control-prev-new i,
a.jcarousel-control-next i,
a.jcarousel-control-next-new i {
    font-size: 28px;
    padding: 20px 10px;
    border: 1px solid var(--general-light-prime-color);
    color: var(--general-prime-color);
    border-radius: 5px;
    opacity: 0.7;
    background: white;
}

a.jcarousel-control-prev i:hover,
a.jcarousel-control-next i:hover,
a.jcarousel-control-prev-new i:hover,
a.jcarousel-control-next-new i:hover {
    opacity: 1;
}

.tags_holder {
    display: flex;
    flex-wrap: wrap;
}

.tags_holder .tag {
    display: none;
    ;
}

.user_normal .tags_holder .tag:not(.badge_b2b) {
    display: block;
}

.b2b_only_price {
    display: none !important;
}

.user_normal .discount_table {
    display: table;
}

.user_b2b .tags_holder .tag.badge_b2b {
    display: block;
}

.tags_prod_wrapper .badge_cat,
.tags_wrapper .badge_cat {
    display: none !important;
}

.user_b2b .tags_prod_wrapper .badge_cat,
.user_b2b .tags_wrapper .badge_cat {
    display: none !important;
}

.prod_price_normal {
    display: none;
}

.user_normal .prod_price_normal {
    display: block;
}

.user_b2b .prod_price_normal,
.user_b2b .old_int_price {
    display: none !important;
}

.user_b2b .b2b_only_price {
    display: block !important;
}

.user_b2b .prod_price_wrap:not(.price_b2b) span {
    text-decoration: none !important;
    color: #646473 !important;
}

.user_b2b .prod_price_wrap:not(.price_b2b)::after {
    content: 'Reduceri B2B';
    background-color: #ffba10;
    border-color: black;
    border-radius: 10px;
    padding: 5px;
    display: none;
}

.user_normal .tags_prod_wrapper .badge_cat,
.user_normal .tags_wrapper .badge_cat {
    display: block !important;
}

.user_normal .tags_prod_wrapper .badge_cat.badge_b2b,
.user_normal .tags_wrapper .badge_cat.badge_b2b {
    display: none !important;
}

.user_b2b .tags_prod_wrapper .badge_cat.badge_b2b,
.user_b2b .tags_wrapper .badge_cat.badge_b2b {
    display: block !important;
}

.user_b2b .modal_prod_price {
    display: none;
}

.badge_cat.badge_b2b {
    display: none;
}

.price_other {
    display: none;
}

.user_b2b .price_other.price_other_b2b {
    display: block;
}

.user_normal .price_other.price_other_b2c {
    display: block;
}

.price_b2b_div {
    background-color: #ffba10;
    border-color: black;
    border-radius: 10px;
    padding: 5px;
    font-weight: 700;
}

.price_b2b_message {

    border: 1px solid black;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 10px;

}

.user_b2b .book_info .price_old .price_red .price_line,
.user_b2b .price_new,
.user_b2b .price_low {
    display: none;
}

.gridview .btn_cat_add p,
.gridview .wrapper_button_details {
    display: none;
}

.user_b2b .prod_down_side .btn_cat_add {
    display: none;
}

.user_b2b .prod_down_side .btn_cat_add.b2b_stoc_ok {
    display: block;
}

.user_b2b #booksRecom_section,
.user_b2b a[href="#booksRecom"] {
    display: none;
}

.gridview .btn_cat_add {
    display: none;
}

.listview .prod_down_side {
    flex-wrap: wrap;
    align-items: center;
}

.listview .btn_cat_add {
    width: 36%;
}

.listview .prod_cat_old_all_value {
    margin-top: 0;
}

.listview .product_card {
    width: 100% !important;
}

.listview .product_search_wrapper.lv_prod {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    height: auto;
}

.listview .img_prod_cat {
    max-width: 130px;
}

.listview .img_prod_cat img {
    width: 100%;
    height: auto;
}

.listview .info_prod_cat {
    width: calc(100% - 150px);
    height: fit-content;
    margin-top: 0;
}

.listview .wrapper_price_detail {
    display: flex;
    justify-content: space-between;
    width: 30%;
}

.listview .wrapper_price_detail .prod_price_wrap {
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    width: 100%;
}

.listview .search_prod_details {
    display: block;
    width: 100%;
}

.listview .wrapper_button_details {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
}

.listview .search_title_auth {
    margin-bottom: 20px;
}

.listview .wrapper_button_details .btn_cat_add {
    width: 225px;
    margin-top: 0;
}

.listview .search_prod_title a {
    font-size: 22px;
}

.listview h2.search_prod_title {
    line-height: 25px;
}

.listview h2.search_prod_title span {
    font-size: 20px !important;
}

.search_prod_details .prod_details_wrapp {
    display: grid;
    grid-template-columns: 54% 36%;
    grid-column-gap: 10%;
}

.listview .search_prod_details .prod_details_wrapp div {
    position: relative;
    padding-left: 20px;
    margin-top: 5px;
}

.listview .search_prod_details .prod_details_wrapp div::before {
    content: '';
    display: block;
    width: 15px;
    height: 11px;
    background-image: url(../images/desingComponenteGPEC/li_checked.png);
    position: absolute;
    top: 5px;
    left: 0px;
}

.user_normal .prod_down_side .btn_cat_add {
    display: flex;
}

.gridview .btn_cat_add {
    display: none;
}

.gridview .btn_cat_add {
    width: 46px;
    height: 46px;
    justify-content: center;
}

.btn_cat_add {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    border-radius: 7px;
    outline: none;
    border: none;
    color: #FFFFFF !important;
    font-size: 16px;
    background-color: #4D7AFF;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    transition: background 0.5s ease-in-out !important;
    cursor: pointer;
}

a.new_link {
    margin-left: 10px;
    white-space: nowrap;
    font-size: clamp(0.7rem, 1.0vw + 0.3rem, 0.9rem);
}

.info_prod_cat {
    margin-top: 10px;
    width: 100%;
    /* height: calc(100% - 305.75px); */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
    height: auto !important;
}

.gridview .info_prod_cat {
    min-height: 153px !important;
    max-width: 213px;
}

.prod_cat_rat {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.prod_down_side {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prod_price_wrap {
    display: flex;
    align-items: flex-start;
    font-size: clamp(0.8rem, 1.0vw + 0.3rem, 0.9rem);
    font-weight: 700;
    width: 100%;
    flex-direction: column;
}

.old_int_price {
    color: #424251;
    position: relative;
}

.prod_cat_old_all_value {
    position: relative;
    font-size: 11px;
    margin-top: 3px;
}

.prod_cat_old_all_value::before {
    position: absolute;
    content: "";
    left: 0;
    top: 60%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    color: #212529;
}

.jcarousel-new {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel-new ul,
.jcarousel-counter ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-new li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel-new img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
}

.jcarousel-wrapper-new {
    position: relative;
    margin: 2rem auto !important;
}

.main_jcarousel.jcarousel_container {
    margin-bottom: 1rem;
}

a.jcarousel-control-next-new {
    right: 24px;
}

.new_breadcrumbs {
    padding: 0;
    width: 100% !important;
}

.breadcrumb>li+li:before {
    content: "/";
    border: none;
    padding: 0;
    top: 0.1px;
    padding: 0 5px;
}

.new_breadcrumbs a {
    font-family: 'open_sans', Helvetica, Arial, sans-serif !important;
    font-size: 15px;
    margin: 0 5px 0 0;
    color: #0D0D24;
    font-weight: 600;
}

.new_breadcrumbs .selected a {
    color: var(--primary-color) !important;
}

.product_info.product_info_new h1,
.small_title h1 {

    font-family: pt_sans, sans-serif !important;
    font-size: clamp(2rem, 1.0vw + 0.3rem, 1rem);
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
}

.container-fluid .col-md-4 {
    margin: 0 !important;
    padding: 0 !important;
}

.left_side_prod_elem {
    position: relative;
}

.path_color {
    fill: #6B8BE0;
}

.media_component_display {
    background-color: #FFFFFF;
    padding: 18px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    height: 100%;
    overflow-y: scroll;
    /* max-height: 450px; */
}

.product_img.product_img_new {
    width: 100% !important;
    width: 85% !important;
    margin-left: auto;
    position: relative;
}

.left_book_side {
    float: left;
    width: calc(100% - 500px);
    min-height: 1px;
}

.wrappers_img {
    float: left;
    position: relative;
}

.product_img_new .anim_cont {
    width: 100%;
    float: right;
    height: auto !important;
}

.anim_cont {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    width: 475px;
    height: 700px;
    display: block;
}

.anime.anime_new {
    top: 0;
}

.anime {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    width: 100%;
    height: 100%;
}

.fa_pos.fa_pos_new {
    position: absolute;
    right: calc(50% - 14px);
    left: auto;
    bottom: -2%;
    font-size: 1.7em;
    color: #0D0D24;
    z-index: 5;
    margin-top: -20px;
}

.deskt_media_icons {
    width: 85%;
    margin-left: auto;
}

.media_icons_prod {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.media_icons_prod .media_prod:last-child {
    margin-right: 0;
}

.media_icons_prod .media_prod {
    color: #6B8BE0;
    font-size: 14px;
    margin-right: 3px;
    cursor: pointer;
}

.deskt_media_icons .media_prod {
    border: 1px solid transparent;
    padding: 2px 5px;
    border-radius: 27px;
}

.media_prod a {
    color: #6B8BE0 !important;
    display: flex;
}

.media_icons_prod .media_prod svg {
    width: 16px;
    margin-right: 5px;
    fill: #6B8BE0;
    height: auto;
}

.deskt_media_icons .selected_media_icon {
    color: #FFF;
    background-color: #6B8BE0;
    cursor: auto;
}

.deskt_media_icons .selected_media_icon svg,
.deskt_media_icons .audio_prod_click.selected_media_icon path,
.deskt_media_icons .video_prod_click.selected_media_icon path,
.deskt_media_icons .selected_media_icon .path_color {
    fill: #fff;
}

.product_img.product_img_new {
    width: 100% !important;
    width: 85% !important;
    margin-left: auto;
}

.product_zone .product_img {
    /* float: left; */
    width: 50%;
    position: relative;
}

.pr_imgs {
    width: 100%;
    margin-top: 5px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

.pr_imgs .pr_imgs_jcarousel {
    width: 90%;
    display: flex;
}

.pr_imgs_jcarousel,
.multimedia-gallery-navigation,
.container-volum,
.link_product_details {
    position: relative;
    overflow: hidden;
}

.pr_imgs_jcarousel,
.container-volum,
.link_product_details {
    z-index: 1;
}

.pr_imgs_jcarousel {
    /* width: 400px; */
    margin: 0 auto;
}

li.link-to-modal {
    border: 1px solid transparent;
    padding: 5px 1px;
    border-radius: 3px;
}

.jcarousel_ctrls {
    position: absolute;
    top: calc(50% - 12px);
    width: 100%;
}

.pr_imgs .ctrl-prev,
.pr_imgs .ctrl-next {
    position: absolute;
}

.ctrl-prev {
    /* left: 0; */
    float: left;
}

.pr_imgs .ctrl-next {
    right: 0%;
}

.mobil_icons,
.tags_prod_mobile {
    display: none;
}

.clear {
    display: block;
    clear: both;
}

.anime img {
    max-width: 100%;
    height: auto;
    margin: 0;
    position: absolute;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* width: 100% !important; */
    /* width: 475px !important; */
    /* height: 700px !important; */
}

.main_top .product_zone .product_img img {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
}

.anime.flip_big {
    -webkit-transform: translateX(-100%) rotateY(-180deg);
    transform: translateX(-100%) rotateY(-180deg);
}

/* .anime .front {} */
.anime .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.anime .first_3 {
    -webkit-transform: translateZ(137.1206889325264048px) rotateY(0deg);
    transform: translateZ(137.1206889325264048px) rotateY(0deg);
}

.anime .second_3 {
    -webkit-transform: translateZ(137.1206889325264048px) rotateY(120deg);
    transform: translateZ(137.1206889325264048px) rotateY(120deg);
}

.anime .third_3 {
    -webkit-transform: translateZ(137.1206889325264048px) rotateY(240deg);
    transform: translateZ(137.1206889325264048px) rotateY(240deg);
}

.anime .first_4 {
    -webkit-transform: rotateY(0deg) translateZ(237.5px);
    transform: rotateY(0deg) translateZ(237.5px);
}

.anime .second_4 {
    -webkit-transform: rotateY(90deg) translateZ(237.5px);
    transform: rotateY(90deg) translateZ(237.5px);
}

.anime .third_4 {
    -webkit-transform: rotateY(180deg) translateZ(237.5px);
    transform: rotateY(180deg) translateZ(237.5px);
}

.anime .fourth_4 {
    -webkit-transform: rotateY(270deg) translateZ(237.5px);
    transform: rotateY(270deg) translateZ(237.5px);
}

.pr_imgs_jcarousel.fw,
.multimedia-gallery-navigation.fw {
    width: 300px;
    margin: 0 auto;
}

.modal_dialog_prod_covers {
    max-width: 100% !important;
}

.icon_holder i {
    display: block;
    margin: 0 auto;
    font-size: 25px;
    text-align: center;
    color: #0D0D24;
}

.icon_holder {
    display: block;
    margin: 13px 0px 13px 0px !important;
    text-align: center;
    width: 72px;
}

span.text_icon {
    margin-top: 4px;
    display: block;
    font-size: 11px;
    overflow-wrap: break-word;
}

.icons_info.all_flex {
    align-items: baseline;
    justify-content: flex-start;
    flex-flow: wrap;
}

.icon_carusel_wrapp {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    /*padding: 0 30px;*/
    /*width: 350px;*/
}

.jcarousel.icons_info {
    width: 100%;
    margin: 0 auto;
    z-index: 3;
}

.icon_carusel_wrapp .jcarousel_controls {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    top: 26px !important;
    z-index: 4;
}

.icon_carusel_wrapp .jcarousel-control-prev {
    left: 0;
}

.icon_carusel_wrapp .jcarousel-control-next {
    right: 0 !important;
}

.info_icon {
    display: inline-block;
    position: relative;
    /* margin-top: 12px; */
    cursor: help;
    margin-right: 8px;
    background: url("../images/unifprod/info_icon.svg") no-repeat center;
    width: 21px;
    margin-left: 10px;
}

.barcode_icon {
    background: url("../images/unifprod/barcode.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.ilustrata_icon {
    background: url("../images/unifprod/ilustrata.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.publicata_icon {
    background: url("../images/unifprod/publicata.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.copii_icon {
    background: url("../images/unifprod/copii1.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.recomandata_icon {
    background: url("../images/unifprod/recomandata.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.bestseller_icon {
    background: url("../images/unifprod/bestseller.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.hardcover_icon_2 {
    background: url("../images/unifprod/hardcover.svg") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.pagini_icon {
    background: url("../images/unifprod/pagini.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.dimensiuni_icon {
    background: url("../images/unifprod/dimensiuni.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.scale_icon {
    background: url("../images/unifprod/scale2.png") no-repeat center;
    background-size: contain;
    width: 28px;
    padding-top: 40%;
    position: relative;
    margin: 0 auto;
}

.product_main.product_main_new {
    float: right;
    width: 100%;
}

.small_title {
    display: none;
}

.right_side_content_prod {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px;
    border: 1px solid #E1F7FF;
    height: fit-content;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 15%);
}

.prices_section_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.right_side_content_prod .prices_section {
    display: flex;
    flex-direction: column;
}

.price_up {
    vertical-align: super;
    font-size: 10px;
}

.right_side_content_prod .top_price {
    font-family: pt_sans, sans-serif !important;
    color: #F52D3A;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.top_stoc {
    color: #74B9AB;
    font-weight: 700;
}

.product_buttons {
    display: flex;
    flex-direction: column;
}

.btn_cat_add p {
    margin-bottom: 0;
    width: 75%;
    text-align: center;
    font-size: 16px;
}

.arrow {
    background-color: #f85b3f;
    height: 100%;
    position: absolute;
    right: 0px;
    width: 25%;
    border-radius: 0 7px 7px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.product_buttons span {
    position: relative;
}

.btn_cat_add .fa {
    font-size: 16px;
    color: #FFFFFF;
}

.corelate_title {
    font-family: 'open_sans', Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.2rem, 1.0vw + 0.3rem, 0.8rem);
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 12px;
    font-weight: bold;
}

.link_underline a {
    text-decoration: underline !important;
    color: var(--blue_color_link);
}

.container-volum-scroll {
    grid-column-gap: 2.66%;
    grid-row-gap: 3%;
    width: 100%;
    display: -webkit-box;
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-color: #7ECDEB transparent;
    scrollbar-width: thin !important;
}

.series_box {
    text-align: center;
    font-weight: bold;
    padding: 7px 0px 3px 1px;
    border: 1px solid #B9B9C8;
    border-radius: 5px;
    display: block;
    height: fit-content;
}

.series_box img {
    display: block;
    margin: 0 auto 4px auto;
    width: 100%;
}

.series_nr {
    font-size: 12px;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2000;
}

.modal-dialog {
    z-index: 1041;
    /* top: 15%; */
}

.modal_dialog_prod_covers {
    max-width: 100% !important;
}

.modal-container {
    width: 86% !important;
}

#myModal .modal-header {
    padding-bottom: 0;
    border-bottom: none;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.multimedia-gallery-navigation {
    display: none;
}

.multimedia-gallery-navigation {
    width: 500px;
    margin: 0 auto;
}

.pr_imgs li {
    width: 39px;
}

.pr_imgs li img {
    cursor: pointer;
}

#prod_img_jcar {
    display: none;
}

.pr_imgs_jcarousel,
.multimedia-gallery-navigation,
.container-volum,
.link_product_details {
    position: relative;
    overflow: hidden;
}

.pr_imgs_jcarousel ul,
.multimedia-gallery-navigation ul,
.container-volum ul,
.link_product_details ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.product_img.product_img_new .pr_imgs .pr_imgs_jcarousel ul {
    display: flex;
    justify-content: center;
    height: 55px;
}



.pr_imgs_jcarousel li,
.multimedia-gallery-navigation li,
.container-volum li,
.link_product_details li {
    float: left;
}

.multimedia-gallery-navigation li {
    padding: 5px;
}


.modal-dialog .carousel-stage li {
    /* padding: 0 15rem; */
}

.modal-container {
    width: 86% !important;
}

.carousel-navigation,
.carousel-stage {
    position: relative;
    overflow: hidden;
}

.carousel-stage ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel-stage li {
    float: left;
}

.carousel.carousel-stage li img,
.carousel.carousel-stage li embed {
    display: block;
    margin: 0 auto;
}

.carousel.carousel-stage li .iframe_youtube.embed-youtube.embed-youtube_new.iframe_youtube_new {
    width: 100%;
}

.carousel-stage .iframe_youtube img {
    width: 100%;
    /* height: auto; */
}

.carousel-navigation ul {
    /* height: 975px; */
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 0 !important;
    overflow-y: scroll;
}

.carousel-navigation ul::-webkit-scrollbar {
    display: none;
}

.carousel-navigation li {
    padding-top: 7.25px;
    padding-bottom: 7.25px;
}

.carousel-navigation li img {
    border: 1px solid transparent;
    cursor: pointer;
}

.carousel-navigation li.active img {
    border: 1px solid red;
}

.carousel-navigation li:first-of-type {
    padding-top: 0;
}

.carousel-navigation li:last-of-type {
    padding-bottom: 0;
}

#myModal .modal-header {
    padding-bottom: 0;
    border-bottom: none;
}

#myModal .modal-footer {
    padding-top: 0;
    border-top: none;
    text-align: left;
}

#my_text {
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
    position: relative;
    top: 4px;
}

.carousel-navigation-new {
    height: 768px;
}

.carousel-navigation-new {
    display: flex;
    flex-wrap: wrap;
    /* border-right: 2px solid #CCCCCC; */
    padding-top: 10px;
    /* padding: 5px; */
    width: 265px;
    align-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
}

.thumbnail-wrapper {
    width: 120px;
    height: 120px;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.modal-content-right {
    display: flex;
    justify-content: space-evenly;
}

.navigation-arrow-container {
    line-height: 50;
    width: 42px;
    text-align: center;
}

.navigation-arrow:hover {
    background-color: #F8F8F8;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15);
}

.stage {
    width: 80%;
}

button#addtobasket3 {
    width: 200px;
}

.gridview .btn_cat_add .arrow {
    background-color: transparent;
    width: auto;
    position: static;
}

.prod_details {
    display: flex;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    padding: 3px 0;
}

.prod_details .prod_detail_link {
    color: #0D0D24 !important;
    margin-right: 20px;
    font-weight: 600;
    /* background-color: aqua; */
    padding: 4px 10px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.prod_detail_link.highlight,
.prod_detail_link:hover {
    border-color: var(--highlight-color-border);
    background-color: var(--highlight-background-color);
}

.rights_up_correlatdebooks .h1 {
    font-size: clamp(1.2rem, 1.0vw + 0.3rem, 0.8rem);
    font-weight: bold;
}

.top_link_margin {
    height: 1px;
    display: block;
}

.book_menu_link.selected {
    font-weight: bold;
    margin-bottom: 10px !important;
    margin-top: 10px;
}

.content_text,
.content_text p,
.content_text p span {
    font-size: 16px !important;
}

.book_descriere {
    margin-bottom: 60px;
}

.book_review {
    width: 50%;
    float: left;
    padding: 0 60px 40px 0;
    color: #25427C;
    font-size: 17px;
}

.book_review_title {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    height: 44px;
    overflow: hidden;
}

.book_review_content {
    max-height: 91px;
    overflow: hidden;
    position: relative;
    color: #25427C !important;
}

.qouate_top {
    position: absolute;
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/redesign/qouate_down.png) center no-repeat;
    top: 12px;
    left: 0;
}

span.book_review_author {
    display: block;
    text-align: right;
    font-size: 15px;
    color: #000;
}

a.book_review_see {
    color: #858594;
    font-size: 14px;
}

.qouate_bottom {
    position: absolute;
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/redesign/qouate_down.png) center no-repeat;
    bottom: 2px;
    right: 1px;
}

.arrows_double {
    display: none;
    cursor: pointer;
    float: left;
    padding-left: 20px;
    margin: 10px 0;
    text-decoration: underline;
}

.content_text_wrapper_button .arrows_double {
    display: block;
}

.col_link {
    color: #4D7AFF;
    font-weight: bold;
}

.bkgnew a,
.bkgnew a:focus,
.bkgnew a:hover {
    text-decoration: none;
    color: black;
    outline: none;
}

.arrows_double.down {
    background: url(../images/redesign/double_down.png) center left no-repeat;
}

.arrows_double.up {
    background: url(../images/redesign/double_up.png) center left no-repeat;
}

.book_descriere .book_menu_link.selected,
.book_reviews .book_menu_link.selected,
.reviews_main_container .book_menu_link.selected {
    margin-bottom: 5px;
    font-family: pt_sans, sans-serif;
    margin-right: 60px;
    display: block;
    font-size: clamp(1.4rem, 1.0vw + 0.3rem, 0.8rem);
    color: #000 !important;
}

.new_title_smaller {
    font-size: clamp(1.4rem, 1.0vw + 0.3rem, 0.8rem);
    font-weight: bold;
}

.book_reviews.more_det {
    margin-bottom: 25px;
}

.content_text_wrapper_overflow #content_text,
.content_text_wrapper_overflow #auth_cars_desc {
    overflow: hidden;
    position: relative;
    padding: 0 0 20px 0;
}

.fading_div {
    display: none;
    /* top: 306px; */
    position: absolute;
    width: 100%;
    height: 25px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
}

.content_text_wrapper_overflow .fading_div {
    display: block;
}

#booksRecom_section .h1 {
    font-size: clamp(1.5rem, 1.0vw + 0.3rem, 1rem);
    font-weight: bold;
}

.flex_info {
    width: 100%;
    padding-right: 3%;
    font-family: 'open_sans', Helvetica, Arial, sans-serif !important;
    margin-bottom: 6px;
}

.flex_info span {
    font-weight: 700;
}

.flex_left_right.cats_felx_left a {
    color: #236881 !important;
    font-weight: normal;
}

.icon_holder_text span.text_icon {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 6px;
}

#sticky-add-cart,
#sticky-add-wishlist {
    background-color: white;
    position: sticky;
    top: 75px;
    z-index: 10;
    justify-content: space-around;
    box-shadow:
        rgb(0 0 0 / 25%) 0px 10px 20px -14px;
    height: 64px;
    /* padding: 5px 10px 10px 10px; */
}

.sticky-right-side {
    display:
        flex;
    align-items: center;
}

.sticky-right-side button:hover {
    outline: none !important;
    background-color: var(--main-link-button-color);
    color: #F1F1F1;

}


.sticky-left-side h3 {
    margin-top: 9px;
    font-size: 20px;
}

.sticky-left-side {
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
}

.sticky-left-side a {
    font-size: 16px;
}

.sticky-left-side img {
    height: 80%;
    margin-right: 10px;
}

.sticky-right-side {
    justify-content: flex-end;
    width: 57%;
    align-items: center;
}

.sticky_actual_price {
    font-size: 20px;
    font-weight: 700;
    color: #F52D3A;
    margin-top: 5px;
}

.sticky_prod_prices .price_red .prod_disc {
    font-size: 10px;

}

.sticky_prod_prices .price_red {
    font-size: 14px;
    position: relative;
}

.sticky_prod_prices .price_red::before {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    border-top: 1px solid;
    border-color: #424251;
    left: 0;
    right: 0;
}

.sticky_prod_prices .sticky_actual_price .price_up {
    font-size: 12px;
}

.sticky_prod_prices .price_up {
    padding-right: 5px;
}

.sticky-right-side button {
    width: 220px;
    margin: auto 0;
}

.cat_page_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
}

.sticky_prod_prices {
    display: flex;
    flex-direction: column;
}

.sticky_prod_prices,
.sticky_prod_reviews {
    margin-right: 15%;
}

.container-recommandations {
    display: flex;
    align-items: center;
}

.books-recom {
    display: flex;
    align-items: start;
    padding: 0px 10px 0 40px;

}

.main_book_recom {
    width: 140px;
}

.main_book_recom .book_title {
    font-weight: 700;
    word-break: break-word;
}


.container-recommandations i {
    margin: 0 20px;
}

.container-recommandations .total-recom {
    display: flex;
    flex-direction: column;
}

.container-recommandations div span {
    font-weight: 700;
}


#buy_all_recom {
    text-align: left;
    width: 160px;
    padding: 0 !important;
    margin-top: 10px;
}

.authors_wrapper_container {
    background: var(--pale_background);
    padding: 40px !important;
    margin-bottom: 41px;
}

._carousel_auth_prod {
    padding: 14px;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 15%);
    border: 1px solid #E1F7FF;
    width: 90%;
    margin: 40px auto;
}

._carousel_auth_prod {
    background: white;
}

.car_indicators_auth_prod {
    left: 0 !important;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.carousel_item_auth_prod {
    display: flex !important;
    align-items: center;
    width: 85%;
    justify-content: space-between;
    margin: auto;
}

img.author_sel_picture {
    margin-bottom: 5px;
}

.carousel_auth_prod_left {
    width: 60%;
}

.author_sel_picture_name {
    font-size: 20px;
}

.author_sel_picture_name,
.author_sel_picture_rank {
    color: #0D0D24;
}

.author_sel_picture_name {
    font-weight: bold;
}

.auth_cars_desc_wrap {
    position: relative;
    height: 111px;
    overflow: hidden;
    /* padding-bottom: 35px !important; */
    margin-bottom: 35px;
}

.fading_div_aut {
    position: absolute;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
}

.book_review_last_line {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-bottom: 10px;
}

a.see_more_right {
    display: inline-block;
    color: #868695;
    margin-top: 8px;
}

.carousel_auth_prod_left .see_more_right {
    padding: 9px 14px;
    border-radius: 5px;
    color: #FFFFFF !important;
    width: auto;
    background-color: #4D7AFF;
}

.arrow_extend {
    background: url(../images/redesign/double_down.png) center left no-repeat;
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

.readmore-btn {
    color: #0D0D24 !important;
    position: absolute;
    right: 0;
    bottom: -2px;
    display: flex;
    align-items: center;
    text-decoration: underline !important;
    z-index: 2;
    cursor: pointer;
}

.auth_cars_desc_wrap.showContent {
    height: auto !important;
}

.carousel_inner_auth_prod {
    padding-bottom: 50px;
}

.carousel_auth_prod_right .auth_pub {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    word-break: break-word;
}

.carousel_auth_prod_right img {
    width: 150px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(13, 13, 36)'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    height: 3rem;
    width: 3rem;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(13, 13, 36)'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    height: 3rem;
    width: 3rem;
}

.carousel-control-next, .carousel-control-prev{
    opacity: 0.7 !important;
}

.car_indicators_auth_prod {
    left: 0 !important;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.car_indicators_auth_prod button {
    height: 18px !important;
    width: 18px !important;
    border-width: 0 !important;
    opacity: 1 !important;
    border-radius: 30px !important;
    text-indent: 0 !important;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.161));
    border: 1px solid #0D0D24 !important;
}

.car_indicators_auth_prod .active::after {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #0D0D24;
    content: "";
    border-radius: 50%;
    left: 3px;
    top: 3px;
}

.main_book .book_title,
.main_book h2.book_title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 190px;
    -ms-box-orient: vertical;
    height: 33px;
    margin: 0;
    padding-left: 15px;
    font-size: 12px;
    line-height: normal;
}

.imprints_top_wrapper {
    background-color: var(--main-color);
}

.imprints_all_wrapper.all_view .imprints_top_wrapper {
    background-color: transparent;
}

.imprints_all_wrapper.all_view .imprints_bottom_wrapper {
    background-color: white !important;
}

a.left_button.button_grey.imprint_center {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 305px;
    background-color: #ff8a65 !important;
}

.text_imprints {
    color: #000 !important;
    ;
    font-size: 18px;
    float: left;
    padding: 35px 0;
}

.imprint img {
    filter: invert(1);
}

.imprints_wrapper {
    float: left;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row wrap;
    width: calc(100% - 174px);
    padding-left: 47px;
}

.imprints_bottom_wrapper {
    background-color: var(--main-ligher-color);
    border-bottom: 1px solid #B9B9C8;
}

.imprints_top.class_1200 {
    /* padding: 30px 0; */
}

.imprint {
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.imprints_bottom {
    display: none;
}

.imprint.imprint_selected .selected_line {
    display: block;
}

.selected_line {
    display: none;
    position: absolute;
    bottom: 0px;
    height: 9px;
    background-color: #fff;
    width: 130%;
}

.shadow_div {
    height: 48px;
    position: absolute;
    width: 50%;
    background: url(../images/redesign/shadow.png) repeat;
    right: 0px;
}

.imprints_bottom {
    justify-content: space-around;
    align-items: center;
}

.big_imprint_picture {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.right_imprint_wrapper {
    width: 60% !important;
}

.left_imprint {
    width: calc(40% - 2rem) !important;
}

.imprints_all_wrapper .product_card.tracking_wrapper {
    width: 30% !important;
    max-width: 220px;
    min-width: 176px;

}

.imprints_all_wrapper .product_search_wrapper.lv_prod {
    background: white;
}


.right_imprint_wrapper.right_imprint_wrapper_other {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

.right_imprint_wrapper.right_imprint_wrapper_other.streched {
    width: 100%;
    border: 00;
}


img.big_imprint_picture {
    margin-bottom: 20px;
}

.imprint_date {
    color: #646472;
    font-size: 13px;
}

.left_button.button_grey {
    display: inline-block;
    background: var(--header-contrast-color) !important;
    color: #fff;
    padding: 10px 45px;
    border-radius: 6px;
    color: var(--header-color-text) !important;
    font-weight: bold;
}

a.right_button.normal_link {
    display: inline-block;
    margin: 15px 0;
    font-size: 14px;
}

.right_imprint_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-flow: row wrap;
    flex-wrap: wrap;
}

.imprint_title {
    font-size: 17px;
    margin-bottom: 6px;
    display: block;
    font-family: 'open_sans', Helvetica, Arial, sans-serif !important;
}

.small_imprint {
    display: flex;
    width: 100%;
}

.small_imprint.nr_blog_0 {
    display: none;
}

.small_imprint.no_picture .info_imprint {
    width: 100%;
}

.small_imprint:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

img.small_imprint_picture {
    margin-right: 15px;
}

.info_imprint {
    width: calc(100% - 377px);
    /* float: left; */
}

.imprint_button_line.small_line .left_button.button_grey {
    padding: 4px 11px;
    border-radius: 3px;
}

.imprint_button_line.small_line .right_button.normal_link {
    margin: 6px 0;
}

.info_imprint .imprint_title {
    max-height: 52px;
    overflow: hidden;
    width: 100%;
}

.sticky-left-side span {
    height: inherit;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.right_imprint_wrapper .all_books {
    width: 190px;
}

.right_imprint_wrapper .all_books .anim {
    margin-top: 0;
    height: auto;
}

.right_imprint_wrapper .all_books .main_book {
    /* height: 381px; */
    margin-left: 0;
}

.right_cat_title {
    text-align: center;
}

.right_cat_title h1 {
    margin-bottom: 5px;
    font-weight: 600;
    color: black !important;
}

.right_cat_title .cat_nr_prods {
    font-size: 24px;
    color: var(--primary-color) !important;
    ;
}

.content_wrapper_gpec {
    width: 100%;
    max-width: 100%;
}

.upside_searchView_wrapper {
    display: flex;
    flex-direction: column;

}

.display_wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.filter_checkbox {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 14px;
    width: 87%;
}

div#ps_upsale {
    padding: 0 !important;
}

.filter_checkbox p {
    margin-bottom: 0 !important;
    width: 100%;
    word-break: break-word;
}

.filter_checkbox input {
    display: none;
    /* Hide the default checkbox */
}


/* Style the artificial checkbox */
.filter_checkbox span {
    height: 20px;
    width: 22px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}

/* Style its checked state...with a ticked icon */
[type=checkbox]:checked+span:before {
    content: '';
    background-image: url(../images/gpec/checked2.png);
    width: 24px;
    height: 22px;
    display: block;
    object-fit: contain;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    left: 0;
}

.filter_line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.filter_body {
    height: auto;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    padding: 10px !important;
    border: none !important;
}


.rec_value {
    font-size: 12px;
    font-weight: 700;
    color: #6B8BE0;
    /* width: 10%; */
}

.filter_button:not(.collapsed) {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-bottom: 1px solid #212529;
}


.filter_button,
.reset_filters {
    padding: 0.85rem !important;
    font-weight: 600;
    color: #212529 !important;
}

.filter_button:focus {
    box-shadow: none !important;
    border-color: #212529 !important;
}

.filter_item {
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.1));
    border: 1px solid rgb(234 249 255) !important;
}

.filter_item:first-of-type {
    border-radius: .25rem;
}

.filter_button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}


.filter_search {
    /* padding: 0.1rem 0.5rem !important;
    font-size: 14px !important; */
    /* position: fixed; */
}

.filter_search input,
.ord_by,
.nr_prods {
    padding: 0.1rem 0.5rem !important;
    font-size: 14px !important;
    border: 1px solid #D4D4DD !important;
    outline: none;
    border-radius: 6px;
}

.order_by {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    width: 38%;
}

.order_by span.select2 {
    width: 82% !important;
}

.display_nr_prods {
    width: 30%;
}

.display_nr_prods span {
    margin-right: 5px;
}

.ord_by {
    width: 100%;
}

.nr_prods {
    width: 100%;
}

.sticky_filters_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    border: 1px solid rgb(234 249 255) !important;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 3px;
    padding: 20px 12px 8px;
    border-radius: 0 0 0.5rem 0.5rem;
}

.sticky_filter {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 6px;
    height: fit-content;
}

.sticky_filter span:first-of-type {
    font-weight: 600;
}

.filt_values span {
    font-weight: 500 !important;
    border: 1px solid #212529;
    padding: 1px 5px;
    border-radius: 4px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
}

.filt_values {
    display: flex;
    flex-wrap: wrap;
}

.filt_sep {
    color: #6B8BE0;
}

.filter_search input:focus-visible {
    outline: 1px solid #ccdaff !important;
    box-shadow: 1px 1px 10px 2px rgb(77 122 255 / 25%);
}

.filter_search button {
    padding: 0.1rem 0.3rem !important;
    font-size: 14px !important;
    color: #5273D6 !important;
    border: 1px solid #5273D6 !important;
}

.filter_search button:hover {
    background-color: #5273D6;
    color: #FFFFFF !important;
}

.filter_options {
    height: auto;
    max-height: 230px;
    overflow-y: auto;
    margin-top: 20px;
    padding: 0px 12px 10px 0;
}

.filter_options::-webkit-scrollbar {
    width: 10px;
    margin-left: 5px;
    /* width of the entire scrollbar */
}

.filter_options::-webkit-scrollbar-track {
    background: #FFFFFF;
    /* color of the tracking area */
}

.filter_options::-webkit-scrollbar-thumb {
    background-color: #212529;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #FFFFFF;
    /*creates padding around scroll thumb*/
}

.filter_options .filter_line:first-child {
    margin-top: 0px;
}

.accord_btn_filtStick {
    border-bottom: 1px solid #212529 !important;
    margin-bottom: 5px;
    font-size: 14px !important;
    font-weight: 600;
    padding: 0 5px 2px !important;
}

.accord_btn_filtStick:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #212529 !important;
}

.accord_btn_filtStick:focus {
    border-color: #212529 !important;
    box-shadow: none !important;
}

.upside_mobile_filter {
    display: none;
}

.custom_width {
    width: 171px;
}

.accord_btn_filtStick:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.order_by span.select2 {
    width: 82% !important;
}

.display_type {
    display: flex;
    align-items: center;
    justify-content: end;
}

.display_type span {
    margin-right: 10px;
}

.display_group_buttons {
    display: flex;
    justify-content: center;
}

.display_group_buttons .display_btn {
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: var(--primary-color);
}

.active_view {
    background-color: var(--primary-color) !important;
}


.display_group_buttons .display_btn:first-child {
    border-radius: 5px 0 0 5px;
}

.display_group_buttons .display_btn:nth-child(2) {
    border-radius: 0 5px 5px 0;
}

.display_group_buttons .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
}

.display_group_buttons .grid span:first-child {
    border-top-left-radius: 2px;
}

.display_group_buttons .grid span:nth-last-child(1) {
    border-bottom-right-radius: 2px;
}

.display_group_buttons .grid span:nth-last-child(2) {
    border-bottom-left-radius: 2px;
}

.display_group_buttons .grid span:nth-last-child(3) {
    border-top-right-radius: 2px;
}

.display_group_buttons .list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;
}

.display_group_buttons .list span {
    width: 20px;
    height: 3px;
    display: block;
    border-radius: 2px;
    margin-right: 0;
}

.active_view span {
    background-color: #FFFFFF !important;
}

.display_group_buttons .grid span {
    width: 8px;
    height: 8px;
    display: block;
    margin-right: 0;
}

.display_group_buttons .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
}

.display_group_buttons .display_btn:nth-child(2) {
    border-radius: 0 5px 5px 0;
}

.display_group_buttons .list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;
}

.searchProds_wrapGrid {
    display: grid;
    grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
    column-gap: 1%;
    row-gap: 3rem;
}

.display_group_buttons .display_btn span {
    background-color: var(--primary-color);
}

.main_middle {
    padding-top: 3px;
}

.margin_top_0 {
    margin-top: 0 !important;
}

i.icon-header-top {
    color: var(--header-contrast-color) !important;
}

.share_menu {
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 25px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    border-top: 1px solid #EEB727;
}

.middle_pagination {
    position: relative;
}

.middle_pagination .pagination.pagination-sm {
    justify-content: center;
    align-items: center;
    font-size: 18px;
    width: 100%;
    margin-top: 3rem;
}

.middle_pagination .pagination.pagination-sm li a {
    /* color: black; */
    color: black;
    border-radius: 50%;
    margin: 0 5px;
    border-color: transparent;
}

a.selected_pagination {
    background-color: var(--next-step-hover-blue) !important;
    color: #FFFFFF !important;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 700;
}

.reset_filters {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    transition: transform ease-in-out;
    border: 1px solid #ffe9ed !important;
}

.link_reset {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    color: black;
    outline: none;
    align-items: center;
}

.anth_cats_wrapper {
    border: 1px solid rgb(234 249 255);
    width: 100%;
    padding: 13.6px;
    border-radius: 0.25rem;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 3px;
    background-color: #FFFFFF;
}

.anth_cats_wrapper p {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0.5rem !important;
    background-color: #FFFF;
}

.anth_cat {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* background-color: #6B8BE0; */
    margin-top: 10px;
    border-radius: 0.25rem;
    padding: 6px;
    color: #212529;
    border: 1px solid #6B8BE0;
    cursor: pointer;
    transition: transform 0s ease-in-out 0s;
    margin-left: 13px;
}

.anth_cat:hover {
    transform: scale(1.02);
}

.anth_cat_info {
    display: flex;
    flex-direction: column;
}

.anth_cat_info a,
.anth_cat_info .author_cat {
    text-decoration: none;
    font-weight: 600;
    color: #6B8BE0;
}

.anth_cat_info a:hover {
    color: #577ce2;
}

.anth_cat_info span {
    font-size: 14px;
}

.active_anth_cat {
    background-color: #6B8BE0;
    color: #FFFFFF !important;
}

.active_anth_cat a,
.active_auth_cat .author_cat {
    color: #FFFFFF !important
}


.img_anth_cat {
    margin-right: 10px;
}

.img_anth_cat img {
    width: 100%;
    border-radius: 4px;
}

.link_filter {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.acc_btn_stk_filt {
    padding: 10px 12px !important;
    border-radius: 0.5rem !important;
    font-weight: 600;
    background-color: var(--light-blue-border-color) !important;
    color: #FFFFFF !important;
}

.acc_btn_stk_filt:not(.collapsed) {
    color: #FFFFFF !important;
    background-color: var(--redeem-voucher-button) !important;
    box-shadow: none !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.acc_filt_sticky {
    margin-bottom: 25px;
}

span.close_x {
    border: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold !important;
    color: #F43857;
}

.accordion.acc_filt_sticky.acc_filt_mobile {
    display: none !important;
}

/* profile */

/* profile container */

.profile-container .view-account {
    padding: 20px 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    overflow: auto;
    max-height: 600px;
}

.profile-container .selected-item {
    background-color: var(--background-product-light-blue) !important;
    color: var(--truck-text-color) !important;
    border-left: 5px solid var(--border-line);
    border-radius: 0px;
}


.profile-container {
    display: flex;
}

.profile-container .right-side {
    flex: 1;
    margin-left: 20px;
}

.profile-container .lightboxmap {
    z-index: 11;
}

.profile-container .container-right {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    border-radius: 20px;
}

.profile-container .container {
    margin-bottom: 10%;
}

.page-section {
    position: relative;
}

.item-order {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    border-radius: 10px 10px 0px 0px;
    /* border-bottom: 1px solid #E8EDFF; */
    border-bottom: 1px solid var(--border-line);
}

.profile-container .item-order div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.prod_info {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: space-between;

}

.span-red {
    color: #F43857;
    font-size: 13px;
}

.prod_image img {
    width: 100%;
    height: auto;
}

.prod_image {
    max-width: 95px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.profile-container .item-order div:last-child {
    color: #9FA0A5;
}

.profile-container .form_data:focus-visible {
    outline: none !important;
    box-shadow: 1px 1px 10px 2px rgb(77 122 255 / 25%);
    border-color: var(--input-box-blue-border) !important;
    box-shadow: 1px 1px 10px 2px rgba(var(--main-ligher-color)) !important;
}

/* profile */
.profile {
    margin: 0 20px;
    padding-top: 20px !important;
}

.profile .form_left {
    width: 850px;
    float: left;
}

.profile h2 {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}

.quarter_hr {
    margin: 10px 0;
    border-color: #EEB727;
    width: 230px;
}

.profile h3,
.profile-container h3 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: bold;
}

.profile .normal_text {
    font-size: 16px;
    margin: 10px 0;
}

.profile .form_warning {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 15px;
    display: none;
    position: relative;
    min-height: 100px;
    width: 700px;
}

.form_warning.form_error {
    background-color: #EE5E26;
    display: block;
}

.form_warning.form_succes {
    background-color: #3A9205;
    display: block;
}

.form_warning i.fa {
    margin-right: 20px;
    color: white;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -35px;
}

.form_warning .error_message {
    font-size: 14px;
    color: white;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 90px;
    font-weight: bold;
}

.profile form {
    margin-top: 55px;
    margin-bottom: 25px;
}

.activation_form label,
.form_lost_pass label,
.form_singup label,
.login_form label,
.modify_form label {
    min-width: 200px;
    font-size: 14px;
    font-weight: normal;
}

.activation_form input,
.form_lost_pass input,
.form_singup input,
.login_form input,
.modify_form input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #EEB727;
    width: 500px;
    border-bottom-width: 1px;
    font-size: 14px;
    font-family: "open_sans", sans-serif;
    padding-left: 5px;
    margin-left: -5px;
}

.profile form .clear_both {
    height: 20px;
}

.profile .form_left form .btn.btn-default.btn-sm {
    background-color: #EEB727;
    border: none;
    border-radius: 15px;
    position: relative;
    color: black;
    padding-left: 45px;
    padding-right: 25px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 25px;
}

.profile .form_left form .btn.btn-default.btn-sm span {
    position: relative;
}

.profile .form_left form .btn.btn-default.btn-sm span .fa {
    color: black;
    background-color: white;
    position: absolute;
    left: -45px;
    top: -6px;
    display: inline-block;
    padding: 6px;
    border-radius: 50%;
    font-size: 20px;
    -webkit-box-shadow: 1px 0 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0 2px 1px rgba(0, 0, 0, 0.5);
}

.profile .form_right {
    float: right;
    width: 270px;
    background-color: #EEEEEE;
    border: 1px solid #B9B9C8;
    text-align: center;
    padding: 20px 15px 10px;
}

.profile .form_right .fa.fa-circle-thin {
    color: black;
    position: relative;
    top: 0;
    font-size: 140px;
}

.profile .form_right .fa.fa-user {
    position: absolute;
    left: 29px;
    top: 37px;
    overflow: hidden;
    font-size: 91px;
}

.form_right .user_data_main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.form_right .user_data {
    margin-bottom: 5px;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}

.form_right .user_data span {
    font-style: normal;
}

.profile .form_right .btn.btn-default {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #EEB727;
    padding: 5px 10px;
    border-radius: 16px;
    width: 210px;
    color: #646473;
    background-color: transparent;
}

.profile .form_right .btn.btn-default:hover {
    background-color: transparent;
    color: #646473;
}

.profile .captcha {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: -10px;
}

/* Sidebar */

.sidebar-profile {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.sidebar-profile a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.sidebar-profile a:hover,
.profile-container .view-account .item-order:hover {
    background-color: #f5f5f5;

}




.sidebar-profile .selected-item i.fa {
    /* color: #4E7AFF; */
    color: var(--main-link-button-color);
}

.sidebar-profile i.fa {
    margin-right: 15px;
    width: 20px;
    text-align: center;
}

.sidebar-profile span {
    flex: 1;
}

#sidebar-close {
    display: none;
}



.sidebar-profile .display-close-active {
    display: none !important;
}

.menu-mobile .sidebar-menu {
    display: none;
    text-align: center;
    margin-bottom: 10px;
}

.extra-line {
    border-bottom: 1px solid #E8EDFF;
    margin-bottom: 10px;
}

.line-grey {
    color: #646473
}

.state-prod {
    text-align: end;
}

.link-hover:hover {
    text-decoration: underline !important;
}

.container-prods {
    height: 340px;
    overflow: auto;
    width: 100%;
}

.order_status {
    font-weight: 100;

}

.button-main {
    background-color: var(--main-link-button-color) !important;
    color: #FFFFFF !important;
}

.button-download {
    background-color: var(--main-lighet-color-used) !important;
    font-weight: 700;
    padding: 10px;
    border-radius: 6px;
    /* border: 1px solid var(--main-link-button-color) !important; */
}



.up-message {
    padding: 20px 0px 10px 20px;
    border-radius: 10px;
    color: white;
    display: flex;
}

.up-message i {
    margin-right: 20px;
}

.up-message .info-message {
    margin-left: 0px !important;
}

.bg-success {
    background-color: #65B30F !important;
    color: white;
}

.bg-error {
    background-color: #F17489 !important;
}

.up-error {
    background-color: #F17489 !important;
    color: white;
}

.section-up {
    /* padding: 15px 30px; */
    border-radius: 10px;
    /* border: 1px solid var(--main-darker-color);
	background-color: var(--main-lighet-color-used); */
    border: 1px solid var(--border-line);
    background-color: var(--background-product-light-blue);
    color: var(--truck-text-color);
    width: 100%;
    align-items: start !important;
}



.button-main:hover {
    background-color: var(--main-link-button-color) !important;
    opacity: 16px;
}


/* card container */

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 20px;

}

.card-container .card {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid var(--lighter-border);

    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card {
    height: 300px;
    width: 400px;
    border-radius: 5px;
}

.slider-container {
    width: 80%;
    height: 350px;
    position: absolute;
    top: 115%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.inner-slider {
    width: 150%;
    display: flex;
    gap: 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

.card-button {
    display: flex;
    justify-content: space-around;
}

.card-container .card-button button {
    /* color: #4E7AFF !important; */
    background-color: #fff;
    cursor: pointer;
    border: none;
}

.card-container .card-button button:first-child:hover {
    color: #4E7AFF !important;
}

.card-favorite {
    border-left: 5px solid var(--lighter-border) !important;
    border-radius: 0px !important;
}

.button-favorite {
    background-color: #fff;
    border: none;
    text-align: right;
}

.button-favorite:hover {
    color: #4E7AFF !important;
}


/* form container */

.form-container {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    border-radius: 20px;
}

.form-container .form-label {
    font-weight: 600;
}


.gdpr_button_new {
    text-align: right;
}

.detail_line {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.card_name,
.card_phone,
.card_adress {
    font-size: 14px;
}

.card_name {
    margin-right: 10px;
}

.card_adress {
    margin-bottom: 0 !important;
}

.card_phone {
    font-weight: 600
}

/* profile */

.popUp_detailsContainer {
    padding: 0 !important;
}

.mapboxgl-popup-content {
    padding: 0 !important;
}

.mapboxgl-popup-anchor-top>.mapboxgl-popup-content {
    margin-top: 3px !important;
}

.popUp_details h2 {
    color: #424242;
}

.form-control:focus {
    border: 1px solid #ccc;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.lightboxmap {
    display: none;
    position: fixed;
    z-index: 1;
    /* padding-top: 100px; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #454555c2;
}

.container_lightbox {
    background-color: #FFFFFF;
    padding: 20px !important;
    border-radius: 12px;
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: max-content;
}

.btn_popup {
    color: white;
    background-color: #6B8BE0;
    border-radius: 4px;
    margin-bottom: 15px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    padding: 3px 5px !important;
    display: -webkit-inline-box;
    outline: none;
}

.btn_popup:hover {
    color: white;
    background-color: #74B9AB;
}

.ls_easybox p {
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
}

.ls_easybox p {
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
}

.location_easybox {
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.location_easybox img {
    margin-right: 15px;
    width: 12px;
}

.choose_locker {
    background-color: var(--normal-blue);
    width: 17rem;
    font-size: 16px;
    margin: 0 auto !important;
    padding: 15px 0;
    border: none;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: 600;
    display: block;
}

.prod_card {
    padding: 10px;
    margin-top: 15px;
    border-radius: 7px;
    transition: 0.3s;
    background-color: #FFFFFF;
}

.prod_card:first-child {
    margin-top: 0;
}

.prod_card:hover {
    box-shadow: var(--shadow-light-blue)
}

.prod_sides {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.del_prod {
    cursor: pointer;
    color: #424251;
    font-size: 14px;
    position: absolute;
    bottom: -7px;
}

.del_prod img {
    width: 85%;
}

.prod_l_img {
    max-width: 95px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.prod_r_info {
    width: calc(100% - 110px);
    display: grid;
    grid-template-columns: 45% 25% 26%;
    grid-column-gap: 2%;
}

.col_title_aut {
    position: relative;
}

.prod_l_img img {
    width: 100%;
    height: auto;
}

.prod_title {
    color: #0D0D24;
    font-weight: 700;
}

.col_title_aut h4 {
    width: 100%;
    font-size: 18px;
}

.pr_auth {
    margin-bottom: 0 !important;
}

.col_title_aut h4 {
    margin-bottom: 2px !important;
}

.col_prices {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-height: 75px;
}

.prod_title:hover {
    color: #212144;
}

.pr_total_price {
    font-weight: 600;
    font-size: 18px;
}

.qunatity_wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.qunatity_wrap span {
    font-weight: 600;
}

.elec_quant {
    font-weight: 600;
}

.elec_quant span {
    margin-right: 5px;
}

.prod_quantity {
    display: flex;
    width: 75%;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    border: 1px solid #89899b;
    border-radius: 15px;
    font-size: 16px;
}

.prod_quantity button {
    font-size: 26px;
    width: 32%;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    border: none;
    background-color: transparent;
    border-radius: 0px 15px 15px 0px;
}

.prod_quantity button:first-child {
    border-radius: 15px 0 0 15px;
}



.prod_quantity #bucs {
    width: 36%;
    height: 30px;
    border: 1px solid;
    border-color: #89899b;
    outline: none;
    text-align: center;
    font-size: 16px;
    padding: 2px 0;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.minus {
    display: block;
    background-color: #0D0D24;
    width: 10px;
    height: 2px;
}

.old_price {
    font-size: 12px;
    color: #424251;
}

.cart_old_int_price {
    color: #424251;
    position: relative;
}

.cart_old_int_price span {
    position: absolute;
    font-size: 10px;
    padding-right: 10px;
    top: -4px;
}

.prod_disc {
    font-size: 12px;
    background-color: #ffd3d3;
    padding: 1px 7px;
    border-radius: 15px;
    color: #FFFFFF;
    margin-left: 10px;
}

.coin {
    color: #424251;
    margin-left: 15px;
}

.old_all_value {
    position: relative;

}

.old_all_value::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: #424251;
}

.pr_total_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.prices_options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.radio_lbl_prod {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.cart_checkmark {
    width: 16px;
    height: 16px;
}

.cart_rad_label {
    padding-left: 20px;
}

.cart_rad_label .cart_checkmark:after {
    width: 10px;
    height: 10px;
}

.credit_price {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.cred_value {
    font-weight: 700;
    color: #F43857;
    margin-right: 15px;
}

.avlb {
    font-size: 14px;
    font-weight: 600;
}

.disp {
    color: var(--light-green);
}

.limited {
    color: #6368A6;
}

.preorder {
    color: #8B8DB9;
}

.elec_prod {
    color: #90AED9;
}


.credits_info_wrapper {
    /* height: auto; */
    /* min-height:50px; */
    font-size: 14px;
    position: relative;
    background-color: var(--background-product-light-blue);
    /* padding: 10px; */
    border-radius: 7px 7px 0 0;
    width: 100%;
    display: flex;

}

.credits_value_wrapp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 35%;
    background-color: var(--background-card-color);
    border-radius: 7px 0 0 0;
    padding: 16px;
    /* height: auto;
	min-height: 100px; */
}

.credits_value_wrapp span:nth-child(2),
.credits_value_wrapp span:nth-child(3) {
    font-weight: 700;
}

.credits_value_wrapp span:nth-child(2) {
    color: var(--light-green);
}

.credits_info_wrapp {
    padding: 16px;
    height: 100%;
}

a.credits_info_cart {
    border: 1px solid #0D0D24;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    color: #0D0D24 !important;
}

.credits_info_wrapp p {
    margin-bottom: 0px !important;
}

.buy_credits_link {
    font-weight: 700;
    color: var(--normal-blue);
}


.btn_modal_social {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0D0D24;
    border-radius: 5px;
    padding: 7px 14px;
    color: #0D0D24;
    font-weight: 600;
    background-color: #fff;
    transition: transform 0s ease-in-out 0s;
}

.btn_modal_social:hover {
    transform: scale(1.01);
}

.btn_modal_social img {
    margin-right: 12px;
    width: 18px;
}

/* Sumar coamnda */
.card_upside {
    background-color: #FFFFFF;
    border: 1px solid var(--border-line);
    border-radius: 15px;
    padding: 20px;
    height: 100%;
}

.card_upside .location_easybox {
    font-size: 14px;
    margin-top: 5px;
}

.card_upside .location_easybox img {
    width: 12px;
    margin-right: 8px;
}

.summary_uptitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0 !important;
}

.summary_edit {
    color: black !important;
    border: 1px solid var(--next-step-hover-blue);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}

.card_value {
    font-size: 16px;
    font-weight: 600;
}

.card_name,
.card_phone,
.card_adress {
    font-size: 14px;
}

.card_name {
    margin-right: 10px;
}

.card_adress {
    margin-bottom: 0 !important;
}

.card_phone {
    font-weight: 600
}

.nr_prod {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
    margin-right: 15px;
}

.summary_prod_type,
.summary_prod_price {
    display: flex;
}

.summary_prod_price {
    width: 20%;
}

.summary_prod_type {
    width: 30%;
}

.summary_prod_price {
    justify-content: flex-end;
}

.summary_prod_type {
    justify-content: flex-start;
}

.nr_summary {
    font-size: 18px;
    margin-right: 10px;
}

.x_summary {
    font-size: 14px;
    margin-right: 10px;
}

.summary_prod_type {
    font-size: 14px;
}

.summary .next_step {
    margin-top: 50px;
    height: 55px;
}

.summary_checkbox p {
    margin-bottom: 0;
    width: 100%;
}

.nr_prod_type_summary {
    display: flex;
    width: 70%;
    justify-content: space-between;
}

.summary_checkboxes_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.cart_next_step {
    width: 70%;
}

.cart_next_step .next_step {
    width: 100%;
}

.cart_next_step .arrow {
    padding: 7px 6px 13px 16px;
}

.del_mob_prod {
    width: auto;
    display: none;
}

.del_mob_prod img {
    width: 12px;
}

.btn_login {
    border: none;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 16px;
    color: #fff;
    background-color: var(--normal-blue);
    transition: background 0.5s ease-in-out !important
}

.modal_forms {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding: 0 20px; */
}

.modal-dialog {
    /* margin-top: 15% !important; */
}

.modal_forms input,
.modal_forms button {
    width: 100%;
}

._modal_body_login {
    padding: 10px 40px 40px 40px;
    display: flex;
}

.modal_forgPass {
    font-size: 14px;
    font-weight: 700;
    color: #0D0D24;
}

.modal_remind label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}

.continue {
    width: 85%;
    font-size: 15px;
    font-weight: 600;
}

/* Sectiune Date Facturare */
.same_data_checkbox {
    display: -webkit-inline-box;
    align-items: flex-start;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    font-weight: normal;
}

.same_data_checkbox p {
    margin-bottom: 0 !important;
    width: 92%;
}

.same_data_checkbox input {
    display: none;
    /* Hide the default checkbox */
}

.courier_checkbox input {
    display: none;
    /* Hide the default checkbox */
}

.courier_checkbox {
    cursor: pointer;
    width: 100%;

}

.checkbox-radio {
    display: flex;
    align-items: center;
    justify-content: end;
}

.courier_selected {
    border: 1px solid var(--normal-blue);
}

/* Style the artificial checkbox */
.same_data_checkbox span {
    height: 20px;
    width: 20px;
    border: 1px solid var(--checkbox-border-blue);
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.courier_checkbox .checkbox-radio span {
    height: 20px;
    width: 20px;
    border: 1px solid rgb(126, 205, 235);
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
}

/* Style its checked state...with a ticked icon */
[type=checkbox]:checked+span:before,
.create_account_side [type=radio]:checked+span:before {
    content: '';
    background-image: url(../images/checked.png);
    width: 28px;
    height: 22px;
    display: block;
    object-fit: contain;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -3px;
    left: 0;
}


.secure_connection {
    padding: 8px 15px;
    border-radius: 25px;
    font-size: 12px;
    color: var(--light-green);
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    margin-left: 25px;
}

.secure_connection img {
    width: 11px;
    margin-right: 12px;
}

.online_payment {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}

.online_payment label {
    margin-right: 10px;
    margin-bottom: 5px;
}

.online_payment label a {
    color: var(--normal-blue) !important;
    text-decoration: underline !important;
}

.online_payment label {
    /* display: flex; */
}

.online_payment label p {
    margin-bottom: 0 !important;
    display: contents;
}

.recom {
    background-color: var(--light-green);
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 6px 12px;
    border-radius: 40px;
}

.card_logos img:first-child {
    width: 40px;
}

.card_logos img:nth-child(2),
.card_logos img:nth-child(3) {
    width: 30px;
    margin-left: 5px;
}

.ord_rad_label {
    padding-left: 30px;
    font-weight: 400;
}

.ord_checkmark {
    width: 18px;
    height: 18px;
}

.ord_rad_label .ord_checkmark:after {
    width: 10px;
    height: 10px;
}

.detail_container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.left_side {
    width: 50%;
}

.detail_line {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.ls_title {
    font-size: 20px;
}

.ls_value {
    font-size: 18px;
    font-weight: 400;
}

.ls_value_summary {
    font-size: 18px;
    margin-bottom: 0.5rem !important;
}

.total_summary {
    font-size: 22px;
    font-weight: 600;
}

.message_delivery {
    font-size: 14px;
    width: 64%;
    margin-bottom: 0 !important;
    font-weight: 700;
    color: #F17489;
}


.ls_economy {
    font-size: 18px;
    color: var(--light-green);
}

.ls_voucher {
    color: var(--light-green);
}

.right_side {
    width: 38%;
}

.sides_divider {
    display: block;
    height: 98px;
    width: 2px;
    background-color: var(--border-line);
}

.right_side {
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: space-between;
}

.total_value span:first-child {
    font-size: 22px;
    margin-right: 5px;
}

.total_value span:nth-child(2) {
    font-size: 26px;
    font-weight: 600;
}

.next_step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    border-radius: 7px;
    outline: none;
    border: none;
    /* padding:10px; */
    color: #FFFFFF !important;
    font-size: 18px;
    background-color: var(--normal-blue);
    font-weight: 600;
    position: relative;
    text-decoration: none;
    transition: background 0.5s ease-in-out !important;
}

.next_step p {
    margin-bottom: 0;
    width: 75%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

.next_step .fa {
    font-size: 20px;
    color: #FFFFFF;
}

.next_step:hover,
.btn_login:hover {
    background-color: var(--next-step-hover-blue) !important;
}

.arrow_next_step {
    background-color: var(--arrow-next-step-red);
    height: 100%;
    position: absolute;
    right: 0px;
    width: 25%;
    border-radius: 0 7px 7px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Stilizare pagina de COS */
.container_side {
    margin-top: 30px;
}

#ps_cart_lines h2,
#ps_upsale .main_title .h1 {
    padding-left: 16px;
}

.subtotal_wrapper {
    padding: 16px;
    border: 1px solid var(--border-line);
    border-radius: 7px;
    background-color: var(--background-card-color);
    margin-top: 70px;
}

.subtotal_wrapper h3,
.prod_cards_wrapper h3 {
    margin-bottom: 1rem !important;
}

.subtotal_all {
    margin: 30px 0 40px;
}

.voucher_wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.voucher_wrap input {
    margin-top: 10px;
}

.voucher_wrap button {
    text-decoration: none;
    padding: 7px 20px;
    background-color: var(--redeem-voucher-button);
    border-radius: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    border: none;
    margin-top: 10px;

}

.voucher_wrap a:hover {
    background-color: #64c5eb;
}

.ac_button_vouch {
    font-size: 14px !important;
    padding: 12px 15px;
    border-radius: 13px !important;
    background-color: var(--background-product-light-blue);
}

.ac_item_vouch {
    border-radius: 13px !important;
    background-color: var(--background-product-light-blue);

}

.ac_body_vouch {
    padding: 2px 15px 12px !important;
    border-top-color: transparent !important;
    border-radius: 0 0 13px 13px;
}

.ac_button_vouch:not(.collapsed) {
    background-color: var(--background-product-light-blue) !important;
    box-shadow: none !important;
    color: #0D0D24 !important;
    border-bottom-color: transparent !important;
    border-radius: 13px 13px 0 0 !important;
}

.ac_button_vouch:focus {
    /* border-color: transparent !important; */
    box-shadow: none !important;
    /* border: 1px solid var(--border-line) !important;
	border-bottom-color: transparent !important;
	border-radius: 13px 13px 0 0 !important; */
}

.central_vouch {
    margin: 0 auto 15px;
}

.vouch_accord {
    margin-bottom: 15px;
}

.subt_prods {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    font-size: 14px;
}

.subt_prods span {
    margin-bottom: 7px;
    margin-right: 3px;
}

.subt_prods span span {
    margin-left: 5px;
}

.vouch_divider {
    width: 100%;
    height: 1px;
    margin: 10px auto;
    background-color: var(--border-line);
    display: block;
}

.aside_continue_modal {
    width: 35%;
    background-color: #0D0D24;
    height: 1px;

}

.auth_form {
    width: 50%;
    border-radius: 5px;
    padding: 10px;
    margin-top: 15px;
}

.modal_social_wrapp {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2%;
    justify-content: space-between;
}

.form_data {
    height: 36px;
    font-size: 14px;
    padding: 5px 22px;
    border-radius: 5px;
    border: 1px solid #D4D4DD;
    color: #0D0D24;
}

.form_data:focus-visible {
    outline: 1px solid #ccdaff !important;
    box-shadow: 1px 1px 10px 2px rgb(77 122 255 / 25%);

}

.main_book p {
    margin: 0;
    line-height: normal;
    padding-left: 15px;
}

.main_book .book_title,
.main_book h2.book_title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 190px;
    -ms-box-orient: vertical;
    height: 33px;
    margin: 0;
    padding-left: 15px;
    font-size: 12px;
    line-height: normal;
}

.right_imprint_wrapper span.over_lay_button {
    display: none;
}

.right_imprint_wrapper .book_info {
    font-size: 12px;
}

span.top_label {
    position: absolute;
    background: #00238C;
    color: white;
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 6px;
    top: 13px;
    right: 0;
    /*font-weight: bold;*/
}

span.book_left_label {
    display: inline-block;
    background: #00238C;
    color: white;
    font-size: 15px;
    padding: 3px 12px;
    border-radius: 6px;
    margin-right: 0;
    position: absolute;
    z-index: 1;
    right: 23px;
    top: -27px;
}

span.book_left_label.year14,
span.top_label.year14 {
    background: #265CFF;
}

.over_picture_carousel span.book_left_label {
    display: none;
}

.right_imprint_wrapper span.top_label {
    top: -21px;
}

div#content_text p {
    margin-bottom: 0 !important;
}

#basket_modal_el .modal-content {
    padding: 10px;
    border-radius: 7px;
    text-align: left;
    width: 100%;
}

.modal_basket {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.modal_basket .basket_left {
    max-width: 150px;
}

.modal_basket .basket_left img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 5px;
}

.modal_basket .basket_right {
    width: calc(100% - 160px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.modal_basket .basket_right .h5 {
    font-size: 16px;
    color: #646473;
    font-weight: bold;
    margin-bottom: 4px;
}

.modal_basket .basket_right .h1 {
    font-size: 20px;
    color: #0D0D24;
    font-weight: 700;
    margin-bottom: 4px;
}

.modal_basket .basket_right .modal_add_auth {
    color: #0D0D24;
    font-size: 16px;
}

.modal_basket .modal_prod_price {
    font-size: 16px;
    font-weight: 700;
    color: #6B8BE0;
    margin-top: 4px;
}

.modal_basket .basket_right button.close {
    color: #FFFFFF;
    opacity: 1;
    font-size: 13px;
    -webkit-appearance: initial;
    border: 0;
    background: var(--redeem-voucher-button);
    border-radius: 7px;
    transition: background 0.5s ease-in-out !important;
}

.modal_add_buttons {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;
    width: 100%;
    margin-top: 24px;
}

.modal_add_buttons .btn_cat_add {
    height: 36px;
}

.modal_add_buttons .btn_cat_add p {
    font-size: 14px;
    font-weight: 500;
}

.modal_basket {
    padding: 0;
}

.selected,
.selected a {
    color: var(--primary-color) !important;
}

.short_cat_desc {
    margin-top: 60px;
    padding: 14px;
    border: 3px double var(--light-blue-border-color) !important;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
}

.bg_filter {
    display: flex;
    flex-direction: column-reverse;
    background-color: #dee5f7;
    padding: 20px;
}

.short_cat_desc p {
    margin-bottom: 0;
}

.close_filters {
    width: fit-content;
    border: none;
    background-color: transparent;
    margin-bottom: 21px;
    padding: 0;
}

.order_modal_option:hover {
    background-color: #9eb3ee
}

.order_modal_option {
    padding: 10px 0 10px 20px;
    border: 1px solid #6B8BE0;
    border-radius: 6px;
    margin-top: 7px;
}

.order_modal_option:hover,
.selected_option {
    color: #FFFFFF !important;
    /* border-radius: 0 0 6px 6px; */
    font-weight: 600;
}

.modal_options {
    display: flex;
    flex-direction: column;
}

.selected_option {
    background-color: #6B8BE0;
}

.upside_searchView_wrapper {
    background: white;
}

.modal-backdrop.show {
    opacity: .5;
}

.modal_header_search {
    border-bottom: 0 !important;
    font-size: 20px;
    font-weight: 600;
}

.listview .searchProds_wrapGrid {
    display: grid;
    grid-template-columns: 100%;
}

.author_content {
    width: 100%;
}

.author_title {
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

.author_info {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
    margin-bottom: 10px;
}

.author_image {
    margin-right: 30px;
}

.header_banner img {
    margin: 0 auto;
    display: block;
    max-width: 900px;
    height: 100px;
    width: 100%;
}

.header_banner {
    display: flex;
    justify-content: center;
}

.wrapper_hero_banners {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: auto;
    margin-bottom: 10px;
}

.wrapper_hero_banners::-webkit-scrollbar {
    height: 5px;
}

.wrapper_hero_banners::-webkit-scrollbar-track {
    background: transparent;
}

.wrapper_hero_banners::-webkit-scrollbar-thumb {
    background-color: var(--redeem-voucher-button);
    border-radius: 5px;
}

.wrapper_hero_banners a {
    text-align: center;
    margin: 0 15px 10px 15px;
    border: 2px solid transparent;
    padding: 4px;
    max-width: 134px;
    border-radius: 4px;
}

.wrapper_hero_banners a.selected_item_wrapper:hover {
    border: 2px solid transparent;
}

.wrapper_hero_banners a:hover {
    border: 2px solid green;
}

.real_content {
    font-size: 14px !important;
    margin-top: 13px;
}

.cat_title {
    font-family: pt_sans, sans-serif;
    font-size: 40px;
    text-align: center;
    margin-bottom: 45px;
    /* margin: 0 auto 19px auto; */
}

.authors .cat_title {
    margin-top: 19px;
}

.select_letters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    border: 0;
    margin-bottom: 10px;
}

.select_letters .letter_to_select {
    display: inline-block;
    width: 38px;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
}

.select_letters .letter_to_select.is_selected,
.select_letters .letter_to_select:hover {
    font-weight: bold;
    font-size: 25px;
}

.select_letters .letter_to_select.is_selected {
    color: #EEB727;
}

.columns_authors {
    float: left;
    width: 32%;
    margin-top: 25px;
    min-height: 500px;
    border: 0;
    margin-bottom: 10px;
}

.select_letters .letter_to_select,
.select_letters .letter_to_select.is_selected,
.select_letters .letter_to_select:hover {
    font-size: 28px !important;
    color: #858593;
    font-weight: normal !important;
    width: 45px;
}

.select_letters .letter_to_select.is_selected,
.select_letters .letter_to_select:hover {
    color: #000 !important;
}

.select_letters .letter_to_select.is_selected.cat_to_select {
    width: auto !important;
}

.cat_to_select {
    width: auto !important;
    margin: 0 15px;
}

.columns_authors {
    float: left;
    width: 32%;
    margin-top: 25px;
    min-height: 500px;
}

.autor_wrapper {
    font-size: 18px;
    margin-bottom: 18px;
}

.autor_wrapper.no_picture a {
    padding-left: 38px;
}

.autor_wrapper a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.autor_wrapper img {
    width: 88px;
    height: 88px;
    margin-right: 14px;
}

.author_boxes_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.author_box {
    width: 324px;
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}

.title_author_box {
    text-align: center;
    font-size: 25px;
    padding: 0px 0 5px 0;
    font-weight: bold;
    margin: 0;
}

.author_line {
    margin: 5px 0 5px 0;
    padding-bottom: 5px;
}

a.auth_link {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    border: 0;
}

.author_boxes_cont .author_box:nth-child(1) {
    border-right: 1px solid #DBDBEA;
    margin-right: 1px;
    padding-left: 0;
}

.author_boxes_cont .author_box {
    flex: 1;
    width: auto !important;
    margin: 34px 0 0 0;
    padding: 30px 37px 30px 37px;
    max-width: 404px;
}

.author_line a.buy_button {
    display: block;
    float: right;
    margin: 0;
    width: 92px;
    border-radius: 3px;
    line-height: 25px;
    position: relative;
    top: 9px;
    z-index: 1;
    height: auto;
    text-align: center;
    background: #4D7AFF;
    box-shadow: rgb(50 50 93 / 15%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
    color: #FFFFFF;
}

.books_lines {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 8px;
    margin-bottom: 1px;
}

.author_boxes_cont .author_box:nth-child(2) {
    border-left: 1px solid #DBDBEA;
    border-right: 1px solid #DBDBEA;
}

.steps_right,
.steps_left {
    position: absolute;
}

.dom_p .main_title {
    margin: 30px auto;
    text-align: center !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.main_books.block_flex .areas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main_books.block_flex .areas .area {
    float: none;
    margin: auto;
    display: block;
}

.books {
    background-image: url(../images/books_background.png);
    background-size: 265px 260px;
    background-repeat: no-repeat;
    width: 265px;
    height: 260px;
    position: relative;
}

.book.center_left {
    float: right;
    right: 50%;
    position: absolute;
    top: calc(50% - 67.5px);
}

.book.center_right {
    float: left;
    left: 50%;
    position: absolute;
    top: calc(50% - 67.5px);
}

.book.left {
    float: left;
    margin-top: calc(50% - 52.5px);
    margin-left: 10px;
}

.book.left_2 {
    float: left;
    margin-top: calc(50% - 67.5px);
    margin-left: 37px;
}

.book.middle {
    position: absolute;
    left: calc(50% - 47.5px);
    top: calc(50% - 67.5px);
}

.book.right {
    float: right;
    margin-top: calc(50% - 52.5px);
    margin-right: 10px;
}

.book.right_2 {
    float: right;
    margin-top: calc(50% - 67.5px);
    margin-right: 37px;
}

.area h2 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #646473;
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: "pt_sans", sans-serif;
}

.wrapper_home_banners_round {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.home_banners_round img {
    width: 100%;
}

.results_intro span,
.rec_value {
    color: var(--primary-color) !important;
    font-weight: bold;
}

.btn_cat_add {
    background-color: var(--redeem-voucher-button);
}

.btn_cat_add:hover,
.modal_basket .basket_right button.close:hover {
    background-color: var(--next-step-hover-blue) !important;
}


/* lightbox harta */

.mapboxgl-canvas {
    width: 100% !important;
    height: auto !important;
}

.marker,
.marker-favorite {
    background-image: url(../images/marker-icons/asset2.png);
    background-size: cover;
    width: 20px;
    height: 28px;
    cursor: pointer;
}

.marker-favorite {
    background-image: url(../images/marker-icons/mapbox-marker-icon-20px-green.png);
}


.popup_container {
    background-size: cover;
    width: 100px !important;
    height: 100px !important;
    cursor: pointer;
}

.container-map {
    position: relative;
    padding: 0px 10px;
    margin-bottom: 20px;
}

.sidebar {
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
}

.map {
    position: absolute;
    left: 31%;
    width: 70%;
    height: 500px;
    top: 0;
    bottom: 0;
}

.heading {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 10px;
    background-color: #6B8BE0;
    color: #fff;
    margin-top: 10px;
    border-radius: 4px;
}

.mg-top-20 {
    /* margin-top: 20px; */
}

.heading h1 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.listings {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 60px;
}

.listings .item {
    border-bottom: 1px solid #6B8BE0;
    padding: 10px;
    text-decoration: none;
}

.listings .item:last-child {
    border-bottom: none;
}

.listings .item .title {
    display: block;
    color: #6B8BE0;
    font-weight: 900;
}

.listings .item .title small {
    font-weight: 400;
}

.listings .item.active .title,
.listings .item .title:hover {
    color: #5a5a5a;
}

.listings .item.active {
    background-color: #f8f8f8;
}

.listings .item strong {
    color: #424242;
    font-size: 14px;
}

.listings .item div {
    color: #424242;
}

.mapboxgl-popup {
    padding-bottom: 50px;
}

.mapboxgl-popup-close-button {
    display: none;
}

.mapboxgl-popup-content {
    font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
    padding: 0;
    width: 180px;
}

.mapboxgl-popup-content h3 {
    background: #6B8BE0;
    color: #fff;
    margin: -15px 0 0;
    padding: 3px;
    border-radius: 3px 3px 0 0;
    font-weight: 700;
    margin-top: 2px !important;
}

.mapboxgl-popup-content h4 {
    margin: 0;
    padding: 10px;
    font-weight: 400;
}

.mapboxgl-popup-content div {
    padding: 5px 10px 2px 10px;
}

.mapboxgl-popup-anchor-top>.mapboxgl-popup-content {
    margin-top: 15px;
}

.mapboxgl-popup-anchor-top>.mapboxgl-popup-tip {
    border-bottom-color: #91c949;
}

.select_county,
.select_city {
    display: block;
    width: 100% !important;
    margin-bottom: 7px;
}

.select_county select,
.select_city select {
    margin-right: 10px;
    width: 100% !important;
    margin-bottom: 7px;
}

.search-box input {
    width: 100%;
    padding: 2px 16px;
    font-size: 16px;
}

.select_search_container {
    display: flex;
    flex-direction: column;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7ECDEB !important;
}

.form_search_location {
    margin-top: 3px;

}

.loop_icon {
    position: absolute;
    right: 0px;
    bottom: 4px;
    font-size: 16px;
    padding: 0 9px 3.5px 0;
    color: #5a5a5a;
}

.search_container {
    position: relative;
}

.loading_modal span {
    display: none;
}

.anth_locker.loading_modal {
    background: none;
}

button.choose_locker.loading_modal {
    background-color: #e0536b;
}

.loading_modal:after {
    content: "Se încarcă. Așteptați.."
}

/* lightbox harta */

.main_title .h1 {
    font-family: pt_sans, sans-serif !important;
    font-size: 24px;
    font-weight: bold;
}

.title_order {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
}

.options_order {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 23px;
}

.option_order {
    width: 30%;
    border: 1px solid #9797A6;
    padding: 6px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 15px;
    min-height: 54px;
    font-weight: bold;
    color: #646473;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.option_order:hover {
    border: 1px solid #000;
    color: #000;
}

.center_line {
    width: 2px;
    background: white;
    height: 100%;
}

label.option_order [type="radio"] {
    display: none !important;
}

.options_order input[type="radio"] {
    display: none;
}

.options_order input[type="radio"]:checked+label {
    border: 3px solid #006DD9;
    color: #000;
}

input.motive_input {
    width: 100%;
    border: 1px solid #9797A6;
    border-radius: 7px;
    padding: 8px;
    background: #D5EAFF;
    font-size: 14px;
    font-weight: bold;
}

.button_order {
    height: 40px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 223px;
    margin: 0 auto;
    background: #006DD9;
    color: white;
    border-radius: 8px;
    margin-top: 18px;
    max-width: 100%;
    font-weight: bold;
    border: 0;
}

.info_icon_text {
    display: none;
}

.info_icon:hover .info_icon_text,
.info_icon:focus .info_icon_text,
.info_icon:active .info_icon_text {
    display: block;
    position: absolute;
    background: black;
    color: white;
    padding: 15px;
    z-index: 11;
    left: -71px;
    width: 169px;
    border-radius: 8px;
    text-transform: initial;
    bottom: 30px;
}

.info_icon_text::after {
    border: 10px solid transparent;
    right: 78px;
    content: " ";
    bottom: -20px;
    margin-top: 0;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
}

li.all_link a {
    padding: 1rem !important;
}

li.all_link {
    padding: 0 !important;
}

span.text_icon.detalii_a {
    padding: 0 3px;
    height: 75px !important;
    display: flex;
    align-items: center;
}

.right-preview .column_element {
    display: flex;
    align-items: center;
}

.main_bottom {
    background: linear-gradient(to top, #ffffff 0%, #f2f2f2 100%);
}

.main_bottom .container {
    z-index: 1;
    position: relative;
}

.jcarousel.main_books {
    position: relative;
    overflow: hidden;
}

/* Fading effect - left */
.jcarousel.main_books::before,
.jcarousel.main_books::after {
    content: "";
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

/* Fade from white to transparent (left) */
.jcarousel.main_books::before {
    left: 0;
    background: linear-gradient(to right, white, transparent);
}

/* Fade from transparent to white (right) */
.jcarousel.main_books::after {
    right: 0;
    background: linear-gradient(to left, white, transparent);
}

.bottom_header_right_icons {
    margin-left: 11px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    cursor: pointer;
    width: max-content;
    max-height: 50px;
}

.shopping_count {
    position: absolute;
    background-color: red;
    height: 17.5px;
    margin-left: 35px;
    font-family: "open_sans", sans-serif;
    border-radius: 10px;
    font-size: 12px;
    color: white;
    font-weight: bold;
}

.shopping_count p {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.number_cos {
    position: absolute;
    display: block;
    background: var(--main-link-button-color);
    color: #fff;
    min-width: 20px;
    min-height: 20px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    top: -3px;
    right: -9px;
    font-weight: normal;
    margin: 0;
    z-index: 10;
}

.filter_letter {
    padding: 5px;
    padding: 0.1rem 0.3rem !important;
    font-size: 14px !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    display: inline-block;
    margin: 0.2rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0.25rem;
    min-width: 23px;
}

.filter_letter.filter_letter_selected {
    background: var(--primary-color) !important;
    color: #fff !important;
}


@keyframes opacityLeft {
    from {
        opacity: 0;
        left: -10%;
    }

    to {
        opacity: 1;

    }
}

@keyframes opacityRight {
    from {
        opacity: 0;
        right: 0;
    }

    to {
        opacity: 1;
    }
}

.steps_left {
    left: 0%;
    width: 41%;
    top: 0%;
    opacity: 0;
    animation-name: opacityLeft;
    animation-delay: 500ms;
    animation-duration: 4500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}

.container_404 {
    margin: 90px auto 70px;
    overflow: unset !important;
}

.steps_right {
    right: -10%;
    width: 50%;
    top: 47%;
    opacity: 0;
    animation-name: opacityRight;
    animation-duration: 4500ms;
    animation-delay: 4700ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

.text_cookie {
    display: flex;
    justify-content: space-between;
}

.cookie_loader {
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;
    width: 100%;
    z-index: 1005;
}

.cookie_bar {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
    color: white;
    /* display: flex;
    justify-content: space-between; */
}

.close_cookie_bar {
    padding: 5px 20px;
    padding: 5px 20px;
    margin: 0 5px 0 10px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: inline-block;
}

.cookie_bar a,
.cookie_bar a:hover {
    color: white;
    text-decoration: underline;
}


.cookie_bar_da {
    background-color: #1E90FF;
}

.cookie_bar_da:hover {
    background: #0072E1;
    /* background: rgba(0, 128, 0, .7) ; */
}

.cookie_bar_nu {
    background-color: #505050;
}

.cookie_bar_nu:hover {
    background: #404040;
}

.check_box,
.checkbox_box,
.checkbox_box_delete,
.radio_box {
    display: none;
}

.check_box:checked+label,
.checkbox_box:checked+label,
.checkbox_box_delete:checked+label {
    background: url("../images/gdpr/check-box-checked.png") no-repeat;
    color: #238C00;
}

.checkbox_box_delete:checked+label {
    color: red;
}

.check_box+label,
.checkbox_box+label,
.checkbox_box_delete+label {
    background: url("../images/gdpr/check-box.png") no-repeat;
    min-height: 25px;
    display: inline-block;
    padding: 6px 8px 0 32px;
    min-width: 57px;
    cursor: pointer;
}

.gdpr-check-edits .check_box+label,
.gdpr-check-edits .checkbox_box+label,
.gdpr-check-edits .radio_box+label {
    min-height: 25px;
    display: inline-block;
    padding: 6px 0 0 40px;
    min-width: 57px;
}

.radio_box:checked+label {
    background: url("../images/gdpr/radio-box-checked.png") no-repeat;
    color: #238C00;
}

.radio_box+label {
    background: url("../images/gdpr/radio-box.png") no-repeat;
    min-height: 25px;
    display: inline-block;
    padding: 6px 0 0 40px;
}

input.gdpr-input-text {
    width: 96%;
    border-radius: 10px;
    padding: 20px 2%;
    margin-bottom: 20px;
    background: #F6F6F6;
    border: 1px solid #B9B9B9;
}

.breadcrumb>li+li:before {
    content: "/";
    color: black;
    position: relative;
    font-weight: bolder;
    bottom: 4px;
}

.new_breadcrumbs .breadcrumb {
    display: flex;
    overflow-x: auto !important;
    white-space: nowrap;
    /* scrollbar-color: #4D7AFF #ffffff; */
    /* scrollbar-width: thin !important; */
    flex-flow: nowrap !important;
    padding-bottom: 10px;
}

.breadcrumb::-webkit-scrollbar,
.prod_details::-webkit-scrollbar {
    height: 4px !important;
    /* At least not zero */
}

.breadcrumb::-webkit-scrollbar-thumb,
.prod_details::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
    /* Or any other instruction making the element visible */
}

.info_redesign span#submitting_buton_footer {
    width: 204px;
    display: block;
    text-align: center;
    padding: 12px 0;
    font-size: 16px !important;
    font-weight: normal;
    /* background: var(--main-link-button-color); */
    background: grey;
    border: 0;
    color: #fff;
    border-radius: 3px;
}

.main_logo {
    display: block;
    float: left;

    background-size: contain !important;
}

.main_logo {
    width: 168px;
    height: 44px;
    margin: 39px 0 21px 3px;
    background: url(../images/designlogo/art_header.png) center no-repeat;
    background-size: contain;
}

.cos_logo {
    width: 100px !important;
    max-height: 50px !important;
    margin: 0 !important;
}

.clear_both {
    clear: both;
}

.list-group-item a {
    color: inherit;
}

.list-group-item.active a {
    color: white !important;
}

.accordion-info a {
    font-weight: bold;
}

.accordion-info a:hover {
    color: var(--header-contrast-color) !important;
}

.accordion-info .accordion-body a {
    font-weight: initial;
}

.nr_cump {
    font-size: 12px;
    color: #202020;
    margin-top: 5px;
}

.nr_cump span {
    font-size: 14px;
    color: #D61F3A;
    font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
    .sticky-sidebar {
        position: sticky;
        top: 100px;
        z-index: 100;
    }
}

.accordion-info .accordion-button {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: transparent;
    box-shadow: none;
    border: none;
    position: relative;
}

.accordion-info .accordion-button::after {
    display: none !important;
}




.accordion-info .accordion-toggle-icon::after {
    content: "+";
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 1.25rem;
    line-height: 1;
}

.accordion-info button[aria-expanded="true"] .accordion-toggle-icon::after {
    content: "−";
}

.accordion-info .accordion-button.d-flex {
    background: rgba(255, 59, 78, 0.15);
}

.accordion-info .accordion-body,
.accordion-info .accordion-header {
    background: #ededed30;
}

.d-flex.images-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.d-flex.images-list a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 40%;
    text-align: center;
    font-weight: bold;
}

.d-flex.images-list a img {
    margin-bottom: 11px;
}

a.simple_link:hover,
a.link_filter:hover {
    color: var(--primary-color) !important;
}

.container-topuri-authors .author-name {
    font-weight: bold;
}

.container-topuri-authors .book-count {
    color: red;
}

.container-topuri-authors .author-entry {
    margin-bottom: 2rem;
    border-bottom: 1px solid #D7D7CE;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}

.container-topuri-authors .author-entry:last-child {
    border-bottom: none;
    /* dacă folosești border */
    margin-bottom: 0;
    /* dacă folosești doar spacing */
}

.container-topuri-authors .book-cover {
    width: 60px;
    height: auto;
    object-fit: contain;
    margin: 0.25rem;
}

.container-topuri-authors .book-item {
    display: flex;
    align-items: center;
}

/* #sidebarFilters {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
    padding-right: 10px;
    scroll-behavior: smooth;
} */

.imprint_text {
    margin-bottom: 20px;
    border-radius: 5px;
    /* background-color: #EEF2FF; */
}
.all_view .imprints_top {
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
    cursor: initial;
}
.all_view .imprints_top .imprint{
    cursor: initial;
}
.all_view .imprints_list_wrapper{
    display: flex;
    align-content: space-between;
    justify-content: center;
    min-height: 100px;
    margin-top: 2rem;
    position: relative;
    border-radius: 5px;
}
.imprint_art{
    background: #BCF799;
}
.imprint_arthur{
    background: #BFEFFF;
}
.imprint_paladin{
    background: #CFCFCF;
}
.imprint_youngart{
    background: #66DADD;
}
.imprint_youngart img, .imprint_grafic img{
    filter: brightness(0) !important;
}

.imprint_genius{
    background: #fab070;;
}

.imprint_grafic{
    background: #FFE9BF
;
}

.contact_div {
    background-color: var(--main-ligher-color);
    padding: 18px;
}

.contact_div .class_1200 {
    text-align: center;
}
.text_contacts{
    display: inline-block;
}

.contact_div .fa-phone {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) rotate(263deg);
    font-size: 30px;
    position: absolute;
    top: 0px;
    left: 0;
}

.text_contact {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-right: 16px;
    margin-left: 16px;
    position: relative;
    height: 30px;
    line-height: 30px;
}

span.text_contact {
    font-weight: normal;
    margin-right: 16px;
    padding-left: 40px;
}
.text_contacts .text_contact {
    font-size: 18px !important;
}
.all_view .imprints_list_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0.20) 0%,    /* fade alb stânga */
        rgba(255,255,255,0) 20%,      /* complet transparent la 20% */
        rgba(255,255,255,0) 80%,      /* complet transparent până la 80% */
        rgba(255,255,255,0.20) 100%   /* fade alb dreapta */
    );
}

.header_wish {
    padding: 25px 10px;
    border-bottom: 1px solid #DEDED6;
}
.book_wish {
    float: left;
    width: 402px;
    padding-right: 32px;
    display: flex;
}
.book_wish img {
    float: left;
    margin-right: 13px;
}
.title_b_wish {
    float: left;
    font-size: 24px;
    color: #4E4C45;
    overflow: hidden;
    width: 322px;
    line-height: 25px;
    padding-bottom: 3px;
    width: 332px;
}
.author_b_wish {
    float: left;
    font-size: 14px;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    width: 322px;
    margin-top: 0;
}
.modal_body_wish {
    display: inline-flex;
}
.title_menu {
    font-size: 14px;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    color: #3F3F3F;
}
.menu_wish {
    margin-top: 41px;
    padding: 0;
    list-style-type: none;
    width: 225px;
    float: left;
    max-height: 250px;
    overflow: auto;
}
.item_menu_wish {
    height: 35px;
    background: #DFEFFF;
    line-height: 35px;
    font-size: 10px;
    margin-top: 1px;
    color: black;
    cursor: pointer;
}
.item_menu_wish .link_l {
    color: black !important;
}
.item_menu_wish .nr_books {
    display: inline-block;
    width: 36px;
    text-align: center;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
}
.item_menu_wish .link_l.active .w_title {
    color: #000 !important;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
}
.button_add_wish {
    display: inline-block;
    width: 60px;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size: 8px;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    color: black !important;
}
.flex_box {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-flow: row wrap;
    /* margin: 0 auto; */
    /* padding-left: 10px; */
}
.sorter_wish {
    padding-right: 10px;
    height: 26px;
}
.edit_wish {
    float: right;
    color: #D61F3A !important;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.product_holder_wish {
    margin-top: 27px;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    max-height: 260px;
    display: flex
;
    justify-content: space-evenly;
}
.product_holder_wish .product_out {
    margin-right: 9px;
    /* flex: 1 1 auto; */
}
.product_wish {
    width: 110px;
    height: 252px;
    padding: 2px 4px 15px 8px;
    margin-left: -1px;
    position: relative;
    border: 1px solid transparent;
}
.product_out .link_poza {
    display: block;
    height: 164px;
    z-index: 3;
}
.title_prod {
    margin-top: 13px;
    display: block;
    color: black;
    font-size: 12px;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    max-height: 30px;
    overflow: hidden;
    line-height: 15px;
}
.pret_prod_wish {
    bottom: 0;
    position: absolute;
}
.author_prod_wish {
    color: black !important;
    font-size: 10px;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    overflow: hidden;
    display: block;
    line-height: 13px;
    height: 14px;
    margin-top: 2px;
}
.stoc_type_wish {
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: absolute;
    color: #2DB200;
    display: block;
    position: relative;
}
.pret_nou_wish {
    font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
    color: #E8221F;
    width: 107px;
    position: relative;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.navigation-arrow {
    transition: visibility 0.2s ease-in-out, opacity 0.1s ease-in-out;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15);
    padding: 30px 10px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}