/*General*/
    .my-popup {
        display: none;
        position: absolute;
        overflow: hidden;
        height: auto;
        min-height: 100px;
        width: 600px;
        padding-bottom: 15px;
        border: var(--rz-panel-border);
        background-color: var(--rz-panel-background-color);
        box-shadow: var(--rz-panel-shadow);
        border-radius: var(--rz-border-radius)
    }

/*MoveToFolderComponent*/
    .rz-stack-MoveToFolderComponent {
        color: #000 !important;
        background-color: white !important;
    }
    .rz-stack-Tittle-MoveToFolderComponent {
        color: #000 !important;
        background-color: lightgray !important;
        padding: 5px !important;
    }
    .rztree-MoveToFolderComponent {
        margin: 15px;
        width: 95%;
        height: 300px;
    }


/*Message Component*/
    .rz-stack-MessageComponent {
        background-color: transparent !important;
    }
    .rz-card-MessageComponent {
        background-color: transparent !important;
        width: 95% !important;
        margin: 0px !important;
        padding: 5px !important;
        box-shadow: none !important;
    }
    .rz-icon-MessageComponent {
        -webkit-text-stroke: 1px lightgrey !important;
    }
    .filled-icon {
        font-variation-settings: 'FILL' 1;
    }

/*ToolBarComponent*/
    .rz-stack-ToolbarComponet {
        background-color: rgb(5, 39, 103) !important;
    }

    .rz-menu-ToolbarComponet:not(.rz-profile-menu) {
        background-color: rgb(5, 39, 103) !important;
    }

/*ToolBarMessageComponent*/
    .rz-stack-ToolbarMessageComponent {
        color: #000 !important;
        background-color: white !important;
    }

/*NavigationTreeComponent*/
    .rz-card-NavigationTreeComponent {
        max-width: 330px !important;
        height: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
        overflow-y: scroll !important;
        z-index: 1 !important;
    }
    .rz-stack-NavigationTreeComponent {
        color: #000 !important;
        background-color: white !important;
    }

/*SearchPanelComponent*/
    .rz-stack-SearchPanelComponent {
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }
    .rz-stack-Transparent-SearchPanelComponent {
        background-color: transparent !important;
    }
    .rz-card-SearchPanelComponent {
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        position: relative !important;
        padding: 1rem !important;
    }
    .rz-icon-SearchPanelComponent {
        -webkit-text-stroke: 1px lightgrey !important;
    }

/*EditMessageComponent*/
    .div-EditMessageComponent {
        overflow: hidden !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        background-color: white !important;
    }
    .rz-stack-EditMessageComponent {
        color: #000 !important;
        background-color: white !important;
    }
    .rz-card-Principal-EditMessageComponent {
        height: 35% !important;
        min-height: 225px !important;
    }
    .rz-card-EditMessageComponent {
        width: 100% !important;
        height: 64% !important;
        margin-top: 5px !important;
        padding: 0px !important;
        background-color: white !important;
    }

/*ViewMessageComponent*/
    .div-ViewMessageComponent {
        overflow: hidden !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        background-color: white !important;
    }
    .rz-card-Principal-ViewMessageComponent {
        height: 16% !important;
    }
    .rz-card-Iframe-ViewMessageComponent {
        width: 100% !important;
        height: 84% !important;
        margin-top: 5px !important;
        padding: 0px !important;
        background-color: white !important;
    }
    .rz-card-Attachment-ViewMessageComponent {
        margin:1px 0 4px 0;
        padding: 3px !important;
        background-color: white !important;
    }

    .rz-card-Attachment-ViewMessageComponent-Files {
        margin: 1px 0 4px 0;
        background-color: white !important;
        padding: 3px !important;
        border: none !important;
        height: 36px !important;
        overflow-y: auto !important;
    }

    .rz-stack-ViewMessageComponent {
        color: #000 !important;
        background-color: white !important;
    }
    .rz-stack-Mod-ViewMessageComponent {
        width: 100% !important;
        border: none !important;
    }
    .rz-stack-Margin-ViewMessageComponent {
        margin-top: 0px !important;
    }
    .rz-stack-Ending-ViewMessageComponent {
        width: 120px !important;
        text-align: left !important;
        padding: 0px !important;
        border-left: none !important;
    }
    .rz-stack-ToolBar-ViewMessageComponent {
        width: 410px !important;
        text-align: left !important;
        padding: 0px !important;
        border-left: none !important;
    }
    .label-ViewMessageComponent {
        font-size: 12px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
    .label-Bold-ViewMessageComponent {
        font-weight: bold !important;
        font-size: 14px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
.rz-button-AttachFile {
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 2px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}

/*TemplateFieldsComponent*/
.rz-TemplateFieldsComponent {
    position: absolute;
    top: 0px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
    .rz-stack-TemplateFieldsComponent {
        color: #000 !important;
        background-color: white !important;
        position: relative;
        flex-wrap: wrap-reverse;
    }
    .rz-label-TemplateFieldsComponent {
        font-size: 14px;
        color: var(--rz-base-800);
    }
    .rz-DropDown-TemplateFieldsComponment {
        position: relative;
        max-height: 70px;
    }
    .rz-listbox-TemplateFieldsComponent {
        overflow-y: scroll;
        border: 1px solid #ccc;
        overflow-y: auto;
    }
    .item-TemplateFieldsComponent {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        cursor: move !important;
        cursor: grab !important;
        cursor: -moz-grab !important;
        cursor: -webkit-grab !important;
    }
    .item-TemplateFieldsComponent:hover {
        background-color:lightgray;
    }