@font-face {
    /*font-family: Calibri;*/
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/Calibri.otf) format('truetype'), url(../fonts/Calibri.svg) format('svg'), Helvetica, Arial, sans-serif;
}

@font-face {
    /*font-family: Calibri;*/
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/CalibriBoldV1.otf) format('truetype'), url(../fonts/CalibriBoldV1.svg) format('svg'), Helvetica, Arial, sans-serif;
}

@font-face {
    /*font-family: Calibri;*/
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Calibri.otf) format('truetype'), url(../fonts/Calibri.svg) format('svg'), Helvetica, Arial, sans-serif;
}

@font-face {
    /*font-family: Calibri;*/
    font-style: italic;
    font-weight: normal;
    src: url(../fonts/CalibriItalic.otf) format('truetype'), url(../fonts/CalibriItalic.svg) format('svg'), Helvetica, Arial, sans-serif;
}

:root
{
    --font-size-type1: 18px; /*initial 12px*/
    --font-size-type2: 19px; /*initial 13px*/
    --font-size-type3: 22px; /*initial 14px*/
    --font-size-type4: 16px; /*initial 10px*/
    --font-size-type5: 17px; /*initial 11px*/
    --font-size-type6: 23px; /*initial 17px*/
    --font-size-type7: 24px; /*initial 18px*/
    --font-size-type8: 25px; /*initial 19px*/
    --font-size-type9: 40px; /*initial 36px*/
    --font-size-type10: 15px; /*initial 9px*/
    --font-size-type11: 26px; /*initial 20px*/
    --font-size-type12: 30px; /*initial 24px*/
    --font-size-type13: 28px; /*initial 22px*/
}

body {
    zoom: 1.0;
}

#tb {
    height: 1000px;
}

#tb_questionnaire {
    left: 0px;
    top: 0px;
    height: 400px;
    width: 640px;
}
.tb_questionnaire_hl {
    display: block;
    width: 380px;
}
.tb_questionnaire_l {
    display: block;
    margin-left:50px;
    width: 100px;
}

#tb_MesMessages {
    left: 660px;
    top: 0px;
    height: 400px;
    width: 640px;
}
.tb_MesMessages_hl {
    display: block;
    width: 380px;
}
.tb_MesMessages_l {
    display: block;
    margin-left: 50px;
    width: 100px;
}

#tb_ActionAFaire {
    left: 0px;
    top: 420px;
    height: 400px;
    width: 640px;
}
.tb_ActionAFaire_hl {
    display: block;
    width: 380px;
}
.tb_ActionAFaire_l {
    display: block;
    margin-left: 50px;
    width: 100px;
}

#tb_Statistiques {
    left: 660px;
    top: 420px;
    height: 400px;
    width: 640px;
}
.tb_Statistiques_hl {
    display: block;
    width: 480px;
    height: 300px;
}
.tb_Statistiques_dd {
    margin-left: 30px;
    max-width: 350px;
}

#tb_MatriceCompetence {
    top: 840px;
    width: 1300px;
    height: 90px;
}

@media screen and (min-height: 950px) and (min-width: 2160px) {
    #tb {
    }

    #tb_questionnaire {
        width: 800px;
    }

    .tb_questionnaire_hl {
        width: 550px;
    }

    #tb_MesMessages {
        left: 820px;
        width: 800px;
    }

    .tb_MesMessages_hl {
        width: 550px;
    }

    #tb_ActionAFaire {
        width: 800px;
    }

    .tb_ActionAFaire_hl {
        width: 550px;
    }

    #tb_Statistiques {
        left: 820px;
        width: 800px;
    }

    .tb_Statistiques_hl {
        width: 800px;
    }

    #tb_MatriceCompetence {
        width: 1620px;
    }
}
@media screen and (min-height: 950px) and (min-width: 1920px) and (max-width: 2159.99px) {
    #tb {
    }

    #tb_questionnaire {
        width: 700px;
    }

    .tb_questionnaire_hl {
        width: 450px;
    }

    #tb_MesMessages {
        left: 720px;
        width: 700px;
    }

    .tb_MesMessages_hl {
        width: 450px;
    }

    #tb_ActionAFaire {
        width: 700px;
    }

    .tb_ActionAFaire_hl {
        width: 450px;
    }

    #tb_Statistiques {
        left: 720px;
        width: 700px;
    }

    .tb_Statistiques_hl {
        width: 700px;
    }

    #tb_MatriceCompetence {
        width: 1420px;
    }
}
@media screen and (min-height: 950px) and (min-width: 1650px) and (max-width: 1919.99px) {
    #tb {
    }

    #tb_questionnaire {
        width: 600px;
    }

    .tb_questionnaire_hl {
        width: 350px;
    }

    #tb_MesMessages {
        left: 620px;
        width: 600px;
    }

    .tb_MesMessages_hl {
        width: 350px;
    }

    #tb_ActionAFaire {
        width: 600px;
    }

    .tb_ActionAFaire_hl {
        width: 350px;
    }

    #tb_Statistiques {
        left: 620px;
        width: 600px;
    }

    .tb_Statistiques_hl {
        width: 600px;
    }

    #tb_MatriceCompetence {
        width: 1220px;
    }
}
@media screen and (min-height: 950px) and (min-width: 1440px) and (max-width: 1649.99px) {
    #tb {
    }

    #tb_questionnaire {
        width: 500px;
    }

    .tb_questionnaire_hl {
        width: 250px;
    }

    #tb_MesMessages {
        left: 520px;
        width: 500px;
    }

    .tb_MesMessages_hl {
        width: 250px;
    }

    #tb_ActionAFaire {
        width: 500px;
    }

    .tb_ActionAFaire_hl {
        width: 250px;
    }

    #tb_Statistiques {
        left: 520px;
        width: 500px;
    }

    .tb_Statistiques_hl {
        width: 500px;
    }

    #tb_MatriceCompetence {
        width: 1020px;
    }
}
@media screen and (min-height: 950px) and (min-width: 1366px) and (max-width: 1439.99px) {
    #tb {
    }

    #tb_questionnaire {
        width: 450px;
    }

    .tb_questionnaire_hl {
        width: 200px;
    }

    #tb_MesMessages {
        left: 470px;
        width: 450px;
    }

    .tb_MesMessages_hl {
        width: 200px;
    }

    #tb_ActionAFaire {
        width: 450px;
    }

    .tb_ActionAFaire_hl {
        width: 200px;
    }

    #tb_Statistiques {
        left: 470px;
        width: 450px;
    }

    .tb_Statistiques_hl {
        width: 450px;
    }

    #tb_MatriceCompetence {
        width: 920px;
    }
}


@media screen and (min-height: 1440px) {
    #tb {
        height: 1290px;
    }

    #tb_questionnaire {
        height: 560px;
    }

    #tb_MesMessages {
        height: 560px;
    }

    #tb_ActionAFaire {
        top: 580px;
        height: 560px;
    }

    #tb_Statistiques {
        top: 580px;
        height: 560px;
    }

    .tb_Statistiques_hl {
        height: 460px;
    }

    #tb_MatriceCompetence {
        top: 1160px;
    }
}
@media screen and (min-height: 1224px) and (max-height: 1439.99px) {
    #tb {
        height: 1050px;
    }

    #tb_questionnaire {
        height: 435px;
    }

    #tb_MesMessages {
        height: 435px;
    }

    #tb_ActionAFaire {
        top: 455px;
        height: 435px;
    }

    #tb_Statistiques {
        top: 455px;
        height: 435px;
    }

    .tb_Statistiques_hl {
        height: 335px;
    }

    #tb_MatriceCompetence {
        top: 910px;
    }
}
@media screen and (min-height: 1124px) and (max-height: 1223.99px) {
    #tb {
        height: 950px;
    }

    #tb_questionnaire {
        height: 385px;
    }

    #tb_MesMessages {
        height: 385px;
    }

    #tb_ActionAFaire {
        top: 405px;
        height: 385px;
    }

    #tb_Statistiques {
        top: 405px;
        height: 385px;
    }

    .tb_Statistiques_hl {
        height: 285px;
    }

    #tb_MatriceCompetence {
        top: 810px;
    }
}
@media screen and (min-height: 1024px) and (max-height: 1123.99px) {
    #tb {
        height: 850px;
    }

    #tb_questionnaire {
        height: 340px;
    }

    #tb_MesMessages {
        height: 340px;
    }

    #tb_ActionAFaire {
        top: 360px;
        height: 340px;
    }

    #tb_Statistiques {
        top: 360px;
        height: 340px;
    }

    .tb_Statistiques_hl {
        height: 240px;
    }

    #tb_MatriceCompetence {
        top: 720px;
    }
}
@media screen and (min-height: 950px) and (max-height: 1023.99px) {
    #tb {
        height: 800px;
    }

    #tb_questionnaire {
        height: 310px;
    }

    #tb_MesMessages {
        height: 310px;
    }

    #tb_ActionAFaire {
        top: 330px;
        height: 310px;
    }

    #tb_Statistiques {
        top: 330px;
        height: 310px;
    }

    .tb_Statistiques_hl {
        height: 210px;
    }

    #tb_MatriceCompetence {
        top: 660px;
    }
}
@media screen and (max-height: 950px) {
    #tb {
        height: 800px;
    }

    #tb_questionnaire {
        height: 310px;
    }

    #tb_MesMessages {
        height: 310px;
    }

    #tb_ActionAFaire {
        top: 330px;
        height: 310px;
    }

    #tb_Statistiques {
        top: 330px;
        height: 310px;
    }

    .tb_Statistiques_hl {
        height: 210px;
    }

    #tb_MatriceCompetence {
        top: 660px;
    }
}

@media screen and (max-height: 950px) {
    body {
        zoom: 0.85;
    }
}
@media screen and (max-height: 900px) {
    body {
        zoom: 0.80;
    }
}
/*@media screen and (max-width: 1365px) {
    body {
        zoom: 0.75;
    }
}*/
@media screen and (max-height: 850px) {
    body {
        zoom: 0.75;
    }
}
/*@media screen and (max-width: 1250px) {
    body {
        zoom: 0.70;
    }
}*/
@media screen and (max-height: 800px) {
    body {
        zoom: 0.70;
    }
}
/*@media screen and (max-width: 1170px) {
    body {
        zoom: 0.65;
    }
}*/
@media screen and (max-height: 750px) {
    body {
        zoom: 0.70;
    }
}
/*@media screen and (max-width: 1080px) {
    body {
        zoom: 0.60;
    }
}*/
@media screen and (max-height: 700px) {
    body {
        zoom: 0.65;
    }
}
/*@media screen and (max-width: 1000px) {
    body {
        zoom: 0.55;
    }
}*/
@media screen and (max-height: 650px) {
    body {
        zoom: 0.60;
    }
}
/*@media screen and (max-width: 920px) {
    body {
        zoom: 0.50;
    }
}*/
@media screen and (max-height: 600px) {
    body {
        zoom: 0.58;
    }
}
/*
@media screen and (max-height: 700px) {
    body {
        zoom: 0.6;
    }
}
@media screen and (max-height: 650px) {
    body {
        zoom: 0.6;
    }
}*/


@-webkit-keyframes loading-opacity {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes loading-opacity {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    10% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    90% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    10% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    90% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes nl-progress-animatedEllipses {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}



body {
    font-family: Calibri,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
}

strong, b {
    font-family: Calibri, Geneva, Tahoma, sans-serif;
}

i {
    font-family: CalibriItalic;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
input [type="select"] {
    /*max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    font-size: 100%;
    font-weight: inherit;
}


img {
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
}

.flex {
    display: flex;
}

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

.form-control {
    display: block;
    width: 100%;
    background-image: none;
    border-radius: 0;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.btn-block {
    display: block;
    width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
}

.nl-checkBox {
    display: inline-block;
    height: 17px;
    vertical-align: top;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-color: #777 !important;
}

.radio label, .checkbox label {
    min-height: 20px;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 28px;
}

.form-group label {
    margin-top: 0;
    margin-bottom: 8px;
}

.radio label, .checkbox label {
    padding-left: 28px;
}

.form-group label {
    margin-top: 0;
    margin-bottom: 0;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input, button, textarea, select, option, progress {
    max-width: 100%;
    line-height: inherit;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -28px;
}

.nl-tooltip-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.no-margin-top {
    margin-top: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}

.nl-display-none {
    display: none !important;
}

.nl-splashscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: #FFFFFF;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .nl-splashscreen > div {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .nl-splashscreen .nl-splashscreen-logo {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .nl-splashscreen .nl-splashscreen-logo > svg {
            width: 400px;
            height: 400px;
            fill: #000;
        }

.nl-scroll {
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 1px var(--main-menu-color);
    cursor: pointer;
}

    .nl-scroll svg {
        fill: var(--main-menu-color);
        stroke-width: 2;
    }

.nl-scroll-left {
    bottom: 25px;
    left: 231px;
}

.nl-scroll-right {
    bottom: 25px;
    right: 25px;
}

@media screen and (min-width: 1100px) {
    .nl-scroll-left,
    .nl-scroll-right {
        display: none;
    }
}

.nl-blade-progress-translucent {
    height: 8px;
    position: absolute;
    z-index: 202;
}

    .nl-blade-progress-translucent > div {
        margin-left: 6px;
    }

        .nl-blade-progress-translucent > div::after {
            height: 4px;
            width: 4px;
            background: var(--main-menu-color);
        }

    .nl-blade-progress-translucent.nl-reverse > div::after {
        height: 4px;
        width: 4px;
        background: #fff;
    }

.nl-loading5dots-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    .nl-loading5dots-container > div {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin-right: -100%;
        -webkit-animation: loading 3s cubic-bezier(0,.95,1,.05) infinite,loading-opacity 1.5s ease-in-out infinite alternate;
        animation: loading 3s cubic-bezier(0,.95,1,.05) infinite,loading-opacity 1.5s ease-in-out infinite alternate;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .nl-loading5dots-container > div:nth-child(1) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s;
        }

        .nl-loading5dots-container > div:nth-child(2) {
            -webkit-animation-delay: .3s;
            animation-delay: .3s;
        }

        .nl-loading5dots-container > div:nth-child(3) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s;
        }

        .nl-loading5dots-container > div:nth-child(4) {
            -webkit-animation-delay: .1s;
            animation-delay: .1s;
        }

        .nl-loading5dots-container > div::after {
            content: "";
            display: block;
            border-radius: 50%;
        }

.nl-progress-dots {
    position: absolute;
    top: calc(50% - 6px/2);
    width: 100%;
    line-height: 0;
    text-align: center;
}

    .nl-progress-dots > div {
        display: inline-block;
        height: 6px;
        width: 6px;
        -webkit-animation: nl-progress-animatedEllipses 1.5s infinite;
        animation: nl-progress-animatedEllipses 1.5s infinite;
        background: #aab3bd;
        margin: 0 2.5px
    }

        .nl-progress-dots > div:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }

        .nl-progress-dots > div:nth-child(2) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .nl-progress-dots > div:nth-child(3) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(28, 28, 28, 0.8);
    /*background-image: url(../Images/Silmo_2016.png);*/
}

.background-logo-holder {
    height: 50px;
    margin-bottom: 24px;
    text-align: center;
    color: #FFF;
}

    .background-logo-holder h1 {
        font-size: var(--font-size-type9);
    }

.inner {
    margin-left: auto;
    margin-right: auto;
    min-height: 364px;
    min-width: 320px;
    max-width: 450px;
    width: calc(100% - 40px);
    padding: 36px;
    margin-bottom: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid #818c94;
    border: 1px solid rgba(0,0,0,0.4);
}

.inner-maximized {
    max-width: 100%;
}

.inner-trans {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.text-title, h3 {
    line-height: 28px;
    font-weight: 300;
    line-height: 1.75rem;
    padding-bottom: 2.3632px;
    padding-top: 2.3632px;
    padding-bottom: 2.3632px;
    padding-top: 2.3632px;
}

.text-title, h3, .text-body, p {
    padding: 0;
    margin-bottom: 16px;
}

.text-title {
    margin-bottom: 0;
}


.nl-portal-itemList {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    min-height: 1px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

    .nl-portal-itemList li {
        flex: 1 1 auto;
        margin-bottom: 20px;
    }

.nl-portal-item {
    font-size: var(--font-size-type1);
    line-height: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    border: 0;
    overflow: visible;
    text-align: left;
    height: 300px;
    width: 250px;
    cursor: pointer;
    margin: auto;
}

@media screen and (max-width: 1100px) {
    .nl-portal-item {
        font-size: var(--font-size-type4);
        padding: 0 10px;
        height: 250px;
        width: 200px;
    }
}

.nl-portal-item-buttoncontainer {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #FFF;
    padding: 15px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid #818c94;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px 15%;
}


a.nl-portal-item-buttoncontainer {
    color: inherit;
}

/*.nl-portal-item-buttoncontainer:hover {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF;
    -webkit-box-shadow: 0 2px 3px rgba(255,255,255,0.55);
    -moz-box-shadow: 0 2px 3px rgba(255,255,255,0.55);
    box-shadow: 0 2px 3px rgba(255,255,255,0.55);
}*/

.nl-portal-item-icon {
    margin: 10px auto;
    width: 70%;
}

.nl-portal-item-text {
    text-align: center;
    margin: 30px auto;
}

    .nl-portal-item-text h4 {
        font-size: var(--font-size-type8);
    }

.nl-portal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transition: background .25s ease;
    z-index: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.nl-portal-text {
    color: var(--main-menu-color);
}

.nl-topbar {
    height: 40px;
    position: relative;
    z-index: 250;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: var(--font-size-type2);
}

.nl-topbar {
    /*background-color: #FECB00;*/
    background-color: #FFF;
    color: var(--main-menu-color);
}

.nl-topbar-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.nl-topbar-home {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: var(--font-size-type11);
    padding: 0 7px;
    margin-left: 13px;
    height: 100%;
    line-height: 40px;
    color: var(--main-menu-color);
    display: flex;
}

    .nl-topbar-home > img {
        height: 40px;
        margin: auto;
    }

    .nl-topbar-home > span {
        font-size: var(--font-size-type10);
        text-transform: uppercase;
        margin: auto;
        margin-left: 7pt;
    }

        .nl-topbar-home > span:last-child {
            margin-left: 0;
            font-weight: bold;
            /*margin-bottom: -1px;*/
            /*font-family: CalibriBoldV1;*/
        }

    .nl-topbar-home:hover,
    .nl-topbar-home:active,
    .nl-topbar-home:after {
        text-decoration: none;
        color: var(--main-menu-color);
        background-color: rgba(0, 0, 0, 0.1);
    }

.nl-breadcrumb {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
}

.nl-topbar-version {
    display: -webkit-flex;
    display: flex;
    height: 40px;
    /*width: 40px;*/
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: 1px solid rgba(128,128,128,.4);
}

.nl-topbar-version-header {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}

.nl-topbar-version-container {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.nl-topbar-button {
    display: -webkit-flex;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: 1px solid rgba(128,128,128,.4);
}

    .nl-topbar-button svg {
        height: 20px;
        width: 20px;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.nl-topbar-button-active {
    box-shadow: 0 0 15px 2px rgba(0,0,0,.3);
}

.nl-topbar-notifications {
    position: relative;
}
.nl-topbar-lang {
    position: relative;
}
.nl-topbar-messites {
    position: relative;
}

.nl-notificationspane-button-unreadcount {
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type2);
    background-color: var(--main-menu-color);
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 15px;
    text-align: center;
    line-height: 13px;
}

.nl-notificationspane-button-unreadcount-circle {
    height: 15px;
    width: 15px;
}

.nl-messitesspane-button-unreadcount {
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type2);
    background-color: var(--main-menu-color);
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 15px;
    text-align: center;
    line-height: 13px;
}

.nl-messitesspane-button-unreadcount-circle {
    height: 15px;
    width: 15px;
}
.nl-trim-svg {
    color: #FFF;
    fill: #FFF;
}

.nl-trim-reverse-svg {
    color: var(--main-menu-color);
    fill: var(--main-menu-color);
}

.nl-trim-hover:hover {
    /*background-color: #3d3d3d;*/
    background-color: rgba(0, 0, 0, 0.1);
}

.nl-trim-reverse-hover:hover {
    background-color: #3d3d3d;
}

.nl-dropmenu {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
    z-index: 200;
}

.nl-dropmenu-button {
    border: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.nl-avatarmenu-tenant, .nl-avatarmenu-tenant-uri, .nl-avatarmenu-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nl-topbar-avatarmenu,
.nl-topbar-avatarmenu .nl-dropmenu-button {
    background-color: var(--main-menu-color);
    color: #fff;
}

.nl-avatarmenu {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.nl-avatarmenu-header {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 20px;
    height: 40px;
}

.nl-avatarmenu-username {
    font-size: var(--font-size-type3);
    line-height: normal;
/*    max-width: 146px;*/
}

.nl-avatarmenu-dropdown-title, .nl-avatarmenu-tenant {
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type4);
    text-transform: uppercase;
}

.nl-avatarmenu-tenant {
    line-height: normal;
    opacity: .9;
/*    max-width: 146px;*/
}

.nl-avatarmenu-tenant-container {
    text-align: right;
    width:250px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.nl-avatarmenu-tenant-image {
    height: 35px;
    width: 35px;
    border: 0;
    border-radius: 35px;
    margin-left: 11px;
    margin-right: 5px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.nl-avatarmenu-tenant-name {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
}

.nl-avatarmenu-dropdown {
    width: 220px;
}

.nl-avatarmenu-dropdown-title {
    padding: 5px 20px 0;
}

.nl-avatarmenu-tenant-uri {
    font-size: var(--font-size-type1);
    margin-top: 5px;
}

.nl-avatarmenu-list-tenant a {
    display: block;
}

.nl-avatarmenu-list-system a {
    display: -webkit-flex;
    display: flex;
}

.nl-avatarmenu-scrollviewer {
    max-height: 505px;
    overflow: auto;
}

html[lang^=ja] .nl-avatarmenu .nl-avatarmenu-dropdown .nl-avatarmenu-dropdown-title, html[lang^=ja] .nl-avatarmenu .nl-avatarmenu-header .nl-avatarmenu-tenant, html[lang^=ko] .nl-avatarmenu .nl-avatarmenu-dropdown .nl-avatarmenu-dropdown-title, html[lang^=ko] .nl-avatarmenu .nl-avatarmenu-header .nl-avatarmenu-tenant, html[lang^=zh] .nl-avatarmenu .nl-avatarmenu-dropdown .nl-avatarmenu-dropdown-title, html[lang^=zh] .nl-avatarmenu .nl-avatarmenu-header .nl-avatarmenu-tenant {
    font-size: var(--font-size-type5);
}

.nl-fill-error {
    fill: #e81123 !important;
}

.nl-fill-white {
    fill: #fff !important;
}

.nl-dropmenu {
    position: relative;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
    z-index: 200
}

.nl-dropmenu-button {
    border: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.nl-dropmenu-dropdown .nl-dropmenu-list-system a {
    display: -webkit-flex;
    display: flex;
}

.nl-dropmenu-dropdown .nl-journeysmenu-journey-nodata {
    height: 130px;
    width: 100%;
}

    .nl-dropmenu-dropdown .nl-journeysmenu-journey-nodata .nl-journeysmenu-journey-nodata-content {
        font-size: var(--font-size-type1);
        line-height: 18px;
        margin: 0 40px;
        padding-top: 50px;
        text-align: center;
    }

.nl-dropmenu-content {
    position: absolute;
}

    .nl-dropmenu-content.nl-dropmenu-defaultWidth {
        width: 220px;
    }

    .nl-dropmenu-content.nl-dropmenu-extendWidth {
        width: 355px;
    }

    .nl-dropmenu-content ol, .nl-dropmenu-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .nl-dropmenu-content li {
        white-space: nowrap;
    }

        .nl-dropmenu-content li a {
            -webkit-align-items: center;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 10px 20px;
        }

        .nl-dropmenu-content li button.nl-journeysMenu-discardButton {
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            background: 0 0;
            cursor: pointer;
            border: 0;
            margin-right: 5px;
            -webkit-align-items: center;
            align-items: center;
        }

            .nl-dropmenu-content li button.nl-journeysMenu-discardButton img, .nl-dropmenu-content li button.nl-journeysMenu-discardButton svg {
                opacity: .2;
                height: 15px;
                width: 15px;
            }

            .nl-dropmenu-content li button.nl-journeysMenu-discardButton:hover img, .nl-dropmenu-content li button.nl-journeysMenu-discardButton:hover svg {
                opacity: 1;
            }

    .nl-dropmenu-content .nl-dropmenu-list-content {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nl-dropmenu-content .nl-journeysmenu-journey {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-right: auto;
    }

    .nl-dropmenu-content .nl-journeysmenu-journey-content {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nl-dropmenu-content .nl-dropmenu-image {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 16px;
        width: 16px;
    }

        .nl-dropmenu-content .nl-dropmenu-image img, .nl-dropmenu-content .nl-dropmenu-image svg {
            height: 13px;
            width: 13px;
        }

    .nl-dropmenu-content .nl-dropmenu-line-separator {
        border-top-width: 1px;
        border-top-style: solid;
    }

.nl-journeysmenu-content {
    min-width: 450px;
}

.nl-dropmenu-left {
    right: 0;
}

.nl-dropmenu-right {
    left: 0;
}

.nl-dropmenu-hidden {
    display: none;
}

.nl-dropmenu-invisible {
    visibility: hidden;
}

.nl-journeysmenu-list {
    display: -webkit-flex;
    display: flex;
}

.nl-journeysmenu-journey-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

fieldset, legend {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

.nl-portal .nl-accent, .nl-portal .nl-popup {
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3);
}

.nl-portal-main {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    height: calc(100% - 40px);
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
}

.nl-contextpane.nl-contextpane-loading .nl-progress-dots,
.nl-contextpane.nl-contextpane-visible {
    display: block;
}

.nl-contextpane {
    display: none;
    max-width: 450px;
    height: 100%;
    position: relative;
    z-index: 200;
}
/*.nl-contextpane .nl-progress-dots {
    display: none;
}*/

.nl-portal-contextpane-right {
    position: absolute;
    right: 0;
    box-shadow: 0 5px 15px 2px rgba(0,0,0,.3);
    border-top: 1px solid;
}

.nl-contextpane-close, .nl-contextpane-expand {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    margin: 0;
    transition: background .2s ease-out;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
}

.nl-contextpane-close {
    right: 0;
}

.nl-contextpane-button-inner {
    padding: 7px;
}

    .nl-contextpane-button-inner:hover {
        background-color: #e81123;
    }

.nl-contextpane-close svg, .nl-contextpane-expand svg {
    display: block;
    height: 16px;
    width: 16px;
}

.nl-notificationspane {
    width: 450px;
    height: 100%;
    margin: 0 0 0 25px;
    box-sizing: border-box;
    font-size: var(--font-size-type1);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.nl-messitesspane {
    width: 430px;
    height: 100%;
    margin: 0 0 0 25px;
    box-sizing: border-box;
    font-size: var(--font-size-type1);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.nl-contextpane .nl-contextpane-content {
    box-sizing: border-box;
    max-width: 435px;
    height: 100%;
    overflow: auto;
}

.nl-notificationspane-header {
    border-bottom: 1px solid #758393;
    padding-bottom: 10px;
    margin-right: 25px;
}

.nl-notificationspane-title {
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type7);
}

.nl-notificationspane-top {
    height: calc(100% - 75px);
    overflow: hidden;
    width: 370px;
    padding-right: 25px;
}

.nl-notificationspane-list {
    overflow: hidden;
    list-style: none;
    padding-left: 0;
    margin: 0;
    width: 370px;
}

.nl-notificationmenu-notification-li.nl-portal-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    .nl-notificationmenu-notification-li.nl-portal-border:last-child {
        border-bottom-width: 0;
    }

.nl-notificationmenu-notification-wrapper {
    padding: 10px;
    display: block;
    position: relative;
}

.nl-notificationmenu-notification-title {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 2px;
}

.nl-notificationmenu-notification-title-text {
    font-size: var(--font-size-type3);
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    margin-right: 10px;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
}

.nl-notificationmenu-notification-title-icon {
    height: 21px;
    width: 21px;
    margin-right: 10px;
}


.nl-messitesspane-header {
    border-bottom: 1px solid #758393;
    padding-bottom: 10px;
    margin-right: 25px;
}

.nl-messitesspane-title {
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type7);
}

.nl-messitesspane-top {
    height: calc(100% - 75px);
    overflow: hidden;
    width: 370px;
    padding-right: 25px;
}

.nl-messitesspane-list {
    overflow: hidden;
    list-style: none;
    padding-left: 0;
    margin: 0;
    width: 370px;
}

.nl-messitesmenu-messites-li.nl-portal-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    .nl-messitesmenu-messites-li.nl-portal-border:last-child {
        border-bottom-width: 0;
    }

.nl-messitesmenu-messites-wrapper {
    padding: 10px;
    display: block;
    position: relative;
}

.nl-messitesmenu-messites-title {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 2px;
}

.nl-messitesmenu-messites-title-text {
    font-size: var(--font-size-type3);
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    margin-right: 10px;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
}

.nl-messitesmenu-messites-title-icon {
    height: 21px;
    width: 21px;
    margin-right: 10px;
}

.nl-feedbackpane {
    width: 430px;
    height: 100%;
    padding: 0 25px 25px;
    box-sizing: border-box;
    font-size: var(--font-size-type1);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.nl-contextpane .nl-contextpane-content {
    box-sizing: border-box;
    max-width: 450px;
    height: 100%;
    overflow: auto;
}

.nl-feedbackpane-header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    border-bottom: 1px #7a7a7a solid;
    padding-bottom: 12px;
}

.nl-feedbackpane-title {
    font-family: Calibri,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type7);
    line-height: 28px;
    margin: 0;
}

.nl-feedbackpane-body {
    margin-right: -25px;
    padding-right: 25px;
    padding-top: 9px;
    padding-bottom: 20px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.nl-feedbackpane-join {
    padding-bottom: 10px;
}

.nl-feedbackpane .nl-feedbackpane-smiley-radio {
    margin-bottom: 9px;
    cursor: default;
}

.nl-feedbackpane-rating {
    margin-bottom: 9px;
}

.nl-feedbackpane-smiley-label {
    display: inline-block;
    margin-left: 1px;
    margin-right: 5px;
}

.nl-feedbackpane-smiley-container {
    position: absolute;
    clip: rect(0,0,0,0);
}

.nl-feedbackpane-smiley-svg {
    cursor: pointer;
    width: 25px;
    height: 25px;
    padding: 3px;
    opacity: .7;
}

.nl-smiley-svg-checked,
.nl-smiley-svg-checked:hover {
    color: #ffb900;
    fill: #ffb900;
}

.nl-feedbackpane-comments-title {
    width: 100%;
    height: 135px;
    font-size: var(--font-size-type1);
    border: 1px solid silver;
    margin-top: 3px;
    margin-bottom: 15px;
    box-sizing: border-box;
    background-color: transparent;
    resize: none;
}

.nl-feedbackpane-comments {
    width: 100%;
    height: 135px;
    font-size: var(--font-size-type1);
    border: 1px solid silver;
    margin-top: 3px;
    margin-bottom: 15px;
    box-sizing: border-box;
    background-color: transparent;
    resize: none;
}

.nl-feedbackpane-bottom {
    width: 410px;
    padding-top: 9px;
    border-top: 1px #7a7a7a solid;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
.nl-messitespane-bottom {
    width: 410px;
    padding-top: 9px;
    border-top: 1px #7a7a7a solid;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.nl-contextpane .nl-contextpane-content {
    box-sizing: border-box;
    max-width: 450px;
    height: 100%;
    overflow: auto;
}

.nl-helppane {
    width: 430px;
    height: 100%;
    box-sizing: border-box;
    font-size: var(--font-size-type1);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.nl-helppane-header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: az_ea_font,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type7);
    padding: 0 25px;
}

.nl-helppane-body, .nl-helppane-intro {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    padding-top: 0;
}

.nl-simplebutton {
    display: inline-block;
    -webkit-user-select: none;
    min-width: 80px;
    text-align: center;
    line-height: 22px;
    position: relative;
}

.nl-helppane-spacer-small {
    margin-bottom: 10px;
}

.nl-helppane-spacer-small {
    margin-bottom: 10px;
}

.nl-helppane-spacer-large {
    margin-bottom: 40px;
}

.nl-sidebar {
    z-index: 200;
    position: relative;
    font-size: var(--font-size-type2);
    border-right-width: 1px;
    border-right-style: solid;
}

.nl-sidebar-bar {
    overflow: hidden;
}

.nl-sidebar-bar {
    width: 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
    .nl-sidebar .nl-sidebar-bar:hover {
        width: 310px;
    }

.nl-sidebar, .nl-sidebar-bar {
    height: 100%;
    box-sizing: border-box;
}

    .nl-sidebar .nl-trim-hover:hover {
        background-color: #3d3d3d;
    }

.nl-trim {
    background-color: var(--main-menu-color);
}

.nl-trim, .nl-trim-text, .nl-trim-text a, a.nl-trim-text {
    color: var(--main-text-color);
}

.nl-sidebar a {
    font-family: inherit;
    margin: 0;
    cursor: pointer;
    font-size: inherit;
}

.nl-sidebar-button-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.nl-sidebar-top {
    border-bottom: 1px solid #444;
}

    .nl-sidebar-top .nl-sidebar-icon {
        padding-left: 20px;
    }

        .nl-sidebar-top .nl-sidebar-icon svg {
            max-width: 15px;
        }

.nl-sidebar-middle {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.nl-sidebar-bottom {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    vertical-align: bottom;
}

.nl-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nl-sidebar-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    align-items: center;
    min-height: 40px;
}

.nl-trim-border {
    border-color: #444;
}

.nl-sidebar-item-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
    -webkit-user-drag: none;
}

.nl-sidebar-item-link-open {
    background-color: #3d3d3d;
}

.nl-sidebar-favorites .nl-sidebar-icon {
    padding-left: 10px;
}

    .nl-sidebar-favorites .nl-sidebar-icon svg {
        max-width: 25px;
    }

.nl-sidebar-icon {
    -webkit-flex: 0 0 35px;
    flex: 0 0 35px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
}

    .nl-sidebar-icon > img {
        height: auto;
    }

.nl-sidebar-show-if-expanded {
    display: block;
}

.nl-sidebar-flyout .nl-sidebar-label, .nl-sidebar-label {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
}

.nl-sub-sidebar .nl-sidebar-item {
    padding-left: 25px;
}

.nl-sidebar-item.nl-sidebar-hidden {
    display: none;
}

element {
    --main-bg-color: brown;
}

.nl-portal-content {
    position: relative;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: auto;
    transition: margin .2s ease;
    z-index: 1;
    /*background-color: #215b7d;*/
    /*background-color: #F8F8FF;*/
    /*JEROME FOND MILIEU*/
    background-color: var(--main-bg-color);
}

.nl-startboard-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: 50px;
    padding: 0 25px 0 40px;
    box-sizing: border-box;
    color: var(--main-title-color);
    /*color: var(--main-menu-color);*/
}

    .nl-startboard-header .nl-startboard-title,
    .nl-startboard-header .nl-startboard-title-edit {
        font-size: var(--font-size-type12);
        line-height: normal;
    }

    .nl-startboard-header .nl-startboard-button,
    .nl-startboard-header .nl-startboard-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .nl-startboard-header .nl-startboard-title {
        max-width: 300px;
    }

.nl-flowlayout {
    position: relative;
}

.nl-startboard-layout {
    padding: 25px 40px;
    overflow: auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.nl-flowlayout > .nl-flowlayout-childcontainer {
    position: relative;
    transition: height .25s linear,width .25s linear 0s;
}

.nl-startboard-layout .nl-flowlayout-childcontainer {
    padding-bottom: 25px;
    padding-right: 25px;
}

.nl-flowlayout > .nl-flowlayout-childcontainer > .nl-flowlayout-element {
    position: absolute;
}

.nl-tile.nl-tilesize-wide {
    height: 175px;
    width: 570px;
    box-shadow: 8px 8px 12px #aaa;
}

.nl-tile.nl-tilesize-large {
    height: 355px;
    width: 570px;
    box-shadow: 8px 8px 12px #aaa;
}

.nl-tile.nl-tilesize-herowide {
    height: 355px;
    width: 665px;
    box-shadow: 8px 8px 12px #aaa;
}

.nl-flowlayout-childcontainer > .nl-tile {
    transition: height 125ms linear 125ms,width 125ms linear 0s,top 175ms ease-out,left 175ms ease-out,right 175ms ease-out;
}

.nl-portal-bg-txt-br {
    color: var(--main-menu-color);
    border-color: #bbb;
    background-color: #FFF;
}

.nl-portal-bg-txt-br-reverse {
    color: #FFF;
    border-color: #bbb;
    background-color: var(--main-menu-color);
}

.nl-text-primary {
    color: #0058ad;
}

.nl-bg-default {
    background-color: #fff;
}

.nl-bg-error {
    background-color: #e81123 !important;
}

.nl-bg-muted {
    background-color: #e6e6e6;
}

.nl-bg-muted-5 {
    background-color: #f2f2f2;
}

.nl-bg-muted-80-10 {
    background-color: #333;
}

.nl-tile {
    height: 175px;
    width: 175px;
    position: relative;
    box-shadow: none;
}

    .nl-tile.nl-tilesize-fittocontainer {
        height: 100%;
        width: 100%;
    }

.nl-part {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px;
}

.nl-part, .nl-part-content {
    background-color: inherit;
}

    .nl-part, .nl-part .nl-part-content, .nl-part::after {
        width: 100%;
        box-sizing: border-box;
    }

        .nl-part .nl-part-title {
            height: 49px;
            position: relative;
            top: -4px;
            box-sizing: border-box;
        }

        .nl-part.nl-part-part-title-visible .nl-part-content {
            height: calc(100% - 45px);
            top: -4px;
        }

        .nl-part .nl-part-content {
            font-size: var(--font-size-type1);
            line-height: 18px;
            line-height: normal;
            position: relative;
            height: 100%;
        }

        .nl-part, .nl-part .nl-part-content, .nl-part::after {
            width: 100%;
            box-sizing: border-box;
        }

.nl-part, .nl-part-content {
    background-color: inherit;
}

    .nl-part .nl-part-title .nl-part-titleText {
        font-size: var(--font-size-type3);
        line-height: 17px;
        padding-bottom: 1px;
    }

    .nl-part .nl-part-title .nl-part-assetname,
    .nl-part .nl-part-title .nl-part-titleText {
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.nl-journey-target,
.nl-startboard-target {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.nl-stacklayout.nl-stacklayout-horizontal {
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 100%;
}

.nl-stacklayout {
    display: -webkit-flex;
    display: flex;
}

.nl-journey > .nl-journey-layout > .nl-stacklayout-child:only-child {
    box-shadow: -5px 0 0 rgba(108,115,122,.15), 5px 0 0 rgba(108,115,122,.15);
}

.nl-journey > .nl-journey-layout > .nl-stacklayout-child:last-child {
    box-shadow: 5px 0 0 rgba(108,115,122,.15);
}

.nl-journey > .nl-journey-layout > .nl-stacklayout-child:first-child {
    box-shadow: -5px 0 0 rgba(108,115,122,.15);
}

.nl-journey > .nl-journey-layout > .nl-stacklayout-child {
    margin-right: 0;
}

.nl-stacklayout.nl-stacklayout-horizontal > .nl-stacklayout-child {
    height: 100%;
}

.nl-blade-position-feature .nl-blade-maximized.nl-blade {
    width: 100%;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;
}

.nl-blade-position-feature .nl-blade:not(.nl-contextpane-content) {
    width: 0;
}

.nl-blade-position-feature .nl-blade {
    max-width: 100%;
}

.nl-blade.nl-blade-maximized {
    /*width: calc(100% + 2px);*/
    width: 100%;
}

.nl-stacklayout-child {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.nl-blade {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.nl-blade-title-content {
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.nl-blade-loaded .nl-blade-actions button,
.nl-blade-loaded .nl-blade-title {
    visibility: visible;
}

.nl-blade .nl-blade-actionBar,
.nl-blade .nl-blade-header {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

.nl-blade-header .nl-blade-title {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 25px;
    width: 100%;
}

.nl-blade-close:hover {
    background-color: #e81123;
}

.nl-blade-actions button:not(.nl-blade-close),
.nl-blade-title {
    visibility: hidden;
}

.nl-blade-header .nl-blade-title .nl-blade-title-titleText {
    font-family: Calibri,wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type7);
    line-height: 30px;
}

.nl-blade-header .nl-blade-title .nl-blade-title-subtitleText {
    max-width: 100%;
    margin-top: -4px;
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type4);
    line-height: normal;
}

.nl-blade-header .nl-blade-title .nl-blade-title-subtitleText,
.nl-blade-header .nl-blade-title .nl-blade-title-titleText {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nl-trim-title {
    color: #bbb;
}

.nl-blade-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .nl-blade-actions button,
    .nl-blade-actions a {
        cursor: pointer;
        border: 0;
        background-color: transparent;
        margin: 0;
        transition: background-color .2s ease-out;
        height: 30px;
        width: 30px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        .nl-blade-actions button svg,
        .nl-blade-actions a svg {
            display: block;
            height: 16px;
            width: 16px;
        }

.nl-blade-content-container {
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
}

.nl-journey-layout .nl-stacklayout-child:first-child .nl-blade-content-container-default,
.nl-journey-layout .nl-stacklayout-child:first-child .nl-blade-header,
.nl-journey-layout .nl-stacklayout-child:first-child .nl-blade > nl-progress {
    border-left-width: 0;
}

.nl-blade-content-container .nl-bladecontent:first-child {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}


.nl-blade-locked,
.nl-portal-background {
    background-color: #fff;
}

.nl-blade-content-container .nl-bladecontent {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.nl-blade-content-container-default,
.nl-blade-content-container-details {
    width: 100%;
    height: 100%;
}

.nl-bladesize-medium.nl-blade-content-container-details {
    width: 585px;
}

.nl-menublade .nl-blade-content-container-default:not(.nl-blade-unauthorized) {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    width: 265px;
    min-width: 100px;
}

.nl-blade-border {
    border-left-style: solid;
    border-left-width: 2px;
    box-sizing: border-box;
}

.nl-portal-svg {
    fill: var(--main-menu-color);
}

.nl-portal-svg-reverse {
    fill: #FFF;
}

.nl-portal-svg-secondary {
    fill: #444;
}

.nl-portal-svg-primary {
    fill: #0058ad;
}

.nl-portal-svg-warning {
    fill: #ff8c00;
}

.nl-portal-svg-error {
    fill: #e81123;
}

.nl-commandBar {
    position: relative;
    padding: 0 15px;
    display: -webkit-flex;
    display: flex;
}

.nl-commandBar-target {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.nl-commandBar-itemList {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 35px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.nl-commandBar-item {
    font-size: var(--font-size-type1);
    line-height: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    border: 0;
    overflow: visible;
    text-align: left;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}

    .nl-commandBar-item.nl-commandBar-itemDisabled,
    .nl-commandBar-item.nl-commandBar-itemDisabled a {
        cursor: default;
    }

.nl-commandBar-item-buttoncontainer {
    display: -webkit-flex;
    display: flex;
}

a.nl-commandBar-item-buttoncontainer {
    color: inherit;
    height: inherit;
    line-height: inherit;
}


.nl-commandBar-item-icon {
    height: 14px;
    width: 20px;
    padding-right: 5px;
}

.nl-commandBar-item.nl-commandBar-itemDisabled .nl-commandBar-item-icon,
.nl-commandBar-item.nl-commandBar-itemDisabled .nl-commandBar-item-text {
    opacity: .5;
}

.nl-commandBar-item-text {
    font-size: var(--font-size-type1);
    position: relative;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.nl-blade-content-wrapper {
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nl-blade-content-wrapper {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    position: relative;
}

.nl-blade-content {
    height: 100%;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    box-sizing: border-box;
    min-height: 0;
}

.nl-menublade .nl-blade-content-container-default:not(.nl-blade-unauthorized) .nl-blade-content {
    min-width: 246px;
}

.nl-bladesize-medium.nl-blade-content {
    min-width: 566px;
}

.nl-bladesize-expandable.nl-blade-content,
.nl-bladesize-large.nl-blade-content {
    min-width: 836px;
}

.nl-blade-content-container .nl-bladestyle-create .nl-blade-stacklayout {
    padding-left: 25px;
    padding-right: 25px;
}

.nl-stacklayout {
    display: -webkit-flex;
    display: flex;
}

.nl-blade .nl-blade-stacklayout {
    height: 100%;
    -ms-overflow-style: auto;
    box-sizing: border-box;
    padding: 10px 25px 25px;
}

.nl-blade-maximized .nl-blade-stacklayout {
    width: 100%;
}

.nl-stacklayout.nl-stacklayout-vertical {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.nl-menu-search {
    min-height: 23px;
    margin-bottom: 20px;
}

.nl-search {
    display: block;
    position: relative;
}

.nl-search-icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 7px;
    opacity: .8;
}



.nl-textBox {
    height: 23px;
}

.nl-search .nl-textBox,
.nl-search-populated .nl-search-discard-icon {
    display: block;
}

.nl-control {
    border-color: #bbb;
}

.nl-textBox-wrapper {
    width: 100%;
}

.nl-search .nl-textBox .nl-textBox-wrapper input {
    padding-left: 31px;
    padding-right: 24px;
}

.nl-search .nl-textBox .nl-textBox-wrapper .nl-img-loading {
    position: absolute;
    margin-top: -23px;
    right: 0;
    padding: 4px;
}

.nl-input {
    color: var(--main-menu-color);
}

.nl-formControl,
.nl-textarea {
    border-color: #bbb;
    background-color: #fff;
}

.nl-textBox-wrapper .nl-input {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    font-size: var(--font-size-type1);
    height: 30px;
    outline: 0;
    padding: 2px 8px 4px;
    width: 100%;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #EEEEEE;
    border-color: gray;
}

    .nl-textBox-wrapper .nl-input[disabled="disabled"] {
        border-width: 1px;
    }

        .nl-textBox-wrapper .nl-input[disabled="disabled"]::placeholder {
            /*color: #e81123;*/
        }

.nl-img-wrapper img {
    width: 200px;
    margin-top: 4px;
    color: #e81123;
}

.nl-br-error {
    border-color: #e81123 !important;
}

.nl-menu-scrollarea {
    overflow: auto;
    height: calc(100% - 23px - 20px);
}

    .nl-menu-scrollarea .nl-listView-filler {
        width: 100%;
        height: unset;
    }

.nl-br-muted {
    border-color: #ccc !important;
}

.nl-br-strong {
    border-color: grey;
}

.nl-menu-grid {
    padding: 0;
}

.nl-listView {
    overflow: hidden;
    padding: 5px 0 0 5px;
}

.nl-listView-group {
    margin: 0 0 20px;
}

.nl-listView-groupheader {
    margin: 0 5px 5px 0;
    font-family: Calibri,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type1);
}

.nl-listView ul {
    margin: 0;
    padding: 0;
}

.nl-listView-item {
    padding: 0;
    margin: 0 5px 5px 0;
    list-style-type: none;
    display: inline-block;
    font-size: var(--font-size-type4);
    overflow: hidden;
    vertical-align: top;
}

    .nl-listView-item a {
        text-decoration: none;
        flex: 1 1 auto;
        font-weight: inherit;
        color: inherit;
    }

.nl-menu-grid .nl-listView-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.nl-menu-grid .nl-listView-groupheader-text,
.nl-menu-grid .nl-listView-item,
.nl-menu-grid .nl-menu-groupheader {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    margin: 0;
}

.nl-menu-grid .nl-listView-groupheader-text,
.nl-menu-grid .nl-menu-groupheader {
    font-family: Calibri,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    font-size: var(--font-size-type4);
    line-height: 10px;
    text-transform: uppercase;
    padding: 5px 0 10px 5px;
}

.nl-menu-grid .nl-listView-groupheader {
    margin: 0;
}

.nl-listView.nl-listView-selectable .nl-listView-list > .nl-listView-item:not([aria-disabled=true]):hover {
    cursor: pointer;
}

.nl-menu-grid .nl-listView-item[aria-disabled=true] .nl-menu-icon,
.nl-menu-grid .nl-listView-item[aria-disabled=true] .nl-menu-listView-item {
    opacity: .5
}

.nl-menu-listView-item svg {
    background-color: #FFF
}

.nl-portal-hover:hover:not(.nl-portal-activated),
.nl-portal-hover:hover:not(.nl-portal-activated) .nl-menu-listView-item svg {
    /*background-color: #f3f3f3;*/
    background-color: rgba(0, 137, 250, 0.07);
}

.nl-portal-hover:active {
    /*background-color: #bfeefb;*/
    background-color: rgba(0,137,250,.15);
}

.nl-portal-activated,
.nl-portal-activated.nl-menu-listView-item svg {
    /*background-color: #bfeefb;*/
    background-color: rgba(0,137,250,.15);
}

.nl-listView-item[aria-selected=true] {
    position: relative;
}

.nl-menu-grid .nl-menu-icon,
.nl-menu-grid .nl-menu-listView-item {
    display: block;
    padding: 10px 0 9px 10px;
    position: relative;
}

.nl-menu-icon {
    /*height: 15px;
    width: 15px;*/
    height: inherit;
    width: 23px;
    padding: 9px 0 8px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .nl-menu-icon svg {
        /*height: inherit;
        width: inherit;*/
    }

.nl-text-small {
    font-size: var(--font-size-type1);
    line-height: normal;
}

.nl-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nl-portal .nl-text-warning {
    color: #ff8c00 !important;
}

.nl-portal .nl-text-error {
    color: #e81123 !important;
}

.nl-stacklayout-child {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.nl-lens {
    position: relative;
    padding-bottom: 10px;
}

    .nl-lens.nl-lens-fit {
        padding-bottom: 0;
        height: 100%;
    }

        .nl-lens.nl-lens-fit > .nl-lens-layout {
            height: 100%;
        }

.nl-blade-locked .nl-stacklayout-child:last-child.nl-lens,
.nl-blade-summary-container .nl-lens {
    padding-bottom: 0;
}

.nl-blade-locked .nl-stacklayout-child:last-child.nl-lens,
.nl-blade-summary-container .nl-lens {
    padding-bottom: 0;
}

.nl-lens > .nl-lens-title-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    margin-bottom: 15px;
}

.nl-blade-locked .nl-blade-stacklayout.nl-stacklayout-vertical .nl-lens > .nl-lens-title-container {
    height: auto;
}

.nl-lens > .nl-lens-title-container > .nl-lens-title {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-size: var(--font-size-type3);
    line-height: 30px;
}

.nl-tile {
    height: 175px;
    width: 175px;
    position: relative;
    box-shadow: none;
}

    .nl-tile.nl-tilesize-fullwidthfitheight {
        height: auto;
        width: 100%;
    }

    .nl-tile.nl-tilesize-fullwidthfitheight,
    .nl-tile.nl-tilesize-herowidefitheight {
        margin-bottom: 5px;
    }

        .nl-tile.nl-tilesize-fullwidthfitheight:last-child,
        .nl-tile.nl-tilesize-herowidefitheight:last-child {
            margin-bottom: 0;
        }

.nl-blade-content-container .nl-bladestyle-context .nl-tile,
.nl-blade-content-container .nl-bladestyle-contextaction .nl-tile,
.nl-blade-content-container .nl-bladestyle-create .nl-tile,
.nl-blade-content-container .nl-bladestyle-help .nl-tile {
    box-shadow: none;
}

.nl-tile.nl-tilesize-fullwidthfitheight .nl-part,
.nl-tile.nl-tilesize-fullwidthfitheight .nl-part-content {
    height: auto;
}

.nl-blade .nl-blade-locked .nl-part {
    padding: 0 0 15px;
}

.nl-blade-content-container .nl-bladestyle-create .nl-blade-stacklayout .nl-part {
    padding-left: 0;
    padding-right: 0;
}

.nl-bladestyle-create .nl-form {
    margin-top: 14px;
}

.nl-form:not(.nl-form-custom) .nl-section > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > div > .nl-form-formelement {
    padding-bottom: 15px;
    width: 100%;
    min-height: 23px;
}

.nl-form .nl-checkBoxField-inlineLabelContainer,
.nl-form .nl-form-labelcontainer,
.nl-form .nl-form-labelcontainer {
    box-sizing: border-box;
    min-height: 20px;
}

.nl-guide-utc-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.nl-guide-info-container {
    /*position: absolute;*/
    /*width: 800px;*/
    /*height: 472px;*/
    border-width: 1px;
    border-style: solid;
    border-color: grey;
    /*top: 50%;
    left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    box-shadow: grey 0px 0px 15px;
}

.nl-guide-title-container {
    background-color: #fff;
    border: 1px solid var(--main-menu-color);
    color: var(--main-menu-color);
    line-height: 30px;
}

.nl-guide-tile {
    font-size: var(--font-size-type6);
    padding-left: 15px;
}

.nl-guide-info-closeIcon {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 20px;
    height: 20px;
}

.nl-guided-closeIcon-size {
    height: 13px;
    width: 13px;
}

.nl-guide-image {
    position: relative;
}

.nl-button-utc {
    width: 30px;
    height: 100%;
    position: absolute;
    bottom: 0;
    cursor: pointer;
}

    .nl-button-utc:hover {
        background-color: rgba(250, 250, 250, 0.7);
    }

.nl-utc-selectable {
    background-color: rgba(250, 250, 250, 0.7);
    border: 1px dashed;
}

.nl-utc-o-11 {
    left: 15px;
}

.nl-utc-o-10 {
    left: calc(15px + 1*30px);
}

.nl-utc-o-9 {
    left: calc(15px + 2*30px);
}

.nl-utc-o-8 {
    left: calc(15px + 3*30px - 1px);
}

.nl-utc-o-7 {
    left: calc(15px + 4*30px - 2px);
}

.nl-utc-o-6 {
    left: calc(15px + 5*30px - 1px);
}

.nl-utc-o-5 {
    left: calc(15px + 6*30px - 1px);
}

.nl-utc-o-4 {
    left: calc(15px + 7*30px - 1px);
}

.nl-utc-o-3 {
    left: calc(15px + 8*30px - 1px);
}

.nl-utc-o-2 {
    left: calc(15px + 9*30px - 2px);
}

.nl-utc-o-1 {
    left: calc(15px + 10*30px - 2px);
}

.nl-utc-0 {
    left: calc(15px + 11*30px - 2px);
}

.nl-utc-e-1 {
    left: calc(15px + 12*30px - 2px);
}

.nl-utc-e-2 {
    left: calc(15px + 13*30px - 2px);
}

.nl-utc-e-3 {
    left: calc(15px + 14*30px - 2px);
}

.nl-utc-e-4 {
    left: calc(15px + 15*30px - 3px);
}

.nl-utc-e-5 {
    left: calc(15px + 16*30px - 3px);
}

.nl-utc-e-6 {
    left: calc(15px + 17*30px - 3px);
}

.nl-utc-e-7 {
    left: calc(15px + 18*30px - 3px);
}

.nl-utc-e-8 {
    left: calc(15px + 19*30px - 3px);
}

.nl-utc-e-9 {
    left: calc(15px + 20*30px - 4px);
}

.nl-utc-e-10 {
    left: calc(15px + 21*30px - 4px);
}

.nl-utc-e-11 {
    left: calc(15px + 22*30px - 4px);
}

.nl-utc-e-12 {
    left: calc(15px + 23*30px - 4px);
}

.nl-dockedballoon.nl-dockedballoon-info {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative
}

    .nl-dockedballoon.nl-dockedballoon-info .nl-dockedballoon-anchor {
        width: 100%;
        height: 100%;
        stroke: none
    }

        .nl-dockedballoon.nl-dockedballoon-info .nl-dockedballoon-anchor img {
            display: inline-block;
            margin-top: 5px
        }

.nl-dockedballoon-requiredwidget.nl-dockedballoon-required {
    display: inline-block;
    text-align: center;
    width: 11px;
    height: 6px;
    cursor: pointer;
    position: relative
}

.nl-required-anchor {
    height: 6px;
    width: 6px;
    margin-right: 5px
}

    .nl-required-anchor svg {
        vertical-align: 4px
    }

.nl-dockedballoon-anchor-target {
    height: 9px;
    width: 9px;
    margin-left: 3px
}

.nl-dockedballoon-validation {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box
}

    .nl-dockedballoon-validation .nl-dockedballoon-anchor {
        cursor: pointer;
        font-weight: 700;
        color: #fff;
        font-size: var(--font-size-type1);
        text-align: center;
        text-decoration: none;
        display: block
    }

        .nl-dockedballoon-validation .nl-dockedballoon-anchor svg {
            display: none
        }

        .nl-dockedballoon-validation .nl-dockedballoon-anchor:before {
            content: "!"
        }

.nl-dockedballoon-required {
    fill: #e81123
}

.nl-validatableControl .nl-dockedballoon-validation,
.nl-validatableControl-valid-validated .nl-dockedballoon-anchor::before,
div.nl-validationBelowCtrl .nl-validatableControl-invalid div.nl-dockedballoon.nl-dockedballoon-validation, div.nl-validationBelowCtrl.nl-validatableControl-invalid div.nl-dockedballoon.nl-dockedballoon-validation {
    display: none
}

.nl-dropdown.nl-validatableControl-invalid,
.nl-editableCombo.nl-validatableControl-invalid,
.nl-inputbox.nl-validatableControl-invalid,
.nl-inputbox.nl-validatableControl-pending,
.nl-inputbox.nl-validatableControl-valid-validated {
    padding-right: 14px
}

    .nl-dropdown.nl-validatableControl-invalid div.nl-dockedballoon.nl-dockedballoon-validation, .nl-editableCombo.nl-validatableControl-invalid div.nl-dockedballoon.nl-dockedballoon-validation, .nl-inputbox.nl-validatableControl-invalid div.nl-dockedballoon.nl-dockedballoon-validation, .nl-inputbox.nl-validatableControl-pending div.nl-dockedballoon.nl-dockedballoon-validation, .nl-inputbox.nl-validatableControl-valid-validated div.nl-dockedballoon.nl-dockedballoon-validation {
        display: inline-block;
        width: 14px;
        margin-right: -14px
    }

.nl-checkBox.nl-validatableControl-invalid .nl-dockedballoon-validation {
    display: inline-block
}

div.nl-base.nl-validationBelowCtrl div.nl-validatableControl-invalid, div.nl-base.nl-validationBelowCtrl div.nl-validatableControl-invalid .nl-validatableControl-invalid {
    padding-right: 0
}

    div.nl-base.nl-validationBelowCtrl div.nl-validatableControl-invalid.nl-validation-border {
        border-width: 2px;
        border-style: solid;
        border-color: #e81123;
        width: 100%
    }

        div.nl-base.nl-validationBelowCtrl div.nl-validatableControl-invalid.nl-validation-border.nl-optionPicker {
            width: calc(100% - 4px)
        }

    div.nl-base.nl-validationBelowCtrl div.nl-validatableControl-invalid .nl-validation-border {
        border-width: 2px;
        border-style: solid;
        border-color: #e81123;
        width: 100%
    }

.nl-group-dropdown.nl-validationBelowCtrl .nl-validatableControl-invalid div.nl-validation-border {
    border-width: 2px;
    border-style: solid;
    border-color: #e81123;
    width: 100%;
    width: calc(100% - 12px);
    padding-right: 0
}

.nl-group-dropdown.nl-validationBelowCtrl .nl-validatableControl-invalid .nl-group-dropdown-arrow:before {
    right: 10px
}

.nl-group-dropdown.nl-dropdown-filter.nl-validationBelowCtrl:not(.nl-dropdown-multiselect) .nl-validatableControl-invalid {
    height: 25px
}

    .nl-group-dropdown.nl-dropdown-filter.nl-validationBelowCtrl:not(.nl-dropdown-multiselect) .nl-validatableControl-invalid .nl-validation-border {
        width: 100%;
        height: 25px;
        padding-top: 2px;
        padding-bottom: 3px
    }

.nl-validation-messages {
    clear: both;
    line-height: 15px;
    margin-top: 5px;
    color: #b40e1b
}

    .nl-validation-messages.nl-show-validation {
        display: block
    }

.nl-validatableControl.nl-textBox {
    box-sizing: border-box
}

.nl-validatableControl-invalid .nl-dockedballoon-validation .nl-dockedballoon-anchor {
    padding-top: 3px;
    line-height: normal
}

.nl-checkBox .nl-dockedballoon-validation .nl-dockedballoon-anchor {
    padding: 0 2px 0 0
}

.nl-validatableControl-invalid .nl-inputbox-wrapper {
    display: inline-block
}

.nl-validatableControl-pending {
    overflow: visible;
    position: relative
}

    .nl-validatableControl-pending .nl-dockedballoon-validation .nl-dockedballoon-anchor:before {
        content: url(Content/static/nl-validatableControl-pending.gif);
        position: absolute;
        top: 4px;
        right: 3px
    }

    .nl-validatableControl-pending .nl-dockedballoon-validation .nl-dockedballoon-anchor,
    .nl-validatableControl-invalid .nl-dockedballoon-validation .nl-dockedballoon-anchor,
    .nl-validatableControl-valid-validated .nl-dockedballoon-validation .nl-dockedballoon-anchor {
        cursor: default;
        padding: 1px 1px 0 0
    }

.nl-selector-requiredBalloon .nl-dockedballoon-anchor {
    padding: 0
}

.nl-validatableControl-pending .nl-inputbox-wrapper,
.nl-validatableControl-invalid .nl-inputbox-wrapper,
.nl-validatableControl-valid-validated .nl-inputbox-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-width: 0;
    text-decoration: none;
    border-right-color: transparent;
    float: left;
}

.nl-validatableControl-pending .nl-dockedballoon-validation,
.nl-validatableControl-valid-validated .nl-dockedballoon-validation {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    outline: 0;
}

.nl-inputbox.nl-validatableControl-pending .nl-inputbox-wrapper .nl-input,
.nl-inputbox.nl-validatableControl-invalid .nl-inputbox-wrapper .nl-input,
.nl-inputbox.nl-validatableControl-valid-validated .nl-inputbox-wrapper .nl-input {
    border-right-width: 0;
}

    .nl-inputbox.nl-validatableControl-pending .nl-inputbox-wrapper .nl-input[disabled="disabled"],
    .nl-inputbox.nl-validatableControl-invalid .nl-inputbox-wrapper .nl-input[disabled="disabled"],
    .nl-inputbox.nl-validatableControl-valid-validated .nl-inputbox-wrapper .nl-input[disabled="disabled"] {
        border-width: 1px;
        border-right-width: 0;
        background-color: #F2F2F2;
    }

.nl-validatableControl-valid-invalid .nl-dockedballoon-validation .nl-dockedballoon-anchor svg,
.nl-validatableControl-valid-validated .nl-dockedballoon-validation .nl-dockedballoon-anchor svg {
    display: block;
    height: 10px;
    width: 10px;
    margin-top: 5px
}

.nl-required-anchor {
    height: 6px;
    width: 6px;
    margin-right: 5px;
}

    .nl-required-anchor svg {
        vertical-align: 4px;
    }

.nl-form .nl-checkBoxField-inlineLabelContainer label,
.nl-form .nl-form-labelcontainer label,
.nl-form .nl-form-labelcontainer label {
    font-size: var(--font-size-type1);
    line-height: normal;
}

.nl-form .nl-checkBoxField-inlineLabelContainer label,
.nl-form .nl-form-labelcontainer label,
.nl-form .nl-form-labelcontainer label {
    max-width: calc(100% - 25px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nl-text-label {
    color: #474747;
}

.nl-textBox-wrapper [placeholder] {
    text-overflow: ellipsis;
}

.nl-editableCombo {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

    .nl-editableCombo .nl-grid-row,
    .nl-editableCombo.nl-editableCombo-has-drop-image {
        cursor: pointer;
    }

.nl-editableCombo-wrapper,
.nl-editableCombo-wrapper input {
    box-sizing: border-box;
    width: 100%;
    float: left;
    display: inline-block;
}

    .nl-editableCombo-wrapper select {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        float: left;
        display: inline-block;
        padding: 0 6px;
    }

.nl-editableCombo-wrapper {
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 23px;
    margin: 0;
    /*border-width: 1px;
    border-style: solid;*/
}

.nl-editableCombo.nl-editableCombo-has-drop-image .nl-editableCombo-wrapper {
    padding-right: 25px;
}

.nl-blade-position-feature .nl-blade-actionBar {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.nl-bladeActionBar {
    border-top: 1px solid;
    border-color: inherit;
    padding: 20px 25px;
    overflow: hidden;
    position: relative;
}

.nl-createActionBar {
    font-size: var(--font-size-type1);
}

.nl-infoBox {
    margin: 19px 0;
}

.nl-createActionBar .nl-infoBox {
    margin-top: 0;
}

.nl-hotspot {
    position: relative;
    padding: 5px 10px;
}

.nl-infoBox-container {
    display: table;
    width: 100%;
}

.nl-infoBox .nl-hotspot {
    padding: 0;
}

.nl-bladecontent-unlocked,
.nl-portal-background-secondary {
    background-color: #eee;
}

.nl-infoBox-image-container,
.nl-infoBox-text {
    display: table-cell;
    vertical-align: middle;
}

.nl-infoBox-image-container {
    min-width: 50px;
}

.nl-infoBox-image-container {
    background-color: #bbb;
}

.nl-infoBox-image {
    margin: auto 0;
}

.nl-infoBox-image {
    width: 50px;
    height: 50px;
    padding: 7px;
}

.nl-infoBox-image-container,
.nl-infoBox-text {
    display: table-cell;
    vertical-align: middle;
}

.nl-infoBox-text {
    width: 100%;
    margin-bottom: auto;
    margin-top: auto;
    font-size: var(--font-size-type1);
    line-height: 15px;
    /*white-space: pre-wrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.nl-infoBox-text {
    padding: 10px 10px 10px 14px;
}

.nl-actionbar-buttonwrapper {
    display: inline-block;
}

.nl-createActionBar-okButton {
    position: relative;
}

.nl-simplebutton {
    display: inline-block;
    -webkit-user-select: none;
    min-width: 80px;
    text-align: center;
    line-height: 22px;
    position: relative;
}

.nl-actionBarBase .nl-actionBarBase-button {
    position: relative;
    min-width: 90px;
    margin: 0 4px 0 0;
}

.nl-button {
    position: relative;
    box-sizing: border-box;
    height: 24px;
    line-height: 22px;
    font-size: var(--font-size-type1);
    font-family: Calibri,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
    cursor: pointer;
    border: 1px solid;
    padding: 0 20px;
    margin: 0;
}

.nl-inner-dotted-border {
    position: relative;
}

.nl-portal-button-primary {
    background-color: #0058ad !important;
    border-color: #0058ad !important;
    color: #fff !important;
    fill: #fff !important;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 8px 8px 12px #aaa;
}

.aspNetDisabled.nl-portal-button-primary {
    cursor: default;
    background-color: rgba(127,127,127,.1);
    border-color: rgba(127,127,127,.1);
    outline: 0;
    color: #b3b3b3;
    fill: #b3b3b3;
}

.nl-portal-border {
    border-color: #bbb;
}

a.nl-button {
    text-decoration: none;
    /*color: inherit;*/
}

a.nl-portal-button-primary:hover {
    color: #FFF;
}

a.aspNetDisabled.nl-portal-button-primary:hover {
    color: #b3b3b3;
}

.nl-grid.nl-grid-resizableColumn .nl-grid-tableContainer {
    position: relative;
}

.nl-grid.nl-grid-scrollable {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .nl-grid.nl-grid-scrollable div.nl-grid-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .nl-grid.nl-grid-scrollable div.nl-grid-container div.nl-grid-tableContainer {
            width: 100%;
            height: 100%;
            overflow: hidden;
            padding-top: 40px;
            position: relative;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column
        }

            .nl-grid.nl-grid-scrollable div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer {
                width: 100%;
                height: 100%;
                overflow: auto;
                -webkit-flex: 1 1 auto;
                flex: 1 1 auto
            }

                .nl-grid.nl-grid-scrollable div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer table.nl-grid-tableHeader {
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .nl-grid.nl-grid-scrollable div.nl-grid-container div.nl-grid-tableContainer tr.nl-grid-scrollable-above + tr.nl-grid-row td {
                border-top-width: 1px;
                border-top-style: solid
            }

.nl-grid table caption, .nl-grid.nl-grid-headerHidden thead {
    display: none
}

.nl-grid {
    position: relative;
    font-size: var(--font-size-type1)
}

    .nl-grid .nl-grid-container {
        overflow-x: auto;
        overflow-y: visible
    }

    .nl-grid > .nl-grid-title-container > .nl-lens-title {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        font-size: var(--font-size-type3);
        line-height: 30px;
    }

.nl-grid-title {
    position: relative;
}

.nl-grid .nl-grid-cell-ellipse, .nl-grid table td, .nl-grid table thead tr th .nl-grid-header-wrapper span, .nl-grid table thead tr th span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nl-grid .nl-grid-cellContent, .nl-grid .nl-vivaControl {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .nl-grid .nl-grid-cellContent a {
        color: var(--main-menu-color);
    }

    .nl-grid .nl-grid-cellContent .nl-grid-cellContent-info {
        display: flex;
        flex-direction: column;
        margin-left: 6px;
    }

    .nl-grid .nl-grid-cellContent .nl-grid-cellContent-info {
        display: flex;
        flex-direction: column;
        margin-left: 6px;
        margin-bottom: 2px;
    }

        .nl-grid .nl-grid-cellContent .nl-grid-cellContent-info > span {
            cursor: pointer;
        }

            .nl-grid .nl-grid-cellContent .nl-grid-cellContent-info > span:before {
                content: '| ';
            }

.nl-grid .nl-grid-cell-fullheight {
    height: 100%
}

.nl-grid .nl-grid-empty td {
    border-top-style: solid;
    border-top-width: 1px
}

.nl-grid table {
    width: 100%;
    border: 0;
    background-color: transparent;
    table-layout: fixed;
    border-spacing: 0;
}

    .nl-grid table tbody:last-child tr:last-child td,
    .nl-grid table td {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .nl-grid table td .nl-dropdown, .nl-grid table thead tr th .nl-grid-header-wrapper .nl-grid-headerlabel {
            display: block;
            color: initial;
        }

        .nl-grid table td:first-of-type, .nl-grid table th:first-child {
            padding-left: 7px;
        }

    .nl-grid table th:first-child {
        padding-left: 0;
    }

    .nl-grid table thead tr th {
        text-transform: uppercase;
        text-align: left;
        font-size: var(--font-size-type4);
        padding: 0;
        height: 40px;
        position: relative;
        font-family: az_ea_font,wf_segoe-ui_bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
        line-height: 38px
    }

        .nl-grid table thead tr th a {
            position: relative
        }

        .nl-grid table thead tr th .nl-grid-header-wrapper {
            padding: 1px 0 1px 10px;
            position: relative
        }

    .nl-grid table td {
        padding: 1px 0 1px 10px;
        height: 33px
    }

    .nl-grid table td {
        height: 40px
    }

        .nl-grid table td .nl-button, .nl-grid table td .nl-dropdown, .nl-grid table td .nl-editableCombo, .nl-grid table td .nl-fileUpload, .nl-grid table td .nl-optionPicker, .nl-grid table td button, .nl-grid table td input, .nl-grid table td select, .nl-grid table td textarea {
            font-size: var(--font-size-type1) !important
        }

    .nl-grid table .nl-grid-row:first-of-type td {
        border-top-width: 1px;
        border-top-style: solid
    }

.nl-grid-sortableColumn .nl-grid-sortableColumn-target {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
}

.nl-grid-sortableColumn .nl-grid-sortableColumn-image-container {
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 9px;
}

.nl-grid-sortableColumn .nl-grid-sortableColumn-sortImage {
    width: 11px;
    height: 38px;
}

.nl-grid-sortableColumn .nl-ascending .nl-descend,
.nl-grid-sortableColumn .nl-descending .nl-ascend,
.nl-grid-sortableColumn .nl-none .nl-ascend,
.nl-grid-sortableColumn .nl-none .nl-descend {
    opacity: .25;
}

.nl-grid-sortableColumn .nl-ascending .nl-descend,
.nl-grid-sortableColumn .nl-descending .nl-ascend,
.nl-grid-sortableColumn .nl-none .nl-ascend,
.nl-grid-sortableColumn .nl-none .nl-descend {
    opacity: .25;
}

.nl-grid a img {
    border: 0
}

.nl-btn-item-check {
    position: absolute;
    width: inherit;
    height: inherit;
    cursor: pointer;
    z-index: 10;
}

.nl-grid-selection .nl-grid-selection-cell-wrapper {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
}

.nl-grid.nl-base .nl-grid-formatters-svg {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit;
}

.nl-grid.nl-base .nl-grid-formatters-svgicon {
    margin-right: 6px;
    flex-shrink: 0;
    width: 12px;
    height: 13px;
    position: relative;
    display: inline-block;
}

.nl-grid.nl-grid-selection .nl-grid-selection-cell-wrapper .nl-grid-formatters-svgicon {
    margin-top: 2px;
    margin-left: 2px;
    position: relative;
}

    .nl-grid.nl-grid-selection .nl-grid-selection-cell-wrapper .nl-grid-formatters-svgicon svg {
        vertical-align: top;
    }

.nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-external-hovered:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td.nl-br-muted, .nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-portal-hover:hover:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td.nl-br-muted {
    border-color: #00bcf2
}

.nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-external-hovered:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td:first-of-type, .nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-portal-hover:hover:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td:first-of-type {
    border-left-color: #00bcf2
}

.nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-external-hovered:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td:last-of-type, .nl-grid-selectableRow:not(.nl-grid-activateableRow) .nl-grid-selectable .nl-portal-hover:hover:not(.nl-bg-error):not(.nl-bg-edited):not(.nl-disabled):not(.nl-row-disabled):not(.nl-portal-selected) td:last-of-type {
    border-right-color: #00bcf2
}

.nl-gridcolumn-icon img {
    margin: 8px;
    max-height: 40px;
    max-width: 100px;
}

.nl-gridcolumn-text {
    margin-left: 10px;
    vertical-align: middle;
}

.nl-async-fileupload {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 120px;
    font-size: var(--font-size-type1)
}

    .nl-async-fileupload .nl-async-fileupload-wrapper {
        width: 100%;
        height: 23px
    }

        .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file {
            width: 100%;
            width: calc(100% - 32px);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: inline-block
        }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file .nl-input {
                border-style: solid;
                border-width: 1px;
                box-sizing: border-box;
                font-size: var(--font-size-type1);
                height: 23px;
                outline: 0;
                padding: 2px 8px 4px;
                width: 100%
            }

                .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file .nl-input::-moz-placeholder {
                    font-style: italic
                }

                .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file .nl-input:-ms-input-placeholder {
                    font-style: italic
                }

                .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file .nl-input::-webkit-input-placeholder {
                    font-style: italic
                }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file .nl-img-loading {
                position: absolute;
                margin-top: -23px;
                right: 30px;
                padding: 4px;
            }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file [placeholder] {
                text-overflow: ellipsis
            }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file ::-moz-selection {
                background: 0 0
            }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-selected-file ::selection {
                background: 0 0
            }

        .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-button-wrapper {
            box-sizing: border-box;
            display: inline-block;
            height: 23px;
            width: 23px;
            min-width: 23px;
            padding: 4px;
            position: relative;
            vertical-align: top;
            margin-left: 5px;
            border: none
        }

            .nl-async-fileupload .nl-async-fileupload-wrapper .nl-async-fileupload-button-wrapper .nl-async-fileupload-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 23px;
                opacity: 0;
                display: block;
                cursor: pointer;
                overflow: hidden
            }

    .nl-async-fileupload .nl-dockedballoon-validation {
        display: none
    }

    .nl-async-fileupload div.nl-validatableControl-invalid .nl-input.nl-formControl {
        width: calc(100% - 14px);
        border-color: #e81123
    }

    .nl-async-fileupload div.nl-validatableControl-invalid .nl-dockedballoon {
        display: inline-block;
        width: 14px
    }

    .nl-async-fileupload .nl-validatableControl-valid-validated .nl-dockedballoon {
        position: absolute;
        margin-left: -11px
    }

        .nl-async-fileupload .nl-validatableControl-valid-validated .nl-dockedballoon .nl-dockedballoon-anchor {
            padding: 0 !important;
            cursor: inherit !important
        }

            .nl-async-fileupload .nl-validatableControl-valid-validated .nl-dockedballoon .nl-dockedballoon-anchor::before {
                content: ""
            }

.nl-async-fileupload-button-focushint {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px dotted #fff;
    pointer-events: none;
    outline: #00bcf2 dashed 1px
}

.nl-specPicker-container {
    width: 100%;
    min-height: 100%;
}

    .nl-specPicker-container .nl-specPicker-listView {
        margin-left: 19px;
    }

.nl-listView-focusable.nl-listView-outlined .nl-listView-item.nl-portal-focus {
    outline-color: #00bcf2;
    outline-width: 1px;
}

    .nl-listView-focusable.nl-listView-outlined .nl-listView-item.nl-portal-focus:hover {
        outline-width: 2px;
        outline-style: dashed;
    }

.nl-listView-selectable.nl-listView-outlined .nl-listView-item.nl-portal-activated {
    outline-width: 2px;
    outline-style: solid;
}

.nl-specpicker {
    width: 175px;
    height: 320px;
    position: relative;
    border-color: inherit;
}

.nl-specpicker-header {
    color: #fff;
    font-size: var(--font-size-type3);
    height: 26px;
    line-height: 26px;
}

.nl-specpicker > .nl-mediumBlue .nl-specpicker-shade1 {
    background-color: #4668c5;
}

.nl-specpicker > .nl-yellowGreen .nl-specpicker-shade1 {
    background-color: #578000;
}

.nl-specpicker-table {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
    color: initial;
}

.nl-specpicker .nl-specpicker-table {
    table-layout: auto;
}

.nl-specpicker-footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 46px;
    text-align: right;
}

.nl-specpicker-footer {
    margin-right: 10px;
    margin-bottom: 8px;
    background-color: inherit;
}

.nl-specpicker-footer-value {
    margin-top: 6px;
    text-transform: uppercase;
    font-size: var(--font-size-type13);
    line-height: 22px;
    letter-spacing: -.025em;
}

.nl-specpicker .nl-tooltip-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nl-specpicker-row td {
    white-space: nowrap;
    padding: 0;
}

.nl-specpicker-row .nl-specpicker-left {
    text-align: center;
    min-width: 39px;
}

.nl-specpicker-row td.nl-specpicker-right {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1px;
    width: 100%;
}

.nl-specpicker-row.nl-specpicker-promotedFeatures td {
    padding-bottom: 1px;
}

.nl-specpicker .nl-tooltip-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nl-specpicker-row td .nl-specpicker-cell {
    height: 30px;
    line-height: 30px;
}

.nl-specpicker > .nl-mediumBlue .nl-specpicker-shade2 {
    background-color: rgba(70,104,197,.2);
}

.nl-specpicker > .nl-mediumBlue .nl-specpicker-shade3 {
    background-color: rgba(70,104,197,.1);
}

.nl-specpicker > .nl-yellowGreen .nl-specpicker-shade2 {
    background-color: rgba(70,104,197,.2);
}

.nl-specpicker > .nl-yellowGreen .nl-specpicker-shade3 {
    background-color: rgba(70,104,197,.1);
}

.nl-specpicker-table .nl-specpicker-feature-value {
    font-size: var(--font-size-type6);
}

.nl-specpicker-table .nl-specpicker-feature-name {
    font-size: var(--font-size-type1);
    margin-left: 6px;
}

/*.nl-grid-cell > span {
    padding: 10px 0 9px 10px;
    flex: 1;
    text-align: center;
}

.nl-grid-cell .nl-img-wrapper {
    flex: 1;
    padding: 4px;
    display: flex;
    height: inherit;
    width: inherit;
}

    .nl-grid-cell .nl-img-wrapper .nl-img-content {
        height: 100%;
        margin: auto;
        line-height: 28px;
    }

        .nl-grid-cell .nl-img-wrapper .nl-img-content img {
            max-width: 100%;
            width: auto;
            height: auto;
            max-height: 100%;
            margin: 0;
            text-align: center;
        }*/

.nl-padding {
    padding: 25px;
    box-sizing: border-box;
}

.nl-part.nl-part-is-v2 .nl-part-content > .nl-padding {
    padding: 15px;
}

.nl-part.nl-part-is-v2.nl-part-for-template-blade .nl-part-content > .nl-padding {
    padding: 10px 25px 25px;
}

.nl-tabs-container {
    display: flex;
}

    .nl-tabs-container .nl-tab-filler {
        width: 100%;
        height: unset;
        border-bottom: 1px solid rgb(211, 211, 211);
    }

.nl-tabs {
    display: flex;
}

    .nl-tabs .nl-tab {
        border-top: 2px solid rgb(0, 188, 242);
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-right: 1px solid rgb(211, 211, 211);
        border-left: 1px solid rgb(211, 211, 211);
        border-bottom-style: none;
        padding: 3px;
        text-align: center;
        min-width: 140px;
        font-weight: bold;
        cursor: pointer;
    }

        .nl-tabs .nl-tab.nl-tab-inactive {
            border-width: 0px 0px 1px;
            border-bottom-color: rgb(211, 211, 211);
            border-bottom-style: solid;
            background-color: unset;
            font-weight: normal;
            color: var(--main-menu-color);
        }

        .nl-tabs .nl-tab .nl-tab-icon {
            margin: 10px auto;
            height: 35px;
            width: 90px;
            display: flex;
        }

            .nl-tabs .nl-tab .nl-tab-icon img {
                width: auto;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }

.nl-state-grid {
    margin-top: 30px;
}

.nl-balloon {
    position: fixed;
    word-wrap: break-word;
    height: auto;
    text-align: left;
    z-index: 250;
    min-width: 75px;
}

div.nl-dockedballoon-info.nl-balloon, div.nl-dockedballoon-validation.nl-balloon {
    max-width: 535px;
}

.nl-balloon.nl-balloon-forcedisplayblock {
    display: block !important;
}

.nl-balloon.nl-balloon-hidden {
    visibility: hidden;
}

.nl-balloon .nl-balloon-pointer {
    position: absolute;
}

.nl-balloon.nl-balloon-box-bottom.nl-balloon-position-alternate .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-bottom.nl-balloon-position-preferred .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-top.nl-balloon-position-alternate .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-top.nl-balloon-position-preferred .nl-balloon-pointer {
    width: 0;
    height: 0;
    background: 0 0;
    border-style: solid;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.nl-br-muted-80-10 {
    border-color: #333;
}

.nl-balloon.nl-balloon-box-bottom.nl-balloon-position-alternate .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-bottom.nl-balloon-position-preferred .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-top.nl-balloon-position-alternate .nl-balloon-pointer,
.nl-balloon.nl-balloon-box-top.nl-balloon-position-preferred .nl-balloon-pointer {
    width: 0;
    height: 0;
    background: 0 0;
    border-style: solid;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.nl-balloon.nl-balloon-box-top.nl-balloon-position-preferred .nl-balloon-pointer {
    left: 0;
    bottom: -8px;
    border-width: 8px 8px 0 0;
    border-bottom-color: transparent !important;
}

.nl-text-white {
    color: #fff;
}

.nl-balloon .nl-balloon-content {
    font-size: var(--font-size-type1);
    padding: 10px 15px;
    white-space: normal;
}

.nl-hubs-browse-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nl-hubs-browse-grid-parent {
    flex: 1 1 auto;
    position: relative;
}

.nl-grid2.nl-grid-scrolling.nl-grid-verticalScroll {
    height: 100%;
    overflow-y: hidden;
}

.nl-hubs-browse-grid {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.nl-grid2.nl-grid-scrolling,
.nl-grid2.nl-grid-scrolling div.nl-grid-container,
.nl-grid2.nl-grid-scrolling div.nl-grid-container div.nl-grid-tableContainer,
.nl-grid2.nl-grid-scrolling div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer {
    overflow-x: hidden;
    overflow-y: hidden;
}

    .nl-grid2.nl-grid-scrolling.nl-grid-verticalScroll div.nl-grid-container {
        height: 100%;
        overflow-y: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        .nl-grid2.nl-grid-scrolling.nl-grid-verticalScroll div.nl-grid-container div.nl-grid-tableContainer {
            height: 100%;
            overflow-y: hidden;
            padding-top: 40px;
            position: relative;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

    .nl-grid2.nl-grid-scrolling,
    .nl-grid2.nl-grid-scrolling div.nl-grid-container,
    .nl-grid2.nl-grid-scrolling div.nl-grid-container div.nl-grid-tableContainer,
    .nl-grid2.nl-grid-scrolling div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .nl-grid2.nl-grid-scrolling.nl-grid-verticalScroll div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer {
            height: 100%;
            overflow-y: auto;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        }

.nl-grid2 table {
    width: 100%;
    border: 0;
    background-color: transparent;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

.nl-grid2.nl-grid-scrolling.nl-grid-verticalScroll div.nl-grid-container div.nl-grid-tableContainer div.nl-grid-tableScrollContainer table.nl-grid-tableHeader {
    position: absolute;
    top: 0;
    left: 0;
}

.nl-grid2 table thead tr th {
    text-transform: uppercase;
    text-align: left;
    font-size: var(--font-size-type4);
    padding: 0;
    height: 40px;
    position: relative;
    font-family: Calibri-Bold,"Segoe UI Bold","Segoe WP Bold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
}

.nl-grid2 table th:first-child {
    padding-left: 0;
}

.nl-grid2.nl-grid-selection .nl-grid-selection-cell-header {
    padding-left: 7px;
}

.nl-form:not(.nl-form-custom) .nl-section > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > div > .nl-form-formelement {
    padding-bottom: 15px;
    width: 100%;
    min-height: 23px;
}

.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > .nl-form-formelement > .nl-formElementContainer,
.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > .nl-form-formelement > .nl-formElementSubLabelContainer,
.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > .nl-form-formelement > .nl-form-elementContainer,
.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > div > .nl-form-formelement > .nl-formElementContainer,
.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > div > .nl-form-formelement > .nl-formElementSubLabelContainer,
.nl-blade:not(.nl-bladestyle-create) .nl-form-regular > div > .nl-form-formelement > .nl-form-elementContainer {
    display: inline-block;
    vertical-align: middle;
    width: 66%;
}

.nl-CheckBoxField .nl-formElementSubLabelContainer {
    min-height: 17px;
}

.nl-checkBox input {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-width: 0;
    text-decoration: none;
    height: 17px;
}

.nl-checkBox span.nl-validation-border {
    display: inline-block;
    height: 17px;
    width: 17px !important;
    vertical-align: top;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

.nl-checkBox .nl-checkBox-svg {
    position: absolute;
    top: 3px;
    left: 3px;
}

.nl-gridcolumn-assetsvg-text {
    margin-left: 10px;
    vertical-align: middle;
}

.nl-grid2 table tbody tr td,
.nl-grid2 table thead tr th a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nl-grid2 table tbody tr td {
    padding: 1px 0 1px 10px;
    height: 28px;
    border-top-width: 1px;
    border-top-style: solid;
}

.nl-grid2 table td:first-of-type,
.nl-grid2 table th:first-child a {
    padding-left: 7px;
}

.nl-grid2 table tbody tr td,
.nl-grid2 table tbody:last-child tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.nl-grid2.nl-grid-selection .nl-grid-selection-cell-wrapper {
    position: relative;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
}

.nl-grid2.nl-grid-selection table td.nl-grid-activatable > span {
    cursor: pointer;
}

.nl-grid2.nl-base .nl-grid-formatters-svg {
    display: flex;
    align-items: center;
    text-overflow: inherit;
    overflow: inherit;
}

.nl-searchBox-search-icon-visible .nl-searchBox-search-icon {
    display: block;
}

.nl-searchBox-search-icon {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 4px;
    left: 6px;
    pointer-events: none;
    display: none;
}

.nl-svg-flip-horizontal > svg, svg.nl-svg-flip-horizontal {
    transform: scalex(-1);
}

.nl-searchBox-search-icon-visible .nl-textBox-wrapper input {
    padding-left: 24px;
}

.nl-modele-and-groups-tile {
    display: flex;
    flex-direction: column;
    margin: 12px;
}

    .nl-modele-and-groups-tile .nl-modele-and-groups-tile-title {
        display: flex;
    }

        .nl-modele-and-groups-tile .nl-modele-and-groups-tile-title span {
            flex: 1;
        }

            .nl-modele-and-groups-tile .nl-modele-and-groups-tile-title span:last-child {
                text-align: right;
            }

    .nl-modele-and-groups-tile .nl-modele-and-groups-tile-img {
        margin-top: 5px;
    }

.nl-query-container {
    padding: 10px 25px;
}

.nl-section {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    display: table;
}

    .nl-section.nl-section-wrapper {
        width: 100%;
        display: block;
    }

    .nl-section.nl-section-row {
        width: 100%;
    }

    .nl-section.nl-section-wrapper .nl-section-row {
        display: table;
    }

.nl-form:not(.nl-form-custom) .nl-section > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > div > .nl-form-formelement {
    padding-bottom: 15px;
    width: 100%;
    min-height: 23px;
}

.nl-form.nl-vertical-compact .nl-section > .nl-form-formelement,
.nl-form.nl-vertical-compact > .nl-form-formelement,
.nl-form.nl-vertical-compact > div > .nl-form-formelement {
    padding-bottom: 7px;
}

.nl-resource-filter {
    width: 100%;
    display: flex;
}

.nl-group-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    font-size: var(--font-size-type1);
    height: auto;
    line-height: inherit;
}

.nl-form:not(.nl-form-custom) .nl-section > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > .nl-form-formelement,
.nl-form:not(.nl-form-custom) > div > .nl-form-formelement {
    padding-bottom: 15px;
    width: 100%;
    min-height: 23px;
}

.nl-form.nl-vertical-compact .nl-section > .nl-form-formelement,
.nl-form.nl-vertical-compact > .nl-form-formelement,
.nl-form.nl-vertical-compact > div > .nl-form-formelement {
    padding-bottom: 7px;
}

.nl-form:not(.nl-form-custom) .nl-has-sublabel:not(.nl-right-sublabel),
.nl-form:not(.nl-form-custom) .nl-section > .nl-form-formelement .nl-form-formelement,
.nl-form:not(.nl-form-custom) > .nl-form-formelement .nl-form-formelement,
.nl-form:not(.nl-form-custom) > div > .nl-form-formelement .nl-form-formelement {
    padding-bottom: 0;
}

.nl-form .nl-checkBoxField-inlineLabelContainer,
.nl-form .nl-form-labelcontainer,
.nl-form .nl-form-labelcontainer {
    box-sizing: border-box;
    min-height: 20px;
}

.nl-section .nl-section-control .nl-form-labelcontainer label {
    max-width: 100%;
}

.nl-monitor-overview-container {
    overflow: hidden;
}

.nl-overview-query-container {
    padding: 10px 25px 25px;
}

.nl-filter-column {
    width: 300px;
    display: inline-table;
    cursor: pointer;
}

.nl-table {
    padding: 10px 25px 25px 0px;
    margin-bottom: 0px;
    border: none;
    border-spacing: 0px 1em;
}

    .nl-table tr {
        border: 12px solid transparent;
    }

.nl-table-cell {
    width: auto;
}

    .nl-table-cell.nl-table-cell-first {
        width: 150px;
        text-transform: uppercase;
    }

.nl-discussion-messages-user-container {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    top: -2px;
}

.nl-discussion-messages-user {
    margin-right: 5px;
    color: #666;
    font-weight: bold;
}

.nl-discussion-messages-timestamp {
    font-size: 85%;
    font-style: italic;
    color: #666;
}

.nl-discussion-messages-messagecontent {
    color: #000;
    word-wrap: break-word;
    font-size: var(--font-size-type3);
    word-wrap: break-word;
}

.nl-optionPicker ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nl-noRadio, .nl-noRadio ul {
    margin-bottom: 1px;
}

    .nl-noRadio ul {
        margin-right: 1px;
    }

    .nl-noRadio li {
        min-width: 46px;
        line-height: 13px;
        font-size: var(--font-size-type1);
        padding: 4px;
        text-align: center;
        cursor: pointer;
        float: left;
        border: 1px solid;
        margin-right: -1px;
        margin-bottom: -1px;
    }

        .nl-noRadio li.nl-disabled, .nl-noRadio li.nl-portal-selected {
            cursor: default;
        }

        .nl-noRadio li[aria-checked=true] {
            position: relative;
        }

        .nl-noRadio li a {
            background-color: transparent;
            color: #252525;
        }

.nl-gallery-featured-medium-width {
    width: 115px;
    max-height: 115px;
}

.nl-text-header {
    font-size: var(--font-size-type3);
    line-height: 18px;
}

.nl-gallery-item-title {
    margin-top: -4px;
    margin-bottom: 5px;
    max-height: 36px;
    overflow: hidden;
}

.nl-gallery-featured-gallery-control-item .nl-gallery-item-title {
    margin-top: 4px;
    margin-bottom: 3px;
}

.nl-viewerPDF {
    position: absolute;
    right: 10px;
    top: 10px;
    height: calc(100% - 50px);
    width: calc(100% - 807px);
    min-width: 500px;
    background-color: var(--main-menu-color);
    border-bottom: 6px solid var(--main-menu-color);
    border-right: 6px solid var(--main-menu-color);
    border-left: 6px solid var(--main-menu-color);
}

.file-upload {
    display: inline-block;
    float: left;
    height: 26px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    padding-left: 5px;
    font-size: var(--font-size-type3);
    border: 1px solid #124d77;
    background: #007dc1;
    color: #fff;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    text-align: left;
}

    .file-upload:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        /*background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);*/
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .file-upload, .file-upload span {
        width: 133px;
    }

        .file-upload input {
            position: absolute;
            float: left;
            opacity: 0;
            filter: alpha(opacity=0);
            margin-left: -133px;
            /*margin-top: -20px;*/
            width: 133px;
        }

        .file-upload strong {
            text-align: center;
            vertical-align: middle;
        }

        .file-upload span {
            top: 0;
            left: 0;
            display: inline-block;
        }


.file-upload-warning {
    display: inline-block;
    float: left;
    height: 26px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    padding-left: 5px;
    font-size: var(--font-size-type3);
    border: 1px solid #ec971f;
    background: #f0ad4e;
    color: #fff;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    text-align: left;
}

    .file-upload-warning:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ec971f), color-stop(1, #f0ad4e));
        background: -moz-linear-gradient(top, #ec971f 5%, #f0ad4e 100%);
        background: -webkit-linear-gradient(top, #ec971f 5%, #f0ad4e 100%);
        background: -o-linear-gradient(top, #ec971f 5%, #f0ad4e 100%);
        /*background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);*/
        background: linear-gradient(to bottom, #ec971f 5%, #f0ad4e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec971f', endColorstr='#f0ad4e',GradientType=0);
        background-color: #ec971f;
    }

    .file-upload-warning, .file-upload-warning span {
        width: 133px;
    }

        .file-upload-warning input {
            position: absolute;
            float: left;
            opacity: 0;
            filter: alpha(opacity=0);
            margin-left: -133px;
            /*margin-top: -20px;*/
            width: 133px;
        }

        .file-upload-warning strong {
            text-align: center;
            vertical-align: middle;
        }

        .file-upload-warning span {
            top: 0;
            left: 0;
            display: inline-block;
        }

.file-upload-danger {
    display: inline-block;
    float: left;
    height: 26px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    padding-left: 5px;
    font-size: var(--font-size-type3);
    border: 1px solid #d43f3a;
    background: #d9534f;
    color: #fff;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    text-align: left;
}

    .file-upload-danger:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d43f3a), color-stop(1, #d9534f));
        background: -moz-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
        background: -webkit-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
        background: -o-linear-gradient(top, #d43f3a 5%, #d9534f 100%);
        /*background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);*/
        background: linear-gradient(to bottom, #d43f3a 5%, #d9534f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d43f3a', endColorstr='#d9534f',GradientType=0);
        background-color: #d43f3a;
    }

    .file-upload-danger, .file-upload-danger span {
        width: 133px;
    }

        .file-upload-danger input {
            position: absolute;
            float: left;
            opacity: 0;
            filter: alpha(opacity=0);
            margin-left: -133px;
            /*margin-top: -20px;*/
            width: 133px;
        }

        .file-upload-danger strong {
            text-align: center;
            vertical-align: middle;
        }

        .file-upload-danger span {
            top: 0;
            left: 0;
            display: inline-block;
        }

.reinitialise {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    /* Vous devrez modifier les quotes selon le langage de la page (ici il s'agit du Langage Français) */
    quotes: '201C' '201D' '2018' '2019';
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
}

.bouton_valider {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(../Images/modifier_in_32.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #41A917;
    border: 1px solid #3f9f19;
    -webkit-appearance: none;
    border-radius: 0 5px 5px 0;
    z-index: 1000;
}

.custom_progress {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 100%;
}

    .custom_progress.nearly_done {
        background-color: #4CC259;
    }

    .custom_progress.in_progress {
        background-color: #88BFF5;
    }

    .custom_progress.idle {
        background-color: #d96c49;
    }

.btn4 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: var(--font-size-type1);
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn4:hover, .btn4:focus {
        text-decoration: none;
    }

    .btn4:focus, .btn4.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .btn4.disabled, .btn4:disabled {
        opacity: 0.65;
    }

    .btn4:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

        .btn4:not(:disabled):not(.disabled):active, .btn4:not(:disabled):not(.disabled).active {
            background-image: none;
        }

a.btn4.disabled,
fieldset:disabled a.btn4 {
    pointer-events: none;
}

.btn4-primary-active {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn4-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn4-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn4-primary:focus, .btn4-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn4-primary.disabled, .btn4-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn4-primary:not(:disabled):not(.disabled):active, .btn4-primary:not(:disabled):not(.disabled).active,
    .show > .btn4-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn4-primary:not(:disabled):not(.disabled):active:focus, .btn4-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn4-secondary-active {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn4-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn4-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn4-secondary:focus, .btn4-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn4-secondary.disabled, .btn4-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn4-secondary:not(:disabled):not(.disabled):active, .btn4-secondary:not(:disabled):not(.disabled).active,
    .show > .btn4-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn4-secondary:not(:disabled):not(.disabled):active:focus, .btn4-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn4-success-active {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn4-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn4-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn4-success:focus, .btn4-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn4-success.disabled, .btn4-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn4-success:not(:disabled):not(.disabled):active, .btn4-success:not(:disabled):not(.disabled).active,
    .show > .btn4-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn4-success:not(:disabled):not(.disabled):active:focus, .btn4-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn4-info-active {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn4-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn4-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn4-info:focus, .btn4-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn4-info.disabled, .btn4-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn4-info:not(:disabled):not(.disabled):active, .btn4-info:not(:disabled):not(.disabled).active,
    .show > .btn4-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn4-info:not(:disabled):not(.disabled):active:focus, .btn4-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn4-warning-active {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn4-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn4-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn4-warning:focus, .btn4-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn4-warning.disabled, .btn4-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn4-warning:not(:disabled):not(.disabled):active, .btn4-warning:not(:disabled):not(.disabled).active,
    .show > .btn4-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn4-warning:not(:disabled):not(.disabled):active:focus, .btn4-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn4-danger-active {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn4-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn4-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn4-danger:focus, .btn4-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn4-danger.disabled, .btn4-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn4-danger:not(:disabled):not(.disabled):active, .btn4-danger:not(:disabled):not(.disabled).active,
    .show > .btn4-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn4-danger:not(:disabled):not(.disabled):active:focus, .btn4-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn4-light-active {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn4-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn4-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn4-light:focus, .btn4-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn4-light.disabled, .btn4-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn4-light:not(:disabled):not(.disabled):active, .btn4-light:not(:disabled):not(.disabled).active,
    .show > .btn4-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn4-light:not(:disabled):not(.disabled):active:focus, .btn4-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn4-dark-active {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn4-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn4-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn4-dark:focus, .btn4-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn4-dark.disabled, .btn4-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn4-dark:not(:disabled):not(.disabled):active, .btn4-dark:not(:disabled):not(.disabled).active,
    .show > .btn4-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn4-dark:not(:disabled):not(.disabled):active:focus, .btn4-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn4-outline-primary-active {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn4-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .btn4-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn4-outline-primary:focus, .btn4-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn4-outline-primary.disabled, .btn4-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn4-outline-primary:not(:disabled):not(.disabled):active, .btn4-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .btn4-outline-primary:not(:disabled):not(.disabled):active:focus, .btn4-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn4-outline-secondary-active {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn4-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn4-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn4-outline-secondary:focus, .btn4-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn4-outline-secondary.disabled, .btn4-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn4-outline-secondary:not(:disabled):not(.disabled):active, .btn4-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn4-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn4-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn4-outline-success-active {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn4-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn4-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn4-outline-success:focus, .btn4-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn4-outline-success.disabled, .btn4-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn4-outline-success:not(:disabled):not(.disabled):active, .btn4-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn4-outline-success:not(:disabled):not(.disabled):active:focus, .btn4-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn4-outline-info-active {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn4-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

    .btn4-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn4-outline-info:focus, .btn4-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn4-outline-info.disabled, .btn4-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn4-outline-info:not(:disabled):not(.disabled):active, .btn4-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn4-outline-info:not(:disabled):not(.disabled):active:focus, .btn4-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn4-outline-warning-active {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn4-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

    .btn4-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn4-outline-warning:focus, .btn4-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn4-outline-warning.disabled, .btn4-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn4-outline-warning:not(:disabled):not(.disabled):active, .btn4-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn4-outline-warning:not(:disabled):not(.disabled):active:focus, .btn4-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn4-outline-danger-active {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn4-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

    .btn4-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn4-outline-danger:focus, .btn4-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn4-outline-danger.disabled, .btn4-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn4-outline-danger:not(:disabled):not(.disabled):active, .btn4-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn4-outline-danger:not(:disabled):not(.disabled):active:focus, .btn4-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn4-outline-light-active {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn4-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

    .btn4-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn4-outline-light:focus, .btn4-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn4-outline-light.disabled, .btn4-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn4-outline-light:not(:disabled):not(.disabled):active, .btn4-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn4-outline-light:not(:disabled):not(.disabled):active:focus, .btn4-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn4-outline-dark-active {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn4-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn4-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn4-outline-dark:focus, .btn4-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn4-outline-dark.disabled, .btn4-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn4-outline-dark:not(:disabled):not(.disabled):active, .btn4-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn4-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn4-outline-dark:not(:disabled):not(.disabled):active:focus, .btn4-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn4-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.nl-checkBox-wrapper {
    font-size: var(--font-size-type1);
}

.bouton_action {
    cursor: pointer;
}

select:disabled {
    border-color: rgba(118, 118, 118, 0.3);
    color: rgb(170, 170, 170);
}
input:disabled {
    opacity: 0.7;
    border-color: rgba(118, 118, 118, 0.3);
    color: rgb(170, 170, 170);
}

.btn-dipmade {
    color: #fff;
    background: linear-gradient(to right,#202346, #42B9EB);
    border-color: #2e6da4;
}

    .btn-dipmade:focus,
    .btn-dipmade.focus {
        color: #fff;
        background: linear-gradient(to right,#0C1033, #2EA4D6);
        border-color: #122b40;
    }

    .btn-dipmade:hover {
        color: #fff;
        background: linear-gradient(to right,#0C1033, #2EA4D6);
        border-color: #204d74;
    }

    .btn-dipmade:active,
    .btn-dipmade.active,
    .open > .dropdown-toggle.btn-dipmade {
        color: #fff;
        background: linear-gradient(to right,#0C1033, #2EA4D6);
        background-image: none;
        border-color: #204d74;
    }

        .btn-dipmade:active:hover,
        .btn-dipmade.active:hover,
        .open > .dropdown-toggle.btn-dipmade:hover,
        .btn-dipmade:active:focus,
        .btn-dipmade.active:focus,
        .open > .dropdown-toggle.btn-dipmade:focus,
        .btn-dipmade:active.focus,
        .btn-dipmade.active.focus,
        .open > .dropdown-toggle.btn-dipmade.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-dipmade.disabled:hover,
    .btn-dipmade[disabled]:hover,
    fieldset[disabled] .btn-dipmade:hover,
    .btn-dipmade.disabled:focus,
    .btn-dipmade[disabled]:focus,
    fieldset[disabled] .btn-dipmade:focus,
    .btn-dipmade.disabled.focus,
    .btn-dipmade[disabled].focus,
    fieldset[disabled] .btn-dipmade.focus {
        background: linear-gradient(to right,#202346, #42B9EB);
        border-color: #2e6da4;
    }

    .btn-dipmade .badge {
        color: #337ab7;
        background-color: #fff;
    }

.dataTables_filter {
    float: left !important;
}
.dataTables_length {
    float: right !important;
}
.dataTables_paginate {
    float: left !important;
}

label {
    position: relative;
}

    label input {
        font-size: 1em;
        background: transparent;
        padding: 1rem 1.2rem;
        width: 350px;
        border-radius: 5px;
        border: 2px solid #7a7a7a;
        transition: all 0.2s;
    }

        label input:focus {
            border-color: #404040;
        }

    label .password-icon {
        display: flex;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        width: 20px;
        color: #C8C8C8;
        transition: all 0.2s;
    }

        label .password-icon:hover {
            cursor: pointer;
            color: #000000;
        }

        label .password-icon .feather-eye-off {
            display: none;
        }

input::-ms-clear, input::-ms-reveal {
    display: none;
}

.toast {
    opacity: 1 !important;
}

.content-with-bg {
    background-image: url('../Images/GIC_FOND.png');
    background-size: contain; /* Ajuste l'image pour couvrir toute la zone */
    background-position: center;
    background-repeat: no-repeat; /* Évite que l'image se répète */
    /*padding: 0px;*/ /* Ajoute un peu d'espace interne */
    /*padding-left: 300px;*/
    /*padding-right: 300px;*/
    /*    margin-top: 600px;
    margin-bottom: 600px;*/
    color: white; /* Texte en blanc pour contraster */
}

.card {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px;
    transition: transform 0.2s;
}

    .card:hover {
        transform: scale(1.05);
    }

.card-icon {
    font-size: 40px;
    color: #0d6efd;
}

.card-title {
    font-size: 1.2rem;
    font-weight: bold;
}

.card-text {
    font-size: 0.9rem;
    color: #666;
}

/* Style du conteneur */
.dropdown-container {
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
}

/* Style pour la liste */
.dropdown-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #ddd;
}

    /* Style pour chaque élément de la liste */
    .dropdown-list li {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }

        /* Changer le fond au survol */
        .dropdown-list li:hover {
            background-color: #f0f0f0;
        }

/* Style pour l'élément sélectionné */
.selected-item {
    font-weight: bold;
}

.locked_lightbox .dhx_save_btn,
.locked_lightbox .dhx_delete_btn {
    display: none !important;
}