.bg-primary{
	background-color: #5c70af !important;
}

/*All Datatables scroll*/
/*width*/
.dataTables_scrollBody::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
/*Track*/
.dataTables_scrollBody::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey;
	border-radius: 10px;
}
/*Handle*/
.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background: linear-gradient( 75deg,#5c70af, #14224e);
	transition: 300ms;
	border-radius: 10px;
}
	/*Handle on hover */
	.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
		background: linear-gradient( 150deg, #14224e, #5c70af);
		transition:ease 1000ms;
	}
.dataTables_scrollBody {
	scrollbar-width: thin; /* "auto" or "thin" */
	scrollbar-color: #14224e #d4d4d4; /* scroll thumb and track */
}

/*width*/
.select2-results__options::-webkit-scrollbar {
	width: 5px !important;
}
/*Track*/
.select2-results__options::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey !important;
	border-radius: 10px !important;
}
/*Handle*/
.select2-results__options::-webkit-scrollbar-thumb {
	background: linear-gradient( 75deg,#5c70af, #14224e) !important;
	transition: 300ms !important;
	border-radius: 10px !important;
}

/*Sidebar manu scroll*/
/*width*/
.main-menu-content::-webkit-scrollbar {
	width: 5px;
}
/*Track*/
.main-menu-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey;
	border-radius: 10px;
}
/*Handle*/
.main-menu-content::-webkit-scrollbar-thumb {
	background: linear-gradient( 75deg,#5c70af, #14224e);
	transition: 300ms;
	border-radius: 10px;
}
	/*Handle on hover */
.main-menu-content::-webkit-scrollbar-thumb:hover {
		background: linear-gradient( 150deg, #14224e, #5c70af);
		transition:ease 1000ms;
}
.main-menu-content {
	scrollbar-width: thin; /* "auto" or "thin" */
	scrollbar-color: #14224e #d4d4d4; /* scroll thumb and track */
}
.ps__rail-y:hover > .ps__thumb-y {
	background-color: #354474;
	width: 5px;
}
.ps__thumb-x, .ps__thumb-y {
	background-color: #1b2f6d;
}
.ps__rail-y {
	width: 5px;
}
.main-menu.menu-light .navigation > li.active > a {
	background: -webkit-linear-gradient(332deg,#5c70af,rgb(92 112 175));
	background: linear-gradient(118deg,#5c70af,rgb(92 112 175));
	color: #FFF;
	font-weight: 400;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 1px #5c70afb5;
}
.mr-1{
	margin-right:1px !important;
}
.mr-5{
	margin-right:5px !important;
}
.text-primary {
	color: #5c70af !important;
}
a {
	color: #5c70af;
}
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh !important;
	background-color: #fff;
	z-index: 99999999;
}

	.preloader > img {
		top: 35vh;
		width: 200px;
		position: relative;
	}
.ql-editor {
	border: 1px solid #ccc;
	border-radius: 0px 0px 5px 5px;
	min-height: 50vh;
}
.ql-container.ql-snow {
	 border: none !important; 
}
.modal .modal-header .btn-close {
	padding: 0.8rem;
	box-shadow: 0px 0px 2px 0px #22292f4f;
	border-radius: 0.357rem;
	background-color: #FFF;
	opacity: 1;
	-webkit-transition: all .23s ease .1s;
	transition: all .23s ease .1s;
	position: relative;
	-webkit-transform: translate(18px,-10px);
	-ms-transform: translate(18px,-10px);
	transform: translate(8px,-7px);
}
.dataTables_scrollHeadInner {
	min-width: 1017px !important;
}
.badge {
	margin: 2px !important;
}
.badge-primary {
	background-color: #5c70af !important;
}
.badge-dark {
	background: #414141 !important;
}
.ml-2 {
	margin-left: 2rem !important;
}
.mr-1 {
	margin-left: 1rem !important;
}
.form-group {
	padding: 10px;
	border-radius: 10px;
}
th{
	white-space:nowrap !important;
}
td .avatar {
	background-color: #F8F8F8;
	margin-right: 1rem !important;
}
.nav-tabs .nav-link:after {
	background: -webkit-linear-gradient(60deg,#5c70af,#5c70af8a) !important;
	background: linear-gradient(30deg,#5c70af,#5c70afd1) !important;
}
.nav-tabs .nav-link.active {
	color: #5c70af;
}
.main-menu.menu-dark .navigation > li.active > a {
	background: -webkit-linear-gradient(332deg,#5c70af,rgba(115,103,240,.7));
	background: linear-gradient(118deg,#5c70af,rgba(115,103,240,.7));
	box-shadow: 0 0 10px 1px rgb(115 103 240 / 70%);
}
td .btn {
	padding: 0.486rem 0.7rem !important;
}
.page-item.active .page-link {
	background-color: #5c70af !important;
}
.table tfoot th, .table thead th {
	text-align: center !important;
}
.table td{
	text-align: center !important;
}