.table th,
form label {
	color: #323232;
}

.conversation-list li:hover .conversation-actions,
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar,
.end-bar-enabled .rightbar-overlay,
.irs-with-grid .irs-grid,
.logo,
.logo span.logo-lg,
.notification-list .notify-item .notify-details .small,
.notification-list .notify-item .notify-details small,
.rateit .rateit-range *,
.select2-results,
body[data-leftbar-theme=light] .logo.logo-dark {
	display: block
}

.leftside-menu,
.logo {
	position: fixed;
	top: 0
}

.side-nav,
.side-nav ul {
	list-style-type: none
}

.side-nav .side-nav-link,
body,
html {
	position: relative
}

.conversation-list .chat-avatar i,
.conversation-list .ctext-wrap i {
	font-style: normal;
	font-size: 12px
}

.apexcharts-legend-text,
.apexcharts-tooltip-text,
.apexcharts-tooltip-title,
.ql-toolbar {
	font-family: Nunito, sans-serif !important
}

.datepicker table,
.irs,
.rateit {
	-webkit-touch-callout: none
}

:root {
	--bs-primary-rgb: #727cf5;
	--hs-btn-primary-color: #fff;
	--hs-background-primary: #070624;
	--hs-btn-hover-background: #9e2297;
	--hs-btn-hover-border-color: #000;
	--hs-btn-color: #fff;
	--hs-navbar-background: #a42299;
	--hs-navbar-color: #fff
}

a {
	text-decoration: none !important
}


.text-danger {
	--bs-text-opacity: 1;
	color: #990202 !important;
	background: #fdfdfd08;
	text-shadow: .1px .1px #fb000059
}

select.form-control:not([size]):not([multiple]) {
	color: #323232;
	background: #f2f4f6;
	height: calc(1.5em + .9rem + 2px)
}
.table-responsive{
	/* border: 1.5px solid #191917; */
	/* border-radius: 5px; */
	/* box-shadow: 6px 3px 6px #001f46; */
}
.header-create-new-btn{
	min-width: 105px;
	margin-bottom: 11px;
	margin-right: 10px;
	background: #E5FCF5;
	border: 1px solid #e4e4e6;
	box-shadow: 2px 4px 5px #0003;
	padding: 5px;
	padding-right: 11px;
	border-radius: 5px;
	display: inline-block;
	text-align:center;
	transition: 0.5s;
	color: #000080;
}
.header-create-new-btn a{
	font-weight: 500;
	color: #040404;
}
.header-create-new-btn:hover {
	background:#002d6b;
}
.header-create-new-btn:hover a{
	color:#fff;
}
select.form-control::-webkit-scrollbar {
	width: 7px;
	background: #fff
}

.fc-unthemed .fc-today,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapse>ul,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapsing>ul,
select.form-control.option:hover {
	background: #fff
}

select.form-control::-webkit-scrollbar-thumb:hover {
	background: #122941
}

select.form-control::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px
}

select.form-control::-webkit-scrollbar-thumb {
	background: #ee7f26;
	border-radius: 10px
}

select.form-control option:hover {
	color: red !important
}


.f10 {
	font-size: 10px
}

.f11 {
	font-size: 11px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}

.f14,
form label {
	font-size: 14px
}

.bg-primary {
	background-color: #fff !important
}

table.dataTable tbody td,
table.dataTable tbody th {
	padding: 4px !important
}

.table th:hover {
	color: #1a1a18;
}

.offcanvas {
	background-color: #fefffe;
}

.content-page,
.datepicker .datepicker-switch:hover,
.editor-toolbar.disabled-for-preview a:not(.no-disable),
.fc-day,
.form-control {
	background: 0 0
}

.table td:hover {
	color: #090909;
}

.table-hover>tbody>tr:hover>* {
	--bs-table-accent-bg: rgb(96 24 24 / 8%);
	color: #000000;
}


.modal-colored-header .btn-close,
.modal-filled .btn-close,
.side-nav .menuitem-active>a,
body[data-leftbar-theme=light] .side-nav .menuitem-active>a,
input[data-switch=bool]+label:before,
input[data-switch=bool]:checked+label:before {
	color: #fff !important
}

.btn-primary:hover {
	text-shadow: 0px 1px 1px #000080;
}

.btn {
	color: var(--hs-btn-color)
}

.datepicker table tr td.today.active:hover,
.modal-filled,
.side-nav-forth-level li a:focus,
.side-nav-forth-level li a:hover,
.side-nav-forth-level li.active>a,
.side-nav-second-level li a:focus,
.side-nav-second-level li a:hover,
.side-nav-second-level li.active>a,
.side-nav-third-level li a:focus,
.side-nav-third-level li a:hover,
.side-nav-third-level li.active>a,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:active,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:focus,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:hover,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link:active,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link:focus,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link:hover,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul a:hover,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul a:hover,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>ul a:hover,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:active,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:focus,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link:hover,
h1,
li,
p {
	color: #121212;
}

html {
	min-height: 100%
}

@supports (-webkit-overflow-scrolling:touch) {
	body {
		cursor: pointer
	}
}

.logo {
	width: 260px
}

.arrow-none:after,
.button-menu-mobile.disable-btn,
.daterangepicker.auto-apply .drp-buttons,
.daterangepicker.single .drp-selected,
.logo span.logo-sm,
.navbar-custom .topbar-left .logo i,
.topnav-navbar .topnav-logo .topnav-logo-sm,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .wrapper .leftbar-user,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo span.logo-lg,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .help-box,
input[data-switch] {
	display: none
}

.logo.logo-light {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 22px;
	letter-spacing: 1px;
	color: #1f66fd;
	font-weight: 900;
	padding: 13px 0 0 39px;
	margin-top: -27px;
}

.wrapper {
	height: 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 7px
}

.content-page {
	overflow: hidden;
	min-height: 100vh
}

.leftside-menu {
	z-index: 10;
	bottom: 0;
	background: #ddd92a;
	background: linear-gradient(180deg, rgba(255, 148, 0, .5998774509803921) 27%, rgba(0, 0, 0, .6951155462184874) 70%);
	padding-top: 70px;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

.side-nav {
	padding-left: 0
}

.side-nav .side-nav-link {
	border: 2px solid #000080;
	margin-bottom: 7px;
	display: block;
	padding: 8px 10px;
	font-size: .88rem;
	-webkit-transition: .4s;
	transition: .4s;
	list-style: none
}

.side-nav .side-nav-link:active,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-link:hover {
	color: #fff;
	text-decoration: none
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #323232;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid transparent;
	border-bottom: 1.5px solid #b1b1b1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
	color: #181818;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1.5px solid #272525;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.side-nav .menu-arrow {
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	position: absolute;
	right: 30px;
	display: inline-block;
	font-family: "Material Design Icons";
	text-rendering: auto;
	line-height: 1.5rem;
	font-size: 1.1rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.side-nav .menu-arrow:before {
	content: "\F0142"
}

.email-menu-list a .badge,
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.side-nav .badge {
	margin-top: 3px
}

.side-nav .side-nav-item.menuitem-active>a:not(.collapsed)>span.menu-arrow,
.side-nav .side-nav-item>a[aria-expanded=true]>span.menu-arrow {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.side-nav .side-nav-title {
	padding: 12px 30px;
	letter-spacing: .05em;
	pointer-events: none;
	cursor: default;
	font-size: .6875rem;
	text-transform: uppercase;
	color: #cedce4;
	font-weight: 700
}

[dir=rtl] .side-nav .menu-arrow:before {
	content: "\F0141";
	display: none
}

.side-nav-forth-level,
.side-nav-second-level,
.side-nav-third-level,
[data-keep-enlarged=true] .navbar-custom {
	padding-left: 0
}

.side-nav-forth-level li .side-nav-link,
.side-nav-forth-level li a,
.side-nav-second-level li .side-nav-link,
.side-nav-second-level li a,
.side-nav-third-level li .side-nav-link,
.side-nav-third-level li a {
	padding: 8px 30px
}

.ribbon-box .ribbon-two-dark span,
.side-nav-second-level li .side-nav-link,
.side-nav-second-level li a,
.topnav {
	background: #313a46
}

.side-nav .side-nav-second-level li a {
	margin-bottom: 2px;
	border: 0 solid transparent;
	margin-left: 13px;
	color: #fff !important;
	background: #4a7a7b;
}

.side-nav li {
	font-size: 15px;
	border-radius: 50px
}

.side-nav .side-nav-link span {
	vertical-align: middle;
	color: #000080;
}

.side-nav .side-nav-link i {
	display: inline-block;
	line-height: 1.0625rem;
	margin: 0 10px 0 0;
	font-size: 1rem;
	vertical-align: middle;
	width: 20px;
	color: #30303d !important;
}

.side-nav-forth-level li a i,
.side-nav-second-level li a i,
.side-nav-third-level li a i {
	font-size: .9rem !important;
	margin: 0 !important
}

.side-nav-forth-level li a,
.side-nav-second-level li a,
.side-nav-third-level li a {
	padding: 4px 0 4px 54px;
	color: #000;
	display: block;
	position: relative;
	-webkit-transition: .4s;
	transition: .4s;
	font-size: .89rem
}

.side-nav-forth-level li a .menu-arrow,
.side-nav-second-level li a .menu-arrow,
.side-nav-third-level li a .menu-arrow {
	line-height: 1.3rem
}

.side-nav-third-level li a {
	padding: 8px 30px 8px 50px
}

.side-nav-forth-level li a {
	padding: 8px 30px 8px 100px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
	min-height: 0
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
	position: absolute;
	z-index: 5;
	padding-top: 70px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-content-wrapper,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-mask {
	overflow: visible !important
}

.dropdown-toggle::after,
.gu-hide,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .badge,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapse .side-nav-forth-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapse .side-nav-second-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapse .side-nav-third-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapsing .side-nav-forth-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapsing .side-nav-second-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapsing .side-nav-third-level,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .menu-arrow,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-title,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-scrollbar {
	display: none !important
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .simplebar-offset {
	bottom: 0 !important
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .logo {
	width: 284px;
	z-index: 1
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page {
	margin-left: 70px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapse,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .collapsing {
	display: none;
	height: inherit !important;
	-webkit-transition: none !important;
	transition: none !important
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item {
	position: relative;
	white-space: nowrap
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link {
	padding: 15px 20px;
	min-height: 54px;
	-webkit-transition: none;
	transition: none
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link i {
	font-size: 1.125rem;
	margin-right: 20px;
	margin-left: 6px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link span {
	display: none;
	padding-left: 10px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link {
	position: relative;
	width: 260px;
	color: #fff;
	background: linear-gradient(135deg, #8f75da 0, #727cf5 60%)
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link span {
	display: inline
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>ul {
	display: block !important;
	left: 70px;
	position: absolute;
	width: 190px;
	height: auto !important;
	padding: 5px 0;
	z-index: 9999;
	background: linear-gradient(135deg, #8f75da 0, #727cf5 60%);
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>ul a {
	padding: 8px 20px;
	position: relative;
	width: 190px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing {
	display: block !important;
	-webkit-transition: none !important;
	transition: none !important
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul {
	display: block !important;
	left: 70px;
	position: absolute;
	width: 190px;
	background: linear-gradient(135deg, #8f75da 0, #727cf5 60%);
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul a,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul a {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 8px 20px;
	position: relative;
	width: 190px;
	z-index: 6
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul li:hover>.collapse,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul li:hover>.collapse {
	display: block !important;
	height: auto !important;
	-webkit-transition: none !important;
	transition: none !important
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul li:hover>.collapse>ul,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul li:hover>.collapse>ul {
	display: block;
	left: 190px;
	top: 0;
	position: absolute;
	width: 190px
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo span.logo-sm {
	display: block;
	line-height: 70px;
	color: #727cf5
}

@media {

	.content-page,
	.row {
		margin-left: 0 !important;
	}

	.logo span.logo-lg,
	.sidebar-enable .leftside-menu {
		display: block
	}

	.navbar-nav.navbar-right {
		float: right
	}

	body[data-leftbar-compact-mode=condensed] .leftside-menu {
		margin-left: 0
	}

	.logo span.logo-sm {
		display: none
	}

	.logo {
		top: 40px
	}

	.button-menu-mobile {
		line-height: 50px !important
	}

	button.btn.w-100 {
		color: #ffff
	}

	.row>* {
		padding-right: 2px !important;
		padding-left: 2px !important
	}

	.row {
		margin-right: 0 !important
	}

	.container-fluid {
		padding-right: 0 !important;
		padding-left: 0 !important
	}
}

.help-box {
	border-radius: 5px;
	padding: 20px;
	margin: 65px 25px 25px;
	position: relative;
	background-color: rgba(255, 255, 255, .07)
}

.help-box .close-btn {
	position: absolute;
	right: 10px;
	top: 10px
}

body[data-leftbar-theme=light] .help-box,
input[data-switch=primary]:checked+label,
input[data-switch]:checked+label,
table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
	background-color: #727cf5
}

body[data-layout=topnav] .content-page {
	margin-left: 0 !important;
	padding: 0 0 60px
}

body[data-layout-mode=boxed] {
	background-color: #fff
}

body[data-layout-mode=boxed] .wrapper {
	max-width: 1300px;
	margin: 0 auto;
	background-color: #fafbfe;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

body[data-layout-mode=boxed][data-leftbar-compact-mode=condensed] .logo {
	position: relative;
	margin-top: -70px
}

@media (min-width:1200px) {
	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) {
		padding-bottom: 0
	}

	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .leftside-menu {
		position: relative;
		min-width: 260px;
		max-width: 260px;
		padding-top: 0
	}

	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .logo {
		position: relative;
		margin-top: 0
	}

	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .content-page {
		margin-left: 0;
		width: 100%;
		padding-bottom: 60px
	}
}

body[data-layout=detached] {
	padding-bottom: 0
}

body[data-layout=detached][data-layout-mode=boxed] .wrapper {
	max-width: 100%
}

body[data-layout=detached][data-leftbar-compact-mode=scrollable] .wrapper {
	padding-top: 70px
}

body[data-layout=detached] .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: inherit
}

body[data-layout=detached] .content-page {
	margin-left: 0;
	overflow: hidden;
	padding: 0 15px 60px 30px;
	position: relative;
	margin-right: -15px;
	width: 100%
}

body[data-layout=detached] .leftside-menu {
	position: relative;
	background: #fff !important;
	min-width: 260px;
	max-width: 260px;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	margin-top: 30px;
	padding-top: 0 !important;
	z-index: 1001 !important
}


body[data-layout=detached] .leftside-menu .side-nav .side-nav-link {
	color: #8391a2 !important
}

.ql-toolbar span:hover,
body[data-layout=detached] .leftside-menu .side-nav .menuitem-active>a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:active,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:focus,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-link:hover {
	color: #727cf5 !important
}

.bootstrap-timepicker-widget table td a,
.email-list>li a,
.navbar-custom .topbar-menu li .show.nav-link,
.table .action-icon:hover,
.text-title,
.text-title:hover,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-title,
body[data-leftbar-theme=light] .side-nav .side-nav-forth-level li a,
body[data-leftbar-theme=light] .side-nav .side-nav-second-level li a,
body[data-leftbar-theme=light] .side-nav .side-nav-third-level li a,
body[data-leftbar-theme=light] .side-nav .side-nav-title {
	color: #6c757d
}

.horizontal-steps .horizontal-steps-content .step-item.current span,
.icons-list-demo .col-md-4:hover,
.icons-list-demo .col-md-4:hover i,
.topnav .nav-item.active>a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a:focus,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li a:hover,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-forth-level li.mm-active>a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a:focus,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li a:hover,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-second-level li.mm-active>a,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a:focus,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li a:hover,
body[data-layout=detached] .leftside-menu .side-nav .side-nav-third-level li.mm-active>a,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>ul a:hover,
body[data-leftbar-theme=light] .side-nav .side-nav-forth-level li a:focus,
body[data-leftbar-theme=light] .side-nav .side-nav-forth-level li a:hover,
body[data-leftbar-theme=light] .side-nav .side-nav-forth-level li.active>a,
body[data-leftbar-theme=light] .side-nav .side-nav-link:active,
body[data-leftbar-theme=light] .side-nav .side-nav-link:focus,
body[data-leftbar-theme=light] .side-nav .side-nav-link:hover,
body[data-leftbar-theme=light] .side-nav .side-nav-second-level li a:focus,
body[data-leftbar-theme=light] .side-nav .side-nav-second-level li a:hover,
body[data-leftbar-theme=light] .side-nav .side-nav-second-level li.active>a,
body[data-leftbar-theme=light] .side-nav .side-nav-third-level li a:focus,
body[data-leftbar-theme=light] .side-nav .side-nav-third-level li a:hover,
body[data-leftbar-theme=light] .side-nav .side-nav-third-level li.active>a,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapse>ul a:hover,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapsing>ul a:hover,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>ul a:hover {
	color: #727cf5
}

body[data-layout=detached] .leftbar-user {
	background: url(../images/waves.png) no-repeat;
	padding: 30px 20px;
	text-align: center
}

body[data-layout=detached] .leftbar-user .leftbar-user-name {
	font-weight: 700;
	color: #313a46;
	margin-left: 12px;
	margin-top: 8px;
	display: block
}

body[data-layout=detached][data-leftbar-compact-mode=condensed] .wrapper .leftside-menu {
	max-width: 70px;
	min-width: 70px;
	position: relative
}

.footer .footer-links a:first-of-type,
.horizontal-steps .horizontal-steps-content .step-item:first-child,
.notification-list,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .wrapper .content-page {
	margin-left: 0
}

.select2-container--open .select2-dropdown,
body[data-layout=detached] .footer,
body[data-layout=detached][data-leftbar-compact-mode=condensed] .wrapper .footer {
	left: 0
}

body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link {
	background: #727cf5;
	color: #fff !important;
	-webkit-transition: none;
	transition: none
}

body[data-layout=detached][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>ul,
body[data-leftbar-theme=light][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>ul {
	background: #fff;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

.button-menu-mobile .lines {
	width: 18px;
	display: block;
	position: relative;
	height: 16px;
	-webkit-transition: .5s;
	transition: .5s;
	margin-top: 26px;
	margin-left: 10px
}

.button-menu-mobile span {
	height: 2px;
	width: 100%;
	background-color: rgba(255, 255, 255, .8);
	display: block;
	margin-bottom: 5px;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.button-menu-mobile span:nth-of-type(2) {
	width: 24px
}

.navbar-custom {
	padding: 0 24px;
	color: var(--hs-navbar-color);
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	min-height: 40px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0
}

.navbar-custom .topbar-left {
	background-color: #fff;
	height: 70px;
	position: fixed;
	z-index: 1;
	width: 260px;
	text-align: center;
	top: 0;
	left: 0
}

.navbar-custom .topbar-left .logo,
.topbar-dropdown .nav-link {
	line-height: 70px
}

.navbar-custom .topbar-menu {
	position: relative;
	z-index: 1
}

.navbar-custom .topbar-menu li {
	float: left;
	max-height: 70px
}

.navbar-custom .topbar-menu .nav-link {
	padding: 0;
	color: #fff;
	min-width: 32px;
	display: block;
	text-align: center;
	margin: 0 10px;
	position: relative
}

.navbar-custom .app-search {
	position: static;
	overflow-y: hidden
}

.navbar-custom .app-search form {
	padding: calc(32px / 2) 5px calc(32px / 2) 0;
	overflow: hidden;
	max-width: 320px
}

.app-search .form-control {
	border: none;
	height: calc(1.5em + .9rem + 2px);
	padding-left: 40px;
	padding-right: 20px;
	background-color: #f1f3fa;
	-webkit-box-shadow: none;
	box-shadow: none
}

.app-search span.search-icon {
	position: absolute;
	z-index: 9;
	font-size: 20px;
	line-height: 38px;
	left: 10px;
	top: 0
}

.app-search .input-group-text {
	margin-left: 0;
	z-index: 4
}

.notification-list .noti-title {
	background-color: transparent;
	padding: 15px 20px;
	color: #fff
}

.notification-list .noti-icon {
	font-size: 22px;
	vertical-align: middle;
	line-height: 70px
}

.notification-list .noti-icon-badge {
	display: inline-block;
	position: absolute;
	top: 22px;
	right: 6px;
	border-radius: 50%;
	height: 7px;
	width: 7px;
	background-color: #fa5c7c
}

.notification-list .notify-item {
	padding: 10px 20px
}

.notification-list .notify-item .notify-icon {
	float: left;
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	border-radius: 50%;
	color: #fff
}

.button-menu-mobile,
.nav-user {
	border: none;
	position: relative
}

.notification-list .notify-item .notify-details {
	margin-bottom: 0;
	overflow: hidden;
	margin-left: 45px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.notification-list .notify-item .notify-details b {
	font-weight: 500
}

.notification-list .notify-item .notify-details span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px
}

.notification-list .notify-item .user-msg {
	margin-left: 45px;
	white-space: normal;
	line-height: 16px
}

.notification-list .topbar-dropdown-menu .notify-item {
	padding: 7px 20px
}

.profile-dropdown {
	min-width: 170px
}

.profile-dropdown i,
.profile-dropdown span {
	vertical-align: middle;
	color: #fff
}

.nav-user {
	padding: calc(10px / 2) 20px calc(13px / 2) 57px !important;
	text-align: left !important;
	border-width: none;
	min-height: 40px
}

.nav-user .account-user-avatar {
	position: absolute;
	top: calc(20px / 2);
	left: 15px
}

.nav-user .account-user-avatar img {
	height: 35px;
	width: 66px;
	margin-left: -24px
}

.nav-user .account-position {
	display: block;
	font-size: 12px;
	margin-top: -3px
}

.nav-user .account-user-name {
	display: block;
	font-weight: 600
}

.button-menu-mobile {
	color: #ededed;
	height: 30px;
	line-height: 50px;
	width: 60px;
	background-color: transparent;
	font-size: 24px;
	cursor: pointer;
	float: left;
	z-index: 1;
	margin-left: -24px
}

.tt-suggestion p,
[data-keep-enlarged=true] .button-menu-mobile,
body[data-layout-mode=boxed][data-layout=topnav] .navbar-custom {
	margin: 0
}

.arrow-down,
.bootstrap-timepicker-widget.dropdown-menu.open,
.dropdown-menu-animated i,
[data-keep-enlarged=true] .button-menu-mobile.disable-btn {
	display: inline-block
}

@media (max-width:600px) {
	.navbar-custom .topbar-menu {
		position: initial
	}

	.navbar-custom .dropdown {
		position: static
	}

	.navbar-custom .dropdown .dropdown-menu {
		left: 10px !important;
		right: 10px !important
	}
}

@media (max-width:1200px) {
	.navbar-custom {
		right: 0
	}

	.navbar-custom .app-search {
		display: none
	}
}

#preloader,
.end-bar {
	z-index: 9999;
	position: fixed
}

@media (max-width:375px) {
	.navbar-custom .topbar-menu .nav-link {
		margin: 0 6px;
		top: -14px
	}

	.navbar-custom.topnav-navbar .container-fluid,
	.navbar-custom.topnav-navbar .container-lg,
	.navbar-custom.topnav-navbar .container-md,
	.navbar-custom.topnav-navbar .container-sm,
	.navbar-custom.topnav-navbar .container-xl,
	.navbar-custom.topnav-navbar .container-xxl {
		padding-right: 12px;
		padding-left: 12px
	}

	.navbar-custom.topnav-navbar .navbar-toggle {
		margin: 27px 3px
	}

	.navbar-custom.topnav-navbar .button-menu-mobile {
		width: auto
	}
}

body[data-layout-mode=boxed] .navbar-custom {
	position: relative;
	left: 0 !important;
	margin: -70px -12px 0
}

.end-bar {
	background-color: #fff;
	-webkit-box-shadow: 0 0 24px 0 rgba(49, 58, 70, .1), 0 1px 0 0 rgba(49, 58, 70, .08);
	box-shadow: 0 0 24px 0 rgba(49, 58, 70, .1), 0 1px 0 0 rgba(49, 58, 70, .08);
	display: block;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	width: 280px;
	float: right !important;
	right: -290px;
	top: 0;
	bottom: 0;
	padding-bottom: 80px
}

.footer,
.rightbar-overlay {
	position: absolute;
	bottom: 0
}

.end-bar-enabled .end-bar,
.footer,
.ribbon-box .ribbon.float-end:before {
	right: 0
}

.end-bar .rightbar-title {
	background-color: #313a46;
	padding: 27px 25px;
	color: #fff
}

.end-bar .end-bar-toggle {
	background-color: #444e5a;
	height: 24px;
	width: 24px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	margin-top: -4px
}

.rightbar-overlay {
	background-color: #37404a;
	opacity: .1;
	left: 0;
	right: 0;
	top: 0;
	display: none;
	z-index: 9998;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out
}

.page-title-box .page-title {
	font-size: 21px;
	line-height: 33px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	color: #ffffff;
	background: #000080;
	margin: 8px 0px 8px;
	font-weight: normal;
}
@media only screen and (max-width:768px){
	.page-title-box .page-title {
		font-size: 14px;
		line-height:23px;
	}
}

.accordion-button:focus {
    box-shadow: none;
}

.page-title-box .page-title-right {
	float: right;
	margin-top: 20px
}

.page-title-box .breadcrumb {
	padding-top: 8px
}

.page-title-box-sm .page-title {
	line-height: 1 !important;
	margin-bottom: 25px
}

.page-title-box-sm .page-title-right {
	float: right;
	margin-top: 0
}

.page-title-box-sm .breadcrumb {
	padding-top: 0;
	margin-top: -3px !important
}

@media (max-width:419px) {
	.page-title-box .breadcrumb {
		display: none
	}
}

.footer {
	border-top: 1px solid rgba(152, 166, 173, .2);
	padding: 19px 24px 20px;
	color: #98a6ad;
	left: 260px
}

.footer .footer-links a {
	color: #98a6ad;
	margin-left: 1.5rem;
	-webkit-transition: .4s;
	transition: .4s
}

.footer .footer-links a:hover {
	color: #313a46
}

.footer-alt {
	left: 0;
	border: none;
	text-align: center
}

body[data-layout=topnav] .footer {
	left: 0 !important;
	padding: 19px 0 20px
}

body[data-layout=topnav][data-layout-mode=boxed] .footer {
	max-width: 1300px
}

body[data-layout-mode=boxed] .footer {
	border: none;
	margin: 0 auto;
	background-color: #fafbfe;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	max-width: calc(1300px - 260px)
}

body[data-layout-mode=boxed][data-leftbar-compact-mode=condensed] .footer {
	max-width: calc(1300px - 70px)
}

body[data-layout=detached] .footer .container-fluid,
body[data-layout=detached] .footer .container-lg,
body[data-layout=detached] .footer .container-md,
body[data-layout=detached] .footer .container-sm,
body[data-layout=detached] .footer .container-xl,
body[data-layout=detached] .footer .container-xxl {
	max-width: 100%;
	padding: 0
}

.topnav-navbar {
	padding: 0;
	margin: 0;
	min-height: 40px;
	position: relative;
	left: 0 !important;
	z-index: 1002
}

.topnav-navbar .topnav-logo {
	line-height: 70px;
	float: left;
	padding-right: 20px;
	min-width: 160px
}

.topnav-navbar .navbar-toggle {
	position: relative;
	cursor: pointer;
	float: left;
	margin: 27px 20px;
	padding: 0;
	background-color: transparent;
	border: none
}

.topnav-navbar .navbar-toggle .lines {
	width: 25px;
	display: block;
	position: relative;
	height: 16px;
	-webkit-transition: .5s;
	transition: .5s
}

.topnav-navbar .navbar-toggle span {
	height: 2px;
	width: 100%;
	background-color: rgba(49, 58, 70, .8);
	display: block;
	margin-bottom: 5px;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.topnav-navbar .navbar-toggle.open span {
	position: absolute
}

.topnav-navbar .navbar-toggle.open span:first-child {
	top: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.datepicker .next.disabled,
.datepicker .prev.disabled,
.topnav-navbar .navbar-toggle.open span:nth-child(2),
body.loading {
	visibility: hidden
}

.topnav-navbar .navbar-toggle.open span:last-child {
	width: 100%;
	top: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.conversation-list .odd .conversation-actions,
.select2-container .select2-search--inline,
.topnav-navbar .app-search {
	float: left
}

.jq-toast-wrap,
.jq-toast-wrap *,
.topnav .topnav-menu {
	margin: 0;
	padding: 0
}

.topnav .navbar-nav .nav-link {
	font-size: .9375rem;
	position: relative;
	padding: 1rem 1.3rem
}

.arrow-down:after {
	border-color: initial;
	border-style: solid;
	border-width: 0 0 1px 1px;
	content: "";
	height: .4em;
	display: inline-block;
	right: 5px;
	top: 50%;
	margin-left: 10px;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	width: .4em
}

body[data-layout=topnav] .container-fluid,
body[data-layout=topnav] .container-lg,
body[data-layout=topnav] .container-md,
body[data-layout=topnav] .container-sm,
body[data-layout=topnav] .container-xl,
body[data-layout=topnav] .container-xxl {
	padding-right: 24px;
	padding-left: 24px
}

@media (min-width:992px) {

	body[data-layout=detached] .container-fluid,
	body[data-layout=detached] .container-lg,
	body[data-layout=detached] .container-md,
	body[data-layout=detached] .container-sm,
	body[data-layout=detached] .container-xl,
	body[data-layout=detached] .container-xxl,
	body[data-layout=topnav] .container-fluid,
	body[data-layout=topnav] .container-lg,
	body[data-layout=topnav] .container-md,
	body[data-layout=topnav] .container-sm,
	body[data-layout=topnav] .container-xl,
	body[data-layout=topnav] .container-xxl {
		max-width: 95%
	}

	body[data-leftbar-compact-mode=scrollable]:not([data-layout=topnav]) .navbar-custom {
		position: absolute
	}

	body[data-layout=topnav][data-layout-mode=boxed] .container-fluid,
	body[data-layout=topnav][data-layout-mode=boxed] .container-lg,
	body[data-layout=topnav][data-layout-mode=boxed] .container-md,
	body[data-layout=topnav][data-layout-mode=boxed] .container-sm,
	body[data-layout=topnav][data-layout-mode=boxed] .container-xl,
	body[data-layout=topnav][data-layout-mode=boxed] .container-xxl {
		max-width: 97%
	}

	.topnav .navbar-nav .nav-item:first-of-type .nav-link {
		padding-left: 0
	}

	.topnav .dropdown .dropdown-menu {
		margin-top: 0;
		border-radius: 0 0 .25rem .25rem;
		min-width: calc(10rem + 1.5rem);
		font-size: calc(.9rem - .01rem)
	}

	.topnav .dropdown .dropdown-menu .arrow-down::after {
		right: 15px;
		-webkit-transform: rotate(-135deg) translateY(-50%);
		transform: rotate(-135deg) translateY(-50%);
		position: absolute
	}

	.topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
		display: none
	}

	.topnav .dropdown:hover>.dropdown-menu,
	.topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {
		display: block
	}

	.dropdown.active>a.dropdown-item {
		color: #313a46;
		background-color: #f2f5f9
	}

	.navbar-toggle {
		display: none
	}
}

@media (min-width:1400px) {

	body[data-layout=topnav] .container-fluid,
	body[data-layout=topnav] .container-lg,
	body[data-layout=topnav] .container-md,
	body[data-layout=topnav] .container-sm,
	body[data-layout=topnav] .container-xl,
	body[data-layout=topnav] .container-xxl {
		max-width: 85%
	}
}

.avatar-title,
.modal-right {
	display: -webkit-box;
	display: -ms-flexbox
}

@font-face {
	font-family: Nunito;
	src: url(../fonts/Nunito-Light.eot);
	src: local("Nunito Light"), local("Nunito-Light"), url(../fonts/Nunito-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Nunito-Light.woff) format("woff"), url(../fonts/Nunito-Light.ttf) format("truetype"), url(../fonts/Nunito-Light.svg#Roboto) format("svg");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Nunito;
	src: url(../fonts/Nunito-Regular.eot);
	src: local("Nunito Regular"), local("Nunito-Regular"), url(../fonts/Nunito-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Nunito-Regular.woff) format("woff"), url(../fonts/Nunito-Regular.ttf) format("truetype"), url(../fonts/Nunito-Regular.svg#Roboto) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Nunito;
	src: url(../fonts/Nunito-SemiBold.eot);
	src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(../fonts/Nunito-SemiBoldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Nunito-SemiBold.woff) format("woff"), url(../fonts/Nunito-SemiBold.ttf) format("truetype"), url(../fonts/Nunito-SemiBold.svg#Roboto) format("svg");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: Nunito;
	src: url(../fonts/Nunito-Bold.eot);
	src: local("Nunito Bold"), local("Nunito-Bold"), url(../fonts/Nunito-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Nunito-Bold.woff) format("woff"), url(../fonts/Nunito-Bold.ttf) format("truetype"), url(../fonts/Nunito-Bold.svg#Roboto) format("svg");
	font-weight: 700;
	font-style: normal
}

.custom-accordion .card {
	-webkit-box-shadow: none;
	box-shadow: none
}

.activate-select .sorting_1,
.custom-accordion .card-header,
input[data-switch=bool]+label:after {
	background-color: #f1f3fa
}

.custom-accordion .card-body {
	border: 1px solid #f1f3fa
}

.custom-accordion .accordion-arrow {
	font-size: 1.2rem;
	position: absolute;
	right: 0
}

.custom-accordion a.collapsed i.accordion-arrow:before {
	content: "\F142"
}

.custom-accordion-title {
	color: #313a46;
	position: relative
}

.custom-accordion-title:hover {
	color: #414d5d
}

.accordion>.card>.card-header {
	border-radius: 0;
	margin-bottom: -1px
}

.avatar-xs {
	height: 1.5rem;
	width: 1.5rem
}

.avatar-sm {
	height: 3rem;
	width: 3rem
}

.avatar-md {
	height: 4.5rem;
	width: 4.5rem
}

.avatar-lg {
	height: 6rem;
	width: 6rem
}

.avatar-xl {
	height: 7.5rem;
	width: 7.5rem
}

.avatar-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #727cf5;
	color: #fff;
	display: flex;
	font-weight: 600;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

main-box_referral {
	border: 2px solid #ff9801;
	padding: 27px 12px;
	margin-top: 33px;
	border-radius: 10px
}

.referral h1 {
	border: 1px solid #ff9800;
	text-align: center;
	font-size: 19px;
	padding: 2px 15px 5px;
	border-radius: 24px;
	background: #ff9800;
	color: #2a2828;
	font-weight: 800;
	letter-spacing: 1.2px;
	margin-top: -17px
}

.breadcrumb-item+.breadcrumb-item::before {
	font-family: "Material Design Icons";
	font-size: 16px;
	line-height: 1.3
}

.btn .mdi:before {
	line-height: initial
}

.btn-rounded {
	border-radius: 2em
}

.btn-primary {
	background: linear-gradient(45deg, #6b6bca, #3d2f85);
	border: 0px solid #ddd92a;
	box-shadow: 0px 1px 2px transparent;
	-moz-transition: 1s ease-in;
	/* -webkit-transition: 1s ease-in; */
	-o-transition: 1s ease-in;
	/* transition: 1s ease-in; */
}

.btn-primary:focus,
.btn-primary:hover,
.btn:first-child:active {
	color: #04306c;
	background: 0 0;
	border: 0px solid #E5FCF5;
	background: #E5FCF5;
}

.btn-secondary {
	-webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, .5);
	box-shadow: 0 2px 6px 0 rgba(108, 117, 125, .5)
}

.btn-success {
	-webkit-box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5);
	box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5)
}

.btn-info {
	background: #f99d04;
	border-color: #f99d04
}

.badge-primary-lighten,
.badge-primary-lighten[href] {
	background-color: rgba(114, 124, 245, .18);
	color: #727cf5
}

.btn-warning {
	-webkit-box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5);
	box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5);
}

.btn-danger {
	-webkit-box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5);
	box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5)
}

.btn-light {
	-webkit-box-shadow: 0 2px 6px 0 rgba(238, 242, 247, .5);
	box-shadow: 0 2px 6px 0 rgba(238, 242, 247, .5)
}

.btn-dark {
	-webkit-box-shadow: 0 2px 6px 0 rgba(49, 58, 70, .5);
	box-shadow: 0 2px 6px 0 rgba(49, 58, 70, .5)
}

.badge-primary-lighten[href] {
	text-decoration: none
}

.badge-secondary-lighten,
.badge-secondary-lighten[href] {
	background-color: rgba(108, 117, 125, .18);
	color: #6c757d
}

.badge-primary-lighten[href]:focus,
.badge-primary-lighten[href]:hover {
	color: #727cf5;
	text-decoration: none;
	background-color: rgba(114, 124, 245, .4)
}

.badge-secondary-lighten[href] {
	text-decoration: none
}

.badge-success-lighten,
.badge-success-lighten[href] {
	background-color: rgba(10, 207, 151, .18);
	color: #0acf97
}

.badge-secondary-lighten[href]:focus,
.badge-secondary-lighten[href]:hover {
	color: #6c757d;
	text-decoration: none;
	background-color: rgba(108, 117, 125, .4)
}

.badge-success-lighten[href] {
	text-decoration: none
}

.badge-info-lighten,
.badge-info-lighten[href] {
	background-color: rgba(57, 175, 209, .18);
	color: #39afd1
}

.badge-success-lighten[href]:focus,
.badge-success-lighten[href]:hover {
	color: #0acf97;
	text-decoration: none;
	background-color: rgba(10, 207, 151, .4)
}

.badge-info-lighten[href] {
	text-decoration: none
}

.badge-warning-lighten,
.badge-warning-lighten[href] {
	background-color: rgba(255, 188, 0, .18);
	color: #d49d01
}

.badge-info-lighten[href]:focus,
.badge-info-lighten[href]:hover {
	color: #39afd1;
	text-decoration: none;
	background-color: rgba(57, 175, 209, .4)
}

.badge-warning-lighten[href] {
	text-decoration: none
}

.badge-danger-lighten,
.badge-danger-lighten[href] {
	background-color: rgba(250, 92, 124, .18);
	color: #fa5c7c
}

.badge-warning-lighten[href]:focus,
.badge-warning-lighten[href]:hover {
	color: #ffbc00;
	text-decoration: none;
	background-color: rgba(255, 188, 0, .4)
}

.badge-danger-lighten[href] {
	text-decoration: none
}

.badge-light-lighten,
.badge-light-lighten[href] {
	background-color: rgba(238, 242, 247, .18);
	color: #eef2f7
}

.badge-danger-lighten[href]:focus,
.badge-danger-lighten[href]:hover {
	color: #fa5c7c;
	text-decoration: none;
	background-color: rgba(250, 92, 124, .4)
}

.badge-light-lighten[href] {
	text-decoration: none
}

.badge-dark-lighten,
.badge-dark-lighten[href] {
	color: #313a46;
	background-color: rgba(49, 58, 70, .18)
}

.badge-light-lighten[href]:focus,
.badge-light-lighten[href]:hover {
	color: #eef2f7;
	text-decoration: none;
	background-color: rgba(238, 242, 247, .4)
}

.badge-outline-danger,
.badge-outline-info,
.badge-outline-light,
.badge-outline-primary,
.badge-outline-secondary,
.badge-outline-success,
.badge-outline-warning {
	background-color: transparent
}

.badge-dark-lighten[href] {
	text-decoration: none
}

.badge-outline-primary {
	color: #727cf5;
	border: 1px solid #727cf5
}

.badge-outline-primary[href],
.badge-outline-primary[href]:focus,
.badge-outline-primary[href]:hover {
	color: #727cf5;
	text-decoration: none;
	background-color: rgba(114, 124, 245, .2)
}

.badge-outline-secondary {
	color: #6c757d;
	border: 1px solid #6c757d
}

.badge-outline-secondary[href],
.badge-outline-secondary[href]:focus,
.badge-outline-secondary[href]:hover {
	color: #6c757d;
	text-decoration: none;
	background-color: rgba(108, 117, 125, .2)
}

.badge-outline-success {
	color: #0acf97;
	border: 1px solid #0acf97
}

.badge-outline-success[href],
.badge-outline-success[href]:focus,
.badge-outline-success[href]:hover {
	color: #0acf97;
	text-decoration: none;
	background-color: rgba(10, 207, 151, .2)
}

.badge-outline-info {
	color: #39afd1;
	border: 1px solid #39afd1
}

.badge-outline-info[href],
.badge-outline-info[href]:focus,
.badge-outline-info[href]:hover {
	color: #39afd1;
	text-decoration: none;
	background-color: rgba(57, 175, 209, .2)
}

.badge-outline-warning {
	color: #ffbc00;
	border: 1px solid #ffbc00
}

.badge-outline-warning[href],
.badge-outline-warning[href]:focus,
.badge-outline-warning[href]:hover {
	color: #ffbc00;
	text-decoration: none;
	background-color: rgba(255, 188, 0, .2)
}

.badge-outline-danger {
	color: #fa5c7c;
	border: 1px solid #fa5c7c
}

.badge-outline-danger[href],
.badge-outline-danger[href]:focus,
.badge-outline-danger[href]:hover {
	color: #fa5c7c;
	text-decoration: none;
	background-color: rgba(250, 92, 124, .2)
}

.badge-outline-light {
	color: #eef2f7;
	border: 1px solid #eef2f7
}

.badge-outline-light[href],
.badge-outline-light[href]:focus,
.badge-outline-light[href]:hover {
	color: #eef2f7;
	text-decoration: none;
	background-color: rgba(238, 242, 247, .2)
}

.card {
	border-width: 0px;
	margin-bottom: 24px;
	background: #fff;
}

.card .header-title {
	margin-bottom: .5rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: .9rem;
	margin-top: 0;
	border: 2px solid #f5f6f7 !important;
}

.card .card-drop {
	font-size: 20px;
	line-height: 0;
	color: inherit
}

.card .card-widgets {
	float: right;
	height: 16px
}

.card .card-widgets>a {
	color: inherit;
	font-size: 18px;
	display: inline-block;
	line-height: 1
}

.card .card-widgets>a.collapsed i:before {
	content: "\F415"
}

.card-header,
.card-title,
.modal-title,
.popover-header {
	margin-top: 0;
	background: transparent;
	border: 0;
	padding-bottom: 0px;
}

.card-disabled {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: .25rem;
	background: rgba(255, 255, 255, .8);
	cursor: progress
}

.card-disabled .card-portlets-loader {
	background-color: #313a46;
	-webkit-animation: 1.2s ease-in-out infinite rotatebox;
	animation: 1.2s ease-in-out infinite rotatebox;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px
}

@-webkit-keyframes rotatebox {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

@keyframes rotatebox {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.card-pricing,
.ribbon-box,
.timeline-alt .timeline-item,
.timeline-show {
	position: relative
}

.card-pricing .card-pricing-plan-name {
	padding-bottom: 20px
}

.card-pricing .card-pricing-icon {
	font-size: 22px;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	height: 60px;
	display: inline-block;
	width: 60px;
	line-height: 56px;
	border-radius: 50%
}

.card-pricing .card-pricing-price {
	padding: 30px 0 0
}

.card-pricing .card-pricing-price span {
	font-size: 40%;
	color: #98a6ad;
	letter-spacing: 2px;
	text-transform: uppercase
}

.card-pricing .card-pricing-features {
	color: #98a6ad;
	list-style: none;
	margin: 0;
	padding: 20px 0 0
}

.card-pricing .card-pricing-features li {
	padding: 15px
}

@media (min-width:992px) {
	.card-pricing-recommended {
		margin-top: -1.9375rem
	}
}

.card-pricing-recommended .card-pricing-plan-tag {
	background-color: rgba(250, 92, 124, .2);
	color: #fa5c7c;
	padding: 5px 0;
	font-weight: 700;
	border-radius: .25rem .25rem 0 0;
	margin: -1.5rem -1.5rem 1.5rem
}

.card-h-100 {
	height: calc(100% - 24px)
}

.modal-bottom,
.modal-right {
	-webkit-box-orient: vertical;
	height: 100%;
	align-content: center;
	-webkit-box-direction: normal
}

.form-checkbox-primary .form-check-input:checked,
.form-radio-primary .form-check-input:checked {
	background-color: #727cf5;
	border-color: #727cf5
}

.form-checkbox-secondary .form-check-input:checked,
.form-radio-secondary .form-check-input:checked {
	background-color: #6c757d;
	border-color: #6c757d
}

.form-checkbox-success .form-check-input:checked,
.form-radio-success .form-check-input:checked {
	background-color: #0acf97;
	border-color: #0acf97
}

.form-checkbox-info .form-check-input:checked,
.form-radio-info .form-check-input:checked {
	background-color: #39afd1;
	border-color: #39afd1
}

.form-checkbox-warning .form-check-input:checked,
.form-radio-warning .form-check-input:checked {
	background-color: #ffbc00;
	border-color: #ffbc00
}

.form-checkbox-danger .form-check-input:checked,
.form-radio-danger .form-check-input:checked {
	background-color: #fa5c7c;
	border-color: #fa5c7c
}

.form-checkbox-light .form-check-input:checked,
.form-radio-light .form-check-input:checked {
	background-color: #eef2f7;
	border-color: #eef2f7
}

.dropdown-menu {
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

.dropdown-menu-animated.dropdown-menu-end[style] {
	left: auto !important;
	right: 0 !important;
	background: #040315
}

.dropdown-menu-animated {
	-webkit-animation-name: DropDownSlide;
	animation-name: DropDownSlide;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	margin: 0;
	z-index: 1000
}

.dropdown-menu-animated.show {
	top: 100% !important
}

.dropdown-menu-animated.dropdown-menu[data-popper-placement^=left],
.dropdown-menu-animated.dropdown-menu[data-popper-placement^=right],
.dropdown-menu-animated.dropdown-menu[data-popper-placement^=top] {
	top: auto !important;
	-webkit-animation: none !important;
	animation: none !important
}

@-webkit-keyframes DropDownSlide {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@keyframes DropDownSlide {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	0% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@media (min-width:600px) {
	.dropdown-lg {
		width: 320px
	}
}

.dropdown-icon-item {
	border-radius: 3px;
	line-height: 34px;
	text-align: center;
	padding: 15px 0 9px;
	display: block;
	border: 1px solid transparent;
	color: #6c757d
}

.dropdown-icon-item img {
	height: 24px
}

.dropdown-icon-item span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-icon-item:hover {
	background-color: #f4f6fb;
	color: #2c343f
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: 2em;
	color: #313a46;
	max-height: 420px;
	margin: -10px 0 -30px;
	border: 1px solid rgba(152, 166, 173, .2)
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
	color: #313a46;
	font-weight: 700
}

.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-regexp,
.hljs-tag .hljs-attr,
.hljs-template-variable,
.hljs-variable {
	color: #02a8b5
}

.email-list>li .email-action-icons ul .email-action-icons-item:hover,
.hljs-doctag,
.hljs-string,
.rateit .rateit-selected {
	color: #fa5c7c
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
	color: #fa5c7c;
	font-weight: 700
}

.hljs-subst {
	font-weight: 400
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
	color: #0768d1;
	font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.hljs-meta,
.hljs-strong,
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 700
}

.hljs-bullet,
.hljs-symbol {
	color: #ff679b
}

.hljs-built_in,
.hljs-builtin-name {
	color: #39afd1
}

.hljs-meta {
	color: #343a40
}

.hljs-deletion {
	background: #fdd
}

.hljs-addition {
	background: #dfd
}

.hljs-emphasis {
	font-style: italic
}

.hljs-comment,
.rateit-font .rateit-empty {
	color: #ced4da
}

.form-control-light {
	background-color: #f1f3fa !important;
	border-color: #f1f3fa !important
}

input.form-control[type=color],
input.form-control[type=range] {
	min-height: 39px
}

.custom-select.is-invalid:focus,
.custom-select.is-valid:focus,
.custom-select:invalid:focus,
.custom-select:valid:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus,
.form-control:invalid:focus,
.form-control:valid:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

select.form-control-sm:not([size]):not([multiple]) {
	height: calc(1.5em + .56rem + 2px)
}

.password-eye:before {
	font-family: "Material Design Icons";
	content: "\F06D0";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 16px
}

.show-password .password-eye:before {
	content: "\F06D1"
}

.modal-full-width {
	width: 95%;
	max-width: none
}

.apex-charts .apexcharts-canvas,
.modal-top {
	margin: 0 auto
}

.modal-right {
	position: absolute;
	right: 0;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	background-color: #fff;
	-ms-flex-line-pack: center;
	-webkit-transform: translate(25%, 0) !important;
	transform: translate(25%, 0) !important
}

.modal-right button.btn-close {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1
}

.modal.show .modal-left,
.modal.show .modal-right {
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important
}

.modal-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	margin: 0 auto;
	-ms-flex-line-pack: center
}

.modal-colored-header {
	color: #fff;
	border-radius: 0
}

.modal-filled .modal-header {
	background-color: rgba(255, 255, 255, .07)
}

.daterangepicker .drp-calendar.single .calendar-table,
.modal-filled .modal-footer,
.modal-filled .modal-header {
	border: none
}

.modal-open {
	padding-right: 17px !important;
	padding-left: 0 !important
}

.nav-pills>a,
.nav-pills>li>a,
.nav-tabs>li>a {
	color: #6c757d;
	font-weight: 600
}

.bg-nav-pills,
input[data-switch=light]:checked+label {
	background-color: #eef2f7
}

.nav-tabs.nav-bordered {
	border-bottom: 2px solid rgba(152, 166, 173, .2)
}

.nav-tabs.nav-bordered .nav-item {
	margin-bottom: -1px
}

.nav-tabs.nav-bordered li a {
	border: 0;
	padding: .625rem 1.25rem
}

.nav-tabs.nav-bordered li a.active {
	border-bottom: 2px solid #727cf5
}

.pagination-rounded .page-link {
	border-radius: 30px !important;
	margin: 0 3px !important;
	border: none
}

@media print {

	.end-bar,
	.footer,
	.leftside-menu,
	.navbar-custom,
	.page-title-box {
		display: none
	}

	.card-body,
	.content,
	.content-page,
	.end-bar,
	body {
		padding: 0;
		margin: 0
	}
}

.progress-sm {
	height: 5px
}

.progress-md {
	height: 8px
}

.progress-lg {
	height: 12px
}

.progress-xl {
	height: 15px
}

a,
button {
	outline: 0 !important;
}


address.address-lg {
	line-height: 24px
}

.ribbon-box .ribbon {
	position: relative;
	clear: both;
	padding: 5px 12px;
	margin-bottom: 15px;
	-webkit-box-shadow: 2px 5px 10px rgba(49, 58, 70, .15);
	box-shadow: 2px 5px 10px rgba(49, 58, 70, .15);
	color: #fff;
	font-size: 13px;
	font-weight: 600
}

.ribbon-box .ribbon:before {
	content: " ";
	border-style: solid;
	border-width: 10px;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	margin-bottom: -10px;
	z-index: -1
}

.ribbon-box .ribbon.float-start {
	margin-left: -30px;
	border-radius: 0 3px 3px 0
}

.ribbon-box .ribbon.float-end {
	margin-right: -30px;
	border-radius: 3px 0 0 3px
}

.ribbon-box .ribbon.float-center span {
	margin: 0 auto 20px
}

.ribbon-box .ribbon-content {
	clear: both
}

.ribbon-box .ribbon-primary,
.ribbon-box .ribbon-two-primary span,
[data-simplebar-primary] .simplebar-scrollbar:before {
	background: #727cf5
}

.ribbon-box .ribbon-primary:before {
	border-color: #5a66f3 transparent transparent
}

.ribbon-box .ribbon-secondary,
.ribbon-box .ribbon-two-secondary span {
	background: #6c757d
}

.ribbon-box .ribbon-secondary:before {
	border-color: #60686f transparent transparent
}

.ribbon-box .ribbon-success,
.ribbon-box .ribbon-two-success span {
	background: #0acf97
}

.ribbon-box .ribbon-success:before {
	border-color: #09b785 transparent transparent
}

.ribbon-box .ribbon-info,
.ribbon-box .ribbon-two-info span {
	background: #39afd1
}

.ribbon-box .ribbon-info:before {
	border-color: #2da2c3 transparent transparent
}

.ribbon-box .ribbon-two-warning span,
.ribbon-box .ribbon-warning {
	background: #ffbc00
}

.ribbon-box .ribbon-warning:before {
	border-color: #e6a900 transparent transparent
}

.rateit.rateit-font .rateit-reset:hover,
.rateit.rateit-font button.rateit-reset:focus,
.ribbon-box .ribbon-danger,
.ribbon-box .ribbon-two-danger span {
	background: #fa5c7c
}

.ribbon-box .ribbon-danger:before {
	border-color: #f94368 transparent transparent
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker tfoot tr th:hover,
.ribbon-box .ribbon-light,
.ribbon-box .ribbon-two-light span {
	background: #eef2f7
}

.ribbon-box .ribbon-light:before {
	border-color: #dde5ef transparent transparent
}

.ribbon-box .ribbon-two span:after,
.ribbon-box .ribbon-two span:before {
	content: "";
	top: 100%;
	border-bottom: 3px solid transparent;
	position: absolute
}

.ribbon-box .ribbon-two {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right
}

.ribbon-box .ribbon-two span {
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 0 8px 0 rgba(49, 58, 70, .08), 0 1px 0 0 rgba(49, 58, 70, .03);
	box-shadow: 0 0 8px 0 rgba(49, 58, 70, .08), 0 1px 0 0 rgba(49, 58, 70, .03);
	position: absolute;
	top: 19px;
	left: -21px;
	font-weight: 600
}

.ribbon-box .ribbon-two span:before {
	left: 0;
	z-index: -1;
	border-right: 3px solid transparent
}

.ribbon-box .ribbon-two span:after {
	right: 0;
	z-index: -1;
	border-left: 3px solid transparent
}

.ribbon-box .ribbon-two-primary span:before {
	border-left: 3px solid #5a66f3;
	border-top: 3px solid #5a66f3
}

.ribbon-box .ribbon-two-primary span:after {
	border-right: 3px solid #5a66f3;
	border-top: 3px solid #5a66f3
}

.ribbon-box .ribbon-two-secondary span:before {
	border-left: 3px solid #60686f;
	border-top: 3px solid #60686f
}

.ribbon-box .ribbon-two-secondary span:after {
	border-right: 3px solid #60686f;
	border-top: 3px solid #60686f
}

.ribbon-box .ribbon-two-success span:before {
	border-left: 3px solid #09b785;
	border-top: 3px solid #09b785
}

.ribbon-box .ribbon-two-success span:after {
	border-right: 3px solid #09b785;
	border-top: 3px solid #09b785
}

.ribbon-box .ribbon-two-info span:before {
	border-left: 3px solid #2da2c3;
	border-top: 3px solid #2da2c3
}

.ribbon-box .ribbon-two-info span:after {
	border-right: 3px solid #2da2c3;
	border-top: 3px solid #2da2c3
}

.ribbon-box .ribbon-two-warning span:before {
	border-left: 3px solid #e6a900;
	border-top: 3px solid #e6a900
}

.ribbon-box .ribbon-two-warning span:after {
	border-right: 3px solid #e6a900;
	border-top: 3px solid #e6a900
}

.ribbon-box .ribbon-two-danger span:before {
	border-left: 3px solid #f94368;
	border-top: 3px solid #f94368
}

.ribbon-box .ribbon-two-danger span:after {
	border-right: 3px solid #f94368;
	border-top: 3px solid #f94368
}

.ribbon-box .ribbon-two-light span:before {
	border-left: 3px solid #dde5ef;
	border-top: 3px solid #dde5ef
}

.ribbon-box .ribbon-two-light span:after {
	border-right: 3px solid #dde5ef;
	border-top: 3px solid #dde5ef
}

.ribbon-box .ribbon-two-dark span:before {
	border-left: 3px solid #272e37;
	border-top: 3px solid #272e37
}

.ribbon-box .ribbon-two-dark span:after {
	border-right: 3px solid #272e37;
	border-top: 3px solid #272e37
}

input[data-switch]+label {
	width: 50px;
	height: 22px;
	background-color: #f1f3fa;
	background-image: none;
	border-radius: 2rem;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

input[data-switch]+label:before {
	color: #313a46;
	content: attr(data-off-label);
	display: block;
	font-family: inherit;
	font-weight: 600;
	font-size: .75rem;
	line-height: 24px;
	position: absolute;
	right: 3px;
	margin: 0 .21667rem;
	top: 0;
	text-align: center;
	min-width: 1.66667rem;
	overflow: hidden;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

input[data-switch]+label:after {
	content: "";
	position: absolute;
	left: 4px;
	background-color: #adb5bd;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2rem;
	height: 13px;
	width: 13px;
	top: 4px;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

input[data-switch]:checked+label:before {
	color: #fff;
	content: attr(data-on-label);
	right: auto
}

input[data-switch]:checked+label:after {
	left: 34px;
	background-color: #f1f3fa
}

input[data-switch=bool]+label,
input[data-switch=danger]:checked+label,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
	background-color: #fa5c7c
}

input:disabled+label {
	opacity: .5;
	cursor: default
}

input[data-switch=secondary]:checked+label {
	background-color: #6c757d
}

input[data-switch=success]:checked+label {
	background-color: #0acf97
}

input[data-switch=info]:checked+label {
	background-color: #39afd1
}

input[data-switch=warning]:checked+label {
	background-color: #ffbc00
}

input[data-switch=dark]:checked+label {
	background-color: #313a46
}

.table-centered td,
.table-centered th {
	vertical-align: middle !important
}

.table .table-user img {
	height: 30px;
	width: 30px
}

.table .action-icon {
	color: #98a6ad;
	font-size: 1.2rem;
	display: inline-block;
	padding: 0 3px
}

.table-nowrap td,
.table-nowrap th {
	white-space: nowrap
}

.font-10 {
	font-size: 10px !important
}

.font-11 {
	font-size: 11px !important
}

.font-12 {
	font-size: 12px !important
}

.font-13 {
	font-size: 13px !important
}

.font-14 {
	font-size: 14px !important
}

.font-15 {
	font-size: 15px !important
}

.font-16 {
	font-size: 16px !important
}

.font-18 {
	font-size: 18px !important
}

.font-20 {
	font-size: 20px !important
}

.font-22 {
	font-size: 22px !important
}

.font-24 {
	font-size: 24px !important
}

.bg-primary-lighten {
	background-color: rgba(114, 124, 245, .25) !important
}

.bg-secondary-lighten {
	background-color: rgba(108, 117, 125, .25) !important
}

.bg-success-lighten {
	background-color: rgba(10, 207, 151, .25) !important
}

.bg-warning-lighten {
	background-color: rgba(255, 188, 0, .25) !important
}

.bg-danger-lighten {
	background-color: rgba(250, 92, 124, .25) !important
}

.bg-light-lighten {
	background-color: rgba(238, 242, 247, .25) !important
}

.bg-dark-lighten {
	background-color: rgba(49, 58, 70, .25) !important
}

.fw-semibold {
	font-weight: 600 !important
}

.progress-w-percent {
	min-height: 20px;
	margin-bottom: 20px
}

.progress-w-percent .progress {
	width: calc(100% - 50px);
	float: left;
	margin-top: 8px
}

.progress-w-percent .progress-value {
	width: 40px;
	float: right;
	text-align: right;
	line-height: 20px
}

.widget-flat {
	position: relative;
	overflow: hidden
}

@media (min-width:1200px) and (max-width:1500px) {
	.widget-flat i.widget-icon {
		display: none
	}
}

.widget-icon {
	color: #727cf5;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	display: inline-block
}

.dash-item-overlay {
	position: absolute;
	text-align: left;
	left: 8%;
	max-width: 350px;
	padding: 20px;
	z-index: 1
}

.chart-content-bg {
	background-color: #f9f9fd
}

#calendar .table-bordered td,
#calendar .table-bordered th,
.chart-content-border {
	border: 1px solid #eef2f7
}

.chart-widget-list p {
	border-bottom: 1px solid #f1f3fa;
	margin-bottom: .5rem;
	padding-bottom: .5rem
}

.timeline-alt {
	padding: 20px 0;
	position: relative
}

.timeline-alt .timeline-item:before {
	background-color: #f1f3fa;
	bottom: 0;
	content: "";
	left: 9px;
	position: absolute;
	top: 20px;
	width: 2px;
	z-index: 0
}

.timeline-alt .timeline-item .timeline-icon {
	float: left;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid transparent;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	background-color: #fff
}

.timeline-alt .timeline-item .timeline-item-info {
	margin-left: 30px
}

.inbox-widget .inbox-item {
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: .625rem 0;
	position: relative
}

.inbox-widget .inbox-item:last-of-type {
	border-bottom: none
}

.inbox-widget .inbox-item .inbox-item-img {
	display: block;
	float: left;
	margin-right: 15px;
	width: 40px
}

.inbox-widget .inbox-item .inbox-item-img img {
	width: 40px
}

.inbox-widget .inbox-item .inbox-item-author {
	color: #343a40;
	display: block;
	margin-bottom: 3px
}

.inbox-widget .inbox-item .inbox-item-text {
	color: #adb5bd;
	display: block;
	font-size: .8125rem;
	margin: 0
}

.inbox-widget .inbox-item .inbox-item-date {
	color: #98a6ad;
	font-size: .6875rem;
	position: absolute;
	right: 5px;
	top: 10px
}

.tilebox-one i {
	position: absolute;
	right: 1.5rem;
	font-size: 2rem;
	opacity: .3
}

.toll-free-box i {
	position: absolute;
	left: 0;
	bottom: -15px;
	font-size: 4rem;
	opacity: .4;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.cta-box {
	background-image: url(../images/bg-pattern.png);
	background-size: cover
}

.cta-box .cta-box-title {
	font-size: 20px;
	line-height: 30px
}

.conversation-list {
	list-style: none;
	padding: 0 15px
}

.conversation-list li {
	margin-bottom: 20px
}

.conversation-list li .conversation-actions {
	float: right;
	display: none
}

.conversation-list .chat-avatar {
	float: left;
	text-align: center;
	width: 42px
}

.conversation-list .chat-avatar img {
	border-radius: 100%;
	width: 100%
}

.conversation-list .ctext-wrap {
	background: #f1f3fa;
	border-radius: 3px;
	display: inline-block;
	padding: 12px;
	position: relative
}

.conversation-list .ctext-wrap i {
	display: block;
	font-weight: 700;
	position: relative
}

.conversation-list .ctext-wrap p {
	margin: 0;
	padding-top: 3px
}

.conversation-list .ctext-wrap:after {
	left: -11px;
	top: 0;
	border: 6px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #f1f3fa;
	margin-right: -1px;
	border-right-color: #f1f3fa
}

.conversation-list .conversation-text {
	float: left;
	font-size: 13px;
	margin-left: 12px;
	width: 70%
}

.conversation-list .odd .chat-avatar {
	float: right !important
}

.conversation-list .odd .conversation-text {
	float: right !important;
	margin-right: 12px;
	text-align: right;
	width: 70% !important
}

.conversation-list .odd .ctext-wrap {
	background-color: #fef5e4
}

.conversation-list .odd .ctext-wrap:after {
	border-color: #fef5e4 transparent transparent #fef5e4;
	right: -10px;
	left: auto
}

.bootstrap-timepicker-widget table td span,
.calendar-widget .datepicker-inline,
.calendar-widget table,
.jq-toast-loaded {
	width: 100%
}

.calendar-widget .datepicker-inline tr td,
.calendar-widget .datepicker-inline tr td.active.day,
.calendar-widget .datepicker-inline tr td.active.day:hover,
.calendar-widget .datepicker-inline tr td.today.day,
.calendar-widget .datepicker-inline tr td.today.day:hover,
.calendar-widget .datepicker-inline tr th,
.calendar-widget table tr td,
.calendar-widget table tr td.active.day,
.calendar-widget table tr td.active.day:hover,
.calendar-widget table tr td.today.day,
.calendar-widget table tr td.today.day:hover,
.calendar-widget table tr th {
	background-color: transparent !important
}

.calendar-widget .datepicker-inline tr td.active.day,
.calendar-widget .datepicker-inline tr td.today.day,
.calendar-widget table tr td.active.day,
.calendar-widget table tr td.today.day {
	color: #fa5c7c !important;
	text-shadow: none;
	font-weight: 700
}

.calendar-widget .datepicker-inline td,
.calendar-widget .datepicker-inline th,
.calendar-widget table td,
.calendar-widget table th {
	height: 43px
}

.calendar-widget .datepicker-inline .datepicker-switch,
.calendar-widget .datepicker-inline .next,
.calendar-widget .datepicker-inline .prev,
.calendar-widget table .datepicker-switch,
.calendar-widget table .next,
.calendar-widget table .prev {
	font-size: 1.1rem;
	background-color: rgba(114, 124, 245, .1) !important;
	border-radius: 0;
	color: #727cf5
}

.social-list-item {
	height: 2rem;
	width: 2rem;
	line-height: calc(2rem - 2px);
	display: block;
	border: 2px solid #adb5bd;
	border-radius: 50%;
	color: #adb5bd
}

.social-list-item:hover {
	color: #98a6ad;
	border-color: #98a6ad
}

.horizontal-steps,
.horizontal-steps .horizontal-steps-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.horizontal-steps:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: .2em;
	background-color: #eef2f7
}

.horizontal-steps .process-line {
	display: block;
	position: absolute;
	width: 50%;
	height: .2em;
	background-color: #727cf5
}

.horizontal-steps .horizontal-steps-content .step-item {
	display: block;
	position: relative;
	bottom: calc(100% + 1em);
	height: 8px;
	width: 8px;
	margin: 0 2em;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #727cf5;
	background-color: currentColor;
	border: .25em solid #fafbfe;
	border-radius: 50%;
	z-index: 5
}

.horizontal-steps .horizontal-steps-content .step-item:last-child {
	margin-right: 0;
	color: #0acf97
}

.horizontal-steps .horizontal-steps-content .step-item span {
	position: absolute;
	top: calc(100% + 1em);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
	color: #adb5bd
}

.horizontal-steps .horizontal-steps-content .step-item.current:before {
	content: "";
	display: block;
	position: absolute;
	top: 47.5%;
	left: 51%;
	padding: 1em;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	z-index: -1;
	-webkit-animation-name: animation-steps-current;
	animation-name: animation-steps-current;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes animation-steps-current {
	from {
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0
	}
}

@keyframes animation-steps-current {
	from {
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0
	}
}

.mdi-menu{
	color:rgb(13, 3, 103);
}

@media (max-width:767.98px) {
	body[data-layout=detached].sidebar-enable .leftside-menu {
		position: fixed;
		left: 0;
		overflow-y: auto;
		margin-top: 0
	}

	body[data-layout=detached] .wrapper {
		max-width: 100%
	}

	body[data-layout=detached] .content-page {
		margin-left: 0 !important;
		padding: 0 10px 60px
	}

	.nav-user .account-position,
	.nav-user .account-user-name,
	.page-title-box .breadcrumb,
	.page-title-box .page-title-right,
	body[data-layout=detached] .lang-switch {
		display: none
	}

	.button-menu-mobile {
		margin: 0 !important
	}

	.navbar-custom {
		left: 0 !important;
		padding: 0;
		background:linear-gradient(267deg, #2e3878, transparent);
		height: 48px;
		z-index: 1
	}

	.button-menu-mobile.disable-btn {
		display: inline-block
	}

	.nav-user {
		padding: 17px 5px 17px 57px !important
	}

	.end-bar {
		overflow: auto
	}

	.page-title-box .page-title {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: center
	}

	.footer {
		left: 0 !important;
		text-align: center
	}

	h2,
	h4 {
		font-size: 18px
	}

	.horizontal-steps .horizontal-steps-content .step-item span {
		white-space: inherit
	}
	.mdi-menu{
		color:white;
	}
}

#preloader {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f1f3fa
}

#status {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px
}

@-webkit-keyframes bouncing-loader {
	to {
		opacity: .1;
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0)
	}
}

@keyframes bouncing-loader {
	to {
		opacity: .1;
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0)
	}
}

.bouncing-loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.bouncing-loader>div {
	width: 13px;
	height: 13px;
	margin: 32px 3px;
	background: #727cf5;
	border-radius: 50%;
	-webkit-animation: .6s infinite alternate bouncing-loader;
	animation: .6s infinite alternate bouncing-loader
}

.bouncing-loader>div:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	background: #fa5c7c
}

.bouncing-loader>div:nth-child(3) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	background: #0acf97
}

.hero-section {
	position: relative;
	padding: 80px 0 120px
}

.hero-section:after {
	content: " ";
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8669ed), to(#727cf5));
	background-image: linear-gradient(to bottom, #8669ed, #727cf5);
	position: absolute;
	top: -400px;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	border-radius: 0;
	-webkit-transform: skewY(-3deg);
	transform: skewY(-3deg)
}

.hero-section .hero-title {
	line-height: 42px
}

body.authentication-bg {
	background-image: url(../images/bg-pattern-light.svg);
	background-size: cover;
	background-position: center
}

.auth-fluid-pages.enlarged,
.authentication-bg.enlarged,
body.auth-fluid-pages[data-leftbar-compact-mode=condensed] {
	min-height: 100px
}

.logout-icon {
	width: 140px
}

.auth-fluid {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100vh;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background: url(../images/bg-auth.jpg) center/cover
}

.auth-fluid .auth-fluid-form-box {
	max-width: 480px;
	border-radius: 0;
	z-index: 2;
	padding: 3rem 2rem;
	background-color: #310424;
	box-shadow: 7px 11px #000;
	position: relative;
	width: 100%
}

.modal-content {
	background-color: #fff;
	color: #292929;
	box-shadow: 1px 9px 21px #999999
}

.auth-fluid .auth-fluid-left,
.auth-fluid .auth-fluid-right {
	padding: 6rem 3rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff;
	background-color: rgba(0, 0, 0, .3)
}

.auth-user-testimonial {
	position: absolute;
	margin: 0 auto;
	padding: 0 1.75rem;
	bottom: 3rem;
	left: 0;
	right: 0
}

.auth-user-testimonial p.lead {
	font-size: 1.125rem;
	margin: 0 auto 20px;
	max-width: 700px
}
.select2-container--default .select2-selection--single{
    border-bottom: 1px solid transparent !important;
}
@media (max-width:991.98px) {

	.auth-fluid .auth-fluid-right,
	.topnav-navbar .topnav-logo-lg {
		display: none
	}

	.topnav-navbar .topnav-logo {
		min-width: 50px;
		padding-right: 0;
		text-align: center
	}

	.topnav-navbar .topnav-logo-sm {
		display: block !important
	}

	.topnav .navbar-nav .nav-link {
		padding: .75rem 1.3rem
	}

	.topnav .dropdown .dropdown-menu {
		background-color: transparent;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-left: 15px
	}

	.topnav .dropdown .dropdown-item {
		position: relative;
		background-color: transparent
	}

	.topnav .arrow-down::after {
		right: 15px;
		position: absolute
	}

	.auth-fluid {
		display: block
	}

	.auth-fluid .auth-fluid-form-box {
		max-width: 100%;
		min-height: 100vh
	}
}

.button-list {
	margin-left: -8px;
	margin-bottom: -12px
}

.faq-answer,
.faq-question {
	margin-left: 50px
}

.button-list .btn {
	margin-bottom: 12px;
	margin-left: 8px
}

.scrollspy-example {
	position: relative;
	height: 200px;
	margin-top: .5rem;
	overflow: auto
}

.grid-structure .grid-container {
	background-color: #f1f3fa;
	margin-bottom: 10px;
	font-size: .8rem;
	font-weight: 600;
	padding: 10px 20px
}

.icons-list-demo div {
	cursor: pointer;
	line-height: 45px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden
}

.icons-list-demo div p {
	margin-bottom: 0;
	line-height: inherit
}

.auth-fluid-form-box .card-body h1,
h2,
h3,
h4,
h5 {
	color: #211f1f;
	font-size: 1rem
}

.icons-list-demo i {
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: .2s;
	transition: .2s
}

.icons-list-demo .col-md-4 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box;
	margin-bottom: 10px
}

.text-error {
	color: #727cf5;
	text-shadow: rgba(114, 124, 245, .3) 5px 1px, rgba(114, 124, 245, .2) 10px 3px;
	font-size: 5.25rem;
	line-height: 5.625rem
}

.faq-question-q-box {
	height: 30px;
	width: 30px;
	color: #727cf5;
	background-color: rgba(114, 124, 245, .25);
	-webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, .12);
	text-align: center;
	border-radius: 50%;
	float: left;
	font-weight: 700;
	line-height: 30px
}

.faq-question {
	margin-top: 0;
	font-weight: 600;
	font-size: 16px;
	color: #313a46
}

.maintenance-icon {
	font-size: 22px;
	-webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, .12);
	height: 60px;
	display: inline-block;
	width: 60px;
	line-height: 58px;
	border-radius: 50%
}

.daterangepicker,
.timeline-box {
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15)
}

.board {
	display: block;
	white-space: nowrap;
	overflow-x: auto
}

.tasks {
	display: inline-block;
	width: 22rem;
	padding: 0 1rem 1rem;
	border: 1px solid #eef2f7;
	vertical-align: top;
	margin-bottom: 24px;
	border-radius: .25rem
}

.tasks.tasks:not(:last-child) {
	margin-right: 1.25rem
}

.tasks .card {
	white-space: normal;
	margin-top: 1rem
}

.tasks .task-header {
	background-color: #f1f3fa;
	padding: 1rem;
	margin: 0 -1rem
}

.task-list-items {
	min-height: 100px;
	position: relative
}

.task-list-items:before {
	content: "No Tasks";
	position: absolute;
	line-height: 110px;
	width: 100%;
	text-align: center;
	font-weight: 600
}

.task-modal-content .form-control-light {
	background-color: #f7f9fb !important;
	border-color: #f7f9fb !important
}

.gantt-task-details {
	min-width: 220px
}

.page-aside-left {
	width: 240px;
	float: left;
	padding: 0 20px 20px 10px;
	position: relative
}

.page-aside-left:before {
	content: "";
	background-color: #fafbfe;
	width: 5px;
	position: absolute;
	right: -15px;
	height: 100%;
	bottom: -1.5rem
}

.page-aside-right {
	margin: -1.5rem 0 -1.5rem 250px;
	border-left: 5px solid #fafbfe;
	padding: 1.5rem 0 1.5rem 25px
}

.email-list {
	display: block;
	padding-left: 0;
	overflow: hidden
}

.email-list>li {
	position: relative;
	display: block;
	height: 51px;
	line-height: 50px;
	cursor: default;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.foot ~ svg{
	display:none;
}
.editor-statusbar,
.email-list>li a:hover,
.email-menu-list a:hover {
	color: #343a40
}

.email-list>li .col-mail {
	float: left;
	position: relative
}

.email-list>li .email-sender-info {
	width: 320px
}

.dashboard_card{
	min-height:130px;
}

@media only screen and (max-width:768px) {
	body{background:white !important;}
	.card-body{padding: 0px;}
}