@font-face {
  font-family: "segoe_ui_light";
  src: url('../font/SegoeUI-Light.TTF');
}
/* #region CSS home page*/
.centerHomeContent {
  /*background-color: rgba(0, 0, 0, 0);*/
  background: #fff;
  /*background-image: linear-gradient(rgb(45, 169, 177) 0px, rgb(23, 130, 153) 50%, rgb(26, 76, 125) 100%);*/
  /*background-image: url('../HCS_Background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
}
.hcs-home-background {
  position: fixed;
  left: 0;
  right: 15px;
  bottom: 0;
  top: 15px;
}
.hcs-home-background > .image {
  width: 100%;
  height: 100%;
  background-image: url(../HCS_Background.png);
  background-repeat: no-repeat;
  opacity: 0.5;
  /*background-position: left;
        background-size: cover;*/
}
.centerHomeContent section {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
.lv-checkbox-list {
  margin: 0 !important;
}
.hcsHomeMargin {
  margin: 3px 3px;
}
.lv-homepage-list-module-title {
  margin-bottom: 10px;
}
.lv-homepage-list-module-title-small span.sapMText {
  color: #FFF !important;
  font-size: 0.8rem !important;
  font-weight: normal;
}
.lv-homepage-list-module-title-large .sapMText {
  color: #FFF !important;
  font-size: 1.4rem !important;
  font-weight: normal !important;
}
.lv-homepage-icon-list-module {
  margin-left: 5px;
}
.lv-homepage-icon-list-module span.sapUiIcon {
  font-size: 1rem;
}
.lv-homepage-title-module {
  font-size: 36px !important;
  color: #8A8A63 !important;
  font-family: segoe_ui_light, Arial, sans-serif !important;
}
.lv-homepage-title-module-bold {
  font-size: 36px !important;
  font-weight: bold !important;
  padding-left: 10px;
  font-family: segoe_ui_light, Arial, sans-serif !important;
}
.lv-homepage-title-module-description {
  font-family: segoe_ui_light, Arial, sans-serif !important;
}
.lv-homepage-selected-module span.sapMText {
  color: #27BA86 !important;
}
/*#endregion CSS home page*/
/*#region Backgroud function list - Home page*/
/*Style 1*/
.lv-function-style-1 {
  background: #85926A !important;
}
.lv-function-style-1 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-1 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-1 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-1 .sapMNCValueScr {
  color: #D8DC22;
}
.lv-function-style-1 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 2*/
.lv-function-style-2 {
  background: #66AF33 !important;
}
.lv-function-style-2 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-2 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-2 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-2 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-2 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 3*/
.lv-function-style-3 {
  background: #EBF5D7 !important;
}
.lv-function-style-3 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-3 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-3 .sapMNCIconImage {
  color: #9CBD9A;
}
.lv-function-style-3 .sapMNCValueScr {
  color: #9CBD9A;
}
.lv-function-style-3 .sapMTileCntFtrTxt {
  color: #000;
}
/*Hệ thống chấm công*/
/*Style 4*/
.lv-function-style-4 {
  background: #867962 !important;
}
.lv-function-style-4 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-4 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-4 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-4 .sapMNCValueScr {
  color: #D8DC22;
}
.lv-function-style-4 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 5*/
.lv-function-style-5 {
  background: #B3A228 !important;
}
.lv-function-style-5 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-5 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-5 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-5 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-5 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 6*/
.lv-function-style-6 {
  background: #E0D480 !important;
}
.lv-function-style-6 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-6 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-6 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-6 .sapMNCValueScr {
  color: #D8DC22;
}
.lv-function-style-6 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Hệ thống tính lương*/
/*Style 7*/
.lv-function-style-7 {
  background: #47503C !important;
}
.lv-function-style-7 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-7 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-7 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-7 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-7 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 8*/
.lv-function-style-8 {
  background: #34495E !important;
}
.lv-function-style-8 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-8 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-8 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-8 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-8 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 9*/
.lv-function-style-9 {
  background: #5398C7 !important;
}
.lv-function-style-9 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-9 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-9 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-9 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-9 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Hệ thống báo cáo*/
/*Style 10*/
.lv-function-style-10 {
  background: #E62E0A !important;
}
.lv-function-style-10 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-10 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
  opacity: 0.8;
}
.lv-function-style-10 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-10 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-10 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 11*/
.lv-function-style-11 {
  background: #D87462 !important;
}
.lv-function-style-11 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-11 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
  opacity: 0.8;
}
.lv-function-style-11 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-11 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-11 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 12*/
.lv-function-style-12 {
  background: #5398C7 !important;
}
.lv-function-style-12 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-12 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-12 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-12 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-12 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Quản trị hệ thống*/
/*Style 13*/
.lv-function-style-13 {
  background: #47503C !important;
}
.lv-function-style-13 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-13 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-13 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-13 .sapMNCValueScr {
  color: #E4E609;
}
.lv-function-style-13 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 14*/
.lv-function-style-14 {
  background: #2A9B60 !important;
}
.lv-function-style-14 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-14 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-14 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-14 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-14 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 15*/
.lv-function-style-15 {
  background: #67B4B0 !important;
}
.lv-function-style-15 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-15 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-15 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-15 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-15 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 16*/
.lv-function-style-16 {
  background: #f2942e !important;
}
.lv-function-style-16 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-16 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-16 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-16 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-16 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 17*/
.lv-function-style-17 {
  background: #f9cd9f !important;
}
.lv-function-style-17 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-17 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-17 .sapMNCIconImage {
  color: #f0830f;
}
.lv-function-style-17 .sapMNCValueScr {
  color: #f0830f;
}
.lv-function-style-17 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 18*/
.lv-function-style-18 {
  background: #2ab1e5 !important;
}
.lv-function-style-18 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-18 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-18 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-18 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-18 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 19*/
.lv-function-style-19 {
  background: #d1eefa !important;
}
.lv-function-style-19 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-19 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-19 .sapMNCIconImage {
  color: #2ab1e5;
}
.lv-function-style-19 .sapMNCValueScr {
  color: #2ab1e5;
}
.lv-function-style-19 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 20*/
.lv-function-style-20 {
  background: #ea6146 !important;
}
.lv-function-style-20 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-20 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-20 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-20 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-20 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 21*/
.lv-function-style-21 {
  background: #f5afa3 !important;
}
.lv-function-style-21 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-21 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-21 .sapMNCIconImage {
  color: #ea6146;
}
.lv-function-style-21 .sapMNCValueScr {
  color: #ea6146;
}
.lv-function-style-21 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 22*/
.lv-function-style-22 {
  background: #a66226 !important;
}
.lv-function-style-22 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-22 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-22 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-22 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-22 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 23*/
.lv-function-style-23 {
  background: #eccaac !important;
}
.lv-function-style-23 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-23 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-23 .sapMNCIconImage {
  color: #a66226;
}
.lv-function-style-23 .sapMNCValueScr {
  color: #a66226;
}
.lv-function-style-23 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 24*/
.lv-function-style-24 {
  background: #3a579a !important;
}
.lv-function-style-24 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-24 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-24 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-24 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-24 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 25*/
.lv-function-style-25 {
  background: #c8d2ea !important;
}
.lv-function-style-25 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-25 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-25 .sapMNCIconImage {
  color: #3a579a;
}
.lv-function-style-25 .sapMNCValueScr {
  color: #3a579a;
}
.lv-function-style-25 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 26*/
.lv-function-style-26 {
  background: #77757a !important;
}
.lv-function-style-26 .sapMTextMaxLine {
  color: #fff;
}
.lv-function-style-26 .sapMGTSubHdrTxt {
  color: #fff;
  white-space: pre-line;
}
.lv-function-style-26 .sapMNCIconImage {
  color: #fff;
}
.lv-function-style-26 .sapMNCValueScr {
  color: #fff;
}
.lv-function-style-26 .sapMTileCntFtrTxt {
  color: #fff;
}
/*Style 27*/
.lv-function-style-27 {
  background: #cccbcd !important;
}
.lv-function-style-27 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-27 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-27 .sapMNCIconImage {
  color: #77757a;
}
.lv-function-style-27 .sapMNCValueScr {
  color: #77757a;
}
.lv-function-style-27 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 28*/
.lv-function-style-28 {
  background: #fadab7 !important;
}
.lv-function-style-28 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-28 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-28 .sapMNCIconImage {
  color: #f0830f;
}
.lv-function-style-28 .sapMNCValueScr {
  color: #f0830f;
}
.lv-function-style-28 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 29*/
.lv-function-style-29 {
  background: #f7c4bb !important;
}
.lv-function-style-29 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-29 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-29 .sapMNCIconImage {
  color: #ea6146;
}
.lv-function-style-29 .sapMNCValueScr {
  color: #ea6146;
}
.lv-function-style-29 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 30*/
.lv-function-style-30 {
  background: #dae1f1 !important;
}
.lv-function-style-30 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-30 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-30 .sapMNCIconImage {
  color: #3a579a;
}
.lv-function-style-30 .sapMNCValueScr {
  color: #3a579a;
}
.lv-function-style-30 .sapMTileCntFtrTxt {
  color: #000;
}
/*Style 31*/
.lv-function-style-31 {
  background: #f1d7c1 !important;
}
.lv-function-style-31 .sapMTextMaxLine {
  color: #000;
}
.lv-function-style-31 .sapMGTSubHdrTxt {
  color: #000;
  white-space: pre-line;
}
.lv-function-style-31 .sapMNCIconImage {
  color: #a66226;
}
.lv-function-style-31 .sapMNCValueScr {
  color: #a66226;
}
.lv-function-style-31 .sapMTileCntFtrTxt {
  color: #000;
}
/*#endregion  Backgroud function list - Home page*/
/*#region HSNV*/
.lv-hsnv-emp-code {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -10px;
  margin-left: -60px;
  position: absolute;
  font-size: 18px !important;
  color: rgba(58, 78, 97, 0.8);
  font: 700 18px/1.3 "FaktSlabPro";
  /*font: 500 18px/1.3 "FaktSlabPro", Arial, Helvetica, sans-serif;*/
  text-transform: uppercase;
}
.lv-hsnv-emp-name {
  text-align: center;
  padding-top: 10px;
}
.lv-hsnv-emp-name > span {
  color: #000;
  padding-top: 5px;
  height: 35px;
  font: 600 20px/1.2 "Metric", "Arial", Gadget, sans-serif;
}
.lv-hsnv-item {
  border-radius: 5px;
  margin: 10px 10px 15px 10px !important;
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px #cccccc solid !important;
  background-color: #EBF5D7 !important;
}
.lv-hsnv-item:hover {
  border: 3px #009de0 solid !important;
  margin: 8px 8px 13px 8px !important;
}
.lv-hsnv-item:first-child {
  text-align: center;
}
.lv-hsnv-list-item > .sapUiUx3DSFilterArea {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.lv-hsnv-listmode-info {
  margin-top: 2px;
}
.lv-hsnv-listmode-main {
  margin: 0 10px 0 10px;
}
.lv-hsnv-listmode-code {
  color: rgba(58, 78, 97, 0.8);
  font: 400 13px/1.3 "FaktSlabPro";
}
.lv-hsnv-listmode-name {
  /*font: 400 15px/1.2 "Metric", "Arial", Gadget, sans-serif;*/
  font-weight: bold;
  padding-bottom: 5px;
}
.lv-hsnv-listmode-item {
  border-radius: 5px;
  margin: 2px 10px 1px 10px !important;
  padding: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px #cccccc solid !important;
  background-color: #EBF5D7 !important;
}
.sapUiUx3DSSVItem:hover {
  border-radius: 5px;
  background-color: #fff !important;
}
/*Class background HSNV*/
.sapUiUx3DS {
  /*background-color: #dcecf0 !important;*/
  background-color: #fff !important;
}
/*#endregion HSNV*/
/*#region Danh sách nhân viên trong HSNVV*/
.hcs-dbnv-emp-group {
  display: inline-block;
}
.hcs-dbnv-emp {
  width: 160px;
  height: 200px;
  float: left;
  margin: 5px;
  position: relative;
}
.hcs-dbnv-emp-img {
  width: 160px;
  height: 200px;
}
.hcs-dbnv-emp-basic-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background: #728155;
  opacity: 0.8;
  color: #fff;
  padding-top: 10px;
  text-align: center;
}
.hcs-dbnv-emp-basic-info > .name {
  font-size: 14px;
  font-family: Arial;
}
.hcs-dbnv-emp-basic-info > .job-pos {
  font-size: 12px;
  opacity: 0.6;
}
.hcs-dbnv-emp-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*top: 0;*/
  height: 180px;
  padding: 10px;
  background: #728155;
  opacity: 0.8;
  color: #fff;
  font-family: Arial;
  padding-top: 10px;
  text-align: left;
  -webkit-transition: width 2s;
  -moz-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
  vertical-align: middle;
  display: none;
}
.hcs-dbnv-emp-info > ul {
  margin: 0;
  padding: 0;
}
.hcs-dbnv-emp-info > ul > li {
  list-style: none;
}
.hcs-dbnv-emp-info .code {
  font-size: 18px;
  color: #7DC21F;
  /*font-weight: bold;*/
}
.hcs-dbnv-emp-info .name {
  font-size: 15px;
  /*font-weight: bold;*/
  margin-bottom: 10px;
}
.hcs-dbnv-emp-info .info {
  font-size: 12px;
  opacity: 0.8;
}
.hcs-dbnv-emp-info .toolbar {
  bottom: 0;
  width: 150px;
  height: 21px;
  font-size: 15px;
  position: absolute;
  text-align: right;
}
.hcs-dbnv-emp-info .toolbar > a {
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
  font-family: SAP-icons;
}
.hcs-dbnv-group-firstname {
  font-weight: bold;
  color: #7dc21f;
  padding-left: 5px;
  font-size: 3rem;
  margin: 25px 0 15px 0;
  width: 2rem;
  cursor: pointer;
}
.hcs-popover-character {
  padding: 30px !important;
}
.hcs-popover-character .sapMPopoverArr {
  display: none;
}
.hcs-popover-character .hcs-hsnv-button-characters {
  margin: 3px !important;
  height: 50px !important;
  padding: 0 !important;
}
.hcs-popover-character .hcs-hsnv-button-characters .sapMBtnDefault {
  height: 50px;
  width: 50px;
  font-size: 40px;
  padding: 0 !important;
  background: #59604E;
  color: #7DC21F;
}
.hcs-popover-character .hcs-hsnv-button-characters .sapMBtnDefault .sapMBtnContent {
  line-height: 50px !important;
}
.hcs-popover-character .hcs-hsnv-button-characters .sapMBtnDefault:hover {
  height: 50px;
  width: 50px;
  font-size: 40px;
  padding: 0 !important;
  background: #59604E !important;
  background-color: #59604E;
  color: #7DC21F;
}
.hcs-popover-character .hcs-hsnv-button-characters.button-characters-disabled .sapMBtnDefault {
  height: 50px;
  width: 50px;
  font-size: 40px;
  padding: 0 !important;
  background: transparent;
  color: #333;
  border: none;
}
.hcs-popover-character .hcs-hsnv-button-characters.button-characters-disabled .sapMBtnDefault .sapMBtnContent {
  line-height: 50px !important;
}
.hcs-popover-character .hcs-hsnv-button-characters.button-characters-disabled .sapMBtnDefault:hover {
  height: 50px;
  width: 50px;
  font-size: 40px;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent;
  color: #333;
}
/*#endregion*/
.hcs-status-list-white span.sapUiIcon {
  color: #FFFFFF !important;
  opacity: 0;
}
.hcs-status-list-red span.sapUiIcon {
  color: #f00 !important;
}
.hcs-status-list-yellow span.sapUiIcon {
  color: #ff0 !important;
}
.hcs-status-list-green span.sapUiIcon {
  color: #008000 !important;
}
.hcs-status-list-black span.sapUiIcon {
  color: #000 !important;
}
.hcs-status-list-gray span.sapUiIcon {
  color: #d3d3d3 !important;
}
.hcs-status-list-red::before {
  height: 20px;
  width: 20px;
  background: green;
}
.lv-no-padding {
  padding: 0 !important;
}
.lv-hcs-button-no-border > div {
  border: none;
  background: none;
}
.lv-button-icon-header .sapMBtnIcon {
  /*border-right: 1px solid #d8d8d8;*/
  margin-top: 2px;
  font-size: 1.2em;
  padding: 0;
}
.lv-button-icon-header .sapMBtnTransparent {
  color: #fff !important;
}
.homeMenuHrm .sapMBarContainer {
  padding-right: 0px;
}
.homeMenuHrm .sapMTitle {
  font-weight: bolder;
  font-size: 1.2rem;
  line-height: 39px;
  color: #666666 !important;
  margin-top: 8px;
}
.align-right {
  float: right;
  border: solid 4px red !important;
}
.table-col-number input[type=number] {
  text-align: right;
  border: none !important;
  padding: 2px !important;
}
.lv-tree-selecte span.sapUiTableTreeIcon {
  margin-left: 0px;
  margin-top: 15px !important;
}
.lv-tree-selecte .content {
  margin-top: 15px !important;
}
.lv-header-text {
  text-align: center;
}
.label-danhmuc {
  float: right;
}
.sapMITBHead {
  margin: 0px !important;
}
.sapMITBContent {
  padding: 0px !important;
}
.lv-hcs-white-page {
  background-color: #fff;
  border: solid 4px red;
}
.lv-hcs-form {
  background-color: #fff;
  /*border:solid 4px red*/
}
.lv-hcs-form .label {
  padding-top: 14px;
  text-align: right;
}
.formLabelRequired:before {
  content: "(*) ";
  color: red;
  font-size: 1rem;
  line-height: 0.9375rem;
}
.empty-box {
  color: #fff !important;
}
.label-required {
  font-weight: bold !important;
}
.lv-form-label {
  float: right !important;
  height: 100% !important;
  padding-top: 14px;
}
.DialogNoPadding .sapMDialogScrollCont {
  padding: 0 !important;
}
.dialogFilterEmp .sapMDialogScrollCont.sapMDialogStretchContent {
  height: 100% !important;
}
.lv-commons-tree .sapUiTreeContScroll .sapUiTreeNode {
  font-size: 0.875rem;
  padding-bottom: 4px;
  padding-top: 4px;
}
.lv-commons-tree .sapUiTreeTitle {
  font-size: 0.875rem;
  font-weight: normal;
}
/*.scroll-cont-emps {
    background: #fff;
}*/
.hcs-hsnv-pg_list_grid {
  background: #fff;
}
.text-align-left {
  text-align: left !important;
}
.text-align-right {
  text-align: right !important;
}
.text-align-center {
  text-align: center !important;
}
/*Tree*/
.lv-panel-common-tree {
  height: 100% !important;
}
.lv-panel-common-tree > .sapMIBar {
  height: 28px;
  padding: 0px !important;
}
.lv-panel-common-tree > .sapMIBar .sapUiBtnIconOnly {
  background-color: transparent !important;
  border: 0 !important;
}
.lv-panel-common-tree > .sapMIBar .sapUiBtnIconOnly:hover,
.lv-panel-common-tree > .sapMIBar .sapUiBtnIconOnly:focus {
  background-color: #DDD !important;
  border: 0 !important;
}
.lv-panel-common-tree > .sapMIBar .sapUiSearchField {
  width: calc(100% - 80px) !important;
}
.lv-panel-common-tree > .sapMPanelContent {
  height: calc(100% - 28px);
  padding: 0;
  border: 0;
}
.lv-panel-common-tree-selection {
  height: 100% !important;
}
.lv-panel-common-tree-selection > .sapMIBar {
  height: 28px;
  padding: 0px !important;
}
.lv-panel-common-tree-selection > .sapMIBar .sapUiBtnIconOnly {
  background-color: transparent !important;
  border: 0 !important;
}
.lv-panel-common-tree-selection > .sapMIBar .sapUiBtnIconOnly:hover,
.lv-panel-common-tree-selection > .sapMIBar .sapUiBtnIconOnly:focus {
  background-color: #DDD !important;
  border: 0 !important;
}
.lv-panel-common-tree-selection > .sapMIBar .sapUiSearchField {
  width: calc(100% - 120px) !important;
}
.lv-panel-common-tree-selection > .sapMPanelContent {
  height: calc(100% - 28px);
  padding: 0;
  border: 0;
}
.lv-toolbar-table {
  height: 18px !important;
  border: 0 !important;
}
.lv-toolbar-table button {
  height: 18px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.lv-emp-profile-table {
  background: #fff;
  /*td[role=gridcell] {
        padding: 8px 8px 8px 12px !important;
    }*/
}
.lv-disable-input-datepicker input {
  pointer-events: none !important;
}
.lv-disable-input-datepicker button.lv-clear-datepicker {
  height: 25px;
  width: 25px;
  position: absolute;
  right: 30px;
  top: 0px;
  line-height: 30px;
  background: transparent;
  border: none;
}
.lv-disable-input-datepicker button.lv-clear-datepicker .sapUiIcon {
  font-family: SAP-icons;
  font-size: 1rem;
}
.lv-disable-input-datepicker button.lv-clear-datepicker:hover {
  background: #eee;
}
.lv-disable-input-combobox input {
  pointer-events: none !important;
}
.lv-disable-input-combobox button.lv-clear-combobox {
  height: 25px;
  width: 25px;
  position: absolute;
  right: 30px;
  top: 0px;
  line-height: 30px;
  background: transparent;
  border: none;
}
.lv-disable-input-combobox button.lv-clear-combobox .sapUiIcon {
  font-family: SAP-icons;
  font-size: 1rem;
}
.lv-disable-input-combobox button.lv-clear-combobox:hover {
  background: #eee;
}
.site-function-detail.sapUiSizeCompact .sapMIBar.no-border {
  border: 0;
}
.site-function-detail.sapUiSizeCompact .lv-emp-profile-table td[role=gridcell] {
  padding: 0px 8px 0px 12px !important;
}
.hcsUiSizeLarge {
  zoom: 1;
}
.hcsUiSizeMedium {
  -moz-transform: scale(0.9) translate3d(0, 0, 0);
  -webkit-transform: scale(0.9) translate3d(0, 0, 0);
  -o-transform: scale(0.9) translate3d(0, 0, 0);
  transform: scale(0.9) translate3d(0, 0, 0);
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  width: calc(100% / 0.9) !important;
  height: calc(100% / 0.9) !important;
}
.hcsUiSizeSmall {
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  width: calc(100% / 0.8) !important;
  height: calc(100% / 0.8) !important;
}
.lv-tree-bold-caption {
  font-weight: bold;
}
.lv-emailhr-color-tree .lv-tree-bold-caption {
  font-weight: bold;
  color: green;
}
.lv-tree-disable-caption {
  opacity: 0.3;
}
.lv-tree-disable-caption .sapUiTreeIcon {
  pointer-events: none !important;
}
.lv-tree-disable-caption .sapUiTreeNodeContent {
  pointer-events: none !important;
  font-weight: bold;
}
/*lvhao*/
.HSNV-info-icon {
  position: absolute;
  margin-top: 5px;
  left: 0;
}
.HSNV-info-name {
  position: absolute !important;
  margin-top: 5px;
  right: 0;
  max-width: calc(100% - 60px);
}
.HSNV-info-name .icon-circle-task {
  color: red !important;
}
.lv-function-title {
  color: #fff;
  padding-left: 5px;
}
.lv-hcs-cnb-page-container > header {
  display: none;
}
.lv-hcs-cnb-page-container > section {
  top: 0 !important;
}