@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: #f35c2f; /*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 #cfcfcf;
-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: 0px;
-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 #f35c2f; }
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
border-bottom: 1px solid #da522a;
}
body .ui-inputtext.ng-dirty.ng-invalid {
/* background-color: #FF5722; */
border: 1px solid #da522a;
}
body .ui-inputtext.ng-dirty.ng-invalid.ng-touched {
/* background-color: #FF5722;
border: 2px solid #FF5722; */
border: 1px solid #da522a;
}
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 #da522a;
}
body input[type="text"].ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
border: 1px solid #da522a;
}
body input[type="number"].ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
border: 1px solid #da522a;
}
body textarea.ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ng-invalid.ng-pristine.ng-touched {
border: 1px solid #da522a;
}
body p-dropdown.ng-pristine.ng-invalid.ng-touched > div.ui-dropdown {
border: 1px solid #da522a;
}
body p-inputmask.ng-pristine.ng-invalid.ng-touched > input {
border: 1px solid #da522a;
}
body p-checkbox.ng-pristine.ng-invalid.ng-touched .ui-chkbox .ui-chkbox-box {
border: 1px solid #da522a;
}
body app-calender.ng-pristine.ng-invalid.ng-touched > span > input {
border: 1px solid #da522a;
}
body p-multiselect.ng-pristine.ng-invalid.ng-touched > div.ui-multiselect {
border: 1px solid #da522a;
}
body p-radiobutton.ng-pristine.ng-invalid.ng-touched .ui-radiobutton .ui-radiobutton-box {
border: 1px solid #da522a;
}
body p-spinner.ng-pristine.ng-invalid.ng-touched > span > input {
border: 1px solid #da522a;
}
body .ui-inputtext.ng-dirty.ng-invalid {
/* background-color: #FF5722; */
border: 1px solid #da522a; }
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 #da522a; }
/* body .ui-calendar.ui-calendar-w-btn .ui-inputtext .ng-invalid {
border: 1px solid #da522a;
} */
/* menambah margin-right untuk button yg tadinya rapat , edit: adi s */
body .ui-button {
color: #ffffff;
background-color: #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: #f18e23;
color: #ffffff; }
body .ui-button:enabled:focus {
outline: 0 none;
background-color: #da522a; }
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: #f35c2f;
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: #55ce63;
border: 1px solid #55ce63;
color: #ffffff;
border-radius: 3px;
}
body .ui-button[icon="fa fa-save"]:hover {
background-color: #60dc6e;
}
body .ui-button[icon="fa fa-save"]:focus {
background-color: #48a353;
}
body .ui-button[icon="fa fa-save"]:active {
background-color: #48a353;
}
body .ui-button[icon="fa fa-save"]: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: #dc2d2d;
border: 1px solid #dc2d2d;
color: #ffffff;
border-radius: 3px;
}
body .ui-button[icon="fa fa-trash"]:hover {
background-color: #f54b4b;
}
body .ui-button[icon="fa fa-trash"]:focus {
background-color: #be2121;
}
body .ui-button[icon="fa fa-trash"]:active {
background-color: #be2121;
}
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: #009efb;
border: 1px solid #009efb;
color: #ffffff;
border-radius: 3px;
}
body .ui-button[icon="fa fa-print"]:hover {
background-color: #3eb8ff;
}
body .ui-button[icon="fa fa-print"]:focus {
background-color: #0d87cf;
}
body .ui-button[icon="fa fa-print"]:active {
background-color: #0d87cf;
}
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 #da522a;
-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: 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 transparent;
background-color: #009efb;
border-radius: 1px;
}
/* //adi nambahin hover nya split button */
body .ui-splitbutton.ui-buttonset .ui-button:hover {
background-color: #3eb8ff;
}
body .ui-splitbutton.ui-buttonset .ui-button:focus {
background-color: #0d87cf;
}
body .ui-splitbutton.ui-buttonset .ui-button:active {
background-color: #0d87cf;
}
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: #f35c2f;
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 #f18e23;
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: #da522a; }
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 #da522a;
}
/* body p-dropdown.ng-dirty.ng-invalid.ng-touched > .ui-dropdown {
border: 1px solid #da522a;
} */
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: #858585;
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: #858585; }
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 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: #444444; }
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: #ffffff;
border-top: 2px solid #f35c2f;
border-bottom: none;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
}
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: #444444; }
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: #da522a;
color: #ffffff;
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: #ffffff;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-down {
color: #ffffff;
}
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: #da522a;
color: #ffffff;
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: #ffffff;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight td .ui-row-toggler.fa-chevron-circle-down{
color: #ffffff;
}
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 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: #777777;
-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 {
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 {
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: #f6c2b2;
color: #777777; }
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 #f35c2f; }
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: #f35c2f;
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;
}
/*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;
}
.btnIconGrid .ui-button-text {
padding: 15px !important;
height: 30px !important;
/* background-color: #3c67b1 !important; */
}
/* custom css untuk step reg pegawai */
.ui-steps.steps-custom-reg:before {
content: ' ';
border: 1px solid #f35c2f;
width: 100%;
top: 12%;
left: 0;
display: block;
position: absolute;
}
#lineKedua {
border: 1px solid #f35c2f;
padding:0;
width: 100%;
position: relative;
top: -52%;
}
#lineKetiga {
border: 1px solid #f35c2f;
padding:0;
width: 100%;
position: relative;
top: -19%;
}
.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;
}
.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: #f35c2f !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;
} */