.Fme_Upload_Files,
.fmeuploadfile-upload-handler,
.fme-upload-wrap,
.main_upload,
.fme-file-upload-popup-button,
.fme-file-uploader-popup-wrapper,
.fme-file-cropper-popup-wrapper,
#fme_upload_files_order_row,
.woocommerce-order-details,
.woocommerce-table--order-details {
--fme-brand: #18abe3;
--fme-brand-dark: #1496c7;
--fme-brand-light: #e8f7fc;
--fme-primary: #2271b1;
--fme-primary-dark: #1557b0;
--fme-primary-light: #e8f0fe;
--fme-edit: #2271b1;
--fme-edit-dark: #4f46e5;
--fme-danger: #dc2626;
--fme-danger-dark: #b91c1c;
--fme-success: #16a34a;
--fme-success-dark: #15803d;
--fme-surface: #ffffff;
--fme-surface-muted: #f8f9fa;
--fme-surface-page: #f0f2f5;
--fme-border: #e5e7eb;
--fme-border-input: #e0e0e0;
--fme-text: #1f2937;
--fme-text-muted: #6b7280;
--fme-text-heading: #374151;
--fme-radius: 8px;
--fme-radius-sm: 6px;
--fme-radius-lg: 16px;
--fme-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
--fme-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--fme-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.15);
--fme-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--fme-primary);
}   .Fme_Upload_Files .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.Fme_Upload_Files .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
box-sizing: border-box;
}
.Fme_Upload_Files .row > [class*="col-"] {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.Fme_Upload_Files .clearfix::before,
.Fme_Upload_Files .clearfix::after {
content: " ";
display: table;
}
.Fme_Upload_Files .clearfix::after {
clear: both;
} .Fme_Upload_Files .col-xs-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.Fme_Upload_Files .col-xs-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.Fme_Upload_Files .col-xs-3 { flex: 0 0 25%; max-width: 25%; }
.Fme_Upload_Files .col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.Fme_Upload_Files .col-xs-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.Fme_Upload_Files .col-xs-6 { flex: 0 0 50%; max-width: 50%; }
.Fme_Upload_Files .col-xs-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.Fme_Upload_Files .col-xs-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.Fme_Upload_Files .col-xs-9 { flex: 0 0 75%; max-width: 75%; }
.Fme_Upload_Files .col-xs-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.Fme_Upload_Files .col-xs-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.Fme_Upload_Files .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 768px) {
.Fme_Upload_Files .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.Fme_Upload_Files .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.Fme_Upload_Files .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
.Fme_Upload_Files .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.Fme_Upload_Files .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.Fme_Upload_Files .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
.Fme_Upload_Files .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.Fme_Upload_Files .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.Fme_Upload_Files .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
.Fme_Upload_Files .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.Fme_Upload_Files .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.Fme_Upload_Files .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
.Fme_Upload_Files .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.Fme_Upload_Files .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.Fme_Upload_Files .col-md-3 { flex: 0 0 25%; max-width: 25%; }
.Fme_Upload_Files .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.Fme_Upload_Files .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.Fme_Upload_Files .col-md-6 { flex: 0 0 50%; max-width: 50%; }
.Fme_Upload_Files .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.Fme_Upload_Files .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.Fme_Upload_Files .col-md-9 { flex: 0 0 75%; max-width: 75%; }
.Fme_Upload_Files .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.Fme_Upload_Files .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.Fme_Upload_Files .col-md-12 { flex: 0 0 100%; max-width: 100%; }
.Fme_Upload_Files .col-md-offset-1 { margin-left: 8.333333%; }
.Fme_Upload_Files .col-md-offset-2 { margin-left: 16.666667%; }
.Fme_Upload_Files .col-md-offset-3 { margin-left: 25%; }
.Fme_Upload_Files .col-md-offset-10 { margin-left: 83.333333%; }
}   .Fme_Upload_Files .btn,
.fmeuploadfile-upload-handler .btn,
.fme-upload-wrap .btn,
.woocommerce-order-details .btn,
.woocommerce-table--order-details .btn,
#fme_upload_files_order_row .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 500;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 16px;
font-size: 13px;
line-height: 1.5;
border-radius: var(--fme-radius-sm);
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
box-sizing: border-box;
text-decoration: none;
}
.Fme_Upload_Files .btn:focus,
.fmeuploadfile-upload-handler .btn:focus,
.fme-upload-wrap .btn:focus {
outline: none;
box-shadow: var(--fme-focus-ring);
}
.Fme_Upload_Files .btn-sm,
.fmeuploadfile-upload-handler .btn-sm,
.fme-upload-wrap .btn-sm,
.woocommerce-order-details .btn-sm {
padding: 5px 12px;
font-size: 12px;
line-height: 1.4;
border-radius: var(--fme-radius-sm);
}
.Fme_Upload_Files .btn-primary,
.fmeuploadfile-upload-handler .btn-primary,
.fme-upload-wrap .btn-primary {
color: #fff;
background-color: var(--fme-primary);
border-color: var(--fme-primary-dark);
box-shadow: 0 1px 2px rgba(26, 115, 232, 0.2);
}
.Fme_Upload_Files .btn-primary:hover,
.fmeuploadfile-upload-handler .btn-primary:hover,
.fme-upload-wrap .btn-primary:hover {
color: #fff;
background-color: var(--fme-primary-dark);
border-color: var(--fme-primary-dark);
}
.Fme_Upload_Files .btn-success,
.fmeuploadfile-upload-handler .btn-success,
.fme-upload-wrap .btn-success,
.woocommerce-order-details .btn-success {
color: #fff;
background-color: var(--fme-success);
border-color: var(--fme-success-dark);
}
.Fme_Upload_Files .btn-success:hover,
.fmeuploadfile-upload-handler .btn-success:hover,
.fme-upload-wrap .btn-success:hover,
.woocommerce-order-details .btn-success:hover {
background-color: var(--fme-success-dark);
border-color: var(--fme-success-dark);
}
.Fme_Upload_Files .btn-danger,
.fmeuploadfile-upload-handler .btn-danger,
.fme-upload-wrap .btn-danger,
.woocommerce-order-details .btn-danger {
color: #fff;
background-color: var(--fme-danger);
border-color: var(--fme-danger-dark);
}
.Fme_Upload_Files .btn-danger:hover,
.fmeuploadfile-upload-handler .btn-danger:hover,
.fme-upload-wrap .btn-danger:hover,
.woocommerce-order-details .btn-danger:hover {
background-color: var(--fme-danger-dark);
border-color: var(--fme-danger-dark);
}
.Fme_Upload_Files .btn-default,
.fmeuploadfile-upload-handler .btn-default,
.fme-upload-wrap .btn-default {
color: var(--fme-text);
background-color: var(--fme-surface);
border-color: var(--fme-border);
}
.Fme_Upload_Files .btn-default:hover,
.fmeuploadfile-upload-handler .btn-default:hover,
.fme-upload-wrap .btn-default:hover {
background-color: var(--fme-surface-muted);
border-color: #c3c4c7;
} @keyframes fme-uf-btn-spin {
to {
transform: rotate(360deg);
}
}
.Fme_Upload_Files .btn.fme-uf-btn--loading,
.Fme_Upload_Files #Fme_upload_files_editbtn.fme-uf-btn--loading,
.Fme_Upload_Files #Fme_upload_files_deletebtn.fme-uf-btn--loading,
.Fme_Upload_Files [class*="Fme_upload_files_deletebtn"].fme-uf-btn--loading,
.Fme_Upload_Files [class*="Fme_upload_files_editbtn"].fme-uf-btn--loading {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
pointer-events: none;
cursor: not-allowed;
opacity: 0.95;
box-sizing: border-box;
}
.Fme_Upload_Files .fme-uf-btn--loading .fme-uf-btn__label {
line-height: 1.2;
font-weight: inherit;
}
.Fme_Upload_Files .fme-uf-btn--loading .fme-uf-btn__spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
border-radius: 50%;
animation: fme-uf-btn-spin 0.65s linear infinite;
flex-shrink: 0;
}
.Fme_Upload_Files .btn-default.fme-uf-btn--loading .fme-uf-btn__spinner,
.Fme_Upload_Files #Fme_upload_files_editbtn.fme-uf-btn--loading .fme-uf-btn__spinner,
.Fme_Upload_Files [class*="Fme_upload_files_editbtn"].fme-uf-btn--loading .fme-uf-btn__spinner {
border-color: rgba(34, 113, 177, 0.3);
border-top-color: var(--fme-primary, #2271b1);
}
.Fme_Upload_Files #Fme_upload_files_editbtn.fme-uf-btn--loading,
.Fme_Upload_Files [class*="Fme_upload_files_editbtn"].fme-uf-btn--loading {
background-color: var(--fme-primary, #2271b1);
color: #fff;
border-color: var(--fme-primary, #2271b1);
}
.Fme_Upload_Files #Fme_upload_files_editbtn.fme-uf-btn--loading .fme-uf-btn__spinner,
.Fme_Upload_Files [class*="Fme_upload_files_editbtn"].fme-uf-btn--loading .fme-uf-btn__spinner {
border-color: rgba(255, 255, 255, 0.35);
border-top-color: #fff;
}   .Fme_Upload_Files .tab-content > .tab-pane {
display: none;
}
.Fme_Upload_Files .tab-content > .tab-pane.active {
display: block;
}   .Fme_Upload_Files .modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100050;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.Fme_Upload_Files .modal.fme-modal-open,
.Fme_Upload_Files .modal.in {
display: block;
}
.Fme_Upload_Files .fme-uf-modal-backdrop {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100040;
background-color: rgba(0, 0, 0, 0.5);
}
.Fme_Upload_Files .fme-uf-modal-backdrop.fme-modal-open {
display: block;
}
.Fme_Upload_Files .modal-dialog {
position: relative;
width: auto;
max-width: min(1150px, calc(100vw - 48px));
min-height: calc(100vh - 32px);
display: flex;
align-items: center;
margin: 16px auto;
float: none;
pointer-events: none;
}
.Fme_Upload_Files .modal.fme-modal-open .modal-dialog,
.Fme_Upload_Files .modal.in .modal-dialog {
pointer-events: auto;
}
.Fme_Upload_Files .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
max-height: calc(100dvh - 32px);
background-color: var(--fme-surface);
border: none;
border-radius: var(--fme-radius-lg);
box-shadow: var(--fme-shadow-lg);
background-clip: padding-box;
outline: 0;
overflow: hidden;
}
.Fme_Upload_Files .modal-header {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 24px 28px 20px;
border-bottom: 1px solid var(--fme-border);
background: var(--fme-surface);
}
.Fme_Upload_Files .modal-header .modal-title {
margin: 0;
flex: 1;
order: 1;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: var(--fme-text);
letter-spacing: -0.02em;
}
.Fme_Upload_Files .modal-header .modal-title::before {
content: "RULE EDITOR";
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
color: var(--fme-text-muted);
margin-bottom: 6px;
}
.Fme_Upload_Files .modal-header .close {
float: none;
flex-shrink: 0;
order: 2;
padding: 8px 16px;
margin: 0;
background: var(--fme-surface);
border: 1px solid var(--fme-border-input);
border-radius: var(--fme-radius-sm);
font-size: 13px;
font-weight: 500;
line-height: 1.4;
color: var(--fme-text-muted);
cursor: pointer;
opacity: 1;
min-height: 36px;
}
.Fme_Upload_Files .modal-header .close span {
display: none;
}
.Fme_Upload_Files .modal-header .close::after {
content: "Close";
font-size: 13px;
font-weight: 500;
}
.Fme_Upload_Files .modal-header .close:hover {
color: var(--fme-text);
border-color: #c3c4c7;
background: var(--fme-surface-muted);
}
.Fme_Upload_Files .modal-body {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow: auto;
padding: 24px 28px;
background: var(--fme-surface);
}
.Fme_Upload_Files .modal-footer {
flex: 0 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 12px;
padding: 18px 28px 24px;
border-top: 1px solid var(--fme-border);
background-color: var(--fme-surface);
border-radius: 0;
}
.Fme_Upload_Files .modal-footer .btn-default {
padding: 10px 20px;
min-height: 42px;
border: 1px solid var(--fme-border-input);
border-radius: var(--fme-radius-sm);
background: var(--fme-surface);
color: var(--fme-text-muted);
font-weight: 500;
}
.Fme_Upload_Files .modal-footer .btn-default:hover {
background: var(--fme-surface-muted);
color: var(--fme-text);
}
.Fme_Upload_Files .modal-footer .btn-success {
padding: 10px 24px;
min-height: 42px;
border: none;
border-radius: var(--fme-radius-sm);
background: var(--fme-primary);
color: #fff;
font-weight: 600;
font-size: 14px;
box-shadow: 0 1px 3px rgba(26, 115, 232, 0.3);
}
.Fme_Upload_Files .modal-footer .btn-success:hover {
background: var(--fme-primary-dark);
color: #fff;
}
.Fme_Upload_Files .modal-lg {
width: min(920px, 94vw);
max-width: min(920px, 94vw);
}
#Fme_upload_files_modal_dialogue {
max-width: min(1040px, calc(100vw - 48px)) !important;
width: auto !important;
margin: 16px auto !important;
float: none !important;
}
@media (max-width: 782px) {
.Fme_Upload_Files .modal-dialog,
#Fme_upload_files_modal_dialogue {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px) !important;
min-height: calc(100dvh - 16px);
margin: 8px auto;
}
.Fme_Upload_Files .modal-content {
max-height: calc(100dvh - 16px);
border-radius: 12px;
}
.Fme_Upload_Files .modal-header,
.Fme_Upload_Files .modal-body,
.Fme_Upload_Files .modal-footer {
padding-left: 16px;
padding-right: 16px;
}
.Fme_Upload_Files .modal-header {
gap: 8px;
flex-wrap: wrap;
}
.Fme_Upload_Files .modal-header .close {
margin-left: auto;
}
.Fme_Upload_Files .modal-header .modal-title {
font-size: 18px;
}
}   .Fme_Upload_Files input[type="text"],
.Fme_Upload_Files input[type="number"],
.Fme_Upload_Files input[type="email"],
.Fme_Upload_Files input[type="password"],
.Fme_Upload_Files input[type="url"],
.Fme_Upload_Files select,
.Fme_Upload_Files textarea {
max-width: 100%;
width: 100%;
min-height: 42px;
padding: 10px 14px;
border: 1px solid var(--fme-border-input);
border-radius: var(--fme-radius-sm);
font-size: 14px;
line-height: 1.5;
color: var(--fme-text);
background-color: var(--fme-surface);
box-sizing: border-box;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.Fme_Upload_Files textarea {
min-height: 88px;
resize: vertical;
}
.Fme_Upload_Files input[type="text"]:focus,
.Fme_Upload_Files input[type="number"]:focus,
.Fme_Upload_Files input[type="email"]:focus,
.Fme_Upload_Files select:focus,
.Fme_Upload_Files textarea:focus {
border-color: var(--fme-primary);
box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
outline: none;
}
.Fme_Upload_Files input[type="radio"] {
width: 16px !important;
height: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
margin: 0;
padding: 0;
flex-shrink: 0;
accent-color: var(--fme-primary);
}
.Fme_Upload_Files input.cmn-toggle {
position: absolute;
margin-left: -9999px;
width: 1px !important;
height: 1px !important;
min-height: 0 !important;
max-width: none !important;
visibility: hidden;
}
.Fme_Upload_Files input[type="checkbox"]:not(.cmn-toggle) { min-height: auto;
} .Fme_Upload_Files table,
.Fme_Upload_Files .table {
border-collapse: collapse;
width: 100%;
border: none;
background: var(--fme-surface);
}
.Fme_Upload_Files table th,
.Fme_Upload_Files table td,
.Fme_Upload_Files .table th,
.Fme_Upload_Files .table td {
padding: 14px 16px;
border: none;
border-bottom: 1px solid var(--fme-border);
vertical-align: middle;
font-size: 13px;
color: var(--fme-text);
}
.Fme_Upload_Files table thead th,
.Fme_Upload_Files .table thead th {
background-color: var(--fme-surface-muted);
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--fme-text-heading);
text-align: left;
border-bottom: 1px solid var(--fme-border);
}
.Fme_Upload_Files table tbody tr:hover td,
.Fme_Upload_Files .table tbody tr:hover td {
background-color: rgba(26, 115, 232, 0.03);
}
.Fme_Upload_Files table.table-striped tbody tr:nth-child(even) td {
background-color: rgba(248, 249, 250, 0.8);
}
.Fme_Upload_Files table.table-striped tbody tr:nth-child(even):hover td {
background-color: rgba(26, 115, 232, 0.05);
} body > .fme-uf-modal-backdrop {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100040;
background-color: rgba(15, 23, 42, 0.45);
backdrop-filter: blur(2px);
}
body > .fme-uf-modal-backdrop.fme-modal-open {
display: block;
}
body.fme-uf-modal-body-open {
overflow: hidden;
} .Fme_Upload_Files input.cmn-toggle + label {
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
overflow: hidden;
}
.Fme_Upload_Files input.cmn-toggle-round + label {
width: 52px;
height: 28px;
padding: 0;
background-color: #c3c4c7;
border-radius: 999px;
transition: background-color 0.2s ease;
}
.Fme_Upload_Files input.cmn-toggle-round + label:before {
display: none;
}
.Fme_Upload_Files input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
content: "";
background-color: #fff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
transition: transform 0.2s ease;
}
.Fme_Upload_Files input.cmn-toggle-round:checked + label {
background-color: var(--fme-primary, #2271b1);
}
.Fme_Upload_Files input.cmn-toggle-round:checked + label:after {
transform: translateX(24px);
}
.Fme_Upload_Files .fme-uf-field--toggle .fme-uf-field__control {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 42px;
}
.Fme_Upload_Files .fme-uf-field--toggle input.cmn-toggle + label {
flex-shrink: 0;
}