.bank-card {
  background-image: linear-gradient(to right, #8BDBCD, #61B5A1, #4F7F7F);
  border-radius: 10px;
  height: 150px;
  padding: 10px 25px;
  box-shadow: 1px 5px 5px #90AEA4; }
  .bank-card .ui-outputlabel {
    color:#FFF; }

.tax-card {
  border-radius: 10px;
  height: 150px;
  box-shadow: 1px 5px 5px #E3E3E3; }
  .tax-card .tax-header {
    background-color: #F4B42E;
    margin-bottom: 45px;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
   .tax-card .tax-content {
    padding-left: 25px;
    padding-right: 25px; }

.threesixty-link.ui-commandlink .threesixty-selected {
  background-color: #EFF5F4;
  border-radius: 10px; }
.threesixty-link.ui-commandlink .ui-outputlabel {
	cursor: pointer; }  
.threesixty-link.ui-commandlink:hover {
  color: #666666;
  font-weight: normal;
  text-decoration: none; }
  .threesixty-link.ui-commandlink:hover .threesixty-card {
    background-color: #EFF5F4;
    border-radius: 10px; }  
  
.badge {
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  padding: 0 .5rem; }
  
.badge-green {
  background: #61B5A1;
  color: #FFF; }

.badge-orange {
  background: #FAB42E;
  color: #FFF; }

.badge-red {
  background-color: #F76F6C;
  color: #FFF; }

.badge-blue {
  background-color: #6699FF;
  color: #FFF; }
    
.badge-purple {
  background-color: #AF8FE9;
  color: #FFF; }
  
.badge-gray {
  background-color: #AAAAAA;
  color: #FFF; }

.panel-file {
  padding: 5px;
  border: 1px solid #E5E5E5;
  border-radius: 4px; }
  .panel-file .file-thumbnail {
    display: flex;
    justify-content: center; }
  .panel-file .file-thumbnail img {
    width: 35px;
    height: 35px; }
  .panel-file .file-name {
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .panel-file .file-action {
    text-align: right;
    margin: auto; }
    .panel-file .file-action i {
      color: #3D3D3D; }
      
.btn-upload-v2.ui-fileupload .ui-fileupload-buttonbar {
  border: none;
  padding: 0px; }
  .btn-upload-v2.ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin: 0px;
    color: #23818E;
    padding: 9px 0px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    width: 100%; }
  .btn-upload-v2.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: block; }
  .btn-upload-v2.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
    background-image: url(../resources/img/icon/icon_upload.svg);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px; }
  .btn-upload-v2.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon::before {
    content: "" }
.btn-upload-v2.ui-fileupload .ui-fileupload-content .ui-fileupload-files {
  display: none; }
  
.mask-otp.ui-inputmask {
  font-size: 16px; 
  font-weight: bold;
  text-align: center;
  letter-spacing: 10px; }
  
.datagrid-custom.ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0px; }
  .datagrid-custom.ui-datagrid .ui-datagrid-column {
    padding: 0px; }
    .datagrid-custom.ui-datagrid .ui-datagrid-content-empty {
      color: #90A4AE;
      padding: 7px; }

.datatable-temp.ui-datatable thead {
  display: none; }

.location-alw-factor.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-body table tbody tr td {
  height: 50px; }	
.location-alw-factor.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-left .ui-datatable-frozen-container .ui-datatable-scrollable-body table tbody tr td {
  height: 50px; }
.location-alw-factor.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.location-alw-factor.ui-datatable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header thead {
  height: 50px; }
.location-alw-factor.ui-datatable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header thead {
  height: 50px; }  
  
.line-break {
  white-space: pre-wrap; }

.ui-commandlink.task-outside-board-link {
  color: #666; }
  .ui-commandlink.task-outside-board-link .ui-outputlabel {
    cursor: pointer; }

.jobtracker-progressbar.ui-progressbar {
  background: #C8D5E3;
  height: 0.714em;
  border-radius: 10px; }
.jobtracker-progressbar.ui-progressbar .ui-progressbar-value {
  background: #23818E;
  border-radius: 10px; }
  
.jobtracker-onebutton.ui-selectbooleanbutton,
.jobtracker-onebutton.ui-buttonset:not(.ui-splitbutton) > .ui-button {
  border-color: #23818E;
  color: #23818E;
  background-color: #FFFFFF; }
  .jobtracker-onebutton.ui-selectbooleanbutton.ui-state-active,
  .jobtracker-onebutton.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active {
    background-color: #23818E;
    border-color: #23818E;
    color: #FFFFFF; }
    .jobtracker-onebutton.ui-selectbooleanbutton.ui-state-active.ui-state-focus,
    .jobtracker-onebutton.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active.ui-state-focus {
      background-color: #23818E;
      border-color: #23818E;
      color: #FFFFFF; }
  .jobtracker-onebutton.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover {
    background-color: #FFFFFF;
    border-color: #23818E;
    color: #23818E;
    filter: saturate(150%); }
    .jobtracker-onebutton.ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
    .jobtracker-onebutton.ui-buttonset:not(.ui-splitbuton) > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
      background-color: #23818E;
      border-color: #23818E;
      color:#FFFFFF;
      filter: saturate(150%); }
      
.info-panel-urgency.ui-overlaypanel {
  width: 350px; }
  .info-panel-urgency.ui-overlaypanel .ui-state-disabled {
    opacity: 0.9; }
  .info-panel-urgency.ui-overlaypanel .ui-outputlabel {
    font-size: 12px; }
  .info-panel-urgency.ui-overlaypanel .chkbox {
    margin: auto;
    text-align: center; }
    .info-panel-urgency.ui-overlaypanel .chkbox .ui-chkbox {
      margin: 0px; }
  .info-panel-urgency.ui-overlaypanel .ui-overlaypanel-content {
    padding: 7px; }

.info-member.ui-overlaypanel {
  width: 250px;
  height: 250px; }
  .info-member.ui-overlaypanel .ui-outputlabel {
    font-size: 12px; }
  .info-member.ui-overlaypanel .member div {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0px; }
  .info-member.ui-overlaypanel .ui-overlaypanel-content {
    padding: 20px 10px; }
  
.profile-pic-jobtracker {
  border-radius: 50%;
  width: 35px;
  height: 35px; }
.profile-pic-jobtracker-zindex {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: -3px; }
  
 
.datagrid-approval.ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0px; }
.datagrid-approval.ui-datagrid .approval-card {
  border: 1px solid #E3E3E3;
  border-left: 5px solid #61B5A1;
  border-radius: 5px;
  padding: 15px 30px;
  margin-bottom: 10px; }

.datagrid-card.ui-datagrid .ui-datagrid-content {
  padding: 0px; }
  .datagrid-card.ui-datagrid .ui-datagrid-content .ui-datagrid-column .card {
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 7px;
    background-color: #fff; }
	
.datagrid-board.ui-datagrid .ui-datagrid-content {
  padding: 5px;
  background-color: #F8F9FA; }
.datagrid-board .ui-g-board {
  padding: 5px;
  margin: 0px;
  background-color: white; }
  .datagrid-board .board-name {
    padding-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .datagrid-board .board-name .ui-outputlabel {
      font-weight: bold; }
  .datagrid-board .board-status {
    font-size: 10px;
    color: #F76F6C; }
  .datagrid-board .board-type.ui-outputlabel {
    font-size: 12px; }
  .datagrid-board .board-owner-profile {
    border-radius: 50%;
    width: 30px;
    height: 30px; }
  .datagrid-board .ui-commandlink.underline-link {
    color: #8AA1BA;
    text-decoration: underline; }
  .datagrid-board .board-member {
    text-align: right; }
    .datagrid-board .board-member i {
      margin-right: 5px; }
.datagrid-board.ui-datagrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  color: #FFF;
  font-weight: bold;
  background-color: #23818E; }

.datagrid-personal-identity.ui-datagrid .ui-datagrid-content {
  padding: 0px; }
.datagrid-personal-identity .personal-identity {
  width: 270px;
  height: 175px;
  border-radius: 10px;
  padding: 10px 15px;
  border: 1px solid #ECEFF1; }
.datagrid-personal-identity .right {
  text-align: right; }
.datagrid-personal-identity .identity-code.ui-outputlabel {
  color: #90A4AE;
  font-size: 16px; }
.datagrid-personal-identity .ui-commandlink.identity-file {
  color: #90A4AE; }
.datagrid-personal-identity.ui-datagrid .ui-paginator.ui-paginator-bottom {
  border: none; }
.datagrid-personal-identity.ui-datagrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  color: #FFF;
  font-weight: bold;
  background-color: #61B5A1; }
	
.steps-board.ui-steps:before {
  border-top: 1px solid #ECEFF1; }
.steps-board-builtin.ui-steps .ui-steps-item {
  width: 25%; }
.steps-board-public.ui-steps .ui-steps-item {
  width: 33.33%; }
.steps-board-private.ui-steps .ui-steps-item {
  width: 50%; }
.steps-board.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  border-radius: 50%;
  border: 1px solid #ECEFF1;
  width: 2.5em;
  height: 2.5em;
  padding-top: 0.60em; }
.steps-board.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background: #C8D5E3; }

.datagrid-status.ui-datagrid {
  overflow-x: scroll; }
.datagrid-status.ui-datagrid .ui-datagrid-content {
  padding: 0px; }
.datagrid-status.ui-datagrid .ui-datagrid-data {
  background-color: #F8F9FA; }
.datagrid-status.ui-datagrid .ui-datagrid-column {
  vertical-align: top;
  padding: 7px; }
.datagrid-status .ui-commandlink {
  color: #666; }
.datagrid-status .status-card {
  padding: 10px;
  width: 275px;
  height: auto;
  max-height: 500px;
  background-color: #FFF;
  display: inline-block;
  overflow-y: scroll;
  scrollbar-width: thin; }
.datagrid-status .status-card::-webkit-scrollbar {
  width: 8px; }
.datagrid-status .status-card::-webkit-scrollbar-track {
  background-color: #F0F0F0; }
.datagrid-status .status-card::-webkit-scrollbar-thumb {
  background-color: #CDCDCD;
  border: 3px solid #CDCDCD; }
  .datagrid-status .status-card .status-action {
    text-align: right; }
  .datagrid-status .status-card .tasklist-card {
    height: 135px;
    border-left: 1px solid #F0F6FC;
    border-top: 4px solid;
    border-right: 1px solid #F0F6FC;
    border-bottom: 1px solid #F0F6FC;
    background-color: #F0F6FC;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 7px; }
    .datagrid-status .status-card .tasklist-card .ui-outputlabel {
      cursor: pointer; }

.margin-right-icon {
  margin-right: 5px; }
.margin-auto {
  margin: auto; }
  
.vertical-align-top {
  vertical-align: top; }

body .ui-progressbar .ui-progressbar-value {
  background: #61B5A1; }
    
.legend-border-none table.jqplot-table-legend, table.jqplot-cursor-legend {
  border: none }

.ui-growl {
 z-index: 9999 !important; }

.donut-custom {
  border: 1px solid #CECECE;
  border-radius: 10px; } 
.donut-custom.jqplot-target .jqplot-title {
  top: 10px !important;
  left: 40px !important;
  text-align: left !important; }  
.donut-custom.jqplot-target .jqplot-data-label {
  top: 145px !important;
  left: 83px !important; }
.donut-custom table.jqplot-table-legend, table.jqplot-cursor-legend {
  border: none; }
  .donut-custom div.jqplot-table-legend-swatch {
   border-width: 15px;
   border-radius: 50%; }

.donut-board {
  width: 230px;
  height: 130px; }
.donut-board.jqplot-target .jqplot-title {
  font-size: 14px;
  font-weight: bold;
  color: #68798C;
  top: 5px !important;
  left: 6px !important;
  text-align: left !important; }  
.donut-board.jqplot-target .jqplot-data-label {
  top: 57px !important;
  left: 50px !important; }
.donut-board table.jqplot-table-legend, table.jqplot-cursor-legend {
  border: none; }
  .donut-board div.jqplot-table-legend-swatch {
   border-width: 5px;
   border-radius: 20%; }
   
.onebutton-date.ui-selectbooleanbutton,
.onebutton-date.ui-buttonset:not(.ui-splitbutton) > .ui-button {
  background-color: transparent;
  border: none;
  color: #666;
  margin: 0px 5px; }
.onebutton-date.ui-selectbooleanbutton.ui-state-active,
.onebutton-date.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active {
  border-radius: 5px; }
.onebutton-date.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover {
  border-radius: 5px; }
    
.layout-wrapper .layout-topbar .layout-topbar-dashboard {
  float: right;
  margin-left: 15px; }
  .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 20px;
    width: 300px;
    top: 90px;
    right: 18px;
    z-index: 1;
    position: absolute;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); }
    .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu .layout-topbar-dashboardmenu-header {
      padding-bottom: 5px; }
      .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu .layout-topbar-dashboardmenu-header .ui-outputlabel {
        font-weight: bold; }
    .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu.layout-topbar-dashboardmenu-active {
      display: block; }
      .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu .layout-topbar-dashboardmenu-action ul {
        margin: 0; 
        padding: 0;
        list-style-type: none; }      
        .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu .layout-topbar-dashboardmenu-action ul li {
          margin-top: 10px; }
          .layout-wrapper .layout-topbar .layout-topbar-dashboardmenu .layout-topbar-dashboardmenu-action ul li .ui-commandlink {
            color: #61B5A1; }

.layout-wrapper .layout-topbar .layout-topbar-report {
  float: right;
  margin-left: 15px; }
  .layout-wrapper .layout-topbar .layout-topbar-reportmenu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 20px;
    width: 300px;
    top: 90px;
    right: 18px;
    z-index: 1;
    position: absolute;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); }
    .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-header {
      padding-bottom: 5px; }
      .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-header .ui-outputlabel {
        font-weight: bold; }
    .layout-wrapper .layout-topbar .layout-topbar-reportmenu.layout-topbar-reportmenu-active {
      display: block; }
      .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-action ul {
        margin: 0; 
        padding: 0;
        list-style-type: none; }      
        .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-action ul li {
          margin-top: 10px; }
          .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-action ul li .ui-commandlink i {
            color: #61B5A1;
            margin-right: 5px; }
          .layout-wrapper .layout-topbar .layout-topbar-reportmenu .layout-topbar-reportmenu-action ul li .ui-commandlink span {
            color: #61B5A1; }

.menu-panel {
  border: 1px solid #ECEFF1;
  padding: 12px; }
.menu-btn.ui-button {
  color: #4C767B;
  text-align: left;
  padding: 5px 20px; }
.menu-btn.ui-button.ui-state-hover {
  color: #4C767B; }
.menu-btn.ui-button.ui-state-focus {
  background-color: #61B5A1;
  color: #FFFFFF; }
.menu-btn.ui-button.ui-state-active, .menu-btn.ui-button.ui-state-down {
  background-color: #61B5A1;
  color: #FFFFFF; }
.menu-btn.ui-button.ui-button-text-icon-left .ui-button-text {
  padding-left: 20px; }
.menu-btn.ui-button .ui-icon {
  margin-left: 5px; }
  
.topbar-message.ui-link {
  background-image: url(../resources/img/icon/icon_message.svg);
  background-size: cover; }
  .topbar-message.ui-link:hover {
  	opacity: 0.75;
    transition: background-color 0.5s ease; }
    
.topbar-schedule.ui-commandlink {
  background-image: url(../resources/img/icon/icon_schedule.svg);
  background-size: cover; }
  .topbar-schedule.ui-commandlink:hover {
  	opacity: 0.75;
    transition: background-color 0.5s ease; }

.topbar-report.ui-link {
  background-image:;
  background-size: cover; }
  .topbar-report.ui-link:hover {
  	opacity: 0.75;
    transition: background-color 0.5s ease; }

@media screen and (min-width: 641px) {
	.frontpage-profile-card {
		height:300px; 
	}
}

@media screen and (max-width: 640px) {
	.frontpage-profile-card {
		height:600px; 
	}
}

@media screen and (min-width: 641px) {
	.frontpage-account-card {
		height:300px; 
	}
}

@media screen and (max-width: 640px) {
	.frontpage-account-card {
		height:400px; 
	}
}

@media screen and (min-width: 1000px) {
	.login-image-high {
		z-index: -1; position: absolute; height: auto; width: 40%; margin-left: -80px; display: block;
	}
}

@media screen and (max-width: 1000px) {
	.login-image-high {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	.login-image-low {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.login-image-low {
		width: 80%;
	}
}

@media screen and (min-width: 1000px) {
	.spacer-low-50 {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.spacer-low-50 {
		height: 50px;
	}
}

.layout-wrapper .layout-topbar .layout-topbar-logo img {
  height: 35px; }
  
.wait-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0.5;
  background-color:#000;
  z-index:9999; }

.panelgrid-payroll.ui-panelgrid {
  width: 100%; }
  .panelgrid-payroll.ui-panelgrid .ui-panelgrid-header .ui-panelgrid-cell {
    background-color: #FFFFFF;
    border: 1px solid #ebebeb;
    color: #4C767B;
    font-weight: 700; }
  .panelgrid-payroll.ui-panelgrid tbody .ui-panelgrid-cell {
    border: 1px solid #ebebeb; }
.panelgrid-payroll.ui-panelgrid tbody tr:nth-child(odd) td {
  background: #F8F8F8; }
  
.panelgrid-table.ui-panelgrid {
  width: 100%; }
  .panelgrid-table.ui-panelgrid .ui-panelgrid-header .ui-panelgrid-cell {
    background-color: #4C767B;
    border: 1px solid #4C767B;
    color: #FFFFFF;
    font-weight: bold; }
     
.custom-organigram.ui-organigram {
  display: flex;
  justify-content: center; }
  .custom-organigram.ui-organigram .ui-organigram-icon-container {
    display: none; }
  .custom-organigram.ui-organigram .ui-organigram-node {
    padding: 0px;
    font-size: 12px;
    color: #333333; }
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .ui-outputlabel {
      font-size: 12px; }
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-level {
      padding: 3px 0px; }
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-name {
      overflow: hidden;
      height: 65px;
      padding-bottom: 0px; }
      
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-name-center {
      overflow: hidden;
      text-align: center;
      height: 65px;
      padding-bottom: 0px; }
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-line {
      padding: 0px 9px; }
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-desc {
      height: 45px;
      padding-top: 0px; }
      
     .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-desc-center {
      height: 45px;
      padding-top: 0px; text-align: center}
    .custom-organigram.ui-organigram .ui-organigram-node .ui-organigram-node-content .organigram-desc .ui-outputlabel {
      color: #90A4AE; }
      
    .custom-organigram.ui-organigram .control.zoom-in {
      background-image: url(../resources/img/zoom-in.png);
      background-size: cover; }
    .custom-organigram.ui-organigram .control.zoom-out {
      background-image: url(../resources/img/zoom-out.png);
      background-size: cover; }

.left.ui-button {
  text-align: left; }

.btn-upload.ui-fileupload .ui-fileupload-buttonbar .ui-button {
  color: white;
  background-color: #23818E;
  border-color: #23818E;
  padding: 5px; }

.basic-btn.ui-button {
  padding: 10px 0px;
  background-color: #61B5A1;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 1px 5px 15px rgba(46, 204, 113, 0.2); }
.basic-btn.ui-button.ui-state-hover {
  background-color: #61B5A1;
  border: none;
  color: #FFFFFF;
  filter: saturate(180%); }
.basic-btn.ui-button.ui-state-focus {
  border: none; }
.basic-btn.ui-button.ui-state-active,
.basic-btn.ui-button.ui-state-down {
  filter: saturate(180%);
  background-color: #61B5A1;
  border: none;
  color: #FFFFFF; }

.basic-btn.basic-btn-sm.ui-button {
  padding: 2px 0px; }

.orange-btn.ui-button {
  padding: 10px 0px;
  background-color: #FAB42E;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 1px 5px 15px rgba(250, 180, 46, 0.5); }
.orange-btn.ui-button.ui-state-hover {
  background-color: #FAB42E;
  border: none;
  color: #FFFFFF;
  filter: saturate(180%); }
.orange-btn.ui-button.ui-state-focus {
  border: none; }
.orange-btn.ui-button.ui-state-active,
.orange-btn.ui-button.ui-state-down {
  filter: saturate(180%);
  background-color: #FAB42E;
  border: none;
  color: #FFFFFF; }

.orange-btn.orange-btn-sm.ui-button {
  padding: 2px 0px; }
  
.white-btn.ui-button {
  padding: 10px 0px;
  background-color: #E0F2F1;
  border: none;
  color: #61B5A1;
  font-weight: bold;
  box-shadow: 1px 5px 15px rgba(76, 118, 123, 0.1); }
.white-btn.ui-button.ui-state-hover {
  background-color: #E0F2F1;
  border: none;
  color: #61B5A1;
  filter: brightness(90%); }
.white-btn.ui-button.ui-state-focus {
  border: none; }
.white-btn.ui-button.ui-state-active,
.white-btn.ui-button.ui-state-down {
  filter: brightness(90%);
  background-color: #E0F2F1;
  border: none;
  color: #FFFFFF; }

.white-btn.white-btn-sm.ui-button {
  padding: 2px 0px; }

.red-btn.ui-button {
  padding: 10px 0px;
  background-color: #FF6961;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 1px 5px 15px rgba(255,105,97, 0.2); }
.red-btn.ui-button.ui-state-hover {
  background-color: #FF6961;
  border: none;
  color: #FFFFFF;
  filter: saturate(180%); }
.red-btn.ui-button.ui-state-focus {
  border: none; }
.red-btn.ui-button.ui-state-active,
.red-btn.ui-button.ui-state-down {
  filter: saturate(180%);
  background-color: #FF6961;
  border: none;
  color: #FFFFFF; }

.red-btn.red-btn-sm.ui-button {
  padding: 2px 0px; }

.gray-btn.ui-button {
  padding: 10px 0px;
  background-color: #90A4AE;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 1px 5px 15px rgba(129,152,163, 0.2); }
.gray-btn.ui-button.ui-state-hover {
  background-color: #90A4AE;
  border: none;
  color: #FFFFFF;
  filter: saturate(180%); }
.gray-btn.ui-button.ui-state-focus {
  border: none; }
.gray-btn.ui-button.ui-state-active,
.gray-btn.ui-button.ui-state-down {
  filter: saturate(180%);
  background-color: #90A4AE;
  border: none;
  color: #FFFFFF; }

.gray-btn.red-btn-sm.ui-button {
  padding: 2px 0px; }
  
.icon-btn.ui-button {
  background: transparent;
  border: none; }
.icon-btn.ui-button.ui-state-hover {
  background: transparent;
  filter: saturate(180%); }
.icon-btn.ui-button.ui-state-active,
.icon-btn.ui-button.ui-state-down {
  background-color: transparent;
  filter: saturate(180%); }

.icon-btn-v2.ui-button {
  background: #61B5A1;
  border: none;
  border-radius: 10px; }
.icon-btn-v2.ui-button.ui-state-hover {
  background: #61B5A1;
  filter: saturate(180%); }
.icon-btn-v2.ui-button.ui-state-active,
.icon-btn-v2.ui-button.ui-state-down {
  background-color: #61B5A1;
  filter: saturate(180%); }  
  
.icon-btn-blue.ui-button {
  background: #23818E;
  border: none;
  border-radius: 10px; }
.icon-btn-blue.ui-button.ui-state-hover {
  background: #23818E;
  filter: saturate(180%); }
.icon-btn-blue.ui-button.ui-state-active,
.icon-btn-blue.ui-button.ui-state-down {
  background-color: #23818E;
  filter: saturate(180%); }  
  
.icon-qr-btn.ui-button {
  font-size: 23px; }
  .icon-qr-btn.ui-button .icon-qr {
    background-image: url("https://adrena-hcm-resized.s3.ap-southeast-1.amazonaws.com/thumbs/QRIcon.png");
    background-size: cover;
    font-size: 2.143em; }
 
.icon-calendar.ui-icon {
  background-image: url(../resources/img/icon/icon_calendar.svg);
  background-size: cover;
  font-size: 1.143em; }    

.icon-edit.ui-icon {
  background-image: url(../resources/img/icon/icon_edit.svg);
  background-size: cover;
  font-size: 2.143em; }

.icon-delete.ui-icon {
  background-image: url(../resources/img/icon/icon_remove.svg);
  background-size: cover;
  font-size: 2.143em; }

.icon-view.ui-icon {
  background-image: url(../resources/img/icon/icon_view.svg);
  background-size: cover;
  font-size: 2.143em; }
  
.icon-check.ui-icon {
  background-image: url(../resources/img/icon/icon_check.svg);
  background-size: cover;
  font-size: 2.143em; }
  
.icon-info.ui-icon {
  background-image: url(../resources/img/icon/icon_fileinfo.svg);
  background-size: cover;
  font-size: 1.143em; }

.icon-download.ui-icon {
  background-image: url(../resources/img/icon/icon_download.svg);
  background-size: cover;
  font-size: 2.143em; }

.icon-regenerate.ui-icon {
  background-image: url(../resources/img/icon/icon_regenerate.svg);
  background-size: cover;
  font-size: 2.143em; }

.icon-date.ui-icon {
  background-image: url(../resources/img/icon/icon_date_custom.png);
  background-size: cover;
  font-size: 2.143em; }

.icon-clear.ui-icon {
  background-image: url(../resources/img/icon/icon_clear.svg);
  background-size: cover;
  font-size: 2.143em; }
  
.icon-setting.ui-icon {
  background-image: url(../resources/img/icon/icon_setting.svg);
  background-size: cover;
  font-size: 2.143em; }
  
.icon-setting-2.ui-icon {
  background-image: url(../resources/img/icon/icon_setting_2.svg);
  background-size: cover;
  font-size: 2.143em; }
    
.icon-pajak-a1.ui-icon {
  background-image: url(../resources/img/icon/icon_pajak_a1.svg);
  background-size: cover;
  font-size: 2.143em; }
    
.jobtracker-one-btn.ui-selectbooleanbutton,
.jobtracker-one-btn.ui-buttonset:not(.ui-splitbutton) > .ui-button {
  border-color: #23818E;
  color: #23818E;
  background-color: #FFFFFF; }
  .jobtracker-one-btn.ui-selectbooleanbutton.ui-state-active,
  .jobtracker-one-btn.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active {
    background-color: #23818E;
    border-color: #23818E;
    color: #FFFFFF; }
    .jobtracker-one-btn.ui-selectbooleanbutton.ui-state-active.ui-state-focus,
    .jobtracker-one-btn.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active.ui-state-focus {
      background-color: #23818E;
      border-color: #23818E;
      color: #FFFFFF; }
  .jobtracker-one-btn.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover {
    background-color: #FFFFFF;
    border-color: #23818E;
    color: #23818E;
    filter: saturate(150%); }
    .jobtracker-one-btn.ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
    .jobtracker-one-btn.ui-buttonset:not(.ui-splitbuton) > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
      background-color: #23818E;
      border-color: #23818E;
      color:#FFFFFF;
      filter: saturate(150%); }
      
.jobtracker-btn.ui-button {
  padding: 3px 0px;
  background-color: #23818E;
  border: 1px solid #23818E;
  color: #FFF; }
.jobtracker-btn-sm.ui-button {
  padding: 0px; }
.jobtracker-btn.ui-button.ui-state-hover {
  background-color: #23818E;
  border: 1px solid #23818E;
  color: #FFF;
  filter: saturate(150%); }
.jobtracker-btn.ui-button.ui-state-focus {
  border: 1px solid #23818E; }
.jobtracker-btn.ui-button.ui-state-active, .jobtracker-btn.ui-button.ui-state-down {
  filter: saturate(150%);
  background-color: #23818E;
  border: 1px solid #23818E;
  color: #FFF; }

.jobtracker-white-btn.ui-button {
  padding: 3px 0px;
  background-color: #FFF;
  border: 1px solid #23818E;
  color: #23818E; }
.jobtracker-white-btn-sm.ui-button {
  padding: 0px; }
.jobtracker-white-btn.ui-button.ui-state-hover {
  background-color: #FFF;
  border: 1px solid #23818E;
  color: #23818E;
  filter: saturate(150%); }
.jobtracker-white-btn.ui-button.ui-state-focus {
  border: 1px solid #23818E; }
.jobtracker-white-btn.ui-button.ui-state-active, .jobtracker-white-btn.ui-button.ui-state-down {
  filter: saturate(150%);
  background-color: #FFF;
  border: 1px solid #23818E;
  color: #23818E; }

.jobtracker-action-white-btn.ui-button {
  padding: 0px;
  background-color: #E9F3F4;
  border: 1px solid #E9F3F4;
  color: #23818E; }
.jobtracker-action-white-btn.ui-button.ui-state-hover {
  background-color: #E9F3F4;
  border: 1px solid #E9F3F4;
  color: #23818E;
  filter: saturate(150%); }
.jobtracker-action-white-btn.ui-button.ui-state-focus {
  border: 1px solid #E9F3F4; }
.jobtracker-action-white-btn.ui-button.ui-state-active, .jobtracker-action-white-btn.ui-button.ui-state-down {
  filter: saturate(150%);
  background-color: #E9F3F4;
  border: 1px solid #E9F3F4;
  color: #23818E; }
.jobtracker-action-white-btn.ui-button.ui-button-text-icon-left .ui-button-text {
  position: relative;
  left: 0.5em; }
  
.jobtracker-icon-btn.ui-button {
  border-radius: 50px;
  padding: 4px;
  margin-right: 10px; }
  .jobtracker-icon-btn.ui-button.ui-button-icon-only {
    width: 2.8em; }

.jobtracker-icon-white-btn.ui-button {
  padding: 4px;
  border-radius: 50px;
  margin-right: 10px;
  background-color: #F0F6FC;
  border: 1px solid #F0F6FC;
  color: #8AA1BA; }
  .jobtracker-icon-white-btn.ui-button.ui-button-icon-only {
    width: 2.8em; }
.jobtracker-icon-white-btn.ui-button.ui-state-hover {
  background-color: #F0F6FC;
  border: 1px solid #F0F6FC;
  color: #8AA1BA;
  filter: saturate(150%); }
.jobtracker-icon-white-btn.ui-button.ui-state-focus {
  border: 1px solid #F0F6FC; }
.jobtracker-icon-white-btn.ui-button.ui-state-active, .jobtracker-icon-white-btn.ui-button.ui-state-down {
  filter: saturate(150%);
  background-color: #F0F6FC;
  border: 1px solid #F0F6FC;
  color: #8AA1BA; }
    
.cardGrant {
  padding-top: 15px;
  padding-bottom: 15px; }
  .cardGrant .newButton.ui-button {
    padding: 10px 20px;
    margin-right: 9px;
    box-shadow: 1px 5px 15px rgba(46, 204, 113, 0.2);
    background-color: #61B5A1;
    color: white;
    border: 0px;
    text-align: center;
    font-weight: bold; }
  .cardGrant .newButton.ui-button:hover {
    filter: saturate(180%); }
  .cardGrant .dangerButton.ui-button {
	padding: 10px 20px;
	margin-right: 9px;
	box-shadow: 1px 5px 15px rgba(247,111, 108, 0.2);
	background-color: #F76F6C;
	color: white;
	border: 0px;
	text-align: center;
	font-weight: bold; }
	.cardGrant .dangerButton.ui-button:hover {
	  filter: saturate(180%); }
	  
.custom-schedule .fc td.fc-head-container {
  border: 1px solid #CCCCCC; }
.custom-schedule .fc th {
  background-color: #FAFAFA;
  color: #466380;
  border: 1px solid #CCCCCC; }
.custom-schedule .fc-time {
  display: none; }
.custom-schedule .holiday.fc-event {
  background-color: #FFB589;
  padding: 5px 10px;
  border: none;
  cursor: pointer; }
.custom-schedule .weekend.fc-event {
  background-color: #FFE0AE;
  padding: 5px 10px;
  border: none;
  cursor: pointer; }
.custom-schedule .weekday.fc-event {
  background-color: #CADAEE;
  padding: 5px 10px;
  border: none;
  cursor: pointer; }
.custom-schedule .edit.fc-event {
  background-color: #FFF799;
  padding: 5px 10px;
  border: none;
  cursor: pointer; }
.custom-schedule .submit.fc-event {
  background-color: #D3F1E1;
  padding: 5px 10px;
  border: none;
  cursor: pointer; }

.custom-confirm.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 24px; }
.custom-confirm.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  display: none; }
.custom-confirm.ui-dialog .ui-dialog-content {
  min-width: 300px;
  border: none; }
  .custom-confirm.ui-dialog .ui-dialog-content > span {
    padding: 10px; }
    .custom-confirm.ui-dialog .ui-dialog-content > span.ui-icon {
      display: none; }
.custom-confirm .yes-btn.ui-button {
  padding: 5px;
  width: 80px;
  background-color: #61B5A1;
  color: #FFFFFF;
  font-weight: bold;
  border: none; 
  margin-right: 12px; }
.custom-confirm .yes-btn.ui-button.ui-state-hover {
  filter: saturate(150%); }
.custom-confirm .no-btn.ui-button {
  padding: 5px;
  width: 80px;
  background-color: #E0F2F1;
  color: #61B5A1;
  font-weight: bold;
  border: none; }
.custom-confirm .no-btn.ui-button.ui-state-hover {
  filter: saturate(150%); }
.custom-confirm.ui-dialog .ui-dialog-footer {
  padding: 14px; }
    
.grantor-panel {
  border: 1px solid #E3E3E3; }
  .grantor-title {
    background-color: #4C757B;
    color: white;
    font-weight: bold;
    padding: 15px; }
  .padtopseparator {
    padding: 7px 0px 0px 0px; }
    .padtopseparator .ui-separator {
      border: 1px solid #E3E3E3;
      border-top: none;
      margin: 0px -7px; }
  .nopadseparator {
    padding: 0px; }
    .nopadseparator .ui-separator {
      border: 1px solid #E3E3E3;
      border-top: none;
      margin: 0px -7px; }

.text-middle.ui-outputlabel {
  vertical-align: middle;
  vertical-align: -moz-middle-with-baseline;
  vertical-align: -webkit-baseline-middle; }

.radio-middle.ui-radiobutton {
  vertical-align: middle;
  vertical-align: -moz-middle-with-baseline;
  vertical-align: -webkit-baseline-middle; }

.rg-tab-custom.ui-accordion .ui-accordion-header.ui-state-active {
  background-color: #FFFFFF; }
.rg-tab-custom.ui-accordion .ui-accordion-header.ui-state-active:hover, .rg-tab-custom.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  border: 1px solid #DADADA;
  background-color: #FFFFFF; }
.rg-tab-custom.ui-accordion .ui-accordion-header.ui-state-active .ui-icon { }

.jobtracker-tab-custom .ui-commandlink {
  float: right;
  color: #666; }
.jobtracker-tab-custom.ui-accordion .ui-accordion-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 16px;
  background-color: #FFFFFF;
  border: none; }
  .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active {
    color: #666;
    border: none;
    background-color: #FFFFFF; }
    .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-hover, .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-tabs-outline {
      background-color: #FFFFFF;
      border: none; }
   .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
     color: #666; }
     .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active:hover .ui-icon, .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline .ui-icon {
       color: #666; }
.jobtracker-tab-custom.ui-accordion .ui-accordion-content {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  border: none; }
.jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active:hover, .jobtracker-tab-custom.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  color: #666;
  border: none;
  background-color: #FFFFFF; }

.onelistbox-custom.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
.onelistbox-custom.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
  color: #61B5A1; }
.onelistbox-custom.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
.onelistbox-custom.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
  background-color: #61B5A1;
  color: white }
  
.panel-custom.ui-panel .ui-panel-content {
  padding: 0px 10px; }
.panel-custom.ui-panel .ui-panel-titlebar {
  border: 1px solid #CECECE; 
  background-color: #ECEFF1; }
  .panel-custom.ui-panel .ui-panel-titlebar .ui-panel-title {
    color: #666666; }
    
.panel-blank.ui-panel .ui-panel-content {
  padding: 0px;
  border: none; }
.panel-blank.ui-panel .ui-panel-titlebar {
  border: none; 
  background-color: none; }
    
.welcome-panel {
  padding: 50px;
  text-align: center; }

.jobtracker-sidebar.ui-sidebar {
  border: none;
  padding: 15px 0px;
  width: 325px; }
.jobtracker-sidebar-lg.ui-sidebar {
  width: 500px; }
  .jobtracker-sidebar.ui-sidebar .content {
    padding-left: 10px;
    padding-right: 10px; }
.jobtracker-sidebar-scroll.ui-sidebar {
  overflow-y: scroll; }
  .jobtracker-sidebar.ui-sidebar .ui-sidebar-close {
    display: none; }
.jobtracker-sidebar.ui-sidebar .close-btn {
  text-align: right; }
  .jobtracker-sidebar.ui-sidebar .close-btn .ui-commandlink {
    color: #666; }
.jobtracker-sidebar.ui-sidebar .ui-separator {
  opacity: 0.1; }
.jobtracker-sidebar.ui-sidebar .menu-button.ui-button {
  background: none;
  border: none;
  color: #666;
  font-weight: bold;
  text-align: left; }
  .jobtracker-sidebar.ui-sidebar .menu-button.ui-button.ui-button-text-icon-left .ui-button-text {
    padding-left: 2.5em; }
  
.search-sidebar.ui-sidebar .ui-sidebar-close {
  color: #90A4AE; }

.search-sidebar-v2.ui-sidebar {
  border: none;
  padding: 15px 0px 0px 0px;
  min-width: 350px; }
  .search-sidebar-v2.ui-sidebar .header {
    padding-left: 10px;
    padding-right: 10px; }
  .search-sidebar-v2.ui-sidebar .content {
    padding-left: 10px;
    padding-right: 10px; }
  .search-sidebar-v2.ui-sidebar .footer {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px; }
.search-sidebar-v2.ui-sidebar {
  overflow-y: scroll; }
  .search-sidebar-v2.ui-sidebar .ui-sidebar-close {
    display: none; }
.search-sidebar-v2.ui-sidebar .close-btn {
  text-align: right; }
  .search-sidebar-v2.ui-sidebar .close-btn .ui-commandlink {
    color: #666; }
.search-sidebar-v2.ui-sidebar .ui-separator {
  opacity: 0.1; }

.accordion-sidebar.ui-accordion .ui-accordion-header {
  border-left-style: none;
  border-right-style: none; }
  .accordion-sidebar.ui-accordion .ui-accordion-header:first-child {
    height: 50px; }
  .accordion-sidebar.ui-accordion .ui-accordion-header.ui-state-hover,
  .accordion-sidebar.ui-accordion .ui-accordion-header.ui-tabs-outline {
    border: 1px solid #DEF0EF;
    background-color: #DEF0EF; }
  .accordion-sidebar.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #FFFFFF;
    border-left-style: none;
    border-right-style: none;
    color: #47412F; }
    .accordion-sidebar.ui-accordion .ui-accordion-header.ui-state-active:hover, 
    .accordion-sidebar.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
      border: 1px solid #DEF0EF;
      background-color: #DEF0EF; }
      .accordion-sidebar.ui-accordion .ui-accordion-content {
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #FBFBFB; }

.accordion-sidebar .ui-state-disabled {
  filter: brightness(85%); }
.accordion-sidebar .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border-color: #61B5A1; }
.accordion-sidebar .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #61B5A1; }
.accordion-sidebar .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
  filter: saturate(150%);
  background-color: #61B5A1; }
.accordion-sidebar .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background-color: #61B5A1; }
.accordion-sidebar .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
  filter: saturate(150%);
  background-color: #61B5A1; }
.accordion-sidebar .ui-spinner .ui-spinner-input {
  height: 35px;
  display: inline-block; }

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a {
	color: white
}
.smallPadDT .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    line-height: 1.2;
}
.smallPadDT .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.1em 0.5em;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu > li.active-menuitem > ul {
	background-color: #1d6c77;
}

.layout-wrapper.layout-menu-light .layout-menu-container {
    background-color: #4c767b;
}

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a {
	color: white;
}

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a .layout-menuitem-icon,
 .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler {
	color: white;
}

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover {
    background-color: #DCEEF1;
    color: #1d6c77;
}

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-icon:hover{
	 color: #1d6c77;
}

.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-icon {
	color: white;
}

.eye-icon {
  background-image: url(../resources/img/icon/icon_view.svg);
  background-size: cover;
  width: 25px;
  height: 25px;
  display: block; }

.pajak-a1-icon.ui-commandlink {
  background-image: url(../resources/img/icon/icon_download_pajak.svg);
  background-size: cover;
  width: 30px;
  height: 30px;
  display: block; }
  .pajak-a1-icon.ui-commandlink:hover {
    filter: brightness(70%);
    transition: background-color 0.5s ease; }

.pdf-pajak-icon.ui-commandlink {
  background-image: url(../resources/img/icon/icon_download_pajak_02.svg);
  background-size: cover;
  width: 30px;
  height: 30px;
  display: block; }
  .pdf-pajak-icon.ui-commandlink:hover {
    filter: brightness(70%);
    transition: background-color 0.5s ease; }
 	
.no-border.ui-tabs .ui-tabs-panels {
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px; }

.marginright.ui-selectbooleancheckbox.ui-chkbox {
  margin-right: 7px; }
  .sm-chkbox.ui-chkbox .ui-chkbox-box {
    width: 18px;
    height: 18px; }
    
.priority-chkbox.ui-chkbox {
  width: 30px;
  height: 30px; }
  .priority-chkbox.ui-chkbox .ui-chkbox-box {
    width: 30px;
    height: 30px; }
  .priority-low.ui-chkbox {
    margin-right: 7px; }
  .priority-low.ui-chkbox .ui-chkbox-box {
    background-color: #27AE60;
    border-color: #27AE60; }
  .priority-low.ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #27AE60; }
  .priority-low.ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #27AE60;
	border-color: #27AE60; }
  .priority-low.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
	background-color: #27AE60;
	filter: saturate(130%); }
  .priority-medium.ui-chkbox {
    margin-right: 7px; }
  .priority-medium.ui-chkbox .ui-chkbox-box {
    background-color: #F2C94C;
    border-color: #F2C94C; }
  .priority-medium.ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #F2C94C; }
  .priority-medium.ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #F2C94C;
	border-color: #F2C94C; }
  .priority-medium.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
	background-color: #F2C94C;
	filter: saturate(130%); }
  .priority-high.ui-chkbox .ui-chkbox-box {
    background-color: #EB5757;
    border-color: #EB5757; }
  .priority-high.ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #EB5757; }
  .priority-high.ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #EB5757;
	border-color: #EB5757; }
  .priority-high.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
	background-color: #EB5757;
	filter: saturate(130%); }

body .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #61B5A1;
  border-color: #61B5A1; }
  body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background-color: #61B5A1;
    filter: saturate(130%); }

.top-dialog.ui-panelgrid .ui-panelgrid-cell{
  padding: 10px 10px 0px 7px !important;
  background-color: transparent !important; }
  
.smallPad.ui-panelgrid .ui-panelgrid-cell{
  padding: 10px 10px 0px 2px !important;
  background-color: transparent !important; }
  
.smallPadSpace.ui-panelgrid .ui-panelgrid-cell{
  padding: 5px 10px 0px 10px !important;
  background-color: transparent !important; }
  
.smallPadSpace-v2.ui-panelgrid .ui-panelgrid-cell{
  padding: 0px 10px 2px 10px !important;
  background-color: transparent !important; }
  
.save-button-pad.ui-panelgrid .ui-panelgrid-cell{
  padding: 15px 10px 10px 10px !important;
  background-color: transparent !important; 
  float: right !important;
  }
  
.smallPadNormal.ui-panelgrid .ui-panelgrid-cell{
  padding: 5px 10px 0px 15px !important;
  background-color: transparent !important; }
  
.pad-normal.ui-panelgrid .ui-panelgrid-cell{
  padding: 10px 5px 10px 5px !important;
  background-color: transparent !important; }
  
.content-pad.ui-panelgrid .ui-panelgrid-cell{
  padding: 8px 10px 0px 10px !important;
  background-color: transparent !important; }

.top-pad-profile.ui-panelgrid .ui-panelgrid-cell{
  padding: 5px 10px 0px 10px !important;
  background-color: transparent !important; }

.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
  padding: 7px; }

.header-profile {
  margin-right: -25px; }

.profile-image {
  width: 85%;
  height: auto; }
.dashboard-profile-image {
  width: 87%;
  height: auto; }
 .stamp-image {
 width: 100%;
 height: 30%;}
.header-emp-data div {
  padding-bottom: 3px; }

.ui-g-nopadtop {
  padding-top: 0px; }
  
.ui-g-nopadright {
  padding-right: 0px; }
  
.ui-g-nopadbottom {
  padding-bottom: 0px; }

.ui-g-nopadleft {
  padding-left: 0px; }
  
.ui-g-spacer-sm {
  margin-bottom: 10px; }

.ui-g-spacer {
  margin-bottom: 15px; }
  
.ui-g-spacer-l {
  margin-bottom: 20px; }

.ui-g-spacer-xl {
  margin-bottom: 30px; }

.ui-g-border {
  border: 1px solid #E3E3E3;
  margin-right: 7px;
  margin-left: 7px;
  padding: 15px; }
.ui-g-border.border-round {
  border-radius: 5px; }

.ui-g-border-radio {
  border: 1px solid #E3E3E3;
  margin-right: 7px;
  margin-left: 7px; }
  
.ui-g-nopad.ui-panelgrid .ui-panelgrid-cell {
  padding: 0px !important;
  background-color: transparent !important; }
  
.ui-g-nopad-left.ui-panelgrid .ui-panelgrid-cell {
  padding-left: 0px !important;
  background-color: transparent !important; }

.center-link {
  display: flex;
  justify-content: center;
  align-items: center; }

.link-blue.ui-commandlink, .link-blue.ui-link {
  color: #23818E; }
.link-blue.ui-commandlink:hover, .link-blue.ui-link:hover {
  color: #23818E; }
.link-blue.ui-commandlink:active, .link-blue.ui-link:active {
  color: #23818E; }

.link-blue {
  color: #23818E; }
.link-blue:hover {
  color: #23818E; }
  
.link-underline {
  text-decoration: underline; }
  
.ui-commandlink.underline-link {
  color: #61B5A1;
  text-decoration: underline !important; }
  
.underline-link {
  color: #61B5A1;
  text-decoration: underline }
  
.ui-link.underline-link {
  color: #61B5A1;
  text-decoration: underline !important; }

.underline {
  text-decoration: underline; }

.confirm-sk-dialog.ui-dialog {
  position: absolute; }
  .confirm-sk-dialog.ui-dialog .ui-dialog-content {
    padding: 30px; }
.confirm-sk-dialog .dialog-header {
  line-height: 1.2;
  margin-bottom: 10px; }
  .dialog-header .header-text .ui-outputlabel {
    font-size: 32px; }
.confirm-sk-dialog .dialog-btn div .newButton {
  padding: 10px 5px;
  box-shadow: 1px 5px 15px rgba(46, 204, 113, 0.2);
  background-color: #61B5A1;
  color: white;
  border: 0px;
  text-align: center;
  font-weight: bold; }
.confirm-sk-dialog .dialog-btn div .newButton:hover {
  filter: saturate(180%); }	    
.confirm-sk-dialog .dialog-btn .cancel-btn {
  margin: auto;
  text-align: center; }

.custom-dialog.ui-dialog {
  min-width: 375px;
  position: absolute; }
  .custom-dialog.ui-dialog .ui-dialog-content {
    line-height: normal;
    padding: 25px;
    scrollbar-width: thin; }
.custom-dialog .dialog-header .close-btn {
  padding-right: 0px;
  text-align: right; }
  .custom-dialog .dialog-header .close-btn .close-text {
    font-size: 18px;
    color: gray; }
.custom-dialog .dialog-footer {
  justify-content: flex-end; }
      
.custom-dialog .dialog-btn div .newButton {
  padding: 10px 5px;
  box-shadow: 1px 5px 15px rgba(46, 204, 113, 0.2);
  background-color: #61B5A1;
  color: white;
  border: 0px;
  text-align: center;
  font-weight: bold; }
.custom-dialog .dialog-btn div .newButton:hover {
  filter: saturate(180%); }	    
.custom-dialog .dialog-btn .cancel-btn {
  margin: auto;
  text-align: center; }
 
 
.tab-custom-rg.ui-corner-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

.tab-custom-rg.ui-tabs .ui-tabs-nav {
  background-color: #ECEFF1;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 0px none; }
  .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header {
    margin: 0;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada;
    background-color: #ECEFF1; }
    .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header a {
      color: #4C767B; }
      .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
        background-color: #ECEFF1;
        border-top: 0px none;
        border-bottom: 0px none;
        border-left: 0px none;
        border-right: 1px solid #dadada;
        box-shadow: 0px 3px 0px #61B5A1; }
        .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
          color: #61b5a1; }
          .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover,
          .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline {
            background-color: #ECEFF1;
            border-top: 0px none;
            border-bottom: 0px none;
            border-left: 0px none;
            border-right: 1px solid #dadada; }
            .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover a,
            .tab-custom-rg.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline a {
              color: #61b5a1; }
              
.tab-custom.ui-tabs .ui-tabs-nav {
  background-color: #ECEFF1;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 0px none; }
  .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header {
    margin: 0;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada;
    background-color: #ECEFF1; }
    .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header a {
      color: #4C767B; }
  .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
    background-color: #ECEFF1;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada;
    box-shadow: 0px 3px 0px #61B5A1; }
    .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
      color: #61b5a1; }
  .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover,
  .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline {
    background-color: #ECEFF1;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada; }
    .tab-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover a,
    .tab-custom .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline a {
      color: #61b5a1; }
  .tab-custom.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    border: 1px solid #DADADA;
    background-color: #ECEFF1; }
  .tab-custom.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover,
  .tab-custom.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-focus {
    border: 1px solid #DADADA; }
  .tab-custom.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-active {
     border: 1px solid #DADADA;
     background-color: #ECEFF1;
     color: #47412f; }
  .tab-custom.ui-tabs .ui-tabs-panels {
    padding-bottom: 30px; }
  .tab-custom.ui-tabs .ui-tabs-panels .ui-tabs-panel {
    line-height: normal; }
  .tab-custom.ui-corner-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
.tab-custom-noborder.ui-tabs .ui-tabs-nav {
  border: none; }
.tab-custom-noborder.ui-tabs .ui-tabs-panels {
  border: none; }

.tab-custom-cc.ui-tabs .ui-tabs-nav {
  background-color: #ECEFF1;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border: none;}
  .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header {
    margin: 0;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada;
    background-color: #ECEFF1; }
    .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header a {
      padding: 15px 20px;
      color: #4C767B; }
      .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
        background-color: #ECEFF1;
        border-top: 0px none;
        border-bottom: 0px none;
        border-left: 0px none;
        border-right: 1px solid #dadada;
        box-shadow: 0px 3px 0px #61B5A1; }
        .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
          color: #61b5a1; }
          .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover,
          .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline {
            background-color: #ECEFF1;
            border-top: 0px none;
            border-bottom: 0px none;
            border-left: 0px none;
            border-right: 1px solid #dadada; }
            .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover a, 
            .tab-custom-cc.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline a {
              color: #61b5a1; }
  .tab-custom-cc.ui-tabs .ui-tabs-panels {
    border: none; }
  .tab-custom-cc.ui-corner-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
    
.test-custom.ui-corner-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

.test-custom.ui-tabs .ui-tabs-panels {
  padding-bottom: 30px; }

.test-custom.ui-tabs .ui-tabs-nav {
  background-color: #ECEFF1;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 0px none; 
  /* padding: .25em !important;
  text-align: center; */}
  .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header {
    margin: 0;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 1px solid #dadada;
    background-color: #ECEFF1; 
    width: 11%;
    padding-left: 10px;
    /* padding-right: 10px; */
    white-space: normal;
    height:60px;
    text-align:center}
    .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header a {
	  color: #4C767B; 
	  /* width: 110px; */
	  width: -webkit-fill-available;
      margin-left: -10px;
      /* padding-right: 10px; */
      white-space: normal;
      height:60px;}
      .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
        background-color: #ECEFF1;
        border-top: 0px none;
        border-bottom: 0px none;
        border-left: 0px none;
        border-right: 1px solid #dadada;
        /* box-shadow: 0px 0px 0px #61B5A1; */ 
        /* width: 110px; */
	    padding-left: 10px;
	    /* padding-right: 10px; */
	    white-space: normal;
	    height:60px;}
        .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
          /* color: #61b5a1; */ 
          width: -webkit-fill-available;
	      margin-left: -10px;
	      /* padding-right: 10px; */
	      white-space: normal;
	      height:60px;
	      background-color: #61B5A1 !important;
  		  color: white !important;
  		  text-align:center;}
          .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover, .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline {
            /* background-color: #61B5A1 !important; */
  		  	color: white !important
            border-top: 0px none;
            border-bottom: 0px none;
            border-left: 0px none;
            border-right: 1px solid #dadada; 
            /* width: 110px; */
            
		    padding-left: 10px;
		    /* padding-right: 10px; */
		    white-space: normal;
		    height:60px;}
            .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover a, .test-custom.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline a {
            	color: #333333;
            	background-color: #c8c8c8;
              	width: -webkit-fill-available;
			    margin-left: -10px;
			    /* padding-right: 10px; */
			    white-space: normal;
			    height:60px;
			    text-align:center}

.blue-panel {
  background-color: #DEF0EF;
  border:1px solid #DEF0EF;
  border-radius: 5px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 20px; }

.rg-panel {
  border: 1px solid #ECEFF1;
  padding: 12px; }

.rg-btn.ui-button {
  color: #4C767B;
  text-align: left;
  padding: 5px 20px; }
.rg-btn.ui-button.ui-state-hover {
  color: #4C767B; }
.rg-btn.ui-button.ui-state-focus {
  background-color: #61B5A1;
  font-weight: bold;
  color: #FFFFFF; }
.rg-btn.ui-button.ui-state-active, .rg-btn.ui-button.ui-state-down {
  background-color: #61B5A1;
  color: #FFFFFF; }
.rg-btn.ui-button .ui-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-right: 25px; }
  
.rg-btn-large.ui-button {
  height: 70px;
  padding: 10px 10px 10px 25px; }
.rg-btn-large.ui-button .ui-icon {
  background-size: cover;
  font-size: 2em; }
.rg-btn-active.ui-button {
  background-color: #61B5A1;
  font-weight: bold;
  color: #FFFFFF; }
.rg-btn-active.ui-button.ui-state-hover {
  background-color: #61B5A1;
  font-weight: bold;
  color: #FFFFFF; }
  
.rg-btn.ui-button .icon-absensi-manual.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_absensi_manual.svg); }
.rg-btn.ui-button.ui-state-focus .icon-absensi-manual.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_absensi_manual_white.svg); }
.rg-btn-active.ui-button .icon-absensi-manual.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_absensi_manual_white.svg); }
  
.rg-btn.ui-button .icon-akting.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_akting.svg); }
.rg-btn.ui-button.ui-state-focus .icon-akting.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_akting_white.svg); }
  
.rg-btn.ui-button .icon-cuti-tahunan.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_cuti_tahunan.svg); }
.rg-btn.ui-button.ui-state-focus .icon-cuti-tahunan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_cuti_tahunan_white.svg); }
.rg-btn-active.ui-button .icon-cuti-tahunan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_cuti_tahunan_white.svg); }
  
.rg-btn.ui-button .icon-demosi.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_demosi.svg); }
.rg-btn.ui-button.ui-state-focus .icon-demosi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_demosi_white.svg); }
  
.rg-btn.ui-button .icon-gaji-individu.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_gaji_individu.svg); }
.rg-btn.ui-button.ui-state-focus .icon-gaji-individu.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_gaji_individu_white.svg); }

.rg-btn.ui-button .icon-gaji-massal.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_gaji_massal.svg); }
.rg-btn.ui-button.ui-state-focus .icon-gaji-massal.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_gaji_massal_white.svg); }
  
.rg-btn.ui-button .icon-istirahat-panjang.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_istirahat_panjang.svg); }
.rg-btn.ui-button.ui-state-focus .icon-istirahat-panjang.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_istirahat_panjang_white.svg); }
  
.rg-btn.ui-button .icon-izin.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_izin.svg); }
.rg-btn.ui-button.ui-state-focus .icon-izin.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_izin_white.svg); }
.rg-btn-active.ui-button .icon-izin.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_izin_white.svg); }

.rg-btn.ui-button .icon-mengundurkan-diri.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_mengundurkan_diri.svg); }
.rg-btn.ui-button.ui-state-focus .icon-mengundurkan-diri.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_mengundurkan_diri_white.svg); }
  
.rg-btn.ui-button .icon-mutasi.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_mutasi.svg); }
.rg-btn.ui-button.ui-state-focus .icon-mutasi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_mutasi_white.svg); }
.rg-btn-active.ui-button .icon-mutasi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_mutasi_white.svg); }
  
.rg-btn.ui-button .icon-payroll.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_payroll.svg); }
.rg-btn.ui-button.ui-state-focus .icon-payroll.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_payroll_white.svg); }
.rg-btn-active.ui-button .icon-payroll.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_payroll_white.svg); }
  
.rg-btn.ui-button .icon-pembaharuan-kontrak.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_pembaharuan_kontrak.svg); }
.rg-btn.ui-button.ui-state-focus .icon-pembaharuan-kontrak.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_pembaharuan_kontrak_white.svg); }
  
.rg-btn.ui-button .icon-pembatalan-cuti-tahunan.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_pembatalan_cuti_tahunan.svg); }
.rg-btn.ui-button.ui-state-focus .icon-pembatalan-cuti-tahunan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_pembatalan_cuti_tahunan_white.svg); }
  
.rg-btn.ui-button .icon-pembatalan-istirahat-panjang.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_pembatalan_istirahat_panjang.svg); }
.rg-btn.ui-button.ui-state-focus .icon-pembatalan-istirahat-panjang.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_pembatalan_istirahat_panjang_white.svg); }
  
.rg-btn.ui-button .icon-pengangkatan.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_pengangkatan.svg); }
.rg-btn.ui-button.ui-state-focus .icon-pengangkatan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_pengangkatan_white.svg); }

.rg-btn.ui-button .icon-penggantian.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_penggantian.svg); }
.rg-btn.ui-button.ui-state-focus .icon-penggantian.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_penggantian_white.svg); }
  
.rg-btn.ui-button .icon-penunjukan.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_penunjukan.svg); }
.rg-btn.ui-button.ui-state-focus .icon-penunjukan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_penunjukan_white.svg); }
  
.rg-btn.ui-button .icon-penyesuaian-jadwal-kerja.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_penyesuaian_jadwal_kerja.svg); }
.rg-btn.ui-button.ui-state-focus .icon-penyesuaian-jadwal-kerja.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_penyesuaian_jadwal_kerja_white.svg); }
.rg-btn-active.ui-button .icon-penyesuaian-jadwal-kerja.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_penyesuaian_jadwal_kerja_white.svg); }
  
.rg-btn.ui-button .icon-penyesuaian.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_penyesuaian.svg); }
.rg-btn.ui-button.ui-state-focus .icon-penyesuaian.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_penyesuaian_white.svg); }
  
.rg-btn.ui-button .icon-permohonan-lembur.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_permohonan_lembur.svg); }
.rg-btn.ui-button.ui-state-focus .icon-permohonan-lembur.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_permohonan_lembur_white.svg); }
.rg-btn-active.ui-button .icon-permohonan-lembur.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_permohonan_lembur_white.svg); }
  
.rg-btn.ui-button .icon-perpanjangan-kontrak.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_perpanjangan_kontrak.svg); }
.rg-btn.ui-button.ui-state-focus .icon-perpanjangan-kontrak.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_perpanjangan_kontrak_white.svg); }
  
.rg-btn.ui-button .icon-promosi.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_promosi.svg); }
.rg-btn.ui-button.ui-state-focus .icon-promosi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_promosi_white.svg); }

.rg-btn.ui-button .icon-rekrut-baru.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_rekrut_baru.svg); }
.rg-btn.ui-button.ui-state-focus .icon-rekrut-baru.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_rekrut_baru_white.svg); }
.rg-btn-active.ui-button .icon-rekrut-baru.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_rekrut_baru_white.svg); }

.rg-btn.ui-button .icon-surat-peringatan.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_surat_peringatan.svg); }
.rg-btn.ui-button.ui-state-focus .icon-surat-peringatan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_surat_peringatan_white.svg); }
.rg-btn-active.ui-button .icon-surat-peringatan.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_surat_peringatan_white.svg); }
    
.rg-btn.ui-button .icon-sp1.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_sp1.svg); }
.rg-btn.ui-button.ui-state-focus .icon-sp1.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_sp1_white.svg); }
  
.rg-btn.ui-button .icon-sp2.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_sp2.svg); }
.rg-btn.ui-button.ui-state-focus .icon-sp2.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_sp2_white.svg); }

.rg-btn.ui-button .icon-sp3.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_sp3.svg); }
.rg-btn.ui-button.ui-state-focus .icon-sp3.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_sp3_white.svg); }
  
.rg-btn.ui-button .icon-surat-perintah-lembur.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_surat_perintah_lembur.svg); }
.rg-btn.ui-button.ui-state-focus .icon-surat-perintah-lembur.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_surat_perintah_lembur_white.svg); }

.rg-btn.ui-button .icon-terminasi.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_terminasi.svg); }
.rg-btn.ui-button.ui-state-focus .icon-terminasi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_terminasi_white.svg); }
.rg-btn-active.ui-button .icon-terminasi.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_terminasi_white.svg); }
  
.rg-btn.ui-button .icon-thr.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_thr.svg); }
.rg-btn.ui-button.ui-state-focus .icon-thr.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_thr_white.svg); }

.rg-btn.ui-button .icon-reimbursement.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_reimbursement.svg); }
.rg-btn.ui-button.ui-state-focus .icon-reimbursement.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_reimbursement_white.svg); }
.rg-btn-active.ui-button .icon-reimbursement.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_reimbursement_white.svg); }

.rg-btn.ui-button .icon-cash-advance.ui-icon {
  background-image: url(../resources/img/icon_approval/hijau/icon_advanced_cash.svg); }
.rg-btn.ui-button.ui-state-focus .icon-cash-advance.ui-icon {
  background-image: url(../resources/img/icon_approval/putih/icon_advanced_cash_white.svg); }
.rg-btn-active.ui-button .icon-cash-advance.ui-icon {
  background-image: url(../resources/img/icon_approval/putih/icon_advanced_cash_white.svg); }
  
.rg-btn.ui-button .icon-pph21.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_pajak.svg); }
.rg-btn.ui-button.ui-state-focus .icon-pph21.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_pajak_white.svg); }
    
.rg-btn.ui-button .icon-medical.ui-icon {
  background-image: url(../resources/img/icon_rg/green/icon_medical.svg); }
.rg-btn.ui-button.ui-state-focus .icon-medical.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_medical_white.svg); }
.rg-btn-active.ui-button .icon-medical.ui-icon {
  background-image: url(../resources/img/icon_rg/white/icon_medical_white.svg); }

.cc-btn.ui-button {
  color: #4C767B;
  text-align: center;
  padding: 5px 20px; }
.cc-btn.ui-button.ui-state-hover {
  color: #4C767B;
  background-color: #DCEEF1;
  filter: saturate(140%); }
.cc-btn.ui-button.ui-state-active, .cc-btn.ui-button.ui-state-down {
  background-color: #61B5A1; }

.cc-btn-active.ui-button {
  color: #ffffff;
  background-color: #61B5A1;
  text-align: center;
  padding: 5px 20px; }
.cc-btn-active.ui-button.ui-state-hover {
  color: #ffffff;
  background-color: #61B5A1;
  filter: saturate(180%); }
.cc-btn-active.ui-button.ui-state-active, .cc-btn-active.ui-button.ui-state-down {
  background-color: #61B5A1; }

.view-cc.ui-button {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 25%; }
.view-cc.ui-button.ui-state-hover {
  color: #4C767B;
  background-color: #DCEEF1;
  filter: saturate(140%); }
.view-cc.ui-button.ui-state-active, .view-cc.ui-button.ui-state-down {
  background-color: #61B5A1; }
  
.view-cc-active.ui-button {
  background-color: #61B5A1;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 25%; }
.view-cc-active.ui-button.ui-state-hover {
  color: #ffffff;
  background-color: #61B5A1;
  filter: saturate(180%); }
.view-cc-active.ui-button.ui-state-active, .view-cc-active.ui-button.ui-state-down {
  background-color: #61B5A1; }
  
.ui-g-page {
  margin: 15px; } 

.ui-g-tabpad {
  margin: 17px 11px 0px 11px; }

.ui-g-pad {
  margin: 9px 9px 0px 9px; }

.ui-g-permitpad {
  margin: 15px 15px 0px 15px; }

.overflow-ellipsis {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; } 
 
.panel-leave-date {
  margin-left: 7px;
  margin-right: 17px; }
  .panel-leave-date .panel-date {
    border: 1px solid #E3E3E3;
    padding: 15px; }

.panel {
  margin-left: 8px;
  margin-right: 8px; }
  .panel .panel-border {
    border: 1px solid #E3E3E3;
    padding: 15px; }

.currency.ui-inputnumber .ui-inputfield {
  text-align: right; }
.currency-sm.ui-inputnumber .ui-inputfield {
  font-size: 12px; }

.header-panel-border-org {
  margin-top: 5px;
  margin-left: 7px;
  margin-right: 7px;
  padding-top: 20px;
  border-top: 1px solid #E3E3E3; }
  .header-panel-border-org div {
    padding-left: 0px; }

.header-panel-org {
  margin-left: 7px;
  margin-right: 7px; }
  .header-panel-org div {
    padding-left: 0px; }
    
.panel-org {
  margin-top: 20px;
  margin-left: 7px;
  margin-right: 7px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E3E3E3; }
  .panel-org div {
    padding-left: 0px; }
  .panel-org .panel-chkbox {
    text-align: right;
    padding-right: 0px; } 
    .panel-org .panel-chkbox .ui-outputlabel {
      margin-left: 10px; } 

.edit-panel-org {
  background-color: #FAFAFA;
  border-bottom: 1px solid #E3E3E3;
  margin-left: 7px;
  margin-right: 7px;
  padding: 10px; }

.panel-btn-sk {
  margin-right: 7px;
  margin-top: 20px;
  padding-bottom:20px; }

.ui-g-grantorpad.ui-panelgrid .ui-panelgrid-cell  {
  padding-top: 15px;
  padding-bottom: 10px; }

.grantor-card {
  padding-left: 7px;
  padding-right: 7px; }
  .grantor-card .grantor-front-card {
    border: 1px solid #E3E3E3;
    height: 190px; }
    .grantor-front-card .grantor-none {
      background-color: #90A4AE;
      height: 188px;
      color: white;
      font-weight: bold;
      text-align: center;
      padding-top: 20px; }
    .grantor-front-card .grantor-approved {
      background-color: #61B5A1;
      height: 188px;
      color: white;
      font-weight: bold;
      text-align: center;
      padding-top: 20px; }
    .grantor-front-card .grantor-rejected {
      background-color: #F76F6C;
      height: 188px;
      color: white;
      font-weight: bold;
      text-align: center;
      padding-top: 20px; }
    .grantor-front-card .grantor-name {
      padding-top: 17px;
      padding-left: 20px;
      padding-bottom: 0px; }
    .grantor-front-card .grantor-job {
      padding-left: 20px;
      padding-bottom: 0px; }
    .grantor-front-card .grantor-nik {
      padding-left: 20px;
      padding-bottom: 5px; }
    .grantor-front-card .grantor-status-label {
      padding-left: 20px; }
    .grantor-front-card .grantor-status {
      /*padding-bottom: 0px;
      text-align: center; */}
    .grantor-front-card .grantor-reason {
      margin-left: -20px;
      margin-top: -1px;
      padding-left: 0px;
      /*padding-bottom: 0px;*/ }
    .grantor-front-card .grantor-datetime-label {
      padding-left: 20px;
      padding-bottom: 15px; }
    .grantor-front-card .grantor-datetime {
      padding-bottom: 15px } 
     
.grantor-card .grantor-back-card {
  border: 1px solid #E3E3E3;
  height: 190px;
  background-color: #D7DCE0; }
  .grantor-back-card .grantor-not-used {
  	color: #90A4AE;
    text-align: center;
    font-weight: bold;
    padding-top: 20px; }
  .grantor-back-card .grantor-reason {
    color: #90A4AE;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 0px; }
    
.rg-front-card {
  height: 60px;
  border: 1px solid #E3E3E3; }
  .rg-front-card .rg-used {
    background-color: #61B5A1;
    color: white;
    padding-top: 18px;
    padding-bottom: 15px;
    text-align: center; }
    .rg-front-card .rg-used .ui-outputlabel {
      font-weight: bold; }
  .rg-front-card .rg-job {
    margin: auto;
    padding-left: 12px; }

.rg-back-card {
  height: 60px;
  border: 1px solid #E3E3E3;
  background-color: #D7DCE0; }
  .rg-back-card .rg-not-used {
    background-color: #D7DCE0;
    color: #90A4AE;
    padding-top: 18px;
    padding-bottom: 15px;
    text-align: center; }
    .rg-back-card .rg-not-used .ui-outputlabel {
      font-weight: bold; }
  .rg-back-card .rg-job {
    margin: auto;
    color: #90A4AE;
    padding-left: 12px; }

.payroll-card {
  border: 1px solid #E3E3E3;
  border-radius: 3px; }
  .payroll-card .payroll-border {
    border-left: 5px solid #61B5A1;
    border-radius: 3px;
    padding: 0px; }
  .payroll-card .payroll-desc {
    text-align: right;
    padding: 15px 15px 10px 0px; }
    .payroll-card .payroll-desc .payroll-amount {
      padding-top: 3px;
      font-weight: bold; }
      
.half-transparent {
  opacity: 0.5; }

.fa-green {
  color: #26B769; }
.fa-red {
  color: #F76F6C; }

.disabled-text {
  color: #90A4AE; }
  
.ui-outputlabel.text-24-bold {
  font-size: 24px;
  font-weight: bold; }

.newButtonNoBold{
	padding: 10px 20px;
	box-shadow: 1px 5px 15px rgba(46, 204, 113, 0.2) !important;
	background-color: #61B5A1 !important;
	color: white !important;
	border: 0px !important;
	text-align: center !important;
}

.newButtonNoBold:hover{
	filter: saturate(180%);
}

.newButtonLighterNoBold{
	padding: 10px 20px;
	box-shadow: 1px 5px 15px #4C767B 0.1 !important;
	background-color: #ECEFF1 !important;
	color: #61B5A1 !important;
	border: 0px !important;
}
.newButtonLighterNoBold:hover{
	filter: saturate(180%);
}

.workplace-badge {
  background-color: #FFFFFF;
  font-weight: bold;
  padding: 2px 5px;
  border-radius: 5px;
  border: 2px solid; }

.workplace-badge.status-wfo {
  color: #61B5A1;
  border-color: #61B5A1; }

.workplace-badge.status-mob {
  color: #466B9B;
  border-color: #466B9B; }

.workplace-badge.status-wfh {
  color: #FFB589;
  border-color: #FFB589; }
  
.status-decree-none {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #90A4AE;
  background-color: #ECEFF1;
  display: block; }
  
.status-decree-published {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #ffffff;
  background-color: #62bef0;
  display: block; }
  
.status-decree-pending {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #FAB42E;
  background-color: #FFECC7;
  display: block; }
  
.status-decree-approved {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #26B769;
  background-color: #D3F1E1;
  display: block; }

.status-decree-rejected {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #F76F6C;
  background-color: #FEE2E1;
  display: block; }
  
.rounded-text-none {
  border-radius: 7px;
  padding: 5px 15px;
  white-space: pre;
  color: #90A4AE;
  background-color: #ECEFF1; }

.rounded-text-pending {
  border-radius: 7px;
  padding: 5px 15px;
  color: #FAB42E;
  background-color: #FFECC7; }
 
.rounded-text-approved {
  border-radius: 7px;
  padding: 5px 15px;
  color: #26B769;
  background-color: #D3F1E1; }

.rounded-text-rejected {
  border-radius: 7px;
  padding: 5px 15px;
  color: #F76F6C;
  background-color: #FEE2E1; }

.rounded-badge {
  border-radius: 20px;
  padding: 5px 15px;
  color: #26B769;
  background-color: #D3F1E1; }
  
.board-status-active {
  position: relative;
  bottom: 3px;
  margin-left: 10px;
  border-radius: 30px;
  padding: 3px 10px;
  color: #FFF;
  font-weight: bold;
  background-color: #27AE60; }
.board-status-close {
  position: relative;
  bottom: 3px;
  margin-left: 10px;
  border-radius: 30px;
  padding: 3px 10px;
  color: #FFF;
  font-weight: bold;
  background-color: #EB5757; }

.vertical-line-jobtracker {
  border-left: 1px solid #E3E3E3;
  margin-right: 15px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 13px; }

.status-tripexpense-Valid {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #26B769;
  background-color: #D3F1E1;
  display: block; }

.status-tripexpense-Error {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #F76F6C;
  background-color: #FEE2E1;
  display: block; }

.status-couponrule-Valid {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #26B769;
  background-color: #D3F1E1;
  display: block; }

.status-couponrule-Error {
  text-align: center;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  color: #F76F6C;
  background-color: #FEE2E1;
  display: block; }

.rating-jobtracker.ui-rating {
  font-size: 12px; }
.rating-jobtracker-lg.ui-rating {
  font-size: 14px; }
  .rating-jobtracker.ui-rating .ui-rating-star-on a {
    color: #F2C94C; }
    .rating-jobtracker.ui-rating .ui-rating-star a:hover {
      color: #F2C94C;
      filter: brightness(110%); }
      
.board-status-onemenu.ui-selectonemenu {
  border-color: #23818E; }
  .board-status-onemenu.ui-selectonemenu .ui-selectonemenu-label {
    color: #23818E; }
  .board-status-onemenu.ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: #23818E; }
  .board-status-onemenu.ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: #23818E; }
  .board-status-onemenu.ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #23818E; }
    .board-status-onemenu.ui-selectonemenu .ui-selectonemenu-trigger span {
      color: #FFF; }
.board-status-onemenu-panel.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
  color: #FFF;
  background-color: #23818E; }
  
.board-filter-onemenu.ui-selectonemenu {
  border-color: #F0F6FC; }
  .board-filter-onemenu.ui-selectonemenu label.ui-selectonemenu-label {
  background: #F0F6FC; }
  .board-filter-onemenu.ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: #F0F6FC; }
  .board-filter-onemenu.ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: #F0F6FC; }
  .board-filter-onemenu.ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #F0F6FC; }
.board-filter-onemenu-panel.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
  background-color: #F0F6FC; }

.task-outside-board {
  border-left: 4px solid;
  border-bottom: 1px solid #F0F6FC;
  margin-bottom: 1px;
  padding: 10px 7px; }
  .task-outside-board .task-outside-board-status {
    text-align: right; }

.tasklist-status.ui-outputlabel {
  position: relative;
  border-radius: 30px;
  padding: 2px 10px;
  color: #FFF;
  background-color: #23818E; }

.activity-user-link.ui-commandlink {
  color: #666; }
  .activity-user-link.ui-commandlink .ui-outputlabel {
    cursor: pointer; }
        
@media screen and (min-width: 641px) {
  .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.qr-style {
	 background-color: transparent; color: #FFF; border: none; 
	 margin: -15px 0px 0px 5px; 
	 padding-top: 33px;
  }
}

@media screen and (max-width: 641px) {
  .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.qr-style {
	 background-color: transparent; color: #FFF; border: none; 
	 margin: -15px 0px 0px 5px; 
	 padding-top: 33px;
  }
}

@media screen and (min-width: 641px) {
  .rounded-text-rejected {
	  border-radius: 7px;
	  padding: 5px 15px;
	  color: #F76F6C;
	  background-color: #FEE2E1; 
  }
}

@media screen and (max-width: 640px) {
	.rounded-text-rejected {
		 padding: 5px 5px;
	}
}

.selectonemenu-custom.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  font-size: 10px;
  color: #CACACA; }


.layout-wrapper .layout-topbar .layout-topbar-icons li {
  position: relative; }
  .layout-wrapper .layout-topbar .layout-topbar-icons li a .topbar-badge {
    position: absolute;
    right: -5px;
    top: -10px;
    background-color: #e0284f;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    min-width: 25px;
    min-height: 25px;
    display: block;
    font-size: 10px;
    border-radius: 100%; }

    
.layout-wrapper .layout-topbar .layout-topbar-usermenu {
  padding: 20px;
  width: 300px; }
  .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-company {
    font-size: 16x;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 15px; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header {
      margin-bottom: 20px; }
      .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header .layout-topbar-usermenu-info {
        margin-left: 5px; }
        .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header .layout-topbar-usermenu-info .layout-topbar-usermenu-name {
          overflow: hidden;
          font-size: 14px;
          font-weight: bold;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: rgba(0,0,0,.7); }
        .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header .layout-topbar-usermenu-info .layout-topbar-usermenu-detail {
          overflow: hidden;
          font-size: 14px;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: rgba(0,0,0,.7); }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-useraccess {
      margin-bottom: 10px; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-useraccess div {
      padding-left: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-useraccess .label-gray {
      font-size: 13px;
      color: #90A4AE; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-useraccess .label-green {
      font-size: 13px;
      color: #26B769; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-useraccess .label-red {
      font-size: 13px;
      color: #F76F6C; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-contact {
      margin-bottom: 20px; }
      .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-contact ul {
        margin: 0; 
        padding: 0; 
        list-style-type: none; }
         .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-contact ul li {
          margin-top: 15px; }
          .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-contact ul li a {
            display: block;
            color: #90A4AE; }
            .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-contact ul li a span {
              font-family: "Roboto", sans-serif;
              font-size: 14px;
              margin-left: 5px; }
      .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-action ul {
        margin: 0; 
        padding: 0; 
        list-style-type: none; }      
        .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-action ul li {
          margin-top: 15px; }

/* TABLE'S CSS  */
.disable-chkbox-all.ui-datatable .ui-selection-column .ui-chkbox-all {
  display: none; }
  
.datatable-upload-multivisit-detail.ui-datatable .ui-datatable-data tr .column-nopad {
  padding: 0px; }
.datatable-upload-multivisit-detail.ui-datatable .ui-datatable-data tr .column-nopad .ui-inputgroup .ui-inputtext {
  border:none;
  background-color: transparent; }
.datatable-upload-multivisit-detail.ui-datatable .ui-datatable-data tr .column-nopad .ui-inputgroup .ui-button .icon-edit-sm.ui-icon {
  background-image: url(../resources/img/icon/icon_edit.svg);
  background-size: cover;
  font-size: 1.500em; }     

.datatable-jobtracker-plain .ui-commandlink {
  color: #666; }
.datatable-jobtracker-plain.ui-datatable thead tr th { 
  padding: 0px;
  border: none; }
.datatable-jobtracker-plain.ui-datatable tbody tr td {
  padding: 7px;
  border: none; }
.datatable-jobtracker-plain.ui-datatable tbody tr .customnopad {
  padding: 0px;
  border: none; }
.datatable-jobtracker-plain.ui-datatable tbody tr .thumbnail {
  padding-left: 0px; }
.datatable-jobtracker-plain.ui-datatable .ui-datatable-data > tr {
  background-color: #FFFFFF;
  border: none; }
  .datatable-jobtracker-plain.ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: #FFFFFF; }
  .datatable-jobtracker-plain.ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: none;
    background-color: #FFFFFF;
    color: #666666; }
  .datatable-jobtracker-plain.ui-datatable .ui-datatable-data > .ui-datatable-empty-message {
    color: #90A4AE; }

.datatable-jobtracker.ui-datatable thead tr th {
  border: none;
  color: #8AA1BA; }
.datatable-jobtracker-check.ui-datatable thead tr th {
  padding: 0px; }
.datatable-jobtracker.ui-datatable tbody tr td {
  padding: 10px 7px;
  border: none; }
.datatable-jobtracker-member.ui-datatable tbody tr td {
  padding: 0px 7px;
  border: none; }
.datatable-jobtracker-member.ui-datatable tbody .ui-datatable-empty-message td {
  padding: 10px 7px; }
.datatable-jobtracker-special-member.ui-datatable tbody tr td {
  padding: 7px;
  border: none; }
.datatable-jobtracker.ui-datatable .ui-datatable-data > tr {
  background-color: #F0F6FC;
  border: none; }
  .datatable-jobtracker.ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: #F0F6FC; }
  .datatable-jobtracker.ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: none;
    background-color: #F0F6FC;
    color: #666666; }
  .datatable-jobtracker-check.ui-datatable .ui-datatable-data > tr {
    border-bottom: 15px solid #FFF; }
  .datatable-jobtracker.ui-datatable .ui-datatable-data > .ui-datatable-empty-message {
    color: #90A4AE; }
.datatable-jobtracker.ui-datatable .jobtracker-radio.ui-selectoneradio tbody tr td {
  text-align: center; }
  .datatable-jobtracker.ui-datatable .jobtracker-radio.ui-selectoneradio label {
    margin: 0px; }
  
.datatable-board-status.ui-datatable thead tr th {
  border: none;
  color: #8AA1BA; }
.datatable-board-status.ui-datatable tbody tr td {
  padding: 10px 7px;
  border: none; }
.datatable-board-status.ui-datatable .ui-datatable-data > tr {
  border: none; }
  .datatable-board-status.ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: #FFFFFF; }
  .datatable-board-status.ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: none;
    background-color: #FFFFFF;
    color: #666666; }
    
.datatable-jobtracker-chkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border-color: #23818E; }
.datatable-jobtracker-chkbox .ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #23818E;
  color: #FFFFFF;
  background-color: #23818E; }
.datatable-jobtracker-chkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #23818E;
  background-color: #23818E; }
.datatable-jobtracker-chkbox .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
  background-color: #23818E; }

.datatable-custom-align.ui-datatable thead tr .left {
  text-align: left; }
.datatable-custom-align.ui-datatable tbody tr .left {
  text-align: left; }
.datatable-custom-align.ui-datatable thead tr .center {
  text-align: center; }
.datatable-custom-align.ui-datatable tbody tr .center {
  text-align: center; }
.datatable-custom-align.ui-datatable thead tr .right {
  text-align: right; }
.datatable-custom-align.ui-datatable tbody tr .right {
  text-align: right; }

.datatable-custom-group.ui-datatable .ui-datatable-data > tr.ui-rowgroup-header,
.datatable-custom-group.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
  font-weight: 700; 
  background-color: #4C767B;
  color: #FFF;
  border: 1px solid #4C767B; }
  
.datatable-employee.ui-datatable tbody tr .employee-active {
  padding-left: 10px;
  border-left: 10px solid #61B5A1; }
.datatable-employee.ui-datatable tbody tr .employee-terminated {
  padding-left: 10px;
  border-left: 10px solid #E55864; }
.datatable-employee.ui-datatable tbody tr .employee-contract {
  padding-left: 10px;
  border-left: 10px solid #AF8FE9; }
    
.datatable-payroll.ui-datatable thead tr th {
  color: #4C767B; }
  .datatable-payroll.ui-datatable thead tr .first {
    border-right: none; }
  .datatable-payroll.ui-datatable thead tr .middle {
    border-right: none;
    border-left: none; }
  .datatable-payroll.ui-datatable thead tr .last {
    border-left: none; }

.datatable-custom.ui-datatable thead tr th {
  background-color: #4C767B;
  border: 1px solid #4C767B;
  color: white; }
.datatable-custom.ui-datatable .ui-datatable-scrollable-theadclone {
  visibility: collapse; }
.datatable-custom .ui-paginator .ui-paginator-pages .ui-paginator-page {
  border-radius: 5px; }
  .datatable-custom .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    color: white;
	font-weight: bold;
	background-color: #61B5A1; }
.datatable-custom .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border-color: #61B5A1; }
.datatable-custom .ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #61B5A1;
  background-color: #61B5A1; }
.datatable-custom .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #61B5A1;
  background-color: #61B5A1; }
.datatable-custom .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
  background-color: #61B5A1; }
.datatable-custom .ui-chkbox .ui-chkbox-box.ui-state-disabled {
  filter: brightness(85%); }
.datatable-custom.ui-datatable .ui-datatable-data .row-highlight {
  background: #FDFBD4; }

.treetable-custom.ui-treetable thead th,
.treetable-custom.ui-treetable tbody td,
.treetable-custom.ui-treetable tfoot td {
  white-space: normal; }
.treetable-custom.ui-treetable thead th {
  background-color: #4C767B;
  border: 1px solid #4C767B;
  color: white; }
.treetable-custom.ui-treetable thead tr .left {
  text-align: left; }
.treetable-custom.ui-treetable tbody tr .left {
  text-align: left; }
.treetable-custom.ui-treetable thead tr .center {
  text-align: center; }
.treetable-custom.ui-treetable tbody tr .center {
  text-align: center; }
.treetable-custom.ui-treetable thead tr .right {
  text-align: right; }
.treetable-custom.ui-treetable tbody tr .right {
  text-align: right; }
  
.treetable-sm.ui-treetable .ui-outputlabel {
  font-size: 12px; }
  .treetable-sm.ui-treetable thead tr th {
    font-size: 12px; }
    
.daily-wages.ui-datatable thead tr th {
  border: 1px solid #E3E3E3;
  font-size: 12px; }
.daily-wages.ui-datatable tbody tr td {
  font-size: 12px; }
.daily-wages.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.daily-wages .ui-datatable-scrollable-body tbody tr td {
  height: 65px; }
.daily-wages.ui-datatable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header thead {
  height: 100px; }
.daily-wages.ui-datatable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header thead {
  height: 100px; }
@-moz-document url-prefix() {
  .daily-wages.ui-datatable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header thead {
  height: 101px; }
}

.salary-monthly-absency.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-body table tbody tr td {
  height: 81px; }	
.salary-monthly-absency.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-left .ui-datatable-frozen-container .ui-datatable-scrollable-body table tbody tr td {
  height: 81px; }
.salary-monthly-absency.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.salary-monthly-absency.ui-datatable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header thead {
  height: 50px; }
.salary-monthly-absency.ui-datatable .ui-datatable-frozenlayout-left .ui-datatable-scrollable-header thead {
  height: 50px; }  
  
.timetable-actual-adjust .ui-datatable-scrollable-body tbody tr td {
  height: 90px; }

.datatable-multi-visit-plan.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.datatable-multi-visit-plan .ui-datatable-scrollable-body tbody tr td {
  height: 105px; }
.datatable-multi-visit-plan.ui-datatable .basic-btn-sm.ui-button {
  font-size: 12px; }

.payroll-tax.ui-datatable thead tr th {
  border-top: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
  border-bottom: none;
  border-left: 1px solid #C8C8C8; }
.payroll-tax.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
  .payroll-tax.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 54px; }
.payroll-tax .ui-datatable-scrollable-body tbody tr td {
  height: 66px; }
.payroll-tax.ui-datatable tbody tr .code-column {
  padding: 0px; }
  .payroll-tax .code-column .odd-column {
    height: 38px;
    padding: 10px 17px;
    border-bottom: 1px solid #E3E3E3;
    background-color: #F8F8F8; }
  .payroll-tax .code-column .even-column {
    height: 38px;
    padding: 10px 17px;
    background-color: #FFFFFF; }
@-moz-document url-prefix() {
.payroll-tax.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 56px; }
}

.payroll-daily.ui-datatable .ui-datatable-frozenlayout-left {
  width: 300px; }
.payroll-daily.ui-datatable .ui-datatable-scrollable-footer .footer-payroll-daily {
  font-size: 12px; }
.payroll-daily.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 50px; }
.payroll-daily.ui-datatable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header thead th {
  height: 50px; }
.payroll-daily .ui-datatable-scrollable-body tbody tr td {
  height: 50px; }
@-moz-document url-prefix() {
.payroll-daily.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 49px; }
.payroll-daily.ui-datatable .ui-datatable-frozenlayout-right .ui-datatable-scrollable-header thead th {
  height: 49px; }
}

.datatable-sm.ui-datatable .ui-outputlabel {
  font-size: 12px; }
.datatable-sm.ui-datatable .ui-commandlink {
  font-size: 12px; }
.datatable-sm.ui-datatable .ui-inputfield {
  font-size: 12px; }
  .datatable-sm.ui-datatable thead tr th {
    font-size: 12px; }
  .datatable-sm.ui-datatable tfoot tr td {
    font-size: 12px; }
    
.datatable-custom.ui-datatable thead tr .left {
  text-align: left; }
.datatable-custom.ui-datatable tbody tr .left {
  text-align: left; }
.datatable-custom.ui-datatable tfoot tr .left {
  text-align: left; }
  
.datatable-custom.ui-datatable thead tr .center {
  text-align: center; }
.datatable-custom.ui-datatable tbody tr .center {
  text-align: center; }
.datatable-custom.ui-datatable tfoot tr .center {
  text-align: center; }
  
.datatable-custom.ui-datatable thead tr .right {
  text-align: right; }
.datatable-custom.ui-datatable tbody tr .right {
  text-align: right; }
.datatable-custom.ui-datatable tfoot tr .right {
  text-align: right; }
  
.datatable-custom.ui-datatable tbody tr .custom-column {
  padding: 0px; }
.datatable-custom.ui-datatable tbody tr .mrp-column {
  padding: 0px; }
  .custom-odd-column {
    height: 48px;
    padding: 15px 17px;
    border-bottom: 1px solid #E3E3E3;
    background-color: #F8F8F8; }
  .custom-even-column {
    height: 48px;
    padding: 15px 17px;
    border-bottom: 1px solid #E3E3E3;
    background-color: #FFFFFF; }
  .mrp-gender-column {
    height: 96px;
    padding: 40px 17px;
    border-bottom: 1px solid #E3E3E3; }
  .mrp-custom-column {
    height: 48px;
    padding: 15px 17px;
    border-bottom: 1px solid #E3E3E3; }

.datatable-mrp.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 68px; }
@-moz-document url-prefix() {
.datatable-mrp.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 72px; }
}

.timetable-dashboard.ui-datatable .ui-datatable-frozenlayout-left {
  width: 200px; }
.timetable-dashboard.ui-datatable .ui-paginator.ui-paginator-bottom {
  border: none; }
.timetable-dashboard.ui-datatable tbody tr .dashboard-column {
  padding: 10px; }
  .timetable-dashboard .ui-datatable-scrollable-body tbody tr td {
    height: 66px; }
  .timetable-dashboard .dashboard-column .date-column {
    height: 40px;
    padding: 0px;
    border-left: 2px solid; }
  .timetable-dashboard .dashboard-column .detail-column {
    margin: auto; }
  .timetable-dashboard.ui-datatable .spacer.ui-commandlink {
    margin-right: 10px; }
  .timetable-dashboard.ui-datatable .ui-commandlink:hover {
    filter: brightness(70%);
    transition: background-color 0.5s ease; }
  .timetable-dashboard.ui-datatable .ui-commandlink {
    font-size: 12px; }
  .timetable-dashboard.ui-datatable .ovt-approved-btn.ui-commandlink {
    background-color: #FFB589;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .ovt-pending-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #FFB589;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .lve-approved-btn.ui-commandlink {
    background-color: #466B9B;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .lve-pending-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #466B9B;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #466B9B;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .lve-cancel-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #F76F6C;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #F76F6C;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .att-absent-btn.ui-commandlink {
    background-color: #F76F6C;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .att-attend-btn.ui-commandlink {
    background-color: #61B5A1;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .att-checkin-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #61B5A1;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .att-tomorrow-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #B7B7B7;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #B7B7B7;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .att-manual-attedance-btn.ui-commandlink {
    background-color: #EAE734;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .off-approved-btn.ui-commandlink {
    background-color: #343434;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .off-pending-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #343434;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #343434;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .shi-approved-btn.ui-commandlink {
    background-color: #AF8FE9;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  .timetable-dashboard.ui-datatable .shi-pending-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #AF8FE9;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #AF8FE9;
    border-radius: 5px; }

.icon-timetable div {
  padding: 7px 3px 7px 3px; }
.icon-timetable .ui-outputlabel.ui-widget {
  font-size: 12px; }
.att-absent.ui-outputlabel {
  background-color: #F76F6C;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.att-attend.ui-outputlabel {
  background-color: #61B5A1;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.att-tomorrow.ui-outputlabel {
  background-color: #FFFFFF;
  color: #B7B7B7;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #B7B7B7;
  border-radius: 5px;
  margin-right: 7px; }
.att-manual-attedance.ui-outputlabel {
  background-color: #EAE734;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.att-checkin.ui-outputlabel {
  background-color: #FFFFFF;
  color: #61B5A1;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #61B5A1;
  border-radius: 5px;
  margin-right: 7px; }
.lve-approved.ui-outputlabel {
  background-color: #466B9B;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.lve-pending.ui-outputlabel {
  background-color: #FFFFFF;
  color: #466B9B;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #466B9B;
  border-radius: 5px;
  margin-right: 7px; }
.lve-cancel.ui-outputlabel {
  background-color: #FFFFFF;
  color: #F76F6C;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #F76F6C;
  border-radius: 5px;
  margin-right: 7px; }
.ovt-approved.ui-outputlabel {
  background-color: #FFB589;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.ovt-pending.ui-outputlabel {
  background-color: #FFFFFF;
  color: #FFB589;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #FFB589;
  border-radius: 5px;
  margin-right: 7px; }
.off-approved.ui-outputlabel {
  background-color: #343434;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.off-pending.ui-outputlabel {
  background-color: #FFFFFF;
  color: #343434;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #343434;
  border-radius: 5px;
  margin-right: 7px; }
.shi-approved.ui-outputlabel {
  background-color: #AF8FE9;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 5px;
  margin-right: 7px; }
.shi-pending.ui-outputlabel {
  background-color: #FFFFFF;
  color: #AF8FE9;
  font-weight: bold;
  padding: 1px 4px;
  border: 2px solid #AF8FE9;
  border-radius: 5px;
  margin-right: 7px; }

.emp-trail-dashboard.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-body table tbody tr td {
  height: 100px; }	
.emp-trail-dashboard.ui-datatable .ui-datatable-fs tbody tr .ui-datatable-frozenlayout-left .ui-datatable-frozen-container .ui-datatable-scrollable-body table tbody tr td {
  height: 100px; }
.emp-trail-dashboard.ui-datatable .ui-datatable-frozenlayout-left {
  width: 200px; }
.emp-trail-dashboard.ui-datatable .ui-paginator.ui-paginator-bottom {
  border: none; }
  .emp-trail-dashboard.ui-datatable tbody tr .trail-column {
    border: inherit; }
    .emp-trail-dashboard .ui-datatable-scrollable-body tbody tr td {
      border: none; }
  .emp-trail-dashboard.ui-datatable .ui-commandlink:hover {
    opacity: 0.75;
    transition: all 0.3s ease; }
  .emp-trail-dashboard .newemp-pending .ui-outputlabel {
    color: #FFB589;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .newemp-pending {
    border: 1px solid #FFB589;
    border-radius: 10px; }
  .emp-trail-dashboard .newemp-approved .ui-outputlabel {
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .newemp-approved {
    border: 1px solid #FFB589;
    background-color: #FFB589;
    border-radius: 10px; }
  .emp-trail-dashboard .orgchg-pending .ui-outputlabel {
    color: #466B9B;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .orgchg-pending {
    border: 1px solid #466B9B;
    border-radius: 10px; }
  .emp-trail-dashboard .orgchg-approved .ui-outputlabel {
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .orgchg-approved {
    border: 1px solid #466B9B;
    background-color: #466B9B;
    border-radius: 10px; }
  .emp-trail-dashboard .salchg-pending .ui-outputlabel {
    color: #61B5A1;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .salchg-pending {
    border: 1px solid #61B5A1;
    border-radius: 10px; }
  .emp-trail-dashboard .salchg-approved .ui-outputlabel {
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer; }
  .emp-trail-dashboard .salchg-approved {
    border: 1px solid #61B5A1;
    background-color: #61B5A1;
    border-radius: 10px; }
    .emp-trail-dashboard .decree-code {
      padding: 0px;
      margin: auto;
      text-align: center; }
    .emp-trail-dashboard .decree-date {
      padding: 0px; }
      .emp-trail-dashboard .decree-date-day {
        padding-bottom: 0px;
        padding-left: 0px;
        text-align: center; }
      .emp-trail-dashboard .decree-date-year {
        padding-top: 0px;
        padding-left: 0px;
        text-align: center; }

.wfh-dashboard-mss.ui-datatable .ui-datatable-frozenlayout-left {
  width: 200px; }
.wfh-dashboard-mss.ui-datatable .ui-paginator.ui-paginator-bottom {
  border: none; }
.wfh-dashboard-mss.ui-datatable tbody tr .wfh-column {
  padding: 10px; }
  .wfh-dashboard-mss .ui-datatable-scrollable-body tbody tr td {
    height: 101px; }
  .wfh-dashboard-mss .wfh-column .date-column {
    margin: auto;
    height: 40px;
    padding: 0px;
    border-left: 2px solid; }
  .wfh-dashboard-mss .wfh-column .detail-column {
    padding: 7px 0px; }
    .wfh-dashboard-mss .wfh-column .detail-column .workplace {
      padding: 0px;
      margin-bottom: 10px; }
    .wfh-dashboard-mss .wfh-column .detail-column .worklocation {
      padding: 0px;
      line-height: normal;
      height: 35px;
      overflow: hidden; }
      .wfh-dashboard-mss .wfh-column .detail-column .worklocation .ui-outputlabel {
        font-size: 10px; }
  .wfh-dashboard-mss.ui-datatable .ui-commandlink:hover {
    filter: saturate(150%); }
  .wfh-dashboard-mss.ui-datatable .wfo-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #61B5A1;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .mob-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #466B9B;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #466B9B;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .wfh-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #FFB589;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .sfo-btn.ui-commandlink {
    background-color: #61B5A1;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .sfh-btn.ui-commandlink {
    background-color: #FFB589;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .work-place-btn.ui-commandlink {
    background-color: #696969;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
  
  .wfh-dashboard-mss .wfh-column .detail-column-loc {
    padding: 0px; }
    .wfh-dashboard-mss .wfh-column .detail-column-loc .workplace {
      padding: 0px;
      margin-bottom: 10px; }
    .wfh-dashboard-mss .wfh-column .detail-column-loc .worklocation {
      padding: 0px;
      line-height: normal;
      height: 49px;
      overflow: hidden; }
      .wfh-dashboard-mss .wfh-column .detail-column-loc .worklocation .ui-outputlabel {
        font-size: 11px; }
  .wfh-dashboard-mss.ui-datatable .wfo-btn-sm.ui-commandlink {
    background-color: #FFFFFF;
    color: #61B5A1;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 4px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .mob-btn-sm.ui-commandlink {
    background-color: #FFFFFF;
    color: #466B9B;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 4px;
    border: 2px solid #466B9B;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .wfh-btn-sm.ui-commandlink {
    background-color: #FFFFFF;
    color: #FFB589;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 4px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .sfo-btn-sm.ui-commandlink {
    background-color: #61B5A1;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 4px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .sfh-btn-sm.ui-commandlink {
    background-color: #FFB589;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 4px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard-mss.ui-datatable .work-place-btn-sm.ui-commandlink {
    background-color: #696969;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 6px;
    border-radius: 5px; }
    
.wfh-dashboard.ui-datatable .ui-datatable-frozenlayout-left {
  width: 200px; }
.wfh-dashboard.ui-datatable .ui-paginator.ui-paginator-bottom {
  border: none; }
.wfh-dashboard.ui-datatable tbody tr .wfh-column {
  padding: 10px; }
  .wfh-dashboard .ui-datatable-scrollable-body tbody tr td {
    height: 78px; }
  .wfh-dashboard .wfh-column .date-column {
    height: 40px;
    padding: 0px;
    border-left: 2px solid; }
  .wfh-dashboard .wfh-column .detail-column {
    margin: auto; }
  .wfh-dashboard.ui-datatable .ui-commandlink:hover {
    filter: saturate(150%); }
  .wfh-dashboard.ui-datatable .wfo-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #61B5A1;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard.ui-datatable .mob-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #466B9B;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #466B9B;
    border-radius: 5px; }
  .wfh-dashboard.ui-datatable .wfh-btn.ui-commandlink {
    background-color: #FFFFFF;
    color: #FFB589;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard.ui-datatable .sfo-btn.ui-commandlink {
    background-color: #61B5A1;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #61B5A1;
    border-radius: 5px; }
  .wfh-dashboard.ui-datatable .sfh-btn.ui-commandlink {
    background-color: #FFB589;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
    border: 2px solid #FFB589;
    border-radius: 5px; }
  .wfh-dashboard.ui-datatable .work-place.ui-commandlink {
    background-color: #696969;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 7px;
    border-radius: 5px; }
    
.datatable-leave-addt.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {
  height: 55px; }
.datatable-leave-addt.ui-datatable .ui-datatable-data > tr.ui-datatable-even {
  height: 55px; }
  
.payroll-emp.ui-datatable .ui-outputlabel {
  font-size: 12px; }
  .payroll-emp.ui-datatable thead tr th {
    font-size: 12px; }
  .payroll-emp.ui-datatable tbody tr .code-column {
    padding: 0px; }
    .payroll-emp .code-column .odd-column {
      height: 38px;
      padding: 10px 17px;
      border-bottom: 1px solid #E3E3E3;
      background-color: #F8F8F8; }
    .payroll-emp .code-column .even-column {
      height: 38px;
      padding: 10px 17px;
      background-color: #FFFFFF; }
  .payroll-emp.ui-datatable tbody tr .payroll-column {
    padding: 0px; }
    .payroll-emp .payroll-column .odd-column-text {
      padding: 10px 17px;
      border-right: 1px solid #E3E3E3;
      border-bottom: 1px solid #E3E3E3;
      background-color: #F8F8F8; }
    .payroll-emp .payroll-column .even-column-text {
      padding: 10px 17px;
      border-right: 1px solid #E3E3E3;
      background-color: #FFFFFF; }
    .payroll-emp .payroll-column .odd-column-amount {
      text-align: right;
      padding: 10px 17px;
      border-bottom: 1px solid #E3E3E3;
      background-color: #F8F8F8; }
    .payroll-emp .payroll-column .even-column-amount {
      text-align: right;
      padding: 10px 17px;
      background-color: #FFFFFF; }

.datatable-transport-expense-item.ui-datatable .ui-datatable-frozenlayout-left {
  width: 150px; }
.datatable-transport-expense-item.ui-datatable .ui-datatable-scrollable-body tbody tr td {
  height: 64px; }
.datatable-transport-expense-item.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 41px; }
@-moz-document url-prefix() {
.datatable-transport-expense-item.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 43px; }
}

.absent-time {
  background-color: #4C767B;
  border-radius: 25px;
  text-align: center; }
  .absent-time .ui-outputlabel {
    color: #FFFFFF;
    font-weight: bold; }
  
.ayCuz4.ui-datatable .ui-datatable-scrollable-header {
    border: 0; }
   .ayCuz4.ui-datatable thead th{
 	padding: -0.5em 1.214em;
    color: white;
    background-color: #4C767B;
    border: 0px; }
  .ayCuz4.ui-datatable-scrollable-header-box {
    background-color: #4C767B;
    color: white;
    height: 30px;
    border: 1px solid #CECECE; }
    .ayCuz4.ui-widget-header .ui-datatable-scrollable-header {
	    background-color: #4C767B;
	    color: white;
	    height: 30px;
	    border: 1px solid #CECECE; }
    .ayCuz4.ui-widget-header .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box{
     border-top:1px solid #CECECE;border-left:1px solid #CECECE;border-right:1px solid #CECECE;}
    .ayCuz4.ayCuz4.ui-datatable .ui-datatable-data > tr {
      border: 1px solid #CECECE; }
      .ayCuz4.ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, .ayCuz.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	    font-weight: 500; 
		background-color: #DEF0EF; }
		.ayCuz4.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil::before {
	      content: "\f040"; }
	      
	      
.ayCuz5.ui-datatable .ui-datatable-scrollable-header{
  /*border: 0px solid red !important;*/
    border: 0; }
   .ayCuz5.ui-datatable thead th{
 	padding: -0.5em 1.214em;
    color: white;
    background-color: #4C767B;
    border-top: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-left: 1px solid #CECECE; }
  .ayCuz5.ui-datatable-scrollable-header-box {
    background-color: #4C767B;
    color: white;
    height: 30px;
    border: 1px solid #CECECE; }
    .ayCuz5.ui-widget-header .ui-datatable-scrollable-header {
	    background-color: #4C767B;
	    color: white;
	    height: 30px;
	    border: 1px solid #CECECE; }
    .ayCuz5.ayCuz5.ui-datatable .ui-datatable-data > tr {
      border: 1px solid #CECECE; }
      .ayCuz5.ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, .ayCuz.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	    font-weight: 500; 
		background-color: #DEF0EF; }
		.ayCuz5.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil::before {
	      content: "\f040"; }
	      
.ayCuz6.ui-datatable .ui-datatable-scrollable-header{
  /*border: 0px solid red !important;*/
    border: 0; }
    .ayCuz6.ui-datatable tfoot td{
    border: 1px solid #dcdcdc;
    }
    
   .ayCuz6.ui-datatable thead th{
   -webkit-print-color-adjust: exact;
 	padding: 1.5em 1.214em;
    color: white;
    background-color: #4C767B;
    border-top: 1px solid #4C767B;
    border-right: 1px solid #4C767B;
    border-left: 1px solid #4C767B; }
  .ayCuz6.ui-datatable-scrollable-header-box {
  	-webkit-print-color-adjust: exact;
    background-color: #4C767B;
    color: white;
    height: 30px;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-right: 1px solid #CECECE; }
    .ayCuz6.ui-widget-header .ui-datatable-scrollable-header {
	    background-color: #4C767B;
	    color: white;
	    height: 30px;
	    border: 1px solid #4C767B; }
    .ayCuz6.ayCuz6.ui-datatable .ui-datatable-data > tr {
      border: 1px solid #CECECE; 
      line-height: 1.7;}
      .ayCuz6.ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, .ayCuz.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	    font-weight: 500; 
		background-color: #DEF0EF; }
		.ayCuz6.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil::before {
	      content: "\f040"; }
	      .ayCuz6 .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
		    color: white;
			font-weight: bold;
			background-color: #61B5A1; }

/* CSS INFO KELUARGA DI FRONTPAGE2, EMPNEWDATA DAN MY TEAM */
.ayCuzFam.ui-datatable .ui-datatable-scrollable-header{
  /*border: 0px solid red !important;*/
    border: 0; }
   .ayCuzFam.ui-datatable thead th{
 	padding: -0.5em 1.214em;
    color: white;
    font-size:12px;
    background-color: #4C767B;
    border-top: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-left: 1px solid #CECECE;;
   }
  .ayCuzFam.ui-datatable-scrollable-header-box {
    background-color: #4C767B;
    color: white;
    height: 30px;
    border: 1px solid #CECECE; }
    .ayCuzFam.ui-widget-header .ui-datatable-scrollable-header {
	    background-color: #4C767B;
	    color: white;
	    height: 30px;
	    border: 1px solid #CECECE; }
    .ayCuzFam.ayCuzFam.ui-datatable .ui-datatable-data > tr {
      border: 1px solid #CECECE; 
      font-size: 12px;}
      .ayCuzFam.ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, .ayCuz.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	    font-weight: 500; 
		background-color: #DEF0EF; }
		.ayCuzFam.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil::before {
	      content: "\f040"; }
/* TABLE'S CSS  */

.dingdong .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #7BCDD8;
  background-color: #61B5A1;
  color: #ffffff; }

.custom-switch.ui-inputswitch.ui-inputswitch-checked {
  background-color: #f4f4f4;
  border-color: #dadada; }
  .custom-switch.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #61B5A1;
    color: #61B5A1; }
    .custom-switch.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle.ui-state-focus {
      background-color: #61B5A1; }
        
.custom-radio .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border-color: #61B5A1; }
.custom-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background-color: #61B5A1; }
  .custom-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background-color: #61B5A1; }
  .custom-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-color: #FFFFFF; }

.jobtracker-radio .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border-color: #23818E; }
.jobtracker-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background-color: #23818E; }
  .jobtracker-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background-color: #23818E; }
  .jobtracker-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-color: #FFFFFF; }

/* Untuk Fix Di Mozilla */
@-moz-document url-prefix() {
  body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
    top: -6.5px; }
  
  .search-sidebar-v2.ui-sidebar
  .custom-calendar.ui-calendar .ui-datepicker-trigger.ui-button {
    top: -7.5px; }
  
  .custom-dialog.ui-dialog
  .custom-spinner.ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
    margin-top: 2px; }
  .custom-dialog.ui-dialog
  .custom-spinner.ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    margin-bottom: 2px; }
  
  .custom-dialog.ui-dialog
  .custom-calendar.ui-calendar .ui-datepicker-trigger.ui-button {
    top: -7.5px; }
}
/* Untuk Fix Di Mozilla */

.custom-calendar.ui-calendar .ui-button.ui-button-icon-only {
  background-color: #F4F4F4;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-left: 0px; }
  .custom-calendar.ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar {
    background-color: #F4F4F4;
    color: #90A4AE;
    border: 1px solid #dadada; }

.custom-spinner.ui-spinner .ui-spinner-input {
  text-align: left; }
.custom-spinner.ui-spinner .ui-spinner-button.ui-button {
  background-color: #F4F4F4;
  color: #90A4AE;
  border: 1px solid #F4F4F4; }
  .custom-spinner.ui-spinner .ui-spinner-button.ui-button.ui-state-hover {
  	background-color: #F4F4F4;
    color: #90A4AE; }
  .custom-spinner.ui-spinner .ui-spinner-button.ui-button.ui-state-active {
    background-color: #F4F4F4;
    color: #333333; }
  .custom-spinner.ui-spinner .ui-spinner-button.ui-button.ui-state-focus {
    background-color: #F4F4F4;
    color: #90A4AE; }
    
    
.transport-table.ui-datatable thead th{
   background-color: #4C767B !important;
   color: white !important;
}
.transport-table .ui-frozen-column {
  height: 78px; }
.transport-table .ui-datatable-odd {
  height: 48px; }
.transport-table .ui-datatable-even {
  height: 48px; }

.transport-table-dt.ui-datatable thead th{
   background-color: #4C767B !important;
   color: white !important;
}  
.transport-table-dt .ui-frozen-column {
  height: 66px; }
.transport-table-dt .ui-datatable-odd {
  height: 48px; }
.transport-table-dt .ui-datatable-even {
  height: 48px; }

.company-meal-dt.ui-datatable thead th{
   background-color: #4C767B !important;
   color: white !important;
   height: 80px;
   }  
 .company-meal-dt .ui-datatable-scrollable-theadclone {
    visibility: collapse;
}  
   
.company-meal-dt .ui-frozen-column {
  height: 79px; }
.company-meal-dt .ui-datatable-odd {
  height: 53px; }
.company-meal-dt .ui-datatable-even {
  height: 53px; }

.company-meal-dt.ui-datatable thead th{
   background-color: #4C767B !important;
   color: white !important;
   height: 30px;
   }  
 .company-meal-dt .ui-datatable-scrollable-theadclone {
    visibility: collapse;
}  

.timetable-rostergroup.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.timetable-rostergroup.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 62px; }
.timetable-rostergroup.ui-datatable .ui-datatable-scrollable-body tbody tr td {
  height: 88px; }

.timetable-rostergroup-publish.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.timetable-rostergroup-publish.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 56px; }
.timetable-rostergroup-publish.ui-datatable .ui-datatable-scrollable-body tbody tr td {
  height: 88px; }

.company-transport-table .ui-frozen-column {
  height: 78px; }
.company-transport-table .ui-datatable-odd {
  height: 60px; }
.company-transport-table .ui-datatable-even {
  height: 60px; }

.company-transport-table-dt.ui-datatable .ui-datatable-scrollable-header, .company-transport-table-dt.ui-datatable .ui-datatable-scrollable-footer {
	 height: 78px; }
.company-transport-table-dt .ui-frozen-column {
  height: 78px; }
.company-transport-table-dt .ui-datatable-odd {
  height: 78px; }
.company-transport-table-dt .ui-datatable-even {
  height: 78px; }
.company-transport-table-dt.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	line-height: 1.2;  }
.company-transport-table-dt.ui-datatable thead th .ui-column-title {
	color: #4C767B; }
	
.overtime-allowance-dt.ui-datatable .ui-datatable-scrollable-header, .company-transport-table-dt.ui-datatable .ui-datatable-scrollable-footer {
	 height: 45px; }
.overtime-allowance-dt .ui-frozen-column {
  height: 45px; }
.overtime-allowance-dt .ui-datatable-odd {
  height: 78px; }
.overtime-allowance-dt .ui-datatable-even {
  height: 78px; }
.overtime-allowance-dt.ui-datatable thead th{
   background-color: #4C767B !important;
   color: white !important;}	
	
.company-absensi-dt.ui-datatable .ui-datatable-scrollable-header, .company-transport-table-dt.ui-datatable .ui-datatable-scrollable-footer {
	 height: 56px; }
.company-absensi-dt .ui-frozen-column {
  height: 60px; }
.company-absensi-dt .ui-datatable-odd {
  height: 78px; }
.company-absensi-dt .ui-datatable-even {
  height: 78px; }
.company-absensi-dt.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	line-height: 1.2;  }
.company-absensi-dt.ui-datatable thead th .ui-column-title {
	color: #4C767B; }
	

.company-transport-table-dt-2.ui-datatable .ui-datatable-scrollable-header, .company-transport-table-dt.ui-datatable .ui-datatable-scrollable-footer {
	 height: 90px; }
.company-transport-table-dt-2 .ui-frozen-column {
  height: 90px; }
.company-transport-table-dt-2.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	line-height: 1.2;  }
.company-transport-table-dt-2.ui-datatable thead th .ui-column-title {
	color: #4C767B; }

.timetable-emp.ui-datatable .ui-datatable-frozenlayout-left {
  width: 100px; }
.timetable-emp .ui-datatable-scrollable-body tbody tr td {
  padding: 0px;
  height: 110px; }
.timetable-emp.ui-datatable .ui-datatable-data > tr .selector-column {
  text-align: center;
  height: 110px;
  padding: 0px; }
.timetable-emp.ui-datatable .ui-datatable-data > tr .selector-column-off {
  text-align: center;
  height: 110px;
  padding: 0px;
  opacity: 0.5; }
.timetable-emp.ui-datatable .ui-datatable-empty-message td {
  padding: 15px; }
.timetable-emp.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 62px; }
@-moz-document url-prefix() {
.timetable-emp.ui-datatable .ui-datatable-scrollable-header .ui-frozen-column {
  height: 61px; }
}

.btn-tt-emp .employee-default .roster-group {
  background-color: #DEF0EF;
  color: #4C767B;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee-default .schedule {
  background-color: #FBEECF;
  color: #4C767B;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee-default .schedule-item {
  background-color: #FBEECF;
  color: #4C767B;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee-default .date {
  background-color: #DEF0EF;
  color: #4C767B;
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee-default .ui-outputlabel {
  font-size: 12px;
  font-weight: bold; }
.btn-tt-emp .employee-default .pointer .ui-outputlabel {
  cursor: pointer; }
  
.btn-tt-emp .employee .roster-group {
  background-color: #4C767B;
  color: white;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee .schedule {
  background-color: #61B5A1;
  color: white;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee .schedule-item {
  background-color: #61B5A1;
  color: white;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee .date {
  background-color: #4C767B;
  color: white;
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee .ui-outputlabel {
  font-size: 12px;
  font-weight: bold; }
.btn-tt-emp .employee .pointer .ui-outputlabel {
  cursor: pointer; }
  
.btn-tt-emp .employee-off .roster-group {
  background-color: #E4E9EB;
  color: #989C9F;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee-off .schedule {
  background-color: #E4E9EB;
  color: #989C9F;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee-off .schedule-item {
  background-color: #E4E9EB;
  color: #989C9F;
  border-right: 1px solid #E3E3E3; }
.btn-tt-emp .employee-off .date {
  background-color: #E4E9EB;
  color: #989C9F;
  border-top: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
.btn-tt-emp .employee-off .ui-outputlabel {
  font-size: 12px;
  font-weight: bold; }
.btn-tt-emp .employee-off .pointer .ui-outputlabel {
  cursor: pointer; }
  
.text-pointer.ui-outputlabel {
  cursor: pointer; }

.aktivasiButtNew.ui-button.ui-button-text-only .ui-button-text {
   padding: 0.429em 1em;
   margin-left: -4px;
 }

.remove-button .ui-button.ui-button-icon-only {
  border: none;
  width: 0px; }
  .remove-button .ui-button.ui-button-icon-only .ui-icon {
    top: 30%; }
    .remove-button .ui-button.ui-button-icon-only .ui-button-text { 
      padding: 0px; }

.ext-timetable.ui-menubutton {
  float: right; }
  .ext-timetable .ui-button.ui-button-icon-only {
    border: none;
    width: 0px; }
    .ext-timetable .ui-button.ui-button-icon-only .ui-icon {
      color: #90A4AE; }
      .ext-timetable .ui-button.ui-button-icon-only .ui-button-text { 
        padding: 0px; }
      
.timeline > .ui-g .ui-g-4 {
  font-size: 14px;
  position: relative;
  color: #A6A6A6;
  border-right: 2px solid #f4f4f4; }
  .timeline > .ui-g .ui-g-4 .time{
    padding-top: 2px; }
  .timeline > .ui-g .ui-g-4 .icon {
    background-color: transparent;
    color: #4C767B;
    font-size: 24px;
    position: absolute;
    top: 6px; }
  .timeline > .ui-g .ui-g-4 .history {
    right: -15px; }
  .timeline > .ui-g .ui-g-4 .career {
    background-color: transparent;
    color: #4C767B;
    font-size: 24px;
    position: absolute;
    top: 6px;
    right: -13px; }
   .timeline > .ui-g .ui-g-4 .education {
    background-color: transparent;
    color: #4C767B;
    font-size: 24px;
    position: absolute;
    top: 6px;
    right: -17px; }
.timeline > .ui-g .ui-g-8 {
  padding-left: 1.5em; }
  .timeline > .ui-g .ui-g-8 .title {
    padding-top: 0px;
    padding-left: 5px; }
    .timeline > .ui-g .ui-g-8 .title .ui-outputlabel {
      font-size: 18px; }
  .timeline > .ui-g .ui-g-8 .button {
    padding-top: 5px; }
  .timeline > .ui-g .ui-g-8 .button .ui-commandlink {
    color: #C6BCA2; }
  .timeline > .ui-g .ui-g-8 .button .ui-commandlink .fa {
    font-size: 18px; }
  .timeline > .ui-g .ui-g-8 .sub-title {
    padding-top: 0px; }
  .timeline > .ui-g .ui-g-8 .desc {
    padding-bottom: 0px;
    color: #A6A6A6; }

.notUsed.ui-panelgrid .ui-panelgrid-cell {
	/*border: 1px solid #dadada;
    background-color: #ffffff;
    color: #666666;
    padding: 0.571em 1em;*/
    background-color: #90A4AE;
}

.notUsedtest.ui-panelgrid .ui-panelgrid-cell {
	/*border: 1px solid #dadada;
    background-color: #ffffff;
    color: #666666;
    padding: 0.571em 1em;*/
    background-color: #90A4AE; 
    /*border-radius: 10px;*/
}

.nopadright {
  padding-right: 0px !important; }

.tsetransparent.ui-panelgrid .ui-panelgrid-cell {
	/*border: 1px solid #dadada;
    background-color: #ffffff;
    color: #666666;
    padding: 0.571em 1em;*/
    background-color: transparent !important; 
    /*border-radius: 10px;*/
}

.tsetorange.ui-panelgrid .ui-panelgrid-cell {
	/*border: 1px solid #dadada;
    background-color: #ffffff;
    color: #666666;
    padding: 0.571em 1em;*/
    background-color: #f4b42e !important; 
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.izin-rounded-text-none {
  border-radius: 7px;
  padding: 5px 15px;
  white-space: pre;
  color: #90A4AE;
  background-color: #ECEFF1; 
  text-align: center !important;}

.izin-rounded-text-pending {
  border-radius: 7px;
  padding: 5px 15px;
  color: #FAB42E;
  background-color: #FFECC7; 
  text-align: center !important;}

.izin-rounded-text-approved {
  border-radius: 7px;
  padding: 5px 15px;
  color: #26B769;
  background-color: #D3F1E1; 
  text-align: center !important;}

.izin-rounded-text-rejected {
  border-radius: 7px;
  padding: 5px 15px;
  color: #F76F6C;
  background-color: #FEE2E1; 
  text-align: center !important;}

/*Table dengan No Header*/
.noHeader.ui-datatable table thead tr {
    display: none;}

}
.testo .ui-panelgrid .ui-panelgrid-cell {
	padding: 5px 0px 0px 0px !important;
	background-color: transparent !important;
}


/*Sidebar */
.noclose.ui-sidebar .ui-sidebar-close .ui-icon {
	display: none !important;
}

/* green ICON APPROVAL  */

.karyawan_baru-icon {
     background: url(../resources/img/icon_approval/hijau/icon_karyawan_baru.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .perubahan_status-icon {
     background: url(../resources/img/icon_approval/hijau/icon_perubahan_status.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .cuti-icon {
     background: url(../resources/img/icon_approval/hijau/icon_cuti.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .izin-icon {
     background: url(../resources/img/icon_approval/hijau/icon_izin.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .surat_peringatan-icon {
     background: url(../resources/img/icon_approval/hijau/icon_surat_peringatan.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .lembur-icon {
     background: url(../resources/img/icon_approval/hijau/icon_lembur.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .gaji-approval-icon {
     background: url(../resources/img/icon_approval/hijau/icon_gaji.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .absensi-icon {
     background: url(../resources/img/icon_approval/hijau/icon_absensi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 
 .terminasi-approval-icon {
     background: url(../resources/img/icon_approval/hijau/icon_terminasi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .penyesuaian_jadwal-icon {
     background: url(../resources/img/icon_approval/hijau/icon_penyesuaian_jadwal.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .reimburse-icon {
     background: url(../resources/img/icon_approval/hijau/icon_reimbursement.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .contract-icon {
     background: url(../resources/img/icon_approval/hijau/icon_perubahan_status.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .compensation-icon {
     background: url(../resources/img/icon_approval/hijau/icon_advanced_cash.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .cash-advance-icon {
     background: url(../resources/img/icon_approval/hijau/icon_advanced_cash.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .medical-icon {
     background: url(../resources/img/icon_approval/hijau/icon_medical.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 
 /* WHITE ICON APPROVAL  */
 .karyawan_baru-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_karyawan_baru_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .perubahan_status-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_perubahan_status_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .cuti-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_cuti_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .izin-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_izin_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .surat_peringatan-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_surat_peringatan_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .lembur-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_lembur_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .reimburse-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_reimbursement_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .contract-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_perubahan_status_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
  .compensation-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_advanced_cash_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .gaji-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_gaji_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .absensi-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_absensi_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .terminasi-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_terminasi_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .penyesuaian_jadwal-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_penyesuaian_jadwal_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .medical-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_medical_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .cash-advance-icon-white {
     background: url(../resources/img/icon_approval/putih/icon_advanced_cash_white.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }

.penunjukkan-icon {
     background: url(../resources/img/icon/icon_penunjukkan.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .penyesuaian-icon {
     background: url(../resources/img/icon/icon_penyesuaian.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .pengangkatan-icon {
     background: url(../resources/img/icon/icon_pengangkatan.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .promosi-icon {
     background: url(../resources/img/icon/icon_promosi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .demosi-icon {
     background: url(../resources/img/icon/icon_demosi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .mutasi-icon {
     background: url(../resources/img/icon/icon_mutasi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .akting-icon {
     background: url(../resources/img/icon/icon_akting.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }

 .terminasi-icon {
     background: url(../resources/img/icon/icon_terminasi.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .sP-icon {
     background: url(../resources/img/icon/icon_sp.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .outsource-icon {
     background: url(../resources/img/icon/icon_perpanjangan.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
.pkwt-icon {
     background: url(../resources/img/icon/icon_pembaharuan.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
 .gaji-icon {
     background: url(../resources/img/icon/icon_gaji.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 100% !important;
     width: 100% !important;
     margin: -18px auto !important;
     border: 0px !important;
     display: block;
 }
 
.iconOnlyButton.ui-button-text{
  	 /*height: 35px;
     width: 35px;
     margin: 0 auto;
     border: 0px !important;
     display: block;*/
     word-wrap: break-word;
}
 
 .alamat-icon {
     background: url(../resources/img/icon/icon_alamat.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 35px;
     width: 35px;
     margin: 0 auto;
     border: 0px !important;
     display: block;
 }
 
 .ptkp-icon {
     background: url(../resources/img/icon/icon_ptkp.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 35px;
     width: 35px;
     margin: 0 auto;
     border: 0px !important;
     display: block;
 }
 
 .identitas-icon {
     background: url(../resources/img/icon/icon_identitas.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 35px;
     width: 35px;
     margin: 0 auto;
     border: 0px !important;
     display: block;
 }
 
 .identitas-icon {
     background: url(../resources/img/icon/icon_identitas.svg) no-repeat !important;
     background-size: 30px 35px !important;
     height: 35px;
     width: 35px;
     margin: 0 auto;
     border: 0px !important;
     display: block;
 }
     
.toolTipFrontPage.ui-tooltip .ui-tooltip-text{
	background-color: #CECECE !important;
    color: white;
    padding: 1px; }
	.toolTipFrontPage.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
		border-left-color: #CECECE;
	}
	.toolTipFrontPage.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
		border-right-color: #CECECE;
	}

.newButtonSmallPadding:hover {
	filter: saturate(180%); }	    
  
.custom-datagrid .ui-paginator {
	border:0px; }

.custom-datagrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background-color: #61B5A1; 
	color: white;}

.custom-datagrid .ui-paginator .ui-paginator-first, .custom-datagrid .ui-paginator .ui-paginator-prev, .custom-datagrid .ui-paginator .ui-paginator-next, .custom-datagrid .ui-paginator .ui-paginator-last{	
	color: #4c767b
}

.custom-datagrid.ui-datagrid .ui-paginator.ui-paginator-top{
	text-align: right;
}

.custom-datagrid.ui-datagrid .ui-paginator.ui-paginator-bottom{
	text-align: right;
}

.schedule-carousel.ui-carousel .ui-carousel-header {
  background-color: #FFFFFF;
  color: #666666;
  font-size: 16px;
  border-color: #DADADA; }
  .schedule-carousel.ui-carousel .ui-outputlabel {
  	font-size: 12px; }
  .schedule-carousel.ui-carousel .ui-carousel-viewport {
    border: none }
    .schedule-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
      margin: 0px;
      height: 885px; }
    .schedule-carousel.ui-carousel .ui-carousel-item .date-header {
	  background-color: #E0F2F1; }
	.schedule-carousel.ui-carousel .ui-carousel-item .date-hkb {
	  color: #666666;
	  font-weight: bold; }
	.schedule-carousel.ui-carousel .ui-carousel-item .date-hkp {
	  color: #4C4CFF;
	  font-weight: bold; }
	.schedule-carousel.ui-carousel .ui-carousel-item .date-off {
	  color: #FF4C4C;
	  font-weight: bold; }
	.schedule-carousel.ui-carousel .ui-carousel-item .date-ap1 {
	  color: #FFBF00;
	  font-weight: bold; }
	.schedule-carousel.ui-carousel .ui-carousel-item .date-ap2 {
	  color: #FF9900;
	  font-weight: bold; }

.custom-panel-newemp{
	border: 1px solid #E3E3E3;
	border-left: 5px solid #61B5A1;
	border-radius: 5px;
	padding: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

.custom-sidebar.ui-sidebar .ui-sidebar-close .ui-icon:before {
    color: #90a4ae;
}
.custom-accordion.ui-accordion .ui-accordion-header.ui-state-active:hover, 
.custom-accordion.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
 	border: 1px solid #DEF0EF;
	background-color: #DEF0EF;
}

.custom-accordion.ui-accordion .ui-accordion-header {
    border: 1px solid #c8c8c8;
    background-color: #FFFFFF;
    color: #666666;
    padding: 0.857em 1em;
    font-weight: 400;
    position: static;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    margin-top: 2px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.custom-accordion.ui-accordion .ui-accordion-header.ui-state-active {
    border: 1px solid #dadada;
    height:50px;
    background-color: #DEF0EF;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    color: #47412f;
}

.QRlogin-icon {
     background: url("https://adrena-hcm-resized.s3.ap-southeast-1.amazonaws.com/thumbs/QRIcon.png") no-repeat !important;
     background-size: 46px 46px !important;
     height: 100% !important;
     width: 100% !important;
     border: 0px !important;
     display: block;
 }

.timetable-rg-1 .ui-frozen-column {
	height: 94px;
}
.timetable-rg-2 .ui-frozen-column {
	height: 94px;
}
.timetable-rg-3 .ui-frozen-column {
	height: 94px;
}
.timetable-rg-4 .ui-frozen-column {
	height: 174px;
}
.timetable-rg-5 .ui-frozen-column {
	height: 158px;
}

.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active:hover, 
.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
	background-color: #649ca2;
	border: 0px;
	color: white;
}

.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active:hover .ui-icon, 
.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline .ui-icon {
	color: white;
}

.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active {
	background-color: #4c767b;
	color: white;
}

.accordion-custom.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
	color: white;
}


.accordion-custom.ui-accordion .ui-accordion-header {
	background-color: #4c767b;
	color: white;
}

.accordion-custom.ui-accordion .ui-accordion-header .ui-icon {
	color: white;
}

.toolTipFrontPageIdentitas.ui-tooltip .ui-tooltip-text{
  background-color: #CECECE !important;
  color: white;
  padding: 1px; 
  border-radius: 10px; }
.toolTipFrontPageIdentitas.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #CECECE; }
.toolTipFrontPageIdentitas.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #CECECE; }
  
.labelGrey{
	background-color: #ececec !important;
	padding: 10px; 
}

.selectonemenu-searchbar.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  width: 100%; }
  
.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.custom-datepicker-half.hasDatepicker {
	width: 50%;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil::before {
	    content: "\f040";
	}

body .ui-inplace .ui-inplace-display {
  padding: 0px; }
  
body .ui-selectbooleanbutton,
body .ui-buttonset:not(.ui-splitbutton) > .ui-button {
  border-color: #61B5A1;
  color: #61B5A1;
  background-color: #FFFFFF; }
  body .ui-selectbooleanbutton.ui-state-active,
  body .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active {
    background-color: #61B5A1;
    border-color: #61B5A1;
    color: #FFFFFF; }
    body .ui-selectbooleanbutton.ui-state-active.ui-state-focus,
    body .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active.ui-state-focus {
      background-color: #61B5A1;
      border-color: #61B5A1;
      color: #FFFFFF; }
  body .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover {
    background-color: #FFFFFF;
    border-color: #61B5A1;
    color: #61B5A1;
    filter: saturate(150%); }
    body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
    body .ui-buttonset:not(.ui-splitbuton) > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
      background-color: #61B5A1;
      border-color: #61B5A1;
      color:#FFFFFF;
      filter: saturate(150%); }

body .ui-selectmanycheckbox.ui-widget label,
body .ui-selectoneradio.ui-widget label {
	display: initial;
}