primeng/resources/themes/kasper/theme.css

[](https://opensource.org/licenses/MIT) [](https://gitter.im/primefaces/primeng?ut

@charset "UTF-8";
/*
* Deprecated: Use nova instead
*/
/*
* Deprecated: Use nova instead
*/
.ui-widget {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Symbol";
  font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Symbol";
  font-size: 1em;
}
.ui-widget :active {
  outline: none;
}

.ui-widget-content {
  border: 1px solid #d1d7dc;
  background-color: #eef1f4;
  color: #414550;
}
.ui-widget-content a {
  color: #414550;
}

.ui-widget-header {
  border: 1px solid #758aa0;
  background-color: #758aa0;
  color: #ffffff;
  font-weight: 500;
}
.ui-widget-header a {
  color: #ffffff;
}

.ui-widget-overlay {
  background-color: #666666;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}

.ui-state-default {
  border: 1px solid #d1d7dc;
  background-color: #374c61;
  color: #ffffff;
}
.ui-state-default a {
  color: #ffffff;
}

.ui-state-active {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-state-active a {
  color: #ffffff;
}

.ui-state-highlight {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-state-highlight a {
  color: #ffffff;
}

.ui-state-focus {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #081c22;
}
.ui-state-focus a {
  color: #081c22;
}

.ui-state-error {
  border-color: #ec4e4e;
  background-color: #ec4e4e;
  color: #ffffff;
}
.ui-state-error a {
  color: #ffffff;
}

.ui-state-disabled,
.ui-widget:disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.ui-state-disabled *,
.ui-widget:disabled * {
  cursor: default !important;
}

/* Forms */
.ui-inputtext {
  background-color: #ffffff;
  color: #333333;
}

.ui-inputtext:enabled:hover {
  border-color: #d1d7dc;
}

.ui-inputtext.ui-state-focus,
.ui-inputtext:focus {
  outline: 0 none;
  border-color: #5a92d1;
  -moz-box-shadow: 0px 0px 5px #5a92d1;
  -webkit-box-shadow: 0px 0px 5px #5a92d1;
  box-shadow: 0px 0px 5px #5a92d1;
}

.ui-inputgroup .ui-inputgroup-addon {
  border-color: #d1d7dc;
  background-color: #eef0f2;
  color: #333333;
}
.ui-inputgroup .ui-inputgroup-addon:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-inputgroup-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-float-label input.ng-dirty.ng-invalid ~ label {
  color: #ffffff;
}

.ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
}
.ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-color: #5a92d1;
}

.ui-chips > ul:not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
}
.ui-chips > ul:not(.ui-state-disabled).ui-state-focus {
  border-color: #5a92d1;
}

.ui-button:focus,
.ui-button:enabled:hover,
.ui-fileupload-choose:not(.ui-state-disabled):hover {
  outline: 0 none;
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-button:focus a,
.ui-button:enabled:hover a,
.ui-fileupload-choose:not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-button:enabled:active,
.ui-fileupload-choose:not(.ui-state-disabled):active {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #ffffff;
}

.ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-dropdown .ui-dropdown-clear-icon {
  color: #999999;
}

.ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-dropdown:not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-listbox .ui-listbox-header .ui-listbox-filter-container .fa {
  color: #333333;
}
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
  color: #374c61;
}
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item.ui-state-disabled .ui-chkbox-box:hover {
  background-color: #ffffff;
  border-color: #d1d7dc;
}
.ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #374c61;
  color: #ffffff;
}

.ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-multiselect:not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-multiselect-panel .ui-multiselect-item.ui-state-disabled:hover .ui-chkbox-box {
  background-color: #ffffff;
  border-color: #d1d7dc;
}

.ui-multiselect-panel .ui-multiselect-close {
  color: #ffffff;
}

.ui-multiselect-panel .ui-multiselect-filter-container .fa {
  color: #333333;
}

.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover a {
  color: #374c61;
}

.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #ffffff;
}

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-paginator a {
  color: #ffffff;
}

.ui-datatable .ui-rowgroup-header a {
  color: #ffffff;
}
.ui-datatable .ui-sortable-column:not(.ui-state-active):hover {
  background-color: #eef1f4;
  color: #374c61;
}
.ui-datatable .ui-row-toggler {
  color: #414550;
}
.ui-datatable tbody.ui-datatable-hoverable-rows > tr.ui-widget-content:not(.ui-state-highlight):hover {
  cursor: pointer;
  background-color: #eef1f4;
  color: #374c61;
}

.ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover a {
  color: #374c61;
}

.ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover a {
  color: #374c61;
}
.ui-picklist .ui-picklist-droppoint-highlight {
  border-color: #5a92d1;
  background-color: #5a92d1;
  color: #3f434d;
}
.ui-picklist .ui-picklist-droppoint-highlight a {
  color: #3f434d;
}
.ui-picklist .ui-picklist-highlight {
  border-color: #5a92d1;
  color: #3f434d;
}
.ui-picklist .ui-picklist-highlight a {
  color: #3f434d;
}

.ui-tree.ui-treenode-dragover {
  border-color: #5a92d1;
}
.ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover a {
  color: #374c61;
}
.ui-tree .ui-treenode-content.ui-treenode-dragover {
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover a {
  color: #374c61;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover a {
  color: #374c61;
}

.ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover a {
  color: #374c61;
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover a {
  color: #374c61;
}

.ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-dialog .ui-dialog-titlebar-icon {
  color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar-icon:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-dialog .ui-dialog-titlebar-icon:hover a {
  color: #374c61;
}

.ui-sidebar .ui-sidebar-close {
  color: #ffffff;
}
.ui-sidebar .ui-sidebar-close:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-sidebar .ui-sidebar-close:hover a {
  color: #374c61;
}

.ui-overlaypanel .ui-overlaypanel-close:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-overlaypanel .ui-overlaypanel-close:hover a {
  color: #374c61;
}

.ui-inplace .ui-inplace-display:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-inplace .ui-inplace-display:hover a {
  color: #374c61;
}

.ui-breadcrumb a {
  color: #ffffff;
}

.ui-menuitem .ui-menuitem-link {
  color: #414550;
}
.ui-menuitem .ui-menuitem-link:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
  border-color: transparent;
}
.ui-menuitem .ui-menuitem-link:hover a {
  color: #374c61;
}
.ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
  border-color: transparent;
}
.ui-menuitem.ui-menuitem-active > .ui-menuitem-link a {
  color: #374c61;
}

.ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover a {
  color: #374c61;
}

.ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
  color: #374c61;
}

.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
  border-color: #d1d7dc;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover a {
  color: #374c61;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover a {
  color: #374c61;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  color: #414550;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
  border-color: transparent;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover a {
  color: #374c61;
}

.ui-datepicker .ui-datepicker-header a {
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-header a:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-datepicker .ui-datepicker-header a:hover a {
  color: #374c61;
}
.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover a {
  color: #374c61;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month:hover {
  border-color: #d1d7dc;
  background-color: #eef1f4;
  color: #374c61;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month:hover a {
  color: #374c61;
}

.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w {
  margin-top: 0.3em;
  background: none !important;
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}
.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {
  content: "";
}
.fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e {
  margin-top: 0.3em;
  background: none !important;
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}
.fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e:before {
  content: "";
}

.ui-rating a {
  color: #333333;
}

.ui-organizationchart .ui-organizationchart-line-down {
  background-color: #b4bec6;
}
.ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #b4bec6;
}
.ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #b4bec6;
}
.ui-organizationchart .ui-organizationchart-node-content {
  border-color: #b4bec6;
}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  color: #b4bec6;
}

/* TurboTable */
.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tfoot > tr > td {
  background-color: #758aa0;
  border: 1px solid #758aa0;
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr {
  background-color: #eef1f4;
  color: #414550;
}
.ui-table .ui-table-tbody > tr > td {
  border: 1px solid #d1d7dc;
  background-color: inherit;
}
.ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #aac7e7;
  color: #ffffff;
}
.ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #eef1f4;
  color: #374c61;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #374c61;
}
.ui-table.ui-table-hoverable-rows .ui-table-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eef1f4;
  color: #374c61;
}

@media (max-width: 35em) {
  .ui-table-responsive .ui-table-tbody > tr {
    border-top: 1px solid #d1d7dc;
    border-bottom: 1px solid #d1d7dc;
  }
}
/* Row Reorder */
.ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #5a92d1;
}

.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #5a92d1;
}

/* TurboTable */
.ui-treetable .ui-treetable-thead > tr > th,
.ui-treetable .ui-treetable-tfoot > tr > td {
  background-color: #758aa0;
  border: 1px solid #758aa0;
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr {
  background-color: #eef1f4;
  color: #414550;
}
.ui-treetable .ui-treetable-tbody > tr > td {
  border: 1px solid #d1d7dc;
  background-color: inherit;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight .ui-treetable-toggler {
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
  background-color: #aac7e7;
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected .ui-treetable-toggler {
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr .ui-treetable-toggler {
  color: #414550;
}
.ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #5a92d1;
  color: #ffffff;
}
.ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #eef1f4;
  color: #374c61;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #374c61;
}
.ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eef1f4;
  color: #374c61;
}

@media (max-width: 35em) {
  .ui-treetable-responsive .ui-treetable-tbody > tr {
    border-top: 1px solid #d1d7dc;
    border-bottom: 1px solid #d1d7dc;
  }
}
/* Row Reorder */
.ui-treetable .ui-treetable-tbody > tr.ui-treetable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #5a92d1;
}

.ui-treetable .ui-treetable-tbody > tr.ui-treetable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #5a92d1;
}

/* InputSwitch */
.ui-inputswitch .ui-inputswitch-slider {
  -webkit-transition: background-color 0.3s, box-shadow 0.2s;
  transition: background-color 0.3s, box-shadow 0.2s;
  background: #cccccc;
}
.ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #ffffff;
}
.ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  -moz-box-shadow: 0px 0px 5px #5a92d1;
  -webkit-box-shadow: 0px 0px 5px #5a92d1;
  box-shadow: 0px 0px 5px #5a92d1;
}
.ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #b7b7b7;
}
.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #186ba0;
}
.ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #114d74;
}

/* Validation */
.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
p-chips.ng-dirty.ng-invalid > .ui-inputtext,
p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border-bottom-color: #ec4e4e;
}

/* Cornering */
.ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

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

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

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

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

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

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

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

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