/* SSE-MiniCOOP Confirmation UI form design system. */
.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement),
.sse-confirm-ui #content.sse-page-content > form:not(.sse-inventory-filter):not(.sse-report-filter):not(.sse-compact-actions):not(.sse-backup-inline-form) {
	box-sizing: border-box;
	width: min(94%, 1080px) !important;
	min-width: 0 !important;
	max-width: 1080px !important;
	margin: 12px auto 18px;
	padding: 16px 18px;
	border: 1px solid #d6e7e7;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(12, 59, 59, .12);
}

.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form { margin: 0; }

@media (min-width: 900px) {
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px 12px;
	}
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form > .form-group { margin: 0; }
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form > .form-group:last-child,
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form > fieldset,
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form > .submit { grid-column: 1 / -1; }
}

.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement) > form > .form-group {
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid #e4efef;
	border-radius: 10px;
	background: #fbfefe;
}

.sse-confirm-ui #content form label,
.sse-confirm-ui #content form .control-label { font-size: 12px; font-weight: 700; line-height: 1.3; color: #506767; }

.sse-confirm-ui #content form .form-control:not(.input-sm),
.sse-confirm-ui #content form input[type="text"],
.sse-confirm-ui #content form input[type="email"],
.sse-confirm-ui #content form input[type="password"],
.sse-confirm-ui #content form input[type="number"],
.sse-confirm-ui #content form input[type="date"],
.sse-confirm-ui #content form input[type="tel"],
.sse-confirm-ui #content form select,
.sse-confirm-ui #content form textarea {
	border: 1px solid #bed5d5;
	border-radius: 9px !important;
	background-color: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
	transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.sse-confirm-ui #content form .form-control:not(textarea):not(.input-sm),
.sse-confirm-ui #content form input[type="text"],
.sse-confirm-ui #content form input[type="email"],
.sse-confirm-ui #content form input[type="password"],
.sse-confirm-ui #content form input[type="number"],
.sse-confirm-ui #content form input[type="date"],
.sse-confirm-ui #content form input[type="tel"],
.sse-confirm-ui #content form select { min-height: 34px; padding: 5px 9px; }

.sse-confirm-ui #content form textarea.form-control,
.sse-confirm-ui #content form textarea { min-height: 72px; padding: 7px 9px; resize: vertical; }

.sse-confirm-ui #content form .form-control:focus,
.sse-confirm-ui #content form input:focus,
.sse-confirm-ui #content form select:focus,
.sse-confirm-ui #content form textarea:focus {
	border-color: #078787;
	outline: 0;
	background-color: #fff;
	box-shadow: 0 0 0 3px rgba(7, 135, 135, .12);
}

.sse-confirm-ui #content form .input-group-addon { border-color: #bed5d5; border-radius: 9px 0 0 9px; color: #075f5f; background: #eaf7f7; }
.sse-confirm-ui #content form fieldset { min-width: 0; margin: 0 0 12px; padding: 12px 14px; border: 1px solid #dfecec; border-radius: 12px; background: #fbfefe; }
.sse-confirm-ui #content form legend { width: auto; margin: 0 0 8px; padding: 0 8px; border: 0; font-size: 14px; font-weight: 700; color: #075f5f; }
.sse-confirm-ui #content form .help-block { margin: 4px 0 0; font-size: 11px; line-height: 1.3; color: #6d7f7f; }
.sse-confirm-ui #content form .btn,
.sse-confirm-ui #content form input[type="submit"],
.sse-confirm-ui #content form button[type="submit"] { min-height: 32px; padding: 5px 14px; border-radius: 17px !important; font-weight: 700; }

.sse-confirm-ui #content .modal-content { overflow: hidden; border: 1px solid #d6e7e7; border-radius: 16px; box-shadow: 0 16px 42px rgba(12, 59, 59, .18); }
.sse-confirm-ui #content .modal-header { padding: 12px 16px; background: linear-gradient(135deg, #eaf7f7, #f8fcfc); }
.sse-confirm-ui #content .modal-body { padding: 14px 16px; }
.sse-confirm-ui #content .modal-footer { padding: 10px 16px 13px; }

@media (max-width: 767px) {
	.sse-confirm-ui #content.sse-page-content > .form:not(.entry):not(.search):not(.reconciliation):not(.profitandloss):not(.ledgerentries):not(.ledgerstatement),
	.sse-confirm-ui #content.sse-page-content > form:not(.sse-inventory-filter):not(.sse-report-filter):not(.sse-compact-actions):not(.sse-backup-inline-form) {
		width: calc(100% - 18px) !important;
		margin: 7px auto 12px;
		padding: 12px;
		border-radius: 12px;
	}
}