
/* FV document window: align the main document frame with the Sales module blue tab rail. */
html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card,
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card {
    border: 1px solid #134f8c !important;
    border-radius: 10px !important;
    background: #eef3f9 !important;
    box-shadow:
        0 24px 58px rgba(4, 20, 48, 0.3),
        0 0 0 1px rgba(19, 79, 140, 0.28) inset !important;
}

html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header,
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header {
    border-bottom: 1px solid #0b3868 !important;
    background: linear-gradient(180deg, #185c9f 0%, #134f8c 58%, #0d3d70 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 8px rgba(6, 34, 76, 0.18) !important;
    color: #ffffff !important;
}

html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-icon,
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-icon {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.28),
        0 8px 18px rgba(3, 21, 48, 0.18) !important;
}

html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-title h5,
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-title h5 {
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(3, 17, 38, 0.22) !important;
}

html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-title small,
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-title small {
    color: rgba(255, 255, 255, 0.78) !important;
}

html body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-badges span:not([class*="status-"]),
html[data-vario-theme] body .vario-erp-document-details-modal:not(.vario-document-line-lookup-modal):not(.vario-document-quick-create-modal)>.vario-erp-document-card-dialog>.vario-erp-document-card>.vario-erp-document-card-header .vario-erp-document-card-badges span:not([class*="status-"]) {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
