@import"https://fonts.googleapis.com/css?family=Raleway:300,400,600&display=swap";.ant-calendar-year-panel-year{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important}.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year{color:#fff!important}.login-page{font-family:Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle,#052c4f,#031e36);position:relative;color:#fff}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/image/login/bg-login.jpg) no-repeat center center/cover;pointer-events:none;opacity:.08;z-index:0}.login-page .login-ribbon{height:180px;overflow:hidden;position:absolute;right:0;top:0;width:180px;z-index:10}.login-page .login-ribbon span{display:block;font-size:1rem;font-weight:700;line-height:1;padding:.5rem 0;position:relative;right:4px;text-align:center;text-transform:uppercase;top:47px;transform:rotate(45deg);width:240px;background-color:#825610;color:#fff;box-shadow:0 6px 3px #00000040}.login-page .login-logo{position:relative;text-align:center;margin-bottom:2.5rem;color:#fff;font-size:24px;font-weight:400}.login-page .login-logo img{width:222px;display:block;margin:0 auto}.login-page .login-logo span{display:inline-block}.login-page .login-top-text{text-align:center;margin-bottom:32px}.login-page .login-top-text h1{font-size:24px;font-weight:400;color:inherit;line-height:1;margin-bottom:20px}.login-page .login-top-text p{font-size:16px;opacity:.5;margin-bottom:0}@media (max-width: 743px){.login-page .login-top-text h1{font-size:32px}.login-page .login-top-text p{display:none}}.login-page .login-form-new{font-size:16px;position:relative;padding:25px;max-width:350px;margin:0 auto;color:#fff;background-color:transparent}.login-page .login-form-new:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff26;-webkit-backdrop-filter:blur(30px) brightness(1.5);backdrop-filter:blur(30px) brightness(1.5);border-radius:20px;z-index:-1}.login-page .login-form-new .form-group{margin-bottom:0}.login-page .login-form-new .form-control-wrapper{position:relative}.login-page .login-form-new .form-control{background:#fff no-repeat 1.25rem center/auto;border:none;border-radius:10rem;padding:.5rem 1.75rem .5rem 3rem;margin-bottom:8px;width:100%;height:auto;color:#343a40;text-align:left}.login-page .login-form-new .form-control-company-code{background-image:url(/image/login/building.svg)}.login-page .login-form-new .form-control-username{background-image:url(/image/login/person.svg)}.login-page .login-form-new .form-control-password{background-image:url(/image/login/lock.svg)}.login-page .login-form-new .form-control-email{background-image:url(/image/login/envelope.png)}.login-page .login-form-new .form-control-pin-map{background-image:url(/image/login/pin-map.svg)}.login-page .login-form-new .form-control-globe{background-image:url(/image/login/globe.svg)}.login-page .login-form-new .form-control:focus{box-shadow:0 0 0 .25rem #ffffff80}.login-page .login-form-new .form-control::placeholder{color:#343a4080}.login-page .login-form-new .invalid-feedback{color:#ff838f}.login-page .login-form-new a{text-decoration:none}.login-page .login-form-new label{margin-bottom:24px;line-height:1}.login-page .login-form-new label a{color:#fff;font-size:12.8px}.login-page .login-form-new label a:hover{opacity:.7}.login-page .login-form-new .help-block{font-size:12.8px;margin-bottom:10px;display:block}.login-page .login-hr{text-align:center;margin:1.5rem 0;font-size:small;line-height:1;position:relative}.login-page .login-hr:before,.login-page .login-hr:after{content:"";position:absolute;top:50%;width:calc(50% - 1.5em);border-top:1px solid rgba(255,255,255,.25);transform:translateY(-50%)}.login-page .login-hr:before{left:0}.login-page .login-hr:after{right:0}.login-page .login-socials{display:flex;justify-content:center;align-items:center}.login-page .login-socials .btn{margin:0 .25rem}.login-page>.container{position:relative;z-index:2}.login-page .btn{font-size:16px;display:block;width:100%;border:none;border-radius:10rem;padding-top:.5rem;padding-bottom:.5rem;height:auto;text-transform:none}@media (min-width: 744px) and (max-width: 1024px){.login-page .btn-wrapper{position:fixed;width:100%;bottom:0;left:0;display:flex}.login-page .btn-wrapper .btn{position:static;border-radius:0;padding-top:1rem;padding-bottom:2.5rem;margin:0;flex:1}}.login-page .btn:disabled{opacity:.28;pointer-events:none}.login-page .btn-login{background-color:#2d83cf;color:#fff;margin-top:24px;margin-bottom:0}.login-page .btn-login:hover{background-color:#1668af}.login-page .btn-social{width:45px;color:#fff}.login-page .btn-social i{font-style:normal}.login-page .btn-social:hover{opacity:.8}.login-page .btn-fb{background-color:#1877f2}.login-page .btn-tw{background-color:#1da1f2}.login-page .btn-gg{background-color:#4285f4}.login-page .btn-ap{background-color:#a6b1b7}.login-page .btn-wa{background-color:#25d366}.login-page .btn-line{background-color:#06c755;color:#fff}.login-page .btn-line:hover{background-color:#04b34c}.login-page .btn-line img{width:16px;margin-right:5px;transform:translateY(-1px)}.login-page .btn-outline{border:1px solid white;background:none;color:#fff}.login-page .btn-outline:hover{opacity:.7}.login-page .btn-back,.login-page .btn-cancel{width:100%;max-width:300px;margin:32px auto 15px;display:block}.login-page .btn-show-password{position:absolute;width:40px;height:100%;top:0;right:0;background:url(/image/login/eye.svg) center center/16px auto no-repeat;cursor:pointer;border:none}.login-page .btn-show-password:hover{opacity:.7}.login-page .btn-stamp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.login-page .btn-stamp>li:first-child,.login-page .btn-stamp>li:last-child{grid-column:1/span 2}.login-page .btn-start-work,.login-page .btn-end-work,.login-page .btn-break{font-weight:500;border-radius:10px;padding-top:1.05rem;padding-bottom:1.05rem;text-transform:uppercase}.login-page .btn-start-work:hover,.login-page .btn-end-work:hover{filter:brightness(1.1)}.login-page .btn-start-work{background-color:#2ca1a6;border:1px solid #2DCFC4;box-shadow:0 10px 30px #34bbbf40}.login-page .btn-end-work{background-color:#e35d6a;border:1px solid #E35D6A;box-shadow:0 10px 30px #ea868f40}.login-page .btn-break{background-color:#fff;border:1px solid #E6E6E6;box-shadow:0 10px 30px #ffffff40;color:#000}.login-page .btn-break:hover{filter:brightness(.9)}.login-page .btn-social-content{margin:32px auto 0;max-width:300px}.login-page .btn-social-content .btn{width:100%;display:block}.login-page .select-wrapper{position:relative}.login-page .select-wrapper:before{content:"";pointer-events:none;position:absolute;top:0;right:0;width:40px;height:100%;background:url(/image/login/chevron-down.svg) center center/13px auto no-repeat}.login-page .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:45px}.login-page p{color:inherit}.login-page .or{font-size:12px;display:block;padding:43px 0 17px;text-align:center}@media (min-width: 744px){.login-page .or{display:none}}.login-page .copyright{position:fixed;bottom:0;left:0;width:100%;font-size:14px;text-align:center;opacity:.5}.login-page .time-counter{position:relative;padding:16px 25px;max-width:350px;margin:0 auto 30px;color:#fff;text-align:center;white-space:nowrap;z-index:2}.login-page .time-counter:before,.login-page .time-counter:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:20px;-webkit-backdrop-filter:blur(30px) brightness(1.1) saturate(1.1);backdrop-filter:blur(30px) brightness(1.1) saturate(1.1)}.login-page .time-counter:after{background-color:#ffffff40}.login-page .time-counter-inner{position:relative;z-index:2}.login-page .time-counter--custom:before{width:88%;margin:auto;background-color:#ffffff40;z-index:0}.login-page .time-counter h3{font-size:56px;font-weight:400;color:inherit;margin:0;letter-spacing:5px;line-height:1}.login-page .time-counter p{margin:10px 0 0;opacity:.5}.login-page .setting-icon{position:absolute;display:block;width:40px;height:40px;top:24px;right:24px;background:url(/image/login/setting.svg) center center/16px auto no-repeat;border:1px solid #fff;border-radius:50%;cursor:pointer;transition:.3s;z-index:9}.login-page .setting-icon:hover{opacity:.7;transform:rotate(45deg)}.login-page .user-detail{list-style:none;display:flex;gap:15px;line-height:1;border-radius:20px;background-color:#ffffff40;-webkit-backdrop-filter:blur(30px) brightness(1.3) saturate(1.1);backdrop-filter:blur(30px) brightness(1.3) saturate(1.1);padding:55px 24px 22px;margin:-66px auto 32px;max-width:316px;position:relative;z-index:0}.login-page .user-detail>li+li{border-left:1px solid rgba(255,255,255,.5);padding-left:15px}.login-page .user-detail p{margin-bottom:0;line-height:1}.login-page .user-detail label{font-size:12.8px;line-height:1;margin-bottom:8px;opacity:.5}#sidebar-component,#header-component,#root{display:contents}