.style-css-default a{text-decoration:none;color:#323232;outline:none}.style-css-default a:hover{text-decoration:none}.style-css-default .breadcrumb>.active{color:#888}.style-css-default img{max-width:100%}.style-css-default button{outline:none}.style-css-default input{display:block}.style-css-default .form-control{border-color:#d7d7d7;text-indent:0;padding:5px}.style-css-default input.form-control{height:40px}.custom-input .form-control{border-top-left-radius:5px !important;border-bottom-left-radius:5px !important}.style-css-default h1{font-size:52px}.style-css-default h2{font-size:32px}.style-css-default h3{font-size:24px}.style-css-default h4{font-size:18px}.style-css-default h5{font-size:16px}.style-css-default h6{font-size:15px}.style-css-default p{font-size:13px;font-family:sans-serif}.style-css-default label,.style-css-default b,.style-css-default strong,.style-css-default em,.style-css-default i{color:#8692a6}.style-css-default b,.style-css-default span,.style-css-default label{font-size:13px}.style-css-default .mt-10{margin-top:10px}.style-css-default .mt-20{margin-top:20px}.style-css-default .mt-30{margin-top:30px}.style-css-default .mt-40{margin-top:40px}.style-css-default .mt-50{margin-top:50px}.style-css-default .mt-60{margin-top:60px}.style-css-default .mt-70{margin-top:70px}.style-css-default .mb-10{margin-bottom:10px !important}.style-css-default .mb-15{margin-bottom:15px}.style-css-default .mb-20{margin-bottom:20px}.style-css-default .mb-30{margin-bottom:30px}.style-css-default .mb-40{margin-bottom:40px}.style-css-default .mb-50{margin-bottom:50px}.style-css-default .mb-60{margin-bottom:60px}.style-css-default .mb-70{margin-bottom:70px}.style-css-default .m10{margin:10px}.style-css-default .m15{margin:15px}.style-css-default .m20{margin:20px}.style-css-default .m25{margin:25px}.style-css-default .m30{margin:30px}.style-css-default .m35{margin:35px}.style-css-default .m40{margin:40px}.style-css-default .m45{margin:45px}.style-css-default .m50{margin:50px}.style-css-default .m55{margin:55px}.style-css-default .m60{margin:60px}.style-css-default .m65{margin:65px}.style-css-default .m70{margin:70px}.style-css-default .ml-0{margin-left:0}.style-css-default .mr-0{margin-right:0}.style-css-default .ml-15{margin-left:15px}.style-css-default .ml-5{margin-left:5px}.style-css-default .mt-0{margin-top:0}.style-css-default .mb-0{margin-bottom:0}.style-css-default .p10{padding:10px}.style-css-default .p15{padding:15px}.style-css-default .p20{padding:20px}.style-css-default .p25{padding:25px}.style-css-default .p30{padding:30px}.style-css-default .p35{padding:35px}.style-css-default .p40{padding:40px}.style-css-default .pl-0{padding-left:0}.style-css-default .pr-0{padding-right:0}.style-css-default .pt-0{padding-top:0}.style-css-default .pb-0{padding-bottom:0}section.bg-main-content{padding:15px;width:100%;margin:0;float:left;margin-bottom:-15px}.main-content-body{background:#fff;padding:15px;border-radius:8px;width:100%;float:left;font-family:sans-serif}.btn-defaultv1{background:#0a75ba;color:#fff !important}.btn-defaultv1:hover{background:#fff !important;color:#0a75ba !important}::-webkit-scrollbar{width:8px;z-index:999 !important}::-webkit-scrollbar-track{background:#f3f3f3;z-index:999 !important}::-webkit-scrollbar-thumb{background:#cacaca;border-radius:0;z-index:999 !important}::-webkit-scrollbar-thumb:hover{background:#cacaca;opacity:.5}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-thumb:horizontal{background:#cacaca;border-radius:0}::-webkit-scrollbar-thumb:horizontal:hover{background:#cacaca;border-radius:0;opacity:.5}.red-bg{background:#e64d3d !important}.red-text{color:#e64d3d !important}.red-border{border-color:#e64d3d !important}.yellow-bg{background:#ffb800 !important}.yellow-text{color:#ffb800 !important}.yellow-border{border-color:#ffb800 !important}.brand-bg{background:#0a75ba !important}.brand-text{color:#0a75ba !important}.brand-border{border-color:#0a75ba !important}.mrb-10{margin-bottom:10px}#formContent{padding:0}.containerNew-126{width:1024px;margin:30px auto !important}.sucol-announcement-bg{background:#fff;padding:20px !important;border-radius:5px;display:flex}.containerNew-126 .talentprofile_tabs .tab-content .tab-pane{margin:0}.containerNew-126 .talentprofile_tabs .nav{margin:0;margin-bottom:20px;margin-top:-20px !important}.containerNew-126 .talentprofile_tabs .chart_spider_compentency{padding:0;margin:0}.containerNew-126 .readed-announcement{padding:0}.containerNew-126 .list-contact-right-ann{padding:0 50px 0 0}.profile-personal-left{width:100%;background:#fff;border-radius:5px;padding:20px;float:left}.pic-profile-left{width:100%;text-align:center;border-radius:8px;padding:15px}.pic-profile-left p,.pic-profile-left b{color:#fff;font-size:16px;font-weight:500;width:100%}.pic-img-profile-left{width:100%;padding-bottom:10px}.info-profile-personal{width:100%}.info-profile-personal .info-jobtitle-profile .label-profile-personal label{padding-bottom:0;padding-top:2px}.info-profile-personal .info-jobtitle-profile .label-profile-personal p{padding-top:0}.info-jobtitle-profile{width:100%;position:relative;margin:10px 0;min-height:37px}.label-profile-personal{padding-left:42px}.label-profile-personal p{color:#292c2f;font-size:13px}.label-profile-personal label{color:#888}.notifi-news-profile{width:100%}.notifi-news-profile ul{width:100%}.notifi-news-profile ul li{border:none !important;margin-bottom:0 !important;border-radius:0 !important;position:relative;cursor:pointer}.notifi-news-profile ul li:nth-last-child(1){border-radius:none !important}.notifi-news-profile ul li a{width:100%;font-style:normal;color:#292c2f;float:left;padding-left:10px}.notifi-news-profile ul li span{position:absolute;right:10px;height:24px;width:24px;border-radius:50%;background:#c4c4c4;text-align:center;line-height:24px;color:#fff}.bgblue-unread{color:#fff !important}.bgyellow-expiring{background:#fc0 !important;color:#fff !important}.containernot-mg{width:1024px !important;margin:auto !important}.containernot-mg .container-fluid .breadcrumb,.containernot-mg .top-link{background:none !important;border:none !important}.title-sc126{margin-bottom:15px;padding:0}.title-sc126 h3{font-size:18px;font-weight:bold;color:#292c2f;padding-top:10px}.icon-attach-announcements{width:100%;display:flex;color:#292c2f;align-content:center;align-items:center;border-top:1px solid #f1f1f1;padding-top:20px}.icon-attach-announcements span{color:#292c2f;padding-right:5px}.containerNew-126 .reading-confirm-announcement span{padding-right:3px;padding-left:3px}.containerNew-126 .reading-confirm-announcement{border:1px solid #c8e8fd}.containerNew-126 .announcement-detail{padding:0;padding-right:30px}.containerNew-126 .tab_myteam_colleguages{border:none !important;padding:0 !important}.containerNew-126 .announcement-detail h1{padding:0;padding-bottom:15px}.fix-pic-content-sc126{width:100%}.fix-pic-content-sc126 img{width:100% !important;max-width:100% !important}.containerNew-126 .announcement-detail h1{font-size:24px}.containerNew-126 .OtherAnnouncements .title-other-ann h2{color:#292c2f}.title-directory{width:100%;padding-bottom:10px}.tab-directory{width:58%;float:left}.search-directory{width:40%;float:right}.tab-directory .nav{background:0}.tab-directory .nav a{height:auto;color:#292c2f}.tab-directory .nav a:hover{border:1px solid #f3f6f9;border-bottom:0}.tab-directory ul.nav li{width:30% !important;text-align:center !important}.search-directory input{width:100%;height:36px;text-indent:10px;border-radius:3px !important}.tab-directory .nav>li>a:focus,.tab-directory .nav>li>a:hover{background:none}.tab-directory .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;background:none;margin-top:1px}.pic-directory-list img{border-radius:50%;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0}.name-employee-directory{position:relative;display:flex;padding:0}.pic-directory-list{position:relative;padding-top:15%;display:block;width:42px;height:42px;margin:10px}.name-employee-sc126{padding-left:5px;display:flex;align-items:center;align-content:center}.row-top-head-sc126{padding-bottom:20px;font-weight:bold}.job-title-directory-sc126{width:40%}.arrow-directory-sc126{width:10%;text-align:right}.row-list-employee-sc126{border:1px solid #f1f1f1;min-height:52px;align-content:center;align-items:center;display:flex;transition:1s;cursor:pointer;border-radius:5px;margin-bottom:10px}.row-list-employee-sc126:hover,.row-list-employee-sc126:focus,.row-list-employee-sc126.active{background:#e8f5fc;border:1px solid #cfecfc}.row-list-employee-sc126:nth-last-child(1){margin-bottom:0}.info-employee-slc-sc126 .profile-personal-left{padding:0}.info-employee-slc-sc126{padding-right:0}.social-sc126 i{height:24px;width:24px;text-align:center;font-size:16px;border:1px solid;border-radius:5px;line-height:22px}.social-sc126 i.fa-facebook{color:#355c97;border-color:#355c97;transition:1s}.social-sc126 i.fa-twitter{color:#2ba4fa;border-color:#2ba4fa;transition:1s}.social-sc126 i.fa-facebook:hover{color:#fff;border-color:#355c97;background:#355c97}.social-sc126 i.fa-twitter:hover{color:#fff;border-color:#2ba4fa;background:#2ba4fa}.item-whoisonleave{width:97%;position:relative}.item-whoisonleave img{width:60px;height:60px;border-radius:50%;position:absolute;left:10px}.item-whoisonleave-core{width:100%;position:relative;transition:1s;cursor:auto}.item-whoisonleave-core img{width:60px;height:60px;border-radius:50%;position:absolute;left:10px;top:12px}.item-whoisonleave-core:hover{background:#e8f5fc;border-color:#cfecfc}.item-whoisonleave-core .info-whoisonleave-core .icgift-brithday h4{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin-bottom:5px}.pd-tab-content-sc126{padding:0}.item-brithday{width:100%;position:relative}.item-brithday img{width:60px;height:60px;border-radius:50%;position:absolute;left:10px;top:10px}.whoisonleave-sc126 ul li a span.check-send-brithday3{overflow:inherit}.whoisonleave-sc126 ul li a span.check-send-brithday3{position:absolute;right:5px;top:45%;align-items:center;align-content:center}.whoisonleave-sc126 ul{padding:0;margin:0}.whoisonleave-sc126 ul li{list-style:none;border:1px solid #f1f1f1;padding:0;border-radius:5px;transition:1s;margin-bottom:10px;cursor:auto}.whoisonleave-sc126 ul li:hover,.whoisonleave-sc126 ul li:focus,.whoisonleave-sc126 ul li.active{background:#e8f5fc;border:1px solid #cfecfc}.whoisonleave-sc126 ul li a span{color:#74787b;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:2px}.info-whoisonleave h4{font-size:14px;font-weight:600;padding-bottom:2px;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:17px;max-width:calc(25em*.5)}.onleave-marrgin-top .info-whoisonleave h4{max-width:inherit}.info-whoisonleave span{font-size:12px;color:#74787b}.view-birthday-messeger .whoisonleave-sc126{height:89vh}.view-birthday-messeger{width:100%}.info-whoisonleave h4 span.name-employee-leave-today{font-size:14px;font-weight:bold;padding-right:5px;color:#292c2f}.info-whoisonleave p{font-size:12px;font-weight:300;color:#292c2f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.info-whoisonleave .p-birthday{font-weight:500;max-width:calc(34em*.5)}.info-whoisonleave-core{padding-left:80px;text-align:left;padding-bottom:15px;padding-top:15px}.info-whoisonleave-core h4{font-size:13px;font-weight:600;padding-bottom:5px;margin-bottom:0}.item-whoisonleave-core .span-new-member{overflow:inherit;margin-top:-10px;font-weight:600;padding-left:5px}.item-whoisonleave-core .span-new-member img{position:inherit;height:20px;margin-top:0;left:0;width:auto;padding-left:3px;overflow:auto;border-radius:0}.info-whoisonleave-core span{font-size:12px !important;color:#74787b}.info-whoisonleave .icgift-brithday p{font-size:12px !important;font-weight:500}.info-whoisonleave-core p{font-size:12px;font-weight:500;color:#292c2f;margin-top:5px}.info-whoisonleave{padding-left:80px;text-align:left}.whoisonleave-sc126 ul.view-brithday{padding:0;margin:0;text-align:left}.whoisonleave-sc126 ul.view-brithday li{display:inline-flex;margin-right:0}.label-view-brithday{text-align:left;width:100%;padding-bottom:5px}ul.view-brithday li{padding:0;margin:0 0 10px 0}ul.view-brithday li a{color:#292c2f;transition:1s;padding:3px 5px;clear:both;transition:1s;border-radius:5px;font-size:11px;cursor:pointer}ul.view-brithday li a:hover,ul.view-brithday li a:focus,ul.view-brithday li a.active{color:#fff}.icgift-brithday{display:inline-flex;width:100%}.icgift-brithday .fa-gift{color:#f00 !important;font-size:15px;padding-top:3px;padding-right:5px;padding-left:3px}.item-whoisonleave-core span.fa-gift{color:#f00 !important;font-size:15px !important;padding-top:0;margin-top:-6px;padding-left:3px}.check-send-brithday{position:absolute;right:10px;top:45%;align-items:center;align-content:center}.sty-checkbox-bt{height:20px;width:20px}.btn-sendgift{position:fixed;bottom:0;text-align:center;width:295px;background:#fff;padding-bottom:10px;margin-top:10px;padding-top:10px}.btn-sendgift button{background:#fff;padding:10px 4px;border-radius:5px;transition:1s;text-align:center;width:80%;margin-left:11%}.icon-sent-birthday{position:absolute;top:20px;right:58px;justify-content:right}.icon-sent-birthday img{height:16px;left:4px}.btn-sendgift button span{color:#f00;font-size:16px}.btn-sendgift button:hover{color:#fff}.selectall-sendgift{width:60%;display:flex;text-align:right;padding:0;justify-content:right}.filter-view-days input{width:16px !important;height:16px !important}.filter-view-days select{font-size:14px;line-height:22px}.filter-view-days select:focus{background:#fff !important}.selectall-sendgift input{display:block;top:-2px;cursor:pointer;margin-top:4px;width:16px;height:16px}.check-send-brithday .sty-checkbox-bt{width:16px !important;height:16px !important;margin-top:9px}.selectall-sendgift label{display:inline-flex}.selectall-sendgift label span{padding-right:5px;line-height:26px;font-size:13px}.cardgift-sendsc126 ul{margin:0;padding:10px;text-align:left}.cardgift-sendsc126 ul li{width:42px;height:42px;display:inline;position:relative;padding:5px}.cardgift-sendsc126 ul li img{width:42px;height:42px;border-radius:50%;margin-bottom:10px;transition:1s}.cardgift-sendsc126 ul li img:hover,.cardgift-sendsc126 ul li img.active,.cardgift-sendsc126 ul li img:focus{opacity:.5}.cardgift-sendsc126 ul li span{position:absolute;height:18px;width:18px;background:#afabb0;border-radius:50%;text-align:center;line-height:16px;right:-4px;top:-14px;cursor:pointer;color:#fff;font-size:10px}.cardgift-slct ul{margin:0;padding:10px;text-align:left;display:contents}.cardgift-slct ul li{width:21%;position:relative;margin-bottom:10px;margin:5px;float:left;list-style:none;cursor:pointer}.cardgift-slct ul li img{width:100%;border:1px solid #d1d1d1;transition:1s;width:62px;height:48px}.cardgift-slct ul li img:hover,.cardgift-slct ul li img.active,.cardgift-slct ul li img:focus{opacity:.6}.cardgift-slct h3{font-size:14px;font-weight:600;text-align:left;color:#292c2f;margin-top:20px;margin-bottom:10px}.select-cardgift-check ul li{position:relative;justify-content:center;align-items:center;align-content:center;display:flex}.select-cardgift-check ul li span{position:absolute;height:20px;width:20px;color:#fff;border-radius:50%;text-align:center;line-height:20px}.navbar-inverse .navbar-nav i{padding-top:1px}.content-cardgift{width:100%;float:left;clear:both}.content-cardgift label{font-size:14px;width:100%;text-align:left;font-weight:600}.content-cardgift h3{font-size:14px;text-align:left;font-weight:bold}.content-cardgift textarea{font-size:14px;width:100%;text-align:left;min-height:100px;text-indent:5px;margin-bottom:50px;border-radius:5px !important}.form-button-gift{text-align:center;display:block}.cardgift-sendsc126 .info-whoisonleave{padding-left:36px}.cardgift-sendsc126 .item-brithday img{width:26px;height:26px;border-radius:50%;margin-bottom:10px}.scroll-fix-sc126{height:150px;overflow-y:scroll;border:1px solid #e3e3e3;padding:10px;border-radius:8px}.fix-img-item{width:32px;position:absolute}.img-list-sent-gift{position:relative;padding-top:100%;display:block}.img-list-sent-gift img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;border-radius:50%}.item-brithday-list{width:100%;position:relative;display:flex;height:40px;align-items:center;align-content:center}.item-brithday-list h4{font-size:13px;padding-left:44px;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.item-brithday-list p{width:100%;clear:both}.avatar-img-birthday-news img{width:30px;height:30px}.birthdayview-list{padding-left:35px}#popup-leave-day-container li .item-whoisonleave .info-whoisonleave h4{display:flex}#popup-leave-day-container li .item-whoisonleave .info-whoisonleave h4 span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#popup-leave-day-container li .item-whoisonleave .info-whoisonleave h4 b{height:17px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:103px}.avatar-img-birthday-news img{left:0}.birthdayview-list span{color:#c4c4c4}.avatar-img-birthday-news{text-align:left;color:#292c2f}.avatar-img-birthday-news p{padding-bottom:5px;margin-bottom:0;font-size:13px;padding-top:5px;font-weight:bold;color:#292c2f}.image-post-cardgift{padding:0}.image-post-cardgift img{max-width:100%;border:1px solid #f1f1f1}.content-post-birthday{padding-bottom:20px}.view-birthday-messeger .content-post-birthday{padding-bottom:15px;border-bottom:1px solid #f1f1f1;padding-top:5px}.view-birthday-messeger .content-post-birthday:nth-child(1){padding-top:0}.content-post-birthday:nth-last-child(1){padding-bottom:70px}.template-email-birthday{padding:10px;border:1px solid #f1f1f1;border-radius:5px;text-align:left;margin-bottom:100px;min-height:415px}.template-email-birthday img{max-width:100%;padding:10px 0}.template-email-birthday strong{font-size:18px;font-weight:normal}.template-email-birthday h2{font-size:16px}.template-email-birthday p{font-size:13px;text-align:left;justify-content:center}#toggle-menu.collapse .main-menu #toggle-menu .genericon{right:5px !important}.ava-dashboard img{border-radius:50%;border:2px solid #ffffff4a;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff}.home-con-icon-new{width:60px;height:60px;background:none !important;border-radius:100px;margin:0 auto;margin-bottom:10px}.home-con-icon-new img{max-width:60px;height:60px;border-radius:100px}.home-ul-notify{display:inline-flex;padding-top:15px;width:100%}.home-ul-module{display:inline-flex;width:100%}.home-ul-module li{cursor:pointer;padding:15px 10px;width:11.11%;text-align:center;transition:.5s}.home-ul-module li:hover{background:#fff;border-radius:8px}.home-ul-module li>h2{font-size:13px !important;font-weight:400 !important;color:#292c2f;line-height:18px}.home-ul-core-module{display:inline-flex;width:100%}.home-ul-core-module li{cursor:pointer;padding:15px 10px;width:11.1%;text-align:center;transition:.5s}.home-ul-core-module li:hover{background:#fff;border-radius:8px}.home-ul-core-module li>h2{font-size:13px;font-weight:400;justify-content:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:18px}.top-menu .nav-user .wrapper-dropdown-1 .dropdown{margin-top:7px;left:auto;right:0}.name-header-custom-sub span{font-size:14px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-left:10px}.home-li-notify label{font-size:13px;color:#fff;padding-top:10px;font-weight:400;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:20px}.icon-nimbus_browser23:before{color:#fff;font-size:17px}.icon-Dashboard23:before{font-size:17px;color:#fff}.img-emp{width:52px;height:52px;border-radius:100px}.top-menu .i-ntf label,.top-menu .i-ntf-have-item label{top:4px;left:5px}.main-menu{height:100%;background:#fff;position:relative}.main .wrapper-dropdown-1{background-color:#fafafa}#genericon_genericon_arrow_function_of.icon-Menu23Left:before{font-size:19px;color:#74787b}.lbl-emp{font-size:24px;color:#fff;padding-left:5px}#sidebar-wrapper .pending-action li a{display:flex}#sidebar-wrapper .pending-action li a .pa_img{position:absolute;width:60px !important;padding-left:0 !important}#sidebar-wrapper .pending-action li a .left{padding-left:65px}.img-emp-hp{width:20px;height:20px}.lbl-emp-hp{font-size:12px;color:#fff;padding-left:5px;text-decoration-line:underline;cursor:pointer;font-weight:400;line-height:22px}.func-notify-number{border-radius:16px;background-color:#fff;color:#fff;font-size:11px;background-color:#e11818;margin-left:5px;height:20px;width:20px;line-height:20px;text-align:center;position:absolute}.OtherAnnouncements .title-des-announcement .Required-Reading-Deadline ul li{padding-bottom:2px}.OtherAnnouncements .title-des-announcement.other-news h2{font-size:13px;line-height:17px}.margin-right-0px{margin-right:0}.text-align-center{text-align:right}icon-angle-right .text-align-left{text-align:left}.text-align-right{text-align:right}.lbl-notify{font-size:16px;font-weight:600;color:#292c2f}.padding-bottom-30px{padding-bottom:30px}.padding-top-30px{padding-top:30px}.padding-top-20px{padding-top:20px}.padding-top-50px{padding-top:50px}.area-birth-day{text-align:left;padding-top:20px}.area-birth-day .label-title{font-size:16px;font-weight:600;color:#292c2f}.area-birth-day div{background:rgba(255,237,241,.5);padding:20px 0 20px 10px;border-radius:5px;margin-top:15px;text-align:left;cursor:pointer;transition:.5s}.area-birth-day div:hover{background:#eef7fe}.area-birth-day .img-notify-emp{width:45px;height:45px;border-radius:100px;border:2px solid #fff}.area-birth-day .notify-number-plus{border-radius:100px;background-color:#0a75ba;color:#fff;font-size:12px;height:45px;border:2px solid #fff;width:45px;display:;padding:0;text-align:center;line-height:41px}.area-new-member{text-align:left;padding-top:20px}.area-new-member .label-title{font-size:16px;font-weight:600;color:#292c2f}.area-new-member .icon-no-data p{padding-top:10px}.area-new-member .label-content{font-size:14px;color:#0a75ba;text-decoration-line:underline;font-weight:400}.area-new-member div{background:rgba(229,246,237,.5);padding:20px 0 20px 10px;border-radius:5px;margin-top:15px;text-align:left;transition:.5s;cursor:pointer;margin-bottom:15px}.area-new-member div:hover{background:#eef7fe}.area-new-member .img-notify-emp{width:45px;height:45px;border-radius:100px;border:2px solid #fff}.area-company-post{padding-top:30px;text-align:right}.area-company-post .label-title{font-size:16px;font-weight:600;color:#292c2f}.area-company-post .company-post-content{padding-top:40px}.area-company-post .item-content{text-align:left;padding-bottom:10px;position:relative}.area-company-post .post-title{font-size:14px;font-weight:600;color:#292c2f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.area-company-post .post-content{padding-left:130px;min-height:90px}.area-company-post .post-read-date{color:#c4c4c4;font-size:12px;font-weight:400}.area-new-member div.new-member-icon span{height:47px;width:47px;border-radius:50%;text-align:center;line-height:44px;padding:0;display:inline-block}.area-company-post .post-img{border-radius:5px;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0}.owl-nav{text-align:center;padding-top:5px}.slider-previous{font-size:18px;background:#eff2fe;color:#74787b;padding:0 8px 3px 8px;border-radius:100px}.slider-next{font-size:18px;background:#0a75ba;color:#fff;padding:0 8px 3px 8px;border-radius:100px;margin-left:5px}.owl-item img{height:100px;border-radius:5px}.owl-item{padding-left:13px;padding-right:13px}.owl-item .item{border:1px solid #f1f1f1;border-radius:5px}.owl-item img{height:60px}.padding-left-0px{padding-left:0 !important}.padding-right-0px{padding-right:0 !important}.padding-left-5px{padding-left:5px}.padding-right-5px{padding-right:5px}.label-category-caption{color:#292c2f;font-weight:500;font-size:18px;padding:15px 0 15px 0}.area-module{background:#fff;border-radius:8px;padding:0 15px 15px 15px;margin-bottom:20px}.area-module h2{font-size:16px;font-weight:600;color:#292c2f;padding-top:20px;padding-left:3px;width:100%;padding-bottom:5px}.area-function{border:1px solid #f1f1f1;border-radius:5px;color:#0b0b0c;margin:4px;padding:15px 10px 15px 10px;margin-bottom:10px;display:flex;align-items:center;position:relative;padding:10px 15px;cursor:pointer;transition:1s}.area-function:hover{background-color:#e8f5fc;border-color:#cfecfc}.area-function-icon{position:absolute}.area-function h3{font-size:13px;font-weight:400;color:#292c2f;word-wrap:break-word;line-height:18px;padding-left:60px;height:60px;align-items:center;align-content:center;display:flex}.area-function img{width:50px;height:50px}.padding-0px{padding:0}.padding-top-5px{padding-top:5px}.padding-top-10px{padding-top:10px}.margin-top-0px{margin-top:0 !important}.area-module-left{padding:0 10px 0 0}.area-module-right{padding:0 0 0 10px}.item-img-companypost{width:120px;position:relative;padding-top:20%;display:block;margin:0;padding-right:0;float:left}.item-img-companypost img{border-radius:5px;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0}.cusstyle-slct .format-form-paui{height:36px;transition:.5s;padding:0;width:200px;float:right}.cusstyle-slct .format-form-paui:hover{border-color:#c8e8fd !important;padding:0;height:36px}.postday-other-companypost b{font-size:12px;color:#c4c4c4}.slider-item{display:inline-flex}.slider-item .area-img{position:relative;padding-top:0%;display:block;width:60px;height:60px;margin-top:20px;margin-left:10px;margin-right:10px;border-radius:50%}.owl-carousel .owl-item .slider-item .area-img img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;border-radius:50%}.slider-item .area-info{padding:20px 10px 20px 0}.slider-item .label1{font-size:13px;font-weight:600;color:#26292a;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.slider-item .label2{font-size:12px;font-weight:300;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.slider-item .label3{font-size:12px;font-weight:500;color:#26292a;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.area-home-info-core{text-align:left;padding-top:20px}.area-home-info-core .info{background:#fafafa;border-radius:5px;text-align:center;height:250px;display:flex;align-items:center;justify-content:center}.area-home-info-core .info .d-image{width:100%;position:absolute}.area-home-info-core .info .d-title{padding-top:80px}.area-home-info-core .info .lable1{font-size:14px;font-weight:500;color:#74787b}.area-home-info-core .label-title{font-size:16px;font-weight:600;color:#292c2f}.area-home-info-core .text-align-left{padding-left:5px;align-items:center;align-content:center;padding-bottom:10px}.area-home-info-core .text-align-right{padding-right:5px}.area-home-info-core .label1{font-size:14px;color:#0a75ba;text-decoration-line:underline;font-weight:400;cursor:pointer}.area-home-info-core .label2{font-size:14px;color:#292c2f;font-weight:500}.area-home-info-core .icon-angle-right{margin-top:0}.area-home-info-core .emp-info{border-radius:5px;border:1px solid #f1f1f1;margin-top:10px;display:inline-flex;align-items:center;padding-left:10px;width:100%}.name-employee-sc126 img{margin-top:-12px;padding-left:3px}.ava-name-dashboard{position:relative;min-height:52px}.ava-name-dashboard label{padding-left:62px;display:flex;align-items:center;align-content:center;min-height:52px;position:absolute}.ava-name-dashboard{position:relative;min-height:52px;display:flex}.icgift-dashboard.mydiv svg path{fill:yellow;animation:myanimation 3s infinite}@keyframes myanimation{0%{fill:red}25%{fill:yellow}50%{fill:green}75%{fill:white}100%{fill:red}}.cus-sty-icbrithday{display:flex;right:15px;text-align:right;justify-content:right;padding:2px 0 0}.nav-icon-responsive .slider-item{display:block}.nav-icon-responsive .slider-item h2{text-align:center;font-size:13px;font-weight:normal}.nav-icon-responsive{display:none}.nav-icon-responsive .owl-carousel .owl-item img{border-radius:50%}.nav-icon-responsive .owl-nav,.nav-icon-responsive .owl-dots{display:none}.containernot-mg .breadcrumb ul li a{font-size:13px}.personal-info-slider{margin-bottom:15px}.personal-info-slider .item.slider-item{cursor:pointer;transition:1s}.personal-info-slider .item.slider-item:hover{background:#e8f5fc;border-color:#cfecfc}.personal-info-slider .owl-stage-outer{margin-bottom:10px}.area-info .label1,.area-info .label2,.area-info .label3{cursor:pointer}.check-send-brithday em{font-size:10px;color:#ccc}.whoisonleave-sc126 .info-whoisonleave .add-id-employee #popup-dashboard-core .info-whoisonleave h4{padding-top:10px;font-size:13px}#popup-dashboard-core .info-whoisonleave{padding-bottom:10px;padding-top:10px}#popup-dashboard-core .info-whoisonleave:nth-last-child(1){margin-bottom:50px}#popup-dashboard-core .check-send-brithday{top:35%}.navbar-header{height:41px !important;padding:0;margin:0;min-height:41px !important}.navbar{border-radius:0;height:41px !important;padding:0;margin:0;min-height:41px !important;margin-left:-15px}.navbar-inverse{height:41px !important;border:none !important;padding:0;margin:0;min-height:41px !important;margin-left:-15px}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0}.container-fluid{padding:0;margin:0}.desktop-notification-panel i.icon.icon-alert::before{font-size:16px;color:#fff}.desktop-function-panel .icon.icon-modules-management{color:#fff;padding:3px 2px}.navbar-nav{height:41px;padding:0;margin:0}.navbar-inverse .navbar-nav .badge{top:-10px;left:-3px;font-size:11px;font-weight:normal;height:14px;width:14px;padding:0;line-height:14px;text-align:center}.navbar-inverse .navbar-nav i.icon-alert{left:8px !important}.fixed-top-sty-filter{top:36px !important}.navbar-nav>li>a{padding-top:8px;padding-bottom:15px}.navbar-inverse .navbar-nav .user-img{top:4px}.navbar-inverse .navbar-nav>li>a{padding-top:10px !important;padding-bottom:10px !important}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#eef7fe}.navbar-right{float:right !important;margin-right:-15px;display:flex;align-items:center;height:41px}#mainForm #header .logo{height:42px}#header{height:42px}.top-menu .search{padding-top:6px;height:41px}.top-menu .top-menu-item{height:42px}.top-menu-item-favourites{margin:11px 15px}.wrapper-dropdown-1{padding:10px 10px 19px 10px;outline:none;cursor:pointer}.name_employee_list_popup .list_employee_team .name_employee_position_myteam h4{max-width:calc(38em*.5)}.filter-cus-myemployee{display:inline-flex;align-items:center}.filter-cus-myemployee i{padding-right:5px}.main{top:41px}.main-menu{height:100vh;background:#fff}.ui-scrollable-tabs .ui-tabs-nav,.ui-scroll-tabs-view{background-color:#efefef !important}.tab-command-icon{color:#74787b}#tabCommand,#olTabCompany,.ui-widget-header,#olTabCompany .tabCompany{background:#efefef !important}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border-top:none !important;border-left:none !important;border-right:none !important}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border-top:none !important;border-left:none !important;border-right:none !important;background:none !important}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#292c2f}#divSupportCountry{height:26px !important}.main-menu #toggle-menu .genericon{font-size:12px;top:4px}.truncate .menu-item-text{padding-left:5px !important}.top-menu-item.search .dxeTextBoxSys td.dxic{padding:0}.genericon-search-employee:before{padding-top:5px;color:#fff;font-size:21px;padding-left:5px}.top-menu-item.search .search_field .dxeTextBox_MetropolisBlueCadena{background-color:#218cd1 !important;border-radius:3px}.menu-item-icon{color:#a5a5a5;min-width:30px;position:relative;top:4px;transition:.6s}#divNotification{top:42px}#divPopupDashboard{top:1px !important}.alert-box .title.text-align-right .fa.fa-close{position:absolute;top:8px;right:10px}.alert-box .title.text-align-right span{padding:0;margin:0}.alert-box .title{text-align:left;min-height:20px;float:left;width:100%;background:#eef7fe;z-index:1}.alert-f .i-close{font-size:15px;color:#74787b;padding-top:1px}.accordion-active .menu-item-text{padding-left:5px}.filter-view-days{display:flex;margin-bottom:15px;align-content:center;align-items:center}.collapse-container{border-right:#efefef solid 1px;border-bottom:0;background:#fff;width:229px;overflow:auto}.arrow-r:after{position:absolute;right:5px;font-size:14px;font-family:'Genericons';content:'';color:#ccc}.collapse-container>:nth-child(odd){font-size:14px;border-top:0;transition:.6s}.arrow-d:after{position:absolute;right:5px;font-size:14px;font-family:'Genericons';content:''}.collapse-container>:nth-child(even){line-height:40px;font-size:12px}.main-menu #toggle-menu .genericon{right:10px}.tab-command-icon{padding:5px 7px 11px 5px}.arrow-d>.truncate>.menu-item-icon,.arrow-d>.menu-item-icon{color:#fff}.arrow-r::after{color:#b7b7b7}.arrow-d::after{color:#b7b7b7}#cbpMainMenu [class^="icon-"]:before,[class*=" icon-"]:before{font-size:14px}.icon-user.empty-icon.not-assign-icon{color:#d3d3d3 !important;padding:12px}.not-assign-manage .info .title,.not-assign-manage .num-of-child,.not-assign-manage .collapse-buttun.collapse-icon{color:#878787}div.node .img-container-left{text-align:left !important;height:60px;width:60px;border-radius:100%;border:1px solid rgb(255255255/12%) !important;text-align:center;display:flex;margin-top:5px;background:#fff}.empty-icon:before{font-size:35px !important}.empty-icon{position:relative;padding:12px}div.orgChart div.node{box-shadow:none !important}.num-of-child{right:5px !important;top:2px !important}div.orgChart tr.lines td.left{border-color:#f1f1f1 !important}div.orgChart tr.lines td.right{border-color:#f1f1f1 !important}.icon-user.empty-icon{color:#25a0da}div.node .employee{width:100% !important;max-height:100%;border-radius:50%;border:none !important}div.node .img{border-radius:50% !important}.area-birth-day div.text-center-birthday{text-align:center;justify-content:center}.area-birth-day div.text-center-birthday label{width:100%}.area-birth-day div.user-birthday-today{display:flex}.alert-f{top:41px;background:#fff}.alert-box{border:none}#notificationHeaderPanel{display:block;position:absolute;right:0;z-index:999}.displayCompany#divDisplayCompany{color:#292c2f}.displayCompany #divCompanyName{color:#292c2f}.avatar-info{width:100%;height:100%;border-radius:50%}.fa-angle-right{cursor:pointer;padding-left:2px}.top-menu ul.dropdown li{transition:1s}.top-menu ul.dropdown li:hover,.top-menu li:focus{background-color:#eef7fe}.wrapper-dropdown-1 .dropdown{border:none;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.accordion-active .menu-item-icon{color:#a5a5a5;padding-left:10px;display:none}.top-menu .nav-user .wrapper-dropdown-1 .dropdown{margin-top:7px !important}.hide-item{display:none !important}.show-item{display:none !important}.name-employee-directory .name-employee-sc126 span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sucol-announcement-bg .tab-content{float:none !important}.sucol-announcement-bg .mg-left-right{margin-left:0;margin-right:0}.sucol-announcement-bg .mg-left-right.fix-pic-content-sc126{font-size:14px !important}.alert-box .item img{width:40px;height:40px;border-radius:50%}.alert-box .item .badge{position:absolute;right:5px;height:18px;width:18px;border-radius:50%;text-align:center;padding:0;display:flex;justify-content:center;align-items:center;font-weight:normal}.sucol-announcement-bg .reading-confirm-announcement span,.sucol-announcement-bg .reading-confirm-announcement b{font-size:11px}.navbar-nav>li>.dropdown-menu{margin-top:3px;border:none;top:38px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.navbar-nav>li#userMenu>.dropdown-menu{background:#fff !important;border-radius:0;box-shadow:none;min-width:220px;padding:0}.post-date-companypost{width:100%;float:left}.post-date-companypost span{color:#c4c4c4;font-size:12px}.sucol-announcement-bg .announcements-list-view ul li{margin-bottom:20px;width:100%}.sucol-announcement-bg .announcements-list-view .title-des-announcement.list-announcements-db p{min-height:47px}.postbyname-ann{color:#c4c4c4 !important;font-size:12px;border-bottom:1px solid #f1f1f1;padding-bottom:10px;margin-bottom:10px}.no-data-notify{width:100%;background:#0a75ba;border-radius:8px;align-content:center;align-items:center;justify-content:center;margin-top:30px}.no-data-notify p{color:#fff !important;text-align:center;padding-bottom:50px;font-weight:normal;color:#2ba4fa;padding-top:10px}.icon-no-data{width:100%;text-align:center;padding-top:50px}.no-data-notify-default{width:100%;background:#fafafa;border-radius:8px;align-content:center;align-items:center;justify-content:center}.no-data-notify-default p{text-align:center;padding-bottom:50px;font-weight:normal;color:#74787b;padding-top:10px}.area-new-member div.no-data-notify-default{background:#fafafa;text-align:center}.area-new-member div.no-data-notify-default p{padding-bottom:15px;padding-top:0}.area-new-member div.no-data-notify-default .icon-no-data{padding-top:15px}.area-new-member div.no-data-notify-default .icon-no-data img{width:24px}.area-new-member div.icon-no-data{text-align:center !important;background:#fafafa;margin-top:15px;padding-bottom:5px;display:inherit !important}.company-post-content .no-data-notify-default{padding:70px 0}.pic-img-profile-left{position:relative;padding-top:35%;display:block;width:110px !important;height:110px;margin:auto;margin-bottom:10px}.pic-img-profile-left img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0}.sucol-announcement-bg .announcements-list-view .img-announcement-view{width:200px;height:150px;position:relative;padding-top:23%;display:block;float:left}.sucol-announcement-bg .announcements-list-view .img-announcement-view img{cursor:pointer;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;border-radius:8px}.OtherAnnouncements .announcements-list-view .img-announcement-view{width:100px;height:75px;position:relative;padding-top:23%;display:block;float:left}.OtherAnnouncements .announcements-list-view .img-announcement-view img{cursor:pointer;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;border-radius:8px}.OtherAnnouncements .title-des-announcement.other-news{padding-left:110px !important;min-height:80px}.containernot-mg ul.breadcrumb{padding-left:5px !important}ul.breadcrumb li a{font-size:13px !important}.cus-style-css-notification-sc126{display:inline-block}.whoisonleave-sc126 ul li.birthday-item{width:100%}.whoisonleave-sc126 ul li.birthday-item:nth-last-child(1){margin-bottom:110px;float:left}.whoisonleave-sc126 ul li#birthday-item-template{width:100%}input.sty-checkbox-bt{margin-top:12px;cursor:pointer}#popup-dashboard-core .check-send-brithday{right:-50px}#popup-dashboard .check-send-brithday{right:-50px}.cardgift-slct.select-cardgift-check{color:#292c2f}div.main{bottom:0;padding-bottom:0 !important}.sucol-announcement-bg .content-detail-announcement.fix-pic-content-sc126 img{max-width:100% !important;max-height:100%;width:auto !important}.sucol-announcement-bg .content-detail-announcement.fix-pic-content-sc126 p sub,sup{font-size:100% !important}.sucol-announcement-bg .content-detail-announcement.fix-pic-content-sc126,.content-detail-announcement.fix-pic-content-sc126 table{max-width:100% !important;width:100% !important;margin:0 !important;padding:0 !important}.sucol-announcement-bg .content-detail-announcement div{width:100% !important;margin:0 !important;padding:0 !important;position:relative !important}.sucol-announcement-bg .content-detail-announcement.fix-pic-content-sc126 img{position:relative !important;text-align:center;justify-content:center;float:initial !important;left:auto !important;right:auto !important}.containerNew-126 .announcement-detail h1{font-size:24px;line-height:35px}.talentprofile_tabs .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#0a75ba !important;background:#fff !important;border:0;border-bottom:1px solid #0a75ba !important}.talentprofile_tabs.tabs-ess-announcement .nav a:hover{height:auto;color:#0a75ba;font-size:14px;font-weight:bold;border-bottom:1px solid #0a75ba !important;margin-top:1px}.talentprofile_tabs .nav-tabs>li>a{margin-top:1px}.sucol-announcement-bg .announcements-list-view .title-des-announcement.list-announcements-db a h2{padding-bottom:5px;line-height:22px;color:#292c2f}.sucol-announcement-bg .announcements-list-view .title-des-announcement.list-announcements-db p{line-height:18px;padding-bottom:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;height:35px;margin-bottom:5px}.sucol-announcement-bg .Required-Reading-Deadline{padding:0;float:left}.sucol-announcement-bg .Required-Reading-Deadline ul li{padding:0 0 5px 0;margin:0}#popup-dashboard-core .cus-style-css-notification-sc126{width:96%}#popup-dashboard-core .btn-sendgift{width:289px}#popup-dashboard-core .btn-sendgift button{width:80%;margin-left:11%}.top-menu-item.search input.dxeEditArea_MetropolisBlueCadena{color:#fff !important}.top-menu-item.search input.dxeEditArea_MetropolisBlueCadena:focus,.top-menu-item.search input.dxeEditArea_MetropolisBlueCadena.active{color:#292c2f !important}.button-popup{border:3px solid #111;adding:10px;color:#111;text-decoration:none}.popup-2022{position:fixed;width:100%;height:100%;top:0;left:0;background:rgb(000/17%);display:none}#xmas-popup .popup-content-right{width:300px;height:100vh;background:#fff;margin:0;position:relative;border:1px solid #fff;float:right;overflow-y:auto}.close-popup-2022{position:absolute;top:5px;right:5px;border-radius:50%;background:#222;border:3px solid #fff;color:#fff;text-decoration:none;line-height:0;padding:9px 0 11px;width:20px;text-align:center}.popup-2022:target{display:block}#popup-dashboard-core #closePopup{display:none}#popup-dashboard .cus-style-css-notification-sc126{width:100%}#popup-dashboard-core .cus-style-css-notification-sc126{width:96%}#popup-dashboard .btn-sendgift button{margin-left:2%}.onleave-marrgin-top{margin-top:50px}.onleave-marrgin-top .info-whoisonleave span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}#birthday-info li.birthday-item .info-whoisonleave span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(31em*.5)}.link-format{cursor:pointer}.support-mobile .bottom-support label,.support-mobile .bottom-support span{color:#fff !important}.bottom-form-login .bottom-support ul li span,.bottom-form-login .bottom-support ul li label{color:#fff !important}@media only screen and (min-width:768px){.alert-f{height:calc(100% - 42px)}}@keyframes ldio-gl7o8c4xe6g{0%{opacity:1;backface-visibility:hidden;transform:translateZ(0) scale(1.5,1.5)}100%{opacity:0;backface-visibility:hidden;transform:translateZ(0) scale(1,1)}}.ldio-gl7o8c4xe6g div>div{position:absolute;width:12px;height:12px;border-radius:50%;animation:ldio-gl7o8c4xe6g 1s linear infinite}.ldio-gl7o8c4xe6g div:nth-child(1)>div{left:74px;top:44px;animation-delay:-.875s}.ldio-gl7o8c4xe6g>div:nth-child(1){transform:rotate(0deg);transform-origin:80px 50px}.ldio-gl7o8c4xe6g div:nth-child(2)>div{left:65px;top:65px;animation-delay:-.75s}.ldio-gl7o8c4xe6g>div:nth-child(2){transform:rotate(45deg);transform-origin:71px 71px}.ldio-gl7o8c4xe6g div:nth-child(3)>div{left:44px;top:74px;animation-delay:-.625s}.ldio-gl7o8c4xe6g>div:nth-child(3){transform:rotate(90deg);transform-origin:50px 80px}.ldio-gl7o8c4xe6g div:nth-child(4)>div{left:23px;top:65px;animation-delay:-.5s}.ldio-gl7o8c4xe6g>div:nth-child(4){transform:rotate(135deg);transform-origin:29px 71px}.ldio-gl7o8c4xe6g div:nth-child(5)>div{left:14px;top:44px;animation-delay:-.375s}.ldio-gl7o8c4xe6g>div:nth-child(5){transform:rotate(180deg);transform-origin:20px 50px}.ldio-gl7o8c4xe6g div:nth-child(6)>div{left:23px;top:23px;animation-delay:-.25s}.ldio-gl7o8c4xe6g>div:nth-child(6){transform:rotate(225deg);transform-origin:29px 29px}.ldio-gl7o8c4xe6g div:nth-child(7)>div{left:44px;top:14px;animation-delay:-.125s}.ldio-gl7o8c4xe6g>div:nth-child(7){transform:rotate(270deg);transform-origin:50px 20px}.ldio-gl7o8c4xe6g div:nth-child(8)>div{left:65px;top:23px;animation-delay:0s}.ldio-gl7o8c4xe6g>div:nth-child(8){transform:rotate(315deg);transform-origin:71px 29px}.loadingio-spinner-spin-64ybvk31cmi{width:36px;height:36px;display:inline-block;overflow:hidden;background:#fff;padding:100px 0}.ldio-gl7o8c4xe6g{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.36);backface-visibility:hidden;transform-origin:0 0}.ldio-gl7o8c4xe6g div{box-sizing:content-box}.loadding-data-popup{position:relative;z-index:10}.loadding-icon-css{position:absolute;width:100%;background:#fff}.ui-scroll-tabs-header ul.ui-tabs-nav li span.stCloseBtn{padding-top:3px}.wrapper-dropdown-1:after{top:50%}.new-member{position:relative !important;top:-8px !important;font-weight:600 !important}.title-box-default{display:inline-flex;align-content:center;align-items:center;margin-bottom:15px}.final-timesheet-filter{display:inline-flex;align-content:center;align-items:center}.final-timesheet-filter label{font-size:16px}.title-top-default{font-size:16px;font-weight:bold;padding-right:50px}.final-timesheet-filter p{font-size:16px;padding-right:15px}.filter-day{padding-top:15px}.filter-day .col-md-3{display:flex;align-items:center}.filter-day .col-md-3 label{padding-right:10px}.filter-day .custom-input input{border-bottom-left-radius:5px !important;border-top-left-radius:5px !important}.icon-Filter-cs:hover::before>.final-filter-icon{color:#0a75ba}.final-time-sheet-list{width:auto}.final-time-sheet-item{background:#fff;padding:14px 15px;border-radius:8px;border:1px solid #e4e7eb}.final-time-sheet-list .row{margin-left:-5px;margin-right:-5px;margin-bottom:-5px}.final-time-sheet-list .col-md-2{padding-left:5px;padding-right:5px;padding-bottom:10px}.final-time-sheet-item strong{font-size:21px}.final-time-sheet-item p{font-size:13px;color:#292c2f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sub-arrow ul li i{padding-right:5px}.sub-arrow ul li p{font-size:13px;cursor:pointer}.sub-arrow ul li p:hover{color:#0a75ba}.sub-arrow .icon-Edit-cs:before{font-size:13px}.sub-arrow .icon-Checkts-cs:before{font-size:11px}.sub-arrow .icon-History-cs:before{font-size:13px}.btn-defaultf1-left{width:100%;text-align:left;float:left}.btn-show-hide{padding:6px 15px;text-align:center;border-radius:8px;cursor:pointer;margin-top:10px;color:#0a75ba;width:fit-content;display:flex;align-content:center;align-items:center}.btn-show-hide:hover .icon-Add-cs:before{color:#fff}.btn-bottom-default{padding:10px 24px;text-align:center;border-radius:8px;cursor:pointer;margin-top:10px;color:#fff;width:fit-content;display:flex;align-content:center;align-items:center;font-weight:600}.btn-bottom-default:hover,.btn-bottom-default:focus,.btn-bottom-default.active{opacity:.8;color:#fff}.working-period-ts{display:flex;align-items:center;font-size:13px;margin-bottom:15px}.working-period-ts label{padding-right:10px}.company-period-show{border:1px solid #e4e7eb;padding:10px;border-radius:5px;display:flex;align-items:center;cursor:pointer;position:relative}.company-period-show p:nth-child(1){width:180px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.icon-arrow-down-cs{margin-top:-4px}.company-period-show span.icon-arrow-down-cs:before{justify-content:right;font-size:8px;padding:0 0 0 10px}.dropdown-period{position:absolute;width:100%;left:0;background:#fff;top:40px;z-index:999;border-radius:5px;padding:15px;border:1px solid #e4e7eb;max-height:297px;overflow-y:auto}.item-period{display:flex;font-size:13px;padding-bottom:15px}.item-period:nth-last-child(1){padding-bottom:0}.item-period:hover,.item-period:focus,.item-period:active{display:flex;font-size:13px}.table{margin-bottom:0}.table>thead>tr>th{color:#8692a6}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle;font-size:13px;padding:15px}.table.fix-curso-pointer>tbody>tr>td{cursor:pointer}.validation-status{display:inline-flex;padding:5px 15px;color:#fff;border-radius:5px;align-content:center;align-items:center}.validation-status span{font-size:12px;color:#fff}.validation-status .icon-StatusIcon{padding:0 5px 0 0}.validation-status .icon-StatusIcon:before{font-size:12px}.content-row-sub{width:800px;margin:15px auto}.table>tbody>tr:hover,.table>tbody>tr:focus,.table>tbody>tr.active{background:#fafafa}.content-main-sub{background:#fff;border-top:1px solid #2ba4fa;margin-top:-1px;z-index:9999;display:-webkit-inline-box;width:100%}.text-uppercase{text-transform:uppercase}.check-view-data{padding-top:15px}.check-view-data .form-check{display:flex;align-items:center;width:max-content;cursor:pointer}.check-view-data .form-check input{margin:0;margin-right:5px;width:15px;height:15px;cursor:pointer}.check-view-data .form-check label{margin:0;margin-top:2px;color:#292c2f;font-size:14px;font-weight:600;cursor:pointer}.show-list-item-checkbox{border-top:1px solid #e4e7eb;padding-top:10px}.radio_itemcheck{display:flex;align-content:center;align-items:center}.radio_itemcheck .form-check-inline{padding-right:30px;cursor:pointer}.radio_itemcheck .form-check-inline label{font-size:13px;font-weight:normal;cursor:pointer}.radio_allcheck .form-check-inline label{font-size:13px}.checkbox-invalid{margin-bottom:10px}.button-add-minus{text-align:left}.button-add-minus button{padding:0 15px;padding-bottom:12px;padding-top:6px;border-radius:5px;border:1px solid #ccc;background:#fff}.button-add-minus button:hover{border:1px solid #0a75ba;background:#fff}.button-add-minus .icon-Minus-cs:before{padding:0;margin:0;font-size:3px;color:#e64d3d}.reson-popup-timesheet{margin-left:5px}.reson-popup-timesheet textarea{min-height:100px;border-radius:5px !important}.Original-Real-time{display:flex}.Original-Real-time p{padding:0 5px}.main-content-fullwidth{padding:15px}.head-submit-by{background:#f3f7ff;display:flex;align-content:center;align-items:center;justify-content:right;padding:6px;border-radius:5px;margin-bottom:15px}.head-submit-by span{padding-right:5px;color:#8692a6}.invalid p{color:#e64d3d !important}.vertical-label label{display:flex;align-items:center;height:40px}.vertical-label input{border-radius:5px !important}.input-group.datetime input{border-bottom-left-radius:4px !important;border-top-left-radius:4px !important}.filter-day .verticial-field-label{display:flex;align-content:center;align-items:center;height:40px}.education_employee{color:#ff47d7 !important}#splSelectSingleEmployee_1i1_CC.dxsplLCC{border-right:1px solid #c4c4c4 !important}#splSelectSingleEmployee_1_CC.dxsplCC{width:761px}.filter-day .to-date{padding-left:50px}#splMasterDataPage_0 #splMasterDataPage_0_CC ul li.dxnb-gr img.dxnb-btn{width:9px !important;height:9px !important;opacity:.4}.dxnbLite_MetropolisBlueCadena .dxnb-itemHover,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover a,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover a{background-color:#e2f2ff !important}.dxnbLite_MetropolisBlueCadena .dxnb-itemHover,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover a,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover a:hover,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover a,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover a:focus,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover,.dxnbLite_MetropolisBlueCadena .dxnb-itemHover a,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover,.dxnbLite_MetropolisBlueCadena .dxnb-largeHover a.active{background-color:#e2f2ff !important}.dxnbLite_MetropolisBlueCadena .dxnb-header,.dxnbLite_MetropolisBlueCadena .dxnb-headerCollapsed{background:#fff;border-bottom:1px solid #f1f1f1;font-size:12px !important;font-weight:bold !important;color:#333}#nvbEmployeeInformationDataSetup .dxnb-link{color:#5a5a5a !important}.dxnbLite_MetropolisBlueCadena .dxnb-content{padding:0;overflow:hidden;padding-left:5px}#splMasterReportView_0 #splMasterReportView_0_CC ul li.dxnb-gr img.dxnb-btn{width:9px !important;height:9px !important;opacity:.4}.dxnbLite_MetropolisBlueCadena .dxnb-item.dxnb-link,.dxnbLite_MetropolisBlueCadena .dxnb-item .dxnb-link{padding:4px 4px 4px;white-space:nowrap}#navbarMasterDataContainer{height:100% !important}.btn-show-hide.btn-show-more{background:none !important;cursor:pointer;padding-left:5px !important;padding-top:0 !important;font-size:13px}.btn-show-hide.btn-show-more:before{padding-right:5px;font-size:20px}.btn-show-hide.btn-show-more:hover,.btn-show-hide.btn-show-more:focus,.btn-show-hide.btn-show-more.active{background:none !important;opacity:.5;cursor:pointer;padding-left:5px !important}.popup-login-l{border-right:0 !important;padding-right:0}.popup-login-content{padding:50px !important;width:500px;padding-bottom:40px !important}#cbbChangeLanguage{max-width:100% !important}#divlogin .col-xs-12.col-sm-11 .input-group input.form-control.mx-w-box{max-width:100% !important}.popup-login{max-width:500px !important}.popup-login-l .form-control.mx-w-box{max-width:100%;height:40px;border:none !important}.dxeButtonEditSys.dxeButtonEdit_MetropolisBlueCadena#cbbChangeLanguage{height:40px;border-top-right-radius:0;border-bottom-right-radius:0;border:none !important}.popup-login-l .input-group-addon{border-radius:0;background:#fff;border:none !important}#divLanguage .input-group-addon{border:none !important}.popup-login-l .input-group{border:1px solid #d3d3d3;border-radius:3px;background:transparent}.popup-login-l .input-group .form-control{padding-left:10px}.dxeButtonEdit_MetropolisBlueCadena .dxeIIC img{padding-left:0 !important;margin-left:3px !important}#divlogin{padding:0 !important}#divlogin .btn-login{width:100%;height:44px;border-radius:3px !important}.popup-login-l .btn,a.btn{padding:0}.popup-login-l #divSignAzure .btn.btn-default.btn-responsive.btn-full{height:auto;padding:20px}#divlogin .dxbButton_MetropolisBlueCadena div.dxb{padding:15px 8px 15px}.icon-login-other{border-radius:3px;color:#ffffffa1;transition:.5s}.bottom-form-login{position:absolute;bottom:5px}.bottom-form-login .support-info{display:flex}.support-mobile{position:relative;bottom:5px;display:none}.support-mobile .support-info{display:flex}.dxeListBox_MetropolisBlueCadena td.dxeIM,.dxeListBox_MetropolisBlueCadena td.dxeFTM,.dxeListBox_MetropolisBlueCadena td.dxeTM,.dxeListBox_MetropolisBlueCadena td.dxeLTM,.dxeListBox_MetropolisBlueCadena td.dxeCM,.dxeListBox_MetropolisBlueCadena td.dxeMIM,.dxeListBox_MetropolisBlueCadena td.dxeIMR,.dxeListBox_MetropolisBlueCadena td.dxeFTMR,.dxeListBox_MetropolisBlueCadena td.dxeTMR,.dxeListBox_MetropolisBlueCadena td.dxeLTMR,.dxeListBox_MetropolisBlueCadena td.dxeCMR,.dxeListBox_MetropolisBlueCadena td.dxeMIMR{border-bottom:1px solid #ededed}.dxeListBox_MetropolisBlueCadena{border:1px solid #ededed}.dxeListBox_MetropolisBlueCadena td.dxeLTM,.dxeListBox_MetropolisBlueCadena td.dxeTM,.dxeListBox_MetropolisBlueCadena td.dxeMIM{border-bottom:1px solid #ededed !important}.bottom-support{width:100%;margin:auto}.bottom-support ul{display:flex;padding:0;margin:0;justify-content:center;position:absolute;white-space:nowrap;width:100%}.bottom-support ul li{list-style:none;padding:0 0 0 5px;display:flex}.bottom-support ul li label{color:#ffffffc7}.bottom-support ul span{color:#ffffffc7;padding:0 5px}.bottom-support ul li p{padding:0;margin:0;color:#ffffffc7}.version-new{text-align:center;padding:0;margin:0;width:100%;display:flex;justify-content:center;padding-top:20px}.version-new label{color:#ffffff82;padding-right:5px}.version-new p{color:#ffffff82}.dxeHyperlink_MetropolisBlueCadena{margin-top:20px;color:#9e9e9e;text-decoration:underline}.dxeHyperlink_MetropolisBlueCadena:hover{color:#2ba4fa}.signin-other{width:100%;text-align:center;font-weight:500;color:#fff;padding-top:15px}.popup-login{z-index:1}.padded-r button.btn btn-login.btn-responsive.btn-100{height:44px !important}.changpasswordContainer .popup-content.popup-login-content{padding:30px !important;width:auto !important;padding-bottom:0 !important}.changpasswordContainer .popup-content.popup-login-content .control-label{padding-left:15px !important}.changpasswordContainer #popupChangePassword{top:50% !important}.changpasswordContainer .popup .header{border-top-left-radius:5px;border-top-right-radius:5px}.changpasswordContainer .popup-content.popup-login-content{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.icon-mobile-app li{text-align:center;display:grid}.icon-mobile-app li img{border-radius:50%}.icon-mobile-app li .home-con-icon-new{text-align:center}.fix-pd-bt-eprofile b{font-size:13px;color:#8692a6}.row-cus{margin-right:-5px;margin-left:-5px}.col-4-cus{width:49%;float:left;padding-left:5px;padding-right:5px;position:relative;flex:0 0 15%}.section-active-payroll{width:100%;clear:both;float:left}.section-active-payroll h1{font-size:18px;font-weight:600;color:#292c2f;padding-bottom:8px}.main-body-core{padding:10px;background:#fff;display:flow-root}.main-body-core-detail{padding:10px;background:#fff;display:flow-root}.main-body-core-sub-detail{padding:10px;background:#fff;display:flow-root}button.button-s5-paui{padding:9px 20px;background:#fff;border:2px solid #0a75ba;border-radius:8px !important;color:#0a75ba;font-weight:bold;height:40px;cursor:pointer}button.button-s5-paui:hover,button.button-s5-paui:focus{background:#0a75ba;color:#fff}button.button-s5-withdraw{padding:9px 20px;background:#fff;border:2px solid #f00d0d;border-radius:8px !important;color:#f00d0d;font-weight:bold;height:42px;cursor:pointer}button.button-s5-withdraw:hover,button.button-s5-withdraw:focus{background:#f00d0d;color:#fff}.list-active-payroll{width:100%}.item-active-payroll{border:1px solid #c2e7ff;border-radius:5px;padding:10px;background:#f1f9ff;margin-bottom:10px}.item-active-payroll-sub{border:1px solid #e4e7eb;border-radius:5px;padding:10px;background:#fff;margin-bottom:10px}.border-blue-master{border:1px solid #c2e7ff;padding:10px}.border-gray-master{border:1px solid #e4e7eb;padding:10px}.title-payment-period{display:flex;align-items:center;justify-content:space-between}.title-payment-period h2{font-size:16px;font-weight:bold;color:#0a75ba;line-height:26px;margin-bottom:0}.title-payment-period-payroll-view{display:flex;align-items:center;justify-content:inherit;background:#fafafa;padding:5px 10px;height:40px;border-radius:3px}.title-payment-period-payroll-view h3{font-size:15px;font-weight:bold;color:#0a75ba;margin-right:5px}.item-pay-group{display:flex;align-items:center;padding-top:10px}.item-pay-group label{width:44%;color:#8692a6}.item-pay-group p{color:#292c2f}.status-number-lock{display:flex;justify-content:space-between;margin:15px 0;padding:15px 0;border-top:1px solid #c2e7ff;border-bottom:1px solid #c2e7ff}.status-number-lock.salary-subpay{display:flex;justify-content:space-between;margin:15px 0;padding:15px 0;border-top:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb}.iccalculated{display:flex;padding-right:3px}.iccalculated img{width:14px}.item-number-employees{width:36%;display:flex;align-items:center;position:relative}.item-locked-payroll{width:25%}.item-locked-payroll-v2{width:auto}.item-number-employees span{width:42px;height:42px;background:#0a75ba;border-radius:50%;text-align:center;line-height:42px;position:absolute;color:#fff;font-weight:bold;font-size:14px;display:flex;justify-content:center}.item-number-employees p{padding-left:50px}.item-number-employees span em{margin-top:-4px}.lock-status{display:flex;align-items:center;background:#e64d3d1c;padding:5px 10px;border-radius:30px;width:fit-content;justify-content:right;float:right}.lock-status p{color:#e64d3d}.lock-status span{margin-top:-1px;padding-right:3px}.icstatus-calculate{background:#eaf9ec;color:#26c23f;width:fit-content;padding:5px 10px;display:flex;align-items:center;border-radius:30px}.icstatus-not-calculate{background:#fee7e7;color:#f00d0d;width:fit-content;padding:5px 10px;display:flex;align-items:center;border-radius:30px}.icstatus-inprogress{background:#fff2d9;color:#ffb037;width:fit-content;padding:5px 10px;display:flex;align-items:center;border-radius:30px}.publish-payslip{display:flex;justify-content:space-between;margin-top:15px;margin-bottom:5px}.publish-btn-payslip{display:flex;align-items:center}.publish-btn-payslip span.icon-check-publish{height:32px;width:32px;background:#c2e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:4px}.published-check{margin-top:8px}.payment-date-payslip{display:flex;margin-top:5px;padding-left:5px}.published-check p{padding-left:5px;font-size:13px;font-weight:bold;color:#0a75ba}.payment-date-payslip span{color:#8692a6}.payment-date-payslip p{color:#292c2f;font-size:12px}.title-history-salary{display:flex;margin-top:15px}.title-history-salary h1{width:fit-content}.title-history-salary span.arrow-r{position:relative;cursor:pointer}.title-history-salary span.arrow-r::after{right:auto;left:10px;font-size:24px;top:-3px}.title-history-salary span.arrow-d{position:relative;cursor:pointer}.title-history-salary span.arrow-d::after{right:auto;left:10px;font-size:24px;top:-2px}.table-history-slip{margin-top:10px}.table-history-slip table{width:100%}.paycycle-icon{display:flex;align-items:center}.paycycle-icon span{padding:0 2px}.sub-period-top .paycycle-icon p{display:block;padding:0 2px}.head-table-history{padding:0}.head-table-history:nth-child(1){text-indent:10px}.head-table-history:nth-last-child(1){text-align:center !important}.head-table-history thead tr{vertical-align:middle}.head-table-history th{text-align:left;vertical-align:middle;height:36px;background:#fafafa;color:#8692a6;text-indent:0}.row-history-slip{border:1px solid #c2e7ff;border-radius:5px;margin-bottom:10px}.fisca-years-slip{width:120px;padding:0;margin:0}.fisca-years-slip select{width:100%;padding:0;margin:0;height:36px;border-radius:3px}.row-table-content{margin:10px 0;position:relative}.header-table-history{padding:0;background:#fafafa}.body-table-content .row-table-content tr td{cursor:pointer}.body-table-content .row-table-content:hover{border-color:#2ba4fa}.body-table-content .row-table-content tr td button.button-s5-withdraw,.body-table-content .row-table-content tr td .button-s5-paui{min-width:104px;height:38px}.main-period-top{background:#fff;border:1px solid #c2e7ff;border-radius:5px}.main-period-top tr td:nth-child(1){padding-left:5px}.main-period-top tr td:nth-last-child(1){padding-right:5px}.main-period-top tr td{padding:10px 0}.main-period-top:hover{border-color:#c2e7ff;background:#f3fbff}.sub-period-top{background:none;margin:0;border:1px solid #e4e7eb;border-radius:5px}.sub-period-top tr td{padding:10px 0}.sub-period-top tr td:nth-child(1){padding-left:5px}.sub-period-top tr td:nth-last-child(1){padding-right:5px}.main-month-payslip .row{margin-right:-5px;margin-left:-5px}.main-month-payslip .col-md-3.col-sm-6.col-xs-12{padding:0 5px}.FiscalYear{background:#f6f6f6;width:100%;padding:10px;border-radius:5px;display:flex;align-items:center}.FiscalYear label{font-size:14px;color:#292c2f}.fiscar-year-slc{width:100px;height:38px;border-radius:3px !important;margin:0 10px}.fiscar-year-slc.leavebl-company{width:auto;height:38px;border-radius:3px !important;margin:0 10px}.change-company-slc{min-width:180px;height:38px;border-radius:3px !important}.main-month-payslip{margin:15px 0 0}.area-monthly-item{border:1px solid #c2e7ff;padding:20px;border-radius:5px;margin-bottom:10px;position:relative;background:#f1f9ff}.area-monthly-item.sub{border:1px solid #ebebeb;padding:20px;border-radius:5px;margin-bottom:10px;position:relative;background:#fff;position:relative}.tag-mid-term{position:absolute;left:-6px;top:-8px;background:#c2e7ff;border-radius:3px;font-size:11px;padding:0 5px;color:#0a75ba}.tag-mid-term-core-active{position:absolute;left:3px;top:-3px;background:#c2e7ff;border-radius:3px;font-size:11px;padding:5px;color:#0a75ba;z-index:1}.tag-mid-term-core-history{position:absolute;left:-3px;top:-7px;background:#c2e7ff;border-radius:3px;font-size:11px;padding:4px;color:#0a75ba;z-index:1}.item-month-left{position:absolute;height:64px;width:64px;border-radius:50%;border:1px solid #fff;text-align:center;background:#fff;padding:5px 16px;color:#0a75ba}.item-month-left.sub{position:absolute;height:64px;width:64px;border-radius:50%;border:1px solid #ebebeb;text-align:center;background:#fff;padding:5px 16px;color:#0a75ba}.month-period-item-right{padding-left:74px;height:64px}.month-period-item-right h4{color:#292c2f;font-weight:500;padding-top:9px;line-height:32px;height:36px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.area-monthly-item:hover{background:#c2e7ff;cursor:pointer}.item-month-left h3{font-size:22px;font-weight:bold;padding-top:3px;border-bottom:1px solid #0a75ba;color:#0a75ba}.item-month-left p{color:#0a75ba}.head-payslip-print{border:1px solid #c2e7ff;padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}.head-logo-company-payslip{display:flex;align-items:center}.head-logo-company-payslip img{height:50px;padding-right:10px}.right-payment-period{display:flex;justify-content:right;font-size:14px}.right-payment-period p{width:180px;text-align:left;padding-left:15px;font-weight:bold}.table-info-payslip{width:100%;margin-top:5px}.table-info-payslip p{padding-left:50px;font-weight:bold;margin:5px 0}.box-default-payslip.blue-br{border:1px solid #f1f9ff}@media(min-width:900px) and (max-width:1280px){.main-month-payslip .col-sm-6{width:50%}}.payroll-list-reports .item-month-left{position:initial;margin:auto}.payroll-list-reports .item-month-left span{display:flex;justify-content:center;align-items:center;height:50px}.payroll-list-reports .month-period-item-right{padding-left:initial;height:auto;text-align:center}.payroll-list-reports .month-period-item-right h4{font-size:14px}#js-infouser .padded.clearfix.form.form-sm .col-xs-12.col-lg-6{width:100% !important}.leave-balance-item{border:1px solid #e4e7eb;padding:10px;border-radius:5px;margin-bottom:10px;position:relative;background:#fff;outline:none;width:100%}.leave-balance-item:hover,.leave-balance-item.active,.leave-balance-item:focus{border-color:#c2e7ff;outline:none;background:#e8f5fc}.leave-balance-item:hover>.title-leave-balance{background:#fff}.leave-balance-item:focus>.title-leave-balance{background:#fff}.title-leave-balance{display:flex;justify-content:space-between;padding:10px;background:#f1f9ff;align-content:center;border-radius:5px;height:38px}.title-leave-balance h2{font-size:14px;font-weight:bold;color:#292c2f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:18px;text-align:left}.title-leave-balance p{color:#8692a6}.content-leave-balance ul{display:flex;justify-content:space-between;margin:15px 0 5px 0}.content-leave-balance ul li{text-align:center;width:50%}.content-leave-balance ul li:nth-child(1){border-right:1px solid #e4e7eb}.content-leave-balance ul li h3{text-align:center;font-size:18px;color:#0a75ba;font-weight:bold;padding-bottom:5px}.content-leave-balance ul li h3.color-text-taken{text-align:center;font-size:18px;color:#292c2f;font-weight:bold}.content-leave-balance ul li p{text-align:center;font-size:13px;color:#8692a6}.sub-leave-balance{width:98.5%;padding:15px;box-shadow:-1px 1px 17px -2px rgba(0,0,0,.57);-webkit-box-shadow:-1px 1px 17px -2px rgba(0,0,0,.57);-moz-box-shadow:-1px 1px 17px -2px rgba(0,0,0,.57);background:#fff;border-radius:5px;display:inline-table}.sub-leave-balance:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;top:-16px;border-bottom-color:#fff;border-width:.8rem}.contentpop{position:absolute;z-index:1;width:98.5%}.subbottom-leave .label-leavebl{padding-left:5px;text-align:left}.db-leavebl{text-align:right;font-weight:bold;padding-right:5px}.subbottom-leave .db-leavebl{text-align:right;padding-right:5px}.subtop-leave{border-bottom:1px solid #e4e7eb;padding-bottom:10px;padding-top:5px}ul.subtop-leave p{color:#8692a6;font-size:13px}ul.subtop-leave p b{color:#292c2f;font-weight:bold;font-size:13px}.sub-leave-balance h3{font-size:16px;font-weight:bold;margin-bottom:5px;color:#292c2f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:18px;text-align:left}.subbottom-leave{padding-top:5px}.subbottom-leave .row{padding:5px 0}.subbottom-leave p{color:#8692a6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.subbottom-leave b{color:#292c2f;font-weight:bold;font-size:13px}.sick-leavebl{display:flex;justify-content:space-between;border-bottom:1px solid #e4e7eb;padding-bottom:5px}.subbottom-leave h4{font-size:13px;font-weight:bold;padding-top:5px}.border-bottom{border-bottom:1px solid #e4e7eb;width:100%}.close-mobile{display:none}.sub-oneleave h4{padding-bottom:10px;padding-top:0}.sub-oneleave{padding-top:10px;padding-bottom:5px}.text-color-leavebl{color:#292c2f !important;font-weight:bold}.contentpop-item .fa.fa-close{color:#0d74ba;font-size:21px;margin-right:-3px}.dis_block_mb{display:none}#tabCommand,#olTabCompany,.ui-widget-header,#olTabCompany .tabCompany{background:#fafafa !important}.home-notify{background-color:#fafafa}.home-li-notify{background-color:#fff;border-radius:8px;padding:20px 10px;margin-right:8px;margin-left:8px;width:25%;cursor:pointer;transition:all 1s ease 0s;border:1px solid #e4e7eb;text-align:center;float:inherit}.home-notify-number{border-radius:20px;font-size:32px;font-weight:700;line-height:35px;padding:0;text-align:center;float:inherit}.select-box-custom{display:flex;flex-direction:column;position:relative;min-width:120px;height:34px;background:#fff;border-radius:3px}.option-box-custom{padding:0 30px 0 10px;min-height:34px;display:flex;align-items:center;background:#fff;position:absolute;top:0;width:100%;pointer-events:none;order:2;z-index:1;transition:background .4s ease-in-out;box-sizing:border-box;overflow:hidden;white-space:nowrap;font-size:13px;border-right:1px solid #e4e7eb;border-left:1px solid #e4e7eb;text-wrap:inherit;white-space:nowrap}.option-box-custom:hover{background:#eef7fe;color:#0a75ba}.select-box-custom:focus .option-box-custom{position:relative;pointer-events:all;cursor:pointer}.select-box-custom input{opacity:0;position:absolute;left:-99999px;border-radius:3px}.select-box-custom input:checked+label{order:1;z-index:2;background:#fff;border-top:none;position:relative;border-radius:3px;border:1px solid #e4e7eb;font-size:13px;text-wrap:inherit;white-space:nowrap}.select-box-custom input:checked+label:after{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #74787b;position:absolute;right:10px;top:calc(50% - 2.5px);pointer-events:none;z-index:3}.select-box-custom input:checked+label:before{position:absolute;right:0;height:34px;width:34px;content:'';background:#fff}.select-box-custom label:nth-last-child(1){border-right:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb;border-left:1px solid #e4e7eb;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.job_requistion{min-width:600px;min-height:auto;background:#fff;position:absolute;right:10px;top:39px;z-index:999;border-radius:3px;border:1px solid #e4e7eb;padding:10px}.job_requistion_jobtile{min-width:350px !important}.job_title_common_filter{right:76px}.filter-job-title-common{margin-right:5px}.content-date-filter{min-width:200px;background:#fff;position:absolute;right:25px;top:39px;z-index:999;border-radius:3px;border:1px solid #e4e7eb;padding:10px;margin-left:10px}.arrow_bottom:after{content:'';border-top:5px solid #666;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;right:10px;bottom:14px}.job-requistion-select{width:160px !important;height:32px;border:1px solid #e4e7eb;cursor:pointer}.job-requistion-select:hover,.job-requistion-select.active,.job-requistion-select:focus{border:1px solid #0a75ba}.job-requistion-select span{padding-top:8px;padding-left:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:83%;float:left}.job_requistion table{font-family:arial,sans-serif;border-collapse:collapse;width:100%;border-radius:3px}.job_requistion th{font-weight:600}.job_requistion td,.job_requistion th{border:1px solid #e4e7eb;text-align:left;padding:8px}.job_requistion th:nth-last-child(1){width:300px}.job_requistion th:nth-child(2){width:180px}.job_requistion th:nth-child(1){width:40px}.job_requistion tr:nth-child(even){background-color:#fafafa}.job_requistion td input,.job_requistion th input{height:14px;width:14px !important}.job_requistion .grid{position:relative;width:100%;overflow-y:scroll}.job_requistion .grid-container{overflow-y:auto;max-height:300px}.job_requistion thead{position:-webkit-sticky;position:sticky;top:-2px;z-index:2}.job_requistion .header{position:relative;width:100%;background:#e5f4ff;height:34px;clear:both;z-index:5000}.filter-date-job{width:60px;height:34px;border:1px solid #e4e7eb;cursor:pointer;display:flex;justify-content:center;align-items:center;padding-left:10px;margin-left:10px;border-radius:3px;background:#fff}.filter-date-job:hover{border-color:#0a75ba}.filter-opsource-recui{float:right;margin-bottom:10px}.filter-date-job p{padding-left:4px}.Remaining-Allowed-Hours{width:100%;background:#fafafa;border-radius:4px;margin-bottom:10px;display:inline-block;flex-wrap:wrap}.item-remaining-allow{display:flex;border-right:1px solid #e4e7eb;position:relative}.item-remaining-allow:nth-last-child(1){border-right:none !important}.icon-remaining{width:50px;height:50px;border-radius:50%;background:#c4c4c4;position:absolute;text-align:center}.icon-remaining:after{content:'';border-left:5px solid #c4c4c4;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;right:-4px;top:20px}.right-remaining{padding-left:60px}.icon-remaining p{font-size:13px;font-weight:bold;padding-top:20px;line-height:9px}.icon-remaining em{font-size:10px;font-style:normal}.right-remaining h4{font-size:14px;font-weight:bold;color:#292c2f}.right-remaining p{color:#0a75ba;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.right-remaining em{font-size:12px;font-style:normal;color:#959596}.Remaining-Allowed-Hours .col-md-12{margin-bottom:0}#nvbEmployeeInformationDataSetup .dxnb-content.dxnb-left .dxnb-item a.dxnb-link{padding-left:8px}#navbarMasterDataContainer .dxnbLite_MetropolisBlueCadena .dxnb-content.dxnb-left{padding-left:0}.col-recruitment5{display:flex;justify-content:space-between;text-align:center;width:100%;margin-left:0}.col-recruitment{justify-content:center;align-items:center;border:1px solid #e4e7eb;padding:30px 0;width:25%;margin-right:15px;border-radius:4px}.col-recruitment:nth-last-child(1){margin-right:0}.col-recruitment h2{font-size:24px}.col-recruitment p{font-size:13px;color:#8692a6}#sidebar-wrapper .pending-action li a{display:flex}#sidebar-wrapper .pending-action li a .pa_img{position:absolute;width:60px !important;padding-left:0 !important}#sidebar-wrapper .pending-action li a .left{padding-left:65px}#sidebar-wrapper .pending-action li a .left p{margin-bottom:0;line-height:18px}#ess-iframe-content .pending-action li a .left p label{padding-top:0}.ui-tabs .ui-tabs-nav li{align-items:center}.ui-tabs .ui-tabs-nav li a{padding-top:2px}.ui-scroll-tabs-header ul.ui-tabs-nav li span.stCloseBtn{padding-top:0}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{margin-left:27px}.average-dashboard{margin-top:10px}.average-dashboard .days-chart-rpdb .home-con-icon-new.i-bg-blue-l{width:46px;height:46px}.average-dashboard .days-chart-rpdb .home-con-icon-new img{height:46px}.average-dashboard .days-chart-rpdb .name-rpdb-chart .average-by-month{font-size:24px;font-weight:bold}.cnt-my-performance-23{display:block}.tab-my-performance .tablinks{font-size:15px;font-weight:bold;color:#292c2f;margin-right:30px;cursor:pointer}.tab-my-performance{display:flex;padding:10px;background:#fafafa;margin-top:10px;border-radius:4px}.tab-my-performance .tablinks.active{color:#0a75ba}.status-title-item{display:flex}.status-title-item li{height:36px;border-radius:6px;display:flex;align-items:center;padding:0 15px;border:1px solid #e7e7e7;cursor:pointer;margin-right:10px}.status-title-item li:hover,.status-title-item li:focus,.status-title-item li.active{background:#0a75ba;color:#fff;border-color:#0a75ba}.status-title-item li.box-search-employee-paui-21:hover{background:none;color:#74787b}.status-title-item li.box-search-employee-paui-21 input{border:none;height:34px;padding:0}.status-title-item li span{display:flex;align-items:center;justify-content:center;white-space:nowrap}.status-title-item{margin-top:10px}.ui-my-performance-23 .panel-title{position:relative}.ui-my-performance-23 .panel-title i{position:absolute;left:0;top:-2px}.ui-my-performance-23 .panel-title a{padding-left:26px}.ui-my-performance-23 .panel-default>.panel-heading{background:#fafafa;border:0;border-radius:4px}.ui-my-performance-23 .panel-default{border:1px solid #e4e7eb;border-radius:5px !important;margin-bottom:10px !important}.ui-my-performance-23 .box-report-paui21.paui-pd-top.appraisal-period-info{padding:10px}.ui-my-performance-23 .panel-heading{padding:10px}.ui-my-performance-23 .panel-default>.panel-heading a{color:#292c2f;border-radius:3px;font-size:16px;font-weight:bold}.ui-my-performance-23 .panel{box-shadow:none}.ui-my-performance-23 .panel-group{margin-bottom:0}.ui-my-performance-23 .panel-default>.panel-heading i{border:2px solid #0a75ba;border-radius:5px;display:grid;align-items:center;height:20px;width:20px;justify-content:center}.ui-my-performance-23 .panel-default>.panel-heading i::before{font-size:10px;color:#0a75ba}.ui-my-performance-23 .total-report-paui21{display:grid;align-items:center}.ui-my-performance-23 .box-rp-paui21.total-report-paui21 p{height:auto;color:#292c2f !important;padding-bottom:10px}.ui-my-performance-23 .box-rp-paui21{min-height:auto;display:grid;border:none;border-left:5px solid #e0e5ff;background:#fafafa}.ui-my-performance-23 .label-status-paui21 span,.ui-my-performance-23 .label-completed-paui21 span{font-weight:normal;color:#959596;font-size:11px}.ui-my-performance-23 .panel-body{padding-top:10px;padding:0 10px;margin:0}.ui-my-performance-23 .total-report-paui21 h2{font-size:24px;color:#0a75ba;padding-top:10px}.ui-my-performance-23 .inprogress-paui21 .number-report-paui21{font-size:18px;color:#0d74ba}.ui-my-performance-23 .inprogress-paui21 .number-report-paui21{font-size:18px;color:#0d74ba}.ui-my-performance-23 .completed-rp-paui21 .number-report-paui21{font-size:18px;color:#5cb85c}.ui-my-performance-23 .total-report-paui21{background:#eef7fe;text-align:center;border:none;border-left:5px solid #0a75ba}.ui-my-performance-23 .box-rp-paui21.content-pdpaui-21 p{display:grid;align-items:center;color:#292c2f}.ui-my-performance-23 .title-box-paui21{padding-bottom:10px}.ui-my-performance-23 .panel-default{margin-bottom:15px}.status-title-item li span.icon-iSearch:before{font-size:16px}.box-search-employee-paui-21 button{padding-top:7px;float:right}.ui-my-performance-23 .status-title-item .box-search-employee-paui-21{margin-top:0}.ui-my-performance-23 .title-box-paui21 h1{font-weight:bold;color:#0a75ba;font-size:20px}.ui-my-performance-23 .title-box-paui21 span{font-size:18px;color:#8692a6}.ui-my-performance-23 .total-report-paui21 p{font-weight:bold}.list-employee-performance{display:flex;align-items:center;justify-content:space-between}.list-employee-performance .item{display:flex;align-items:center;position:relative}.list-employee-performance .item:nth-child(1){width:20%}.list-employee-performance .item:nth-child(2){width:15%}.list-employee-performance .item:nth-child(3){min-width:100px}.list-employee-performance .item:nth-child(4){width:25%}.list-employee-performance .item:nth-child(6){width:15%}.ui-avatar-employee-performance{display:flex;align-items:center}.item-uiobjective-performance{width:fit-content;padding:7px 15px;background:#fafafa;border-radius:5px;color:#292c2f}.item-progress-uiperformance{position:relative}.name-performance-ui{padding-left:42px;position:absolute}.name-performance-ui h3{font-size:13px;font-weight:bold;color:#292c2f}.name-performance-ui p{font-size:12px;color:#8692a6}.item-ui-employee-performance p{padding:5px 10px;background:#eff2fe;border-bottom-left-radius:4px;border-top-left-radius:4px;position:relative;width:fit-content;color:#292c2f}.item-ui-employee-performance p:after{border-top:15px solid transparent;border-left:10px solid #eff2fe;border-bottom:15px solid transparent;content:"";width:0;height:0;position:absolute;top:0;right:-10px}.item-ui-employee-performance span{font-size:12px;color:#8692a6}.item-progress-uiperformance p{color:#292c2f}.avar-img-performance{width:36px;height:36px;position:relative;padding-top:0%;display:block;float:left}.avar-img-performance img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;top:0;border-radius:50%}.item-reward-uiperformance{display:flex;align-items:center}.point-uiperformance{background:#fafafa;padding:5px 10px;border-radius:5px;display:flex;align-items:center}.award-performance{background:#fafafa;padding:5px 10px;border-radius:5px;margin-left:10px;display:flex;align-items:center}.point-uiperformance span{color:#5cb85c;padding:0 5px;font-size:18px;font-weight:bold}.point-uiperformance .icon-Star23:before{font-size:22px;color:#fdda66}.point-uiperformance span{color:#5cb85c;padding:0 5px;font-size:16px;font-weight:bold}.award-performance .icon-Award23:before{font-size:22px;color:#ef5da8}.item-progress-uiperformance .status-pending-paui21{background:#fc0;color:#fff;font-size:12px;border:none !important;padding:5px 15px;text-align:center;border-radius:4px;min-width:auto;display:flex;align-items:center;justify-content:center}.list-employee-performance .item .icon-Tag2:before{color:#fff}.ui-my-performance-23 .panel-body .list-employee-performance{border-bottom:1px solid #e4e7eb;padding-top:10px;padding-bottom:10px}.ui-my-performance-23 .panel-body .list-employee-performance:nth-last-child(1){border-bottom:none}.cdnConfirmOverlayClass .cdnConfirmBox img{margin-top:-4px}.item.item-ui-employee-performance{flex-wrap:wrap}.ui-my-performance-23 .list-employee-performance .item a .name-performance-ui h3:hover{color:#0a75ba}.list-employee-performance .item.item-ui-employee-performance{flex-wrap:wrap;display:block}.ui-my-performance-23 .box-tab-content{border:1px solid #e4e7eb;border-radius:5px;margin-bottom:10px}.ui-my-performance-23 .box-tab-content:nth-last-child(1){padding-bottom:0}.box-tab-content .title-sub2-tabbox{background:#fafafa;border-top-left-radius:5px;border-top-right-radius:5px}.box-tab-content .title-sub2-tabbox h4{padding:10px;font-weight:bold;font-size:16px;color:#292c2f}.box-tab-content .title-sub2-tabbox h4 a{color:#292c2f}.box-tab-content .title-sub2-tabbox h4 a:hover{color:#0a75ba}.btn-delete-cus{border:2px solid #db1b1b !important;color:#db1b1b !important;margin-right:5px;background:#fff}.btn.button-s5-paui.btn-delete-cus:hover{background:#db1b1b;color:#fff !important;border:2px solid #db1b1b !important}.star-rating{display:inline-block;padding:0}.star-rating input[type="radio"]{display:none}.star-rating label{color:#bbb;padding:0;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.star-rating label.active{color:#f2b600}.box-tab-content .ResultsSummary-tab .rating-summary{display:flex;justify-content:left;align-items:center}.rating-summary .star-rating .fa.fa-star{font-size:12px}.star-rating span{display:block !important;width:100%}.summary-number-pec{min-width:60px;margin-left:5%}.summary-number-pec h3{font-size:18px;font-weight:bold;color:#292c2f}.summary-number-pec span{font-size:12px;color:#8692a6;line-height:initial}.ResultsSummary-tab{display:flex;padding:10px 5px}.ResultsSummary-tab .box-rp-paui21.content-pdpaui-21{margin:0 5px}@media only screen and (max-width:1920px){.row-cus{margin-right:-5px;margin-left:-5px}.col-4-cus{width:32.7%;float:left;padding-left:5px;padding-right:5px;position:relative;flex:0 0 15%}}@media only screen and (max-width:1600px){.row-cus{margin-right:-5px;margin-left:-5px}.col-4-cus{width:40%;float:left;padding-left:5px;padding-right:5px;position:relative;flex:0 0 15%}}@media only screen and (max-width:1280px){.row-cus{margin-right:-5px;margin-left:-5px}.col-4-cus{width:49%;float:left;padding-left:5px;padding-right:5px;position:relative;flex:0 0 15%}.sub-leave-balance{width:99.5%}}@media only screen and (max-width:1100px){.box-tab-content .ResultsSummary-tab .rating-summary{display:block}.box-tab-content .ResultsSummary-tab .rating-summary .summary-number-pec{margin-left:0;display:flex;align-items:center}}@media only screen and (max-width:1024px){.row-cus{margin-right:-5px;margin-left:-5px}.col-4-cus{width:46%;float:left;padding-left:5px;padding-right:5px;position:relative;flex:0 0 15%}}@media only screen and (max-width:960px){.home-li-notify{margin-bottom:15px}.fix-scroll-responsive-mobile{overflow-x:scroll}.scroll-responsive-mb{min-width:1380px}.fix-scroll-responsive-mobile-directory{overflow-x:scroll}.scroll-responsive-mb-directory{min-width:1024px}#formContent{overflow-x:hidden !important}.OtherAnnouncements .announcements-list-view .img-announcement-view{width:215px;height:75px;position:relative;padding-top:20%;display:block;float:left}.box-tab-content .ResultsSummary-tab .rating-summary .summary-number-pec h3{padding-right:3px}.star-rating label.active{display:inherit}}@media only screen and (max-height:820px){.bottom-form-login{display:none}.support-mobile{display:block}}@media only screen and (max-width:768px){.popup-login-content{width:100%}.popup-login{padding:15px}.popup-login-l{padding-right:0}.home-li-notify{width:100% !important;margin-bottom:15px}.home-notify .wow.fadeInUp.row{flex-wrap:wrap}.modal-dialog.custom-modal-paui{width:100% !important;padding-right:10px !important;margin-bottom:80px !important}.employee-profile-view{margin-bottom:50px !important}.status-eprofile .status-pending-paui21{margin:auto;width:fit-content}.compare_scroll_cus{margin-bottom:100px !important}.empl-infomation-format-style .col-xs-12.col-sm-4.cus-sty-info{display:flex}.cus-sty-info .emp-img{width:72px !important}.dis-width-full-eprofile{width:100%;margin-bottom:80px !important}.btn-footer.button-cus{height:auto !important}.modal-dialog.custom-modal-paui .table-history-eprofile{overflow-x:scroll}.btn-footer.button-cus{padding-bottom:48px !important}.view_date_status{width:100% !important;padding:0;margin:0;display:flex}.submit_filter_status_ot{flex-wrap:wrap;display:block;width:100%}.submit_filter_status_ot .view_date_status .input-group.date{display:inherit;width:100%}.radio_itemcheck{display:block !important}.working-period-ts{display:block !important;flex-wrap:wrap}.company-period-show{margin:10px 0}.sucol-announcement-bg .announcements-list-view .img-announcement-view{width:100% !important;padding-top:55% !important}.pic-img-profile-left{position:relative;padding-top:0 !important;display:block;height:110px;margin:auto auto 10px;width:110px !important}.announcements-list-view .title-des-announcement.list-announcements-db{padding-left:0 !important;min-height:150px}.btn-footer#buttonContainer{margin-bottom:0 !important;padding-bottom:40px !important;text-align:left;text-indent:15px}.btn-footer#list-btn-footer{margin-bottom:0;padding-bottom:40px !important}.sub-leave-balance{width:100%}.close-mobile{display:block;position:absolute;right:15px;top:6px;cursor:pointer}.status-title-item{flex-wrap:wrap}.ResultsSummary-tab{flex-wrap:wrap}.box-tab-content .ResultsSummary-tab .rating-summary{margin:5px}.ui-my-performance-23 .content-allformstatus .panel.panel-default .box-report-paui21.paui-pd-top.appraisal-period-info{display:block;padding-top:0}.item.item-uiobjective-performance{margin-bottom:5px}}@media only screen and (max-width:640px){.popup-login-l .padded-r .row{margin-right:0 !important;margin-left:0 !important;font-size:15px !important}.popup-login-content{padding:15px !important}.btn-responsive{height:auto !important}.bottom-form-login{position:relative}.bottom-support ul{display:block;position:relative}.bottom-support ul li{display:block}.version-new{position:relative;display:block}.OtherAnnouncements .announcements-list-view .img-announcement-view{width:100%;height:75px;position:relative;padding-top:60%;display:block;float:left}.OtherAnnouncements .title-des-announcement.other-news{padding-left:0 !important;min-height:80px}}@media only screen and (max-height:600px){.support-mobile{display:block}.bottom-form-login{display:none}.item-login-other{display:inherit;flex-wrap:wrap}.btn-item-login{width:100%;padding:0 15px}}.list-active-payroll .row{margin-left:-10px;margin-right:-10px}.list-active-payroll .col-md-6{padding-right:10px;padding-left:10px}.tab-pane .list-active-payroll .col-md-6:nth-last-child(1){margin-bottom:80px}.tab-pane .list-active-payroll .row.payroll-action .col-md-6:nth-last-child(1){margin-bottom:0}.payroll-view-item{border-radius:5px;cursor:pointer;transition:1s;margin-bottom:15px}.payroll-view-item:hover{background:#f3fbff}.payroll-view-item:hover>.title-payment-period-payroll-view{background:#fff}.period-month-paroll23 .item{text-align:center;border-right:1px solid #e4e7eb;height:46px}.period-month-paroll23 .item:nth-last-child(1){border-right:none}.period-month-paroll23{margin-top:20px;margin-bottom:15px}.period-month-paroll23 .icstatus-calculate,.period-month-paroll23 .icstatus-not-calculate,.period-month-paroll23 .icstatus-inprogress{display:inline-flex;padding:5px 10px}.period-month-paroll23 .item label{padding-bottom:10px;color:#8692a6}.period-month-paroll23 .item h2{font-size:20px;margin-bottom:0;color:#0a75ba}.period-month-paroll23 .item h2 span{color:#959596}.period-month-paroll23 .item h2 span:nth-child(1){color:#0a75ba}.period-month-paroll23 .item .item-status-payroll .iccalculated img{width:14px}.row-table-content .icstatus-calculate.stacalculated{float:right;margin-right:5px}.tab-masterpayroll ul.nav.nav-pills{background:#fff;border-bottom:1px solid #e4e7eb}.tab-masterpayroll .tab-content{padding-top:15px}.tab-masterpayroll ul.nav li{height:32px;display:flex;align-items:center}.tab-masterpayroll ul.nav li a{color:#292c2f;padding-bottom:19px;border-bottom:3px solid #fff;font-size:14px;font-weight:bold}.tab-masterpayroll ul.nav.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#0a75ba;border-bottom:3px solid #0a75ba;background:#fff;border-radius:0}.tab-masterpayroll .nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#fff}.remark-payrollapproval p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.more-btn-withdraw{position:relative;padding-top:7px}.more-btn-withdraw button{display:none}.more-btn-withdraw button:hover{background:#f00d0d;color:#fff}.more-btn-withdraw:hover>.withdraw-btn333{display:block;transition:1s}.withdraw-btn333{position:absolute;right:0;height:36px;padding:0 20px;border-radius:6px;border:2px solid #f00d0d;background:#fff;color:#f00d0d;font-weight:bold;transition:.7s}.withdraw-btn333:hover{background:#f00d0d;color:#fff}.more-btn-withdraw span.icon-More23{border:1px solid #ccc;width:30px;height:30px;display:flex;align-items:center;justify-content:center;float:right;border-radius:50%;background:#fff}.more-btn-withdraw span.icon-More23:before{font-size:16px}.more-btn-withdraw span:hover>.icon-More23:before{color:#0a75ba}.subhead-detailpayroll{background:#fafafa;padding:10px}.subhead-detailpayroll label{color:#8692a6;padding-bottom:10px}.remark-detail-payroll p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px}.subhead-detailpayroll .remark-detail-payroll p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.remark-text-description{display:none;background:#fff;border-radius:6px;border:1px solid #e4e7eb;position:relative;padding:10px;z-index:9999999999;line-height:18px}.remark-detail-payroll:hover>.remark-text-description{display:block;position:absolute}.remark-payrollapproval:hover>.remark-text-description{display:block;position:absolute}.sub-attached-file{position:relative}.show-sub-attached{background:#fff;padding:10px;border:1px solid #e4e7eb;position:absolute;z-index:999;border-radius:3px}.show-sub-attached a{display:flex}.sub-attached-file span{font-size:13px}.show-sub-attached{display:none}.sub-attached-file:hover>.show-sub-attached{display:block}.section-active-payroll.section-active-payroll-detail .template-payroll-approval{margin-bottom:5px}.button-popup{border:3px solid #111;adding:10px;color:#111;text-decoration:none}.popup-2022{position:fixed;width:100%;height:100%;top:0;left:0;background:rgb(000/17%);display:none}.popup-2022.popup-payroll-approval .popup-content-right{min-width:600px;min-height:300px;background:#fff;margin:0;position:relative;border:0;margin:auto;overflow:hidden;float:inherit;top:0;bottom:0;margin-top:10%;border-radius:6px;height:auto;display:table}.popup-content-right .close-popup-2022{position:absolute;top:8px;right:5px;border-radius:50%;background:none;border:0;color:#fff;text-decoration:none;line-height:0;padding:0;width:20px;text-align:center}.popup-2022.popup-payroll-approval .popup-content-right textarea{padding:10px}.popup-2022:target{display:block}.popup-content-right .title{background:#0a75ba;height:32px}.popup-content-right .title h2{font-size:15px;color:#fff}.close-popup-2022 .icon-Close23:before{font-size:14px;color:#fff}.button-s5-paui.button-popup{padding:10px 20px;background:#fff;border:2px solid #0a75ba;border-radius:6px !important;color:#0a75ba;font-weight:bold;height:40px;cursor:pointer;text-decoration:none}.button-s5-paui.button-popup:hover,.button-s5-paui.button-popup:focus{background:#0a75ba;color:#fff}.button-s5-paui.button-popup.btn-cancel-request1{padding:10px 20px;background:#fff;border:2px solid #959596;border-radius:6px !important;color:#959596;font-weight:bold;height:40px;cursor:pointer;text-decoration:none}.button-s5-paui.button-popup.btn-cancel-request1:hover,.button-s5-paui.button-popup.btn-cancel-request1:focus{background:#959596;color:#fff;border-color:#959596}.ms-notification{padding:10px;background:#f3fbff;border-radius:5px;width:100%;color:#0a75ba;font-size:13px}.employee-statistics-table table thead th{border:1px solid #e4e7eb;background:#fafafa;height:32px;text-align:center;font-weight:normal;padding:0 10px}.employee-statistics-table table tbody tr td{border:1px solid #e4e7eb;height:32px;text-align:center;padding:0 10px}.employee-statistics-table.salary-comparison table tbody tr td{text-align:right}.employee-statistics-table.enter-remark table tbody tr td:nth-child(1){text-align:left}.employee-statistics-table.salary-comparison .col-name-pay-item-data-detail{color:#0a75ba !important}.employee-statistics-table.salary-comparison .col-name-pay-item-data-detail:hover{text-decoration:underline}.employee-statistics h3{font-size:16px;font-weight:bold;margin-bottom:10px}.icon-percentdown:before{background:#fadbd8;border-radius:50%;font-size:14px}.icon-percentup:before{background:#def1de;border-radius:50%;font-size:14px}.text-percentup{color:#5cb85c}.text-percentdown{color:#e64d3d}.chart-pay-item .filter-chart-pay-item{text-align:right;position:absolute;right:10px}.chart-pay-item{position:relative}.filter-chart-pay-item button.btn.btn-info{border:1px solid #c4c4c4;display:flex;align-items:center}.filter-chart-pay-item button.btn.btn-info span{padding-right:5px}.chart-pay-item .background-filter-empl{position:absolute;top:35px;min-width:138px;right:0;background:#fff;border-radius:4px;border:1px solid #ccc;padding:10px}.chart-pay-item .background-filter-empl ul li{display:flex;align-items:center;padding:5px 0;text-align:left}.chart-pay-item .background-filter-empl ul li label{padding-top:5px}.chart-pay-item .background-filter-empl ul li input{margin-right:5px;margin-top:0}.filter-chart-pay-item .btn-info{color:#292c2f;background-color:#fff;padding:5px 10px;height:32px;border-radius:5px !important;outline:none !important;font-size:13px;margin-top:3px;margin-right:5px}.show-sub-attached li{padding:5px 0}show-sub-attached li a:hover{text-decoration:underline}.button-s5-paui .icon-ArrowBack:before{font-size:15px;padding-right:3px;transition:1s}.button-back-to-payroll .button-s5-paui{display:flex;align-items:center;transition:1s;padding:5px 10px;height:30px;margin-top:10px;background:#fff;border:1px solid #0a75ba;border-radius:5px !important}.btn-filter-defautl{color:#292c2f;background-color:#fff;border-color:#e4e7eb;padding:5px 10px;height:28px;border-radius:5px !important;outline:none !important;font-size:13px;margin-top:3px;margin-right:5px}.filter-employee-list .btn-info{color:#292c2f;background-color:#fff;border-color:#e4e7eb;padding:5px 10px;height:32px;border-radius:5px !important;outline:none !important;font-size:13px;margin-right:5px}.employee-statistics-table.list-employee-table .filter-employee-list .btn-info{display:flex;align-items:center}.employee-statistics-table.list-employee-table .filter-employee-list .btn-info .icon-Filter23{padding-top:2px}.filter-chart-pay-item .btn-info:hover,.filter-chart-pay-item .btn-info:focus,.filter-chart-pay-item .btn-info:active{background-color:#fff;border-color:#e4e7eb;color:#292c2f}.filter-employee-list .btn-info:hover,.filter-employee-list .btn-info:focus,.filter-employee-list .btn-info:active{background-color:#fff;border-color:#e4e7eb;color:#292c2f}.filter-employee-list .background-filter-empl{position:absolute !important;top:35px;min-width:200px;right:0;background:#fff;border-radius:4px;border:1px solid #ccc;padding:10px}.filter-chart-pay-item .background-filter-empl{position:absolute !important;top:35px;min-width:200px;right:0;background:#fff;border-radius:4px;border:1px solid #ccc;padding:10px}.filter-employee-list ul li{display:flex;align-items:center;padding:5px 0;text-align:left}.button-back-to-payroll .button-s5-paui:hover{background:#0a75ba}.button-back-to-payroll .button-s5-paui:hover>.icon-ArrowBack:before{color:#fff}.view-chart-payroll{margin-top:15px}.view-chart-payroll .title-dashboard23 .select-box-custom{min-width:110px}.view-chart-payroll .title-dashboard23{margin-bottom:10px}.button-employee-list{display:flex;align-items:center}.button-employee-list a{padding-left:10px}.button-employee-list a:focus{text-decoration:none}.button-employee-list button{margin:0 5px}.button-employee-list span{width:18px}.head-table-employee{display:flex;align-items:center}.head-table-employee h4{font-size:14px}.employee-statistics-table.list-employee-table table tbody tr td:nth-child(1){text-indent:0}.icon-remark-status{width:20px}.icon-remark-status img{width:20px}.content-remark{display:none;position:absolute;width:360px;top:0;left:22px;background:#fff;padding:10px;border:1px solid #ccc;border-radius:4px;line-height:18px;text-align:left !important}.icon-remark-status:hover>.content-remark{display:block}.remark-hover img{width:20px;cursor:pointer}.remark-hover img:hover{opacity:.5}.template-payroll-approval{margin-bottom:15px}.padding-9px.dxgv .dx.dxm-image-l.dxm-noImages{border:none !important}.dxm-main.dxm-horizontal.border#gvEmployeeList_cell0_1_mnuGridCommand_0{border-radius:50%}.dxm-main.dxm-horizontal.border#gvEmployeeList_cell0_1_mnuGridCommand_0:hover{border-color:#0a75ba}.employee-statistics-table.list-employee-table input{width:14px;height:14px}.button-employee-list .button-popup img{width:14px}.button-employee-list a.button-popup{display:flex;align-items:center;color:#292c2f;padding:5px 15px 5px 5px;border:0 !important;background:transparent;border-radius:4px;margin-left:15px;cursor:pointer;transition:.5s;margin-top:2px}.button-employee-list a.button-popup:hover{background:#fff}.dx.dxm-gutter .dxm-item#gvEmployeeList_cell0_1_mnuGridCommand_0_DXI0i0_ .dxm-content.dxm-hasText img.dxm-image.dx-vam{width:16px}.employee-statistics-table.list-employee-table .employee-detail tr td:nth-child(2){text-align:left;padding:0 10px}.employee-statistics-table.list-employee-table .employee-detail tr td:nth-child(3){padding:0 10px;text-align:left}.employee-statistics-table.list-employee-table .employee-detail tr td:nth-child(7){padding:0 10px;text-align:right}.employee-statistics-table.list-employee-table .employee-header tr th:nth-child(1){padding:0 5px}.text-align-center.cus-sty-icbrithday .lbl-emp-hp{color:#dc1515}.menuItem.IconMore{background:#f00 !important}.cus-background-pouptitle{background:#0a75ba;color:#fff;padding:5px;padding-left:10px}.cus-background-pouptitle .close{text-shadow:none;opacity:inherit;padding-right:5px}.cus-background-pouptitle .fa.fa-close:before{color:#fff !important;border:0 !important;font-size:14px}.width-scroll-table{width:100%;overflow-x:scroll}.circle-item{border-radius:50px !important;height:24px;width:24px;padding:0 !important;margin:0;border-color:#cdcdcd !important;background-color:#fff !important}.dxmLite .dxm-main.circle-item .dxm-hovered{background-color:transparent;border:none}.dxm-main.dxm-horizontal.circle-item .dxm-content.dxm-hasText{padding:0 !important;padding-left:4px !important;margin-top:-2px !important}.dxm-main.dxm-horizontal.circle-item .dxm-content.dxm-hasText:hover{padding:0 !important;padding-left:4px !important;margin-top:-2px !important}.dxm-main.dxm-horizontal.circle-item{margin:auto;float:inherit}.dxm-main.dxm-horizontal.circle-item .dx.dxm-image-l.dxm-noImages{float:inherit !important}.merge-empl-name-status{text-align:left;display:flex;border:none;align-items:center;justify-content:left;margin:5px 0}.merge-idname{text-align:left;min-width:141px}.merge-empl-name-status .merge-idname{margin-left:5px}.content-steps-right-cus{min-width:300px;float:left;border-radius:6px;margin-left:15px;margin-bottom:10px;padding:5px 10px;background:#f5f5f5;border:none;height:auto;min-height:auto}.content-steps-right-cus.active{background:#eef7fe;border-left:0}.content-steps-right-cus h4{font-size:12px !important;color:#0a75ba !important}.steps-list-content-cus li{padding:2px 0;min-height:22px}.steps-list-content-cus li i{top:6px;color:#ababab}.steps-list-content-cus li span{padding-left:15px}.steps-list-content-cus li .name-user-post-cus{font-weight:bold;padding-top:2px;font-size:12px}ul li.user-acc-post-cus{display:flex;align-items:center}.steps-list-content-cus li .note-mng-cus-steps{display:-webkit-box;-webkit-line-clamp:inherit;-webkit-box-orient:vertical;overflow:hidden;padding-top:1px;line-height:20px !important}.steps-list-content-cus h4{color:#292c2f !important}.content-steps-right-cus.active .steps-list-content-cus h4{color:#0a75ba !important}.modal-title{line-height:1.3;color:#fff;font-size:15px;font-weight:bold}.modal-dialog .popup-i-close{top:-2px;right:10px}.modal-header{height:32px;min-height:32px;padding:5px 10px;border-top-left-radius:5px;border-top-right-radius:5px}.modal-content{box-shadow:none !important;border:1px solid #000,0%)!important}.modal-title{line-height:1.4 !important;font-size:16px !important}.modal-header .icon-Close23:before{color:#fff}.modal-header{font-size:16px !important;height:34px}.style-btn-attachfile .btn-Choose-File{color:#0a75ba !important;cursor:pointer;font-weight:normal;border:1px solid #d9d9d9 !important;padding:2px 10px;background:#fff;padding:7px 15px;border-radius:3px}.employee-profile-view .col-right-profileview .header-eprofile .title-left-eprofile .readmore-eprofile .readmore-paui .ico-hover-paui a:hover{color:#0a75ba !important}.filter-employee-list button.button-s5-paui{padding:7px 20px;border-radius:6px !important;height:32px}.button-detail-payroll .button-s5-pauiDelete.button-popup{padding:10px 20px;background:#fff;border:2px solid #d9534f;border-radius:6px;color:#d9534f;font-weight:bold;cursor:pointer;transition:.5s;text-decoration:none}.button-detail-payroll .button-s5-pauiDelete.button-popup:hover{background:#d9534f;color:#fff}.add-icarrow-right .icon-ArrowDown23:before{font-size:8px}