html, body {
	font-family: Roboto !important;
}

a:hover {
	color: #1D3060;
}

.btn-primary {
	background-color: #1D3060;
	border-color: #1D3060;
	color: #fff;
}

.btn-primary:hover {
	background-color: #FDD00C;
	border-color: #FDD00C;
	color: #000;
}

.m-header__title {
	display: table;
	height: 100%;
	float: left;
	background-color: #1D3060;
	color:#fff;
	min-width: 400px;
}

.m-header__title-text {
	vertical-align: middle;
	display: table-cell;
	padding:0 40px 0 30px;
	font-size:1.4rem;
}

.m-badge.m-badge--info {
	background-color: #1D3060;
}

#selected-customer-account {
	margin-top: 10px;
}

span.k-widget.k-numerictextbox,
span.k-widget.k-datepicker,
span.k-widget.k-dropdown,
span.k-widget.k-maskedtextbox,
span.k-datetimepicker {
	display: block;
}

span.k-widget.k-datetimepicker {
	width:20em;
}

span.k-widget.k-maskedtextbox,
span.k-widget.k-numerictextbox {
	width: 100%;
}

.k-numeric-wrap {
	padding-right: 0;
	padding-right: 0;
}

.element-header {
	font-size:1rem;
	font-weight:600;
	color:#575962;
	display:block;
}

.element-value {
	font-size:1rem;
	color:#7b7e8a;
	font-weight: normal !important;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
	color: #1D3060;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
	color: #1D3060;
}

.btn-accent {
	background-color: #1D3060;
	border-color: #1D3060;
}

.m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--success a.m-tabs__link.active {
	color: #1D3060;
	border-bottom: 1px solid #1D3060;
}

	.m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover > i, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active > i, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover > i, .m-tabs-line.m-tabs-line--success a.m-tabs__link.active > i {
		color: #1D3060;
	}

.m-dropdown__header-title,
.m-dropdown__header-subtitle {
	color: #1D3060;
}

.m-header__title-text a {
	color: #fff !important;
	text-decoration:none;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper {
	background: #fff;
	border: 1px solid #b4b2cc;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
	color: #1D3060;
	/*color: #FDD00C;*/
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper > i {
	color: #b4b2cc;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon:hover .m-nav__link-icon-wrapper {
	background-color: #1D3060;
	border-color: #1D3060;
}

li.m-nav__item.m-topbar__notifications.m-dropdown.m-dropdown--large.m-dropdown--arrow.m-dropdown--align-center.m-dropdown--mobile-full-width:hover a.m-nav__link.m-dropdown__toggle span.m-nav__link-icon span.m-nav__link-icon-wrapper i.flaticon-grid-menu {
	color: #fff !important;
}

.child-tab {
	padding: 1.7rem 0 1.5rem 0 !important;
	/*height: 28% !important;*/
	height: auto !important;
}

.child-tab-head {
	width:97% !important;
}


/*Text Styling*/
.extra-bold {
    font-weight: 900;
}


/*Font Colors*/
.m--font-grey-dark {
    color: #7A7B7B !important;
}

.m--font-grey {
    color: #E9E9E9 !important;
}

.m--font-brandprimary {
    color: #1D3060 !important;
}

.m--font-brandaccent {
    color: #FDD00C !important;
}

/*Button Colors*/

.btn-grey {
    background-color: #E9E9E9;
}

.btn-brandprimary {
    background-color: #1D3060;
}

/*Background Colors*/
.m--bg-grey-dark {
    background-color: #7A7B7B !important;
}

.m--bg-grey {
    background-color: #E9E9E9 !important;
}

.m--bg-brandprimary {
    background-color: #1D3060 !important;
}

/*.m-topbar__notifications a:hover {
	color: #fff !important;
}*/

.m-dropdown .m-dropdown__wrapper .m-dropdown__body {

}

.customer_search_result,
.customer_search_result:hover,
.customer_search_result:active,
.customer_search_result:visited {
	color: #1D3060 !important;
}

.k-grid-norecords-template {
	width:auto;
}

.m-portlet__gridchild {
	width:97% !important;
}

.k-pager-wrap .k-link, .k-pager-wrap .k-pager-nav {
	background-color: inherit !important;
	color:#fff;
}

.k-pager-wrap .k-link:hover, .k-pager-wrap .k-pager-nav:hover {
	color: #fff;
	text-decoration:underline;
}

.k-grid-header tbody tr:hover {
	color: #fff;
}

.k-pager-numbers .k-state-selected, .k-pager-numbers .k-state-selected:hover {
	background-color: #fff;
	border-color: #fff;
	color: #1D3060;
}

.k-upload {
	background-color: #fff;
}

.k-tooltip-validation {
	color: #fff;
	background-color: #f4516c;
}

.k-grid tbody tr:hover {
	color: inherit;
}

.alert-warning:not(.m-alert--outline) {
	color: #000;
}

a.k-link.k-nav-prev,
a.k-link.k-nav-fast,
a.k-link.k-nav-next {
	color: #fff;
}

.btn-sm {
	margin:6px;
}

.activity_title {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 1;
	font-size: 5rem;
	color: #1D3060;
}

.activity_title_subheader {
	position: absolute;
	left: 50%;
	top: 70%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 1;
	font-size: 2rem;
	color: #1D3060;
}

/* used on the customer profile page for bar height */
.m-widget24 .m-widget24__item .progress {
	height:1rem;
}

/* used on the customer profile page for bar height */
.k-progressbar-horizontal {
	height: 2rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #1D3060;
}

.nav-tabs {
	border-bottom: none !important;
}

.alert.m-alert--outline.alert-warning {
	color:#666;
}

.k-grid-norecords-template {	
	height: auto !important;
}

.dropdown-menu > li > a.active, .dropdown-menu > .dropdown-item.active {
	background:#1D3060;
}

.m-table.m-table--head-bg-brand thead th {
	background: #1D3060;
}

.empty_bin,
.empty_bin:hover {
	background-color: #299781 !important;
	color: #fff !important;
}

.recalledProduct,
.recalledProduct:hover {
	background-color: #f00 !important;
	color: #fff !important;
}

tr.recalledProduct .btn.btn-secondary.btn-sm {
	color:#000;
}

.cancelled_line_item {
	opacity: 0.6;
	font-style: italic;
}

.m-card-user .m-card-user__details .m-card-user__name {
	color: #fff;
}

/*.m-badge.m-badge--success {
    background-color: #1D3060;
}*/

.danger {
    color: #f66e84;
}

.success {
	color: #008000;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
    color: #1D3060;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow {
    color: #1D3060;
}

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item:hover > .m-menu__link, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item.m-menu__item--hover > .m-menu__link {
    background-color: #1D3060;
}

    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
        color: #fff;
    }

    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item:hover > .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon {
        color: #fff;
    }

.factoring_description {
	background-color: #34bfa3 !important;
	padding: 3px;
	color: #fff !important;
}

.bad_debt_row {
	background-color: #f4516c30 !important;
	padding: 3px;
}

	.bad_debt_row .btn {
		color: #000 !important;
	}

.factoring_description .btn {
	color: #000 !important;
}

.alert.m-alert--outline.alert-info {
	border-color: #1e604d;
	color: #1e604d;
}

	.alert.m-alert--outline.alert-info.m-alert--icon-solid .m-alert__icon {
		background: #1e604d;
	}

		.alert.m-alert--outline.alert-info.m-alert--icon-solid .m-alert__icon span {
			border-left-color: #1e604d;
		}
	.alert.m-alert--outline.alert-info .close {
		color: #1e604d;
	}

.m-widget25 .m-widget25--progress {
	margin: inherit !important;
}

.m--font-brand {
	color: #1D3060 !important;
}

.m-loader.m-loader--success:before {
	border-top-color: #1D3060;
}

.m-loader.no-margin:before {
	margin-top:0rem !important;
}

a {
	color: #1D3060;
}

.btn-accent:hover,
.btn-accent:not(:disabled):not(.disabled):active, .btn-accent:not(:disabled):not(.disabled).active, .show > .btn-accent.dropdown-toggle {
	background-color: #FDD00C;
	border-color: #FDD00C;
	color: #000 !important;
}

.btn-outline-accent.m-btn--air.focus, .btn-outline-accent.m-btn--air:focus, .btn-outline-accent.m-btn--air:hover, .btn-accent.m-btn--air.focus, .btn-accent.m-btn--air:focus, .btn-accent.m-btn--air:hover, .m-btn--gradient-from-accent.m-btn--air.focus, .m-btn--gradient-from-accent.m-btn--air:focus, .m-btn--gradient-from-accent.m-btn--air:hover {
	box-shadow: 0px 5px 10px 2px rgba(30, 49, 96, 0.36) !important;
}

.btn.btn-accent.active, .btn.btn-accent:hover:not(:disabled) {
	color: #000 !important;
}

.m-nav .m-nav__section .m-nav__section-text {
	color: #1D3060;
}

.m-list-search .m-list-search__results .m-list-search__result-category {
	color: #212529 !important;
}

	.m-list-search .m-list-search__results .m-list-search__result-category {
		margin: 10px 0 10px 0;
	}

.m-list-search .m-list-search__results .m-list-search__result-item:hover .m-list-search__result-item-text {
	color: #1D3060;
}

.m-list-search__result-category i {
	margin-right: 2px;
}

.m-table.m-table--head-separator-primary thead th {
	border-bottom-color: #1D3060;
	font-weight:bold;
}

/* used within quick search, where the whole row is clickable to make the row show a "hand" icon as if it's a link */
.table_row_link:hover {
	cursor: pointer;
	background-color: #1D3060 !important;
	color: #fff;
}

.m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:before {
	background-color: #ababab;
}

.m-switch.m-switch--primary:not(.m-switch--outline) input:checked ~ span:before {
	background-color: #1D3060;
}

.m-switch.m-switch--primary:not(.m-switch--outline) input:empty ~ span:after {
	color: #1D3060;
}

.btn-accent.disabled, .btn-accent:disabled,
.btn-accent.disabled, .btn-accent:disabled {
	background-color: #dedede;
	border-color: #dedede;
	color: #000;
}
.m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
	border: 2px solid #1D3060;
}

.m-radio.m-radio--brand > span:after {
	border: solid #1D3060;
	background: solid #1D3060;
}

.m--font-primary {
	color: #1D3060 !important;
}

.m-table.m-table--head-bg-primary thead th {
	background: #1D3060;
}

.btn.m-btn--label-primary {
	color: #1D3060;
}

.m-widget5 .m-widget5__item .m-widget5__stats1 {
	padding-top: 0 !important;
}

.m-widget5 .m-widget5__item .m-widget5__stats2 {
	padding-top: 0 !important;
}

@media (min-width: 992px) {
	.modal-lg {
		max-width: 1000px;
	}
}

/* notifications dropdown */
.m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
	/*right: -125px;*/
}

.m-dropdown.m-dropdown--arrow .m-dropdown__wrapper {
	padding-top: 0 !important;
}
.m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
	/*color: #1D3060;*/
	right: 6.2px;
}

.m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper {
	width: 450px;
	margin-left: -334px;
}

span.m-list-timeline__badge.m-list-timeline__badge--state1-warning:before {
	background-color: #f00 !important;
}

span.m-list-timeline__badge.m-list-timeline__badge--state1-success:before {
	background-color: #34bfa3 !important;
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg {
	background: #1D3060;
	border-color: #1D3060;
}

.m-switch input:checked ~ span:after {
	background-color: #1D3060;
}

.form-control[readonly] {
	border-color: #f4f5f8;
	color: #6f727d;
	background-color: #f4f5f8;
}

.m-widget27 .m-widget27__pic {
	position: relative
}

	.m-widget27 .m-widget27__pic > img {
		width: 100%;
		height: 286px
	}

	.m-widget27 .m-widget27__pic .m-widget27__title {
		position: absolute;
		left: 50%;
		top: 60%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display: block;
		z-index: 1
	}

		.m-widget27 .m-widget27__pic .m-widget27__title > span {
			font-size: 4.5rem
		}

			.m-widget27 .m-widget27__pic .m-widget27__title > span > span {
				font-size: 2.5rem;
				padding-right: 0.4rem
			}

	.m-widget27 .m-widget27__pic .m-widget27__btn .btn {
		position: absolute;
		left: 50%;
		top: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 1;
		display: block;
		font-size: 1.1rem;
		padding: 1rem 2.5rem
	}

	.m-widget27 .m-widget27__pic:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #909), color-stop(120%, #4F30A2));
		background: linear-gradient(to right, #909 20%, #4F30A2 120%);
		opacity: 0.6
	}

.m-widget27 .m-widget27__container {
	margin-top: 3rem;
	width: 100%;
	padding: 1rem 0.5rem 0 0.5rem
}

	.m-widget27 .m-widget27__container .m-widget27__nav-items {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0.7rem
	}

		.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item {
			display: table-cell
		}

			.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item > a {
				text-align: center;
				font-weight: 500;
				padding: 0.8rem 0 0.8rem 0
			}

	.m-widget27 .m-widget27__container .m-widget27__tab {
		padding: 0 1rem
	}

		.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header {
			padding: 1.1rem 0;
			margin-bottom: 0.5rem
		}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header .m-widget27__title {
				font-size: 1.3rem;
				font-weight: 500;
				margin-bottom: 0
			}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header .m-widget27__desc {
				display: inline-block;
				margin-top: 0.2rem;
				font-size: 1rem
			}

		.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend {
			margin-bottom: 0.9rem
		}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend:last-child {
				margin-bottom: 0
			}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend .m-widget27__legend-bullet {
				width: 1.5rem;
				height: 0.45rem;
				display: inline-block;
				border-radius: 1.1rem;
				margin: 0 1rem 0.1rem 0
			}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend .m-widget27__legend-text {
				display: inline-block;
				font-weight: 500
			}

		.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart {
			position: relative;
			margin-top: 0.5rem
		}

			.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
				font-size: 2.4rem;
				font-weight: 600;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%)
			}

.m-widget27 .m-widget27__pic .m-widget27__btn .btn {
	color: #7b7e8a
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item > a {
	color: #a4a6ae;
	border: 1px solid #ebedf2
}

	.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item > a.active {
		background-color: #9816f4;
		border-color: #9816f4 !important;
		color: #fff
	}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__title {
	color: #575962
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__desc {
	color: #9699a2
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend-text {
	color: #a4a6ae
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
	color: #dadbe2
}

.nav.nav-pills.nav-pills--brand .nav-link.active {
	background: #1D3060;
}

.table th, .table td {
	border-top: none;
}

.row_warning td {
	background-color: #ffb822;
	color: #000;
}

.m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active {
	color: #1D3060;
	border-bottom: 1px solid #1D3060;
}

	.m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover > i, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active > i, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover > i, .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active > i {
		color: #1D3060;
	}

.k-filtercell > span {
	padding-right: unset;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
	color: #fff !important;
}

.m-nav .m-nav__item > .m-nav__link .m-nav__link-title {
	width: 75% !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
	background-color: #1D3060;
	border-color: #1D3060;
}

#partial_view_drawer {
	padding: 0 !important;
	align-items: flex-end !important;
	height: 100%;
	/*width: 750px !important;
	right: -750px !important;*/
}

	#partial_view_drawer div.header {
		background-color: #1D3060;
		color: #fff;
		padding: 20px;
	}

	#partial_view_drawer div.m-quick-sidebar__content {
		padding: 30px;
	}

	#partial_view_drawer div.footer {
		margin-top: 20px;
		background-color: #efefef;
		padding: 30px;
	}

.m-quick-sidebar {
	width: 550px !important;
	right: -550px !important;
}

	.m-quick-sidebar.m-quick-sidebar--on {
		right: 0 !important;
	}

.grid_toolbar_right {
	margin-right: 20px;
}

.grid_toolbar_right li.nav-item a.nav-link {
	color: #fff !important;
}

.m-nav-sticky .m-nav-sticky__item > a:hover > i {
	color: #1D3060;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link > .m-menu__link-icon {
	color: #1D3060;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-light .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon {
	color: #1D3060;
}

.corner-portlet {
	border-radius: 20px;
	padding: 20px;
}

.error-msg {
	border-left-color: #F22121 !important;
	border-left-width: 10px !important;
	border-radius: 5px;
	border: 1px solid #ebedf2;
	padding: 5px 15px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
#m_quicksearch {
	width: 200px;
}
.overview-box {
	background: #ffffff;
	padding: 5px;
	text-align: center;
}
.success {
	border-radius: 10px;
	color: #08CB15;
	text-align: center;
}

.error {
	border-radius: 10px;
	color: #F22121;
	text-align: center;
}

p.error, p.success {
	margin: 0 20px !important;
}

.chart-box {
	background: #ffffff;
	padding: 20px;
	width: 100%;
	height: 100%;
	box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.chart-tab {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #ffffff;
	color: #3E3E3E;
	border: 1px solid #3E3E3E;
	border-radius: 20px;
}
.chart-tab a {
	color: #3E3E3E;
}

.chart-tab.active {
	background: #1D3060;
	border: 1px solid #1D3060;
	color: #ffffff;
}

.chart-tab.active a {
	color: #ffffff;
}

.m-badge.m-badge--primary {
	background-color: #1D3060;
}

@media (min-width: 1563px) {
	#m_header_icon {
		display: none;
	}
}
.m-header-search__wrapper {
	width: 250px;
}

.filter-dropdown {
	position: absolute;
	top: 24%;
	right: 0;
	background: #f8f9fa;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	display: none;
	z-index: 1050;
}

	.filter-dropdown.show {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: flex-start;
	}

.filter-card {
	display: flex;
	align-items: center;
	background: #e2e4e7;
	border-radius: 8px;
	padding: 6px;
	width: 30%;
	text-align: center;
	transition: background 0.3sease;
	cursor: pointer;
}

	.filter-card:hover {
		background-color: #1d3060 !important;
		color: white !important;
		transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	}

		.filter-card:hover .filter-name {
			color: white !important;
		}

		.filter-card:hover .icon {
			background-color: white !important;
			color: #1d3060 !important;
		}

	.filter-card.selected {
		background-color: #1d3060 !important;
		color: white !important;
	}

	.filter-card .icon {
		background: #ffc241;
		color: white;
		border-radius: 50%;
		padding: 10px;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
	}

	.filter-card .filter-name {
		margin-left: 8px;
		font-size: x-small;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 80px;
		color: black;
	}

.selected-filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.filter-chip {
	display: flex;
	align-items: center;
	background: #1d3060;
	color: white;
	padding: 6px 10px;
	border-radius: 20px;
	font-size: 14px;
}

	.filter-chip .remove {
		margin-left: 8px;
		cursor: pointer;
		font-weight: bold;
	}

.filter-card.selected {
	background-color: #1d3060 !important;
	color: white !important;
}

	.filter-card.selected .filter-name {
		color: white !important;
	}

	.filter-card.selected .icon {
		background-color: white !important;
		color: #1d3060 !important;
	}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}
.blur-effect {
	filter: blur(2px);
	pointer-events: none;
}
.no-pointer {
	cursor: default !important;
	pointer-events: none;
	background-color: transparent !important;
}