@charset "UTF-8";

/* Common */
/* Layout */
/* Topbar */
/* Tab */
/******************************/
/*           THEME            */
/******************************/
/* Headers */
/* Contents */
/* Panels */
/* Forms */
/* List Items */
/* Messages */
/* Data */
/* Predefined Colors */
body .ui-widget,
body .ui-widget .ui-widget {
  font-family: 'gadugiregular';
  text-decoration: none;
}

body .ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
}

/* edit warna text di dropdown, edit:adi s */
body .ui-widget-header {
  /*background-color: #eaeaea;*/
  background-color: #41B983;
  /*367abd*/
  color: #646464;
  /*display: flow-root;*/
  /*border: 1px solid #eaeaea;*/
  font-weight: bold;
  /*padding: 0 0 5px 0;*/
}

body .ui-state-active,
body .ui-state-highlight {
  background-color: transparent;

}

body .ui-state-active,
body .ui-state-highlight:hover {
  background-color: #f6c2b2;
  color: #0b467b;
  /*border-right: 5px solid #0b467b;*/

}

body .ui-state-error,
body .ui-state-default.ui-state-error {
  background-color: #f0d1d0;
  border: solid 1px #e96d66;
}

body .ui-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

body .ui-state-disabled,
body .ui-widget:disabled {
  opacity: .5;
  background-image: none;
  cursor: no-drop !important;
  border: none;
  background: #ecf0f5;
  /*border: 1px solid #d3d3d3;
  background: transparent;
  border-bottom: 1px solid rgba(151, 151, 151, 1);*/
  color: rgba(0, 0, 0, 1);
}

.ui-widget:disabled {
  opacity: .5;
  background-image: none;
  cursor: default !important;
  border: none;
  background: #f2f2f2;
  color: #646464;
}

body .ui-state-disabled *,
body .ui-widget:disabled * {
  cursor: default !important;
}

body .ui-corner-all {
  /*
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; */
}

body .ui-corner-top {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

body .ui-corner-bottom {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .ui-corner-left {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .ui-corner-right {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .ui-widget-overlay {

  background-color: #424242;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

body a {
  color: #607D8B;
  text-decoration: none;
  outline: none;
}

body a:hover {
  color: #607D8B;
}

body .ajax-loader {
  font-size: 28px;
  color: #607D8B;
}

body {
  /* Validation */
}

body .ui-inputtext {
  background: #ffffff;
  padding: 0.3em
    /*308em*/
  ;
  border: 1px solid #DBDBDB;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px
    /*13*/
  ;
  color: #777777;
}

body .ui-inputtext:enabled:hover:not(.ui-state-error) {
  border-bottom: 1px solid #41b983;
}

body .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-bottom: 1px solid #41b983;
}

body .ui-inputtext.ng-dirty.ng-invalid {
  /* background-color: #FF5722; */
  border: 1px solid #41b983;
}

body .ui-inputtext.ng-dirty.ng-invalid.ng-touched {
  /* background-color: #FF5722;
        border: 2px solid #FF5722;   */
  border: 1px solid #41b983;
}

body input#input.ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
  /* background-color: #FF5722;
      border: 2px solid #FF5722;  */
  border: 1px solid #41b983;
}

body input[type="text"].ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
  border: 1px solid #41b983;
}

body input[type="number"].ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
  border: 1px solid #41b983;
}

body textarea.ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
  border: 1px solid #41b983;
}

body p-dropdown.ng-pristine.ng-invalid.ng-touched>div.ui-dropdown {
  border: 1px solid #41b983;
}

body p-inputmask.ng-pristine.ng-invalid.ng-touched>input {
  border: 1px solid #41b983;
}

body p-checkbox.ng-pristine.ng-invalid.ng-touched .ui-chkbox .ui-chkbox-box {
  border: 1px solid #41b983;
}

body app-calender.ng-pristine.ng-invalid.ng-touched>span>input {
  border: 1px solid #41b983;
}

body p-multiselect.ng-pristine.ng-invalid.ng-touched>div.ui-multiselect {
  border: 1px solid #41b983;
}

body p-radiobutton.ng-pristine.ng-invalid.ng-touched .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #41b983;
}

body p-spinner.ng-pristine.ng-invalid.ng-touched>span>input {
  border: 1px solid #41b983;
}


body .ui-inputtext.ng-dirty.ng-invalid {
  /* background-color: #FF5722; */
  border: 1px solid #41b983;
}

body .ui-inputtext.ng-dirty.ng-invalid:hover {
  /*border-color: #e96d66;*/
}

body .ui-inputtext.ng-dirty.ng-invalid:focus {
  /*border: solid 1px #e96d66;*/
  box-shadow: none;
}

body .ui-inputtext.ng-dirty.ng-invalid:active {
  /* background-color: #FF5722; */
  border: 1px solid #41b983;
}



/* body .ui-calendar.ui-calendar-w-btn .ui-inputtext .ng-invalid {
          border: 1px solid #41b983;
        } */

/* menambah margin-right untuk button yg tadinya rapat , edit: adi s */
body .ui-button {
  color: #ffffff;
  background-color: #41B983;
  /* #f35c2f; /* ini yang lama #ffb600 */
  padding: 0;
  border-radius: 0px;
  border: none;
  font-size: 12px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin-right: 0.1em;
}

body .ui-button:enabled:hover {
  background-color: #266E4D;
  color: #ffffff;
}

body .ui-button:enabled:focus {
  outline: 0 none;
  background-color: #003969;
}

body .ui-button:enabled:active {
  background-color: #1b273d;
}

body .ui-button.ui-button-text-only .ui-button-text {
  padding: .308em .6em;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: .308em .6em .308em 2em;
}

body .ui-button.ui-button-text-icon-left .fa {
  margin-top: -.5em;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
  padding: .308em 2em .308em .6em;
}

body .ui-button.ui-button-text-icon-right .fa {
  margin-top: -.5em;
}

/* penyesuaian dashboard button x close , edit:adi s*/
body .ui-button.ui-button-icon-only .fa {
  margin-left: -0.5em;
}

body .ui-button.ui-button-icon-only .ui-button-text {
  padding: .306em;
}

/* //// adi nambahin untuk default btn tertentu ///////////////*/

body .fa-chevron-circle-right {
  color: #283252;
  outline: none !important;
}



body .fa-chevron-circle-right:focus {
  outline: none !important;
}

body .ui-button[icon="fa fa-refresh"] {
  background-color: #ffffff;
  border: 1px solid #dc2d2d;
  color: #dc2d2d;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-refresh"]:hover {
  background-color: #fff2ee;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-refresh"]:focus {
  background-color: #ffe2d9;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-refresh"]:active {
  background-color: #ffe2d9;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-refresh"]:disabled {
  background-color: #f1f1f1;
  color: #444444;
  border-color: #f1f1f1;
}

body .ui-button[icon="fa fa-picture-o"] {
  background-color: #ffffff;
  border: 1px solid #dc2d2d;
  color: #dc2d2d;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-picture-o"]:hover {
  background-color: #fff2ee;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-picture-o"]:focus {
  background-color: #ffe2d9;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-picture-o"]:active {
  background-color: #ffe2d9;
  color: #dc2d2d;
}

body .ui-button[icon="fa fa-picture-o"]:disabled {
  background-color: #f1f1f1;
  color: #444444;
  border-color: #f1f1f1;
}

/* body .ui-button.btn-batal {
        background-color: #ffffff;
        border: 1px solid #dc2d2d;
        color: #dc2d2d;
        border-radius: 3px;
      }
        body .ui-button.btn-batal:hover {
          background-color: #dc2d2d;
          color: #ffffff 
        }
        body .ui-button.btn-batal:focus {
          background-color: #dc2d2d;
          color: #ffffff 
        }
        body .ui-button.btn-batal:active {
          background-color: #dc2d2d;
          color: #ffffff 
        } */

body .ui-button[icon="fa fa-save"] {
  background-color: #FFFFFF;
  border: 1px solid #41B983;
  color: #41B983;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-save"]:hover {
  background-color: #e5ede6;
  color: #41B983;
}

body .ui-button[icon="fa fa-save"]:focus {
  background-color: #6ee57b;
  color: #41B983;
}

body .ui-button[icon="fa fa-save"]:active {
  background-color: #6ee57b;
  color: #41B983;
}

body .ui-button[icon="fa fa-save"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}

body .ui-button[icon="fa fa-edit"] {
  background-color: #FFFFFF;
  border: 1px solid #41B983;
  color: #41B983;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-edit"]:hover {
  background-color: #e5ede6;
  color: #41B983;
}

body .ui-button[icon="fa fa-edit"]:focus {
  background-color: #6ee57b;
  color: #41B983;
}

body .ui-button[icon="fa fa-edit"]:active {
  background-color: #6ee57b;
  color: #41B983;
}

body .ui-button[icon="fa fa-edit"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}

/* body .ui-button.btn-simpan {
          background-color: #55ce63;
          border: 1px solid #55ce63;
          color: #ffffff;
          border-radius: 3px;
        } */
/* body .ui-button.btn-simpan:hover {
            background-color: #dc2d2d;
            color: #ffffff 
          }
          body .ui-button.btn-simpan:focus {
            background-color: #dc2d2d;
            color: #ffffff 
          }
          body .ui-button.btn-simpan:active {
            background-color: #dc2d2d;
            color: #ffffff 
          } */

body .ui-button[icon="fa fa-trash"] {
  background-color: #FFFFFF;
  border: 1px solid #F0595D;
  color: #F0595D;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-trash"]:hover {
  background-color: #fbd0d0;
  color: #F0595D;
}

body .ui-button[icon="fa fa-trash"]:focus {
  background-color: #f3aaaa;
  color: #F0595D;
}

body .ui-button[icon="fa fa-trash"]:active {
  background-color: #f3aaaa;
  color: #F0595D;
}

body .ui-button[icon="fa fa-trash"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}



body .ui-button[icon="fa fa-print"] {
  background-color: #FFFFFF;
  border: 1px solid #F18F01;
  color: #F18F01;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-print"]:hover {
  background-color: #efdfc6;
  color: #F18F01;
}

body .ui-button[icon="fa fa-print"]:focus {
  background-color: #ffd695;
  color: #F18F01;
}

body .ui-button[icon="fa fa-print"]:active {
  background-color: #ffd695;
  color: #F18F01;
}

body .ui-button[icon="fa fa-print"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}

body .ui-button[icon="fa fa-file-pdf-o"] {
  background-color: #009efb;
  border: 1px solid #009efb;
  color: #ffffff;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-file-pdf-o"]:hover {
  background-color: #3eb8ff;
}

body .ui-button[icon="fa fa-file-pdf-o"]:focus {
  background-color: #0d87cf;
}

body .ui-button[icon="fa fa-file-pdf-o"]:active {
  background-color: #0d87cf;
}

body .ui-button[icon="fa fa-file-pdf-o"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}

body .ui-button[icon="fa fa-file-excel-o"] {
  background-color: #009efb;
  border: 1px solid #009efb;
  color: #ffffff;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-file-excel-o"]:hover {
  background-color: #3eb8ff;
}

body .ui-button[icon="fa fa-file-excel-o"]:focus {
  background-color: #0d87cf;
}

body .ui-button[icon="fa fa-file-excel-o"]:active {
  background-color: #0d87cf;
}

body .ui-button[icon="fa fa-file-excel-o"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}



/* untuk button di grid */
body .ui-button[icon="fa fa-plus"] {
  background-color: #55ce63;
}

body .ui-button[icon="fa fa-plus"]:hover {
  background-color: #60dc6e;
}

body .ui-button[icon="fa fa-plus"]:focus {
  background-color: #48a353;
}

body .ui-button[icon="fa fa-plus"]:active {
  background-color: #48a353;
}

body .ui-button[icon="fa fa-plus"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}


/* body .ui-button[icon="fa fa-trash"]{
            background-color: #dc2d2d ;
          } */

body .ui-button[icon="fa fa-map-marker"] {
  background-color: #f35c2f;
}

body .ui-button[icon="fa fa-chevron-circle-right"] {
  background-color: #dc2d2d;
  border: 1px solid #dc2d2d;
  color: #ffffff;
  border-radius: 3px;
}

body .ui-button[icon="fa fa-chevron-circle-right"]:hover {
  background-color: #f54b4b;
}

body .ui-button[icon="fa fa-chevron-circle-right"]>span {
  color: #f1f1f1;
}

body .ui-button[icon="fa fa-chevron-circle-right"]:focus {
  background-color: #be2121;
}

body .ui-button[icon="fa fa-chevron-circle-right"]:active {
  background-color: #be2121;
}

body .ui-button[icon="fa fa-chevron-circle-right"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
}


body .ui-button.blue-btn {
  background-color: #6ec5ff;
}

body .ui-button.blue-btn:hover {
  background-color: #55bbff;
}

body .ui-button.blue-btn:focus {
  background-color: #55bbff;
}

body .ui-button.blue-btn:active {
  background-color: #3bb1ff;
}

body .ui-button.purple-btn {
  background-color: #985edb;
}

body .ui-button.purple-btn:hover {
  background-color: #8b49d6;
}

body .ui-button.purple-btn:focus {
  background-color: #8b49d6;
}

body .ui-button.purple-btn:active {
  background-color: #7d34d2;
}

body .ui-button.orange-btn {
  background-color: #607D8B;
}

body .ui-button.orange-btn:hover {
  background-color: #d89e08;
}

body .ui-button.orange-btn:focus {
  background-color: #d89e08;
}

body .ui-button.orange-btn:active {
  background-color: #c08c07;
}

body .ui-button.pink-btn {
  background-color: #f18983;
}

body .ui-button.pink-btn:hover {
  background-color: #ee736c;
}

body .ui-button.pink-btn:focus {
  background-color: #ee736c;
}

body .ui-button.pink-btn:active {
  background-color: #ec5d55;
}

body .ui-button.green-btn {
  background-color: #b5d6ec;
}

body .ui-button.green-btn:hover {
  background-color: #8db5d1;
}

body .ui-button.green-btn:focus {
  background-color: #4faf25;
}

body .ui-button.green-btn:active {
  background-color: #469a20;
}

body .ui-button.black-btn {
  background-color: #777777;
}

body .ui-button.black-btn:hover {
  background-color: #6a6a6a;
}

body .ui-button.black-btn:focus {
  background-color: #6a6a6a;
}

body .ui-button.black-btn:active {
  background-color: #5e5e5e;
}

body .ui-button.raised-btn {
  /*-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
  /*-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
  /*box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);*/
}

body .ui-button.rounded-btn {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

body .ui-fluid .ui-button-icon-only {
  width: auto;
  min-width: 20px;
}

/* komen margin biar ga rapet ke labelnya, edit: adi s */
body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  /* margin: 0; */
  width: 16px;
  height: 16px;
}

body .ui-chkbox .ui-chkbox-box {
  border: 1px solid #cfcfcf;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #f18e23;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border: none;
  background-color: #f35c2f;
  color: #ffffff;
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  border: none;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  top: .2em;
  font-size: 11px;
}

/* untuk margin di kasih 1px yang tadinya 0px, edit: adi s */
body .ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  /*margin: 1px;*/
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

body .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #cfcfcf;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 1em;
}

body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #f18e23;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border: 1px solid #f35c2f;
  background-color: #ffffff;
  color: #ffffff;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #f35c2f;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border: 1px solid #41b983;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

/* ditambahkan margin top dan left untuk penyesuaian titik option, edit: adi s */
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-top: -4px;
  margin-left: -4px;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}

body .ui-inputswitch {
  height: 2em;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

body .ui-inputswitch .ui-inputswitch-on {
  background-color: #1b273d;
  color: #ffffff;
  font-weight: normal;
}

body .ui-inputswitch .ui-inputswitch-off {
  background-color: #1b273d;
  color: #ffffff;
  font-weight: normal;
}

body .ui-inputswitch .ui-inputswitch-on,
body .ui-inputswitch .ui-inputswitch-off {
  line-height: 2em;
}

body .ui-inputswitch:not(.ui-state-disabled):hover {
  border-color: #afafaf;
}

body .ui-inputswitch .ui-inputswitch-handle {
  background-color: #ffffff;
  border: 1px solid transparent;
  box-sizing: border-box;
}

body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
  /*border: 1px solid #607D8B;*/
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

body .ui-autocomplete .ui-autocomplete-dropdown {
  width: auto;
  /*background-color: #607D8B;*/
  /*border-bottom: 1px solid #607D8B;*/
}

body .ui-autocomplete .ui-autocomplete-dropdown:not(.ui-state-disabled):hover {
  /*background-color: #F1B009; */
  /*border-bottom: 1px solid #F1B009;*/
}

body .ui-autocomplete .ui-autocomplete-dropdown:not(.ui-state-disabled):active {
  /*background-color: #607D8B;*/
}

body .ui-autocomplete .ui-autocomplete-dropdown .fa {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-autocomplete .ui-autocomplete-dropdown .fa:before {
  content: "";
}

body .ui-autocomplete .ui-autocomplete-dropdown.ui-button-icon-only .ui-button-text {
  padding: 0.308em;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  padding: 0.308em;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-bottom: 1px solid #607D8B;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-bottom: 1px solid #F1B009;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  padding: 0 .25em 0 0;
  vertical-align: top;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-size: 12px;
  padding: 0;
  margin: 0;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  font-size: 11px;
  vertical-align: top;
}

body .ui-chips>ul.ui-inputtext {
  padding: .25em;
  display: inline-block;
}

body .ui-chips>ul.ui-inputtext:not(.ui-state-disabled):hover {

  border-bottom: 1px solid #F1B009;
  border-top: none;
  border-left: none;
  border-right: none;
}

body .ui-chips>ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  border-bottom: 1px solid #607D8B;
  border-top: none;
  border-left: none;
  border-right: none;
}

body .ui-chips>ul.ui-inputtext .ui-chips-input-token input {
  font-size: 12px;
  padding: 0;
  margin: 0;
}

body .ui-chips>ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}

body .ui-chips>ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

body .ui-chips>ul.ui-inputtext .ui-chips-token {
  font-size: 1em;
}

body .ui-autocomplete-panel {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-autocomplete-panel .ui-autocomplete-items {
  color: #777;
  padding: 0;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 0.5em 1em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 0.5em 1em;
  background-color: #eaeaea;
  color: #777777;
}

body .ui-fluid .ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  width: 100%;
  /* width: calc(100% - 2em); */
}

body .ui-dropdown {
  border: 0px solid #cfcfcf;
}

body .ui-dropdown:not(.ui-state-disabled):hover {
  border: 0px solid #afafaf;
}

body .ui-dropdown .ui-dropdown-label {
  background: transparent;
}

body .ui-dropdown .ui-dropdown-label:focus,
body .ui-dropdown .ui-dropdown-label:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

body .ui-dropdown input.ui-dropdown-label:focus.ui-inputtext,
body .ui-dropdown input.ui-dropdown-label:hover.ui-inputtext {
  border-bottom: 1px solid #fff
}

body .ui-dropdown input.ui-dropdown-label+.ui-dropdown-trigger span {
  margin-top: .3em;
  margin-left: -50px;
}

/* ganti color panah dropdown,ukuran panah geser ,edit: adi s */
body .ui-dropdown .ui-dropdown-trigger {
  background-color: transparent;
  width: 1.0em;
  color: #888888;
  text-align: center;
  padding: 0;
}

body .ui-dropdown .ui-dropdown-trigger:active {
  color: red;
}

body .ui-dropdown .ui-dropdown-trigger .fa-caret-down {
  color: #888888;
  position: absolute;
  margin: -6px 5px 0 0;
  background: none;
  display: inline-block;
  /*font: normal normal normal 14px/1 FontAwesome;*/
  font-size: 10px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
}

body .ui-dropdown .ui-dropdown-trigger .fa-caret-down:before {
  content: "";
}

body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border: 0px solid #607D8B;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(10, 169, 155, 0.5);
}

body .ui-dropdown:not(.ui-state-disabled).ui-state-focus .ui-dropdown-trigger .fa-caret-down {
  color: #888888;
}

body .ui-dropdown-panel {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0 !important;
}

body .ui-dropdown-panel .ui-dropdown-filter-container {
  padding: .4em;
  width: 95%;
}

body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
}

body .ui-dropdown-panel .ui-dropdown-filter-container .fa {
  top: 11px;
  right: 15px;
}

body .ui-dropdown-panel .ui-dropdown-items {
  padding: 0;
  background-color: #f9f9f9;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  margin: 0;
  padding: 0.5em 1em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):hover {
  background-color: #f6c2b2;
  color: #777777;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item>td {
  padding: 0.5em 1em;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-selectonemenu-item-group {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0.5em 1em;
  background-color: #e0e0e0;
}

body .ui-multiselect {
  background: #ffffff;
  border: 1px solid #cfcfcf;
}

body .ui-multiselect .ui-multiselect-label {
  padding: .2em 2em .2em .2em;
}

body .ui-multiselect .ui-multiselect-trigger {
  width: 2em;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
}

body .ui-multiselect .ui-multiselect-trigger .fa {
  margin-top: .425em;
  width: auto;
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-multiselect .ui-multiselect-trigger .fa:before {
  content: "";
}

body .ui-multiselect:not(.ui-state-disabled):hover {
  border: 1px solid #1b273d !important;
}

body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #1b273d !important;
}

body .ui-multiselect-panel {
  padding: 0;
  min-width: 12em;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-multiselect-panel .ui-multiselect-header {
  padding: 0.5em 1em;
  background-color: #eaeaea;
  border: 0 none;
  border-bottom: 1px solid #eaeaea;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 1px;
  width: 100%;
  box-sizing: border-box;
  text-indent: 1.5em;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .fa {
  color: #777777;
  top: .3em;
  left: 0.2em;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 8px;
  float: none;
  vertical-align: middle;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox .ui-chkbox-box {
  color: #ffffff;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #858585;
  font-size: 17px;
  margin: 0;
  padding: 0;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  padding: 0;
  color: #607D8B;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
  outline: 0 none;
  color: #ed7669;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  padding: 0.5em 1em;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
  padding: 0;
  margin: 0 0 0 0.615em;
  display: inline-block;
  vertical-align: middle;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):hover {
  border-radius: 0;
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-listbox {
  padding: 0;
  background-color: #f9f9f9;
  border-color: #eaeaea;
  min-width: 11em;
}

body .ui-listbox .ui-chkbox {
  margin-right: .5em;
}

body .ui-listbox .ui-listbox-header {
  padding: 0.5em 1em;
  border: 0 none;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  width: 100%;
  padding-left: 1.75em;
}

body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .fa {
  top: .3em;
  left: .5em;
}

body .ui-listbox .ui-listbox-item {
  margin: 0;
  padding: 0.5em 1em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-listbox .ui-listbox-item.ui-state-highlight {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-listbox .ui-listbox-item>td {
  padding: 0.5em 1em;
}

body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #cfcfcf;
}

body .ui-editor-container .ui-editor-toolbar {
  background-color: #f9f9f9;
}

body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #444444;
}

body .ui-rating a {
  color: #607D8B;
  text-align: center;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

body .ui-rating a:focus {
  outline: 0 none;
}

body .ui-rating .fa {
  font-size: 20px;
  height: 20px;
  width: 20px;
}

body .ui-rating .fa.fa-ban {
  color: #607D8B;
}

body .ui-rating .fa.fa-ban:hover {
  color: #607D8B;
}

body .ui-spinner input {
  padding-right: 1.8em;
}

body .ui-spinner .ui-spinner-button {
  z-index: auto;
  background-color: #f35c2f;
  width: 1.4em !important
}

body .ui-spinner .ui-spinner-button:not(.ui-state-disabled):hover {
  background-color: #f35c2f;
}

body .ui-spinner .ui-spinner-button:not(.ui-state-disabled):focus {
  background-color: #f35c2f;
}

body .ui-spinner .ui-spinner-button:not(.ui-state-disabled):active {
  background-color: #f35c2f;
}

body .ui-slider {
  background-color: #eaeaea;
  border-color: #eaeaea;
}

body .ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -.2em;
}

body .ui-slider.ui-slider-vertical .ui-slider-handle {
  left: -.2em;
}

body .ui-slider .ui-slider-handle {
  background-color: #607D8B;
  border-radius: 100%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

body .ui-slider .ui-slider-range {
  background-color: #F1B009;
}

body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: #607D8B;
}

body .ui-togglebutton {
  background-color: #eaeaea;
  color: #777777;
}

body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #a8acb1;
  color: #ffffff;
}

body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #eaeaea;
  color: #777777;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #607D8B;
}

body .ui-togglebutton.ui-state-active {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #607D8B;
  color: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

body .ui-selectbutton .ui-button {
  background-color: #eaeaea;
  color: #777777;
  border: 1px solid transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #a8acb1;
  color: #ffffff;
}

body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #eaeaea;
  color: #777777;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #607D8B;
}

body .ui-selectbutton .ui-button.ui-state-active {
  background-color: #607D8B;
  color: #ffffff;
  border-right-color: #607D8B;
}

body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #607D8B;
  color: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

body .ui-selectbutton .ui-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .ui-selectbutton .ui-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 640px) {
  body .ui-buttonset .ui-button {
    margin-bottom: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}

body .ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid #048BA8;
  background-color: #FFFFFF;
  color: #048BA8;
  border-radius: 1px;
}

/* //adi nambahin hover nya split button */
body .ui-splitbutton.ui-buttonset .ui-button:hover {
  background-color: #c0e3eb;
  color: #048BA8;
}

body .ui-splitbutton.ui-buttonset .ui-button:focus {
  background-color: #c2d5d9;
  color: #048BA8;
}

body .ui-splitbutton.ui-buttonset .ui-button:active {
  background-color: #c2d5d9;
  color: #048BA8;
}

body .ui-datepicker {
  padding: 0;
  width: 20em;
}

body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: rgba(54, 122, 189, .5);
}

body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  color: #367abd;
}

body .ui-datepicker:not(.ui-state-disabled) table td:not(.ui-state-disabled) a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #f35c2f;
}

body .ui-datepicker .ui-datepicker-header {
  padding: 0.5em 1em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  cursor: pointer;
  top: 1em;
  color: #858585;
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: "";
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  display: none;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 1em;
  color: #858585;
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: "";
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none;
}

body .ui-datepicker table {
  font-size: 12px;
}

body .ui-datepicker table td {
  padding: 2px;
}

body .ui-datepicker table td a,
body .ui-datepicker table td span {
  min-width: 15px;
  text-align: center;
  color: #777777;
  padding: .35em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body .ui-datepicker table td a:hover,
body .ui-datepicker table td span:hover {
  background-color: #b5d6ec;
  color: #fff;
}

body .ui-datepicker table td a.ui-state-active,
body .ui-datepicker table td span.ui-state-active {
  color: #ffffff;
  background-color: #f35c2f;
  border: none;
}

body .ui-datepicker table td a.ui-state-highlight,
body .ui-datepicker table td span.ui-state-highlight {
  color: #777777;
  background-color: #eaeaea;
}

body .ui-datepicker table td.ui-datepicker-today a {
  background-color: #d1d1d1;
  color: #ffffff;
}

body .ui-datepicker#ui-datepicker-div {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-datepicker#ui-datepicker-div .ui-timepicker-div .ui-widget-header {
  padding: 0.5em 1em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-datepicker .ui-timepicker a {
  color: #fff;
}

body .ui-datepicker .ui-timepicker a:hover {
  color: #fff;
}

body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error),
body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}

/* menambahkan margin-left, untuk tombol kalender supaya tidak offset, edit: adi s */
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2em;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #41b983;
  background: transparent;
  border-radius: 0;
  border-top: 1px solid rgba(151, 151, 151, .5);
  border-right: 1px solid rgba(151, 151, 151, .5);
  border-bottom: 1px solid rgba(151, 151, 151, .5);
  border-left: 0;
  margin-left: -0.1em;
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button:hover {
  border-bottom: 1px solid #41b983;
  background: transparent;
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button:focus {
  border-bottom: 1px solid #367abd;
}

body .ui-inplace .ui-inplace-display {
  padding: 0.308em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-fileupload .ui-fileupload-buttonbar {
  padding: 0.5em 1em;
  border-bottom: 0 none;
  background: none;
}

.ui-fileupload-override .ui-corner-top {
  width: 180px !important;
  float: left !important;
  background: none !important;
}

.ui-fileupload-override .ui-corner-bottom {
  width: 70% !important;
  float: left !important;
  overflow-y: scroll !important;
  /* height: 40px; */
  max-height: 60px !important;
  padding: 0px !important;
}


body .ui-fileupload .ui-fileupload-buttonbar span.ui-button {
  margin-right: 8px;
  border-radius: 3px;
  border: 1px solid #55ce63;
  background-color: #ffffff;
  color: #55ce63;
}

body .ui-fileupload .ui-fileupload-buttonbar span.ui-button:hover {
  background-color: #e9ffec;
}

body .ui-fileupload .ui-fileupload-buttonbar span.ui-button:focus {
  background-color: #d1ffd7;
}

body .ui-fileupload .ui-fileupload-buttonbar span.ui-button:active {
  background-color: #d1ffd7;
}

body .ui-fileupload .ui-fileupload-buttonbar span.ui-button:disabled {
  background-color: #f1f1f1;
  color: #444444;
}

/* //adi nambahin untuk import nya */

body .ui-fileupload .ui-fileupload-buttonbar p-button button {
  margin-right: 8px;
  border-radius: 3px;
  border: 1px solid #f35c2f;
  background-color: #ffffff;
  color: #f35c2f;
}

body .ui-fileupload .ui-fileupload-buttonbar p-button button:hover {
  background-color: #fff2ee;
  color: #f35c2f;
}

body .ui-fileupload .ui-fileupload-buttonbar p-button button:focus {
  background-color: #ffe2d9;
  color: #f35c2f;
}

body .ui-fileupload .ui-fileupload-buttonbar p-button button:active {
  background-color: #ffe2d9;
  color: #f35c2f;
}

body .ui-fileupload .ui-fileupload-buttonbar p-button button:disabled {
  background-color: #f1f1f1;
  color: #444444;
  border-color: #f1f1f1
}

/* body p-button button:nth-child(1) {
      margin-right: 8px; 
      border-radius: 3px;
      border: 1px solid #f35c2f;
      background-color: #ffffff;
      color: #f35c2f;
    } */

/* body .ui-fileupload .ui-fileupload-buttonbar .ui-button span {
      margin-right: 8px; 
      border-radius: 3px;
      border: 1px solid #f35c2f;
      background-color: #ffffff;
      color: #f35c2f;
    } */


body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before {
  content: "";
}

body .ui-fileupload-choose:not(.ui-state-disabled):hover,
body .ui-fileupload-choose.ui-state-focus {
  background-color: #f18e23;
}

body .ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #41b983;
}

body .ui-password-panel {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid>.ui-dropdown,
body p-autocomplete.ng-dirty.ng-invalid>.ui-autocomplete>.ui-inputtext,
body p-calendar.ng-dirty.ng-invalid>.ui-inputtext,
body p-chips.ng-dirty.ng-invalid>.ui-inputtext,
body p-inputmask.ng-dirty.ng-invalid>.ui-inputtext,
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
body p-multiselect.ng-dirty.ng-invalid>.ui-multiselect,
body p-spinner.ng-dirty.ng-invalid>.ui-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .ui-button,
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #41b983;
}

/* body p-dropdown.ng-dirty.ng-invalid.ng-touched > .ui-dropdown {
    border: 1px solid #41b983;
  } */

body .ui-panel {
  padding: 0;
}

/* nambah warna putih untuk judul di panel, edit: adi s */
body .ui-panel .ui-panel-titlebar {
  color: #fff;
  border: 0 none;
  border-bottom: 1px solid #eaeaea;
  padding: 0.2em 0.2em;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  position: relative;
  color: #ffffff;
  border: 1px solid transparent;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  color: #215e43;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  outline: 0 none;
  border: 1px solid #607D8B;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .fa-minus:hover {
  color: #6c6c6c;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .fa-plus:hover {
  color: #6c6c6c;
}

body .ui-panel .ui-panel-content {
  height: 100%;
  box-sizing: border-box;
  padding: 0.5em 1em;
}

body .ui-panel .ui-panel-footer {
  padding: 0.5em 1em;
  border: 0 none;
  border-top: 1px solid #eaeaea;
  margin: 0;
}

body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
  padding-left: 40px;
}

body .ui-fieldset {
  padding: 0 0 .5em 0;
  margin-top: .3em;
  /*border-radius: 3px;*/
  background: #ffffff;
  border: 1px solid #d3d3d3;
}

/* hilangkan padding agar proposional ,edit: adi s */
body .ui-fieldset .ui-fieldset-legend {
  color: #444444;
  background-color: #f1f1f1;
  margin-left: .75em;
  /* padding: 6px 11px; */
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 5px;
}

/* untuk mengoverdrive warna di legend,edit: adi s */
body .ui-fieldset .ui-fieldset-legend-text {
  color: #444444 !important;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  color: #444444;
}

/* body .ui-fieldset .ui-fieldset-legend:hover {
      background-color: #f18e23; } */
body .ui-fieldset .ui-fieldset-legend:hover .ui-fieldset-toggler {
  color: #444444;
}

body .ui-fieldset .ui-fieldset-content {
  padding: 0.5em 1em;
}

body .ui-notificationbar {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-accordion .ui-accordion-header {
  background-color: #f1f1f1;
  padding: 0;
  color: #858585;
  font-size: 12px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dcdcdc;
  color: #6c6c6c;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover .fa {
  color: #858585;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active {
  background-color: #ffffff;
  color: #777777;
  border-bottom: 1px solid #607D8B;
  z-index: 1;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
  color: #607D8B;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active span {
  color: #607D8B;
}

body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active .fa {
  color: #607D8B;
}

body .ui-accordion .ui-accordion-header .fa-caret-right {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-accordion .ui-accordion-header .fa-caret-right:before {
  content: "";
}

body .ui-accordion .ui-accordion-header .fa-caret-down {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-accordion .ui-accordion-header .fa-caret-down:before {
  content: "";
}

body .ui-accordion .ui-accordion-header>a {
  padding: .5em 1em .5em 2em;
  color: #858585;
  outline: 0 none;
}

body .ui-accordion .ui-accordion-header>span {
  color: #858585;
}

body .ui-accordion .ui-accordion-content {
  padding: 0.5em 1em;
}

body .ui-tabview {
  padding: .5em;
}

body .ui-tabview.ui-tabview-top,
body .ui-tabview.ui-tabview-bottom,
body .ui-tabview.ui-tabview-left,
body .ui-tabview.ui-tabview-right {
  border: 0 none;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav,
body .ui-tabview.ui-tabview-left .ui-tabview-nav,
body .ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  border: 0 none;
  border-bottom: 1px solid #eaeaea;
  background: #ffffff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  position: static;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  /* border-top-left-radius: 6px;
        border-top-right-radius: 6px; */
  margin: 0.125em 1px 0;
  box-sizing: border-box;
  background-color: #e0e0e0;
  border-bottom: 2px solid #e0e0e0
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li a,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li a,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  padding: 0.5em 1em;
  color: #A2A5B9;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li a:focus,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a:focus,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li a:focus,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li a:focus {
  outline: 0 none;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: .25em;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: .25em;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  margin-top: .65em;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dcdcdc;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  background-color: #41B983;
  border-top: 1px solid #E9ECEF;
  border-bottom: none;
  border-left: 1px solid #E9ECEF;
  border-right: 1px solid #E9ECEF;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:focus {
  outline: 0 none !important;
  cursor: pointer;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
  color: #ffffff;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-icon-close,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-icon-close,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-icon-close,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-icon-close {
  color: #ffffff;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active.ui-tabview-outline,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active.ui-tabview-outline,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active.ui-tabview-outline,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active.ui-tabview-outline {
  background-color: #ea6153;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-icon-close,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-icon-close,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-icon-close,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-icon-close {
  color: #858585;
  margin-top: .5em;
}

body .ui-tabview.ui-tabview-left .ui-tabview-nav li,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  width: 100%;
}

body .ui-tabview .ui-tabview-panel {
  padding: 0.1em 0.1em;
  border-bottom: 1px solid #eaeaea;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
  background-color: #a8acb1;
}

body .ui-scrollpanel .ui-scrollpanel-track {
  background-color: #f0f3f5;
}

body .ui-scrollpanel .ui-scrollpanel-corner {
  background-color: #f0f3f5;
}

body .ui-toolbar {
  padding: 5px;
  background: transparent;
  /* baru dari pak gani */
}

@media (max-width: 640px) {
  body .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border: 0 none;
  }
}

body .ui-paginator {
  padding: 0.5em 1em;
  background-color: #f1f1f1;
}

body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
  color: #848484;
  border: 1px solid transparent;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  color: #607D8B;
}

body .ui-paginator .ui-paginator-first:focus,
body .ui-paginator .ui-paginator-prev:focus,
body .ui-paginator .ui-paginator-next:focus,
body .ui-paginator .ui-paginator-last:focus {
  outline: 0 none;
  border: 1px solid #607D8B;
}

/* hilangkan padding untuk penyesuaian nomor page, edit: adi s */
body .ui-paginator .ui-paginator-pages .ui-paginator-page {
  color: #848484;
  /* padding: .1em .5em; */
  border: 1px solid transparent;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  color: #ffffff;
  background: #f35c2f;
  border: none;
  border-radius: 3px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
  background-color: #e2e2e2;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page:focus {
  outline: 0 none;
  border: 1px solid #607D8B;
}

/*ui ux 111417*/
/*tinggi header data table*/
body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer {
  padding: 0;
}

body .ui-datatable .ui-datatable-header {
  /*border-color: #eaeaea;*/
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  color: #777777;
  font-size: 12px;
  background: #ffffff;
  /*6fa9f0*/
}

body .ui-datatable .ui-paginator {
  padding: 0.1em 1em;
}

body .ui-datatable .ui-datatable-thead>tr>th {
  background-color: #ffffff;
  padding: 1px 2px 3px 5px;
  color: #777777;
  border-right: none;
  border-top: none;
  border-bottom: 2px solid #1b273d;
  border-left: none;
  text-align: left;
  font-size: 11px;
  font-family: 'gadugibold';
}

body .ui-datatable .ui-datatable-thead>tr>th.ui-sortable-column:not(.ui-state-active):hover {
  background-color: #d1d1d1;
}

body .ui-datatable .ui-datatable-thead>tr>th.ui-state-active {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-datatable .ui-datatable-thead>tr>th:focus {
  outline: 0 none;
  background-color: #f0f3f5;
}

body .ui-datatable .ui-datatable-thead>tr>th:focus.ui-state-active {
  background-color: #ea6153;
}

body .ui-datatable .ui-datatable-thead>tr>th .ui-column-title {
  font-weight: 700;
}

body .ui-datatable .ui-datatable-tfoot>tr>td {
  background-color: #ffffff;
  padding: 0.2em 1em;
  border: solid 1px #eaeaea;
  color: #777777;
  font-weight: bold;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even {
  background-color: #ffffff;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight {
  background-color: #9fe9c7;
  color: #283252;
  border: none;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(3) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(7) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(8) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(5) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(9) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(10) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(14) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td:nth-child(16) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-right {
  color: #283252;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-down {
  color: #283252;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight .detailAngka {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;

}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even .detailAngka {
  border-bottom: 1px solid #f35c2f;

}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight .detailAngkaAbsensi {
  /* color: #ffffff;
      border-bottom:1px solid #ffffff; */
  color: red;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-even .detailAngkaAbsensi {
  /* border-bottom:1px solid #f35c2f;  */
  color: red;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd {
  background-color: #f1f1f1;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight {
  background-color: #9fe9c7;
  color: #283252;
  border: none;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(3) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(7) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(8) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(5) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(9) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(10) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 1px;
  padding-right: 1px;
}


body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(14) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td:nth-child(16) .tglJamMerah {
  background-color: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-right {
  color: #283252;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-down {
  color: #283252;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight .detailAngka {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd .detailAngka {
  border-bottom: 1px solid #f35c2f;
}

body .ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: #487e87;
  color: #fff;
}

/*ui ux 111417*/
/*tinggi data dalam grid*/
body .ui-datatable .ui-datatable-data tr td {
  padding: 2px;
  border-top: none;
  border-bottom: 1px solid #eaeaea;
  border-right: none;
  border-left: none;
}

/* body .ui-datatable .ui-datatable-data tr :last-child span:last-of-type {
  background-color: #41B983;
  width: 20%;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  color: white;
} */

body .ui-datatable .ui-datatable-data tr td.ui-editable-column.ui-cell-editing .ui-inputtext {
  border-color: #607D8B;
}

body .ui-datatable .ui-datatable-data tr td.ui-editable-column.ui-cell-editing .ui-datepicker table td a,
body .ui-datatable .ui-datatable-data tr td.ui-editable-column.ui-cell-editing .ui-datepicker table td span {
  min-width: 1.8em;
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler {
  color: #283252;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler.fa-chevron-circle-right {
  color: #283252;
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler.fa-chevron-circle-right:before {
  content: "";
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler.fa-chevron-circle-down {
  color: #283252;
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler.fa-chevron-circle-down:before {
  content: "";
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler:hover {
  color: #607D8B;
}

body .ui-datatable .ui-datatable-data tr.ui-widget-header {
  background-color: #fefefe;
  border-color: #f1f1f1;
}

body .ui-datatable .ui-datatable-data tr.ui-widget-header a {
  color: #1b273d;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-datatable .ui-datatable-data tr.ui-widget-header a:hover {
  color: #06726a;
}

body .ui-datatable .ui-datatable-data.ui-datatable-hoverable-rows>tr.ui-widget-content:not(.ui-state-highlight):hover {
  cursor: pointer;
  background-color: #DCEAFF;
  color: #283252;
}

body .ui-datatable .ui-datatable-scrollable-header,
body .ui-datatable .ui-datatable-scrollable-footer {
  background-color: #f0f3f5;
  overflow: hidden;
}

body .ui-datatable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box td,
body .ui-datatable .ui-datatable-scrollable-footer .ui-datatable-scrollable-header-box td {
  color: #777777;
}

body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  border-radius: 15px 15px 0px 0px;
  color: #777777;
  border-right: 1px solid #0b467b;

}

body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
  color: #921e12;
}

body .ui-organizationchart .ui-organizationchart-line-down {
  background-color: #bcbcbc;
}

body .ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #bcbcbc;
}

body .ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #bcbcbc;
}

body .ui-organizationchart .ui-organizationchart-node-content {
  border-color: #d1d1d100;
  /* edit  border-color: #d1d1d1;*/
  width: 150px;
  /* edit*/
  padding-top: 0px;
  /* edit*/
  padding-right: 0.5em;
  /* edit*/
  padding-bottom: 0px;
  /* edit*/
  padding-left: 0.5em;
  /* edit*/
}

body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  color: #f35c2f;
  bottom: -.7em;
  margin-left: -.43em;
}

body .ui-datagrid .ui-datagrid-header {
  color: #ffffff;
  padding: 0.5em 1em;
}

body .ui-datagrid .ui-paginator {
  padding: 0.5em 1em;
}

body .ui-datagrid .ui-panel-titlebar {
  border-bottom: 1px solid #eaeaea;
  color: #777777;
}

body .ui-datalist .ui-datalist-header {
  padding: 0.5em 1em;
}

body .ui-datalist .ui-paginator {
  padding: 0.5em 1em;
}

body .ui-datascroller .ui-datascroller-header,
body .ui-datascroller .ui-datascroller-footer {
  padding: 0.5em 1em;
}

body .ui-picklist .ui-picklist-buttons button {
  font-size: 15px;
}

body .ui-picklist .ui-picklist-caption {
  padding: 0.5em 1em;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.5em 1em;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-orderlist .ui-orderlist-controls {
  margin-right: 10px;
}

body .ui-orderlist .ui-orderlist-controls button {
  font-size: 15px;
}

body .ui-orderlist .ui-orderlist-caption {
  padding: 0.5em 1em;
  box-sizing: border-box;
  width: 200px;
}

body .ui-orderlist .ui-orderlist-list {
  box-sizing: border-box;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.5em 1em;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-orderlist.ui-grid-responsive .ui-grid-row .ui-orderlist-controls {
  margin-right: 0;
  padding-right: 10px;
}

body .ui-carousel {
  padding: 0;
}

body .ui-carousel .ui-carousel-header {
  padding: 0.5em 1em;
  margin: 0;
  border: 0 none;
  border-bottom: 1px solid #eaeaea;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-carousel .ui-carousel-header .ui-carousel-header-title {
  padding: 0;
}

body .ui-carousel .ui-carousel-footer {
  padding: 0.5em 1em;
  border: 0 none;
  border-top: 1px solid #eaeaea;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-carousel .ui-carousel-button {
  margin-top: .4em;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-carousel .ui-carousel-button.ui-carousel-next-button {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
  content: "";
}

body .ui-carousel .ui-carousel-button.ui-carousel-prev-button {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
  content: "";
}

body .ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
  color: #607D8B;
}

body .ui-carousel .ui-carousel-page-links {
  margin-top: .4em;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
  color: #858585;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
  color: #6c6c6c;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.fa-dot-circle-o {
  color: #607D8B;
}

body .ui-treetable .ui-treetable-header {
  padding: 0.5em 1em;
}

body .ui-treetable .ui-treetable-footer {
  padding: 0.5em 1em;
}

body .ui-treetable thead th {
  background-color: #ffffff;
  padding: 0.5em 1em;
  border-color: #eaeaea;
  color: #777777;
}

body .ui-treetable thead th.ui-state-hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-treetable thead th.ui-state-active {
  background-color: #607D8B;
  border-color: #607D8B;
}

body .ui-treetable thead th .ui-column-title {
  font-weight: 700;
}

body .ui-treetable tfoot td {
  background-color: #ffffff;
  padding: 0.5em 1em;
  border-color: #eaeaea;
}

body .ui-treetable tbody>div.ui-treetable-row-selectable {
  cursor: pointer;
}

body .ui-treetable tbody>div.ui-treetable-row-selectable:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  border-color: #dddddd;
}

body .ui-treetable tbody>div.ui-treetable-row-selectable.ui-state-highlight {
  border-color: #607D8B;
}

body .ui-treetable tbody>div.ui-treetable-row-selectable.ui-state-highlight .ui-treetable-toggler {
  color: #ffffff;
}

body .ui-treetable tbody>div td {
  padding: 0.5em 1em;
}

body .ui-treetable tbody>div td .ui-treetable-toggler {
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
  float: none;
  color: #777777;
  line-height: inherit;
}

body .ui-tree {
  padding: .25em .5em;
}

body .ui-tree .ui-treenode {
  padding: .15em 0;
}

body .ui-tree .ui-treenode .ui-treenode-content {
  padding: 0 0 .25em 0;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler {
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  font-size: 15px;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0 .25em;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 .25em;
}

body .ui-tree .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-tree .ui-treenode .ui-treenode-content>span {
  line-height: inherit;
}

body .ui-tree.ui-tree-horizontal {
  padding: .85em 0;
}

body .ui-tree.ui-tree-horizontal .ui-treenode {
  background: url("../layout/images/tth-connector.png") repeat-x scroll center center transparent;
}

body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  padding: 0.5em 1em;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
}

body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
  color: #607D8B;
}

body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}

body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  background: url("../layout/images/tth-connector.png") repeat-y scroll 0 0 transparent;
}

body .fc .fc-toolbar .ui-icon-circle-triangle-e {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  height: auto;
  width: auto;
  overflow: visible;
}

body .fc .fc-toolbar .ui-icon-circle-triangle-e:before {
  content: "";
}

body .fc .fc-toolbar .ui-icon-circle-triangle-w {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  height: auto;
  width: auto;
  overflow: visible;
}

body .fc .fc-toolbar .ui-icon-circle-triangle-w:before {
  content: "";
}

body .fc .fc-event-container .fc-event {
  border-color: rgba(0, 0, 0, .14);
  background-color: #dc2d2d;
}

body .ui-messages.ui-messages-info {
  background-color: #E2EEFC;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: #1B3D5F;
}

body .ui-messages.ui-messages-info .ui-messages-info-icon {
  font-size: 24px;
  margin-top: -2px;
}

body .ui-messages.ui-messages-warn {
  background-color: #F6C882;
  border: none;
  color: #785218;
  width: 100%;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

body .ui-messages.ui-messages-warn .ui-messages-warn-icon {
  font-size: 24px;
  margin-top: -2px;
}

body .ui-messages.ui-messages-error {
  background-color: #F1948A;
  border: none;
  color: #74261E;
  width: 100%;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

body .ui-messages.ui-messages-error .ui-messages-error-icon {
  font-size: 24px;
  margin-top: -2px;
}

body .ui-messages.ui-messages-success {
  background-color: #CFE7B3;
  color: #659231;
  width: 100%;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
  border: none;
}

body .ui-messages.ui-messages-success .ui-messages-fatal-icon {
  font-size: 24px;
  margin-top: -2px;
}

body .ui-messages.ui-messages-success .ui-messages-close .fa {
  color: #393b38 !important;
}

body .ui-messages .ui-messages-close {
  font-size: 16px;
  color: #000;
  margin-right: 5px;
}

body .ui-growl {
  top: 54px;
  right: 11px;
}

body .ui-growl .ui-growl-item-container {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-growl .ui-growl-item-container .ui-growl-message {
  margin-left: 5em;
  min-height: 45px;
  font-size: 120%;
  font-size: 14px;
  font-family: 'gadugibold', Tahoma, Geneva, Verdana, sans-serif;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #5bc0de;
  border-color: #ddedf4;
  border-radius: 0px;
  color: #ffffff;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  font-size: 42px;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #f0ad4e;
  border-radius: 0px;
  border: none;
  color: #ffffff;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  font-size: 42px;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #eb4f3e;
  border-radius: 0px;
  border: none;
  color: #ffffff;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  font-size: 42px;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #5cb85c;
  border-radius: 0px;
  border: none;
  color: #ffffff;
}

body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  font-size: 42px;
}

body .ui-overlaypanel {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-overlaypanel .ui-overlaypanel-close {
  background-color: #f1f1f1;
  color: #858585;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

body .ui-overlaypanel .ui-overlaypanel-close:hover {
  color: #6c6c6c;
}

body .ui-dialog {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 1em;
}

/* menabahkan warna putih untuk judul dialog pop up, edit: adi s */
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
  color: #ffffff;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #fff;
  border: 0 none;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  padding: 0;
  margin-left: .35em;
  font-size: 15px;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #fff;
}

body .ui-dialog .ui-dialog-content {
  padding: 0.5em 1em;
}

body .ui-dialog .ui-dialog-buttonpane {
  padding: 0.5em 1em;
  text-align: right;
}

body .ui-dialog .ui-dialog-buttonpane button {
  margin: 0 .35em 0 0;
}

body .ui-dialog .ui-dialog-footer {
  border: 0 none;
  border-top: 1px solid #eaeaea;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
  padding: 1.5em;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
  margin: 0;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon {
  margin-right: .35em;
  font-size: 15px;
}

body .ui-tooltip .ui-tooltip-text {
  text-align: center !important;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-tooltip.ui-state-error {
  border: 0 none;
}

body .ui-lightbox {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-lightbox .ui-lightbox-caption {
  padding: 0.5em 1em;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #858585;
  margin: 0;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #858585;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #607D8B;
}

body .ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  margin-left: 4px;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
  content: "";
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
  display: none;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 24px;
  margin-right: 4px;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
  content: "";
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
  display: none;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading+a {
  display: none;
}

body .ui-breadcrumb {
  background-color: #f1f1f1;
  padding: 0.5em 1em;
}

body .ui-breadcrumb ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

body .ui-breadcrumb ul li .ui-menuitem-link {
  font-size: 15px;
  color: #858585;
  margin: 0;
}

body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  font-size: 15px;
  margin: 0 .45em;
  color: #858585;
}

body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
  content: "";
}

body .ui-breadcrumb ul li:first-child {
  font-size: 15px;
}

body .ui-breadcrumb ul li:first-child a.ui-icon-home {
  color: #858585;
  margin: 0;
}

body .ui-steps {
  position: relative;
}

body .ui-steps .ui-steps-item {
  background-color: transparent;
  text-align: center;
}

body .ui-steps .ui-steps-item .ui-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  display: inline-block;
  background-color: #ffffff;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  /* padding: 0.5em 1em; */
  padding: 5px;
  font-weight: bold;
  font-size: 1em;
  color: #1b273d;
  position: relative;
  top: 1.1em;
  margin-bottom: 1em;
  border: 3px solid #41b983;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  margin-top: 0.45em;
  color: #848484;
}

body .ui-steps .ui-steps-item.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

body .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-number {
  background-color: #ffffff;
  border-color: #d3d3d3;
  color: #d3d3d3;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background-color: #41b983;
  color: white
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 700;
  color: #777777;
}

body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
  display: block;
}

body .ui-steps:before {
  content: ' ';
  border: 1px solid #f35c2f;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}

body .ui-menu {
  padding: 0;
}

body .ui-menu.ui-shadow {
  width: 150px;
  border-radius: 3px;
  padding: 5px 0 5px 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  margin-left: 50px;
}

body .ui-menu .ui-menu-list .ui-widget-header {
  margin: 1px 0 1px 0;
  width: 100%;
  box-sizing: border-box;
  border: 0 none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-menu .ui-menu-list .ui-widget-header h3 {
  padding: 0.5em 1em;
  font-weight: 400;
}

body .ui-menu .ui-menu-list .ui-widget-header h3 .ui-icon-triangle-1-s {
  margin-top: -0.75em;
}

body .ui-menu .ui-menu-list .ui-widget-header .ui-icon {
  color: #fff;
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
  background-color: #dcdcdc;
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
  color: #fff;
}

body .ui-menu .ui-menu-list .ui-widget-header:first-child {
  margin-top: 0;
}

body .ui-menu .ui-menu-list .ui-menuitem {
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  width: 150px;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover .ui-menuitem-link {
  color: #ffffff;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
  padding: 0.5em 1em;
  width: 150px;
  border: none;

  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #777777;
  background: #fff;
  background-color: rgb(255, 255, 255);
  text-align: left;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link:hover {
  background-color: #f6c2b2;
  color: #ffffff;
  border-right: solid #f35c2f;
  border-top: none;
  border-bottom: none;
}

/* label di cetak export di seusaikan top dan margin-right nya, edit: adi s */
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  margin-right: .7em;
  position: relative;
  top: 0px;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  line-height: 1.3;
  vertical-align: middle;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-menu .ui-menu-list .ui-menu-child {
  padding: 0;
}

body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body .ui-menu.ui-menubar {
  background-color: #f1f1f1;
  border-color: #eaeaea;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem {
  width: auto;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link {
  color: #858585;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-menuitem-icon {
  color: #858585;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link:hover {
  color: #777777;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link:hover .ui-menuitem-icon {
  color: #777777;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem.ui-menubar-options {
  margin-right: 0.6em;
}

body .ui-menu.ui-megamenu .ui-menu-list>table>tbody>tr>td {
  padding: 0;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem {
  width: 100%;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward {
  padding: 0.5em 1em;
  width: 100%;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  border-top: 1px solid #eaeaea;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward span:last-child {
  vertical-align: bottom;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #dcdcdc;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  position: relative;
  top: 2px;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
  content: "";
}

body .ui-menu.ui-slidemenu .ui-menu-child {
  padding: 0;
}

body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

body .ui-tabmenu {
  border: 0 none;
}

body .ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  margin: 0;
  position: static;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #858585;
  padding: 0.5em 1em;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon,
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  vertical-align: middle;
  display: inline-block;
  float: none;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #858585;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dcdcdc;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-icon {
  color: #858585;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link {
  background-color: #607D8B;
  color: #ffffff;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}

body .ui-menubutton .ui-button.ui-button-text-icon-left .ui-icon {
  margin-top: -0.75em;
}

body .ui-panelmenu .ui-icon {
  position: static;
}

body .ui-panelmenu .ui-panelmenu-header {
  background-color: #f1f1f1;
  padding: 0;
  font-size: 12px;
  color: #858585;
  margin-bottom: 1px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

body .ui-panelmenu .ui-panelmenu-header a {
  padding: 0.5em 1em;
  color: #858585;
  border-bottom: 1px solid #ffffff;
}

body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
  background-color: #dcdcdc;
}

body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover .ui-icon {
  color: #858585;
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
  background-color: #607D8B;
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  color: #ffffff;
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-icon {
  color: #ffffff;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  padding: 0.5em 1em;
  color: #777777;
  -moz-transition: background-color;
  -o-transition: background-color;
  -webkit-transition: background-color;
  transition: background-color;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover {
  background-color: #e2e2e2;
  color: #777777;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon {
  display: inline-block;
  vertical-align: middle;
  left: auto;
  margin-right: 0.3em;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
  margin-top: -0.3em;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
  display: inline-block;
  vertical-align: middle;
}

body .ui-progressbar {
  border: 0 none;
  background-color: #e3e3e3;
  height: .2em
}

body .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  background: #f31800;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

body .ui-progressbar .ui-progressbar-label {
  margin-top: 4px;
}

body .ui-galleria .ui-galleria-nav-prev {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  font-size: 18px;
  margin-bottom: -5px;
  margin-left: -5px;
}

body .ui-galleria .ui-galleria-nav-prev:before {
  content: "";
}

body .ui-galleria .ui-galleria-nav-next {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  font-size: 18px;
  margin-bottom: -5px;
  margin-right: -5px;
}

body .ui-galleria .ui-galleria-nav-next:before {
  content: "";
}

body .ui-terminal input {
  font-family: 'OpenSans-Regular';
  font-size: 12px;
}

/*# sourceMappingURL=theme-green.css.map */

/*customize*/
.ui-float-label {
  color: #fff !important;
  margin-top: 0 !important;
}

.ui-button:disabled {
  background: #f1f1f1;
  color: #fff;
  /*padding: 5px 0 5px 0;*/
}

.ui-float-label label {}

/* overdrive primeng css untuk page label ,edit: adi s */
.ui-dropdown .ui-dropdown-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100% !important;
  padding-right: 1.5em !important;
  border: 1px solid #d3d3d3 !important;
  /*border-bottom: 1px solid rgba(151, 151, 151, 0.5) !important;*/
}


.ui-dropdown label.ui-dropdown-label {
  cursor: pointer;
  box-shadow: none !important;
  background: transparent !important;
  color: #898989;
}

/* //warna di dropdown dirubah ke abu abu, edit: adi s */
.ui-fluid .ui-dropdown {
  width: 100%;
  background: transparent !important;
  box-shadow: none;
  color: #777777;
}


.icon-login {
  margin: 0 auto;
  width: 90px;
  height: 90px;
  border-radius: 50px;
  border: 4px solid #fff;
  color: #fff;
  text-align: center;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
  font-size: 48pt;
}

.login-informasi {
  color: #fff;
  text-align: center;
  float: left;
  position: absolute;
  top: 30%;
  left: 7%;
}

.login-informasi h2 {
  font-family: 'gadugibold';
  color: #ffffff;
  text-align: center;
}

.login-informasi p {
  font-family: 'gadugiregular';
  color: #ffffff;
  line-height: 25px;
  text-align: center;
}

.login-informasi img {
  height: 150px;
  width: auto;
  margin: 0 auto;
  display: table;
  background: rgba(255, 255, 255, 0.2);
  padding: 30px;
  border-radius: 120px;
}

@media (max-width: 1366px) {
  .login-informasi {
    top: 35%;
  }
}

.ng-tns-c5-2 .ui-dropdown .ui-widget .ui-state-default .ui-corner-all .ui-helper-clearfix .ui-inputtext {
  width: 100% !important;
  text-align: left;
}

.label-bold {
  font-weight: bold;
}

.login-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: -2;
}

.login-bg img {
  width: 100%;
  height: auto;
}

.login-bg-overlay {
  height: 100%;
  width: 100%;
  /* background: rgba(255,255,255, .8); */
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.login-bg-logo img {
  display: table;
  margin: 0 auto;
  width: 178px;
  height: auto;
}

.md-inputfield input::placeholder {
  color: #fff;
}

.bottom-bar {
  background: #f1f1f1;
  position: fixed;
  bottom: 0;
  z-index: 2;
  left: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /* box-shadow: 3px -3px 3px rgba(0, 0, 0, .1); */
  border-top: 1px solid #9a9a9a;
  width: 95% !important;
  margin-left: 53px;
  margin-right: 47px;
}

.help-support-wrapper {
  background: #1b273d;
  color: #fff;
  float: right !important;
  padding: 5 !important;
}

.help-support {
  padding: 0 !important;
}

.login-panel {
  /*margin: 0 auto !important;*/
}


.ui-dropdown .ui-dropdown-panel {
  border-radius: 3px !important;
}

/* template lama
img.splash-logo{
  width: 50px;
  height: auto;
  text-align: left;
  float: left;
  position: absolute;
  left: 49.6%;
  top: 45.3%;
}
*/

/* template pa gani */
img.splash-logo {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

/*@media (max-width: 1366px) {
  img.splash-logo{
    width: 50px;
    height: auto;
    text-align: left;
    float: left;
    position: absolute;
    left: 49.6%;
    top: 46.5%;
  }
}*/

img.buble-load {
  width: 128px;
  height: 128px;
  position: absolute;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -64px;
  margin-left: -64px;
}

/*@media (max-width: 1366px) {
  img.buble-load{
    width: 256px;
    height: auto;
    text-align: left;
    float: left;
    position: absolute;
    left: 49.6%;
    top: 46.5%;
  }
}*/


/* end */

.banner-1 {
  margin: 150px 0 150px 0;
  text-align: center;
}

.banner-1 img {
  width: 50%;
  height: auto;
}

/*warnaa label login*/
.label-login {
  color: #777777 !important;
  padding-left: 40px;
}

/*warna label dalam form*/
.warna-label-form {
  color: #646464 !important;
  margin-top: 10px !important;
  padding-bottom: 5px;
  /*border-bottom: 1px solid rgba(151, 151, 151, .5);*/
  transition: .3s;
}

.warna-label-form:hover {
  color: #646464 !important;
  margin-top: 10px !important;
  padding-bottom: 5px;
  /*border-bottom: 1px solid rgba(151, 151, 151, .7);*/
  transition: .3s;
}

.warna-label-form:focus {
  color: #646464 !important;
  margin-top: 10px !important;
  padding-bottom: 5px;
  /*border-bottom: 1px solid rgba(151, 151, 151, 1);*/
  transition: .3s;
}


body .ui-inputtext .setting-baru {
  background: transparent;
  padding: 0.308em -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: 300px;
  /*
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

body .ui-inputtext .setting-baru:enabled:hover:not(.ui-state-error) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

body .ui-inputtext .setting-baru:enabled:focus:not(.ui-state-error) {
  border-bottom: 1px solid #fff;
}

.classBahasa {
  color: #646464;
}


.bahasa-login {
  color: red;
  border-bottom: 1px solid #fff;
}

.btn-form-bg {
  background: #b5d6ec;
  padding: 2px;
  float: right;
  min-width: 300px;
  text-align: right;
  border-radius: 20px;
}

.btn-form {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #b5d6ec;
  text-align: center;
}

/*ui-fluid .ui-splitbutton .ui-button:first-child {
    width: 40px !important;

}*/
.divbiru {
  margin-bottom: 30px;
}

.divbiru>p-dropdown {}

.divbiru>p-dropdown>div>.ui-corner-all {
  color: #303030 !important;
}

.divbiru>p-dropdown>div>div>.fa-caret-down {
  color: #303030 !important;

}

.divbiru>p-dropdown>div>div>.fa-caret-down:hover {
  color: #303030 !important;

}

.divbiru>p-dropdown>div>div>div>ul>.ui-dropdown-item {
  color: #303030 !important;
}

.divLogin>p-dropdown {}

.divLogin>p-dropdown>div>.ui-corner-all {
  color: #fff !important;
}

.divLogin>p-dropdown>div>div>.fa-caret-down {
  color: #fff !important;

}

.divLogin>p-dropdown>div>div>.fa-caret-down:hover {
  color: #fff !important;

}

.divLogin>p-dropdown>div>div>div>ul>.ui-dropdown-item {
  color: #777 !important;
}

/* penyesuaian row dropdown agar tidak kebawah , edit: adi s */
.ui-dropdown .ui-dropdown-trigger {
  right: 5px !important;
  /* top: 50% !important; */
}

.blue-bg {
  background: #ffffff;
  border-bottom: 1px solid #d3d3d3;
  padding: 2px !important;
}

.ui-widget-header>.ui-inputtext::-moz-placeholder {
  color: #777777 !important;
}

.ui-widget-header>.ui-inputtext {
  transition: .3s;
  border-bottom: none;
  border-top: none;
}

.ui-widget-header>.ui-inputtext:hover {
  transition: .3s;
}

.ui-widget-header>.ui-inputtext:focus {
  transition: .3s;
  color: #777777 !important;
}

.form-group>div>.ui-float-label {
  margin-bottom: 15px !important;
}

/*.ui-dropdown-filter-container > .fa {
  display: none !important;
}*/
.ui-dropdown-items>.ui-dropdown-item {
  color: #646464 !important;
}

.ui-dropdown-items>.ui-dropdown-item:hover {
  background: #f6f6f6 !important;
  color: #1b273d !important;
  border-right: 5px solid #1b273d;
}

.ui-toolbar-group-count-left {
  float: left;
  color: #646464;
  font-size: 30px;
  margin-left: 25px;
}

.ui-toolbar-group-left {
  /* yang lama
  float:left !important;
    background: #b5d6ec;
    padding: 2px !important;
    border-radius: 20px;
  */
  float: left;
  border-radius: 0px;
  border-bottom: 0 !important;
  margin: 4px 0 5px 2px;
  font-size: 14px;
  color: #3e3e3d;
  font-family: 'gadugibold';
}

.ui-toolbar-group-right {
  float: right !important;
  /* background: #b5d6ec !important; di comment dulu kata pak gani*/
  padding: 1px !important;
  border-radius: 20px !important;
}

.ui-datepicker-header>.ui-datepicker-prev,
.ui-datepicker-header>.ui-datepicker-next {
  color: #fff !important;
}

.ui-datepicker-header>.ui-datepicker-prev,
.ui-datepicker-header>.ui-datepicker-next:hover {
  color: #fff !important;
}

.ui-datepicker-header>.ui-datepicker-prev,
.ui-datepicker-header>.ui-datepicker-next:focus {
  color: #fff !important;
}

.ui-datepicker-header>.ui-datepicker-prev,
.ui-datepicker-header>.ui-datepicker-next:active {
  color: #fff !important;
}

.table-name {
  background: #6fa9f0;
  color: #fff;
  font-weight: bold;
}

.ui-float-label {
  margin-top: 10px !important;
}


body .ui-dropdown .ui-dropdown-trigger .fa-caret-down:hover {
  color: #367abd !important;
}

body .ui-dropdown .ui-dropdown-trigger .fa-caret-down:focus {
  color: #367abd !important;
}

body .ui-dropdown .ui-dropdown-trigger .fa-caret-down:active {
  color: #367abd !important;
}

.ui-fluid>div>div>div>div>div>.card {
  background: rgba(255, 255, 255, .5);
  /*margin-top: 0px !important;*/
}

.card>div>div>div>.card {
  background: rgba(255, 255, 255, .5);
  /*margin-top: 0px !important;*/
  border: none !important;
}

.card-w-title-noborder .card h1 {
  border: none !important;

}


.ui-fluid .ui-spinner {
  width: 100%;
}

.ui-fluid .ui-spinner:hover,
.ui-fluid .ui-spinner:focus,
.ui-fluid .ui-spinner:active {
  border: none !important;
}

.fooTextLong {
  width: auto !important;
}

.nonShift {
  background: #5E95CA !important;
  color: #0D1E2F !important;
  cursor: not-allowed;
}

.pjd {
  background: #FFCF50 !important;
  color: #0D1E2F !important;
  cursor: not-allowed;
}

.sakit {
  background: #FDAB9E !important;
  color: #0D1E2F !important;
  cursor: not-allowed;
}

.shift {
  background: #b5d6ec !important;
  color: #223110 !important;
}

.libur {
  background: #E74C3C !important;
  color: #3A130F !important;
}

.red {
  background: #E74C3C !important;
}

.blue {
  background: #5E95CA !important;
}

.green {
  background: #b5d6ec !important;
}

.ui-dropdown-open {
  /* background: #777 !important; */
}

.devider {
  margin-top: 40px;
}

app-info>p-messages>.ui-messages-success,
app-info>p-messages>.ui-messages-error,
app-info>p-messages>.ui-messages-warn,
app-info>p-messages>.ui-messages-info {
  width: 90% !important;
  z-index: 11000;
  border: none;
  position: absolute !important;
  left: 5%;


}

.divbiru>p-dropdown>div>div>.fa-caret-down:hover {
  color: #303030 !important;

}

.divbiru>p-dropdown>div>div>.fa-caret-down:focus {
  color: #303030 !important;

}

.ui-helper-hidden-accessible input {
  color: #000 !important;
}

/*start*/
/*uiux 111017*/
/*fungsi : border bawah input text autocomplete*/
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input {
  width: 100% !important;
  border-bottom: 1px solid rgba(151, 151, 151, .5) !important;
}

/*fungsi : border bawah input text autocomplete*/
/*end*/

/*start*/
/*uiux 111017*/
/*fungsi : posisi icon btn autocomplete*/
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: auto !important;
  background: transparent;
  color: #898989;
  font-size: 11px;
  position: absolute;
  right: 1px;
}

/*fungsi : posisi icon btn autocomplete*/
/*end*/


/*start*/
/*uiux 111017*/
/*fungsi : posisi button dalam grid*/
.col-button {
  padding: 5px 0 5px 0 !important;
  text-align: center !important;
}

/*fungsi : posisi button dalam grid*/
/*end*/


/*start*/
/*uiux 111017*/
/*fungsi : ukuran button search di samping kalender*/
.form-group>div>div>div>.ui-button {
  font-size: 11px;
}

/*fungsi : ukuran button search di samping kalender*/
/*end*/

/*uiux 111417*/
.ui-state-default .ui-unselectable-text .ui-resizable-column {
  padding: 2px !important;
}

/*start*/
/*by uiux 116117*/
/*fungsi : warna teks form login*/
.login-body-text {
  color: #000 !important;
}

/*fungsi : warna teks form login*/
/*end*/

/*start*/
/*by uiux 111617*/
/*fungsi styling hr form login*/
.hr-border {
  border-bottom: 1px solid #fff;
}

/*fungsi styling hr form login*/
/*end*/

/*start*/
/*by uiux 111617*/
/*fungsi merubah warna dan border bottom unit kerja yang terpilih*/
.login-body-text>div>.ui-dropdown-label {
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}

/*fungsi merubah warna dan border bottom unit kerja yang terpilih*/
/*end*/

/*start*/
/*by uiux 111617*/
/*fungsi warna caret*/
.login-body-text>div>div>.fa-caret-down {
  color: #fff !important;
}

.login-body-text>div>div>.fa-caret-down:hover {
  color: #fff !important;
}

/*fungsi warna caret*/
/*end*/
/*start*/
/*by uiux 111717*/
/*fungsi memperkecil tinggi grid d form daftar kirim pengajuan orientasi pegawai*/
.ui-datatable .ui-datatable-data>tr>td {
  padding: 0.1em 0.38em !important;
}

/*fungsi memperkecil tinggi grid d form daftar kirim pengajuan orientasi pegawai*/
/*end*/

/*start*/
/*uiux 112017*/
/*fungsi bungkus pemilihan bahasa d form login*/
.login-title {
  position: absolute;
  top: 20%;
  right: 9%;
  background: #1b273d;
  padding: 5px 0 !important;
  border-bottom: 6px solid #ffb600;
}

.login-title h2 {
  color: #ffffff;
  text-align: center;
}

.wrapper-bahasa-form-login {
  position: absolute;
  top: 27.6%;
  right: 9%;
  background: rgba(255, 255, 255, 0.5);
  padding: 30px 100px 50px 100px !important;
}

@media (max-width: 1366px) {
  .wrapper-bahasa-form-login {
    top: 29.7%;
    padding: 30px 70px 50px 70px !important;
  }
}

.wrapper-bahasa-form-login .ui-inputtext {
  margin: 5px 0;
  padding: 10px 5px;
}

.wrapper-bahasa-form-login .ui-button {
  margin-top: 20px;
  height: 40px !important;
}

.wrapper-bahasa-form-login a {
  font-family: 'gadugibold';
  color: #1b273d;
  padding-top: 30px;
  display: table !important;
  margin: 0 auto !important;
}

.wrapper-bahasa-form-login a:hover {
  color: #ffffff;
  text-decoration: underline;
  transition: 0.5s ease;
}

/*fungsi bungkus pemilihan bahasa d form login*/
/*end*/
.ui-inputgroup .ui-inputgroup-addon {
  min-width: 2em !important;
  padding: 0.2em !important;
  border: 1px solid #cfcfcf !important;
  background-color: #f1f1f1 !important;
}

.node-header {
  background-color: #f35c2f !important;
}

.ui-datatable-resizable {
  overflow: hidden !important;
}

.widget-container {
  background-color: #ecf0f5 !important;
}

/* tambahan untuk row page baru, edit: adi s */
.ui-paginator .ui-paginator-icon {
  margin-top: -.4em !important;
}

/* penambahan css untuk p-fullCalendar, edit: adi s */
.fc {
  direction: ltr !important;
  text-align: right !important;
}

.fc-content>.fc-title {
  padding-top: 1em !important;
  margin-right: 0.9em !important;
}

.fc-day-number {
  margin-right: 0.3em !important;
}

.fc-day-top {
  padding-top: 0.3em !important;
}

.fc-button {
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  cursor: pointer;
  background: #b5d6ec;
  color: #ffff;
  border-radius: 0px;
  border: none;
}

body .fc-widget-header {
  background-color: #f35c2f;
  color: #ffffff;
  font-weight: bold;
}

body .fc-icon .fc-icon-chevron-left {
  background: none !important;
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-indent: 0px !important;
  text-align: center !important;
  height: auto !important;
  width: auto !important;
  overflow: visible !important;

}

body .fc-icon .fc-icon-chevron-left:before {
  content: "" !important;
}

.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  margin-left: -.9em !important;
}

body .ui-datatable .ui-datatable-thead>tr>th:focus.ui-state-active {
  background-color: #607D8B;
}

/* warna jam untuk color pick, edit: adi s */
.ui-timepicker>div {
  color: #fff !important;
}

#dialogTopKeAtas .ui-dialog {
  top: 5px !important;
}

.btnGridRow .ui-button-text {
  background-color: #3c67b1 !important;
}

.btnGridRowMap .ui-button-text {
  background-color: #3c67b1 !important;
  width: 25px !important;
}

body .btnIconGrid .ui-button {
  background-color: #41B983 !important;
}

.btnIconGrid .ui-button-text {
  padding: 15px !important;
  height: 30px !important;
  /* background-color: #btnIconGrid !important; */
}


/* custom css untuk step reg pegawai */

.ui-steps.steps-custom-reg:before {
  content: ' ';
  border: 1px solid #41b983;
  width: 100%;
  top: 12%;
  left: 0;
  display: block;
  position: absolute;
}

#lineKedua {
  border: 1px solid #41b983;
  padding: 0;
  width: 100%;
  position: relative;
  top: -59%;
}

#lineKetiga {
  border: 1px solid #41b983;
  padding: 0;
  width: 100%;
  position: relative;
  top: -29%;
}


.ui-steps.steps-custom-reg .ui-steps-item {
  width: 15%;
  margin-bottom: 25px;
}

.ui-steps.steps-custom-reg {
  margin-bottom: 30px;
}

.ui-steps.steps-custom-reg .ui-steps-item .ui-menuitem-link {
  height: 10px;
  overflow: visible;
}

.ui-steps.steps-custom-reg .ui-steps-item .ui-steps-number {
  background-color: #0081c2;
  color: #FFFFFF;
  display: inline-block;
  width: 36px;
  border-radius: 50% !important;
  margin-top: -14px;
  margin-bottom: 10px;
  z-index: 1;
}

.ui-steps.steps-custom-reg .ui-steps-item .ui-steps-title {
  color: #555555;
}

/* untuk footer grid */
.footerGridMonitoring {
  background-color: #ffffff;
  color: #444444;
}

.ui-growl-icon-close {
  font-size: 16px;
}

.btn-width-persen {
  width: 100%;
}


.btn-profile {
  background-color: #ffffff !important;
  border: 1px solid #dc2d2d !important;
  color: #dc2d2d !important;
  border-radius: 3px !important;
}

.btn-profile:hover {
  background-color: #fff2ee !important;
  color: #dc2d2d !important;
}

.btn-profile:focus {
  background-color: #ffe2d9 !important;
  color: #dc2d2d !important;
}

.btn-profile:active {
  background-color: #ffe2d9 !important;
  color: #dc2d2d !important;
}

.btn-profile:disabled {
  background-color: #f1f1f1 !important;
  color: #444444 !important;
  border-color: #f1f1f1 !important;
}

.imageBahasa {
  border: 1px solid #d2c4c0;
  margin-top: 3px;
  float: left;
}

.fadeBahasa {
  width: 137px !important;
}

.ui-datepicker .ui-datepicker-title {
  color: #ffffff;
}

.btn-setujuPengajuan {
  background-color: #55ce63 !important;
}

.btn-setujuPengajuan:hover {
  background-color: #60dc6e !important;
}

.btn-setujuPengajuan:focus {
  background-color: #48a353 !important;
}

.btn-setujuPengajuan:active {
  background-color: #48a353 !important;
}

.btn-setujuPengajuan:disabled {
  background-color: #f1f1f1 !important;
  color: #444444 !important;
  border-color: #f1f1f1 !important;
}


.btn-tidakSetujuPengajuan {
  background-color: #dc2d2d !important;
}

.btn-tidakSetujuPengajuan:hover {
  background-color: #f54b4b !important;
}

.btn-tidakSetujuPengajuan:focus {
  background-color: #be2121 !important;
}

.btn-tidakSetujuPengajuan:active {
  background-color: #be2121 !important;
}

.btn-tidakSetujuPengajuan:disabled {
  background-color: #f1f1f1 !important;
  color: #444444 !important;
  border-color: #f1f1f1 !important;
}

/* khusus struktur organisasi OrgChartJs */

.bg-toolbar-container {
  left: 30px;
  top: 20px;
  bottom: initial !important;
}

/* [control-expcoll-id] circle {
  fill: #f35c2f;
  stroke: #ffffff;
  stroke-width: 2;
}

line[control-expcoll-id] {
  fill: #ffffff;
  stroke-width: 2;
} */

#screenS .ui-dialog {
  /* top: 12px !important;
  left: 21px !important;
  width: 97% !important;
  height: 96% !important; */

  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

#mailKirimDialog .ui-dialog {
  top: 0px !important;
  left: 165px !important;
  width: 1000px !important;
  height: 650px !important;
}


#dialogKomponenEdit .ui-dialog {
  top: 0px !important;
  left: 282px !important;
  width: 800px !important;
  height: 650px !important;
}

#databasePegawaiDialog .ui-dialog {
  top: 0px !important;
  width: 1000px !important;

}

#dialogPreviewId {
  /* width: 100% !important;
  height: 96% !important; */

  width: 100% !important;
  height: 100% !important;
}

#dialogPreviewId2 {
  width: 100% !important;
}
#dialogPreviewId2 > div.ui-g-12 > .img-container {
  height:50% !important;
}

.img-container {
  /* height: 90% !important; */
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
}

.img-container>img {
  width: 100% !important;
}

/* .img-container > button {
  border-color: #ffffff !important;
} */

.img-container>button:nth-of-type(5):not(#ngx-fs-btn) {
  bottom: 235px !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(4):not(#ngx-fs-btn) {
  bottom: 190px !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(3):not(#ngx-fs-btn) {
  bottom: 145px !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(2):not(#ngx-fs-btn) {
  bottom: 100px !important;
}

.img-container>button:nth-of-type(1):not(#ngx-fs-btn) {
  bottom: 55px !important;
}


.img-container>button:nth-of-type(5):not(#ngx-fs-btn) {
  background-color: #009efb !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(5):not(#ngx-fs-btn)>span {
  color: #ffffff !important;
}

.img-container>button:nth-of-type(5):not(#ngx-fs-btn):hover {
  background-color: #3eb8ff !important;
}


.img-container>button:nth-of-type(4):not(#ngx-fs-btn) {
  background-color: #009efb !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(4):not(#ngx-fs-btn)>span {
  color: #ffffff !important;
}

.img-container>button:nth-of-type(4):not(#ngx-fs-btn):hover {
  background-color: #3eb8ff !important;
}

.img-container>button:nth-of-type(3):not(#ngx-fs-btn) {
  background-color: #dc2d2d !important;
  border-color: #ffffff !important;
}

.img-container>button:nth-of-type(3):not(#ngx-fs-btn)>span {
  color: #ffffff !important;
}

.img-container>button:nth-of-type(3):not(#ngx-fs-btn):hover {
  background-color: #f54b4b !important;
}

.img-container>img-container>button:nth-of-type(2):not(#ngx-fs-btn) {
  border: 1px solid #555 !important;
}

.img-container>button:nth-of-type(2):not(#ngx-fs-btn):hover {
  border-color: #f35c2f !important;
}

.img-container>img-container>button:nth-of-type(1):not(#ngx-fs-btn) {
  border: 1px solid #555 !important;
}

.img-container>button:nth-of-type(1):not(#ngx-fs-btn):hover {
  border-color: #f35c2f !important;
}

.img-container>button#ngx-fs-btn:hover {
  border: 1px solid #f35c2f !important;
}

.dropDashboardBy p-dropdown .ui-dropdown {
  background-color: #ffffff;
}

/* body .ui-treenode-content-selected {
  color: #fff;
  background-color: #416172;
} */

.only-icon .ui-inputtext {
  display: none;
}

.only-icon button {
  border: 1px solid !important;
  width: 40px !important;
  border-radius: 4px !important;
  background-color: #41B983 !important;
  color: #ffffff !important;
}

.warnaDefault {
  background-color: #f35c2f !important;
  color: #ffffff !important;
}

.editorHideToolbar::ng-deep .ql-toolbar.ql-snow {
  padding: 0px;
  border: none;
}

.editorHideToolbar::ng-deep .ql-container.ql-snow {
  border-top: 1px solid #ccc;
  /* height: 320px;  */
}

/* body .ui-calendar .ui-calendar-w-btn .ui-datepicker-trigger .ui-button {
  border: 1px solid !important;
  width: 50px !important;
  border-radius: 4px !important;
} */


/* V3 css untuk HRIS  */
/*login css*/

.login-image-main {
  display: table;
  margin: 0 auto;
  width: 456px !important;
  height: auto;
  padding-top: 91px !important;
}

.login-bg-v3 {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: -25px;
  z-index: -2;
}

.login-bg-v3 img {
  width: 60%;
  height: auto;
}

.login-bg-logo-v3 img {
  display: table;
  margin: 0 auto;
  width: 178px;
  height: auto;
}

.login-bg-overlay-v3 {
  height: 100%;
  width: 100%;
  /* background: #f0f0f0; */
  background: white;
  position: absolute;
  z-index: -3;
  left: 0;
  top: 0;
}

.layout-wrapper .layout-content-v3 {
  padding: 50px 5px 0 5px;
  margin-left: 40px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}

.side-input-login {
  background-color: #FFFFFF;
}

.login-bg-logo-v3 img {
  display: table;
  margin: 0 auto;
  width: 141px;
  height: auto;
}

.login-body .login-panel-v3 {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #ffffff;
  /* border-top: 4px solid #f35c2f;
  border-right: solid 1px #dce2e7;
  border-bottom: solid 1px #dce2e7;
  border-left: solid 1px #dce2e7; */
  width: auto;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  color: #afafc0;
}


.input-login-v3 .ui-dropdown label.ui-dropdown-label {
  border-radius: 5px;
  height: 35px;
}

body .input-login-v3 .ui-inputtext {
  border-radius: 5px;
  height: 35px;
}

body .button-login {
  font-weight: bold;
  font-size: 14px;
}

body .button-login:enabled {
  height: 50px;
  border-radius: 50px;
  background-color: #41B983;
}

body .button-login:disabled {
  opacity: 0.9;
  height: 50px;
  border-radius: 50px;
  background-color: #f1f1f1;
}

body .button-login:enabled:hover {
  background-color: #266E4D;
  color: #ffffff;
}

body .button-login:disabled:hover {
  color: #000;
}

body .button-login:enabled:focus {
  outline: 0 none;
  background-color: #003969;
}

body .button-login:enabled:active {
  background-color: #1b273d;
}

body .link-login {
  color: #41B983 !important;
}

.input-username img {
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  height: 23px;
}

.input-password img {
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  height: 23px;
}

.input-username input[type=text] {
  padding-left: 35px;
}

.input-password input[type=password] {
  padding-left: 35px;
}


.balonAngkaKehadiran {
  text-align: center;
  border-radius: 30%;
  background-color: #b9aca2;
  padding: 2px 15px 2px 15px;
  color: white;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  /* Shadow */
}

body .editinfo {
  background-color: transparent;
  color: #0398E2;
  font-size: 20px;
}

body .ui-button[icon="fa fa-edit"]:hover {
  background-color: transparent;
  color: #0000ef;
}

body .ui-button[icon="fa fa-edit"]:focus {
  background-color: transparent;
  color: #0000ef;
}

body .ui-button[icon="fa fa-edit"]:active {
  background-color: transparent;
  color: #0000ef;
}

body .ui-button[icon="fa fa-edit"]:disabled {
  background-color: #f1f1f1;
  color: #444444;
  border-color: #f1f1f1;
}


body .plusinfo {
  color: white;
  background-color: #41B983;
  font-size: 20px;
  border-radius: 5px;
}

body .plusinfo .ui-button[icon="fa fa-plus"]:hover {
  background-color: red;
  color: #41B983;
}

body .plusinfo .ui-button[icon="fa fa-plus"]:focus {
  background-color: white;
  color: #41B983;
}

/* body .ui-button[icon="fa fa-plus"]:active {
  background-color: #48a353;
}
body .ui-button[icon="fa fa-plus"]:disabled {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  color: #444444;
} */

/* untuk dashboard widget */
.isi-tabel-nama {
  text-align: left;
  font-weight: bold;
}

.isi-tabel-left {
  text-align: left;
  color: #4a4b53;
}

.isi-tabel-right {
  text-align: center;
  color: #ED1C24
}

.label-tabel {
  font-size: 12px;
  font-weight: bold;
  float: left;
  color: #283252;
}