#gdjLogin{font-family:latoregular !important;min-height:100vh;color:#4a4a4a;margin:0;padding:0;box-sizing:border-box}#gdjLogin .swirl-img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:115px;height:115px;background-color:#f9f9f9;justify-content:center;margin:0 auto;text-align:center;display:flex;align-items:center;border-radius:50%;z-index:1}#gdjLogin input,#gdjLogin a{font-family:latoregular !important}#gdjLogin .logo-lang-wrap{display:flex;align-items:center;justify-content:right;padding:40px}#gdjLogin .logo-lang-wrap img{width:150px}#gdjLogin .logo-lang-wrap ul{display:flex;align-items:center;justify-content:center;margin:25px 15px 0px 0px}#gdjLogin .logo-lang-wrap ul li{padding:0 5px 0 5px}#gdjLogin .logo-lang-wrap ul li a{color:#b4b2b2}#gdjLogin .logo-lang-wrap ul li a:hover{color:#23c7c6;text-decoration:none}#gdjLogin .logo-lang-wrap ul li.active a{color:#23c7c6}#gdjLogin .logo-lang-wrap ul li:first-child{border-right:1px solid #ccc}#gdjLogin .login-wrap{display:flex;align-items:center;justify-content:center;height:100vh}#gdjLogin .kiri{background:url(/static/images/paper.png) no-repeat;background-size:cover;height:100vh}#gdjLogin .kanan{height:100vh;background-color:transparent}#gdjLogin .kanan ul.nav.nav-pills{display:inline-block;padding:5px;border-radius:4px;border:1px solid #d3f4f4;background:#e9f9f9;box-shadow:0px -1px 4px 0px rgba(0,0,0,0.08)}#gdjLogin .kanan .nav-pills>li.active>a,#gdjLogin .kanan .nav-pills>li.active>a:focus,#gdjLogin .kanan .nav-pills>li.active>a:hover,#gdjLogin .kanan .nav>li>a:focus,#gdjLogin .kanan .nav>li>a:hover{background-color:#23c7c6;color:#fff}#gdjLogin .kanan .nav>li>a{color:#cad3e1;padding:7px 30px}#gdjLogin .kanan .nav>li>a:focus,#gdjLogin .kanan .nav>li>a:hover{background-color:#e9f9f9;color:#51e1e1}#gdjLogin .login-box{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#gdjLogin .login-box h4{color:#4a4a4a;font-family:"museo700";font-size:32px;font-style:normal;font-weight:600;line-height:100%;margin-bottom:25px}#gdjLogin .login-box .account{color:#b6bbc0;text-align:center;font-size:15px;font-style:normal;font-weight:400;line-height:100%}#gdjLogin .login-box .account a{color:#f0ad4e}#gdjLogin .login-box .account a:hover{color:#ed9f31;text-decoration:none}#gdjLogin .login-form{padding:25px 0px}#gdjLogin .textb{margin-bottom:12px;position:relative}#gdjLogin .textb input{width:100%;height:70px;border:1px solid #e0e7f2;background-color:#fff;border-radius:4px !important;color:#4a4a4a;font-size:15px;font-weight:400;padding:14px 60px 0 10px}#gdjLogin .textb input:focus{border-color:#23d1d1 !important}#gdjLogin .placeholder{font-size:14px;position:absolute;line-height:70px;top:0;left:20px;color:#9d9d9d;user-select:none;pointer-events:none}#gdjLogin .show-password-admin,#gdjLogin .show-password-karyawan{position:absolute;right:20px;line-height:70px;color:#9d9d9d;font-size:18px;cursor:pointer;top:0}#gdjLogin .textb input ~ .placeholder{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#gdjLogin .textb input:focus ~ .placeholder,#gdjLogin .textb input:valid ~ .placeholder{left:10px;top:-16px}#gdjLogin .checkbox{display:flex;align-items:center;position:relative;font-size:18px;font-weight:500;color:#333;margin:20px 0}#gdjLogin .checkbox input{width:24px;height:24px;-webkit-appearance:none;background-color:#ededed;border-radius:4px;margin-right:10px;cursor:pointer}#gdjLogin .checkbox .fa-check{position:absolute;color:#fff;font-size:14px;width:24px;text-align:center;user-select:none;pointer-events:none;opacity:0}#gdjLogin .checkbox input:checked{background-color:#bc252a}#gdjLogin .checkbox input:checked+.fa-check{opacity:1}#gdjLogin .login-form a{display:block;text-align:right;text-decoration:none;font-size:16px;color:#33bdbf;font-weight:500;margin-bottom:8px;transition:0.2s linear}#gdjLogin .login-form a:hover{color:#2b9fa1}#gdjLogin .btn-login-admin,#gdjLogin .btn-login-karyawan{background-color:#23c7c6;color:#fff;margin-top:20px}#gdjLogin .btn-login-admin:hover,#gdjLogin .btn-login-karyawan:hover{background-color:#1fadad}#gdjLogin #productwrap .next-prev-wrap{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}#gdjLogin #productwrap .next-prev-wrap .prev,#gdjLogin #productwrap .next-prev-wrap .next{padding:5px;border-radius:50%;width:30px;height:30px;display:inline-block;text-align:center;vertical-align:middle}#gdjLogin #productwrap .next-prev-wrap .prev .glyphicon,#gdjLogin #productwrap .next-prev-wrap .next .glyphicon{font-size:small}#gdjLogin #productwrap .next-prev-wrap .prev{background-color:#fff;color:#cad3e1;border:1px solid #fff}#gdjLogin #productwrap .next-prev-wrap .next{background-color:#bdeeee;color:#23c7c6;border:1px solid #bdeeee}#gdjLogin #productwrap .next-prev-wrap .next:hover,#gdjLogin #productwrap .next-prev-wrap .prev:hover,#gdjLogin #productwrap .next-prev-wrap .next:focus,#gdjLogin #productwrap .next-prev-wrap .prev:focus,#gdjLogin #productwrap .next-prev-wrap .next:visited,#gdjLogin #productwrap .next-prev-wrap .prev:visited{background-color:#23c7c6;color:#fff !important;border:1px solid #23c7c6}#gdjLogin #productwrap .next-prev-wrap .numbers{font-size:14px;color:#b6bbc0}#gdjLogin #productwrap .next-prev-wrap .numbers .order{color:#00adb5;font-weight:700}#gdjLogin .login-wrap .active{z-index:1}#gdjLogin .media-box.admin{height:554px}#gdjLogin .media-box{width:70%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#gdjLogin .media-box .media-box-wrap{padding:10px;padding-left:20px;height:585px;margin:0 auto;overflow-y:hidden;direction:rtl;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-overflow-style:thin;scrollbar-width:thin;list-style:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;background:linear-gradient(#E5EDEE 30%, rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0), #E5EDEE 70%) center bottom,radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.1), rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.1), rgba(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}#gdjLogin .media-box .media-box-wrap::-webkit-scrollbar{width:10px}#gdjLogin .media-box .media-box-wrap::-webkit-scrollbar-track{background:#f1f1f1}#gdjLogin .media-box .media-box-wrap::-webkit-scrollbar-thumb{background:#888}#gdjLogin .media-box .media-box-wrap::-webkit-scrollbar-thumb:hover{background:#555}#gdjLogin .media-box .media-box-wrap .media{direction:ltr}#gdjLogin .media-box .media-box-wrap:hover{overflow-y:scroll;padding-left:10px}#gdjLogin .media-box h3{color:#4a4a4a;font-family:"museo700";font-size:28px;font-style:normal;font-weight:600;line-height:100%;margin-bottom:20px}#gdjLogin .media-box .media-object{border-radius:4px;height:100px;width:160px;object-fit:cover;object-position:center}#gdjLogin .media-box .media-heading{color:#178d8d;font-size:18px;font-style:normal;font-weight:700;line-height:140%}#gdjLogin .media-box .media-body p{color:#6c6d6d;font-size:15px;font-style:normal;font-weight:400;line-height:140%}#gdjLogin .media-box .caption h3{color:#4a4a4a;font-family:"museo700";font-size:28px;font-style:normal;font-weight:600;line-height:140%}#gdjLogin .media-box .caption p{color:#6c6d6d;font-size:15px;font-style:normal;font-weight:400;text-align:justify;min-height:75px;font-family:latoregular !important}#gdjLogin .media-box .caption p span{font-family:latoregular !important}#gdjLogin .media-box .caption .activate-btn{border-radius:4px;background:#f0ad4e;color:#fff}#gdjLogin .media-box .caption .activate-btn:hover{background:#ed9f31}@media (max-width: 991px){body#gdjLogin{padding-top:unset !important}#gdjLogin .order-wrap{flex-flow:column;height:unset}#gdjLogin .order-wrap .one{order:1}#gdjLogin .order-wrap .two{order:2}#gdjLogin .swirl-img{display:none}}@media (max-width: 469px){#gdjLogin .login-box,#gdjLogin .media-box{width:80%}#gdjLogin .login-box h4{font-size:28px}#gdjLogin .media-box .caption h3{font-size:18px}}