.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; }

.layout-wrapper .layout-topbar {
  padding: 18px 30px;
  box-shadow: none; }
  .layout-wrapper.layout-topbar-light .layout-topbar {
    background-color: #FAFAFA; }
  .layout-wrapper .layout-topbar .layout-topbar-logo img {
    width: 125px;
    height: 55px; }
  .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header {
    background: none;
    border-bottom: 1px solid #E5E5E5; }
    .layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header .layout-topbar-usermenu-info {
      color: #666666; }
  
.btn-upload.ui-fileupload-simple {
  width: 100%; }
  .btn-upload.ui-fileupload-simple .ui-button {
    color: #23818E;
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px; }
    
.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; }
  
.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; }

.circle-separator.pi {
  margin: 0px 5px;
  font-size: 4px;
  position: relative;
  bottom: 2px; }

.vacancy-data {
  /*overflow-y: scroll;
  scrollbar-width: thin;
  height: 400px;
  display: inline-block;*/ }
.vacancy-data .vacancy-link.ui-commandlink {
  color: #666666;
  font-weight: normal;
  text-decoration: none; }
  .vacancy-data .vacancy-link.ui-commandlink .ui-outputlabel {
    cursor: pointer; }
  .vacancy-data .vacancy-link.ui-commandlink i {
    font-size: 12px;
    color: #90A4AE; }
  .vacancy-data .vacancy-link.ui-commandlink .vacancy-card {
    padding: 5px; }
  .vacancy-data .vacancy-link.ui-commandlink .vacancy-selected {
    background-color: #EFF5F4;
    border-radius: 10px; }
    .vacancy-data .vacancy-link.ui-commandlink .vacancy-card .vacancy-logo {
      display: flex;
      justify-content: center; }
      .vacancy-data .vacancy-link.ui-commandlink .vacancy-card .vacancy-logo img {
        width: 55px;
        height: 55px;
        border-radius: 10px; }
    .vacancy-data .vacancy-link.ui-commandlink .vacancy-card .vacancy-badge.ui-badge {
      background-color: #D2F1F2;
      color: #666666;
      border: 1px solid #61B5A1;
      padding: 0px 15px;
      height: 24px; }
.vacancy-data .vacancy-link.ui-commandlink:hover {
  color: #666666;
  font-weight: normal;
  text-decoration: none; }
  .vacancy-data .vacancy-link.ui-commandlink:hover .vacancy-card {
    background-color: #EFF5F4;
    border-radius: 10px; }
.vacancy-data .vacancy-link.ui-commandlink:active {
  color: #666666;
  font-weight: normal;
  text-decoration: none; }
  
.custom-timeline .opposite {
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  border-right: 2px solid #F4F4F4; }
  .custom-timeline .opposite i {
    background-color: transparent;
    font-size: 1.5rem;
    color: #23818E;
    position: absolute;
    top: 0px; }
  .custom-timeline .opposite .graduation-icon {
    right: -14px; }
  .custom-timeline .opposite .briefcase-icon {
    right: -12px; }

.dataview-no-header.ui-dataview .ui-dataview-header {
  display: none; }
.dataview-card {
  border: 1px solid #E5E5E5;
  border-radius: 7px;
  padding: 7px; }

.dataview-activity.ui-dataview .activity-card {
  border: 1px solid #E5E5E5;
  border-radius: 7px;
  padding: 0px; }
  .dataview-activity.ui-dataview .activity-card .overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.large-btn.ui-button {
  padding: 5px 0px; }

.btn-icon.ui-button {
  border-radius: 10px; }
  
.btn-icon-profile.ui-button {
  border-radius: 7px;
  position: absolute;
  height: 21px;
  margin-left: -75px;
  margin-top: 54px; }
.btn-icon-profile.ui-button.ui-button-icon-only {
  width: 24px; }    
  
.btn-danger.ui-button {
  background-color: #F76F6C;
  border: 1px solid #F76F6C; }
  .btn-danger.ui-button.ui-state-hover {
    background: #F76F6C;
    border-color: #F76F6C; }
  .btn-danger.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2em #EDACAC; }
  .btn-danger.ui-button.ui-state-active,
  .btn-danger.ui-button.ui-state-down {
    background: #F76F6C;
    border-color: #F76F6C; }
    
.btn-info.ui-button {
  background-color: #23818E;
  border: 1px solid #23818E; }
  .btn-info.ui-button.ui-state-hover {
    background: #23818E;
    border-color: #23818E; }
  .btn-info.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2em #BECCD2; }
  .btn-info.ui-button.ui-state-active,
  .btn-info.ui-button.ui-state-down {
    background: #23818E;
    border-color: #23818E; }
  
.icon-text {
  margin-right: 7px; }
  
.mask-otp.ui-inputmask {
  font-size: 16px; 
  font-weight: bold;
  text-align: center;
  letter-spacing: 10px; }

.line-break {
  white-space: pre-wrap; }

.margin-auto {
  margin: auto; }

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

.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 .ui-confirmdialog-yes.ui-button {
  width: 80px;
  background-color: #61B5A1;
  color: #FFFFFF;
  font-weight: bold;
  border: none; 
  margin-right: 12px; }
.custom-confirm .ui-confirmdialog-yes.ui-button.ui-state-hover {
  filter: saturate(150%); }
.custom-confirm .ui-confirmdialog-no.ui-button {
  width: 80px;
  background-color: #E0F2F1;
  color: #61B5A1;
  font-weight: bold;
  border: none; }
.custom-confirm .ui-confirmdialog-no.ui-button.ui-state-hover {
  filter: saturate(150%); }
.custom-confirm.ui-dialog .ui-dialog-footer {
  padding: 14px; }

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

.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; }

.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; }

.datatable-sm.ui-datatable .ui-outputlabel {
  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 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 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; }

/* Untuk Fix Di Mozilla */
@-moz-document url-prefix() {
  .search-sidebar.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 */