/*!
    * Style css for Safran's portal
    */

    @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');


    :root {
        --main-color-black: #000;
        --main-color-white: #fff;
        --main-color-background: #f9fafc;
        --primary-grey: #1B1D27;
        --gradient-body-start: #112753;
        --gradient-body-end: #070E1D;
        --gradient-button-prmy-start: #0F60A7;
        --gradient-button-prmy-end: #3B87CC;
        --secondary-lightgrey: #D6DAE6;
        --primary-blue: #3B87CC;
        --main-color-navbar: #1B1D27;
        --secondary-color-navbar: #070E1D;
        --separator-grey-navbar: #515567;
        --main-color-smartbar: #02143A;
        --main-color-thead: #0F60A7;
        --secondary-color-smartbar: #112753;
        --main-color-title: #525668;
        --main-color-footer: #BCBFCF;
        --main-color-AOG: #EFF8FF;
        --gradient-button-prmy-start-hover: #073A7C;
        --main-color-disabled-field: #E7EAF2;
    }

    body {
        margin: 0;
        padding: 0;
        background: var(--main-color-background);
        font-family: 'Barlow', sans-serif;
        font-weight: normal;
        font-size: 15px;
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    /* --- General --- */

    @keyframes spinner {
        0% {
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
        }

        100% {
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
        }
    }

    .loader {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(27 27 27 / 70%);
        z-index: 9999;
    }

    .loader::after {
        animation: 1.5s linear infinite spinner;
        animation-play-state: inherit;
        border: solid 10px #cfd0d1;
        border-bottom-color: #1c87c9;
        border-radius: 50%;
        content: "";
        height: 90px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 90px;
        will-change: transform;
    }

    .creationLoader {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgb(27 27 27 / 70%);
        z-index: 9999;
    }

    .creationLoader::after {
        animation: 1.5s linear infinite spinner;
        animation-play-state: inherit;
        border: solid 10px #cfd0d1;
        border-bottom-color: #1c87c9;
        border-radius: 50%;
        content: "";
        height: 90px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 90px;
        will-change: transform;
    }

    .bt {
        display: block;
        text-align: center;
        text-transform: uppercase;
        padding: 1.1rem;
        font-size: 1.1em;
        cursor: pointer;
        border: none;
        transition: 0.3s;
    }

    .bt-primary,
    .bt-primary:focus,
    .btn-entitylist-filter-submit {
        color: var(--main-color-white) !important;
        border: none !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
        padding: 16px 40px 16px 40px;
        gap: 8px;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        text-transform: uppercase;
    }

    .bt-primary:hover:enabled,
    a.bt-primary:hover,
    .btn-entitylist-filter-submit:hover {
        color: var(--main-color-white) !important;
        text-decoration: none !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start-hover) 0%, var(--gradient-button-prmy-end) 100%) !important;
    }

    .bt-secondary,
    .btn-clear {
        border: 1px solid var(--primary-blue);
        color: var(--primary-blue);
    }

    .bt-secondary:hover:enabled,
    a.bt-secondary:hover,
    .btn-clear:hover {
        color: var(--main-color-white);
        text-decoration: none;
        background: var(--primary-blue);
    }

    .bt-full {
        width: 100%;
    }

    .bt-mg {
        margin: 2rem 0;
    }

    .bt-square {
        width: 50px;
        height: 50px;
        margin-right: 1rem;
        background: linear-gradient(0deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
    }

    button.btn-entitylist-filter-submit {
        border-color: var(--main-color-smartbar) !important;
        margin-left: 5px;
    }

    @media screen and (min-width: 992px) {
        .bt-addcomment {
            float: right;
        }
    }

    @media screen and (max-width: 992px) {
        .bt-addcomment {
            margin: 0 0 2rem 0 !important;
            width: 100%;
        }
    }

    .bt-square:hover {
        background: linear-gradient(0deg, var(--main-color-smartbar) 0%, var(--gradient-button-prmy-end) 100%);
    }

    .bt-square i {
        margin-top: 5px;
    }

    .crmEntityFormView .btn-group.entity-action-button:not(:last-child) {
        margin-right: 1rem;
    }

    .logo {
        height: 60px;
    }

    .smartlink {
        display: block;
        margin: 1rem 0;
        font-size: 0.8em;
    }

    .separator-right {
        border-right: 1px solid var(--separator-grey-navbar);
    }

    .mt-2 {
        margin-top: 2rem !important;
    }

    .mt-4 {
        margin-top: 4rem !important;
    }

    .mb-2 {
        margin-bottom: 2rem !important;
    }

    @media screen and (max-width: 992px) {
        .separator-right {
            border: none;
        }
    }

    img {
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        /* IE 9 */
        -webkit-transform: translateZ(0);
        /* Chrome, Safari, Opera */
        transform: translateZ(0);
    }

    a {
        cursor: pointer;
    }

    a:hover,
    a:active {
        text-decoration: underline;
        color: var(--primary-blue);
    }

    a:focus {
        text-decoration: none;
    }

    h2 {
        color: var(--main-color-title);
        font-size: 1.1em;
        text-transform: uppercase;
    }

    a.bt.disabled {
        pointer-events: none;
    }

    .bt.disabled,
    .bt[disabled] {
        cursor: not-allowed !important;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    /* @media (min-width: 1599px)
    {
        .container {
            width: 1500px;
        }
    } */

    @media (min-width: 1200px) {
        .container {
            width: 90vw;
        }
    }

    #successAlert {
        display: none;
    }

    .unselectable {
        cursor: not-allowed;
        pointer-events: none;
    }

    *:focus {
        outline: none !important;
    }

    .panel-filters {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .bt-filters {
        margin: 0 0 10px 5px;
    }

    .filters-label {
        font-size: 1em;
    }

    .pagination-creation {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: space-between;
    }

    .saf-page-header h1 {
        font-size: 1.8em;
    }

    .returnback {
        color: var(--secondary-color-smartbar);
        text-transform: uppercase;
        font-size: 0.9em;
    }

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

    fieldset[aria-label="HiddenSection"] {
        display: none;
    }

    div[data-name="tab_address"] fieldset .info {
        display: none;
    }

    div[data-name="tab_address"] fieldset table tbody tr td:first-child {
        padding: 0 28px;
    }

    .grid-actions,
    .entitylist,
    .crmEntityFormView {
        border: none !important;
    }

    /* --- Header --- */

    .headerspace {
        margin: 1em;
    }

    .navbar {
        min-height: auto;
    }

    .navbar-bkg {
        background: var(--main-color-navbar);
        border-bottom: 1px solid var(--separator-grey-navbar);
    }

    .navbar-smartbar {
        background: var(--secondary-color-navbar);
    }

    .navbar-logo {
        /* color: var(--main-color-white);
        margin: 15% 0;
        font-size: 2.5em;
        font-weight: 100; */
        margin: 5px 0;
    }

    .navbar-logo:hover {
        text-decoration: none;
    }

    .navbar-header {
        padding-right: 1%;
        border-right: 1px solid var(--separator-grey-navbar);
    }

    .links-smartbar {
        background: var(--main-color-smartbar) !important;
    }

    .links-smartbar a {
        color: var(--main-color-white) !important;
    }

    .navbar-smartbar .navbar-nav>li>a:hover {
        background: var(--primary-blue) !important;
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: var(--primary-blue);
        border-color: var(--primary-blue);
    }

    .navbar-smartbar .nav>li>a:hover,
    .nav>li>a:focus,
    .nav>li>a:visited {
        background-color: var(--primary-blue) !important;
        text-decoration: none !important;
    }

    /* .navbar-nav>li>.dropdown-menu{
        background-color: var(--main-color-smartbar) !important;
    }
    
    .navbar .dropdown-menu>li>a,  .navbar .dropdown-menu>li>a:active{
        padding: 10px 20px;
        color: var(--main-color-white) !important;
        border-bottom: 1px solid var(--separator-grey-navbar) !important;
    }
    
    .navbar .dropdown-menu>li>a:hover{
        background-color: var(--primary-blue) !important;
        color: var(--main-color-white) !important;
        border: none !important;
        border-bottom: 1px solid var(--separator-grey-navbar) !important;
    }
    
    .navbar .dropdown-menu>li:last-child>a{
        border: none !important;
    } */

    .navbar-nav>li>.dropdown-menu {
        background-color: var(--main-color-smartbar);
    }

    .navbar .dropdown-menu>li>a,
    .navbar .dropdown-menu>li>a:active {
        padding: 10px 20px;
        color: var(--main-color-white);
        border-bottom: 1px solid var(--separator-grey-navbar);
    }

    .navbar .dropdown-menu>li>a:hover {
        background-color: var(--primary-blue) !important;
        color: var(--main-color-white) !important;
        border: none;
        border-bottom: 1px solid var(--separator-grey-navbar);
    }

    .navbar .dropdown-menu>li:last-child>a {
        border: none;
    }

    .navbar-link-search {
        font-size: 1.3²em;
        background: var(--secondary-color-smartbar);
    }

    .navbar-icon {
        margin-right: 3px;
    }

    .navbar-companies {
        margin-top: 0.4rem;
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: 600;
        letter-spacing: 0.05em;
    }

    .navbar-companies ul:first-child {
        margin-left: 1rem;
    }

    .navbar-companies a {
        color: var(--main-color-white);
    }

    .navbar-companies a:hover {
        color: var(--main-color-white);
        text-decoration: underline;
        background: transparent;
    }

    .navbar-companies .navbar-nav {
        float: none;
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration: underline;
        background-color: transparent !important;
    }

    .bt-requestheader {
        padding: 10px 20px !important;
        margin-top: 5px;
        font-size: 1em;
    }

    .bt-requestheader-lg {
        width: 92%;
        margin: auto;
    }

    #navbar .form-search .dropdown-menu {
        background: var(--main-color-smartbar);
    }

    /* --- Breadcrumb --- */

    .breadcrumb {
        display: none;
    }

    .body-breadcrumb {
        background: var(--main-color-navbar);
    }

    .sfbreadcrumb {
        /* Override Bootstrap */
        margin: 10px 0px !important;
        background-color: transparent !important;
        color: var(--main-color-white);
    }

    .sfbreadcrumb>.active {
        font-weight: bold;
    }

    .sfbreadcrumb>li {
        display: inline-block;
    }

    .sfbreadcrumb>li a,
    .breadcrumb>li a:hover {
        /* Override Bootstrap*/
        color: var(--main-color-white);
        text-decoration: none;
    }

    .sfbreadcrumb>li+li:before {
        /* Override Bootstrap*/
        content: "● ";
        color: var(--separator-grey-navbar);
    }

    /* --- Alerts --- */

    .alert-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .alert-icon {
        font-size: 2.5rem;
        margin: 0 2rem 4px 2rem;
    }

    .alert-body button {
        margin-left: auto;
    }

    .alert-maintenance {
        display: none;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #efe0c3 !important;
    }

    div.message.success {
        /* Override Bootstrap*/
        padding: 9px 14px 9px 14px !important;
    }

    /* --- Connection --- */

    .connect-block {
        margin: 2rem 0;
    }

    @media screen and (max-width: 992px) {
        .connect-block {
            margin: 5rem 0;
        }

        .connect-body>div {
            flex: auto;
        }
    }

    @media screen and (min-width: 992px) {
        .connect-body div {
            padding: 1rem 5rem;
        }

        .connect-body>div {
            flex-basis: 50%;
            flex-grow: 0;
        }
    }

    .connect-body {
        background: var(--main-color-white);
        padding: 2rem;
        box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.15);
        display: flex;
        flex-wrap: wrap;
    }

    .connect-body h2 {
        color: var(--primary-grey);
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 4rem;
    }

    /* --- Block --- */

    .body-block {
        background: var(--main-color-white);
        box-shadow: 0px 6px 20px rgba(7, 14, 29, 0.08);
        margin-top: 2%;
        padding: 1rem;
    }

    .page-heading {
        position: relative;
    }


    @media screen and (max-width: 770px) {
        .body-block {
            margin: 2rem 1rem;
        }
    }


    .body-block h1 {
        text-align: center;
        color: var(--main-color-navbar);
    }

    /* --- Section --- */

    .search-section {
        background: var(--main-color-white);
        box-shadow: 0px 4px 8px rgba(1, 22, 62, 0.14);
        padding: 2% 0;
    }

    .search-section .input-group {
        width: 50%;
        margin: auto;
    }

    .search-section button {
        background: linear-gradient(270deg, var(--gradient-button-prmy-end) 0%, var(--gradient-button-prmy-start) 100%);
        border: 1px solid var(--gradient-button-prmy-end);
    }

    .search-section .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border: 1px solid var(--gradient-button-prmy-end);
    }

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

    .portal-section {
        margin: 2rem 0;
    }

    .portal-section h2 {
        color: var(--main-color-title);
        font-size: 1.1em;
        text-transform: uppercase;
    }

    /* --- flex --- */

    .flex {
        display: flex;
    }

    .justify-spacearound {
        justify-content: space-around;
    }

    /* --- Carousel ---*/

    .card-carousel {
        box-shadow: 0px 6px 20px rgba(24, 51, 104, 0.12);
        width: 300px;
        height: 206px;
    }

    /* --- Cards --- */
    @media screen and (min-width: 992px) {
        .servicecards {
            display: flex;
            flex-wrap: wrap;
        }
    }

    .card {
        background: var(--main-color-white);
        border: 1px solid var(--secondary-lightgrey);
        box-shadow: 0px 3px 10px rgba(48, 80, 143, 0.12);
        /* height: 100%; */
        margin-bottom: 3rem;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .row.servicecards .col-lg-3.col-md-4.col-sm-12 {
        padding-bottom: 20px;
    }

    .card-body {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 3%;
    }

    .card-KPI {
        padding: 1rem 2rem;
    }

    .card-footer {
        margin: 5px;
        margin-top: auto;
    }

    .card img {
        height: 3.5rem;
        object-position: center;
        object-fit: cover;
    }

    .card-icon {
        font-size: 2rem;
        padding: 1rem 0;
    }

    .card-KPIValue {
        font-size: 4rem;
        color: var(--primary-blue);
        font-weight: 600;
    }

    .card-KPILabel {
        font-size: 1.8rem;
        font-weight: 600;
    }

    .card-text {
        word-break: break-all;
    }

    .card h3 {
        color: var(--main-color-smartbar);
        margin: 0.3em 0;
    }

    .card h4 {
        color: var(--main-color-black);
        font-size: 1em;
        margin: 0.2px;
    }

    a.card-body.card-KPI,
    a.card-body.card-NewReq,
    a.card-link {
        text-decoration: none;
        color: var(--separator-grey-navbar);
    }

    a.card-link:hover,
    a.card-link:focus {
        outline: 5px solid var(--primary-blue);
    }

    a.card-KPI:hover,
    a.card-KPI:focus {
        outline: 5px solid var(--primary-blue);
        outline-offset: -2px;
    }

    .card-KPI-selected {
        outline: 2px solid var(--primary-blue) !important;
        outline-offset: -2px;
    }

    #myclaims-banner {
        width: 100%;
        height: auto;
    }

    .banner-container {
        position: relative;
        text-align: center;
        color: white;
    }

    .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 7rem;
        font-weight: 300;
    }

    .cardButton-container {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .cardButton {
        flex: 1;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        border: 1px solid var(--secondary-lightgrey);
        box-shadow: 0px 3px 10px rgba(48, 80, 143, 0.12);
        padding: 10px 10px 13px 18px;
        cursor: pointer;
        max-width: 100%;
        color: #333;
    }

    .icon-box {
        font-size: 32px;
        margin-right: 20px;
    }

    .cardButton-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cardButton-header {
        font-size: 1.8rem;
        font-weight: normal;
    }

    .cardButton-text {
        font-size: 1.3rem;
    }

    /* --- Footer --- */

    footer {
        margin-top: auto;
    }

    .footer {
        margin-top: 5rem;
        background: var(--secondary-color-navbar);
    }

    .credits-footer {
        border-bottom: 1px solid var(--separator-grey-navbar);
        font-size: 0.9em;
        color: var(--main-color-white);
        padding: 2rem 0;
    }

    .credits-footer>div>div {
        color: var(--main-color-footer);
        padding: 1% 0;
    }

    .credits-footer a,
    .credits-footer a:hover,
    .credits-footer a:focus {
        color: var(--main-color-white);
        text-decoration: none;
    }

    .credits-footer a .fa {
        color: var(--main-color-footer);
        font-size: 0.7em;
        margin-left: 0.2%;
    }

    .credits-footer a[aria-expanded=true] .fa-chevron-down {
        display: none;
    }

    .credits-footer a[aria-expanded=false] .fa-chevron-up {
        display: none;
    }

    .followus-footer {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 2rem;
        font-size: 0.8em;
    }

    .followus-footer div:not(:first-child) {
        margin-left: 3rem;
    }

    .nav-footer {
        display: flex;
        padding: 2rem 0;
        align-items: center;
    }

    .links-footer {
        display: flex;
        flex: 1;
        justify-content: center;
    }

    .links-footer li {
        padding: 0 2rem;
        list-style: none;
    }

    .links-footer li a {
        font-size: 0.76em;
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: 0.04rem;
        color: var(--main-color-footer);
    }

    @media screen and (max-width: 992px) {
        .nav-footer {
            flex-direction: column;
        }

        .links-footer {
            flex-wrap: wrap;
            padding: 0;
        }
    }

    .back-to-top {
        display: none;
        position: fixed;
        bottom: 40px;
        right: 40px;
    }

    /* --- Boostrap override --- */

    .navbar-right {
        padding-top: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: 'Barlow', sans-serif !important;
    }

    h1 {
        color: var(--main-color-black) !important;
    }

    .icon-user {
        padding: 5px;
    }

    li a {
        margin-left: 0px;
    }

    .footer .footer-bottom ul li a,
    footer .footer-bottom ul li a:hover,
    footer .footer-bottom ul li a:focus,
    footer .footer-bottom ul li a:active,
    footer .footer-bottom ul li a.active {
        color: var(--main-color-footer);
        font-size: 0.7em;
    }

    .glyphicon {
        top: 2px;
    }

    .sectionBlockLayout {
        padding: 0 !important;
    }

    .page-header {
        border: none !important;
        margin: 0 0 21px;
    }

    .page-header>h1>div>div {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page-heading {
        padding-top: 0 !important;
    }

    .navbar-toggle {
        background-color: transparent !important;
        margin-top: 14px !important;
    }

    .navbar-toggle .icon-bar {
        background-color: var(--main-color-white);
    }

    .navbar-toggle .icon-bar {
        border: none !important;
    }

    button.btn.btn-default.btn-xs.aria-exp {
        padding: 0.4rem 0.6rem;
        background-color: transparent !important;
        border: 1px solid var(--primary-blue);
        font-size: 0.9rem;
    }

    .section-landing-search {
        background: none !important;
    }

    .launchentitylookup {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 15px;
        line-height: 1.42857;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .view-pagination ul {
        display: flex;
        flex-wrap: wrap;
    }

    .entity-grid .view-grid {
        /* overflow-x: hidden !important;  */
        overflow-x: auto !important;
    }

    #navbar .dropdown-menu {
        margin: 0;
        text-decoration: none;
        background: var(--gradient-body-start);
    }

    .alert {
        padding: 1rem;
        margin-bottom: 0;
        border: none;
    }

    legend {
        font-size: 1.7rem !important;
        color: var(--primary-blue) !important;
    }


    /* --- Registration page --- */

    .registerprivacystatement {
        display: inline-block;
        width: 90%;
    }

    .crmEntityFormView .cell.checkbox-cell:first-child,
    .captcha-cell {
        padding: 0 28px 20px;
    }

    .infosregister {
        color: var(--primary-blue);
        font-size: 0.9em;
    }

    .infosregister::before,
    .warningregister::before {
        content: "🛈";
        font-size: 1.1em;
        margin-right: 4px;
    }

    .warningregister {
        color: #a94442;
        font-size: 0.9em;
    }

    legend.section-title {
        max-width: 100%;
        font-weight: bold;
        /* padding: 0 28px; */
        font-size: 1em;
        color: var(--secondary-color-smartbar);
        border-bottom: 1px solid lightgrey !important;
        margin: auto;
        margin-bottom: 10px !important;
        width: 98%;
    }

    legend.list-title {
        max-width: 100%;
        font-weight: bold;
        /* padding: 0 28px; */
        font-size: 1em;
        color: var(--secondary-color-smartbar);
        border-bottom: 1px solid lightgrey !important;
        margin-bottom: 10px !important;
        width: 100%;
    }

    .acceptanceText {
        margin-top: 10px !important;
        font-size: 0.9em !important;
    }

    .acceptanceText::before {
        content: "" !important;
    }

    td.clearfix.cell.checkbox-cell {
        padding: 0 28px 5px !important;
    }

    a.btn.btn-primary,
    a.btn.btn-primary:focus,
    a.btn.btn-primary:active,
    .btn-info {
        color: var(--main-color-white) !important;
        border: none !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
        padding: 16px 40px 16px 40px;
        gap: 8px;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        text-transform: uppercase;
    }

    a.btn.btn-primary:hover,
    .btn-info:hover,
    input#InsertButton:hover,
    input#UpdateButton:hover,
    button#error-dismiss:hover {
        color: var(--main-color-white) !important;
        fill: var(--main-color-white);
        text-decoration: none !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start-hover) 0%, var(--gradient-button-prmy-end) 100%) !important;
    }

    input#DraftButton:hover,
    a.cardButton:hover {
        color: var(--main-color-white) !important;
        fill: var(--main-color-white);
        text-decoration: none !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%) !important;
    }

    input#InsertButton,
    input#InsertButton:focus,
    input#InsertButton:active {
        color: var(--main-color-white) !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
        display: block;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        padding: 1.1rem;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        cursor: pointer;
        border: none !important;
    }

    input.input-error {
        border: 1px solid #a94442;
        background-color: #f2dede;
        color: #a94442;
    }

    input.input-valid {
        border: 1px solid #3c763d;
        background-color: #dff0d8;
        color: #3c763d;
    }

    input.text {
        text-decoration: none !important;
    }

    input.disabled {
        cursor: not-allowed !important;
    }

    .msos-container {
        font-family: Barlow, sans-serif !important;
        font-size: 15px !important;
    }

    /* --- News block  --- */

    .news-block {
        margin-top: 3rem;
        background: white;
        box-shadow: 0px 6px 20px rgb(24 51 104 / 12%);
        display: flex;
    }

    .news-block img {
        width: 100%;
        height: 100%;
        max-height: 300px;
        object-position: center;
        object-fit: cover;
    }

    @media screen and (min-width: 992px) {
        .news-block img {
            max-width: 300px;
        }
    }

    .news-block p {
        margin: 2rem;
    }

    .news-text {
        padding: 1rem;
    }

    @media screen and (max-width: 992px) {
        .news-block {
            flex-direction: column;
        }
    }

    /* --- AOG block --- */

    .AOG-block {
        background: var(--main-color-AOG);
        padding: 2rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        color: var(--primary-blue);
    }

    .AOG-block a {
        color: var(--primary-blue);
    }

    .AOG-infos {
        display: flex;
        flex-wrap: wrap;
    }

    @media screen and (max-width: 992px) {
        .AOG-infos>div {
            margin: 1em 0;
        }
    }


    .AOG-contact {
        background: rgb(59 135 204 / 16%);
        padding: 0.7rem 1.5rem;
        margin-left: 2rem;
    }

    .AOG-contact:hover {
        background: rgb(59 135 204 / 30%);
    }

    .AOG-icon {
        padding: 0 6px 0 0;
    }

    .AOG-desc::before {
        content: "🛈";
        font-size: 1.6em;
        line-height: 1em;
        padding: 0 10px 0 0;
        vertical-align: bottom;
    }

    /* --- Table --- */

    thead {
        background: var(--main-color-thead);
    }

    thead th a {
        color: var(--main-color-white);
        font-weight: 500;
    }

    thead th a:hover {
        color: var(--main-color-white);
    }

    thead th a:focus {
        color: var(--main-color-white);
    }

    td {
        background: transparent;
        color: var(--main-color-smartbar);
    }

    .pagination>.active>a,
    .pagination>.active>a:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span,
    .pagination>.active>span:hover,
    .pagination>.active>span:focus {
        border-radius: 0 !important;
    }

    .view-toolbar>ul>li {
        border: 1px solid var(--main-color-smartbar);
    }

    .view-toolbar a {
        color: var(--main-color-smartbar);
    }

    .view-toolbar span.title {
        margin: 0 10px;
    }

    .btn-default {
        color: var(--main-color-smartbar) !important;
        background-color: var(--main-color-white) !important;
        border-color: var(--main-color-smartbar) !important;
    }

    .pagination>.disabled>span,
    .pagination>.disabled>span:hover,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>a,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>a:focus {
        background-color: transparent !important;
    }

    .hide-actionbuttons thead th[aria-label="Actions"],
    .hide-actionbuttons tbody td[aria-label="action menu"] {
        display: none;
    }

    .hide-tbuttons td:last-child,
    .hide-tbuttons th:last-child {
        display: none;
    }

    .hide-thead thead {
        display: none;
    }

    th.sort-disabled {
        color: white;
        font-weight: normal;
    }

    /* --- Timeline --- */

    /* .entity-timeline .notes {
        padding-top: 3rem;
    }

    .entity-timeline .note .row {
        margin: 2rem 0;
    }

    .entity-timeline .note .row .content {
        background: aliceblue;
        border-radius: 0px 5px 5px 5px;
    }

    .entity-timeline div:nth-of-type(even).note {
        background-color: transparent;
    }

    .entity-timeline div:nth-of-type(even).note .header {
        float: right;
    } 

    .entity-timeline .note .attachment-outer-border {
        border: 1px solid #e2e2e29e;
        padding: 8px;
    }

    .entity-timeline .note .attachment-outer-border .createdby {
        font-size: 0.8em;
        text-align: right;
    } */

    .entity-timeline .note .row .content .description {
        padding: 10px;
    }

    .note .attachment-outer-border .createdby {
        display: none;
    }

    .note .attachment-outer-border {
        border: none !important;
    }

    /* --- EntityFilter --- */
    .entitylist-filter-abovegrid {
        background: transparent;
        border: none;
        margin: 0;
        padding: 0;
    }

    .entitylist-filter-abovegrid .panel-body {
        padding: 0 0 15px 0;
    }

    .entitylist-filter-abovegrid ul {
        margin-bottom: 0;
    }

    .entitylist-filter-abovegrid .entitylist-filter-option-group .h4 {
        font-size: 1.5rem;
    }

    .entitylist-filter-option-group .h4 {
        color: black;
        font-weight: 500;
    }

    /* --- MyProfile --- */

    .profile-btm-container {
        margin-bottom: 0;
    }

    .profile-btm-container>div {
        width: 100%;
    }

    .profile-btm-container>div>div {
        float: none !important;
    }

    /* --- DateTimepicker --- */

    .datepicker thead {
        background-color: var(--primary-blue);
        color: var(--main-color-white);
    }

    .datepicker th:hover {
        background-color: var(--gradient-body-end) !important;
        cursor: pointer;
    }

    .datepicker .month.active button {
        color: var(--main-color-white) !important;
        font-weight: 600;
    }

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 0;
    }

    .datepicker .decade.active button {
        color: var(--main-color-white) !important;
        font-weight: 600;
    }

    .datepicker td.day.disabled {
        background: #e7e7e7 !important;
    }

    .datepicker td.day.disabled button {
        background: #e7e7e7;
        color: grey;
        cursor: not-allowed;
    }

    /* --- DateRangePicker ---*/

    /*.daterangepicker thead {
        background: none;
    }*/

    /* --- LinkedList --- */

    /* Disable if you use the old method - not compatible with safari */
    .linkedlist option {
        display: none;
    }

    /* --- Form ---*/

    #messages {
        border-color: #DDA0DD;
        border-style: solid;
        border-width: 2px;
        color: #191970;
        background-color: #F0F8FF;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .field-readonly {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background: transparent !important;
    }

    @media screen and (min-width: 992px) {
        .border-right {
            border-right: 1px solid var(--secondary-lightgrey) !important;
        }
    }

    /* --- Knowledge Data --- */

    .searchKnowledgeData {
        background: white;
        padding: 2em 2em 2em 0;
        border: 1px solid var(--secondary-lightgrey);
        box-shadow: 0px 3px 10px rgb(48 80 143 / 12%);
    }

    /* --- Quotation --- */

    .quote-creation-readonly-info {
        display: flex;
        flex-direction: row;
        padding-bottom: 12px !important;
    }

    .quotation-creation-fieldset-info {
        margin-bottom: 0 !important;
    }

    .quotation-creation-globalInfo-table {
        margin-top: 3% !important;
    }

    .quotation-creation-globalInfo-legend {
        padding-top: 2% !important;
    }

    .quotation-creation-section-table {
        margin-top: 4% !important;
    }

    .quotation-creation-readonly-info-label {
        margin-right: 5px !important;
    }

    .quotation-creation-customerReference-info {
        width: 30% !important;
    }

    .bt-create-quotation {
        position: absolute;
        bottom: -17px;
        right: 15px;
        border: 0;
    }

    .bt-save-quotation {
        margin-right: 5px;
    }

    .bt-submit-product {
        width: 100%;
    }

    .quotation-edit-info-padding {
        padding-right: 0px !important;
    }

    .quotation-info-rempli {
        padding-bottom: 13%;
    }

    .subgrid-cell-quotation-line {
        padding: 0 0 20px !important;
    }

    .bt-centre {
        margin: 0 auto;
    }

    .back-button {
        margin-top: 10px;
    }

    .warn-icon {
        padding: 0.3% 1.5%;
        background: orange;
        margin-bottom: 4px;
    }

    .error-icon {
        padding: 0.3% 1.5%;
        background: rgb(255, 60, 60);
        margin-bottom: 4px;
    }

    .warn-msg {
        margin-left: 2%;
    }

    .color-field {
        color: #3885CA;
        font-weight: bold;
    }

    .autocomplete-info {
        font-family: 'Barlow', sans-serif;
        font-size: 1em;
        margin: 5px;
    }

    .has-pagination {
        min-height: 220px !important
    }

    #alertAOG {
        height: 47px;
        margin: 0 auto;
        background-color: #ffe3b1;
        padding-top: 2px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    #erreurProduct {
        height: 47px;
        margin: 0 auto;
        background-color: #fdb9b0;
        padding-top: 2px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    #actionButton {
        display: flex;
    }

    #actionButton>span {
        margin: 0 6px 0;
    }

    #actionButton>span:hover {
        cursor: pointer;
    }

    #actionButton>.fa-trash {
        color: indianred;
    }

    #actionButton>.fa-pencil {
        color: #3885CA;
    }

    @media screen and (min-width: 768px) {
        .quotation-creation-details-window {
            /* 
            background: white;
            box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px 0px, rgb(0 0 0 / 20%) 0px 5px 8px 0px; 
            */
            background: var(--main-color-white);
            border: 1px solid var(--secondary-lightgrey);
            box-shadow: 0px 3px 10px rgba(48, 80, 143, 0.12);
            /* height: 100%; */
            margin-bottom: 3rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
    }

    /* --- GDPR --- */

    #GDPR-Bkg.black_overlay {
        display: block;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1001;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=80);
    }

    #GDPR-Content h2 {
        font-weight: 600;
    }

    #GDPR-Content p {
        margin: 20px 0 5px 0;
    }

    @media screen and (min-width: 768px) {
        #GDPR-Content.white_content {
            display: block;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            background-color: white;
            z-index: 1002;
            overflow: auto;
        }

        #GDPR-Content label {
            margin: 20px;
        }

    }

    @media screen and (max-width: 768px) {
        #GDPR-Content.white_content {
            display: block;
            position: absolute;
            margin: 5%;
            padding: 16px;
            background-color: white;
            z-index: 1002;
            overflow: auto;
        }

        #GDPR-Content label {
            margin: 0 0 0 5px;
        }
    }

    /* sign-ou-modal */

    .sign-out-modal .ui-dialog-titlebar {
        border: none;
        background-color: var(--primary-blue);
        color: white;
    }

    .ui-dialog-buttonset {
        display: flex;
    }

    .ui-dialog-buttonset>button {
        font-size: .8em !important;
        padding: .6rem !important;
        color: var(--gradient-button-prmy-end);
        background-color: white;
    }

    .ui-dialog-titlebar-close {
        display: none;
    }

    #WebResource_GestionDocumentPortail {
        height: 500px !important;
    }

    /*!
* Style css for SLS Portal
*/

    .pagination>li>a,
    .pagination>li>span {
        background-color: transparent;
        border: 0px;
        margin-left: 10px;
        width: auto;
        padding: 0.5em 1em 0.5em 1em;
        height: 40px;
        text-align: center;
    }

    .modal-lg.modal-dialog {
        margin-bottom: 250px;
    }

    .fa {
        padding-bottom: 2px;
    }

    input#DraftButton,
    input#DraftButton:focus,
    input#DraftButton:active {
        color: var(--main-color-thead) !important;
        background: var(--main-color-white);
        display: block;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        padding: 1.1rem;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        cursor: pointer;
        border-color: var(--main-color-thead) !important;
    }

    input#UpdateButton,
    input#UpdateButton:focus,
    input#UpdateButton:active {
        color: var(--main-color-white) !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
        display: block;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        padding: 1.1rem;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        cursor: pointer;
        border: none !important;
    }

    input#HeadDraftButton,
    input#HeadDraftButton:focus,
    input#HeadDraftButton:active {
        color: var(--main-color-white) !important;
        background: linear-gradient(90deg, var(--gradient-button-prmy-start) 0%, var(--gradient-button-prmy-end) 100%);
        display: block;
        margin-top: 26px;
        width: auto;
        text-align: center;
        text-transform: uppercase;
        padding: 16px 40px 16px 40px;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: inherit;
        letter-spacing: .21em;
        cursor: pointer;
        border: none !important;
        float: right;
    }

    input#HeadDraftButton:hover {
        background: linear-gradient(90deg, var(--gradient-button-prmy-start-hover) 0%, var(--gradient-button-prmy-end) 100%);
    }

    #global-error {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1050;
        /* au-dessus des autres éléments */
        width: auto;
        max-width: 600px;
        padding: 12px 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    #global-error .btn-close {
        font-size: 0.9rem;
        padding: 0.25rem;
    }

    #global-error button {
        font-size: 0.9rem;
        padding: 0.25rem;
    }

    /* Btn Submit and Save As Draft Position */
    .actions:has(#InsertButton, #DraftButton) {
        display: flex;
    }

    .actions:has(#UpdateButton, #DraftButton) {
        display: flex;
    }

    /* Link Tooling Template */
    #linkTemplate {
        padding-left: 0px;
    }

    .pull-right[aria-label="Search Results"] {
        margin-left: 4px;
        margin-top: -5px;
    }

    span#statuscode {
        padding: unset;
    }

    .button-content-i-information-with-hover {
        border: 1px solid black;
        border-radius: 100px;
        height: 15px;
        width: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        color: black;
    }

    .text-button-content-i-information-with-hover {
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        font-family: "Barlow", sans-serif;
        color: black;
    }

    .section-content-i-information-with-hover {
        background-color: #0F60A7;
        position: absolute;
        display: none;
        left: 300px;
        justify-content: center;
        align-items: center;
    }

    .text-section-content-i-information-with-hover {
        color: white;
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        font-family: "Barlow", sans-serif;
        width: 300px;
        padding: 10px;
    }

    .triangle-section-content-i-information-with-hover {
        position: absolute;
        display: none;
        top: 56px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 10px solid #0F60A7;
        right: 300px;
    }

    .button-content-i-information-with-hover:hover {
        background-color: #0F60A7;
        border: #0F60A7;
        color: white;
    }

    .button-content-i-information-with-hover:hover .section-content-i-information-with-hover {
        display: flex;
    }

    .button-content-i-information-with-hover:hover .triangle-section-content-i-information-with-hover {
        display: flex;
    }

    .button-content-i-information-with-hover:hover .text-button-content-i-information-with-hover {
        color: white;
    }

    .read-only-field, .form-control.read-only-field {
        background-color: var(--main-color-disabled-field) !important;
        color: black;
        height: 35px;
        padding-left: 6px;
        font-size: 15px;
        line-height: 1.42857;
        border: solid 1px black !important;
        cursor: not-allowed;
    }

    .read-only-field msos-inner-container {
        display:none;
    }
    .read-only-field li>.msos-quick-delete {
        display:none;
    }

    .close-fields {
        padding: 5px;
    }

    .description-information {
        justify-self: flex-start;
        display: flex;
        align-items: center;
    }

    .button-content-i-information-without-hover {
        border: 1px solid #0F60A7;
        border-radius: 100px;
        height: 15px;
        width: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        color: black;
    }

    .text-button-content-i-information-without-hover {
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        font-family: "Barlow", sans-serif;
        color: #0F60A7;
    }

    .text-aside-i-information-without-hover {
        margin: 5px 5px;
        font-size: 12px;
        font-weight: 400;
        font-family: "Barlow", sans-serif;
        color: #0F60A7;
    }

    h3 {
        color: #0F60A7 !important;
    }

    .fullPageContentEditorFrame html {
        overflow: hidden;
    }

    .custom-attach-button-style {
        width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        height: 75px;
        border: 2px dashed #0F60A7;
        position: relative;

        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .custom-attach-button-style-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        width: 70%;
    }

    .custom-attach-button-style img {
        height: 70%;
    }

    .custom-attach-button-text {
        color: #0F60A7;
        font-size: 12px;
        font-weight: 600;
        font-family: "Barlow", sans-serif;
        margin: 0;
        padding-right: 10px;
    }

    .custom-attach-button {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .headers-subgrid {
        border-right: 1px solid white;
        color: var(--Primary-White, #FFF);
        font-family: Barlow !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 16px !important;
        letter-spacing: 2.94px !important;
        text-transform: uppercase !important;
        text-align: center;
    }

    .headers-subgrid a {
        color: var(--Primary-White, #FFF);
        font-family: Barlow !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 16px !important;
        letter-spacing: 2.94px !important;
        text-transform: uppercase !important;

        display: flex;
        justify-self: center;
    }

    /*.headers-subgrid a .fa {
        display: none;
    }*/

    .bodies-subgrid {
        border: 1px solid gray;
        text-align: center;
    }

    .messages-subgrid-cell {
        width: 25% !important;
    }

    .remove-border {
        border: none !important;
        box-shadow: none;
    }

    .remove-border:focus {
        outline: none;
        box-shadow: none;
    }

    [data-name="Request"] .launchentitylookup[aria-label="MSN Launch lookup modal"] {
        display: inline-block;
    }

    .title-layout {
        display: flex;
        justify-content: space-between;
    }

    /*Design Font 27/11/2025*/

    #sls_requestedamount.form-control[readonly] {
      border: none !important;
      background: transparent !important;
      box-shadow: none !important;
      padding: 0 !important;
      outline: none !important;
      cursor: default !important;
    }

    .input-group-addon:has(+ #sls_requestedamount) {
      background: transparent !important;
      border: none !important;
      padding: 0px;
    }

    .barlow-font {
        font-family: "Barlow", sans-serif !important;
        font-size: 15px;
        font-weight: normal !important;
    }

    .msos-viewmode-text {
      font-family: 'Barlow', sans-serif !important;
      font-weight: normal !important;
      font-size: 15px;
    }
    
    .text-115 {
      font-family: 'Barlow', sans-serif !important;
      font-weight: normal !important;
      font-size: 15px;
    }

    #sls_reasonforremovalbloctext, #transactioncurrencyid {
      resize: none;
      border: 1px solid #949494;
    }

    #printButton svg path {
      fill: black !important;
    }

    #printButton:hover svg path {
      stroke: none !important;
    }

    #printButton:hover svg path, #DuplicateClaimbutton:hover svg path {
      fill : #0F60A7 !important;
    }

    [aria-label="MscrmControls.FieldControls.ToggleControl: Yes"] {
      background-color: rgb(15, 96, 167) !important;
    }

    #Toggle0-stateText {
      font-family: 'Barlow', sans-serif !important;
      font-weight: normal !important;
      font-size: 15px;
      color: rgb(0,0,0) !important;
    }

    ul[role="presentation"] li {
      color: rgb(23, 95, 150);
      font-family: "Barlow", sans-serif;
      font-size: 15px;
    }
     
    ul[role="presentation"] li:hover {
      text-decoration: underline;
      cursor : pointer;
    }