:root {
    /* Resets */
    --reset-padding: 0;
    --reset-margin: 0;
    /* Font Text*/
    --font-text: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    --font-text-bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    /* Font Sizes */
    --font-size-init: 13px;
    --font-size-xs: 1.1rem;
    --font-size-sm: 1.2rem;
    --font-size-md: 1.4rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 1.7rem;
    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-semiBold: 600;
    --font-weight-bold: 700;
    /* Utils */
    --radius-xs: 5px;
    --radius-sm: 10px;
    --radius-md: 15px;
    --radius-lg: 20px;
    --radius-xl: 25px;
    /* Transitions */
    --transition-default: all 0.25s ease-in-out;
}/* Move down content because we have a fixed navbar that is 50px tall */
body {
    margin: 0;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.body-content {
    font-size: var(--font-size-init);
}

#content-wrap {
    min-width: 1500px !important;
}
body {
    margin: 0;
    width: 100%;
    padding-bottom: 20px;
}
#content {
    width: 95% !important;
}
.RadInput_Default .riLabel {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadInput {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadComboBox .rcbLabel {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadComboBox .rcbInput {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadComboBoxDropDown_Bootstrap .rcbItem {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.RadGrid_Bootstrap .rgEditForm .rgHeader{
    display: none !important;
}
.RadUpload_Bootstrap .ruButton

.RadAsyncUpload {
    text-overflow: ellipsis;
}

.RadUpload_Bootstrap .ruButton {
    width: fit-content !important;
}

.RadUpload .ruBrowse {
    width: 170px !important;
}

.RadAjaxLoadingPanel {
    background: rgba(255, 255, 255, 0.2) !important;
}

.DeleteEscompte {
    align-self: center !important;
    margin-bottom: 7px !important;
}

.margintop5{
    margin-top: -5px !important;
}

.RadToolBar_Bootstrap_Horizontal .rtbGroupEnd .rtbWrap{
    visibility: hidden !important;
    display: none !important;
}

#footer {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 5.5rem !important;
}

.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText{
    padding: 0px !important;
}

.rbSave:before{
    display: none !important;
}

#content-wrap {
    padding-bottom: 5.5rem !important;
}

.Error{
    color: red;
}

.reModule{
    height: auto !important;
}

.Bootstrap .reDropdown span{
    min-width: 110px !important;
}

#ModificationTitre {
    width: fit-content !important;
}

.Espacement10 {
    margin: 10px !important;
}

.EspacementLeft28 {
    margin-left: 28px !important;
}

.RadInput .riTextBox{
    width: 100% !important;
}

.Espacement2 {
    margin: 2px !important;
}

.EspacementOrcab {
    margin: 2px 4px 2px 2px;
}

.EspacementBas10 {
    margin-bottom: 10px;
}

.EspacementBFA {
    margin: 2px !important;
    font-size: 16px !important;
    font-weight: 100;
}

.EspacementExport {
    margin-top: 10px !important;
    margin-left: 30px !important;
}

.EspacementExport3 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    margin-left: 30px !important;
}

.EspacementExport2 {
    margin: 10px !important;
    margin-left: -30px !important;
}

.EspacementLeft2 {
    margin-left: 4px !important;
}

.ButtonEdition {
    margin-bottom: 50px;
    margin: 20px;
}

.EspacementPhoto {
    width: 250px;
    height: auto;
}

.EspacementTopSpec {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

.CoopImg {
    margin-top: 20px !important;
}

.ExportContact {
    margin: 10px;
    margin-left: 50px;
}

.Validate {
    color: green !important;
}

.EspacementTop {
    margin-top: 20px !important;
}

.PreviewIMG {
    max-height: 300px !important;
    max-width: 300px !important;
}

.Padding20 {
    padding-top: 20px !important;
}

.EspacementTop5 {
    margin-top: 5px !important;
}

.EspacementBas20 {
    margin-bottom: 20px !important;
}

.RadCheckBoxDupliquer {
    padding: 2px !important;
}

.EspacementTop10 {
    margin-top: 10px !important;
}

.EspacementRight {
    margin-right: -7px !important;
}

.EspacementRight5 {
    margin-right: 5px !important;
}

.ConditionRemise {
    margin-right: 10px !important;
    margin-left: -15px !important;
}

.AddRemise {
    margin-left: 10px !important;
    margin-bottom: 5px !important;
}

.EspacementRight10 {
    margin-right: 10px !important;
}

.Espacementbas5 {
    margin-bottom: 5px !important;
}

.EspacementLeft5 {
    margin-left: 5px !important;
}

.EspacementLeft10 {
    margin-left: 10px !important;
}

.Espacement22 {
    margin-left: 19px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.Espacement2222 {
    margin-left: 4px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.Espacement22222 {
    margin-left: 23px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.Espacement222 {
    margin-left: 11px !important;
    margin-top: 5px !important;
}

.RadInput textarea.riTextBox{
    height:100px !important;
}

.labeltext {
    width: 125px !important;
    align-self: center !important;
}

.labeltextfichier {
    width: 184px !important;
    align-self: center !important;
}

.labeltextfichier22 {
    width: 192px !important;
    align-self: center !important;
}

.labeltextpetit {
    width: 53px !important;
    align-self: center !important;
}

.labeltextpetit2 {
    width: 51px !important;
    align-self: center !important;
}

.labeltextactivite3 {
    width: 90px !important;
    align-self: center !important;
}

.labeltextproduit2 {
    width: 91px !important;
    align-self: center !important;
}

.labeltextproduit {
    width: 141px !important;
    align-self: center !important;
}

.labeltextaddfournisseur {
    width: 165px !important;
    align-self: center !important;
}

.DocButton {
    margin-top: 6px !important;
    height: 17px !important;
    float: right !important;
    left: -7px !important;
}

.DocButtonImg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -5px !important;
    margin-left: 4px !important;
}

.DocButton:hover {
    border-color: #adadad;
    color: #333;
    background-color: #e6e5e5;
    box-shadow: inset 0 0 1px #fff;
}

.labelactivite {
    width: 118px !important;
}

.labelactivitefamille {
    width: 94px !important;
}

.labelremisecondition {
    width: 120px !important;
}

.labelactivite2 {
    width: 126px !important;
}

.labelcategorie {
    width: 70px !important;
}

.labeltextpalier {
    width: 42px !important;
}

.labeltextmarketing {
    width: 64px !important;
}

.labeltext2 {
    width: 123px !important;
    align-self: center !important;
}

.labeltext5 {
    width: 125px !important;
    align-self: center !important;
}

.labeltext3 {
    width: 182px !important;
}

.labeltextAnnee {
    width: 170px !important;
}

.labeltextAnnee2 {
    width: 101px !important;
}

.labeltextcondition {
    width: 104px !important;
}

.labeltextFichier {
    padding-top: 0 !important;
}

.labeltext4 {
    width: 67px !important;
}

.labeltext22 {
    width: 118px !important;
    margin-left: -5px;
    margin-right: 5px;
    align-self: center;
}

.labeltext222 {
    width: 115px !important;
    margin-left: -5px;
    margin-right: 5px;
    align-self: center;
}

.EspacementSymbol {
    margin-left: 20px;
    padding: 8px;
    align-self: center;
}

.EditFormPopup {
    position: absolute;
    top: 100px;
    left: 100px;
}

.Espacement5 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.Espacement5uc {
    margin-bottom: 5px !important;
}

.EspacementComptable {
    margin: 5px -19px 5px 10px;
}

.Espacement50 {
    margin: 50px !important;
}

.Espacement20 {
    margin: 20px !important;
}

.EspacementCoter5 {
    margin-right: 5px !important;
}

.EspacementCoterr5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

#ValidationMessage {
    color: green !important;
}

.Containeur {
    display: inline-block !important;
    width: 100% !important;
}

.DisplayBlock {
    display: block !important
}

.EspaceTop120 {
    margin-top: 120px !important;
}

.EspaceLeft114 {
    margin-left: 114px !important;
}

.EspaceTop30 {
    margin-top: 30px !important;
}

.EspaceTop10 {
    margin-top: 10px !important;
}

.EspaceTop50 {
    margin-top: 50px !important;
}

.EspaceLeft5 {
    margin-left: 10px !important;
    align-self: center;
}

.EspaceLeft10 {
    margin-left: 5px !important;
    align-self: center;
}

.disabled {
    background-color: #F0F0F0 !important;
}

.disabled2 {
    background-color: #F0F0F0 !important;
    margin: 2px !important;
}

#newsLetter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    top: 0px;
}

.disabled3 {
    background-color: #F0F0F0 !important;
    margin-right: 5px !important;
}

.disabled5 {
    background-color: #F0F0F0 !important;
    margin: 5px !important;
}

#Coop2 {
    background-color: #F0F0F0 !important;
    margin: 5px !important;
    height: 34px;
}

.Div1 {
    color: yellowgreen !important;
    margin-right: 5px !important;
    margin-left: 130px !important;
    align-self: center;
}

.CAManquant {
    margin-left: 127px;
    align-self: center;
    font-size: 10px;
}

.Div2 {
    color: #56c3cd !important;
    margin-right: 5px !important;
    margin-left: 130px !important;
    align-self: center;
}

.color1 {
    color: #e5422d !important;
    margin-right: 5px !important;
}

.color2 {
    color: #bc0925 !important;
    margin-right: 5px !important;
}

.color3 {
    color: #ea681a !important;
    margin-right: 5px !important;
}

.color4 {
    color: #f39d11 !important;
    margin-right: 5px !important;
}

.color5 {
    color: #ffdc0d !important;
    margin-right: 5px !important;
}

.color6 {
    color: #ddda00 !important;
    margin-right: 5px !important;
}

.color7 {
    color: #95be0c !important;
    margin-right: 5px !important;
}

.color8 {
    color: #40a529 !important;
    margin-right: 5px !important;
}

.color9 {
    color: #0b892d !important;
    margin-right: 5px !important;
}

.color10 {
    color: #2daadb !important;
    margin-right: 5px !important;
}

.color11 {
    color: #0d70b4 !important;
    margin-right: 5px !important;
}

.color12 {
    color: #0d2f82 !important;
    margin-right: 5px !important;
}

.color13 {
    color: #612080 !important;
    margin-right: 5px !important;
}

.color14 {
    color: #924a93 !important;
    margin-right: 5px !important;
}

.RadButtonTelechargerTout {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.ImageModuleAccueil {
    width: 100px !important;
    height: 100px !important;
}

.RadTextBoxFournisseur {
    margin-left: 10px !important;
}

.RadTextAnnee {
    margin-left: 30px !important;
}

.SaisiCACol {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.PageLayoutMaster {
    z-index: 2000 !important;
}

.navbarSupportedContent {
    flex-direction: row-reverse !important;
}

.Version {
    font-size: 10px !important;
}

.Menu {
    border-right-color: #515354 !important;
    border-right-width: 1px !important;
    border-right: solid !important;
}

.RadMenu_Bootstrap .rmRootGroup .rmRootLink {
    border-right-color: #515354 !important;
}

.SaisiCAButton {
    margin-bottom: 5px !important;
    margin-left: 30px !important;
}

.DisplayNone {
    display: none !important;
}

.color15 {
    color: #ba98c3 !important;
    margin-right: 5px !important;
}

#NEXTCA, #CURRENTBFA {
    margin-bottom: 5px !important;
    background-color: #F0F0F0 !important;
}

#VersementPalier {
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    background-color: #F0F0F0 !important;
}

#VersementMarketing {
    margin-bottom: 5px !important;
    background-color: #F0F0F0 !important;
}

#DeleteModele, #ExportConditionAchat, #RadButton1 {
    margin: 10px;
    margin-left: 50px;
}

.RadgridPJ {
    margin: 20px !important;
    top: 100px !important;
}

#ConditionFournisseur, #ConditionCodeFournisseur, #ConditionTypeContrat, #ConditionTypeFichierTarif, #ConditionPorteurDossier, #ConditionEscompte, #ConditionFranco, #ConditionFournisseurPref, #ConditionFournisseurRef, #ModeleChoice, #AnneeChoice {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 90vh !important;
    position: relative !important;
}

.PanelLoading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90000;
}

html body .RadInput_Bootstrap .riRead, html body .RadInput_Read_Bootstrap, html body .RadInput_Bootstrap .riDisabled, html body .RadInput_Disabled_Bootstrap {
    background-color: #F0F0F0 !important;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.rgHeader div {
    display: none !important;
}

.RadUpload .ruBrowse {
    width: 136px !important
}

.RadTreeView .rtLines .rtMinus {
    background-position: 0 !important;
    background-image: none !important;
    margin: 1px;
    display: none;
    visibility: hidden;
}

.RadTreeView .rtLines .rtPlus {
    background-position: 0 !important;
    background-image: none !important;
    margin: 1px;
    display: none;
    visibility: hidden;
}

.RadTreeView .rtLines .rtBot {
    background-position: 0 !important;
    background-image: url('../Images/Folder-256.png') !important;
    margin: 1px;
    padding: 0 0 0 25px !important;
}

.RadTreeView .rtLines .rtTop {
    background-position: 0 !important;
    background-image: url('../Images/Folder-256.png') !important;
    margin: 1px;
    padding: 0 0 0 25px !important;
}

.RadTreeView .rtLines .rtMid {
    background-position: 0 !important;
    background-image: url('../Images/Folder-256.png') !important;
    margin: 1px;
    padding: 0 0 0 25px !important;
}



.RadComboBox .rcbInner {
    padding: 4px !important;
}

.RadGrid_Bootstrap .rgEditForm [type="image"] {
    margin-right: 0px !important;
    padding: 0px !important;
    border: none !important;
    background: none !important;
}

.list-group-item {
    text-align: center;
}

.rgNoRecords {
    display: none !important;
}

.RadFileExplorer .folder {
    display: none !important;
}

.RadMenu_Bootstrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    border-right-width: 1px !important;
}

.hide {
    display: none;
}

.rmRootGroup rmShadows rmHorizontal {
    background-color: transparent !important;
    border-color: transparent !important;
    border-right-width: 1px !important;
}

.RadMenu_Bootstrap .rmRootGroup .rmRootLink {
    border-right-width: 1px !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    background-color: transparent !important;
    border-color: transparent !important;
    border-right-width: 1px !important;
}

.RadMenu_Bootstrap .rmExpandDown + .rmSlide .rmGroup, .RadMenu_Bootstrap .rmExpandDown + .rmSlide .rmMultiColumn {
    border-radius: 6px 6px 6px 6px !important;
}

.Space {
    margin-bottom: 10px !important;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

#ImgLogoOrcab {
    color: white;
}

.jumbotron p {
    font-size: 14px;
    font-weight: bold;
}



/* Améliorations Sémantiques */

h3 {
    margin: 10px 0px 10px 0px;
    color: white;
    border-radius: 5px 5px;
    font-weight: var(--font-weight-semiBold);
    height: contain;
    padding: 5px 10px 5px 10px;
    background-color: #97BF00;
    width: fit-content;
    background: -webkit-linear-gradient(#97BF00, #82a405); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#97BF00, #82a405); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#97BF00, #82a405); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#97BF00, #82a405); /* Standard syntax */
}

h5 {
    color: white;
    background-color: #d8d6d6;
    background: -webkit-linear-gradient(#454343, #808080); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#454343, #808080); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#454343, #808080); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#454343, #808080); /* Standard syntax */
    border-radius: 5px 5px 30px;
    font-weight: var(--font-weight-semiBold) !important;
    font-size: 1rem !important;
    padding: 5px 15px 5px 10px;
    width: fit-content;
}

h6 {
    color: white;
    background-color: #d8d6d6;
    background: -webkit-linear-gradient(#454343, #808080); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#454343, #808080); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#454343, #808080); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#454343, #808080); /* Standard syntax */
    border-radius: 5px 5px 30px;
    font-weight: var(--font-weight-semiBold) !important;
    font-size: 14px !important;
    padding: 5px 15px 5px 10px;
    width: fit-content;
}

a:hover {
    text-decoration: none !important;
}

.TitleNav {
    color: white;
    background-color: #97BF00;
    background: -webkit-linear-gradient(#97BF00, #82a405); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#97BF00, #82a405); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#97BF00, #82a405); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#97BF00, #82a405); /* Standard syntax */
    border-radius: 5px 5px;
    font-weight: bold;
    padding: 5px;
    min-width: 80px;
    width: 300px;
    margin-top: 10px;
}

h4 {
    color: white;
    background-color: #d8d6d6;
    background: -webkit-linear-gradient(#454343, #808080); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#454343, #808080); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#454343, #808080); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#454343, #808080); /* Standard syntax */
    border-radius: 5px 5px 30px;
    font-weight: bold;
    padding: 5px;
    min-width: 120px;
    width: 220px;
}

.EltsTitle {
    color: white;
    background-color: #d8d6d6;
    background: -webkit-linear-gradient(#454343, #808080); /* pour Safari 5.1 à 6.0 */
    background: -o-linear-gradient(#454343, #808080); /* pour Opera 11.1 à 12.0 */
    background: -moz-linear-gradient(#454343, #808080); /* pour Firefox 3.6 à 15 */
    background: linear-gradient(#454343, #808080); /* Standard syntax */
    border-radius: 3px 3px 9px;
    font-weight: bold;
    padding: 3px;
    min-width: 120px;
    width: 150px;
}

#UlSaisiCAHaut {
    /*margin: 5px;*/
    margin-left: -30px;
    list-style-type: none;
}


    #UlSaisiCAHaut li {
        margin: 5px;
    }

#PanelTextBoxBfaMontPourc {
    margin-top: 5px;
}

#UlUcEditCa {
    margin: 5px;
    list-style-type: none;
}

    #UlUcEditCa li {
        margin: 5px;
    }


#FooterUcEditCa {
    margin: 25px 15px 10px;
}


.marginRight {
    margin-right: 80px;
}


.LgnHaut {
    line-height: 30px;
}

.EspaceLabel {
    line-height: 23px;
}

.jumbotron {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 1px 1px 12px #555;
}


.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.RadTabStrip_Silk .rtsTxt {
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.RadGrid_Bootstrap .rgRow, .RadGrid_Bootstrap .rgAltRow {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.RadInput_Bootstrap .riTextBox {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.riSingle {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.RadInput_Bootstrap.riSingle .riTextBox, .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*span {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 23px;
}*/

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #242f3f;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #Fff;
    animation: loader 2s infinite ease;
    z-index: 99999;
}

#Content {
    margin: 10px;
    padding: 10px;
}

#UcListeStatutsBox {
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

.UcAjoutFournisseur {
    border-width: 1px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    border-radius: 3px;
    padding: 10px;
}

.UcAjoutFournisseurTitle {
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
}

#UcPaliersBox {
    border-width: 1px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

#UcRDV {
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#Title {
    margin: 10px;
    padding: 10px;
}

#UcFamilleFournisseur {
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcFamilleFournisseur2 {
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

.rgDataDiv {
    overflow-y: hidden !important;
    height: fit-content !important;
}

.Explorer{
    min-height: 700px;
}

.BoxRight {
    border-width: 1px;
    padding: 20px;
    top: 100px;
    float: right;
    height: fit-content;
    width: 300px;
    max-width: 550px;
}

.BoxRightCA {
    border-width: 1px;
    padding-top: 20px;
    top: 100px;
    float: right;
    height: fit-content;
    width: 440px;
    max-width: 550px;
}

.BoxRightEdition {
    border-width: 1px;
    padding: 20px;
    top: 100px;
    float: right;
    height: fit-content;
    width: fit-content;

}

.maxgeneral{
    max-width: 400px !important;
}

.BoxRight3 {
    float: right;
    height: fit-content;
    display: block;
    max-width: 480px;
}

#UcGroupeFournisseurBox {
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcFamillesBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcCABox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcCooperativesBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcContactsBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 5px;
    padding: 10px;
}

#UcConditionsBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: auto;
    padding: 10px;
    width: 815px;
    height: 750px;
}

#ObjectifElts {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    width: 750px;
    align-items: center;
    align-content: center;
}

#UcConditionsBoxObjectif {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    width: 790px;
}

#UcObjectifConditionsBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    width: fit-content;
    height: fit-content;
}

#UcConditionsBox2 {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    width: 370px;
    height: fit-content;
}

#UcActiviteProduitBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

.BoxLeft {
    margin: 20px;
    padding: 10px;
    top: 100px;
    float: none;
    height: 430px;
}

.BoxLeft4 {
    margin: 20px;
    padding: 10px;
    top: 100px;
    float: left;
    height: fit-content;
    min-width: 500px;
}

BoxLeftCA {
    margin: 20px;
    top: 100px;
    float: left;
    height: fit-content;
    max-width: 650px;
    }




.BoxLeft9 {
    margin: 20px;
    padding: 10px;
    top: 100px;
    height: fit-content;
}

#UcSousFamillesBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#UcSecretaireSaisieBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#img {
    max-height: 300px;
    max-width: 300px;
}

#UcResponsableDossierBox {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

.RadUpload .ruFileWrap {
    height: auto;
}

.BoxRight2 {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    top: 3px;
    float: right;
    width: 500px;
    height: fit-content;
    display: block;
}

.BoxRight5 {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
    top: 3px;
    height: fit-content;
    display: block;
}

.BoxRight8 {
    border-width: 1px;
    border-radius: 3px;
    border-color: #CCC;
    outline: 1px solid #CCC;
    padding: 10px;
    top: 3px;
    height: fit-content;
    display: block;
    width: fit-content;
    min-width: 1300px;
}

.font {
    font-size: 12px;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
    z-index: 99999;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

/*#RadTextBoxFournisseur, #RadTextActivite, #RadTextPeriode, #RadTextAnnee, #RadTextBoxTypeBfa, #RadTextCondition, #RadNumericTotalCaMoins1, #RadNumericTotalCa, #RadNumericTotalVolumeMoins1, #RadNumericTotalVolume, #RadTextBoxEscompte {
    background-color: #F0F0F0;
}

#RadAsyncUpload .ruBrowse {
    height: 35px;
}

#RadAsyncUpload .ruButton {
    background-color: #337ab7;
    color: white;
}

#RadAsyncUploadAdmin .ruBrowse {
    height: 35px;
}



#RadAsyncUploadAdmin .ruButton {
    background-color: #337ab7;
    color: white;
}*/
/*#DivFiltrageHistorique {
}*/

#RadLabelCommentaireBfa {
    margin-top: 15px;
}

#BtnEtatCondition {
    padding: 10px;
}

.containerEtat {
    height: 145px;
    padding: 0;
    border: none;
    border-radius: 8px;
    border-color: #454343;
    border-style: solid;
    border-width: 2px;
    background-position: 0 0;
    background-image: linear-gradient(#FFFFFF,#e2e1e1);
    /*background-image: url('images/background.png');
    background-position: -3px -3px;
    background-repeat: no-repeat;*/
    -webkit-box-shadow: 6px 11px 13px -7px rgba(0,0,0,0.69);
    -moz-box-shadow: 6px 11px 13px -7px rgba(0,0,0,0.69);
    box-shadow: 6px 11px 13px -7px rgba(0,0,0,0.69);
}

.containerEtatTitre {
    height: 30px;
    border-radius: 7px 7px 2px 2px;
    padding-left: 13px;
    padding: 3px;
    color: #F0F0F0;
    font-weight: bolder;
    background-position: 0 0;
    background-image: linear-gradient(#343a40,#45484b);
}


.RadButton_Default
.rbToggleCheckboxChecked,
.RadButton_Default
.rbToggleCheckboxFilled,
.RadButton_Default
.rbToggleRadioChecked {
    color: #97BF00;
}


#RadButtonEnvoyerCommentaire, #RadButtonAnnulerCommentaire {
    margin: 10px;
}

#RadButtonAnnulerCommentaire {
    margin-left: 100px;
}


#TextBoxCommentaire, #TextBoxCommentaire_wrapper {
    width: 450px;
    height: 140px;
}

.SpaceBfa {
    margin-left: 10px;
    margin-right: 12px;
}

.SpaceStats {
    margin-right: 15px;
}

.FiltrageTous {
    margin-left: 40px;
    margin-right: 25px;
}

.FiltrageBfaStats {
    padding: 6px;
    border: solid;
    border-radius: 5px;
    border-color: black;
    border-width: 1px;
}

.ImageSize {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.borderUc {
    border: 1px solid #dedede;
    border-radius: var(--radius-sm);
}

.borderUcBold {
    border: 1px solid #dedede;
    border-radius: var(--radius-sm);
    padding: 10px;
    width: 500px;
}

.borderUcBoldExport {
    border: 2px solid #dedede;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
}

.ValidatorInput {
    margin-bottom: 5px;
    padding-left: 5px;
    font-size: 9px;
    color: red;
}

.Alerte {
    color: red;
    font-size: var(--font-size-init);
    font-weight: var(--font-weight-bold);
}

.btnBlack {
    border-color: #000000 !important;
    padding: 5px !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: var(--font-weight-semiBold) !important;
    border-radius: var(--radius-xs) !important;
    background-color: #1b1b1b !important;
    background-image: linear-gradient(#7b7b7b,#4a4a4a 50%,#313131 50%,#1b1b1b) !important;
}

.LabelLogo {
    font-weight: var(--font-weight-semiBold);
    font-size: 11px;
}

.ImageSize {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.header-info {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 12px;
    font-size: 14px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
}

.info-icon {
    margin-right: 10px;
    color: #97BF00;
}

.IconFolderForm {
    display: flex;
    align-items: center !important;
    margin-top: -3px !important;
    margin-left: 5px !important;
}

.ScrollGridExt {
    width: 97% !important;
    overflow-x: auto !important;
    display: block;
    max-width: 100%;
}

.ScrollGridInt {
    width: 100% !important;
    overflow-x: auto !important;
}

.Pointer {
    pointer-events: none;
}


.w100 {
    width: 100px !important;
}

.w120 {
    width: 120px !important;
}

.w150 {
    width: 150px !important;
}

.w170 {
    width: 170px !important;
}

.w190 {
    width: 190px !important;
}
.fournisseurSpace{
    margin-top: 10px;
}
/* Style pour la ligne sélectionnée */
.selected-row-red td {
    border-top: 2px solid red !important;
    border-bottom: 2px solid red !important;
}

    /* Bordures latérales pour la première et dernière cellule */
    .selected-row-red td:first-child {
        border-left: 2px solid red !important;
    }

    .selected-row-red td:last-child {
        border-right: 2px solid red !important;
    }

.Container-Main {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Flex-Row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
}

.Flex-Block {
    flex: 1;
    min-width: 0; /* Important pour que le RadGrid ne casse pas le layout */
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}

.GridTitle {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
    border-left: 4px solid #007bff;
    padding-left: 10px;
}

.DocumentCAPJ{
    width:500px;
}


/*.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
    width: 700px;
    height: 180px
}



    .blog-card a {
        color: inherit;
    }

        .blog-card a:hover {
            color: #5ad67d;
        }

    .blog-card:hover .photo {
        transform: scale(1.3) rotate(3deg);
    }

    .blog-card .meta {
        position: relative;
        z-index: 0;
        height: 200px;
    }

    .blog-card .photo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        transition: transform 0.2s;
    }

    .blog-card .details,
    .blog-card .details ul {
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .blog-card .details {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        margin: auto;
        transition: left 0.2s;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 10px;
        width: 100%;
        font-size: 0.9rem;
        overflow: auto;
    }

        .blog-card .details a {
            -webkit-text-decoration: dotted underline;
            text-decoration: dotted underline;
        }

        .blog-card .details ul li {
            display: inline-block;
        }

        .blog-card .details .author:before {
            font-family: FontAwesome;
            margin-right: 10px;
            content: "";
        }

        .blog-card .details .tags ul:before {
            font-family: FontAwesome;
            content: "";
            margin-right: 10px;
        }

        .blog-card .details .tags li {
            margin-right: 2px;
        }

            .blog-card .details .tags li:first-child {
                margin-left: -4px;
            }

    .blog-card .description {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
        overflow: auto;
    }

        .blog-card .description h1,
        .blog-card .description h2 {
            font-family: Poppins, sans-serif;
        }

        .blog-card .description h1 {
            line-height: 1;
            margin: 0;
            font-size: 1.7rem;
        }

        .blog-card .description h2 {
            font-size: 1rem;
            font-weight: 300;
            text-transform: uppercase;
            color: #a2a2a2;
            margin-top: 5px;
        }

        .blog-card .description .read-more {
            text-align: right;
        }

            .blog-card .description .read-more a {
                color: #5ad67d;
                display: inline-block;
                position: relative;
            }

                .blog-card .description .read-more a:after {
                    content: "";
                    font-family: FontAwesome;
                    margin-left: -10px;
                    opacity: 0;
                    vertical-align: middle;
                    transition: margin 0.3s, opacity 0.3s;
                }

                .blog-card .description .read-more a:hover:after {
                    margin-left: 5px;
                    opacity: 1;
                }

    .blog-card p {
        position: relative;
        margin: 1rem 0 0;
    }

        .blog-card p:first-of-type {
            margin-top: 1.25rem;
        }

            .blog-card p:first-of-type:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #5ad67d;
                width: 35px;
                top: -0.75rem;
                border-radius: 3px;
            }

    .blog-card:hover .details {
        left: 0%;
    }

@media (min-width: 640px) {
    .blog-card {
        flex-direction: row;
    }

        .blog-card .meta {
            flex-basis: 40%;
            height: auto;
        }

        .blog-card .description {
            flex-basis: 60%;
        }

            .blog-card .description:before {
                transform: skewX(-3deg);
                content: "";
                background: #fff;
                width: 30px;
                position: absolute;
                left: -10px;
                top: 0;
                bottom: 0;
                z-index: -1;
            }

        .blog-card alt {
            flex-direction: row-reverse;
        }

            .blog-card .alt .description:before {
                left: inherit;
                right: -10px;
                transform: skew(3deg);
            }

            .blog-card .alt .details {
                padding-left: 25px;
            }
}*/
.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
    font-size: 12px;
    /*    min-height: 500px;*/
}

.FichierJoint {
    line-height: 1;
    margin: 0;
    font-size: 18px;
}

.blog-card a {
    color: inherit;
}

/*.blog-card:hover .photo {
    transform: scale(1) rotate(1deg);
}*/

.blog-card .meta {
    position: relative;
    z-index: 0;
    height: 200px;
}

.blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
}

/*#bloog{
    min-height: 100px !important;
}*/

.conteneur {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .blog-card .details,
    .blog-card .fichier ul {
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .blog-card .details {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        margin: auto;
        transition: left 0.2s;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 10px;
        width: 100%;
        font-size: 0.9rem;
        overflow: auto;
    }

        .blog-card .details a {
            text-decoration: dotted underline;
        }

        .blog-card .details .author:before {
            font-family: FontAwesome;
            margin-right: 10px;
            content: "";
        }

        .blog-card .details .tags ul:before {
            font-family: FontAwesome;
            content: "";
            margin-right: 10px;
        }

        .blog-card .details .tags li {
            margin-right: 2px;
        }

            .blog-card .details .tags li:first-child {
                margin-left: -4px;
            }

    .blog-card .description {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
        overflow: auto;
    }

    .blog-card .fichier {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        .blog-card .description h1,
        .blog-card .description h2 {
            font-family: Poppins, sans-serif;
        }

        .blog-card .description h1 {
            line-height: 1;
            margin: 0;
            font-size: 20px;
        }

        .blog-card .description h2 {
            font-size: 1rem;
            font-weight: 300;
            text-transform: uppercase;
            color: #a2a2a2;
            margin-top: 5px;
        }

        .blog-card .description .read-more {
            text-align: right;
        }

            .blog-card .description .read-more a {
                color: #5ad67d;
                /*display: inline-block;*/
                position: relative;
            }

                .blog-card .description .read-more a:after {
                    content: "";
                    font-family: FontAwesome;
                    margin-left: -10px;
                    opacity: 0;
                    vertical-align: middle;
                    transition: margin 0.3s, opacity 0.3s;
                }

                .blog-card .description .read-more a:hover:after {
                    margin-left: 5px;
                    opacity: 1;
                }

    .blog-card p {
        position: relative;
        margin: 1rem 0 0;
    }

        .blog-card p:first-of-type {
            margin-top: 1.25rem;
        }

            .blog-card p:first-of-type:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #5ad67d;
                width: 35px;
                top: -0.75rem;
                border-radius: 3px;
            }

    .blog-card:hover .details {
        left: 0%;
    }


@media (min-width: 640px) {
    .blog-card {
        flex-direction: row;
    }

        .blog-card .meta {
            flex-basis: 45%;
            height: auto;
        }

        .blog-card .meta2 {
            flex-basis: 55%;
            height: auto;
        }

        .blog-card .description {
            flex-basis: 45%;
        }

        .blog-card .fichier {
            flex-basis: 30%;
        }

        .blog-card .description:before {
            transform: skewX(-3deg);
            content: "";
            background: #fff;
            width: 30px;
            position: absolute;
            left: -10px;
            top: 0;
            bottom: 0;
            z-index: -1;
        }

        .blog-card alt {
            flex-direction: row-reverse;
        }

        .blog-card .alt .description:before {
            left: inherit;
            right: -10px;
            transform: skew(3deg);
        }

        .blog-card .alt .details {
            padding-left: 25px;
        }
}