/*!
    * 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: #073a7c;
        --secondary-color-smartbar: #112753;
        --main-color-title: #525668;
        --main-color-footer: #BCBFCF;
        --main-color-AOG:#EFF8FF;
    }
    
    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;
    }
    
    .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(--main-color-smartbar) 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 {
        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: 2rem;
    }

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

    .card img{
        width: 100%;
        height: 250px;
        object-position: center;
        object-fit: cover;
    }

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

    .card-KPIValue {
        font-size: 4rem;
        padding-top: 1.2rem;
        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-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;
    }

    /* --- 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%;
    }

    .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 {
        color: var(--main-color-white) !important;
        text-decoration: none !important;
        background: linear-gradient(90deg, var(--main-color-smartbar) 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;
    }

    /* --- 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-smartbar);
    }

    thead th a {
        color: var(--main-color-white);
        font-weight: 500;
    }
    
    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-white) !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;
}