.auth-left-background{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:0}.auth-left-background:before{animation:move 4s linear infinite;background:#121212;background:linear-gradient(135deg,#121212 25%,#1a1a1a 0,#1a1a1a 50%,#121212 0,#121212 75%,#1a1a1a 0,#1a1a1a);background-size:40px 40px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px}}.card,.card-body,.card-footer,.card-header,.content-wrapper,.main-sidebar,.navbar{transition:background-color .3s ease,color .3s ease}:root{--darktheme-bg:#222831;--darktheme-bg-alt:#393e46;--darktheme-text:#eee;--darktheme-border:rgba(57,62,70,.6);--darktheme-active:#00adb5;--darktheme-btn-bg:#4b515b;--darktheme-btn-hover-bg:#00adb5;--darktheme-input-bg:#4b515b;--darktheme-input-border:#393e46;--darktheme-header-image:url(/img/background/night.webp)}.darktheme .logout-button{color:var(--darktheme-text)!important}.darktheme .logout-button:hover{color:var(--darktheme-active)!important}.darktheme .header-image{background-image:var(--darktheme-header-image);background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}.darktheme,.darktheme .content-wrapper,.darktheme body{background-color:var(--darktheme-bg)!important;display:flex;flex-direction:column;min-height:100vh!important}.darktheme .card,.darktheme .card-body,.darktheme .card-footer,.darktheme .main-sidebar,.darktheme .modal-content,.darktheme .navbar{background-color:var(--darktheme-bg)!important}.darktheme .content-wrapper,.darktheme .icon,.darktheme .nav-header,.darktheme .nav-link,.darktheme .text{color:var(--darktheme-text)!important}.darktheme .main-header.navbar{border-bottom:1px solid var(--darktheme-border)!important;box-shadow:0 2px 4px rgba(0,0,0,.5)!important}.darktheme .nav-link.active,.darktheme .nav-link:active{background-color:var(--darktheme-active)!important;color:var(--darktheme-text)!important}.darktheme .btn-sidebar,.darktheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--darktheme-btn-bg)!important;border:1px solid var(--darktheme-border)!important;color:var(--darktheme-text)!important}.darktheme .btn-sidebar:hover,.darktheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--darktheme-btn-hover-bg)!important}.darktheme .form-control,.darktheme .form-control-sidebar{background-color:var(--darktheme-input-bg)!important;border:1px solid var(--darktheme-input-border)!important;color:var(--darktheme-text)!important}.darktheme #karyawanTable{border-collapse:collapse;color:var(--darktheme-text)!important;width:100%}.darktheme #karyawanTable thead,.darktheme .card-header{background-color:var(--darktheme-bg-alt)!important}.darktheme #karyawanTable thead th{padding:12px 15px}.darktheme #karyawanTable tbody td,.darktheme #karyawanTable thead th{border-bottom:1px solid var(--darktheme-border)!important;color:var(--darktheme-text)!important;text-align:left}.darktheme #karyawanTable tbody td{background-color:var(--darktheme-bg)!important;padding:10px 15px}.darktheme #karyawanTable tbody tr:hover{background-color:var(--darktheme-active)!important}.darktheme #karyawanTable tfoot{background-color:var(--darktheme-bg-alt)!important;color:var(--darktheme-text)!important}.darktheme #karyawanTable tfoot tr th{border-top:1px solid var(--darktheme-border)!important;padding:12px 15px}.darktheme .dataTables_wrapper .dataTables_paginate .paginate_button{background-color:var(--darktheme-btn-bg)!important;border:1px solid transparent!important;color:var(--darktheme-text)!important;margin-right:2px}.darktheme .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:var(--darktheme-btn-hover-bg)!important;border-color:var(--darktheme-active)!important}.darktheme .dataTables_wrapper .dataTables_filter input,.darktheme .dataTables_wrapper .dataTables_length select{background-color:var(--darktheme-input-bg)!important;border:1px solid var(--darktheme-input-border)!important;color:var(--darktheme-text)!important;padding:5px 10px}:root{--lighttheme-bg:#f7fafc;--lighttheme-bg-alt:#edf2f7;--lighttheme-text:#2d3748;--lighttheme-border:#cbd5e1;--lighttheme-active-bg:#e2e8f0;--lighttheme-active-text:#4a5568;--lighttheme-btn-bg:#e2e8f0;--lighttheme-btn-hover-bg:#cbd5e1;--lighttheme-input-bg:#fff;--lighttheme-input-border:#d2d6da;--lighttheme-box-shadow:rgba(0,0,0,.05);--lighttheme-warning:#ff3b3b;--lighttheme-header-image:url(/img/background/white.webp)}.lighttheme .logout-button{color:var(--lighttheme-active-text)!important}.lighttheme .logout-button:hover{color:var(--lighttheme-warning)!important}.lighttheme .header-image{background-image:var(--lighttheme-header-image);background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}.lighttheme,.lighttheme .content-wrapper,.lighttheme body{background-color:var(--lighttheme-bg)!important;display:flex;flex-direction:column;min-height:100vh!important}.lighttheme .card,.lighttheme .card-body,.lighttheme .content-wrapper,.lighttheme .main-sidebar,.lighttheme .navbar{background-color:var(--lighttheme-bg)!important}.lighttheme .card-footer,.lighttheme .card-header{background-color:var(--lighttheme-bg-alt)!important}.lighttheme .content-wrapper,.lighttheme .icon,.lighttheme .nav-header,.lighttheme .nav-link,.lighttheme .text{color:var(--lighttheme-text)!important}.lighttheme .main-header.navbar{border-bottom:1px solid var(--lighttheme-border)!important;box-shadow:0 2px 4px var(--lighttheme-box-shadow)!important}.lighttheme .nav-link.active,.lighttheme .nav-link:active{background-color:var(--lighttheme-active-bg)!important;color:var(--lighttheme-active-text)!important}.lighttheme .btn-sidebar,.lighttheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--lighttheme-btn-bg)!important;border:1px solid var(--lighttheme-border)!important;color:var(--lighttheme-text)!important}.lighttheme .btn-sidebar:hover,.lighttheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--lighttheme-btn-hover-bg)!important}.lighttheme .form-control,.lighttheme .form-control-sidebar{background-color:var(--lighttheme-input-bg)!important;border:1px solid var(--lighttheme-input-border)!important;color:var(--lighttheme-text)!important}:root{--orangetheme-bg:#ffa559;--orangetheme-bg-alt:#ffe6c7;--orangetheme-text:#454545;--orangetheme-border:#ff6000;--orangetheme-active-bg:#ff6000;--orangetheme-active-text:#fff;--orangetheme-btn-bg:#ff6000;--orangetheme-btn-hover-bg:#ffa559;--orangetheme-input-bg:#fff;--orangetheme-input-border:#ffe6c7;--orangetheme-box-shadow:rgba(255,96,0,.5);--orangetheme-header-image:url(/img/background/orange.webp)}.orangetheme .logout-button{color:var(--orangetheme-text)!important}.orangetheme .logout-button:hover{color:var(--lighttheme-warning)!important}.orangetheme .header-image{background-image:var(--orangetheme-header-image);background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}.orangetheme,.orangetheme .content-wrapper,.orangetheme body{background-color:var(--orangetheme-bg)!important;display:flex;flex-direction:column;min-height:100vh!important}.orangetheme .card,.orangetheme .card-body,.orangetheme .content-wrapper,.orangetheme .main-sidebar,.orangetheme .navbar{background-color:var(--orangetheme-bg)!important}.orangetheme .card-footer,.orangetheme .card-header{background-color:var(--orangetheme-bg-alt)!important}.orangetheme .content-wrapper,.orangetheme .icon,.orangetheme .nav-header,.orangetheme .nav-link,.orangetheme .text{color:var(--orangetheme-text)!important}.orangetheme .main-header.navbar{border-bottom:1px solid var(--orangetheme-border)!important;box-shadow:0 2px 4px var(--orangetheme-box-shadow)!important}.orangetheme .nav-link.active,.orangetheme .nav-link:active{background-color:var(--orangetheme-active-bg)!important;color:var(--orangetheme-active-text)!important}.orangetheme .btn-sidebar,.orangetheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--orangetheme-btn-bg)!important;border:1px solid var(--orangetheme-border)!important;color:var(--orangetheme-active-text)!important}.orangetheme .btn-sidebar:hover,.orangetheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--orangetheme-btn-hover-bg)!important}.orangetheme .form-control,.orangetheme .form-control-sidebar{background-color:var(--orangetheme-input-bg)!important;border:1px solid var(--orangetheme-input-border)!important;color:var(--orangetheme-text)!important}:root{--pinktheme-bg:#ffebef;--pinktheme-bg-alt:#ffccd5;--pinktheme-text:#6d4c41;--pinktheme-border:#f48fb1;--pinktheme-active-bg:#f06292;--pinktheme-active-text:#fff;--pinktheme-btn-bg:#ec407a;--pinktheme-btn-hover-bg:#ff77a9;--pinktheme-input-bg:#fff;--pinktheme-input-border:#ffaccf;--pinktheme-box-shadow:rgba(244,143,177,.5);--pinktheme-header-image:url(/img/background/pink.webp)}.pinktheme .logout-button{color:var(--pinktheme-text)!important}.pinktheme .logout-button:hover{color:var(--pinktheme-btn-bg)!important}.pinktheme .header-image{background-image:var(--pinktheme-header-image);background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}.pinktheme,.pinktheme .content-wrapper,.pinktheme body{background-color:var(--pinktheme-bg)!important;display:flex;flex-direction:column;min-height:100vh!important}.pinktheme .card,.pinktheme .card-body,.pinktheme .content-wrapper,.pinktheme .main-sidebar,.pinktheme .navbar{background-color:var(--pinktheme-bg)!important}.pinktheme .card-footer,.pinktheme .card-header{background-color:var(--pinktheme-bg-alt)!important}.pinktheme .content-wrapper,.pinktheme .icon,.pinktheme .nav-header,.pinktheme .nav-link,.pinktheme .text{color:var(--pinktheme-text)!important}.pinktheme .main-header.navbar{border-bottom:1px solid var(--pinktheme-border)!important;box-shadow:0 2px 4px var(--pinktheme-box-shadow)!important}.pinktheme .nav-link.active,.pinktheme .nav-link:active{background-color:var(--pinktheme-active-bg)!important;color:var(--pinktheme-active-text)!important}.pinktheme .btn-sidebar,.pinktheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--pinktheme-btn-bg)!important;border:1px solid var(--pinktheme-border)!important;color:var(--pinktheme-active-text)!important}.pinktheme .btn-sidebar:hover,.pinktheme .btn:not(.btn-success):not(.btn-danger){background-color:var(--pinktheme-btn-hover-bg)!important}.pinktheme .form-control,.pinktheme .form-control-sidebar{background-color:var(--pinktheme-input-bg)!important;border:1px solid var(--pinktheme-input-border)!important;color:var(--pinktheme-text)!important}.login-button{background-color:#f06d6d;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#000;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:2.5px;outline:none;padding:1.3em 3em;text-transform:uppercase;transition:all .3s ease 0s}.login-button:hover{background-color:#23c483;box-shadow:0 15px 20px rgba(46,229,157,.4);color:#fff;transform:translateY(-7px)}.login-button:active{transform:translateY(-1px)}.custom-card-login{background:#07182e;border-radius:20px;display:flex;height:400px;overflow:hidden;padding:20px;place-content:center;place-items:center;position:relative;width:400px;z-index:10}.custom-card-login form{background:#07182e!important;background-color:#fff;border-radius:5px;height:250px;padding:10px;position:relative;width:300px;z-index:20}.custom-card-login:before{animation:rotBGimg 3s linear infinite;background-image:linear-gradient(180deg,#00b7ff,#ff30ff);content:"";height:130%;position:absolute;width:100px;z-index:1}.custom-card-login label{color:#fff}.custom-card-login:after{background:#07182e;border-radius:15px;content:"";inset:5px;position:absolute;z-index:1}@keyframes rotBGimg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.password-toggle-icon{cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.change-password-icon{top:calc(72% - 1px)}.form-control-password{width:100%}@media (max-width:768px){.hide-on-mobile{display:none}}.loading{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.lds-ring{color:#44a7ab}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}