.card {
	background-color: #ffffff;
	color: #5b676d;
	-webkit-box-shadow: 0 1px 2px rgba(56,65,74,.15)!important;
	box-shadow: 0 1px 2px rgba(56,65,74,.15) !important;
	border-radius: 6px!important;
}
.topbar .navbar-header {
	background: #4d44b5;
}
/*.left-sidebar {
	background: #4d44b5;
}*/
.sidebar-nav, .left-sidebar {
	background: #4d44b5;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	background: #6860c0 !important;
}
.mini-sidebar .sidebar-nav #sidebarnav li a {
	color: #000000;
}
.mini-sidebar .sidebar-nav #sidebarnav li a:hover {
	color: #ffffff!important;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
	top: 45px !important;
	left: 69px;
}
html body .page-wrapper {
	background: #f3f3f9;
}
html body.loggedin {
	background: #e6ebee;
}
.font-22 {
	font-size: 18px !important;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
	padding-left: 12px;
	padding-right: 12px;
	font-size: 18px !important;
	line-height: 54px;
}
.font-28 {
	font-size: 22px !important;
}
.sidebar-nav > ul > li.active > a {
	color: #ffffff;
	background: #6860c0;
}
.sidebar-nav > ul > li.active > a i {
	color: #ffffff;
	background: #6860c0;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #ffffff;
	border-radius: 4px;
}
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: #ffffff;
}
.sidebar-nav ul li ul li a {
	padding-left: 10px !important;
}
.sidebar-nav ul li ul li a:hover, .sidebar-nav ul li ul li a.active {
	color: #ffffff;
	background: #6860c0;
}
.sidebar-nav ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
#sidebarnav {
	padding-top: 0;
	padding-bottom: 40px;
}
.sidebar-nav > ul > li {
	margin: 0;
}
#main-sidenav {
	height: 100%;
	padding-right: 0;
}
.sidebar-nav ul li ul {
	padding-left: 0;
}
.sidebar-nav ul li ul li a {
	padding-left: 50px;
}
.sidebar-nav > ul > li > a i {
	width: 35px;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	border-radius: 100px;
	height: 30px;
	width: 30px;
	font-size: 15px;
	margin: 0 auto;
	text-align: center;
	line-height: 28px;
	margin-right: 5px;
}
.sidebar-nav > ul > li.active > a i {
	color: #ffffff;
}
.sidebar-nav .has-arrow:after {
	top: 50%;
}
.page-titles {
	background: transparent;
	margin-bottom: 20px;
	padding: 0px;
}
.text-themecolor {
	color: #1c1c1c !important;
	font-weight: 600;
}
.list-actions-search, .list-actions-button {
	background-color: #fff !important;
}
a {
	color: #495057
}
.modal .modal-dialog .modal-header .modal-title {
	color: #303972;
	font-weight: 500;
	border-bottom: solid 3px #303972;
}
.form-horizontal label {
	color: #303972;
	font-weight: 500;
}
.modal .modal-dialog .modal-body .spacer .title {
	color: #303972;
}
.card-body {
	padding: 25px;
}
.settings .navbar-header {
	background-color: #4d44b5;
	font-size: 18px;
	padding-left: 20px;
	width: 200px;
	border-bottom: solid 2px;
	height: 73px;
	border-color: #000;
}
.settings .left-sidebar .sidebar-nav {
	background: #4d44b5;
	height: 100%;
	padding-right: 0;
	padding-top: 0;
}
.settings .left-sidebar {
	padding-top: 70px;
	z-index: 20;
	background-color: #4d44b5;
}
.settings .settings-menu .sidebar-nav ul li ul li a {
	padding-top: 7px;
	padding-bottom: 6px;
	padding-right: 7px;
}
.settings .left-sidebar .sidenav-menu-item ul li a.active {
	color: #ffffff;
	background: #6860c0;
}
.settings .settings-menu .sidebar-nav ul li ul {
	padding-left: 0;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	color: #f00;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #f00;
	color: #f00;
	background-color: #ffffff;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	border-bottom: 2px solid #f00;
	color: #f00;
	background-color: #ffffff;
}
.profile-tab li a.nav-link, .customtab li a.nav-link {
	color: #000;
	font-weight: 400;
}
#settings-exit-button {
	color: #ffffff !important;
}
#settings-exit-button .text-info {
	color: #ffffff !important;
}
.topbar ul.dropdown-user li a:hover {
	background: #6860c0;
	color: #ffffff;
	text-decoration: none;
}
.page-wrapper {
	margin-left: 200px;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	background: #ffffff;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
	position: absolute;
	left: 75px;
	top: 45px;
	width: 209px;
	padding-bottom: 10px;
	z-index: 1001;
	background: #ffffff;
	display: none;
	padding-left: 1px;
}
.mini-sidebar .sidebar-nav #sidebarnav li a {
	color: #000;
	-webkit-box-shadow: 0 1px 2px rgba(56,65,74,.15) !important;
	box-shadow: 0 1px 2px rgba(56,65,74,.15) !important;
}
a:hover {
	color: #303972;
}
.table td {
	vertical-align: middle;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #242424;
	font-weight: 400;
}
.card .card-title {
	position: relative;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 1rem;
}
.logged-out body .login-background .x-left img {
	display: none;
}
.logged-out body {
	background: #4d1b49;
	background: -moz-linear-gradient(-45deg, #4d1b49 0%, #653eef 99%);
	background: -webkit-linear-gradient(-45deg, #4d1b49 0%, #653eef 99%);
	background: linear-gradient(135deg, #4d1b49 0%, #653eef 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d1b49', endColorstr='#653eef ', GradientType=1 );
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
	border-color: #ff0000;
	background-color: #ff0000;
}
.logged-out .btn-info, .logged-out .btn-info.disabled {
	background: #4d44b5;
	border: 1px solid #4d44b5;
	transition: 0.2s ease-in;
}
.logged-out .btn-info:hover, .logged-out .btn-info.disabled:hover, .logged-out .btn-info:focus {
	background: #2c2490;
	border: 1px solid #2c2490;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #2c2490;
	border-color: #2c2490;
}
.logged-out .text-info {
	color: #e60000 !important;
}
.logged-out h4 {
	font-weight: 700;
}
.card h5.card-title {
	color: #303972;
}
.card h5.card-title:before {
	position: absolute;
	content: "";
	bottom: -10px;
	left: 1px;
	height: 3px;
	width: 31px;
	background: #4d44b5;
}
.sidebar-nav ul {
	margin: 10px;
	padding: 0px;
}
.sidebar-nav > ul > li.active > a {
	border-color: transparent;
	border-radius: 4px;
}
#js-trigger-home-admin-wrapper h2 {
	color: #303972;
	font-weight: 700;
}
.table thead th, .table th {
	font-weight: 600;
}
.card-modal .card-left-panel {
	background-color: #fff;
}
.card-modal .modal-dialog .modal-content #cardModalTabMenu ul li a.active {
	color: #ffffff;
	font-weight: 500;
	background-color: #4d44b5;
}
.card-modal .modal-dialog .modal-content #cardModalTabMenu ul li a {
	border-color: transparent;
	background-color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	color: initial;
	font-size: 16px;
}
.card-modal .modal-body {
	color: #000;
}
.card-modal .card-right-panel {
	background-color: #f7f6ff;
}
.card-modal .card-right-panel .x-element {
	border-color: #4d44b5;
	background-color: #4d44b5;
}
.card-modal .card-right-panel .x-element.x-element-info {
	border-color: #4d44b5;
	background-color: #4d44b5;
}
.card-modal .card-right-panel .x-element.x-element-info .x-highlight {
	color: #ffffff;
}
.card-modal .card-right-panel .x-element.x-element-info {
	color: #ffffff;
}
.card-right-panel table td, .card-right-panel table th {
	background-color: #ffffff;
	border-color: #4d44b5;
	padding: 4px;
	font-size: 12px;
}
.card-right-panel table {
	margin-bottom: 0
}
.timeline .x-meta a.link {
	color: #303972;
	font-weight: 600;
}
.profiletimeline .sl-date {
	color: #4a4a4a;
}
.card-modal .card-right-panel .x-element .x-highlight {
	color: #ffffff;
}
.card-modal .card-right-panel .x-element {
	color: #ffffff;
}
.right-sidebar .rpanel-title {
	background: #4d44b5;
}
.list-actions-button.active {
	background-color: #f7f6ff;
!important;
	color: #4d44b5 !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
	border-color: #4d44b5;
	background-color: #4d44b5;
}
.mini-sidebar .sidebar-nav #sidebarnav > li.has-submenu:hover > a {
	width: 295px;
	color: #ffffff;
}
.mini-sidebar .top-navbar .navbar-header {
	width: 90px;
}
.mini-sidebar .page-wrapper {
	margin-left: 90px;
}
.mini-sidebar .left-sidebar {
	width: 90px;
}
.x-title span {
	color: #000000;
}
.profile-tab {
	background: #ffffff;
}
.profile-tab li a.nav-link.active, .profile-tab li a.nav-link:hover {
	border-bottom: 2px solid #000;
	color: #fff;
	background-color: #6860c0;
}
.kanban .kanban-wrapper .boards .board .board-body {
	background-color: #fff;
}
.modal .modal-content {
	border-radius: 4px;
	background-color: #fff;
	color: #67757c;
}
.page-wrapper .btn-danger, .page-wrapper .btn-danger.disabled {
	background: #4d44b5;
	border: 1px solid #4d44b5;
	transition: 0.2s ease-in;
}
.page-wrapper .btn-danger:not(:disabled):not(.disabled).active, .page-wrapper .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #261c91;
	border-color: #261c91;
}
.page-wrapper .btn-danger:hover, .page-wrapper .btn-danger.disabled:hover, .page-wrapper .btn-danger:focus, .page-wrapper .btn-danger.disabled:focus {
	background: #261c91;
	border: 1px solid #261c91;
}
.modal .btn-danger, .modal .btn-danger.disabled {
	background: #4d44b5;
	border: 1px solid #4d44b5;
	transition: 0.2s ease-in;
}
.modal .btn-danger:not(:disabled):not(.disabled).active, .modal .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #261c91;
	border-color: #261c91;
}
.modal .btn-danger:hover, .modal .btn-danger.disabled:hover, .modal .btn-danger:focus, .modal .btn-danger.disabled:focus {
	background: #261c91;
	border: 1px solid #261c91;
}
.profile_header.client {
	background-color: #fff;
	border-bottom: solid 1px #ccc;
}

 .navbar-top-right .text-danger {
	color: #4d44b5 !important;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #ffffff;
	background-color: #4d44b5;
	border-color: #4d44b5 #4d44b5 #fff;
}

.form-control-sm {
	height: calc(1.5em + .5rem + 14px);
	padding: .5rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
		min-height: auto !important;

}

.form-group-sm .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.form-control-sm {
	border-radius: .2rem;
	font-size: .875rem;
	height: -webkit-calc(1.8125rem + 6px)!important;
	height: calc(2rem + 8px!important;
	line-height: 2.2!important;
	padding: .25rem 1.25rem .25rem .5rem!important;
}

.select2-container--bootstrap .select2-selection--multiple {
	min-height: -webkit-calc(2.25rem + 2px);
	min-height: calc(2.25rem + 2px);
	padding: 0; 
	height: 36px!important;
}