@charset "UTF-8";
/* Predefined Colors */
/* Icons */
/* Error */
/* Headers */
/* Contents */
/* Forms */
/* Buttons */
/* List Items */
/* Messages */
/* Overlays */
/* Data */
/* Panel */
/* Add your variable customizations of theme here */
/*Ical Start*/

body .ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
body .ui-widget-header {
  background: #f5f5f5;
  color: #292b2c;
  border: 1px solid #dddddd;
}
body .ui-state-active,
body .ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-state-error,
body .ui-widget.ui-state-error {
  border: 1px solid #a94442;
}
/* body .ui-state-disabled,
body .ui-widget:disabled {
  background-color: #eeeeee;
} */
body .ui-widget-overlay {
  background-color: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body a {
  color: #0062cc;
}
body a:hover {
  color: #006fe6;
}
body .ajax-loader {
  color: #007bff;
}
/*
body {
  Validations
} */
body .ui-inputtext {
  color: #495057;
  background: #ffffff;
  border: 1px solid #cccccc;
}
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-inputtext.ng-dirty.ng-invalid {
  background-color: #ffffff;
}
body .ui-inputtext.ng-dirty.ng-invalid:hover {
  border-color: #b94a48;
}
body .ui-inputtext.ng-dirty.ng-invalid:focus {
  border-color: #b94a48;
}
body .ui-inputtext.ng-dirty.ng-invalid:active {
  border-color: #b94a48;
}
body .ui-inputtext.ui-state-disabled,
body .ui-inputtext:disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-button {
  color: #ffffff;
  background-color: #007bff;
  border: 1px solid transparent;
}
body .ui-button:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
body .ui-button:enabled:active {
  background-color: #0062cc;
  border-color: #005cbf;
}
body .ui-button:enabled:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}
body .ui-button.ui-state-disabled,
body .ui-button:disabled {
  background-color: #007bff;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
body .ui-button.secondary-btn {
  color: #292b2c;
  background-color: #ffffff;
  border-color: #cccccc;
}
body .ui-button.secondary-btn:enabled:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-button.secondary-btn:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5);
}
body .ui-button.secondary-btn:enabled:active {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-button.ui-state-default.ui-button-secondary,
body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #292b2c;
  background-color: #ffffff;
  border-color: #cccccc;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:hover,
body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:focus,
body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:active,
body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
body .success-btn.ui-button,
body .success-btn > .ui-button,
body .ui-splitbutton.success-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-success,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
body .success-btn.ui-button:enabled:hover,
body .success-btn > .ui-button:enabled:hover,
body .ui-splitbutton.success-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-success:enabled:hover,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #5cb85c;
  border-color: #419641;
}
body .success-btn.ui-button:enabled:focus,
body .success-btn > .ui-button:enabled:focus,
body .ui-splitbutton.success-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-success:enabled:focus,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5);
}
body .success-btn.ui-button:enabled:active,
body .success-btn > .ui-button:enabled:active,
body .ui-splitbutton.success-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-success:enabled:active,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #449d44;
  border-color: #419641;
}
body .info-btn.ui-button,
body .info-btn > .ui-button,
body .ui-splitbutton.info-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-info,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
body .info-btn.ui-button:enabled:hover,
body .info-btn > .ui-button:enabled:hover,
body .ui-splitbutton.info-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-info:enabled:hover,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #31b0d5;
  border-color: #2aabd2;
}
body .info-btn.ui-button:enabled:focus,
body .info-btn > .ui-button:enabled:focus,
body .ui-splitbutton.info-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-info:enabled:focus,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
body .info-btn.ui-button:enabled:active,
body .info-btn > .ui-button:enabled:active,
body .ui-splitbutton.info-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-info:enabled:active,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #31b0d5;
  border-color: #2aabd2;
}
body .warning-btn.ui-button,
body .warning-btn > .ui-button,
body .ui-splitbutton.warning-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-warning,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
body .warning-btn.ui-button:enabled:hover,
body .warning-btn > .ui-button:enabled:hover,
body .ui-splitbutton.warning-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-warning:enabled:hover,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #ec971f;
  border-color: #eb9316;
}
body .warning-btn.ui-button:enabled:focus,
body .warning-btn > .ui-button:enabled:focus,
body .ui-splitbutton.warning-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-warning:enabled:focus,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
body .warning-btn.ui-button:enabled:active,
body .warning-btn > .ui-button:enabled:active,
body .ui-splitbutton.warning-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-warning:enabled:active,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #ec971f;
  border-color: #eb9316;
}
body .danger-btn.ui-button,
body .danger-btn > .ui-button,
body .ui-splitbutton.danger-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-danger,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  background-color: #d9534f;
  border-color: #d9534f;
}
body .danger-btn.ui-button:enabled:hover,
body .danger-btn > .ui-button:enabled:hover,
body .ui-splitbutton.danger-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-danger:enabled:hover,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c9302c;
  border-color: #c12e2a;
}
body .danger-btn.ui-button:enabled:focus,
body .danger-btn > .ui-button:enabled:focus,
body .ui-splitbutton.danger-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-danger:enabled:focus,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5);
}
body .danger-btn.ui-button:enabled:active,
body .danger-btn > .ui-button:enabled:active,
body .ui-splitbutton.danger-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-danger:enabled:active,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #c9302c;
  border-color: #c12e2a;
}
body .ui-chkbox .ui-chkbox-box {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border: 1px solid #cccccc;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  color: #007bff;
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border: 1px solid #007bff;
  background-color: #007bff;
  color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-disabled {
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #777777;
}
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #007bff;
  -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-radiobutton .ui-radiobutton-box {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border: 1px solid #cccccc;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border: 1px solid #007bff;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #007bff;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon.ui-icon-bullet {
  background-color: #007bff;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background-color: transparent;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
  background-color: #eeeeee;
  border-color: #cccccc;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active .ui-radiobutton-icon {
  background-color: #777777;
}
body .ui-inputswitch .ui-inputswitch-slider {
  background-color: #ffffff;
  color: #ffffff;
  border: 1px solid #dddddd;
}
body .ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #a8acb1;
  border: 1px solid transparent;
}
body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  background-color: #ffffff;
}
body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  background-color: #007bff;
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-autocomplete .ui-autocomplete-dropdown {
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body
  .ui-autocomplete.ui-autocomplete-multiple
  .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-autocomplete-panel {
  border: 1px solid #cccccc;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  background-color: #e5e5e5;
  color: #292b2c;
}
body .ui-dropdown {
  border: 1px solid #cccccc;
}
body .ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body .ui-dropdown .ui-dropdown-trigger .pi-caret-down {
  color: #292b2c;
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus .ui-dropdown-trigger .pi-caret-down {
  color: #007bff;
}
body .ui-dropdown.ui-state-disabled > * {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-dropdown-panel {
  border: 1px solid #cccccc;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-multiselect {
  background: #ffffff;
  border: 1px solid #cccccc;
}
body .ui-multiselect .ui-multiselect-label {
  color: #292b2c;
}
body .ui-multiselect .ui-multiselect-trigger .pi {
  color: #777777;
}
body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #007bff;
  -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-multiselect:not(.ui-state-disabled).ui-state-focus .ui-multiselect-trigger .pi {
  color: #007bff;
}
body .ui-multiselect.ui-state-disabled > * {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-multiselect-panel {
  border: grey;
  border: 1px solid #cccccc;
}
body .ui-multiselect-panel .ui-multiselect-header {
  border-bottom: 1px solid #dddddd;
}
/*Ical End*/
/*Bimo Start*/

body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .pi {
  color: #777777;
}

body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #999999;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  color: #bd9090;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
  color: #bd9090;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}

body {
  background-color: #F5F5F5;
  color: #414141;
}

body .ui-listbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}
body .ui-listbox .ui-listbox-header {
  background: #f5f5f5;
  border-bottom: 1px solid #cccccc;
}

body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .pi {
  color: #777777;
}

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

body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box {
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #777777;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #cccccc;
}
body .ui-editor-container .ui-editor-toolbar {
  background-color: #f5f5f5;
}
body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #444444;
}
body .ui-rating a {
  color: #007bff;
}

body .ui-rating a .pi.pi-ban {
  color: #f790c8;
}
body .ui-rating a .pi.pi-ban:hover {
  color: #f9a8d4;
}
body .ui-rating.ui-state-disabled {
  background: transparent;
}
body .ui-rating.ui-state-disabled a {
  color: #eeeeee;
}
body .ui-rating.ui-state-disabled a .pi.pi-ban {
  color: #eeeeee;
}

body .ui-spinner .ui-spinner-button.ui-button {
  background-color: transparent;
  color: #999999;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):hover {
  color: #bd9090;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):focus {
  color: #bd9090;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):active {
  color: #bd9090;
}

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

body .ui-slider .ui-slider-handle {
  background-color: #007bff;
}
body .ui-slider .ui-slider-range {
  background-color: #4da3ff;
}
body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: #006fe6;
  border: 1px solid #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border: 0 none;
}
body .ui-slider.ui-state-disabled .ui-slider-handle {
  background-color: #eeeeee;
}
body .ui-slider.ui-state-disabled .ui-slider-range {
  background-color: #d8d8d8;
}
body .ui-togglebutton {
  background-color: #ffffff;
  color: #292b2c;
  border: 1px solid #cccccc;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-togglebutton.ui-state-active {
  background-color: #007bff;
  color: #ffffff;
  border-color: #006fe6;
}
body .ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #006fe6;
}
body .ui-togglebutton.ui-state-disabled {
  background-color: #ffffff;
}
body .ui-togglebutton.ui-state-disabled.ui-state-active {
  background-color: #007bff;
}
body .ui-selectbutton .ui-button {
  background-color: #ffffff;
  color: #292b2c;
  border: 1px solid #cccccc;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover,
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body
  .ui-selectbutton
  .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover
  + .ui-button:not(.ui-state-disabled):not(.ui-state-active),
body
  .ui-selectbutton
  .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus
  + .ui-button:not(.ui-state-disabled):not(.ui-state-active) {
  border-left-color: #adadad;
}
body .ui-selectbutton .ui-button.ui-state-active {
  background-color: #007bff;
  color: #ffffff;
  border-color: #006fe6;
}
body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #006fe6;
}

body .ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #cccccc;
}
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: #bd9090;
}
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: #bd9090;
}
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: #f7f7f9;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #f7f7f9;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  color: #999999;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  color: #999999;
}

body .ui-datepicker table td > a,
body .ui-datepicker table td > span {
  color: #292b2c;
}

body .ui-datepicker table td > a:hover {
  background-color: #f7f7f9;
}
body .ui-datepicker table td > a.ui-state-active {
  color: #ffffff;
  background-color: #007bff;
}
body .ui-datepicker table td > a.ui-state-highlight {
  color: #292b2c;
  background-color: #e5e5e5;
}
body .ui-datepicker table td.ui-datepicker-today a {
  background-color: #e5e5e5;
  color: #292b2c;
}
body .ui-datepicker .ui-timepicker {
  border-top: 1px solid #dddddd;
}
body .ui-datepicker .ui-timepicker a {
  color: #999999;
}
body .ui-datepicker .ui-timepicker a:hover {
  color: #bd9090;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #292b2c;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #007bff;
}

body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  border-right: 1px solid #e5e5e5;
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button.ui-state-disabled {
  border-color: #cccccc;
}
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button.ui-state-disabled .pi {
  color: #777777;
}

body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}

body .ui-fileupload-choose:not(.ui-state-disabled):hover,
body .ui-fileupload-choose.ui-state-focus {
  background-color: #006fe6;
}
body .ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #0062cc;
}
body .ui-password-panel {
  border: 1px solid #cccccc;
}
body .ui-inputgroup .ui-inputgroup-addon {
  border-color: #cccccc;
  background-color: #ffffff;
}
body ::-webkit-input-placeholder {
  color: #777777;
}
body :-moz-placeholder {
  color: #777777;
}
body ::-moz-placeholder {
  color: #777777;
}
body :-ms-input-placeholder {
  color: #777777;
}
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-calendar > .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-color: #b94a48;
}
body input {
  border: 1px solid #cccccc;
}

body .ui-panel .ui-panel-titlebar {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  color: #999999;
}
body .ui-panel .ui-panel-content {
  border: 1px solid #dce1e7;
}

body .ui-panel .ui-panel-footer {
  border: 1px solid #dddddd;
}

body .ui-fieldset .ui-fieldset-legend {
  color: #292b2c;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
}
body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  color: #292b2c;
}
body .ui-fieldset .ui-fieldset-legend .ui-fieldset-legend-text {
  color: #292b2c;
}
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover,
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:focus {
  background-color: #dcdcdc;
  border-color: #c4c4c4;
}

body .ui-notificationbar {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header {
  background-color: #f5f5f5;
  color: #292b2c;
  border: 1px solid #dddddd;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled) > a:hover {
  border-color: #c4c4c4;
  background-color: #dcdcdc;
}

body .ui-accordion .ui-accordion-header > a {
  color: #292b2c;
}
body .ui-accordion .ui-accordion-header > a:focus {
  border-color: #c4c4c4;
  background-color: #dcdcdc;
}

body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon {
  color: #292b2c;
}

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 {
  background: #ffffff;
}
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 {
  background: #ffffff;
}
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 {
  color: #007bff;
}

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: #f5f5f5;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times,
body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times,
body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times {
  color: #bd9090;
}
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 {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
  border-bottom: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  border-bottom-color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-panels {
  border-top: 1px solid #dddddd;
}
/*Bimo End*/
/*Ario Start*/
body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
  border-right: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active {
  border-right-color: #ffffff;
}
body .ui-tabview.ui-tabview-left .ui-tabview-panels {
  border-left: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  border-left: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  border-left-color: #ffffff;
}
body .ui-tabview.ui-tabview-right .ui-tabview-panels {
  border-right: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  border-top-color: transparent;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active {
  border-top-color: #ffffff;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-panels {
  border-bottom: 1px solid #dddddd;
}

body .ui-toolbar {
  background-color: #f5f5f5;
  border-color: #dddddd;
}


body .ui-paginator {
  background-color: #ffffff;
  border-color: #dddddd;
}

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: #007bff;
  border: 1px solid #dddddd;
}

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 {
  background-color: #f5f5f5;
}
body .ui-paginator .ui-paginator-first.ui-state-disabled,
body .ui-paginator .ui-paginator-prev.ui-state-disabled,
body .ui-paginator .ui-paginator-next.ui-state-disabled,
body .ui-paginator .ui-paginator-last.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):focus,
body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):focus,
body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):focus,
body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):focus {
  background-color: #f5f5f5;
}
body .ui-paginator .ui-paginator-first {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}


body .ui-paginator .ui-paginator-next {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

body .ui-paginator .ui-paginator-last {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}


body .ui-paginator .ui-paginator-pages .ui-paginator-page {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  color: #007bff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #007bff;
  color: #ffffff;
  border-color: #007bff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active:focus {
  background-color: #007bff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-pages .ui-paginator-page:focus {
  background-color: #f5f5f5;
}

body .ui-table .ui-table-thead > tr > th,
body .ui-table .ui-table-tfoot > tr > td {
  color: #292b2c;
  border: 1px solid #dddddd;
}

body .ui-table .ui-sortable-column {
  color: #292b2c;
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #777777;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
  border-top-color: #007bff;
}
body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}

body .ui-table .ui-table-tbody > tr {
  background: #ffffff;
  border-color: transparent;
}
body .ui-table .ui-table-tbody > tr > td {
  border: 1px solid #dddddd;
}
body .ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #66b0ff;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
  background-color: #66b0ff;
  color: #ffffff;
}
body
  .ui-table.ui-table-hoverable-rows
  .ui-table-tbody
  > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-datatable .ui-datatable-thead > tr > th {
  background: #ffffff;
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-thead > tr > th.ui-sortable-column:not(.ui-state-active):hover {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-thead > tr > th.ui-state-active {
  background-color: #007bff;
  color: #ffffff;
  border-color: #006fe6;
}

body .ui-datatable .ui-datatable-tfoot > tr > td {
  background-color: #ffffff;
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-data tr {
  background-color: #ffffff;
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header .pi {
  color: #999999;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header .pi:hover {
  color: #bd9090;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header td {
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-even {
  background-color: #f9f9f9;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
  border-color: #006fe6;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-odd {
  background-color: #ffffff;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
  border-color: #006fe6;
}
body .ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: #006fe6;
}

body .ui-datatable .ui-datatable-data tr td .ui-row-toggler {
  color: #777777;
}
body .ui-datatable .ui-datatable-data tr td .ui-row-toggler:hover {
  color: #292b2c;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header {
  border: 1px solid #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header a {
  color: #999999;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header a:hover {
  color: #bd9090;
}
body
  .ui-datatable
  .ui-datatable-data.ui-datatable-hoverable-rows
  > tr.ui-widget-content:not(.ui-state-highlight):hover {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-scrollable-header,
body .ui-datatable .ui-datatable-scrollable-footer {
  background-color: #f5f5f5;
}
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: #292b2c;
}

body .ui-virtualscroller .ui-virtualscroller-list li {
  border-bottom: 1px solid #dddddd;
}

body .ui-picklist .ui-picklist-filter-container .pi {
  color: #777777;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #007bff;
}

body .ui-orderlist .ui-orderlist-filter-container .pi {
  color: #777777;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #007bff;
}

body .ui-carousel .ui-carousel-header {
  border-bottom: 1px solid #dddddd;
}

body .ui-carousel .ui-carousel-footer {
  border-top: 1px solid #dddddd;
  border-radius: 0;
}
body .ui-carousel .ui-carousel-button {
  color: #999999;
}
body .ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
  color: #bd9090;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
  color: #999999;
}
body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
  color: gray;
}
body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.pi-circle-off {
  color: #999999;
}
body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.pi-circle-on {
  color: #999999;
}
body
  .ui-organizationchart
  .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-node-content {
  border-color: #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  color: #007bff;
}

body .ui-treetable .ui-treetable-thead > tr > th,
body .ui-treetable .ui-treetable-tfoot > tr > td {
  color: #292b2c;
  border: 1px solid #dddddd;
}

body .ui-treetable .ui-treetable-loading-content .pi-spin {
  color: #ffffff;
}

body .ui-treetable .ui-sortable-column {
  color: #292b2c;
}
body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #777777;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
  border-top-color: #007bff;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}

body .ui-treetable .ui-treetable-tbody > tr {
  background: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr > td {
  border: 1px solid #dddddd;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #777777;
}

body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  border: #e5e5e5;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight.ui-contextmenu-selected {
  background-color: #007bff;
  color: #ffffff;
}
body
  .ui-treetable.ui-treetable-hoverable-rows
  .ui-treetable-tbody
  > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}

body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #007bff;
}

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

body .ui-tree .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}


body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #007bff;
  color: #ffffff;
}

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

body .fc .fc-toolbar .fc-button-group .ui-state-active {
  background-color: #0062cc;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/*Ario End*/
/*Krishna Start*/
body .fc .fc-event-container .fc-event {
  border-color: #007bff;
  background-color: #006fe6;
}
body .ui-messages.ui-messages-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
body .ui-messages.ui-messages-info .ui-messages-icon {
  color: #5bb1dc;
}
body .ui-messages.ui-messages-info .ui-messages-close .pi {
  color: #31708f;
}
body .ui-messages.ui-messages-warn {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
body .ui-messages.ui-messages-warn .ui-messages-icon {
  color: #edd559;
}
body .ui-messages.ui-messages-warn .ui-messages-close .pi {
  color: #8a6d3b;
}
body .ui-messages.ui-messages-error {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-error .ui-messages-icon {
  color: #c77070;
}
body .ui-messages.ui-messages-error .ui-messages-close .pi {
  color: #a94442;
}
body .ui-messages.ui-messages-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-success .ui-messages-icon {
  color: #a3d48e;
}
body .ui-messages.ui-messages-success .ui-messages-close .pi {
  color: #3c763d;
}
body .ui-messages .ui-messages-close {
  opacity: 0.2;
  filter: alpha(opacity=20);
  font-size: 1.5em;
}
body .ui-messages .ui-messages-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .ui-message.ui-message-info {
  background-color: #d9edf7;
  border-color: #d9edf7;
  color: #31708f;
}
body .ui-message.ui-message-warn {
  background-color: #fcf8e3;
  border-color: #fcf8e3;
  color: #8a6d3b;
}
body .ui-message.ui-message-error {
  background-color: #f2dede;
  border-color: #f2dede;
  color: #a94442;
}
body .ui-message.ui-message-success {
  background-color: #dff0d8;
  border-color: #dff0d8;
  color: #3c763d;
}
body .ui-message .ui-message-close {
  color: #fff;
}
body .ui-growl {
  top: 85px;
}
body .ui-growl .ui-growl-item-container {
  opacity: 0.95;
  filter: alpha(opacity=95);
  border: 1px solid;
}
body .ui-growl .ui-growl-item-container .ui-growl-message {
  margin-left: 4em;
}
body .ui-growl .ui-growl-item-container .ui-growl-image {
  font-size: 2.769em;
}
body .ui-growl .ui-growl-item-container .ui-growl-icon-close {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
body .ui-growl .ui-growl-item-container .ui-growl-icon-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  color: #5bb1dc;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  color: #edd559;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  color: #c77070;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  color: #a3d48e;
}
body .ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #d9edf7;
  color: #31708f;
}
body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #31708f;
}
body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-icon {
  color: #5bb1dc;
}
body .ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #dff0d8;
  color: #3c763d;
}
body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #3c763d;
}
body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-icon {
  color: #84c66a;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #fcf8e3;
  color: #8a6d3b;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #8a6d3b;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-icon {
  color: #edd559;
}
body .ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #f2dede;
  color: #a94442;
}
body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #a94442;
}
body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-icon {
  color: #c77070;
}

body .ui-overlaypanel {
  border: 1px solid #cccccc;
}
body .ui-overlaypanel .ui-overlaypanel-close {
  background-color: #007bff;
  color: #ffffff;
  -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 {
  background-color: #006fe6;
}
body .ui-overlaypanel .ui-overlaypanel-close span {
  font-size: 17px;
  display: inline-block;
  font-size: inherit;
  margin-top: -1px;
  line-height: inherit;
}
body .ui-dialog {
  border: 1px solid #cccccc;
}
body .ui-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid #dddddd;
}
body .ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
body .ui-overlaypanel:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #cccccc;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #999999;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #aa7070;
}
body .ui-tooltip .ui-tooltip .ui-tooltip-text {
  background-color: grey;
  color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: grey;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #292b2c;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  color: #999999;
  -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: #bd9090;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  color: #ffffff;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
  color: #007bff;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  color: #ffffff;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  color: #007bff;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
  display: none;
}
body .ui-lightbox.ui-lightbox-loading .ui-lightbox-content-wrapper > .ui-lightbox-nav-left,
body .ui-lightbox.ui-lightbox-loading .ui-lightbox-content-wrapper > .ui-lightbox-nav-right {
  display: none;
}

body .ui-menu-separator.ui-widget-content {
  border-color: #e5e5e5;
}
body .ui-breadcrumb {
  background-color: #f5f5f5;
}
body .ui-breadcrumb ul li .ui-menuitem-link {
  color: #007bff;
}
body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
  color: #777777;
}
body .ui-breadcrumb ul li:first-child.pi-home {
  color: #007bff;
}
body .ui-breadcrumb ul li:last-child .ui-menuitem-link {
  color: #777777;
}
body .ui-steps .ui-steps-item {
  background-color: transparent;
}
body .ui-steps .ui-steps-item .ui-menuitem-link {
  background-color: transparent;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  background-color: #007bff;
  color: #ffffff;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  color: #777777;
}
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: #eeeeee;
  border-color: #dddddd;
  color: #292b2c;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background-color: #007bff;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  color: #292b2c;
}
body .ui-steps:before {
  border: 1px solid #dddddd;
}
body .ui-menu .ui-menuitem-link,
body .ui-menubar .ui-menuitem-link,
body .ui-tieredmenu .ui-menuitem-link,
body .ui-contextmenu .ui-menuitem-link,
body .ui-megamenu .ui-menuitem-link,
body .ui-slidemenu .ui-menuitem-link {
  color: #292b2c;
}
body .ui-menu .ui-menuitem-link:hover,
body .ui-menubar .ui-menuitem-link:hover,
body .ui-tieredmenu .ui-menuitem-link:hover,
body .ui-contextmenu .ui-menuitem-link:hover,
body .ui-megamenu .ui-menuitem-link:hover,
body .ui-slidemenu .ui-menuitem-link:hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-menu .ui-menuitem-link:focus,
body .ui-menubar .ui-menuitem-link:focus,
body .ui-tieredmenu .ui-menuitem-link:focus,
body .ui-contextmenu .ui-menuitem-link:focus,
body .ui-megamenu .ui-menuitem-link:focus,
body .ui-slidemenu .ui-menuitem-link:focus {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-menubar .ui-submenu-list.ui-shadow,
body .ui-menubar .ui-submenu-list .ui-shadow,
body .ui-contextmenu .ui-submenu-list.ui-shadow,
body .ui-contextmenu .ui-submenu-list .ui-shadow,
body .ui-slidemenu .ui-submenu-list.ui-shadow,
body .ui-slidemenu .ui-submenu-list .ui-shadow,
body .ui-tieredmenu .ui-submenu-list.ui-shadow,
body .ui-tieredmenu .ui-submenu-list .ui-shadow {
  border: 1px solid #cccccc;
}
body .ui-menu.ui-shadow,
body .ui-menu .ui-shadow {
  border: 1px solid #cccccc;
}
body .ui-menu .ui-submenu-header {
  background-color: #e5e5e5;
}
body .ui-menubar {
  background-color: #f5f5f5;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  color: #777777;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link:hover {
  color: #292b2c;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-slidemenu {
  padding: 0.357em 0;
}
body .ui-slidemenu .ui-menuitem {
  margin: 0;
}
body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-slidemenu .ui-slidemenu-backward {
  background-color: #e5e5e5;
}
body .ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #cccccc;
}
body .ui-megamenu {
  background-color: #f5f5f5;
}
body .ui-megamenu .ui-megamenu-submenu-header {
  background-color: #e5e5e5;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link {
  color: #777777;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link:hover {
  color: #292b2c;
}
body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tabmenu {
  background: #f5f5f5;
  border: 1px solid #dddddd;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  border: 1px solid transparent;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #777777;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #999999;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link {
  color: #292b2c;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #e5e5e5;
}
body .ui-panelmenu .ui-panelmenu-header {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #292b2c;
}
body .ui-panelmenu .ui-panelmenu-header a {
  color: #292b2c;
}
body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
  background-color: #dcdcdc;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
  border-bottom-color: #ffffff;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  color: #292b2c;
  -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: #f7f7f9;
  color: #1d1e1f;
}
body .ui-progressbar {
  border: 0 none;
  background-color: #e3e3e3;
}
body .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  background: #3395ff;
}
body .ui-galleria .ui-galleria-nav-prev {
  color: #777777;
}
body .ui-galleria .ui-galleria-nav-prev:hover {
  color: #292b2c;
}
body .ui-galleria .ui-galleria-nav-next {
  color: #777777;
}
body .ui-galleria .ui-galleria-nav-next:hover {
  color: #292b2c;
}
/*Krishna End*/

/* Add your customizations of the theme here */
.dashboard .overview-boxes .overview-box {
  color: #ffffff;
}

.layout-wrapper .topbar .topbar-left {
  background-color: #003687;
  background-image: linear-gradient(to right, #103372, #103372);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#341A64", endColorStr="#46208E", gradientType="1");
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.layout-wrapper .topbar .topbar-right {
  background-color: #00469D;
  background-image: linear-gradient(to right, #2D75F6, #3179C4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#341A64", endColorStr="#46208E", gradientType="1");
}

.layout-wrapper .topbar .topbar-right #menu-button {
  color: #341a64;
  background-color: #ffffff;
}

.layout-wrapper .topbar .topbar-right #menu-button:hover {
  background-color: #f4f4f4;
}

.layout-wrapper .topbar .topbar-right #topbar-menu-button {
  color: #ffffff;
}

.layout-wrapper .layout-menu-container {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(to right, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(to right, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(to right, #ffffff, #ffffff);
  background-image: -o-linear-gradient(to right, #ffffff, #ffffff);
  background-image: linear-gradient(to right, #ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#ffffff", gradientType="1");
  border-right: 1px solid #cccccc;
}

.dashboard .overview-boxes .overview-box .overview-box-count {
  color: #ffffff;
}
.dashboard .overview-boxes .overview-box.overview-box-1 {
  background-color: #007bff;
  border: solid 1px #007bff;
  color: #ffffff;
}
.dashboard .overview-boxes .overview-box.overview-box-2 {
  background-color: #28a745;
  border: solid 1px #28a745;
  color: #ffffff;
}
.dashboard .overview-boxes .overview-box.overview-box-3 {
  background-color: #fd7e14;
  border: solid 1px #fd7e14;
  color: #ffffff;
}
.dashboard .overview-boxes .overview-box.overview-box-4 {
  background-color: #6f42c1;
  border: solid 1px #6f42c1;
  color: #ffffff;
}
.dashboard .global-sales table tbody tr:nth-child(odd) {
  background: #f9f9f9;
}
.dashboard .product-statistics table td.col-overview div {
  color: #ffffff;
}
.dashboard .product-statistics table td.col-overview.col-wait div {
  background-color: #d9534f;
}
.dashboard .product-statistics table td.col-overview.col-success div {
  background-color: #5cb85c;
}
.dashboard .product-statistics table td.col-overview.col-delay div {
  background-color: #f0ad4e;
}
.dashboard .product-statistics table td.col-overview.col-preorder div {
  background-color: #2ea59f;
}
.dashboard .product-statistics table td.col-status .status-time {
  color: #777777;
}
.dashboard .product-statistics table td.col-numbers span {
  color: #777777;
}
.dashboard .graphs .graph {
  background-color: #ffffff;
  border: solid 1px #dddddd;
}
.dashboard .graphs .graph .graph-title {
  color: #777777;
}
.dashboard .graphs .graph .graph-change {
  color: #777777;
}
.dashboard .task-list ul i {
  color: #777777;
}
.dashboard .contacts ul li .contact-info .location {
  color: #777777;
}
.dashboard .contacts ul li .contact-actions .connection-status {
  color: #ffffff;
}
.dashboard .contacts ul li .contact-actions .connection-status.online {
  background-color: #5cb85c;
}
.dashboard .contacts ul li .contact-actions .connection-status.offline {
  background-color: #d9534f;
}
.dashboard .contacts ul li .contact-actions .fa {
  color: #777777;
}
.dashboard .timeline > .ui-g .ui-g-3 {
  border-right: 1px solid #e5e5e5;
}
.dashboard .timeline > .ui-g .ui-g-3 i {
  background-color: #ffffff;
}
.dashboard .timeline > .ui-g .ui-g-9 .event-text {
  color: #777777;
}
.dashboard .chat ul li.message-from span {
  background-color: #dff0d8;
  border: solid 1px #d6e9c6;
}
.dashboard .chat ul li.message-own span {
  background-color: #d9edf7;
  border: solid 1px #bce8f1;
}
.dashboard .chat .new-message {
  border-top: 1px solid #e5e5e5;
  color: #afafc0;
}
.dashboard .chat .new-message .message-attachment {
  border-right: 1px solid #e5e5e5;
}
.login-body .login-panel {
  width: 100%;
  height: 380px;
  position: absolute;
  margin-bottom: 0;
  border-radius: 0;
  bottom: 0;
  text-align: center;
  background-color: #292b2c;
}
.login-body .login-panel .login-panel-content {
  color: #ffffff;
}
.login-body .login-panel .login-panel-content .login-label {
  color: #cccccc;
}
.login-body .login-panel .login-panel-content .guest-sign-in {
  color: #999999;
}
.login-body .login-panel .login-panel-content .link-pane a {
  color: #cccccc;
}
.splash-screen {
  background-color: #2D75F6;
}

.splash-screen .splash-loader {
  border: 4px solid #ffffff;
  border-right-color: transparent;
}

.exception-body.notfound {
  background: url('../images/exception/bg-404.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.exception-body .exception-text {
  color: #ffffff;
}
.exception-body .exception-text .exception-box {
  color: #292b2c;
  background-color: #ffffff;
}
.exception-body .exception-text .notfound-box {
  color: #ffffff;
  background-color: #292b2c;
}
.exception-body .exception-text .notfound-text {
  color: #292b2c;
}
.exception-body .exception-panel {
  background-color: #292b2c;
}
.exception-body .exception-panel .exception-panel-content {
  color: #ffffff;
}
.landing-body {
  background: #f4f4f4;
}
.landing-body .section-button {
  background-color: #337ab7;
  color: #ffffff;
}
.landing-body .section-button:hover {
  background-color: #2d6da3;
  cursor: pointer;
}
.landing-body .section-button:focus {
  background-color: #2d6da3;
  outline: 0 none;
}
.landing-body .section-button:hover {
  background-color: #2d6da3;
}
.landing-body .section-button:focus {
  background-color: #2d6da3;
  outline: 0 none;
}
.landing-body .landing-menu li a {
  color: #ffffff;
  border-bottom: 1px solid transparent;
}
.landing-body .landing-menu li a:hover {
  border-bottom: 1px solid #ffffff;
}
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane button {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane button:hover {
  background-color: #ffffff;
  color: #434560;
}
.landing-body .landing-wrapper #header .header-content {
  color: #ffffff;
}
.landing-body .landing-wrapper #features {
  background-color: #ffffff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.landing-body .landing-wrapper #features > div {
  color: #292b2c;
}
.landing-body .landing-wrapper #showcase-content-wrapper {
  background-color: #fafcfe;
}
.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content h2 {
  color: #2d353c;
}
.landing-body .landing-wrapper #stats {
  background: #6d6d7e;
  background: -moz-radial-gradient(50% 50%, circle cover, #6d6d7e, #3b3b48);
  background: -webkit-radial-gradient(50% 50%, circle cover, #6d6d7e, #3b3b48);
  background: radial-gradient(circle at 50% 50%, #6d6d7e, #3b3b48);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6d6d7e", endColorstr="#3b3b48",GradientType=1 );
}
.landing-body .landing-wrapper #stats > div .stat-card {
  color: #ffffff;
}
.landing-body .landing-wrapper #stats > div .component-content.components {
  background-color: #a83279;
  background-image: -webkit-gradient(linear, left top, right top, from(#a83279), to(#b04167));
  background-image: -webkit-linear-gradient(to right, #a83279, #b04167);
  background-image: -moz-linear-gradient(to right, #a83279, #b04167);
  background-image: -ms-linear-gradient(to right, #a83279, #b04167);
  background-image: -o-linear-gradient(to right, #a83279, #b04167);
  background-image: linear-gradient(to right, #a83279, #b04167);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#a83279", endColorStr="#b04167", gradientType="1");
}
.landing-body .landing-wrapper #stats > div .component-content.development {
  background-color: #457fca;
  background-image: -webkit-gradient(linear, left top, right top, from(#457fca), to(#5691c8));
  background-image: -webkit-linear-gradient(to right, #457fca, #5691c8);
  background-image: -moz-linear-gradient(to right, #457fca, #5691c8);
  background-image: -ms-linear-gradient(to right, #457fca, #5691c8);
  background-image: -o-linear-gradient(to right, #457fca, #5691c8);
  background-image: linear-gradient(to right, #457fca, #5691c8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#457fca", endColorStr="#5691c8", gradientType="1");
}
.landing-body .landing-wrapper #stats > div .component-content.consumed {
  background-color: #563d7c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
  background-image: -webkit-linear-gradient(to bottom, #563d7c, #6f5499);
  background-image: -moz-linear-gradient(to bottom, #563d7c, #6f5499);
  background-image: -ms-linear-gradient(to bottom, #563d7c, #6f5499);
  background-image: -o-linear-gradient(to bottom, #563d7c, #6f5499);
  background-image: linear-gradient(to bottom, #563d7c, #6f5499);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#563d7c", endColorStr="#6f5499");
}
.landing-body .landing-wrapper #pricing {
  background-color: #ffffff;
}
.landing-body .landing-wrapper #pricing > div .ui-g-12 .price-type {
  border: 1px solid #dddddd;
  color: #6a6a7d;
}
.landing-body .landing-wrapper #pricing > div .ui-g-12 .price-type .price-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
}
.landing-body .landing-wrapper #pricing > div .ui-g-12 .price-type .price-for {
  color: #bdc3c9;
}
.landing-body .landing-wrapper #pricing > div .ui-g-12 .price-type .price-content span {
  color: #6a6a7d;
}
.landing-body .landing-wrapper #pricing > div .ui-g-12 .price-type ul li {
  color: #6ba6d9;
  border-bottom: 1px solid #dddddd;
}
.landing-body .landing-wrapper #footer {
  background-color: #292b2c;
  border: solid 1px #dee4e9;
}
.landing-body .landing-wrapper #footer .social-icons a {
  color: #ffffff;
}
.landing-body .landing-wrapper #footer > div span {
  color: #cccccc;
}
.landing-body .landing-wrapper #footer > div .footer-newsletter .input-icon {
  color: #3e9018;
}
.landing-body .landing-wrapper #footer > div .landing-menu li a {
  color: #cccccc;
  border-bottom: 1px solid transparent;
}
.landing-body .landing-wrapper #footer > div .landing-menu li a:hover {
  color: #ffffff;
  background-color: transparent;
}
@media (max-width: 1200px) {
  .landing-body {
    background: #f4f4f4;
  }
}

@media (max-width: 1024px) {
  .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible {
    background-color: #f0f2f5;
  }

  .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible > li .topbar-icon {
    color: #103372;
  }

  .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible > li > a .topbar-info{   
    color: #292b2c;
  }

  .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible > li.active-top-menu > a .topbar-info{
    color: #103372;
  }
}

.layout-mask {
  background-color: #424242;
  opacity: 0.7;
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search input:focus {
  border: 1px solid #003687;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 0 #003687;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 0 #003687;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 0 #003687;
}
.layout-wrapper .topbar .topbar-right .topbar-items .search-item .topbar-search i {
  color: #777777;
}

/* warna background sidebar */
.layout-wrapper .layout-menu-container .ui-scrollpanel {
  background: #e1e7ef;
}

/* warna scroll panel sidebar */
.layout-wrapper .layout-menu-container .ui-scrollpanel .ui-scrollpanel-bar {
  background: #7486a7;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.layout-wrapper .layout-menu-container .profile {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.layout-wrapper .layout-menu-container .profile > a .profile-name {
  color: #292b2c;
}

.layout-wrapper .layout-menu-container .profile > a .profile-role {
  color: #777777;
}
.layout-wrapper .layout-menu-container .profile > a i {
  color: #777777;
}

.layout-wrapper .layout-menu-container #profile-menu {
  border-bottom: 1px solid #d6d5d5;
}

.layout-wrapper .layout-menu-container.layout-menu-dark {
  background-color: #363a41;
  background-image: -webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
  background-image: -webkit-linear-gradient(to right, #363a41, #363a41);
  background-image: -moz-linear-gradient(to right, #363a41, #363a41);
  background-image: -ms-linear-gradient(to right, #363a41, #363a41);
  background-image: -o-linear-gradient(to right, #363a41, #363a41);
  background-image: linear-gradient(to right, #363a41, #363a41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#363a41", endColorStr="#363a41", gradientType="1");
}

.layout-wrapper .layout-menu-container.layout-menu-dark .profile .profile-name,
.layout-wrapper .layout-menu-container.layout-menu-dark .profile .profile-role {
  color: #ffffff;
}

.layout-wrapper .layout-menu-container.layout-menu-dark .profile i {
  color: #ffffff;
}
.layout-wrapper .layout-menu-container.layout-menu-dark #profile-menu {
  border-bottom: 1px solid #4a4d54;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a {
  color: #ffffff;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a i {
  color: #ffffff;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a:hover {
  background-color: #4a4d54;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink {
  color: #9370d2;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li a.active-menuitem-routerlink i:first-child {
  color: #9370d2;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem > a {
  border-left-color: #b097de;
  color: #b097de;
  background-color: #282b30;
}
.layout-wrapper .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem > a i {
  color: #b097de;
}

.layout-wrapper .layout-menu li a {
  color: #414141;

  border-left: 4px solid transparent;
}

.layout-wrapper .layout-menu li a i {
  color: #7486A7;
}

/*warna select active hover sidebar menu */
.layout-wrapper .layout-menu li a:hover {
  background-color: #EEEEEE;
}

.layout-wrapper .layout-menu li a .menuitem-badge {
  background-color: #3eb839;
  color: #ffffff;
}

.layout-wrapper .layout-menu li a.active-menuitem-routerlink {
  color: #003687;
}
.layout-wrapper .layout-menu li a.active-menuitem-routerlink i:first-child {
  color: #003687;
}

/* warna selected menu aktif */
.layout-wrapper .layout-menu li.active-menuitem > a {
  color: #103372;
  font-weight:bold;
  background-color: #F0F2F5;
  border-left-color: #2D75F6;
}
.layout-wrapper .layout-menu li.active-menuitem > a i:first-child {
  color: #2D75F6;
}
.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
  background-color: #e8e8e8;
  color: #ffffff;
}
.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
  border-color: transparent;
  border-right-color: #4d535d;
}

/* warna footer */
.layout-footer {
  background: #f0f2f5;
}

.layout-wrapper.menu-layout-static .layout-footer .footer-left {
  background: #E1E7EF;
}

.layout-footer.auth {
  background: #0049A6;
}

.layout-wrapper .layout-footer .footer-text-right {
  color: #777777;
}
.layout-wrapper .layout-footer .footer-text-right a {
  color: #777777;
}
.ajax-loader {
  color: #003687;
}
.layout-wrapper .topbar-items > li > a .topbar-badge {
  background-color: red;
  color: #ffffff;
}
.layout-wrapper .topbar-items > li .topbar-icon {
  color: #ffffff;
}
.layout-wrapper .topbar-items > li .topbar-icon:hover {
  color: #cccccc;
}
.layout-wrapper .topbar-items > li.profile-item a .topbar-item-name {
  color: #ffffff;
}
.layout-wrapper .topbar-items > li.profile-item a .topbar-item-role {
  color: #ffffff;
}
.layout-wrapper .topbar-items > li > ul {
  background-color: #ffffff;
  border-top: 4px solid #003687;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}
.layout-wrapper .topbar-items > li > ul:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #003687;
}
.layout-wrapper.menu-layout-horizontal .topbar .topbar-left {
  background: #341a64;
}
.layout-wrapper.menu-layout-horizontal .topbar .topbar-right {
  background: #341a64;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container {
  background-color: #46208e;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li > a:hover {
  background-color: #5e0000;
  color: #292b2c;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li > a:hover i {
  color: #292b2c;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li > ul {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top: 4px solid #003687;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li > ul li.active-menuitem > a {
  color: #003687;
  background-color: #e8e8e8;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li.active-menuitem > .submenu-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #003687;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li.active-menuitem > a {
  color: #003687;
  background-color: #e8e8e8;
  border-left-color: transparent;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li.active-menuitem > a i {
  color: #003687;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark {
  background-color: #363a41;
  background-image: -webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
  background-image: -webkit-linear-gradient(to right, #363a41, #363a41);
  background-image: -moz-linear-gradient(to right, #363a41, #363a41);
  background-image: -ms-linear-gradient(to right, #363a41, #363a41);
  background-image: -o-linear-gradient(to right, #363a41, #363a41);
  background-image: linear-gradient(to right, #363a41, #363a41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#363a41", endColorStr="#363a41", gradientType="1");
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a {
  color: #ffffff;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a i {
  color: #ffffff;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li a:hover {
  background-color: #4a4d54;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem > a {
  color: #b097de;
  background-color: #282b30;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li.active-menuitem > a i {
  color: #b097de;
}
.layout-wrapper.menu-layout-horizontal .layout-menu-container.layout-menu-dark ul.layout-menu li ul {
  background-color: #363a41;
  background-image: -webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
  background-image: -webkit-linear-gradient(to right, #363a41, #363a41);
  background-image: -moz-linear-gradient(to right, #363a41, #363a41);
  background-image: -ms-linear-gradient(to right, #363a41, #363a41);
  background-image: -o-linear-gradient(to right, #363a41, #363a41);
  background-image: linear-gradient(to right, #363a41, #363a41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#363a41", endColorStr="#363a41", gradientType="1");
}
.layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu > li > ul {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.layout-wrapper.menu-layout-slim .layout-menu-container.layout-menu-dark .layout-menu > li > ul {
  border: none;
  background-color: #363a41;
  background-image: -webkit-gradient(linear, left top, right top, from(#363a41), to(#363a41));
  background-image: -webkit-linear-gradient(to right, #363a41, #363a41);
  background-image: -moz-linear-gradient(to right, #363a41, #363a41);
  background-image: -ms-linear-gradient(to right, #363a41, #363a41);
  background-image: -o-linear-gradient(to right, #363a41, #363a41);
  background-image: linear-gradient(to right, #363a41, #363a41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#363a41", endColorStr="#363a41", gradientType="1");
}
.layout-wrapper .topbar .topbar-right .topbar-items {
  background-color: transparent;
}
.layout-wrapper .topbar .topbar-right .topbar-items:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #003687;
}
.layout-wrapper .topbar .topbar-right .topbar-items > li > a {
  color: #292b2c;
}

.layout-wrapper .topbar .topbar-right .topbar-items > li > a .topbar-info{
  color: #C2DBFC;
}

.layout-wrapper .topbar .topbar-right .topbar-items > li > a .topbar-badge {
  background-color: #3eb839;
  color: #ffffff;
}
.layout-wrapper .topbar .topbar-right .topbar-items > li.active-top-menu > a {
  color: #003687;
}

.layout-wrapper .topbar .topbar-right .topbar-items > li.active-top-menu > a .topbar-info{
  color: #C2DBFC;
}

.layout-wrapper .topbar .topbar-right .topbar-items > li.search-item .topbar-search input {
  border-color: #e5e5e5;
  color: #292b2c;
}
.layout-wrapper .topbar .topbar-right .topbar-items > li.search-item .topbar-search input:focus {
  border-color: #e5e5e5;
}
.layout-wrapper .topbar .topbar-right .topbar-items > li.search-item .topbar-search label {
  color: #292b2c;
}

/* Custom start from styles and sakti_styles and styles from html */

/* Styles html auth */
.welcome-message {
  color: #3B4B73;
}

.welcome-img {
  background-image: url("/assets/img/logokemenkeuLight2.png");
}

.welcome-img.bappenas {
  background-image: url("/assets/img/kemenkeu_bappenas_logo.png");
}

.footerlogo {
  background-image: url("/assets/img/saktiblue.png");
}

.bg-backnew {
  background-image: url("/assets/img/BGLight.PNG") ;
}

.header-list-user {
  color: #1d1e1f; 
}

.list-user ul {
  background: #fff;
}

.list-user ul li {
  background: #fff;
}

.list-user ul li.selected {
  background: #00295c;
  color: #fff;
}

.list-user ul li.selected:hover {
  background: #00295c;
}

/* .layout-wrapper .layout-menu li a.more-menu .logo.monsakti{
  background-image: url("/assets/img/mon_black.png");
}

.layout-wrapper .layout-menu li a.more-menu .logo.hai{
  background-image: url("/assets/img/hai_black.png");
}

.layout-wrapper .layout-menu li a.more-menu .logo.user{
  background-image: url("/assets/img/saktinew.png");
} */

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: #eef2f6;
}

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 {
  color: #0782cf;
}

th {
  background: #e1e5ec;
}

.card {
  background: #ffffff;
}

.box-pns{
  background-color: #cce4f7;
}

.toolbar .ui-toolbar{
  background: #fff;
}

.dynamic-text li span::after{
  background: #F5F5F5;
}

.logo.haichat {
  background-image: url("/assets/img/hai-chat-light-default.svg")
}

.logo.haiticket {
  background-image: url("/assets/img/hai-ticket-light-default.svg");
}

.logo.hai {
  background-image: url("/assets/img/logo-hai.png");
}

li a:hover .logo.haichat {
  background-image: url("/assets/img/hai-chat-light-hover.svg")
}

li a:hover .logo.haiticket {
  background-image: url("/assets/img/hai-ticket-light-hover.svg");
}

.logo.logosakti {
  background-image: url("/assets/img/saktibluehorizontal.svg");
}