:root {
    --work-space: 1440px;
    --header-height-lg: 100px;
    --header-height-md: 76px;
    --header-height-xs: 76px;
    --primary-blue-color: #3381EE;
    --primary-green-color: #29CC00;
    --primary-gray-color: #9DA6A6;
    --promoblock-background-color: #AFCFF9;
    --card-background-color: #EFF2F6;
    --primary-shadow: 0 3.52px 8.79px rgba(64, 90, 127, 0.1); /* 0 4px 10px #405a7f54   #405A7F1A*/
    --main-background-color: #F5F5F5;
    --primary-font-color: #405A7F;
    --border-radius: 20px;
    --text-line-clamp: 2;
    --xl-column-count: 5;
    --lg-column-count: 4;
    --md-column-count: 3;
    --sm-column-count: 2;
    --xl-column-count-pic: 4;
    --lg-column-count-pic: 3;
    --md-column-count-pic: 2;
    --sm-column-count-pic: 1;
    --column-gap: 22px;
    --row-gap: 17px;
    --lg-head-widget-title-font-size: 40px;
    --lg-head-widget-description-font-size: 30px;
    --card-width: 264px;
    --card-header-height-lg: 220px;
    --card-header-height-md: 190px;
    --card-header-height-sm: 170px;
    --card-header-height-xs: 130px;
    --card-title-height: 4rem;
    --card-subtitle-height: 2.1rem;
    --lg-card-title-font-size: 22px;
    --lg-card-subtitle-font-size: 15px;
    --md-card-title-font-size: 22px;
    --md-card-subtitle-font-size: 15px;
    --sm-card-title-font-size: 20px;
    --sm-card-subtitle-font-size: 15px;
    --xs-card-title-font-size: 20px;
    --xs-card-subtitle-font-size: 11px;
    --waiting-spinner-play-state: paused;
    --swiper-navigation-outside: 35px;
    --swiper-pagination-bullet-size: 10px;
    --main-page-slider-height: auto;
    --swiper-pagination-bullet-horizontal-gap: 3px;
}

.swiper-pagination-bullet {
    background-color: transparent;
    border: 2px solid white;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: white;
}
/*
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    background-color: var(--primary-font-color);
}

.sp-horizontal .sp-previous-arrow
{
    left: -30px;
}

.sp-horizontal .sp-next-arrow {
    right: -30px;
}
*/

::-webkit-scrollbar {
    height: 2px;
    width: 2px;
    /*border: 1px solid blue;*/
    background-color: var(--main-background-color);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: var(--main-background-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-font-color);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #405A7F;
    -webkit-box-shadow: 0 0 0px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* scrollbar */
.content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: var(--primary-font-color);
}

.content-wrapper::-webkit-scrollbar-track {
    box-shadow: none;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: var(--main-background-color);
    */
    /*
    box-shadow: inset 0 0 3px #1979ffcb;
*/
}

.content-wrapper::-webkit-scrollbar {
    width: 1px;
    /*height: 1px;
    width: 1px;
    border: 1px solid blue;*/
    /*background-color: var(--main-background-color);*/
}
/*scrollbar*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat';
}

html {
    height: 100%;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: var(--header-height-lg);  
    background-color: var(--main-background-color);
    color: var(--primary-font-color);
    font-size: 16px;
}

input:focus, textarea:focus, select:focus, button:focus {
    outline: none !important;
}

/*
.promo-service:nth-child(1) {
    background-color: #C8D7DD !important;
}

.promo-service:nth-child(2) {
    background-color: #EBDABB !important;
}

.promo-service:nth-child(odd) {
    background-color: #CCE3C6;
}

.promo-service:nth-child(even) {
    background-color: #DFD0D7;
}
*/


/*** DESIGN MODE ***/
.sfPageContainer .RadDockZone[placeholderid="HeaderLogo"] {
    width: 238px;
}

.sfPageContainer .RadDockZone[placeholderid="BasketButton"] {
    width: 120px;
}

header.design-mode {
    position: relative;
}

/*** DESIGN MODE ***/
/* Header */
header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 1000;
    box-sizing: border-box;
    background-color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.header-main {
    width: 100%;
    max-width: var(--work-space);
    /* padding: 1.9em; */
    margin: 0px auto;
    display: flex;
    background: var(--bg-primary);
    height: var(--header-height-lg);
    align-items: center;
    justify-content: space-between;
}

.header-content {
    width: var(--work-space);
    /*calc(100% - 80px);*/
    /*min-width: 1024px;*/
    max-width: var(--work-space);
    padding-left: 0;
    padding-right: 0;
    padding: 0 1.5vw;
    display: flex;
    background: var(--bg-primary);
    /* height: var(--header-height-lg);*/
}

.header-content .logo-v3 img {
    width: 100%;
}

.mobile-logo-v3 {
    display: none;
}


.header-logo {
    width: fit-content;
    /*display: flex;
  align-items: center;*/
}

.header-navbar {
    width: 100%;
    position: relative;
    display: flex;
}

.search-bar {
    width: 100%;
    position: relative;
    display: flex;
    margin: 0px 1.5em 0px 3em;
    align-items: center;
    justify-content: space-between;
}

.header-basket-container {
    position: relative;
    cursor:pointer;
}

.header-basket-count {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 2px;
    right: 9px;
    border-radius: 64px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 600;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    transform: translate(0%, -45%);
    background-color: var(--primary-blue-color);
    padding: 0px 9px;
}

.header-basket-count.d-2 {
    padding: 0px 6px;
    font-size: 13px;
    width: 30px;
}

.header-basket-count.d-3 {
    padding: 0px 7px;
    width: 40px;
}

.header-basket-count {
    display: none;
}

.header-basket-count.active {
    display: block;
}

.cart-icon.active {
    color: var(--primary-blue-color);
}

.searchBoxV3 {
    width: 100%;
}


/* убираем голубую обводку */
.search-bar input[type="search"]:focus {
    outline: 0 !important;
    border-color: var(--primary-gray-color);
    box-shadow: none;
    /*border: 1px solid var(--primary-blue-color);*/
    /*box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);*/
}

/* меняем clear button по умолчанию */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%239da1a6" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>');
}

input[type="search"]::-webkit-search-cancel-button:hover {
    -webkit-appearance: none;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%231979ff" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>');
}

.search-bar input[type="search"] {
    position: relative;
    width: 100%;
    padding: 5px 10px 5px 2.3em;
    border: 1px solid var(--primary-gray-color);
    border-radius: 40px;
    font-size: 25px;
    font-weight: 500;
    outline: none;
    transition: all 0.3s;
    box-shadow: none;
    background-color: #f6f6f6;
    color: var(--primary-font-color);
}

.search-bar i {
    color: var(--primary-gray-color);
    position: absolute;
    top: calc(50% - .5em);
    left: 1.1em;
    z-index: 1;
    font-size: 20px;
    opacity: .5;
}

.search-bar i:hover {
    color: var(--primary-blue-color);
    opacity: 1;
    cursor: pointer;
}

.search-bar input[type="search"]::placeholder {
    /*text-decoration-line: underline;*/
    /*text-underline-position: under;*/
    /*text-decoration-thickness: 1px;*/
    font-weight: 400;
    font-size: 22px;
    opacity: .5;
}

.user-actions {
    display: flex;
    align-items: center;
}

.user-actions nav ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.user-actions nav ul li {
    padding: 0;
    /*min-width: 65px;*/
    width: unset;
    list-style: none;
}

.user-actions nav ul li .search-icon {
    margin: 0px .5em 0px .5em;
    display: none;
}

.user-actions nav ul li .cart-icon {
    margin: 0px .5em;
}

.user-actions nav ul li .user-icon {
    margin: 0px;
}

.user-actions a {
    /*margin-left: 20px;*/
    color: #555;
    text-decoration: none;
    font-size: 16px;
}

.user-actions a:hover {
    color: #0056b3;
}

/* Header */

.main-page {
    flex: 1;
    box-sizing: border-box;
}

.slider-pro img.sp-image {
    width: calc(100% - 1em) !important;
    /* margin: 0.5em 0.5em 0.5em .5em !important; */
    height: 100% !important;
    object-fit: cover;
    border-radius: 2em !important;
}

.swiper {
    width: 100%;
    height: 100%;
}
 
.swiper.outside {
    padding: 0px var(--swiper-navigation-outside, 35px);
}

.swiper-button-next, .swiper-button-prev {
    display: none;
}

.swiper.outside .swiper-button-next, .swiper.outside .swiper-button-prev {
    --swiper-navigation-color: var(--primary-font-color);
    --swiper-navigation-size: 22px;
}

.swiper-slide img.sp-image {
    display: block;
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
    border-radius: 2em !important;
}

#main-page-slider {
    height: var(--main-page-slider-height);
    /*padding-bottom: 1.2rem;*/
}

.slider-wrapper-v3 {
    margin-bottom: 2.5rem;
    position: relative;
}

#main-page-slider .swiper-pagination {
    --swiper-pagination-bottom: 0px;
}

#main-page-slider .swiper-slide {
    filter: brightness(0.4);
    overflow: hidden;
    transition: .7s;
}

#main-page-slider .swiper-slide-active {
    filter: brightness(1);
    opacity: 1;
    z-index: 1;
}


.autoplay-progress {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 25px;
    z-index: 10;
    width: 48px;
    height: 48px;
    font-weight: 500;
    color: #FFFFFF;
}

.autoplay-progress.show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoplay-progress.show svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 2px;
    stroke: #FFFFFF;
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.breadcrumbs {
    margin-bottom: 1.1rem;
    color: var(--primary-gray-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.breadcrumbs a.home-link i {
    padding-right: .5rem;
    font-size: 15px;
}

.breadcrumbs a.home-link, .breadcrumbs .acc-logout {
    color: var(--primary-gray-color);
    font-weight: 500;
    font-size: 18px;
    border: 1px solid var(--primary-gray-color);
    border-radius: 51px;
    padding: 6px 24px;
    width: 180px;
    text-align: center;
}

.breadcrumbs a.home-link:hover, .breadcrumbs .acc-logout:hover {
    text-decoration: none;
    color: white;
    background-color: var(--primary-blue-color);
    border: 1px solid var(--primary-blue-color);
}

.content-container {
    /*width: var(--work-space);
  min-width: 1024px;*/
    max-width: var(--work-space);
    margin: 1em auto 0px;
    padding: 0px 1em;
}


.like-icon {
    width: 45px;
    height: 45px;
    /*background: linear-gradient(to right, #1a2980, var(--primary-blue-color));*/
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
}

.round-blue {
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(26, 41, 128, 0.3);
    background-color: var(--primary-blue-color);
}

.round-green {
    border-radius: 50%;
    background-color: var(--primary-green-color);
    box-shadow: 0 4px 10px rgba(26, 41, 128, 0.3);
}


.round-white {
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(26, 41, 128, 0.3);
    background-color: white;
}

.round-white i {
    color: var(--primary-blue-color);
    font-size: 20px;
}

.user-actions li i {
    font-size: 40px;
    color: var(--primary-gray-color);
}

.user-actions li i:hover {
    color: var(--primary-blue-color);
}

.badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--primary-blue-color);
    color: white;
    padding: 3px 6px;
    border-radius: var(--border-radius);
    z-index: 10;
    line-height: 1;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .025em;
}

/*** Directions ***/
.head-directions a {
    text-decoration: none;
}

.head-directions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--primary-gray-color);
    border-radius: 60px;
    margin: 1.3em .25em;
}

.head-directions-item
{
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-blue-color);
    width: 50%;
    text-align: center;
    padding: .5rem 0px;
    cursor: pointer;
    margin: -1px;
}

.head-directions-item.item-active
 {
    background-color: var(--primary-blue-color);
    color: white;
    border-radius: 60px;
    /*transition: all 0.3s;*/
    border: 1px solid var(--primary-blue-color);
}
/*** Directions ***/

/*** Categories ***/
.head-categories-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 1.3em 0px;
    flex-wrap: wrap;
    overflow-x: auto;
    padding: 0px 0px 1em 0px;
}

.row-mode {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.head-category {
    white-space: nowrap;
    text-transform: unset;
    border: 1px solid var(--primary-gray-color);
    font-size: 20px;
    font-weight: 600;
    border-radius: 60px;
    margin: .3rem .3rem;
    color: var(--primary-font-color);
    padding: 11px 35px;
    cursor: pointer;
}

.head-category:not(.item-active):hover {
    font-weight: 700;
    color: white;
    background-color: var(--primary-blue-color);
    border-color: var(--primary-blue-color);
}


.head-category.item-active {
    color: white;
    background-color: var(--primary-blue-color);
    border-color: var(--primary-blue-color);
}

.head-category.item-active:hover {
    font-weight: 700;
    color: var(--primary-font-color);
    background-color: #F0F3F7;
    border-color: #A3AFC0;
}

.triange-wrapper {
    display: none;
}

/*** Categories ***/

.recommended-services-wrapper:not(.from-detail) {
    /*background: var(--promoblock-background-color);*/
    border-radius: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.recommended-services-title {
    font-size: 1.7em;
    font-weight: 600;
    color: var(--primary-font-color);
    margin-bottom: 1em;
}

/*** Footer ***/

footer {
    background-color: var(--primary-blue-color);
    padding: .75rem;
    color: white;
    text-align: center;
    font-size: .75rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    flex-shrink: 0;
    box-sizing: border-box;
    margin-top: 1rem;
}

.footer-container {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
    max-width: var(--work-space);
    margin: 0 auto;
    box-sizing: border-box;
}

.footer-item {
    padding: .3em 0px 0px 0px;
    box-sizing: border-box;
}
.footer-item:not(.social-url-container):not(.main-copyright):not(.full-row):hover {
    cursor: pointer;
    font-weight: 700;
    color: #CFE7FF;
}

/* Последний элемент в 4-й строке */
.footer-item:nth-child(8) {
    border-right: none;
}

/* Последняя строка (5-я) */
.footer-item.full-row {
    grid-column: 1 / -1;
    /* Занимает все колонки */
}

/*
.footer-item:nth-child(odd):not(:last-child) {
  justify-self: start;
  content: "Колонка 1";
  display: block;
  font-weight: bold;
  margin-top: 5px;
}
*/
.footer-item:nth-child(odd):not(:last-child) {
    /*"Колонка 1"*/
    justify-self: start;
    text-align: left;
    font-size: 1.5rem;
}

.footer-item:nth-child(even):not(:last-child) {
    /*"Колонка 1"*/
    justify-self: end;
    text-align: right;
    font-size: var(--lg-card-title-font-size);
    font-weight: 600;
}

.footer-item:last-child {
    font-size: 1.7em;
    color: #74B0FF;
    justify-self: start;
    text-align: left;
    font-weight: 500;
    padding-top: 1em;
    line-height: 1.3;
}

.footer-item.main-copyright, .footer-item.social-url-container {
   padding-top: 1.5rem;
   line-height: 1.1;
   position: relative;
   width: 100%;
}

.footer-item.main-copyright > span {
    position: absolute;
    bottom: 1rem;
    width: 100%;
}

/*
.footer-item:not(:last-child) i {
    padding-right: .5em;
}
*/
.footer-item:not(:last-child) a {
    text-decoration: none;
    color: unset;
}

.icon-container {
    width: 2em;
    height: 2em;
    line-height: 2;
    /*background-color: #CFE7FF80;*/
    text-align: center;
    border-radius: 3px;
    margin-right: .5em;
}

.social-url-container {
    display: flex;
    justify-content: flex-end;
}

.social-link {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 1rem;
}

.dme-url {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/dme_circle_button.svg) center center / cover no-repeat;
}
.dme-url:hover {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/dme_circle_button-white.svg) center center / cover no-repeat;
}

.tg-url {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/tg_circle_button.svg) center center / cover no-repeat;
}
.tg-url:hover {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/tg_circle_button-white.svg) center center / cover no-repeat;
}

.vk-url {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/vk_circle_button.svg) center center / cover no-repeat;
}
.vk-url:hover {
    background: url(/ResourcePackages/Bootstrap4/assets/dist/img/vk_circle_button-white.svg) center center / cover no-repeat;
}

.warning-trangle {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3505 2.625C12.6392 2.125 13.3608 2.125 13.6495 2.625L22.3098 17.625C22.5984 18.125 22.2376 18.75 21.6603 18.75H4.33975C3.7624 18.75 3.40155 18.125 3.69023 17.625L12.3505 2.625Z' fill='%23FBB03B' stroke='%23FBB03B' stroke-width='1.5'/%3E%3Cpath d='M12.3855 13.1L12.0855 7.25H13.9355L13.623 13.1H12.3855ZM13.0105 16.0875C12.7189 16.0875 12.4772 15.9917 12.2855 15.8C12.0939 15.6083 11.998 15.3792 11.998 15.1125C11.998 14.8458 12.0939 14.6208 12.2855 14.4375C12.4772 14.2458 12.7189 14.15 13.0105 14.15C13.3022 14.15 13.5397 14.2458 13.723 14.4375C13.9064 14.6208 13.998 14.8458 13.998 15.1125C13.998 15.3792 13.9064 15.6083 13.723 15.8C13.5397 15.9917 13.3022 16.0875 13.0105 16.0875Z' fill='%23405A7F'/%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
}

.warning-trangle.centered {
    margin: .5rem 0px 0px .4rem;
}

/* autocomplete */
.sidebar-search-autocomplete-cont ul.sf-autocomplete {
    background: white;
    border: 1px solid white;
    border-radius: 20px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    width: 100% !important;
    top: 4.5em !important;
    padding-bottom: 1em;
    z-index: 1;
    left: 0;
}

.sidebar-search-autocomplete-cont ul.sf-autocomplete .ui-menu-item-wrapper {
    font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
    padding: .5rem 1rem 0.5rem;
    color: var(--primary-font-color);
    font-weight: 600;
}

.sidebar-search-autocomplete-cont ul.sf-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background-color: transparent !important;
    text-decoration: underline;
}

.autocomplete-result-title {
    padding: 1.5em 1em 5px 1em;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-gray-color);
}
/* autocomplete */


.head-logout i {
    color: var(--primary-blue-color) !important;
}

/* jconfirm customs */
.jconfirm.jconfirm-bootstrap .jconfirm-box {
    border-radius: 20px;
}

.jcc {
    border-radius: 20px !important;
    margin: 0px 1em !important;
}

.jconfirm-buttons {
    text-align: center !important;
    border-top: none !important;
}

.jconfirm-content {
    text-align: center !important;
}
/*
.btn-outline-primary {
    color: #1979FF;
    border-color: #1979FF;
}

.btn-outline-danger {
    color: #ED6A5E;
    border-color: #ED6A5E;
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-success {
    color: #00DE4C;
    border-color: #00DE4C;
}*/
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    padding-right: 30px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    padding: 0 30px !important;
}
/* jconfirm customs */



/**** Custom waiting spinner ***/
.custom_spinner {
    position: absolute;
    top: 50%;
    left: 0;
    background: transparent;
    width: 100%;
    display: block;
    text-align: center;
    height: 300px;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 1000;
    visibility: hidden;
}

.custom_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 25%); /*#b0b0b086*/
    visibility: hidden;
}

.custom_overlay.search_overlay {
    background: rgb(23 22 22 / 30%); /*#b0b0b086*/
}

.custom_loader,
.custom_loader:before,
.custom_loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    animation-play-state: var(--waiting-spinner-play-state);
}

.custom_loader {
    color: var(--primary-blue-color);
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.custom_loader:before,
.custom_loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.custom_loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.custom_loader:after {
    left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.show {
    visibility: visible;
}

.custom_spinner, .custom_overlay {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.custom_spinner.show, .custom_overlay.show {
    opacity: 1;
    z-index: 15;
}
/**** Custom waiting spinner ***/

/**** notify ***/
.notify-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #94949460;
    display: none;
    z-index: 999;
}

.notify-wrapper.show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notify-container {
    border-radius: 20px;
    max-width: 600px;
    min-width: 300px;
    min-height: 200px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.notify-message {
    text-align: center;
}

.notify-close {
    display: block;
    width: 113px;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='113' height='37' viewBox='0 0 113 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='112' height='36' rx='18' stroke='%231979FF'/%3E%3Cpath d='M25.406 23.034L25.994 21.704C26.414 21.9933 26.8713 22.2173 27.366 22.376C27.87 22.5253 28.3693 22.6047 28.864 22.614C29.3587 22.6233 29.8067 22.5673 30.208 22.446C30.6187 22.3247 30.9453 22.1427 31.188 21.9C31.4307 21.6573 31.552 21.354 31.552 20.99C31.552 20.5513 31.37 20.2247 31.006 20.01C30.6513 19.786 30.166 19.674 29.55 19.674H27.268V18.246H29.41C29.9607 18.246 30.3853 18.134 30.684 17.91C30.992 17.686 31.146 17.3827 31.146 17C31.146 16.6827 31.0433 16.4213 30.838 16.216C30.642 16.0107 30.3713 15.8567 30.026 15.754C29.69 15.6513 29.3073 15.6047 28.878 15.614C28.458 15.614 28.0193 15.6793 27.562 15.81C27.1047 15.9313 26.6707 16.1133 26.26 16.356L25.686 14.886C26.302 14.5593 26.946 14.3307 27.618 14.2C28.2993 14.0693 28.9573 14.032 29.592 14.088C30.2267 14.144 30.796 14.2887 31.3 14.522C31.8133 14.7553 32.224 15.0633 32.532 15.446C32.84 15.8193 32.994 16.2627 32.994 16.776C32.994 17.2427 32.868 17.658 32.616 18.022C32.3733 18.3767 32.0373 18.652 31.608 18.848C31.1787 19.044 30.6793 19.142 30.11 19.142L30.18 18.694C30.824 18.694 31.384 18.806 31.86 19.03C32.3453 19.2447 32.7187 19.5433 32.98 19.926C33.2507 20.3087 33.386 20.752 33.386 21.256C33.386 21.732 33.2647 22.1567 33.022 22.53C32.7793 22.894 32.448 23.202 32.028 23.454C31.608 23.6967 31.1273 23.8787 30.586 24C30.0447 24.112 29.4753 24.154 28.878 24.126C28.2807 24.098 27.6833 23.9953 27.086 23.818C26.498 23.6407 25.938 23.3793 25.406 23.034ZM39.8038 24V22.488L39.7058 22.166V19.52C39.7058 19.0067 39.5518 18.61 39.2438 18.33C38.9358 18.0407 38.4691 17.896 37.8438 17.896C37.4238 17.896 37.0085 17.9613 36.5978 18.092C36.1965 18.2227 35.8558 18.4047 35.5758 18.638L34.8898 17.364C35.2911 17.056 35.7671 16.8273 36.3178 16.678C36.8778 16.5193 37.4565 16.44 38.0538 16.44C39.1365 16.44 39.9718 16.7013 40.5598 17.224C41.1571 17.7373 41.4558 18.5353 41.4558 19.618V24H39.8038ZM37.4518 24.098C36.8918 24.098 36.4018 24.0047 35.9818 23.818C35.5618 23.622 35.2351 23.356 35.0018 23.02C34.7778 22.6747 34.6658 22.2873 34.6658 21.858C34.6658 21.438 34.7638 21.06 34.9598 20.724C35.1651 20.388 35.4965 20.122 35.9538 19.926C36.4111 19.73 37.0178 19.632 37.7738 19.632H39.9438V20.794H37.8998C37.3025 20.794 36.9011 20.892 36.6958 21.088C36.4905 21.2747 36.3878 21.508 36.3878 21.788C36.3878 22.1053 36.5138 22.3573 36.7658 22.544C37.0178 22.7307 37.3678 22.824 37.8158 22.824C38.2451 22.824 38.6278 22.726 38.9638 22.53C39.3091 22.334 39.5565 22.0447 39.7058 21.662L39.9998 22.712C39.8318 23.1507 39.5285 23.4913 39.0898 23.734C38.6605 23.9767 38.1145 24.098 37.4518 24.098ZM48.9833 24L46.2813 20.416L47.7093 19.534L51.0413 24H48.9833ZM43.6213 24V16.524H45.3713V24H43.6213ZM44.8533 21.004V19.548H47.3873V21.004H44.8533ZM47.8773 20.472L46.2393 20.276L48.9833 16.524H50.8593L47.8773 20.472ZM56.4196 24.098C55.8129 24.098 55.2576 23.958 54.7536 23.678C54.2589 23.398 53.8623 22.978 53.5636 22.418C53.2743 21.8487 53.1296 21.13 53.1296 20.262C53.1296 19.3847 53.2696 18.666 53.5496 18.106C53.8389 17.546 54.2309 17.1307 54.7256 16.86C55.2203 16.58 55.7849 16.44 56.4196 16.44C57.1569 16.44 57.8056 16.5987 58.3656 16.916C58.9349 17.2333 59.3829 17.6767 59.7096 18.246C60.0456 18.8153 60.2136 19.4873 60.2136 20.262C60.2136 21.0367 60.0456 21.7133 59.7096 22.292C59.3829 22.8613 58.9349 23.3047 58.3656 23.622C57.8056 23.9393 57.1569 24.098 56.4196 24.098ZM52.2756 26.716V16.524H53.9416V18.288L53.8856 20.276L54.0256 22.264V26.716H52.2756ZM56.2236 22.6C56.6436 22.6 57.0169 22.5067 57.3436 22.32C57.6796 22.1333 57.9456 21.8627 58.1416 21.508C58.3376 21.1533 58.4356 20.738 58.4356 20.262C58.4356 19.7767 58.3376 19.3613 58.1416 19.016C57.9456 18.6613 57.6796 18.3907 57.3436 18.204C57.0169 18.0173 56.6436 17.924 56.2236 17.924C55.8036 17.924 55.4256 18.0173 55.0896 18.204C54.7536 18.3907 54.4876 18.6613 54.2916 19.016C54.0956 19.3613 53.9976 19.7767 53.9976 20.262C53.9976 20.738 54.0956 21.1533 54.2916 21.508C54.4876 21.8627 54.7536 22.1333 55.0896 22.32C55.4256 22.5067 55.8036 22.6 56.2236 22.6ZM69.5013 24V16.524H71.2513V24H69.5013ZM65.5953 18.988C66.5566 18.988 67.2846 19.2027 67.7793 19.632C68.2833 20.0613 68.5353 20.668 68.5353 21.452C68.5353 22.264 68.2553 22.8987 67.6953 23.356C67.1446 23.804 66.3606 24.0233 65.3433 24.014L61.9553 24V16.524H63.7053V18.974L65.5953 18.988ZM65.1893 22.726C65.7026 22.7353 66.0946 22.628 66.3653 22.404C66.636 22.18 66.7713 21.8533 66.7713 21.424C66.7713 20.9947 66.636 20.6867 66.3653 20.5C66.104 20.304 65.712 20.2013 65.1893 20.192L63.7053 20.178V22.712L65.1893 22.726ZM75.1577 24V17.588L75.5637 18.008H72.5257V16.524H79.5257V18.008H76.5017L76.9077 17.588V24H75.1577ZM84.5471 18.988C85.5085 18.988 86.2411 19.2027 86.7451 19.632C87.2491 20.0613 87.5011 20.668 87.5011 21.452C87.5011 22.264 87.2211 22.8987 86.6611 23.356C86.1011 23.804 85.3125 24.0233 84.2951 24.014L80.7951 24V16.524H82.5451V18.974L84.5471 18.988ZM84.1411 22.726C84.6545 22.7353 85.0465 22.628 85.3171 22.404C85.5878 22.18 85.7231 21.8533 85.7231 21.424C85.7231 20.9947 85.5878 20.6867 85.3171 20.5C85.0558 20.304 84.6638 20.2013 84.1411 20.192L82.5451 20.178V22.712L84.1411 22.726Z' fill='%231979FF'/%3E%3C/svg%3E%0A");
}

.notify-close:hover {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='113' height='37' viewBox='0 0 113 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='112' height='36' rx='18' fill='%231979FF'/%3E%3Crect x='0.5' y='0.5' width='112' height='36' rx='18' stroke='%231979FF'/%3E%3Cpath d='M25.406 23.034L25.994 21.704C26.414 21.9933 26.8713 22.2173 27.366 22.376C27.87 22.5253 28.3693 22.6047 28.864 22.614C29.3587 22.6233 29.8067 22.5673 30.208 22.446C30.6187 22.3247 30.9453 22.1427 31.188 21.9C31.4307 21.6573 31.552 21.354 31.552 20.99C31.552 20.5513 31.37 20.2247 31.006 20.01C30.6513 19.786 30.166 19.674 29.55 19.674H27.268V18.246H29.41C29.9607 18.246 30.3853 18.134 30.684 17.91C30.992 17.686 31.146 17.3827 31.146 17C31.146 16.6827 31.0433 16.4213 30.838 16.216C30.642 16.0107 30.3713 15.8567 30.026 15.754C29.69 15.6513 29.3073 15.6047 28.878 15.614C28.458 15.614 28.0193 15.6793 27.562 15.81C27.1047 15.9313 26.6707 16.1133 26.26 16.356L25.686 14.886C26.302 14.5593 26.946 14.3307 27.618 14.2C28.2993 14.0693 28.9573 14.032 29.592 14.088C30.2267 14.144 30.796 14.2887 31.3 14.522C31.8133 14.7553 32.224 15.0633 32.532 15.446C32.84 15.8193 32.994 16.2627 32.994 16.776C32.994 17.2427 32.868 17.658 32.616 18.022C32.3733 18.3767 32.0373 18.652 31.608 18.848C31.1787 19.044 30.6793 19.142 30.11 19.142L30.18 18.694C30.824 18.694 31.384 18.806 31.86 19.03C32.3453 19.2447 32.7187 19.5433 32.98 19.926C33.2507 20.3087 33.386 20.752 33.386 21.256C33.386 21.732 33.2647 22.1567 33.022 22.53C32.7793 22.894 32.448 23.202 32.028 23.454C31.608 23.6967 31.1273 23.8787 30.586 24C30.0447 24.112 29.4753 24.154 28.878 24.126C28.2807 24.098 27.6833 23.9953 27.086 23.818C26.498 23.6407 25.938 23.3793 25.406 23.034ZM39.8038 24V22.488L39.7058 22.166V19.52C39.7058 19.0067 39.5518 18.61 39.2438 18.33C38.9358 18.0407 38.4691 17.896 37.8438 17.896C37.4238 17.896 37.0085 17.9613 36.5978 18.092C36.1965 18.2227 35.8558 18.4047 35.5758 18.638L34.8898 17.364C35.2911 17.056 35.7671 16.8273 36.3178 16.678C36.8778 16.5193 37.4565 16.44 38.0538 16.44C39.1365 16.44 39.9718 16.7013 40.5598 17.224C41.1571 17.7373 41.4558 18.5353 41.4558 19.618V24H39.8038ZM37.4518 24.098C36.8918 24.098 36.4018 24.0047 35.9818 23.818C35.5618 23.622 35.2351 23.356 35.0018 23.02C34.7778 22.6747 34.6658 22.2873 34.6658 21.858C34.6658 21.438 34.7638 21.06 34.9598 20.724C35.1651 20.388 35.4965 20.122 35.9538 19.926C36.4111 19.73 37.0178 19.632 37.7738 19.632H39.9438V20.794H37.8998C37.3025 20.794 36.9011 20.892 36.6958 21.088C36.4905 21.2747 36.3878 21.508 36.3878 21.788C36.3878 22.1053 36.5138 22.3573 36.7658 22.544C37.0178 22.7307 37.3678 22.824 37.8158 22.824C38.2451 22.824 38.6278 22.726 38.9638 22.53C39.3091 22.334 39.5565 22.0447 39.7058 21.662L39.9998 22.712C39.8318 23.1507 39.5285 23.4913 39.0898 23.734C38.6605 23.9767 38.1145 24.098 37.4518 24.098ZM48.9833 24L46.2813 20.416L47.7093 19.534L51.0413 24H48.9833ZM43.6213 24V16.524H45.3713V24H43.6213ZM44.8533 21.004V19.548H47.3873V21.004H44.8533ZM47.8773 20.472L46.2393 20.276L48.9833 16.524H50.8593L47.8773 20.472ZM56.4196 24.098C55.8129 24.098 55.2576 23.958 54.7536 23.678C54.2589 23.398 53.8623 22.978 53.5636 22.418C53.2743 21.8487 53.1296 21.13 53.1296 20.262C53.1296 19.3847 53.2696 18.666 53.5496 18.106C53.8389 17.546 54.2309 17.1307 54.7256 16.86C55.2203 16.58 55.7849 16.44 56.4196 16.44C57.1569 16.44 57.8056 16.5987 58.3656 16.916C58.9349 17.2333 59.3829 17.6767 59.7096 18.246C60.0456 18.8153 60.2136 19.4873 60.2136 20.262C60.2136 21.0367 60.0456 21.7133 59.7096 22.292C59.3829 22.8613 58.9349 23.3047 58.3656 23.622C57.8056 23.9393 57.1569 24.098 56.4196 24.098ZM52.2756 26.716V16.524H53.9416V18.288L53.8856 20.276L54.0256 22.264V26.716H52.2756ZM56.2236 22.6C56.6436 22.6 57.0169 22.5067 57.3436 22.32C57.6796 22.1333 57.9456 21.8627 58.1416 21.508C58.3376 21.1533 58.4356 20.738 58.4356 20.262C58.4356 19.7767 58.3376 19.3613 58.1416 19.016C57.9456 18.6613 57.6796 18.3907 57.3436 18.204C57.0169 18.0173 56.6436 17.924 56.2236 17.924C55.8036 17.924 55.4256 18.0173 55.0896 18.204C54.7536 18.3907 54.4876 18.6613 54.2916 19.016C54.0956 19.3613 53.9976 19.7767 53.9976 20.262C53.9976 20.738 54.0956 21.1533 54.2916 21.508C54.4876 21.8627 54.7536 22.1333 55.0896 22.32C55.4256 22.5067 55.8036 22.6 56.2236 22.6ZM69.5013 24V16.524H71.2513V24H69.5013ZM65.5953 18.988C66.5566 18.988 67.2846 19.2027 67.7793 19.632C68.2833 20.0613 68.5353 20.668 68.5353 21.452C68.5353 22.264 68.2553 22.8987 67.6953 23.356C67.1446 23.804 66.3606 24.0233 65.3433 24.014L61.9553 24V16.524H63.7053V18.974L65.5953 18.988ZM65.1893 22.726C65.7026 22.7353 66.0946 22.628 66.3653 22.404C66.636 22.18 66.7713 21.8533 66.7713 21.424C66.7713 20.9947 66.636 20.6867 66.3653 20.5C66.104 20.304 65.712 20.2013 65.1893 20.192L63.7053 20.178V22.712L65.1893 22.726ZM75.1577 24V17.588L75.5637 18.008H72.5257V16.524H79.5257V18.008H76.5017L76.9077 17.588V24H75.1577ZM84.5471 18.988C85.5085 18.988 86.2411 19.2027 86.7451 19.632C87.2491 20.0613 87.5011 20.668 87.5011 21.452C87.5011 22.264 87.2211 22.8987 86.6611 23.356C86.1011 23.804 85.3125 24.0233 84.2951 24.014L80.7951 24V16.524H82.5451V18.974L84.5471 18.988ZM84.1411 22.726C84.6545 22.7353 85.0465 22.628 85.3171 22.404C85.5878 22.18 85.7231 21.8533 85.7231 21.424C85.7231 20.9947 85.5878 20.6867 85.3171 20.5C85.0558 20.304 84.6638 20.2013 84.1411 20.192L82.5451 20.178V22.712L84.1411 22.726Z' fill='white'/%3E%3C/svg%3E%0A");
}
/**** notify ***/

.with-outline {
    -webkit-text-stroke: 1px var(--primary-font-color);
    -moz-text-stroke: 1px var(--primary-font-color);
}


/* SEARCH RESULT PAGE */

.search-result-filter {
    color: #405A80;
    background: transparent;
    font-weight: 600;
    border: 1px solid var(--primary-gray-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.36rem 1.5625rem;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.search-result-filter:hover {
    background: var(--primary-blue-color);
    color: #fff;
    border: none;
    opacity: .9;
}

.active-filter {
    background: var(--primary-blue-color);
    color: #fff;
    border: 1px solid var(--primary-blue-color);
}

.active-filter :hover {
    background: transparent;
    /*color: #405A80;*/
    border: none;
}

/* SEARCH RESULT PAGE */

.btn-v3 {
    font-weight: 500;
    border-radius: 2em;
    cursor: pointer;
    /*width: 50%;*/
    height: 47px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
   /* margin-left: .5em;*/
}

.btn-green-v3 {
    border: 1px solid var(--primary-green-color);
    color: white;
    background: var(--primary-green-color);
}

.btn-green-v3:hover {
    border: 1px solid var(--primary-green-color);
    color: var(--primary-green-color);
    background: transparent;
}

.btn-blue-v3 {
    border: 1px solid var(--primary-blue-color);
    color: white;
    background: var(--primary-blue-color);
}

.btn-blue-v3:hover {
    color: var(--primary-blue-color);
    background: transparent;
}

.btn-blue-outline-v3 {
    border: 1px solid var(--primary-blue-color);
    color: var(--primary-blue-color);
    background: transparent;
}

.btn-blue-outline-v3:hover {
    color: white;
    background: var(--primary-blue-color);
}

.btn-gray-outline-v3 {
    border: 1px solid #A3AFC0;
    color: #A3AFC0;
    background: transparent;
}

/*.btn-gray-outline-v3 a {
    color: var(--primary-gray-color);
    text-decoration: none;
}
*/
.btn-gray-outline-v3:hover {
    color: white;
    background: var(--primary-blue-color);
}

a.acc-logout {
    color: #A3AFC0;
    padding: .7rem 4.3rem;
    height: unset;
    font-size: 24px;
}

a.acc-logout:hover {
    color: white;
    text-decoration: none;
}

#ModalData .modal-content .modal-header {
    color: #405a7f !important;
    text-transform: uppercase;
}

#ModalData .modal-content {
    border-radius: var(--border-radius);
}

#ModalData .close {
    font-size: 1.7rem;
    font-weight: 500;
    color: #405a7f !important;
    opacity: .8;
}

#ModalData .close:hover {
    opacity: 1;
}