.gradient_bg{

	background-color: #2f33ff;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0.32, #2f33ff),  color-stop(0.83, #5c7c99));
	/* chrome 10+, safari 5.1+ */
	background-image:-webkit-linear-gradient(90deg, #2f33ff,  #5c7c99);
	/* firefox; multiple color stops */
	background-image:-moz-linear-gradient(90deg, #2f33ff,  #5c7c99);
	/* ie10 */
	background-image: -ms-linear-gradient(90deg, #2f33ff 0%, #8d19fc 100%);
	/* opera 11.1 */
	background-image: -o-linear-gradient(90deg, #2f33ff, #8d19fc);

	background-image: linear-gradient(90deg, #2f33ff, #8d19fc);

}

.ui-menu.ui-menubar {

	background-color: #2f33ff!important;
	color: white!important;
	margin-right: 50px;
	border-radius: 10px!important;
	margin-bottom:10px!important;
}

.customMenuBar .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
	float: none;
	vertical-align: middle;
	color: white!important;
}

.ui-menu .ui-menu-list .ui-menuitem .customMenuBarSub .ui-menuitem-text {
	float: none;
	vertical-align: middle;
	color: #495057!important;
}



.customMenuBar .ui-menu-list .ui-menuitem {
	border-radius: 40px!important;
}

.ui-menu .ui-menu-list .ui-menuitem .customMenuBarSub.ui-state-hover .ui-menuitem-text {
	color: white!important;
}


.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
	border-radius: 40px!important;
}

.layout-topbar .topbar-menu{
	color: white;
	font-size: 1.2em;
}
.layout-topbar .topbar-menu > li > a {
	color: white;
	font-size: 1em;
}

.pi {
	font-size: 1.3rem;
	padding-right: 8px;
}
.layout-sidebar {
	position: absolute;
	left: 0;
	top: 82px;
}

.firstMenu{position: relative!important;
	height: 58px!important;
	line-height: 58px!important;
	vertical-align: middle!important;
	border-radius: 40px 0 0 40px!important;
	color:#666666!important;
	padding:10px 0 10px 0!important;
}


.ui-menuitem-active{

	background-color: #2f33ff!important;
	/* chrome 2+, safari 4+; multiple color stops */background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0.32, #2f33ff),  color-stop(0.83, #5c7c99))!important;
	/* chrome 10+, safari 5.1+ */background-image:-webkit-linear-gradient(90deg, #2f33ff,  #5c7c99)!important;
	/* firefox; multiple color stops */background-image:-moz-linear-gradient(90deg, #2f33ff,  #5c7c99)!important;
	/* ie10 */background-image: -ms-linear-gradient(90deg, #2f33ff 0%, #8d19fc 100%)!important;
	/* opera 11.1 */background-image: -o-linear-gradient(90deg, #2f33ff, #8d19fc)!important;
	background-image: linear-gradient(90deg, #2f33ff, #8d19fc)!important;
	color:white!important;}

.ui-menuitem-active > .ui-menuitem-link{
	color:white!important;
	background:none!important;
	vertical-align: middle!important;
	vertical-align: middle!important;
}

.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon{
	color:white!important;
	background:none!important;
	vertical-align: middle!important;

}

.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text{
	color:white!important;
	background:none!important;
	vertical-align: middle!important;

}
.ui-menuitem-active > .ui-menuitem-link .ui-icon{
	color:white!important;
	background:none!important;
	vertical-align: middle!important;

}

.secondMenu{
	position: relative!important;
	height: 40px!important;
	line-height: 40px!important;
	vertical-align: middle!important;
	border-radius: 20px!important;
	color:#666666!important;

	padding:0px 0 0px 0!important;

}

.secondMenu.ui-menuitem-active{
	background-color: #2f33ff!important;
	/* chrome 2+, safari 4+; multiple color stops */background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0.32, #2f33ff),  color-stop(0.83, #2f33ff))!important;
	/* chrome 10+, safari 5.1+ */background-image:-webkit-linear-gradient(90deg, #2f33ff,  #2f33ff)!important;
	/* firefox; multiple color stops */background-image:-moz-linear-gradient(90deg, #2f33ff,  #2f33ff)!important;
	/* ie10 */background-image: -ms-linear-gradient(90deg, #2f33ff 0%, #2f33ff 100%)!important;
	/* opera 11.1 */background-image: -o-linear-gradient(90deg, #2f33ff, #2f33ff)!important;
	background-image: linear-gradient(90deg, #2f33ff, #2f33ff)!important;

	color:white!important;
}

.card{
	margin-right: 50px;
	padding: 1em!important;
	border-radius: 20px!important;
}

.ui-tabs-header{
	height:30px!important;
}

.ui-tabs-selected{
	background-color: #2f33ff!important;
	border-radius: 10px 10px 0 0!important;
	color:white!important;

}

.ui-tabs-selected a{
	color:white!important;
}

.ui-fluid .ui-selectonemenu-label{
	padding-right: 2.357rem!important;
}

.ui-panelgrid .ui-panelgrid-cell{
	padding:10px!important;
}

.datatabelCard{
	padding: 0!important;
}

.customDatatable{
	border-radius: 20px!important;
	background-color: #f5f5f5!important;
}
.ui-datatable-tablewrapper{
	border-radius: 20px!important;
}

.ui-datatable .ui-paginator.ui-paginator-bottom {
	margin-top: 10px!important;
}
.ui-datatable thead th{
	background-color: #2f33ff!important;
	color:white!important;
	height:20px!important;
	padding:5px!important;
}

.ui-dialog .ui-dialog-titlebar {
	background: #2f33ff!important;
	color: white!important;
	font-weight: 700!important;
	border-bottom: 0 none!important;
	padding: 1rem!important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
	color: white!important;
}

.ui-button {
	background: #2f33ff!important;
}

.customTableRow{
	text-align:center!important;
}
.ui-datatable thead th  {
	text-align:center!important;
}

.customHiddenPanel .ui-panel-content {
	border:0px!important;
}

.ui-dialog .ui-dialog-content {
	padding: 1rem 1.5rem 1rem 1.5rem!important;
}
.ui-button.ui-button-text-only .ui-button-text {
	color:#fff;
}
.customPanelLabel{
	text-align: right!important;
}
.customImageAutoSize{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

.ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active {
	background-color: #8d19fc!important;

	color:white!important;
}
.card-red.card-outline {
	border-top: 3px solid #2f33ff!important;
}
