/*
 * @copyright Copyright (c) 2025 OCEAN'S SAS
 * @license   Commercial paid license – All rights reserved
 *
 * Email: contact@oceans-partners.com
 *
 * This file is part of the SaaS solution APP4FREIGHT,
 * a multimodal international freight solution.
 *
 * APP4FREIGHT is a commercial solution under a paid license,
 * offering several plans: Free, Paid Plan 1, Paid Plan 2.
 *
 * Any unauthorized use, reproduction, or distribution
 * is strictly prohibited.
 */



#cookies-policy.cookies--closing {
    opacity: 0;
    transform: translateY(10px)
}

#cookies-policy.cookies--show .cookies__btn--customize {
    border-bottom: 1px solid #e7e8e9;
    border-top: none
}

#cookies-policy.cookies--show .cookies__btn svg {
    transform: rotate(180deg)
}

#cookies-policy.cookies--no-js .cookies__expandable:target,
#cookies-policy.cookies--no-js .cookies__section .cookies__expandable {
    height: auto;
    opacity: 1;
    transition: height .3s ease-out, opacity .3s ease-out;
    visibility: visible
}

#cookies-policy.cookies--no-js .cookies__details {
    display: none
}

#cookies-policy.cookies--no-js .cookies__sections {
    max-height: -moz-fit-content;
    max-height: fit-content
}



#cookies-policy .cookies__expandable {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease-out, opacity .3s ease-out, visibility 0s linear .3s;
    visibility: hidden
}

#cookies-policy .cookies__expandable--open {
    height: auto;
    opacity: 1;
    transition: height .3s ease-out, opacity .3s ease-out;
    visibility: visible
}


#cookies-policy .cookies__container {
    display: block;
    height: 93px !important;
    opacity: 1;
    overflow: hidden;
    transition: height .3s ease-out, opacity .3s ease-out, visibility 0s linear .1s;
    visibility: visible
}

#cookies-policy .cookies__container--hide {
    height: 0;
    opacity: 0;
    transition: height .3s ease-out, opacity .3s ease-out, visibility 0s linear .3s;
    visibility: hidden
}

#cookies-policy .cookies__wrapper {
    padding: 1em 1.5em
}

#cookies-policy .cookies__title {
    color: #2c2e30;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: .8em
}

#cookies-policy .cookies__intro {
    color: #2c2e30;
    font-size: .875em;
    font-weight: 450;
    line-height: 1.4em
}

#cookies-policy .cookies__intro p {
    margin-top: 1em
}

#cookies-policy .cookies__intro p:first-child {
    margin-top: 0
}

#cookies-policy .cookies__intro a {
    color: inherit;
    text-decoration: underline;
    transition: color .2s ease-out
}

#cookies-policy .cookies__intro a:focus,
#cookies-policy .cookies__intro a:hover {
    color: var(--secondary-color)!important;
}

#cookies-policy .cookies__actions {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
    margin-top: 1em
}

#cookies-policy .cookies__btn--customize {
    align-items: center;
    border-top: 1px solid #e7e8e9;
    color: #2c2e30;
    display: flex;
    font-size: .875em;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1em;
    padding: 1.125em 24px;
    position: relative;
    text-decoration: none
}

#cookies-policy .cookies__btn svg {
    transition: transform .2s ease-out
}

#cookies-policy .cookies__sections {
    max-height: 450px;
    overflow-y: scroll
}

#cookies-policy .cookies__section {
    padding: 0 1.5em
}

#cookies-policy .cookies__section+.cookies__section {
    border-top: 1px solid #eee
}

#cookies-policy .cookies__box,
#cookies-policy .cookies__category {
    display: block;
    overflow: hidden;
    position: relative
}

#cookies-policy .cookies__category input {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 105%;
    top: 0
}

#cookies-policy .cookies__box {
    cursor: pointer;
    line-height: 1.4em;
    padding: 1em 3em 1em 0
}

#cookies-policy .cookies__box:after,
#cookies-policy .cookies__box:before {
    border-radius: 1.4em;
    content: "";
    display: block;
    position: absolute;
    top: 50%
}

#cookies-policy .cookies__box:after {
    background: #e7e8e9;
    height: 1.4em;
    margin-top: -.7em;
    right: 0;
    transition: background .2s ease-out, opacity .2s ease-out;
    width: 2.5em;
    z-index: 0
}

#cookies-policy .cookies__box:before {
    background: #fff;
    height: 1em;
    margin-top: -.5em;
    right: .75em;
    transform: translateX(-.55em);
    transition: transform .2s ease-out;
    width: 1em;
    z-index: 1
}

#cookies-policy .cookies__category input:checked+.cookies__box:after {
    background: var(--secondary-color)!important;
    opacity: 1
}

#cookies-policy .cookies__category input:disabled+.cookies__box:after {
    opacity: .6
}

#cookies-policy .cookies__category input:checked+.cookies__box:before {
    transform: translateX(.55em)
}

#cookies-policy .cookies__label {
    color: #2c2e30;
    font-size: .875em;
    font-weight: 600
}

#cookies-policy .cookies__info {
    color: #2c2e30;
    font-size: .875em;
    font-weight: 450;
    line-height: 1.4em
}

#cookies-policy .cookies__details {
    color: var(--secondary-color)!important;
    display: block;
    font-size: .875em;
    margin: .625em 0 .9em;
    transition: color .2s ease-out
}

#cookies-policy .cookies__details:focus,
#cookies-policy .cookies__details:hover {
    color: var(--secondary-color)!important;
}

#cookies-policy .cookies__definitions {
    color: #676767;
    font-size: .875em;
    line-height: 1.2em;
    padding-top: .8em
}

#cookies-policy .cookies__cookie+.cookies__cookie {
    margin-top: 1em
}

#cookies-policy .cookies__name {
    color: #8a8e92;
    display: inline;
    font-weight: 600;
    line-height: 22px
}

#cookies-policy .cookies__duration {
    color: #8a8e92;
    display: inline;
    text-align: right
}

#cookies-policy .cookies__description {
    color: #8a8e92;
    display: block;
    line-height: 120%;
    padding-top: .3em;
    text-align: left;
    width: 100%
}

#cookies-policy .cookies__save {
    border-top: 1px solid #e7e8e9;
    display: flex;
    justify-content: flex-end;
    margin-top: .4em;
    padding: .75em 1.5em
}



#cookies-policy .cookiesBtn__link {
    background: #ffffff!important;
    border: 1px solid var(--secondary-color)!important;
    border-radius: 4px;
    color: var(--secondary-color) !important;
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    padding: .86em 1em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: opacity .2s ease-out;
    white-space: nowrap;
    width: 100%
}
.cookiesBtnAutorise__link {
    height: 45px !important;
    background: var(--secondary-color)!important;
    border: 1px solid var(--secondary-color)!important;
    border-radius: 4px;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    padding: .86em 1em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: opacity .2s ease-out;
    white-space: nowrap;
    width: 100%
}
.cookiesBtn__link{
    height: 45px !important;
    color: var(--secondary-color) !important;
}
#cookies-policy .cookiesBtn__link:focus,
#cookies-policy .cookiesBtn__link:hover {
    opacity: .8
}
.cookies_alert{
    background: white;
}

.cookies-policy-landing
{
    bottom: 0 !important;
    font-size: 16px !important;
    max-height: 100% !important;
    max-width: 100% !important;
    overflow: auto !important;
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    transition: transform .2s ease-out, opacity .2s ease-out !important;
    z-index: 1980 !important;
}
.cookies__intro .text{
    max-width: 90%;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    text-align: justify;
    color: #6689AB;
}
.rejectAll
{
    text-decoration: underline !important;
    color: #20bdb4;
    font-size: 14px;
}
#cookies-policy{
    box-shadow: 0 -7px 13px 0px #0000001A !important;
}
.cookiesBtn--essential,.cookiesBtnAutorise__link
{
margin-bottom: 0px !important;
}


@media(max-width: 765px){
    .modal-content{
        max-height: 397px !important;
        overflow: scroll;
    }
    .label-category-title-cookies{
        left: 15% !important;
    }
    .cookiesStatus .status-text {
        position: absolute;
        font-size: 10px;
        color: rgba(10, 58, 87, 1);
        font-weight: 600;
        padding-left: 60% !important;
    }
    #cookies-policy .cookies__container{
        height:193px !important;
    }
    .cookies__intro .text {
        max-width: 100%;
    }
}
.cookiesBtnAutorise
{
    width: 50%;
}
#cookieConsentModalLabel
{
    font-size: 16px;
    color: rgba(58, 180, 160, 1);
    font-weight: 500;
}
.modal-header
{
    border-bottom: transparent !important;
}
#cookies-policy .modal-dialog{
    top: 16%;
}
.modal-header .btn-close{

    color: rgba(10, 58, 87, 1);

}
.label-category-title-cookies{
    position: absolute;
    left: 10%;
}
.modal-body .card-ref-cookies
{
    height: 45px;
    border-radius: 5px;
    background: rgba(236, 244, 252, 1);
}
#cookies-policy  .card-ref-cookies .form-check-input{
    width: 19px !important;
    height: 10.7px !important;
}
.card-ref-cookies .form-check-label{
    font-size: 14px;
    font-weight: 400;
    color: rgba(10, 58, 87, 1);
}
.modal-dialog .modal-footer
{
    border-top: transparent !important;
}
#cookieConsentModal .modal-content
{
width: 605px !important;
}
.status-text {
    position: absolute;
    font-size: 10px;
    color: rgba(10, 58, 87, 1);
    font-weight: 600;
    padding-left: 74%;
}

.rotate {
    transform: rotate(90deg);
    /* Rotation à 90 degrés */
    transition: transform 0.3s;
    /* Animation douce */
}

.card-ref-cookies {
    border: 1px solid #ecf4fc !important;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 10px;
}

#cookieConsentModal .description {
    display: none;
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(10, 58, 87, 1);
}
.allowAllCookiesbtn{
    height: 45px !important;
    background: var(--secondary-color)  !important;
    border: 1px solid var(--secondary-color)  !important;
    border-radius: 4px;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    padding: .86em 1em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: opacity .2s ease-out;
    white-space: nowrap;
    width: 100%;
}

.cookiesStatus .form-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-ref-cookies .rotated {
    transform: rotate(270deg) !important;
    transition: transform 0.3s ease;
}
.modal-header .swal2-close{
    position: absolute;
    top: 22px;
    right: 22px;
    color: var(--bs-text-dark);
    font-size: 20px;
}

.parametre-cookies {
    background: #ffffff !important;
    border: 1px solid var(--secondary-color) !important;
    border-radius: 4px;
    color: var(--secondary-color) !important;
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0.86em 1em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: opacity 0.2s ease-out;
    white-space: nowrap;
    width: 100%;
    height: 45px !important;
}
.text-privacy {
    font-family: var(--bs-font-poppins);
    font-size: 12px;
    font-weight: 500;

    text-align: justify;
    color: var(--bs-text-dark);
 
}
#cookies-policy .text-privacy
{
   text-decoration: underline;
}
#cookies-policy .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}

#cookies-policy .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

#cookies-policy .modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}

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

#cookies-policy .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

#cookies-policy .modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
#cookies-policy .modal-header .swal2-close{
    position: absolute;
    top: 22px;
    right: 22px;
    color: var(--bs-text-dark);
    font-size: 20px;
    background: unset;
    border:none;
}
#cookies-policy .cookies-footer .save-apply {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: var(--secondary-color);
    height: 45px;
    width: 202px;
}

#cookies-policy .card-ref-cookies
{
    padding:15px 25px!important;
}

#cookies-policy .form-check-input:checked {
    background-color: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important;
}
#cookies-policy .form-check-input:focus {
    border:1px solid  #b5b5c3!important;
    box-shadow: unset!important;
}
#cookies-policy .form-switch .form-check-input:focus
 {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
#cookies-policy .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --bs-form-check-input-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
#cookies-policy .form-check-input {
    --bs-form-check-input-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    width: 3.25rem;
    margin-left: -3.75rem;
    background-position: left center;
    border-radius: 3.25rem;
    transition: background-position 0.15s ease-in-out;
}
#cookies-policy .form-check-input:not(:checked) {
    background-color: #ffffff !important;
    border: 1px solid #e1e3ea;
}
#cookies-policy .text-muted {
    --bs-text-opacity: 1;
    color: #a1a5b7 !important;
    text-align: left!important;
}

.reopen_cookies {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    box-shadow: 0 5px 7px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    opacity: 0.5;

}
.icons-left {
    left: 2%;
    bottom: 27px;
    position: fixed;
   z-index: 99;
}
.reopen_cookies i {
    color: #ffffff !important;
    font-size: 21px !important;
}
.reopen_cookies:hover {

    opacity: 1;

}