@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Components/CipCheckbox.razor.rz.scp.css */
/*:root {
    --cip-checkbox-gray-light: #d3d3d3;
    --cip-checkbox-blue: #006bb4;
    --cip-checkbox-blue-hover: #045a95;
    --cip-checkbox-blue-disabled: #b3d4fc;
}*/

.cip-checkbox-container[b-i59koldu2k] {
    display: flex;
    align-items: center;
    user-select: none;
    gap: 4px;
    cursor: pointer;
}

.cip-checkbox-disabled[b-i59koldu2k] {
    pointer-events: none;
    cursor: default;
}

.cip-checkbox-input[b-i59koldu2k] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #616161;
    background: #fff;
    transition: background 0.2s, border-color 0.2s;
    accent-color: var(--cip-checkbox-blue, #006bb4);
}

    .cip-checkbox-input:checked[b-i59koldu2k] {
        background: var(--cip-checkbox-blue, #006bb4);
        border-color: var(--cip-checkbox-blue, #006bb4);
    }

    .cip-checkbox-input:hover[b-i59koldu2k],
    .cip-checkbox-input:checked:hover[b-i59koldu2k] {
        cursor: pointer;
    }

.cip-checkbox-label[b-i59koldu2k] {
    color: #616161;
    transition: color 0.2s;
}

.cip-checkbox-container:hover .cip-checkbox-label[b-i59koldu2k] {
    color: #111;
}

.cip-checkbox-container:hover .cip-checkbox-input:checked[b-i59koldu2k] {
    background: var(--cip-checkbox-blue-hove, #045a95);
    border-color: var(--cip-checkbox-blue-hove, #045a95);
    accent-color: var(--cip-checkbox-blue-hove, #045a95);
}

.cip-checkbox-input:checked + .cip-checkbox-label[b-i59koldu2k] {
    color: #111;
}

.cip-checkbox-input:focus[b-i59koldu2k] {
    outline: none;
    box-shadow: 0 0 0 2px #b3d4fc;
}

/* Styles pour le mode désactivé */
.cip-checkbox-disabled .cip-checkbox-input[b-i59koldu2k] {
    border-color: var(--cip-checkbox-gray-light,#d3d3d3) !important;
    background: #fff !important;
    accent-color: var(--cip-checkbox-gray-light,#d3d3d3) !important;
}

.cip-checkbox-disabled .cip-checkbox-label[b-i59koldu2k] {
    color: var(--cip-checkbox-gray-light,#d3d3d3) !important;
}

.cip-checkbox-disabled .cip-checkbox-input:checked[b-i59koldu2k] {
    background: var(--cip-checkbox-gray-light,#d3d3d3) !important;
    border-color: var(--cip-checkbox-gray-light) !important;
}

    .cip-checkbox-disabled .cip-checkbox-input:checked + .cip-checkbox-label[b-i59koldu2k] {
        color: var(--cip-checkbox-gray-light,#d3d3d3) !important;
    }

/* If needed the blue text with opacity for the disabled checked, replace the previous line with :
.cip-checkbox-disabled .cip-checkbox-input:checked + .cip-checkbox-label {
    color: var(--cip-checkbox-blue-disabled,#b3d4fc) !important;
    opacity: 0.7;
}
*/
/* /Components/CollapsibleCard.razor.rz.scp.css */
/* tips of deep:: see in <https://www.meziantou.net/css-isolation-in-blazor.htm> */
[b-qg0dteksxa] .justify-space-between {
    justify-content: space-between;
}

[b-qg0dteksxa] .fw-700 {
    font-weight: 700;
}

[b-qg0dteksxa] .cursor-pointer {
    cursor: pointer; /* strange using role=button not runs...*/
}

[b-qg0dteksxa] .vertical-align-fix {
    margin-top: 7px !important;
}
/* /Components/InputWithIcon.razor.rz.scp.css */
.rotate[b-flj64wfue6] {
    animation: rotation-b-flj64wfue6 infinite 500ms linear;
}

.cp-visible[b-flj64wfue6] {
    visibility: visible;
}

.cp-hidden[b-flj64wfue6] {
    visibility: hidden;
}

@keyframes rotation-b-flj64wfue6 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.total-subtotal-taxes-not-match[b-flj64wfue6] {
    color: red !important;
}
.fa-sharp[b-flj64wfue6] {
    font-size: smaller !important;
     line-height: unset!important;
}
/* /Components/TextToClipboard.razor.rz.scp.css */
.cip-tooltip-container[b-2a18ff9zs4] {
    /* display: inline-block; */
}

    .cip-tooltip-container:hover .cip-tooltip-content[b-2a18ff9zs4] {
        visibility: visible;
    }

.cip-tooltip-content[b-2a18ff9zs4] {
    visibility: hidden; /* hidden */
    /* position: absolute; /* position: absolute; */
    /* width: 120px;
            bottom: 100%;
            left: 50%;
            margin-left: -60px;
            background-color: #363636;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;*/
    /* z-index: 1; */
}

    .cip-tooltip-content[b-2a18ff9zs4]::after {
        /* content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent; */
    }
/* /Components/TextToClipboardAnimate.razor.rz.scp.css */
.rotate[b-nfny872cs7] {
    /*width: 80px;
    height: 80px;*/
    animation: rotation-b-nfny872cs7 infinite 500ms linear;
}

.cp-visible[b-nfny872cs7] {
    visibility: visible;
    font-weight: normal !important;
}

.cp-hidden[b-nfny872cs7] {
    visibility: hidden;
}

@keyframes rotation-b-nfny872cs7 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.fromInvline[b-nfny872cs7] {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.ml-1[b-nfny872cs7] {
    padding-right: 3px!important;
}
/* /Pages/Invoices/FormReview.razor.rz.scp.css */
/* <style > */
/* to see: rulles before in the style.css to Reset all margins and paddings && outline  for browsers */
*[b-zlph8z2hib] {
    outline: none;
}
/* -- */

/* ========================= title_bar: begin  ===================================== */
li[b-zlph8z2hib] {
    list-style-type: none;
}

.pager li[b-zlph8z2hib] {
    display: inline;
}

.pager[b-zlph8z2hib] {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.pager[b-zlph8z2hib] {
    padding-left: 0;
    text-align: left;
    list-style: none;
    margin-left: 40px;
}

#btnSend[b-zlph8z2hib] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}

#btnReject[b-zlph8z2hib] {
    border: 2px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

.RecDelete[b-zlph8z2hib] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
    background-color: transparent;
    border-color: #d9534f !important;
    border: 2px #d9534f solid;
    color: #d9534f !important;
}

.btn[b-zlph8z2hib] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /* margin-bottom: 5px !important; */
}

#tblformRevTop[b-zlph8z2hib] {
    width: 100% !important;
}

.pagerFormRevBtns[b-zlph8z2hib] {
    border: none !important;
    padding: 0 !important;
    /*color: red !important;*/
}

.pagerFormRevBtnsIcons[b-zlph8z2hib] {
    font-size: x-large;
}

.pagerFormRev[b-zlph8z2hib] {
    display: inline-block;
    margin-left: 0px !important;
}

#btnPrevious.disabled[b-zlph8z2hib], #btnNext.disabled[b-zlph8z2hib] {
    color: grey !important;
}

#btnPrevious[b-zlph8z2hib], #btnNext[b-zlph8z2hib] {
    /*color: black !important;*/
    /*color: #045a95 !important;*/
    color: #006bb4 !important;
}

    #btnPrevious:hover[b-zlph8z2hib], #btnNext:hover[b-zlph8z2hib] {
        color: #045a95 !important;
        /*color: black !important;*/
    }

/*#tdfilename2.pager {
        margin-left: 0 !important;
    }

    #tdFormRevfilename {
        text-align: left;
    }

    #tdFormRevBtns {
        width: 204px;
        background-color: #00b0ff;
    }*/

/* --- Ellipsis test ---*/
.ben-wrapper[b-zlph8z2hib] {
    display: flex;
    width: 100%;
}

.ben-fluid[b-zlph8z2hib] {
    flex: 1 1 100%;
    min-width: 0;
}

.ben-fluid-content[b-zlph8z2hib] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ben-fluid-content-docname[b-zlph8z2hib] {
    padding-top: 5px;
    padding-left: 5px;
    font-weight: 600;
}

.ben-static-content[b-zlph8z2hib] {
    width: 200px;
}

.ben-static-content-nav-btns[b-zlph8z2hib] {
    width: 56px;
}

.ben-static-content-okreject-btns[b-zlph8z2hib] {
    width: 204px;
    margin-right: 10px;
    margin-right: 24px;
}

.ben-static-content-close-btn[b-zlph8z2hib] {
    width: 0px;
}

.ben-close-btn[b-zlph8z2hib] {
    color: black;
    margin-top: -30px !important;
    margin-right: -31px !important;
}

.ben-fluid-content-filter-docname[b-zlph8z2hib] {
    /*padding-top: 5px;
        padding-left: 5px;
        font-weight: 600;*/
}

.ben-static-content-filter-closebtn[b-zlph8z2hib] {
    width: 16px;
    padding-left: 5px;
    color: #b5b5b5;
    margin-top: 3px;
}

    .ben-static-content-filter-closebtn:hover[b-zlph8z2hib] {
        color: #FFFFFF;
        cursor: pointer;
    }


/* not required styles */
.ben-wrapper[b-zlph8z2hib] {
    /*border: 1px solid black;*/
}

.ben-fluid-content[b-zlph8z2hib] {
    /*background-color: pink;*/
}

.ben-static-content[b-zlph8z2hib] {
    /* background-color: yellow;*/
}

button.sym-nofocus-border:focus[b-zlph8z2hib] {
    outline: 0px;
}

/* ========================= title_bar: end  ======================================*/

/* override the kendo splitter font whihc seems use 14px*/
.k-splitter[b-zlph8z2hib] {
    font-size: 16px;
}
/*--*/

.fontuser[b-zlph8z2hib] {
    position: relative;
}

    .fontuser i[b-zlph8z2hib] { /* to see if needed to remove,it was for tooltips before fix blinking.*/
        position: absolute;
        right: 15px;
        top: 27px; /* top: 16px; */
    }

.label-result-text:hover[b-zlph8z2hib] {
    background-color: #ddd;
}

.label-result-item .label-result-string[b-zlph8z2hib] {
    padding: 4px 0;
    cursor: default;
    display: grid;
    grid-template-columns: 24px 1fr 48px;
    align-items: center;
}

/* page numbers */
.label-result-item .label-result-entry .label-result-page-number[b-zlph8z2hib] {
    font-size: 12px;
    background-color: #deecf9;
    /* padding: 3px 6px; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: max-content;
    width: max-content;
    padding-left: 2px;
    padding-right: 2px;
}

.css-104[b-zlph8z2hib] {
    display: flex;
    flex-flow: column nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
    flex-grow: 1;
}

.tooltip-container[b-zlph8z2hib] {
    /*position: absolute;
        top: 27px;
        right: 15px;*/
    position: absolute;
    top: 17px;
    right: 7px;
    height: 22px;
    width: 22px;
    /*border: solid 1px blue;  */
}


.cellExclmIcon[b-zlph8z2hib] {
    /*color: red;*/
    float: right;
    padding: 2px;
}

.kdtooltip-content[b-zlph8z2hib] {
    font-size: 14px !important;
}

/* overwrite tooltip  rules of kendo telerik component
       (cf. https://docs.telerik.com/blazor-ui/knowledge-base/tooltip-custom-styles-background-color )
        Aim here: remmove transparency of black background.
     */
.k-tooltip[b-zlph8z2hib] {
    background-color: black;
}

div.k-tooltip .k-callout[b-zlph8z2hib] {
    color: black;
}
/* -- */

.form-control.formfields[b-zlph8z2hib] {
    width: 100%;
    /* padding: 12px 40px; */
    padding-right: 40px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.confidence-accepted[b-zlph8z2hib] {
    color: black;
}

.confidence-low[b-zlph8z2hib] {
    color: orange;
}

.bullet-red[b-zlph8z2hib] {
    color: red;
}

.bullet-green[b-zlph8z2hib] {
    color: green;
}

.cRed[b-zlph8z2hib] {
    border: 1px dashed red !important;
}

.cGreen[b-zlph8z2hib] {
    border: 1px dashed green !important;
}

.cOrange[b-zlph8z2hib] {
    border: 1px dashed #ffc107 !important;
}

.iGreen[b-zlph8z2hib] {
    color: green;
}

.iRed[b-zlph8z2hib] {
    color: red;
}

.iOrange[b-zlph8z2hib] {
    color: #ffc107;
}



/* ================ zone_table:begin =================== */

.tblFormReview[b-zlph8z2hib] {
    width: 100%;
    border-collapse: separate !important;
}

    .tblFormReview > th[b-zlph8z2hib],
    .tblFormReview > td[b-zlph8z2hib],
    .tblFormReview > p[b-zlph8z2hib],
    .tblFormReview > input[b-zlph8z2hib],
    .tblFormReview > h3[b-zlph8z2hib] {
        font: 15px 'Segoe UI';
    }

    .tblFormReview[b-zlph8z2hib],
    .tblFormReview > th[b-zlph8z2hib],
    .tblFormReview > td[b-zlph8z2hib] {
        border: solid 1px #ddd;
        /*border-collapse: collapse;*/
        padding: 2px 3px;
        text-align: center;
    }

        .tblFormReview > th[b-zlph8z2hib] {
            font-weight: bold;
        }

td:focus[b-zlph8z2hib] {
    border: 2px solid gray;
    background: white;
}

.table th[b-zlph8z2hib] {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table th[b-zlph8z2hib] {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

/*.table td, */
.table th[b-zlph8z2hib] {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.list-group .table th[b-zlph8z2hib],
.list-group .table td[b-zlph8z2hib] {
    padding: 0px !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 12px !important;
    line-height: initial !important;
}

.fixTableHead .theadclass th[b-zlph8z2hib] {
    position: sticky;
    top: 0;
}

.tblFormReview[b-zlph8z2hib] {
    border-collapse: collapse;
    width: 100%;
}

    .tblFormReview th[b-zlph8z2hib],
    .tblFormReview td[b-zlph8z2hib] {
        padding: 8px 15px;
        /*border: 2px solid #529432;*/
    }

.cDiv[b-zlph8z2hib] {
    height: 100% !important;
}

.formfields[b-zlph8z2hib] {
    height: inherit !important;
}

.tblFormReview tr[b-zlph8z2hib] {
    height: 1px !important;
}

.tableCell-Hover[b-zlph8z2hib] {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.tableCell-Hover-NonEdit[b-zlph8z2hib] {
    color: #495057 !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}


/* ================ zone_table:begin =================== */



/* ============ Btns top fields actions ======================= */
#FilterResetButton[b-zlph8z2hib] {
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: left !important;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}


#FieldResetButton[b-zlph8z2hib] {
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: left !important;
    margin-right: 10px;
    right: 20px;
    /* font-weight: bold;*/
    float: right !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: rgb(50, 49, 48) !important;
}

.btnRefresh:focus[b-zlph8z2hib] {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);
}

.btnClear:focus[b-zlph8z2hib] {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);
}

#dvlblFieldList[b-zlph8z2hib] {
    padding-top: 5px;
    text-align: left;
    padding-left: 18px;
    padding-bottom: 5px;
    /* width: 100%; */
    min-width: 50%;
    background-color: #eaeaea !important;
    font-weight: 600;
    font-size: 18px;
    color: rgb(50, 49, 48);
    margin-right: 0px;
}

/*New Switch*/
.custom-control-input:checked ~ .custom-control-label[b-zlph8z2hib]::before {
    background-color: #006bb4;
    border-color: #006bb4;
}

.custom-switch.custom-switch-lg[b-zlph8z2hib] {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
}

    .custom-switch.custom-switch-lg .custom-control-label[b-zlph8z2hib] {
        padding-left: 0.75rem;
        padding-top: 0.15rem;
    }

        .custom-switch.custom-switch-lg .custom-control-label[b-zlph8z2hib]::before {
            border-radius: 1rem;
            height: 1.5rem;
            width: 2.5rem;
        }

        .custom-switch.custom-switch-lg .custom-control-label[b-zlph8z2hib]::after {
            border-radius: 0.65rem;
            height: calc(1.5rem - 4px);
            width: calc(1.5rem - 4px);
        }

    .custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label[b-zlph8z2hib]::after {
        transform: translateX(1rem);
    }

.custom-switch.custom-switch-xl[b-zlph8z2hib] {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
}

    .custom-switch.custom-switch-xl .custom-control-label[b-zlph8z2hib] {
        padding-left: 1.5rem;
        padding-top: 0.5rem;
    }

        .custom-switch.custom-switch-xl .custom-control-label[b-zlph8z2hib]::before {
            border-radius: 1rem;
            height: 2rem;
            width: 3.5rem;
        }

        .custom-switch.custom-switch-xl .custom-control-label[b-zlph8z2hib]::after {
            border-radius: 2rem;
            height: calc(2rem - 4px);
            width: calc(2rem - 4px);
        }

    .custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label[b-zlph8z2hib]::after {
        transform: translateX(1.5rem);
    }


.custom-switch[b-zlph8z2hib] {
    float: right !important;
    margin-right: 10px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* ===============  iframe flex 100% height [BEG] ===============*/
/* (cf. https://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height )*/
/* body, html {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }*/

.row-container[b-zlph8z2hib] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    /*background-color: blue;*/ /*TOREMOVE: aim is to see when the iframe load => TODO: do a real loading animation spinner...*/
    overflow: hidden;
}

.first-row[b-zlph8z2hib] {
    background-color: lime;
}

.second-row[b-zlph8z2hib] {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0;
}

/* cf.https://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable#:~:text=You%20can%20attach%20an%20event,is%20in%20the%20contentEditable%20field. */
.content-editable-newline-issue *[b-zlph8z2hib] {
    display: inline !important
}

/* Because of using CSS isolation in the localpdf... (ie: css not in the razor file) if we put here this css will have the scope id
    isolation ex (<div .. b-lco4rdcs4q>  <-- this "b-lco4rdcs4q") and will be not applied becuase the BlazorComponentEditable does not manage/get this isolation scope id.
    cf. https://stackoverflow.com/questions/65057537/why-blazor-css-isolation-not-adding-the-link-tag-to-load-the-bundled-css-file
*/
/* https://stackoverflow.com/questions/5235142/how-do-i-disable-the-resizable-property-of-a-textarea */
/*
.edit-component {
    font-size: 20px !important;
    color: red !important;
    resize: none !important; 
}
*/

/* ===============  iframe flex 100% height [END] ===============*/

/* </style > */
/* /Pages/Invoices/FormReviewMessagePopup.razor.rz.scp.css */
.btn[b-d1g5obtc64] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /*margin-bottom: 5px !important;*/
}

#btnYes[b-d1g5obtc64] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}

#btnNo[b-d1g5obtc64] {
    border: 2px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

#btnOk[b-d1g5obtc64] {
    /*border: 2px solid #707070;*/
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

.btn-default:hover[b-d1g5obtc64] {
    background-color: #707070;
    color: white;
    border: 2px solid #707070 !important;
}

.btn-primary:hover[b-d1g5obtc64], .btn-primary:active[b-d1g5obtc64], .btn-primary:visited[b-d1g5obtc64] {
    background-color: #045a95 !important;
    border: 1px solid #045a95 !important;
}
/* /Pages/Invoices/InvoiceReview.razor.rz.scp.css */
/* <style > */
/* to see: rulles before in the style.css to Reset all margins and paddings && outline  for browsers */
*[b-5xb73pjcg5] {
    outline: none;
}
/* -- */

/* ========================= title_bar: begin  ===================================== */
li[b-5xb73pjcg5] {
    list-style-type: none;
}

.pager li[b-5xb73pjcg5] {
    display: inline;
}

.pager[b-5xb73pjcg5] {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.pager[b-5xb73pjcg5] {
    padding-left: 0;
    text-align: left;
    list-style: none;
    margin-left: 40px;
}

#btnSend[b-5xb73pjcg5] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}

#btnReject[b-5xb73pjcg5] {
    border: 2px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

.RecDelete[b-5xb73pjcg5] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
    background-color: transparent;
    border-color: #d9534f !important;
    border: 2px #d9534f solid;
    color: #d9534f !important;
}

.btn[b-5xb73pjcg5] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /* margin-bottom: 5px !important; */
}

#tblformRevTop[b-5xb73pjcg5] {
    width: 100% !important;
}

.pagerFormRevBtns[b-5xb73pjcg5] {
    border: none !important;
    padding: 0 !important;
    /*color: red !important;*/
}

.pagerFormRevBtnsIcons[b-5xb73pjcg5] {
    font-size: x-large;
}

.pagerFormRev[b-5xb73pjcg5] {
    display: inline-block;
    margin-left: 0px !important;
}

#btnPrevious.disabled[b-5xb73pjcg5], #btnNext.disabled[b-5xb73pjcg5] {
    color: grey !important;
}

#btnPrevious[b-5xb73pjcg5], #btnNext[b-5xb73pjcg5] {
    /*color: black !important;*/
    /*color: #045a95 !important;*/
    color: #006bb4 !important;
}

    #btnPrevious:hover[b-5xb73pjcg5], #btnNext:hover[b-5xb73pjcg5] {
        color: #045a95 !important;
        /*color: black !important;*/
    }

/*#tdfilename2.pager {
        margin-left: 0 !important;
    }

    #tdFormRevfilename {
        text-align: left;
    }

    #tdFormRevBtns {
        width: 204px;
        background-color: #00b0ff;
    }*/

/* --- Ellipsis test ---*/
.ben-wrapper[b-5xb73pjcg5] {
    display: flex;
    width: 100%;
}

.ben-fluid[b-5xb73pjcg5] {
    flex: 1 1 100%;
    min-width: 0;
}

.ben-fluid-content[b-5xb73pjcg5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ben-fluid-content-docname[b-5xb73pjcg5] {
    padding-top: 5px;
    padding-left: 5px;
    font-weight: 600;
}

.ben-static-content[b-5xb73pjcg5] {
    width: 200px;
}

.ben-static-content-nav-btns[b-5xb73pjcg5] {
    width: 56px;
}

.ben-static-content-okreject-btns[b-5xb73pjcg5] {
    width: 204px;
    margin-right: 10px;
    margin-right: 24px;
}

.ben-static-content-close-btn[b-5xb73pjcg5] {
    width: 0px;
}

.ben-close-btn[b-5xb73pjcg5] {
    color: black;
    margin-top: -30px !important;
    margin-right: -31px !important;
}

.ben-fluid-content-filter-docname[b-5xb73pjcg5] {
    /*padding-top: 5px;
        padding-left: 5px;
        font-weight: 600;*/
}

.ben-static-content-filter-closebtn[b-5xb73pjcg5] {
    width: 16px;
    padding-left: 5px;
    color: #b5b5b5;
    margin-top: 3px;
}

    .ben-static-content-filter-closebtn:hover[b-5xb73pjcg5] {
        color: #FFFFFF;
        cursor: pointer;
    }


/* not required styles */
.ben-wrapper[b-5xb73pjcg5] {
    /*border: 1px solid black;*/
}

.ben-fluid-content[b-5xb73pjcg5] {
    /*background-color: pink;*/
}

.ben-static-content[b-5xb73pjcg5] {
    /* background-color: yellow;*/
}

button.sym-nofocus-border:focus[b-5xb73pjcg5] {
    outline: 0px;
}

/* ========================= title_bar: end  ======================================*/

/* override the kendo splitter font whihc seems use 14px*/
.k-splitter[b-5xb73pjcg5] {
    font-size: 16px;
}
/*--*/

.fontuser[b-5xb73pjcg5] {
    position: relative;
}

    .fontuser i[b-5xb73pjcg5] { /* to see if needed to remove,it was for tooltips before fix blinking.*/
        position: absolute;
        right: 15px;
        top: 27px; /* top: 16px; */
    }

.label-result-text:hover[b-5xb73pjcg5] {
    background-color: #ddd;
}

.label-result-item .label-result-string[b-5xb73pjcg5] {
    padding: 4px 0;
    cursor: default;
    display: grid;
    grid-template-columns: 24px 1fr 48px;
    align-items: center;
}

/* page numbers */
.label-result-item .label-result-entry .label-result-page-number[b-5xb73pjcg5] {
    font-size: 12px;
    background-color: #deecf9;
    /* padding: 3px 6px; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: max-content;
    width: max-content;
    padding-left: 2px;
    padding-right: 2px;
}

.css-104[b-5xb73pjcg5] {
    display: flex;
    flex-flow: column nowrap;
    width: auto;
    height: auto;
    box-sizing: border-box;
    flex-grow: 1;
}

.tooltip-container[b-5xb73pjcg5] {
    /*position: absolute;
        top: 27px;
        right: 15px;*/
    position: absolute;
    top: 17px;
    right: 7px;
    height: 22px;
    width: 22px;
    /*border: solid 1px blue;  */
}


.cellExclmIcon[b-5xb73pjcg5] {
    /*color: red;*/
    float: right;
    padding: 2px;
}

.kdtooltip-content[b-5xb73pjcg5] {
    font-size: 14px !important;
}

/* overwrite tooltip  rules of kendo telerik component
       (cf. https://docs.telerik.com/blazor-ui/knowledge-base/tooltip-custom-styles-background-color )
        Aim here: remmove transparency of black background.
     */
.k-tooltip[b-5xb73pjcg5] {
    background-color: black;
}

div.k-tooltip .k-callout[b-5xb73pjcg5] {
    color: black;
}
/* -- */

.form-control.formfields[b-5xb73pjcg5] {
    width: 100%;
    /* padding: 12px 40px; */
    padding-right: 40px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.confidence-accepted[b-5xb73pjcg5] {
    color: black;
}

.confidence-low[b-5xb73pjcg5] {
    color: orange;
}

.bullet-red[b-5xb73pjcg5] {
    color: red;
}

.bullet-green[b-5xb73pjcg5] {
    color: green;
}

.cRed[b-5xb73pjcg5] {
    border: 1px dashed red !important;
}

.cGreen[b-5xb73pjcg5] {
    border: 1px dashed green !important;
}

.cOrange[b-5xb73pjcg5] {
    border: 1px dashed #ffc107 !important;
}

.iGreen[b-5xb73pjcg5] {
    color: green;
}

.iRed[b-5xb73pjcg5] {
    color: red;
}

.iOrange[b-5xb73pjcg5] {
    color: #ffc107;
}



/* ================ zone_table:begin =================== */

.tblFormReview[b-5xb73pjcg5] {
    width: 100%;
    border-collapse: separate !important;
}

    .tblFormReview > th[b-5xb73pjcg5],
    .tblFormReview > td[b-5xb73pjcg5],
    .tblFormReview > p[b-5xb73pjcg5],
    .tblFormReview > input[b-5xb73pjcg5],
    .tblFormReview > h3[b-5xb73pjcg5] {
        font: 15px 'Segoe UI';
    }

    .tblFormReview[b-5xb73pjcg5],
    .tblFormReview > th[b-5xb73pjcg5],
    .tblFormReview > td[b-5xb73pjcg5] {
        border: solid 1px #ddd;
        /*border-collapse: collapse;*/
        padding: 2px 3px;
        text-align: center;
    }

        .tblFormReview > th[b-5xb73pjcg5] {
            font-weight: bold;
        }

td:focus[b-5xb73pjcg5] {
    border: 2px solid gray;
    background: white;
}

.table th[b-5xb73pjcg5] {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table th[b-5xb73pjcg5] {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

/*.table td, */
.table th[b-5xb73pjcg5] {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.list-group .table th[b-5xb73pjcg5],
.list-group .table td[b-5xb73pjcg5] {
    padding: 0px !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 12px !important;
    line-height: initial !important;
}

.fixTableHead .theadclass th[b-5xb73pjcg5] {
    position: sticky;
    top: 0;
}

.tblFormReview[b-5xb73pjcg5] {
    border-collapse: collapse;
    width: 100%;
}

    .tblFormReview th[b-5xb73pjcg5],
    .tblFormReview td[b-5xb73pjcg5] {
        padding: 8px 15px;
        /*border: 2px solid #529432;*/
    }

.cDiv[b-5xb73pjcg5] {
    height: 100% !important;
}

.formfields[b-5xb73pjcg5] {
    height: inherit !important;
}

.tblFormReview tr[b-5xb73pjcg5] {
    height: 1px !important;
}

.tableCell-Hover[b-5xb73pjcg5] {
    background-color: #fff !important;
    /*color: #495057 !important;
    border-color: #80bdff !important;*/
    color: #495057 !important;
    border-color: #a964ee !important;
    outline: 0 !important;
    /*box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;*/
    box-shadow: 0 0 0 0.1rem rgb(169 100 238 / 60%) !important;
}

.tableCell-Hover-NonEdit[b-5xb73pjcg5] {
    /*color: #495057 !important;
    border-color: #80bdff !important;*/
    color: #495057 !important;
    border-color: #a964ee !important;
    outline: 0 !important;
    /*box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%) !important;*/
    box-shadow: 0 0 0 0.1rem rgb(169 100 238 / 60%) !important;
}


/* ================ zone_table:begin =================== */



/* ============ Btns top fields actions ======================= */
#FilterResetButton[b-5xb73pjcg5] {
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: left !important;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}


#FieldResetButton[b-5xb73pjcg5] {
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: left !important;
    margin-right: 10px;
    right: 20px;
    /* font-weight: bold;*/
    float: right !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: rgb(50, 49, 48) !important;
}

.btnRefresh:focus[b-5xb73pjcg5] {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);
}

.btnClear:focus[b-5xb73pjcg5] {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);
}

#dvlblFieldList[b-5xb73pjcg5] {
    padding-top: 5px;
    text-align: left;
    padding-left: 18px;
    padding-bottom: 5px;
    /* width: 100%; */
    min-width: 50%;
    background-color: #eaeaea !important;
    font-weight: 600;
    font-size: 18px;
    color: rgb(50, 49, 48);
    margin-right: 0px;
}

/*New Switch*/
.custom-control-input:checked ~ .custom-control-label[b-5xb73pjcg5]::before {
    background-color: #006bb4;
    border-color: #006bb4;
}

.custom-switch.custom-switch-lg[b-5xb73pjcg5] {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
}

    .custom-switch.custom-switch-lg .custom-control-label[b-5xb73pjcg5] {
        padding-left: 0.75rem;
        padding-top: 0.15rem;
    }

        .custom-switch.custom-switch-lg .custom-control-label[b-5xb73pjcg5]::before {
            border-radius: 1rem;
            height: 1.5rem;
            width: 2.5rem;
        }

        .custom-switch.custom-switch-lg .custom-control-label[b-5xb73pjcg5]::after {
            border-radius: 0.65rem;
            height: calc(1.5rem - 4px);
            width: calc(1.5rem - 4px);
        }

    .custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label[b-5xb73pjcg5]::after {
        transform: translateX(1rem);
    }

.custom-switch.custom-switch-xl[b-5xb73pjcg5] {
    padding-bottom: 1rem;
    padding-left: 2.25rem;
}

    .custom-switch.custom-switch-xl .custom-control-label[b-5xb73pjcg5] {
        padding-left: 1.5rem;
        padding-top: 0.5rem;
    }

        .custom-switch.custom-switch-xl .custom-control-label[b-5xb73pjcg5]::before {
            border-radius: 1rem;
            height: 2rem;
            width: 3.5rem;
        }

        .custom-switch.custom-switch-xl .custom-control-label[b-5xb73pjcg5]::after {
            border-radius: 2rem;
            height: calc(2rem - 4px);
            width: calc(2rem - 4px);
        }

    .custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label[b-5xb73pjcg5]::after {
        transform: translateX(1.5rem);
    }


.custom-switch[b-5xb73pjcg5] {
    float: right !important;
    margin-right: 10px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* ===============  iframe flex 100% height [BEG] ===============*/
/* (cf. https://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height )*/
/* body, html {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }*/

.row-container[b-5xb73pjcg5] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    /*background-color: blue;*/ /*TOREMOVE: aim is to see when the iframe load => TODO: do a real loading animation spinner...*/
    overflow: hidden;
}

.first-row[b-5xb73pjcg5] {
    background-color: lime;
}

.second-row[b-5xb73pjcg5] {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0;
}

/* cf.https://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable#:~:text=You%20can%20attach%20an%20event,is%20in%20the%20contentEditable%20field. */
.content-editable-newline-issue *[b-5xb73pjcg5] {
    display: inline !important
}

/* Because of using CSS isolation in the localpdf... (ie: css not in the razor file) if we put here this css will have the scope id
    isolation ex (<div .. b-lco4rdcs4q>  <-- this "b-lco4rdcs4q") and will be not applied becuase the BlazorComponentEditable does not manage/get this isolation scope id.
    cf. https://stackoverflow.com/questions/65057537/why-blazor-css-isolation-not-adding-the-link-tag-to-load-the-bundled-css-file
*/
/* https://stackoverflow.com/questions/5235142/how-do-i-disable-the-resizable-property-of-a-textarea */

/* ===============  iframe flex 100% height [END] ===============*/

/* </style > */


/* ===============  Target/source value field matching [BEG] ===============*/
/*.field-targetvalue-match {
    color: black !important;
}*/

.field-targetvalue-notmatch[b-5xb73pjcg5] {
    color: red !important;
}
/* ===============  Target/source value field matching [END] ===============*/


/* */
.total-invoiced-amount-matching-failed[b-5xb73pjcg5] {
    color: red !important;
}

.inv-info-cell-error[b-5xb73pjcg5], .inv-info-cell-error:hover[b-5xb73pjcg5], .inv-info-cell-error:focus[b-5xb73pjcg5] {
    /* border: 1px solid red !important; */
    background-color: #ff00002b !important;
    color: red !important;
}

.total-subtotal-taxes-not-match[b-5xb73pjcg5] {
    color: red !important;
}


.rotate[b-5xb73pjcg5] {
    animation: rotation-b-5xb73pjcg5 infinite 500ms linear;
}

@keyframes rotation-b-5xb73pjcg5 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.cip-nowrap[b-5xb73pjcg5] {
    white-space: nowrap;
}

.infoblock-subtitle-ref[b-5xb73pjcg5] {
    font-weight: 600;
    color: var(--cip-color-blue-title-block, #0067af) !important;
}
/* /Pages/Invoices/InvoiceReviewIntegrationWarningView.razor.rz.scp.css */
.btn[b-zv76ihn6ik] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /*margin-bottom: 5px !important;*/
}

#btnYes[b-zv76ihn6ik] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}

#btnNo[b-zv76ihn6ik] {
    border: 2px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

#btnOk[b-zv76ihn6ik] {
    /*border: 2px solid #707070;*/
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

.btn-default:hover[b-zv76ihn6ik] {
    background-color: #707070;
    color: white;
    border: 2px solid #707070 !important;
}

.btn-primary:hover[b-zv76ihn6ik], .btn-primary:active[b-zv76ihn6ik], .btn-primary:visited[b-zv76ihn6ik] {
    background-color: #045a95 !important;
    border: 1px solid #045a95 !important;
}

.mheader[b-zv76ihn6ik] {
    padding: 0 0 0.5rem 0 !important;
}

.mbody[b-zv76ihn6ik] {
    padding: 0.7rem 0rem !important;
}

.mfooter[b-zv76ihn6ik] {
    padding: initial !important;
}
/* /Pages/Invoices/POSAAItemList.razor.rz.scp.css */
.cursor-pointer[b-reeznbzgw1] {
    cursor: pointer;
}

.container-saaitem-row[b-reeznbzgw1] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.container-saaitem-col[b-reeznbzgw1] {
    /* TODO:TOSEE if needed*/
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.container-saaitem-row > .div-saaitem-table[b-reeznbzgw1],
.container-saaitem-col > .div-saaitem-table[b-reeznbzgw1] {
    border: none !important;
}

.container-saaitem-row > .div-saaitem-table[b-reeznbzgw1] {
    width: 315px;
}

.container-saaitem-col > .div-saaitem-table[b-reeznbzgw1] {
    width: 400px;
}

/* ::deep is necessary because the div-saaitem-table is in isolation css mode and have the attribute isolation 
    then if we need that these twho rule below applied to ".div-saaitem-table" is running well we need this tip.
*/
[b-reeznbzgw1] .div-saaitem-table .k-table-thead {
    background-color: white !important;
}

[b-reeznbzgw1] .div-saaitem-table .saaItemHeader {
    background-color: #247dc173 !important;
}

[b-reeznbzgw1] .no-toolbar .k-grid-toolbar {
    display: none !important;
} 
/* /Pages/Invoices/SAAItemList.razor.rz.scp.css */
.cursor-pointer[b-yiph8vhq9s] {
    cursor: pointer;
}

.container-saaitem-row[b-yiph8vhq9s] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.container-saaitem-col[b-yiph8vhq9s] {
    /* TODO:TOSEE if needed*/
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.container-saaitem-row > .div-saaitem-table[b-yiph8vhq9s],
.container-saaitem-col > .div-saaitem-table[b-yiph8vhq9s] {
    border: none !important;
}

.container-saaitem-row > .div-saaitem-table[b-yiph8vhq9s] {
    width: 315px;
}

.container-saaitem-col > .div-saaitem-table[b-yiph8vhq9s] {
    width: 500px;
}

/* ::deep is necessary because the div-saaitem-table is in isolation css mode and have the attribute isolation 
    then if we need that these twho rule below applied to ".div-saaitem-table" is running well we need this tip.
*/
[b-yiph8vhq9s] .div-saaitem-table .k-table-thead {
    background-color: white !important;
}

[b-yiph8vhq9s] .div-saaitem-table .saaItemHeader {
    background-color: #247dc173 !important;
}

[b-yiph8vhq9s] .no-toolbar .k-grid-toolbar {
    display: none !important;
} 
/* /Pages/MailEntries/MailEntryAvatar.razor.rz.scp.css */
.avatar-w32[b-c733hzgqiw] {
    width: 32px !important;
    height: 32px !important;
}

.avatar-f9ebea[b-c733hzgqiw] {
    background-color: #f9ebea;
    color: #000000;
}

.avatar-f2d7d5[b-c733hzgqiw] {
    background-color: #f2d7d5;
    color: #000000;
}

.avatar-e6b0aa[b-c733hzgqiw] {
    background-color: #e6b0aa;
    color: #000000;
}

.avatar-d98880[b-c733hzgqiw] {
    background-color: #d98880;
    color: #000000;
}

.avatar-cd6155[b-c733hzgqiw] {
    background-color: #cd6155;
    color: #ffffff;
}

.avatar-c0392b[b-c733hzgqiw] {
    background-color: #c0392b;
    color: #ffffff;
}

.avatar-a93226[b-c733hzgqiw] {
    background-color: #a93226;
    color: #ffffff;
}

.avatar-922b21[b-c733hzgqiw] {
    background-color: #922b21;
    color: #ffffff;
}

.avatar-7b241c[b-c733hzgqiw] {
    background-color: #7b241c;
    color: #ffffff;
}

.avatar-641e16[b-c733hzgqiw] {
    background-color: #641e16;
    color: #ffffff;
}

.avatar-fdedec[b-c733hzgqiw] {
    background-color: #fdedec;
    color: #000000;
}

.avatar-fadbd8[b-c733hzgqiw] {
    background-color: #fadbd8;
    color: #000000;
}

.avatar-f5b7b1[b-c733hzgqiw] {
    background-color: #f5b7b1;
    color: #000000;
}

.avatar-f1948a[b-c733hzgqiw] {
    background-color: #f1948a;
    color: #000000;
}

.avatar-ec7063[b-c733hzgqiw] {
    background-color: #ec7063;
    color: #ffffff;
}

.avatar-e74c3c[b-c733hzgqiw] {
    background-color: #e74c3c;
    color: #ffffff;
}

.avatar-cb4335[b-c733hzgqiw] {
    background-color: #cb4335;
    color: #ffffff;
}

.avatar-b03a2e[b-c733hzgqiw] {
    background-color: #b03a2e;
    color: #ffffff;
}

.avatar-943126[b-c733hzgqiw] {
    background-color: #943126;
    color: #ffffff;
}

.avatar-78281f[b-c733hzgqiw] {
    background-color: #78281f;
    color: #ffffff;
}

.avatar-f5eef8[b-c733hzgqiw] {
    background-color: #f5eef8;
    color: #000000;
}

.avatar-ebdef0[b-c733hzgqiw] {
    background-color: #ebdef0;
    color: #000000;
}

.avatar-d7bde2[b-c733hzgqiw] {
    background-color: #d7bde2;
    color: #000000;
}

.avatar-c39bd3[b-c733hzgqiw] {
    background-color: #c39bd3;
    color: #000000;
}

.avatar-af7ac5[b-c733hzgqiw] {
    background-color: #af7ac5;
    color: #ffffff;
}

.avatar-9b59b6[b-c733hzgqiw] {
    background-color: #9b59b6;
    color: #ffffff;
}

.avatar-884ea0[b-c733hzgqiw] {
    background-color: #884ea0;
    color: #ffffff;
}

.avatar-76448a[b-c733hzgqiw] {
    background-color: #76448a;
    color: #ffffff;
}

.avatar-633974[b-c733hzgqiw] {
    background-color: #633974;
    color: #ffffff;
}

.avatar-512e5f[b-c733hzgqiw] {
    background-color: #512e5f;
    color: #ffffff;
}

.avatar-f4ecf7[b-c733hzgqiw] {
    background-color: #f4ecf7;
    color: #000000;
}

.avatar-e8daef[b-c733hzgqiw] {
    background-color: #e8daef;
    color: #000000;
}

.avatar-d2b4de[b-c733hzgqiw] {
    background-color: #d2b4de;
    color: #000000;
}

.avatar-bb8fce[b-c733hzgqiw] {
    background-color: #bb8fce;
    color: #000000;
}

.avatar-a569bd[b-c733hzgqiw] {
    background-color: #a569bd;
    color: #ffffff;
}

.avatar-8e44ad[b-c733hzgqiw] {
    background-color: #8e44ad;
    color: #ffffff;
}

.avatar-7d3c98[b-c733hzgqiw] {
    background-color: #7d3c98;
    color: #ffffff;
}

.avatar-6c3483[b-c733hzgqiw] {
    background-color: #6c3483;
    color: #ffffff;
}

.avatar-5b2c6f[b-c733hzgqiw] {
    background-color: #5b2c6f;
    color: #ffffff;
}

.avatar-4a235a[b-c733hzgqiw] {
    background-color: #4a235a;
    color: #ffffff;
}

.avatar-eaf2f8[b-c733hzgqiw] {
    background-color: #eaf2f8;
    color: #000000;
}

.avatar-d4e6f1[b-c733hzgqiw] {
    background-color: #d4e6f1;
    color: #000000;
}

.avatar-a9cce3[b-c733hzgqiw] {
    background-color: #a9cce3;
    color: #000000;
}

.avatar-7fb3d5[b-c733hzgqiw] {
    background-color: #7fb3d5;
    color: #000000;
}

.avatar-5499c7[b-c733hzgqiw] {
    background-color: #5499c7;
    color: #ffffff;
}

.avatar-2980b9[b-c733hzgqiw] {
    background-color: #2980b9;
    color: #ffffff;
}

.avatar-2471a3[b-c733hzgqiw] {
    background-color: #2471a3;
    color: #ffffff;
}

.avatar-1f618d[b-c733hzgqiw] {
    background-color: #1f618d;
    color: #ffffff;
}

.avatar-1a5276[b-c733hzgqiw] {
    background-color: #1a5276;
    color: #ffffff;
}

.avatar-154360[b-c733hzgqiw] {
    background-color: #154360;
    color: #ffffff;
}

.avatar-ebf5fb[b-c733hzgqiw] {
    background-color: #ebf5fb;
    color: #000000;
}

.avatar-d6eaf8[b-c733hzgqiw] {
    background-color: #d6eaf8;
    color: #000000;
}

.avatar-aed6f1[b-c733hzgqiw] {
    background-color: #aed6f1;
    color: #000000;
}

.avatar-85c1e9[b-c733hzgqiw] {
    background-color: #85c1e9;
    color: #000000;
}

.avatar-5dade2[b-c733hzgqiw] {
    background-color: #5dade2;
    color: #000000;
}

.avatar-3498db[b-c733hzgqiw] {
    background-color: #3498db;
    color: #ffffff;
}

.avatar-2e86c1[b-c733hzgqiw] {
    background-color: #2e86c1;
    color: #ffffff;
}

.avatar-2874a6[b-c733hzgqiw] {
    background-color: #2874a6;
    color: #ffffff;
}

.avatar-21618c[b-c733hzgqiw] {
    background-color: #21618c;
    color: #ffffff;
}

.avatar-1b4f72[b-c733hzgqiw] {
    background-color: #1b4f72;
    color: #ffffff;
}

.avatar-e8f8f5[b-c733hzgqiw] {
    background-color: #e8f8f5;
    color: #000000;
}

.avatar-d1f2eb[b-c733hzgqiw] {
    background-color: #d1f2eb;
    color: #000000;
}

.avatar-a3e4d7[b-c733hzgqiw] {
    background-color: #a3e4d7;
    color: #000000;
}

.avatar-76d7c4[b-c733hzgqiw] {
    background-color: #76d7c4;
    color: #000000;
}

.avatar-48c9b0[b-c733hzgqiw] {
    background-color: #48c9b0;
    color: #000000;
}

.avatar-1abc9c[b-c733hzgqiw] {
    background-color: #1abc9c;
    color: #ffffff;
}

.avatar-17a589[b-c733hzgqiw] {
    background-color: #17a589;
    color: #ffffff;
}

.avatar-148f77[b-c733hzgqiw] {
    background-color: #148f77;
    color: #ffffff;
}

.avatar-117864[b-c733hzgqiw] {
    background-color: #117864;
    color: #ffffff;
}

.avatar-0e6251[b-c733hzgqiw] {
    background-color: #0e6251;
    color: #ffffff;
}

.avatar-e8f6f3[b-c733hzgqiw] {
    background-color: #e8f6f3;
    color: #000000;
}

.avatar-d0ece7[b-c733hzgqiw] {
    background-color: #d0ece7;
    color: #000000;
}

.avatar-a2d9ce[b-c733hzgqiw] {
    background-color: #a2d9ce;
    color: #000000;
}

.avatar-73c6b6[b-c733hzgqiw] {
    background-color: #73c6b6;
    color: #000000;
}

.avatar-45b39d[b-c733hzgqiw] {
    background-color: #45b39d;
    color: #ffffff;
}

.avatar-16a085[b-c733hzgqiw] {
    background-color: #16a085;
    color: #ffffff;
}

.avatar-138d75[b-c733hzgqiw] {
    background-color: #138d75;
    color: #ffffff;
}

.avatar-117a65[b-c733hzgqiw] {
    background-color: #117a65;
    color: #ffffff;
}

.avatar-0e6655[b-c733hzgqiw] {
    background-color: #0e6655;
    color: #ffffff;
}

.avatar-0b5345[b-c733hzgqiw] {
    background-color: #0b5345;
    color: #ffffff;
}

.avatar-e9f7ef[b-c733hzgqiw] {
    background-color: #e9f7ef;
    color: #000000;
}

.avatar-d4efdf[b-c733hzgqiw] {
    background-color: #d4efdf;
    color: #000000;
}

.avatar-a9dfbf[b-c733hzgqiw] {
    background-color: #a9dfbf;
    color: #000000;
}

.avatar-7dcea0[b-c733hzgqiw] {
    background-color: #7dcea0;
    color: #000000;
}

.avatar-52be80[b-c733hzgqiw] {
    background-color: #52be80;
    color: #ffffff;
}

.avatar-27ae60[b-c733hzgqiw] {
    background-color: #27ae60;
    color: #ffffff;
}

.avatar-229954[b-c733hzgqiw] {
    background-color: #229954;
    color: #ffffff;
}

.avatar-1e8449[b-c733hzgqiw] {
    background-color: #1e8449;
    color: #ffffff;
}

.avatar-196f3d[b-c733hzgqiw] {
    background-color: #196f3d;
    color: #ffffff;
}

.avatar-145a32[b-c733hzgqiw] {
    background-color: #145a32;
    color: #ffffff;
}

.avatar-eafaf1[b-c733hzgqiw] {
    background-color: #eafaf1;
    color: #000000;
}

.avatar-d5f5e3[b-c733hzgqiw] {
    background-color: #d5f5e3;
    color: #000000;
}

.avatar-abebc6[b-c733hzgqiw] {
    background-color: #abebc6;
    color: #000000;
}

.avatar-82e0aa[b-c733hzgqiw] {
    background-color: #82e0aa;
    color: #000000;
}

.avatar-58d68d[b-c733hzgqiw] {
    background-color: #58d68d;
    color: #000000;
}

.avatar-2ecc71[b-c733hzgqiw] {
    background-color: #2ecc71;
    color: #000000;
}

.avatar-28b463[b-c733hzgqiw] {
    background-color: #28b463;
    color: #ffffff;
}

.avatar-239b56[b-c733hzgqiw] {
    background-color: #239b56;
    color: #ffffff;
}

.avatar-1d8348[b-c733hzgqiw] {
    background-color: #1d8348;
    color: #ffffff;
}

.avatar-186a3b[b-c733hzgqiw] {
    background-color: #186a3b;
    color: #ffffff;
}

.avatar-fef9e7[b-c733hzgqiw] {
    background-color: #fef9e7;
    color: #000000;
}

.avatar-fcf3cf[b-c733hzgqiw] {
    background-color: #fcf3cf;
    color: #000000;
}

.avatar-f9e79f[b-c733hzgqiw] {
    background-color: #f9e79f;
    color: #000000;
}

.avatar-f7dc6f[b-c733hzgqiw] {
    background-color: #f7dc6f;
    color: #000000;
}

.avatar-f4d03f[b-c733hzgqiw] {
    background-color: #f4d03f;
    color: #000000;
}

.avatar-f1c40f[b-c733hzgqiw] {
    background-color: #f1c40f;
    color: #000000;
}

.avatar-d4ac0d[b-c733hzgqiw] {
    background-color: #d4ac0d;
    color: #000000;
}

.avatar-b7950b[b-c733hzgqiw] {
    background-color: #b7950b;
    color: #ffffff;
}

.avatar-9a7d0a[b-c733hzgqiw] {
    background-color: #9a7d0a;
    color: #ffffff;
}

.avatar-7d6608[b-c733hzgqiw] {
    background-color: #7d6608;
    color: #ffffff;
}

.avatar-fef5e7[b-c733hzgqiw] {
    background-color: #fef5e7;
    color: #000000;
}

.avatar-fdebd0[b-c733hzgqiw] {
    background-color: #fdebd0;
    color: #000000;
}

.avatar-fad7a0[b-c733hzgqiw] {
    background-color: #fad7a0;
    color: #000000;
}

.avatar-f8c471[b-c733hzgqiw] {
    background-color: #f8c471;
    color: #000000;
}

.avatar-f5b041[b-c733hzgqiw] {
    background-color: #f5b041;
    color: #000000;
}

.avatar-f39c12[b-c733hzgqiw] {
    background-color: #f39c12;
    color: #000000;
}

.avatar-d68910[b-c733hzgqiw] {
    background-color: #d68910;
    color: #ffffff;
}

.avatar-b9770e[b-c733hzgqiw] {
    background-color: #b9770e;
    color: #ffffff;
}

.avatar-9c640c[b-c733hzgqiw] {
    background-color: #9c640c;
    color: #ffffff;
}

.avatar-7e5109[b-c733hzgqiw] {
    background-color: #7e5109;
    color: #ffffff;
}

.avatar-fdf2e9[b-c733hzgqiw] {
    background-color: #fdf2e9;
    color: #000000;
}

.avatar-fae5d3[b-c733hzgqiw] {
    background-color: #fae5d3;
    color: #000000;
}

.avatar-f5cba7[b-c733hzgqiw] {
    background-color: #f5cba7;
    color: #000000;
}

.avatar-f0b27a[b-c733hzgqiw] {
    background-color: #f0b27a;
    color: #000000;
}

.avatar-eb984e[b-c733hzgqiw] {
    background-color: #eb984e;
    color: #000000;
}

.avatar-e67e22[b-c733hzgqiw] {
    background-color: #e67e22;
    color: #ffffff;
}

.avatar-ca6f1e[b-c733hzgqiw] {
    background-color: #ca6f1e;
    color: #ffffff;
}

.avatar-af601a[b-c733hzgqiw] {
    background-color: #af601a;
    color: #ffffff;
}

.avatar-935116[b-c733hzgqiw] {
    background-color: #935116;
    color: #ffffff;
}

.avatar-784212[b-c733hzgqiw] {
    background-color: #784212;
    color: #ffffff;
}

.avatar-fbeee6[b-c733hzgqiw] {
    background-color: #fbeee6;
    color: #000000;
}

.avatar-f6ddcc[b-c733hzgqiw] {
    background-color: #f6ddcc;
    color: #000000;
}

.avatar-edbb99[b-c733hzgqiw] {
    background-color: #edbb99;
    color: #000000;
}

.avatar-e59866[b-c733hzgqiw] {
    background-color: #e59866;
    color: #000000;
}

.avatar-dc7633[b-c733hzgqiw] {
    background-color: #dc7633;
    color: #ffffff;
}

.avatar-d35400[b-c733hzgqiw] {
    background-color: #d35400;
    color: #ffffff;
}

.avatar-ba4a00[b-c733hzgqiw] {
    background-color: #ba4a00;
    color: #ffffff;
}

.avatar-a04000[b-c733hzgqiw] {
    background-color: #a04000;
    color: #ffffff;
}

.avatar-873600[b-c733hzgqiw] {
    background-color: #873600;
    color: #ffffff;
}

.avatar-6e2c00[b-c733hzgqiw] {
    background-color: #6e2c00;
    color: #ffffff;
}

.avatar-fdfefe[b-c733hzgqiw] {
    background-color: #fdfefe;
    color: #000000;
}

.avatar-fbfcfc[b-c733hzgqiw] {
    background-color: #fbfcfc;
    color: #000000;
}

.avatar-f7f9f9[b-c733hzgqiw] {
    background-color: #f7f9f9;
    color: #000000;
}

.avatar-f4f6f7[b-c733hzgqiw] {
    background-color: #f4f6f7;
    color: #000000;
}

.avatar-f0f3f4[b-c733hzgqiw] {
    background-color: #f0f3f4;
    color: #000000;
}

.avatar-ecf0f1[b-c733hzgqiw] {
    background-color: #ecf0f1;
    color: #000000;
}

.avatar-d0d3d4[b-c733hzgqiw] {
    background-color: #d0d3d4;
    color: #000000;
}

.avatar-b3b6b7[b-c733hzgqiw] {
    background-color: #b3b6b7;
    color: #000000;
}

.avatar-979a9a[b-c733hzgqiw] {
    background-color: #979a9a;
    color: #ffffff;
}

.avatar-7b7d7d[b-c733hzgqiw] {
    background-color: #7b7d7d;
    color: #ffffff;
}

.avatar-f8f9f9[b-c733hzgqiw] {
    background-color: #f8f9f9;
    color: #000000;
}

.avatar-f2f3f4[b-c733hzgqiw] {
    background-color: #f2f3f4;
    color: #000000;
}

.avatar-e5e7e9[b-c733hzgqiw] {
    background-color: #e5e7e9;
    color: #000000;
}

.avatar-d7dbdd[b-c733hzgqiw] {
    background-color: #d7dbdd;
    color: #000000;
}

.avatar-cacfd2[b-c733hzgqiw] {
    background-color: #cacfd2;
    color: #000000;
}

.avatar-bdc3c7[b-c733hzgqiw] {
    background-color: #bdc3c7;
    color: #000000;
}

.avatar-a6acaf[b-c733hzgqiw] {
    background-color: #a6acaf;
    color: #000000;
}

.avatar-909497[b-c733hzgqiw] {
    background-color: #909497;
    color: #ffffff;
}

.avatar-797d7f[b-c733hzgqiw] {
    background-color: #797d7f;
    color: #ffffff;
}

.avatar-626567[b-c733hzgqiw] {
    background-color: #626567;
    color: #ffffff;
}

.avatar-f4f6f6[b-c733hzgqiw] {
    background-color: #f4f6f6;
    color: #000000;
}

.avatar-eaeded[b-c733hzgqiw] {
    background-color: #eaeded;
    color: #000000;
}

.avatar-d5dbdb[b-c733hzgqiw] {
    background-color: #d5dbdb;
    color: #000000;
}

.avatar-bfc9ca[b-c733hzgqiw] {
    background-color: #bfc9ca;
    color: #000000;
}

.avatar-aab7b8[b-c733hzgqiw] {
    background-color: #aab7b8;
    color: #000000;
}

.avatar-95a5a6[b-c733hzgqiw] {
    background-color: #95a5a6;
    color: #000000;
}

.avatar-839192[b-c733hzgqiw] {
    background-color: #839192;
    color: #ffffff;
}

.avatar-717d7e[b-c733hzgqiw] {
    background-color: #717d7e;
    color: #ffffff;
}

.avatar-5f6a6a[b-c733hzgqiw] {
    background-color: #5f6a6a;
    color: #ffffff;
}

.avatar-4d5656[b-c733hzgqiw] {
    background-color: #4d5656;
    color: #ffffff;
}

.avatar-f2f4f4[b-c733hzgqiw] {
    background-color: #f2f4f4;
    color: #000000;
}

.avatar-e5e8e8[b-c733hzgqiw] {
    background-color: #e5e8e8;
    color: #000000;
}

.avatar-ccd1d1[b-c733hzgqiw] {
    background-color: #ccd1d1;
    color: #000000;
}

.avatar-b2babb[b-c733hzgqiw] {
    background-color: #b2babb;
    color: #000000;
}

.avatar-99a3a4[b-c733hzgqiw] {
    background-color: #99a3a4;
    color: #000000;
}

.avatar-7f8c8d[b-c733hzgqiw] {
    background-color: #7f8c8d;
    color: #ffffff;
}

.avatar-707b7c[b-c733hzgqiw] {
    background-color: #707b7c;
    color: #ffffff;
}

.avatar-616a6b[b-c733hzgqiw] {
    background-color: #616a6b;
    color: #ffffff;
}

.avatar-515a5a[b-c733hzgqiw] {
    background-color: #515a5a;
    color: #ffffff;
}

.avatar-424949[b-c733hzgqiw] {
    background-color: #424949;
    color: #ffffff;
}

.avatar-ebedef[b-c733hzgqiw] {
    background-color: #ebedef;
    color: #000000;
}

.avatar-d6dbdf[b-c733hzgqiw] {
    background-color: #d6dbdf;
    color: #000000;
}

.avatar-aeb6bf[b-c733hzgqiw] {
    background-color: #aeb6bf;
    color: #000000;
}

.avatar-85929e[b-c733hzgqiw] {
    background-color: #85929e;
    color: #ffffff;
}

.avatar-5d6d7e[b-c733hzgqiw] {
    background-color: #5d6d7e;
    color: #ffffff;
}

.avatar-34495e[b-c733hzgqiw] {
    background-color: #34495e;
    color: #ffffff;
}

.avatar-2e4053[b-c733hzgqiw] {
    background-color: #2e4053;
    color: #ffffff;
}

.avatar-283747[b-c733hzgqiw] {
    background-color: #283747;
    color: #ffffff;
}

.avatar-212f3c[b-c733hzgqiw] {
    background-color: #212f3c;
    color: #ffffff;
}

.avatar-1b2631[b-c733hzgqiw] {
    background-color: #1b2631;
    color: #ffffff;
}

.avatar-eaecee[b-c733hzgqiw] {
    background-color: #eaecee;
    color: #000000;
}

.avatar-d5d8dc[b-c733hzgqiw] {
    background-color: #d5d8dc;
    color: #000000;
}

.avatar-abb2b9[b-c733hzgqiw] {
    background-color: #abb2b9;
    color: #000000;
}

.avatar-808b96[b-c733hzgqiw] {
    background-color: #808b96;
    color: #ffffff;
}

.avatar-566573[b-c733hzgqiw] {
    background-color: #566573;
    color: #ffffff;
}

.avatar-2c3e50[b-c733hzgqiw] {
    background-color: #2c3e50;
    color: #ffffff;
}

.avatar-273746[b-c733hzgqiw] {
    background-color: #273746;
    color: #ffffff;
}

.avatar-212f3d[b-c733hzgqiw] {
    background-color: #212f3d;
    color: #ffffff;
}

.avatar-1c2833[b-c733hzgqiw] {
    background-color: #1c2833;
    color: #ffffff;
}

.avatar-17202a[b-c733hzgqiw] {
    background-color: #17202a;
    color: #ffffff;
}
/* /Shared/DisplayConfirmationMessagePopup.razor.rz.scp.css */
.btn[b-wanouy8vnx] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    /*margin-bottom: 5px !important;*/
}

#btnYes[b-wanouy8vnx] {
    border-radius: 20px;
    opacity: 1;
    /* font: 16px OpenSans-Bold; */
    float: right;
    margin-right: 10px;
    right: 20px;
    font-weight: bold;
}

#btnNo[b-wanouy8vnx] {
    border: 2px solid #707070;
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

#btnOk[b-wanouy8vnx] {
    /*border: 2px solid #707070;*/
    border-radius: 20px;
    opacity: 1;
    /*font: 16px OpenSans-Bold;*/
    float: right !important;
    margin-right: 4px !important;
    font-weight: bold;
}

.btn-default:hover[b-wanouy8vnx] {
    background-color: #707070;
    color: white;
    border: 2px solid #707070 !important;
}

.btn-primary:hover[b-wanouy8vnx], .btn-primary:active[b-wanouy8vnx], .btn-primary:visited[b-wanouy8vnx] {
    background-color: #045a95 !important;
    border: 1px solid #045a95 !important;
}

.mheader[b-wanouy8vnx] {
    padding: 0 0 0.5rem 0 !important;
}

.mbody[b-wanouy8vnx] {
    padding: 0.7rem 0rem !important;
}

.mfooter[b-wanouy8vnx] {
    padding: initial !important;
}