.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.mr-review-wrap {
margin: 40px auto;
background: #fcfcfc;
padding: 50px 200px;
}
.mr-help {
color: #555;
}
.mr-field {
margin-bottom: 14px;
}
.mr-field-label {
display: block;
margin-bottom: 6px;
}
.mr-readonly-badge {
color: #666;
font-size: 0.85em;
}
.mr-required {
color: #d63638;
}
.mr-input {
width: 100%;
}
.mr-alert-warning {
color: #d63638;
}
.mr-alert-info {
color: #2271b1;
}
.mr-alert-error {
color: #d63638;
}
.mr-rating-scale {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.mr-rating-options {
display: flex;
gap: 18px;
}
.mr-rating-item {
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
color: #444;
}
.mr-rating-label {
display: block;
}
.mr-password-wrap {
max-width: 480px;
margin: 150px auto 100px;
}
.mr-mt-10 {
margin-top: 10px;
}
.mr-mt-8 {
margin-top: 8px;
}
.mr-alert-success {
color: #155724;
background: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 4px;
padding: 20px;
}
.mr-alert-title {
margin-top: 0;
}
.mr-review-wrap h2,
form .mr-review-wrap h2 {
font-size: 25px;
margin-top: 30px;
color: #f26628 !important;
font-weight: 600;
padding-bottom: 8px;
text-align: center !important;
}
.mr-review-wrap h4.mr-title-h3,
form .mr-review-wrap h4.mr-title-h3 {
font-size: 25px;
margin-top: 30px;
color: #f26628 !important;
font-weight: 600;
padding-bottom: 8px;
text-align: left !important;
}
.mr-section-divider {
border: 0;
border-top: 1px solid #e0e0e0;
margin: 20px 0 15px;
}
.mr-error-text {
margin: 0 0 8px;
color: #d63638;
font-size: 13px;
font-weight: 500;
}
.mr-review-wrap h4.mr-title-h4,
form .mr-review-wrap h4.mr-title-h4 {
margin: 16px 0 8px 0;
font-size: 1.1em;
font-weight: 500;
color: #1d2327 !important;
text-align: left !important;
}
.mr-modal-wrap {
max-width: 100%;
}
.mr-submission-info {
background: #f7f7f7;
padding: 15px;
margin-bottom: 20px;
border-radius: 4px;
}
.mr-section-title {
margin-top: 0;
}
.mr-info-table {
width: 100%;
border-collapse: collapse;
}
.mr-info-label {
padding: 8px;
font-weight: 600;
width: 180px;
}
.mr-info-value {
padding: 8px;
}
.mr-card {
background: #fff;
padding: 20px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 20px;
}
.mr-card-title {
margin-top: 0;
margin-bottom: 20px;
color: #0073aa;
border-bottom: 2px solid #0073aa;
padding-bottom: 10px;
}
.mr-card-desc {
color: #646970;
margin-bottom: 20px;
}
.mr-subform {
margin-bottom: 30px;
padding: 20px;
border-radius: 4px;
}
.mr-subform-employee {
background: #f9f9f9;
border-left: 4px solid #0073aa;
}
.mr-subform-manager {
background: #f0f6fc;
border-left: 4px solid #2271b1;
}
.mr-subform-title {
margin: 0 0 15px 0;
color: #2271b1;
font-size: 16px;
}
.mr-heading {
margin: 20px 0 10px 0;
font-size: 14px;
font-weight: 600;
color: #1d2327;
}
.mr-subheading {
margin: 15px 0 8px 0;
font-size: 13px;
font-weight: 600;
color: #50575e;
}
.mr-field {
margin-bottom: 15px;
}
.mr-field-label {
display: block;
margin-bottom: 5px;
color: #1d2327;
font-weight: 300 !important;
}
.mr-section-fields {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.mr-section-fields .mr-field {
flex: 1 1 calc(50% - 8px);
min-width: 260px;
}
.mr-section-fields .mr-field:nth-child(2n+1):last-child {
flex-basis: 100%;
min-width: 100%;
}
.mr-section-fields .mr-agreement-field {
flex-basis: 100%;
min-width: 100%;
}
.mr-section-fields .mr-full-row {
flex-basis: 100%;
min-width: 100%;
}
@media (max-width: 640px) {
.mr-section-fields .mr-field {
flex-basis: 100%;
min-width: 100%;
}
}
.mr-textarea {
width: 100%;
min-height: 100px;
padding: 8px;
border: 1px solid #8c8f94;
border-radius: 4px;
font-family: inherit;
}
.mr-select {
width: 100%;
padding: 6px;
border: 1px solid #8c8f94;
border-radius: 4px;
}
.mr-options {
display: flex;
gap: 15px;
}
.mr-options-radio {
flex-wrap: wrap;
}
.mr-option-inline,
.mr-checkbox-inline {
display: flex;
align-items: center;
cursor: pointer;
}
.mr-options-checkbox {
display: flex;
flex-direction: column;
gap: 8px;
}
.mr-actions {
text-align: right;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.mr-field input[type="text"],
.mr-field input[type="email"],
.mr-field input[type="date"],
.mr-field textarea,
.mr-field select {
width: 100%;
}
.mr-modal {
display: none;
position: fixed;
z-index: 100000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
}
.mr-modal form,
.mr-modal .mr-modal-content {
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 520px;
max-width: 90vw;
border: 1px solid #ccd0d4;
border-radius: 4px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
margin: 0;
}
.mr-modal-header {
padding: 12px 16px;
border-bottom: 1px solid #e2e4e7;
display: flex;
align-items: center;
justify-content: space-between;
}
.mr-modal-title {
font-size: 16px;
}
.mr-modal-close {
cursor: pointer;
font-size: 22px;
line-height: 1;
}
.mr-modal-body {
padding: 16px;
}
.mr-modal-footer {
padding: 12px 16px;
border-top: 1px solid #e2e4e7;
text-align: right;
}
.mr-form-group {
margin-bottom: 12px;
}
.form-group {
margin-bottom: 14px;
}
.form-group .regular-text {
width: 100%;
}
.description {
margin: 4px 0 0;
}
.mr-hidden {
display: none;
}
.mr-inline-field {
margin-bottom: 14px;
display: inline-block;
width: calc(50% - 8px);
}
#mr-save-form-template {
margin-top: 20px;
}
.mr-builder-actions {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 16px;
}
.mr-builder-actions #mr-save-form-template { margin-top: 0; }
.mr-builder-actions #mr-preview-form { margin-top: 0; }
#mr-view-form-content {
max-height: 70vh;
overflow: auto;
}
.mr-password-field {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.mr-password-display {
display: inline-block;
vertical-align: middle;
word-break: break-all;
}
.expired {
opacity: 0.6;
}
.expiring-soon {
color: #d63638;
font-weight: 600;
}
.mr-form-builder-wrap {
display: flex;
gap: 2em;
}
.mr-field-palette {
flex-basis: 200px;
}
.mr-form-canvas-area {
flex: 1;
}
#mr-form-canvas {
min-height: 120px;
border: 1px dashed #aaa;
background: #fafafa;
padding: 10px;
position: relative;
}
#mr-form-canvas-placeholder {
color: #bbb;
position: absolute;
left: 16px;
top: 14px;
}
#mr-form-canvas .mr-field-instance {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
box-sizing: border-box;
border: 1px solid #dcdcde;
background: #fff;
border-radius: 4px;
padding: 10px 12px;
margin: 8px 0;
}
#mr-form-canvas .mr-field-title {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
}
#mr-form-canvas .mr-field-remove {
color: #646970;
cursor: pointer;
}
#mr-form-canvas .mr-field-remove:hover {
color: #d63638;
}
.mr-divider-block {
background: #f6f7f7;
border: 1px dashed #8c8f94;
padding: 0;
}
.mr-divider-block .mr-divider {
display: block;
width: 100%;
height: 0;
border-top: 2px solid #c3c4c7;
margin: 8px 0;
}
#mr-form-canvas .ui-sortable-placeholder {
border: 1px dashed #8c8f94;
background: #f6f7f7;
visibility: visible;
height: 42px !important;
margin: 8px 0;
}
.mr-modal-narrow form {
min-width: 380px;
}
.mr-modal-wide form,
.mr-modal-wide .mr-modal-content {
min-width: 720px;
}
.mr-form-preview-field {
margin-bottom: 12px;
}
.mr-form-preview-label {
display: block;
margin-bottom: 4px;
}
.mr-form-preview-input,
.mr-form-preview-select {
width: 100%;
}
.mr-form-preview-textarea {
width: 100%;
min-height: 70px;
}
.mr-form-preview-radio-option {
display: inline-block;
margin-right: 10px;
}
.mr-form-preview-checkbox-option {
display: block;
}
.mr-sales-hods-wrapper-table {
margin-top: 8px;
}
#mr-hods-table {
width: 100%;
table-layout: fixed;
}
#mr-hods-table th,
#mr-hods-table td {
padding: 4px 6px;
}
#mr-hods-table input.regular-text {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.mr-remove-hod-row.button {
min-width: 0;
padding: 0 6px;
}
.mr-mt-30 {
margin-top: 30px;
}
.mr-mt-16 {
margin-top: 16px;
}
.mr-mb-12 {
margin-bottom: 12px;
}
.mr-mb-8 {
margin-bottom: 8px;
}
.col-serial {
width: 80px;
}
.col-actions {
width: 100px;
}
.mr-break-all {
word-break: break-all;
}
.mr-mono {
font-family: monospace;
}
.mr-ls-2 {
letter-spacing: 2px;
}
.mr-compact-btn {
padding: 2px 8px;
min-width: auto;
height: 24px;
line-height: 1;
}
.mr-icon-16 {
font-size: 16px;
width: 16px;
height: 16px;
line-height: 1.2;
}
.status-expired {
color: #d63638;
font-weight: 600;
}
.status-pending {
color: #2271b1;
}
.status-used {
color: #00a32a;
}
.mr-muted {
color: #646970;
}
.mr-muted-light {
color: #8c8f94;
}
.text-danger {
color: #b32d2e;
}
.mr-submissions-filters {
border-radius: 4px;
}
.mr-submissions-filters label {
font-size: 13px;
}
#mr-submission-details-modal {
border-radius: 4px;
}
.mr-card {
background: #fff;
padding: 15px;
margin: 20px 0;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}
.mr-flex-row {
display: flex;
gap: 15px;
align-items: flex-end;
flex-wrap: wrap;
}
.mr-col {
flex: 1;
}
.mr-minw-140 {
min-width: 140px;
}
.mr-minw-200 {
min-width: 200px;
}
.mr-label-strong {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
.mr-inline-form-password {
max-width: 220px;
}
.mr-inline-pwd-wrap {
position: relative;
display: inline-block;
}
.mr-inline-pwd-wrap .mr-inline-form-password {
padding-right: 52px;
}
.mr-inline-pwd-eye {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #555d66;
}
.mr-inline-pwd-save {
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #11a011;
}
.mr-w-100 {
width: 100%;
}
.mr-actions-row {
display: flex;
gap: 10px;
}
.col-serial-60 {
width: 60px;
}
.col-actions-100 {
width: 120px;
}
.mr-summary {
margin-top: 15px;
color: #646970;
}
.mr-submission-modal {
display: none;
position: fixed;
top: 5vh;
left: 5vw;
right: 5vw;
bottom: 5vh;
margin: 0;
background: #fff;
border: 2px solid #0073aa;
box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
z-index: 10010;
padding: 0;
overflow: auto;
max-width: 90vw;
max-height: 90vh;
}
.mr-submission-modal-header {
padding: 16px 20px;
border-bottom: 1px solid #e5e5e5;
background: #f7f7f7;
position: sticky;
top: 0;
z-index: 1;
}
.mr-modal-close-btn {
float: right;
color: #888;
cursor: pointer;
font-weight: bold;
font-size: 24px;
line-height: 1;
}
.mr-submission-modal-content {
padding: 20px;
}
.mr-error-text {
color: #d63638;
} .mr-field-error {
margin-top: 4px;
}
.mr-field-error-msg {
color: #d63638;
font-size: 13px;
}
.mr-alert {
margin-bottom: 15px;
}
.mr-alert-success {
background: #00a32a;
border-left-color: #00a32a;
}
.mr-alert-error {
color: #d63638;
font-size: 16px;
}
.status-warn {
color: #d63638;
font-weight: 600;
} body { 
font-family: DejaVu Sans, sans-serif;
font-size: 12px; 
}
h1 {
font-size: 18px;
margin-bottom: 10px; 
}
h2 {
font-size: 14px; 
margin-top: 20px; 
margin-bottom: 8px; 
}
table { 
width: 100%; 
border-collapse: collapse; 
margin-bottom: 16px; 
}
th, td { 
border: 1px solid #ccc; 
padding: 6px 8px; 
vertical-align: top; 
}
th { 
background: #f5f5f5; 
text-align: left; 
width: 35%; 
}
.mr-pdf-section-title {
text-align: center;
}
.mr-pdf-footer {
position: fixed;
right: 20px;
bottom: 20px;
font-size: 10px;
} form.mr-full-form {
border: 1px solid #ddd;
padding: 50px 50px 20px;
margin: 0 !important;
border-radius: 20px;
font-size: 14px !important;
}
form.mr-full-form select {
padding: 10px 18px !important;
border-radius: 5px;
border-color: #dcd7ca;
}
form.mr-full-form input.mr-input {
padding: 10px 15px;
border-radius: 5px;
}
.mr-password-wrap input.mr-input {
padding: 10px 15px;
border-radius: 5px;
}
form.mr-full-form strong {
font-weight: 400;
}
.mr-review-wrap h2 {
text-align: center;
}
form.mr-full-form .mr-options.mr-options-checkbox input[type="checkbox"] {
margin-right: 10px;
}
p.mr-error-text.mr-js {
text-align: center;
}
.mr-alert.mr-alert-success h3.mr-alert-title {
text-align: center;
margin-bottom: 0;
}
.mr-alert.mr-alert-success p.mr-help {
text-align: center;
color: #fff;
}
.mr-pdf-logo {
max-height: 30px;
float: left;
margin-right: 10px;
}
.mr-pdf-title {
margin: 0;
padding-top: 10px;
}
th.col-name-builder {
width: 130px;
}
th.col-fields-builder {
width: 100px;
}
@media (max-width: 767px) {
.mr-review-wrap {
margin: 0px !important;
}
.mr-review-wrap {
padding: 40px 20px !important;
}
form.mr-full-form {
padding: 20px !important;
}
.mr-password-wrap {
margin: 50px 20px !important; 
}
.mr-review-wrap h2 {
margin-top: 0 !important;
}
}