body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;position:relative}body #loginScreen{height:100%;min-height:100vh}body #loginScreen>.container{padding:0}body #loginScreen .header{height:350px;position:relative;z-index:10}body #loginScreen .header .logo{max-width:62%;max-height:80%}body #loginScreen .logo-center{height:100%;display:flex;justify-content:center;align-items:center}body #loginScreen .label-join-now-wrapper{background-color:#fff;padding-bottom:10px}body #loginScreen .alert{margin-bottom:15px}body #loginScreen .login-action{width:80%;margin:auto;background-color:#fff;border-radius:10px}body #loginScreen .login-action .form .form-field{border-bottom:1px solid #cfcfcf;display:flex;align-items:center;padding-left:10px;margin-bottom:15px}body #loginScreen .login-action .form .form-field ::-moz-placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #loginScreen .login-action .form .form-field :-ms-input-placeholder{opacity:1;font-size:14px}body #loginScreen .login-action .form .form-field ::placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #loginScreen .login-action .form .form-field :-ms-input-placeholder{color:#cfcfcf}body #loginScreen .login-action .form .form-field ::-ms-input-placeholder{color:#cfcfcf}body #loginScreen .login-action .form .form-field .input-label{margin:0}body #loginScreen .login-action .form .form-field .input-label img{width:20px}body #loginScreen .login-action .form .form-field .input{flex:1;margin-left:10px;padding-top:5px;padding-bottom:5px}body #loginScreen .login-action .form .form-field .input input{background-color:transparent;border:none;padding:8px;font-size:12px;width:90%;outline:0}body #loginScreen .login-action .form .form-field .input-password{display:flex}body #loginScreen .login-action .form .form-field .input-password a{font-size:13px;color:#000}body #loginScreen .login-action .form .form-field:focus-within{border-bottom:1px solid #ff830e}body #loginScreen .btn-submit{margin-top:50px;text-align:center;margin-bottom:15px}body #loginScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #homeScreen{height:100%;min-height:100vh;background-color:#fff2e6}body #homeScreen>.container{padding:0}body #homeScreen .navbar{padding-bottom:30px}body #homeScreen .navbar .navbar-option{width:100%;font-size:20px;text-align:right}body #homeScreen .navbar .navbar-option a{color:#000;text-decoration:none}body #homeScreen .navbar .navbar-option img{width:30px}body #homeScreen .navbar .navbar-option .footnote{background-color:#ff830e;font-size:12px;margin-left:-20px;border-radius:15px;color:#fff;height:10px;padding:1px 5px;border:1px solid transparent;vertical-align:super}body #homeScreen .btn-clock{font-size:13px;color:#fff;background-color:#ff830e;padding:1px 20px;margin-right:10px;height:35px;border-color:#ff830e;border-radius:20px;display:flex;justify-content:center;align-items:center}body #homeScreen .btn-outline{background-color:#fff2e6!important;color:#ff830e!important;border:1px solid #ff830e}body #homeScreen .btn-disable{background-color:#fff2e6!important;color:#b5b5b5!important;border:1px solid #b5b5b5;pointer-events:none}body #homeScreen #passcode .modal-content{width:90%;margin:auto;border-radius:20px;font-size:13px;text-align:center}body #homeScreen #passcode .modal-content .form-control{text-align:center}body #homeScreen #passcode .modal-content .input-text{font-family:Open Sans Semibold;color:#ff830e;font-size:30px}body #homeScreen #passcode .modal-content .input-text:focus-within{border:2px solid #ff830e!important}body #homeScreen #passcode .modal-footer{display:grid;border-top:none;justify-content:center}body #homeScreen #passcode .modal-footer .btn-confirm{background-color:#ff830e!important;color:#fff;font-size:13px!important;font-weight:700;padding:10px 50px;border-radius:50px!important}body #homeScreen .label-welcome-wrapper{padding-bottom:30px;padding-top:70px}body #homeScreen .label-welcome-wrapper .greetings{width:90%;margin:auto}body #homeScreen .label-welcome-wrapper .greetings .greetings-msg{font-weight:700;font-size:20px;color:#000;padding-bottom:20px;font-family:Open Sans Bold}body #homeScreen .label-welcome-wrapper .greetings .working-hour{font-size:13px;color:#a39f9b}body #homeScreen .label-welcome-wrapper .greetings .clock-in-info{font-size:12px;color:#007bff!important;padding-bottom:10px}body #homeScreen .label-welcome-wrapper .greetings .break-count-down{margin-bottom:10px;margin-top:20px}body #homeScreen .label-welcome-wrapper .greetings .break-count-down .time-left,body #homeScreen .theme-color{color:#ff830e}body #homeScreen .commission-section{width:90%;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:auto auto 20px}body #homeScreen .commission-section .content{padding:20px;font-size:11px}body #homeScreen .commission-section .content .commission{display:flex}body #homeScreen .commission-section .content .commission .total-commission{font-size:25px;font-family:Open Sans Bold;font-weight:700;width:90%}body #homeScreen .commission-section .content .commission .detail-btn{width:35%;height:30px;color:#000;padding:6px 10px;font-size:11px;border-radius:20px;border-color:#000}body #homeScreen .btn-submit{margin-top:50px;text-align:center;margin-bottom:15px}body #homeScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #homeScreen .footer-text{width:80%;font-size:11px;padding-top:10px;margin:auto}body #comissionScreen{height:100%;min-height:100vh}body #comissionScreen>.container{padding:0}body #comissionScreen .total-comission-wrapper{background-color:#fff2e6;padding-top:84px;padding-bottom:40px;width:100%;margin:auto;text-align:center;color:#ff830e;font-size:12px;box-shadow:0 0 8px 0 rgba(99,99,99,.1)}body #comissionScreen .total-comission-wrapper .total-comission{font-weight:700;font-size:30px;color:#000;padding-top:10px;padding-bottom:10px;font-family:Open Sans Bold}body #comissionScreen .total-comission-wrapper .info{color:#a39f9b;font-size:11px;font-weight:400}body #comissionScreen a{text-decoration:underline}body #comissionScreen .theme-color{color:#ff830e}body #comissionScreen .dropdown-menu{left:-50px;font-size:12px}body #comissionScreen .dropdown-menu .selected{background-color:#ff830e;color:#fff!important}body #comissionScreen .commission-list-section{margin-bottom:20px}body #comissionScreen .commission-list-section .content{width:100%;margin:auto;font-size:13px}body #comissionScreen .commission-list-section .content input{border:none;width:140px}body #comissionScreen .commission-list-section .content input:focus{outline:none}body #comissionScreen .commission-list-section .content .filter{display:flex;padding:10px;align-items:center;font-family:Open Sans Semibold;color:#000}body #comissionScreen .commission-list-section .content .filter .date-picker input{width:70px}body #comissionScreen .commission-list-section .content .filter .date-picker .bootstrap-datetimepicker-widget{margin:0}body #comissionScreen .commission-list-section .content .filter .center{text-align:right;width:10%}body #comissionScreen .commission-list-section .content .filter .right{width:16%;text-align:right}body #comissionScreen .commission-list-section .content .filter a{color:inherit}body #comissionScreen .commission-list-section .content .date{padding:10px 0 10px 15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3);color:#828282;font-size:13px;background-color:#e1e1e1}body #comissionScreen .commission-list-section .content .commission-info{width:95%;display:flex;padding-top:15px;padding-bottom:15px;padding-right:10px;align-items:center;margin-left:15px;border-bottom:1px solid #e5e6e7;font-family:Open Sans Regular}body #comissionScreen .commission-list-section .content .commission-info .comission-detail{flex:1;width:90%}body #comissionScreen .commission-list-section .content .commission-info .comission-detail .name{color:#000;font-size:13px}body #comissionScreen .commission-list-section .content .commission-info .comission-detail .type,body #comissionScreen .commission-list-section .content .commission-info .commission-earn{font-size:11px}body #comissionScreen .commission-list-section .content .commission-info .commission-earn .total{text-align:right;font-size:14px}body #comissionScreen .commission-list-section .content .commission-info .total-commission{font-size:25px;font-weight:700;width:90%}body #comissionScreen .commission-list-section .content a{text-decoration:none}body #comissionScreen .btn-submit{margin-top:50px;text-align:center;margin-bottom:15px}body #comissionScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #comissionScreen .footer-text{width:80%;font-size:11px;padding-top:10px;margin:auto}body #comissionDetailScreen{height:100%;min-height:100vh}body #comissionDetailScreen .point-wrapper{padding-top:44px}body #comissionDetailScreen .point-wrapper .main{background-color:#f7f7f7;padding:20px}body #comissionDetailScreen .point-wrapper .main .amount{font-weight:700;font-size:25px;color:#ff830e}body #comissionDetailScreen .point-wrapper .main .earn{color:#2fb865}body #comissionDetailScreen .point-wrapper .main .spend{color:#f13648}body #comissionDetailScreen .point-wrapper .main .label{font-size:20px;margin-left:5px}body #comissionDetailScreen .point-wrapper .item{padding-top:15px;padding-bottom:15px;padding-right:10px;display:flex;width:95%;margin-left:20px;border-bottom:1px solid #e5e6e7}body #comissionDetailScreen .point-wrapper .item .label{flex:1;font-size:13px;color:#929291}body #comissionDetailScreen .point-wrapper .item .value{color:#000;font-size:12px}body #comissionInfoScreen{height:100%;min-height:100vh}body #comissionInfoScreen>.container{padding:0}body #comissionInfoScreen .commission-bg{background-image:url(/assets/employee/images/commission-info-bg.png);background-repeat:no-repeat;background-size:350px;background-position:50%;height:250px;width:95%;margin:20px auto 15px}body #comissionInfoScreen .theme-color{color:#fb830d}body #comissionInfoScreen .commission-info-section{margin-bottom:40px}body #comissionInfoScreen .commission-info-section .content{width:90%;margin:auto;font-size:13px;font-family:Open Sans Semibold;color:#000}body #comissionInfoScreen .commission-info-section .content .info{padding:10px 0 10px 15px;color:#ff830e;font-size:13px;border-radius:10px;background-color:#f5f5f5;margin-bottom:10px;font-family:Open Sans Bold}body #comissionInfoScreen .commission-info-section .content .info .title{width:90%}body #comissionInfoScreen .commission-info-section .content .info .dropdown-icon{width:10%;text-align:center}body #comissionInfoScreen .commission-info-section .content .info .collapse-content{font-size:12px;color:#000;width:95%;text-align:justify;font-family:Open Sans Regular}body #comissionInfoScreen .commission-info-section .content .info a{color:#ff830e}body #rankingScreen{height:100%;min-height:100vh;background-color:#fff2e6}body #rankingScreen>.container{padding:0}body #rankingScreen .mobile-navbar{background-color:transparent;border:none;margin-bottom:10px;position:relative}body #rankingScreen .theme-color{color:#ff830e}body #rankingScreen .ranking-bg{background-image:url(/assets/employee/images/ranking-bg.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:300px;width:100%}body #rankingScreen .ranking-bg .tab-selection{display:flex;background-color:#f5f5f5;font-size:12px;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);color:#bbbdbf;border-radius:50px;width:75%;margin:auto}body #rankingScreen .ranking-bg .tab-selection .nav-item{width:50%;text-align:center}body #rankingScreen .ranking-bg .tab-selection .nav-link{color:#7f7f7f;font-size:11px;padding:5px 0;border-radius:15px}body #rankingScreen .ranking-bg .tab-selection .active{color:#fff;background-color:#ff830e}body #rankingScreen .ranking-bg .title-section{width:50%;margin-top:40px;margin-left:20px}body #rankingScreen .ranking-bg .title-section .title{color:#000;font-size:20px;font-family:Open Sans Bold}body #rankingScreen .ranking-bg .title-section .info{margin-top:20px;font-size:10px;font-style:italic;color:#ff830e}body #rankingScreen .ranking-bg .title-section .info span{margin-top:100px;color:#b5b5b5}body #rankingScreen .commission-info-section{background-color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.24);border-radius:35px;margin-top:-30px;padding-bottom:150px;height:100%;min-height:60vh}body #rankingScreen .commission-info-section .ranking-info{display:flex;width:95%;margin-left:15px;padding-top:15px;padding-bottom:10px;align-items:center;text-align:center;border-bottom:1px solid #f5f5f5}body #rankingScreen .commission-info-section .ranking-info .left{width:10%;margin-top:10px}body #rankingScreen .commission-info-section .ranking-info .left .rank{width:10%;border-radius:50px;color:#000;padding:3px 6px;border:1px solid transparent;vertical-align:super}body #rankingScreen .commission-info-section .ranking-info .left .rank-1{color:#f8e281;border-color:#fdd233;background-color:#fcb001}body #rankingScreen .commission-info-section .ranking-info .left .rank-2{color:#e6e6e6;border-color:#e6e6e6;background-color:#7f7f7f}body #rankingScreen .commission-info-section .ranking-info .left .rank-3{color:#f5c095;border-color:#fc933e;background-color:#e96800}body #rankingScreen .commission-info-section .ranking-info .img-wrapper{border-radius:50%;text-align:center;padding-left:7px;padding-right:7px}body #rankingScreen .commission-info-section .ranking-info .img-wrapper .avatar{height:35px;width:35px}body #rankingScreen .commission-info-section .ranking-info .img-wrapper .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100%;height:100%}body #rankingScreen .commission-info-section .ranking-info .name{width:65%;margin-left:10px;font-size:12px;font-family:Open Sans Regular}body #rankingScreen .commission-info-section .ranking-info .name .branch{font-size:10px}body #rankingScreen .commission-info-section .stick-bottom{position:fixed;bottom:60px;width:100%;background-color:#fff2e6;margin:auto;padding:15px}body #profileScreen{height:100%;min-height:100vh;background-color:#fff2e6}body #profileScreen>.container{padding:0}body #profileScreen .mobile-navbar{background-color:transparent;border:none;margin-bottom:10px}body #profileScreen .theme-color{color:#ff830e}body #profileScreen a{color:inherit}body #profileScreen .img-wrapper{padding-top:40px;border-radius:50%;text-align:center;padding-bottom:15px;display:flex;justify-content:center}body #profileScreen .img-wrapper .avatar{border:3px solid #fff;height:90px;width:90px;border-radius:50%}body #profileScreen .img-wrapper .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100%;height:100%}body #profileScreen .name{width:95%;color:#000;font-size:18px;text-align:center;margin:auto auto 15px;line-height:1.5rem}body #profileScreen .name span{font-size:11px;font-weight:400}body #profileScreen .profile-section{background-color:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:10px;width:90%;margin:auto;padding-bottom:20px;font-family:Open Sans Semibold}body #profileScreen .profile-section .menu{display:flex;width:100%;align-items:center;margin:auto;padding:22px 15px 5px 20px}body #profileScreen .profile-section .menu .menu-name{width:100%;font-size:13px;padding-left:20px}body #profileScreen .profile-section .menu .notification{width:15%;text-align:center}body #profileScreen .profile-section .menu .notification span{background-color:#e50f19;border-radius:35px;color:#fff;font-size:10px;padding:2px 8px}body #profileScreen .btn-submit{margin-top:30px;text-align:center;margin-bottom:15px}body #profileScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #editProfileScreen{height:100%;min-height:100vh}body #editProfileScreen>.container{padding:0}body #editProfileScreen .mobile-navbar{margin-bottom:10px}body #editProfileScreen .theme-color{color:#ff830e}body #editProfileScreen .avatarWrapper{width:95%;margin:auto;display:flex;padding-top:74px;border-radius:50%;text-align:center;padding-bottom:15px;align-items:center}body #editProfileScreen .avatarWrapper .profile{border:3px solid #fff;width:90px;max-width:70%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}body #editProfileScreen .avatarWrapper .notification{margin-right:10px;margin-left:-20px}body #editProfileScreen .avatarWrapper .notification span{background-color:#e50f19;border-radius:35px;color:#fff;font-size:11px;font-weight:700;padding:3px 7px}body #editProfileScreen .avatarWrapper .img-wrapper{border-radius:50%;text-align:center}body #editProfileScreen .avatarWrapper .img-wrapper .avatar{height:85px;width:85px}body #editProfileScreen .avatarWrapper .img-wrapper .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100%;height:100%}body #editProfileScreen .avatarWrapper .upload-icon{text-align:right}body #editProfileScreen .avatarWrapper .upload-icon img{margin-top:-55px;margin-left:-20px}body #editProfileScreen .avatarWrapper #avatar{opacity:0;position:absolute;z-index:-1}body #editProfileScreen .update-action{width:90%;background-color:#fff;border-radius:10px;margin:auto auto 40px}body #editProfileScreen .update-action .form .form-field{border-bottom:1px solid #e1e1e1;display:flex;align-items:center;margin-bottom:10px;padding-bottom:5px;font-family:Open Sans Regular;color:#000}body #editProfileScreen .update-action .form .form-field ::-moz-placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #editProfileScreen .update-action .form .form-field :-ms-input-placeholder{opacity:1;font-size:14px}body #editProfileScreen .update-action .form .form-field ::placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #editProfileScreen .update-action .form .form-field :-ms-input-placeholder{color:#cfcfcf}body #editProfileScreen .update-action .form .form-field ::-ms-input-placeholder{color:#cfcfcf}body #editProfileScreen .update-action .form .form-field .input-label{margin:0;width:30%;font-size:13px}body #editProfileScreen .update-action .form .form-field .input-label img{width:20px}body #editProfileScreen .update-action .form .form-field .input{flex:1;margin-left:10px;padding-top:10px;padding-bottom:5px}body #editProfileScreen .update-action .form .form-field .input input{background-color:transparent;border:none;padding:8px;font-size:12px;width:90%;outline:0;color:#7f7f7f;font-family:Open Sans Semibold}body #editProfileScreen .update-action .form .form-field:focus-within{border-bottom:1px solid #ff830e}body #editProfileScreen .btn-submit{text-align:center;margin-bottom:50px}body #editProfileScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #clockInScreen{height:100%;min-height:100vh}body #clockInScreen>.container{padding:0}body #clockInScreen .mobile-navbar{position:fixed;width:100%}body #clockInScreen .mobile-navbar .left{width:25%}body #clockInScreen .mobile-navbar .right{width:11%;text-align:right}body #clockInScreen .mobile-navbar .right .footnote{background-color:#ff830e;font-size:10px;margin-left:-15px;border-radius:15px;color:#fff;height:10px;padding:1px 5px;border:1px solid transparent;vertical-align:super}body #clockInScreen .label-welcome-wrapper{width:95%;margin:auto;padding-top:66px}body #clockInScreen .label-welcome-wrapper .working-hour{font-size:13px;color:#a39f9b;margin-bottom:10px}body #clockInScreen .label-welcome-wrapper .clock-in-info{font-size:13px;color:#007bff!important}body #clockInScreen p{width:70%;margin:auto;text-align:center;font-size:11px}body #clockInScreen .btn-clock{font-size:13px;color:#fff;background-color:#ff830e;padding:1px 20px;margin-right:10px;height:35px;width:100px;border-color:#ff830e;border-radius:20px}body #clockInScreen .clock-in-img{width:85%;height:200px;border-radius:10px;border:1px solid #e1e1e1;display:flex;align-items:center;padding:10px;margin:30px auto 10px}body #clockInScreen .clock-in-img img{max-height:100%}body #clockInScreen #attachment{opacity:0;position:absolute;z-index:-1}body #clockInScreen .touch-flex-cell{margin-right:10px!important}body #clockInScreen .status-wrapper{width:90%;margin:auto;padding-bottom:100px}body #clockInScreen .status-wrapper .status-item{display:flex;background-color:#f5f5f5;border-radius:5px;align-items:center;margin-bottom:15px;padding-top:6px}body #clockInScreen .status-wrapper .status-item .img-wrapper{border-radius:50%;text-align:center;padding:10px 15px 15px}body #clockInScreen .status-wrapper .status-item .img-wrapper .avatar{height:35px;width:35px}body #clockInScreen .status-wrapper .status-item .img-wrapper .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100%;height:100%}body #clockInScreen .status-wrapper .status-item .info{font-size:13px;padding-bottom:5px;align-items:center}body #clockInScreen .theme-color{color:#ff830e}body #clockInScreen hr.divider{width:95%;margin:auto;border-top:1px solid #e1e1e1}body #clockInScreen a{text-decoration:none}body #clockInScreen .btn-submit{margin-top:20px;text-align:center;margin-bottom:15px}body #clockInScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:55%;height:20%;font-size:14px;margin-bottom:15px;padding:10px}body #clockInScreen .btn-submit .btn-outline{background-color:#fff!important;color:#ff830e!important;border:1px solid #ff830e}body #clockInScreen .btn-submit .btn-disable{background-color:#fff!important;color:#b5b5b5!important;border:1px solid #b5b5b5;pointer-events:none}body #clockInScreen .message{font-size:14px}body #clockInScreen .modal .modal-content{width:90%;margin:auto;border-radius:20px;font-size:13px;text-align:center}body #clockInScreen .modal .modal-footer{display:grid;border-top:none;justify-content:center}body #clockInScreen .resetDefault .modal-content{width:80%!important}body #clockInScreen .resetDefault .title{font-size:15px;color:#000;font-weight:700}body #clockInScreen .resetDefault .modal-footer{display:inherit;border-top:none;justify-content:center}body #clockInScreen .resetDefault .content{width:90%;margin:auto;font-family:Open Sans Regular;font-size:12px}body #clockInScreen .btn-confirm{background-color:#ff830e!important;color:#fff;font-size:13px!important;font-weight:700;padding:10px 50px;border-radius:50px!important}body #clockInScreen .btn-outline{background-color:#fff!important;color:#000;width:40%;font-family:Open Sans Semibold;font-size:13px;font-weight:700;border-radius:20px;border-color:#7f7f7f}body #clockInScreen .btn-reset{background-color:#ff830e!important;color:#fff;width:40%;font-family:Open Sans Semibold;font-size:13px;border-radius:20px!important}body #clockInScreen .form-control{text-align:center}body #clockInScreen .input-text{font-family:Open Sans Semibold;color:#ff830e;font-size:30px}body #clockInScreen .input-text:focus-within{border:2px solid #ff830e!important}body #weeklyDutyScreen{height:100%;min-height:100vh;background-color:#f7f7f7}body #weeklyDutyScreen>.container{padding:0}body #weeklyDutyScreen .fixed-header{position:fixed;top:0}body #weeklyDutyScreen .fixed-header .mobile-header{display:flex;padding:10px;align-items:center;border-bottom:1px solid #f5f5f5;background-color:#fff}body #weeklyDutyScreen .fixed-header .mobile-header .left{width:10%}body #weeklyDutyScreen .fixed-header .mobile-header .center{text-align:center;color:#000;font-weight:700;font-size:15px;width:80%}body #weeklyDutyScreen .fixed-header .mobile-header .right{width:10%;text-align:right}body #weeklyDutyScreen .fixed-header .date-range-wrapper{padding-bottom:20px;padding-top:20px;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}body #weeklyDutyScreen .fixed-header .date-range-wrapper .branch-name{width:95%;font-size:14px;margin:auto auto 15px;text-align:center;word-wrap:break-word;font-family:Open Sans Bold}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section{display:flex;width:90%;align-items:center;font-size:15px;margin:auto auto 20px}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .arrow-left{margin-top:-2px}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .date-range{margin:auto;text-align:center;color:#b5b5b5;font-size:14px}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .date-range .datetimepicker-input{border:none;width:25%;max-width:25%;text-align:center;color:#ff830e;font-size:14px;font-family:Open Sans Semibold}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .date-range .datetimepicker-input::-moz-placeholder{color:#ff830e}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .date-range .datetimepicker-input:-ms-input-placeholder{color:#ff830e}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .date-range .datetimepicker-input::placeholder{color:#ff830e}body #weeklyDutyScreen .fixed-header .date-range-wrapper .date-range-section .arrow-right{width:5%}body #weeklyDutyScreen .fixed-header .date-range-wrapper .days-section{display:flex;width:90%;margin:auto;justify-content:space-between}body #weeklyDutyScreen .fixed-header .date-range-wrapper .days-section .days{font-size:14px;font-weight:700;color:#000;margin-left:-2px}body #weeklyDutyScreen .fixed-header .date-range-wrapper .days-section .today{border-radius:15px;background-color:#ff830e;color:#fff;padding:2px 4px;margin-left:-5px;margin-top:-2px;font-weight:700}body #weeklyDutyScreen .tabWrapper{padding-top:210px}body #weeklyDutyScreen .tabWrapper .tab-selection{background-color:#e1e1e1;font-size:12px;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);color:#bbbdbf;border-radius:50px;width:35%}body #weeklyDutyScreen .tabWrapper .tab-selection .nav-item{width:50%;text-align:center}body #weeklyDutyScreen .tabWrapper .tab-selection .nav-link{color:#b5b5b5;font-size:11px;padding:5px 0;border-radius:15px}body #weeklyDutyScreen .tabWrapper .tab-selection .active{color:#fff;background-color:#ff830e}body #weeklyDutyScreen p{width:70%;margin:auto;text-align:center;font-size:11px}body #weeklyDutyScreen .btn-clock{font-size:13px;color:#fff;background-color:#ff830e;padding:1px 20px;margin-right:10px;height:35px;width:100px;border-color:#ff830e;border-radius:20px}body #weeklyDutyScreen .status-wrapper{width:90%;margin:auto}body #weeklyDutyScreen .status-wrapper .status-item{display:flex;background-color:#fff;border-radius:5px;align-items:center;margin-bottom:15px;padding:15px}body #weeklyDutyScreen .status-wrapper .status-item .img-wrapper{padding-top:10px;border-radius:50%;text-align:center;padding-bottom:15px;padding-right:20px}body #weeklyDutyScreen .status-wrapper .status-item .img-wrapper .avatar{height:50px;width:50px}body #weeklyDutyScreen .status-wrapper .status-item .img-wrapper .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100%;height:100%}body #weeklyDutyScreen .status-wrapper .status-item .info{font-size:13px;padding-bottom:5px}body #weeklyDutyScreen .status-wrapper .status-item .info .shift{font-family:Open Sans Bold;font-size:15px}body #weeklyDutyScreen .status-wrapper .status-item .info small{font-family:Open Sans Light;font-size:12px}body #weeklyDutyScreen .selected{border-left:6px solid #ff830e}body #weeklyDutyScreen .selected .name,body #weeklyDutyScreen .theme-color{color:#ff830e}body #weeklyDutyScreen hr.divider{width:95%;margin:auto;border-top:1px solid #e1e1e1}body #weeklyDutyScreen a{text-decoration:none}body #weeklyDutyScreen .btn-submit{margin-top:20px;text-align:center;margin-bottom:15px}body #weeklyDutyScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:55%;height:20%;font-size:14px;margin-bottom:15px;padding:10px}body #weeklyDutyScreen .btn-submit .btn-outline{background-color:#fff!important;color:#ff830e!important;border:1px solid #ff830e}body #weeklyDutyScreen .btn-submit .btn-disable{background-color:#fff!important;color:#b5b5b5!important;border:1px solid #b5b5b5}body #weeklyDutyScreen .daterangepicker{margin:auto!important;left:0!important;right:0!important}body #weeklyDutyScreen .daterangepicker .drp-buttons{padding:6px!important}body #weeklyDutyScreen .bootstrap-datetimepicker-widget{margin:auto;z-index:1}body #checkInHistoryScreen{height:100%;min-height:100vh}body #checkInHistoryScreen>.container{padding:0}body #checkInHistoryScreen p{width:70%;margin:auto;text-align:center;font-size:11px}body #checkInHistoryScreen .btn-clock{font-size:13px;color:#fff;background-color:#ff830e;padding:1px 20px;margin-right:10px;height:35px;width:100px;border-color:#ff830e;border-radius:20px}body #checkInHistoryScreen .history-wrapper{width:90%;margin:66px auto auto}body #checkInHistoryScreen .history-wrapper .history-item{display:flex;background-color:#fff;border-radius:5px;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}body #checkInHistoryScreen .history-wrapper .history-item .avatar{background-color:#fff2e6;border-radius:50%;text-align:center;padding:14px 13px;margin-right:20px;margin-top:10px}body #checkInHistoryScreen .history-wrapper .history-item .info{width:100%;margin:auto;font-size:12px;padding-bottom:5px;padding-right:10px;color:#000;font-family:Open Sans Regular}body #checkInHistoryScreen .history-wrapper .history-item .info .date{font-weight:700;font-size:14px;border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-left:-5px;font-family:Open Sans Semibold}body #checkInHistoryScreen .history-wrapper .history-item .info .date small{font-size:12px}body #checkInHistoryScreen .theme-color{color:#ff830e}body #checkInHistoryScreen hr.divider{width:95%;margin:auto;border-top:1px solid #e1e1e1}body #checkInHistoryScreen a{text-decoration:none}body #checkInHistoryScreen .btn-submit{margin-top:20px;text-align:center;margin-bottom:15px}body #checkInHistoryScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:55%;height:20%;font-size:14px;margin-bottom:15px;padding:10px}body #checkInHistoryScreen .btn-submit .btn-outline{background-color:#fff!important;color:#ff830e!important;border:1px solid #ff830e}body #checkInHistoryScreen .btn-submit .btn-disable{background-color:#fff!important;color:#b5b5b5!important;border:1px solid #b5b5b5}body #checkInHistoryScreen .daterangepicker{margin:auto!important;left:0!important;right:0!important}body #checkInHistoryScreen .daterangepicker .drp-buttons{padding:6px!important}body #securityScreen{height:100%;min-height:100vh;background-color:#f7f7f7}body #securityScreen>.container{padding:0}body #securityScreen .mobile-navbar{background-color:#fff;border:none}body #securityScreen .theme-color{color:#ff830e}body #securityScreen .securityWrapper{padding-top:44px;background-color:#fff}body #securityScreen .tab-selection{background-color:transparent;color:#bbbdbf;border-bottom:1px solid #f5f5f5;margin-bottom:10px}body #securityScreen .tab-selection .nav-item{margin-right:35px;margin-left:35px;text-align:center;margin-bottom:-1px}body #securityScreen .tab-selection .nav-link{font-family:Open Sans Regular;color:#7f7f7f;font-size:13px;border-radius:0;padding-left:0;padding-right:0;padding-bottom:3px}body #securityScreen .tab-selection .active{font-family:Open Sans Bold;color:#ff830e;font-weight:700;background-color:transparent;border-bottom:2px solid #ff830e;padding-left:0;padding-right:0}body #securityScreen .update-action{width:90%;background-color:#fff;border-radius:10px;margin:auto auto 30px}body #securityScreen .update-action .form .form-field{border-bottom:1px solid #e1e1e1;display:flex;align-items:center;margin-bottom:10px;padding-bottom:5px;font-family:Open Sans Regular}body #securityScreen .update-action .form .form-field ::-moz-placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #securityScreen .update-action .form .form-field :-ms-input-placeholder{opacity:1;font-size:14px}body #securityScreen .update-action .form .form-field ::placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #securityScreen .update-action .form .form-field :-ms-input-placeholder{color:#cfcfcf}body #securityScreen .update-action .form .form-field ::-ms-input-placeholder{color:#cfcfcf}body #securityScreen .update-action .form .form-field .input-label{width:30%;margin:0 30px 0 0;font-size:13px;color:#000}body #securityScreen .update-action .form .form-field .input-label img{width:20px}body #securityScreen .update-action .form .form-field .input{flex:1;margin-left:10px;padding-top:10px;padding-bottom:5px}body #securityScreen .update-action .form .form-field .input input{background-color:transparent;border:none;padding:8px;font-size:12px;width:90%;outline:0}body #securityScreen .update-action .form .form-field:focus-within{border-bottom:1px solid #ff830e}body #securityScreen .btn-submit{text-align:center;margin-bottom:15px}body #securityScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #securityScreen .btn-submit .btn-outline{background-color:#fff!important;color:#ff830e!important;border:1px solid #ff830e}body #settingScreen{height:100%;min-height:100vh;background-color:#f7f7f7}body #settingScreen>.container{padding:0}body #settingScreen .mobile-navbar{background-color:#fff}body #settingScreen .theme-color{color:#ff830e}body #settingScreen a{color:inherit}body #settingScreen .profile-section{background-color:#fff;font-family:Open Sans Regular;color:#000}body #settingScreen .profile-section .menu{padding-top:12px;padding-bottom:12px;padding-right:10px;display:flex;width:95%;margin-left:20px;border-bottom:1px solid #f5f5f5;align-items:center;font-size:13px}body #settingScreen .profile-section .menu .menu-name{width:100%;padding-left:5px}body #settingScreen .btn-submit{margin-top:30px;text-align:center;margin-bottom:15px}body #settingScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body #forgotScreen{height:100%;min-height:100vh}body #forgotScreen>.container{padding:0}body #forgotScreen .header{height:350px;position:relative;z-index:10}body #forgotScreen .header .logo{max-width:62%;max-height:80%}body #forgotScreen .logo-center{height:100%;display:flex;justify-content:center;align-items:center}body #forgotScreen .label-join-now-wrapper{background-color:#fff;padding-bottom:10px}body #forgotScreen .alert{margin-bottom:15px}body #forgotScreen .login-action{width:80%;margin:auto;background-color:#fff;border-radius:10px}body #forgotScreen .login-action .form .form-field{border-bottom:1px solid #cfcfcf;display:flex;align-items:center;padding-left:10px;margin-bottom:15px}body #forgotScreen .login-action .form .form-field ::-moz-placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #forgotScreen .login-action .form .form-field :-ms-input-placeholder{opacity:1;font-size:14px}body #forgotScreen .login-action .form .form-field ::placeholder{color:#cfcfcf;opacity:1;font-size:14px}body #forgotScreen .login-action .form .form-field :-ms-input-placeholder{color:#cfcfcf}body #forgotScreen .login-action .form .form-field ::-ms-input-placeholder{color:#cfcfcf}body #forgotScreen .login-action .form .form-field .input-label{margin:0}body #forgotScreen .login-action .form .form-field .input-label img{width:20px}body #forgotScreen .login-action .form .form-field .input{flex:1;margin-left:10px;padding-top:5px;padding-bottom:5px}body #forgotScreen .login-action .form .form-field .input input{background-color:transparent;border:none;padding:8px;font-size:12px;outline:0;width:55%}body #forgotScreen .login-action .form .form-field .input-password{display:flex;justify-content:space-between}body #forgotScreen .login-action .form .form-field .input-password a{font-size:11px;color:#000}body #forgotScreen .login-action .form .form-field .input-password a.disabled{pointer-events:none}body #forgotScreen .login-action .form .form-field:focus-within{border-bottom:1px solid #ff830e}body #forgotScreen .btn-submit{margin-top:50px;text-align:center;margin-bottom:15px}body #forgotScreen .btn-submit .btn-theme{background-color:#ff830e!important;width:85%;font-size:15px}body>div.screen{position:relative}body .dateHidden,body .hidden{display:none!important}body .daterangepicker .ranges li.active,body .daterangepicker td.active{background-color:#ff830e}body .mobile-navbar{display:flex;padding:10px;align-items:center;border-bottom:1px solid #f5f5f5;background-color:#fff;position:fixed;width:100%;top:0}body .mobile-navbar .left{width:10%}body .mobile-navbar .center{text-align:center;color:#000;font-weight:700;font-size:15px;width:80%}body .mobile-navbar .right{width:10%;text-align:right}body .table-listing .custom-select{min-width:60px}body .btn-status{cursor:pointer}body .swal2-modal{padding:10px!important;border-radius:20px!important;margin-left:20px!important;margin-right:20px!important}body .swal2-modal .swal2-title{font-size:17px;color:#000}body .message{width:80%;margin:auto;font-size:13px;font-family:Open Sans Regular}body .btn-set{background-color:#ff830e!important;width:55%!important;height:20%!important;font-size:13px!important;font-weight:700;margin-bottom:20px;padding:8px;border-radius:50px!important}body a#main-logo-link:active,body a#main-logo-link:hover,body a#main-logo-link:link,body a#main-logo-link:visited{color:#fff;text-decoration:none}body .font-bold{font-weight:700}body .alert{width:80%;margin:auto}body .btn-theme,body a.btn-theme,body a.btn-theme:hover,body a.btn-theme:visited{background-color:#2fb865;color:#fff!important;padding:12px 40px;border-radius:50px;border:0;font-size:12px}body .landing-splash{background-image:url(/assets/employee/images/landing-splash.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100%}body .landing-splash .landing-logo{position:absolute;bottom:0;padding:20px;margin:5px}body .landing-splash .landing-logo img{width:50%}body .footer-tabbar{display:flex;justify-content:space-evenly;border-top:1px solid #e8e8e8;background-color:#fff;padding-top:10px;padding-bottom:5px;position:fixed;bottom:0;left:0;width:100%}body .footer-tabbar .item,body .footer-tabbar .item .icon{text-align:center}body .footer-tabbar .item .icon img{margin:auto;width:25px}body .footer-tabbar .item .icon .active{display:none}body .footer-tabbar .item .label{font-size:10px;margin-top:5px;color:#bbbdbf}body .footer-tabbar .item a{text-decoration:none!important}body .footer-tabbar .item.selected .active{display:block}body .footer-tabbar .item.selected .inactive{display:none}body .footer-tabbar .item.selected .label{color:#000}body .company-footer{background-color:transparent;position:absolute;bottom:0;left:0;width:100%}body .company-footer .footer-text{font-size:10px;text-align:center;padding-bottom:25px;margin-top:20px}