:root{--main-color: #ea480a;--main-color-hover: #ea5e00;--bg-grey: #f8f7f5;--text-muted: #6B7280;--text-muted2: #b0b2b6;--tw-ring-color: transparent !important;--tw-ring-offset-shadow: none !important;--tw-ring-shadow: none !important}.material-symbols--groups-rounded{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M1 18q-.425 0-.712-.288T0 17v-.575q0-1.075 1.1-1.75T4 14q.325 0 .625.013t.575.062q-.35.525-.525 1.1t-.175 1.2V18zm6 0q-.425 0-.712-.288T6 17v-.625q0-.8.438-1.463t1.237-1.162T9.588 13T12 12.75q1.325 0 2.438.25t1.912.75t1.225 1.163t.425 1.462V17q0 .425-.287.713T17 18zm12.5 0v-1.625q0-.65-.162-1.225t-.488-1.075q.275-.05.563-.062T20 14q1.8 0 2.9.663t1.1 1.762V17q0 .425-.288.713T23 18zM4 13q-.825 0-1.412-.587T2 11q0-.85.588-1.425T4 9q.85 0 1.425.575T6 11q0 .825-.575 1.413T4 13m16 0q-.825 0-1.412-.587T18 11q0-.85.588-1.425T20 9q.85 0 1.425.575T22 11q0 .825-.575 1.413T20 13m-8-1q-1.25 0-2.125-.875T9 9q0-1.275.875-2.137T12 6q1.275 0 2.138.863T15 9q0 1.25-.862 2.125T12 12'/%3E%3C/svg%3E")}.mobile-nav .admin-mobile-nav>li{flex:1 1 33.3%!important;max-width:33.3%!important}.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{border-color:transparent;box-shadow:none}.br-10{border-radius:5px!important}#month-filter{border-left:unset;border-right:unset}.input-group-text{border:1px solid var(--text-muted)}.custom-select-wrapper{position:relative;display:inline-block}.custom-select-wrapper>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-color:#fff;font-size:16px;cursor:pointer;padding-right:45px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='grey' stroke='grey' stroke-linecap='round' stroke-linejoin='round' stroke-width='0' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(to right,transparent,transparent calc(100% - 35px),#f0f0f0 calc(100% - 35px),#f0f0f0);background-position:right 8px center,right center;background-size:16px 16px,100% 100%}.custom-select-wrapper select:hover{border-color:#888}.form-control{border-radius:5px}input:focus,textarea:focus,select:focus,button:focus,a:focus,.select2-container .select2-selection:focus,.select2-container--bootstrap-5 .select2-selection:focus,.select2-search__field:focus,.select2-selection__rendered:focus,.select2-selection__arrow:focus{outline:none!important;box-shadow:none!important;border-color:inherit!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,.select2-container .select2-selection:focus-visible,.select2-search__field:focus-visible{outline:none!important;box-shadow:none!important;border-color:inherit!important}.select2-container--bootstrap-5 .select2-search--inline>textarea{height:32px!important}input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,.form-control::-moz-placeholder{color:var(--text-muted)!important;opacity:1}input::placeholder,textarea::placeholder,select::placeholder,.form-control::placeholder,select{color:var(--text-muted)!important;opacity:1}.select2-selection{display:flex!important;flex-direction:row;align-items:center}input:not([type=checkbox]):not([type=radio]),select,.select2-selection{height:42px!important}textarea{height:10rem!important;padding:.5rem .75rem!important}textarea.optional-field-value{height:6rem!important}.btn,.add-kategori-btn{height:42px!important}.btn-edit{background-color:#ff6c34;color:#fff}.btn-edit#btn-edit-paket{background-color:unset!important;color:green}.btn-edit,.btn-delete,.btn-daftar-jamaah,.btn-edit-user,.btn-atur-kuota,.btn-share,.btn-edit-jamaah,.btn-delete-jamaah,.btn-pembayaran-jamaah,.btn-edit-persyaratan,.btn-global{padding:0!important;width:32px!important;height:32px!important;font-size:.8rem}.btn-share,.btn-blue{background-color:#0d6efd;color:#fff}.btn-atur-kuota.disabled{background-color:gray!important;color:#fff!important;pointer-events:none;cursor:not-allowed;opacity:.65}.btn-share:hover{background-color:#0046af;color:#fff}.btn-validate-album{background-color:#0dcaf0;color:#fff;height:32px!important}.btn-validasi-album{background-color:#0dcaf0;color:#fff}.btn-tambah-album,.btn-validasi-album{width:50%;height:42px!important}.btn-sm{padding:.25rem .5rem;font-size:.75rem;border-radius:.375rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.75rem}td>.btn{height:32px!important}table .btn-edit-bank,table .btn-edit-room,table .btn-delete-bank,table .btn-delete-room{height:32px!important;width:32px!important;font-size:.8rem;padding:0}table .btn-detail-jamaah,table .btn-edit-jamaah,table .btn-pembayaran-jamaah,table .btn-edit-perlengkapan,table .btn-delete-jamaah,table .btn-persyaratan-jamaah{height:32px!important}.input-group .form-control-file,.input-group .custom-file-input{width:100px;height:24px;min-width:100px;border-radius:0 6px 6px 0;border-left:none}.custom-file-input-foto{width:100%;height:24px;border-radius:6px}.radio-input{width:1rem;height:1rem}.file-input{height:2rem;padding:.3rem .7rem;border:1px solid #d7d7d7;border-radius:5px;background-color:#fff;color:#333;font-size:1rem;transition:border-color .3s}.file-input:focus{border-color:var(--main-color);outline:none}.file-input::file-selector-button{background:var(--main-color);height:2.5rem;color:#fff;border:none;padding:.3rem .8rem;border-radius:5px;cursor:pointer;transition:background .3s}.file-input::file-selector-button:hover{background:var(--main-color);filter:brightness(90%);color:#fff}input[type=file]::file-selector-button{height:42px;width:100%;background-color:var(--main-color);color:#fff;border:none}input[type=file]::-ms-value{display:none}input[type=file]::-webkit-input-placeholder{color:transparent}input[type=file]::-webkit-file-upload-button+span,input[type=file]:after{display:none!important}input[type=file]{color:transparent}.paket-card-wrapper{margin-bottom:.7rem}.paket-card{border:1px solid var(--main-color);border-radius:8px!important}.card-header{background-color:var(--main-color);color:#fff;font-size:.8rem}.bg-grey{background-color:var(--bg-grey)}.bg-grey-dark{background-color:var(--bg-grey-dark)}.bg-main{background-color:var(--main-color)!important;color:#fff}.bg-orange{background-color:#ff6c34!important;color:#fff}.btn-main{background-color:var(--main-color);color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease}.btn-outline-main{border:1px var(--main-color) solid;color:var(--main-color);padding:.5rem 1rem;font-size:1rem;transition:all .3s ease}.btn-outline-main:hover{background-color:var(--main-color);color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease}.btn-main:hover{transform:translateY(-2px);background-color:var(--main-color);filter:brightness(90%);color:#fff}.btn-main-sm{padding:.4rem!important;font-size:.8rem;transition:all .3s ease}.btn-main-sm:hover{transform:translateY(-2px);background-color:var(--main-color);filter:brightness(90%);color:#fff}.btn-mobile-toggle{padding-left:0;padding-right:0;height:32px!important;width:32px!important;padding:0!important}.btn-layout.active{background-color:var(--main-color)!important;color:#fff}.nav-link.active{background-color:var(--main-color)!important;color:#fff!important}.mobile-menu-item.active{background-color:var(--main-color)!important}.text-main{color:var(--main-color)!important}.txt-white{color:#fff}.txt-black{color:#000}.text-green{color:#059c27}.text-yellow{color:#e7b100!important}.text-muted{color:var(--text-muted)!important}.text-lg{font-size:1.1rem}.text-Medium{font-size:.9rem}.text-small{font-size:.8rem}.text-xsm{font-size:.75rem}.color-main{color:var(--main-color)}.color-white{color:#fff}.collapse.show{visibility:visible}.loading-spinner-ring div{color:var(--main-color)}#search-input{border-radius:10px 0 0 10px}.search-border-user{border:1px solid;border-top-right-radius:2;border-bottom-right-radius:2}#year-filter,#type-filter,#search-input-role{border-radius:0 10px 10px 0}#type-filter+.select2{border:unset!important;border-radius:0 10px 10px 0!important;height:42px!important}#type-filter+.select2-container .select2-selection--single{border:1px solid #a1a5ae!important;border-radius:0 10px 10px 0!important;height:42px!important}#type-filter+.select2-container .select2-selection__rendered{border-radius:0 10px 10px 0!important;line-height:42px!important;padding-left:12px!important}#type-filter+.select2-container .select2-selection__arrow{height:40px!important;right:1px;width:35px;background-color:#f0f0f0;border-radius:0 10px 10px 0!important}#type-filter+.select2-container{width:100%!important}#paket-hotel-madinah-stars option,#paket-hotel-makkah-stars option{color:text-yellow}.modal-footer-btn{display:flex;justify-content:space-between;padding:1rem;gap:.3rem}.btn-success{background-color:#28a745;color:#fff;padding:.5rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-primary{background-color:#ff6c34;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-primary-bs{background-color:#007bff;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-secondary{background-color:#6c757d;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-danger{background-color:#dc3545;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-hapus{background-color:#49dc35;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease;border-radius:5px}.btn-outline-white{border:2px white solid}thead{color:var(--main-color)!important}table tr th{text-align:center!important}table th,table td{padding:.6rem!important;text-align:start!important;width:-moz-max-content!important;width:max-content!important;white-space:nowrap}.table>tbody{vertical-align:middle!important}.border-grey{border:1px solid #d7d7d7}.btn-logout-admin{font-size:.7rem;transition:all .3s ease}.filter-dropdown-container{background:#f8f9fa;padding:15px;border-radius:10px;margin-top:10px;border:1px solid #e9ecef}.filter-dropdown-container .form-select{border-radius:8px;border:1px solid #ced4da}.select2{border:1px solid #a1a5ae!important;border-radius:.375rem!important}#form-title-sticky.sticky-active{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1030;box-shadow:0 2px 4px #00000014;margin-top:0!important;padding-top:1rem;padding-bottom:1rem}.form-itinerary-container{display:grid;grid-template-columns:1fr 2fr;align-items:center}#change-password-button{background-color:transparent!important}#change-password-button:active,#change-password-button:focus{background-color:#ea480a!important}#change-password-button .icon-mask{background-color:#ea480a}#change-password-button:active .icon-mask,#change-password-button:focus .icon-mask{background-color:#fff!important}@media screen and (max-width: 480px){.btn-mobile{margin:0;height:35px;font-size:.8rem}}#demo-feature{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}#demo-feature.menu-open .btn{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}#demo-feature.menu-open .btn img{filter:brightness(0) saturate(100%) invert(27%) sepia(99%) saturate(1264%) hue-rotate(131deg) brightness(94%) contrast(101%)}.demo-role-menu{position:fixed;top:70px;right:20px;width:340px;max-width:calc(100vw - 40px);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040,0 0 0 1px #0000000d;opacity:0;visibility:hidden;transform:translateY(-20px) scale(.95);transition:all .35s cubic-bezier(.4,0,.2,1);z-index:9999!important;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate}.demo-role-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.demo-menu-header{background:var(--main-color);padding:20px;text-align:center;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.demo-menu-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-50%,-50%);opacity:.5}50%{transform:translate(-30%,-30%);opacity:1}}.demo-menu-title{color:#fff;font-size:18px;font-weight:700;margin:0;position:relative;z-index:1}.demo-menu-subtitle{color:#ffffffd9;font-size:12px;margin:5px 0 0;position:relative;z-index:1}.demo-menu-body{padding:16px;max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--main-color) #f0f0f0}.demo-menu-body::-webkit-scrollbar{width:6px}.demo-menu-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.demo-menu-body::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}.demo-role-group{margin-bottom:20px}.demo-role-group:last-child{margin-bottom:0}.demo-role-group-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;margin-bottom:8px;background:#f8f9fa;border-radius:10px}.demo-role-group-title i{color:var(--main-color);font-size:14px}.demo-role-item{display:flex;align-items:center;gap:14px;padding:14px 12px;margin-bottom:8px;border-radius:12px;background:#fff;border:2px solid #f0f0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.demo-role-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(0,104,56,.05) 0%,transparent 100%);transition:width .4s ease}.demo-role-item:hover{border-color:var(--main-color);transform:translate(4px);box-shadow:0 4px 12px #00683826}.demo-role-item:hover:before{width:100%}.demo-role-item:active{transform:translate(2px) scale(.98)}.demo-role-item.loading{opacity:.6;pointer-events:none}.demo-role-item.loading .role-arrow{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.role-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:transform .3s ease;position:relative;z-index:1}.demo-role-item:hover .role-icon{transform:scale(1.1) rotate(5deg)}.role-icon i{color:#fff;font-size:20px}.role-info{flex:1;min-width:0;position:relative;z-index:1}.role-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-description{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-arrow{color:#999;font-size:14px;transition:all .3s ease;position:relative;z-index:1}.demo-role-item:hover .role-arrow{color:#006838;transform:translate(4px)}.demo-menu-footer{padding:14px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center;border-radius:0 0 20px 20px}.demo-menu-footer small{color:#666;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.demo-menu-footer i{color:var(--main-color)}@media (max-width: 768px){.demo-role-menu{top:60px;right:10px;width:calc(100vw - 20px);max-width:360px}.role-icon{width:44px;height:44px}.role-icon i{font-size:18px}}@media (max-width: 480px){.demo-role-menu{top:60px;right:10px;left:10px;width:auto}.demo-menu-body{max-height:calc(100vh - 200px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.demo-role-menu.active .demo-role-item{animation:slideInRight .4s ease-out backwards}.demo-role-menu.active .demo-role-item:nth-child(1){animation-delay:.05s}.demo-role-menu.active .demo-role-item:nth-child(2){animation-delay:.1s}.demo-role-menu.active .demo-role-item:nth-child(3){animation-delay:.15s}.demo-role-menu.active .demo-role-item:nth-child(4){animation-delay:.2s}.demo-role-menu.active .demo-role-item:nth-child(5){animation-delay:.25s}.demo-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.demo-menu-overlay.active{opacity:1;visibility:visible}.swal-demo-container{z-index:2147483650!important}.swal-demo-popup{z-index:2147483651!important}.swal-toast-container{z-index:2147483652!important}.swal-toast-popup{z-index:2147483653!important}.swal2-show{animation:swal2-show .3s!important}.swal2-hide{animation:swal2-hide .15s!important}.swal2-container.swal2-backdrop-show{background:#0006!important}#popup-select-muthowif.modal.show,#popup-select-tourleader.modal.show{backdrop-filter:blur(4px);background-color:#0006;-webkit-backdrop-filter:blur(4px)}#popup-select-muthowif .modal-dialog,#popup-select-tourleader .modal-dialog{max-width:400px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#popup-select-muthowif .modal-content,#popup-select-tourleader .modal-content{border:none;border-radius:10px;box-shadow:0 8px 32px #0000001f}#popup-select-muthowif .modal-header,#popup-select-tourleader .modal-header{background-color:var(--main-color, #007bff);border-bottom:none;border-radius:10px 10px 0 0;padding:.75rem 1rem}#popup-select-muthowif .modal-title,#popup-select-tourleader .modal-title{font-size:.875rem;font-weight:600;color:#fff}#popup-select-muthowif .btn-close,#popup-select-tourleader .btn-close{filter:brightness(0) invert(1);opacity:.8;padding:.5rem;font-size:.875rem}#popup-select-muthowif .btn-close:hover,#popup-select-tourleader .btn-close:hover{opacity:1}#popup-select-muthowif .modal-body,#popup-select-tourleader .modal-body{padding:.875rem 1rem}#search-muthowif-popup,#search-tourleader-popup{border:1px solid #dee2e6;border-radius:6px;padding:.5rem .75rem;font-size:12px;transition:all .2s ease;background-color:#fff}#search-muthowif-popup::-moz-placeholder,#search-tourleader-popup::-moz-placeholder{font-size:12px;color:#adb5bd}#search-muthowif-popup::placeholder,#search-tourleader-popup::placeholder{font-size:12px;color:#adb5bd}#search-muthowif-popup:focus,#search-tourleader-popup:focus{border-color:var(--main-color, #007bff);box-shadow:0 0 0 .125rem #007bff1a;outline:none}
