html.RadForm_BlackMetroTouch.rfdZone,
html.RadForm_Metro {
    background-color: #343434;
}

    html.RadForm_BlackMetroTouch body.bg-white,
    html.RadForm_Metro body.bg-white {
        background-color: #343434 !important;
    }

/* Checkbox & Radio button start */

#cm-bizpro-wrapper input[type="checkbox"],
#cm-bizpro-wrapper input[type="radio"] {
    display: none;
}

    #cm-bizpro-wrapper input[type="checkbox"] + label,
    #cm-bizpro-wrapper input[type="radio"] + label {
        display: flex;
        align-items: center;
        gap: .25rem;
        margin-right: 0.5rem;
        cursor: pointer;
    }

    #cm-bizpro-wrapper input[type="checkbox"][disabled="disabled"] + label,
    #cm-bizpro-wrapper input[type="radio"][disabled="disabled"] + label {
        cursor: auto;
    }

        #cm-bizpro-wrapper input[type="checkbox"][disabled="disabled"] + label::before,
        #cm-bizpro-wrapper input[type="radio"][disabled="disabled"] + label::before {
            opacity: 0.5;
        }

#ctl00_ctl00_MainBody_plannerAdminBody_recTaskCntrl_panelExceptions, #panelExceptions, #ctl00_ctl00_MainBody_formsMgmtBody_dockWiz_C_frmWizUserCntl_panelTimeToComplete,
#ctl00_ctl00_MainBody_plannerBody_recTaskCntrl_panelExceptions, #ctl00_ctl00_MainBody_plannerAdminBody_chkBoxDefOverdue1,
#ctl00_ctl00_MainBody_plannerAdminBody_chkBoxDefOverdue2, #ctl00_ctl00_MainBody_plannerAdminBody_chkBoxDefOverdue3,
#ctl00_ctl00_MainBody_plannerAdminBody_chkBoxDefOverdue4, #ctl00_ctl00_MainBody_plannerAdminBody_chkBoxDefOverdueCons,
#ctl00_ctl00_MainBody_plannerAdminBody_chkBoxTempOverdue1, #ctl00_ctl00_MainBody_plannerAdminBody_chkBoxTempOverdue2,
#ctl00_ctl00_MainBody_plannerAdminBody_chkBoxTempOverdue3, #ctl00_ctl00_MainBody_plannerAdminBody_chkBoxTempOverdue4,
#ctl00_ctl00_MainBody_plannerAdminBody_chkBoxTempOverdueCons, #selectFrequencyPriority {
    display: flex;
    align-items: center;
    gap: .25rem;
}

    #ctl00_ctl00_MainBody_plannerAdminBody_recTaskCntrl_panelExceptions label {
        margin: 0 !important;
    }

#cm-bizpro-wrapper input[type="checkbox"] + label::before,
#cm-bizpro-wrapper input[type="radio"] + label::before {
    font-family: bootstrap-icons !important;
    color: var(--color-action);
}

#cm-bizpro-wrapper input[type="checkbox"] + label::before {
    content: "\F584";
}

#cm-bizpro-wrapper input[type="radio"] + label::before {
    content: "\F28A";
}

#cm-bizpro-wrapper input[type="checkbox"]:checked + label::before {
    content: "\F26C";
}

#cm-bizpro-wrapper input[type="radio"]:checked + label::before {
    content: "\F26A";
}

#cm-bizpro-wrapper .RadGrid table.rgMasterTable tr input[type="checkbox"],
#cm-bizpro-wrapper .RadGrid table.rgMasterTable tr input[type="radio"],
#cm-bizpro-wrapper .RadComboBoxDropDown input[type="checkbox"],
#cm-bizpro-wrapper .RadComboBoxDropDown input[type="radio"],
#cm-bizpro-wrapper .RadTreeView input.rtChk[type="checkbox"] {
    display: inline-block;
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"],
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"][disabled]:hover,
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"]:checked,
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"][disabled]:hover:checked {
    background-position: center;
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"],
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"][disabled]:hover {
    background-image: url("../images/icons/square.svg");
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"]:checked,
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"][disabled]:hover:checked {
    background-image: url("../images/icons/square-fill.svg");
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtUnchecked,
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtChecked,
#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtIndeterminate {
    background-position: center;
    background-size: contain;
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtUnchecked {
    background-image: url("../images/icons/square.svg");
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtChecked {
    background-image: url("../images/icons/square-fill.svg");
}

#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadTreeView_Bootstrap .rtIndeterminate {
    background-image: url("../images/icons/dash-square.svg");
}







#cm-bizpro-wrapper .RadGrid_Bootstrap .rgAdd {
    background-image: url("../images/icons/plus-lg.svg");
    background-position: center;
    background-size: 18px;
}

#cm-bizpro-wrapper .RadGrid_Bootstrap .rgDrag {
    background-image: url("../images/icons/grip-vertical.svg");
}

/*Grid Expand Collapse Icon change Start*/

#cm-bizpro-wrapper .RadGrid_Bootstrap .rgCollapse {
    background-image: url('../images/icons/caret-up-fill.svg');
    background-position: center;
    transform: rotateX(180deg);
}

#cm-bizpro-wrapper .RadGrid_Bootstrap .rgExpand {
    background-image: url('../images/icons/caret-right-fill.svg');
    background-position: center;
}

/* Grid Expand Collapse Icon change End */

#cm-bizpro-wrapper .k-icon,
#cm-bizpro-wrapper .p-icon,
#cm-bizpro-wrapper .t-icon,
#cm-bizpro-wrapper .t-font-icon,
#cm-bizpro-wrapper .t-efi {
    font-family: "WebComponentsIcons" !important;
}

/* Sidebar Start */

.cm-sidebar-wrapper {
    width: 100%;
}

.cm-sidebar-wrapper .menuWrapper {
    margin-left: 1rem !important;
}

.cm-sidebar-wrapper a,
.cm-sidebar-wrapper .menuWrapper .menuItem {
    display: block;
    line-height: normal;
    min-height: auto;
    transition: all .25s ease-in-out;
}

.cm-sidebar-wrapper a.h3,
.cm-sidebar-wrapper .menuWrapper .menuItem.h3 {
    margin-bottom: 1rem;
}

.cm-sidebar-wrapper a:not(:first-child),
.cm-sidebar-wrapper .menuWrapper .menuItem {
    border: 0;
    border-radius: 0.5rem;
    padding: 0.65rem 1rem 0.5rem 1rem;
    margin-bottom: 0.5rem;
    background-color: var(--color-bg-button);
    color: var(--color-action);
    text-decoration: none;
    box-shadow: none;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    line-height: 1.2;
}

.cm-sidebar-wrapper .menuItem.is-disabled {
    pointer-events: none;
    opacity: 0.5 !important;
    filter: unset !important;
}

.cm-sidebar-wrapper a:not(:first-child):hover,
.cm-sidebar-wrapper .menuWrapper .menuItem:hover {
    background-color: var(--color-bg-button-hover);
    color: var(--color-action);
}

/* Radsplitter */

.cm-radsplitter-wrapper {
    height: 90vh;
}

/* Breadcrumbs */

body .cm-breadcrumb-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem;
}






/* Disabled */

.RadInputDisabled,
.RadComboBox .rcbDisabled {
    opacity: .25;
}

/* RadWindow Popups */

#aspnetForm .RadWindow .rwWindowContent .radconfirm {
    background-image: none;
}

    #aspnetForm .RadWindow .rwWindowContent .radconfirm::before {
        content: '\f430';
        font-family: bootstrap-icons !important;
        font-size: 28px;
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
    }

#aspnetForm .RadWindow .rwDialogPopup {
    padding: 0 0 0 50px;
}

#aspnetForm .RadWindow .rwDialogText {
    line-height: normal;
    margin-bottom: 10px;
}



/* Icon popup */

body .RadToolTip_Bootstrap {
    border: 0;
    border-radius: 0;
    background-color: #FFF;
}

    body .RadToolTip_Bootstrap #ctl00_ctl00_MainBody_plannerAdminBody_rptType_imageRpt {
        display: none;
    }

    body .RadToolTip_Bootstrap.RadToolTip .rtWrapper,
    body .RadToolTip_Bootstrap.RadToolTip .rtWrapper table {
        width: 100% !important;
    }




body #panelOptionsUser {
    text-align: left !important;
}

    body #panelOptionsUser .gap-1 {
        gap: .5rem !important
    }
















/* Field Label width */

html td.PlannerTaskAddTitle {
    width: 200px;
    padding: 0;
}












/*
    divEditorNotes
    Path: (BizPro / Dashboard) click chat icon
*/

html div#divEditorNotes {
    border: 0 !important;
    box-shadow: 0 1rem 2.5rem 0.5rem rgba(0, 0, 0, 0.5);
    background-color: #FFF;
    padding: 10px !important;
    font-size: 14px !important;
    border-radius: 3px;
}

    html div#divEditorNotes #ctl00_ctl00_MainBody_dashboardBody_txtNotesTitle {
        outline: 0;
        border: 0;
        width: 100%;
        min-width: auto;
        min-height: auto;
        background: none;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal;
        transition: all .3s ease-in-out;
        text-align: left;
        white-space: normal;
        word-break: break-word;
        padding: .5rem 1rem;
        border-radius: 1rem;
        background-color: rgba(0, 0, 0, 0.05);
        box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
    }

    html div#divEditorNotes #txtNoteColor {
        border: 0;
        border-radius: 1rem;
        height: 30px;
    }

        html div#divEditorNotes #txtNoteColor:focus-visible {
            outline: 0;
        }

    html div#divEditorNotes .RadEditor {
        margin: 10px 0;
        width: 100% !important;
    }

    html div#divEditorNotes > div:last-child {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
    }

    html div#divEditorNotes > div > a {
        text-decoration: none;
        display: inline-flex !important;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        height: auto;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        line-height: normal;
        min-height: auto;
        border: 0;
        border-radius: 1rem;
        padding: 0.5rem 1rem;
        background-color: var(--color-bg-button);
        color: var(--color-action);
        transition: all .25s ease-in-out;
        width: auto !important;
    }

        html div#divEditorNotes > div > a:hover {
            background-color: #E4E4E4;
        }














/*
    Open Form Save Popup
    Path: (BizPro / eForms / eForms Management / All Open eForms) 'view form'
*/

html .elementTitleLong,
html .weatherResetBtnTd,
html .weatherHelpBtnTd,
html .elementTitleShort,
html .casElement {
    border: 0;
    background: none;
}

    html .elementTitleLong span {
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

html #btn_A_Meta.RadButton.RadButton_Bootstrap.rbImageButton,
html #btn_A_Route.RadButton.RadButton_Bootstrap.rbImageButton,
html #btn_A_Task.RadButton.RadButton_Bootstrap.rbImageButton,
html #btn_A_Doc.RadButton.RadButton_Bootstrap.rbImageButton,
html #btn_A_Comment.RadButton.RadButton_Bootstrap.rbImageButton {
    background-color: var(--color-bg-button);
    border-radius: .5rem;
}







/*
    Chapters
    Path: (BizPro / Help Management / Chapters)
*/

html .reorderList .heading {
    padding: 0 !important;
}

html .reorderList ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
}

    html .reorderList ul li {
        border: 0;
        padding: .5rem;
        background-color: rgb(232 232 232 / 15%);
    }

        html .reorderList ul li:nth-of-type(odd) {
            background-color: rgb(232 232 232 / 50%);
        }

        html .reorderList ul li > div {
            border: 0 !important;
        }

        html .reorderList ul li table {
            width: 100%;
        }

            html .reorderList ul li table tr {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                html .reorderList ul li table tr td,
                html .dragVisualContainer li table tr td {
                    line-height: normal;
                    padding-left: 0 !important;
                }

                    html .reorderList ul li table tr td > div {
                        border: 0 !important;
                        padding: 0 !important;
                        background-color: transparent !important;
                    }

                        html .reorderList ul li table tr td > div > div {
                            display: flex;
                            align-items: center;
                        }

                            html .reorderList ul li table tr td > div > div .RadButton_Bootstrap.rbButton.rbIconOnly {
                                background-color: transparent;
                            }

                            html .reorderList ul li table tr td > div > div .bi-arrows-move::before,
                            html .dragVisualContainer li table tr td > div > div .bi-arrows-move::before {
                                content: '\F3FE';
                                font-family: bootstrap-icons !important;
                                font-size: 16px;
                                color: var(--color-action);
                            }

                    html .reorderList ul li table tr td table tr td:last-child {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: .5rem;
                        width: auto !important;
                        width: 100%;
                    }

                        html .reorderList ul li table tr td table tr td:last-child a {
                            font-size: 16px;
                            display: flex;
                            align-items: center;
                            text-decoration: none;
                        }

                            html .reorderList ul li table tr td table tr td:last-child a i {
                                display: inline-flex;
                            }

                    html .dragVisualContainer li table tr td table tr td:last-child {
                        display: none;
                    }

html .dragVisualContainer {
    list-style: none;
    padding: 0;
    margin: 0;
}

    html .dragVisualContainer li {
        border: 1px dashed #c8c8c8;
        border-radius: .25rem;
        padding: .5rem;
        background-color: rgb(237 237 237);
        opacity: 1 !important;
        box-shadow: 0 3px 10px 1px #9797978f;
    }

        html .dragVisualContainer li table tr td > div {
            border: 0 !important;
        }

html .reorderList ul li table tr .reBottomTable tr {
    display: flex;
    flex-direction: row;
}

    html .reorderList ul li table tr .reBottomTable tr .reEditorModesCell .reEditorModes ul {
        display: flex;
        flex-direction: row;
        gap: .5rem;
    }

        html .reorderList ul li table tr .reBottomTable tr .reEditorModesCell .reEditorModes ul li {
            background-color: transparent;
        }

html .reorderList ul li table tr td table tr td.reToolZone {
    width: 100% !important;
    margin-bottom: 1rem;
}

    html .reorderList ul li table tr td table tr td.reToolZone td.reResizeCell {
        display: flex;
        align-items: flex-end;
        height: 34px;
    }

        html .reorderList ul li table tr td table tr td.reToolZone td.reResizeCell div {
            height: 16px;
            margin: 0;
        }

html .reorderList ul li table tr td table tr td.reBottomZone {
    width: 100%;
}

html .reorderList ul li table tr td > div > div[id$="_dmsChapterEdit"] {
    border: 0;
    margin: 0 0 .5rem;
    background-color: transparent;
}

    html .reorderList ul li table tr td > div > div[id$="_dmsChapterEdit"] > table tbody {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

/*ajax AccordionPane style start*/
.accordion .accordionHeaderSelected .bi-folder2::before {
    content: "\f3d8";
}
/*ajax AccordionPane style end*/

html .reorderList ul li table tr td table tr td.reContentCell:last-child {
    width: 100% !important;
}

a.theme-cni, button.theme-cni, .RadButton.theme-cni {
    position: relative;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    top: 0;
    color: #945E00 !important;
    text-align: left;
}

.theme-cni {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    border: 1px dashed #e2e2e2 !important;
    box-shadow: none;
    background-color: transparent;
}

.theme-cni:hover {
    background-color: transparent !important;
}

/*
    inputs bg overwrite
*/
html.RadForm.RadForm_Bootstrap .riTextBox:not(:disabled, :read-only), html .RadEditor.Bootstrap.reWrapper, html .RadEditor.Bootstrap.reWrapper td iframe {
    background-color: var(--color-bg-button) !important;
}

html .field-group input:disabled:not([type=image]), html .field-group input:read-only:not([type=image]), html .field-group textarea:disabled, html .field-group textarea:read-only, html .field-group .input {
    padding: .375rem 1rem .375rem 0rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    display: inline-flex;
}

html .field-group .rlbTemplate{
    width: 100%;
}
html .field-group .RadListBox_Bootstrap .rlbGroup {
    margin-right: 0 !important;
}