.main-menu{background-color:#2ABB9B !important;color:#fff !important;text-align:center}.dash-numb{font-size:25pt !important;text-align:center !important}.dash-text{text-transform:capitalize !important}.carousel-indicators .active{background:#31708f}.adjust1{float:left;width:95%;margin-bottom:0}.adjust2{margin:0;padding-left:35px;text-align:justify}.carousel-indicators li{border:1px solid #ccc}.carousel-control{color:#31708f;width:5%}.carousel-control:hover,
.carousel-control:focus
{color:#31708f}.carousel-control.left,
.carousel-control.right
{background-image:none}.media-object{margin:auto;margin-top:15%}@media screen and (max-width:768px){.media-object{margin-top:0}}.ind{bottom:-18px !important}.bott-bar{position:relative !important;width:100% !important}.pos-bar,
.user-profile-wrap
{position:relative !important}.content-bar{width:20%;float:left;color:#000}.group-bot-bar{height:48px;position:relative;text-align:center;padding-top:5px}.content-bar:hover,
.content-bar.active
{color:#20A8D8}.icon-bot-bar{font-size:30px;text-align:center;position:relative}.text-bot-bar{margin-top:-5px;font-size:11px;text-align:center}.Table{display:table}.Title{display:table-caption;text-align:center;font-weight:bold;font-size:larger}.Heading{display:table-row;font-weight:bold;text-align:center}.Row{display:table-row}.Cell{display:table-cell;border:solid;border-width:thin;padding-left:5px;padding-right:5px}.box,
.small-box,
.info-box,
.card,
.panel,
.widget,
.content-wrapper .box
{border-radius:16px !important;overflow:hidden}.btn,
.form-control,
select,
textarea
{border-radius:10px !important}.table{border-radius:12px;overflow:hidden}.modal-content{border-radius:18px !important}.navbar,
.main-header .navbar
{border-radius:0 0 18px 18px}.dropdown-menu{border-radius:12px !important}.main-sidebar{border-radius:0 20px 20px 0}.box,
.small-box,
.info-box,
.card
{transition:all .3s ease;box-shadow:0 3px 10px rgba(0,0,0,.08)}.box:hover,
.small-box:hover,
.info-box:hover,
.card:hover
{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.finance-dashboard{margin:0 0 24px;padding:0 14px 20px;background:#f7f9fc}.finance-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 4px 14px}.finance-kicker,
.finance-panel-kicker
{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#6b7280;margin-bottom:3px}.finance-kicker i,
.finance-panel-kicker i,
.finance-date i
{margin-right:5px}.finance-header h3{margin:0;font-size:21px;font-weight:700;color:#172033}.finance-header p{margin:4px 0 0;color:#7b8494;font-size:12px}.finance-date{color:#6b7280;font-size:12px;white-space:nowrap}.finance-group-title{display:flex;align-items:center;margin:5px 0 8px;font-size:12px;font-weight:700}.finance-group-title:after{content:"";flex:1;height:1px;margin-left:10px;background:#e3e8ef}.finance-income-title{color:#14966b}.finance-expense-title{color:#d65a5a;margin-top:14px}.finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-card{position:relative;min-height:86px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e8edf3;border-radius:14px;box-shadow:0 3px 12px rgba(30,45,65,.05);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.finance-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0}.finance-card.income:before{background:#18a875}.finance-card.expense:before{background:#e06b6b}.finance-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,45,65,.09)}.finance-icon{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:18px}.finance-card.income .finance-icon{color:#14966b;background:#e8f8f1}.finance-card.expense .finance-icon{color:#d65a5a;background:#fff0f0}.finance-content,
.login-emis-brand-text,
.mapel-form-group
{min-width:0}.finance-label{display:block;margin-bottom:3px;color:#7a8492;font-size:11px;line-height:1.2}.finance-content strong{display:block;color:#202838;font-size:17px;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-bottom-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px;margin-top:16px}.finance-panel{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 3px 12px rgba(30,45,65,.05);overflow:hidden}.finance-panel-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #eef1f5}.finance-panel-header h4{margin:0;color:#172033;font-size:16px;font-weight:700}.finance-year-select{width:145px !important;height:34px !important;border-radius:8px !important;font-size:12px}.finance-chart-caption{padding:10px 16px 0;color:#7b8494;font-size:11px}.finance-chart{height:300px !important;padding:0 8px 8px}.finance-calendar-tools{display:flex;gap:2px}.finance-calendar-tools .btn-box-tool{color:#7b8494}.finance-calendar-body{padding:0}.finance-calendar-body #calendar{width:100%;min-height:300px}.finance-calendar-panel .fc-toolbar{padding:10px 12px 0}.finance-calendar-panel .fc-toolbar h2{font-size:14px;color:#172033}.finance-calendar-panel .fc-button{border-radius:7px !important;border:1px solid #e3e8ef !important;background:#fff !important;color:#596273 !important;box-shadow:none !important}.finance-calendar-panel .fc-button:hover,
.finance-calendar-panel .fc-button:focus
{background:#f3f6f9 !important}.finance-calendar-panel .fc-day-header{padding:8px 0;border-color:#eef1f5;background:#f8fafc;color:#6b7280;font-size:10px}.finance-calendar-panel .fc-day,
.finance-calendar-panel .fc-widget-content
{border-color:#eef1f5}.finance-calendar-panel .fc-day-number{padding:6px;color:#4b5563;font-size:11px}@media (max-width:991px){.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-bottom-grid{grid-template-columns:1fr}}@media (max-width:600px){.finance-dashboard{padding:0 8px 16px}.finance-header{padding:14px 2px 12px}.finance-header h3{font-size:18px}.finance-date{display:none}.finance-grid{gap:8px}.finance-card{min-height:76px;padding:10px 9px;gap:8px;border-radius:12px}.finance-icon{flex-basis:36px;width:36px;height:36px;border-radius:10px;font-size:15px}.finance-content strong{font-size:13px}.finance-label{font-size:10px}.finance-panel-header{padding:12px}.finance-year-select{width:110px !important}}@media (max-width:360px){.finance-grid{grid-template-columns:1fr}}body,
.main-header,
.content-wrapper
{font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important}.modern-top-nav{position:relative !important;display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:6px !important;width:100% !important;margin:0 0 18px !important;padding:7px !important;box-sizing:border-box !important;background:linear-gradient(135deg,#f5faff 0%,#f8f5ff 52%,#fff8f2 100%) !important;border:1px solid #e6ebf3 !important;border-radius:16px !important;box-shadow:0 7px 22px rgba(45,62,80,.07) !important}.modern-top-nav>a,
.modern-top-nav .nav-dropdown-toggle
{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;min-height:38px !important;padding:0 12px !important;border:1px solid transparent !important;border-radius:10px !important;background:transparent !important;color:#536174 !important;text-decoration:none !important;font-size:12px !important;font-weight:650 !important;line-height:1 !important;white-space:nowrap !important;cursor:pointer !important;transition:all .18s ease !important}.modern-top-nav>a:hover,
.modern-top-nav .nav-dropdown-toggle:hover
{background:rgba(255,255,255,.82) !important;border-color:#dfe7f1 !important;color:#287D6B !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(54,73,96,.06) !important}.modern-top-nav>a.active{background:linear-gradient(135deg,#E7F5F0 0%,#F1FAF7 100%) !important;border-color:#d6e2f5 !important;color:#3568b8 !important;box-shadow:0 4px 12px rgba(63,81,181,.08) !important}.modern-top-nav>a.active::after{content:"" !important;position:absolute !important;left:12px !important;right:12px !important;bottom:3px !important;height:2px !important;border-radius:3px !important;background:#55B89F !important}.modern-top-nav .nav-icon{width:17px !important;text-align:center !important;font-size:13px !important;color:#7AA097 !important;transition:color .18s ease,transform .18s ease !important}.modern-top-nav>a:hover .nav-icon,
.modern-top-nav .nav-dropdown-toggle:hover .nav-icon,
.modern-top-nav>a.active .nav-icon,
.user-avatar-icon
{color:#3E8F7C !important}.modern-top-nav .nav-dropdown{position:relative !important;flex:0 0 auto !important}.modern-top-nav .nav-chevron{margin-left:1px !important;color:#98a5b6 !important;font-size:8px !important;transition:transform .18s ease !important}.modern-top-nav .nav-dropdown:hover .nav-chevron{transform:rotate(180deg) !important}.modern-top-nav .nav-dropdown-menu{position:absolute !important;top:calc(100%+7px) !important;left:0 !important;min-width:205px !important;margin:0 !important;padding:7px !important;background:rgba(255,255,255,.98) !important;border:1px solid #e4e9f1 !important;border-radius:13px !important;box-shadow:0 14px 35px rgba(38,53,72,.13) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-5px) !important;pointer-events:none !important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;z-index:9999 !important}.modern-top-nav .nav-dropdown:hover .nav-dropdown-menu,
.modern-top-nav .nav-dropdown:focus-within .nav-dropdown-menu
{display:block !important;opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important}.modern-top-nav .nav-dropdown-menu a{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important;min-height:36px !important;box-sizing:border-box !important;padding:0 10px !important;border-radius:9px !important;color:#526174 !important;text-decoration:none !important;font-size:11px !important;font-weight:600 !important;transition:background .16s ease,color .16s ease !important}.modern-top-nav .nav-dropdown-menu a:hover{background:#EEF8F5 !important;color:#4564b3 !important}.modern-top-nav .nav-dropdown-menu .nav-icon{color:#7c91b0 !important}.modern-top-nav .nav-login{margin-left:2px !important;padding-left:14px !important;padding-right:14px !important;background:#EAF7F2 !important;border-color:#D5EEE7 !important;color:#287d62 !important}.modern-top-nav .nav-login .nav-icon,
.content-wrapper .alert-success i,
.content-wrapper .alert-success .fa
{color:#45A98F !important}.modern-top-nav .nav-login:hover{background:#E1F4ED !important;border-color:#C6E5DA !important;color:#216B5B !important}.user-panel{position:relative !important;display:flex !important;align-items:center !important;gap:8px !important;z-index:1001 !important}.user-avatar{width:40px !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:1px solid #D7E9E3 !important;border-radius:50% !important;background:linear-gradient(135deg,#EAF7F3,#F3FAF8) !important;color:#3E8F7C !important;cursor:pointer !important;font-size:17px !important;box-shadow:0 4px 12px rgba(67,91,126,.08) !important;transition:all .18s ease !important}.user-avatar:hover{transform:translateY(-1px) !important;border-color:#C5DED6 !important;box-shadow:0 7px 17px rgba(67,91,126,.13) !important}.user-dropdown{position:absolute !important;top:47px !important;right:0 !important;width:205px !important;min-width:205px !important;padding:12px !important;box-sizing:border-box !important;background:rgba(255,255,255,.98) !important;border:1px solid #e3e9f1 !important;border-radius:14px !important;box-shadow:0 14px 35px rgba(35,50,70,.14) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-6px) !important;pointer-events:none !important;transition:opacity .17s ease,transform .17s ease,visibility .17s ease !important}.user-profile-wrap:hover .user-dropdown,
.user-profile-wrap:focus-within .user-dropdown
{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important}.user-name{padding:2px 2px 9px !important;border-bottom:1px solid #edf0f4 !important;color:#27384f !important;font-size:12px !important;font-weight:700 !important}.user-name-label{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-name small{display:block !important;margin-top:3px !important;color:#7b8798 !important;font-size:10px !important;font-weight:500 !important}.profile-edit{display:flex !important;align-items:center !important;gap:8px !important;margin-top:9px !important;padding:8px 9px !important;border-radius:9px !important;background:#EEF8F5 !important;color:#3E8F7C !important;text-decoration:none !important;font-size:11px !important;font-weight:600 !important;transition:all .16s ease !important}.profile-edit:hover{background:#E2F4EE !important;color:#327968 !important}.profile-edit i{font-size:12px !important}.logout-icon{min-width:40px !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:0 11px !important;box-sizing:border-box !important;border:1px solid #f4dce3 !important;border-radius:12px !important;background:#fff3f6 !important;color:#df6d87 !important;text-decoration:none !important;font-size:13px !important;box-shadow:0 4px 11px rgba(198,90,116,.06) !important;transition:all .18s ease !important}.logout-icon:hover{background:#ffe5ec !important;border-color:#f0c9d4 !important;color:#c95570 !important;transform:translateY(-1px) !important;box-shadow:0 7px 16px rgba(198,90,116,.12) !important}.logout-icon:active{transform:translateY(0) scale(.98) !important}.logout-text{font-size:10px !important;font-weight:700 !important;letter-spacing:.2px !important}@media (max-width:900px){.modern-top-nav{flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none !important;padding:6px !important}.modern-top-nav::-webkit-scrollbar,
.logout-text
{display:none !important}.modern-top-nav>a,
.modern-top-nav .nav-dropdown
{flex:0 0 auto !important}.modern-top-nav>a,
.modern-top-nav .nav-dropdown-toggle
{min-height:35px !important;padding:0 10px !important;font-size:10px !important}.user-panel{gap:6px !important}.user-avatar,
.logout-icon
{width:36px !important;min-width:36px !important;height:36px !important}.logout-icon{padding:0 !important;border-radius:50% !important}}@media (max-width:480px){.modern-top-nav{gap:4px !important;border-radius:13px !important}.modern-top-nav>a,
.modern-top-nav .nav-dropdown-toggle
{min-height:33px !important;padding:0 8px !important;gap:5px !important;font-size:9px !important;border-radius:8px !important}.modern-top-nav .nav-icon{width:14px !important;font-size:11px !important}.user-dropdown{right:0 !important;width:185px !important;min-width:185px !important}}.main-header .sidebar-toggle,
.sidebar-toggle
{position:relative !important;width:24px !important;height:24px !important;margin:8px 0 8px 8px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#ffffff !important;background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:5px !important;font-size:0 !important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease !important}.main-header .sidebar-toggle::before,
.sidebar-toggle::before
{content:"☰" !important;display:block !important;color:#ffffff !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;text-shadow:0 1px 2px rgba(0,0,0,.18)}.main-header .sidebar-toggle:hover,
.sidebar-toggle:hover
{color:#ffffff !important;background:rgba(255,255,255,.25) !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important;transform:translateY(-1px)}.main-header .sidebar-toggle:active,
.sidebar-toggle:active
{transform:scale(.94)}.main-header .sidebar-toggle:hover{background-color:rgba(255,255,255,.25) !important}.main-sidebar .user-panel .info,
.main-sidebar .user-panel .info a,
.main-sidebar .user-panel .info p,
.main-sidebar .user-panel .info small,
.main-sidebar .user-panel .info span
{color:#ffffff !important}.main-sidebar .user-panel .info a{font-weight:700 !important}.main-sidebar .user-panel .info p,
.main-sidebar .user-panel .info small,
.main-sidebar .user-panel .info span
{font-weight:500 !important}.main-sidebar .user-panel .info .status,
.main-sidebar .user-panel .info i
{color:#acfce4 !important}.btn-warning,
a.btn-warning,
button.btn-warning
{background:linear-gradient( 135deg,#FFF1C9 0%,#F7DFA4 52%,#EAC979 100% ) !important;background-image:linear-gradient( 135deg,#FFF1C9 0%,#F7DFA4 52%,#EAC979 100% ) !important;border-color:#E6CD91 !important;color:#80631F !important}.btn-danger,
a.btn-danger,
button.btn-danger
{background:linear-gradient( 135deg,#FFEFF2 0%,#F9DCE3 52%,#F0C5CF 100% ) !important;background-image:linear-gradient( 135deg,#FFEFF2 0%,#F9DCE3 52%,#F0C5CF 100% ) !important;border-color:#EBCAD2 !important;color:#B85B6E !important}.btn-info,
a.btn-info,
button.btn-info
{background:linear-gradient( 135deg,#E7F7F5 0%,#CDEDE8 52%,#A9DCD3 100% ) !important;background-image:linear-gradient( 135deg,#E7F7F5 0%,#CDEDE8 52%,#A9DCD3 100% ) !important;border-color:#B9DDD7 !important;color:#28766B !important}.btn-block.btn-success,
div.btn-block.btn-success,
a.btn-block.btn-success,
button.btn-block.btn-success
{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;width:auto !important;min-width:120px !important;height:42px !important;padding:8px 20px !important;border-radius:999px !important;color:#216B5E !important;background:linear-gradient( 135deg,#DDF3EC 0%,#C7EAE0 52%,#A9D9CC 100% ) !important;background-image:linear-gradient( 135deg,#DDF3EC 0%,#C7EAE0 52%,#A9D9CC 100% ) !important;border:1px solid #B7DED4 !important;box-shadow:0 4px 11px rgba(34,123,105,.12) !important;font-size:13px !important;font-weight:600 !important;transition:all .18s ease !important}.btn-block.btn-success i,
div.btn-block.btn-success i,
a.btn-block.btn-success i,
button.btn-block.btn-success i,
.btn-block.btn-success .fa,
.btn-block.btn-success .fas,
.btn-block.btn-success .far,
.btn-block.btn-success .fab,
.btn-block.btn-success .glyphicon
{color:#238572 !important;font-size:14px !important;line-height:1 !important}.btn-block.btn-success:hover,
div.btn-block.btn-success:hover,
a.btn-block.btn-success:hover,
button.btn-block.btn-success:hover
{color:#185E52 !important;background:linear-gradient( 135deg,#E7F7F2 0%,#D1EDE6 52%,#B4DFD4 100% ) !important;background-image:linear-gradient( 135deg,#E7F7F2 0%,#D1EDE6 52%,#B4DFD4 100% ) !important;border-color:#A5D5C9 !important;transform:translateY(-1px);box-shadow:0 6px 15px rgba(34,123,105,.17) !important}.btn-block.btn-success:active,
div.btn-block.btn-success:active,
a.btn-block.btn-success:active,
button.btn-block.btn-success:active
{transform:translateY(0) !important;background:linear-gradient( 135deg,#CBEAE1 0%,#B7DED3 100% ) !important;background-image:linear-gradient( 135deg,#CBEAE1 0%,#B7DED3 100% ) !important;box-shadow:0 2px 6px rgba(34,123,105,.10) !important}@media (max-width:575px){.btn-block.btn-success,
div.btn-block.btn-success,
a.btn-block.btn-success,
button.btn-block.btn-success
{width:100% !important;min-width:0 !important}}:root{--simss-green:#2E9D86;--simss-green-mid:#45B39A;--simss-green-light:#DDF3EC;--simss-green-pale:#EEF9F6;--simss-green-dark:#216B5B;--simss-border:#DCEBE6;--simss-text:#405E58}.content-wrapper{color:var(--simss-text)}.content-wrapper .box,
.content-wrapper .small-box,
.content-wrapper .info-box,
.content-wrapper .card
{border:1px solid var(--simss-border);border-radius:14px !important;box-shadow:0 4px 14px rgba(42,96,84,.07);overflow:hidden}.content-wrapper .box .box-header{background:linear-gradient(135deg,#F4FBF9 0%,#E7F5F0 100%) !important;border-bottom:1px solid var(--simss-border) !important}.content-wrapper .box .box-header .box-title{color:#286D60 !important}.content-wrapper .box-body .form-control{width:100% !important;height:36px !important;min-height:36px !important;padding:0 10px !important;border:1px solid #D5E4DE !important;border-radius:9px !important;background:#fff !important;color:#506B64 !important;font-size:12px !important;line-height:34px !important;box-shadow:none !important;box-sizing:border-box !important}.content-wrapper .box-body .form-control:hover{border-color:#B7D5CC !important}.content-wrapper .box-body .form-control:focus{border-color:#72C5B0 !important;box-shadow:0 0 0 3px rgba(69,179,154,.10) !important}.content-wrapper .box-body select.form-control{padding-left:10px !important;padding-right:28px !important}.content-wrapper .box-body textarea.form-control{height:auto !important;min-height:65px !important;padding:8px 10px !important;line-height:18px !important;border-radius:10px !important}.content-wrapper .box-body input[type="file"].form-control{height:36px !important;padding:5px 8px !important;line-height:24px !important;font-size:11px !important}.content-wrapper .box-body form label,
.content-wrapper .box-body .control-label
{display:block !important;margin:9px 0 3px !important;padding:0 !important;text-align:left !important;color:#526E67 !important;font-size:12px !important;font-weight:700 !important;line-height:15px !important;align-items:center !important}.content-wrapper .box-body form>.col-sm-6,
.content-wrapper .box-body form>.col-sm-3,
.content-wrapper .box-body form>.col-sm-12
{margin-bottom:7px !important}.content-wrapper .box .box-body{padding:14px 16px !important}.content-wrapper .btn{border-radius:999px !important;transition:all .18s ease !important}.content-wrapper .btn-primary,
.content-wrapper .btn-success
{background:linear-gradient(135deg,#63C6AE 0%,#45B39A 48%,#2E9D86 100%) !important;border:1px solid #3EAA91 !important;color:#fff !important;box-shadow:0 4px 12px rgba(46,157,134,.16) !important}.content-wrapper .btn-primary:hover,
.content-wrapper .btn-success:hover
{background:linear-gradient(135deg,#75CFBB 0%,#4DB69D 48%,#218D77 100%) !important;border-color:#218D77 !important;color:#fff !important;transform:translateY(-1px)}.content-wrapper .btn-warning{background:linear-gradient(135deg,#FFF4D8,#F7E4B1,#EBD18A) !important;border-color:#E6D29B !important;color:#80631F !important}.content-wrapper .btn-danger{background:linear-gradient(135deg,#FFF1F4,#F9DEE5,#F0C8D1) !important;border-color:#EBCDD5 !important;color:#B85B6E !important}.content-wrapper .btn-default{background:linear-gradient(135deg,#FFFFFF,#F0F7F4) !important;border-color:#D9E7E2 !important;color:#617B74 !important}.content-wrapper .table td .btn-primary,
.content-wrapper .table td .btn-danger
{width:32px !important;height:32px !important;min-width:32px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.content-wrapper .table td .btn i,
.content-wrapper .table td .btn .fa,
.content-wrapper .table td .btn .fas,
.content-wrapper .table td .btn .far,
.content-wrapper .table td .btn .glyphicon,
.pelanggaran-action-btn i,
.pelanggaran-btn i,
.btn-data-siswa i,
.btn-xs i
{margin:0 !important;font-size:14px !important}.content-wrapper table.dataTable thead th,
.content-wrapper .dataTables_wrapper table thead th,
.content-wrapper .table thead th,
.content-wrapper table thead th
{background:linear-gradient(135deg,#EAF8F5 0%,#DDF3EC 52%,#D2ECE7 100%) !important;color:#39796B !important;border-color:#C9E7DE !important}.content-wrapper table thead th i,
.content-wrapper table thead th .fa,
.content-wrapper table thead th .fas,
.content-wrapper table thead th .glyphicon
{color:#62B3A2 !important}body .main-sidebar,
body .left-side,
body .main-sidebar .sidebar
{background:linear-gradient(180deg,#009F94 0%,#009B91 55%,#008F87 100%) !important;border-radius:0 !important;border-right:0 !important}body .main-sidebar::before{content:"" !important;position:absolute !important;z-index:0 !important;left:-170px !important;bottom:-150px !important;width:560px !important;height:560px !important;background:linear-gradient( 135deg,transparent 0 42%,rgba(255,255,255,.055) 42% 44%,transparent 44% 58%,rgba(255,255,255,.045) 58% 60%,transparent 60% ) !important;transform:rotate(-8deg) !important;pointer-events:none !important}body .main-sidebar::after{content:"" !important;position:absolute !important;z-index:0 !important;left:-110px !important;bottom:-190px !important;width:420px !important;height:420px !important;background:transparent !important;border:100px solid rgba(255,255,255,.035) !important;border-radius:50% !important;transform:rotate(20deg) !important;pointer-events:none !important}body .main-sidebar .sidebar,
body .main-sidebar .sidebar-menu
{position:relative !important;z-index:5 !important;background:transparent !important}body .main-sidebar .sidebar-menu>li>a{color:rgba(255,255,255,.95) !important;background:transparent !important;border-radius:0 !important}body .main-sidebar .sidebar-menu>li:hover>a{background:rgba(255,255,255,.12) !important;color:#fff !important}body .main-sidebar .sidebar-menu>li.active>a{background:rgba(255,255,255,.17) !important;color:#fff !important;border-left:3px solid #FFD86A !important}body .main-sidebar .sidebar-menu>li.header{color:rgba(255,255,255,.72) !important;background:transparent !important}.main-sidebar .user-panel .info,
.main-sidebar .user-panel .info a,
.main-sidebar .user-panel .info p,
.main-sidebar .user-panel .info small,
.main-sidebar .user-panel .info span
{color:#fff !important}.main-header .sidebar-toggle,
.sidebar-toggle
{width:24px !important;height:24px !important;margin:8px 0 8px 8px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:5px !important}.content-wrapper .alert{border-radius:11px !important}.content-wrapper a:not(.btn){color:#347A6C}.content-wrapper a:not(.btn):hover{color:#216B5B}.content-wrapper .alert{position:relative !important;margin-bottom:14px !important;padding:11px 38px 11px 14px !important;border:1px solid transparent !important;border-left-width:4px !important;border-radius:10px !important;font-size:12px !important;line-height:18px !important;font-weight:500 !important;box-shadow:0 4px 12px rgba(42,96,84,.06) !important}.content-wrapper .alert-success{background:linear-gradient(135deg,#F0FAF7 0%,#E3F5EF 100%) !important;border-color:#BFE2D7 !important;border-left-color:#55AE98 !important;color:#367567 !important}.content-wrapper .alert-info{background:linear-gradient(135deg,#EFF9F8 0%,#E1F3F0 100%) !important;border-color:#C5E3DE !important;border-left-color:#63B6A8 !important;color:#3B756D !important}.content-wrapper .alert-info i,
.content-wrapper .alert-info .fa
{color:#55A99A !important}.content-wrapper .alert-warning{background:linear-gradient(135deg,#FFF9E9 0%,#FFF1CF 100%) !important;border-color:#EEDDAE !important;border-left-color:#D9B95F !important;color:#806A32 !important}.content-wrapper .alert-warning i,
.content-wrapper .alert-warning .fa
{color:#C69F3C !important}.content-wrapper .alert-danger{background:linear-gradient(135deg,#FFF5F6 0%,#FBE6EA 100%) !important;border-color:#EECFD6 !important;border-left-color:#D98296 !important;color:#A65E70 !important}.content-wrapper .alert-danger i,
.content-wrapper .alert-danger .fa
{color:#CF7187 !important}.content-wrapper .alert:not(.alert-success):not(.alert-info):not(.alert-warning):not(.alert-danger){background:linear-gradient(135deg,#FAFCFB 0%,#F0F6F4 100%) !important;border-color:#DCE9E5 !important;border-left-color:#8EB9AE !important;color:#5C746E !important}.content-wrapper .alert .close{position:absolute !important;top:50% !important;right:10px !important;transform:translateY(-50%) !important;margin:0 !important;padding:2px 5px !important;border:0 !important;border-radius:50% !important;background:transparent !important;color:inherit !important;opacity:.55 !important;font-size:16px !important;line-height:20px !important;text-shadow:none !important}.content-wrapper .alert .close:hover{opacity:.9 !important;background:rgba(255,255,255,.55) !important}.content-wrapper .alert a{color:inherit !important;font-weight:700 !important;text-decoration:underline !important}@media (max-width:767px){.content-wrapper .alert{padding:10px 34px 10px 12px !important;margin-bottom:10px !important;border-radius:9px !important;font-size:11px !important;line-height:17px !important}}.form-control,
select.form-control,
input.form-control,
textarea.form-control
{font-size:11px !important;font-family:inherit !important;font-weight:400 !important}select.form-control{height:34px !important;padding:5px 28px 5px 9px !important;line-height:22px !important}.pagination>li>a,
.pagination>li>span
{color:#4B8F81 !important;background:#FFFFFF !important;border:1px solid #DCEBE6 !important;border-radius:8px !important;margin:0 2px !important;box-shadow:0 2px 6px rgba(55,110,96,0.05) !important}.pagination>li>a:hover,
.pagination>li>span:hover
{color:#347A6C !important;background:#EEF9F6 !important;border-color:#CDE5DD !important}.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover
{color:#FFFFFF !important;background:linear-gradient( 135deg,#63C6AE 0%,#45B39A 50%,#2E9D86 100% ) !important;border-color:#45B39A !important;box-shadow:0 3px 8px rgba(46,157,134,0.14) !important}@media (max-width:767px){.content-wrapper .table td .btn,
.table td .btn-xs
{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:2px !important}.content-wrapper .table td .btn i,
.table td .btn-xs i
{margin:0 !important;font-size:12px !important}}@media (max-width:480px){.content-wrapper .table td .btn,
.table td .btn-xs
{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.content-wrapper .table td .btn i,
.table td .btn-xs i
{font-size:11px !important}}.dataTables_filter{width:260px !important;margin-bottom:8px !important;text-align:center !important;float:left !important}.dataTables_filter label{width:100% !important;font-size:11px !important;font-weight:500 !important}.dataTables_filter input{width:160px !important;height:32px !important;margin-left:3px !important;padding:5px 10px !important;border:1px solid #DCEBE7 !important;border-radius:8px !important;background:#FBFDFC !important;color:#58736D !important;font-size:11px !important;box-shadow:none !important}.dataTables_filter input:focus{border-color:#9BCFC1 !important;background:#FFFFFF !important;box-shadow:0 0 0 2px rgba(120,197,178,.10) !important;outline:none !important}.form-control,
select.form-control,
input.form-control
{position:relative !important;z-index:5 !important;box-sizing:border-box !important}.form-group,
.form-horizontal,
.row,
.box-body,
.content-wrapper .box:has(.selectpicker),
.content-wrapper .box:has(.bootstrap-select),
.content-wrapper .box:has(.selectpicker) .box-header,
.content-wrapper .box:has(.selectpicker) .box-body,
.content-wrapper .box-body,
.content-wrapper .box-body form,
.content-wrapper .box-body .form-group,
.content-wrapper .box:has(.bootstrap-select) .box-body,
.content-wrapper .box:has(.selectpicker) .form-group,
.content-wrapper .box:has(.bootstrap-select) .form-group,
.content-wrapper .box:has(.selectpicker) form,
.content-wrapper .box:has(.bootstrap-select) form,
#modalAdd .modal-content,
#tarikAdd .modal-content,
#modalAdd .modal-body,
#tarikAdd .modal-body,
#modalAdd form,
#tarikAdd form,
#modalAdd .form-group,
#tarikAdd .form-group
{overflow:visible !important}.select2-container,
.select2-container--default
{position:relative !important;z-index:20 !important}.search-box,
.search-container,
.form-search
{position:relative !important;z-index:10 !important;overflow:visible !important}@media (max-width:767px){.form-control,
select.form-control,
input.form-control
{height:34px !important;min-height:34px !important;line-height:22px !important;padding:5px 9px !important}.form-group,
.box-body
{overflow:visible !important}}.content-wrapper .box .box-body{padding-left:20px !important;padding-right:20px !important;box-sizing:border-box !important}@media (max-width:767px){.content-wrapper .box .box-body{padding-left:16px !important;padding-right:16px !important}}.content-wrapper .box-body form.form-horizontal .control-label,
.content-wrapper .box-body form.form-horizontal label.control-label
{padding-left:8px !important;padding-right:10px !important;box-sizing:border-box !important}.content-wrapper .box-body>form>.form-group>label{padding-left:8px !important;box-sizing:border-box !important}.content-wrapper .box-body{padding-left:20px !important;padding-right:20px !important}@media (max-width:767px){.content-wrapper .box-body{padding-left:16px !important;padding-right:16px !important}.content-wrapper .box-body form.form-horizontal .control-label,
.content-wrapper .box-body form.form-horizontal label.control-label
{padding-left:4px !important;padding-right:8px !important}}.content-wrapper .bootstrap-select,.content-wrapper .bootstrap-select{position:relative !important;z-index:1000 !important}.content-wrapper .bootstrap-select .dropdown-menu{z-index:9999 !important;overflow:visible !important}.content-wrapper .bootstrap-select .bs-searchbox,.content-wrapper .bootstrap-select .bs-searchbox{padding:8px !important}.content-wrapper .bootstrap-select .bs-searchbox input{height:34px !important;padding:6px 10px !important;border:1px solid #D5E4DE !important;border-radius:9px !important;font-size:12px !important;box-sizing:border-box !important}.content-wrapper .bootstrap-select .dropdown-menu.inner{overflow-y:auto !important;overflow-x:hidden !important;max-height:280px !important}.content-wrapper .box:has(.selectpicker),
.content-wrapper .box:has(.bootstrap-select)
{overflow:visible !important;transform:none !important;transition:none !important}.content-wrapper .box:has(.selectpicker):hover,
.content-wrapper .box:has(.bootstrap-select):hover,
.content-wrapper .bootstrap-select .dropdown-menu li,
.content-wrapper .bootstrap-select .dropdown-menu li a
{transform:none !important}.content-wrapper .bootstrap-select{position:relative !important;z-index:10000 !important}.content-wrapper .bootstrap-select>.dropdown-toggle{position:relative !important;z-index:10001 !important}.content-wrapper .bootstrap-select .dropdown-menu{z-index:99999 !important;position:absolute !important;overflow:visible !important;animation:none !important;transition:none !important;transform:none !important}.content-wrapper .bootstrap-select .dropdown-menu.inner{max-height:280px !important;overflow-y:auto !important;overflow-x:hidden !important}.content-wrapper .bootstrap-select .bs-searchbox input{width:100% !important;height:34px !important;min-height:34px !important;padding:6px 10px !important;border:1px solid #72C5B0 !important;border-radius:9px !important;background:#fff !important;color:#42645D !important;box-shadow:0 0 0 3px rgba(69,179,154,.08) !important;transition:none !important}.content-wrapper .bootstrap-select,
.content-wrapper .bootstrap-select *,
.content-wrapper .bootstrap-select .dropdown-menu,
.content-wrapper .bootstrap-select .dropdown-menu *
{transform-style:flat !important}.content-wrapper .bootstrap-select .dropdown-menu.open,
.content-wrapper .bootstrap-select.open .dropdown-menu
{display:block !important;visibility:visible !important;opacity:1 !important}.content-wrapper .bootstrap-select,.content-wrapper .bootstrap-select{width:420px !important;max-width:100% !important}.content-wrapper .bootstrap-select>.dropdown-toggle{width:100% !important;min-width:420px !important;height:36px !important;padding:7px 13px !important;border:1px solid #D5E5E1 !important;border-radius:10px !important;background:linear-gradient( 135deg,#F7FBFA 0%,#EEF7F4 100% ) !important;color:#54736D !important;font-size:12px !important;font-weight:500 !important;box-shadow:none !important}.content-wrapper .bootstrap-select>.dropdown-toggle:focus,
.content-wrapper .bootstrap-select>.dropdown-toggle:active,
.content-wrapper .bootstrap-select.open>.dropdown-toggle
{border-color:#65BDAA !important;background:#F8FCFB !important;color:#39796B !important;box-shadow:0 0 0 2px rgba(76,180,155,.10) !important}.content-wrapper .bootstrap-select .filter-option-inner-inner{font-size:12px !important;color:#54736D !important;font-weight:500 !important}.content-wrapper .bootstrap-select .bs-caret{margin-right:2px !important}.content-wrapper .bootstrap-select .caret{border-top-color:#6B8983 !important;border-width:4px 4px 0 4px !important}.content-wrapper .bootstrap-select .dropdown-menu{min-width:420px !important;width:420px !important;margin-top:5px !important;padding:6px !important;border:1px solid #E1ECE9 !important;border-radius:10px !important;background:#FFFFFF !important;box-shadow:0 8px 22px rgba(40,80,70,.12) !important;font-size:11px !important}.content-wrapper .bootstrap-select .bs-searchbox{padding:5px !important}.content-wrapper .bootstrap-select .bs-searchbox input{height:32px !important;min-height:32px !important;padding:5px 10px !important;border:1px solid #A9D7CB !important;border-radius:8px !important;background:#FFFFFF !important;color:#486861 !important;font-size:11px !important;box-shadow:0 0 0 2px rgba(76,180,155,.07) !important}.content-wrapper .bootstrap-select .bs-searchbox input::placeholder{color:#9AAFAA !important;font-size:11px !important}.content-wrapper .bootstrap-select .dropdown-menu.inner{padding:2px 0 !important;max-height:280px !important;overflow-x:hidden !important;overflow-y:auto !important}.content-wrapper .bootstrap-select .dropdown-menu li a{display:block !important;min-height:30px !important;padding:7px 10px !important;border-radius:7px !important;color:#4F756D !important;font-size:11px !important;font-weight:500 !important;line-height:16px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;transition:background .12s ease,color .12s ease !important}.content-wrapper .bootstrap-select .dropdown-menu li a:hover,.content-wrapper .bootstrap-select .dropdown-menu li a:hover{background:#EAF7F3 !important;color:#287B69 !important}.content-wrapper .bootstrap-select .dropdown-menu li.selected a,
.content-wrapper .bootstrap-select .dropdown-menu li.active a
{background:#E5F4EF !important;color:#287B69 !important;font-weight:600 !important}.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar,
#modalAdd .bootstrap-select .inner::-webkit-scrollbar,
#tarikAdd .bootstrap-select .inner::-webkit-scrollbar
{width:5px !important}.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-track,.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-track{background:transparent !important}.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb,.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb{background:#B8D8D0 !important;border-radius:10px !important}.content-wrapper .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb:hover{background:#8FC4B7 !important}.content-wrapper .box .btn-xs.btn-success{width:34px !important;height:34px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 10px rgba(52,160,135,.16) !important}@media (max-width:767px){.content-wrapper .bootstrap-select{width:100% !important}.content-wrapper .bootstrap-select>.dropdown-toggle{min-width:100% !important}.content-wrapper .bootstrap-select .dropdown-menu{min-width:100% !important;width:100% !important}}.content-wrapper .bootstrap-select>.dropdown-toggle{width:100% !important;min-width:420px !important;height:36px !important;padding:7px 13px !important;background:#f7fbfa !important;border:1px solid #d8e8e4 !important;border-radius:10px !important;color:#55756e !important;font-size:12px !important;font-weight:500 !important;box-shadow:none !important}.content-wrapper .bootstrap-select .filter-option,
.content-wrapper .bootstrap-select .filter-option-inner
{padding:0 !important}.content-wrapper .bootstrap-select .filter-option-inner-inner{padding:0 !important;font-size:12px !important;color:#55756e !important}.content-wrapper .bootstrap-select .bs-caret,
.content-wrapper .bootstrap-select.open .dropdown-menu,
.content-wrapper .bootstrap-select.open .bs-searchbox
{display:block !important}.content-wrapper .bootstrap-select .caret{border-top-color:#6b8983 !important;border-width:4px 4px 0 4px !important}.content-wrapper .bootstrap-select .dropdown-menu{display:none}.content-wrapper .bootstrap-select .bs-searchbox{display:block !important;padding:5px !important}.content-wrapper .bootstrap-select .bs-searchbox input{height:32px !important;border-radius:8px !important;font-size:11px !important}.content-wrapper .bootstrap-select .dropdown-menu{min-width:420px !important;width:420px !important;margin-top:5px !important;padding:6px !important;background:#fff !important;border:1px solid #e1ece9 !important;border-radius:10px !important;box-shadow:0 8px 22px rgba(40,80,70,.12) !important;font-size:11px !important;z-index:99999 !important}.content-wrapper .bootstrap-select .dropdown-menu li a{min-height:30px !important;padding:7px 10px !important;border-radius:7px !important;color:#4f756d !important;font-size:11px !important;line-height:16px !important}.content-wrapper .bootstrap-select .dropdown-menu li a:hover{background:#eaf7f3 !important;color:#287b69 !important}.content-wrapper .bootstrap-select>.dropdown-toggle:focus,
.content-wrapper .bootstrap-select.open>.dropdown-toggle
{border-color:#65bdaa !important;background:#f8fcfb !important;box-shadow:0 0 0 2px rgba(76,180,155,.10) !important}@media (max-width:767px){.content-wrapper .bootstrap-select{width:100% !important}.content-wrapper .bootstrap-select>.dropdown-toggle{min-width:100% !important}.content-wrapper .bootstrap-select .dropdown-menu{width:100% !important;min-width:100% !important}}.content-wrapper .box:has(.selectpicker),
.content-wrapper .box:has(.bootstrap-select)
{transform:none !important;transition:none !important}.content-wrapper .bootstrap-select>.dropdown-toggle{position:relative !important;z-index:1001 !important;display:flex !important;align-items:center !important;box-sizing:border-box !important}.content-wrapper .bootstrap-select .filter-option{display:flex !important;align-items:center !important;height:100% !important}.content-wrapper .bootstrap-select .filter-option-inner{display:flex !important;align-items:center !important;width:100% !important}.content-wrapper .bootstrap-select .filter-option-inner-inner{display:block !important;width:100% !important;line-height:normal !important}.content-wrapper .bootstrap-select:not(.open) .bs-searchbox{display:none !important}.content-wrapper .bootstrap-select .bs-searchbox{padding:5px !important;margin:0 !important;box-sizing:border-box !important}.content-wrapper .bootstrap-select .bs-searchbox input{width:100% !important;height:32px !important;min-height:32px !important;padding:5px 10px !important;box-sizing:border-box !important;border:1px solid #A9D7CB !important;border-radius:8px !important;background:#FFFFFF !important;color:#486861 !important;font-size:11px !important;line-height:normal !important;box-shadow:0 0 0 2px rgba(76,180,155,.07) !important}.content-wrapper .bootstrap-select .bs-searchbox input::placeholder{color:#9AAFAA !important}.content-wrapper .bootstrap-select .dropdown-menu{position:absolute !important;z-index:99999 !important;margin-top:5px !important;padding:6px !important;border:1px solid #E1ECE9 !important;border-radius:10px !important;background:#FFFFFF !important;box-shadow:0 8px 22px rgba(40,80,70,.12) !important;overflow:visible !important;animation:none !important;transition:none !important;transform:none !important}.content-wrapper .bootstrap-select .dropdown-menu.inner{display:block !important;height:auto !important;max-height:280px !important;padding:2px 0 !important;overflow-x:hidden !important;overflow-y:auto !important;visibility:visible !important;opacity:1 !important}.content-wrapper .bootstrap-select .dropdown-menu li a{display:block !important;width:100% !important;min-height:30px !important;padding:6px 9px !important;box-sizing:border-box !important;border-radius:7px !important;color:#4F756D !important;background:transparent !important;font-size:11px !important;line-height:16px !important;white-space:normal !important}@media (max-width:767px){.content-wrapper .box:has(.selectpicker),
.content-wrapper .box:has(.bootstrap-select)
{overflow:visible !important;transform:none !important;transition:none !important}.content-wrapper .box:has(.selectpicker) .box-header,
.content-wrapper .box:has(.bootstrap-select) .box-header,
.content-wrapper .box:has(.selectpicker) .box-body,
.content-wrapper .box:has(.bootstrap-select) .box-body,
.content-wrapper .box:has(.selectpicker) form,
.content-wrapper .box:has(.bootstrap-select) form,
.content-wrapper .box:has(.selectpicker) .form-group,
.content-wrapper .box:has(.bootstrap-select) .form-group
{overflow:visible !important}.content-wrapper .box:has(.selectpicker) .box-body,
.content-wrapper .box:has(.bootstrap-select) .box-body
{padding:16px 14px 22px !important}.content-wrapper .box:has(.selectpicker) .form-group,
.content-wrapper .box:has(.bootstrap-select) .form-group
{display:flex !important;flex-wrap:wrap !important;width:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important;position:relative !important;box-sizing:border-box !important}.content-wrapper .box:has(.selectpicker) .form-group>label.control-label,
.content-wrapper .box:has(.bootstrap-select) .form-group>label.control-label,
.content-wrapper .box:has(.selectpicker) .form-group>.control-label,
.content-wrapper .box:has(.bootstrap-select) .form-group>.control-label
{display:block !important;float:none !important;width:100% !important;flex:0 0 100% !important;max-width:100% !important;margin:0 0 7px 0 !important;padding:0 2px !important;box-sizing:border-box !important;text-align:left !important;color:#466F68 !important;font-size:13px !important;font-weight:600 !important;line-height:18px !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-8,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-8
{display:block !important;float:none !important;width:calc(100% - 46px) !important;flex:0 0 calc(100% - 46px) !important;max-width:calc(100% - 46px) !important;margin:0 !important;padding:0 6px 0 0 !important;box-sizing:border-box !important;overflow:visible !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-2,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-2
{display:flex !important;float:none !important;width:46px !important;flex:0 0 46px !important;max-width:46px !important;height:40px !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;align-items:center !important;justify-content:flex-end !important;position:relative !important;z-index:11000 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select
{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;position:relative !important;z-index:10000 !important;box-sizing:border-box !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select>.dropdown-toggle,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select>.dropdown-toggle
{display:flex !important;align-items:center !important;width:100% !important;min-width:0 !important;max-width:100% !important;height:40px !important;padding:7px 11px !important;box-sizing:border-box !important;border:1px solid #A9D7CB !important;border-radius:9px !important;background:#F7FBFA !important;color:#54736D !important;font-size:12px !important;font-weight:500 !important;text-align:left !important;box-shadow:none !important;white-space:nowrap !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select>.dropdown-toggle:focus,
.content-wrapper .box:has(.selectpicker) .bootstrap-select>.dropdown-toggle:active,
.content-wrapper .box:has(.selectpicker) .bootstrap-select.open>.dropdown-toggle,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select>.dropdown-toggle:focus,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select>.dropdown-toggle:active,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select.open>.dropdown-toggle
{border-color:#65BDAA !important;background:#F8FCFB !important;color:#39796B !important;box-shadow:0 0 0 2px rgba(76,180,155,.10) !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .filter-option,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .filter-option
{display:flex !important;align-items:center !important;width:100% !important;height:100% !important;min-width:0 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .filter-option-inner,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .filter-option-inner
{display:flex !important;align-items:center !important;width:100% !important;min-width:0 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .filter-option-inner-inner,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .filter-option-inner-inner
{display:block !important;width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#54736D !important;font-size:12px !important;line-height:normal !important;text-align:center !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .bs-caret,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .bs-caret
{margin-right:2px !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .caret,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .caret
{border-top-color:#6B8983 !important;border-width:4px 4px 0 4px !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-2 .btn-xs,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-2 .btn-xs
{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;margin:0 !important;padding:0 !important;border-radius:50% !important;position:relative !important;z-index:11001 !important;box-shadow:0 4px 10px rgba(45,155,132,.20) !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-2 .btn-xs i,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-2 .btn-xs i
{margin:0 !important;font-size:13px !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu
{position:absolute !important;left:0 !important;right:auto !important;top:100% !important;width:100% !important;min-width:100% !important;max-width:100% !important;margin:5px 0 0 0 !important;padding:5px !important;box-sizing:border-box !important;border:1px solid #E1ECE9 !important;border-radius:10px !important;background:#FFFFFF !important;box-shadow:0 8px 22px rgba(40,80,70,.14) !important;z-index:99999 !important;overflow:visible !important;animation:none !important;transition:none !important;transform:none !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select.open .dropdown-menu,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select.open .dropdown-menu
{display:block !important;visibility:visible !important;opacity:1 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .bs-searchbox,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .bs-searchbox
{display:block !important;padding:5px !important;margin:0 !important;box-sizing:border-box !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select:not(.open) .bs-searchbox,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select:not(.open) .bs-searchbox
{display:none !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .bs-searchbox input,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .bs-searchbox input
{display:block !important;width:100% !important;height:34px !important;min-height:34px !important;margin:0 !important;padding:6px 10px !important;box-sizing:border-box !important;border:1px solid #A9D7CB !important;border-radius:8px !important;background:#FFFFFF !important;color:#486861 !important;font-size:11px !important;line-height:normal !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner
{display:block !important;width:100% !important;height:auto !important;max-height:240px !important;min-height:0 !important;padding:2px 0 !important;margin:0 !important;box-sizing:border-box !important;overflow-x:hidden !important;overflow-y:auto !important;visibility:visible !important;opacity:1 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner li,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner li
{display:list-item !important;visibility:visible !important;opacity:1 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner li a,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner li a
{display:block !important;width:100% !important;min-height:32px !important;margin:0 !important;padding:7px 9px !important;box-sizing:border-box !important;border-radius:7px !important;color:#4F756D !important;background:transparent !important;font-size:11px !important;font-weight:500 !important;line-height:16px !important;white-space:normal !important;overflow:hidden !important;text-overflow:ellipsis !important;transform:none !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner li a:hover,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner li a:hover
{background:#EAF7F3 !important;color:#287B69 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner li.selected a,
.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner li.active a,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner li.selected a,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner li.active a
{background:#E5F4EF !important;color:#287B69 !important;font-weight:600 !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar
{width:5px !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb
{background:#B8D8D0 !important;border-radius:10px !important}}@media (max-width:380px){.content-wrapper .box:has(.selectpicker) .box-body,
.content-wrapper .box:has(.bootstrap-select) .box-body
{padding-left:12px !important;padding-right:12px !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-8,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-8
{width:calc(100% - 44px) !important;flex-basis:calc(100% - 44px) !important;max-width:calc(100% - 44px) !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-2,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-2
{width:44px !important;flex-basis:44px !important;max-width:44px !important}.content-wrapper .box:has(.selectpicker) .bootstrap-select>.dropdown-toggle,
.content-wrapper .box:has(.bootstrap-select) .bootstrap-select>.dropdown-toggle
{height:38px !important;padding-left:9px !important;padding-right:9px !important}.content-wrapper .box:has(.selectpicker) .form-group>.col-sm-2 .btn-xs,
.content-wrapper .box:has(.bootstrap-select) .form-group>.col-sm-2 .btn-xs
{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important}}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;padding:0 !important;margin-right:5px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"] i,
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"] i
{margin:0 !important;padding:0 !important;line-height:1 !important}@media (max-width:767px){.content-wrapper .box.box-success .box-body>table.table{width:max-content !important;min-width:520px !important;max-width:none !important;table-layout:auto !important;display:block !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;white-space:normal !important}.content-wrapper .box.box-success .box-body>table.table tr>td:first-child{width:120px !important;min-width:120px !important;max-width:120px !important;padding-left:10px !important;padding-right:8px !important;white-space:nowrap !important}.content-wrapper .box.box-success .box-body>table.table tr>td:nth-child(2){width:20px !important;min-width:20px !important;max-width:20px !important;padding-left:4px !important;padding-right:4px !important;text-align:center !important;white-space:nowrap !important}.content-wrapper .box.box-success .box-body>table.table tr>td:nth-child(3){width:380px !important;min-width:380px !important;padding-left:10px !important;padding-right:12px !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:normal !important}.content-wrapper .box.box-success .box-body>table.table td{font-size:13px !important;line-height:20px !important;vertical-align:middle !important}.content-wrapper .box-body>table,
.content-wrapper .modal-body>table,
.content-wrapper .table
{max-width:none !important}.content-wrapper .box-body>table.table,
.content-wrapper .modal-body>table.table
{display:block !important;width:max-content !important;min-width:100% !important;max-width:none !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important}.content-wrapper .box-body>table.table tbody,
.content-wrapper .box-body>table.table thead,
.content-wrapper .box-body>table.table tfoot,
.content-wrapper .modal-body>table.table tbody,
.content-wrapper .modal-body>table.table thead,
.content-wrapper .modal-body>table.table tfoot
{min-width:100% !important}.content-wrapper .box-body>table.table::-webkit-scrollbar,
.content-wrapper .modal-body>table.table::-webkit-scrollbar
{height:6px !important}.content-wrapper .box-body>table.table::-webkit-scrollbar-track,
.content-wrapper .modal-body>table.table::-webkit-scrollbar-track
{background:#EEF5F2 !important;border-radius:10px !important}.content-wrapper .box-body>table.table::-webkit-scrollbar-thumb,
.content-wrapper .modal-body>table.table::-webkit-scrollbar-thumb
{background:#B7D8CF !important;border-radius:10px !important}.content-wrapper .table th,
.content-wrapper .table td
{white-space:nowrap}.content-wrapper .box.box-success .box-body>table.table th,
.content-wrapper .box.box-success .box-body>table.table td
{white-space:normal !important}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;padding:0 !important;margin-right:2px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"] i,
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"] i
{font-size:14px !important;margin:0 !important;line-height:1 !important}}@media (max-width:380px){.content-wrapper .box.box-success .box-body>table.table{min-width:500px !important}.content-wrapper .box.box-success .box-body>table.table tr>td:first-child{width:105px !important;min-width:105px !important;max-width:105px !important}.content-wrapper .box.box-success .box-body>table.table tr>td:nth-child(2){width:18px !important;min-width:18px !important;max-width:18px !important}.content-wrapper .box.box-success .box-body>table.table tr>td:nth-child(3){width:370px !important;min-width:370px !important}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important}}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important;flex:0 0 28px !important;padding:0 !important;margin:0 2px 0 0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .bootstrap-select>.dropdown-toggle .filter-option-inner-inner,
.content-wrapper .bootstrap-select>.dropdown-toggle .filter-option-inner,
.content-wrapper .bootstrap-select>.dropdown-toggle .filter-option
{width:100% !important;text-align:center !important}.btn.btn-xs{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;padding:0 !important;margin:2px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:20px !important;font-size:13px !important;text-align:center !important;vertical-align:middle !important;box-sizing:border-box !important}.btn.btn-xs i,
.btn.btn-xs .fa,
.btn.btn-xs span.fa
{margin:0 !important;padding:0 !important;line-height:1 !important;font-size:13px !important}.btn.btn-xs{font-size:0 !important}.btn.btn-xs i,
.btn.btn-xs .fa,
.btn.btn-xs span.fa
{font-size:13px !important}.btn.btn-xs.disabled,
.btn.btn-xs[disabled]
{width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.keuangan-pembayaran-page .nav-tabs{border-bottom:1px solid #d7ebe5 !important;margin-bottom:0 !important}.keuangan-pembayaran-page .nav-tabs>li>a{color:#55706d !important;background:#f8fbfa !important;border:1px solid #d7ebe5 !important;border-bottom:1px solid #d7ebe5 !important;border-radius:8px 8px 0 0 !important;padding:8px 14px !important;margin-right:3px !important;font-size:12px !important;font-weight:500 !important;line-height:18px !important;transition:background-color .2s ease,color .2s ease,border-color .2s ease !important}.keuangan-pembayaran-page .nav-tabs>li>a:hover{color:#ffffff !important;background:#42b7a5 !important;border-color:#42b7a5 !important;border-top:1px solid #42b7a5 !important;border-bottom:1px solid #42b7a5 !important;text-decoration:none !important}.keuangan-pembayaran-page .nav-tabs>li.active>a,
.keuangan-pembayaran-page .nav-tabs>li.active>a:hover,
.keuangan-pembayaran-page .nav-tabs>li.active>a:focus
{color:#287c73 !important;background:#e8f7f3 !important;border:1px solid #c9e5dd !important;border-top:1px solid #c9e5dd !important;border-bottom:1px solid #e8f7f3 !important;border-radius:8px 8px 0 0 !important;padding:8px 14px !important;font-size:12px !important;font-weight:600 !important;box-shadow:none !important}.keuangan-pembayaran-page .nav-tabs>li.active>a:focus,
.keuangan-pembayaran-page .nav-tabs>li.active>a:active
{outline:none !important;box-shadow:none !important;border-top-color:#c9e5dd !important}.keuangan-pembayaran-page .tab-content{background:#ffffff !important;border:1px solid #d7ebe5 !important;border-top:0 !important;border-radius:0 0 10px 10px !important}@media (max-width:767px){.keuangan-pembayaran-page .nav-tabs>li>a,
.keuangan-pembayaran-page .nav-tabs>li.active>a
{padding:7px 13px !important;font-size:11px !important;line-height:17px !important;border-radius:7px 7px 0 0 !important}.keuangan-pembayaran-page .nav-tabs>li>a:hover{color:#ffffff !important;background:#42b7a5 !important;border-color:#42b7a5 !important}}.nav-tabs-custom>.nav-tabs>li.active{border-top:0 !important}.table-responsive{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important}.table-responsive>.table,
.table-responsive>table,
.pembayaran-table-scroll>table
{width:max-content !important;min-width:100% !important;max-width:none !important}.pembayaran-table-scroll{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important}.table-responsive::-webkit-scrollbar,
.pembayaran-table-scroll::-webkit-scrollbar
{height:6px !important}.table-responsive::-webkit-scrollbar-track,
.pembayaran-table-scroll::-webkit-scrollbar-track
{background:#EEF6F3 !important;border-radius:10px !important}.table-responsive::-webkit-scrollbar-thumb,
.pembayaran-table-scroll::-webkit-scrollbar-thumb
{background:#B7D8CF !important;border-radius:10px !important}.table-responsive::-webkit-scrollbar-thumb:hover,
.pembayaran-table-scroll::-webkit-scrollbar-thumb:hover
{background:#79BBAA !important}.dataTables_wrapper,
.dataTables_wrapper .dataTables_scroll,
.table-responsive,
.pembayaran-table-scroll
{width:100% !important;max-width:100% !important;overflow-x:visible !important;overflow-y:visible !important}.dataTables_wrapper table.dataTable{width:100% !important;max-width:100% !important;min-width:0 !important;table-layout:auto !important}.table-responsive>table,
.table-responsive>.table,
.pembayaran-table-scroll>table
{width:100% !important;max-width:100% !important;min-width:0 !important}@media (max-width:767px){.table-responsive,
.pembayaran-table-scroll,
.dataTables_wrapper,
.dataTables_wrapper .dataTables_scroll
{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;border:none !important}.table-responsive>table,
.table-responsive>.table,
.pembayaran-table-scroll>table,
.dataTables_wrapper table.dataTable
{width:max-content !important;min-width:100% !important;max-width:none !important;table-layout:auto !important}.table-responsive>table th,
.table-responsive>table td,
.pembayaran-table-scroll>table th,
.pembayaran-table-scroll>table td,
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td
{white-space:nowrap !important}.pembayaran-table-scroll>table td{white-space:normal !important}.table-responsive::-webkit-scrollbar,
.pembayaran-table-scroll::-webkit-scrollbar,
.dataTables_wrapper::-webkit-scrollbar,
.dataTables_wrapper .dataTables_scroll::-webkit-scrollbar
{height:6px !important}.table-responsive::-webkit-scrollbar-track,
.pembayaran-table-scroll::-webkit-scrollbar-track,
.dataTables_wrapper::-webkit-scrollbar-track
{background:#EEF6F3 !important;border-radius:10px !important}.table-responsive::-webkit-scrollbar-thumb,
.pembayaran-table-scroll::-webkit-scrollbar-thumb,
.dataTables_wrapper::-webkit-scrollbar-thumb
{background:#B7D8CF !important;border-radius:10px !important}.table-responsive::-webkit-scrollbar-thumb:hover,
.pembayaran-table-scroll::-webkit-scrollbar-thumb:hover,
.dataTables_wrapper::-webkit-scrollbar-thumb:hover
{background:#79BBAA !important}}@media (max-width:767px){.table-responsive,
.pembayaran-table-scroll,
.dataTables_wrapper,
.dataTables_wrapper .dataTables_scroll
{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;border:none !important}.table-responsive>table,
.table-responsive>.table,
.pembayaran-table-scroll>table,
.dataTables_wrapper table.dataTable
{width:max-content !important;min-width:100% !important;max-width:none !important}.table-responsive>table th,
.table-responsive>table td,
.pembayaran-table-scroll>table th,
.pembayaran-table-scroll>table td,
.dataTables_wrapper table th,
.dataTables_wrapper table td
{white-space:nowrap}.pembayaran-table-scroll>table td{white-space:normal}.table-responsive::-webkit-scrollbar,
.pembayaran-table-scroll::-webkit-scrollbar,
.dataTables_wrapper::-webkit-scrollbar,
.dataTables_wrapper .dataTables_scroll::-webkit-scrollbar
{height:6px !important}}.content-wrapper .btn.btn-xs,
.content-wrapper button.btn-xs,
.content-wrapper a.btn-xs,
.content-wrapper input.btn-xs
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important;flex:0 0 28px !important}.content-wrapper .btn.btn-xs i,
.content-wrapper button.btn-xs i,
.content-wrapper a.btn-xs i,
.content-wrapper .btn.btn-xs .fa,
.content-wrapper .btn.btn-xs .fas,
.content-wrapper .btn.btn-xs .far,
.content-wrapper .btn.btn-xs .fab,
.content-wrapper .btn.btn-xs .glyphicon,
.content-wrapper .table td .btn-primary i,
.content-wrapper .table td .btn-danger i,
.content-wrapper .table td a.btn-primary i,
.content-wrapper .table td a.btn-danger i,
.content-wrapper .table td button.btn-primary i,
.content-wrapper .table td button.btn-danger i,
.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"] i,
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"] i,
.content-wrapper .box .box-header .box-tools>a[data-widget="collapse"] i
{margin:0 !important;padding:0 !important;font-size:12px !important;line-height:1 !important}.content-wrapper .table td .btn-primary,
.content-wrapper .table td a.btn-primary,
.content-wrapper .table td button.btn-primary,
.content-wrapper .table td .btn-danger,
.content-wrapper .table td a.btn-danger,
.content-wrapper .table td button.btn-danger
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important;padding:0 !important;margin:1px 2px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>a[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important;padding:0 !important;margin:0 2px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .btn.btn-xs,
.content-wrapper button.btn-xs,
.content-wrapper a.btn-xs,
.content-wrapper input.btn-xs,
.content-wrapper .btn-whatsapp,
.content-wrapper .btn-wa,
.content-wrapper .btn-kirim-wa,
.content-wrapper .kirim-wa,
.content-wrapper .whatsapp-btn,
.content-wrapper .whatsapp-button
{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;line-height:1 !important}.content-wrapper .btn.btn-xs i,
.content-wrapper button.btn-xs i,
.content-wrapper a.btn-xs i
{margin:0 !important;padding:0 !important;font-size:11px !important;line-height:1 !important}.content-wrapper .btn-more,
.content-wrapper .btn-lebih-banyak,
.content-wrapper .lebih-banyak,
.content-wrapper .more-button
{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important}.content-wrapper .btn:not(.btn-xs):not(.btn-xs):not(.btn-whatsapp):not(.btn-wa),
.content-wrapper button.btn:not(.btn-xs):not(.btn-xs),
.content-wrapper a.btn:not(.btn-xs):not(.btn-xs)
{min-height:28px !important;height:28px !important;padding-top:0 !important;padding-bottom:0 !important;line-height:26px !important;box-sizing:border-box !important;vertical-align:middle !important}.content-wrapper .btn-block.btn-success,
.content-wrapper a.btn-block.btn-success,
.content-wrapper button.btn-block.btn-success
{height:42px !important;min-height:42px !important;border-radius:999px !important}.finance-calendar-tools .btn-box-tool{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}@media (max-width:767px){.content-wrapper .table td .btn-primary,
.content-wrapper .table td a.btn-primary,
.content-wrapper .table td button.btn-primary,
.content-wrapper .table td .btn-danger,
.content-wrapper .table td a.btn-danger,
.content-wrapper .table td button.btn-danger,
.content-wrapper .btn.btn-xs,
.content-wrapper button.btn-xs,
.content-wrapper a.btn-xs,
.content-wrapper .box .box-header .box-tools>button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools>.btn-box-tool[data-widget="collapse"]
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important}.content-wrapper .btn.btn-xs,
.content-wrapper button.btn-xs,
.content-wrapper a.btn-xs
{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important}}.wa-toggle{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:48px !important;height:28px !important;padding:0 !important;margin:0 !important;text-decoration:none !important;outline:none !important}.wa-toggle-track{position:relative !important;display:block !important;width:46px !important;height:24px !important;border-radius:13px !important;background:#dbe3eb !important;box-shadow:inset 0 1px 2px rgba(0,0,0,.08) !important;transition:all .2s ease !important}.wa-toggle.active .wa-toggle-track{background:#438fd0 !important;box-shadow:0 3px 8px rgba(67,143,208,.25) !important}.wa-toggle-thumb{position:absolute !important;top:3px !important;left:3px !important;width:18px !important;height:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#fff !important;color:#8997a6 !important;box-shadow:0 2px 5px rgba(0,0,0,.15) !important;transition:all .2s ease !important}.wa-toggle.active .wa-toggle-thumb{left:25px !important;color:#438fd0 !important}.wa-toggle-thumb i{margin:0 !important;font-size:9px !important;line-height:1 !important}.wa-toggle:hover .wa-toggle-track{transform:scale(1.03) !important}.wa-toggle:focus{outline:none !important}.content-wrapper .box-footer{display:flex !important;align-items:center !important;justify-content:space-between !important}
@media (max-width:767px){
.content-wrapper .box-footer .btn-xs,
.content-wrapper #ulangPolygon,
.content-wrapper #resetPolygon,
.content-wrapper #simpanPolygon
{width:28px !important;height:28px !important;min-height:28px !important}
}
@media (max-width:360px){
.content-wrapper .box-footer .btn-xs,
.content-wrapper #ulangPolygon,
.content-wrapper #resetPolygon,
.content-wrapper #simpanPolygon
{width:28px !important;height:28px !important;min-height:28px !important}
}
.content-wrapper .btn,
.content-wrapper button.btn,
.content-wrapper a.btn,
.content-wrapper .btn-xs,
.content-wrapper button.btn-xs,
.content-wrapper a.btn-xs,
.content-wrapper .btn-primary,
.content-wrapper .btn-success,
.content-wrapper .btn-danger,
.content-wrapper .btn-warning,
.content-wrapper .btn-info,
.content-wrapper .btn-default,
.content-wrapper .btn:hover,
.content-wrapper button.btn:hover,
.content-wrapper a.btn:hover,
.content-wrapper .btn-xs:hover,
.content-wrapper button.btn-xs:hover,
.content-wrapper a.btn-xs:hover,
.content-wrapper .btn:focus,
.content-wrapper .btn:active,
.content-wrapper .btn.active,
.content-wrapper button.btn:focus,
.content-wrapper button.btn:active,
.content-wrapper a.btn:focus,
.content-wrapper a.btn:active,
.content-wrapper .btn-xs:focus,
.content-wrapper .btn-xs:active,
.setoran-form-box .btn,
.penarikan-form-box .btn,
.setoran-form-box .btn::before,
.setoran-form-box .btn::after,
.penarikan-form-box .btn::before,
.penarikan-form-box .btn::after,
.transaksi-form-box .btn,
.transaksi-form-box .btn:hover,
.transaksi-form-box .btn:focus,
.transaksi-form-box .btn:active
{box-shadow:none !important}
.content-wrapper .btn,
.content-wrapper button.btn,
.content-wrapper a.btn,
.content-wrapper input.btn,
.content-wrapper .btn-primary,
.content-wrapper .btn-success,
.content-wrapper .btn-info,
.content-wrapper .btn-warning,
.content-wrapper .btn-danger,
.content-wrapper .btn-default,
.content-wrapper .btn-xs,
.content-wrapper .btn-more,
.content-wrapper .btn-lebih-banyak,
.content-wrapper .lebih-banyak,
.content-wrapper .more-button,
.content-wrapper .btn-whatsapp,
.content-wrapper .btn-wa,
.content-wrapper .btn-kirim-wa,
.content-wrapper .kirim-wa,
.content-wrapper .whatsapp-btn,
.content-wrapper .whatsapp-button,
.content-wrapper .btn:hover,
.content-wrapper button.btn:hover,
.content-wrapper a.btn:hover,
.content-wrapper input.btn:hover,
.content-wrapper .btn-primary:hover,
.content-wrapper .btn-success:hover,
.content-wrapper .btn-info:hover,
.content-wrapper .btn-warning:hover,
.content-wrapper .btn-danger:hover,
.content-wrapper .btn-default:hover,
.content-wrapper .btn-xs:hover,
.content-wrapper .btn-whatsapp:hover,
.content-wrapper .btn-wa:hover,
.content-wrapper .alert,
.content-wrapper .alert-success,
.content-wrapper .alert-info,
.content-wrapper .alert-warning,
.content-wrapper .alert-danger,
.content-wrapper .alert:hover,
.content-wrapper .alert:focus,
.content-wrapper .alert .btn,
.content-wrapper .alert button,
.content-wrapper .alert a.btn,
.content-wrapper .btn::before,
.content-wrapper .btn::after,
.content-wrapper .btn-xs::before,
.content-wrapper .btn-xs::after
{box-shadow:none !important;-webkit-box-shadow:none !important}
.content-wrapper .btn:focus,
.content-wrapper .btn:active,
.content-wrapper .btn.active,
.content-wrapper button.btn:focus,
.content-wrapper button.btn:active,
.content-wrapper a.btn:focus,
.content-wrapper a.btn:active,
.content-wrapper .btn-xs:focus,
.content-wrapper .btn-xs:active
{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important}.transaksi-saldo{margin:0 0 14px 10px!important;padding:0!important}.transaksi-saldo h4{display:flex;align-items:center;gap:9px;margin:0;padding:12px 16px;background:linear-gradient(135deg,#eefaf8,#fff);border:1px solid #d9eeeb;border-radius:12px;color:#287b78;font-size:14px;font-weight:500;box-shadow:none}.transaksi-saldo h4 i{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dff4f0;color:#2e9f96;font-size:14px}.transaksi-saldo h4 small{font-size:12px;color:#62817f;font-weight:500}.transaksi-saldo h4 strong{font-size:14px;color:#287b78;font-weight:700;margin-left:auto}#modalAdd .bootstrap-select,
#tarikAdd .bootstrap-select
{position:relative !important;display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;z-index:99990 !important}#modalAdd .bootstrap-select>.dropdown-toggle,
#tarikAdd .bootstrap-select>.dropdown-toggle
{display:flex !important;align-items:center !important;width:100% !important;height:42px !important;min-height:42px !important;padding:8px 38px 8px 13px !important;border:1px solid #9ed8d0 !important;border-radius:10px !important;background:#f8fcfb !important;color:#456b66 !important;font-size:13px !important;line-height:24px !important;box-shadow:none !important}#modalAdd .bootstrap-select .dropdown-menu,
#tarikAdd .bootstrap-select .dropdown-menu
{position:absolute !important;top:100% !important;left:0 !important;right:auto !important;width:100% !important;min-width:100% !important;max-width:100% !important;margin:5px 0 0 !important;padding:5px !important;border:1px solid #d7ebe7 !important;border-radius:10px !important;background:#fff !important;box-shadow:0 10px 25px rgba(40,110,100,.15) !important;z-index:999999 !important;overflow:visible !important;display:none !important}#modalAdd .bootstrap-select.open .dropdown-menu,
#tarikAdd .bootstrap-select.open .dropdown-menu
{display:block !important;visibility:visible !important;opacity:1 !important;height:auto !important;max-height:340px !important}#modalAdd .bootstrap-select .bs-searchbox,
#tarikAdd .bootstrap-select .bs-searchbox
{display:block !important;width:100% !important;margin:0 !important;padding:5px !important;box-sizing:border-box !important}#modalAdd .bootstrap-select .bs-searchbox input,
#tarikAdd .bootstrap-select .bs-searchbox input
{display:block !important;width:100% !important;height:36px !important;margin:0 !important;padding:7px 11px !important;border:1px solid #a9d8d1 !important;border-radius:8px !important;background:#fff !important;color:#456b66 !important;font-size:12px !important;box-shadow:none !important;outline:none !important}#modalAdd .bootstrap-select .dropdown-menu>.inner,
#tarikAdd .bootstrap-select .dropdown-menu>.inner,
#modalAdd .bootstrap-select .dropdown-menu>ul.inner,
#tarikAdd .bootstrap-select .dropdown-menu>ul.inner,
#modalAdd .bootstrap-select .dropdown-menu ul.dropdown-menu.inner,
#tarikAdd .bootstrap-select .dropdown-menu ul.dropdown-menu.inner
{display:block !important;position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:270px !important;margin:0 !important;padding:2px 0 !important;overflow-x:hidden !important;overflow-y:auto !important;visibility:visible !important;opacity:1 !important;box-sizing:border-box !important;background:#fff !important}#modalAdd .bootstrap-select .dropdown-menu>.inner>li,
#tarikAdd .bootstrap-select .dropdown-menu>.inner>li,
#modalAdd .bootstrap-select .dropdown-menu ul.inner>li,
#tarikAdd .bootstrap-select .dropdown-menu ul.inner>li
{display:list-item !important;position:relative !important;width:100% !important;height:auto !important;min-height:34px !important;margin:0 !important;padding:0 !important;visibility:visible !important;opacity:1 !important;overflow:visible !important}#modalAdd .bootstrap-select .dropdown-menu>.inner>li>a,
#tarikAdd .bootstrap-select .dropdown-menu>.inner>li>a,
#modalAdd .bootstrap-select .dropdown-menu ul.inner>li>a,
#tarikAdd .bootstrap-select .dropdown-menu ul.inner>li>a
{display:block !important;width:100% !important;height:auto !important;min-height:34px !important;margin:0 !important;padding:7px 10px !important;box-sizing:border-box !important;border-radius:7px !important;background:transparent !important;color:#4b706a !important;font-size:12px !important;font-weight:500 !important;line-height:20px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;visibility:visible !important;opacity:1 !important}#modalAdd .bootstrap-select .dropdown-menu>.inner>li>a:hover,
#tarikAdd .bootstrap-select .dropdown-menu>.inner>li>a:hover,
#modalAdd .bootstrap-select .dropdown-menu ul.inner>li>a:hover,
#tarikAdd .bootstrap-select .dropdown-menu ul.inner>li>a:hover
{background:#e5f5f1 !important;color:#237c72 !important}#modalAdd .bootstrap-select .dropdown-menu>.inner>li.selected>a,
#tarikAdd .bootstrap-select .dropdown-menu>.inner>li.selected>a,
#modalAdd .bootstrap-select .dropdown-menu ul.inner>li.selected>a,
#tarikAdd .bootstrap-select .dropdown-menu ul.inner>li.selected>a
{background:#d9f1ec !important;color:#21796f !important;font-weight:600 !important}#modalAdd .bootstrap-select .dropdown-menu.inner,
#tarikAdd .bootstrap-select .dropdown-menu.inner
{height:auto !important;min-height:0 !important;max-height:270px !important;overflow-y:auto !important;overflow-x:hidden !important;visibility:visible !important;opacity:1 !important}#modalAdd .bootstrap-select.open .dropdown-menu li,
#tarikAdd .bootstrap-select.open .dropdown-menu li
{visibility:visible !important;opacity:1 !important}#modalAdd .bootstrap-select .inner::-webkit-scrollbar-track,
#tarikAdd .bootstrap-select .inner::-webkit-scrollbar-track
{background:#edf7f5 !important}#modalAdd .bootstrap-select .inner::-webkit-scrollbar-thumb,
#tarikAdd .bootstrap-select .inner::-webkit-scrollbar-thumb
{background:#9bcfc5 !important;border-radius:10px !important}@media (max-width:767px){#modalAdd .modal-dialog,
#tarikAdd .modal-dialog
{width:auto !important;margin:12px !important}#modalAdd .modal-body,
#tarikAdd .modal-body
{padding:20px 15px 30px !important;min-height:300px !important;overflow:visible !important}#modalAdd .bootstrap-select,
#tarikAdd .bootstrap-select
{width:100% !important}#modalAdd .bootstrap-select .dropdown-menu,
#tarikAdd .bootstrap-select .dropdown-menu
{width:100% !important;max-height:320px !important}#modalAdd .bootstrap-select .dropdown-menu>.inner,
#tarikAdd .bootstrap-select .dropdown-menu>.inner
{max-height:260px !important}#modalAdd .bootstrap-select .dropdown-menu li>a,
#tarikAdd .bootstrap-select .dropdown-menu li>a
{min-height:36px !important;padding:8px 10px !important;font-size:12px !important;line-height:20px !important}}#modalAdd .modal-header,
#tarikAdd .modal-header
{position:relative !important;min-height:60px !important;padding:15px 20px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#159b8f 0%,#24afa2 48%,#65c5b8 100% ) !important;border:0 !important;border-radius:18px 18px 0 0 !important;color:#fff !important;box-shadow:none !important}#modalAdd .modal-header:after,
#tarikAdd .modal-header:after
{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:rgba(255,255,255,.22);pointer-events:none}#modalAdd .modal-title,
#tarikAdd .modal-title
{display:flex !important;align-items:center !important;margin:0 !important;color:#fff !important;font-size:17px !important;font-weight:600 !important;line-height:28px !important;letter-spacing:.1px !important}#modalAdd .modal-title:before,
#tarikAdd .modal-title:before
{width:30px !important;height:30px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-right:9px !important;border-radius:50% !important;background:rgba(255,255,255,.17) !important;color:#fff !important;font-size:15px !important}#modalAdd .modal-title:before{content:"\f0d6" !important;font-family:FontAwesome !important}#tarikAdd .modal-title:before{content:"\f155" !important;font-family:FontAwesome !important}#modalAdd .modal-header .close,
#tarikAdd .modal-header .close
{width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:transparent !important;color:#fff !important;opacity:.9 !important;font-size:20px !important;line-height:28px !important;text-shadow:none !important;box-shadow:none !important}#modalAdd .modal-header .close:hover,
#tarikAdd .modal-header .close:hover
{background:rgba(255,255,255,.16) !important;color:#fff !important;opacity:1 !important}#modalAdd .control-label,
#tarikAdd .control-label
{position:relative !important;display:flex !important;align-items:center !important;width:100% !important;min-height:30px !important;margin:0 0 11px 0 !important;padding:0 0 0 1px !important;color:#276f68 !important;font-size:13px !important;font-weight:700 !important;line-height:20px !important;letter-spacing:.1px !important;text-align:left !important}#modalAdd .control-label:before,
#tarikAdd .control-label:before
{content:"\f2bd" !important;font-family:FontAwesome !important;width:26px !important;height:26px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 26px !important;margin-right:7px !important;border-radius:50% !important;background:#e3f5f1 !important;color:#27a397 !important;font-size:13px !important}#modalAdd .form-group,
#tarikAdd .form-group
{margin-bottom:0 !important}#modalAdd .modal-body,
#tarikAdd .modal-body
{padding-top:20px !important}#modalAdd .control-label+*,
#tarikAdd .control-label+*
{margin-top:2px !important}@media (max-width:767px){#modalAdd .modal-header,
#tarikAdd .modal-header
{min-height:58px !important;padding:14px 16px !important;border-radius:16px 16px 0 0 !important}#modalAdd .modal-title,
#tarikAdd .modal-title
{font-size:16px !important}#modalAdd .modal-title:before,
#tarikAdd .modal-title:before
{width:29px !important;height:29px !important;margin-right:8px !important}#modalAdd .modal-body,
#tarikAdd .modal-body
{padding:18px 15px 28px !important}#modalAdd .control-label,
#tarikAdd .control-label
{min-height:30px !important;margin-bottom:10px !important;font-size:13px !important}#modalAdd .control-label:before,
#tarikAdd .control-label:before
{width:27px !important;height:27px !important;flex-basis:27px !important}}#modalAdd .modal-body,
#tarikAdd .modal-body
{padding-top:10px !important}#modalAdd .control-label,
#tarikAdd .control-label
{margin-bottom:0 !important;padding-bottom:0 !important;min-height:24px !important;line-height:20px !important}#modalAdd .control-label:before,
#tarikAdd .control-label:before
{width:24px !important;height:24px !important;flex:0 0 24px !important;margin-right:6px !important}#modalAdd .bootstrap-select,
#tarikAdd .bootstrap-select
{margin-top:-7px !important}#modalAdd .bootstrap-select>.dropdown-toggle,
#tarikAdd .bootstrap-select>.dropdown-toggle
{height:40px !important;min-height:40px !important;padding-top:7px !important;padding-bottom:7px !important}#modalAdd .btn-cari-siswa,
#tarikAdd .btn-cari-siswa
{margin-top:0 !important;vertical-align:middle !important}.setoran-form-box{background:#ffffff !important;border:1px solid #dcefeb !important;border-radius:15px !important;overflow:hidden !important;box-shadow:0 5px 18px rgba(39,125,119,.07) !important}.setoran-form-box .box-header{min-height:78px !important;padding:22px 20px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#eaf8f5 0%,#eefaf8 55%,#e4f4f1 100% ) !important;border-bottom:1px solid #d8ece8 !important}.setoran-form-box .box-header .box-title{margin:0 !important;color:#286f69 !important;font-size:20px !important;font-weight:600 !important;line-height:30px !important}.setoran-form-box .box-header .box-title i{margin-right:8px !important;color:#2ca79b !important}.setoran-form-box .box-body{padding:18px 16px 20px !important;background:#ffffff !important}.setoran-form-box .row{display:flex !important;flex-wrap:wrap !important;margin-left:-7px !important;margin-right:-7px !important}.setoran-form-box .row>[class*="col-"]{padding-left:7px !important;padding-right:7px !important}.setoran-form-box .form-group>label,
.setoran-form-box .control-label
{display:block !important;margin:0 0 5px !important;padding:0 !important;color:#356a66 !important;font-size:12px !important;font-weight:600 !important;line-height:18px !important}.setoran-form-box .form-control{width:100% !important;height:36px !important;min-height:36px !important;padding:7px 11px !important;border:1px solid #d8e9e6 !important;border-radius:9px !important;background:#f8fbfa !important;color:#4c6865 !important;font-size:12px !important;box-shadow:none !important;transition:all .2s ease !important}.setoran-form-box .form-control:focus{border-color:#48b6aa !important;background:#ffffff !important;box-shadow:0 0 0 2px rgba(72,182,170,.10) !important;outline:none !important}.setoran-form-box .form-control[readonly],
.setoran-form-box .form-control:disabled
{background:#f1f3f3 !important;color:#657572 !important;cursor:default !important}.setoran-form-box textarea.form-control{height:48px !important;min-height:48px !important;resize:vertical !important;line-height:20px !important}.setoran-form-box input[type="number"],
.setoran-form-box input[name*="jumlah"],
.setoran-form-box input[name*="nominal"]
{background:#ffffff !important;border-color:#86cbc1 !important;font-size:14px !important;font-weight:600 !important;color:#287e76 !important}.setoran-form-box .input-group,
.penarikan-form-box .input-group,
.transaksi-form-box .input-group,
.lapprestasi-filter-header .input-group,
.laporan-filter-header .input-group,
.absensi-filter-header .input-group
{width:100% !important}.setoran-form-box .input-group-addon{min-width:38px !important;border:1px solid #d8e9e6 !important;background:#edf8f6 !important;color:#3c9188 !important;border-radius:9px 0 0 9px !important}.setoran-form-box .saldo-info{padding:8px 12px !important;border:1px solid #dceeea !important;border-radius:10px !important;background:linear-gradient( 135deg,#f2faf8,#ffffff ) !important}.setoran-form-box .btn{min-width:34px !important;height:34px !important;padding:0 13px !important;border-radius:9px !important;font-size:12px !important;font-weight:600 !important;box-shadow:none !important}.setoran-form-box .btn-success{background:#42b5a6 !important;border-color:#42b5a6 !important;color:#ffffff !important}.setoran-form-box .btn-success:hover{background:#299e91 !important;border-color:#299e91 !important}.setoran-form-box .btn-default{background:#f4f9f8 !important;border:1px solid #d7e9e6 !important;color:#63817d !important}.setoran-form-box .btn-default:hover{background:#e7f5f2 !important;color:#327b73 !important}.setoran-form-box .form-actions,
.setoran-form-box .box-footer
{padding:12px 16px !important;border-top:1px solid #edf3f2 !important;background:#fbfdfc !important;text-align:right !important}.setoran-form-box .form-group{margin-bottom:11px !important}@media (max-width:767px){.setoran-form-box{border-radius:12px !important}.setoran-form-box .box-header{min-height:60px !important;padding:15px !important}.setoran-form-box .box-header .box-title{font-size:16px !important}.setoran-form-box .box-body{padding:15px 12px 18px !important}.setoran-form-box .row{display:block !important;margin-left:0 !important;margin-right:0 !important}.setoran-form-box .row>[class*="col-"]{width:100% !important;padding-left:0 !important;padding-right:0 !important}.setoran-form-box .form-group{margin-bottom:12px !important}.setoran-form-box .form-control{height:38px !important;min-height:38px !important;font-size:12px !important}.setoran-form-box textarea.form-control{height:55px !important;min-height:55px !important}.setoran-form-box .box-footer{padding:12px !important}}.setoran-form-box,
.penarikan-form-box
{background:#ffffff !important;border:1px solid #d5ebe5 !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 4px 18px rgba(35,115,101,.08) !important}.setoran-form-box .box-header,
.penarikan-form-box .box-header
{min-height:68px !important;padding:16px 22px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#16a89c 0%,#32b6a7 48%,#62c7b8 100% ) !important;border:0 !important;position:relative !important}.setoran-form-box .box-header::after,
.penarikan-form-box .box-header::after
{content:"" !important;position:absolute !important;left:20px !important;right:20px !important;bottom:0 !important;height:1px !important;background:rgba(255,255,255,.25) !important}.setoran-form-box .box-header .box-title,
.penarikan-form-box .box-header .box-title
{margin:0 !important;padding:0 !important;color:#ffffff !important;font-size:18px !important;font-weight:600 !important;line-height:28px !important;display:flex !important;align-items:center !important}.setoran-form-box .box-header .box-title i,
.penarikan-form-box .box-header .box-title i
{width:30px !important;height:30px !important;margin-right:9px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:rgba(255,255,255,.17) !important;color:#ffffff !important;font-size:14px !important}.setoran-form-box .box-body,
.penarikan-form-box .box-body
{padding:18px 20px 20px !important;background:#ffffff !important}.setoran-form-box .row,
.penarikan-form-box .row
{display:flex !important;flex-wrap:wrap !important;margin-left:-8px !important;margin-right:-8px !important}.setoran-form-box .row>[class*="col-"],
.penarikan-form-box .row>[class*="col-"]
{padding-left:8px !important;padding-right:8px !important;box-sizing:border-box !important}.setoran-form-box .form-group>label,
.setoran-form-box .control-label,
.penarikan-form-box .form-group>label,
.penarikan-form-box .control-label
{display:block !important;width:100% !important;float:none !important;margin:0 0 5px !important;padding:0 !important;text-align:left !important;color:#276f68 !important;font-size:12px !important;font-weight:700 !important;line-height:18px !important;box-sizing:border-box !important}.setoran-form-box label i,
.penarikan-form-box label i
{margin-right:5px !important;color:#35a697 !important;font-size:11px !important}.setoran-form-box .form-group,
.penarikan-form-box .form-group
{margin-bottom:10px !important}.setoran-form-box .form-control,
.penarikan-form-box .form-control
{width:100% !important;height:38px !important;min-height:38px !important;padding:7px 12px !important;border:1px solid #d6e9e5 !important;border-radius:10px !important;background:#f8fbfa !important;color:#526f6a !important;font-size:12px !important;line-height:22px !important;box-shadow:none !important;transition:border-color .18s ease,background .18s ease !important}.setoran-form-box .form-control:hover,
.penarikan-form-box .form-control:hover
{border-color:#b9ddd5 !important;background:#ffffff !important}.setoran-form-box .form-control:focus,
.penarikan-form-box .form-control:focus
{border-color:#55bdb0 !important;background:#ffffff !important;box-shadow:0 0 0 3px rgba(69,179,154,.09) !important;outline:none !important}.setoran-form-box .form-control[readonly],
.setoran-form-box .form-control:disabled,
.penarikan-form-box .form-control[readonly],
.penarikan-form-box .form-control:disabled
{background:#f0f3f2 !important;color:#657773 !important;border-color:#dce7e4 !important;opacity:1 !important}.setoran-form-box input[type="number"],
.setoran-form-box input[name*="jumlah"],
.setoran-form-box input[name*="nominal"],
.penarikan-form-box input[type="number"],
.penarikan-form-box input[name*="jumlah"],
.penarikan-form-box input[name*="nominal"]
{height:40px !important;min-height:40px !important;background:#ffffff !important;border:1px solid #75c9bc !important;color:#287d73 !important;font-size:14px !important;font-weight:600 !important}.setoran-form-box .saldo-info,
.penarikan-form-box .saldo-info
{padding:8px 12px !important;border:1px solid #d8ebe6 !important;border-radius:10px !important;background:linear-gradient( 135deg,#eef9f6 0%,#f9fcfb 100% ) !important}.setoran-form-box textarea.form-control,
.penarikan-form-box textarea.form-control
{height:58px !important;min-height:58px !important;padding:8px 12px !important;line-height:20px !important;resize:vertical !important}.setoran-form-box .input-group-addon,
.penarikan-form-box .input-group-addon
{width:38px !important;min-width:38px !important;padding:0 !important;display:table-cell !important;vertical-align:middle !important;text-align:center !important;background:#e9f7f4 !important;border:1px solid #d5e9e5 !important;color:#31978b !important;border-radius:10px 0 0 10px !important}.setoran-form-box .input-group .form-control,
.penarikan-form-box .input-group .form-control,
.transaksi-form-box .input-group .form-control
{border-radius:0 10px 10px 0 !important}.setoran-form-box .form-actions,
.setoran-form-box .box-footer,
.penarikan-form-box .form-actions,
.penarikan-form-box .box-footer
{margin-top:5px !important;padding:12px 16px !important;border-top:1px solid #edf3f1 !important;background:#fbfdfc !important;text-align:right !important}.setoran-form-box .form-actions .btn,
.setoran-form-box .box-footer .btn,
.penarikan-form-box .form-actions .btn,
.penarikan-form-box .box-footer .btn
{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;padding:0 !important;margin-left:5px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;font-size:0 !important;line-height:1 !important;box-shadow:none !important;transition:transform .16s ease,background .16s ease,border-color .16s ease !important}.setoran-form-box .form-actions .btn i,
.setoran-form-box .box-footer .btn i,
.penarikan-form-box .form-actions .btn i,
.penarikan-form-box .box-footer .btn i,
.transaksi-form-box form>.form-group:last-child .btn i
{margin:0 !important;font-size:12px !important;line-height:1 !important}.setoran-form-box .form-actions .btn-success,
.setoran-form-box .box-footer .btn-success,
.penarikan-form-box .form-actions .btn-success,
.penarikan-form-box .box-footer .btn-success
{background:linear-gradient( 135deg,#61c5b3 0%,#43b39f 55%,#2e9d86 100% ) !important;border:1px solid #3eaa92 !important;color:#ffffff !important}.setoran-form-box .form-actions .btn-success:hover,
.setoran-form-box .box-footer .btn-success:hover,
.penarikan-form-box .form-actions .btn-success:hover,
.penarikan-form-box .box-footer .btn-success:hover
{background:linear-gradient( 135deg,#72cebd 0%,#4db8a3 55%,#218d77 100% ) !important;border-color:#218d77 !important;transform:translateY(-1px) !important}.setoran-form-box .form-actions .btn-default,
.setoran-form-box .box-footer .btn-default,
.penarikan-form-box .form-actions .btn-default,
.penarikan-form-box .box-footer .btn-default
{background:#f2f8f6 !important;border:1px solid #d4e6e1 !important;color:#5d8179 !important}.setoran-form-box .form-actions .btn-default:hover,
.setoran-form-box .box-footer .btn-default:hover,
.penarikan-form-box .form-actions .btn-default:hover,
.penarikan-form-box .box-footer .btn-default:hover
{background:#e3f3ef !important;border-color:#bdded6 !important;color:#317c70 !important;transform:translateY(-1px) !important}@media (max-width:767px){.setoran-form-box,
.penarikan-form-box
{border-radius:13px !important}.setoran-form-box .box-header,
.penarikan-form-box .box-header
{min-height:60px !important;padding:14px 16px !important}.setoran-form-box .box-header .box-title,
.penarikan-form-box .box-header .box-title
{font-size:16px !important}.setoran-form-box .box-header .box-title i,
.penarikan-form-box .box-header .box-title i
{width:28px !important;height:28px !important;margin-right:8px !important;font-size:13px !important}.setoran-form-box .box-body,
.penarikan-form-box .box-body
{padding:15px 13px 16px !important}.setoran-form-box .row,
.penarikan-form-box .row
{display:block !important;margin-left:0 !important;margin-right:0 !important}.setoran-form-box .row>[class*="col-"],
.penarikan-form-box .row>[class*="col-"]
{width:100% !important;padding-left:0 !important;padding-right:0 !important}.setoran-form-box .form-group,
.penarikan-form-box .form-group
{margin-bottom:11px !important}.setoran-form-box .form-control,
.penarikan-form-box .form-control
{height:38px !important;min-height:38px !important;font-size:12px !important}.setoran-form-box textarea.form-control,
.penarikan-form-box textarea.form-control
{height:58px !important;min-height:58px !important}.setoran-form-box .form-actions .btn,
.setoran-form-box .box-footer .btn,
.penarikan-form-box .form-actions .btn,
.penarikan-form-box .box-footer .btn
{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important}.setoran-form-box .form-actions .btn i,
.setoran-form-box .box-footer .btn i,
.penarikan-form-box .form-actions .btn i,
.penarikan-form-box .box-footer .btn i
{font-size:11px !important}}.transaksi-form-box{margin-bottom:20px !important;border:1px solid #d5ebe5 !important;border-radius:16px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 4px 18px rgba(35,115,101,.08) !important}.transaksi-form-box>.transaksi-box-header{min-height:66px !important;padding:15px 22px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#16a89c 0%,#35b7a8 55%,#62c7b8 100% ) !important;border:0 !important}.transaksi-form-box .transaksi-form-title{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;color:#fff !important;font-size:18px !important;font-weight:600 !important;line-height:30px !important}.transaksi-form-box .transaksi-form-title i{width:30px !important;height:30px !important;margin-right:9px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:rgba(255,255,255,.18) !important;color:#fff !important;font-size:14px !important}.transaksi-form-box .x_content{padding:18px 20px 20px !important;background:#fff !important}.transaksi-form-box label,
.transaksi-form-box label.control-label
{display:block !important;float:none !important;width:100% !important;margin:0 0 5px !important;padding:0 !important;text-align:left !important;color:#286f68 !important;font-size:12px !important;font-weight:700 !important;line-height:18px !important}.transaksi-form-box .form-control{width:100% !important;height:38px !important;min-height:38px !important;margin:0 0 9px !important;padding:7px 12px !important;border:1px solid #d5e9e5 !important;border-radius:10px !important;background:#f8fbfa !important;color:#55716d !important;font-size:12px !important;box-shadow:none !important}.transaksi-form-box .form-control:hover{border-color:#b9ddd5 !important;background:#fff !important}.transaksi-form-box .form-control:focus{border-color:#4db8aa !important;background:#fff !important;outline:none !important;box-shadow:0 0 0 3px rgba(77,184,170,.10) !important}.transaksi-form-box .form-control:disabled{background:#f0f3f2 !important;color:#657874 !important;border-color:#dce7e4 !important;opacity:1 !important}.transaksi-form-box form h3{display:flex !important;align-items:center !important;width:100% !important;min-height:38px !important;margin:0 0 9px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #d7ebe6 !important;border-radius:10px !important;background:linear-gradient( 135deg,#edf9f6,#f9fcfb ) !important;color:#287c73 !important;font-size:18px !important;font-weight:600 !important;line-height:22px !important}.transaksi-form-box input[name="debit"],
.transaksi-form-box input[name="kredit"]
{height:40px !important;min-height:40px !important;background:#fff !important;border-color:#72c7ba !important;color:#287d74 !important;font-size:14px !important;font-weight:600 !important}.transaksi-form-box textarea.form-control{height:58px !important;min-height:58px !important;resize:vertical !important;line-height:20px !important}.transaksi-form-box .input-group-addon{width:38px !important;min-width:38px !important;padding:0 !important;text-align:center !important;background:#e8f7f3 !important;border:1px solid #d5e9e5 !important;color:#31968b !important;border-radius:10px 0 0 10px !important}.transaksi-form-box form p{margin:3px 0 8px !important;color:#81938f !important;font-size:10px !important;line-height:16px !important}.transaksi-form-box form>.form-group:last-child{clear:both !important;margin:12px 0 0 !important;padding-top:11px !important;border-top:1px solid #edf3f1 !important;text-align:right !important}.transaksi-form-box form>.form-group:last-child .btn{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;max-width:30px !important;max-height:30px !important;margin-left:5px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;font-size:0 !important;line-height:1 !important;box-shadow:none !important}.transaksi-form-box .btn-success{background:#42b5a6 !important;border:1px solid #42b5a6 !important;color:#fff !important}.transaksi-form-box .btn-default{background:#f1f8f6 !important;border:1px solid #d5e8e3 !important;color:#5d817a !important}@media (max-width:767px){.transaksi-form-box{margin-bottom:14px !important;border-radius:13px !important}.transaksi-form-box>.transaksi-box-header{min-height:58px !important;padding:13px 15px !important}.transaksi-form-box .transaksi-form-title{font-size:16px !important}.transaksi-form-box .transaksi-form-title i{width:28px !important;height:28px !important;margin-right:8px !important;font-size:13px !important}.transaksi-form-box .x_content{padding:15px 12px 16px !important}.transaksi-form-box .col-md-6{width:100% !important;padding-left:0 !important;padding-right:0 !important}.transaksi-form-box .form-control{height:38px !important;min-height:38px !important}.transaksi-form-box form h3{font-size:17px !important}.transaksi-form-box form>.form-group:last-child .btn{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important}}.transaksi-form-box>.box-header.transaksi-box-header{min-height:66px !important;padding:14px 22px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#18a99d 0%,#39b8aa 55%,#63c8b9 100% ) !important;border:0 !important;color:#fff !important}.transaksi-form-box>.box-header .transaksi-form-title,
.transaksi-form-box .transaksi-form-title
{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;color:#fff !important;font-size:18px !important;font-weight:600 !important;line-height:30px !important;text-align:left !important}.transaksi-form-box>.box-header .transaksi-form-title>i{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;margin-right:9px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:rgba(255,255,255,.18) !important;color:#fff !important;font-family:FontAwesome !important;font-size:14px !important;line-height:30px !important;font-style:normal !important}.transaksi-form-box .transaksi-form-title .fa-money:before,
.transaksi-form-box .transaksi-title-icon .fa-money:before
{content:"\f0d6" !important}@media (max-width:767px){.transaksi-form-box>.box-header.transaksi-box-header{min-height:58px !important;padding:13px 15px !important}.transaksi-form-box>.box-header .transaksi-form-title{font-size:16px !important;line-height:28px !important}.transaksi-form-box>.box-header .transaksi-form-title>i{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;margin-right:8px !important;font-size:13px !important;line-height:28px !important}}.transaksi-form-box>.box-header.transaksi-box-header{min-height:68px !important;padding:14px 22px !important;display:flex !important;align-items:center !important;background:linear-gradient( 135deg,#18a99d 0%,#39b8aa 52%,#63c8b9 100% ) !important;border:0 !important;color:#fff !important}.transaksi-form-box .transaksi-title-icon{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;margin-right:9px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:rgba(255,255,255,.18) !important;color:#fff !important}.transaksi-form-box .transaksi-title-icon i{display:inline-block !important;margin:0 !important;padding:0 !important;color:#fff !important;font-family:FontAwesome !important;font-size:14px !important;font-style:normal !important;line-height:1 !important}@media (max-width:767px){.transaksi-form-box>.box-header.transaksi-box-header{min-height:58px !important;padding:13px 15px !important}.transaksi-form-box .transaksi-form-title{font-size:16px !important}.transaksi-form-box .transaksi-title-icon{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;margin-right:8px !important}.transaksi-form-box .transaksi-title-icon i{font-size:13px !important}}.transaksi-form-box>.box-header.transaksi-box-header{background:linear-gradient( 135deg,#eef9f7 0%,#e7f6f3 55%,#f2faf9 100% ) !important;border-bottom:1px solid #d8ebe7 !important}.transaksi-form-box .transaksi-form-title{color:#356f69 !important;font-size:18px !important;font-weight:600 !important;text-align:left !important}.transaksi-form-box .transaksi-title-icon{background:#d9f0eb !important;color:#31988c !important}.transaksi-form-box .transaksi-title-icon i{color:#31988c !important;font-size:14px !important}@media (max-width:767px){.transaksi-form-box .transaksi-form-title{color:#356f69 !important;font-size:16px !important}.transaksi-form-box .transaksi-title-icon i{font-size:13px !important}}.laporan-col{margin-bottom:18px}.laporan-card{border:1px solid #dcebe7!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 14px rgba(35,104,94,.07)!important}.laporan-card .box-header{border:0!important}.laporan-header{min-height:58px!important;padding:14px 17px!important;display:flex!important;align-items:center!important;background:linear-gradient(135deg,#eefaf7 0%,#f8fcfb 100%)!important;border-bottom:1px solid #deeeea!important}.laporan-title{margin:0!important;padding:0!important;color:#287c76!important;font-size:16px!important;font-weight:600!important;line-height:28px!important}.laporan-title i{width:28px!important;height:28px!important;margin-right:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#dff4ef!important;color:#2e9f96!important;font-size:12px!important;vertical-align:middle!important}.laporan-card .form-group{margin-bottom:0!important}.laporan-content{padding:16px!important}.laporan-card label{display:block!important;margin:0 0 6px!important;color:#356f69!important;font-size:12px!important;font-weight:600!important;text-align:left!important}.laporan-card .form-control{height:38px!important;min-height:38px!important;border:1px solid #d6e8e4!important;border-radius:9px!important;background:#f9fcfb!important;color:#496763!important;font-size:12px!important;box-shadow:none!important}.laporan-card .form-control:focus{border-color:#52b9ae!important;background:#fff!important;box-shadow:0 0 0 2px rgba(82,185,174,.10)!important}.laporan-periode-box{margin:0!important;padding:7px!important;border:1px solid #e0efec!important;border-radius:11px!important;background:#f8fcfb!important;box-shadow:none!important}.laporan-field{padding:5px!important}.laporan-sampai{padding:3px 5px!important}.laporan-sampai p{margin:2px 0!important;color:#6b8783!important;font-size:11px!important;font-weight:600!important}.laporan-card .input-group{width:100%!important}.laporan-card .input-group-addon{width:38px!important;min-width:38px!important;padding:0!important;border:1px solid #d6e8e4!important;border-radius:9px 0 0 9px!important;background:#eaf7f4!important;color:#3c938a!important}.laporan-card .input-group .form-control{border-radius:0 9px 9px 0!important}.laporan-input-wrap{position:relative!important}.laporan-input-wrap>i{position:absolute!important;z-index:2!important;top:0!important;left:12px!important;height:38px!important;display:flex!important;align-items:center!important;color:#58a69e!important;font-size:12px!important}.laporan-input-wrap .form-control{padding-left:32px!important}.laporan-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;margin:5px 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-shadow:none!important;font-size:12px!important}.laporan-btn i{margin:0!important;line-height:1!important}.laporan-card .btn-success,
.laporan-result-card .btn-success,
.hutang-save-btn
{background:#42b5a6!important;border-color:#42b5a6!important}.laporan-card .btn-default,
.laporan-result-card .btn-default
{background:#f2f7f6!important;border-color:#d5e7e3!important;color:#66817d!important}.laporan-card .btn:hover,
.laporan-card .btn:focus,
.laporan-result-card .btn:hover,
.laporan-result-card .btn:focus
{box-shadow:none!important;transform:none!important;outline:none!important}.laporan-result-card{border:1px solid #dcebe7!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 15px rgba(35,104,94,.07)!important}.laporan-result-header{min-height:58px!important;margin:0!important;padding:14px 17px!important;display:flex!important;align-items:center!important;background:linear-gradient(135deg,#eefaf7,#f9fcfb)!important;border-bottom:1px solid #deeeea!important}.laporan-result-title{margin:0!important;color:#287c76!important;font-size:16px!important;font-weight:600!important;line-height:28px!important}.laporan-result-title i{width:28px!important;height:28px!important;margin-right:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#dff4ef!important;color:#2e9f96!important;font-size:12px!important}.laporan-result-card .col-md-9,
.laporan-result-card .col-md-12
{padding-top:4px!important;padding-bottom:4px!important}.laporan-table-body,
.hutang-table-body
{padding:10px!important}.laporan-table-wrap{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;border:1px solid #e1efec!important;border-radius:10px!important}.laporan-table{width:100%!important;min-width:820px!important;margin:0!important;border:0!important;font-size:12px!important}.laporan-table>thead>tr>th{padding:10px 9px!important;background:#e8f7f4!important;color:#287c76!important;border-color:#d5eae6!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;vertical-align:middle!important}.laporan-table>tbody>tr>td{padding:8px 9px!important;border-color:#edf3f1!important;color:#506965!important;vertical-align:middle!important;white-space:nowrap!important}.laporan-table>tbody>tr:hover,
.hutang-table>tbody>tr:hover
{background:#f8fcfb!important}.laporan-table .btn,
.laporan-aksi-transaksi .btn-xs i,
.detailtoko-aksi .btn-xs i,
.pelanggaran-btn i,
.pelanggaran-action-btn i
{margin:0!important}@media (max-width:767px){.laporan-col{margin-bottom:12px}.laporan-card,
.laporan-result-card
{border-radius:12px!important}.laporan-header,
.laporan-result-header
{min-height:52px!important;padding:11px 13px!important}.laporan-title,
.laporan-result-title
{font-size:14px!important}.laporan-title i,
.laporan-result-title i
{width:26px!important;height:26px!important;margin-right:7px!important}.laporan-content{padding:12px!important}.laporan-table-body{padding:7px!important}.laporan-table-wrap{border-radius:8px!important}.laporan-table{min-width:820px!important}.laporan-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:11px!important}}.laporan-aksi-transaksi,
.detailtoko-aksi
{white-space:nowrap!important;text-align:center!important}.laporan-aksi-transaksi .btn-xs{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-shadow:none!important}.laporan-transaksi-modal,
.detailtoko-modal
{border:0!important;border-radius:14px!important;overflow:hidden!important}.laporan-transaksi-modal-header{padding:14px 16px!important;border:0!important;background:linear-gradient(135deg,#20a99f,#5bc5b8)!important;color:#fff!important}.laporan-transaksi-modal-header .modal-title{margin:0!important;color:#fff!important;font-size:16px!important;font-weight:600!important}.laporan-transaksi-modal-header .modal-title i,
#dataSiswa .modal-title i
{margin-right:7px!important}.laporan-transaksi-modal-header .close,
.detailtoko-modal-header .close
{color:#fff!important;opacity:.9!important;text-shadow:none!important}.laporan-transaksi-modal .modal-body,
.detailtoko-modal .modal-body
{padding:18px!important}.laporan-transaksi-modal label{display:block!important;margin-bottom:5px!important;color:#356f69!important;font-size:12px!important;font-weight:600!important;text-align:left!important}.laporan-transaksi-modal .form-control{border:1px solid #d7e9e5!important;border-radius:8px!important;box-shadow:none!important}.laporan-transaksi-modal .modal-footer{border-top:1px solid #edf3f1!important;padding:10px 14px!important}.hutang-page-header{padding:0 0 14px!important;border:0!important;background:transparent!important}.hutang-page-title{margin:0 0 0 25px!important;color:#287c76!important;font-size:20px!important;font-weight:600!important}.hutang-page-title i{margin-right:8px!important;color:#2e9f96!important}.hutang-form-card,
.hutang-table-card
{border:1px solid #dcebe7!important;border-radius:15px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 16px rgba(35,104,94,.07)!important}.hutang-summary-header{min-height:92px!important;padding:15px 18px!important;border:0!important;background:linear-gradient(135deg,#20a99f,#39b5a8 48%,#73d0c0)!important}.hutang-summary{display:flex!important;align-items:center!important;gap:13px!important}.hutang-summary-icon{width:52px!important;height:52px!important;min-width:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:rgba(255,255,255,.2)!important;color:#fff!important;font-size:22px!important;border:1px solid rgba(255,255,255,.22)!important}.hutang-summary-text{display:flex!important;flex-direction:column!important;gap:3px!important}.hutang-summary-label{color:#287c76!important;font-size:25px!important;font-weight:600!important}.hutang-summary-text strong{color:#287c76 !important;font-size:25px!important;line-height:31px!important;font-weight:600!important}.hutang-form-body{padding:18px 20px 16px!important;background:#fff!important}.hutang-form-body .form-group{margin-bottom:12px!important}.hutang-label{padding-top:9px!important;color:#356f69!important;font-size:12px!important;font-weight:600!important;text-align:left!important}.hutang-label i{width:18px!important;color:#43a79d!important}.hutang-form-body .form-control{height:39px!important;min-height:39px!important;padding:8px 11px!important;border:1px solid #d5e8e4!important;border-radius:9px!important;background:#f9fcfb!important;color:#506d69!important;box-shadow:none!important;font-size:12px!important}.hutang-form-body textarea.form-control{min-height:65px!important;height:65px!important;resize:vertical!important}.hutang-form-body .form-control:focus{border-color:#50b9ad!important;background:#fff!important;box-shadow:0 0 0 2px rgba(80,185,173,.1)!important}.hutang-save-btn,
.hutang-action-btn
{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-shadow:none!important;font-size:12px!important}.hutang-save-btn:hover,
.hutang-save-btn:focus,
.hutang-action-btn:hover,
.hutang-action-btn:focus
{box-shadow:none!important;transform:none!important}.hutang-table-wrap{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;border:1px solid #e0efec!important;border-radius:10px!important}.hutang-table{min-width:850px!important;margin:0!important;font-size:12px!important}.hutang-table>thead>tr>th{padding:10px 9px!important;background:#e8f7f4!important;color:#287c76!important;border-color:#d5eae6!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}.hutang-table>tbody>tr>td{padding:8px 9px!important;border-color:#edf3f1!important;color:#526c68!important;vertical-align:middle!important;white-space:nowrap!important}@media(max-width:767px){.hutang-page-title{font-size:17px!important}.hutang-summary-header{min-height:82px!important;padding:13px!important}.hutang-summary-icon{width:45px!important;height:45px!important;min-width:45px!important;border-radius:12px!important;font-size:19px!important}.hutang-summary-text strong{font-size:20px!important;line-height:26px!important}.hutang-form-body{padding:14px 12px!important}.hutang-label{padding-top:0!important;padding-bottom:5px!important}.hutang-form-body .form-control{height:38px!important;min-height:38px!important}.hutang-form-body textarea.form-control{height:60px!important;min-height:60px!important}.hutang-table-body{padding:7px!important}.hutang-action-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}}.detailtoko-aksi .btn-xs{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;margin:1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-shadow:none!important}.detailtoko-modal-header{background:linear-gradient(135deg,#20a99f,#5bc5b8)!important;border:0!important;color:#fff!important}.detailtoko-modal-header .modal-title{color:#fff!important;font-weight:600!important}.detailtoko-modal-header .modal-title i{margin-right:6px!important}.detailtoko-modal .modal-body label{display:block!important;text-align:left!important;margin-bottom:6px!important;color:#356f69!important}.detailtoko-modal .form-control{height:40px!important;border:1px solid #d5e8e4!important;border-radius:9px!important;box-shadow:none!important}.pelanggaran-table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.pelanggaran-table{width:100%;margin-bottom:0;border-collapse:separate !important;border-spacing:0;table-layout:auto;border:none !important}.pelanggaran-table thead th{background:#3c8dbc !important;background-color:#3c8dbc !important;color:#ffffff !important;font-weight:600;text-align:center;vertical-align:middle;padding:10px 8px !important;white-space:nowrap;border-top:none !important;border-bottom:none !important;border-left:1px solid rgba(255,255,255,0.08) !important;border-right:none !important}.pelanggaran-table thead th:first-child{border-top-left-radius:12px !important;border-left:none !important}.pelanggaran-table thead th:last-child{border-top-right-radius:12px !important;border-right:none !important}.pelanggaran-table tbody td{padding:9px 8px !important;vertical-align:middle !important;background:#ffffff;border-top:1px solid #ddd !important;border-left:1px solid #ddd !important;border-right:none !important;border-bottom:none !important}.pelanggaran-table tbody td:last-child{border-right:1px solid #ddd !important}.pelanggaran-table tbody tr:last-child td{border-bottom:1px solid #ddd !important}.pelanggaran-table tbody tr:hover td{background:#f4f7fb !important}.pelanggaran-table .label{display:inline-block;min-width:38px;padding:5px 8px;font-size:12px;font-weight:600}.pelanggaran-table .btn{margin:1px}.pelanggaran-table,
.pelanggaran-table thead,
.pelanggaran-table tbody,
.pelanggaran-table tr,
.pelanggaran-table th,
.pelanggaran-table td
{animation:none !important;transition:none !important}@media (max-width:768px){.pelanggaran-table{min-width:900px}.pelanggaran-table thead th{padding:8px 6px !important}.pelanggaran-table tbody td{padding:7px 6px !important}}.box .nav-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding:8px 8px 0!important;margin:0!important;border-bottom:1px solid #dcebe7!important;background:linear-gradient(135deg,#f5fbf9,#f9fcfb)!important}.box .nav-tabs>li{float:none!important;margin:0!important}.box .nav-tabs>li>a{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:10px 14px!important;min-height:40px!important;border:1px solid #dcebe7!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;background:#eef7f5!important;color:#52736e!important;font-size:12px!important;font-weight:600!important;transition:all .18s ease!important}.box .nav-tabs>li>a i{width:16px!important;text-align:center!important;font-size:13px!important}.box .nav-tabs>li>a:hover{background:#e2f3ef!important;color:#247f73!important;border-color:#c9e4de!important}.box .nav-tabs>li.active>a,
.box .nav-tabs>li.active>a:hover,
.box .nav-tabs>li.active>a:focus
{background:#fff!important;color:#238a7d!important;border-color:#bfe0d9!important;border-top:3px solid #2aaf9f!important;padding-top:8px!important;box-shadow:0 -2px 10px rgba(42,175,159,.07)!important}.box .nav-tabs>li:nth-child(1)>a i{color:#f0a24b!important}.box .nav-tabs>li:nth-child(2)>a i{color:#e47777!important}.box .nav-tabs>li:nth-child(3)>a i{color:#4b9ed0!important}.box .nav-tabs>li:nth-child(4)>a i{color:#8a72c6!important}.box .nav-tabs>li.active>a i{color:#2a9d8f!important}.box.box-success>.box-header.with-border{min-height:54px!important;display:flex!important;align-items:center!important;padding:13px 17px!important;background:linear-gradient(135deg,#eaf8f5,#f8fcfb)!important;border-bottom:1px solid #d9ebe7!important}.box.box-success>.box-header .box-title{color:#28786f!important;font-size:16px!important;font-weight:700!important}.box.box-success>.box-header .box-title i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:29px!important;height:29px!important;margin-right:7px!important;border-radius:50%!important;background:#d9f2ed!important;color:#2a9d8f!important}.pelanggaran-btn,
.pelanggaran-action-btn
{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:9px!important;font-weight:600!important;transition:all .18s ease!important}.pelanggaran-btn.btn-success{background:#2aaf9f!important;border-color:#2aaf9f!important;color:#fff!important}.pelanggaran-btn.btn-success:hover{background:#238f82!important;border-color:#238f82!important}.pelanggaran-btn.btn-default{background:#f5f9f8!important;border-color:#d7e8e4!important;color:#55716d!important}.pelanggaran-btn.btn-data-siswa{min-height:34px!important;padding:6px 12px!important}.pelanggaran-action-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:9px!important;margin:2px!important}.pelanggaran-action-btn.btn-warning{background:#fff4df!important;border-color:#f1d59d!important;color:#c88728!important}.pelanggaran-action-btn.btn-danger{background:#fff0f2!important;border-color:#efcbd2!important;color:#d45c70!important}.pelanggaran-action-btn.btn-info{background:#edf7fc!important;border-color:#c9e4f2!important;color:#438eb7!important}.pelanggaran-action-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 10px rgba(50,80,90,.10)!important}#dataSiswa .modal-content{border:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 15px 40px rgba(32,73,68,.18)!important}#dataSiswa .modal-header{padding:15px 18px!important;background:linear-gradient(135deg,#2aaf9f,#5fc5b7)!important;border:0!important;color:#fff!important}#dataSiswa .modal-title{color:#fff!important;font-size:16px!important;font-weight:700!important}#dataSiswa .modal-header .close{color:#fff!important;opacity:.9!important}#dataSiswa .modal-body{padding:15px!important}#dataSiswa .table thead th{background:#e8f7f4!important;color:#287d74!important;border-color:#d6ebe7!important}#dataSiswa .modal-footer{border-top:1px solid #e8f1ef!important;background:#fafdfc!important}@media(max-width:768px){.box .nav-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}.box .nav-tabs::-webkit-scrollbar{display:none!important}.box .nav-tabs>li{flex:0 0 auto!important}.box .nav-tabs>li>a{font-size:11px!important;padding:9px 11px!important}}body.modal-open{overflow:hidden !important}.modal-backdrop{z-index:1040 !important}.pelanggaran-modal{z-index:1055 !important}.pelanggaran-modal .modal-dialog{position:relative !important;z-index:1060 !important;width:480px !important;max-width:calc(100% - 30px) !important;margin:70px auto 30px !important;pointer-events:none !important}.pelanggaran-modal .modal-content{position:relative !important;z-index:1061 !important;pointer-events:auto !important;border:0 !important;border-radius:18px !important;overflow:hidden !important;background:#ffffff !important;box-shadow:0 20px 55px rgba(31,77,69,.22) !important}.pelanggaran-modal.fade .modal-dialog{opacity:0 !important;transform:translateY(-18px) scale(.97) !important;transition:opacity .22s ease,transform .22s ease !important}.pelanggaran-modal.fade.in .modal-dialog{opacity:1 !important;transform:translateY(0) scale(1) !important}.pelanggaran-edit-modal .modal-header{position:relative !important;padding:17px 20px !important;border:0 !important;background:linear-gradient(135deg,#eaf8f4 0%,#f6fbfa 100%) !important;border-bottom:1px solid #dceee9 !important}.pelanggaran-edit-modal .modal-title,
.pelanggaran-delete-modal .modal-title
{margin:0 !important;padding-right:30px !important;color:#287b6c !important;font-size:17px !important;font-weight:700 !important;line-height:26px !important}.pelanggaran-edit-modal .modal-title i{width:30px !important;height:30px !important;margin-right:7px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#dff3ed !important;color:#2aaf9f !important}.pelanggaran-delete-modal .modal-header{position:relative !important;padding:17px 20px !important;border:0 !important;background:linear-gradient(135deg,#fff3f4 0%,#fffafb 100%) !important;border-bottom:1px solid #f2dfe2 !important}.pelanggaran-delete-modal .modal-title{color:#c85d70 !important}.pelanggaran-delete-modal .modal-title .fa-warning{width:30px !important;height:30px !important;margin-right:7px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#ffe6ea !important;color:#d86b7d !important}.pelanggaran-modal .modal-header .close{position:absolute !important;top:14px !important;right:16px !important;z-index:1065 !important;width:30px !important;height:30px !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:1px solid #dce9e6 !important;border-radius:50% !important;background:#ffffff !important;color:#78928d !important;opacity:1 !important;font-size:13px !important;text-shadow:none !important}.pelanggaran-modal .modal-header .close:hover{background:#eef8f5 !important;color:#2a9d8f !important;opacity:1 !important}.pelanggaran-edit-modal .modal-body{padding:20px !important;background:#ffffff !important}.pelanggaran-edit-modal .modal-body .form-group{margin-bottom:14px !important}.pelanggaran-edit-modal .modal-body label,.pelanggaran-edit-modal .modal-body label{display:block !important;margin:0 0 6px !important;color:#426f68 !important;font-size:12px !important;font-weight:700 !important}.pelanggaran-edit-modal .modal-body .form-control,.pelanggaran-edit-modal .modal-body .form-control{height:38px !important;padding:8px 11px !important;border:1px solid #d7e9e4 !important;border-radius:9px !important;background:#f8fbfa !important;color:#486b66 !important;font-size:12px !important;box-shadow:none !important}.pelanggaran-edit-modal .modal-body textarea.form-control,.pelanggaran-edit-modal .modal-body textarea.form-control{height:75px !important;resize:vertical !important}.pelanggaran-edit-modal .modal-body .form-control:focus{border-color:#55b9aa !important;background:#ffffff !important;box-shadow:0 0 0 3px rgba(85,185,170,.10) !important;outline:none !important}.pelanggaran-edit-modal .modal-body .alert-info{margin:8px 0 0 !important;padding:10px 12px !important;border:1px solid #d9edf7 !important;border-radius:9px !important;background:#f3faff !important;color:#4c778b !important;font-size:11px !important}.pelanggaran-modal .modal-footer{padding:12px 20px 16px !important;border-top:1px solid #edf3f1 !important;background:#ffffff !important;text-align:right !important}.pelanggaran-modal .modal-footer .btn-xs{width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;margin-left:5px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pelanggaran-edit-modal .modal-footer .btn-warning{background:#e7a943 !important;border-color:#e7a943 !important;color:#ffffff !important}.pelanggaran-edit-modal .modal-footer .btn-warning:hover{background:#d8952d !important;border-color:#d8952d !important}.pelanggaran-delete-modal .modal-body{padding:24px 22px !important;text-align:center !important;background:#ffffff !important}.pelanggaran-delete-modal .modal-body p{margin:0 !important;color:#647b77 !important;font-size:13px !important;line-height:22px !important}.pelanggaran-delete-modal .modal-footer{text-align:center !important}.pelanggaran-delete-modal .modal-footer .btn-danger{background:#d86b7d !important;border-color:#d86b7d !important;color:#ffffff !important}.pelanggaran-delete-modal .modal-footer .btn-danger:hover{background:#c9576b !important;border-color:#c9576b !important}.pelanggaran-action-btn{position:relative !important;z-index:2 !important;cursor:pointer !important}@media (max-width:767px){.pelanggaran-modal .modal-dialog{width:auto !important;max-width:none !important;margin:45px 12px 20px !important}.pelanggaran-edit-modal .modal-header,
.pelanggaran-delete-modal .modal-header
{padding:14px 16px !important}.pelanggaran-edit-modal .modal-body{padding:16px !important}.pelanggaran-modal .modal-footer{padding:10px 16px 14px !important}}.pelanggaran-edit-modal{z-index:1055 !important;overflow-x:hidden !important;overflow-y:auto !important}.pelanggaran-edit-modal .modal-dialog{width:480px !important;max-width:calc(100% - 30px) !important;margin:55px auto 30px !important;pointer-events:none !important}.pelanggaran-edit-modal .modal-content{position:relative !important;z-index:1060 !important;pointer-events:auto !important;border:0 !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 18px 50px rgba(31,77,69,.22) !important}.pelanggaran-edit-modal .modal-dialog,
.pelanggaran-edit-modal .modal-content
{opacity:1 !important;transform:none !important;transition:none !important}.pelanggaran-edit-modal .modal-header{position:relative !important;min-height:60px !important;padding:15px 20px !important;border:0 !important;border-bottom:1px solid #dceee9 !important;background:linear-gradient(135deg,#eaf8f4 0%,#f7fcfb 100%) !important}.pelanggaran-edit-modal .modal-title{margin:0 !important;padding-right:38px !important;color:#287b6c !important;font-size:17px !important;font-weight:700 !important;line-height:30px !important}.pelanggaran-edit-modal .modal-title>i{width:30px !important;height:30px !important;margin-right:7px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#d9f2eb !important;color:#25a996 !important}.pelanggaran-edit-modal .modal-header .close{position:absolute !important;top:14px !important;right:15px !important;z-index:1065 !important;width:30px !important;height:30px !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:1px solid #d8e8e4 !important;border-radius:50% !important;background:#fff !important;color:#78918c !important;opacity:1 !important;text-shadow:none !important}.pelanggaran-edit-modal .modal-body,
.mapel-body
{padding:20px !important;background:#fff !important}.pelanggaran-edit-modal .modal-body .form-group{margin-bottom:13px !important}.pelanggaran-edit-modal .modal-body .form-control:focus{border-color:#4eb7a8 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(78,183,168,.11) !important;outline:none !important}.pelanggaran-edit-modal .modal-footer{padding:12px 20px 16px !important;border-top:1px solid #edf3f1 !important;background:#fff !important;text-align:right !important}.pelanggaran-edit-modal .modal-footer .btn-xs{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;margin-left:5px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pelanggaran-edit-modal .modal-footer .btn-warning{background:#e3a33e !important;border-color:#e3a33e !important;color:#fff !important}.pelanggaran-action-btn{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;margin:2px !important;padding:0 !important;border-radius:9px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important}@media (max-width:767px){.pelanggaran-edit-modal .modal-dialog{width:auto !important;max-width:none !important;margin:35px 10px 20px !important}.pelanggaran-edit-modal .modal-header{padding:14px 16px !important}.pelanggaran-edit-modal .modal-body{padding:16px !important}.pelanggaran-edit-modal .modal-footer{padding:10px 16px 14px !important}}.pelanggaran-action-btn,
.pelanggaran-btn,
.btn-data-siswa,
.btn-xs
{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;padding:0 !important;margin:2px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:9px !important;box-shadow:none !important;line-height:1 !important}.pelanggaran-action-btn:hover,
.pelanggaran-btn:hover,
.btn-data-siswa:hover,
.btn-xs:hover,
.absensi-action-btn:hover
{transform:translateY(-1px) !important}.lapprestasi-filter-wrap,
.lapprestasi-report-box
{margin-bottom:18px !important}.lapprestasi-filter-box,
.lapprestasi-report-box
{border:1px solid #dcece8 !important;border-radius:16px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 6px 22px rgba(37,104,91,.08) !important}.lapprestasi-filter-box:hover,
.lapprestasi-report-box:hover
{box-shadow:0 6px 22px rgba(37,104,91,.08) !important;transform:none !important}.lapprestasi-filter-header{padding:15px 18px 18px !important;background:linear-gradient(135deg,#e9f8f4 0%,#f8fcfb 100%) !important;border-bottom:1px solid #dceee9 !important}.lapprestasi-filter-title{display:flex !important;align-items:center !important;gap:10px !important;margin:0 0 16px !important}.lapprestasi-title-icon{width:38px !important;height:38px !important;min-width:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:11px !important;background:linear-gradient(135deg,#20a99f,#58c4b5) !important;color:#fff !important;box-shadow:0 5px 12px rgba(32,169,159,.18) !important}.lapprestasi-title-icon i,
.laporan-title-icon i
{font-size:15px !important}.lapprestasi-filter-title strong{display:block !important;color:#277b72 !important;font-size:16px !important;font-weight:700 !important;line-height:21px !important}.lapprestasi-filter-title small{display:block !important;margin-top:2px !important;color:#78918d !important;font-size:11px !important;font-weight:400 !important}.lapprestasi-filter-header form>.row,
.laporan-filter-header form>.row,
.absensi-filter-header form>.row
{display:flex !important;flex-wrap:wrap !important;align-items:flex-end !important;margin:0 -6px !important}.lapprestasi-filter-header form>.row>[class*="col-md-"]{padding:0 6px !important}.lapprestasi-label,
.laporan-label,
.absensi-label
{display:block !important;margin:0 0 6px !important;color:#356f69 !important;font-size:12px !important;font-weight:700 !important;line-height:18px !important}.lapprestasi-filter-header .form-control{height:38px !important;min-height:38px !important;padding:8px 11px !important;border:1px solid #d5e9e4 !important;border-radius:9px !important;background:#fff !important;color:#526f6b !important;font-size:12px !important;box-shadow:none !important}.lapprestasi-filter-header .form-control:focus,
.laporan-filter-header .form-control:focus,
.absensi-filter-header .form-control:focus
{border-color:#4eb7a8 !important;box-shadow:0 0 0 3px rgba(78,183,168,.10) !important;outline:none !important}.lapprestasi-filter-header .input-group-addon{width:38px !important;min-width:38px !important;padding:0 !important;border:1px solid #d5e9e4 !important;border-right:0 !important;border-radius:9px 0 0 9px !important;background:#eaf7f4 !important;color:#299d90 !important}.lapprestasi-filter-header .input-group .form-control,
.laporan-filter-header .input-group .form-control,
.absensi-filter-header .input-group .form-control
{border-radius:0 9px 9px 0 !important}.lapprestasi-search-btn{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;margin:0 0 0 2px !important;padding:0 !important;border:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#35b3a5 !important;color:#fff !important;box-shadow:0 5px 12px rgba(53,179,165,.18) !important}.lapprestasi-search-btn:hover,
.lapprestasi-search-btn:focus,
.lapprestasi-export-btn:hover,
.laporan-search-btn:hover,
.laporan-search-btn:focus,
.absensi-search-btn:hover,
.absensi-search-btn:focus
{background:#269d90 !important;color:#fff !important;transform:translateY(-1px) !important}.lapprestasi-report-header{min-height:58px !important;padding:14px 18px !important;display:flex !important;align-items:center !important;background:linear-gradient(135deg,#20a99f 0%,#43b9ab 55%,#63c7b9 100%) !important;border:0 !important}.lapprestasi-report-header .box-title{color:#fff !important;font-size:14px !important;font-weight:600 !important;line-height:22px !important}.lapprestasi-report-header .box-title>span,
.laporan-result-header .box-title .fa
{margin-right:7px !important;color:#fff !important}.lapprestasi-table-body{padding:12px 14px 4px !important;background:#fff !important}.lapprestasi-report-box table{margin-bottom:0 !important;border:1px solid #e0eeeb !important;border-radius:10px !important;overflow:hidden !important;font-size:12px !important}.lapprestasi-report-box table thead th{padding:10px 9px !important;border-color:#d5e9e4 !important;background:#e8f7f3 !important;color:#287b72 !important;font-size:11px !important;font-weight:700 !important;vertical-align:middle !important}.lapprestasi-report-box table thead th i{margin-right:4px !important;color:#2ca495 !important}.lapprestasi-report-box table tbody td{padding:9px !important;border-color:#edf3f1 !important;color:#58726e !important;vertical-align:middle !important}.lapprestasi-report-box table tbody tr:nth-child(even),
.laporan-result-box table tbody tr:nth-child(even),
.absensi-main-table tbody tr:nth-child(even),
.absensi-summary-table tr:nth-child(even) td
{background:#fbfdfc !important}.lapprestasi-report-box table tbody tr:hover,
.laporan-result-box table tbody tr:hover,
.absensi-main-table tbody tr:hover
{background:#eef9f6 !important}.lapprestasi-report-box table tbody td:nth-child(1),
.laporan-result-box table tbody td:first-child
{color:#2c9689 !important;font-weight:700 !important}.lapprestasi-report-box table tbody td:nth-child(4),
.laporan-result-box table tbody td:nth-child(4)
{color:#356f69 !important;font-weight:600 !important}.lapprestasi-report-box table tbody td:nth-child(7){color:#267e73 !important;font-weight:600 !important}.lapprestasi-report-footer{padding:10px 14px !important;border-top:1px solid #e7f0ee !important;background:#f9fcfb !important}.lapprestasi-export-btn{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:50% !important;background:#35b3a5 !important;color:#fff !important;box-shadow:0 5px 12px rgba(53,179,165,.15) !important}@media (max-width:767px){.lapprestasi-filter-header{padding:13px 12px 14px !important}.lapprestasi-filter-title{margin-bottom:13px !important}.lapprestasi-filter-header form>.row{display:block !important;margin:0 !important}.lapprestasi-filter-header form>.row>[class*="col-md-"]{width:100% !important;padding:0 !important;margin-bottom:10px !important}.lapprestasi-filter-header form>.row>[class*="col-md-"] .lapprestasi-search-btn{margin-top:2px !important}.lapprestasi-report-header{min-height:54px !important;padding:12px 13px !important}.lapprestasi-report-header .box-title{font-size:12px !important}.lapprestasi-table-body{padding:8px !important}.lapprestasi-report-box table{min-width:850px !important}}.laporan-pelanggaran-page{padding-left:10px !important;padding-right:10px !important}.laporan-filter-box,
.laporan-result-box
{border:1px solid #dcece8 !important;border-radius:17px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 7px 24px rgba(38,102,91,.08) !important;margin-bottom:20px !important}.laporan-filter-box:hover,
.laporan-result-box:hover,
.absensi-filter-box:hover,
.absensi-detail-box:hover
{transform:none !important;box-shadow:0 7px 24px rgba(38,102,91,.08) !important}.laporan-filter-header{padding:17px 20px 19px !important;border:0 !important;background:linear-gradient(135deg,#e8f7f3 0%,#f7fcfb 100%) !important}.laporan-filter-title{display:flex !important;align-items:center !important;gap:11px !important;margin:0 0 17px !important}.laporan-title-icon{width:40px !important;height:40px !important;min-width:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;background:linear-gradient(135deg,#20a99f,#55c2b3) !important;color:#fff !important;box-shadow:0 5px 13px rgba(32,169,159,.18) !important}.laporan-filter-title strong,
.absensi-filter-title strong
{display:block !important;color:#287b72 !important;font-size:16px !important;font-weight:700 !important;line-height:21px !important}.laporan-filter-title small,
.absensi-filter-title small
{display:block !important;margin-top:2px !important;color:#78918d !important;font-size:11px !important}.laporan-filter-header form>.row>[class*="col-md-"],
.absensi-filter-header form>.row>[class*="col-md-"]
{padding-left:6px !important;padding-right:6px !important}.laporan-filter-header .form-control,
.absensi-filter-header .form-control
{height:39px !important;min-height:39px !important;padding:8px 11px !important;border:1px solid #d4e9e4 !important;border-radius:9px !important;background:#fff !important;color:#526f6b !important;font-size:12px !important;box-shadow:none !important}.laporan-filter-header .input-group-addon,
.absensi-filter-header .input-group-addon
{width:39px !important;min-width:39px !important;padding:0 !important;border:1px solid #d4e9e4 !important;border-right:0 !important;border-radius:9px 0 0 9px !important;background:#e8f7f3 !important;color:#299b8e !important;text-align:center !important}.laporan-search-btn,
.absensi-search-btn
{width:39px !important;height:39px !important;min-width:39px !important;min-height:39px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#35b3a5 !important;color:#fff !important;box-shadow:0 5px 13px rgba(53,179,165,.18) !important}.laporan-result-header{min-height:60px !important;padding:14px 19px !important;display:flex !important;align-items:center !important;border:0 !important;background:linear-gradient(135deg,#20a99f 0%,#43b9ab 55%,#63c7b9 100%) !important}.laporan-result-header .box-title{margin:0 !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;line-height:22px !important}.laporan-table-body{padding:13px 14px 5px !important;background:#fff !important}.laporan-result-box table{margin:0 !important;border:1px solid #deece9 !important;border-radius:10px !important;overflow:hidden !important;font-size:12px !important}.laporan-result-box table thead th{padding:11px 9px !important;border-color:#d4e8e3 !important;background:#e7f7f3 !important;color:#287a71 !important;font-size:11px !important;font-weight:700 !important;vertical-align:middle !important}.laporan-result-box table thead th .fa,
.absensi-main-table thead th .fa
{margin-right:4px !important;color:#2ca395 !important}.laporan-result-box table tbody td{padding:9px !important;border-color:#edf3f1 !important;color:#58736e !important;vertical-align:middle !important}.laporan-result-box table tbody td:nth-child(6){color:#a05d4f !important;font-weight:600 !important}.laporan-result-box table tbody td:nth-child(8){color:#c58a27 !important;font-weight:700 !important}.laporan-result-footer{min-height:58px !important;padding:10px 14px !important;border-top:1px solid #e7f0ee !important;background:#f9fcfb !important}.laporan-excel-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:50% !important;background:#39ad7c !important;color:#fff !important;box-shadow:0 5px 13px rgba(57,173,124,.18) !important}.laporan-excel-btn:hover,
.laporan-excel-btn:focus
{background:#2f996c !important;color:#fff !important;transform:translateY(-1px) !important}@media (max-width:767px){.laporan-pelanggaran-page{padding-left:5px !important;padding-right:5px !important}.laporan-filter-box,
.laporan-result-box
{border-radius:13px !important;margin-bottom:14px !important}.laporan-filter-header{padding:14px 13px 15px !important}.laporan-filter-title{margin-bottom:14px !important}.laporan-filter-header form>.row{display:block !important;margin:0 !important}.laporan-filter-header form>.row>[class*="col-md-"]{width:100% !important;padding:0 !important;margin-bottom:11px !important}.laporan-search-btn{margin-top:1px !important}.laporan-result-header{min-height:54px !important;padding:12px 13px !important}.laporan-result-header .box-title{font-size:12px !important}.laporan-table-body{padding:8px !important}.laporan-result-box table{min-width:980px !important}.laporan-result-footer{min-height:52px !important}}.absensi-rekap-page{padding-left:8px !important;padding-right:8px !important}.absensi-filter-box,
.absensi-detail-box
{border:1px solid #dcece8 !important;border-radius:17px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 7px 24px rgba(38,102,91,.08) !important;margin-bottom:18px !important}.absensi-filter-header{padding:17px 20px 19px !important;border:0 !important;background:linear-gradient(135deg,#e8f7f3 0%,#f8fcfb 100%) !important}.absensi-filter-title{display:flex !important;align-items:center !important;gap:11px !important;margin-bottom:17px !important}.absensi-title-icon{width:41px !important;height:41px !important;min-width:41px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;background:linear-gradient(135deg,#20a99f,#55c2b3) !important;color:#fff !important;box-shadow:0 5px 13px rgba(32,169,159,.18) !important}.absensi-title-icon i{font-size:16px !important}.absensi-result-body{padding:14px 15px 16px !important;background:#fff !important}.absensi-action-btn{margin:0 0 0 6px !important;padding:8px 12px !important;border:0 !important;border-radius:9px !important;font-size:11px !important;font-weight:600 !important}.absensi-table-wrap{width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;border-radius:11px !important}.absensi-main-table{margin-top:10px !important;margin-bottom:15px !important;border:1px solid #dcebe7 !important;font-size:12px !important}.absensi-main-table thead th{padding:11px 9px !important;border-color:#d4e8e3 !important;background:#e7f7f3 !important;color:#287a71 !important;font-size:11px !important;font-weight:700 !important;vertical-align:middle !important;white-space:nowrap !important}.absensi-main-table tbody td{padding:8px 9px !important;border-color:#edf3f1 !important;color:#58736e !important;vertical-align:middle !important}.absensi-main-table tbody td:nth-child(2),
.absensi-main-table tbody td:nth-child(3)
{color:#287d74 !important;font-weight:600 !important}.absensi-status{display:inline-block !important;min-width:62px !important;padding:5px 8px !important;border-radius:20px !important;font-size:10px !important;font-weight:700 !important;text-align:center !important;background:#edf5f3 !important;color:#55736d !important}.absensi-status.status-h{background:#e4f6ed !important;color:#27865c !important}.absensi-status.status-s{background:#fff3df !important;color:#b77921 !important}.absensi-status.status-i{background:#e7f2fb !important;color:#3c7ea8 !important}.absensi-status.status-a{background:#fde8ea !important;color:#c25563 !important}.absensi-status.status-t{background:#eee9fb !important;color:#7455a7 !important}.absensi-main-table .img-thumbnail{padding:3px !important;border:1px solid #dcebe7 !important;border-radius:9px !important;background:#fff !important}.absensi-summary-title{display:flex !important;align-items:center !important;gap:7px !important;width:40% !important;margin:13px 0 7px !important;padding:9px 12px !important;border-radius:9px !important;background:#eaf7f4 !important;color:#287b72 !important;font-size:12px !important;font-weight:700 !important}.absensi-summary-title .fa{color:#2ca395 !important}.absensi-summary-table{width:40% !important;margin:0 !important;border:1px solid #dcebe7 !important;font-size:12px !important}.absensi-summary-table td{padding:8px 10px !important;border-color:#edf3f1 !important;color:#58736e !important}.absensi-summary-table td:last-child{color:#287d74 !important;font-weight:700 !important;text-align:center !important}.absensi-detail-header{min-height:58px !important;padding:13px 17px !important;border:0 !important;background:linear-gradient(135deg,#20a99f,#55c2b3) !important}.absensi-detail-header .box-title{color:#fff !important;font-size:14px !important;font-weight:700 !important}.absensi-info-table th{width:140px !important;color:#356f69 !important}.absensi-info-table td{color:#58736e !important}.absensi-detail-table thead th{padding:9px !important;background:#e7f7f3 !important;color:#287a71 !important;border-color:#d4e8e3 !important;font-size:11px !important}.absensi-detail-table tbody td{padding:8px !important;border-color:#edf3f1 !important}@media (max-width:767px){.absensi-rekap-page{padding-left:4px !important;padding-right:4px !important}.absensi-filter-box,
.absensi-detail-box
{border-radius:13px !important}.absensi-filter-header{padding:14px 13px 15px !important}.absensi-filter-header form>.row{display:block !important;margin:0 !important}.absensi-filter-header form>.row>[class*="col-md-"]{width:100% !important;padding:0 !important;margin-bottom:11px !important}.absensi-result-body{padding:9px !important}.absensi-action-btn{margin-bottom:5px !important}.absensi-main-table{min-width:980px !important}.absensi-summary-title,
.absensi-summary-table
{width:100% !important}}.login-emis-page{min-height:100vh;margin:0;overflow-x:hidden;font-family:"Segoe UI",Arial,sans-serif;color:#285f5b;background:#edf7f5}.login-emis-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(0,166,156,.30),transparent 30%),radial-gradient(circle at 90% 15%,rgba(255,193,7,.22),transparent 27%),radial-gradient(circle at 75% 90%,rgba(0,121,107,.18),transparent 32%),linear-gradient(135deg,#e9f8f5 0%,#f7fbff 48%,#e8f4f8 100%)}.login-emis-pattern{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(30deg,rgba(0,137,123,.14) 12%,transparent 12.5%,transparent 87%,rgba(0,137,123,.14) 87.5%,rgba(0,137,123,.14)),linear-gradient(150deg,rgba(0,137,123,.14) 12%,transparent 12.5%,transparent 87%,rgba(0,137,123,.14) 87.5%,rgba(0,137,123,.14));background-size:54px 94px}.login-emis-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:230px;height:230px;top:-70px;left:-50px;background:rgba(0,150,136,.16)}.orb-two{width:180px;height:180px;right:8%;top:12%;background:rgba(255,193,7,.13)}.orb-three{width:270px;height:270px;bottom:-120px;left:10%;background:rgba(3,169,244,.12)}.login-emis-shell{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px 20px;box-sizing:border-box}.login-emis-card{width:100%;max-width:455px;padding:30px 34px 22px;border:1px solid rgba(255,255,255,.95);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 25px 70px rgba(38,93,88,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-sizing:border-box}.login-emis-brand{display:flex;align-items:center;gap:18px}.login-emis-logo-wrap{width:84px;height:84px;flex:0 0 84px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(145deg,#e2f7f3,#ffffff);border:1px solid #d8eeea;box-shadow:0 10px 25px rgba(0,137,123,.12)}.login-emis-logo{display:block;max-width:68px;max-height:68px;width:auto;height:auto}.login-emis-kicker{display:block;margin-bottom:5px;color:#4a8881;font-size:10px;font-weight:700;letter-spacing:1px}.login-emis-kicker i{margin-right:4px;color:#009688}.login-emis-brand-text h1{margin:0;color:#087c72;font-size:31px;line-height:1;font-weight:800;letter-spacing:.5px}.login-emis-brand-text p{margin:7px 0 0;color:#6a8582;font-size:12px;font-weight:600}.login-emis-divider{display:flex;align-items:center;gap:10px;margin:23px 0 21px}.login-emis-divider span{height:1px;flex:1;background:linear-gradient(to right,transparent,#d8ebe8)}.login-emis-divider span:last-child{background:linear-gradient(to left,transparent,#d8ebe8)}.login-emis-divider i{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff8df;color:#e2a800;font-size:9px}.login-form-header{margin-bottom:21px}.login-emis-welcome{display:block;margin-bottom:4px;color:#58a097;font-size:11px;font-weight:600}.login-form-header h3{margin:0;color:#245f5a;font-size:23px;font-weight:700}.login-emis-alert{display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px 13px;border-radius:12px;font-size:11px}.login-emis-alert>i{font-size:20px}.login-emis-alert strong,
.login-emis-alert span
{display:block}.login-emis-alert strong{margin-bottom:2px}.login-emis-alert.success{color:#197a6e;background:#e9f8f4;border:1px solid #ccebe4}.login-emis-alert.danger{color:#a94f4f;background:#fff0f0;border:1px solid #f2d4d4}.login-emis-field{margin-bottom:17px}.login-emis-field label{display:block;margin:0 0 7px;color:#356f69;font-size:12px;font-weight:700}.login-emis-field label i{width:17px;color:#009f92}.login-emis-input{position:relative}.login-emis-input .field-icon{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);color:#55aaa1;font-size:14px;pointer-events:none}.login-emis-input .input{width:100% !important;height:48px;margin:0;padding:0 45px 0 43px;border:1px solid #d6ebe7;border-radius:13px;outline:none;background:#f7fbfa;color:#355f5b;font-size:13px;box-sizing:border-box;transition:.2s ease}.login-emis-input .input::placeholder{color:#9aafac}.login-emis-input .input:focus{border-color:#42b9aa;background:#fff;box-shadow:0 0 0 4px rgba(66,185,170,.11)}.login-emis-input .password-toggle{position:absolute;z-index:3;right:15px;top:50%;transform:translateY(-50%);color:#79a7a2;cursor:pointer;font-size:14px;transition:.2s ease}.login-emis-input .password-toggle:hover{color:#008f83}.login-emis-button{width:100%;height:49px;margin-top:5px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:14px;background:linear-gradient(135deg,#008f83 0%,#12a99b 48%,#37b9aa 100%);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(0,145,132,.22);transition:.2s ease}.login-emis-button span{flex:1;text-align:center;padding-left:22px}.login-emis-button i{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.16)}.login-emis-button:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(0,145,132,.27)}.login-emis-button:active{transform:translateY(0)}.login-emis-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding:10px 12px;border-radius:10px;background:#f4f9f8;color:#718c89;font-size:10px;line-height:16px;text-align:center}.login-emis-help i{color:#e1a900;font-size:13px}.login-emis-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;padding-top:14px;border-top:1px solid #edf3f2;color:#91a6a3;font-size:9px;font-weight:600}.login-emis-footer i{color:#12a99b;margin-right:3px}@media (max-width:520px){.login-emis-shell{padding:20px 12px}.login-emis-card{padding:25px 21px 18px;border-radius:21px}.login-emis-brand{gap:13px}.login-emis-logo-wrap{width:69px;height:69px;flex-basis:69px;border-radius:18px}.login-emis-logo{max-width:56px;max-height:56px}.login-emis-kicker{font-size:8px;letter-spacing:.7px}.login-emis-brand-text h1{font-size:27px}.login-emis-brand-text p{font-size:10px}.login-form-header h3{font-size:21px}}@media (max-width:360px){.login-emis-brand{align-items:flex-start}.login-emis-logo-wrap{width:60px;height:60px;flex-basis:60px}.login-emis-logo{max-width:48px;max-height:48px}.login-emis-brand-text h1{font-size:24px}.login-emis-kicker{font-size:7px}}html body.login-kemenag-page{margin:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;min-height:100vh !important;overflow-x:hidden !important;font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;background:#e9f6f4 !important}html body.login-kemenag-page *,
html body.login-kemenag-page *::before,
html body.login-kemenag-page *::after
{box-sizing:border-box !important}.login-kemenag-page .kemenag-bg{position:fixed !important;z-index:0 !important;inset:0 !important;overflow:hidden !important;background:radial-gradient(circle at 8% 10%,rgba(0,150,136,.28),transparent 25%),radial-gradient(circle at 92% 12%,rgba(255,193,7,.24),transparent 23%),radial-gradient(circle at 88% 88%,rgba(3,169,244,.16),transparent 28%),linear-gradient(135deg,#dff5f1 0%,#f8fcff 50%,#e3f3f8 100%) !important}.login-kemenag-page .kemenag-dots{position:absolute !important;inset:0 !important;opacity:.13 !important;background-image:radial-gradient(rgba(0,121,107,.55) 1px,transparent 1px) !important;background-size:22px 22px !important}.login-kemenag-page .kemenag-circle{position:absolute !important;display:block !important;border-radius:50% !important}.login-kemenag-page .circle-a{width:260px !important;height:260px !important;left:-130px !important;top:-130px !important;background:rgba(0,150,136,.12) !important}.login-kemenag-page .circle-b{width:180px !important;height:180px !important;right:5% !important;top:5% !important;background:rgba(255,193,7,.11) !important}.login-kemenag-page .circle-c{width:250px !important;height:250px !important;left:12% !important;bottom:-150px !important;background:rgba(3,169,244,.09) !important}.login-kemenag-page .kemenag-login-wrap{position:relative !important;z-index:2 !important;width:100% !important;min-height:100vh !important;padding:20px 15px 10px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}html body.login-kemenag-page .kemenag-login-card{display:grid !important;grid-template-columns:43% 57% !important;width:100% !important;max-width:790px !important;height:365px !important;min-height:365px !important;margin:0 auto !important;padding:0 !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.98) !important;border-radius:22px !important;background:#fff !important;box-shadow:0 18px 50px rgba(30,82,77,.18) !important}.login-kemenag-page .kemenag-brand{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:22px 25px !important;overflow:hidden !important;text-align:center !important;color:#fff !important;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.20),transparent 22%),linear-gradient(145deg,#007d73 0%,#009b8e 55%,#28b4a5 100%) !important}.login-kemenag-page .kemenag-brand::after{content:"" !important;position:absolute !important;width:210px !important;height:210px !important;right:-115px !important;bottom:-120px !important;border:28px solid rgba(255,255,255,.08) !important;border-radius:50% !important}.login-kemenag-page .brand-badge{position:relative !important;z-index:2 !important;padding:6px 10px !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:20px !important;background:rgba(255,255,255,.10) !important;color:rgba(255,255,255,.92) !important;font-size:8px !important;font-weight:700 !important;letter-spacing:.8px !important}.login-kemenag-page .brand-badge i,
.login-kemenag-page .brand-simss i
{margin-right:4px !important;color:#ffe082 !important}.login-kemenag-page .brand-logo-box{position:relative !important;z-index:2 !important;width:90px !important;height:90px !important;margin:17px 0 12px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0px solid rgba(255,255,255,.82) !important;border-radius:50% !important;background:none !important;color:#009688 !important;box-shadow:0 10px 24px rgba(0,60,55,.18) !important;font-size:34px !important}.login-kemenag-page .brand-logo-box img{display:block !important;width:auto !important;height:auto !important;max-width:85px !important;max-height:85px !important;object-fit:contain !important}.login-kemenag-page .brand-label{position:relative !important;z-index:2 !important;margin-bottom:4px !important;color:rgba(255,255,255,.67) !important;font-size:7px !important;font-weight:800 !important;letter-spacing:2px !important}.login-kemenag-page .brand-text,
.login-kemenag-page .brand-content
{position:relative !important;z-index:2 !important}.login-kemenag-page .kemenag-brand h1{position:relative !important;z-index:2 !important;max-width:285px !important;margin:0 !important;padding:0 !important;color:#fff !important;font-size:19px !important;line-height:1.28 !important;font-weight:750 !important}.login-kemenag-page .brand-accent{position:relative !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;margin:10px 0 7px !important}.login-kemenag-page .brand-accent span{width:30px !important;height:1px !important;background:rgba(255,255,255,.35) !important}.login-kemenag-page .brand-accent i{color:#ffe082 !important;font-size:7px !important}.login-kemenag-page .brand-simss{position:relative !important;z-index:2 !important;color:rgba(255,255,255,.80) !important;font-size:9px !important;font-weight:600 !important}.login-kemenag-page .kemenag-form{display:flex !important;flex-direction:column !important;justify-content:center !important;padding:32px 45px 25px !important;background:#fff !important}.login-kemenag-page .form-title{display:flex !important;align-items:center !important;gap:11px !important;margin-bottom:21px !important}.login-kemenag-page .form-icon{width:40px !important;height:40px !important;flex:0 0 40px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;background:#e6f7f3 !important;color:#008f83 !important;font-size:16px !important}.login-kemenag-page .form-title small{display:block !important;margin-bottom:2px !important;color:#4aa097 !important;font-size:7px !important;font-weight:800 !important;letter-spacing:1.4px !important}.login-kemenag-page .form-title h2{margin:0 !important;padding:0 !important;color:#245f5a !important;font-size:21px !important;line-height:1.1 !important;font-weight:750 !important}.login-kemenag-page .kemenag-field{width:100% !important;margin-bottom:13px !important}.login-kemenag-page .kemenag-field label{display:block !important;margin:0 0 5px !important;padding:0 !important;color:#356f69 !important;font-size:9px !important;font-weight:700 !important}.login-kemenag-page .kemenag-field label i{width:14px !important;color:#009688 !important}.login-kemenag-page .kemenag-input{position:relative !important;width:100% !important;height:43px !important}html body.login-kemenag-page .kemenag-input input{display:block !important;float:none !important;width:100% !important;height:43px !important;min-height:43px !important;margin:0 !important;padding:0 40px 0 38px !important;border:1px solid #d7ebe7 !important;border-radius:10px !important;outline:none !important;background:#f7fbfa !important;color:#355f5b !important;font-size:11px !important;line-height:43px !important;box-shadow:none !important}.login-kemenag-page .kemenag-input input::placeholder{color:#9aafac !important}.login-kemenag-page .kemenag-input input:focus{border-color:#36b3a5 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(54,179,165,.10) !important}.login-kemenag-page .input-icon{position:absolute !important;z-index:3 !important;left:13px !important;top:50% !important;transform:translateY(-50%) !important;color:#55aaa1 !important;font-size:12px !important;pointer-events:none !important}.login-kemenag-page .password-button{position:absolute !important;z-index:4 !important;right:7px !important;top:50% !important;width:28px !important;height:28px !important;margin:0 !important;padding:0 !important;transform:translateY(-50%) !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:#7da7a2 !important;cursor:pointer !important}.login-kemenag-page .password-button:hover{background:#e7f7f4 !important;color:#008f83 !important}html body.login-kemenag-page .kemenag-submit{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;height:44px !important;min-height:44px !important;margin:4px 0 0 !important;padding:0 8px 0 15px !important;border:0 !important;border-radius:11px !important;background:linear-gradient(135deg,#007f75 0%,#0aa294 50%,#3ab9aa 100%) !important;color:#fff !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.3px !important;cursor:pointer !important;box-shadow:0 8px 18px rgba(0,145,132,.20) !important}.login-kemenag-page .kemenag-submit span{flex:1 !important;text-align:center !important;padding-left:25px !important}.login-kemenag-page .kemenag-submit i{width:27px !important;height:27px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;background:rgba(255,255,255,.17) !important}.login-kemenag-page .kemenag-submit:hover{color:#fff !important;transform:translateY(-1px) !important}.login-kemenag-page .kemenag-security{display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;margin-top:13px !important;color:#91a6a3 !important;font-size:8px !important}.login-kemenag-page .kemenag-security i{color:#009688 !important}.login-kemenag-page .kemenag-copyright{margin-top:8px !important;color:#7f9894 !important;font-size:8px !important;font-weight:600 !important;text-align:center !important}.kemenag-swal{border-radius:18px !important;border:1px solid #dceeea !important;box-shadow:0 18px 50px rgba(35,87,82,.20) !important}@media (max-width:700px){.login-kemenag-page .kemenag-login-wrap{padding:12px 10px !important}html body.login-kemenag-page .kemenag-login-card{display:block !important;height:auto !important;min-height:0 !important;max-width:430px !important}.login-kemenag-page .kemenag-brand{min-height:235px !important;padding:18px 20px !important}.login-kemenag-page .brand-logo-box{width:76px !important;height:76px !important;margin:13px 0 9px !important}.login-kemenag-page .brand-logo-box img{max-width:61px !important;max-height:61px !important}.login-kemenag-page .kemenag-brand h1{font-size:17px !important}.login-kemenag-page .kemenag-form{padding:25px 22px 28px !important}}.matapelajaran-page{margin-bottom:20px}.matapelajaran-page .mapel-box{overflow:hidden;border:0 !important;border-radius:18px !important;background:#fff !important;box-shadow:0 10px 30px rgba(38,91,87,.10) !important}.matapelajaran-page .mapel-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px !important;border-bottom:1px solid #e4f0ee !important;background:linear-gradient(135deg,#eaf8f5 0%,#f9fcfb 100%) !important}.mapel-title-wrap{display:flex;align-items:center;gap:12px}.mapel-title-icon{width:43px;height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#008f83,#35b8a9);box-shadow:0 7px 15px rgba(0,143,131,.20)}.mapel-title-edit,
.mapel-title-detail
{background:linear-gradient(135deg,#0288d1,#42a5f5)}.mapel-title-add{background:linear-gradient(135deg,#008f83,#35b8a9)}.mapel-title-icon i{font-size:17px}.matapelajaran-page .box-title{display:block;margin:0 !important;padding:0 !important;color:#245f5a !important;font-size:17px !important;font-weight:700 !important}.mapel-subtitle{margin-top:3px;color:#8aa29e;font-size:10px}.mapel-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 14px !important;border:0 !important;border-radius:10px !important;font-size:11px !important;font-weight:700 !important;text-decoration:none !important;cursor:pointer;transition:all .2s ease}.mapel-btn:hover{text-decoration:none !important;transform:translateY(-1px)}.mapel-btn-primary{color:#fff !important;background:linear-gradient(135deg,#008f83,#2eb5a6) !important;box-shadow:0 7px 15px rgba(0,143,131,.18)}.mapel-btn-success{color:#fff !important;background:linear-gradient(135deg,#008f83,#36b7a8) !important;box-shadow:0 7px 15px rgba(0,143,131,.18)}.mapel-btn-secondary{color:#607d7a !important;background:#edf4f3 !important}.mapel-table{margin:0 !important;border-collapse:separate !important;border-spacing:0 !important;overflow:hidden;border:1px solid #e0eeeb !important;border-radius:12px}.mapel-table thead th{padding:12px 13px !important;border:0 !important;border-bottom:1px solid #d9ebe7 !important;background:#eaf7f4 !important;color:#286c65 !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:.3px}.mapel-table tbody td{padding:11px 13px !important;border-top:0 !important;border-bottom:1px solid #edf3f2 !important;color:#55726f !important;font-size:11px !important;vertical-align:middle !important}.mapel-table tbody tr:last-child td{border-bottom:0 !important}.mapel-table tbody tr{transition:background .15s ease}.mapel-table tbody tr:hover{background:#f7fcfb !important}.mapel-number{color:#7d9995 !important;font-weight:700}.mapel-code{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;background:#eaf7f4;color:#008f83;font-weight:700}.mapel-name{color:#315f5b;font-weight:700}.mapel-teacher{display:inline-flex;align-items:center;gap:6px;color:#65827e}.mapel-teacher i{color:#35aa9d}.mapel-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px}.mapel-action{width:31px;height:31px;display:inline-flex !important;align-items:center;justify-content:center;padding:0 !important;border:0 !important;border-radius:9px !important;text-decoration:none !important;cursor:pointer;transition:all .18s ease}.mapel-action:hover{color:#fff !important;transform:translateY(-1px)}.mapel-action-detail{color:#0288d1 !important;background:#e6f4fc !important}.mapel-action-detail:hover{background:#0288d1 !important}.mapel-action-edit{color:#f39c12 !important;background:#fff4df !important}.mapel-action-edit:hover{background:#f39c12 !important}.mapel-action-delete{color:#e74c3c !important;background:#fff0ee !important}.mapel-action-delete:hover{background:#e74c3c !important}.mapel-form-box{max-width:900px;margin-left:auto;margin-right:auto}.mapel-form{margin:0}.mapel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mapel-full{grid-column:1 / -1}.mapel-form-group label{display:block;margin-bottom:6px;color:#356f69;font-size:10px;font-weight:700}.mapel-form-group label i{width:15px;color:#009688}.mapel-input{height:42px !important;border:1px solid #d7ebe7 !important;border-radius:10px !important;background:#f8fbfa !important;color:#355f5b !important;font-size:11px !important;box-shadow:none !important}.mapel-input:focus{border-color:#35b3a5 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(53,179,165,.10) !important}.mapel-radio-group{display:flex;align-items:center;gap:10px}.mapel-radio{display:inline-flex !important;align-items:center;gap:7px;margin:0 !important;padding:9px 13px;border:1px solid #e0eeeb;border-radius:10px;background:#f8fbfa;color:#607d7a !important;cursor:pointer}.mapel-radio input{margin:0 !important;accent-color:#009688}.mapel-radio span{font-size:10px}.mapel-radio:first-child i{color:#009688}.mapel-radio:last-child i{color:#e74c3c}.mapel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:13px 20px !important;border-top:1px solid #eaf1f0 !important;background:#fbfdfc !important}.mapel-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mapel-detail-item{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e2efed;border-radius:13px;background:#f8fbfa}.mapel-detail-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#e4f6f2;color:#009688}.mapel-detail-item small{display:block;margin-bottom:4px;color:#8aa29e;font-size:7px;font-weight:800;letter-spacing:.8px}.mapel-detail-item strong{display:block;color:#315f5b;font-size:11px}.mapel-status-active{color:#008f83 !important}.mapel-status-inactive{color:#e74c3c !important}.mapel-swal-popup{border-radius:18px !important;border:1px solid #dceeea !important;box-shadow:0 20px 55px rgba(35,87,82,.20) !important}.mapel-swal-confirm,
.mapel-swal-cancel
{border-radius:9px !important;font-size:11px !important;font-weight:700 !important}@media (max-width:700px){.matapelajaran-page .mapel-header{align-items:flex-start;flex-direction:column}.mapel-btn-primary,
.mapel-footer .mapel-btn,
.mapel-radio
{width:100%}.mapel-form-grid,
.mapel-detail-grid
{grid-template-columns:1fr}.mapel-full{grid-column:auto}.mapel-footer{flex-direction:column}.mapel-radio-group{flex-direction:column;align-items:stretch}}

/* =========================================================
   HOLDER LOGO KOP SURAT
   Nuansa biru sekolah + soft pastel
   ========================================================= */

.logo-holder-soft {
    border: 1px solid #dce7f1 !important;
    border-radius: 16px !important;
    overflow: hidden !important;

    background: #ffffff !important;

    box-shadow:
        0 8px 24px rgba(35,75,110,.08) !important;
}

/* Header box biru seperti sidebar */
.logo-holder-soft > .box-header {
    padding: 13px 18px !important;

    background:
        linear-gradient(
            180deg,
            #1976D2 0%,
            #1565C0 100%
        ) !important;

    border-bottom: 0 !important;
}

.logo-holder-soft > .box-header .box-title {
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}

.logo-holder-soft > .box-header .box-title i {
    margin-right: 6px !important;
    color: rgba(255,255,255,.90) !important;
}

/* Isi */
.logo-holder-soft > .box-body {
    padding: 16px !important;
    background: #ffffff !important;
}

/* Holder masing-masing logo */
.logo-holder-soft .logo-frame {
    position: relative !important;

    overflow: hidden !important;

    margin: 0 !important;

    border: 1px solid #dfe8f1 !important;
    border-radius: 12px !important;

    background: #f7faff !important;

    box-shadow:
        0 4px 12px rgba(35,75,110,.05) !important;
}

/* Judul logo */
.logo-holder-soft .logo-caption {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 7px 10px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    color: #31516f !important;

    background: #edf5fc !important;

    border-bottom: 1px solid #dce8f3 !important;
}

.logo-holder-soft .logo-caption i {
    font-size: 11px !important;
}

/* Holder gambar */
.logo-holder-soft .logo-image-area {
    min-height: 185px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 18px !important;

    background:
        radial-gradient(
            circle at center,
            #ffffff 0%,
            #f8fbff 62%,
            #edf5fb 100%
        ) !important;
}

/* Logo */
.logo-holder-soft .logo-image-area img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 175px !important;
    max-height: 145px !important;

    padding: 8px !important;

    object-fit: contain !important;

    background: #ffffff !important;

    border: 1px solid #e2eaf2 !important;
    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(40,75,110,.08) !important;

    transition: transform .2s ease,
                box-shadow .2s ease !important;
}

/* Logo kanan - aksen hijau pastel agar identitas logo tetap terasa */
.logo-holder-soft .logo-right .logo-caption {
    color: #476a51 !important;
    background: #eef8ea !important;
    border-bottom-color: #dcebd7 !important;
}

.logo-holder-soft .logo-right .logo-image-area {
    background:
        radial-gradient(
            circle at center,
            #ffffff 0%,
            #f9fcf8 62%,
            #f0f8ed 100%
        ) !important;
}

/* Garis pemisah */
.logo-holder-soft .logo-divider {
    height: 1px !important;

    margin: 15px 4px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d9e5ef,
            transparent
        ) !important;
}

/* Hover */
.logo-holder-soft .logo-frame:hover {
    border-color: #c7d9e9 !important;

    box-shadow:
        0 7px 18px rgba(35,75,110,.10) !important;
}

.logo-holder-soft .logo-frame:hover img {
    transform: scale(1.025) !important;

    box-shadow:
        0 7px 17px rgba(40,75,110,.11) !important;
}

/* Responsive */
@media (max-width: 767px) {

    .logo-holder-soft > .box-body {
        padding: 13px !important;
    }

    .logo-holder-soft .logo-image-area {
        min-height: 155px !important;
        padding: 14px !important;
    }

    .logo-holder-soft .logo-image-area img {
        max-width: 145px !important;
        max-height: 125px !important;
    }
}



/* =========================================================
   FIX LEAFLET MAP
   Tile Leaflet jangan terkena CSS gambar/logo dari halaman
   ========================================================= */

#map {
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #e5e7eb !important;
    border-radius: 14px !important;
}

#map.leaflet-container {
    width: 100% !important;
    height: 300px !important;
}/* Sangat penting:
   CSS .content-wrapper .box img sebelumnya ikut mengenai
   gambar tile Leaflet. */
#map img,
#map .leaflet-tile,
#map .leaflet-tile-pane img,
#map .leaflet-marker-pane img,
#map .leaflet-shadow-pane img,
#map .leaflet-overlay-pane img
{
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* Tile harus tampil sebagai grid normal */
#map .leaflet-tile {
    opacity: 1 !important;
    visibility: visible !important;
}/* Container dan pane Leaflet */
#map .leaflet-map-pane,
#map .leaflet-tile-pane,
#map .leaflet-overlay-pane,
#map .leaflet-shadow-pane,
#map .leaflet-marker-pane,
#map .leaflet-tooltip-pane,
#map .leaflet-popup-pane
{
    position: absolute !important;
}/* Marker tetap boleh memakai bentuk/ukuran aslinya */
#map .leaflet-marker-icon,
#map .leaflet-marker-shadow
{
    max-width: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Kontrol zoom */
#map .leaflet-control-zoom a {
    width: 34px !important;
    height: 34px !important;
    line-height: 32px !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Attribution */
#map .leaflet-control-attribution {
    font-size: 10px !important;
}



/* Tombol Simpan Hak Akses - floppy bulat */

.hak-akses-savebar {
	min-height:40px !important;
}.hak-btn-save,
.hak-btn-save a
{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#5b8fd8 !important;
    color:#fff !important;
    box-shadow:0 5px 14px rgba(91,143,216,.18);
    font-size:14px !important;
    transition:all .2s ease;
    cursor:pointer;
}

.hak-btn-save:hover{
    background:#78a4df !important;
    color:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(91,143,216,.20);
}.hak-btn-save:focus,
.hak-btn-save:active
{
    outline:none !important;
    color:#fff !important;
    box-shadow:0 4px 12px rgba(91,143,216,.18);
	width:38px !important;
    height:38px !important;
}

.hak-btn-save .hak-save-icon{
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    color:#fff !important;
    font-size:14px !important;
}

.hak-btn-save .hak-save-icon i{
    line-height:1;
}

/* Hanya ikon floppy yang terlihat */
.hak-btn-save > span:last-child{
    display:none !important;
}



/* HAK AKSES - RINGKAS SATU BARIS */
.hakakses-tree{width:100%!important;padding:6px!important}
.hakakses-tree .hak-menu-item{width:100%!important;margin:0!important;padding:0!important}
.hakakses-tree .hak-menu-row{
 width:100%!important;min-height:36px!important;height:36px!important;
 display:flex!important;align-items:center!important;gap:8px!important;
 margin:0!important;padding:4px 10px!important;border-radius:8px!important;
 cursor:pointer!important;white-space:nowrap!important;color:#40566d!important;
 background:#fff!important;transition:background .15s ease!important;
}
.hakakses-tree .hak-menu-row:hover{background:#f2f7fc!important}
.hakakses-tree .hak-check-wrap{
 flex:0 0 22px!important;width:22px!important;height:22px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 position:relative!important
}
.hakakses-tree .hak-checkbox{
 position:absolute!important;width:1px!important;height:1px!important;
 opacity:0!important;margin:0!important
}
.hakakses-tree .hak-check{
 width:20px!important;height:20px!important;display:flex!important;
 align-items:center!important;justify-content:center!important;
 border:1px solid #cbd8e5!important;border-radius:6px!important;
 background:#fff!important;box-sizing:border-box!important
}
.hakakses-tree .hak-checkbox:checked + .hak-check{
 background:#55a8dc!important;border-color:#55a8dc!important;
 box-shadow:0 2px 6px rgba(55,150,205,.18)!important
}
.hakakses-tree .hak-checkbox:checked + .hak-check:after{
 content:"\f00c"!important;font-family:FontAwesome!important;
 color:#fff!important;font-size:11px!important;line-height:1!important
}
.hakakses-tree .hak-menu-icon{
 flex:0 0 24px!important;width:24px!important;height:24px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 color:#56a9d8!important;font-size:14px!important
}
.hakakses-tree .hak-menu-icon i{margin:0!important;line-height:1!important}
.hakakses-tree .hak-menu-item:has(.hak-checkbox:checked) .hak-menu-icon{color:#438fca!important}
.hakakses-tree .hak-menu-name{
 flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;
 text-overflow:ellipsis!important;color:#304b64!important;
 font-size:12px!important;font-weight:600!important;line-height:24px!important
}.hakakses-tree .hak-menu-view,
.hakakses-tree .hak-menu-child-count
{
 flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
 min-height:20px!important;padding:2px 7px!important;border-radius:10px!important;
 color:#7d91a5!important;background:#f1f5f9!important;
 font-size:9px!important;font-weight:500!important;line-height:16px!important
}
.hakakses-tree .hak-menu-child-count{color:#7599b4!important;background:#eef6fb!important}
.hakakses-tree .hak-menu-children{
 margin:0 0 0 22px!important;padding:0 0 0 12px!important;
 border-left:1px solid #e2ebf3!important
}
.hakakses-tree .hak-menu-children .hak-menu-row{
 min-height:32px!important;height:32px!important;padding:3px 8px!important;border-radius:7px!important
}
.hakakses-tree .level-0>.hak-menu-row .hak-menu-name{
 font-weight:700!important;color:#294760!important
}
.hakakses-tree .hak-menu-children .hak-menu-name{font-size:11px!important;font-weight:500!important}
.hakakses-tree>.hak-menu-item{margin-bottom:2px!important}
.hakakses-tree .hak-menu-children>.hak-menu-item{margin-bottom:1px!important}
@media(max-width:767px){
 .hakakses-tree{padding:3px!important}
 .hakakses-tree .hak-menu-row{min-height:34px!important;height:34px!important;padding:3px 7px!important;gap:6px!important}
 .hakakses-tree .hak-menu-name{font-size:11px!important}.hakakses-tree .hak-menu-view,
.hakakses-tree .hak-menu-child-count
{display:none!important}
 .hakakses-tree .hak-menu-children{margin-left:16px!important;padding-left:8px!important}
}/* ===== FIX SIDEBAR ADMINLTE ===== */
body .main-sidebar .sidebar-menu,
body .main-sidebar .sidebar-menu ul,
body .main-sidebar .sidebar-menu li
{
    list-style: none !important;
    list-style-type: none !important;
}
body .main-sidebar .sidebar-menu li::marker {
    content: none !important;
}body .main-sidebar .sidebar-menu li::before,
body .main-sidebar .sidebar-menu li::after
{
    content: none !important;
}body .main-sidebar .sidebar-menu,
body .main-sidebar .sidebar-menu ul
{
    margin: 0 !important;
    padding: 0 !important;
}
body .main-sidebar .sidebar-menu > li {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}
body .main-sidebar .sidebar-menu > li > a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}
body .main-sidebar .sidebar-menu .treeview-menu {
    display: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}body .main-sidebar .sidebar-menu > li.treeview.menu-open > .treeview-menu,
body .main-sidebar .sidebar-menu > li.treeview.active.menu-open > .treeview-menu
{
    display: block !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li > a {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 9px 12px 9px 35px !important;
    color: rgba(255,255,255,.88) !important;
    background: transparent !important;
    text-decoration: none !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li > a:hover {
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li.active > a {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li > a > i {
    display: inline-block !important;
    width: 20px !important;
    margin-right: 3px !important;
    text-align: center !important;
}
body .main-sidebar .sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 0 !important;
}
body .main-sidebar .sidebar-menu .treeview-menu .treeview-menu > li > a {
    padding-left: 52px !important;
}body .main-sidebar .sidebar-menu > li.treeview > a > .fa-angle-left,
body .main-sidebar .sidebar-menu > li.treeview > a > .fa-angle-down,
body .main-sidebar .sidebar-menu > li.treeview > a > .pull-right
{
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    margin-top: -7px !important;
}body .main-sidebar .sidebar-menu .treeview-menu li,
body .main-sidebar .sidebar-menu .treeview-menu li > a
{
    transform: none !important;
}
body .main-sidebar .sidebar-menu > li.header {
    list-style: none !important;
    margin: 0 !important;
    margin-left:10px !important;
}
body .main-sidebar .user-panel {
    position: relative !important;
    z-index: 10 !important;
}/* =========================================================
   MASTER SISWA - UPLOAD BERKAS
   Tampilan soft,
bersih,
dan responsif.
   ========================================================= */
.master-siswa-upload .file-box,
.file-box
{
    margin-bottom: 14px !important;
    padding: 13px 14px !important;
    border: 1px solid #e4eceb !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #fbfefd 0%, #f6faf9 100%) !important;
    box-shadow: 0 4px 12px rgba(44, 91, 86, .05) !important;
}

.file-box label {
    display: block !important;
    margin-bottom: 7px !important;
    color: #356c67 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.file-box .thumbnail {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: 100% !important;
    margin: 0 0 9px !important;
    padding: 7px 10px !important;
    border: 1px solid #dbeae7 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #347b73 !important;
    font-size: 10px !important;
    text-decoration: none !important;
}

.file-box .thumbnail:before {
    content: "\f15b";
    font-family: FontAwesome;
    color: #3ca796 !important;
}

.file-box .thumbnail:hover {
    border-color: #b9dcd6 !important;
    background: #f2faf8 !important;
    text-decoration: none !important;
}.siswa-upload-help,
.siswa-upload-note
{
    display: block !important;
    margin-top: 6px !important;
    color: #7d9692 !important;
    font-size: 9px !important;
    line-height: 1.5 !important;
}.siswa-upload-help i,
.siswa-upload-note i
{
    margin-right: 4px !important;
    color: #38a797 !important;
}

.siswa-upload-note {
    margin: 10px 0 15px !important;
    padding: 9px 11px !important;
    border: 1px solid #dceeea !important;
    border-radius: 9px !important;
    background: #eff9f6 !important;
    color: #557d77 !important;
}.siswa-berkas-input,
#foto
{
    height: auto !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    border: 1px solid #d8e7e4 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #536f6b !important;
    font-size: 10px !important;
    box-shadow: none !important;
}.siswa-berkas-input:focus,
#foto:focus
{
    border-color: #55b6a6 !important;
    box-shadow: 0 0 0 3px rgba(53, 179, 165, .09) !important;
}.siswa-berkas-input::file-selector-button,
#foto::file-selector-button
{
    margin-right: 8px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #e9f6f3 !important;
    color: #287b70 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.foto-preview {
    text-align: center !important;
    padding: 12px !important;
    border: 1px solid #e1ebe9 !important;
    border-radius: 12px !important;
    background: #f7faf9 !important;
}

.foto-preview img {
    max-height: 220px !important;
    object-fit: cover !important;
    margin: auto !important;
    border-radius: 8px !important;
}

.foto-dummy {
    width: 180px !important;
    height: 180px !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #3f51b5, #7e57c2) !important;
    color: #fff !important;
    font-size: 90px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
}

.foto-preview-hidden {
    display: none !important;
}

.siswa-required-note {
    margin-top: 5px !important;
    color: #9c9c9c !important;
    font-size: 10px !important;
}

@media (max-width: 600px) {
    .file-box {
        padding: 11px !important;
    }

    .foto-dummy {
        width: 145px !important;
        height: 145px !important;
        font-size: 70px !important;
    }
}

.swal2-popup.swal-upload-popup{border-radius:22px;}.swal-upload-success,
.swal-upload-warning,
.swal-upload-error
{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:16px;line-height:1.55;}
.swal-upload-success{background:linear-gradient(135deg,#eefbf3,#f7fffb);border:1px solid #bde8cc;}
.swal-upload-warning{background:linear-gradient(135deg,#fff9e9,#fffdf6);border:1px solid #f4d98b;}
.swal-upload-error{background:linear-gradient(135deg,#fff0f0,#fffafa);border:1px solid #f0b7b7;}.swal-upload-success>i,
.swal-upload-warning>i,
.swal-upload-error>i
{font-size:38px;flex:0 0 38px;}
.swal-upload-success>i{color:#20a464;}
.swal-upload-warning>i{color:#e0a400;}
.swal-upload-error>i{color:#dc3545;}.swal-upload-success span,
.swal-upload-warning span,
.swal-upload-error span
{font-size:13px;color:#666;}
.swal-upload-warning small{color:#856404;}

.swal2-popup.swal-upload-popup{box-shadow:0 18px 50px rgba(0,0,0,.16);padding:1.5em;border:1px solid rgba(0,0,0,.04);}
.swal2-popup.swal-upload-popup .swal2-title{font-size:22px;font-weight:700;margin-bottom:.7em;}
.swal2-popup.swal-upload-popup .swal2-confirm{border-radius:10px!important;padding:10px 18px!important;font-weight:600;}
.swal2-popup.swal-upload-popup .swal2-html-container{margin:0;}/* ============================================================
   GLOBAL ICON BUTTON — LINGKARAN SEMPURNA
   Hanya berlaku untuk tombol yang berisi ICON SAJA.
   Tombol yang berisi teks tetap normal.
   ============================================================ */

/* Tombol / link ikon tunggal */
button:has(> i:only-child),
a.btn:has(> i:only-child),
button.btn:has(> i:only-child),
.btn:has(> i:only-child),
button:has(> .fa:only-child),
a.btn:has(> .fa:only-child),
button.btn:has(> .fa:only-child),
.btn:has(> .fa:only-child),
button:has(> .fas:only-child),
button:has(> .far:only-child),
button:has(> .fab:only-child),
a.btn:has(> .fas:only-child),
a.btn:has(> .far:only-child),
a.btn:has(> .fab:only-child)
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;

    border-radius: 50% !important;
    line-height: 1 !important;
}

/* Icon di dalamnya harus benar-benar berada di tengah */
button:has(> i:only-child) > i,
a.btn:has(> i:only-child) > i,
button.btn:has(> i:only-child) > i,
.btn:has(> i:only-child) > i,
button:has(> .fa:only-child) > .fa,
a.btn:has(> .fa:only-child) > .fa,
button.btn:has(> .fa:only-child) > .fa,
.btn:has(> .fa:only-child) > .fa,
button:has(> .fas:only-child) > .fas,
button:has(> .far:only-child) > .far,
button:has(> .fab:only-child) > .fab,
a.btn:has(> .fas:only-child) > .fas,
a.btn:has(> .far:only-child) > .far,
a.btn:has(> .fab:only-child) > .fab
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* Class tombol ikon yang sudah dipakai di berbagai halaman */
.btn-icon,
.icon-btn,
.btn-circle,
.button-icon,
.action-icon,
.action-btn,
.circle-btn,
.logout-icon
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}

/* Ukuran khusus kecil tetap bulat */
.btn-icon.btn-sm,
.icon-btn.btn-sm,
.btn-circle.btn-sm,
.action-icon.btn-sm,
.action-btn.btn-sm
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
}

/* Tombol collapse box */
.content-wrapper .box .box-header .box-tools > button[data-widget="collapse"],
.content-wrapper .box .box-header .box-tools > .btn-box-tool[data-widget="collapse"]
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    margin: 0 4px 0 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

/* Semua tombol aksi berbasis btn-xs yang hanya berisi ikon */
.btn-xs:has(> i:only-child),
.btn-xs:has(> .fa:only-child),
.btn-xs:has(> .fas:only-child),
.btn-xs:has(> .far:only-child),
.btn-xs:has(> .fab:only-child)
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Mobile: jangan berubah menjadi oval */
@media (max-width: 767px) {
button:has(> i:only-child),
a.btn:has(> i:only-child),
button.btn:has(> i:only-child),
.btn:has(> i:only-child),
button:has(> .fa:only-child),
a.btn:has(> .fa:only-child),
button.btn:has(> .fa:only-child),
.btn:has(> .fa:only-child)
{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        border-radius: 50% !important;
        padding: 0 !important;
}
    
.btn-icon,
.icon-btn,
.btn-circle,
.button-icon,
.action-icon,
.action-btn,
.circle-btn
{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        border-radius: 50% !important;
        padding: 0 !important;
}
}

/* ============================================================
   FINAL OVERRIDE — PAKSA ICON BUTTON BENAR-BENAR LINGKARAN
   Diletakkan paling akhir agar mengalahkan CSS Bootstrap/tema
   yang sebelumnya memberi width:auto,
padding,
atau bentuk pill.
   ============================================================ */

body .content-wrapper .btn:has(> i:only-child),
body .content-wrapper a.btn:has(> i:only-child),
body .content-wrapper button.btn:has(> i:only-child),
body .content-wrapper .btn:has(> .fa:only-child),
body .content-wrapper .btn:has(> .fas:only-child),
body .content-wrapper .btn:has(> .far:only-child),
body .content-wrapper .btn:has(> .fab:only-child),
body .content-wrapper .btn:has(> span:only-child > i:only-child),
body .content-wrapper a.btn:has(> span:only-child > i:only-child),
body .content-wrapper button.btn:has(> span:only-child > i:only-child),
body .content-wrapper .btn-block.btn-success:has(> i:only-child),
body .content-wrapper .btn-block.btn-primary:has(> i:only-child),
body .content-wrapper .btn-block.btn-info:has(> i:only-child),
body .content-wrapper .btn-block.btn-warning:has(> i:only-child),
body .content-wrapper .btn-block.btn-danger:has(> i:only-child),
body .content-wrapper .btn-block.btn-default:has(> i:only-child)
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 42px !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;

    border-radius: 50% !important;
    line-height: 1 !important;
}

/* Pastikan icon tidak membawa margin bawaan Bootstrap/Font Awesome */
body .content-wrapper .btn:has(> i:only-child) > i,
body .content-wrapper .btn:has(> .fa:only-child) > .fa,
body .content-wrapper .btn:has(> .fas:only-child) > .fas,
body .content-wrapper .btn:has(> .far:only-child) > .far,
body .content-wrapper .btn:has(> .fab:only-child) > .fab,
body .content-wrapper .btn:has(> span:only-child > i:only-child) > span > i
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Tombol tabel/action: selalu lingkaran */
body .content-wrapper .table td .btn-primary,
body .content-wrapper .table td .btn-danger,
body .content-wrapper .table td .btn-info,
body .content-wrapper .table td .btn-warning,
body .content-wrapper .table td .btn-success,
body .content-wrapper .table td .btn-default,
body .content-wrapper .table td .btn-xs
{
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* Class ikon custom — tidak boleh bisa berubah menjadi oval */
body .btn-icon,
body .icon-btn,
body .btn-circle,
body .button-icon,
body .action-icon,
body .action-btn,
body .circle-btn,
body .logout-icon
{
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* Mobile */
@media (max-width: 767px) {

body .content-wrapper .btn:has(> i:only-child),
body .content-wrapper a.btn:has(> i:only-child),
body .content-wrapper button.btn:has(> i:only-child),
body .content-wrapper .btn:has(> .fa:only-child),
body .content-wrapper .btn:has(> .fas:only-child),
body .content-wrapper .btn:has(> .far:only-child),
body .content-wrapper .btn:has(> .fab:only-child),
body .content-wrapper .btn-block.btn-success:has(> i:only-child),
body .content-wrapper .btn-block.btn-primary:has(> i:only-child),
body .content-wrapper .btn-block.btn-info:has(> i:only-child),
body .content-wrapper .btn-block.btn-warning:has(> i:only-child),
body .content-wrapper .btn-block.btn-danger:has(> i:only-child),
body .content-wrapper .btn-block.btn-default:has(> i:only-child)
{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex-basis: 28px !important;
        border-radius: 50% !important;
        padding: 0 !important;
    }
}

/* ============================================================
   ABSOLUTE FINAL — PERBAIKAN TOMBOL IKON OVAL
   ============================================================ */

/* Hak Akses: selector khusus agar tidak dikalahkan .btn-block */
body .hak-btn-save,
body .hak-btn-save a,
body .hak-btn-save.hak-btn-save
{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    flex: 0 0 28px !important;
    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}

/* Wrapper ikon di tombol Hak Akses */
body .hak-btn-save .hak-save-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
}/* Semua .btn yang isinya ikon langsung */
body .btn:has(> i),
body a.btn:has(> i),
body button.btn:has(> i),
body input.btn:has(> i),
/* .btn yang icon-nya dibungkus satu span */
body .btn:has(> span:only-child > i),
body a.btn:has(> span:only-child > i),
body button.btn:has(> span:only-child > i),
/* Tombol aksi custom yang umum */
body [class*="action-btn"],
body [class*="icon-btn"],
body [class*="btn-icon"],
body [class*="circle-btn"]
{
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
}/* Paksa ukuran untuk tombol ikon tanpa teks */
body .btn:has(> i:only-child),
body a.btn:has(> i:only-child),
body button.btn:has(> i:only-child),
body .btn:has(> span:only-child > i:only-child),
body a.btn:has(> span:only-child > i:only-child),
body button.btn:has(> span:only-child > i:only-child)
{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    flex: 0 0 28px !important;
    padding: 0 !important;
    margin: 0 !important;

    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}/* Ikon selalu di tengah */
body .btn:has(> i:only-child) > i,
body .btn:has(> span:only-child > i:only-child) > span > i
{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}/* Tombol ikon di tabel */
body .table td .btn:has(i),
body table td .btn-xs:has(i)
{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
}

/* Jangan biarkan hover/active mengubah ukuran */
body .btn:has(> i:only-child):hover,
body .btn:has(> i:only-child):focus,
body .btn:has(> i:only-child):active,
body .btn:has(> span:only-child > i:only-child):hover,
body .btn:has(> span:only-child > i:only-child):focus,
body .btn:has(> span:only-child > i:only-child):active
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
}

/* Mobile */
@media (max-width: 767px) {body .hak-btn-save,
body .hak-btn-save a,
body .hak-btn-save.hak-btn-save,
body .hak-btn-save .hak-save-icon,
body .btn:has(> i:only-child),
body a.btn:has(> i:only-child),
body button.btn:has(> i:only-child),
body .btn:has(> span:only-child > i:only-child)
{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex-basis: 28px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 50% !important;
        padding: 0 !important;
    }
}/* ============================================================
   FIX KHUSUS SAVE / KEMBALI
   Screenshot menunjukkan tombol masih mengikuti tinggi parent.
   Jadi ukuran DIKUNCI langsung pada elemen di savebar.
   ============================================================ */

body .hak-akses-savebar button,
body .hak-akses-savebar a,
body .hak-akses-savebar .btn,
body .hak-akses-savebar .hak-btn-save,
body .hak-akses-savebar .hak-btn-save a,
body .hak-akses-savebar .btn-default,
body .hak-akses-savebar .btn-success
{
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;
    min-height: 28px !important;

    max-width: 28px !important;
    max-height: 28px !important;

    flex: 0 0 28px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    padding: 0 !important;
    margin: 0 8px !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;

    border-radius: 50% !important;
    line-height: 1 !important;
    overflow: hidden !important;
}/* Hapus efek CSS tombol Bootstrap yang bisa membuat pill */
body .hak-akses-savebar button::before,
body .hak-akses-savebar button::after,
body .hak-akses-savebar a::before,
body .hak-akses-savebar a::after
{
    box-sizing: border-box !important;
}/* Semua isi tombol dipusatkan */
body .hak-akses-savebar button i,
body .hak-akses-savebar button .fa,
body .hak-akses-savebar a i,
body .hak-akses-savebar a .fa,
body .hak-akses-savebar .hak-save-icon,
body .hak-akses-savebar .hak-save-icon i
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}/* Jika ada span teks,
sembunyikan hanya pada tombol ikon */
body .hak-akses-savebar .hak-btn-save > span:last-child
{
    display: none !important;
}

/* Bar-nya sendiri jangan melakukan stretch terhadap tombol */
body .hak-akses-savebar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    min-height: 90px !important;
    height: auto !important;
}

/* Mobile */
@media (max-width: 767px) {body .hak-akses-savebar button,
body .hak-akses-savebar a,
body .hak-akses-savebar .btn,
body .hak-akses-savebar .hak-btn-save,
body .hak-akses-savebar .hak-btn-save a
{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex: 0 0 28px !important;
        border-radius: 50% !important;
    }
}/* ============================================================
   FIX V2 — TARGET LANGSUNG IKON SIMPAN & KEMBALI
   Jangan bergantung pada class wrapper yang mungkin berbeda.
   ============================================================ */

/* Tombol yang berisi ikon SAVE */
html body .content-wrapper .btn:has(i.fa-save),
html body .content-wrapper button:has(i.fa-save),
html body .content-wrapper a:has(i.fa-save)
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;
    margin: 0 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 28px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;

    line-height: 1 !important;
    overflow: hidden !important;
}/* Tombol yang berisi ikon KEMBALI / panah kiri */
html body .content-wrapper .btn:has(i.fa-arrow-left),
html body .content-wrapper button:has(i.fa-arrow-left),
html body .content-wrapper a:has(i.fa-arrow-left)
{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;

    padding: 0 !important;
    margin: 0 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 28px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;

    line-height: 1 !important;
    overflow: hidden !important;
}/* Ikonnya juga jangan ikut memaksa ukuran tombol */
html body .content-wrapper .btn:has(i.fa-save) i,
html body .content-wrapper .btn:has(i.fa-arrow-left) i,
html body .content-wrapper button:has(i.fa-save) i,
html body .content-wrapper button:has(i.fa-arrow-left) i,
html body .content-wrapper a:has(i.fa-save) i,
html body .content-wrapper a:has(i.fa-arrow-left) i
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* Pastikan parent tidak meregangkan tombol */
html body .content-wrapper .hak-akses-savebar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
}

/* Mobile tetap bulat */
@media (max-width: 767px) {
html body .content-wrapper .btn:has(i.fa-save),
html body .content-wrapper button:has(i.fa-save),
html body .content-wrapper a:has(i.fa-save),
html body .content-wrapper .btn:has(i.fa-arrow-left),
html body .content-wrapper button:has(i.fa-arrow-left),
html body .content-wrapper a:has(i.fa-arrow-left),
html body .content-wrapper button:has(i.fa-floppy-o),
html body .content-wrapper a:has(i.fa-floppy-o),
html body .content-wrapper button:has(i.fa-power-off),
html body .content-wrapper a:has(i.fa-power-off),
html body .content-wrapper button:has(i.fa-close),
html body .content-wrapper a:has(i.fa-close),
    {    width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex: 0 0 28px !important;
        border-radius: 50% !important;
    }
}

/* Mobile tetap bulat */
@media (max-width: 360px) {
html body .content-wrapper .btn:has(i.fa-save),
html body .content-wrapper button:has(i.fa-save),
html body .content-wrapper a:has(i.fa-save),
html body .content-wrapper .btn:has(i.fa-arrow-left),
html body .content-wrapper button:has(i.fa-arrow-left),
html body .content-wrapper a:has(i.fa-arrow-left),
html body .content-wrapper button:has(i.fa-floppy-o),
html body .content-wrapper a:has(i.fa-floppy-o),
html body .content-wrapper button:has(i.fa-power-off),
html body .content-wrapper a:has(i.fa-power-off),
html body .content-wrapper button:has(i.fa-close),
html body .content-wrapper a:has(i.fa-close),
html body .content-wrapper .box-footer .btn .btn-xs,
    {    width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        flex: 0 0 28px !important;
        border-radius: 50% !important;
    }
}



/* ============================================================
   FINAL CLEANUP — BUTTON IKON & FORM
   ============================================================ */
.content-wrapper .btn:has(> i:only-child),
.content-wrapper a.btn:has(> i:only-child),
.content-wrapper button.btn:has(> i:only-child) {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    line-height:1 !important;
}

.content-wrapper .btn:has(> i:only-child) i,
.content-wrapper a.btn:has(> i:only-child) i,
.content-wrapper button.btn:has(> i:only-child) i {
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

.content-wrapper input.form-control,
.content-wrapper select.form-control,
.content-wrapper textarea.form-control {
    box-sizing:border-box !important;
    max-width:100% !important;
}

.content-wrapper .table {
    border-collapse:separate !important;
}

.content-wrapper .box,
.content-wrapper .card,
.content-wrapper .panel,
.content-wrapper .modal-content {
    overflow:hidden !important;
}

@media (max-width:767px) {
    .content-wrapper .box,
    .content-wrapper .card,
    .content-wrapper .panel {
        border-radius:12px !important;
    }
}

/* =========================================================
   BUTTON XS DI BOX FOOTER - BULAT SEMPURNA
   ========================================================= */
@media (max-width:360px) {
.box-footer .btn.btn-xs,
.box-header .text-center .btn.btn-warning.btn-xs,
.pengaturan .box-header .text-center .btn.btn-info.btn-xs,
.pengaturan .box-header .text-center .btn.btn-warning.btn-xs,
.pengaturan .box-header .text-center .btn.btn-danger.btn-xs,
.content-wrapper #resetPolygon .btn .btn-danger .btn-xs,
.content-wrapper #ulangPolygon .btn .btn-warning .btn-xs,
.content-wrapper #simpanPolygon .btn .btn-info .btn-xs {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    padding: 0 !important;
    border-radius: 50% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    line-height: 1 !important;
    text-align: center !important;
}

/* Icon */
.box-footer .btn.btn-xs > i {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
}

/* =========================================================
   FOTO PROFIL SIDEBAR - BULAT SEMPURNA
   ========================================================= */

.main-sidebar .user-panel img,
.main-sidebar .user-panel .user-image img,
.main-sidebar .user-panel .user-avatar,
.main-sidebar .user-panel .user-avatar img {
    width: 45px !important;
    height: 45px !important;

    min-width: 45px !important;
    min-height: 45px !important;

    max-width: 45px !important;
    max-height: 45px !important;

    display: block !important;

    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;

    object-fit: cover !important;
    object-position: center !important;

    overflow: hidden !important;

    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Pastikan pembungkus foto juga bulat */
.main-sidebar .user-panel .pull-left.user-image,
.main-sidebar .user-panel .user-image {
    width: 45px !important;
    height: 45px !important;

    min-width: 45px !important;
    min-height: 45px !important;

    overflow: hidden !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* HP */
@media (max-width: 767px) {
    .main-sidebar .user-panel img,
    .main-sidebar .user-panel .user-image img {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;

        max-width: 40px !important;
        max-height: 40px !important;

        border-radius: 50% !important;
        object-fit: cover !important;
        overflow: hidden !important;
    }
}

/* =========================================================
   USER PANEL SISWA
   HANYA FOTO/DUMMY YANG BULAT
   WRAPPER TIDAK BOLEH MEMBENTUK LINGKARAN
   ========================================================= */

.main-sidebar .user-panel .pull-left.image {
    width: 45px !important;
    height: 45px !important;

    padding: 0 !important;
    margin: 0 10px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    border-radius: 0 !important;
    overflow: visible !important;

    position: relative !important;
}

/* Matikan pseudo-element dari CSS lama/AdminLTE */
.main-sidebar .user-panel .pull-left.image::before,
.main-sidebar .user-panel .pull-left.image::after {
    content: none !important;
    display: none !important;
}

/* FOTO ASLI */
.main-sidebar .user-panel .pull-left.image > img.img-circle {
    width: 45px !important;
    height: 45px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;
    object-fit: cover !important;

    border: 3px solid rgba(255,255,255,.9) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;

    display: block !important;
}

/* DUMMY FOTO */
.main-sidebar .user-panel .pull-left.image > .menu-guru-user-fa {
    width: 45px !important;
    height: 45px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background: linear-gradient(
        135deg,
        #3f51b5,
        #00a8a8
    ) !important;

    border: 3px solid rgba(255,255,255,.9) !important;

    color: #fff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    position: relative !important;
    z-index: 2 !important;
}

/* ICON DUMMY */
.main-sidebar .user-panel .pull-left.image > .menu-guru-user-fa i {
    font-size: 25px !important;
    line-height: 1 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   LAPORAN TRANSAKSI SISWA
   Menggunakan style.css utama — soft color / FontAwesome
   ============================================================ */
.laporan-transaksi-page{
    width:100%;
    padding:4px 6px 18px;
    box-sizing:border-box;
    color:#405e58;
}

.laporan-transaksi-page .lt-hero,
.laporan-transaksi-page .lt-result-hero{
    position:relative;
    display:flex;
    align-items:center;
    gap:13px;
    min-height:72px;
    margin-bottom:14px;
    padding:14px 17px;
    overflow:hidden;
    border:1px solid #dcebe6;
    border-radius:16px;
    background:linear-gradient(135deg,#edf9f6 0%,#f4f8ff 55%,#faf4ff 100%);
    box-shadow:0 5px 17px rgba(42,96,84,.07);
}

.laporan-transaksi-page .lt-hero:after,
.laporan-transaksi-page .lt-result-hero:after{
    content:"";
    position:absolute;
    width:115px;
    height:115px;
    right:-42px;
    top:-52px;
    border-radius:50%;
    background:rgba(69,179,154,.08);
    pointer-events:none;
}

.laporan-transaksi-page .lt-hero-icon,
.laporan-transaksi-page .lt-result-icon{
    position:relative;
    z-index:1;
    width:44px;
    height:44px;
    min-width:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#fff;
    background:linear-gradient(135deg,#58bfa9,#5d8eea);
    box-shadow:0 7px 16px rgba(70,132,175,.18);
    font-size:18px;
}

.laporan-transaksi-page .lt-hero-content,
.laporan-transaksi-page .lt-result-hero>div:last-child{
    position:relative;
    z-index:1;
    min-width:0;
}

.laporan-transaksi-page .lt-eyebrow{
    display:block;
    margin-bottom:2px;
    color:#7b8a9a;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}

.laporan-transaksi-page .lt-hero h2,
.laporan-transaksi-page .lt-result-hero h2{
    margin:0;
    color:#2f4f49;
    font-size:18px;
    line-height:1.25;
    font-weight:800;
}

.laporan-transaksi-page .lt-hero p,
.laporan-transaksi-page .lt-result-hero p{
    margin:3px 0 0;
    color:#81918d;
    font-size:10px;
    line-height:1.4;
}

.laporan-transaksi-page .lt-hero-decoration{
    position:absolute;
    z-index:1;
    right:24px;
    color:rgba(83,145,150,.12);
    font-size:42px;
}

.laporan-transaksi-page .lt-period-card,
.laporan-transaksi-page .lt-result-card{
    border:1px solid #dcebe6;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 6px 20px rgba(42,96,84,.07);
}

.laporan-transaksi-page .lt-period-card{
    padding:16px;
}

.laporan-transaksi-page .lt-section-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.laporan-transaksi-page .lt-section-icon{
    width:36px;
    height:36px;
    min-width:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:#e4f5f0;
    color:#3da18f;
    font-size:14px;
}

.laporan-transaksi-page .lt-section-head h3{
    margin:0;
    color:#355e57;
    font-size:15px;
    font-weight:800;
}

.laporan-transaksi-page .lt-section-head small{
    display:block;
    margin-top:2px;
    color:#98a7a3;
    font-size:9px;
}

.laporan-transaksi-page .lt-period-form{
    display:flex;
    align-items:flex-end;
    gap:10px;
    margin:0;
}

.laporan-transaksi-page .lt-date-box{
    flex:1;
    min-width:0;
}

.laporan-transaksi-page .lt-date-box label{
    display:block;
    margin:0 0 5px;
    color:#52716b;
    font-size:9px;
    font-weight:800;
    letter-spacing:.25px;
}

.laporan-transaksi-page .lt-date-box label i{
    margin-right:4px;
    color:#58a99a;
}

.laporan-transaksi-page .lt-input-wrap{
    position:relative;
}

.laporan-transaksi-page .lt-input-wrap>i{
    position:absolute;
    z-index:2;
    left:11px;
    top:0;
    height:36px;
    display:flex;
    align-items:center;
    color:#55a99a;
    font-size:11px;
}

.laporan-transaksi-page .lt-input-wrap .form-control{
    height:36px !important;
    min-height:36px !important;
    padding:0 10px 0 30px !important;
    border:1px solid #d5e6e1 !important;
    border-radius:10px !important;
    background:#f9fcfb !important;
    color:#526f69 !important;
    font-size:11px !important;
    box-shadow:none !important;
}

.laporan-transaksi-page .lt-input-wrap .form-control:focus{
    border-color:#76c6b6 !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(69,179,154,.09) !important;
}

.laporan-transaksi-page .lt-sampai{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:5px;
    padding-bottom:8px;
    color:#91a19d;
    font-size:9px;
    font-weight:800;
}

.laporan-transaksi-page .lt-sampai span{
    width:25px;
    height:25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef7f4;
    color:#55aa9a;
    font-size:9px;
}

.laporan-transaksi-page .lt-period-form>button{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#63c6ae,#399f8a) !important;
    color:#fff !important;
    box-shadow:0 5px 13px rgba(46,157,134,.18) !important;
    font-size:13px !important;
}

.laporan-transaksi-page .lt-period-form>button:hover{
    transform:translateY(-1px);
}

.laporan-transaksi-page .lt-result-card{
    overflow:hidden;
}

.laporan-transaksi-page .lt-result-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    border-bottom:1px solid #e4efec;
    background:linear-gradient(135deg,#eef9f6,#f8fcfb);
}

.laporan-transaksi-page .lt-toolbar-title{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.laporan-transaksi-page .lt-toolbar-title .lt-section-icon{
    width:34px;
    height:34px;
    min-width:34px;
}

.laporan-transaksi-page .lt-toolbar-title strong{
    display:block;
    color:#355e57;
    font-size:13px;
    font-weight:800;
}

.laporan-transaksi-page .lt-toolbar-title small{
    display:block;
    margin-top:2px;
    color:#91a19d;
    font-size:9px;
}

.laporan-transaksi-page .lt-toolbar-actions{
    display:flex;
    align-items:center;
    gap:5px;
}

.laporan-transaksi-page .lt-inline-form{
    margin:0;
}

.laporan-transaksi-page .lt-action-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    border:0 !important;
    font-size:12px !important;
    line-height:1 !important;
}

.laporan-transaksi-page .lt-action-btn span{
    display:none !important;
}

.laporan-transaksi-page .lt-action-btn i{
    margin:0 !important;
}

.laporan-transaksi-page .lt-action-btn.btn-success{
    background:linear-gradient(135deg,#63c6ae,#399f8a) !important;
    color:#fff !important;
    box-shadow:0 4px 10px rgba(46,157,134,.14) !important;
}

.laporan-transaksi-page .lt-action-btn.btn-default{
    background:#edf6f3 !important;
    color:#5f827a !important;
    border:1px solid #d5e7e2 !important;
}

.laporan-transaksi-page .lt-table-scroll{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.laporan-transaksi-page .lt-table{
    width:100%;
    min-width:780px;
    margin:0 !important;
    border:0 !important;
    font-size:11px !important;
}

.laporan-transaksi-page .lt-table thead th{
    padding:10px 9px !important;
    border:0 !important;
    border-bottom:1px solid #cfe6e0 !important;
    background:linear-gradient(135deg,#e8f7f4,#d9eee9) !important;
    color:#39796d !important;
    font-size:9px !important;
    font-weight:800 !important;
    white-space:nowrap;
    vertical-align:middle !important;
}

.laporan-transaksi-page .lt-table thead th i{
    margin-right:3px;
    color:#62ae9f !important;
}

.laporan-transaksi-page .lt-table tbody td{
    padding:9px !important;
    border-color:#edf3f1 !important;
    color:#526d67 !important;
    background:#fff !important;
    vertical-align:middle !important;
    white-space:nowrap;
}

.laporan-transaksi-page .lt-table tbody tr:hover td{
    background:#f8fcfb !important;
}

.laporan-transaksi-page .lt-date-chip,
.laporan-transaksi-page .lt-id-chip,
.laporan-transaksi-page .lt-money,
.laporan-transaksi-page .lt-keterangan{
    display:inline-flex;
    align-items:center;
    gap:4px;
    border-radius:999px;
    padding:5px 8px;
    font-size:9px;
    font-weight:700;
}

.laporan-transaksi-page .lt-date-chip{
    color:#5476a4;
    background:#edf4fb;
}

.laporan-transaksi-page .lt-id-chip{
    color:#6c75a4;
    background:#f0f1fb;
}

.laporan-transaksi-page .lt-money.debit{
    color:#318b70;
    background:#e8f7f0;
}

.laporan-transaksi-page .lt-money.kredit{
    color:#bf6971;
    background:#fff0f2;
}

.laporan-transaksi-page .lt-money.saldo{
    color:#6270a8;
    background:#eef0fb;
}

.laporan-transaksi-page .lt-keterangan{
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#687b77;
    background:#f4f7f6;
}

.laporan-transaksi-page .lt-siswa{
    display:flex;
    align-items:center;
    gap:7px;
}

.laporan-transaksi-page .lt-avatar{
    width:27px;
    height:27px;
    min-width:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#5276bd;
    background:#edf2ff;
    font-size:11px;
}

.laporan-transaksi-page .lt-siswa strong{
    color:#405b56;
    font-size:10px;
    font-weight:800;
}

.laporan-transaksi-page .lt-empty{
    min-height:170px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#94a49f;
}

.laporan-transaksi-page .lt-empty-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:3px;
    border-radius:50%;
    color:#6cb6a7;
    background:#eaf7f3;
    font-size:19px;
}

.laporan-transaksi-page .lt-empty strong{
    color:#5c7770;
    font-size:12px;
}

.laporan-transaksi-page .lt-empty span{
    font-size:9px;
}

.laporan-transaksi-page .lt-swal-btn{
    border:0 !important;
    border-radius:999px !important;
    padding:8px 16px !important;
    background:linear-gradient(135deg,#63c6ae,#399f8a) !important;
    color:#fff !important;
    box-shadow:0 4px 11px rgba(46,157,134,.15) !important;
    font-weight:700 !important;
}

@media(max-width:767px){
    .laporan-transaksi-page{
        padding:2px 3px 14px;
    }

    .laporan-transaksi-page .lt-hero,
    .laporan-transaksi-page .lt-result-hero{
        min-height:62px;
        margin-bottom:10px;
        padding:11px 12px;
        border-radius:13px;
    }

    .laporan-transaksi-page .lt-hero-icon,
    .laporan-transaksi-page .lt-result-icon{
        width:38px;
        height:38px;
        min-width:38px;
        border-radius:11px;
        font-size:15px;
    }

    .laporan-transaksi-page .lt-hero h2,
    .laporan-transaksi-page .lt-result-hero h2{
        font-size:15px;
    }

    .laporan-transaksi-page .lt-hero p,
    .laporan-transaksi-page .lt-result-hero p{
        font-size:9px;
    }

    .laporan-transaksi-page .lt-hero-decoration{
        display:none;
    }

    .laporan-transaksi-page .lt-period-card{
        padding:12px;
        border-radius:13px;
    }

    .laporan-transaksi-page .lt-section-head{
        margin-bottom:11px;
    }

    .laporan-transaksi-page .lt-section-icon{
        width:32px;
        height:32px;
        min-width:32px;
        border-radius:10px;
        font-size:12px;
    }

    .laporan-transaksi-page .lt-section-head h3{
        font-size:13px;
    }

    .laporan-transaksi-page .lt-period-form{
        display:grid;
        grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
        gap:6px;
        align-items:end;
    }

    .laporan-transaksi-page .lt-sampai{
        justify-content:center;
        flex-direction:column;
        gap:3px;
        padding-bottom:7px;
        font-size:8px;
    }

    .laporan-transaksi-page .lt-sampai span{
        width:23px;
        height:23px;
        font-size:8px;
    }

    .laporan-transaksi-page .lt-period-form>button{
        grid-column:1 / -1;
        justify-self:center;
        margin-top:4px !important;
    }

    .laporan-transaksi-page .lt-result-toolbar{
        padding:10px 11px;
    }

    .laporan-transaksi-page .lt-toolbar-title strong{
        font-size:11px;
    }

    .laporan-transaksi-page .lt-toolbar-title small{
        font-size:8px;
    }

    .laporan-transaksi-page .lt-action-btn{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
    }

    .laporan-transaksi-page .lt-table{
        min-width:760px;
    }
}


/* =========================================================
   JURNAL GURU + ABSENSI MAPEL
   OVERRIDE BERBASIS style.css TERBARU
   Soft color • FontAwesome • rounded icon buttons
   ========================================================= */
.jurnal-header,.jurnal-detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}
.jurnal-title{display:flex!important;align-items:center!important;gap:11px!important}
.jurnal-title-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;color:#fff!important;font-size:19px!important;box-shadow:0 7px 16px rgba(42,96,84,.16)!important}
.jurnal-icon-blue{background:linear-gradient(135deg,#63a9e8,#5b86d6)!important}
.jurnal-icon-green{background:linear-gradient(135deg,#68c6ad,#2e9d86)!important}
.jurnal-icon-orange{background:linear-gradient(135deg,#f6c76e,#e7a94f)!important}
.jurnal-title h3{margin:0!important;color:#285f56!important;font-weight:700!important;font-size:18px!important}
.jurnal-title small{display:block!important;margin-top:3px!important;color:#839b95!important;font-size:11px!important}
.jurnal-filter{padding:14px!important;margin-bottom:16px!important;border:1px solid #dcebe6!important;border-radius:15px!important;background:linear-gradient(135deg,#f7fbfa 0%,#f2f8f6 55%,#f8fbff 100%)!important;box-shadow:0 5px 16px rgba(42,96,84,.06)!important}
.jurnal-filter-title{margin-bottom:10px!important;color:#39796b!important;font-size:12px!important;font-weight:700!important}
.jurnal-filter-title i,.jurnal-filter label i{color:#45a98f!important;margin-right:5px!important}
.jurnal-filter label{color:#526e67!important;font-size:11px!important;font-weight:700!important}
.jurnal-filter .form-control,.jurnal-form .form-control{border:1px solid #d5e4de!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#506b64!important}
.jurnal-filter .form-control:focus,.jurnal-form .form-control:focus{border-color:#72c5b0!important;box-shadow:0 0 0 3px rgba(69,179,154,.10)!important}
.jurnal-filter .btn{height:36px!important;min-width:36px!important;padding:0 13px!important;border-radius:999px!important;border:0!important;box-shadow:0 4px 11px rgba(46,157,134,.13)!important}
.jurnal-table,.jurnal-detail-box{border:1px solid #dcebe6!important;border-radius:15px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 14px rgba(42,96,84,.06)!important}
.jurnal-table thead th{padding:11px 10px!important;background:linear-gradient(135deg,#eaf8f5 0%,#ddf3ec 52%,#d2ece7 100%)!important;color:#39796b!important;border-color:#c9e7de!important;font-size:10px!important;font-weight:800!important;vertical-align:middle!important}
.jurnal-table thead th i{color:#62b3a2!important;margin-right:4px!important}
.jurnal-table tbody td{padding:9px 10px!important;vertical-align:middle!important;border-color:#edf3f0!important;color:#4d6963!important;font-size:11px!important}
.jurnal-table tbody tr{transition:all .18s ease!important}
.jurnal-table tbody tr:hover{background:#f7fcfa!important;transform:translateY(-1px)!important}
.jadwal-mapel{font-weight:700!important;color:#315f58!important}
.jadwal-kode{display:block!important;margin-top:3px!important;color:#8aa29e!important;font-size:9px!important}
.badge-hari{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 9px!important;border-radius:999px!important;background:#e8f6f2!important;color:#368b78!important;font-size:10px!important;font-weight:700!important}
.jam-ke{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:29px!important;height:29px!important;border-radius:50%!important;background:#fff4dc!important;color:#a87922!important;border:1px solid #f0dfb5!important;font-size:10px!important;font-weight:800!important}
.jurnal-detail-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.jurnal-detail-actions .btn,.btn-jurnal,.btn-jurnal-action{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;box-shadow:0 3px 9px rgba(42,96,84,.10)!important;transition:all .18s ease!important}
.jurnal-detail-actions .btn i,.btn-jurnal i,.btn-jurnal-action i{margin:0!important;font-size:13px!important}
.jurnal-detail-actions .btn-primary,.btn-jurnal-open{background:linear-gradient(135deg,#dff4ef,#bfe5da)!important;color:#287b69!important;border-color:#b7ddd3!important}
.jurnal-detail-actions .btn-warning{background:linear-gradient(135deg,#fff4d8,#f3dda5)!important;color:#85651e!important;border-color:#ead49b!important}
.jurnal-detail-actions .btn-danger{background:linear-gradient(135deg,#fff1f4,#f6dce3)!important;color:#b85b6e!important;border-color:#eacbd4!important}
.jurnal-detail-actions .btn-default{background:linear-gradient(135deg,#fff,#f0f7f4)!important;color:#617b74!important;border-color:#d9e7e2!important}
.jurnal-detail-actions .btn:hover,.btn-jurnal:hover,.btn-jurnal-action:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 6px 14px rgba(42,96,84,.15)!important}
.jurnal-info{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;padding:0!important;margin:0 0 16px!important;background:transparent!important;border:0!important}
.jurnal-info>div,.jurnal-info .jurnal-info-item{padding:11px!important;border:1px solid #dcebe6!important;border-radius:13px!important;background:linear-gradient(135deg,#fbfefd,#f3f9f7)!important;box-shadow:0 3px 10px rgba(42,96,84,.05)!important}
.jurnal-info i{color:#45a98f!important;margin-right:5px!important}
.jurnal-count{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 10px!important;border-radius:999px!important;background:#e8f6f2!important;color:#368b78!important;font-size:10px!important;font-weight:800!important}
.jurnal-attendance-panel{margin-top:16px!important;padding:15px!important;border:1px solid #dcebe6!important;border-radius:17px!important;background:linear-gradient(135deg,#f8fcfb 0%,#f2f8f6 55%,#f8fbff 100%)!important;box-shadow:0 6px 18px rgba(42,96,84,.07)!important}
.jurnal-attendance-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important}
.jurnal-attendance-head h4{margin:0!important;color:#315f58!important;font-size:14px!important;font-weight:800!important}
.jurnal-attendance-head h4 i{margin-right:6px!important;color:#45a98f!important}
.jurnal-attendance-summary{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}
.jurnal-attendance-summary span{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 9px!important;border-radius:999px!important;background:#edf3f1!important;color:#657c76!important;font-size:10px!important;font-weight:800!important}
.jurnal-attendance-summary .hadir{background:#e4f6ee!important;color:#27896f!important}
.jurnal-attendance-summary .tidak-hadir{background:#fff0f3!important;color:#c06478!important}
.jurnal-attendance-tools{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:10px 0!important}
.jurnal-attendance-tools .btn{height:34px!important;padding:0 13px!important;border:1px solid #b7ded4!important;border-radius:999px!important;background:linear-gradient(135deg,#ddf3ec,#a9d9cc)!important;color:#216b5e!important;box-shadow:0 4px 11px rgba(34,123,105,.12)!important;font-size:11px!important;font-weight:700!important}
.jurnal-attendance-tools .btn:hover{transform:translateY(-1px)!important}
.jurnal-attendance-note{color:#849993!important;font-size:10px!important}
.jurnal-attendance-table{border:1px solid #dcebe6!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important}
.jurnal-attendance-table thead th{padding:10px!important;background:linear-gradient(135deg,#eaf8f5,#dff3ee,#eaf3ff)!important;color:#39796b!important;border:0!important;font-size:10px!important;font-weight:800!important}
.jurnal-attendance-table tbody td{padding:8px 9px!important;border-color:#edf3f0!important;color:#4d6963!important;font-size:11px!important;vertical-align:middle!important}
.jurnal-attendance-table tbody tr{transition:background .16s ease!important}
.jurnal-attendance-table tbody tr:hover{background:#f7fcfa!important}
.jurnal-attendance-table td:nth-child(1){text-align:center!important;color:#8ba39d!important;font-weight:800!important}
.jurnal-attendance-table td:nth-child(3) i{width:27px!important;height:27px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#e7f5f1!important;color:#45a98f!important;margin-right:6px!important}
.jurnal-status-siswa{height:32px!important;border:1px solid #d5e4de!important;border-radius:999px!important;background:#f8fcfb!important;color:#4f7068!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important}
.jurnal-status-siswa:focus{border-color:#72c5b0!important;box-shadow:0 0 0 3px rgba(69,179,154,.10)!important}
.jurnal-attendance-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:800!important}
.jurnal-attendance-hadir{background:#e4f6ee!important;color:#27896f!important}
.jurnal-attendance-absen{background:#fff0f3!important;color:#c06478!important}
.jurnal-absent-details{margin-top:6px!important}
.jurnal-absent-details summary{cursor:pointer!important;color:#438c7a!important;font-size:9px!important;font-weight:700!important}
.jurnal-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;padding:4px 0!important}
.jurnal-footer .btn{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;box-shadow:0 4px 11px rgba(42,96,84,.10)!important}
.jurnal-footer .btn i{margin:0!important;font-size:14px!important}
.jurnal-footer .btn-warning{background:linear-gradient(135deg,#fff4d8,#efd99e)!important;color:#80631f!important;border-color:#e6d29b!important}
.jurnal-footer .btn-default{background:linear-gradient(135deg,#fff,#f0f7f4)!important;color:#617b74!important;border-color:#d9e7e2!important}
.jurnal-empty{padding:27px!important;border:1px dashed #cfe2dc!important;border-radius:15px!important;background:#f8fcfb!important;text-align:center!important;color:#829791!important}
.jurnal-empty i{display:block!important;margin-bottom:8px!important;color:#71b6a5!important;font-size:27px!important}
@media(max-width:900px){.jurnal-info{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.jurnal-header,.jurnal-detail-head,.jurnal-attendance-head{align-items:flex-start!important;flex-direction:column!important}.jurnal-info{grid-template-columns:1fr!important}.jurnal-detail-actions{width:100%!important;justify-content:flex-end!important}.jurnal-attendance-summary{width:100%!important}.jurnal-footer{justify-content:center!important}.jurnal-attendance-panel{padding:11px!important}.jurnal-attendance-table th,.jurnal-attendance-table td{padding:7px 6px!important}.jurnal-attendance-table td:nth-child(2){font-size:10px!important}.jurnal-title h3{font-size:16px!important}}
@media(max-width:380px){.jurnal-title-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.jurnal-info{gap:7px!important}.jurnal-attendance-tools .btn{width:100%!important}.jurnal-attendance-note{width:100%!important}}

/* =========================================================
   JURNAL GURU + ABSENSI SISWA
   OVERRIDE — TARUH PALING BAWAH style.css
   Tema mengikuti style.css terbaru: HIJAU / TOSCA SOFT
   ========================================================= */

/* ---------- HEADER JURNAL ---------- */
.jurnal-title-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    margin-right: 10px;
    color: #fff;
    font-size: 21px;
    vertical-align: middle;
    background: linear-gradient(135deg, #2E9D86, #45B39A);
    box-shadow: 0 5px 14px rgba(46,157,134,.20);
}

.jurnal-title-icon i {
    line-height: 1;
}

.jurnal-title {
    font-weight: 700;
    color: #2F514A;
}


/* ---------- FILTER ---------- */
.jurnal-filter {
    background: #EEF9F6;
    border: 1px solid #DCEBE6;
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 20px;
}

.jurnal-filter label {
    color: #405E58;
    font-weight: 600;
}

.jurnal-filter .form-control,
.jurnal-filter select {
    border-radius: 10px !important;
    border: 1px solid #D4E5E0;
    min-height: 40px;
    box-shadow: none;
}

.jurnal-filter .form-control:focus,
.jurnal-filter select:focus {
    border-color: #45B39A;
    box-shadow: 0 0 0 3px rgba(69,179,154,.12);
}


/* ---------- CARD INFORMASI ---------- */
.jurnal-info {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.jurnal-info-item {
    background: #fff;
    border: 1px solid #DCEBE6;
    border-radius: 15px;
    padding: 15px;
    min-height: 82px;
    box-shadow: 0 4px 14px rgba(42,91,81,.06);
}

.jurnal-info-item .jurnal-info-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    background: #DDF3EC;
    color: #2E9D86;
    font-size: 17px;
    vertical-align: middle;
}

.jurnal-info-item strong {
    color: #405E58;
    font-size: 13px;
}

.jurnal-info-item span {
    display: block;
    margin-top: 7px;
    padding-left: 47px;
    color: #294A43;
    font-weight: 700;
    font-size: 14px;
}


/* ---------- PANEL ABSENSI ---------- */
.jurnal-attendance-panel {
    background: linear-gradient(135deg, #EEF9F6 0%, #F8FCFB 100%);
    border: 1px solid #DCEBE6;
    border-radius: 18px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 7px 20px rgba(42,91,81,.07);
}

.jurnal-attendance-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 16px;
}

.jurnal-attendance-head h4 {
    margin: 0;
    color: #2F514A;
    font-weight: 700;
}

.jurnal-attendance-head h4 i {
    color: #2E9D86;
    margin-right: 7px;
}

.jurnal-attendance-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


/* ---------- RINGKASAN ABSENSI ---------- */
.jurnal-attendance-summary {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.jurnal-summary-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #DCEBE6;
    color: #405E58;
}

.jurnal-summary-pill i {
    font-size: 13px;
}

.jurnal-summary-pill.total i {
    color: #3F51B5;
}

.jurnal-summary-pill.hadir i {
    color: #2E9D86;
}

.jurnal-summary-pill.tidak-hadir i {
    color: #E58A4A;
}


/* ---------- CATATAN ---------- */
.jurnal-attendance-note {
    background: #fff;
    border-left: 4px solid #45B39A;
    border-radius: 10px;
    padding: 10px 13px;
    margin-bottom: 15px;
    color: #5B716C;
    font-size: 12px;
}

.jurnal-attendance-note i {
    color: #2E9D86;
    margin-right: 5px;
}


/* ---------- TABEL ABSENSI ---------- */
.jurnal-attendance-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #DCEBE6;
    border-radius: 14px;
}

.jurnal-attendance-table thead th {
    background: linear-gradient(135deg, #DDF3EC, #EEF9F6);
    color: #2F514A;
    border-bottom: 1px solid #CFE3DD;
    padding: 12px 10px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.jurnal-attendance-table tbody td {
    padding: 10px;
    border-bottom: 1px solid #EDF4F2;
    color: #405E58;
    vertical-align: middle;
    font-size: 13px;
}

.jurnal-attendance-table tbody tr:last-child td {
    border-bottom: none;
}

.jurnal-attendance-table tbody tr:hover {
    background: #F8FCFB;
}

.jurnal-attendance-table .nomor {
    width: 55px;
    text-align: center;
    color: #78908A;
}

.jurnal-attendance-table .nama-siswa {
    font-weight: 600;
    color: #304F48;
}

.jurnal-attendance-table .nama-siswa i {
    color: #45B39A;
    margin-right: 6px;
}


/* ---------- SELECT STATUS SISWA ---------- */
.jurnal-status-siswa {
    min-width: 145px;
    height: 36px;
    padding: 5px 12px;
    border-radius: 10px !important;
    border: 1px solid #D5E6E1 !important;
    background-color: #fff;
    color: #405E58;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}

.jurnal-status-siswa:focus {
    border-color: #45B39A !important;
    box-shadow: 0 0 0 3px rgba(69,179,154,.12);
}


/* ---------- BADGE KEHADIRAN ---------- */
.jurnal-attendance-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #DDF3EC;
    color: #216B5B;
    font-size: 11px;
    font-weight: 700;
}

.jurnal-attendance-badge.tidak-hadir {
    background: #FFF0E5;
    color: #C66B28;
}


/* ---------- STATUS SISWA ---------- */
.jurnal-status-siswa option[value="H"] {
    color: #216B5B;
}

.jurnal-status-siswa option[value="S"] {
    color: #B57916;
}

.jurnal-status-siswa option[value="I"] {
    color: #3975A5;
}

.jurnal-status-siswa option[value="A"] {
    color: #C65353;
}

.jurnal-status-siswa option[value="T"] {
    color: #8A5A9A;
}


/* ---------- BUTTON JURNAL ---------- */
.btn-jurnal,
.btn-jurnal-action {
    border: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 999px !important;
    font-weight: 600;
    transition: all .2s ease;
}

.btn-jurnal {
    padding: 8px 15px;
}

.btn-jurnal-action {
    width: 34px;
    height: 34px;
    padding: 0 !important;
    border-radius: 50% !important;
}

.btn-jurnal:hover,
.btn-jurnal-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(42,91,81,.14);
}


/* Tombol semua hadir */
#jurnalSemuaHadir {
    background: #DDF3EC !important;
    color: #216B5B !important;
    border: 1px solid #C8E7DD !important;
}

#jurnalSemuaHadir:hover {
    background: #CBECE2 !important;
}


/* ---------- TOMBOL AKSI ---------- */
.btn-jurnal-edit {
    background: #E9F1FF !important;
    color: #3F51B5 !important;
}

.btn-jurnal-delete {
    background: #FFF0F0 !important;
    color: #D45C5C !important;
}

.btn-jurnal-save {
    background: #DDF3EC !important;
    color: #216B5B !important;
}

.btn-jurnal-cancel {
    background: #F0F2F3 !important;
    color: #63716E !important;
}


/* ---------- FOOTER FORM ---------- */
.jurnal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid #DCEBE6;
}

.jurnal-footer .btn {
    border-radius: 999px !important;
    min-height: 38px;
    padding: 8px 16px;
    font-weight: 600;
}


/* ---------- TABLE JURNAL UTAMA ---------- */
.jurnal-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #DCEBE6;
    border-radius: 15px;
    overflow: hidden;
}

.jurnal-table thead th {
    background: linear-gradient(135deg, #DDF3EC, #EEF9F6) !important;
    color: #2F514A !important;
    border-bottom: 1px solid #CFE3DD !important;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 10px;
}

.jurnal-table tbody td {
    padding: 10px;
    border-bottom: 1px solid #EDF4F2;
    color: #405E58;
    vertical-align: middle;
}

.jurnal-table tbody tr:hover {
    background: #F8FCFB;
}


/* ---------- DAFTAR SISWA TIDAK HADIR ---------- */
.jurnal-absent-list {
    margin-top: 8px;
    padding: 10px 12px;
    background: #FFF8F2;
    border: 1px solid #F4E0CE;
    border-radius: 10px;
    color: #805A3C;
    font-size: 12px;
}

.jurnal-absent-list i {
    color: #E58A4A;
    margin-right: 5px;
}


/* ---------- CARD / BOX KHUSUS JURNAL ---------- */
.jurnal-card,
.jurnal-box {
    background: #fff;
    border: 1px solid #DCEBE6;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(42,91,81,.07);
    overflow: hidden;
}

.jurnal-card .box-header,
.jurnal-box .box-header {
    border-bottom: 1px solid #DCEBE6;
    background: #F8FCFB;
    padding: 14px 18px;
}

.jurnal-card .box-header .box-title,
.jurnal-box .box-header .box-title {
    color: #2F514A;
    font-weight: 700;
}


/* ---------- ICON PADA LABEL ---------- */
.jurnal-label-icon {
    color: #2E9D86;
    margin-right: 5px;
}


/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {

    .jurnal-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jurnal-attendance-panel {
        padding: 15px;
    }

    .jurnal-attendance-table {
        min-width: 650px;
    }

    .jurnal-attendance-panel {
        overflow-x: auto;
    }
}


@media (max-width: 767px) {

    .jurnal-info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .jurnal-filter {
        padding: 14px;
        border-radius: 14px;
    }

    .jurnal-attendance-head {
        display: block;
    }

    .jurnal-attendance-head h4 {
        margin-bottom: 12px;
    }

    .jurnal-attendance-tools {
        width: 100%;
    }

    .jurnal-attendance-tools .btn {
        width: 100%;
    }

    .jurnal-attendance-summary {
        gap: 6px;
    }

    .jurnal-summary-pill {
        font-size: 11px;
        padding: 7px 10px;
    }

    .jurnal-footer {
        justify-content: stretch;
    }

    .jurnal-footer .btn {
        flex: 1;
    }
}


@media (max-width: 480px) {

    .jurnal-title-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
        border-radius: 12px;
    }

    .jurnal-info-item {
        padding: 12px;
    }

    .jurnal-attendance-panel {
        padding: 12px;
        border-radius: 14px;
    }

    .jurnal-attendance-table {
        min-width: 600px;
    }

    .jurnal-footer {
        flex-direction: column;
    }

    .jurnal-footer .btn {
        width: 100%;
    }
}


/* =========================================================
   PAKSA OVERRIDE
   Agar CSS jurnal tetap menang terhadap CSS AdminLTE/Bootstrap
   ========================================================= */

.content-wrapper .jurnal-attendance-panel,
.content-wrapper .jurnal-filter,
.content-wrapper .jurnal-card,
.content-wrapper .jurnal-box {
    border-radius: 16px;
}

.content-wrapper .jurnal-status-siswa {
    border-radius: 10px !important;
}

.content-wrapper .jurnal-footer .btn,
.content-wrapper #jurnalSemuaHadir,
.content-wrapper .btn-jurnal,
.content-wrapper .btn-jurnal-action {
    border-radius: 999px !important;
}

.content-wrapper .btn-jurnal-action {
    border-radius: 50% !important;
}


/* ---------- JUDUL HALAMAN ---------- */
.content-wrapper .jurnal-title,
.content-wrapper .jurnal-title h3,
.content-wrapper .jurnal-title h4 {
    color: #2F514A;
}


/* ---------- LINK JURNAL ---------- */
.content-wrapper .jurnal-card a,
.content-wrapper .jurnal-box a {
    color: #2E9D86;
}

.content-wrapper .jurnal-card a:hover,
.content-wrapper .jurnal-box a:hover {
    color: #216B5B;
}


/* ---------- SWEET ALERT / NOTIFIKASI ---------- */
.swal2-popup {
    border-radius: 18px !important;
}

.swal2-confirm {
    border-radius: 999px !important;
}


/* =========================================================
   SELESAI
   ========================================================= */
   
   /* ============================================================
   JURNAL GURU - ABSENSI SISWA
   DESIGN MODERN SOFT TOSCA
   COPAS DI PALING BAWAH style.css
   ============================================================ */

/* ------------------------------------------------------------
   PANEL ABSENSI UTAMA
   ------------------------------------------------------------ */
.jurnal-attendance-panel {
    position: relative;
    margin: 22px 0 25px;
    padding: 24px;
    background: linear-gradient(145deg, #F8FCFB 0%, #EEF9F6 100%);
    border: 1px solid #D6EBE5 !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 30px rgba(35, 103, 91, .08) !important;
    overflow: hidden;
}

.jurnal-attendance-panel:before {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 190px;
    height: 190px;
    background: rgba(69, 179, 154, .08);
    border-radius: 50%;
    pointer-events: none;
}

.jurnal-attendance-panel:after {
    content: "";
    position: absolute;
    bottom: -90px;
    left: -70px;
    width: 180px;
    height: 180px;
    background: rgba(46, 157, 134, .045);
    border-radius: 50%;
    pointer-events: none;
}


/* ------------------------------------------------------------
   HEADER ABSENSI
   ------------------------------------------------------------ */
.jurnal-attendance-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 2px 3px 16px;
    border-bottom: 1px solid #DCEBE6;
}

.jurnal-attendance-head > div:first-child {
    display: flex;
    align-items: center;
    gap: 13px;
}

.jurnal-attendance-head strong {
    display: block;
    color: #294E46;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.jurnal-attendance-head strong i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    color: #fff;
    background: linear-gradient(135deg, #2E9D86, #45B39A);
    border-radius: 13px;
    box-shadow: 0 6px 15px rgba(46,157,134,.20);
    vertical-align: middle;
}

.jurnal-attendance-head small {
    display: block;
    margin-top: 5px;
    color: #718984;
    font-size: 12px;
}

.jurnal-attendance-head small b {
    color: #2E806E;
}


/* ------------------------------------------------------------
   RINGKASAN JUMLAH SISWA
   ------------------------------------------------------------ */
.jurnal-attendance-summary {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.jurnal-attendance-summary > span {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #DCEBE6;
    border-radius: 999px;
    color: #647A75;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(42,91,81,.04);
}

.jurnal-attendance-summary > span i {
    font-size: 13px;
    color: #2E9D86;
}

.jurnal-attendance-summary > span.hadir {
    background: #ECF9F4;
    border-color: #D1EDE3;
    color: #267461;
}

.jurnal-attendance-summary > span.hadir i {
    color: #2E9D86;
}

.jurnal-attendance-summary > span.tidak-hadir {
    background: #FFF5EE;
    border-color: #F4DFCE;
    color: #B56B35;
}

.jurnal-attendance-summary > span.tidak-hadir i {
    color: #E58A4A;
}


/* ------------------------------------------------------------
   TOOLBAR
   ------------------------------------------------------------ */
.jurnal-attendance-tools {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    padding: 4px 0;
}

.jurnal-attendance-tools #jurnalSemuaHadir {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 19px !important;
    border: none !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #2EAD91, #45B39A) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 7px 16px rgba(46,157,134,.20);
    transition: all .2s ease;
}

.jurnal-attendance-tools #jurnalSemuaHadir:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(46,157,134,.25);
}

.jurnal-attendance-tools #jurnalSemuaHadir i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.20);
    border-radius: 50%;
}


/* ------------------------------------------------------------
   CATATAN INFORMASI
   ------------------------------------------------------------ */
.jurnal-attendance-note {
    display: inline-flex !important;
    align-items: center;
    min-height: 40px;
    margin: 0 !important;
    padding: 8px 15px !important;
    background: #fff !important;
    border: 1px solid #DCEBE6 !important;
    border-left: 3px solid #45B39A !important;
    border-radius: 10px !important;
    color: #708580 !important;
    font-size: 11px;
    box-shadow: 0 3px 10px rgba(42,91,81,.035);
}

.jurnal-attendance-note b {
    color: #397E6E;
}


/* ------------------------------------------------------------
   TABLE WRAPPER
   ------------------------------------------------------------ */
.jurnal-attendance-panel .table-responsive {
    position: relative;
    z-index: 2;
    border-radius: 17px;
    overflow-x: auto;
    overflow-y: hidden;
}


/* ------------------------------------------------------------
   TABEL ABSENSI
   ------------------------------------------------------------ */
.jurnal-attendance-table {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid #D8EBE5 !important;
    border-radius: 17px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    overflow: hidden;
}

.jurnal-attendance-table thead th {
    height: 50px;
    padding: 12px 13px !important;
    background: linear-gradient(135deg, #DDF3EC, #EAF8F4) !important;
    border: none !important;
    border-bottom: 1px solid #CDE5DE !important;
    color: #367266 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.jurnal-attendance-table thead th:first-child {
    border-top-left-radius: 17px;
    text-align: center;
    width: 48px;
}

.jurnal-attendance-table thead th:last-child {
    border-top-right-radius: 17px;
}

.jurnal-attendance-table tbody td {
    height: 58px;
    padding: 9px 13px !important;
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #EDF4F2 !important;
    color: #526B65;
    font-size: 12px;
    vertical-align: middle !important;
}

.jurnal-attendance-table tbody tr:last-child td {
    border-bottom: none !important;
}

.jurnal-attendance-table tbody tr {
    transition: background .18s ease;
}

.jurnal-attendance-table tbody tr:hover td {
    background: #F8FCFB !important;
}


/* ------------------------------------------------------------
   NOMOR
   ------------------------------------------------------------ */
.jurnal-attendance-table tbody td:first-child {
    width: 48px;
    text-align: center;
    color: #78918B;
    font-weight: 700;
}


/* ------------------------------------------------------------
   NISN
   ------------------------------------------------------------ */
.jurnal-attendance-table tbody td:nth-child(2) {
    color: #607973;
    font-weight: 500;
    letter-spacing: .2px;
}


/* ------------------------------------------------------------
   NAMA SISWA
   ------------------------------------------------------------ */
.jurnal-attendance-table tbody td:nth-child(3) {
    color: #35544D;
    font-weight: 600;
}

.jurnal-attendance-table tbody td:nth-child(3) i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    color: #2E9D86;
    background: #E3F5F0;
    border-radius: 50%;
    font-size: 13px;
}


/* ------------------------------------------------------------
   STATUS DROPDOWN
   ------------------------------------------------------------ */
.jurnal-status-siswa {
    width: 145px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 5px 32px 5px 13px !important;
    border: 1px solid #D4E9E3 !important;
    border-radius: 999px !important;
    background-color: #F3FAF8 !important;
    color: #3E665E !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    cursor: pointer;
    outline: none !important;
    transition: all .2s ease;
}

.jurnal-status-siswa:hover {
    background-color: #ECF8F4 !important;
    border-color: #BFDCD4 !important;
}

.jurnal-status-siswa:focus {
    border-color: #45B39A !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(69,179,154,.10) !important;
}


/* ------------------------------------------------------------
   WARNA OPTION STATUS
   ------------------------------------------------------------ */
.jurnal-status-siswa option[value="H"] {
    color: #27805F;
}

.jurnal-status-siswa option[value="S"] {
    color: #D48618;
}

.jurnal-status-siswa option[value="I"] {
    color: #367AC0;
}

.jurnal-status-siswa option[value="A"] {
    color: #D95353;
}

.jurnal-status-siswa option[value="T"] {
    color: #8A4DB0;
}


/* ------------------------------------------------------------
   BADGE KEHADIRAN DI LIST JURNAL
   ------------------------------------------------------------ */
.jurnal-attendance-badge {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin: 2px;
    padding: 6px 10px !important;
    border: 1px solid #D3ECE4;
    border-radius: 999px !important;
    background: #ECF9F4 !important;
    color: #27765F !important;
    font-size: 10px !important;
    font-weight: 700;
    white-space: nowrap;
}

.jurnal-attendance-badge i {
    font-size: 11px;
}

.jurnal-attendance-absen {
    background: #FFF4EB !important;
    border-color: #F3DDCB !important;
    color: #B96B32 !important;
}

.jurnal-attendance-absen i {
    color: #E58A4A !important;
}


/* ------------------------------------------------------------
   DETAIL SISWA TIDAK HADIR
   ------------------------------------------------------------ */
.jurnal-absent-details {
    margin-top: 6px;
    font-size: 10px;
}

.jurnal-absent-details summary {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    background: #FFF6EF;
    color: #B66C36;
    cursor: pointer;
    font-weight: 600;
}

.jurnal-absent-details summary i {
    margin-right: 3px;
}

.jurnal-absent-details > div {
    margin-top: 6px;
    padding: 8px 10px;
    background: #FFF9F5;
    border: 1px solid #F2E0D2;
    border-radius: 9px;
    color: #755E50;
    line-height: 1.7;
}


/* ------------------------------------------------------------
   TOMBOL AKSI JURNAL
   ------------------------------------------------------------ */
.btn-jurnal {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: none !important;
    font-size: 12px;
    transition: all .2s ease;
}

.btn-jurnal:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 13px rgba(42,91,81,.15);
}

.btn-jurnal.btn-warning {
    background: #FFF1D9 !important;
    color: #C98520 !important;
}

.btn-jurnal.btn-danger {
    background: #FFE9E9 !important;
    color: #D45C5C !important;
}

.btn-jurnal.btn-success {
    background: #DDF3EC !important;
    color: #277A63 !important;
}

.btn-jurnal.btn-primary {
    background: #E8F0FF !important;
    color: #486BC0 !important;
}


/* ------------------------------------------------------------
   FOOTER TOMBOL SIMPAN / BATAL
   ------------------------------------------------------------ */
.jurnal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    padding: 18px 0 2px;
    margin-top: 18px;
    border-top: 1px solid #DCEBE6;
}

.jurnal-footer .btn {
    min-height: 40px;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    font-size: 12px;
    font-weight: 600;
}

.jurnal-footer .btn-success {
    background: linear-gradient(135deg, #2E9D86, #45B39A) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(46,157,134,.16);
}

.jurnal-footer .btn-default {
    background: #F1F4F3 !important;
    border: 1px solid #DCE5E2 !important;
    color: #64736F !important;
}


/* ------------------------------------------------------------
   CARD BOX DI SEKITAR FORM
   ------------------------------------------------------------ */
.jurnal-detail-box,
.box.jurnal-detail-box,
.box.box-info,
.box.box-warning {
    border-radius: 20px !important;
    border: 1px solid #DCEBE6 !important;
    box-shadow: 0 8px 25px rgba(42,91,81,.06) !important;
    overflow: hidden;
}

.box.box-info > .box-header,
.box.box-warning > .box-header {
    background: linear-gradient(135deg, #F7FCFA, #EEF9F6) !important;
    border-bottom: 1px solid #DCEBE6 !important;
}

.box.box-info > .box-header .box-title,
.box.box-warning > .box-header .box-title {
    color: #31574F !important;
    font-weight: 700;
}


/* ------------------------------------------------------------
   FORM INPUT JURNAL
   ------------------------------------------------------------ */
.box.box-info .form-control,
.box.box-warning .form-control {
    border: 1px solid #D7E8E3 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    transition: all .2s ease;
}

.box.box-info .form-control:focus,
.box.box-warning .form-control:focus {
    border-color: #45B39A !important;
    box-shadow: 0 0 0 3px rgba(69,179,154,.10) !important;
}


/* ------------------------------------------------------------
   RESPONSIVE TABLE
   ------------------------------------------------------------ */
@media (max-width: 991px) {

    .jurnal-attendance-panel {
        padding: 18px;
    }

    .jurnal-attendance-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .jurnal-attendance-summary {
        justify-content: flex-start;
    }

    .jurnal-attendance-table {
        min-width: 760px !important;
    }
}


@media (max-width: 767px) {

    .jurnal-attendance-panel {
        padding: 14px;
        margin-top: 15px;
        border-radius: 17px !important;
    }

    .jurnal-attendance-head {
        margin-bottom: 14px;
        padding-bottom: 14px;
    }

    .jurnal-attendance-head strong {
        font-size: 15px;
    }

    .jurnal-attendance-head strong i {
        width: 37px;
        height: 37px;
        border-radius: 11px;
        font-size: 14px;
    }

    .jurnal-attendance-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .jurnal-attendance-tools #jurnalSemuaHadir {
        width: 100%;
    }

    .jurnal-attendance-note {
        width: 100%;
        line-height: 1.6;
    }

    .jurnal-attendance-summary {
        width: 100%;
    }

    .jurnal-attendance-summary > span {
        flex: 1;
        justify-content: center;
    }

    .jurnal-attendance-table {
        min-width: 720px !important;
    }

    .jurnal-status-siswa {
        width: 135px !important;
    }
}


@media (max-width: 480px) {

    .jurnal-attendance-panel {
        padding: 11px;
    }

    .jurnal-attendance-summary {
        gap: 5px;
    }

    .jurnal-attendance-summary > span {
        padding: 6px 8px;
        font-size: 10px;
    }

    .jurnal-attendance-table {
        min-width: 700px !important;
    }

    .jurnal-attendance-table tbody td {
        height: 54px;
        padding: 8px 10px !important;
    }

    .jurnal-attendance-table tbody td:nth-child(3) i {
        width: 27px;
        height: 27px;
        margin-right: 5px;
    }
}


/* ============================================================
   END JURNAL ABSENSI SISWA
   ============================================================ */


/* =========================================================
   JURNAL GURU — MODERN SOFT TOSCA / RESPONSIVE
   Tempelkan bagian ini di PALING BAWAH style.css
   ========================================================= */

.jurnal-detail-box,
.jurnal-detail-box.box,
.jurnal-form,
.jurnal-attendance-panel{
    border-radius:16px !important;
}

.jurnal-detail-box{
    overflow:visible !important;
    border:1px solid #dcefea !important;
    box-shadow:0 8px 28px rgba(20,120,105,.08) !important;
}

.jurnal-detail-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px !important;
    padding:6px 2px !important;
}

.jurnal-title{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
}

.jurnal-title-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:19px !important;
    box-shadow:0 6px 15px rgba(0,0,0,.08) !important;
}

.jurnal-title .box-title{
    margin:0 !important;
    font-size:19px !important;
    font-weight:700 !important;
    color:#173b3a !important;
}

.jurnal-title small{
    display:block !important;
    margin-top:4px !important;
    color:#78908d !important;
    font-size:12px !important;
}

.jurnal-info{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:15px !important;
    margin:8px 0 18px !important;
    border:1px solid #dff1ed !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,#f4fffc,#edf9f7) !important;
}

.jurnal-info > div,
.jurnal-info .info-box{
    min-width:0 !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid #e2f0ee !important;
    box-shadow:0 3px 12px rgba(30,100,90,.05) !important;
}

.jurnal-info strong,
.jurnal-info b{
    color:#245957 !important;
}

.jurnal-form .form-group{
    margin-bottom:17px !important;
}

.jurnal-form .form-control{
    min-height:42px !important;
    border-radius:11px !important;
    border:1px solid #d5e8e5 !important;
    box-shadow:none !important;
    transition:.2s ease !important;
}

.jurnal-form textarea.form-control{
    min-height:95px !important;
    resize:vertical !important;
}

.jurnal-form .form-control:focus{
    border-color:#32b7a5 !important;
    box-shadow:0 0 0 3px rgba(50,183,165,.12) !important;
}

.jurnal-attendance-panel{
    margin-top:20px !important;
    padding:17px !important;
    background:linear-gradient(135deg,#f4fffc 0%,#ffffff 58%,#effaf8 100%) !important;
    border:1px solid #d7eee9 !important;
    box-shadow:0 8px 25px rgba(23,130,112,.07) !important;
}

.jurnal-attendance-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px !important;
    margin-bottom:14px !important;
}

.jurnal-attendance-head h4,
.jurnal-attendance-head h3{
    margin:0 !important;
    color:#174a46 !important;
    font-weight:700 !important;
}

.jurnal-attendance-summary{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
}

.jurnal-attendance-summary span{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #d9ece8 !important;
    font-size:11px !important;
    font-weight:700 !important;
}

.jurnal-attendance-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:12px 0 !important;
}

#jurnalSemuaHadir{
    border:0 !important;
    border-radius:10px !important;
    padding:9px 15px !important;
    font-weight:700 !important;
    box-shadow:0 5px 14px rgba(20,150,125,.16) !important;
}

.jurnal-attendance-note{
    padding:9px 12px !important;
    border-radius:10px !important;
    background:#edf9f7 !important;
    color:#63817e !important;
    font-size:11px !important;
}

.jurnal-attendance-table{
    width:100% !important;
    margin:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    overflow:hidden !important;
    border:1px solid #dcecea !important;
    border-radius:13px !important;
    background:#fff !important;
}

.jurnal-attendance-table thead th{
    padding:11px 10px !important;
    background:#eaf8f5 !important;
    color:#285b57 !important;
    border-color:#d8ebe8 !important;
    font-size:11px !important;
    white-space:nowrap !important;
}

.jurnal-attendance-table tbody td{
    padding:8px 9px !important;
    vertical-align:middle !important;
    border-color:#e7f0ef !important;
    font-size:12px !important;
}

.jurnal-attendance-table tbody tr:hover{
    background:#f7fcfb !important;
}

.jurnal-attendance-table .jurnal-status-siswa{
    width:100% !important;
    min-height:37px !important;
    border-radius:9px !important;
    border:1px solid #d5e7e4 !important;
    box-shadow:none !important;
}

.jurnal-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-top:16px !important;
}

.jurnal-footer .btn,
.btn-jurnal,
.btn-jurnal-action{
    border-radius:10px !important;
    font-weight:600 !important;
}

.datepicker.dropdown-menu{
    z-index:99999 !important;
    border:1px solid #d9ece8 !important;
    border-radius:12px !important;
    box-shadow:0 8px 25px rgba(0,0,0,.13) !important;
    padding:7px !important;
}

.datepicker table tr td,
.datepicker table tr th{
    border-radius:7px !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.active{
    border-radius:7px !important;
}

/* Scroll tabel hanya bila layar memang tidak cukup */
.jurnal-attendance-panel .table-responsive,
.jurnal-detail-box .table-responsive{
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
}

@media (max-width:900px){
    .jurnal-info{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:600px){
    .jurnal-detail-head,
    .jurnal-attendance-head,
    .jurnal-attendance-tools{
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .jurnal-title{
        align-items:flex-start !important;
    }

    .jurnal-info{
        grid-template-columns:1fr !important;
        padding:10px !important;
    }

    .jurnal-info > div,
    .jurnal-info .info-box{
        padding:10px 12px !important;
    }

    .jurnal-attendance-panel{
        padding:11px !important;
    }

    .jurnal-attendance-table{
        min-width:680px !important;
    }

    #jurnalSemuaHadir{
        width:100% !important;
    }

    .jurnal-footer{
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .jurnal-footer .btn{
        width:100% !important;
    }
}

/* =========================================================
   PATCH MOBILE HP KECIL
   JURNAL GURU
   Tambahkan di PALING BAWAH style.css
   ========================================================= */

@media (max-width: 480px) {

    /* -----------------------------------------------------
       CONTAINER UTAMA
       ----------------------------------------------------- */
    .jurnal-page,
    .jurnal-detail-box,
    .box {
        max-width: 100%;
    }

    .jurnal-detail-box,
    .jurnal-page .box {
        border-radius: 12px !important;
        overflow: hidden;
    }

    .jurnal-detail-box .box-body,
    .jurnal-page .box-body {
        padding: 10px !important;
    }


    /* -----------------------------------------------------
       HEADER JURNAL
       ----------------------------------------------------- */
    .jurnal-header,
    .jurnal-detail-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 11px 12px !important;
    }

    .jurnal-title {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-width: 0;
    }

    .jurnal-title-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 11px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jurnal-title-icon i {
        font-size: 16px !important;
    }

    .jurnal-title .box-title {
        display: block !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

    .jurnal-title small {
        display: block !important;
        margin-top: 3px !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
    }


    /* -----------------------------------------------------
       TOMBOL HEADER
       ----------------------------------------------------- */
    .jurnal-detail-actions {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex-shrink: 0 !important;
    }

    .jurnal-detail-actions .btn-jurnal-action {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        padding: 0 !important;

        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jurnal-detail-actions .btn-jurnal-action i {
        margin: 0 !important;
        font-size: 12px !important;
    }


    /* -----------------------------------------------------
       FILTER PILIH JADWAL
       ----------------------------------------------------- */
    .jurnal-filter {
        padding: 11px !important;
        margin-bottom: 12px !important;
        border-radius: 12px !important;
    }

    .jurnal-filter-title {
        font-size: 12px !important;
        margin-bottom: 9px !important;
    }

    .jurnal-filter .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }

    .jurnal-filter .row > [class*="col-"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .jurnal-filter .form-group {
        margin-bottom: 8px !important;
    }

    .jurnal-filter label {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }

    .jurnal-filter label i {
        font-size: 10px !important;
    }

    .jurnal-filter select,
    .jurnal-filter .form-control {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
        padding: 6px 9px !important;
    }

    .jurnal-filter .btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        padding: 0 !important;
        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jurnal-filter .btn i {
        margin: 0 !important;
        font-size: 12px !important;
    }


    /* -----------------------------------------------------
       INFO JADWAL
       ----------------------------------------------------- */
    .jurnal-info {
        border-radius: 11px !important;
        overflow: hidden !important;
        margin-bottom: 10px !important;
    }

    .jurnal-info table {
        margin-bottom: 0 !important;
    }

    .jurnal-info table th {
        width: 105px !important;
        min-width: 105px !important;
        padding: 8px 7px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .jurnal-info table td {
        padding: 8px 8px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
    }

    .jurnal-info table th i {
        width: 14px !important;
        margin-right: 3px !important;
        font-size: 10px !important;
    }


    /* -----------------------------------------------------
       BADGE JUMLAH JURNAL
       ----------------------------------------------------- */
    .jurnal-count {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 6px 9px !important;
        border-radius: 20px !important;
        font-size: 10px !important;
    }


    /* -----------------------------------------------------
       TABEL JURNAL
       Tetap horizontal scroll, tidak dipaksa mengecil
       ----------------------------------------------------- */
    .jurnal-table {
        min-width: 680px !important;
        margin-bottom: 0 !important;
        font-size: 10px !important;
    }

    .jurnal-table thead th {
        padding: 7px 6px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .jurnal-table tbody td {
        padding: 7px 6px !important;
        font-size: 10px !important;
        vertical-align: middle !important;
    }

    .jurnal-table .badge-hari {
        font-size: 9px !important;
        padding: 4px 7px !important;
        border-radius: 12px !important;
        white-space: nowrap !important;
    }

    .jurnal-table .jam-ke {
        min-width: 25px !important;
        padding: 4px 7px !important;
        font-size: 9px !important;
        border-radius: 12px !important;
    }

    .jurnal-table .btn-jurnal {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        padding: 0 !important;
        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jurnal-table .btn-jurnal i {
        margin: 0 !important;
        font-size: 11px !important;
    }


    /* -----------------------------------------------------
       ABSENSI SISWA
       ----------------------------------------------------- */
    .jurnal-attendance-panel {
        border-radius: 12px !important;
        overflow: hidden !important;
        margin-top: 8px !important;
    }

    .jurnal-attendance-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 11px !important;
    }

    .jurnal-attendance-head strong {
        font-size: 13px !important;
    }

    .jurnal-attendance-head small {
        display: block !important;
        margin-top: 3px !important;
        font-size: 9px !important;
        line-height: 1.4 !important;
    }

    .jurnal-attendance-summary {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    .jurnal-attendance-summary span {
        padding: 5px 7px !important;
        border-radius: 15px !important;
        font-size: 9px !important;
    }


    /* -----------------------------------------------------
       TOOL ABSENSI
       ----------------------------------------------------- */
    .jurnal-attendance-tools {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 8px 10px !important;
    }

    #jurnalSemuaHadir {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #jurnalSemuaHadir i {
        margin: 0 !important;
        font-size: 12px !important;
    }

    .jurnal-attendance-note {
        font-size: 9px !important;
        line-height: 1.4 !important;
    }


    /* -----------------------------------------------------
       TABEL ABSENSI SISWA
       ----------------------------------------------------- */
    .jurnal-attendance-table {
        min-width: 520px !important;
        margin-bottom: 0 !important;
        font-size: 10px !important;
    }

    .jurnal-attendance-table thead th {
        padding: 7px 6px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    .jurnal-attendance-table tbody td {
        padding: 6px !important;
        font-size: 10px !important;
        vertical-align: middle !important;
    }

    .jurnal-attendance-table tbody td:nth-child(3) {
        min-width: 150px !important;
        font-weight: 500 !important;
    }

    .jurnal-status-siswa {
        height: 32px !important;
        min-height: 32px !important;
        padding: 5px 7px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }


    /* -----------------------------------------------------
       BADGE KEHADIRAN
       ----------------------------------------------------- */
    .jurnal-attendance-badge {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 4px 7px !important;
        margin: 2px 0 !important;
        border-radius: 12px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    .jurnal-attendance-badge i {
        font-size: 9px !important;
    }

    .jurnal-absent-details {
        margin-top: 4px !important;
        font-size: 9px !important;
    }


    /* -----------------------------------------------------
       FORM TAMBAH / EDIT
       ----------------------------------------------------- */
    .jurnal-form .box-body {
        padding: 8px !important;
    }

    .jurnal-form .table {
        margin-bottom: 8px !important;
    }

    .jurnal-form .table th {
        width: 95px !important;
        min-width: 95px !important;
        padding: 7px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .jurnal-form .table td {
        padding: 7px !important;
    }

    .jurnal-form .form-control {
        height: 35px !important;
        min-height: 35px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

    .jurnal-form textarea.form-control {
        height: auto !important;
        min-height: 75px !important;
        line-height: 1.4 !important;
    }


    /* -----------------------------------------------------
       FOOTER FORM
       ----------------------------------------------------- */
    .jurnal-footer {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
    }

    .jurnal-footer .btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        padding: 0 !important;
        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .jurnal-footer .btn i {
        margin: 0 !important;
        font-size: 12px !important;
    }


    /* -----------------------------------------------------
       EMPTY STATE
       ----------------------------------------------------- */
    .jurnal-empty {
        padding: 25px 12px !important;
        border-radius: 12px !important;
    }

    .jurnal-empty > i {
        font-size: 30px !important;
        margin-bottom: 8px !important;
    }

    .jurnal-empty h4 {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .jurnal-empty p {
        font-size: 10px !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }

}


/* =========================================================
   HP SANGAT KECIL
   320px - 380px
   ========================================================= */

@media (max-width: 380px) {

    .jurnal-detail-box .box-body,
    .jurnal-page .box-body {
        padding: 7px !important;
    }

    .jurnal-header,
    .jurnal-detail-head {
        padding: 9px 10px !important;
    }

    .jurnal-title-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 10px !important;
    }

    .jurnal-title-icon i {
        font-size: 14px !important;
    }

    .jurnal-title .box-title {
        font-size: 12px !important;
    }

    .jurnal-title small {
        font-size: 8px !important;
    }

    .jurnal-detail-actions {
        gap: 3px !important;
    }

    .jurnal-detail-actions .btn-jurnal-action {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
    }

    .jurnal-detail-actions .btn-jurnal-action i {
        font-size: 10px !important;
    }

    .jurnal-filter {
        padding: 9px !important;
    }

    .jurnal-filter select,
    .jurnal-filter .form-control {
        height: 34px !important;
        min-height: 34px !important;
        font-size: 10px !important;
    }

    .jurnal-filter .btn {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .jurnal-info table th {
        width: 88px !important;
        min-width: 88px !important;
        font-size: 9px !important;
    }

    .jurnal-info table td {
        font-size: 10px !important;
    }

    .jurnal-attendance-summary span {
        font-size: 8px !important;
        padding: 4px 6px !important;
    }

    .jurnal-attendance-note {
        font-size: 8px !important;
    }

    .jurnal-table {
        min-width: 640px !important;
    }

    .jurnal-attendance-table {
        min-width: 500px !important;
    }

}


/* =========================================================
   FIX FONT AWESOME MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .jurnal-page i[class^="fa"],
    .jurnal-page i[class*=" fa-"],
    .jurnal-detail-box i[class^="fa"],
    .jurnal-detail-box i[class*=" fa-"] {
        font-family: "FontAwesome" !important;
        font-style: normal !important;
        font-weight: normal !important;
        speak: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

}
/* =========================================================
   PATCH DASHBOARD SISWA - HP KECIL
   Minimal, catchy, jadwal tidak memanjang
   Tambahkan di PALING BAWAH style.css
   ========================================================= */

@media (max-width:480px){

  .dashboard-top-area{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  /* Welcome */
  .welcome-panel{
    padding:12px!important;
    margin-bottom:9px!important;
    border-radius:15px!important;
  }
  .welcome-main{gap:8px!important}
  .welcome-avatar{
    width:38px!important;height:38px!important;min-width:38px!important;
    border-radius:12px!important;
  }
  .welcome-avatar i{font-size:15px!important}
  .welcome-greeting{font-size:8px!important}
  .welcome-name{font-size:14px!important;line-height:1.2!important}
  .welcome-message{display:none!important}
  .welcome-meta{margin-top:8px!important;gap:4px!important}
  .welcome-meta-item{font-size:8px!important;padding:4px 7px!important;border-radius:12px!important}

  /* Ringkasan: 2 kolom agar pendek */
  .quick-dashboard{
    border-radius:13px!important;
    margin-bottom:9px!important;
    overflow:hidden!important;
  }
  .quick-dashboard-head{padding:8px 9px!important}
  .quick-kicker{font-size:7px!important}
  .quick-dashboard-head h3{font-size:12px!important;margin:2px 0 0!important}
  .quick-status{font-size:7px!important;padding:4px 6px!important}

  .dashboard-compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    padding:6px!important;
  }
  .dash-item{
    min-width:0!important;
    min-height:60px!important;
    padding:7px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .dash-circle{
    width:26px!important;height:26px!important;min-width:26px!important;
    border-radius:8px!important;
  }
  .dash-circle i{font-size:10px!important}
  .dash-label{font-size:7px!important;margin-top:3px!important}
  .dash-value{
    font-size:8.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .dash-school,.dash-head{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .dashboard-status{font-size:7px!important;padding:3px 5px!important}

  /* Section */
  .finance-dashboard{
    margin-top:8px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  .finance-header{padding:9px!important}
  .finance-kicker{font-size:7px!important}
  .finance-header h3{font-size:12px!important;margin:2px 0!important}
  .finance-header p{font-size:8px!important;margin:0!important}
  .finance-date{font-size:7px!important;padding:4px 6px!important;border-radius:12px!important}

  .finance-chart-panel{
    width:100%!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .finance-panel-header{padding:7px 9px!important}
  .finance-panel-kicker{font-size:7px!important}
  .finance-panel-header h4{font-size:10px!important;margin:2px 0!important}
  .finance-panel-header .btn{
    width:29px!important;height:29px!important;min-width:29px!important;
    padding:0!important;border-radius:50%!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .finance-panel-header .btn i{font-size:10px!important;margin:0!important}
  .finance-chart-caption{padding:0 9px 6px!important;font-size:7px!important}

  /* =====================================================
     JADWAL PELAJARAN
     Tabel desktop diubah menjadi kartu mini di HP.
     Tidak horizontal scroll dan tidak memanjang.
     ===================================================== */
  .finance-chart-panel .box-body.table-responsive{
    padding:5px!important;
    overflow:visible!important;
  }

  .jadwal-table,
  .jadwal-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
  }
  .jadwal-table thead{display:none!important}

  .jadwal-table tbody tr{
    display:grid!important;
    grid-template-columns:43px minmax(0,1fr) 34px!important;
    width:100%!important;
    min-height:46px!important;
    margin:0 0 5px!important;
    padding:5px!important;
    border:1px solid #e9eff3!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(55,75,95,.045)!important;
  }
  .jadwal-table tbody tr:last-child{margin-bottom:0!important}

  .jadwal-table tbody td{
    display:none!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
  }

  /* Hari */
  .jadwal-table tbody td:nth-child(7){
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    width:43px!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,#edf8f5,#f8fcfb)!important;
    color:#4b9d89!important;
    font-size:6.5px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
  }
  .jadwal-table tbody td:nth-child(7)::before{display:none!important}

  /* Kode kecil */
  .jadwal-table tbody td:nth-child(3){
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    position:absolute!important;
    left:54px!important;
    top:5px!important;
    font-size:6px!important;
    line-height:1!important;
    color:#98a5af!important;
    font-weight:700!important;
  }
  .jadwal-table tbody td:nth-child(3)::before{display:none!important}

  /* Nama mapel */
  .jadwal-table tbody td:nth-child(4){
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    padding:8px 36px 0 0!important;
    color:#40596e!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .jadwal-table tbody td:nth-child(4)::before{display:none!important}

  /* Guru */
  .jadwal-table tbody td:nth-child(6){
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    padding:21px 36px 0 0!important;
    color:#8997a3!important;
    font-size:7px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .jadwal-table tbody td:nth-child(6)::before{display:none!important}

  /* Semester sebagai chip kecil kanan */
  .jadwal-table tbody td:nth-child(2){
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    width:30px!important;
    height:22px!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:7px!important;
    background:#f4f7fa!important;
    color:#718396!important;
    font-size:6.5px!important;
    font-weight:800!important;
  }
  .jadwal-table tbody td:nth-child(2)::before{display:none!important}

  /* Pengumuman */
  .pengumuman-siswa-dashboard{margin-top:8px!important}
  .pengumuman-siswa-dashboard .finance-header{padding:9px!important}
  .pengumuman-siswa-list{padding:5px!important}
  .pengumuman-siswa-item{
    padding:8px 9px!important;
    margin-bottom:5px!important;
    border-radius:9px!important;
  }
  .pengumuman-siswa-title{font-size:9.5px!important;line-height:1.25!important}
  .pengumuman-siswa-meta{font-size:7px!important;gap:3px 6px!important}
  .pengumuman-siswa-content{font-size:8px!important;line-height:1.35!important}

  /* Agenda */
  .agenda-siswa-dashboard{margin-top:8px!important}
  .agenda-calendar-header{padding:9px!important}
  .agenda-calendar-header h3{font-size:12px!important}
  .agenda-calendar-header p{font-size:8px!important}
  .agenda-month-nav{gap:4px!important;margin-top:5px!important}
  .agenda-month-nav .btn{
    width:28px!important;height:28px!important;min-width:28px!important;
    padding:0!important;border-radius:50%!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .agenda-month-nav .btn i{font-size:9px!important;margin:0!important}
  .agenda-month-nav .btn:nth-child(2){
    width:auto!important;padding:0 8px!important;border-radius:15px!important;font-size:8px!important;
  }
  .agenda-calendar-toggle-row{padding:6px 8px!important}
  .agenda-toggle-btn{padding:5px 8px!important;font-size:8px!important}
}


/* =========================================================
   320px - 380px
   ========================================================= */
@media (max-width:380px){

  .dashboard-top-area{
    padding-left:4px!important;
    padding-right:4px!important;
  }

  .welcome-panel{padding:10px!important;border-radius:13px!important}
  .welcome-avatar{
    width:35px!important;height:35px!important;min-width:35px!important;
  }
  .welcome-name{font-size:13px!important}

  .dashboard-compact{
    gap:4px!important;
    padding:5px!important;
  }
  .dash-item{
    min-height:55px!important;
    padding:6px!important;
  }
  .dash-circle{
    width:23px!important;height:23px!important;min-width:23px!important;
  }
  .dash-label{font-size:6px!important}
  .dash-value{font-size:7.5px!important}

  .jadwal-table tbody tr{
    grid-template-columns:40px minmax(0,1fr) 31px!important;
    min-height:44px!important;
  }
  .jadwal-table tbody td:nth-child(7){
    width:40px!important;
    font-size:6px!important;
  }
  .jadwal-table tbody td:nth-child(3){
    left:51px!important;
    font-size:5.8px!important;
  }
  .jadwal-table tbody td:nth-child(4){
    padding-right:32px!important;
    font-size:8.5px!important;
  }
  .jadwal-table tbody td:nth-child(6){
    padding-top:20px!important;
    padding-right:32px!important;
    font-size:6.8px!important;
  }
  .jadwal-table tbody td:nth-child(2){
    width:28px!important;
    height:21px!important;
    font-size:6px!important;
  }
}

/* =========================================================
   PATCH JADWAL SISWA HP — 1 BARIS = 3 INFO
   Tempel PALING BAWAH style.css
   ========================================================= */

@media (max-width:480px){

  .jadwal-table,
  .jadwal-table tbody{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    overflow:visible !important;
  }

  .jadwal-table thead{
    display:none !important;
  }

  /* 1 jadwal hanya 1 baris pendek */
  .jadwal-table tbody tr{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    grid-template-rows:22px 17px !important;
    column-gap:8px !important;
    row-gap:0 !important;
    align-items:center !important;
    width:100% !important;
    min-height:48px !important;
    margin:0 0 6px !important;
    padding:5px 8px !important;
    box-sizing:border-box !important;
    border:1px solid #e5efed !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,#ffffff,#f6fbfa) !important;
    box-shadow:0 2px 7px rgba(42,105,91,.05) !important;
  }

  .jadwal-table tbody tr:last-child{
    margin-bottom:0 !important;
  }

  .jadwal-table tbody td{
    display:none !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
    width:auto !important;
    background:transparent !important;
  }

  /* =========================================
     INFO 1 — HARI
     ========================================= */
  .jadwal-table tbody td:nth-child(7){
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    width:42px !important;
    height:38px !important;
    align-self:center !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:#e5f6f1 !important;
    color:#318d7b !important;
    font-size:0 !important;
    position:relative !important;
  }

  .jadwal-table tbody td:nth-child(7)::before{
    content:"\f073" !important;
    font-family:"FontAwesome" !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  /* =========================================
     INFO 2 — MAPEL
     ========================================= */
  .jadwal-table tbody td:nth-child(4){
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    align-self:end !important;
    color:#29485a !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:16px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* =========================================
     INFO 3 — KELAS
     ========================================= */
  .jadwal-table tbody td:nth-child(5){
    display:block !important;
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    padding:4px 7px !important;
    border-radius:7px !important;
    background:#edf6f4 !important;
    color:#5d827a !important;
    font-size:8px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .jadwal-table tbody td:nth-child(5)::before{
    content:"\f19d  " !important;
    font-family:"FontAwesome" !important;
    font-size:7px !important;
  }

  /* =========================================
     GURU — BARIS KEDUA
     ========================================= */
  .jadwal-table tbody td:nth-child(6){
    display:block !important;
    grid-column:2 / 4 !important;
    grid-row:2 !important;
    min-width:0 !important;
    align-self:start !important;
    color:#8a9aa2 !important;
    font-size:8px !important;
    font-weight:400 !important;
    line-height:14px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .jadwal-table tbody td:nth-child(6)::before{
    content:"\f007  " !important;
    font-family:"FontAwesome" !important;
    color:#73a99d !important;
    font-size:7px !important;
  }

  /* Hilangkan info yang tidak penting di HP */
  .jadwal-table tbody td:nth-child(1),
  .jadwal-table tbody td:nth-child(2),
  .jadwal-table tbody td:nth-child(3){
    display:none !important;
  }
}

@media (max-width:380px){

  .jadwal-table tbody tr{
    grid-template-columns:36px minmax(0,1fr) auto !important;
    grid-template-rows:20px 15px !important;
    column-gap:7px !important;
    min-height:43px !important;
    padding:4px 7px !important;
    margin-bottom:5px !important;
    border-radius:11px !important;
  }

  .jadwal-table tbody td:nth-child(7){
    width:36px !important;
    height:34px !important;
    border-radius:9px !important;
  }

  .jadwal-table tbody td:nth-child(7)::before{
    font-size:12px !important;
  }

  .jadwal-table tbody td:nth-child(4){
    font-size:9.5px !important;
    line-height:14px !important;
  }

  .jadwal-table tbody td:nth-child(5){
    padding:3px 6px !important;
    font-size:7px !important;
  }

  .jadwal-table tbody td:nth-child(6){
    font-size:7px !important;
    line-height:12px !important;
  }
}

/* =========================================================
   FIX JADWAL SISWA HP — HARI + JAM TAMPIL
   Tempel PALING BAWAH style.css
   Menimpa CSS jadwal compact sebelumnya.
   ========================================================= */

@media (max-width:480px){

  .jadwal-table tbody tr{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:21px 16px 14px !important;
    column-gap:8px !important;
    row-gap:0 !important;
    min-height:55px !important;
    height:55px !important;
    padding:5px 8px !important;
    margin:0 0 6px !important;
    box-sizing:border-box !important;
    position:relative !important;
    overflow:hidden !important;
    border:1px solid #e3eeeb !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#ffffff,#f5fbf9) !important;
    box-shadow:0 2px 7px rgba(46,110,96,.06) !important;
  }

  .jadwal-table tbody td{
    display:none !important;
    width:auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
  }

  /* MAPEL — utama */
  .jadwal-table tbody td:nth-child(4){
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    min-width:0 !important;
    color:#31516a !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:17px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* KELAS — chip kanan */
  .jadwal-table tbody td:nth-child(5){
    display:flex !important;
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    align-items:center !important;
    padding:4px 7px !important;
    border-radius:999px !important;
    background:#edf7f4 !important;
    color:#5e8b80 !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .jadwal-table tbody td:nth-child(5)::before{
    content:"\f19d" !important;
    font-family:"FontAwesome" !important;
    margin-right:4px !important;
    font-size:7px !important;
  }

  /* GURU — baris kedua */
  .jadwal-table tbody td:nth-child(6){
    display:block !important;
    grid-column:2 / 4 !important;
    grid-row:2 !important;
    align-self:center !important;
    min-width:0 !important;
    color:#8a999f !important;
    font-size:8px !important;
    font-weight:500 !important;
    line-height:14px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .jadwal-table tbody td:nth-child(6)::before{
    content:"\f007" !important;
    font-family:"FontAwesome" !important;
    color:#73a79a !important;
    margin-right:4px !important;
    font-size:7px !important;
  }

  /* HARI — kiri: ikon + nama hari */
  .jadwal-table tbody td:nth-child(7){
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 / 4 !important;
    width:44px !important;
    height:44px !important;
    align-self:center !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    border-radius:10px !important;
    background:#e4f5f0 !important;
    color:#378e7b !important;
    font-size:0 !important;
    line-height:1 !important;
    overflow:hidden !important;
  }

  /* Pastikan teks hari yang sebelumnya disembunyikan muncul */
  .jadwal-table tbody td:nth-child(7) .jadwal-hari-text{
    display:block !important;
    order:2 !important;
    max-width:40px !important;
    color:#438878 !important;
    font-size:6.5px !important;
    font-weight:800 !important;
    line-height:8px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .jadwal-table tbody td:nth-child(7)::before{
    content:"\f073" !important;
    display:block !important;
    order:1 !important;
    font-family:"FontAwesome" !important;
    font-size:12px !important;
    line-height:12px !important;
  }

  /* JAM — baris ketiga */
  .jadwal-table tbody td:nth-child(8){
    display:block !important;
    grid-column:2 / 4 !important;
    grid-row:3 !important;
    align-self:start !important;
    min-width:0 !important;
    color:#67958b !important;
    font-size:7.5px !important;
    font-weight:700 !important;
    line-height:13px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .jadwal-table tbody td:nth-child(8)::before{
    content:"\f017" !important;
    font-family:"FontAwesome" !important;
    color:#78a99e !important;
    margin-right:4px !important;
    font-size:7px !important;
  }

  /* No, semester, kode tetap tersembunyi di HP */
  .jadwal-table tbody td:nth-child(1),
  .jadwal-table tbody td:nth-child(2),
  .jadwal-table tbody td:nth-child(3){
    display:none !important;
  }

  /* Jangan biarkan table-responsive membuat tinggi/overflow aneh */
  .finance-chart-panel .table-responsive{
    overflow:visible !important;
    padding:0 6px 6px !important;
  }

  .jadwal-table{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    border:0 !important;
  }

  .jadwal-table tbody{
    display:block !important;
    width:100% !important;
  }
}

@media (max-width:380px){

  .jadwal-table tbody tr{
    grid-template-columns:38px minmax(0,1fr) auto !important;
    grid-template-rows:19px 14px 13px !important;
    column-gap:7px !important;
    min-height:50px !important;
    height:50px !important;
    padding:4px 7px !important;
    margin-bottom:5px !important;
    border-radius:10px !important;
  }

  .jadwal-table tbody td:nth-child(7){
    width:38px !important;
    height:40px !important;
    border-radius:9px !important;
  }

  .jadwal-table tbody td:nth-child(7) .jadwal-hari-text{
    font-size:6px !important;
  }

  .jadwal-table tbody td:nth-child(7)::before{
    font-size:11px !important;
  }

  .jadwal-table tbody td:nth-child(4){
    font-size:10px !important;
  }

  .jadwal-table tbody td:nth-child(5){
    padding:3px 6px !important;
    font-size:7px !important;
  }

  .jadwal-table tbody td:nth-child(6){
    font-size:7px !important;
  }

  .jadwal-table tbody td:nth-child(8){
    font-size:7px !important;
  }
}

/* Tambahkan blok ini ke style.css utama */
.biq-page{padding:4px 0 24px;color:#425766}.biq-card{background:#fff;border:1px solid #e3eeee;border-radius:16px;box-shadow:0 7px 22px rgba(45,90,96,.06);overflow:hidden;margin-bottom:16px}.biq-head{padding:13px 16px;background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e5eeee;display:flex;align-items:center;justify-content:space-between;gap:12px}.biq-title{display:flex;align-items:center;gap:10px}.biq-title h3{margin:0;color:#29485b;font-size:17px;font-weight:800}.biq-title small{display:block;color:#82959d;font-size:10px;margin-top:3px}.biq-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px}.biq-icon.green{background:#dcf5ec;color:#27a47c}.biq-body{padding:14px 16px}.biq-info{padding:10px 12px;border:1px dashed #cfe6e0;background:#f8fdfb;border-radius:10px;color:#70868e;font-size:11px;margin-bottom:13px}.biq-info i{color:#25a582;margin-right:5px}.biq-circle{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center}.biq-class-grid{margin:0 -6px 8px}.biq-class-grid>[class*=col-]{padding:0 6px;margin-bottom:10px}.biq-class-card{display:flex;align-items:center;gap:9px;padding:9px;background:linear-gradient(135deg,#fff,#f8fcfb);border:1px solid #e1eceb;border-radius:12px}.biq-class-letter{width:36px;height:36px;border-radius:11px;background:#e0f5ed;color:#239879;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.biq-class-main{flex:1;min-width:0}.biq-class-main strong{display:block;color:#385667;font-size:12px}.biq-class-main small{display:block;color:#84969d;font-size:10px;margin-top:2px}.biq-class-main small i{color:#36a58a}.biq-table{font-size:11px;margin-bottom:0}.biq-table>thead>tr>th{background:#eff9f6;color:#42606c;border-color:#dcebe8;font-size:10px;text-transform:uppercase}.biq-table>tbody>tr>td{vertical-align:middle;border-color:#e5eeee}.biq-chip{display:inline-block;padding:4px 8px;border-radius:9px;font-size:10px;font-weight:700}.biq-chip.blue{background:#eaf3ff;color:#4780bd}.biq-status{display:inline-block;padding:4px 9px;border-radius:10px;font-size:10px;font-weight:800}.biq-status.on{background:#e1f6eb;color:#29986f}.biq-status.off{background:#fdeaea;color:#cf6868}.biq-add-form{display:flex;align-items:end;gap:8px;padding:10px;background:#f8fcfb;border:1px solid #e1eeeb;border-radius:11px;margin-bottom:13px}.biq-field{flex:1}.biq-field label,.biq-modal label{display:block;font-size:10px;font-weight:800;color:#647b85;margin-bottom:4px}.biq-field .form-control,.biq-modal .form-control{height:34px;border:1px solid #d7e7e4;border-radius:9px;box-shadow:none;font-size:11px}.biq-modal .modal-content{border:0;border-radius:15px;overflow:hidden}.biq-modal .modal-header{background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e4eeee}.biq-modal .modal-title{font-size:14px;font-weight:800;color:#345364}.biq-modal .modal-title i{color:#29a37e;margin-right:5px}.biq-modal .modal-footer{border-top:1px solid #edf2f1}.biq-page .btn-default{background:#f5f8f8;border-color:#dfe9e8;color:#6d7e85}.biq-page .btn-info{background:#e8f5fa;border-color:#d2eaf1;color:#3a8ca8}.biq-page .btn-warning{background:#fff3dc;border-color:#f4e1b8;color:#c28a2e}.biq-page .btn-danger{background:#fde9ed;border-color:#f5d5dc;color:#cc6379}.biq-page .btn-success{background:#dff5ec;border-color:#cbeade;color:#299875}.biq-page .btn-xs{font-size:10px}.biq-add-form .btn{flex:0 0 29px}
/* Tambahkan blok ini ke style.css utama */
.biq-page{padding:4px 0 24px;color:#425766}.biq-card{background:#fff;border:1px solid #e3eeee;border-radius:16px;box-shadow:0 7px 22px rgba(45,90,96,.06);overflow:hidden;margin-bottom:16px}.biq-head{padding:13px 16px;background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e5eeee;display:flex;align-items:center;justify-content:space-between;gap:12px}.biq-title{display:flex;align-items:center;gap:10px}.biq-title h3{margin:0;color:#29485b;font-size:17px;font-weight:800}.biq-title small{display:block;color:#82959d;font-size:10px;margin-top:3px}.biq-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px}.biq-icon.green{background:#dcf5ec;color:#27a47c}.biq-body{padding:14px 16px}.biq-info{padding:10px 12px;border:1px dashed #cfe6e0;background:#f8fdfb;border-radius:10px;color:#70868e;font-size:11px;margin-bottom:13px}.biq-info i{color:#25a582;margin-right:5px}.biq-circle{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center}.biq-class-grid{margin:0 -6px 8px}.biq-class-grid>[class*=col-]{padding:0 6px;margin-bottom:10px}.biq-class-card{display:flex;align-items:center;gap:9px;padding:9px;background:linear-gradient(135deg,#fff,#f8fcfb);border:1px solid #e1eceb;border-radius:12px}.biq-class-letter{width:36px;height:36px;border-radius:11px;background:#e0f5ed;color:#239879;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.biq-class-main{flex:1;min-width:0}.biq-class-main strong{display:block;color:#385667;font-size:12px}.biq-class-main small{display:block;color:#84969d;font-size:10px;margin-top:2px}.biq-class-main small i{color:#36a58a}.biq-table{font-size:11px;margin-bottom:0}.biq-table>thead>tr>th{background:#eff9f6;color:#42606c;border-color:#dcebe8;font-size:10px;text-transform:uppercase}.biq-table>tbody>tr>td{vertical-align:middle;border-color:#e5eeee}.biq-chip{display:inline-block;padding:4px 8px;border-radius:9px;font-size:10px;font-weight:700}.biq-chip.blue{background:#eaf3ff;color:#4780bd}.biq-status{display:inline-block;padding:4px 9px;border-radius:10px;font-size:10px;font-weight:800}.biq-status.on{background:#e1f6eb;color:#29986f}.biq-status.off{background:#fdeaea;color:#cf6868}.biq-add-form{display:flex;align-items:end;gap:8px;padding:10px;background:#f8fcfb;border:1px solid #e1eeeb;border-radius:11px;margin-bottom:13px}.biq-field{flex:1}.biq-field label,.biq-modal label{display:block;font-size:10px;font-weight:800;color:#647b85;margin-bottom:4px}.biq-field .form-control,.biq-modal .form-control{height:34px;border:1px solid #d7e7e4;border-radius:9px;box-shadow:none;font-size:11px}.biq-modal .modal-content{border:0;border-radius:15px;overflow:hidden}.biq-modal .modal-header{background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e4eeee}.biq-modal .modal-title{font-size:14px;font-weight:800;color:#345364}.biq-modal .modal-title i{color:#29a37e;margin-right:5px}.biq-modal .modal-footer{border-top:1px solid #edf2f1}.biq-page .btn-default{background:#f5f8f8;border-color:#dfe9e8;color:#6d7e85}.biq-page .btn-info{background:#e8f5fa;border-color:#d2eaf1;color:#3a8ca8}.biq-page .btn-warning{background:#fff3dc;border-color:#f4e1b8;color:#c28a2e}.biq-page .btn-danger{background:#fde9ed;border-color:#f5d5dc;color:#cc6379}.biq-page .btn-success{background:#dff5ec;border-color:#cbeade;color:#299875}.biq-page .btn-xs{font-size:10px}.biq-add-form .btn{flex:0 0 29px}


/* ===== BIQ STUDENT PICKER ===== */
.biq-student-picker{display:block!important;background:#f8fcfb;border:1px solid #dcefeb;border-radius:14px;padding:14px;margin-bottom:18px}
.biq-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.biq-picker-title{font-weight:700;color:#245e59;font-size:14px}.biq-picker-title i{margin-right:6px;color:#36ad96}
.biq-picker-count{font-size:12px;font-weight:600;color:#168b78;background:#e7f7f2;border-radius:20px;padding:6px 10px}
.biq-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;margin-bottom:10px}.biq-search-box{position:relative}.biq-search-box i{position:absolute;left:12px;top:11px;color:#7da9a2;z-index:2}.biq-search-box input{padding-left:34px!important}
.biq-select-all{padding:8px 10px;border-top:1px solid #e4f0ed;border-bottom:1px solid #e4f0ed;font-size:12px;color:#54726e}.biq-select-all input{margin-right:6px;accent-color:#35ad96}
.biq-student-list{max-height:330px;overflow-y:auto;padding:8px 2px}.biq-student-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:4px 0;border:1px solid #e6f0ee;border-radius:10px;background:#fff;cursor:pointer;transition:.15s}.biq-student-item:hover{border-color:#a8ddd1;background:#f5fbf9}.biq-student-item>input{width:17px;height:17px;flex:0 0 17px;accent-color:#35ad96}.biq-student-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4f6f1;color:#25a58f;flex:0 0 34px}.biq-student-info{display:flex;flex-direction:column;min-width:0;flex:1}.biq-student-info strong{font-size:13px;color:#31524e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biq-student-info small{font-size:11px;color:#8aa29e;margin-top:2px}.biq-student-item .biq-chip{font-size:10px!important;white-space:nowrap}.biq-picker-empty{min-height:80px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#91aaa6;font-size:12px}.biq-picker-empty i{font-size:20px;color:#b2c9c5}.biq-picker-footer{display:flex;justify-content:flex-end;padding-top:10px}.biq-picker-footer .btn{border-radius:20px;padding:7px 15px;font-size:12px}.biq-picker-footer .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.biq-picker-tools{grid-template-columns:1fr}.biq-student-list{max-height:280px}.biq-student-item{padding:8px}.biq-picker-head{align-items:flex-start;flex-direction:column}.biq-picker-count{align-self:flex-start}}

/* Tambahkan blok ini ke style.css utama */
.biq-page{padding:4px 0 24px;color:#425766}.biq-card{background:#fff;border:1px solid #e3eeee;border-radius:16px;box-shadow:0 7px 22px rgba(45,90,96,.06);overflow:hidden;margin-bottom:16px}.biq-head{padding:13px 16px;background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e5eeee;display:flex;align-items:center;justify-content:space-between;gap:12px}.biq-title{display:flex;align-items:center;gap:10px}.biq-title h3{margin:0;color:#29485b;font-size:17px;font-weight:800}.biq-title small{display:block;color:#82959d;font-size:10px;margin-top:3px}.biq-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px}.biq-icon.green{background:#dcf5ec;color:#27a47c}.biq-body{padding:14px 16px}.biq-info{padding:10px 12px;border:1px dashed #cfe6e0;background:#f8fdfb;border-radius:10px;color:#70868e;font-size:11px;margin-bottom:13px}.biq-info i{color:#25a582;margin-right:5px}.biq-circle{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center}.biq-class-grid{margin:0 -6px 8px}.biq-class-grid>[class*=col-]{padding:0 6px;margin-bottom:10px}.biq-class-card{display:flex;align-items:center;gap:9px;padding:9px;background:linear-gradient(135deg,#fff,#f8fcfb);border:1px solid #e1eceb;border-radius:12px}.biq-class-letter{width:36px;height:36px;border-radius:11px;background:#e0f5ed;color:#239879;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.biq-class-main{flex:1;min-width:0}.biq-class-main strong{display:block;color:#385667;font-size:12px}.biq-class-main small{display:block;color:#84969d;font-size:10px;margin-top:2px}.biq-class-main small i{color:#36a58a}.biq-table{font-size:11px;margin-bottom:0}.biq-table>thead>tr>th{background:#eff9f6;color:#42606c;border-color:#dcebe8;font-size:10px;text-transform:uppercase}.biq-table>tbody>tr>td{vertical-align:middle;border-color:#e5eeee}.biq-chip{display:inline-block;padding:4px 8px;border-radius:9px;font-size:10px;font-weight:700}.biq-chip.blue{background:#eaf3ff;color:#4780bd}.biq-status{display:inline-block;padding:4px 9px;border-radius:10px;font-size:10px;font-weight:800}.biq-status.on{background:#e1f6eb;color:#29986f}.biq-status.off{background:#fdeaea;color:#cf6868}.biq-add-form{display:flex;align-items:end;gap:8px;padding:10px;background:#f8fcfb;border:1px solid #e1eeeb;border-radius:11px;margin-bottom:13px}.biq-field{flex:1}.biq-field label,.biq-modal label{display:block;font-size:10px;font-weight:800;color:#647b85;margin-bottom:4px}.biq-field .form-control,.biq-modal .form-control{height:34px;border:1px solid #d7e7e4;border-radius:9px;box-shadow:none;font-size:11px}.biq-modal .modal-content{border:0;border-radius:15px;overflow:hidden}.biq-modal .modal-header{background:linear-gradient(135deg,#effaf7,#f5fbfd);border-bottom:1px solid #e4eeee}.biq-modal .modal-title{font-size:14px;font-weight:800;color:#345364}.biq-modal .modal-title i{color:#29a37e;margin-right:5px}.biq-modal .modal-footer{border-top:1px solid #edf2f1}.biq-page .btn-default{background:#f5f8f8;border-color:#dfe9e8;color:#6d7e85}.biq-page .btn-info{background:#e8f5fa;border-color:#d2eaf1;color:#3a8ca8}.biq-page .btn-warning{background:#fff3dc;border-color:#f4e1b8;color:#c28a2e}.biq-page .btn-danger{background:#fde9ed;border-color:#f5d5dc;color:#cc6379}.biq-page .btn-success{background:#dff5ec;border-color:#cbeade;color:#299875}.biq-page .btn-xs{font-size:10px}.biq-add-form .btn{flex:0 0 29px}


/* ===== BIQ STUDENT PICKER ===== */
.biq-student-picker{display:block!important;background:#f8fcfb;border:1px solid #dcefeb;border-radius:14px;padding:14px;margin-bottom:18px}
.biq-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.biq-picker-title{font-weight:700;color:#245e59;font-size:14px}.biq-picker-title i{margin-right:6px;color:#36ad96}
.biq-picker-count{font-size:12px;font-weight:600;color:#168b78;background:#e7f7f2;border-radius:20px;padding:6px 10px}
.biq-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;margin-bottom:10px}.biq-search-box{position:relative}.biq-search-box i{position:absolute;left:12px;top:11px;color:#7da9a2;z-index:2}.biq-search-box input{padding-left:34px!important}
.biq-select-all{padding:8px 10px;border-top:1px solid #e4f0ed;border-bottom:1px solid #e4f0ed;font-size:12px;color:#54726e}.biq-select-all input{margin-right:6px;accent-color:#35ad96}
.biq-student-list{max-height:330px;overflow-y:auto;padding:8px 2px}.biq-student-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:4px 0;border:1px solid #e6f0ee;border-radius:10px;background:#fff;cursor:pointer;transition:.15s}.biq-student-item:hover{border-color:#a8ddd1;background:#f5fbf9}.biq-student-item>input{width:17px;height:17px;flex:0 0 17px;accent-color:#35ad96}.biq-student-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4f6f1;color:#25a58f;flex:0 0 34px}.biq-student-info{display:flex;flex-direction:column;min-width:0;flex:1}.biq-student-info strong{font-size:13px;color:#31524e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biq-student-info small{font-size:11px;color:#8aa29e;margin-top:2px}.biq-student-item .biq-chip{font-size:10px!important;white-space:nowrap}.biq-picker-empty{min-height:80px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#91aaa6;font-size:12px}.biq-picker-empty i{font-size:20px;color:#b2c9c5}.biq-picker-footer{display:flex;justify-content:flex-end;padding-top:10px}.biq-picker-footer .btn{border-radius:20px;padding:7px 15px;font-size:12px}.biq-picker-footer .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.biq-picker-tools{grid-template-columns:1fr}.biq-student-list{max-height:280px}.biq-student-item{padding:8px}.biq-picker-head{align-items:flex-start;flex-direction:column}.biq-picker-count{align-self:flex-start}}


/* ===== BIQ GURU PICKER ===== */
.biq-guru-picker{position:relative}.biq-guru-input-wrap{position:relative}.biq-guru-input-wrap>i{position:absolute;left:12px;top:10px;color:#6da99d;z-index:2}.biq-guru-input{padding-left:34px!important;padding-right:38px!important;background:#fff!important}.biq-guru-input:focus{border-color:#70cbb7!important;box-shadow:0 0 0 3px rgba(67,180,154,.10)!important}.biq-guru-clear{position:absolute;right:7px;top:4px;width:27px;height:27px;border:0;border-radius:50%;background:#f0f6f5;color:#7c9691;z-index:3;cursor:pointer}.biq-guru-clear:hover{background:#e1f2ed;color:#299b82}.biq-guru-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:245px;overflow-y:auto;background:#fff;border:1px solid #cfe5e1;border-radius:12px;padding:6px;box-shadow:0 12px 28px rgba(38,82,82,.14);z-index:10020}.biq-guru-option{width:100%;display:flex;align-items:center;gap:9px;border:0;background:#fff;border-radius:9px;padding:8px 9px;text-align:left;cursor:pointer;transition:.15s}.biq-guru-option:hover,.biq-guru-option.selected{background:#effaf6}.biq-guru-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e1f5ee;color:#29a17f}.biq-guru-option-text{display:flex;flex-direction:column;min-width:0;flex:1}.biq-guru-option-text strong{font-size:11px;color:#365562;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biq-guru-option-text small{font-size:9px;color:#91a3a8;margin-top:2px}.biq-guru-check{display:none;color:#2aa483;font-size:12px}.biq-guru-option.selected .biq-guru-check{display:block}.biq-guru-empty{height:70px;align-items:center;justify-content:center;gap:6px;color:#8da3a3;font-size:11px}.biq-guru-empty i{color:#a9c3bd}@media(max-width:600px){.biq-guru-list{max-height:210px}}


/* =========================================================
   JADWAL BIQ - MODAL CANTIK / SOFT
   Dipakai khusus master_biq_jadwal.php
   ========================================================= */
.biq-modal-jadwal .modal-dialog{
  width:600px;max-width:calc(100% - 24px);margin:28px auto;
}
.biq-modal-jadwal .modal-content{
  border:0!important;border-radius:20px!important;overflow:hidden;
  box-shadow:0 22px 65px rgba(36,73,82,.22);
  background:#fff;
}
.biq-modal-head{
  position:relative;display:flex;align-items:center;gap:11px;
  padding:14px 17px!important;
  background:linear-gradient(135deg,#effaf7 0%,#f5fbff 100%)!important;
  border-bottom:1px solid #e4eeee!important;
}
.biq-modal-head-icon{
  width:38px;height:38px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#42b997,#2fa783);
  color:#fff;font-size:16px;box-shadow:0 6px 14px rgba(49,169,133,.18);
}
.biq-modal-head-text{flex:1;min-width:0}
.biq-modal-head .modal-title{
  margin:0!important;font-size:14px!important;font-weight:800!important;color:#315564!important;
}
.biq-modal-head-text span{
  display:block;margin-top:2px;font-size:9px;color:#8aa0a5;
}
.biq-modal-close{
  position:absolute;right:12px;top:10px;
  width:27px;height:27px;border-radius:50%;
  opacity:1!important;color:#8ca0a4!important;
  font-size:21px!important;font-weight:400!important;
}
.biq-modal-close:hover{background:#e8f4f1;color:#4e7775!important}
.biq-modal-body{padding:16px 17px 15px!important}
.biq-section-label{
  display:flex;align-items:center;gap:6px;
  margin:0 0 8px;font-size:8px;font-weight:900;letter-spacing:.8px;color:#789096;
}
.biq-section-dot{
  width:7px;height:7px;border-radius:50%;background:#43b496;
  box-shadow:0 0 0 4px #e7f7f2;
}
.biq-section-gap{margin-top:15px}
.biq-form-group{margin-bottom:11px!important}
.biq-form-group label{
  display:block;margin-bottom:5px!important;font-size:9px!important;
  font-weight:800!important;color:#58717a!important;
}
.biq-select-wrap{position:relative}
.biq-select-wrap>i{
  position:absolute;z-index:2;left:11px;top:50%;transform:translateY(-50%);
  color:#4aaf94;font-size:11px;pointer-events:none;
}
.biq-select-wrap select{
  padding-left:31px!important;height:36px!important;
  border:1px solid #d9ebe7!important;border-radius:10px!important;
  box-shadow:none!important;background:#fbfefd!important;
  color:#48636b;font-size:10px!important;
}
.biq-select-wrap select:focus{
  border-color:#70cbb2!important;box-shadow:0 0 0 3px rgba(66,184,151,.10)!important;
}
.biq-guru-card{
  display:flex;align-items:center;gap:10px;
  margin:2px 0 4px;padding:10px 11px;
  border:1px solid #dceee9;border-radius:13px;
  background:linear-gradient(135deg,#f5fcfa,#f8fcff);
}
.biq-guru-avatar{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#dff5ec;color:#2ca581;font-size:14px;
}
.biq-guru-info{flex:1;min-width:0}
.biq-guru-info small{
  display:block;font-size:7px;font-weight:900;letter-spacing:.7px;color:#91a4a7;margin-bottom:2px;
}
.biq-guru-info strong{
  display:block;font-size:11px;color:#365b62;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.biq-guru-info span{display:block;font-size:8px;color:#91a3a6;margin-top:1px}
.biq-auto-badge{
  flex:0 0 auto;padding:5px 8px;border-radius:20px;
  background:#e5f7f0;color:#299879;font-size:8px;font-weight:800;white-space:nowrap;
}
.biq-auto-badge i{margin-right:3px}
.biq-two-col{
  display:grid;grid-template-columns:1.35fr .85fr;gap:10px;
}
.biq-static-field{
  min-height:36px;display:flex;align-items:center;gap:9px;
  padding:7px 10px;border:1px solid #dcece9;border-radius:10px;background:#f9fcfb;
}
.biq-static-field>i{width:17px;text-align:center;color:#3eaa8d;font-size:12px}
.biq-static-field div{display:flex;align-items:baseline;gap:5px;min-width:0}
.biq-static-field strong{font-size:10px;color:#347c6d}
.biq-static-field span{font-size:9px;color:#71888e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-jam-field{justify-content:flex-start}
.biq-jam-field div{display:flex;flex-direction:column;gap:0}
.biq-jam-field strong{font-size:13px;line-height:14px;color:#2c9278}
.biq-jam-field span{font-size:7px;color:#82989c}
.biq-jam-field>b{
  margin-left:auto;padding:4px 6px;border-radius:12px;background:#eaf7f3;color:#5c9b89;font-size:7px;letter-spacing:.3px;
}
.biq-days{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.biq-day{
  display:flex;align-items:center;justify-content:center;gap:5px;
  min-height:34px;border-radius:10px;
  border:1px solid #dceee9;background:#f7fcfa;color:#4b8f80;
  transition:.15s ease;
}
.biq-day i{font-size:9px;color:#45b093}
.biq-day strong{font-size:8px;letter-spacing:.2px}
.biq-day:hover{background:#eaf8f3;border-color:#bfe5d9}
.biq-info-box{
  display:flex;align-items:center;gap:9px;padding:9px 10px;margin-top:2px;
  border:1px solid #d8ebf2;border-radius:11px;background:linear-gradient(135deg,#f3fbff,#f4fcf9);
}
.biq-info-icon{
  width:28px;height:28px;flex:0 0 28px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;background:#e1f2f8;color:#48a0bd;font-size:11px;
}
.biq-info-box strong{display:block;font-size:9px;color:#4f6e78}
.biq-info-box span{display:block;margin-top:2px;font-size:8px;color:#879a9e}
.biq-modal-footer{
  display:flex!important;justify-content:flex-end;gap:7px;
  padding:11px 15px!important;background:#fbfdfd;
  border-top:1px solid #edf3f1!important;
}
.biq-modal-footer .btn{
  height:31px;padding:0 12px;border-radius:9px!important;
  font-size:9px;font-weight:800;border:1px solid transparent;
}
.biq-btn-cancel{background:#f4f7f7;border-color:#e0e8e7!important;color:#73858a}
.biq-btn-save{
  background:linear-gradient(135deg,#45b997,#32a783)!important;
  border-color:#39aa8b!important;color:#fff!important;
  box-shadow:0 5px 12px rgba(52,170,137,.18);
}
.biq-btn-save i{margin-right:4px}
@media(max-width:600px){
  .biq-modal-jadwal .modal-dialog{width:auto;margin:12px}
  .biq-two-col{grid-template-columns:1fr}
  .biq-days{gap:5px}
  .biq-day strong{font-size:7px}
  .biq-modal-body{padding:13px!important}
}

/* ==========================================================
   MASTER JURNAL BIQ - SOFT MODERN
   ========================================================== */
.biq-jurnal-wrap{padding:8px 4px 25px}
.biq-journal-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.08);margin-bottom:15px}
.biq-journal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#effaf7,#f7fbff);border-bottom:1px solid #e5efee}
.biq-journal-header-left{display:flex;align-items:center;gap:11px;min-width:0}
.biq-journal-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#42b997,#329f83);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 7px 15px rgba(48,166,132,.17)}
.biq-kicker{font-size:7px;font-weight:900;letter-spacing:1px;color:#7ca097;margin-bottom:2px}
.biq-journal-header h3{margin:0;color:#315765;font-size:15px;font-weight:800}
.biq-journal-header p{margin:3px 0 0;color:#8a9ea1;font-size:9px}
.biq-journal-header p span{padding:0 4px;color:#51b195}
.biq-back-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcebe8;color:#5c8980;text-decoration:none}
.biq-back-btn:hover{background:#eaf8f3;color:#299879}
.biq-form-section,.biq-attendance-section{padding:15px 16px}
.biq-section-title{font-size:8px;font-weight:900;letter-spacing:.7px;color:#789298;margin-bottom:9px}
.biq-section-title span{display:inline-flex;align-items:center;gap:6px}
.biq-section-title i{color:#43af92}
.biq-section-title.compact{margin:0 0 3px}
.biq-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px}
.biq-info-item label,.biq-field label{display:block;font-size:8px;font-weight:800;color:#647c82;margin-bottom:5px}
.biq-field label b{color:#d56d6d}
.biq-readonly{min-height:36px;padding:7px 9px;border:1px solid #dfedeb;border-radius:10px;background:#f9fcfb;display:flex;align-items:center;gap:7px;color:#3d6268}
.biq-readonly i{color:#40aa8d;width:14px;text-align:center}
.biq-readonly strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-readonly span{font-size:8px;color:#8ca0a3;margin-left:auto;white-space:nowrap}
.biq-input-grid{display:grid;grid-template-columns:210px 1fr;gap:10px}
.biq-field{margin-bottom:10px}
.biq-input-icon{position:relative}
.biq-input-icon>i{position:absolute;left:10px;top:10px;z-index:2;color:#43aa8e;font-size:10px}
.biq-input-icon .form-control{padding-left:29px!important}
.biq-field .form-control{height:36px;border:1px solid #dcebe8;border-radius:10px;box-shadow:none;font-size:9px;color:#46656b}
.biq-field .form-control:focus{border-color:#6cc4ad;box-shadow:0 0 0 3px rgba(67,180,151,.08)}
.biq-textarea{resize:vertical;min-height:55px!important;padding:9px!important}
.biq-attendance-section{border-top:1px solid #edf3f1;background:#fbfdfd}
.biq-attendance-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.biq-attendance-top small{display:block;color:#91a1a4;font-size:8px}
.biq-all-present{border:0;border-radius:9px;background:#e6f7f0;color:#299879;padding:7px 10px;font-size:8px;font-weight:800;white-space:nowrap}
.biq-all-present:hover{background:#d8f2e8}
.biq-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px}
.biq-summary-item{border:1px solid #e1ecea;border-radius:9px;padding:7px 6px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#73898d}
.biq-summary-item i{font-size:10px}.biq-summary-item b{font-size:11px;color:#3e6067;margin-right:2px}.biq-summary-item span{font-size:7px}
.biq-summary-item.hadir i{color:#35aa83}.biq-summary-item.sakit i{color:#e1ad51}.biq-summary-item.izin i{color:#62a7c5}.biq-summary-item.alpa i{color:#d77a7a}.biq-summary-item.terlambat i{color:#9a81c3}
.biq-attendance-table-wrap{border:1px solid #e2eceb;border-radius:11px;background:#fff}
.biq-attendance-table{margin:0!important;font-size:9px}
.biq-attendance-table thead th{border:0!important;background:#eef8f5!important;color:#607a7f!important;font-size:7px!important;letter-spacing:.4px;padding:9px 8px!important}
.biq-attendance-table td{border-color:#edf2f1!important;padding:6px 8px!important;vertical-align:middle!important}
.biq-attendance-table .no{width:38px;text-align:center;color:#8ea1a4}
.biq-attendance-table .status-col{width:125px}
.biq-student{display:flex;align-items:center;gap:7px}
.biq-student-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e4f6f0;color:#32a182;display:flex;align-items:center;justify-content:center;font-size:9px}
.biq-student strong{display:block;font-size:9px;color:#3e5f66}.biq-student small{display:block;font-size:7px;color:#9aabad;margin-top:1px}
.biq-class-badge{display:inline-block;padding:4px 7px;border-radius:12px;background:#edf7f5;color:#4d897d;font-size:7px;font-weight:800}
.biq-status,.biq-ket-siswa{height:30px!important;border:1px solid #dfebe9!important;border-radius:8px!important;box-shadow:none!important;font-size:8px!important}
.biq-status:focus,.biq-ket-siswa:focus{border-color:#6bc1aa!important;box-shadow:0 0 0 2px rgba(65,177,145,.07)!important}
.biq-submit-bar{display:flex;justify-content:flex-end;gap:7px;padding:11px 16px;background:#fff;border-top:1px solid #edf3f1}
.biq-cancel-btn,.biq-save-btn{height:32px;border-radius:9px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;text-decoration:none}
.biq-cancel-btn{border:1px solid #e0e9e7;background:#f7f9f9;color:#73868a}
.biq-save-btn{border:1px solid #38a987;background:linear-gradient(135deg,#45b997,#32a783);color:#fff;box-shadow:0 5px 13px rgba(51,169,135,.17)}
.biq-save-btn:disabled{opacity:.7}
.biq-schedule-list{padding:14px 16px}
.biq-schedule-card{display:flex;align-items:center;gap:11px;border:1px solid #e1edeb;border-radius:12px;background:#fff;padding:9px 10px;margin-bottom:7px}
.biq-schedule-day{width:82px;flex:0 0 82px;border-radius:9px;background:#eff9f6;padding:6px;text-align:center;color:#3d9880}
.biq-schedule-day i{display:block;font-size:10px;margin-bottom:2px}.biq-schedule-day strong{display:block;font-size:8px}.biq-schedule-day span{display:block;font-size:7px;color:#8ba3a2;margin-top:2px}
.biq-schedule-main{flex:1;min-width:0}.biq-schedule-main strong{display:block;color:#3c5f66;font-size:10px}.biq-schedule-main span{display:block;color:#8a9fa2;font-size:8px;margin-top:2px}.biq-schedule-main i{color:#43ab8e}
.biq-open-btn{border-radius:8px;background:#e7f7f1;color:#299879;padding:7px 9px;font-size:8px;font-weight:800;text-decoration:none;white-space:nowrap}
.biq-open-btn:hover{background:#d8f1e9;color:#217e68}
.biq-empty{padding:35px 10px;text-align:center;color:#91a3a5}.biq-empty i{display:block;font-size:25px;color:#b4d7cf;margin-bottom:8px}.biq-empty strong{display:block;font-size:11px;color:#60797f}.biq-empty span{display:block;font-size:8px;margin-top:3px}
@media(max-width:900px){.biq-info-grid{grid-template-columns:repeat(2,1fr)}.biq-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.biq-input-grid{grid-template-columns:1fr}.biq-info-grid{grid-template-columns:1fr 1fr}.biq-attendance-top{align-items:flex-start}.biq-attendance-table{min-width:650px}.biq-submit-bar{position:sticky;bottom:0;z-index:20}.biq-schedule-day{width:68px;flex-basis:68px}.biq-open-btn{font-size:7px;padding:6px}.biq-journal-header h3{font-size:13px}}
@media(max-width:400px){.biq-info-grid{grid-template-columns:1fr}.biq-summary{grid-template-columns:repeat(2,1fr)}}

.biq-schedule-main small{display:block;color:#8a9fa2;font-size:7px;margin-top:2px}
.biq-refresh-btn{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:6px 9px;border-radius:8px;background:#eaf7f3;color:#299879;font-size:8px;font-weight:800;text-decoration:none}

.biq-history-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.07);margin:14px 0}
.biq-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:linear-gradient(135deg,#f2faf8,#f8fbff);border-bottom:1px solid #e7efee}
.biq-history-head p{margin:2px 0 0;font-size:8px;color:#91a1a4}
.biq-history-filter{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #dfecea;border-radius:9px;padding:0 8px}
.biq-history-filter i{color:#43aa8d;font-size:9px}.biq-history-filter select{height:29px;border:0;background:transparent;outline:0;font-size:8px;color:#60787d}
.biq-history-table-wrap{overflow:auto}.biq-history-table{margin:0!important;font-size:8px}
.biq-history-table th{background:#eef8f5!important;color:#607a7f!important;font-size:7px!important;border:0!important;padding:9px 8px!important;white-space:nowrap}
.biq-history-table td{padding:7px 8px!important;border-color:#edf2f1!important;vertical-align:middle!important;color:#63797d}
.biq-history-table .center{text-align:center}.biq-day-pill{font-size:7px;font-weight:800;color:#4e897d}
.biq-materi{font-size:9px;color:#45646b;display:block}.biq-history-note{display:block;color:#9aa9ab;font-size:7px;margin-top:2px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-count{display:inline-flex;min-width:25px;height:23px;padding:0 6px;border-radius:8px;align-items:center;justify-content:center;font-size:9px;font-weight:900}
.biq-count.hadir{background:#e4f7ef;color:#299879}.biq-count.tidak{background:#fff0f0;color:#c77474}
.biq-detail-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e5f6f1;color:#329b81;text-decoration:none}
.biq-detail-btn:hover{background:#d6f0e8;color:#257d68}
.biq-history-empty{text-align:center;padding:30px 10px;color:#92a4a7}.biq-history-empty i{font-size:23px;color:#b7d9d1;display:block;margin-bottom:7px}.biq-history-empty strong{display:block;font-size:10px;color:#60797f}.biq-history-empty span{display:block;font-size:8px;margin-top:3px}
.biq-detail-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.07);margin:8px 0 20px}.biq-detail-info{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:8px;padding:13px 16px}.biq-detail-info>div{border:1px solid #e3eeec;border-radius:10px;padding:8px 9px;background:#f9fcfb}.biq-detail-info label{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#91a2a5;font-weight:900;margin-bottom:3px}.biq-detail-info strong{font-size:9px;color:#46646b}.biq-detail-summary{display:flex;gap:7px;padding:0 16px 12px}.biq-detail-summary span{padding:6px 9px;border-radius:9px;background:#f2f7f6;color:#71868a;font-size:8px}.biq-detail-summary b{margin-left:3px;color:#3f6066}.biq-detail-summary .h{background:#e6f7f0;color:#299879}.biq-detail-summary .t{background:#fff0f0;color:#c87575}
.biq-status-pill{display:inline-block;padding:4px 7px;border-radius:12px;font-size:7px;font-weight:800}.status-H{background:#e4f7ef;color:#299879}.status-S{background:#fff5df;color:#bd8d39}.status-I{background:#e9f5fb;color:#5593ad}.status-A{background:#fff0f0;color:#c77474}.status-T{background:#f0ebfa;color:#8064aa}
@media(max-width:650px){.biq-history-head{align-items:flex-start;flex-direction:column}.biq-detail-info{grid-template-columns:1fr}.biq-detail-summary{flex-wrap:wrap}}

/* =========================================================
   TOMBOL LAPORAN RIWAYAT BIQ
   ========================================================= */
.biq-history-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.biq-report-btn{height:29px;padding:0 10px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none!important;font-size:8px;font-weight:800;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}
.biq-report-btn i{font-size:10px}
.biq-report-print{background:#eef5ff;color:#5b82b7;border-color:#dce8f7}
.biq-report-excel{background:#e8f7f1;color:#2c9a79;border-color:#d8eee6}
.biq-report-btn:hover{transform:translateY(-1px);filter:brightness(.97);box-shadow:0 4px 10px rgba(46,83,86,.08)}
@media(max-width:600px){
  .biq-history-head{align-items:flex-start;flex-direction:column}
  .biq-history-tools{width:100%;justify-content:flex-start}
  .biq-report-btn span{display:none}
  .biq-report-btn{width:31px;padding:0}
}

/* ==========================================================
   MASTER JURNAL BIQ - SOFT MODERN
   ========================================================== */
.biq-jurnal-wrap{padding:8px 4px 25px}
.biq-journal-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.08);margin-bottom:15px}
.biq-journal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#effaf7,#f7fbff);border-bottom:1px solid #e5efee}
.biq-journal-header-left{display:flex;align-items:center;gap:11px;min-width:0}
.biq-journal-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#42b997,#329f83);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 7px 15px rgba(48,166,132,.17)}
.biq-kicker{font-size:7px;font-weight:900;letter-spacing:1px;color:#7ca097;margin-bottom:2px}
.biq-journal-header h3{margin:0;color:#315765;font-size:15px;font-weight:800}
.biq-journal-header p{margin:3px 0 0;color:#8a9ea1;font-size:9px}
.biq-journal-header p span{padding:0 4px;color:#51b195}
.biq-back-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcebe8;color:#5c8980;text-decoration:none}
.biq-back-btn:hover{background:#eaf8f3;color:#299879}
.biq-form-section,.biq-attendance-section{padding:15px 16px}
.biq-section-title{font-size:8px;font-weight:900;letter-spacing:.7px;color:#789298;margin-bottom:9px}
.biq-section-title span{display:inline-flex;align-items:center;gap:6px}
.biq-section-title i{color:#43af92}
.biq-section-title.compact{margin:0 0 3px}
.biq-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px}
.biq-info-item label,.biq-field label{display:block;font-size:8px;font-weight:800;color:#647c82;margin-bottom:5px}
.biq-field label b{color:#d56d6d}
.biq-readonly{min-height:36px;padding:7px 9px;border:1px solid #dfedeb;border-radius:10px;background:#f9fcfb;display:flex;align-items:center;gap:7px;color:#3d6268}
.biq-readonly i{color:#40aa8d;width:14px;text-align:center}
.biq-readonly strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-readonly span{font-size:8px;color:#8ca0a3;margin-left:auto;white-space:nowrap}
.biq-input-grid{display:grid;grid-template-columns:210px 1fr;gap:10px}
.biq-field{margin-bottom:10px}
.biq-input-icon{position:relative}
.biq-input-icon>i{position:absolute;left:10px;top:10px;z-index:2;color:#43aa8e;font-size:10px}
.biq-input-icon .form-control{padding-left:29px!important}
.biq-field .form-control{height:36px;border:1px solid #dcebe8;border-radius:10px;box-shadow:none;font-size:9px;color:#46656b}
.biq-field .form-control:focus{border-color:#6cc4ad;box-shadow:0 0 0 3px rgba(67,180,151,.08)}
.biq-textarea{resize:vertical;min-height:55px!important;padding:9px!important}
.biq-attendance-section{border-top:1px solid #edf3f1;background:#fbfdfd}
.biq-attendance-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.biq-attendance-top small{display:block;color:#91a1a4;font-size:8px}
.biq-all-present{border:0;border-radius:9px;background:#e6f7f0;color:#299879;padding:7px 10px;font-size:8px;font-weight:800;white-space:nowrap}
.biq-all-present:hover{background:#d8f2e8}
.biq-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px}
.biq-summary-item{border:1px solid #e1ecea;border-radius:9px;padding:7px 6px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#73898d}
.biq-summary-item i{font-size:10px}.biq-summary-item b{font-size:11px;color:#3e6067;margin-right:2px}.biq-summary-item span{font-size:7px}
.biq-summary-item.hadir i{color:#35aa83}.biq-summary-item.sakit i{color:#e1ad51}.biq-summary-item.izin i{color:#62a7c5}.biq-summary-item.alpa i{color:#d77a7a}.biq-summary-item.terlambat i{color:#9a81c3}
.biq-attendance-table-wrap{border:1px solid #e2eceb;border-radius:11px;background:#fff}
.biq-attendance-table{margin:0!important;font-size:9px}
.biq-attendance-table thead th{border:0!important;background:#eef8f5!important;color:#607a7f!important;font-size:7px!important;letter-spacing:.4px;padding:9px 8px!important}
.biq-attendance-table td{border-color:#edf2f1!important;padding:6px 8px!important;vertical-align:middle!important}
.biq-attendance-table .no{width:38px;text-align:center;color:#8ea1a4}
.biq-attendance-table .status-col{width:125px}
.biq-student{display:flex;align-items:center;gap:7px}
.biq-student-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e4f6f0;color:#32a182;display:flex;align-items:center;justify-content:center;font-size:9px}
.biq-student strong{display:block;font-size:9px;color:#3e5f66}.biq-student small{display:block;font-size:7px;color:#9aabad;margin-top:1px}
.biq-class-badge{display:inline-block;padding:4px 7px;border-radius:12px;background:#edf7f5;color:#4d897d;font-size:7px;font-weight:800}
.biq-status,.biq-ket-siswa{height:30px!important;border:1px solid #dfebe9!important;border-radius:8px!important;box-shadow:none!important;font-size:8px!important}
.biq-status:focus,.biq-ket-siswa:focus{border-color:#6bc1aa!important;box-shadow:0 0 0 2px rgba(65,177,145,.07)!important}
.biq-submit-bar{display:flex;justify-content:flex-end;gap:7px;padding:11px 16px;background:#fff;border-top:1px solid #edf3f1}
.biq-cancel-btn,.biq-save-btn{height:32px;border-radius:9px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;text-decoration:none}
.biq-cancel-btn{border:1px solid #e0e9e7;background:#f7f9f9;color:#73868a}
.biq-save-btn{border:1px solid #38a987;background:linear-gradient(135deg,#45b997,#32a783);color:#fff;box-shadow:0 5px 13px rgba(51,169,135,.17)}
.biq-save-btn:disabled{opacity:.7}
.biq-schedule-list{padding:14px 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.biq-schedule-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;border:1px solid #e1edeb;border-radius:12px;background:#fff;padding:10px;min-width:0;min-height:155px;margin:0}
.biq-schedule-day{width:100%;flex:0 0 auto;border-radius:9px;background:#eff9f6;padding:7px;text-align:center;color:#3d9880}
.biq-schedule-day i{display:block;font-size:11px;margin-bottom:3px}.biq-schedule-day strong{display:block;font-size:9px}.biq-schedule-day span{display:block;font-size:7px;color:#8ba3a2;margin-top:2px}
.biq-schedule-main{flex:1;min-width:0;text-align:center}.biq-schedule-main strong{display:block;color:#3c5f66;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biq-schedule-main span{display:block;color:#8a9fa2;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biq-schedule-main i{color:#43ab8e}
.biq-schedule-main small{display:block;color:#8a9fa2;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-open-btn{align-self:center;text-align:center}

.biq-open-btn{border-radius:8px;background:#e7f7f1;color:#299879;padding:7px 9px;font-size:8px;font-weight:800;text-decoration:none;white-space:nowrap}
.biq-open-btn:hover{background:#d8f1e9;color:#217e68}
.biq-empty{padding:35px 10px;text-align:center;color:#91a3a5}.biq-empty i{display:block;font-size:25px;color:#b4d7cf;margin-bottom:8px}.biq-empty strong{display:block;font-size:11px;color:#60797f}.biq-empty span{display:block;font-size:8px;margin-top:3px}
@media(max-width:900px){.biq-info-grid{grid-template-columns:repeat(2,1fr)}.biq-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.biq-schedule-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.biq-schedule-list{grid-template-columns:1fr}.biq-input-grid{grid-template-columns:1fr}.biq-info-grid{grid-template-columns:1fr 1fr}.biq-attendance-top{align-items:flex-start}.biq-attendance-table{min-width:650px}.biq-submit-bar{position:sticky;bottom:0;z-index:20}.biq-open-btn{font-size:7px;padding:6px}.biq-journal-header h3{font-size:13px}}
@media(max-width:400px){.biq-info-grid{grid-template-columns:1fr}.biq-summary{grid-template-columns:repeat(2,1fr)}}

.biq-refresh-btn{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:6px 9px;border-radius:8px;background:#eaf7f3;color:#299879;font-size:8px;font-weight:800;text-decoration:none}

.biq-history-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.07);margin:14px 0}
.biq-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:linear-gradient(135deg,#f2faf8,#f8fbff);border-bottom:1px solid #e7efee}
.biq-history-head p{margin:2px 0 0;font-size:8px;color:#91a1a4}
.biq-history-filter{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #dfecea;border-radius:9px;padding:0 8px}
.biq-history-filter i{color:#43aa8d;font-size:9px}.biq-history-filter select{height:29px;border:0;background:transparent;outline:0;font-size:8px;color:#60787d}
.biq-history-table-wrap{overflow:auto}.biq-history-table{margin:0!important;font-size:8px}
.biq-history-table th{background:#eef8f5!important;color:#607a7f!important;font-size:7px!important;border:0!important;padding:9px 8px!important;white-space:nowrap}
.biq-history-table td{padding:7px 8px!important;border-color:#edf2f1!important;vertical-align:middle!important;color:#63797d}
.biq-history-table .center{text-align:center}.biq-day-pill{font-size:7px;font-weight:800;color:#4e897d}
.biq-materi{font-size:9px;color:#45646b;display:block}.biq-history-note{display:block;color:#9aa9ab;font-size:7px;margin-top:2px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biq-count{display:inline-flex;min-width:25px;height:23px;padding:0 6px;border-radius:8px;align-items:center;justify-content:center;font-size:9px;font-weight:900}
.biq-count.hadir{background:#e4f7ef;color:#299879}.biq-count.tidak{background:#fff0f0;color:#c77474}
.biq-detail-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e5f6f1;color:#329b81;text-decoration:none}
.biq-detail-btn:hover{background:#d6f0e8;color:#257d68}
.biq-history-empty{text-align:center;padding:30px 10px;color:#92a4a7}.biq-history-empty i{font-size:23px;color:#b7d9d1;display:block;margin-bottom:7px}.biq-history-empty strong{display:block;font-size:10px;color:#60797f}.biq-history-empty span{display:block;font-size:8px;margin-top:3px}
.biq-detail-card{background:#fff;border:1px solid #e3efed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(46,83,86,.07);margin:8px 0 20px}.biq-detail-info{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:8px;padding:13px 16px}.biq-detail-info>div{border:1px solid #e3eeec;border-radius:10px;padding:8px 9px;background:#f9fcfb}.biq-detail-info label{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#91a2a5;font-weight:900;margin-bottom:3px}.biq-detail-info strong{font-size:9px;color:#46646b}.biq-detail-summary{display:flex;gap:7px;padding:0 16px 12px}.biq-detail-summary span{padding:6px 9px;border-radius:9px;background:#f2f7f6;color:#71868a;font-size:8px}.biq-detail-summary b{margin-left:3px;color:#3f6066}.biq-detail-summary .h{background:#e6f7f0;color:#299879}.biq-detail-summary .t{background:#fff0f0;color:#c87575}
.biq-status-pill{display:inline-block;padding:4px 7px;border-radius:12px;font-size:7px;font-weight:800}.status-H{background:#e4f7ef;color:#299879}.status-S{background:#fff5df;color:#bd8d39}.status-I{background:#e9f5fb;color:#5593ad}.status-A{background:#fff0f0;color:#c77474}.status-T{background:#f0ebfa;color:#8064aa}
@media(max-width:650px){.biq-history-head{align-items:flex-start;flex-direction:column}.biq-detail-info{grid-template-columns:1fr}.biq-detail-summary{flex-wrap:wrap}}

/* ===== STANDAR SIMTSSS: TOMBOL BULAT + BOX BODY ===== */
.biq-box-body{padding:10px 12px!important;background:#fff;border-radius:12px}
.biq-action-group{display:flex;align-items:center;justify-content:center;gap:6px}
.biq-action-btn{width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;border:0!important;box-shadow:none!important}
.biq-open-btn,.biq-all-present,.biq-cancel-btn,.biq-save-btn,.biq-detail-btn,.biq-refresh-btn{border-radius:50%!important}
.biq-open-btn{width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:0!important}
.biq-open-btn i{font-size:10px;margin:0!important}
.biq-all-present{width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:0!important}
.biq-all-present i{font-size:10px;margin:0!important}
.biq-cancel-btn,.biq-save-btn{width:35px;height:35px;padding:0!important;justify-content:center;font-size:0!important}
.biq-cancel-btn i,.biq-save-btn i{font-size:10px;margin:0!important}
.biq-no-member{text-align:center;padding:25px 10px;color:#94a5a7}
.biq-no-member i{display:block;font-size:22px;color:#b7d8d0;margin-bottom:7px}
.biq-no-member strong{display:block;font-size:10px;color:#607a80}
.biq-no-member span{display:block;font-size:8px;margin-top:3px}
/* ============================================================
   MASTER GURU BIQ
   ============================================================ */

.mgb-page {
    padding: 10px 0 25px;
}

.mgb-header {
    background: linear-gradient(135deg, #3F51B5, #536DFE);
    border-radius: 14px;
    padding: 20px 24px;
    color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 5px 18px rgba(63,81,181,.16);
}

.mgb-header-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mgb-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255,255,255,.16);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.mgb-kicker {
    font-size: 11px;
    letter-spacing: 1.2px;
    opacity: .8;
    margin-bottom: 3px;
}

.mgb-header h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
}

.mgb-header p {
    margin: 5px 0 0;
    opacity: .88;
    font-size: 13px;
}

.mgb-alert {
    border-radius: 10px;
    margin-bottom: 15px;
}

.mgb-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin-bottom: 15px;
}

.mgb-stat {
    background: #fff;
    border: 1px solid #e8ebf2;
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mgb-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef1f8;
    color: #3F51B5;
    font-size: 18px;
}

.mgb-stat-icon.biq {
    color: #2e7d32;
    background: #edf7ee;
}

.mgb-stat-icon.koor {
    color: #ef6c00;
    background: #fff4e8;
}

.mgb-stat span {
    display: block;
    color: #7c8494;
    font-size: 12px;
}

.mgb-stat strong {
    display: block;
    margin-top: 2px;
    font-size: 20px;
    color: #263238;
}

.mgb-card {
    background: #fff;
    border: 1px solid #e8ebf2;
    border-radius: 14px;
    overflow: hidden;
}

.mgb-toolbar {
    padding: 14px 16px;
    border-bottom: 1px solid #edf0f5;
}

.mgb-search {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.mgb-search-box {
    position: relative;
    flex: 1;
}

.mgb-search-box i {
    position: absolute;
    left: 13px;
    top: 12px;
    color: #9aa3b2;
}

.mgb-search-box input {
    width: 100%;
    height: 38px;
    border: 1px solid #dfe3eb;
    border-radius: 9px;
    padding: 0 12px 0 35px;
    outline: none;
}

.mgb-search-box input:focus {
    border-color: #3F51B5;
}

.mgb-btn {
    height: 38px;
    border-radius: 9px;
}

.mgb-info {
    color: #6d7584;
    font-size: 12px;
}

.mgb-info i {
    color: #3F51B5;
    margin-right: 4px;
}

.mgb-table {
    margin: 0;
}

.mgb-table thead th {
    background: #f7f8fb;
    color: #626b7b;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #e7eaf0;
    padding: 12px 10px;
    vertical-align: middle;
}

.mgb-table tbody td {
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #eef0f4;
}

.mgb-no {
    color: #9299a6;
    font-size: 12px;
}

.mgb-guru {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mgb-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #edf0f5;
}

.mgb-avatar-dummy {
    background: #eef1f7;
    color: #8a93a3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.mgb-guru-name strong {
    display: block;
    color: #303744;
    font-size: 13px;
    font-weight: 600;
}

.mgb-guru-name small {
    display: block;
    color: #9299a6;
    font-size: 11px;
    margin-top: 2px;
}

.mgb-nip {
    font-family: monospace;
    font-size: 12px;
    color: #687080;
}

.mgb-role-form {
    display: inline;
}

.mgb-check {
    cursor: pointer;
    margin: 0;
    font-weight: normal;
    font-size: 11px;
}

.mgb-check input {
    display: none;
}

.mgb-check span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 20px;
    background: #f1f3f7;
    color: #737b89;
    border: 1px solid #e2e5eb;
}

.mgb-check input:checked + span {
    background: #edf7ee;
    border-color: #b8dfbd;
    color: #2e7d32;
}

.mgb-check-koor input:checked + span {
    background: #fff4e8;
    border-color: #ffd3a4;
    color: #e66a00;
}

.mgb-save,
.mgb-delete {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
}

.mgb-empty {
    text-align: center;
    padding: 45px 20px !important;
    color: #89919e;
}

.mgb-empty i {
    display: block;
    font-size: 32px;
    margin-bottom: 8px;
}

.mgb-empty strong,
.mgb-empty span {
    display: block;
}

.mgb-empty strong {
    color: #555e6d;
    margin-bottom: 3px;
}

.mgb-note {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    padding: 12px 15px;
    border-radius: 10px;
    background: #f7f8fb;
    color: #727b89;
    font-size: 12px;
}

.mgb-note > i {
    color: #3F51B5;
    font-size: 16px;
    margin-top: 2px;
}

.mgb-note strong,
.mgb-note span {
    display: block;
}

.mgb-note strong {
    color: #555e6d;
    margin-bottom: 2px;
}

@media (max-width: 767px) {
    .mgb-stats {
        grid-template-columns: 1fr;
    }

    .mgb-header {
        padding: 16px;
    }

    .mgb-header h3 {
        font-size: 18px;
    }

    .mgb-search {
        flex-wrap: wrap;
    }

    .mgb-search-box {
        flex-basis: 100%;
    }

    .mgb-table {
        min-width: 850px;
    }
}
/* ============================================================
   MASTER GURU BIQ
   ============================================================ */

.mgb-page {
    padding: 10px 0 25px;
}

.mgb-header {
    background: linear-gradient(90deg, #f3fbf8 0%, #eef9f5 100%);
    border: 1px solid #dfeee8;
    border-radius: 18px;
    padding: 18px 24px;
    color: #24443c;
    margin-bottom: 14px;
    box-shadow: 0 3px 12px rgba(0, 137, 123, .07);
}


.mgb-header-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mgb-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #12a89d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 5px 12px rgba(18, 168, 157, .18);
}


.mgb-kicker {
    font-size: 10px;
    letter-spacing: .9px;
    color: #7a9690;
    margin-bottom: 2px;
}


.mgb-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #24443c;
}


.mgb-header p {
    margin: 4px 0 0;
    color: #78918b;
    font-size: 12px;
}


.mgb-alert {
    border-radius: 10px;
    margin-bottom: 15px;
}

.mgb-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 15px;
}

.mgb-stat {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 13px;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mgb-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf8f5;
    color: #12a89d;
    font-size: 18px;
}

.mgb-stat-icon.biq {
    color: #159447;
    background: #edf8f0;
}

.mgb-stat-icon.koor {
    color: #f28b18;
    background: #fff6ea;
}

.mgb-stat span {
    display: block;
    color: #7c8494;
    font-size: 12px;
}

.mgb-stat strong {
    display: block;
    margin-top: 2px;
    font-size: 20px;
    color: #263238;
}

.mgb-card {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 14px;
    overflow: hidden;
}

.mgb-toolbar {
    padding: 14px 16px;
    border-bottom: 1px solid #F0F0F0;
}

.mgb-search {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.mgb-search-box {
    position: relative;
    flex: 1;
}

.mgb-search-box i {
    position: absolute;
    left: 13px;
    top: 12px;
    color: #9aa3b2;
}

.mgb-search-box input {
    width: 100%;
    height: 38px;
    border: 1px solid #D8D8D8;
    border-radius: 9px;
    padding: 0 12px 0 35px;
    outline: none;
}

.mgb-search-box input:focus {
    border-color: #12a89d;
}

.mgb-btn {
    height: 38px;
    border-radius: 9px;
}

.mgb-info {
    color: #6d7584;
    font-size: 12px;
}

.mgb-info i {
    color: #12a89d;
    margin-right: 4px;
}

.mgb-table {
    margin: 0;
}

.mgb-table thead th {
    background: #F7F7F7;
    color: #626b7b;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #E2E2E2;
    padding: 12px 10px;
    vertical-align: middle;
}

.mgb-table tbody td {
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #EEEEEE;
}

.mgb-no {
    color: #9299a6;
    font-size: 12px;
}

.mgb-guru {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mgb-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #F0F0F0;
}

.mgb-avatar-dummy {
    background: #EEF7F2;
    color: #8a93a3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.mgb-guru-name strong {
    display: block;
    color: #303744;
    font-size: 13px;
    font-weight: 600;
}

.mgb-guru-name small {
    display: block;
    color: #9299a6;
    font-size: 11px;
    margin-top: 2px;
}

.mgb-nip {
    font-family: monospace;
    font-size: 12px;
    color: #687080;
}

.mgb-role-form {
    display: inline;
}

.mgb-check {
    cursor: pointer;
    margin: 0;
    font-weight: normal;
    font-size: 11px;
}

.mgb-check input {
    display: none;
}

.mgb-check span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 20px;
    background: #f1f3f7;
    color: #737b89;
    border: 1px solid #DDDDDD;
}

.mgb-check input:checked + span {
    background: #edf7ee;
    border-color: #b8dfbd;
    color: #2e7d32;
}

.mgb-check-koor input:checked + span {
    background: #fff4e8;
    border-color: #ffd3a4;
    color: #e66a00;
}

.mgb-save,
.mgb-delete {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
}

.mgb-empty {
    text-align: center;
    padding: 45px 20px !important;
    color: #89919e;
}

.mgb-empty i {
    display: block;
    font-size: 32px;
    margin-bottom: 8px;
}

.mgb-empty strong,
.mgb-empty span {
    display: block;
}

.mgb-empty strong {
    color: #555e6d;
    margin-bottom: 3px;
}

.mgb-note {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    padding: 12px 15px;
    border-radius: 10px;
    background: #F7F7F7;
    color: #727b89;
    font-size: 12px;
}

.mgb-note > i {
    color: #12a89d;
    font-size: 16px;
    margin-top: 2px;
}

.mgb-note strong,
.mgb-note span {
    display: block;
}

.mgb-note strong {
    color: #555e6d;
    margin-bottom: 2px;
}

@media (max-width: 767px) {
    .mgb-stats {
        grid-template-columns: 1fr;
    }

   .mgb-header {
        padding: 16px;
    }

    .mgb-header h3 {
        font-size: 18px;
    }

    .mgb-search {
        flex-wrap: wrap;
    }

    .mgb-search-box {
        flex-basis: 100%;
    }

    .mgb-table {
        min-width: 850px;
    }
}

/* EMIS Kemenag - aksen utama */
.mgb-btn.btn-primary {
    background: #12a89d;
    border-color: #12a89d;
    box-shadow: none;
}

.mgb-btn.btn-primary:hover,
.mgb-btn.btn-primary:focus {
    background: #0e9188;
    border-color: #0e9188;
}

.mgb-search-box input:focus {
    border-color: #12a89d;
    box-shadow: 0 0 0 2px rgba(18,168,157,.08);
}