/*Scrollbar*/
@media (min-width: 992px) {
	/* width */
	::-webkit-scrollbar {
		width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		border-radius: 10px;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 3px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #1c55ff !important;
	}
}
/*End Scrollbar*/

.page-title-box {
	background-color: #f5f7fa;
	background-image: none;
}

.page-title-box h4 {
	color: #636e75;
}

.breadcrumb-item > a {
	color: #636e75;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #636e75;
}

.breadcrumb-item.active {
	color: #999 !important;
}

.btn-shadow {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
	transition: 0.1s;
	border: 2px solid #1c55ff !important;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ddd !important;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ddd !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ddd !important;
}

.tox-tinymce-aux {
	z-index: 99999999 !important;
}

/*Datatables modification color*/

table > thead > tr,
th {
	height: 0px !important;
}

table > tbody > tr {
	border: 1px solid #eee !important;
}

table > tbody > tr:active {
	--bs-table-accent-bg: none;
	background-color: #fce4ec !important;
	cursor: pointer;
	transition: 0.5s;
}

div.dataTables_processing > div:last-child > div {
	background: #1c55ff !important;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

/*End datatable*/

.mm-active > a {
	color: #1c55ff !important;
	background-color: #f5f7fa !important;
}

.mm-active > a:hover {
	color: #1c55ff !important;
	background-color: #f5f7fa !important;
}

.mm-active > a i {
	color: #1c55ff !important;
}

.mm-active > a i:hover {
	color: #1c55ff !important;
}

.mm-active .active {
	color: #1c55ff !important;
}

.mm-active .active i {
	color: #1c55ff !important;
}

.bg-primary {
	background-color: #1c55ff;
}

.btn-primary {
	background-color: #1c55ff !important;
	border-color: #1c55ff !important;
}

.btn-primary:hover {
	background-color: #2b63d9 !important;
	border-color: #2b63d9 !important;
}

.page-item.active .page-link {
	background-color: #1c55ff;
	border-color: #1c55ff;
}

.user-sidebar {
	background-color: #bb002f;
}

.item-nowrap {
	white-space: nowrap !important;
	overflow-x: hidden;
}

.form-check-input:checked {
	background-color: #1c55ff !important;
	border-color: #1c55ff !important;
}

.text-primary {
	color: #1c55ff !important;
}

.tw-nowrap {
	white-space: nowrap !important;
}

.typeahead.dropdown-menu li.active {
	background-color: #eee !important;
}

.bg-primary-theme {
	background-color: #1c55ff !important;
}

.form-check-input.theme-secondary:checked {
	background-color: #0fbcdf;
	border-color: #0fbcdf;
}

#sidebar-menu ul li a:hover {
	color: #1c55ff !important;
}

#sidebar-menu ul li a i:hover {
	color: #1c55ff !important;
}

.nav-link:active {
	background-color: #ddd !important;
	transition: 0.1s;
}

.nav-link:hover {
	transition: 0.3s;
	background-color: #32beb3 !important;
	color: white !important;
}

.accordion-button:not(.collapsed) {
	color: #606060 !important;
	background-color: #def768 !important;
	font-weight: bold;
	font-size: 1rem;
}

.accordion-button.collapsed {
	font-weight: bold;
	font-size: 1rem;
}

#sidebar-menu ul li a:hover i {
	color: #1c55ff !important;
}

@media (max-width: 992px) {
	.navbar-brand-box {
		display: none !important;
	}

	.vertical-menu {
		top: 0px !important;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.page-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#datatable_processing {
		border: 2px solid #525ce5 !important;
	}

	div.dataTables_wrapper div.dataTables_filter {
		text-align: center !important;
	}
}