/*#region Root*/



:root {
    --font-family: 'Roboto', serif;
    --font-size: clamp(14px, 1vw, 18px);
    --font-size-reduit: clamp(10px,1vw,14px); /*0.8em;*/
    --text-bold: 700;
    --text-color-default: #333;
    --window-border-radius: 4px;
    --box-shadow: 0px 0px 8px 0px rgba(153, 153, 153, 0.3);
    --border: 1px solid rgba(153, 153, 153, 0.3);
}

/*#endregion Root*/

/*#region anonimus*/
/*Pour retrouver la bonne CSS, il faut décommenter dans la region refonte, les classe qui se trouvent dans la region anonimus et commenter ce dernières*/
.block-title {
    text-align: left;
    font-size: var(--font-size);
    font-family: Roboto;
    padding: 2px 8px;
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
    height: clamp(28px, 1.5vw, 40px);
}

.block-titleTD {
    font-size: var(--font-size);
    font-family: Roboto;
    height: 25px;
    height: clamp(28px, 1.5vw, 40px);
    padding: 4px 8px;
}

.block {
    border-radius: var(--window-border-radius);
    box-shadow: var(--box-shadow);
    background-color: white;
    box-sizing: border-box;
    border: var(--border);
    text-align: left;
}

.ContainerTitle {
    line-height: calc(1.275rem + .3vw);
    text-align: left;
    font-weight: 400;
    font-size: var(--font-size);
    font-family: Roboto;
    padding: 4px 8px;
    border-radius: 3px 3px 0 0;
    height: clamp(28px, 2vw, 40px);
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.color-bg-title {
    background-color: var(--petit-titre);
}


/*#endregion anonimus*/


/*#region refont*/

.testas {
    background-color: limegreen !important;
}

.test {
    border: red solid 1px !important;
}

body {
    font-family: var(--font-family) !important;
}

.container-maxview {
    min-height: calc(100vh - 130px);
    max-width: 1280px;
}

.container-maxWidth {
    max-width: 1280px;
}

.container-minHeight {
    /*implicitement à 100%*/
    min-height: calc(100vh - 130px);
}

.add-padding {
    padding: 10px;
}

/*.block {*/
/*bordure avec shadow*/
/*border-radius: var(--window-border-radius);
    box-shadow: var(--box-shadow);
    background-color: white;
    box-sizing: border-box;
    border: var(--border);
    text-align: left;
}*/

.grid-container {
    /*contenu du formulaire*/
    display: grid;
    gap: 10px;
}

/*.ContainerTitle {
    line-height: calc(1.275rem + .3vw);
    text-align: left;
    font-weight: bold;
    font-size: calc(1.275rem + .3vw); 
    font-family: Roboto;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1.25rem;
    background-color: #cce5ff85;
    color: #005ba9;
    border-radius: 3px 3px 0 0 ;
}*/


.riTextBox {
    /*background: #fff;
    color: #3b3b3b;
    border-color: #c4c4c4;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;*/
    border-radius: var(--window-border-radius);
}

.spacing {
    padding: 25px;
    border: 1px solid rgba(179,179,179,0.1);
}

.spacingreduced {
    padding: 10px;
    /*    border: 1px solid red;*/
}

.block-color-content {
    background-color: white;
    padding: 5px;
}

.block-content {
    background-color: white;
    padding: 10px;
    border-radius: var(--window-border-radius);
}

.block-red {
    /*bordure avec shadow*/
    border-radius: var(--window-border-radius);
    box-shadow: 0px 0px 8px 0px #f8d7da;
    background-color: white;
    border-color: #f5c6cb;
    border: var(--border);
    text-align: left;
    display: grid;
    grid-template-rows: auto auto;
}

.block-red-title {
    grid-row: 1 / span 1;
    /*padding: 10px;*/
    padding: 4px 8px;
    margin-bottom: 0px;
    color: #721c24;
    background-color: #f8d7da;
    height: clamp(28px, 1.5vw, 40px);
}


.block-yellow {
    /*bordure avec shadow*/
    border-radius: var(--window-border-radius);
    box-shadow: 0px 0px 8px 0px #fff3cd;
    background-color: white;
    border-color: #ffeeba;
    border: var(--border);
    text-align: left;
    display: grid;
    grid-template-rows: auto auto;
}

.block-yellow-title {
    grid-row: 1 / span 1;
    /*padding: 10px;*/
    padding: 4px 8px;
    margin-bottom: 0px;
    color: #856404;
    background-color: #fff3cd;
    height: clamp(28px, 1.5vw, 40px);
}


.block-blue {
    /*bordure avec shadow*/
    border-radius: var(--window-border-radius);
    box-shadow: 0px 0px 8px 0px #cce5ff;
    background-color: white;
    border-color: #b8daff;
    border: var(--border);
    text-align: left;
    display: grid;
    grid-template-rows: auto auto;
}

.block-blue-title {
    grid-row: 1 / span 1;
    /*padding: 10px;*/
    padding: 4px 8px;
    margin-bottom: 0px;
    color: #004085;
    background-color: #cce5ff;
    height: clamp(28px, 1.5vw, 40px);
}


.block-grey {
    /*bordure avec shadow*/
    border-radius: var(--window-border-radius);
    box-shadow: 0px 0px 8px 0px #e2e3e5;
    background-color: white;
    border-color: #d6d8db;
    border: var(--border);
    text-align: left;
    display: grid;
    grid-template-rows: auto auto;
}

.block-grey-title {
    grid-row: 1 / span 1;
    /*padding: 10px;*/
    padding: 4px 8px;
    margin-bottom: 0px;
    color: #383d41;
    background-color: #e2e3e5;
    height: clamp(28px, 1.5vw, 40px);
}

.block-green {
    /*bordure avec shadow*/
    border-radius: var(--window-border-radius);
    box-shadow: 0px 0px 8px 0px #D1E7DD;
    background-color: white;
    border-color: #badbcc;
    border: var(--border);
    text-align: left;
    display: grid;
    grid-template-rows: auto auto;
}

.block-green-title {
    grid-row: 1 / span 1;
    /*padding: 10px;*/
    padding: 4px 8px;
    margin-bottom: 0px;
    color: #383d41;
    background-color: #D1E7DD;
    height: clamp(28px, 1.5vw, 40px);
}

/*.block-title {
    text-align: left;
    font-weight: 500;
    font-size: calc(1rem + .2vw);
    font-family: Roboto;
    padding: 1px 8px;
    height: 25px;
    background-color: #cce5ff85;
    color: #38425D;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px 3px 0 0 ;
}*/

.title-container {
    /*min-height: 24px;*/
}

.section-separator {
    border-bottom: 1px solid #EEEEEE;
    margin-block-start: 0;
    margin-block-end: 0;
}

.table-layout-fixed {
    table-layout: fixed;
}

.DivControlWidth {
    overflow: hidden;
    white-space: nowrap;
}

.div-label-right {
    text-align: right;
    align-self: center;
}

.div-label-left {
    text-align: left;
    align-self: center;
}

.div-label-center {
    text-align: center;
    align-self: center;
}

.bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.btn-submit {
    margin-left: auto;
}

.btn-bar {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.input-label {
    color: #38425D;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 500;
}

.ddl {
    border-color: #d9d9d9;
    color: #555555;
    background-color: #ffffff;
    height: 28px;
}

    .ddl:hover {
        border-color: #0092ab;
        color: #ffffff;
        background-color: #0092ab;
        background-image: linear-gradient(#00acca, #0092ab);
    }

    .ddl:focus {
        border-color: #1193aa;
        color: #ffffff;
        background-color: #14afca;
        background-image: none;
    }

.ddlitem {
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
    height: 28px;
}

    .ddlitem:hover {
        color: #333333;
        background-color: #bceff8;
    }

.riTextBox1 {
    color: #3b3b3b;
    background-color: #ffffff;
    height: 28px;
    line-height: 20px;
    border: 1px solid #c4c4c4;
    padding-right: 5px;
    padding-left: 8px;
}

    .riTextBox1:hover {
        color: black;
        background-color: #ffffff;
        border: 1px solid #0092ab; /*bleu*/
    }

    .riTextBox1:focus {
        border: 1px solid #0092ab; /*bleu*/
        color: #333333;
        background-color: #ffffff;
    }



table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid rgba(179,179,179,0.5) !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(179,179,179,0.5) !important;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 10px 6px 10px !important;
    border-top: 1px solid rgba(179,179,179,0.5) !important;
}

.NavReadList {
    border-spacing: 5px 0;
    border-collapse: separate;
}

.select-adresse:hover {
    background-color: var(--petit-titre);
    cursor: pointer;
}

.select-adresse {
    padding: 10px;
}

.menuContainerAdresse {
    position: absolute;
    width: auto;
    background: white;
    z-index: 10000;
}

    .menuContainerAdresse.active {
        border-radius: 0 0 3px 3px;
        border: 1px solid #0092ab;
        /*box-shadow:var(--box-shadow);*/
    }

.ddl {
    border-color: #d9d9d9;
    color: #555555;
    background-color: #ffffff;
    height: 28px;
}

    .ddl:hover {
        border-color: #0092ab;
        color: #ffffff;
        background-color: #0092ab;
        background-image: linear-gradient(#00acca, #0092ab);
    }

    .ddl:focus {
        border-color: #1193aa;
        color: #ffffff;
        background-color: #14afca;
        background-image: none;
    }

.ddlitem {
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white, #e3e3e3);
    height: 28px;
}

    .ddlitem:hover {
        color: #333333;
        background-color: #bceff8;
    }

.RadMultiPage .rmpView {
    height: auto ;
}

body {
    min-height: 100vh;
}

#form1 {
    margin: 0;
}

.header {
    background-color: var(--sombre);
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 60px 50% 1fr;
    height: 60px;
}

.logo {
    grid-row: 1 / span 2;
    background-color: #22313F;
    background-image: url(Content/Images/logo_Netsoftassur_fond_fonce_50x50.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    align-self: stretch;
}

.header-infos {
    align-self: start;
    justify-self: end;
    display: flex;
}

    .header-infos > a {
        margin-top: 4px;
        margin-right: 10px;
        align-self: center;
    }

    .header-infos > div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 3px;
        background-color: var(--base);
        padding-right: 15px;
    }

.header-nav-menu {
    margin-left: 2em;
    align-self: end;
}

.main-container {
    display: grid;
    grid-template-columns: 60px calc(100% - 60px);
    min-height: calc(100% - 90px);
}

.content-pane {
    padding: 10px;
}

.menu-left {
    background-color: var(--sombre);
    padding-top: 20px;
}

.list-left {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 60px;
    width: 60px;
}

.li-left {
    position: relative;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .li-left > a > i {
        padding: 17px;
    }

.div-display-label {
    position: absolute;
    height: 60px;
    left: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.div-content-span-display-menuLeft {
    min-width: 400px;
    text-align: center;
    padding: 5px;
}

.div-content-span-display-menuLeftSimple {
    min-width: 150px;
    text-align: center;
    padding: 5px;
}

.spanLabelMenuLeft {
    min-width: 140px;
    padding-left: 20px;
}

.whitenetsoftlinksMenuLeft {
    font-size: 20px !important;
}

.cIdentity {
    margin-left: 100px;
}

.flex-bottom-control {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-right: 20px;
}

.background-compta {
    background-color: #DCDCDC;
}

.RibbonTool {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--window-border-radius);
    background-color: var(--petit-titre);
    grid-column: 1 / span 2;
    /*Cette largeur comprends la premiere colonne d'informations
        plus le grid gap plus la largeur du viewer
    */
    max-width: calc(1280px + 10px + 21cm);
}
@media screen and (max-width: 1919px) {
    .RibbonTool {
        max-width: 1280px;
    }
}

.OutlineNone > table > tbody > tr > td > div {
    outline: none;
}

/*#endregion refont*/


/*#region viewer*/
.ViewerSticky {
    position: sticky;
    top: 10px;
}

.viewer-Height {
    height: 100%;
}

.viewer-MaxWidth {
    justify-self: start;
    width: 21cm;
    max-width: 1280px;
}

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

.ViewerHide {
    display: none;
}

.ViewerShow {
    display: block;
}

.ViewBlankHidden {
    display: none;
}

.ViewBlankShow {
    display: block;
}

.HideIFrame {
    display: none;
}

.ShowIFrame {
    display: block;
}

.HideTelerik {
    display: none;
}

.ShowTelerik {
    display: block;
}

.BtnCloseViewer {
    margin-left: 10px;
    cursor: pointer;
}

#ContainerBtnTitle {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ViewerSticky2 {
    position: sticky;
    top: 40%;
}

.Viewer-master-container-simple {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.Viewer-master-container-double {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(auto, 1280px) auto;
    grid-gap: 10px;
}

/*#endregion viewer*/





/*#region BaseElements */
/*@media print {
    à retrouver dans letter.css
    body {
        background-color: transparent !important;
        word-wrap: break-word;
        zoom: 90%;!!
    }
}*/
td {
    color: var(--text-color-default);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
    word-wrap: break-word;
}


@media print {
    .unableprint {
        display: none;
    }
}

body {
    background-color: #FFF;
    color: var(--text-color-default);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
    letter-spacing: normal;
    /*line-height: 1;*/
    margin: 0;
    padding: 0;
    /*    line-height: 20px;*/
}

fieldset {
    /*override bootstrap**/
    border: 1px solid #DEDEDE;
    box-sizing: content-box;
    display: block;
    margin: 4px;
    margin-inline-end: 2px;
    margin-inline-start: 2px;
    min-inline-size: min-content;
    min-width: 0;
    padding: 0;
    padding-block-end: 0.625em;
    padding-block-start: 0.35em;
    padding-inline-end: 0.75em;
    padding-inline-start: 0.75em;
    padding-inline-start: 0.75em;
    border-radius: var(--window-border-radius);
}


.FieldsetGroupement {
    /*override bootstrap**/
    border: 1px solid #DEDEDE;
    box-sizing: content-box;
    display: block;
    margin: 4px;
    margin-inline-end: 2px;
    margin-inline-start: 2px;
    min-inline-size: min-content;
    min-width: 0;
    padding: 0;
    padding-block-start: 0;
    padding-block-end: 0.25em;
    padding-inline-start: 0.505em;
    padding-inline-end: 0.5em;
    /*;
    
    ;
    ;
    padding-inline-start: 0.75em;*/
    border-radius: var(--window-border-radius);
}


hr {
    background: #999;
    border: 0;
    border-bottom: 1px dashed #ccc;
}

img {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

input {
    outline: none;
}

label {
    font-size: var(--font-size);
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
}

legend {
    border: 0;
    border: 1px solid #e5e5e5;
    border-color: initial;
    border-style: none;
    border-width: initial;
    color: var(--text-color-default);
    display: block;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
    line-height: inherit;
    margin-bottom: 5px;
    padding: 4px;
    /*    width: inherit;*/
}

legend {
    display: block;
}

ol li {
    list-style-type: decimal;
}

ol ol li {
    list-style-type: lower-alpha;
}

ol ol ol li {
    list-style-type: lower-roman;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    padding: 0;
}

ul li li li {
    list-style-type: circle;
}

ul li li {
    list-style-type: disc;
}

ul li {
    list-style-type: square;
}



/*#endregion BaseElements*/

.ContentBorder {
    padding: 10px;
    -moz-border-radius: var(--window-border-radius);
    -webkit-border-radius: var(--window-border-radius);
    border-radius: var(--window-border-radius);
    box-shadow: 2px 2px 8px 0px rgba(153,153,153,0.3);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(153,153,153,0.3);
    -moz-box-shadow: 2px 2px 8px 0px rgba(153,153,153,0.3);
    border: 1px solid rgba(153,153,153,0.3);
    background-color: #FFF;
}

.dataTables_length select {
    color: var(--text-color-default);
    font-size: var(--font-size);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    outline: none;
    font-size: 14px;
}

.dataTables_length label {
    font-size: var(--font-size) !important;
}



/*#region Divers*/




.accordion-item {
    background-color: #FFF;
    cursor: pointer;
    font-size: var(--font-size);
    font-weight: Normal;
}

.accordion-titlestyle {
    background-color: #FAFAFA;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    cursor: pointer;
    height: 20px;
}

.hidebr br {
    display: none;
}

.inner {
    margin: auto;
    width: 25%;
}

.js #loader {
    display: block;
    left: 100px;
    position: absolute;
    top: 0;
}

.no-js #loader {
    display: none;
}

.rwIcon {
    display: none !important;
}

.se-pre-con {
    background: url(content/images/Preloader_8.gif) center no-repeat #FFF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100px;
    z-index: 9999;
}


.textbox {
    border-style: none;
    border-width: 0;
}

/*#endregion Divers*/

/*#region Font*/


/*#region Awesome*/
.awesome {
    color: #38425D;
    opacity: 0.85;
    text-decoration: none;
}

    .awesome:hover, .awesomewhitehover {
        color: #0091AB;
    }

.awesomeblue {
    color: #337ab7;
}

.awesomegreen {
    color: #52B85C;
}

.awesomeorange {
    color: #FFA500;
}

.awesomered {
    color: #C34374;
}

.awesomewhite {
    color: #FFF;
    text-decoration: none;
}

/*#endregion Awesome*/

.darknetsoftlinks {
    color: #000;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: Normal;
}

.label {
    color: #171746;
    font-size: var(--font-size);
    font-weight: var(--text-bold);
}

.lh1 {
    font-size: var(--font-size);
    font-weight: var(--text-bold);
}

.netsoftlinks {
    color: #337ab7;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: Normal;
}

    .netsoftlinks:hover {
        text-decoration: none;
    }

.netsoftlinksreduit {
    color: #337ab7;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: Normal;
}

    .netsoftlinksreduit:hover {
        text-decoration: none;
    }


.netsoftlinksreduitplus {
    color: #337ab7;
    font-family: var(--font-family);
    font-size: 10px;
    font-weight: Normal;
}

    .netsoftlinksreduitplus:hover {
        text-decoration: none;
    }


.rednetsoftlinksreduit {
    color: red;
    font-size: var(--font-size-reduit);
    font-weight: Normal;
}

    .rednetsoftlinksreduit:hover {
        text-decoration: none;
    }


.strong, .x-bold {
    font-weight: var(--text-bold);
}

.txtnormal {
    color: var(--text-color-default);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
}

.txtnormalred {
    color: red;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
}

.txtnormalbold {
    color: var(--text-color-default);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 700;
}

.txtnormalblue {
    color: Blue;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
}

.txtnormalwhite, .whitenetsoftlinks {
    color: #FFF;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: Normal;
}

.txtreduit {
    color: #000;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: 400;
}

.txtreduitblue {
    color: Blue;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: 400;
}

.txtreduitplus {
    color: #000;
    font-family: var(--font-family);
    font-size: 10px;
    font-weight: 400;
}

.txtreduitwhite {
    color: #FFF;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: 400;
}

.txtreduitblue {
    color: Blue;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: 400;
}

.txtreduitbold {
    color: #000;
    font-family: var(--font-family);
    font-size: var(--font-size-reduit);
    font-weight: 700;
}

.x-1 {
    font-size: 20px;
}

.x-2 {
    font-size: 18px;
}

.x0 {
    font-size: 18px;
}

.x1 {
    font-size: 20px;
}

.x10 {
    font-size: 38px;
}

.x2 {
    font-size: 22px;
}



.x3 {
    font-size: 24px;
}

.x4 {
    font-size: 26px;
}

.x5 {
    font-size: 28px;
}

.x6 {
    font-size: 30px;
}

.x7 {
    font-size: 32px;
}

.x8 {
    font-size: 34px;
}

.x9 {
    font-size: 36px;
}


/*#endregion Font*/

/*#region Border*/

.alternatejQquery {
    background-color: #f9f9f9;
}

.bl, .alternateinfo {
    border-bottom: 1px solid #dddddd;
    /* border-bottom: 1px solid silver;*/
}

.blb, .alternateinfo {
    border-bottom: 1px solid #DEDEDE;
}

.blb, .alternateinfo {
    border-bottom: 1px solid #DEDEDE;
}

.blubl {
    border-bottom: 1px solid #0c5460;
}

.blubl {
    border-bottom: 1px solid #0c5460;
}

.blull {
    border-left: 1px solid #0c5460;
}

.blull {
    border-left: 1px solid #0c5460;
}

.blurl {
    border-right: 1px solid #0c5460;
}



.blurl {
    border-right: 1px solid #0c5460;
}

.blutl {
    border-top: 1px solid #0c5460;
}

.blutl {
    border-top: 1px solid #0c5460;
}

.grebl {
    border-bottom: 1px solid #155724;
}

.grebl {
    border-bottom: 1px solid #155724;
}

.grell {
    border-left: 1px solid #155724;
}

.grell {
    border-left: 1px solid #155724;
}

.grerl {
    border-right: 1px solid #155724;
}

.grerl {
    border-right: 1px solid #155724;
}

.gretl {
    border-top: 1px solid #155724;
}

.gretl {
    border-top: 1px solid #155724;
}

.ll {
    border-left: 1px solid #dddddd;
    /*border-left: 1px solid silver;*/
}

.llb {
    border-left: 1px solid #DEDEDE;
}

.llb {
    border-left: 1px solid #DEDEDE;
}

.redbl {
    border-bottom: 1px solid #721c24;
}

.redbl {
    border-bottom: 1px solid #721c24;
}

.redll {
    border-left: 1px solid #721c24;
}

.redll {
    border-left: 1px solid #721c24;
}

.redrl {
    border-right: 1px solid #721c24;
}

.redrl {
    border-right: 1px solid #721c24;
}

.redtl {
    border-top: 1px solid #721c24;
}

.redtl {
    border-top: 1px solid #721c24;
}

.rl {
    border-right: 1px solid #dddddd;
    /* border-right: 1px solid silver;*/
}

.rlb {
    border-right: 1px solid #DEDEDE;
}

.rlb {
    border-right: 1px solid #DEDEDE;
}

.tl {
    border-top: 1px solid #dddddd;
    /*border-top: 1px solid silver;*/
}

.tlb {
    border-top: 1px solid #DEDEDE;
}

.tlb {
    border-top: 1px solid #DEDEDE;
}

.yelbl {
    border-bottom: 1px solid #856404;
}

.yelbl {
    border-bottom: 1px solid #856404;
}

.yelll {
    border-left: 1px solid #856404;
}

.yelll {
    border-left: 1px solid #856404;
}

.yelrl {
    border-right: 1px solid #856404;
}

.yelrl {
    border-right: 1px solid #856404;
}

.yeltl {
    border-top: 1px solid #856404;
}

.yeltl {
    border-top: 1px solid #856404;
}

/*#endregion Border*/
/*#region Align*/
.center {
    background-position: center;
    text-align: center;
}

.left {
    float: left;
    text-align: left;
}

.right {
    float: right;
    text-align: right;
}

.tdleft {
    text-align: left;
}

.tdright {
    text-align: right;
}
/*#endregion Align*/

/*#region Menu*/
.centermenuout, .main_container {
    background-color: white;
}

.centermenuover {
    background-color: #E6E6E5;
}

.menu-mtinact {
    color: #141312;
    cursor: pointer;
    display: block;
    height: 60px;
}

.menu_actif_c {
    background-color: #F8F8F8;
    /*border-left: 1px solid #707174;
    border-right: 1px solid #707174;
    border-top: 1px solid #707174;*/
    height: 28px;
    margin-left: 6px;
    border-radius: 4px 4px 0 0;
    margin-right: 6px;
}
/*#endregion Menu*/


/*#region ButtonStyles*/

:root {
    --radius-size: 2px;
}



.blockContainer {
}

a.block-a {
    -moz-border-radius: var(--radius-size);
    -webkit-border-radius: var(--radius-size);
    border-radius: var(--radius-size);
    color: #fff;
    display: block;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.block-a {
    height: 130px;
    width: 130px;
}

a.block-b {
    border-radius: var(--radius-size);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 130px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 130px;
}

a.block-c {
    -moz-border-radius: var(--radius-size);
    -webkit-border-radius: var(--radius-size);
    border-radius: var(--radius-size);
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 90px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}

.buttonsanteoff {
    background-color: #8b8ba2;
    border-bottom-color: #171746;
    border-style: none;
    border-width: thin;
    color: ButtonHighlight;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    height: 25px;
}

.buttonsanteon {
    background-color: #171746;
    border-bottom-color: #171746;
    border-style: none;
    border-width: thin;
    color: #FFF;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    height: 25px;
}

.cadreh1 {
    display: block;
    font-size: 1.875em;
    font-weight: var(--text-bold);
    margin-top: 10px;
}

.cadreh4 {
    display: block;
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    padding-top: 15px;
}

.cadreh5 {
    display: block;
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    padding-bottom: 5px;
    padding-top: 15px;
}

.checkblack {
    background-color: #393D45;
}

.checkblue {
    background-color: #2D3D62;
}

.checkgreen {
    background-color: #10505B;
}

.checkred {
    background-color: #7C1313;
}

.checkyellow {
    background-color: #7E5000;
}

.choicecolor {
    border: 1px solid #FFF;
    height: 15px;
    width: 15px;
}

.commission-bg {
    background: #55ACEE;
}

.containeractifs {
    background-color: #FFF;
    border-bottom: none;
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    color: #000;
    height: 27px;
    margin: 0;
    text-decoration: none;
}

.containerboutonactifs {
    background: #32c5d2;
    border: solid #32c5d2 0;
    border-radius: var(--window-border-radius);
    color: #FFF;
    cursor: pointer;
    display: table;
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    width: inherit;
}

.containerboutoninactifs td.center {
    height: 28px;
}

.containerboutoninactifs td.left, .containerboutoninactifs td.right {
    width: 0;
}

.containerboutoninactifs {
    background: #EB6D6D;
    border: solid #EB6D6D 0;
    color: #FFF;
    cursor: pointer;
    display: table;
    font-size: var(--font-size);
    font-weight: var(--text-bold);
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    width: inherit;
    border-radius: var(--window-border-radius);
}

.containerinactifs {
    background-color: #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    color: #000;
    cursor: pointer;
    height: 27px;
    margin: 0;
    text-decoration: none;
}

.contentieux-bg {
    background: #85477b;
}

.divers-bg {
    background: #3cb8c3;
}

.emission-bg {
    background: #c99cc3;
}

.incident-bg {
    background: #a6599a;
}

.parrainage-bg {
    background: #6c89c6;
}

.production-bg {
    background: #246e75;
}

.projet-bg {
    background: #8ad4db;
}

.qualite-bg {
    background: #3B5998;
}

.reclamation-bg {
    background: #ffb400;
}

.resiliation-bg {
    background: #ea423f;
}

.sinistre-bg {
    background: #ed6d49;
}

/*#endregion ButtonStyles*/

/*#region BackgroundAndBorderStyles*/
habiportl .table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.bgtop {
    background-color: #E6E6E6;
    height: 30px;
}

.dayheaderstyle {
    color: #5d5d7d;
}

.daystyle {
    background-color: #d1d1da;
    border-color: #5d5d7d;
    border-style: solid;
    border-width: 1px;
}


.fonditemmenuleft {
    background-color: #171746;
}

.fondselecteditem {
    background-color: #8b8ba2;
    font-size: var(--font-size);
}

.footer {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding-left: 10px;
}

.habiportl {
    background-color: #FFF;
    border-left: 1px solid #B3B3B3;
    width: 5px;
}

.habiportr {
    background-color: #FFF;
    border-right: 1px solid #B3B3B3;
    width: 5px;
}

.headport {
    background-color: #E6E6E6;
    border-bottom: 0;
    border-top: 1px solid #B3B3B3;
    font-size: var(--font-size);
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
}

.headportblu {
    background-color: #d1ecf1;
    border-bottom: 0;
    border-top: 1px solid #0c5460;
    height: 31px;
}

.headportblu {
    background-color: #d1ecf1;
    border-bottom: 0;
    border-top: 1px solid #0c5460;
    height: 31px;
}

.headportd {
    background-color: #E6E6E6;
    border-bottom: 0;
    border-right: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    height: 30px;
    width: 6px;
}

.headportg {
    background-color: #E6E6E6;
    border-bottom: 0;
    border-left: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    height: 30px;
    width: 6px;
}

.headportgre {
    background-color: #d4edda;
    border-bottom: 0;
    border-top: 1px solid #155724;
    height: 31px;
}



.headportgre {
    background-color: #d4edda;
    border-bottom: 0;
    border-top: 1px solid #155724;
    height: 31px;
}

.headportred {
    background-color: #f8d7da;
    border-bottom: 0;
    border-top: 1px solid #721c24;
    height: 31px;
}

.headportred {
    background-color: #f8d7da;
    border-bottom: 0;
    border-top: 1px solid #721c24;
    height: 31px;
}

.headportyel {
    background-color: #fff3cd;
    border-bottom: 0;
    border-top: 1px solid #856404;
    height: 31px;
}

.headportyel {
    background-color: #fff3cd;
    border-bottom: 0;
    border-top: 1px solid #856404;
    height: 31px;
}

.horaire {
    background-color: #d1d1da;
    color: #000;
    font-size: var(--font-size-reduit);
    font-weight: 400;
}

.info2 {
    background-color: #FFF;
}

.intercal_bleu {
    background: url(data:image/gif;base64,R0lGODlhEAAKAIAAACltsf+gACH5BAEHAAEALAAAAAAQAAoAAAITjG+Ay8ofHFxynmpjRtj2+UFfAQA7) no-repeat;
    height: 10px;
    width: 16px;
}

.legendspan {
    background-color: #FFF;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
    font-size: var(--font-size);
    font-weight: 400;
    margin-left: 5px;
    padding: 2px 4px;
    white-space: nowrap;
}

.logonetsoft {
    background-image: url(images/logo-netsoftassur.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px 44px;
}

.nsftalegend {
    background-color: #e5e5e5;
    height: 25px;
    padding-left: 5px;
}

.othermonthdaystyle {
    background-color: #e8e8ec;
}

.piedport {
    background-color: #FFF;
    border-bottom: 1px solid #B3B3B3;
    height: 6px;
}

.piedportd {
    background-color: #FFF;
    border-bottom: 1px solid #B3B3B3;
    border-collapse: collapse;
    border-right: 1px solid #B3B3B3;
    height: 6px;
    width: 6px;
}

.piedportg {
    background-color: #FFF;
    border-bottom: 1px solid #B3B3B3;
    border-collapse: collapse;
    border-left: 1px solid #B3B3B3;
    height: 6px;
    width: 6px;
}

.pixel {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.quitter {
    height: 14px;
    width: 14px;
}

.rv {
    background-color: #d1d1da;
    border-color: #171746;
    border-style: solid;
    border-width: 1px;
    color: #000;
    font-size: var(--font-size);
    font-weight: 400;
}

.selecteddaystyle {
    background-color: #5d5d7d;
    font-weight: var(--text-bold);
}

.selectedinfo {
    background-color: #777;
    border-color: #5d5d7d;
    border-style: solid;
    border-width: 1px;
}

.square0 {
    color: #A31128;
    padding-right: 5px;
    text-decoration: none;
}

.square1 {
    color: #E95D0F;
    padding-right: 5px;
    text-decoration: none;
}

.square2 {
    color: #FFA736;
    padding-right: 5px;
    text-decoration: none;
}

.square3 {
    color: #FFED00;
    padding-right: 5px;
    text-decoration: none;
}

.square4 {
    color: #81F3B5;
    padding-right: 5px;
    text-decoration: none;
}

.square5 {
    color: #29DCFA;
    padding-right: 5px;
    text-decoration: none;
}

.square6 {
    color: #1E80B1;
    padding-right: 5px;
    text-decoration: none;
}

.square7 {
    color: #0D5384;
    padding-right: 5px;
    text-decoration: none;
}

.titlebarinfo {
    background-color: #171746;
    border-bottom: 7px solid;
    border-color: #171746 #171746 #d1d1da;
    border-style: solid;
    border-width: 0;
    height: 25px;
}

.titlestyle {
    background-color: #171746;
    border-bottom: solid 7px #d1d1da;
    border-left: solid 0 #171746;
    border-right: solid 0 #171746;
    border-top: solid 7px #171746;
    color: #FFF;
    height: 32px;
}

.todaydaystyle {
    background-color: #5d5d7d;
    border-color: #FFF;
    border-style: solid;
    border-width: 2px;
    color: #FFF;
    font-weight: var(--text-bold);
}


#Tooltip1 {
    -moz-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    -webkit-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    background-color: #FFF;
    box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    display: none;
}

#Tooltip2 {
    -moz-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    -webkit-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    background-color: #FFF;
    box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    display: none;
}

#Tooltip3 {
    -moz-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    -webkit-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    background-color: #FFF;
    box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    display: none;
}

#Tooltip4 {
    -moz-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    -webkit-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    background-color: #FFF;
    box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    display: none;
}

#Tooltip5 {
    -moz-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    -webkit-box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    background-color: #FFF;
    box-shadow: 0 0 6px 4px rgba(192,192,192,1);
    display: none;
}


/*#endregion BackgroundAndBorderStyles*/

/*#region Table*/
.space-table {
    border-spacing: 0;
    padding-bottom: 0;
}

.tableborder {
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
}

.tablepadding {
    border-spacing: 10px;
}

.table100 {
    width: 100%;
}

td, th td {
    padding: 0;
}

.td50 {
    width: 50%;
}
/*#endregion Table*/
/*#region Telerik*/




.reTool .NsftaPrint {
    background-image: url(../images/1x1.gif) !important;
    cursor: pointer;
    position: relative;
    top: -17px;
}

/*.reTool .Open {
    background-image: url(../images/1x1.gif) !important;
    cursor: pointer;
    position: relative;
    top: -17px;
}
*/

/*.reTool .Sauvegarder {
    background-image: url(../images/1x1.gif) !important;
    cursor: pointer;
    position: relative;
    top: -17px;
}*/

.radpanelbar {
    background: #fff;
}

.radinput .myfocusedtextbox {
    background: #fff;
    border-color: #000;
}

.radpanelbar .rpexpandable span.rpexpandhandle, .radpanelbar .rpexpanded span.rpexpandhandle {
    background-color: transparent;
    background-image: url(PanelBar/Expandable.png);
    background-repeat: no-repeat;
}

.radpanelbar .rpexpandable span.rpexpandhandle, .radpanelbar a.rpexpandable:hover .rpnavigation .rpexpandhandle, .radpanelbar div.rpexpandable .rpexpandhandlehovered {
    background-position: 0 -5px;
}

.radpanelbar .rpexpanded span.rpexpandhandle, .radpanelbar a.rpexpanded:hover .rpnavigation .rpexpandhandle, .radpanelbar div.rpexpanded .rpexpandhandlehovered {
    background-position: 0 -181px;
}

.radpanelbar .rpfirst a.rplink, .radpanelbar .rpfirst div.rpheadertemplate, .radpanelbar li.rpfirst .rpexpanded {
    background-position: 0 -1px;
}

.radpanelbar .rpgroup a.rpexpandable:hover .rpexpandhandle, .radpanelbar .rpgroup a.rpexpandable:hover .rpnavigation .rpexpandhandlehovered {
    background-position: 100% -343px;
}

.radpanelbar .rpgroup a.rpexpanded:hover .rpexpandhandle, .radpanelbar .rpgroup a.rpexpanded:hover .rpnavigation .rpexpandhandlehovered {
    background-position: 100% -482px;
}

.radpanelbar .rpgroup a.rplink, .radpanelbar .rpgroup a.rplink .rpout {
    background-color: transparent;
    background-image: url(PanelBar/SubItemStates.png);
    background-repeat: no-repeat;
}

.radpanelbar .rpgroup a.rplink, .radpanelbar .rpgroup div.rpheadertemplate, .radpanelbar .rpgroup .rptemplate {
    background-color: transparent;
    background-image: none;
    color: #000;
}

    .radpanelbar .rpgroup a.rplink, .radpanelbar .rpgroup div.rpheadertemplate, .radpanelbar .rpgroup a.rplink .rpout {
        background-position: 0 200px;
    }

        .radpanelbar .rpgroup a.rplink:hover {
            color: #000;
        }

        .radpanelbar .rpgroup a.rplink:hover, .radpanelbar ul.rpgroup .rpfocused {
            background-position: 100% -22px;
        }

.radpanelbar .rpgroup a.rpselected, .radpanelbar .rpgroup a.rpselected:hover {
    color: #fff;
}

.radpanelbar .rpgroup, div.radpanelbar .rprootgroup .rplink {
    background-color: #fff;
}

.radpanelbar .rplink.rpexpanded, .radpanelbar div.rpfocused, .radpanelbar div.rpexpanded, .radpanelbar div.rpselected {
    background-color: #fdfdfd;
    border-color: #6c6c6c;
}

.radpanelbar .rplink.rpfocused, .radpanelbar .rplink.rpselected {
    background-color: #fdfdfd;
    border-color: #aaa;
}

.radpanelbar .rplink:hover {
    border-color: #c4c4c4;
}

.radpanelbar .rpout {
    border-color: #ebebeb;
}

.radpanelbar .rprootgroup {
    border-color: #828282;
}

.radpanelbar a.rpdisabled, .radpanelbar div.rpdisabled, .radpanelbar a.rpdisabled:hover {
    color: #bbb;
}

    .radpanelbar a.rpdisabled:hover {
        cursor: default;
    }

.radpanelbar a.rpexpandable:hover .rpexpandhandle, .radpanelbar a.rpexpandable:hover .rpnavigation .rpexpandhandlehovered {
    background-position: 100% -5px;
}

.radpanelbar a.rpexpanded:hover .rpexpandhandle, .radpanelbar a.rpexpanded:hover .rpnavigation .rpexpandhandlehovered {
    background-position: 100% -181px;
}

.radpanelbar a.rpfocused, .radpanelbar div.rpfocused, .radpanelbar a.rplink:hover, .radpanelbar a.rpexpanded:hover, .radpanelbar .rpgroup a.rpselected .rpout, .radpanelbar .rpgroup a.rpselected:hover .rpout {
    background-position: 0 -200px;
}

.radpanelbar a.rplink, .radpanelbar div.rpheadertemplate, .radpanelbar .rptemplate {
    color: #000;
    font: normal 12px/24px \"Roboto\",sans-serif;
}

.radpanelbar a.rplink, .radpanelbar div.rpheadertemplate, .radpanelbar a.rpexpanded, .radpanelbar div.rpexpanded, .radpanelbar .rpitem a.rplinkexpandhovered, .radpanelbar a.rpdisabled, .radpanelbar div.rpdisabled, .radpanelbar a.rpdisabled:hover, .radpanelbar a.rpdisabled:hover .rpout, .radpanelbar .rpgroup a.rplink:hover .rpout, .radpanelbar .rpgroup a.rpfocused .rpout {
    background-position: 0 0;
}

.radpanelbar a.rpselected, .radpanelbar div.rpselected, .radpanelbar a.rpselected:hover {
    background-position: 0 -400px;
}

.radpanelbar div.rpheadertemplate, .radpanelbar a.rplink {
    background-color: #fdfdfd;
    background-image: url(PanelBar/RootItemBg.png);
    border-color: #ebebeb;
}

.radpanelbar li.rpfirst .rpfocused, .radpanelbar .rpfirst a.rplink:hover {
    background-position: 0 -201px;
}

.radpanelbar li.rpfirst .rpselected, .radpanelbar .rpfirst a.rpselected:hover {
    background-position: 0 -401px;
}

.radpanelbar ul.rpgroup .rpdisabled, .radpanelbar .rpgroup a.rpdisabled:hover {
    background-color: #fff;
    color: #bbb;
}

.radpanelbar ul.rpgroup .rpdisabled, .radpanelbar .rpgroup a.rpdisabled:hover, .radpanelbar .rpgroup a.rpdisabled .rpout {
    background-image: none;
}

.radpanelbar ul.rpgroup .rpexpandable .rpexpandhandle, .radpanelbar .rpgroup a.rpexpandable:hover .rpnavigation .rpexpandhandle, .radpanelbar .rpgroup div.rpexpandable .rpexpandhandlehovered {
    background-position: 0 -343px;
}

.radpanelbar ul.rpgroup .rpexpanded .rpexpandhandle, .radpanelbar .rpgroup a.rpexpanded:hover .rpnavigation .rpexpandhandle, .radpanelbar .rpgroup div.rpexpanded .rpexpandhandlehovered {
    background-position: 0 -482px;
}

.radpanelbar ul.rpgroup .rpselected, .radpanelbar .rpgroup a.rpselected:hover {
    background-color: transparent;
    background-position: 100% -222px;
}

.radpanelbar_rtl .rpgroup .rptext {
    padding: 0 10px;
}

.radpopup {
    width: 730px !important;
}

.rddlpopup .rddlitem, .raddropdownlist_silk .rddlinner {
    color: #000;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 400;
}


.RadDropDownList_Silk {
    color: var(--text-color-default) !important;
    font-size: var(--font-size) !important;
    font-family: var(--font-family) !important;
    line-height: 1.5;
}



.telerikmodaloverlay {
    height: 100vh;
    width: 100%;
}

/*#endregion Telerik*/

body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--petit-titre);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--base);
    /*            outline: 1px solid slategrey;*/
}

.rsContentScrollArea::-webkit-scrollbar {
    width: 0.5em;
}

.rsContentScrollArea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.rsContentScrollArea::-webkit-scrollbar-track {
    background-color: white;
}

@media screen and (max-width: 1919px) {
    .x3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1025px) {
    .x3 {
        font-size: 20px;
    }
}