@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
	--theme-color: brown;
  }
  

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #5d6778;
	font-family: 'Montserrat', sans-serif;
  	font-weight: 500;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #252930;
	font-weight: 600
}


a {
	color: var(--theme-color);
	text-decoration: none
}

a:hover {
	color: #128c54
}

hr {
	background: #adb4c0
}

.text-muted {
	color: #9fa7b5 !important
}

.table-dark {
	background: #252930;
	color: #fff
}

.table-bordered th,
.table-bordered td {
	border-color: #e7e9ed
}

.table th,
.table td {
	border-color: #e7e9ed
}

.table thead th {
	border-color: #e7e9ed
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f5f5f5
}

.table-dark th,
.table-dark td,
.table-dark thead th {
	border-color: #515a6a
}

.table-hover>tbody>tr:hover {
	background-color: #fff
}
 .table>thead:not(caption)>*>* {
	border: 0;
}

.popover {
	border-color: #dee1fc
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^=left]>.arrow::before {
	border-left-color: #dee1fc
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^=right]>.arrow::before {
	border-right-color: #dee1fc
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.arrow::before,
.bs-popover-auto[x-placement^=top]>.arrow::before {
	border-top-color: #dee1fc
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.arrow::before,
.bs-popover-auto[x-placement^=bottom]>.arrow::before {
	border-bottom-color: #dee1fc
}

a.app-link {
	color: #252930;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(37, 41, 48, .3);
	text-decoration-color: rgba(37, 41, 48, .3)
}

a.app-link:hover {
	color: var(--theme-color);
	-webkit-text-decoration-color: rgba(21, 163, 98, .8);
	text-decoration-color: rgba(21, 163, 98, .8)
}

button.close:focus {
	outline: none;
	box-shadow: none
}

.btn {
	font-weight: 600;
	padding: .5rem 1rem;
	font-size: .875rem;
	border: none
}

.btn:hover,
.btn:active,
.btn:focus {
	text-decoration: none
}

.btn .bi {
	position: relative;
	top: -2px
}

.btn:focus,
.btn.focus {
	box-shadow: none !important
}

.app-btn-primary {
	background: var(--theme-color);
	color: #fff;
	border-color: #2364ca
}

.app-btn-primary:hover,
.app-btn-primary:active {
	color: #fff;
	background: #18ba70;
	border-color: #18ba70
}

.app-btn-secondary {
	background: #fff;
	color: #5d6778;
	border: 1px solid #bcc1cb
}

.app-btn-secondary:hover {
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	background: #fff
}

.btn-light {
	background: #f5f6fe;
	color: #2364ca
}

.btn-light:hover {
	background: #f5f6fe;
	color: #2364ca
}

.form-control {
	padding-top: .6rem;
	padding-bottom: .6rem;
	height: 2.5rem;
	border-color: #e7e9ed;
	color: #5d6778
}

.form-control:focus {
	box-shadow: none;
	outline: none;
	color: #5d6778
}

.form-check-input:checked {
	background-color: var(--theme-color);
	border-color: #2364ca
}

.dropdown-menu {
	border-color: #e7e9ed
}

.dropdown-menu .dropdown-item {
	padding: .5rem 1rem
}

.dropdown-menu .dropdown-item:hover {
	color: #252930
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
	background: #fafbff
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
	background: #fafbff
}

.dropdown-divider {
	border-top-color: #e7e9ed;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.dropdown-toggle.no-toggle-arrow:after {
	display: none !important
}

.app-header { 
    background:var(--theme-color);
    color: #fff;
}

.app-header-inner {
	position: relative
}

.app-search-form {
	position: relative;
	max-width: 600px
}

.app-search-form .search-input {
	font-size: .875rem;
	border-radius: .25rem;
	padding-right: 3rem;
	padding-left: 1rem
}

.app-search-form .search-input:focus {
	border-color: #e7e9ed
}

.app-search-form .search-btn {
	color: #828d9f;
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 0;
	padding: .5rem 1rem
}

.app-search-form .search-btn:active,
.app-search-form .search-btn:focus,
.app-search-form .search-btn:hover {
	outline: none !important;
	color: var(--theme-color);
	box-shadow: none
}

.app-utility-item {
	display: inline-block;
	margin-right: 1.25rem
}

.app-utility-item:last-child {
	margin-right: 0
}

.app-utility-item>a {
	 color: #ffffff;
    font-size: 22px;
}

.app-utility-item>a:hover {
	color: #ffffff
}

.app-utility-item .dropdown-toggle {
	position: relative
}

.app-utility-item .dropdown-menu {
	font-size: .875rem;
	margin: 0
}

.app-utility-item .dropdown-menu.show {
	top: 23px !important
}

.app-utility-item .icon {
	font-size: 1.25rem;
	width: 24px;
	height: 24px
}

.app-utility-item .icon-badge {
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	right: -0.45rem;
	top: -0.3rem;
	width: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0px;
	color: #fff;
	text-align: center
}

.app-utility-item .icon-badge.icon-badge {
	background: #ec776c;
	border: 2px solid #fff
}

.app-notifications-dropdown .dropdown-menu {
	width: 300px
}

.app-notifications-dropdown .dropdown-menu .dropdown-menu-header {
	border-bottom: 1px solid #e7e9ed
}

.app-notifications-dropdown .dropdown-menu .dropdown-menu-title {
	font-size: 1rem
}

.app-notifications-dropdown .dropdown-menu .profile-image {
	width: 36px;
	height: 36px
}

.app-notifications-dropdown .dropdown-menu .info {
	padding-right: 80px;
	position: relative
}

.app-notifications-dropdown .dropdown-menu .meta {
	color: #828d9f;
	position: absolute;
	right: 0;
	top: 0;
	font-size: .75rem
}

.app-notifications-dropdown .dropdown-menu .dropdown-menu-footer {
	border-top: 1px solid #e7e9ed
}

.app-notifications-dropdown .dropdown-menu .item {
	min-width: 250px;
	position: relative;
	border-bottom: 1px solid #e7e9ed
}

.app-notifications-dropdown .dropdown-menu .item:last-child {
	border-bottom: none
}

.app-notifications-dropdown .dropdown-menu .item:hover {
	background: #f5f5f5
}

.app-notifications-dropdown .dropdown-menu .link-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0
}

.app-notifications-dropdown .app-icon-holder {
	display: inline-block;
	background:#d1e3ff;
	color: var(--theme-color);
	width: 36px;
	height: 36px;
	padding-top: 4px;
	font-size: 1rem;
	text-align: center;
	border-radius: 50%
}

.app-notifications-dropdown .app-icon-holder.icon-holder-mono {
	background: #f5f6fe;
	color: #828d9f
}

.app-notifications-dropdown .app-icon-holder svg {
	width: 20px;
	height: 20px
}

.app-user-dropdown {
	display: inline-block
}

.app-user-dropdown img {
	width: 36px;
	height: 36px
}

@media(min-width: 576px) {
	.app-notifications-dropdown .dropdown-menu {
		width: 400px
	}
}

@media(min-width: 1200px) {
	.app-header-inner {
		margin-left: 250px
	}
}

@media(max-width: 575.98px) {
	.search-mobile-trigger {
		cursor: pointer;
		-webkit-opacity: .8;
		-moz-opacity: .8;
		opacity: .8
	}

	.search-mobile-trigger:hover {
		color: var(--theme-color);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1
	}

	.app-search-box {
		display: none;
		position: absolute;
		left: 0;
		top: 56px;
		padding: 0;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		transition: all .4s ease-in-out
	}
}

@media(max-width: 575.98px)and (prefers-reduced-motion: reduce) {
	.app-search-box {
		transition: none
	}
}

@media(max-width: 575.98px) {
	.app-search-box .app-search-form .search-input {
		border-radius: 0;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

	.app-search-box .app-search-form .search-btn {
		top: 7px
	}
}

@media(max-width: 575.98px) {
	.app-search-box.is-visible {
		display: block
	}
}

.app-sidepanel {
	position: fixed;
	min-height: 100vh;
	height: 100%;
	left: 0;
	top: 0;
	font-size: .875rem;
	border-right: 1px solid #e7e9ed;
	z-index: 10;
}

.app-sidepanel .panel-drop {
	display: none
}

.app-sidepanel .sidepanel-inner {
	position: relative;
	z-index: 10;
	background: #fff;
	box-shadow: rgba(0, 0, 0, .05) 0px 8px 15px;
	width: 250px;
	height: 100%
}

.app-sidepanel .sidepanel-close {
	display: none;
	position: absolute;
	z-index: 20;
	right: -2rem;
	top: 0;
	color: #fff;
	font-size: 2rem
}

.app-sidepanel.sidepanel-hidden {
	left: -400px
}

.app-sidepanel.sidepanel-visible {
	left: 0
}

.app-sidepanel .app-nav-main {
	overflow-y: auto;
	scrollbar-color: rgba(0, 0, 0, .1) #e7e9ed;
	scrollbar-width: thin
}

.app-sidepanel .app-nav-main::-webkit-scrollbar {
	width: 6px;
	background-color: #e7e9ed
}

.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .1);
	border-radius: .5rem
}

.app-branding {
	height: 60px;
	padding-top: 1rem;
	padding-left: 1rem;
	margin-bottom: 1rem
}

.app-branding .logo-icon {
	width: 36px;
	height: 36px
}

.app-branding .logo-text {
	color: #252930;
	font-size: 1.25rem;
	font-weight: 600;
	vertical-align: middle
}

.app-nav {
	color: #5d6778;
	display: block;
	padding: 0;
	width: 100%
}

.app-nav .app-menu {
	margin-bottom: 0
}

.app-nav .nav-item {
	display: block;
	color: #5d6778;
	background: #fff;
	position: relative;
}

.app-nav .nav-link {
	display: block;
	padding: .875rem 1rem;
	color: #252930;
	position: relative;
	display: block;
	padding-left: 3rem;
	border-left: 3px solid rgba(0, 0, 0, 0)
}

.app-nav .nav-link.active {
	color: var(--theme-color);
	background:#d1e3ff;
	border-left: 3px solid var(--theme-color);
	font-weight: 500
}

.app-nav .nav-link.submenu-toggle.active {
	background: none;
	border-color: rgba(0, 0, 0, 0)
}

.app-nav .nav-link:hover {
	color:var(--theme-color);
}

.app-nav .nav-icon {
	position: absolute;
	left: 1rem;
	top: 14px;
}

.app-nav .nav-icon .bi {
	width: 1.25rem;
	height: 1.25rem
}

.app-nav .submenu-arrow {
	position: absolute;
	right: 1rem;
	top: .7rem;
	color: #828d9f
}

.app-nav .submenu-arrow svg {
	width: 14px;
	height: 14px
}

.app-nav .submenu-toggle {
	transition: all .4s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.app-nav .submenu-toggle {
		transition: none
	}
}

.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow {
	color: #252930
}

.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow svg {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.app-nav .submenu-item {
	margin-bottom: 0
}

.app-nav .submenu-link {
	color: #5d6778;
	font-size: .875rem;
	margin-left: 2rem;
	padding: .5rem 1rem;
	padding-left: 1rem;
	position: relative;
	display: block;
	margin-bottom: 0
}

.app-nav .submenu-link:before {
	background-color: #e7e9ed;
	content: " ";
	display: inline-block;
	height: inherit;
	left: 0;
	position: absolute;
	width: 2px;
	height: 100%;
	margin-top: -0.5rem
}

.app-nav .submenu-link:hover {
	color: #252930
}

.app-nav .submenu-link.active {
	color: #2364ca
}

.app-nav .submenu-link.active:before {
	background-color: #2364ca
}

.app-sidepanel-footer {
	width: 100%;
	bottom: 0;
	left: 0;
	border-top: 1px solid #e7e9ed;
	background: #f5f6fe
}

.app-sidepanel-footer .app-nav-footer {
	margin-bottom: 0
}

@media(max-width: 1199.98px) {
	.app-sidepanel {
		transition: all .4s ease-in-out;
		left: -400px
	}
}

@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
	.app-sidepanel {
		transition: none
	}
}

@media(max-width: 1199.98px) {
	.app-sidepanel.sidepanel-visible {
		display: block
	}
}

@media(max-width: 1199.98px) {
	.sidepanel-visible .sidepanel-close {
		display: inline-block
	}
}

@media(max-width: 1199.98px) {
	.sidepanel-visible .sidepanel-drop {
		position: fixed;
		display: block;
		min-height: 100vh;
		height: 100%;
		width: 100%;
		min-width: 100vw;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, .35)
	}
}

@media(min-width: 1200px) {
	.app-wrapper {
		margin-left: 250px
	}
}

.app {
	min-height: 100vh;
	height: 100%;
	width: 100%;
	background: #efefef;
	padding-top: 56px;
	overflow-x: hidden
}

.app-footer .copyright {
	font-size: .8125rem
}

.app-wrapper {
	transition: all .4s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.app-wrapper {
		transition: none
	}
}

.app-page-title {
	font-size: 1.5rem;
	font-weight: bolder;
	margin-bottom: 1.5rem
}

.app-card {
	position: relative;
	background: #fff;
	border-radius: .25rem
}

.app-card.border-left-decoration {
	border-left: 3px solid #2364ca
}

.app-card .app-card-link-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0
}

.app-card .app-card-header {
	border-bottom: 1px solid #e7e9ed
}

.app-card .app-card-title {
	font-size: 1.125rem;
	margin-bottom: 0
}

.app-card .card-header-action {
	font-size: .875rem
}

.app-card .card-header-action a:hover {
	text-decoration: underline
}

.app-card .form-select-holder {
	display: inline-block
}

.app-card .btn-close {
	padding: 1rem
}

.app-card .btn-close:focus {
	box-shadow: none
}

.app-card-stat {
	text-align: center
}

.app-card-stat .stats-type {
	font-size: .875rem;
	color: #828d9f;
	text-transform: uppercase
}

.app-card-stat .stats-figure {
	font-size: 2rem;
	color: #252930
}

.app-card-stat .stats-meta {
	font-size: .875rem;
	color: #828d9f
}

.app-card-progress-list .item {
	position: relative;
	border-bottom: 1px solid #e7e9ed
}

.app-card-progress-list .item:hover .title {
	color: #252930
}

.app-card-progress-list .item:last-child {
	border: none
}

.app-card-progress-list .item .title {
	font-size: .875rem;
	font-weight: 500
}

.app-card-progress-list .item .meta {
	font-size: .875rem;
	color: #828d9f
}

.app-card-progress-list .item-link-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0
}

.app-card-progress-list .progress {
	height: .5rem
}

.app-card-stats-table .table {
	font-size: .875rem
}

.app-card-stats-table .meta {
	color: #828d9f;
	font-weight: 500;
	font-size: .875rem
}

.app-card-stats-table .stat-cell {
	text-align: right
}

.app-card-basic {
	height: 100%
}

.app-card-basic .title {
	font-size: 1rem
}

.app-card .app-icon-holder {
	display: inline-block;
	background:#d1e3ff;
	color: var(--theme-color);
	width: 50px;
	height: 50px;
	padding-top: 10px;
	font-size: 1rem;
	text-align: center;
	border-radius: 50%
}

.app-card .app-icon-holder.icon-holder-mono {
	background: #f5f6fe;
	color: #828d9f
}

.app-card .app-icon-holder svg {
	width: 24px;
	height: 24px
}

.app-card .app-card-body.has-card-actions {
	position: relative;
	padding-right: 1rem !important
}

.app-card .app-card-body .app-card-actions {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
	right: .75rem;
	top: .75rem
}

.app-card .app-card-body .app-card-actions:hover {
	background: #f5f6fe
}

.app-card .app-card-body .app-card-actions .dropdown-menu {
	font-size: .8125rem
}

.app-card-doc:hover {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.app-card-doc .app-card-thumb-holder {
	background: #e9eaf1;
	text-align: center;
	position: relative;
	height: 112px
}

.app-card-doc .app-card-thumb-holder .app-card-thumb {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.app-card-doc .app-card-thumb-holder .thumb-image {
	-webkit-opacity: .7;
	-moz-opacity: .7;
	opacity: .7;
	width: 100%;
	height: auto
}

.app-card-doc .app-card-thumb-holder:hover {
	background: #fafbff
}

.app-card-doc .app-card-thumb-holder:hover .thumb-image {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.app-card-doc .app-card-thumb-holder .badge {
	position: absolute;
	right: .5rem;
	top: .5rem
}

.app-card-doc .app-card-thumb-holder .icon-holder {
	font-size: 40px;
	display: inline-block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	padding-top: 10px
}

.app-card-doc .app-card-thumb-holder .icon-holder .pdf-file {
	color: #da2d27
}

.app-card-doc .app-card-thumb-holder .icon-holder .text-file {
	color: #66a0fd
}

.app-card-doc .app-card-thumb-holder .icon-holder .excel-file {
	color: #0da95f
}

.app-card-doc .app-card-thumb-holder .icon-holder .ppt-file {
	color: #f4b400
}

.app-card-doc .app-card-thumb-holder .icon-holder .video-file {
	color: #935dc1
}

.app-card-doc .app-card-thumb-holder .icon-holder .zip-file {
	color: #252930
}

.app-card-doc .app-doc-title {
	font-size: .875rem
}

.app-card-doc .app-doc-title a {
	color: #252930
}

.app-card-doc .app-doc-title.truncate {
	max-width: calc(100% - 30px);
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-card-doc .app-doc-meta {
	font-size: .75rem
}

.table-search-form .form-control {
	height: 2rem;
	min-width: auto
}

.app-dropdown-menu {
	font-size: .875rem
}

.app-card-orders-table .table {
	font-size: .875rem
}

.app-card-orders-table .table .cell {
	border-color: #e7e9ed;
	color: #5d6778;
	vertical-align: middle
}

.app-card-orders-table .cell span {
	display: inline-block
}

.app-card-orders-table .cell .note {
	display: block;
	color: #828d9f;
	font-size: .75rem
}

.app-card-orders-table .btn-sm,
.app-card-orders-table .btn-group-sm>.btn {
	padding: .125rem .5rem;
	font-size: .75rem
}

.app-card-orders-table .truncate {
	max-width: 250px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-nav-tabs {
	background: #fff;
	padding: 0
}

.app-nav-tabs .nav-link {
	color: #5d6778;
	font-size: .875rem;
	font-weight: bold
}

.app-nav-tabs .nav-link.active {
	color: var(--theme-color);
	border-bottom: 2px solid #2364ca
}

.app-nav-tabs .nav-link.active:hover {
	background: none
}

.app-nav-tabs .nav-link:hover {
	background:#d1e3ff;
	color: #2364ca
}

.app-pagination .pagination {
	font-size: .875rem
}

.app-pagination .pagination .page-link {
	color: #5d6778;
	padding: .25rem .5rem
}

.app-pagination .pagination .page-item.active .page-link {
	background: #747f94;
	color: #fff;
	border-color: #747f94
}

.app-pagination .pagination .page-item.disabled .page-link {
	color: #9fa7b5
}

.app-card-accordion .app-card-title {
	font-size: 1.125rem
}

.app-card-accordion .faq-accordion .accordion-item {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #e7e9ed
}

.app-card-accordion .faq-accordion .accordion-item:last-child {
	border-bottom: none
}

.app-card-accordion .faq-accordion .accordion-header {
	border: none
}

.app-card-accordion .faq-accordion .accordion-button {
	padding: 1rem;
	border-radius: 0;
	border: none;
	box-shadow: none;
	background: none;
	padding-left: 0;
	font-size: 1rem;
	text-decoration: none;
	color: #2364ca
}

.app-card-accordion .faq-accordion .accordion-button:after {
	display: none
}

.app-card-accordion .faq-accordion .accordion-body {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	font-size: 1rem
}

.app-card-account {
	height: 100%
}

.app-card-account .item {
	font-size: .875rem
}

.app-card-account .item .profile-image {
	width: 60px;
	height: 60px
}

.app-card-account .item .btn-sm,
.app-card-account .item .btn-group-sm>.btn {
	padding: .125rem .5rem;
	font-size: .75rem
}

.settings-section .section-title {
	font-size: 1.25rem
}

.settings-section .section-intro {
	font-size: .875rem
}

.app-card-settings {
	font-size: 1rem
}

.app-card-settings .form-label {
	font-weight: bold
}

.app-card-settings .form-control {
	font-size: 1rem
}

.app-404-page {
	padding-top: 2rem
}

.app-404-page .page-title {
	font-size: 3rem;
	line-height: .8;
	font-weight: bold
}

.app-404-page .page-title span {
	font-size: 1.5rem
}

.chart-container {
	position: relative
}

.app-table-hover>tbody>tr:hover {
	background-color: #fafbff
}

.app-card-notification .notification-type .badge {
	font-size: .65rem;
	text-transform: uppercase
}

.app-card-notification .profile-image {
	width: 60px;
	height: 60px
}

.app-card-notification .notification-title {
	font-size: 1.125rem
}

.app-card-notification .notification-content {
	font-size: .875rem
}

.app-card-notification .notification-meta {
	font-size: .75rem;
	color: #828d9f
}

.app-card-notification .action-link {
	font-size: .875rem
}

.app-card-notification .app-card-footer {
	background: #fafbff
}

@media(min-width: 1200px) {
	.table-search-form .form-control {
		min-width: 300px
	}
}

@media(max-width: 575.98px) {
	.app-card-stat .stats-figure {
		font-size: 1.125rem
	}

	.app-card-stat .stats-type {
		font-size: .75rem
	}
}

.app-login .auth-background-holder {
	background: url("../images/background/background-1.jpg") no-repeat center center;
	background-size: cover;
	height: 100vh;
	min-height: 100%
}

.app-signup .auth-background-holder {
	background: url("../images/background/background-2.jpg") no-repeat center center;
	background-size: cover;
	height: 100vh;
	min-height: 100%
}

.app-reset-password .auth-background-holder {
	background: url("../images/background/background-3.jpg") no-repeat center center;
	background-size: cover;
	height: 100vh;
	min-height: 100%
}

.auth-main-col,
.auth-background-col {
	position: relative
}

.auth-background-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .1)
}

.auth-background-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 11
}

.auth-background-overlay .overlay-title {
	color: #fff;
	font-size: 1rem;
	font-weight: bold
}

.auth-background-overlay .overlay-content {
	background: rgba(37, 41, 48, .6);
	color: #fff
}

.auth-background-overlay .overlay-content a {
	text-decoration: underline;
	color: #fff
}

.app-auth-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.app-auth-wrapper {
	background: #fff;
	height: 100vh
}

.app-auth-wrapper .app-auth-body {
	width: 360px
}

.app-auth-wrapper .app-logo .logo-icon {
	width: 60px;
	height: 60px
}

.app-auth-wrapper .auth-heading {
	font-size: 1.5rem
}

.app-auth-wrapper .form-control::-webkit-input-placeholder {
	color: #828d9f
}

.app-auth-wrapper .form-control:-moz-placeholder {
	color: #828d9f
}

.app-auth-wrapper .form-control::-moz-placeholder {
	color: #828d9f
}

.app-auth-wrapper .form-control:-ms-input-placeholder {
	color: #828d9f
}

.app-auth-wrapper .legal-note {
	font-size: .875rem
}

.app-auth-wrapper .extra {
	font-size: .75rem
}

.app-auth-wrapper .extra a {
	text-decoration: underline;
	color: #828d9f
}

.app-auth-wrapper .extra a:hover {
	color: #5d6778
}

.app-auth-wrapper .auth-heading-desc {
	font-weight: 500;
	font-size: 1.125rem
}

.app-auth-wrapper .legal-note {
	font-size: .75rem
}

.app-auth-wrapper .auth-option {
	font-size: .875rem
}

.app-auth-footer .copyright {
	font-size: .75rem
}

@media(max-width: 767.98px) {
	.auth-background-col {
		display: none
	}

	.app-auth-wrapper .app-auth-body {
		width: 100%
	}
}
.sidepanel-toggler
{
	color: #fff;
	font-size: 22px;
}
.content 
{
	min-height: calc(100vh - 200px);
}
.seting-pop
{
	position: absolute;
    top: 5px;
    right: 30px;
    padding: 10px;
}
.dropdown-toggle::after {
     content:inherit !important; 
}
.card {
     border-radius: 15px !important;
    box-shadow: inherit;
}
.card:not(.clear-shadow) {
    box-shadow: inherit !important;
}
.card-header:first-child {
    border-radius: calc(15px - 1px) calc(15px - 1px) 0 0 !important;
}
.btn-primary {
    color: #fff;
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--theme-color) !important; 
    border-color: var(--theme-color) !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color:var(--theme-color) !important;
    border-color:var(--theme-color) !important;
}