header {
	background: linear-gradient(90deg, #5577ed 20%, #31cdfa 100%) !important;
}

#page-container.page-header-modern #page-header {
    box-shadow: 5px 0 10px #5577ed !important;
}

header button:hover {
	background: #ffffff !important;
}

header button:hover i {
	color: #5577ed !important;
}

header button:hover span {
	color: #5577ed !important;
}

nav {
    box-shadow: 5px 0 10px #5577ed !important;
}

nav .pagination {
    box-shadow: 0px !important;
}

.content-background {
	background: #5577ed !important;
}

.content-header-item {
	-webkit-filter: drop-shadow(2px 2px 2px #ffffff);
    filter: drop-shadow(2px 2px 2px #ffffff);
}

.nav-main ul a {
    color: #ffffff !important;
}

.nav-main li.open > ul {
    background-color: #5577ed !important;
}

.nav-main li.open > a.nav-submenu > i {
    color: #31cdfa !important;
}

.nav-main a.active {
    color: #31cdfa !important;
}

.nav-main a:hover, .nav-main a:focus, .nav-main a.active {
  	color: #31cdfa !important;
}

.nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i {
  	color: #31cdfa !important;
}

.sidebar-mini-hide:hover {
  	color: #31cdfa !important;
}

.list-inline-item a.link-effect::before {
    background-color: #ffffff !important;
}

.list-inline-item a.link-effect:hover {
	color: #ffffff !important;
}

.list-inline-item .text-dual-primary-dark {
	color: #ffffff !important;
}

.btn-dual-secondary {
	color: #ffffff !important;
}

.content-side-user {
    background-color: #5577ed !important;
}

.bg-gd-pupr {
	background: linear-gradient(90deg, #5577ed 20%, #31cdfa 100%) !important;
}

table .bg-blue {
	background: linear-gradient(90deg, #5577ed 20%, #5577ed 100%) !important;
}

.modal .bg-primary {
	background: linear-gradient(90deg, #5577ed 20%, #31cdfa 100%) !important;
}

.modal-content {
    border-radius: 10px !important;
}

.modal-content .block-header {
	border-radius: 10px 10px 0px 0px !important;
}

.block .block-footer {
	border-radius: 0px 0px 10px 10px !important;
}

.block-header {
	border-radius: 10px 10px 0px 0px !important;
	background: linear-gradient(90deg, #5577ed 20%, #31cdfa 100%) !important;
}

.pupr-gradient {
	color: #ffffff !important;
	background: linear-gradient(90deg, #5577ed 20%, #31cdfa 100%) !important;
}

.pupr-gradient .text-muted {
	color: #ffffff !important;
}

.block-header .block-title {
	color: #ffffff !important;
}

.head-square {
    border-radius: 0px !important;
}