#layout-topbar, #layout-topbar-menu,  #layout-menu>li>.openSubMenu, .ui-chkbox .ui-state-hover, .ui-chkbox .ui-state-active,
.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus, .ui-radiobutton .ui-state-hover, .ui-radiobutton .ui-state-active,
.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus,
.ui-datatable .ui-paginator .ui-state-active, .ui-datatable .ui-paginator .ui-state-hover, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active, 
.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-hover, .HoverEffect:hover, .ui-datepicker-calendar tbody tr td:hover,
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day, .ui-paginator-rpp-options.ui-state-focus, .ui-selectonemenu-panel,
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.abs_select_menu.ui-state-focus,
.ui-datepicker-calendar tbody tr .ui-datepicker-today a, .ui-datepicker-calendar tbody tr .ui-datepicker-today, .ui-button-text {
	border-color: #33AFDE !important;
}

.ui-button-text, .ui-datatable .ui-datagrid-header, .ui-datatable .ui-datatable-header, 
.ui-datatable .ui-datatable-subtable-header, .ui-datatable .ui-datatable-summaryrow ,
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, 
.ui-selectonemenu-panel, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active, 
.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-hover , .ui-datatable .ui-paginator .ui-paginator-rpp-options.ui-state-hover,
.ui-datatable .ui-paginator .ui-paginator-rpp-options.ui-state-focus, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.three-dots-button,
#layout-topbar-menu > li > a.ui-spark-focus, #layout-topbar-menu li ul a.ui-spark-focus, #layout-menu > li > a.ui-spark-focus, #layout-menu li ul a.ui-spark-focus, 
#layout-menu .ui-button .ui-button-text,  #layout-topbar-menu li:hover>a, #mobile-menu-button-gray, #layout-menu .ui-inputfield, 
#mobile-menu-button, #layout-topbar-menu li ul li a:hover, .ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet,
.ui-chkbox-box .ui-icon-check, .ui-datepicker-header .ui-datepicker-next, .ui-datepicker-header .ui-datepicker-prev, 
.ui-chkbox .ui-state-hover, .ui-chkbox .ui-state-active, .ui-datatable .ui-paginator .ui-state-active, .ui-datatable .ui-paginator .ui-state-hover, 
.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-hover, #layout-menu,
#choosecustomer-title, .ui-datepicker-calendar tbody tr td:hover, .ui-datepicker-calendar tbody tr .ui-datepicker-current-day,
.ui-panel .ui-panel-titlebar, .customBackground, .ui-steps.custom .ui-steps-item .ui-steps-title, .ui-state-active, .ui-widget-content .ui-state-active, 
.customColorBackground, .blueHeader {
	background-color: #33AFDE !important;
}

.HoverEffect:hover, #layout-topbar-menu > li > a.ui-spark-focus, .ui-datatable table tbody .ui-state-hover td,
.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus, .ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a,
.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus, .ui-commandlink, .ui-link, .ui-selectonemenu-panel .ui-state-highlight,
.ui-datepicker-calendar tbody tr .ui-datepicker-today a.ui-state-default.ui-state-highlight, .ui-messages-info, .ui-tooltip,
.blueHeader .blueHeaderButton span {
	color: #33AFDE !important;
}

#layout-menu {
	background: #33AFDE !important;
	-webkit-box-shadow: 0px 1px 0px 0px #33AFDE !important;
    -moz-box-shadow: 0px 1px 0px 0px #33AFDE !important;
   	box-shadow: 0px 1px 0px 0px #33AFDE !important;
}

@media (max-width: 960px) {
	#layout-menu li:hover>a {
		background-color: #33AFDE !important;
	}
}

.ui-inputswitch .ui-inputswitch-on {
	background: transparent !important;
}