body, html {
    overflow-x: hidden;
    padding: 0 !important
}

* {
    font-family: DM sans !important
}

.firefox, .firefox * {
    scrollbar-color: #aeca0b #fff;
    scrollbar-width: thin
}

.chrome ::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

.chrome ::-webkit-scrollbar-track {
    background: transparent
}

.chrome ::-webkit-scrollbar-thumb {
    background-color: #aeca0b;
    border: 0;
    border-radius: 7px
}

.layout-page {
    background: url(/images/globe.svg) no-repeat;
    background-position: left 50px;
    position: relative
}

body {
    background: url(/images/globe.svg) no-repeat;
    background-position: 90% calc(100% + 50px)
}

.alert-icon {
    position: relative
}

.alert-icon:after {
    background: #ff6492;
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px
}

.btn {
    border-radius: 3px;
    font-size: .8rem;
    font-weight: 600;
    padding: .4rem 1.2rem;
    text-transform: uppercase
}

.btn, .btn.btn-sm {
    line-height: .8rem
}

.btn.btn-sm {
    font-size: .7rem;
    padding: .38em 1.2rem .35rem
}

.btn > .bx-sm {
    font-size: 1.25rem !important
}

.btn i {
    position: relative;
    top: 0
}

nav.layout-navbar {
    height: auto;
    padding: 11px
}

.app-brand-logo, .app-brand-logo img {
    height: 58px
}

#cart-menu .badge {
    margin-top: -5px
}

.avatar {
    background: #33c2ff;
    border-radius: 100%;
    color: #fff;
    font-weight: 600;
    line-height: 38px;
    text-align: center
}

.avatar.avatar-online:after {
    background: #006ba1
}

.layout-navbar .navbar-dropdown .badge-notifications {
    top: .7rem
}

.dropdown-menu {
    box-shadow: 0 .25rem 1rem rgba(51, 52, 53, .14)
}

.layout-horizontal .bg-menu-theme .menu-inner > .menu-item {
    font-size: 14px;
    margin: .2rem 0
}

.layout-horizontal .bg-menu-theme .menu-inner > .menu-item a, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item button {
    color: #fff
}

.layout-horizontal .bg-menu-theme .menu-inner > .menu-item > a {
    background: none !important
}

.layout-horizontal .bg-menu-theme .menu-inner .menu-sub, .layout-horizontal .bg-menu-theme .menu-inner > .menu-item a {
    background: #006ba1 !important
}

.layout-horizontal .bg-menu-theme .menu-inner a:active, .layout-horizontal .bg-menu-theme .menu-inner a:focus, .layout-horizontal .bg-menu-theme .menu-inner a:hover, .layout-horizontal .bg-menu-theme .menu-inner button:active, .layout-horizontal .bg-menu-theme .menu-inner button:focus, .layout-horizontal .bg-menu-theme .menu-inner button:hover, .menu.bg-primary .menu-item.active > .menu-link, .menu.bg-primary .menu-item.open:not(.menu-item-closing) > .menu-toggle {
    color: #33c2ff
}

.layout-horizontal .bg-menu-theme .menu-inner .menu-sub a:active, .layout-horizontal .bg-menu-theme .menu-inner .menu-sub a:focus, .layout-horizontal .bg-menu-theme .menu-inner .menu-sub a:hover {
    background: hsla(0, 0%, 100%, .05) !important
}

.layout-horizontal .menu-icon {
    position: relative;
    top: -1px
}

#menu-navigation.menu-inner > .menu-item > a, #menu-navigation.menu-inner > .menu-item > button {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02rem
}

.search-overlay {
    background-color: #0a374e;
    height: calc(100% + 1px);
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .5s ease-in-out;
    visibility: hidden;
    width: 100%
}

html.searching {
    overflow: hidden
}

html.searching .search-overlay {
    opacity: .5;
    visibility: visible;
    z-index: 9
}

.navbar-search .input-group:focus-within .form-control, .navbar-search .input-group:focus-within .input-group-text {
    border-color: transparent !important
}

.dropdown-search .dropdown-menu[data-bs-popper] {
    top: 106%
}

#search-result {
    border-radius: 6px;
    left: 208px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 80px;
    transition: opacity .5s ease-in-out;
    visibility: hidden;
    width: 50%;
    z-index: 10
}

#search-result.show {
    background-clip: padding-box;
    background-color: var(--bs-modal-bg);
    background: #fff;
    opacity: 1;
    transition: opacity 0s;
    visibility: visible
}

#search-result.show .modal-footer .btn {
    display: flex
}

#search-result .modal-footer .btn {
    display: none
}

#search-result .modal-body {
    min-height: 150px
}

.loader {
    animation: rotation 1s linear infinite;
    border: 3px solid #006ba1;
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader, .loader:after {
    border-radius: 50%;
    box-sizing: border-box
}

.loader:after {
    border: 3px solid transparent;
    border-bottom-color: #aeca0b;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#news-swiper {
    background: hsla(30, 18%, 91%, .3);
    height: 60px;
    padding: .6rem
}

#news-swiper .swiper-container {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#news-swiper .swiper-container.fade-in {
    opacity: 1
}

#news-swiper .swiper {
    margin: 0 auto;
    max-width: 1300px
}

#news-swiper .swiper .swiper-slide {
    color: #006ba1
}

#news-swiper .swiper .swiper-slide .news-icon i {
    font-size: 2.3rem
}

#news-swiper .swiper .swiper-slide .news-icon {
    margin-right: 1rem
}

#news-swiper .swiper .swiper-slide .news-title {
    font-size: .9rem;
    font-weight: 700;
    line-height: .9rem;
    text-transform: uppercase
}

#news-swiper .swiper .swiper-slide .news-subtitle {
    font-size: .8rem
}

.swiper-button-prev:after {
    content: "\ea4d"
}

.swiper-button-next:after {
    content: "\ea50"
}

body .swiper-button-next:after, body .swiper-button-prev:after {
    color: rgba(120, 141, 152, .5);
    font-family: boxicons !important
}

.content {
    min-height: 70vh
}

.title, h1, h2 {
    color: #006ba1;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-transform: uppercase
}

.title:after, h1:after, h2:after {
    background: #aeca0b;
    bottom: -7px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 55px
}

.breadcrumb {
    background: none;
    padding-left: 0
}

.breadcrumb-item, .breadcrumb-item:hover {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.breadcrumb-item:last-child {
    color: #33c2ff
}

body .form-control {
    font-size: .8375rem;
    line-height: 1.8
}

.input-group .input-group-text {
    padding-right: 0
}

.input-group .input-group-text + .form-control {
    border-left: 0;
    padding-left: .4rem
}

.choices {
    margin-bottom: 0
}

.choices .choices__inner, .choices.is-focused .choices__inner, .choices.is-open .choices__inner {
    background: none;
    border: var(--bs-border-width) solid #e4e8ea;
    border-radius: 6px;
    min-height: 43px;
    padding: 6.5px 12.5px 4.75px 12px !important
}

.choices[data-type*=select-one] .choices__input, .choices__list--dropdown, .choices__list[aria-expanded], .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #e4e8ea
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 10
}

.choices.is-open .choices__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.choices[data-type*=select-one]:after {
    border-color: #006ba1 transparent transparent
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #006ba1
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #aeca0b;
    color: #fff
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
    display: none
}

.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 10px
}

.card {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05)
}

.card-body .card-subtitle {
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 0
}

.card-body .card-subtitle span {
    font-weight: 700
}

table:not(.debugTable) {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

table.fade-in {
    opacity: 1
}

table.dataTable {
    margin: 0 !important
}

table, table th, table tr:last-child td, table.border-top {
    border: 0 !important
}

.table th, table th {
    font-size: .85rem;
    letter-spacing: 0;
    text-transform: uppercase
}

table thead th, table:not(.table-dark) th {
    background: hsla(30, 18%, 91%, .3);
    color: #006ba1 !important;
    font-weight: 700
}

table tbody td {
    border-bottom: 1px solid #e4e8ea;
    color: #006ba1 !important;
    font-size: .8rem
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before {
    color: #33c2ff;
    font-family: boxicons;
    font-size: .7rem;
    opacity: 1
}

.table > :not(caption) > * > * {
    padding: .325rem 1.25rem .2rem
}

table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
    color: #006ba1
}

table.dataTable thead > tr > th:not(.sorting_disabled):before {
    content: "\ea57" !important
}

table.dataTable thead > tr > th:not(.sorting_disabled):after {
    content: "\ea4a" !important
}

table i {
    position: relative;
    top: 2px
}

.dataTables_wrapper .row:last-child > div {
    width: auto
}

.dataTables_wrapper .row:last-child > div:first-child {
    padding: 0
}

.dataTables_wrapper .row:last-child {
    display: flex;
    justify-content: end
}

.dataTables_wrapper .dataTables_info {
    color: #006ba1;
    font-size: .8rem;
    font-weight: 500;
    padding-top: .95em !important
}

.dataTables_wrapper .dataTables_info b {
    color: #33c2ff
}

.page-item.disabled .page-link, .page-link {
    background: none !important;
    border: 0;
    color: #006ba1;
    padding-bottom: 0 !important
}

.page-link:not(.disabled) i {
    color: #006ba1;
    font-size: 1.2rem
}

td, th {
    overflow: hidden;
    white-space: nowrap
}

.badge {
    border-radius: 60px;
    padding: .5rem .8rem .48rem
}

footer {
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .15rem
}

footer .list-unstyled li a div:after {
    content: " - "
}

footer .list-unstyled li:last-child a div:after {
    content: ""
}

footer .list-unstyled .list-inline-item:not(:last-child) {
    margin: 0
}

#footer-help {
    align-items: center;
    background: #aeca0b;
    border-radius: 100%;
    bottom: 40px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .25);
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    position: fixed;
    right: 40px;
    width: 50px
}

#footer-help i {
    left: 1px;
    position: relative
}

.modal-header {
    background: #006ba1;
    padding: 1rem 1rem 1.5rem;
    text-transform: uppercase
}

.modal-header .modal-title {
    color: #fff;
    font-size: 1rem;
    line-height: 1.125rem;
    position: relative
}

.modal-header .modal-title b {
    color: #33c2ff
}

.modal-header .modal-title:after {
    background: #aeca0b;
    bottom: -8px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px
}

.modal .modal-header .btn-close {
    margin-top: -.3rem
}

.modal .btn-close {
    background: #aeca0b;
    border-radius: 100%;
    box-shadow: none;
    color: #006ba1
}

.modal .btn-close i, .modal .footer-btn-close i {
    font-size: 1.8rem;
    transform: rotate(45deg) translate(-11px, 1px)
}

.modal-footer {
    background: hsla(30, 18%, 91%, .2);
    justify-content: start;
    padding: 1rem 1.5rem
}

.offcanvas.offcanvas-start {
    left: -40px;
    transition: all .5s ease
}

.offcanvas-body {
    overflow-x: hidden;
    padding: .75rem .1rem
}

.offcanvas-header {
    display: block;
    padding: 1.7rem 1rem 1rem
}

button.layout-menu-toggle {
    border-color: #055a83;
    padding: .4rem .7rem .35rem
}

.app-brand .layout-menu-product-toggle i {
    color: #fff;
    height: 1.5rem;
    line-height: 1.05;
    transition: all .3s ease-in-out;
    width: 1.5rem
}

.layout-overlay {
    background: #0a374e
}

.layout-menu-product-toggle {
    border: 7px solid #055a83 !important;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: -19px;
    top: 18px
}

.menu.bg-primary .menu-horizontal-next, .menu.bg-primary .menu-horizontal-prev, .menu.bg-primary .menu-link {
    color: #fff
}

.menu.bg-primary .menu-horizontal-next:active, .menu.bg-primary .menu-horizontal-next:focus, .menu.bg-primary .menu-horizontal-next:hover, .menu.bg-primary .menu-horizontal-prev:active, .menu.bg-primary .menu-horizontal-prev:focus, .menu.bg-primary .menu-horizontal-prev:hover, .menu.bg-primary .menu-link:active, .menu.bg-primary .menu-link:focus, .menu.bg-primary .menu-link:hover {
    color: #33c2ff
}

#general-product-menu .menu-item a:active, #general-product-menu .menu-item a:focus, #general-product-menu .menu-item a:hover {
    background: hsla(30, 18%, 91%, .05);
    border-radius: 6px
}

#general-product-menu .menu-item a {
    position: relative
}

#general-product-menu .menu-item a:active:after, #general-product-menu .menu-item a:focus:after, #general-product-menu .menu-item a:hover:after {
    background: #33c2ff;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 4px
}

#general-categories-menu .menu-item .menu-sub {
    display: block !important;
    max-height: 0 !important;
    overflow: hidden;
    transition: max-height .5s ease-in-out
}

#general-categories-menu .menu-item.open .menu-sub {
    display: block !important;
    max-height: 1000px !important
}

#general-categories-menu .menu-sub .menu-link {
    padding-left: 2.5rem !important
}

#layout-product-menu {
    padding-left: 40px
}

.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-header, .menu-vertical .menu-inner > .menu-item {
    max-width: 100%
}

.menu-vertical .menu-inner > .menu-item .menu-link {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02rem;
    margin: 0
}

.layout-horizontal .bg-menu-theme .menu-inner > .menu-item .menu-sub {
    box-shadow: none;
    padding: 0
}

.btn-pink {
    background-color: #f07;
    color: #fff
}

.btn-pink:active, .btn-pink:hover {
    background-color: #f07 !important;
    color: #fff !important
}

.btn-secondary {
    background-color: #33c2ff;
    color: #fff
}

.btn-secondary:active, .btn-secondary:hover {
    background-color: #006ba1 !important;
    color: #fff !important
}

.rotate-33 {
    transform: rotate(-33.75deg)
}

.custom-option-icon .form-check-input:not(:checked) {
    background: none;
    border-width: 2px
}

.custom-option {
    transition: background .3s ease
}

.custom-option.bg-light:focus, .custom-option.bg-light:hover, .custom-option:focus, .custom-option:hover {
    background: #aeca0b !important;
    color: #fff !important
}

.custom-option:hover .text-primary {
    color: #fff !important
}

.custom-option.bg-light:hover .form-check-input {
    border-color: #fff !important
}

.custom-option-icon {
    padding: .1rem .2rem
}

.custom-option.bg-light {
    background: #f9f8f7 !important
}

.custom-option.bg-light .form-check-input {
    border-color: #006ba1
}

.custom-option {
    width: 100%
}

.block-icon-content .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4rem;
    margin-bottom: .2rem
}

.block-icon-content i {
    color: hsla(30, 18%, 91%, .4)
}

.block-icon-content .card-body-text {
    max-width: 215px
}

.form-check.custom-option:hover .bx--cart, .form-check.custom-option:hover .bx--table, .form-check.custom-option:hover .ic--outline-speed, .form-check.custom-option:hover .lucide--clipboard-check {
    background-color: #fff !important;
    transition: background .3s ease
}

*[class*=bx--],
*[class*=bxs--],
*[class*=carbon--],
*[class*=gg--],
*[class*=ic--],
*[class*=icon--],
*[class*=jam--],
*[class*=line-md--],
*[class*=lucide--],
*[class*=material-symbols--],
*[class*=mdi--],
*[class*=ph--],
*[class*=prime--],
*[class*=teenyicons--],
*[class*=annonce-type--] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mdi--bell-badge-outline {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 17v-5.2c-.5.1-1 .2-1.5.2H17v6H7v-7c0-2.8 2.2-5 5-5 .1-1.3.7-2.4 1.5-3.3-.3-.4-.9-.7-1.5-.7-1.1 0-2 .9-2 2v.3C7 5.2 5 7.9 5 11v6l-2 2v1h18v-1zm-9 4c0 1.1.9 2 2 2s2-.9 2-2zM21 6.5c0 1.9-1.6 3.5-3.5 3.5S14 8.4 14 6.5 15.6 3 17.5 3 21 4.6 21 6.5'/%3E%3C/svg%3E");
    height: 25px;
    width: 30px;
}

.carbon--dot-mark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='8' fill='%23e73da5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.bx--cart {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.99 1.99 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921M17.307 15h-6.64l-2.5-6h11.39z'/%3E%3Ccircle cx='10.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'/%3E%3C/svg%3E");
    margin: auto;
    transition: background .3s ease
}

.bx--trash {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z'/%3E%3Cpath d='M9 10h2v8H9zm4 0h2v8h-2z'/%3E%3C/svg%3E")
}

.ic--outline-speed {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20.38 8.57-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z'/%3E%3Cpath d='M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83'/%3E%3C/svg%3E");
    margin: auto;
}

.lucide--clipboard-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")
}

.bx--table {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21h15.893c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2m0-2v-5h4v5zM14 7v5h-4V7zM8 7v5H4V7zm2 12v-5h4v5zm6 0v-5h3.894v5zm3.893-7H16V7h3.893z'/%3E%3C/svg%3E")
}

.bxs--discount {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 5H3a1 1 0 0 0-1 1v4h.893c.996 0 1.92.681 2.08 1.664A2 2 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2 2 0 0 1-1.973-2.336c.16-.983 1.084-1.664 2.08-1.664H22V6a1 1 0 0 0-1-1M9 9a1 1 0 1 1 0 2 1 1 0 1 1 0-2m-.8 6.4 6-8 1.6 1.2-6 8zM15 15a1 1 0 1 1 0-2 1 1 0 1 1 0 2'/%3E%3C/svg%3E")
}

.gg--check-o {
    margin: auto;
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.243 16.314 6 12.07l1.414-1.414 2.829 2.828 5.656-5.657 1.415 1.415z'/%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11 9a9 9 0 1 1 0-18 9 9 0 0 1 0 18' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.teenyicons--folder-plus-solid {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill-rule='evenodd' d='M0 2.5A1.5 1.5 0 0 1 1.5 1h4.207l2 2H13.5A1.5 1.5 0 0 1 15 4.5v8a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 12.5zM7 11V9H5V8h2V6h1v2h2v1H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.bx--hide {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.6 8.6 0 0 1 1.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a1 1 0 0 0 0 .633C2.073 12.383 4.367 19 12 19m0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a1 1 0 0 0 0-.633C21.927 11.617 19.633 5 12 5m4.972 10.558-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.3 9.3 0 0 1 12 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558'/%3E%3C/svg%3E")
}

.prime--box {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.73 16.52V7.59a.7.7 0 0 0-.08-.33.74.74 0 0 0-.36-.36l-8-3.58a.75.75 0 0 0-.62 0l-8 3.58a.8.8 0 0 0-.44.69v8.82a.83.83 0 0 0 .44.69l8 3.58a.72.72 0 0 0 .62 0l8-3.58a.77.77 0 0 0 .44-.58m-16-7.78 6.5 2.92v7.18l-6.5-2.91Zm8 2.92 6.5-2.92v7.19l-6.5 2.91ZM12 4.82l6.17 2.77L12 10.35 5.83 7.59Z'/%3E%3C/svg%3E")
}

.bxs--truck {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.15 8a2 2 0 0 0-1.72-1H15V5a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 1 1.73 3.49 3.49 0 0 0 7 .27h3.1a3.48 3.48 0 0 0 6.9 0 2 2 0 0 0 2-2v-3a1.1 1.1 0 0 0-.14-.52zM15 9h2.43l1.8 3H15zM6.5 19A1.5 1.5 0 1 1 8 17.5 1.5 1.5 0 0 1 6.5 19m10 0a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5'/%3E%3C/svg%3E")
}

.carbon--arrow-left {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m14 26 1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6 4 16z'/%3E%3C/svg%3E")
}

.jam--alert {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 24 24'%3E%3Cpath d='M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-13a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1m0 10a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3E%3C/svg%3E")
}

.bx--folder-open {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.165 19.551c.186.28.499.449.835.449h15c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 11h-1V7c0-1.103-.897-2-2-2h-6.1L9.616 3.213A1 1 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14h.007a1 1 0 0 0 .158.551M17.341 18H4.517l2.143-5h12.824zM18 7v4H6c-.4 0-.762.238-.919.606L4 14.129V7z'/%3E%3C/svg%3E");
    margin: auto
}

.bx--send {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21.426 11.095-17-8A.999.999 0 0 0 3.03 4.242L4.969 12 3.03 19.758a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81M5.481 18.197l.839-3.357L12 12 6.32 9.16l-.839-3.357L18.651 12z'/%3E%3C/svg%3E")
}

.bx--cloud-upload {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 19v-4h3l-4-5-4 5h3v4z'/%3E%3Cpath d='M7 19h2v-2H7c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.756 2.673-3.015l.581-.102.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2h-3v2h3c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888C18.507 7.67 15.56 5 12 5 9.244 5 6.85 6.611 5.757 9.15 3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5'/%3E%3C/svg%3E")
}

.bx--bx-map {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2'/%3E%3Cpath d='M11.42 21.814a1 1 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819M12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6'/%3E%3C/svg%3E")
}

.lucide--mail {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/g%3E%3C/svg%3E")
}

.bx--phone-call {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.57 22a2 2 0 0 0 1.43-.59l2.71-2.71a1 1 0 0 0 0-1.41l-4-4a1 1 0 0 0-1.41 0l-1.6 1.59a7.55 7.55 0 0 1-3-1.59 7.6 7.6 0 0 1-1.59-3l1.59-1.6a1 1 0 0 0 0-1.41l-4-4a1 1 0 0 0-1.41 0L2.59 6A2 2 0 0 0 2 7.43 15.28 15.28 0 0 0 6.3 17.7 15.28 15.28 0 0 0 16.57 22M6 5.41 8.59 8 7.3 9.29a1 1 0 0 0-.3.91 10.1 10.1 0 0 0 2.3 4.5 10.1 10.1 0 0 0 4.5 2.3 1 1 0 0 0 .91-.27L16 15.41 18.59 18l-2 2a13.28 13.28 0 0 1-8.87-3.71A13.28 13.28 0 0 1 4 7.41zM20 11h2a8.81 8.81 0 0 0-9-9v2a6.77 6.77 0 0 1 7 7'/%3E%3Cpath d='M13 8c2.1 0 3 .9 3 3h2c0-3.22-1.78-5-5-5z'/%3E%3C/svg%3E")
}

.bx--check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z'/%3E%3C/svg%3E")
}

.bx--group {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.604 11.048a5.67 5.67 0 0 0 .751-3.44c-.179-1.784-1.175-3.361-2.803-4.44l-1.105 1.666c1.119.742 1.8 1.799 1.918 2.974a3.7 3.7 0 0 1-1.072 2.986l-1.192 1.192 1.618.475C18.951 13.701 19 17.957 19 18h2c0-1.789-.956-5.285-4.396-6.952'/%3E%3Cpath d='M9.5 12c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m1.5 7H8c-3.309 0-6 2.691-6 6v1h2v-1c0-2.206 1.794-4 4-4h3c2.206 0 4 1.794 4 4v1h2v-1c0-3.309-2.691-6-6-6'/%3E%3C/svg%3E")
}

.line-md--account-small {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M6 19v-1a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v1M12 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/g%3E%3C/svg%3E")
}

.ph--suitcase {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216 56h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V72a16 16 0 0 0-16-16M96 48a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm64 24v128H96V72ZM40 72h40v128H40Zm176 128h-40V72h40z'/%3E%3C/svg%3E")
}

.bx--bx-link {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.01 5.01 0 0 0 0 7.071 4.98 4.98 0 0 0 3.535 1.462A4.98 4.98 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243z'/%3E%3Cpath d='m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.01 5.01 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0'/%3E%3C/svg%3E")
}

.bx--bx-calendar-alt {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7v2H5a2 2 0 0 0-2 2m16 14H5V8h14z'/%3E%3C/svg%3E")
}

.bx--bx-lock {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5M9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12z'/%3E%3C/svg%3E")
}

.bx--flag {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4H6V2H4v18H3v2h4v-2H6v-5h13a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-1 9H6V6h12z'/%3E%3C/svg%3E")
}

.bx--world {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2M4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2 1 1v1.931C7.061 19.436 4 16.072 4 12m14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.95 7.95 0 0 1-1.67 4.873'/%3E%3C/svg%3E")
}

.bx--bx-list-ul {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z'/%3E%3C/svg%3E")
}

.bx--image-alt {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2M5 19V5h14l.002 14z'/%3E%3Cpath d='m10 14-1-1-3 4h12l-5-7z'/%3E%3C/svg%3E")
}

.material-symbols--label-outline {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21 12-4.35 6.15q-.275.4-.712.625T15 19H5q-.825 0-1.412-.587T3 17V7q0-.825.588-1.412T5 5h10q.5 0 .938.225t.712.625zm-2.45 0L15 7H5v10h10zM5 12v5V7z'/%3E%3C/svg%3E")
}

.material-symbols--fax-outline-rounded {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21q-1.25 0-2.125-.875T2 18v-7q0-1.25.875-2.125T5 8q.675 0 1.238.275T7.225 9H8V6q0-.825.588-1.412T10 4h6q.825 0 1.413.588T18 6v3h1q1.25 0 2.125.875T22 12v6q0 .825-.587 1.413T20 20H7.225q-.425.45-.987.725T5 21m0-2q.425 0 .713-.288T6 18v-7q0-.425-.288-.712T5 10t-.712.288T4 11v7q0 .425.288.713T5 19m5-10h6V6h-6zm-2 9h12v-6q0-.425-.288-.712T19 11H8zm7-4q.425 0 .713-.288T16 13t-.288-.712T15 12t-.712.288T14 13t.288.713T15 14m3 0q.425 0 .713-.288T19 13t-.288-.712T18 12t-.712.288T17 13t.288.713T18 14m-3 3q.425 0 .713-.288T16 16t-.288-.712T15 15t-.712.288T14 16t.288.713T15 17m3 0q.425 0 .713-.288T19 16t-.288-.712T18 15t-.712.288T17 16t.288.713T18 17m-8 0h2q.425 0 .713-.288T13 16v-3q0-.425-.288-.712T12 12h-2q-.425 0-.712.288T9 13v3q0 .425.288.713T10 17m-2 1v-7z'/%3E%3C/svg%3E")
}

.bx--show {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3s3-1.358 3-3-1.359-3-3-3'/%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5m0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5'/%3E%3C/svg%3E")
}

.bx--bx-package {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 8a.8.8 0 0 0 0-.21v-.08a.8.8 0 0 0-.07-.16.4.4 0 0 0-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 0 0-1 0l-9 5-.09.07-.11.08a.4.4 0 0 0-.07.11.4.4 0 0 0-.08.1.6.6 0 0 0-.06.14.3.3 0 0 0 0 .1A.8.8 0 0 0 2 8v8a1 1 0 0 0 .52.87l9 5a1 1 0 0 0 .13.06h.1a1.06 1.06 0 0 0 .5 0h.1l.14-.06 9-5A1 1 0 0 0 22 16zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z'/%3E%3C/svg%3E")
}

.bx--support {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12v4.143C2 17.167 2.897 18 4 18h1a1 1 0 0 0 1-1v-5.143a1 1 0 0 0-1-1h-.908C4.648 6.987 7.978 4 12 4s7.352 2.987 7.908 6.857H19a1 1 0 0 0-1 1V18c0 1.103-.897 2-2 2h-2v-1h-4v3h6c2.206 0 4-1.794 4-4 1.103 0 2-.833 2-1.857V12c0-5.514-4.486-10-10-10'/%3E%3C/svg%3E")
}

.bx--bx-spa {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.787 9.023c-.125.027-1.803.418-3.953 1.774-.323-1.567-1.279-4.501-4.108-7.485L12 2.546l-.726.767C8.435 6.308 7.483 9.25 7.163 10.827 5.005 9.448 3.34 9.052 3.218 9.024L2 8.752V10c0 7.29 3.925 12 10 12 5.981 0 10-4.822 10-12V8.758zM8.999 12.038c.002-.033.152-3.1 3.001-6.532C14.814 8.906 14.999 12 15 12v.125a19 19 0 0 0-3.01 3.154 20 20 0 0 0-2.991-3.113zM12 20c-5.316 0-7.549-4.196-7.937-8.564 1.655.718 4.616 2.426 7.107 6.123l.841 1.249.825-1.26c2.426-3.708 5.425-5.411 7.096-6.122C19.534 15.654 17.304 20 12 20'/%3E%3C/svg%3E")
}

.bx--user-check {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.29 8.29 16 12.58l-1.3-1.29-1.41 1.42 2.7 2.7 5.72-5.7zM4 8a3.91 3.91 0 0 0 4 4 3.91 3.91 0 0 0 4-4 3.91 3.91 0 0 0-4-4 3.91 3.91 0 0 0-4 4m6 0a1.91 1.91 0 0 1-2 2 1.91 1.91 0 0 1-2-2 1.91 1.91 0 0 1 2-2 1.91 1.91 0 0 1 2 2M4 18a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1h2v-1a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v1h2z'/%3E%3C/svg%3E")
}

.bx--bx-buildings {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 2H9c-1.103 0-2 .897-2 2v6H5c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2M5 12h6v8H5zm14 8h-6v-8c0-1.103-.897-2-2-2H9V4h10z'/%3E%3Cpath d='M11 6h2v2h-2zm4 0h2v2h-2zm0 4.031h2V12h-2zM15 14h2v2h-2zm-8 .001h2v2H7z'/%3E%3C/svg%3E")
}

.bx--bx-edit {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006z'/%3E%3Cpath d='M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2'/%3E%3C/svg%3E");
}

.bx--bx-briefcase {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 6h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2zm-5-2v2H9V4h6zM8 8h12v3H4V8h4zM4 19v-6h6v2h4v-2h6l.001 6H4z'/%3E%3C/svg%3E");
}

.bx--bx-block {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-1.846.634-3.542 1.688-4.897l11.209 11.209A7.946 7.946 0 0 1 12 20c-4.411 0-8-3.589-8-8zm14.312 4.897L7.103 5.688A7.948 7.948 0 0 1 12 4c4.411 0 8 3.589 8 8a7.954 7.954 0 0 1-1.688 4.897z'/%3E%3C/svg%3E");
}

.gg--close-o {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M16.34 9.322a1 1 0 1 0-1.364-1.463l-2.926 2.728L9.322 7.66A1 1 0 0 0 7.86 9.024l2.728 2.926l-2.927 2.728a1 1 0 1 0 1.364 1.462l2.926-2.727l2.728 2.926a1 1 0 1 0 1.462-1.363l-2.727-2.926z'/%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m11 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    margin: auto;
}

.bx--bx-calendar-exclamation {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z M11 10h2v5h-2zm0 6h2v2h-2z'/%3E%3C/svg%3E");
}

.card.side-panel {
    background-color: #006ba1;
    height: fit-content;
    max-width: 350px;
    min-width: 250px;
    width: 100%
}

.card.side-panel .card-info {
    margin-top: 1.2rem;
}

.card.side-panel h2, .card.side-panel label {
    color: #fff;
    letter-spacing: .07rem;
    line-height: 24px
}

.card.side-panel .card-info-data {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1rem;
    text-align: end;
}

div.search-boxes label {
    margin-top: 8px
}

.card.side-panel input, .card.side-panel select {
    background-color: #07608d;
    border: none !important
}

.card.side-panel input::placeholder, .card.side-panel select, .card.side-panel select option {
    color: #ccc
}

.card.side-panel .search-statut label {
    margin-top: 5px
}

.search-boxes {
    height: unset;
    width: unset
}

.search-boxes-container {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none
}

.search-boxes-container:nth-child(n+2) {
    margin-top: 10px
}

.search-boxes-container input {
    width: 0
}

.table-search-boxes.header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: auto;
    width: calc(100% + 20px)
}

.checkmark, .table-checkmark {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    height: 18px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 18px
}

.table-checkmark {
    border: 2px solid #006ba1
}

.search-boxes-container:hover input ~ .checkmark, .search-boxes-container:hover input ~ .table-checkmark {
    background-color: #ccc
}

.search-boxes-container input:checked ~ .checkmark, .search-boxes-container input:checked ~ .table-checkmark {
    background-color: #aeca0b
}

.table-search-boxes .search-boxes-container {
    height: 20px;
    width: 20px
}

.search-boxes-container input:checked ~ .checkmark {
    border: 2px solid #aeca0b !important
}

.checkmark:after, .table-checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.search-boxes-container input:checked ~ .checkmark:after, .search-boxes-container input:checked ~ .table-checkmark:after {
    display: block
}

.search-boxes-container .checkmark:after, .search-boxes-container .table-checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 5px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

.search-boxes-subtitle {
    font-size: .9rem;
    margin-left: 30px;
    margin-top: -3px
}

table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .051) !important
}

.card.side-panel #cart-validation-confirm, .card.side-panel .cart-confirm, .card.side-panel .cart-save {
    background-color: #33c2ff;
    border-radius: 3px 0 0 0;
    color: #fff;
    height: 38px;
    padding: 7px 37px 7px 40px;
    width: 217px
}

.card.side-panel .search-product {
    width: 100%
}

.card.side-panel .submit-confirm {
    color: #fff;
    margin-top: 30px
}

.card.side-panel .search-icon {
    color: #fff;
    font-size: 25px !important;
    margin-left: -12px;
    margin-right: 8px
}

.card.side-panel .submit-confirm #cart-validation-confirm, .card.side-panel .submit-confirm .cart-confirm, .card.side-panel .submit-confirm .cart-save {
    align-items: center;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    text-transform: uppercase;
    width: 100%
}

.search-product .col-3 {
    max-width: 100%;
    width: 350px
}

.search-product label {
    margin-top: 0 !important
}

#all-products_wrapper .col-sm-12 {
    padding: 0 15px 15px
}

h2.no_underline:after {
    background: none
}

.panel-separator {
    border-top: 1px solid hsla(0, 0%, 100%, .122);
    display: block;
    width: 100%
}

.cart-quantity {
    text-align: center !important;
    width: 20%
}

.save-cart button, .validate-cart button {
    text-transform: uppercase !important
}

.save-cart .submit-confirm {
    margin-top: 10px !important
}

.save-cart .cart-save {
    background-color: #07608d !important
}

.save-cart i {
    width: 20px !important
}

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

.cart-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 10px
}

.cart-subtitle, .cart-title {
    letter-spacing: .1rem;
    text-align: left
}

.cart-subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 10px !important
}

.action-icons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto
}

.footer-card {
    font-weight: 400;
    margin-top: 10px
}

.footer-card, .footer-card span {
    font-size: 13px;
    font-style: italic;
    letter-spacing: .1rem;
    line-height: 18px;
    text-align: left
}

.footer-card span {
    font-weight: 700
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.number-input {
    display: inline-flex;
    width: 100px
}

.number-input.disabled {
    opacity: 50%
}

.number-input.disabled button, .number-input.disabled input {
    cursor: not-allowed !important
}

.number-input, .number-input * {
    box-sizing: border-box
}

.number-input button {
    -webkit-appearance: none;
    background: #006ba1;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: none;
    position: relative
}

.number-input.pink button {
    background: #ff6492 !important
}

.number-input button:after, .number-input button:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 10px
}

button.minus {
    border-radius: 5px 0 0 5px;
    height: 25px;
    width: 40px
}

button.plus {
    border-radius: 0 5px 5px 0;
    height: 25px;
    width: 40px
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.number-input input[type=number] {
    border: solid #ddd;
    border-width: 1px 0;
    text-align: center;
    width: 35px
}

.input-multiplier, .input-result {
    font-family: Public Sans;
    font-weight: 700;
    letter-spacing: .01rem;
    line-height: 18px;
    margin-left: 15px;
    margin-top: 10px;
    position: relative;
    text-align: left;
    vertical-align: sub
}

.input-result {
    color: #ff6492;
    margin-left: 15px !important
}

.table.dataTable {
    border-collapse: collapse !important
}

.discount-offer {
    border: 2px solid #006ba1;
    font-size: 12px;
    height: 80px;
    position: relative;
    vertical-align: top
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
    padding-left: 15px
}

.discount-offer td {
    background: #f9f8f7;
    overflow: visible
}

.discount-circle {
    background-color: #006ba1;
    border-radius: 100%;
    height: 30px;
    left: -15px;
    position: absolute;
    top: 18%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 1
}

.discount-ticket {
    background-color: #ff6492;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-33.75deg);
    width: 20px
}

.discount-row {
    background: #006ba1 !important;
    bottom: -1px;
    color: #fff !important;
    left: -1px;
    position: absolute !important;
    width: 100.2%
}

.discount-row span {
    color: #22aceb !important;
    margin-left: 15px
}

.discount-offer > td > div {
    margin-top: 10px
}

.discount-offer > td > .number-input-div {
    margin-top: 5px !important
}

.custom-option-content {
    height: 100%
}

.custom-option-body {
    align-content: center;
    height: 100%
}

.action-icons a:nth-child(n) {
    margin-right: 5px
}

.full-card {
    width: 100%
}

.full-height {
    height: 100%
}

.light-shadow {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .051)
}

.highcharts-figure {
    overflow-x: auto;
    position: relative
}

.highcharts-figure #container {
    height: 400px;
    margin: 1em auto;
    max-width: 100%;
    min-width: 510px
}

.highcharts-data-table {
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    font-family: Verdana, sans-serif;
    margin: 10px auto;
    max-width: 100%;
    overflow: auto;
    text-align: center;
    width: 100%
}

.highcharts-data-table caption {
    color: #555;
    font-size: 1.2em;
    padding: 1em 0
}

.highcharts-data-table th {
    font-weight: 600;
    padding: .5em
}

.highcharts-data-table caption, .highcharts-data-table td, .highcharts-data-table th {
    padding: .5em
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(2n) {
    background: #f8f8f8
}

.highcharts-data-table tr:hover {
    background: #f1f7ff
}

.highcharts-credits {
    display: none
}

#highcharts-data-table-0 {
    opacity: 1 !important
}

.tab-icons {
    margin: auto;
    width: 320px
}

.tab-icons div {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around
}

.tab-icons div i, .tab-icons div span {
    height: 52px;
    width: 52px
}

.tab-icons div button {
    background: none !important;
}

.tab-icons div .line {
    background-color: transparent;
    height: auto;
    margin-bottom: auto;
    margin-top: auto;
    width: 25px
}

.tab-icons div .line i {
    font-size: 1.8rem;
    height: 100%;
    width: 100%
}

.group-icon button {
    border: none;
    display: flex;
    flex-direction: column;
    width: 130px
}

.label-icon {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 5px;
    max-width: 224px;
    text-align: center;
    width: 100% !important
}

#checkout-address {
    margin-top: 30px
}

#checkout-address .form-check {
    border: 1px solid #d7dde0;
    border-radius: .5rem;
    padding-left: 0;
    width: 100%
}

#checkout-address .form-check .form-check-label {
    cursor: default;
    width: 100%
}

#checkout-address .radio-info {
    background-color: #33c2ff;
    border-color: #33c2ff
}

#cartDeleteButton, #orderComplaintButton {
    background-color: #f07 !important;
    border-radius: 3px 0 0 0;
    color: #fff;
    gap: 10px;
    height: 38px;
    letter-spacing: .025rem;
    margin-right: 15px !important;
    margin-top: 20px !important;
    margin: auto auto auto 15px;
    opacity: .2;
    width: 286px
}

.cartDeleteButton, .orderComplaintButton {
    display: flex;
    justify-content: end
}

.panel-validation-cart {
    margin: 0 !important
}

.container-quantity {
    background: #fff;
    border: 1px solid rgba(177, 185, 193, .2);
    height: 25px;
    text-align: center;
    width: 42px
}

.delivery-checked-icon {
    left: 27px;
    margin: auto;
    position: absolute;
    top: -5px;
    width: 20px !important
}

.tab-icons.order {
    width: 680px
}

.link-button {
    align-items: center;
    background: #aeca0b;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    letter-spacing: .1rem;
    line-height: 24px;
    margin-bottom: 20px;
    max-width: 350px;
    min-width: 290px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.link-button i {
    height: 24px;
    margin-right: 10px;
    width: 24px !important
}

.link-button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order-group {
    font-size: 12px;
    height: 80px;
    position: relative;
    vertical-align: bottom
}

.order-row-border {
    border-bottom: 2px solid #006ba1
}

.order-group td:nth-child(n+2) {
    padding-bottom: 1rem !important
}

.order-group td:nth-child(3) {
    padding-bottom: .25rem !important
}

.order-row {
    background: #006ba1 !important;
    color: #fff !important;
    height: 30px;
    left: -1px;
    position: absolute !important;
    top: -1px;
    width: 100.2%
}

.order-row span {
    color: #22aceb !important;
    margin-left: 15px
}

.form-submit-button {
    background: #33c2ff;
    border-radius: 3px;
    color: #fff;
    height: 40px;
    width: 200px
}

.form-submit-button i {
    height: 20px;
    margin-left: -10px;
    margin-right: 10px;
    width: 20px
}

.form-submit-button:active, .form-submit-button:hover {
    background: #006ba1;
    color: #fff
}

.custom-file-label {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d7dde0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: .4375rem .875rem;
    width: 100%
}

.custom-file-label i {
    margin-right: 8px
}

.custom-file-input-wrapper input[type=file] {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.contact .custom-option-body .custom-option-icon {
    display: inline-block !important;
    height: 20px;
    margin-bottom: -5px !important;
    margin-right: 5px;
    width: 20px
}

.contact .custom-option-subtitle {
    font-size: 14px;
    font-weight: 200;
    line-height: 24px;
    margin-left: 5px
}

.profile-picture {
    align-items: center;
    background-color: #aeca0b;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 80px;
    justify-content: center;
    width: 80px
}

.card .card-body {
    padding: 1.25rem
}

.container {
    max-width: 1500px
}

.text-tab {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 24px;
    text-align: center
}

.panel {
    width: auto
}

.thumbnail-container {
    border: 2px;
    border: 2px solid rgba(177, 185, 193, .2);
    border-radius: 6px;
    gap: 0;
    height: 110px;
    width: 120px
}

.thumbnail-container.active-image, .thumbnail-container:hover {
    border: 2px solid #aeca0b;
    border-radius: 6px
}

.img-thumbnail {
    cursor: pointer;
    height: auto;
    width: 100%
}

.carousel {
    border: 2px solid rgba(177, 185, 193, .2);
    border-radius: 6px
}

.carousel-item img {
    height: auto;
    max-height: 400px;
    object-fit: contain;
    width: 100%
}

.discount-circle.product {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .102);
    height: 40px !important;
    width: 40px !important
}

.discount-circle.product .discount-ticket {
    height: 22px !important;
    width: 22px !important
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    filter: brightness(.8)
}

.carousel-inner {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: calc(100% - 70px)
}

.carousel-item.active {
    align-items: center;
    display: flex
}

.background-login {
    background-image: url(/images/african-american-pharmacist-taking-medication-from-2023-11-27-05-17-54-utc.webp);
    background-position: -135px;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100%);
    z-index: 0
}

.background-login, .gradiant-login {
    height: 100%;
    position: fixed;
    width: 100%
}

.gradiant-login {
    background-position: 0;
    background: #fffdfa;
    background: radial-gradient(circle farthest-corner at right center, #fffdfa 43%, #000 169%);
    mix-blend-mode: hard-light;
    z-index: 1
}

.footer .logo-blanc {
    height: 70px;
    filter: brightness(0) invert(1);
}


.background-globe {
    background-color: rgba(30, 32, 32, .231);
    background-size: 270px;
    height: 300px;
    -webkit-mask: url(/images/globe.svg) no-repeat;
    -webkit-mask-clip: border-box;
    mask-composite: add;
    mask-mode: match-source;
    -webkit-mask-origin: border-box;
    -webkit-mask-position: calc(100% + 20px);
    mask-repeat: no-repeat;
    mask-size: 300px 300px !important;
    right: -35px;
    top: 130px;
    width: 300px;
    z-index: 0
}

.login-input {
    background-color: #07608d !important;
    border: none !important
}

.login {
    border-radius: 3px 0 0 0;
    font-size: 16px;
    font-weight: 700;
    gap: 0;
    height: 47px;
    letter-spacing: .025rem;
    line-height: 24px;
    text-align: left;
    width: 354px
}

.password-toggle-icon {
    position: absolute;
    right: 15px;
    top: 8px
}

.home .background-globe {
    z-index: -1
}

.home .layout-page {
    background: none
}

.background-group17 {
    background: url(/images/Group17.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
    max-width: 200px;
    right: -2%;
    top: 2%;
    width: 100%;
    z-index: -1
}

.background-group18 {
    background: url(/images/Group18.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 500px;
    left: 0;
    top: -90px;
    width: 600px
}

.background-group19 {
    background: url(/images/Group19.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 429px;
    right: 0;
    top: 250px;
    width: 255px;
    z-index: 0
}

.home .vertical-separator {
    border: 1px;
    height: 30px;
    width: 2px
}

.home .header-logo {
    height: 72px;
    margin-left: 150px;
}

.home .right-group a {
    border-radius: 10px;
    height: 50px;
    margin-left: 100px;
    margin-right: 70px;
    width: 215px
}

.home .navbar {
    border-radius: 0 0 10px 10px;
    width: 100%
}

.home .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .025rem;
    line-height: 24px;
    text-align: left
}

.home .navbar-nav .nav-link:hover {
    color: #dfe6e9 !important
}

.home .nav-service {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

@media (max-width: 1200px) {
    .nav-header .right-group {
        display: none !important
    }


    .home .nav-header img {
        margin: 0 !important
    }

    .home .navbar {
        display: none
    }
}

@media (min-width: 1200px) {
    .home aside {
        display: none !important
    }
}

.home .corner-icon {
    border-radius: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: -25px;
    width: 50px
}

.home .corner-icon i {
    margin-top: 12px
}

.home .title h1:after, .home .title:after {
    background: none !important
}

.home .text-slide .background-globe {
    background-color: rgba(3, 98, 143, .17);
    height: 400px;
    left: 20px;
    mask-size: 500px 400px !important;
    top: -130px;
    width: 500px
}

.home .text-slide {
    height: auto;
    max-height: 400px;
    max-width: 700px;
    width: 100%
}

.home .text-slide .title h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    text-transform: capitalize;
    z-index: 1
}

.home .text-slide .title > span {
    font-size: 40px;
    font-weight: 400;
    line-height: 53px;
    text-transform: lowercase
}

.home .text-slide .title > span > span {
    color: #aeca0b !important;
    text-transform: none
}

.home .text-slide .intro-text {
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 20px;
    max-width: 553px;
    width: 100%
}

.home .text-slide .intro-text strong {
    color: #0a374e !important
}

.home .text-slide .buttons {
    gap: 15px
}

.home .text-slide .buttons a {
    border-radius: 10px;
    height: 55px;
    max-width: 230px;
    width: 100%
}

.home .solution-image {
    height: 100%;
    margin-left: 50px;
    margin-top: 50px;
    width: 100%
}

.grey-transition {
    align-items: center;
    background: linear-gradient(1turn, #ede9e5 22.78%, hsla(30, 14%, 92%, 0) 64.56%);
    display: flex;
    height: 160px;
    justify-content: center
}

.grey-transition.thin {
    height: 75px;
}

.background-transition {
    background: #ede9e5 22.78%
}

.home .background-stock {
    background: url(/images/stock.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    max-height: 750px;
    max-width: 900px;
    position: absolute;
    width: 100%;
    z-index: 0
}

.home .background-stock.SI002 {
    background: url(/images/002/stock.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.home .services .background-globe,
.home .annonces .background-globe {
    height: 350px;
    -webkit-mask-position: 0;
    mask-size: 380px 350px !important;
    right: 90px;
    top: -20px;
    width: 380px
}

.home .services .title-services,
.home .annonces .title-annonces {
    margin: auto;
    max-width: 700px;
    text-align: center;
    width: 100%
}

.home .services .title-services span,
.home .annonces .title-annonces span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .17em;
    text-transform: uppercase
}

.home .services .title-services h2,
.home .annonces .title-annonces h2 {
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 60px;
    text-transform: none
}

.home .services .title-services p,
.home .annonces .title-annonces p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px
}

.home .services .vignettes,
.home .annonces .vignettes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center
}

.home .services .vignettes .vignette,
.home .annonces .vignettes .vignette {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 6px 0 rgba(117, 94, 68, .102);
    height: 100%;
    max-height: 270px;
    max-width: 350px;
    padding: 47px 0;
    width: 100%
}

.home .annonces .vignettes .vignette {
    margin-top: 3rem;
}

.home .services .vignettes .vignette .vignette-icon,
.home .annonces .vignettes .vignette .vignette-icon {
    border-radius: 50px;
    height: 50px;
    left: 43%;
    position: absolute;
    top: -25px;
    width: 50px
}

.home .services .vignettes .vignette .vignette-icon i,
.home .annonces .vignettes .vignette .vignette-icon i {
    margin-top: 12px
}

.home .annonces .vignettes .vignette .vignette-lieu {
    height: 50px;
    right: 8px;
    position: absolute;
    top: 5px;
    width: 140px;
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--bs-body-color);
}

.home .services .vignettes .vignette .vignette-title,
.home .annonces .vignettes .vignette .vignette-title {
    font-family: Patrick Hand;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .17em;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase
}

.home .annonces .vignettes .vignette .vignette-title {
    line-height: initial;
}

.home .services .vignettes .vignette .vignette-text p,
.home .annonces .vignettes .vignette .vignette-text p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px;
    margin: auto;
    text-align: center;
    width: 240px
}

.home .services .vignettes .vignette .vignette-footer p,
.home .annonces .vignettes .vignette .vignette-footer p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px;
    margin: auto;
    text-align: center;
    width: 240px
}

.home .annonces .vignettes .vignette .vignette-text p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home .contact-button {
    text-align: center
}

.home .contact-button a {
    border-radius: 10px;
    height: 55px;
    width: 215px
}

.home .image-grid-0 {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0
}

.home .image-grid-0 .div1 {
    grid-area: 1/1/2/2
}

.home .image-grid-0 .div2 {
    grid-area: 1/2/2/3
}

.home .image-grid-0 .div3 {
    grid-area: 1/3/2/4
}

.home .image-grid-0 .div4 {
    grid-area: 1/4/2/5
}

.home .image-grid-1 {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 15px
}

.home .image-grid-1 .div1 {
    grid-area: 1/1/2/2
}

.home .image-grid-1 .div2 {
    grid-area: 2/1/3/2
}

.home .image-grid-2 {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px
}

.home .image-grid-2 .div1 {
    grid-area: 1/1/2/2
}

.home .image-grid-2 .div2 {
    grid-area: 1/2/2/3
}

.home .image-grid-2 .div3 {
    grid-area: 2/1/3/3
}

.home .overlay {
    background-color: #fff;
    border-radius: 20px;
    left: 50%;
    max-width: 650px;
    min-height: 300px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home .overlay-title {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: .025rem;
    line-height: 31px;
    text-align: center
}

.home .overlay-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 21px;
    text-align: center
}

.home .overlay a {
    border-radius: 10px;
    height: 50px;
    width: 215px
}

.home .about-us {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 150px !important;
    padding-top: 150px !important;
    padding: 2rem 0
}

.home .about-us-card {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    height: 630px;
    max-width: 90%;
    right: 9%;
    width: 66%;
    z-index: 0
}

.home .image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 1
}

.home .image-wrapper img {
    border-radius: 15px;
    height: auto;
    margin-left: auto;
    margin-right: -2%;
    margin-top: -175px;
    max-width: 700px;
    width: 90%
}

.home .text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 1
}

.home .about-us-content {
    margin-left: auto;
    margin-right: 30%;
    max-width: 400px;
    text-align: center;
    width: 100%
}

.home .about-us-title p {
    font-family: Patrick Hand;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .17em;
    text-transform: uppercase
}

.home .about-us-title h2 {
    font-family: DM Sans;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -.03em;
    text-transform: none
}

.home .about-us-text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px;
    text-align: justify;
}

.home .about-us-text h4 {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.home .about-us a {
    border-radius: 10px;
    height: 55px;
    width: 211px
}

.home .service-client {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    grid-template-rows:300px;
    grid-column-gap: 0;
    grid-row-gap: 0
}

.home .service-client .div1, .home .service-client .div2, .home .service-client .div3 {
    background-repeat: no-repeat;
    background-size: cover
}

.home .service-client .div1 {
    background-image: url(/images/service-client-pharmacie.webp);
    grid-area: 1/1/2/2
}

.home .service-client.SI002 .div1 {
    background-image: url(/images/002/service-client-pharmacie.webp);
}

.home .service-client .div2 {
    background-image: url(/images/service-client-support.webp);
    grid-area: 1/2/2/3
}

.home .service-client .div3 {
    border-radius: 0 40px 40px 0;
    grid-area: 1/3/2/4
}

.home .service-client-content {
    height: auto;
    height: 180px;
    max-width: 390px;
    padding: 10px;
    width: 100%
}

.home .service-client-content .service-client-contact {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6
}

.home .service-client-content .service-client-text {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .03em;
    line-height: 1.6
}

.home .contact {
    padding-bottom: 80px;
    padding-top: 100px
}

.home .contact .background-contact {
    background: url(/images/contact-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    max-height: 750px;
    max-width: 900px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0
}

.home .contact .background-contact.SI002 {
    background: url(/images/002/contact-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.home .contact .contact-map .contact-map-title span {
    font-family: Patrick Hand;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .17em;
    text-transform: uppercase
}

.home .contact .contact-map .contact-map-title h2 {
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 60px;
    text-transform: none
}

.home .contact .contact-map .contact-map-title p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px;
    max-width: 460px;
    width: 100%
}

.home .contact .contact-map .contact-map-content .contact-map-address {
    margin-left: 40px;
    margin-right: auto
}

.home .contact .contact-map .contact-map-content .contact-address span {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.home .contact .contact-form {
    border-radius: 20px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .071);
    height: 100%;
    justify-content: center;
    max-width: 465px;
    text-align: center;
    width: 100%
}

.home .contact .contact-form .contact-form-title h3 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.03em
}

.home .contact .contact-form .contact-form-title p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px
}

.home .contact .contact-form .contact-form-form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    row-gap: 15px
}

.home .contact .contact-form .contact-form-form input, .home .contact .contact-form .contact-form-form textarea {
    background: hsla(30, 18%, 91%, .6);
    /*border: none;*/
    border-radius: 20px;
    padding: 0 12px
}

.home .contact .contact-form .contact-form-form.was-validated input,
.home .contact .contact-form .contact-form-form.was-validated textarea {
    border: var(--bs-border-width) solid;
}

.home .contact .contact-form .contact-form-form input {
    height: 56px
}

.home .contact .contact-form .contact-form-form textarea {
    padding: 12px
}

.home .contact .contact-form button {
    border-radius: 6px;
    height: 36px;
    width: 107px
}

.home footer {
    height: 400px;
    justify-content: center
}

.home footer .background-globe {
    background-color: hsla(0, 0%, 100%, .302);
    height: 320px;
    left: 65px;
    -webkit-mask-position: 0 15px !important;
    mask-size: 370px 320px !important;
    top: 80px;
    width: 370px;
    z-index: 0
}

.home footer .logo-dpci {
    height: 110px;
    width: 220px
}

.home footer .address {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.home footer .contact {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 !important
}

.home footer a {
    color: #fff
}

.home footer a:hover {
    color: #33c2ff
}

.errorLabel {
    color: #FF6492;
}

.errorLabel li {
    list-style: none;
}

.okLabel {
    color: #AECA0B;
}

.fs-smaller {
    font-size: smaller;
}

@media (max-width: 1400px) {
    .home .about-us {
        padding-bottom: 50px !important;
        padding-top: 50px !important
    }

    .home .about-us-card {
        height: 100%;
        max-width: 600px;
        right: auto;
        width: 83%
    }

    .home .image-wrapper {
        display: none;
        order: 2;
        padding-top: 50px
    }

    .home .image-wrapper img {
        margin: 0 !important
    }

    .home .text-wrapper {
        order: 1
    }

    .home .about-us-content {
        margin-right: auto !important
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .hide-span {
        display: none
    }

    .vertical-images {
        flex-direction: row !important;
        gap: 15px;
        margin-top: 20px
    }

    .carousel-main {
        align-items: center;
        flex-direction: column !important
    }
}

@media screen and (min-width: 1200px) {
    #layout-menu .separator {
        height: 100%
    }

    html.searching .navbar-search {
        position: absolute;
        z-index: 10
    }
}

@media screen and (max-width: 1200px) {
    .app-brand-logo img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(89%) saturate(0) hue-rotate(131deg) brightness(105%) contrast(101%)
    }

    #layout-menu {
        text-align: left
    }

    #layout-menu .separator {
        width: auto
    }

    #layout-menu .separator i {
        margin-left: 1.8rem;
        transform: rotate(90deg)
    }

    .menu-vertical .menu-sub .menu-icon {
        display: block
    }

    #layout-menu > .container-fluid > .menu-inner > .menu-item > a > i, #layout-menu > .container-fluid > .menu-inner > .menu-item > button > i {
        display: none
    }

    .menu-vertical .menu-sub .menu-link {
        padding-left: 1rem
    }

    .offcanvas-backdrop {
        background: rgba(10, 55, 78, 0)
    }

    .menu-horizontal-wrapper {
        display: none
    }

    .navbar-search .form-control, .navbar-search .input-group-text {
        border-color: transparent !important
    }

    #search-result {
        left: 14px;
        top: 150px;
        width: 92% !important
    }

    .card.side-panel {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto
    }

    .card.account {
        margin-inline: auto !important;
        margin-bottom: 30px !important
    }

    .nav-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    .contact .cards {
        justify-content: center;
        margin-top: 3rem !important
    }

    .carousel-item img {
        max-height: 300px
    }

    .informations {
        justify-content: space-between
    }

    .informations .discount {
        width: 34% !important
    }

    .informations .description {
        width: 64% !important
    }

    .home .contact .contact-form {
        margin: 75px auto auto
    }

    .contact-map {
        text-align: center
    }

    .home .contact .contact-map .contact-map-title p {
        margin: auto
    }

    .home .contact .contact-map .contact-map-content {
        justify-content: center
    }

    .home .contact .contact-map .contact-map-content .contact-map-address {
        margin-right: 0;
        text-align: left
    }
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .card.side-panel.cart .submit-confirm .cart-confirm i, .card.side-panel.cart .submit-confirm .cart-save i {
        display: none !important
    }

    .card.side-panel.cart .cart-save, .card.side-panel.cart .submit-confirm .cart-confirm {
        padding: unset !important
    }

    .card.side-panel.cart .submit-confirm .cart-confirm, .card.side-panel.cart .submit-confirm .cart-save {
        align-items: center !important
    }
}

@media screen and (max-width: 1550px) and (min-width: 1200px) {
    .card.side-panel #cart-validation-confirm {
        padding: unset !important
    }

    .contact .custom-option-body .flex-row {
        flex-direction: column !important
    }
}

@media screen and (max-width: 1236px) and (min-width: 1200px) {
    .card.side-panel #cart-validation-confirm {
        height: unset !important
    }
}

@media screen and (max-width: 1199px) {
    .card.side-panel.cart, .card.side-panel.cart-validation {
        margin-top: 50px
    }

    .tab-icons.order {
        margin-top: 30px
    }
}

@media screen and (max-width: 990px) {
    .footer-login {
        text-align: center !important;
        width: 100%
    }

    .footer-login, .footer-login-nav, .footer-login > div > div {
        justify-content: center !important
    }

    .footer-login-nav {
        text-align: center !important
    }

    .footer-login-nav a {
        color: #fff !important
    }

    .home .text-slide {
        margin: 50px auto auto
    }

    .home .text-slide .title h1 {
        font-size: 45px;
        line-height: 50px
    }

    .home .solution-image {
        margin-top: 100px !important;
        margin: 0;
        width: 70%
    }

    .home .service-client {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 767px) {
    .tab-icons.order {
        width: 100%
    }

    .order.tab-icons div {
        flex-wrap: wrap !important
    }

    .profile {
        flex-direction: column !important
    }

    .profile h5, .profile p {
        align-items: center;
        text-align: center
    }

    .profile h5 + div {
        align-items: center
    }

    .profile p {
        flex-direction: column
    }

    .disconnect {
        margin: auto
    }

    .informations {
        justify-content: center
    }

    .informations .discount {
        width: 100% !important
    }

    .informations .description {
        margin-top: 20px;
        width: 100% !important
    }
}

@media screen and (max-width: 600px) {
    .home .contact .contact-map .contact-map-content {
        align-items: center;
        flex-direction: column
    }

    .home .contact .contact-map .contact-map-content .contact-map-address {
        align-content: center;
        align-items: baseline;
        flex-wrap: wrap;
        justify-content: space-around !important;
        margin-left: 0;
        margin-top: 50px
    }
}

@media screen and (max-width: 575px) {
    .cartDeleteButton, .orderComplaintButton {
        justify-content: center
    }

    .card-header {
        padding-bottom: 0 !important
    }

    .column-centered {
        display: flex !important;
        flex-direction: column !important
    }

    .column-centered label, .column-centered span {
        margin: auto !important;
        text-align: center !important
    }

    .account .column-centered .cart-subtitle:first-of-type {
        margin-top: 10px !important
    }

    .vertical-images {
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        margin-top: 20px
    }

    .carousel-main {
        align-items: center;
        flex-direction: column !important
    }
}

@media screen and (max-width: 540px) {
    .home .text-slide .title h1 {
        font-size: 35px;
        line-height: 40px
    }

    .home .text-slide .title span {
        font-size: 28px;
        line-height: 40px
    }
}

@media (max-width: 400px) {
    .home .service-client .div3 {
        border-radius: 40px;
        padding: 10px
    }
}

@media screen and (max-width: 420px) {
    .card.side-panel.cart .submit-confirm .cart-confirm i, .card.side-panel.cart .submit-confirm .cart-save i {
        display: none !important
    }

    .card.side-panel.cart .cart-save, .card.side-panel.cart .submit-confirm .cart-confirm, .card.side-panel.cart-validation .submit-confirm #cart-validation-confirm {
        padding: unset !important
    }

    .card.side-panel.cart .submit-confirm .cart-confirm, .card.side-panel.cart .submit-confirm .cart-save, .card.side-panel.cart-validation .submit-confirm #cart-validation-confirm {
        align-items: center !important
    }

    .tab-icons {
        width: 100%
    }

    #cartDeleteButton i, #orderComplaintButton {
        margin-right: 1px !important
    }
}

@media screen and (max-width: 344px) {
    .card.side-panel.cart-validation .submit-confirm #cart-validation-confirm {
        height: unset
    }

    .none-icon {
        display: none
    }
}

/* annonces */
.content--annonces .card.side-panel {
    max-width: 1000px;
}

.content--annonce .card.side-panel {
    max-width: 1000px;
}

.content--annonces .card.side-panel .card-footer {
    padding-top: 10px;
}

.annonce-type--1 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 6h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2zm-5-2v2H9V4h6zM8 8h12v3H4V8h4zM4 19v-6h6v2h4v-2h6l.001 6H4z'/%3E%3C/svg%3E");
}

.annonce-type--2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 4H3a2 2 0 0 0 0 4v13.5a.5.5 0 0 0 .5.5h1a.51.51 0 0 0 .5-.43L6.65 10h11.7L20 21.57a.51.51 0 0 0 .5.43h1a.5.5 0 0 0 .5-.5V8a2 2 0 0 0 0-4zM4.07 21H4V8h1.92zM6.79 9l.14-1h11.14l.14 1zM21 21h-.07L19.08 8H21zm1-14H3a1 1 0 0 1 0-2h19a1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
}

.annonce-type--3 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.993 12.984a1 1 0 0 0-.531 1.848L7.15 17.52a1 1 0 1 0 1.414-1.415l-1.121-1.12h7.55a1 1 0 0 0 0-2zm14.014-1.969a1 1 0 0 0 .531-1.848L16.85 6.48a1 1 0 0 0-1.414 1.415l1.121 1.12h-7.55a1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.title-annonces .lien {
    text-transform: uppercase;
}

.content--annonces-hors-connexion .nav {
    border-bottom: none;
}

.content--annonces-hors-connexion .nav .nav-item:first-child > .nav-link {
    padding-bottom: 0;
}

.content--annonces-hors-connexion .nav .nav-item:last-child > .nav-link {
    padding-top: 0;
}

.content--annonces-hors-connexion .nav .nav-item .nav-link {
    background: transparent;
    font-size: 1rem !important;
}

.content--annonces-hors-connexion .nav .nav-item .nav-link.active {
    font-size: 1.375rem !important;
    font-weight: bolder !important;
}

.content--annonces-hors-connexion .tab-pane {
    border-radius: 20px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .071);
}

.content--annonces-hors-connexion #infoTraitementDonnees {
    text-align: justify;
    font-size: smaller;
}

.content--annonces-hors-connexion input:-internal-autofill-selected,
.content--annonces-hors-connexion input:-webkit-autofill,
.content--annonces-hors-connexion input:-webkit-autofill:focus,
.content--annonces-hors-connexion input:-webkit-autofill:hover,
.content--annonces-hors-connexion select:-webkit-autofill,
.content--annonces-hors-connexion select:-webkit-autofill:focus,
.content--annonces-hors-connexion select:-webkit-autofill:hover,
.content--annonces-hors-connexion textarea:-webkit-autofill,
.content--annonces-hors-connexion textarea:-webkit-autofill:focus,
.content--annonces-hors-connexion textarea:-webkit-autofill:hover {
    background-clip: initial !important;
    -webkit-background-clip: initial !important
}

/* ui-autocomplete */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #07608D;
    border-color: rgba(120, 141, 152, 0.05);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    font-size: small;
    line-height: 18px;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    background-color: #07608D;
}

.ui-menu-item > a.ui-corner-all:hover,
.ui-menu-item > a.ui-corner-all:focus,
.ui-menu-item > a.ui-corner-all:active,
.ui-menu-item > a.ui-corner-all.ui-active {
    background-color: #006BA1;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}

.ui-menu-item.level-2 {
    padding-left: 1em;
    font-style: italic;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-autocomplete-info .ui-menu-item > a.ui-corner-all {
    color: #006BA1;
    background-color: #fff;
}

.ui-autocomplete-info .ui-menu-item > a.ui-corner-all:hover,
.ui-autocomplete-info .ui-menu-item > a.ui-corner-all:focus,
.ui-autocomplete-info .ui-menu-item > a.ui-corner-all:active {
    color: #fff;
    background-color: #006BA1;
}

/* forms-check */
.forms-check {
    margin-top: 30px;
}

.forms-check .form-check {
    width: 100%;
    height: 100%;
    border: 1px solid #d7dde0;
    border-radius: 0.5rem;
    padding-left: 0;
}

.forms-check .form-check .form-check-label {
    width: 100%;
    cursor: default;
}

.forms-check .radio-info {
    background-color: #33C2FF;
    border-color: #33C2FF;
}

.forms-check .ul-style-none {
    list-style: none;
}

/* tab-icons */
.tab-icons {
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.tab-icons.step-nb-2 {
    width: 320px;
}

.tab-icons.step-nb-3 {
    width: 680px;
}

.tab-icons.step-nb-4 {
    width: 680px;
}

.tab-icons .group-icon {
    color: #006BA1;
}

.tab-icons .group-icon .button {
    display: flex;
    flex-direction: column;
    width: 130px;
    border: none;
}

.tab-icons.step-1 .group-icon:first-child {
    color: #AECA0B;
}

.tab-icons.step-1 .group-icon:nth-child(3) {
    color: #FF6492;
}

.tab-icons.step-2 .group-icon:nth-child(-n+3) {
    color: #AECA0B;
}

.tab-icons.step-2 .group-icon:nth-child(5) {
    color: #FF6492;
}

.tab-icons.step-3 .group-icon:nth-child(-n+5) {
    color: #AECA0B;
}

.tab-icons.step-3 .group-icon:nth-child(7) {
    color: #FF6492;
}

.tab-icons.step-4 .group-icon:nth-child(-n+7) {
    color: #AECA0B;
}

.tab-icons.step-4 .group-icon:nth-child(9) {
    color: #FF6492;
}

.tab-icons.step-5 .group-icon:nth-child(-n+9) {
    color: #AECA0B;
}

.tab-icons.step-5 .group-icon:nth-child(11) {
    color: #FF6492;
}

.tab-icons.step-6 .group-icon:nth-child(-n+11) {
    color: #AECA0B;
}

.tab-icons.step-6 .group-icon:nth-child(13) {
    color: #FF6492;
}

.tab-icons span, .tab-icons i {
    width: 52px;
    height: 52px;
}

.tab-icons button {
    background: none !important;
}

.tab-icons .line {
    background-color: rgba(0, 0, 0, 0);
    width: 25px;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.tab-icons .line i {
    font-size: 1.8rem;
    width: 100%;
    height: 100%;
}

.tab-icons .label-icon {
    max-width: 224px;
    margin-top: 5px;
    width: 100% !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

/* boutons */
.btn {
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 600;
    padding: 0.4rem 1.2rem 0.4rem;
    font-size: 0.8rem;
    line-height: 0.8rem;
}

.btn.btn-table-action-danger {
    background-color: #f07;
}

.btn.btn-sm {
    padding: 0.38em 1.2rem 0.35rem;
    font-size: 0.7rem;
    line-height: 0.8rem;
}

.btn.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1rem;
    border-radius: 3px;
}

.btn.btn-lg i {
    margin-right: 10px;
}

.btn .bx-sm {
    font-size: 1.25rem !important;
}

.btn i {
    position: relative;
    top: 0;
}

.btn[disabled] {
    pointer-events: auto;
}

/* form help */
form i.help {
    display: block;
    width: 100%;
    font-size: smaller;
}

form [aria-required=true] > label:after {
    content: " *";
    color: #f07;
}

form [data-one-required] > label:after {
    content: " **";
}

form [data-one-required] input.is-focused,
form [data-one-required] select.is-focused {
    border-color: #006BA1 !important;
}

form ul.helpRequiredFields {
    list-style-type: none;
}

form ul.helpRequiredFields li {
    float: left;
}

form ul.helpRequiredFields li:before {
    content: "* ";
    color: #f07;
}

form ul.helpRequiredFields li.oneRequired:before {
    content: "** ";
}

form ul.helpRequiredFields li + li {
    margin-left: 2em;
}

.title-espace-annonce {
    color: #006ba1;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media print {

    /* Classes dédiées print / no-print */
    .print {
        display: revert;
    }

    .no-print, .panel-separator {
        display: none !important;
    }

    /* annonces */
    #affiche-annonce * {
        color: initial;
    }

    #affiche-annonce .title,
    #affiche-annonce h1,
    #affiche-annonce h2 {
        color: #006ba1;
    }

    #affiche-annonce .card.side-panel > * {
        padding-top: 0;
        padding-bottom: 0;
    }
}