:root{--bs-blue:#435ebe;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#435ebe;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#ced4da;--bs-dark:#131313;--bs-primary-rgb:67,94,190;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:206,212,218;--bs-dark-rgb:19,19,19;--bs-primary-text-emphasis:#1b264c;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#d9dff2;--bs-secondary-bg-subtle:#f8f9fa;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#b4bfe5;--bs-secondary-border-subtle:#e9ecef;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0));--bs-body-font-family:"Nunito";--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color-rgb:rgb(74, 91, 108);--bs-body-bg:#f2f7ff;--bs-body-bg-rgb:rgb(242, 247, 255);--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(96, 112, 128, 0.75);--bs-secondary-color-rgb:96,112,128;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(96, 112, 128, 0.5);--bs-tertiary-color-rgb:96,112,128;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:rgb(96, 112, 128);--bs-link-color:#435ebe;--bs-link-color-rgb:67,94,190;--bs-link-decoration:underline;--bs-link-hover-color:#364b98;--bs-link-hover-color-rgb:54,75,152;--bs-code-color:#d63384;--bs-highlight-color:#607080;--bs-highlight-bg:#fcf8e3;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.25rem;--bs-border-radius-sm:0.2rem;--bs-border-radius-lg:0.3rem;--bs-border-radius-m:calc(1rem - 8px);--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 0.75rem 3rem rgba(0, 0, 0, 0.225);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(67, 94, 190, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545;--bs-table-bg:#fdfeff;--bs-dropdown-header-color:rgb(108, 117, 125);--bs-body-color:#4a5b6c;--bs-selected-bg:#00babd;--bs-focus-input:#8ad1d1;--primary:#1E40AF;--accent:#F97316;--bg:#F3F4F6;--card-bg:#ffffff;--muted:#6B7280;--text:#111827;--radius:12px;--glass:rgba(255, 255, 255, 0.65);--button-bg:var(--bs-selected-bg);--body-bg-color:var(--bs-body-bg);--font-color:var(--bs-body-color)}
*,::after,::before{box-sizing:border-box;outline:0}
body,html{position:relative;z-index:1}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;scroll-behavior:smooth}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{line-height:1.471;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:var(--text);background:linear-gradient(180deg,#fff 0,var(--bg) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}
@media (max-width:1440px){
body{font-size:.9rem}
}
@media (min-width:1441px){
body{font-size:.93rem}
}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible;background-color:rgba(156,156,156,.705);color:rgba(156,156,156,.705);border-color:rgba(156,156,156,.705)}
hr{margin:1rem 0;color:inherit;border:0;border-top-width:0;border-top-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-top:var(--bs-border-width) solid;opacity:.25}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{letter-spacing:unset!important}
p{margin-top:0;margin-bottom:1rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem;list-style:none}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#085fb1;text-decoration:none;background-color:transparent;transition:all .2s ease-out 0s}
a:hover{color:#3587df;text-decoration:none}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
::placeholder{color:#d3d3d3}
code,kbd,pre,samp{font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
button:focus{outline:0}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{appearance:button;-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=radio]{appearance:radio;-webkit-appearance:radio}
input[type=checkbox]{appearance:checkbox;-webkit-appearance:checkbox}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{appearance:listbox;-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;appearance:none;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:700;line-height:1.2;color:inherit}
.cursor-pointer{cursor:pointer}
.gl-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;width:100%}
[class*=width-]{position:relative;width:100%;padding-right:12px;padding-left:12px}
@media only screen and (max-width:600px){
.width-xss-1{width:8.33%}
.width-xss-2{width:16.66%}
.width-xss-3{width:25%}
.width-xss-4{width:33.33%}
.width-xss-5{width:41.66%}
.width-xss-6{width:50%}
.width-xss-7{width:58.33%}
.width-xss-8{width:66.66%}
.width-xss-9{width:75%}
.width-xss-10{width:83.33%}
.width-xss-11{width:91.66%}
.width-xss-12{width:100%}
}
@media only screen and (min-width:600px){
.width-xs-1{width:8.33%}
.width-xs-2{width:16.66%}
.width-xs-3{width:25%}
.width-xs-4{width:33.33%}
.width-xs-5{width:41.66%}
.width-xs-6{width:50%}
.width-xs-7{width:58.33%}
.width-xs-8{width:66.66%}
.width-xs-9{width:75%}
.width-xs-10{width:83.33%}
.width-xs-11{width:91.66%}
.width-xs-12{width:100%}
}
@media only screen and (min-width:768px){
.width-s-1{width:8.33%}
.width-s-2{width:16.66%}
.width-s-3{width:25%}
.width-s-4{width:33.33%}
.width-s-5{width:41.66%}
.width-s-6{width:50%}
.width-s-7{width:58.33%}
.width-s-8{width:66.66%}
.width-s-9{width:75%}
.width-s-10{width:83.33%}
.width-s-11{width:91.66%}
.width-s-12{width:100%}
}
@media only screen and (min-width:1240px){
.width-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.width-1{-ms-flex:0 0 8.33%;flex:0 0 8.33%;max-width:8.33%}
.width-2{-ms-flex:0 0 16.66%;flex:0 0 16.66%;max-width:16.66%}
.width-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.width-4{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}
.width-5{-ms-flex:0 0 41.66%;flex:0 0 41.66%;max-width:41.66%}
.width-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.width-7{-ms-flex:0 0 58.33%;flex:0 0 58.33%;max-width:58.33%}
.width-8{-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}
.width-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.width-10{-ms-flex:0 0 83.33%;flex:0 0 83.33%;max-width:83.33%}
.width-11{-ms-flex:0 0 91.66%;flex:0 0 91.66%;max-width:91.66%}
.width-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.pd-none{padding:0!important}
.pd-t{padding-top:0!important}
.pd-r{padding-right:0!important}
.pd-b{padding-bottom:0!important}
.pd-1{padding:.25rem!important}
.pd-2{padding:.5rem!important}
.pd-3{padding:1rem!important}
.pd-4{padding:1.5rem!important}
.pd-5{padding:3rem!important}
.pd-l{padding-left:0!important}
.pd-t-1{padding-top:.25rem!important}
.pd-r-1{padding-right:.25rem!important}
.pd-b-1{padding-bottom:.25rem!important}
.pd-l-1{padding-left:.25rem!important}
.pd-t-2{padding-top:.5rem!important}
.pd-r-2{padding-right:.5rem!important}
.pd-b-2{padding-bottom:.5rem!important}
.pd-l-2{padding-left:.5rem!important}
.pd-t-3{padding-top:1rem!important}
.pd-r-3{padding-right:1rem!important}
.pd-b-3{padding-bottom:1rem!important}
.pd-l-3{padding-left:1rem!important}
.pd-t-4{padding-top:1.5rem!important}
.pd-r-4{padding-right:1.5rem!important}
.pd-b-4{padding-bottom:1.5rem!important}
.pd-l-4{padding-left:1.5rem!important}
.pd-t-5{padding-top:3rem!important}
.pd-r-5{padding-right:3rem!important}
.pd-b-5{padding-bottom:3rem!important}
.pd-l-5{padding-left:3rem!important}
.mrg-auto{margin:auto!important}
.mrg-none{margin:0!important}
.mrg-t{margin-top:0!important}
.mrg-r{margin-right:0!important}
.mrg-b{margin-bottom:0!important}
.mrg-l{margin-left:0!important}
.mrg-1{margin:.25rem!important}
.mrg-t-1{margin-top:.25rem!important}
.mrg-r-1{margin-right:.25rem!important}
.mrg-b-1{margin-bottom:.25rem!important}
.mrg-l-1{margin-left:.25rem!important}
.mrg-2{margin:.5rem!important}
.mrg-t-2{margin-top:.5rem!important}
.mrg-r-2{margin-right:.5rem!important}
.mrg-b-2{margin-bottom:.5rem!important}
.mrg-l-2{margin-left:.5rem!important}
.mrg-3{margin:1rem!important}
.mrg-t-3{margin-top:1rem!important}
.mrg-r-3{margin-right:1rem!important}
.mrg-b-3{margin-bottom:1rem!important}
.mrg-l-3{margin-left:1rem!important}
.mrg-4{margin:1.5rem!important}
.mrg-t-4{margin-top:1.5rem!important}
.mrg-r-4{margin-right:1.5rem!important}
.mrg-b-4{margin-bottom:1.5rem!important}
.mrg-l-4{margin-left:1.5rem!important}
.mrg-5{margin:3rem!important}
.mrg-t-5{margin-top:3rem!important}
.mrg-r-5{margin-right:3rem!important}
.mrg-b-5{margin-bottom:3rem!important}
.mrg-l-5{margin-left:3rem!important}
.fa-1-1x{font-size:1.3em!important}
.fa-1-5x{font-size:1.75em!important}
.fa-2-5x{font-size:2.6em!important}
.fa-3-5x{font-size:3.65em!important}
.c-t-gray{color:var(--gray)}
.c-t-gray-light{color:var(--grayLight)}
.c-t-ligh{color:var(--light)}
.ico-size-1x{font-size:1.5em}
.t-align-ct{text-align:center!important}
.t-align-top{text-align:top!important}
.t-align-btn{text-align:right!important}
.t-align-rg{text-align:right!important}
.t-align-lf{text-align:left!important}
.t-bold{font-weight:700!important}
.selection-none{user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none}
.ex-color{background-color:salmon!important}
.itm-align-ct{display:flex;align-items:center!important}
.itm-align-end{display:flex;align-items:flex-end!important}
.itm-align-start{display:flex;align-items:flex-start!important}
.line-center{line-height:1.5}
.dis-flex{display:flex!important}
.dis-flex-auto{display:flex!important}
.dis-flex-auto-reverse{display:flex!important}
.dis-ib-fl{display:flex!important}
@media (max-width:768px){
.dis-flex-auto{flex-direction:column!important}
.dis-flex-auto-reverse{flex-direction:column-reverse}
.dis-ib-fl{display:inline-block!important}
.wrap-menu{height:calc(100vh - 380px)!important}
}
.flex-direction-colum{flex-direction:column}
.inline-between{justify-content:space-between}
.justify-between{justify-content:space-between!important}
.justify-around{justify-content:space-around!important}
.justify-evenly{justify-content:space-evenly!important}
.justify-center{justify-content:center!important}
.justify-end{justify-content:end}
.justify-start{justify-content:start}
.flex-column{flex-direction:column!important}
.flex-row{flex-direction:row!important}
.dis-block{display:block!important}
.dis-none{display:none!important}
.disable-el{pointer-events:none!important}
.dis-inline-block{display:inline-block!important}
.radius-left{border-top-left-radius:.27em!important;border-bottom-left-radius:.27em!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;box-sizing:border-box}
.radius-top{border-top-left-radius:.27em!important;border-top-right-radius:.27em!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-sizing:border-box}
.radius-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:.27em!important;border-bottom-right-radius:.27em!important;box-sizing:border-box}
.radius-all{border-radius:.27em!important;box-sizing:border-box}
.radius-right{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:.27em!important;border-bottom-right-radius:.27em!important;box-sizing:border-box}
.radius-none{border-radius:0!important;box-sizing:border-box}
.border-conten{border:1px solid #c2c2c2;border-radius:.2rem;padding:2px;box-sizing:border-box}
.white-space-nowrap{white-space:nowrap}
.transition{transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}
.rotate-90-lef{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
.rotate-90-right{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.hidden{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}
.position-relative{position:relative}
.position-absolute{position:absolute}
.position-fixed{position:fixed}
.position-sticky{position:sticky}
.position-static{position:static}
.cr-succses{background-color:#198754!important}
.text-muted{color:#a1a5b7!important}
.font-bold{font-weight:700!important}
.font-color-white{color:#fff}
.font-color-white-hover:hover{color:#e6e3e3}
input.tanggal{width:110px!important;margin-left:30px!important}
input.tanggal-blm{width:110px!important;margin-left:30px!important}
input.tanggal-bulan{width:1px!important;padding:none;position:absolute;z-index:-55;margin-left:30px!important}
.autocomplete{position:relative;display:inline-block}
.autocomplete-items{position:absolute;border:1px solid var(--button-bg);box-shadow:00px 0 5px var(--button-bg);border-bottom:none;border-top:none;z-index:10;top:100%;left:0;right:0}
.autocomplete-items div{padding:5px;cursor:pointer;background-color:#fff;border-bottom:1px solid rgba(201,201,201,.774)}
.autocomplete-items div:hover{transition:.3s;outline:0;background-color:#2fc2ba;color:#fff}
input[type=email],input[type=password],input[type=search],input[type=text],select{width:100%;color:#686868;border-radius:calc(1rem - 8px);box-sizing:border-box;padding:7.06px!important;background-color:#fff;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color)!important;border-radius:var(--bs-border-radius-m);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.input-grp-li input[type=password],.input-grp-li input[type=text]{border:none!important;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;border-radius:unset!important;border-bottom:1.75px solid #bfbfbf!important;padding:0 4px!important;height:35px;font-family:Raleway,sans-serif;font-size:12pt;background-color:transparent!important}
input:read-only,textarea:read-only{background-color:rgba(236,236,236,.836)!important;border:var(--bs-border-width) solid var(--bs-border-color)!important}
input[type=date]{padding:0}
input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{width:40px;height:40px}
input[type=time]{width:125px!important;color:#686868;height:30px;border:1px solid #c0bfbf;border-radius:calc(1rem - 8px);box-sizing:border-box;padding:7.06px!important;background-color:#fff;margin:10px 0}
textarea{width:100%;color:#686868;height:55px;border-radius:.22em;box-sizing:border-box;padding:7.06px!important;background-color:#fff;margin:10px 0;resize:vertical;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius-m);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
textarea.txta-1x{min-height:55px!important}
textarea.txta-2x{min-height:80px!important}
textarea.txta-3x{min-height:105px!important}
textarea.txta-4x{min-height:130px!important}
textarea.txta-5x{min-height:155px!important}
.otp-inputs input{text-align:center;transition:all .3s ease}
.select2-container--default .select2-search--dropdown .select2-search__field:focus,.select2.select2-container .selection:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=time]:focus,select:focus,textarea:focus{border:1px solid var(--primary);box-shadow:0 0 0 2px var(--primary);transition:.1s;outline:0}
input:read-only:focus,textarea:read-only:focus{background-color:rgba(236,236,236,.836)!important;border:1px solid #c0bfbf;box-shadow:unset;transition:unset}
input[type=radio].input-radio{display:none}
input[type=radio].input-radio+label{padding-left:25px}
input[type=radio].input-radio+label::before{content:"";position:absolute;top:2px;left:0;display:inline-block;width:17px;height:17px;background:#fff;margin-right:5px;border:3px solid #ddd;border-radius:50%;box-shadow:2px 2px 2px #bbb;transition:.3s;box-sizing:border-box}
input[type=radio].input-radio:checked+label::before{background:#34a8bf;border:3px solid #fff}
input[type=checkbox].checkbox{display:none}
input[type=checkbox].checkbox+::before{content:"";display:inline-block;vertical-align:bottom;width:1.1rem;height:1.15rem;margin-right:.3rem;border-radius:15%;border-style:solid;border-width:.125rem;border-color:#1b8da3;font-size:1rem;font-weight:700;color:#f5f5f5;box-shadow:2px 2px 2px #bbb;margin-bottom:.15rem;background:#e6e6e6}
input[type=checkbox].checkbox:checked+::before{content:"✓";text-align:center;line-height:.8rem;background:#1b8da3}
input[type=checkbox].checkbox+*{display:inline-block}
input[type=checkbox].switch{display:inline-block;position:relative;width:40px;height:25px}
input[type=checkbox].switch::before{content:"";display:inline-block;position:relative;width:50px;height:25px;background:#c5c5c5;border:1px solid #ddd;border-radius:30px;-moz-border-radius:30px}
input[type=checkbox].switch::after{content:"";display:inline-block;position:absolute;width:21px;height:21px;border-radius:25px;-moz-border-radius:25px;background:#ce1717;left:3px;top:3px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-khtml-transition:0.3s}
input[type=checkbox].switch:checked::after{left:27px;background:#3a5}
input[type=email].inp-error,input[type=password].inp-error,input[type=text].inp-error,input[type=time].inp-error,select.inp-error,textarea.inp-error{border-color:red!important}
.inp-error{border-color:red!important}
input[type=email].inp-error:focus,input[type=password].inp-error:focus,input[type=search].inp-error:focus,input[type=text].inp-error:focus,input[type=time].inp-error:focus,select.inp-error:focus,textarea.inp-error:focus{border:1px solid red;box-shadow:0 0 0 2px red;transition:.1s;outline:0}
table td input[type=email],table td input[type=text],table td select{width:100%;color:#686868;border:none;border-radius:0;box-sizing:border-box;background-color:#fff;margin:0;height:unset}
table td input[type=email]:read-only,table td input[type=text]:read-only,table td select:read-only{width:100%;color:#424242;border:none;border-radius:0;box-sizing:border-box;background-color:#fff!important;margin:0;height:unset}
table td input[type=email]:read-only:focus,table td input[type=text]:read-only:focus,table td select:read-only:focus{border:none;box-shadow:none;background-color:#fff!important}
.inp-error~small.msg{position:absolute!important;width:fit-content!important;right:0;white-space:nowrap;top:0;transition:all .5s}
.inp-error~small{color:red;font-style:italic;position:absolute;top:6px;right:5px}
.input-button{display:flex;align-items:center}
.input-button{position:relative}
.input-button .button-input{position:absolute!important;top:0;bottom:0;left:0;display:flex!important;align-items:center}
.radio-wrapp{position:relative;height:21px}
.radio-wrapp label{user-select:none;-webkit-user-select:none}
.radio-wrapp label.wid-radio-25px{width:25px!important}
.radio-wrapp label.wid-radio-50px{width:50px!important}
.radio-wrapp label.wid-radio-100px{width:100px!important}
.radio-wrapp label.wid-radio-150px{width:150px!important}
.radio-wrapp label.wid-radio-200px{width:200px!important}
.input-file{position:relative;overflow:hidden;cursor:pointer}
.input-file.csv{position:relative;overflow:hidden;cursor:pointer}
.input-file input#import-csv,.input-file input.hide-input-file,.input-file input.uploadBtn{position:absolute;top:0;right:0;margin:0;padding:0;opacity:0;cursor:pointer;-moz-filter:alpha(opacity=0)}
.img-prevew .logo{width:auto;height:100px}
.img-prevew .icon{width:auto;height:45px}
.group-deatail label,.group-form-label label{color:#807f7f}
.form-label{margin-bottom:.2rem}
a.bt,a.bt:active,a.bt:focus,a.bt:hover{color:#fff}
.bt{padding:.75rem;border-radius:calc(1rem - 10px);text-wrap:nowrap;vertical-align:middle;margin:1.5px}
.bt:hover{box-shadow:0 8px 24px rgba(30,64,175,.12)}
.bt-labeled-left>b{left:-1px;border-top-left-radius:.1875rem;border-bottom-left-radius:.1875rem}
.bt-labeled>b{position:absolute;top:-1px;bottom:0;background-color:rgba(0,0,0,.15);display:block;line-height:1;padding:.62503rem}
.bt.bt-update{cursor:pointer;color:#fff!important;background-color:#0a807a;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-update.bt-focus,.bt.bt-update:hover{background-color:#0d9e97}
.bt.bt-update.bt-focus{cursor:unset;background-color:salmon!important}
.bt.bt-focus{border:unset!important;background-color:var(--button-bg)!important;color:#fff!important;cursor:unset!important}
.bt.bt-delete{cursor:pointer;color:#fff!important;background-color:#fa6a5a;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-delete:hover{background-color:#f7988d}
.bt.bt-move{cursor:pointer;color:#fff!important;background-color:#fa6a5a;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-move:hover{background-color:#f7988d}
.bt.bt-add{cursor:pointer;color:#fff!important;background-color:#1abb9c;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-add:hover{background-color:#11aa8c}
.bt.bt-detail{cursor:pointer;color:#fff!important;background-color:#097eac;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-primary{cursor:pointer;color:#fff!important;background-color:var(--primary);text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-warning{cursor:pointer;color:#fff!important;background-color:var(--accent);text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-close{cursor:pointer;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-close:hover{background-color:#eee;color:#3d3d3d}
.bt.bt-off-action{color:#fff!important;cursor:default;background-color:#7c7c7c;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-back{color:#fff!important;cursor:pointer;background-color:#6e6d6d;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-back:hover{background-color:#5e5a5a}
.bt.bt-white{cursor:pointer;background-color:#fff;text-decoration:none;user-select:none;border:.5px solid #d2d2d2}
.bt.bt-msg{color:#0f0f0f;cursor:pointer;background-color:#fafafa;text-decoration:none;border:none;text-align:center;user-select:none}
.bt.bt-size-ssm{padding:.125rem .5rem;font-size:.88rem}
.bt.bt-size-smm{padding:.18rem .5rem;font-size:1rem}
.bt.bt-size-sm{padding:.4rem .8rem;font-size:1rem}
.bt.bt-size-m{padding:.5rem 1rem;font-size:1rem}
.bt.bt-size-lg{padding:.75rem 1rem;font-size:1.25rem}
.email,.password,.phone,.username{position:relative}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;position:fixed;top:0;width:100%;padding:15px 30px;transition:background-color .3s ease,box-shadow .3s ease;z-index:100}
.nav .wrapper{width:100%}
.nav.open,.nav.scrolled{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.432);box-shadow:0 2px 6px rgba(0,0,0,.1)}
.navbar-nav{display:flex;gap:15px;list-style:none;padding:0;margin:0}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--primary)}
.brand button{display:none}
.nav-links{display:flex;gap:18px;align-items:center;font-weight:500;color:var(--muted);cursor:pointer}
.nav-links a.nav-link{color:var(--muted)!important;text-decoration:none;font-weight:600;padding:3px 0;position:relative}
.nav-links a.nav-link.active,.nav-links a.nav-link:hover{color:#f0711a!important}
.nav-links a.nav-link:hover::after{width:100%}
.nav-links a.nav-link::after{content:"";position:absolute;background-color:#f0711a;height:3px;width:0;left:0;bottom:0;border-radius:2px;transition:.3s}
.nav-links a.nav-link.active::after{content:"";position:absolute;background-color:#f0711a;height:3px;width:100%;left:0;bottom:0;border-radius:2px}
.nav-item.dropdown>.nav-link{padding-right:15px}
.nav-item.dropdown>.nav-link::before{content:"";position:absolute;right:0;top:45%;width:6px;height:6px;border-right:1.9px solid #333;border-bottom:1.9px solid #333;transform:translateY(-50%) rotate(45deg);transition:transform .2s ease}
.nav-item.dropdown>.nav-link:hover:before{border-right-color:#f0711a;border-bottom-color:#f0711a}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;background:#fff;list-style:none;margin:0;padding:6px 0;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:6px;min-width:180px;z-index:100;animation:fadeInUp .2s ease-in-out forwards}
@media only screen and (max-width:768px){
.dropdown-menu{top:100%}
}
.dropdown-menu li a{display:block;padding:8px 14px;color:#333;text-decoration:none;white-space:nowrap}
.dropdown-menu li a:hover{background-color:#f5f5f5}
.nav-item.dropdown:hover>.dropdown-menu{display:block}
.dropdown-submenu:hover>.dropdown-menu{display:block;top:30%!important;left:101%!important}
.dropdown-submenu>.dropdown-link::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.9px solid #333;border-bottom:1.9px solid #333;transform:translateY(-50%) rotate(-45deg)}
.hero{min-height:420px;display:flex;align-items:center;justify-content:center;padding:0 50px;backdrop-filter:blur(8px);background:linear-gradient(rgba(255,255,255,.911),rgba(0,60,150,.795));padding-top:100px}
.hero-inner{width:100%;max-width:1500px;display:flex;gap:28px;align-items:center}
.hero-left{flex:1;color:#fff;text-shadow:0 6px 20px rgba(13,42,90,.35);margin-bottom:15px}
.eyebrow{display:inline-block;background:#fff;color:var(--primary);padding:6px 10px;border-radius:999px;font-weight:700;margin-bottom:14px}
.hero h1{font-size:30px;margin:0 0 12px 0;line-height:1.08;font-weight:800}
.hero p{margin:0 0 20px 0;color:rgba(255,255,255,.9);max-width:620px}
.hero-actions{display:flex;gap:12px;align-items:center}
.hero-card{width:360px;min-height:200px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.72));box-shadow:0 8px 30px rgba(2,6,23,.08);padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text);backdrop-filter:blur(6px)}
.hero-card img{width:100%;border-radius:10px;display:block;object-fit:cover;height:120px}
.section{padding:44px 50px;max-width:1600px;margin:0 auto}
@media only screen and (max-width:768px){
.section.article{padding:10px!important}
}
.section .title{font-size:20px;color:var(--primary);font-weight:800;margin-bottom:18px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:8px;justify-content:center}
.cards article.card h4{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:calc(1.4em * 1)}
.cards article.card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:calc(1.4em * 3)}
.card{background:var(--card-bg);border-radius:12px;padding:18px;box-shadow:0 6px 20px rgba(17,24,39,.04);border:1px solid rgba(17,24,39,.04)}
.card h4{margin:0 0 8px 0;font-size:15px;color:var(--text)}
.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.cta-strip{margin:36px 0;padding:22px;border-radius:12px;background:linear-gradient(90deg,rgba(30,64,175,.06),rgba(249,115,22,.03));display:flex;align-items:center;justify-content:space-between;gap:12px}
.cta-left{display:flex;flex-direction:column}
.cta-left h3{margin:0;color:var(--primary)}
.cta-left p{margin:6px 0 0 0;color:var(--muted);font-size:14px}
.cta-actions{display:flex;gap:12px;align-items:center}
.footer{background:linear-gradient(#0a2647,rgba(3,32,77,.8));color:#fff;margin-top:60px;font-family:'Segoe UI',sans-serif}
.footer-container{max-width:1500px;margin:auto;padding:40px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.footer h3,.footer h4{margin-bottom:15px;font-weight:600}
.footer-brand h3{font-size:22px;background-color:#fff;width:fit-content;padding:10px;border-radius:10px}
.footer-brand p{font-size:14px;line-height:1.6;opacity:.9}
.footer-menu ul{list-style:none;padding:0;margin:0}
.footer-menu ul li{margin-bottom:10px}
.footer-menu ul li a{color:#e0ecff;text-decoration:none;font-size:14px;transition:all .3s ease}
.footer-menu ul li a:hover{color:#fff;padding-left:5px}
.footer-contact p{font-size:14px;line-height:1.6;margin-bottom:10px}
.footer-contact a{color:#e0ecff;text-decoration:none}
.footer-contact a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:15px 20px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background-color:rgba(0,0,0,.15)}
.hero img.banner{height:500px}
@media (max-width:1371px){
.hero img.banner{height:400px!important}
}
@media (max-width:880px){
.brand{width:100%;justify-content:space-between}
.brand button{min-width:43px;display:block;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease}
.brand button i{display:none;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease}
.brand button i.show{display:block}
.nav{padding:14px;align-items:flex-start!important;flex-direction:column}
.nav-links .navbar-nav{flex-direction:column}
.nav-links{padding-left:10px;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}
.nav-links.show{max-height:700px!important;padding-top:15px;padding-bottom:10px}
.hero-inner{flex-direction:column-reverse;align-items:flex-start}
.hero-card{width:100%}
.hero{padding:0 12px;min-height:360px;padding-top:100px}
.hero img.banner{display:none}
}
@media (min-width:881px){
.nav .wrapper{margin:0 auto;max-width:1600px;display:flex;align-items:center;justify-content:space-between}
}
main{min-height:calc(100vh - 75px)}
.container{display:flex;padding:20px;border-radius:30px;z-index:5}
@media (max-width:1290px){
.container{padding:0;z-index:0}
}
.login-card{width:330px}
table{width:100%}
table,td,th,tr{border:none;border-collapse:collapse}
th{text-align:left;background:#f3f4f6;padding:12px;font-weight:600;color:#374151}
td{padding:12px;border-bottom:1px solid #e5e7eb;color:#444;vertical-align:top}
td.status{width:220px!important;text-align:center}
td.action{width:200px;max-width:200px;text-align:center;text-wrap:nowrap}
.badge-green{font-weight:600;color:#059669;background:#d1fae5;padding:4px 10px;border-radius:6px;font-size:12px;display:inline-block}
.badge-blue{font-weight:600;background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1;padding:4px 10px;border-radius:6px;font-size:12px}
.badge-red{font-weight:600;background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;padding:4px 10px;border-radius:6px;font-size:12px;display:inline-block}
.badge-orange{font-weight:600;background:#fef7e0;border:1px solid #e3aa77;color:#c66b28;padding:4px 10px;border-radius:6px;font-size:12px}
.badge-category{font-weight:500;color:#fff;background:#00a48b;padding:4px 10px;border-radius:6px;font-size:13px;display:inline-block}
.resume-jurnalist .text-value{color:#444}
.table-wrapper{border-radius:5px;overflow:hidden}
@media (max-width:768px){
.allow-mobile tbody,.allow-mobile td,.allow-mobile th,.allow-mobile thead,.allow-mobile tr,table.allow-mobile{display:block}
.allow-mobile tbody tr{border-top:1px solid #bfbfbf82}
.allow-mobile th{display:none}
.allow-mobile td{border-bottom:none}
.allow-mobile td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:5px;color:#374151}
.allow-mobile td.status{text-align:left}
.allow-mobile td.action{text-align:left}
.allow-mobile .registrtion-date-badge{display:none}
}
.mini-card{padding:5px;position:relative;margin:10px;height:120px;border-radius:.25em;overflow:hidden;color:#6c757d;cursor:pointer;border-radius:.7rem;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:transform .2s ease}
.mini-card:hover{transform:translateY(-5px)}
.mini-card.bgn-success{background-color:#198754}
.mini-card.bgn-warning{background-color:#d6a30b}
.mini-card.bgn-info{background-color:#18b5ca}
.mini-card.bgn-danger{background-color:#ff5845}
.mini-card.bgn-default{background-color:#fff}
.mini-card.border-success{border-top:1px solid #198754;border-left:1px solid #198754;border-right:1px solid #198754;border-bottom:15px solid #198754}
.mini-card.border-warning{border-top:1px solid #d6a30b;border-left:1px solid #d6a30b;border-right:1px solid #d6a30b;border-bottom:15px solid #d6a30b}
.mini-card.border-info{border-top:1px solid #18b5ca;border-left:1px solid #18b5ca;border-right:1px solid #18b5ca;border-bottom:15px solid #18b5ca}
.mini-card.border-danger{border-top:1px solid #ff5845;border-left:1px solid #ff5845;border-right:1px solid #ff5845;border-bottom:15px solid #ff5845}
.txt-success{color:#198754}
.txt-warning{color:#d6a30b}
.txt-info{color:#18b5ca}
.txt-danger{color:#ff5845}
.mini-card .card-head{width:260px;font-family:roboto,"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;padding:5px;box-sizing:border-box;text-align:left;text-decoration:underline;font-weight:900}
.mini-card .card-icon i{padding-top:35px;padding-left:20px;position:absolute;top:0;right:0;left:0;bottom:0;font-size:2.5rem!important;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}
.mini-card .card-body h3{font-size:1.5rem;font-weight:900;margin:0}
.mini-card .card-body{display:flex;padding:0 20px;position:absolute;bottom:15px;left:0;right:0;box-sizing:border-box}
.mini-card .card-foot{position:absolute;bottom:0;left:0;right:0;height:25px;font-family:roboto,"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-size:.85em;padding:3px;background-color:rgba(0,0,0,.38);color:rgb(255 255 255);box-sizing:border-box;text-align:center}
.mini-card .chart-container{position:absolute;top:10px;right:20px;width:80px;height:80px}
.alert-in{padding:8px;border-radius:.2em}
.alert-in.success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-in.error{background-color:#f8d7da;color:#c12d3b;box-shadow:0 0 1.5px #fb1616}
@media only screen and (max-width:600px){
.mini-card-width-1{width:94%!important}
.mini-card-width-2{width:94%!important}
.mini-card-width-3{width:94%!important}
.mini-card-width-4{width:94%!important}
.mini-card-width-5{width:94%!important}
.mini-card-width-6{width:94%!important}
}
@media only screen and (min-width:600px){
.mini-card-width-1{width:100%!important}
.mini-card-width-2{width:calc(100% / 2)!important}
.mini-card-width-3{width:calc(100% / 3)!important}
.mini-card-width-4{width:calc(100% / 4)!important}
.mini-card-width-5{width:calc(100% / 5)!important}
.mini-card-width-6{width:calc(100% / 6)!important}
}
@media only screen and (min-width:768px){
.mini-card-width-1{width:100%!important}
.mini-card-width-2{width:calc(100% / 3)!important}
.mini-card-width-3{width:calc(100% / 4)!important}
.mini-card-width-4{width:calc(100% / 5)!important}
.mini-card-width-5{width:calc(100% / 6)!important}
.mini-card-width-6{width:calc(100% / 7)!important}
}
@media only screen and (min-width:1367px){
.mini-card-width-1{width:100%!important}
.mini-card-width-2{width:calc(100% / 4)!important}
.mini-card-width-3{width:calc(100% / 5)!important}
.mini-card-width-4{width:calc(100% / 6)!important}
.mini-card-width-5{width:calc(100% / 7)!important}
.mini-card-width-6{width:calc(100% / 8)!important}
}
.bt-detail-2{display:inline-block;cursor:pointer;color:#fff;background-color:#3b82f6;text-decoration:none;border:none;text-align:center;user-select:none}
.bt-detail-2:hover{background:#2563eb}
.bt.bt-see{padding:.25rem .75rem!important;font-size:.83rem!important;border-radius:40px!important}
.modal-box{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);z-index:500}
.modal-box.show{display:block}
.modal-box .modal-container{position:relative;padding-left:0!important;padding-right:0!important;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;background-color:#fff;border-radius:10px}
.modal-box.to-hidden .modal-container{position:relative;padding-left:0!important;padding-right:0!important;top:-100vh;-webkit-animation-name:animatetop-hidden;-webkit-animation-duration:.2s;animation-name:animatetop-hidden;animation-duration:.2s}
@-webkit-keyframes animatetop{
from{transform:scale(0);transition:opacity .25s,transform .25s}
to{opacity:1;transform:scale(1)}
}
@keyframes animatetop{
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
.modal-box .modal-container .header{background-color:#167ebd!important;background:url(../img/panel_bg.svg);border:1px solid #167ebd;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:2px 0 5 #9fa3a5;display:flex;justify-content:space-between;align-items:center;height:2.75rem;color:var(--white);font-weight:700;box-sizing:border-box}
.modal-box .modal-container .content{display:flex;justify-content:space-between;align-items:center}
.modal-box .modal-container .content .modal-button{box-shadow:2px 0 5 silver;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#dbdada;border:1px solid #b4b4b4;height:3rem;bottom:0;right:0;left:0;line-height:3rem}
.modal-box .modal-container .modal-conten{box-shadow:2px 0 5 silver;background-color:#fff;border:1px solid #b4b4b4;box-sizing:border-box}
.modal-box .modal-container .footer{background-color:#dcdcdc!important;border-top:0;box-shadow:2px 0 5 #9fa3a5;display:flex;align-items:center;height:3em;color:var(--white);flex-direction:row-reverse;padding-right:20px;box-sizing:border-box}
.modal-box .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;color:var(--bs-heading-color);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-box .modal-header *{margin:0}
.modal-box .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-box .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
body.mr_loading .load-wrapper.bg-default{background-color:rgba(255,255,255,.9)!important}
.mr_loading .load-container .spinner.big-spinner{border-right-color:#f0711a;border-top-color:#1e40af;border-left-color:#ffd945;border-bottom-color:#00a48b}
@keyframes fadeInUp{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown{
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInLeft{
from{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes fadeInRight{
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
.animation-fadeup{animation:fadeInUp .7s ease-out forwards}
.animation-fadedown{animation:fadeInDown .7s ease-out forwards}
.animation-fadeInLeft{animation:fadeInLeft .7s ease-out forwards}
.animation-fadeInRight{animation:fadeInRight .7s ease-out forwards}
.notif-time-register{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.1);padding:40px;text-align:center;max-width:400px;width:90%;animation:fadeInUp .7s ease-out forwards}
.notif-time-register h2{font-size:1.8rem;font-weight:600;color:#1e293b;margin-bottom:8px}
.notif-time-register p{font-size:1.1rem;color:#334155}
.notif-time-register p span{font-weight:600;color:#0f172a}
.line-bottom-solid-list li:not(:last-child),.line-bottom-solid-list>:not(:last-child){margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd!important}
.line-bottom-dashed-list li:not(:last-child),.line-bottom-dashed-list>:not(:last-child){margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #bdbdbd!important}
.text-limit-1-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical}
.text-limit-2-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical}
.text-limit-3-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical}
.text-limit-4-row{overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical}
.height-fit-content{height:fit-content!important}
.article-container{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.img-link{display:block;width:100%;height:100%;position:absolute;z-index:1}
.list-article{display:flex;min-height:100px!important;justify-content:space-between}
.list-article .thumbnail{position:relative;width:200px;min-width:200px;min-height:120px;border-radius:.5rem;border:1px solid #eee;overflow:hidden;cursor:pointer}
.list-article .thumbnail::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-repeat:no-repeat;background-size:cover;background-position:center;transition:transform .6s ease;transform-origin:center center}
.list-article .thumbnail:hover::before{transform:scale(1.2)}
.list-article .thumbnail img{width:100%;height:auto}
.list-article .detail-article{width:calc(100% - 220px);display:flex;flex-direction:column;justify-content:space-between}
.list-article .detail-article>*{width:100%}
.list-article .detail-article a.article-link{color:#212529!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:calc(1.4em * 2)}
.list-article .detail-article a.article-link:hover{color:#2c65e1!important}
.list-article .detail-article .entry-meta{color:#6b7280;display:flex;justify-content:space-between;align-items:center;padding-right:10px}
.meta-article{color:#6b7280}
.avatar img{width:35px}
.author{font-size:.85rem}
.article .sidebar .card-title{font-size:1.4rem;font-weight:700;color:#f0711a;border-bottom:2px solid #f0711a;padding-bottom:3px}
.article .sidebar .post-list .numbering{font-size:1.3rem;font-weight:700;color:#2c65e1}
.article .sidebar .post-list h6{font-size:1rem;line-height:unset!important;margin:0!important}
.article .sidebar .post-list h6 a{color:#5f686f!important}
.article .sidebar .post-list h6 a:hover{color:#2c65e1!important}
.card .body-article p{color:#111827!important;font-size:unset!important;line-height:unset!important}
.body-article img,.body-article>*{margin-bottom:10px!important}
.body-article iframe,.body-article img{border-radius:.7rem;border:1px solid #eee}
.body-article .first-text-block:first-letter{float:left;font-size:3rem;line-height:1;padding-right:10px;color:#2563eb;font-weight:700}
.breadcrumb>*{color:#808692;font-weight:700}
.breadcrumb a:hover{color:#2c65e1!important}
.article-container dl,.article-container ol,.article-container ul{margin-bottom:1rem!important;list-style:decimal!important}
.article-container li{margin-bottom:10px!important}
.list-numbering{list-style:none;counter-reset:step}
.list-numbering li{counter-increment:step;margin-bottom:8px;position:relative;height:350px}
.list-numbering li::before{position:absolute;content:counter(step);background:#007bff;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-right:8px;left:-30px;top:3px}
@media only screen and (max-width:768px){
.article-container{grid-template-columns:1fr!important}
.article article{width:100%!important}
.list-article .thumbnail{width:100%!important}
.list-article .detail-article{margin-top:10px;width:100%!important}
.article .sidebar{width:100%!important}
}
.wrapper-search{background-color:#fff;padding:1rem 1.5rem;margin:auto;border-radius:15px;width:65%;box-shadow:0 12px 30px rgba(0,0,0,.08)}
input.input-search:focus{box-shadow:0 0 0 2px #d9d9d9!important}
a.color-black{color:#212529;font-size:1.2rem}
a.color-black:hover{color:#2d7ecf}
.text-danger{color:#d84c4c!important}
.text-hover-primary:hover{color:#2d7ecf!important}
.border-bottom{border-bottom:1px solid #e2e4ec}
.wrapper-peraturan{padding:1.5rem 10rem}
@media only screen and (max-width:1750px){
.wrapper-peraturan{padding:1.5rem 3rem}
}
@media only screen and (max-width:768px){
.wrapper-search{width:98%}
.wrapper-peraturan{padding:1.5rem .78rem}
.section{padding:0!important}
.container{padding:0!important}
.article-container-auto{display:flex;flex-direction:column-reverse}
}
.page-item{padding:3px 7px;margin:0 .25rem}
.page-item .page-link{display:flex;justify-content:center;align-items:center;border-radius:.5rem;height:2rem;min-width:2rem;font-weight:500}
.page-item.disabled{color:#a7a7b5}
.active>.page-link,.page-link.active{z-index:3;color:#fff;background-color:#0a2647;border-color:#0000}
.bg-light-primary{background-color:#f1f4ff;color:#373a41!important}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stat-card{background:#fff;color:#1f2937;border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.stat-card span{font-size:13px;color:#6b7280}
.stat-card h2{margin-top:6px;font-size:32px;font-weight:700}
.section-directory{padding:20px}
.section-directory h2{margin-bottom:20px;font-size:22px;font-weight:700}
.media-directory{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.media-card{background:#fff;border-radius:16px;padding:18px;display:flex;gap:16px;box-shadow:0 12px 30px rgba(0,0,0,.05);transition:.3s ease}
.media-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1)}
.media-logo{width:85px;height:85px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;background-image:inherit;background-repeat:no-repeat;background-size:contain;background-position-x:center}
.media-header{display:flex;align-items:center;gap:10px}
.media-header h3{font-size:18px;font-weight:600}
.badge{font-size:.7rem;padding:4px 10px;border-radius:999px;font-weight:500}
.online{background:#dcfce7;color:#166534}
.cetak{background:#e0e7ff;color:#3730a3}
.media-address{margin:8px 0 14px;font-size:12px;color:#6b7280}
.media-actions a{text-decoration:none;font-size:13px;padding:6px 12px;border-radius:8px;margin-right:8px;display:inline-block}
.btn-web{background:#eff6ff;color:#1d4ed8}
.btn-web.btn-off{color:gray!important;user-select:none}
.btn-detail{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}
.container{max-width:1200px;margin:auto;padding:30px 20px}
.dashboard-header{text-align:center;margin-bottom:15px}
.filter{display:flex;justify-content:center;gap:12px;margin-bottom:30px}
.filter select{padding:8px 14px;border-radius:6px;border:1px solid #cbd5f5;width:200px}
.chart{background:#fff;padding:20px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.chart.large{margin-bottom:30px}
.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.chart-placeholder{height:68vh;min-height:500px;background:#e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}
.detail-media{gap:5px!important;margin-bottom:10px}
.detail-media .media-logo{width:85px;height:85px;background-repeat:no-repeat;background-size:contain;background-position-x:center;background-position-y:bottom}
.detail-media .detail-media-name{color:#f4f4f4;font-size:1.45rem;text-shadow:1px 1px #f0f8ff}
@media (max-width:1290px){
.illustration{display:none}
}
.illustration{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:15px}
.illustration img,.illustration.icon404{width:230px;margin-right:20px}