/* Vendors */
@import './vendors/learnybox/jquery.gritter2.css';

@import './layout/_faq.css';
@import './layout/_theme.css';
@import './layout/_user.css';
@import './layout/_builder-mail.css';
@import './layout/_builder-reset.css';

/* Base */
@import './base/nucleo.css';
@import './base/ckeditor5.css';

/* Components */
@import './components/_datatable.css';
@import './components/_datatable_scrollable.css';
@import './components/_avatars.css';
@import './components/_badges.css';
@import './components/_block.css';
@import './components/_buttons.css';
@import './components/_card.css';
@import './components/_card_object_list.css';
@import './components/_card_object.css';
@import './components/_card_object_light.css';
@import './components/_carousel.css';
@import './components/_charts.css';
@import './components/_datetimepicker.css';
@import './components/_dropdowns.css';
@import './components/_filters.css';
@import './components/_forms.css';
@import './components/_grid.css';
@import './components/_intercom.css';
@import './components/_labels.css';
@import './components/_links.css';
@import './components/_loader.css';
@import './components/_modals.css';
@import './components/_notifications.css';
@import './components/_panels.css';
@import './components/_popovers.css';
@import './components/_progress.css';
@import './components/_section.css';
@import './components/_tables.css';
@import './components/_tooltips.css';
@import './components/_typography.css';
@import './components/_timeline.css';
@import './components/_change_display.css';
@import './components/_todo_list.css';
@import './components/_helper.css';
@import './components/_disabled_link_input.css';

/* Layout */
@import './layout/_tutoriel.css';
@import './layout/_main-header.css';
@import './layout/_sub-header.css';
@import './layout/_main-sidebar.css';
@import './layout/_main-menu.css';
@import './layout/_main-container.css';
@import './layout/_main-search.css';
@import './layout/_main-account.css';
@import './layout/_settings.css';
@import './layout/_settings-menu.css';
@import './layout/_settings-container.css';
@import './layout/_top-sub-menu.css';
@import './layout/_blank_state.css';

/* Fonts */
@import './base/fonts/Rubik.css';
@import './base/Lato.css';

/* Dark Mode */
@import './base/dark-mode.css';

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

body {
    background: var(--app-layout-bg);
    color: var(--app-color-dark);
    font-family: var(--app-font-family);
    font-size: var(--app-font-size);
    font-weight: var(--app-font-weight);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}

#body-container {
    display: flex;
    height: 100vh;
    background: var(--app-layout-bg);
    padding-top: 0;
}

.overlay {
    position: fixed;
    top: 0;
}

.lb-env-label {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    left:calc(50% - 50px);
    font-weight: 700;
    padding: 4px 0;
    position: fixed;
    text-align: center;
    top:0;
    width: 100px;
    z-index: 99999;
}

.container-fluid #content {
    padding: 0 0 0 0;
}

.container #content {
    padding: 0;
}

.row {
    margin-left: -18px;
    margin-right: -18px;
}
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
    padding-right: 18px;
    padding-left: 18px;
}
@media only screen and (min-width: 64em) {
    .col, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        padding-right: 18px;
        padding-left: 18px;
    }
    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        padding-right: 18px;
        padding-left: 18px;
    }
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.row-eq-height .bootcards-list {
    height: 100%;
}

.bold {
    font-weight: 700;
}
.light {
    font-weight: 300;
}

.bg-primary {
    background-color: var(--app-color-primary);
}
.bg-primary-light {
    background-color: var(--app-color-primary-light);
}
.bg-primary-super-light {
    background-color: var(--app-color-primary-super-light);
}

.bg-secondary {
    background-color: var(--app-color-secondary);
}

.bg-tertiary {
    background-color: var(--app-color-tertiary);
}
.bg-tertiary-light {
    background-color: var(--app-color-tertiary-light);
}

.bg-light {
    background: var(--Background-Primary, #F9F5F1);
}

.bg-success,
a.bg-success:hover {
    background: var(--common-primary-brand-emerald-100);
}
.bg-success-light {
    background-color: var(--common-primary-brand-emerald-20);
}
.bg-success-super-light {
    background-color: var(--common-primary-brand-emerald-10);
}

.bg-warning {
    background-color: var(--common-primary-brand-yellow-100);
}
.bg-warning-light {
    background-color: var(--common-primary-brand-yellow-20);
}
.bg-warning-super-light {
    background-color: var(--common-primary-brand-yellow-10);
}

.bg-danger {
    background: var(--common-secondary-brand-red-100) !important;
}
.bg-danger-light {
    background: var(--common-secondary-brand-red-20);
}
.bg-danger-super-light {
    background: var(--common-secondary-brand-red-10);
}

.bg-info,
.bg-blue {
    background: var(--common-primary-brand-cobalt-blue-100) !important;
}
.bg-info-light,
.bg-blue-light {
    background: var(--common-primary-brand-cobalt-blue-20) !important;
}
.bg-info-super-light,
.bg-blue-super-light {
    background-color: var(--common-primary-brand-cobalt-blue-10) !important;
}

.bg-coral {
    background: var(--common-primary-brand-coral-100);
}
.bg-coral-light {
    background: var(--common-primary-brand-coral-20);
}
.bg-coral-super-light {
    background: var(--common-primary-brand-coral-10);
}

.bg-yellow {
    background: var(--common-primary-brand-yellow-100) !important;
}
.bg-yellow-light {
    background: var(--common-primary-brand-yellow-20) !important;
}
.bg-yellow-super-light {
    background: var(--common-primary-brand-yellow-10) !important;
}

.bg-purple {
    background: var(--common-secondary-brand-purple-100) !important;
}
.bg-purple-light {
    background: var(--common-secondary-brand-purple-20) !important;
}

.bg-teal {
    background: var(--common-secondary-brand-teal-100) !important;
}
.bg-teal-light {
    background: var(--common-secondary-brand-teal-20) !important;
}

.bg-pink-light {
    background-color: var(--app-color-pink-light);
}
.bg-pink-super-light {
    background-color: var(--app-color-pink-super-light);
}

.bg-navy-blue {
    background: var(--common-primary-brand-navy-blue-100) !important;
}
.bg-navy-blue-light {
    background: var(--common-primary-brand-navy-blue-20) !important;
}
.bg-navy-blue-super-light {
    background: var(--common-primary-brand-navy-blue-5) !important;
}

.bg-emerald {
    background: var(--common-primary-brand-emerald-100) !important;
}
.bg-emerald-light {
    background: var(--common-primary-brand-emerald-20) !important;
}
.bg-emerald-super-light {
    background: var(--common-primary-brand-emerald-10) !important;
}

.bg-peach-pink {
    background: var(--common-secondary-brand-peach-pink-100) !important;
}
.bg-peach-pink-light {
    background: var(--common-secondary-brand-peach-pink-20) !important;
}
.bg-peach-pink-super-light {
    background: var(--common-secondary-brand-peach-pink-10) !important;
}

.bg-orange {
    background: var(--common-secondary-brand-orange-100) !important;
}
.bg-orange-light {
    background: var(--common-secondary-brand-orange-20) !important;
}
.bg-orange-super-light {
    background: var(--common-secondary-brand-orange-10) !important;
}

.bg-pearl-pink {
    background: var(--common-secondary-brand-pearl-pink-100) !important;
}
.bg-pearl-pink-light {
    background: var(--common-secondary-brand-pearl-pink-20) !important;
}
.bg-pearl-pink-super-light {
    background: var(--common-secondary-brand-pearl-pink-10) !important;
}

.bg-fushia {
    background: var(--common-secondary-brand-fushia-100) !important;
}
.bg-fushia-light {
    background: var(--common-secondary-brand-fushia-20) !important;
}
.bg-fushia-super-light {
    background: var(--common-secondary-brand-fushia-10) !important;
}

.bg-green {
    background: var(--common-secondary-brand-green-100) !important;
}
.bg-green-light {
    background: var(--common-secondary-brand-green-20) !important;
}
.bg-green-super-light {
    background: var(--common-secondary-brand-green-10) !important;
}

.bg-gray {
    background: var(--Background-Builder, #f5f5f5);
}
.gray-container {
    border-radius: 16px;
    background: var(--Background-Builder, #f5f5f5);
    padding: 24px;
}
.gray-container input,
.gray-container .input-group {
    box-shadow: var(--app-box-shadow-gris);
    border: none;
}
.gray-container .input-group input {
    box-shadow: none;
}

.stats-up {
    color: var(--app-color-primary);
}

.stats-down {
    color: #F2BE46;
}

.list-title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.list-group.list-group-v2 {
    margin-bottom: 0px;
}

.list-group.list-group-v2 a.list-group-item {
    border: 1px solid #D2D3E0;
    display: table;
    width: 100%;
    padding: 14px;
    text-decoration: none !important;
}
.list-group-item {
    background: var(--Background-Secondary, #FFFFFF);
    text-decoration: none;
    border: 1px solid var(--app-layout-border-color);
}
.list-group-item.list-group-item-flex {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.list-group-item.list-group-item-flex img {
    margin-right: 0;
}
.list-group-item.list-group-item-flex div {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: var(--app-color-dark);
}
.list-group-item-text {
    color: var(--app-color-dark);
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    background: var(--common-primary-brand-cobalt-blue-10, #262E4A);
}

.list-group.list-group-v2 a.list-group-item .list-group-item-icon {
    color: #34364B;
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    font-size: 16px;
    padding: 5px
}

.list-group.list-group-v2 a.list-group-item .list-group-item-text {
    display: table-cell;
    vertical-align: middle;
    color: black;
}

.list-group.list-group-v2 a.list-group-item.side-news-link {
    height: 62px;
}

.list-group.list-group-v2 a.list-group-item .list-group-item-text .list-group-item-text-title {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 300;
}

.list-group.list-group-v2 a.list-group-item .list-group-item-text .list-group-item-text-title.side-news {
    margin-bottom: 0;
}

.list-group.list-group-v2 a.list-group-item .list-group-item-text .list-group-item-text-subtitle {
    color: #34364B;
    opacity: 0.5;
    font-size: 11px;
}

a.link-block {
    display: block;
    padding: 16px;
    border: 1px solid #D2D3E0;
    border-radius: 4px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
}

a.link-block:hover {
    background: #F9FAFB;
}

a.link-block .link-block-title {
    line-height: 26px;
    color: #34364B;
}

a.link-block .link-block-subtitle {
    color: var(--app-color-primary);
}

/** TITLES **/
.top-page-title {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 var(--app-layout-padding);
    min-height: 40px;
}
.top-page-title-left-content {
    display: flex;
    align-items: center;
    gap: 12px;
}
.top-page-heading {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.top-submenu + #content > .top-page-title h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.top-page-title .nb-items {
    margin-right: 5px;
}
.top-page-title .actions {
    text-align: right;
    padding-right: 0;
}
.top-page-title .subnav {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-page-title .subnav.no-gap {
    gap: 0;
}
.top-page-title h1,
.top-page-title h3 {
    margin: 0;
}
.top-page-title .top-page-subtitle {
    flex: 0 1 100%;
    clear: both;
}
.top-page-title .tooltip-help-video {
    float: left;
    font-size: 15px;
}
.tab-pane:not(.tab-pane-user-content) > .top-page-title {
    padding-left: 0px;
    padding-right: 0px;
}


.section-page-title {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 var(--app-layout-padding);
    min-height: 40px;
}
.section-page-title .subnav {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}


.affiliation_lb-title .tooltip-help-video {
    width: 50px;
    height: 15px;
    line-height: 15px;
    font-size: 15px;
    display: inline-block;
}

.header-univers .tooltip-help-video {
    display: inline-block;
    width: 50px;
    height: 48px;
    font-size: 15px;
    margin-left: 10px;
}

.top-page-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: var(--app-table-border);
    border-radius: 16px;
    padding: 18px 16px;
    background: var(--Background-Secondary);
    margin-bottom: 16px;
}
.top-page-filters-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.top-page-filters-labels .button-label {
    border: 1px solid #DDDDE1;
    padding: 8px 16px;
    border-radius: 20px;
    color: var(--app-color-dark);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}
.top-page-filters-labels .button-label.active,
.top-page-filters-labels .button-label:hover {
    background: var(--app-color-info-light);
    text-decoration: none;
}



.doSpin {
    -webkit-animation:doSpin 4s linear infinite;
    -moz-animation:doSpin 4s linear infinite;
    animation:doSpin 4s linear infinite;
}
@-moz-keyframes doSpin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes doSpin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes doSpin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.doShake {
    animation: doShake 0.3s infinite;
}
@keyframes doShake {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}

.top-page-title .tooltip-help-video a,
.affiliation_lb-title .tooltip-help-video a,
.header-univers .tooltip-help-video a {
    color: unset;
}

.top-page-title .tooltip-help-video a:hover,
.affiliation_lb-title .tooltip-help-video a:hover,
.header-univers .tooltip-help-video a:hover {
    text-decoration: underline;
}

.top-page-title .btn-alert {
    color: #7679A1;
    font-size: 16px;
}

.top-page-title .bloc-change-display .btn-group .btn i {
    margin: 0;
}

.top-page-title .btn-action, .top-page-title .btn-action:hover {
    font-size: inherit;
    margin-right: unset;
    background: #FFF;
    border: 1px solid #D2D3E0;
    color: #34364B;
}

.top-page-title .nb-items {
    color: inherit;
}

#welcome {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}
.card-403 {
    width: 460px !important;
    padding: 50px 40px 40px 40px !important;
}

.card-403 .card-login-footer {
    float: initial !important;
    width: 270px !important;
    margin: 0 auto;
}

.no-results.no-results-cards {
    height: 300px;
    position: relative;
    text-align: center;
    font-weight: 100;
}

.no-results.no-results-cards div {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.no-results.no-results-cards span {
    font-size: 36px;
}

.cards-list .no-results {
    width: 100% !important;
    text-align: center;
    font-size: 36px;
    color: #D2D3E0;
    padding-top: 50px;
    border: unset;
    height: 300px;
    box-shadow: unset;
    font-weight: 100;
}

.cke {
    border: 1px solid #D2D3E0 !important;
    border-radius: 4px !important;
}

.cke_bottom {
    background: #F9FAFB !important;
}

.cke_path_item, .cke_path_empty {
    color: #34364B !important;
}

/**
* 404 page
 */
.page-404 {
    margin-top: 5%;
    text-align: center;
}
.col-12 {
    width: 100%;
}
.page-404-picture {
    position: fixed;
    bottom: 0;
    left: -40px;
    max-width: 50%;
}
.page-404-picture img {
    max-width: 600px;
    width: 100%;
}
.page-404-subtitle {
    color: #000;
    text-align: center;
    font-size: 80px;
    font-weight: 100;
    line-height: 1;
}
.page-404-title {
    color: #000;
    text-align: center;
    font-size: 128px;
    font-weight: 900;
    letter-spacing: -2.56px;
    margin-bottom: 50px;
    line-height: 100px;
}
.page-404-content {
    font-size: 20px;
}

.page-404-title img {
    margin: 0 18px;
    vertical-align: baseline;
}

.pointer {
    cursor: pointer;
}

.cke_chrome {
    border-radius: 16px !important;
    border: 1px solid var(--app-color-grey-light) !important;
    box-shadow: 0 2px 4px 0 rgba(209, 213, 219, 0.25) !important;
}

.cke_inner {
    border-radius: 16px !important;
    border: none !important;
    background: var(--Background-Secondary);
}

.cke_top {
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 1px solid var(--app-color-grey-light) !important;
}

.cke_bottom {
    border-radius: 0 0 16px 16px !important;
    border: none !important;
}

table.cke_dialog_contents {
    min-width: 420px;
}
table.cke_dialog_contents td.cke_dialog_contents_body {
    padding-left: 17px;
}

.variables-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.variables-list a {
    text-decoration: none;
}
.variables-list:before {
    content: unset;
}

img.autorepondeur-img {
    max-width: 200px;
    margin: 20px 0;
}

@media (max-width: 1200px) {
    .top-page-title {
        gap: 20px;
        height: auto;
    }
}

@media (max-width: 992px) {
    .top-page-title {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }
    .settings-content .top-page-title {
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    .no-results.no-results-cards div {
        width: 100%;
    }

    div:not(.settings-content) > .top-page-title h3 {
        float: none;
    }

    .top-page-title .subnav {
        margin-bottom: 0;
        text-align: left;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .top-page-title {
        padding: 0;
    }
}

#finder iframe {
    border: 1px solid #D7DCDF !important;
    border-radius: 16px;
}

code {
    padding: 8px;
    border-radius: 8px;
}
#bank-accounts.bank-account {
    display: none;
}
body.dark pre {
    background: var(--common-primary-brand-navy-blue-20, #434553);
    border: none;
    color: var(--app-color-dark);
}

.main-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 29, 35, 0.9);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}