/** * Motorica bottom sheets – shared header variants (see informations/theming). * Convention: create = --primary, edit = --secondary, save = .btn-info */ .bottom-sheet-header.bottom-sheet-header--primary, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--primary, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--primary, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--primary, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--primary, #employeeSheet .bottom-sheet-header.bottom-sheet-header--primary, #payrollNewPeriodSheet .bottom-sheet-header.bottom-sheet-header--primary, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--primary, #createCustomerModal .bottom-sheet-header.bottom-sheet-header--primary, #createItemModal .bottom-sheet-header.bottom-sheet-header--primary, #createItemFromDocModal .bottom-sheet-header.bottom-sheet-header--primary, #createInvoiceModal .bottom-sheet-header.bottom-sheet-header--primary, #dunningCaseSheet .bottom-sheet-header.bottom-sheet-header--primary, #createOfferModal .bottom-sheet-header.bottom-sheet-header--primary, #companySheet .bottom-sheet-header.bottom-sheet-header--primary, #partnerSheet .bottom-sheet-header.bottom-sheet-header--primary, #euerPaymentAssignSheet .bottom-sheet-header.bottom-sheet-header--primary, #euerAdjustmentSheet .bottom-sheet-header.bottom-sheet-header--primary, #euerAssetsListSheet .bottom-sheet-header.bottom-sheet-header--primary, #euerTaxPaymentsListSheet .bottom-sheet-header.bottom-sheet-header--primary, #promoCodeSheet .bottom-sheet-header.bottom-sheet-header--primary, #referralShareSheet .bottom-sheet-header.bottom-sheet-header--primary, #marketingPageSheet .bottom-sheet-header.bottom-sheet-header--primary, #blogEditSheet .bottom-sheet-header.bottom-sheet-header--primary, #documentBackgroundSheet .bottom-sheet-header.bottom-sheet-header--primary, #loginVideoSheet .bottom-sheet-header.bottom-sheet-header--primary, #heroStockSheet .bottom-sheet-header.bottom-sheet-header--primary, #backupCreateJobSheet .bottom-sheet-header.bottom-sheet-header--primary, #backupRestoreTestSheet .bottom-sheet-header.bottom-sheet-header--primary, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--primary, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--primary, #promptSheet .bottom-sheet-header.bottom-sheet-header--primary, #miraLearningMerchantSheet .bottom-sheet-header.bottom-sheet-header--primary, #miraLearningRecAssignSheet .bottom-sheet-header.bottom-sheet-header--primary, #frontendTrustGoogleSyncResultSheet .bottom-sheet-header.bottom-sheet-header--primary, #taxAdvisorInviteSheet .bottom-sheet-header.bottom-sheet-header--primary, #miraLearningRequestSheet .bottom-sheet-header.bottom-sheet-header--secondary, #editCustomerObjectModal .bottom-sheet-header.bottom-sheet-header--primary, #createWishModal .bottom-sheet-header.bottom-sheet-header--primary, #twofaSetupSheet .bottom-sheet-header.bottom-sheet-header--primary, #userCalendarEventSheet .bottom-sheet-header.bottom-sheet-header--primary { background-color: var(--motorica-primary); color: #fff; border-bottom: none; border-left: 3px solid var(--motorica-primary-hover); padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, .bottom-sheet-header.bottom-sheet-header--primary h5, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #employeeSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #payrollNewPeriodSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createCustomerModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createItemModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createItemFromDocModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createInvoiceModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #dunningCaseSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createOfferModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #createWishModal .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #twofaSetupSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #partnerSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #euerPaymentAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #euerAdjustmentSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #euerAssetsListSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #euerTaxPaymentsListSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #promoCodeSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #promptSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #miraLearningMerchantSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #miraLearningRecAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title, #frontendTrustGoogleSyncResultSheet .bottom-sheet-header.bottom-sheet-header--primary .bottom-sheet-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: #fff; } .bottom-sheet-header.bottom-sheet-header--primary .btn-link, .bottom-sheet-header.bottom-sheet-header--primary .btn-link.text-dark, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #employeeSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #payrollNewPeriodSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createCustomerModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createItemModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createItemFromDocModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createInvoiceModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #dunningCaseSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createOfferModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #createWishModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #twofaSetupSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #partnerSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #euerPaymentAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #euerAdjustmentSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #euerAssetsListSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #euerTaxPaymentsListSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #promoCodeSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #promptSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #miraLearningMerchantSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #miraLearningRecAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link, #frontendTrustGoogleSyncResultSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link { color: #fff !important; opacity: 0.92; } .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, .bottom-sheet-header.bottom-sheet-header--primary .btn-link.text-dark:hover, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #employeeSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #payrollNewPeriodSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createCustomerModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createItemModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createItemFromDocModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createInvoiceModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #dunningCaseSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createOfferModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #createWishModal .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #twofaSetupSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #partnerSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #euerPaymentAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #euerAdjustmentSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #euerAssetsListSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #euerTaxPaymentsListSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #promoCodeSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #promptSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #miraLearningMerchantSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #miraLearningRecAssignSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover, #frontendTrustGoogleSyncResultSheet .bottom-sheet-header.bottom-sheet-header--primary .btn-link:hover { color: #fff !important; opacity: 1; } .bottom-sheet-header.bottom-sheet-header--secondary, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--secondary, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--secondary, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--secondary, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--secondary, #employeeSheet .bottom-sheet-header.bottom-sheet-header--secondary, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--secondary, #editCustomerModal .bottom-sheet-header.bottom-sheet-header--secondary, #companySheet .bottom-sheet-header.bottom-sheet-header--secondary, #partnerSheet .bottom-sheet-header.bottom-sheet-header--secondary, #marketingPageStockSheet .bottom-sheet-header.bottom-sheet-header--secondary, #blogStockSheet .bottom-sheet-header.bottom-sheet-header--secondary, #blogHtmlSourceSheet .bottom-sheet-header.bottom-sheet-header--secondary, #blogReviewSheet .bottom-sheet-header.bottom-sheet-header--secondary, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--secondary, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--secondary, #promptSheet .bottom-sheet-header.bottom-sheet-header--secondary, #miraLearningRequestSheet .bottom-sheet-header.bottom-sheet-header--secondary, #miraLearningRecDocsSheet .bottom-sheet-header.bottom-sheet-header--secondary, #moderateWishModal .bottom-sheet-header.bottom-sheet-header--secondary, #backupAgentConfigSheet .bottom-sheet-header.bottom-sheet-header--secondary, #editItemModal .bottom-sheet-header.bottom-sheet-header--secondary, #dunningPauseSheet .bottom-sheet-header.bottom-sheet-header--secondary, #dunningEmailSheet .bottom-sheet-header.bottom-sheet-header--secondary, #dunningNoticeSheet .bottom-sheet-header.bottom-sheet-header--secondary, #editCustomerObjectModal .bottom-sheet-header.bottom-sheet-header--secondary, #invoiceEmailHistoryModal .bottom-sheet-header.bottom-sheet-header--secondary, #bankReconciliationHistorySheet .bottom-sheet-header.bottom-sheet-header--secondary, #invoicePaymentDateSheet .bottom-sheet-header.bottom-sheet-header--secondary, #companySectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary, #payrollSectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary, #userCalendarSyncSheet .bottom-sheet-header.bottom-sheet-header--secondary { background-color: #0d234b; color: #fff; border-bottom: none; border-left: 3px solid #091a38; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, .bottom-sheet-header.bottom-sheet-header--secondary h5, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #employeeSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #editCustomerModal .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #editItemModal .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #dunningPauseSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #dunningEmailSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #dunningNoticeSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #invoiceEmailHistoryModal .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #bankReconciliationHistorySheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #invoicePaymentDateSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #companySectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #payrollSectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #partnerSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #promptSheet .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title, #moderateWishModal .bottom-sheet-header.bottom-sheet-header--secondary .bottom-sheet-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: #fff; } .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, .bottom-sheet-header.bottom-sheet-header--secondary .btn-link.text-dark, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #employeeSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #editCustomerModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #editItemModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #dunningPauseSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #dunningEmailSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #dunningNoticeSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #invoiceEmailHistoryModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #bankReconciliationHistorySheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #invoicePaymentDateSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #companySectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #payrollSectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #partnerSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #promptSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link, #moderateWishModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link { color: #fff !important; opacity: 0.92; } .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, .bottom-sheet-header.bottom-sheet-header--secondary .btn-link.text-dark:hover, .motorica-customers-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, .motorica-items-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, .motorica-employees-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, .motorica-payrolls-page .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #employeeSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #payrollLinesSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #editCustomerModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #editItemModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #dunningPauseSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #dunningEmailSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #dunningNoticeSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #invoiceEmailHistoryModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #bankReconciliationHistorySheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #invoicePaymentDateSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #companySectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #payrollSectionInfoSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #partnerSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #legalAvvSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #miraKnowledgeArticleSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #promptSheet .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover, #moderateWishModal .bottom-sheet-header.bottom-sheet-header--secondary .btn-link:hover { color: #fff !important; opacity: 1; } .bottom-sheet-footer .btn-info, .motorica-customers-page .bottom-sheet-footer .btn-info, .motorica-items-page .bottom-sheet-footer .btn-info, .motorica-employees-page .bottom-sheet-footer .btn-info, .motorica-payrolls-page .bottom-sheet-footer .btn-info, #employeeSheet .bottom-sheet-footer .btn-info, #payrollNewPeriodSheet .bottom-sheet-footer .btn-info, #payrollLinesSheet .bottom-sheet-footer .btn-info, #createCustomerModal .bottom-sheet-footer .btn-info, #createItemModal .bottom-sheet-footer .btn-info, #createItemFromDocModal .bottom-sheet-footer .btn-info, #editCustomerModal .bottom-sheet-footer .btn-info, #editItemModal .bottom-sheet-footer .btn-info, #createInvoiceModal .bottom-sheet-footer .btn-info, #createOfferModal .bottom-sheet-footer .btn-info, #createWishModal .bottom-sheet-footer .btn-info, #moderateWishModal .bottom-sheet-footer .btn-info, #twofaSetupSheet .bottom-sheet-footer .btn-info, #partnerSheet .bottom-sheet-footer .btn-info, #promoCodeSheet .bottom-sheet-footer .btn-info, #marketingPageSheet .bottom-sheet-footer .btn-info, #legalAvvSheet .bottom-sheet-footer .btn-info, #miraKnowledgeArticleSheet .bottom-sheet-footer .btn-info, #promptSheet .bottom-sheet-footer .btn-info { background-color: #8eddf9; border-color: #8eddf9; color: #0f172a; } .bottom-sheet-footer .btn-info:hover, .motorica-customers-page .bottom-sheet-footer .btn-info:hover, .motorica-items-page .bottom-sheet-footer .btn-info:hover, .motorica-employees-page .bottom-sheet-footer .btn-info:hover, .motorica-payrolls-page .bottom-sheet-footer .btn-info:hover, #employeeSheet .bottom-sheet-footer .btn-info:hover, #payrollNewPeriodSheet .bottom-sheet-footer .btn-info:hover, #payrollLinesSheet .bottom-sheet-footer .btn-info:hover, #createCustomerModal .bottom-sheet-footer .btn-info:hover, #createItemModal .bottom-sheet-footer .btn-info:hover, #editCustomerModal .bottom-sheet-footer .btn-info:hover, #editItemModal .bottom-sheet-footer .btn-info:hover, #createInvoiceModal .bottom-sheet-footer .btn-info:hover, #createOfferModal .bottom-sheet-footer .btn-info:hover, #createWishModal .bottom-sheet-footer .btn-info:hover, #moderateWishModal .bottom-sheet-footer .btn-info:hover, #twofaSetupSheet .bottom-sheet-footer .btn-info:hover, #partnerSheet .bottom-sheet-footer .btn-info:hover, #promoCodeSheet .bottom-sheet-footer .btn-info:hover, #legalAvvSheet .bottom-sheet-footer .btn-info:hover, #miraKnowledgeArticleSheet .bottom-sheet-footer .btn-info:hover, #promptSheet .bottom-sheet-footer .btn-info:hover, #dunningNoticeSheet .bottom-sheet-footer .btn-info:hover, #dunningPauseSheet .bottom-sheet-footer .btn-info:hover, #dunningEmailSheet .bottom-sheet-footer .btn-info:hover, #euerAdjustmentSheet .bottom-sheet-footer .btn-info:hover, #euerAssetsListSheet .bottom-sheet-footer .btn-info:hover, #euerTaxPaymentsListSheet .bottom-sheet-footer .btn-info:hover, #euerPaymentAssignSheet .bottom-sheet-footer .btn-info:hover { background-color: #6dd3f7; border-color: #6dd3f7; color: #0f172a; } @media (max-width: 575px) { .bottom-sheet-footer { flex-direction: column; gap: 0.5rem; align-items: stretch; } .bottom-sheet-footer .btn { width: 100%; min-height: var(--motorica-touch-min, 44px); } }