Remove Iconly font CSS files: iconly.css and iconly.rtl.css

This commit is contained in:
LailaWulandarii 2025-12-30 02:59:44 +07:00
parent d8cb177ef1
commit 6cdb4d86db
5 changed files with 422 additions and 24240 deletions

File diff suppressed because one or more lines are too long

View File

@ -116,6 +116,8 @@ [data-bs-theme=light] {
/* Teal Utama */
--bs-brick: #E66351;
--bs-red: #DC464F;
--bs-red-active: #bb3b43;
--bs-red-hover: #a5343b;
/* Merah Bunga */
--bs-orange: #FF975A;
/* Oranye Aksen */
@ -128,9 +130,9 @@ [data-bs-theme=light] {
/* Hijau Sukses */
--bs-info: #0dcaf0;
/* Biru Info */
--bs-warning: #ffc107;
--bs-warning: #FF975A;
/* Kuning Peringatan */
--bs-danger: #dc3545;
--bs-danger: #DC464F;
/* Merah Error */
--bs-secondary: #6c757d;
--bs-light: #ced4da;
@ -252,8 +254,8 @@ [data-bs-theme=light] {
/* Form Validation State */
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
--bs-form-invalid-color: #DC464F;
--bs-form-invalid-border-color: #DC464F;
/* Lain-lain (Highlight & Gradient) */
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
@ -294,6 +296,9 @@ [data-bs-theme=light] {
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--login-bg: #f4f6f9;
}
@ -320,7 +325,7 @@ body {
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: left;
background-color: rgba(var(--bs-primary-rgb), 0.04);
background-color: #f4f6f9;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@ -2500,7 +2505,7 @@ @media (max-width: 1399.98px) {
}
.form-label {
margin-bottom: .5rem
margin-bottom: .3rem
}
.col-form-label {
@ -2529,10 +2534,11 @@ .form-text {
color: #7c8db5
}
.form-control {
.form-control,
.form-select {
display: block;
width: 100%;
padding: .375rem .75rem;
padding: .4rem .8rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
@ -2542,7 +2548,7 @@ .form-control {
background-color: #fff;
background-clip: padding-box;
border: 1px solid #dce7f1;
border-radius: .25rem;
border-radius: .6rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@ -2553,19 +2559,20 @@ @media (prefers-reduced-motion: reduce) {
}
.form-control[type=file] {
overflow: hidden
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
.form-control:focus,
.form-select:focus {
color: #607080;
background-color: #fff;
border-color: #a1afdf;
border-color: var(--bs-primary);
outline: 0;
box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25)
box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.1);
}
.form-control::-webkit-date-and-time-value {
@ -2579,8 +2586,10 @@ .form-control::-webkit-datetime-edit {
padding: 0
}
.form-control::placeholder {
color: #adb5bd;
.form-control::placeholder,
.form-select::placeholder {
color: var(--bs-gray-500);
font-size: 14px;
opacity: 1
}
@ -2706,7 +2715,7 @@ .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: .375rem 1.75rem .375rem .75rem;
padding: .4rem .8rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
@ -2719,21 +2728,20 @@ .form-select {
background-position: right .75rem center;
background-size: 16px 12px;
border: 1px solid #dce7f1;
border-radius: .25rem;
border-radius: .6rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-select option {
font-size: 13px;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none
}
}
.form-select:focus {
border-color: #a1afdf;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
@ -3344,7 +3352,7 @@ .invalid-feedback {
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #dc3545
color: #DC464F
}
.invalid-tooltip {
@ -3370,9 +3378,9 @@ .is-invalid~.invalid-tooltip {
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #dc3545;
border-color: #DC464F;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC464F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC464F' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
@ -3380,7 +3388,7 @@ .form-control.is-invalid {
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #dc3545;
border-color: #DC464F;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
@ -3392,14 +3400,14 @@ textarea.form-control.is-invalid {
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: #dc3545
border-color: #DC464F
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC464F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC464F' stroke='none'/%3e%3c/svg%3e");
padding-right: calc(.75em + 3.0625rem);
background-position: right .75rem center, center right 2.5rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
@ -3407,7 +3415,7 @@ .form-select.is-invalid:not([multiple])[size="1"] {
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: #dc3545;
border-color: #DC464F;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
@ -3418,12 +3426,12 @@ .form-control-color.is-invalid {
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
border-color: #dc3545
border-color: #DC464F
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
background-color: #dc3545
background-color: #DC464F
}
.was-validated .form-check-input:invalid:focus,
@ -3433,7 +3441,7 @@ .form-check-input.is-invalid:focus {
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc3545
color: #DC464F
}
.form-check-inline .form-check-input~.invalid-feedback {
@ -3577,19 +3585,18 @@ .btn-secondary {
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-bg: #3B8181;
--bs-btn-border-color: #3B8181;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-hover-bg: #2a6161;
--bs-btn-hover-border-color: #2a6161;
--bs-btn-focus-shadow-rgb: 59, 129, 129;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-active-bg: #225454;
--bs-btn-active-border-color: #225454;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754
--bs-btn-disabled-bg: #3B8181;
--bs-btn-disabled-border-color: #3B8181;
}
.btn-info {
@ -3610,26 +3617,26 @@ .btn-info {
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-color: #fff;
--bs-btn-bg: #FF975A;
--bs-btn-border-color: #FF975A;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #e67e40;
--bs-btn-hover-border-color: #e67e40;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #cc6f38;
--bs-btn-active-border-color: #cc6f38;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #FF975A;
--bs-btn-disabled-border-color: #FF975A
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-bg: #DC464F;
--bs-btn-border-color: #DC464F;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
@ -3639,8 +3646,8 @@ .btn-danger {
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545
--bs-btn-disabled-bg: #DC464F;
--bs-btn-disabled-border-color: #DC464F
}
.btn-light {
@ -3729,36 +3736,36 @@ .btn-outline-info {
}
.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-color: #FF975A;
--bs-btn-border-color: #FF975A;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-hover-bg: #FF975A;
--bs-btn-hover-border-color: #FF975A;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-bg: #FF975A;
--bs-btn-active-border-color: #FF975A;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-color: #FF975A;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-btn-disabled-border-color: #FF975A;
--bs-gradient: none
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-color: #DC464F;
--bs-btn-border-color: #DC464F;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-hover-bg: #DC464F;
--bs-btn-hover-border-color: #DC464F;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-bg: #DC464F;
--bs-btn-active-border-color: #DC464F;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-color: #DC464F;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-btn-disabled-border-color: #DC464F;
--bs-gradient: none
}
@ -5021,7 +5028,10 @@ .card-body {
}
.card-title {
color: var(--bs-card-title-color)
color: black;
font-weight: var(--fw-semibold);
font-size: var(--text-lg);
margin-bottom: .7rem;
}
.card-subtitle {
@ -5442,12 +5452,12 @@ .pagination-sm {
}
.badge {
--bs-badge-padding-x: .65em;
--bs-badge-padding-y: .35em;
--bs-badge-padding-x: .825em;
--bs-badge-padding-y: .575em;
--bs-badge-font-size: .85em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: .25rem;
--bs-badge-font-weight: 500;
--bs-badge-color: #000;
--bs-badge-border-radius: 2rem;
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
@ -6121,7 +6131,7 @@ .modal {
--bs-modal-bg: #fff;
--bs-modal-border-color: rgba(0, 0, 0, .2);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: .3rem;
--bs-modal-border-radius: 1rem;
--bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
--bs-modal-inner-border-radius: calc(.3rem - 1px);
--bs-modal-header-padding-x: 1rem;
@ -6188,7 +6198,78 @@ .modal-dialog-scrollable .modal-body {
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2)
min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-reject,
.modal-accept {
border-radius: 1rem;
border: none;
}
.custom-textarea {
border: 1px solid #e9ecef;
resize: none;
font-size: 0.9rem;
color: #495057;
transition: all 0.3s;
}
.custom-textarea:focus {
background-color: #fff;
border-color: #DC464F;
box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
/* Glow merah tipis */
}
/* 3. Tombol Batal (Hover effect) */
.modal-reject .btn-light,
.modal-accept .btn-light {
background-color: #fff;
border: 1px solid #dee2e6;
color: #6c757d;
}
.modal-reject .btn-light:hover,
.modal-accept .btn-light:hover {
background-color: #f8f9fa;
border-color: #cdd4da;
color: #000;
}
.modal-reject .btn-danger {
background-color: #DC464F;
border: none;
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
/* Shadow tombol */
}
.modal-reject .btn-danger:hover {
background-color: #bb2d3b;
transform: translateY(-1px);
/* Efek naik dikit pas dihover */
}
/* MODAL ADD */
.upload-area {
border: 2px dashed #dee2e6;
/* Garis putus-putus abu */
border-radius: 0.5rem;
background-color: #f8f9fa;
/* Background abu sangat muda */
cursor: pointer;
transition: all 0.3s;
}
.upload-area span,
.upload-area small {
font-size: var(--text-xs);
}
.upload-area:hover {
border-color: #3B8181;
/* Warna tema saat dihover */
background-color: #fff;
}
.modal-content {
@ -6205,6 +6286,17 @@ .modal-content {
outline: 0
}
/* Paksa modal preview gambar punya z-index lebih tinggi dari modal standar */
#modalImagePreview {
z-index: 1061 !important;
/* Nilai standar modal Bootstrap adalah 1055 */
}
/* Pastikan backdrop (layar hitam) modal preview juga ikut naik */
#modalImagePreview.show~.modal-backdrop {
z-index: 1060 !important;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
@ -6232,7 +6324,6 @@ .modal-header {
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius)
}
@ -6244,7 +6335,7 @@ .modal-header .btn-close {
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height)
font-weight: var(--fw-medium);
}
.modal-body {
@ -6258,7 +6349,7 @@ .modal-footer {
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
justify-content: center;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
@ -6266,10 +6357,104 @@ .modal-footer {
border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}
.modal-footer>* {
margin: calc(var(--bs-modal-footer-gap) * .5)
.modal-section-title {
font-size: var(--text-base);
font-weight: var(--fw-medium);
margin-bottom: 6px;
}
.detail-order,
.detail-customer,
.payment-box,
.detail-buket {
border-radius: 12px;
border: 1px solid var(--bs-gray-200);
padding: 10px 14px;
margin-bottom: 10px;
}
.custom-img-box {
width: 100%;
height: 250px;
object-fit: contain;
border-radius: 12px;
background-color: #f8f9fa;
cursor: pointer;
display: block;
}
.custom-img-box-foto {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 12px;
background-color: #f8f9fa;
cursor: pointer;
display: block;
}
/* Wrapper per baris data (kiri label, kanan value) */
.detail-row {
display: flex;
justify-content: space-between;
margin-bottom: 0.25rem;
}
/* Tulisan Label (Kiri - Abu-abu) */
.detail-label,
.detail-buket-label {
color: black;
font-size: var(--text-sm);
}
/* Tulisan Isi/Value (Kanan - Tebal) */
.detail-value,
.detail-value.amount,
.detail-value.item {
font-weight: var(--fw-medium);
color: #000;
text-align: right;
margin-bottom: 0;
}
.detail-buket-value {
font-weight: var(--fw-medium);
color: #000;
text-align: left;
margin-bottom: 0;
}
/* Foto Bukti Transfer */
.proof-img-wrapper {
background-color: #fff;
text-align: center;
cursor: pointer;
transition: transform 0.2s;
}
.proof-img-wrapper:hover {
transform: scale(1.02);
/* Efek zoom dikit pas di-hover */
border-color: #0d6efd;
/* Highlight border warna biru */
}
.proof-img {
max-height: 150px;
width: auto;
border-radius: 0.25rem;
}
.btn.tolak,
.btn.terima,
.btn.batal,
.btn.kirim-wa {
font-size: var(--text-sm);
border-radius: 50px;
padding: 10px 0;
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
@ -7015,6 +7200,36 @@ @media (prefers-reduced-motion: reduce) {
}
}
.login-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
/* 2. Card Styling */
.login-card {
background-color: white;
width: 100%;
max-width: 400px;
/* Sedikit lebih ramping biar elegan */
padding: 40px;
border-radius: 16px;
/* Lebih rounded biar modern */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.02);
}
/* 3. Logo */
.login-logo {
width: 120px;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
@ -22090,7 +22305,75 @@ .btn svg {
}
.btn.icon {
padding: .4rem .6rem
padding: .3rem .5rem;
border-radius: 8px;
margin: 0;
}
.btn-add-custom,
.btn-add-foto,
.btn-add-additional {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-radius: 50rem;
padding: 0.6rem 1rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid transparent;
font-size: var(--text-sm);
background-color: var(--bs-primary);
color: #fff;
box-shadow: 0 4px 6px rgba(59, 129, 129, 0.2);
}
.btn-add-additional {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-radius: 50rem;
padding: 0.6rem 1.4rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid transparent;
font-size: var(--text-sm);
background-color: var(--bs-red);
color: #fff;
box-shadow: 0 4px 6px rgba(59, 129, 129, 0.2);
}
.btn-add-custom:hover,
.btn-add-foto:hover {
background-color: var(--bs-link-hover-color);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(59, 129, 129, 0.3);
}
.btn-add-additional:hover {
background-color: var(--bs-red-hover);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(59, 129, 129, 0.3);
}
.btn-add-custom i,
.btn-add-foto i,
.btn-add-additional i {
line-height: 1;
display: flex;
align-items: center;
height: 100%;
}
.btn-add-custom:active,
.btn-add-foto:active,
.btn-add-additional:active {
transform: translateY(0);
}
.btn.icon svg {
@ -22499,12 +22782,39 @@ .form-group[class*=has-icon-] .form-control-icon svg:before {
.form-group.mandatory .form-label:first-child:after {
content: " *";
color: #dc3545
color: #DC464F
}
.form-group.is-invalid * {
color: #dc3545;
border-color: #dc3545
color: #DC464F;
border-color: #DC464F
}
.form-group.has-icon-right {
position: relative;
}
/* Padding kanan input biar teks password gak nabrak icon mata */
.form-group.has-icon-right .form-control {
padding-right: 40px;
}
.form-control-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
/* PENTING: Biar icon ada di layer paling atas & bisa diklik */
cursor: pointer;
color: #6c757d;
padding: 5px;
/* Nambah area klik */
}
.form-control-icon:hover {
color: #0d6efd;
/* Efek hover biru */
}
.form-control~.form-control-icon {
@ -22610,8 +22920,8 @@ .form-check .form-check-input.form-check-info.form-check-glow:not(:checked) {
}
.form-check .form-check-input.form-check-warning {
background-color: #ffc107;
border-color: #ffc107
background-color: #FF975A;
border-color: #FF975A
}
.form-check .form-check-input.form-check-warning:not(:checked) {
@ -22628,8 +22938,8 @@ .form-check .form-check-input.form-check-warning.form-check-glow:not(:checked) {
}
.form-check .form-check-input.form-check-danger {
background-color: #dc3545;
border-color: #dc3545
background-color: #DC464F;
border-color: #DC464F
}
.form-check .form-check-input.form-check-danger:not(:checked) {
@ -22704,13 +23014,13 @@ .form-check.form-check-info .form-check-input {
}
.form-check.form-check-warning .form-check-input {
background-color: #ffc107;
border-color: #ffc107
background-color: #FF975A;
border-color: #FF975A
}
.form-check.form-check-danger .form-check-input {
background-color: #dc3545;
border-color: #dc3545
background-color: #DC464F;
border-color: #DC464F
}
.form-check.form-check-light .form-check-input {
@ -23477,14 +23787,14 @@ .pagination.pagination-info .page-item.active .page-link {
}
.pagination.pagination-warning .page-item.active .page-link {
background-color: #ffc107;
border-color: #ffc107;
background-color: #FF975A;
border-color: #FF975A;
box-shadow: 0 2px 5px rgba(255, 193, 7, .3)
}
.pagination.pagination-danger .page-item.active .page-link {
background-color: #dc3545;
border-color: #dc3545;
background-color: #DC464F;
border-color: #DC464F;
box-shadow: 0 2px 5px rgba(220, 53, 69, .3)
}
@ -23730,7 +24040,7 @@ .progress.progress-warning {
}
.progress.progress-warning .progress-bar {
background-color: #ffc107;
background-color: #FF975A;
border-radius: .18rem
}
@ -23739,7 +24049,7 @@ .progress.progress-danger {
}
.progress.progress-danger .progress-bar {
background-color: #dc3545;
background-color: #DC464F;
border-radius: .18rem
}
@ -23833,7 +24143,13 @@ .burger-btn {
#main {
margin-left: 260px;
padding: 2rem;
min-height: 100vh
min-height: 100vh;
display: flex;
flex-direction: column;
}
.page-content {
flex: 1;
}
@media screen and (max-width: 1199px) {

File diff suppressed because it is too large Load Diff

View File

@ -1 +0,0 @@
@font-face{font-family:Iconly---Bold;src:url(./eot/Iconly---Bold.eot?jilz72);src:url(./eot/Iconly---Bold.eot?jilz72#iefix) format("embedded-opentype"),url(./fonts/Iconly---Bold.ttf?jilz72) format("truetype"),url(./fonts/Iconly---Bold.woff?jilz72) format("woff"),url(./svg/Iconly---Bold.svg?jilz72#Iconly---Bold) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=iconly-bold],[class*=" iconly-bold"]{font-family:Iconly---Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconly-boldActivity:before{content:""}.iconly-boldUser:before{content:""}.iconly-boldUser1:before{content:""}.iconly-boldAdd-User:before{content:""}.iconly-boldArrow---Down-2:before{content:""}.iconly-boldArrow---Down-3:before{content:""}.iconly-boldArrow---Down-Circle:before{content:""}.iconly-boldArrow---Down-Square:before{content:""}.iconly-boldArrow---Down:before{content:""}.iconly-boldArrow---Left-2:before{content:""}.iconly-boldArrow---Left-3:before{content:""}.iconly-boldArrow---Left-Circle:before{content:""}.iconly-boldArrow---Left-Square:before{content:""}.iconly-boldArrow---Left:before{content:""}.iconly-boldArrow---Right-2:before{content:""}.iconly-boldArrow---Right-3:before{content:""}.iconly-boldArrow---Right-Circle:before{content:""}.iconly-boldArrow---Right-Square:before{content:""}.iconly-boldArrow---Right:before{content:""}.iconly-boldArrow---Up-2:before{content:""}.iconly-boldArrow---Up-3:before{content:""}.iconly-boldArrow---Up-Circle:before{content:""}.iconly-boldArrow---Up-Square:before{content:""}.iconly-boldArrow---Up:before{content:""}.iconly-boldBag-2:before{content:""}.iconly-boldBag:before{content:""}.iconly-boldBookmark:before{content:""}.iconly-boldBuy:before{content:""}.iconly-boldCalendar:before{content:""}.iconly-boldCall-Missed:before{content:""}.iconly-boldCall-Silent:before{content:""}.iconly-boldCall:before{content:""}.iconly-boldCalling:before{content:""}.iconly-boldCamera:before{content:""}.iconly-boldCategory:before{content:""}.iconly-boldChart:before{content:""}.iconly-boldChat:before{content:""}.iconly-boldClose-Square:before{content:""}.iconly-boldDanger:before{content:""}.iconly-boldDelete:before{content:""}.iconly-boldDiscount:before{content:""}.iconly-boldDiscovery:before{content:""}.iconly-boldDocument:before{content:""}.iconly-boldDownload:before{content:""}.iconly-boldEdit-Square:before{content:""}.iconly-boldEdit:before{content:""}.iconly-boldFilter-2:before{content:""}.iconly-boldFilter:before{content:""}.iconly-boldFolder:before{content:""}.iconly-boldGame:before{content:""}.iconly-boldGraph:before{content:""}.iconly-boldHeart:before{content:""}.iconly-boldHide:before{content:""}.iconly-boldHome:before{content:""}.iconly-boldImage-2:before{content:""}.iconly-boldImage:before{content:""}.iconly-boldInfo-Circle:before{content:""}.iconly-boldInfo-Square:before{content:""}.iconly-boldLocation:before{content:""}.iconly-boldLock:before{content:""}.iconly-boldLogin:before{content:""}.iconly-boldLogout:before{content:""}.iconly-boldMessage:before{content:""}.iconly-boldMore-Circle:before{content:""}.iconly-boldMore-Square:before{content:""}.iconly-boldNotification:before{content:""}.iconly-boldPaper-Download:before{content:""}.iconly-boldPaper-Fail:before{content:""}.iconly-boldPaper-Negative:before{content:""}.iconly-boldPaper-Plus:before{content:""}.iconly-boldPaper-Upload:before{content:""}.iconly-boldPaper:before{content:""}.iconly-boldPassword:before{content:""}.iconly-boldPlay:before{content:""}.iconly-boldPlus:before{content:""}.iconly-boldProfile:before{content:""}.iconly-boldScan:before{content:""}.iconly-boldSearch:before{content:""}.iconly-boldSend:before{content:""}.iconly-boldSetting:before{content:""}.iconly-boldShield-Done:before{content:""}.iconly-boldShield-Fail:before{content:""}.iconly-boldShow:before{content:""}.iconly-boldStar:before{content:""}.iconly-boldSwap:before{content:""}.iconly-boldTick-Square:before{content:""}.iconly-boldTicket-Star:before{content:""}.iconly-boldTicket:before{content:""}.iconly-boldTime-Circle:before{content:""}.iconly-boldTime-Square:before{content:""}.iconly-boldUnlock:before{content:""}.iconly-boldUpload:before{content:""}.iconly-boldVideo:before{content:""}.iconly-boldVoice-2:before{content:""}.iconly-boldVoice:before{content:""}.iconly-boldVolume-Down:before{content:""}.iconly-boldVolume-Off:before{content:""}.iconly-boldVolume-Up:before{content:""}.iconly-boldWallet:before{content:""}.iconly-boldWork:before{content:""}

View File

@ -1 +0,0 @@
@font-face{font-family:Iconly---Bold;src:url(./eot/Iconly---Bold.eot?jilz72);src:url(./eot/Iconly---Bold.eot?jilz72#iefix) format("embedded-opentype"),url(./fonts/Iconly---Bold.ttf?jilz72) format("truetype"),url(./fonts/Iconly---Bold.woff?jilz72) format("woff"),url(./svg/Iconly---Bold.svg?jilz72#Iconly---Bold) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=iconly-bold],[class*=" iconly-bold"]{font-family:Iconly---Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconly-boldActivity:before{content:""}.iconly-boldUser:before{content:""}.iconly-boldUser1:before{content:""}.iconly-boldAdd-User:before{content:""}.iconly-boldArrow---Down-2:before{content:""}.iconly-boldArrow---Down-3:before{content:""}.iconly-boldArrow---Down-Circle:before{content:""}.iconly-boldArrow---Down-Square:before{content:""}.iconly-boldArrow---Down:before{content:""}.iconly-boldArrow---Left-2:before{content:""}.iconly-boldArrow---Left-3:before{content:""}.iconly-boldArrow---Left-Circle:before{content:""}.iconly-boldArrow---Left-Square:before{content:""}.iconly-boldArrow---Left:before{content:""}.iconly-boldArrow---Right-2:before{content:""}.iconly-boldArrow---Right-3:before{content:""}.iconly-boldArrow---Right-Circle:before{content:""}.iconly-boldArrow---Right-Square:before{content:""}.iconly-boldArrow---Right:before{content:""}.iconly-boldArrow---Up-2:before{content:""}.iconly-boldArrow---Up-3:before{content:""}.iconly-boldArrow---Up-Circle:before{content:""}.iconly-boldArrow---Up-Square:before{content:""}.iconly-boldArrow---Up:before{content:""}.iconly-boldBag-2:before{content:""}.iconly-boldBag:before{content:""}.iconly-boldBookmark:before{content:""}.iconly-boldBuy:before{content:""}.iconly-boldCalendar:before{content:""}.iconly-boldCall-Missed:before{content:""}.iconly-boldCall-Silent:before{content:""}.iconly-boldCall:before{content:""}.iconly-boldCalling:before{content:""}.iconly-boldCamera:before{content:""}.iconly-boldCategory:before{content:""}.iconly-boldChart:before{content:""}.iconly-boldChat:before{content:""}.iconly-boldClose-Square:before{content:""}.iconly-boldDanger:before{content:""}.iconly-boldDelete:before{content:""}.iconly-boldDiscount:before{content:""}.iconly-boldDiscovery:before{content:""}.iconly-boldDocument:before{content:""}.iconly-boldDownload:before{content:""}.iconly-boldEdit-Square:before{content:""}.iconly-boldEdit:before{content:""}.iconly-boldFilter-2:before{content:""}.iconly-boldFilter:before{content:""}.iconly-boldFolder:before{content:""}.iconly-boldGame:before{content:""}.iconly-boldGraph:before{content:""}.iconly-boldHeart:before{content:""}.iconly-boldHide:before{content:""}.iconly-boldHome:before{content:""}.iconly-boldImage-2:before{content:""}.iconly-boldImage:before{content:""}.iconly-boldInfo-Circle:before{content:""}.iconly-boldInfo-Square:before{content:""}.iconly-boldLocation:before{content:""}.iconly-boldLock:before{content:""}.iconly-boldLogin:before{content:""}.iconly-boldLogout:before{content:""}.iconly-boldMessage:before{content:""}.iconly-boldMore-Circle:before{content:""}.iconly-boldMore-Square:before{content:""}.iconly-boldNotification:before{content:""}.iconly-boldPaper-Download:before{content:""}.iconly-boldPaper-Fail:before{content:""}.iconly-boldPaper-Negative:before{content:""}.iconly-boldPaper-Plus:before{content:""}.iconly-boldPaper-Upload:before{content:""}.iconly-boldPaper:before{content:""}.iconly-boldPassword:before{content:""}.iconly-boldPlay:before{content:""}.iconly-boldPlus:before{content:""}.iconly-boldProfile:before{content:""}.iconly-boldScan:before{content:""}.iconly-boldSearch:before{content:""}.iconly-boldSend:before{content:""}.iconly-boldSetting:before{content:""}.iconly-boldShield-Done:before{content:""}.iconly-boldShield-Fail:before{content:""}.iconly-boldShow:before{content:""}.iconly-boldStar:before{content:""}.iconly-boldSwap:before{content:""}.iconly-boldTick-Square:before{content:""}.iconly-boldTicket-Star:before{content:""}.iconly-boldTicket:before{content:""}.iconly-boldTime-Circle:before{content:""}.iconly-boldTime-Square:before{content:""}.iconly-boldUnlock:before{content:""}.iconly-boldUpload:before{content:""}.iconly-boldVideo:before{content:""}.iconly-boldVoice-2:before{content:""}.iconly-boldVoice:before{content:""}.iconly-boldVolume-Down:before{content:""}.iconly-boldVolume-Off:before{content:""}.iconly-boldVolume-Up:before{content:""}.iconly-boldWallet:before{content:""}.iconly-boldWork:before{content:""}