@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
	position: relative;
	min-height: 100%;
	font-family: "Roboto", sans-serif;
}

body {
	height: 100%;
	font-family: "Roboto", sans-serif;
}

a:focus {
	outline: 0ng
}

#wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

	#wrapper #content-wrapper {
		background-color: #fafdfb;
		width: 100%;
		overflow-x: hidden
	}

		#wrapper #content-wrapper #content {
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto
		}

.container, .container-fluid, .container-login {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.scroll-to-top {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
	width: 2.75rem;
	height: 2.75rem;
	text-align: center;
	color: #fff;
	background: rgba(90,92,105,.5);
	line-height: 46px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

	.scroll-to-top:focus, .scroll-to-top:hover {
		color: #fff;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.scroll-to-top:hover {
		background: #5a5c69;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.scroll-to-top i {
		font-weight: 800
	}

@-webkit-keyframes growIn {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes growIn {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animated--grow-in, .sidebar .nav-item .collapse {
	-webkit-animation-name: growIn;
	animation-name: growIn;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1);
	animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1)
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.animated--fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-timing-function: opacity cubic-bezier(0, 1, .4, 1);
	animation-timing-function: opacity cubic-bezier(0, 1, .4, 1)
}

.bg-gradient-primary {
	background-color: #6777ef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #6777ef), to(#303f9f));
	background-image: linear-gradient(180deg, #6777ef 10%, #303f9f 100%);
	background-size: cover
}

.bg-gradient-secondary {
	background-color: #757575;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #757575), to(#60616f));
	background-image: linear-gradient(180deg, #757575 10%, #60616f 100%);
	background-size: cover
}

.bg-gradient-success {
	background-color: #66bb6a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #66bb6a), to(#13855c));
	background-image: linear-gradient(180deg, #66bb6a 10%, #13855c 100%);
	background-size: cover
}

.bg-gradient-info {
	background-color: #3abaf4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #3abaf4), to(#258391));
	background-image: linear-gradient(180deg, #3abaf4 10%, #258391 100%);
	background-size: cover
}

.bg-gradient-warning {
	background-color: #ffa426;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffa426), to(#dda20a));
	background-image: linear-gradient(180deg, #f6c23e 10%, #ffa426 100%);
	background-size: cover
}

.bg-gradient-danger {
	background-color: #fc544b;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fc544b), to(#be2617));
	background-image: linear-gradient(180deg, #fc544b 10%, #be2617 100%);
	background-size: cover
}

.bg-gradient-light {
	background-color: #e3eaef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e3eaef), to(#c2cbe5));
	background-image: linear-gradient(180deg, #e3eaef 10%, #c2cbe5 100%);
	background-size: cover
}

.bg-gradient-dark {
	background-color: #212121;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #212121), to(#373840));
	background-image: linear-gradient(180deg, #212121 10%, #373840 100%);
	background-size: cover
}

.bg-gradient-default {
	background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important
}

.bg-gradient-login {
	background-color: #f8f9fc;
	background-size: cover
}

.bg-gray-100 {
	background-color: #f8f9fc !important
}

.bg-gray-200 {
	background-color: #eaecf4 !important
}

.bg-gray-300 {
	background-color: #dddfeb !important
}

.bg-gray-400 {
	background-color: #d1d3e2 !important
}

.bg-gray-500 {
	background-color: #b7b9cc !important
}

.bg-gray-600 {
	background-color: #858796 !important
}

.bg-gray-700 {
	background-color: #6e707e !important
}

.bg-gray-800 {
	background-color: #5a5c69 !important
}

.bg-gray-900 {
	background-color: #3a3b45 !important
}

.o-hidden {
	overflow: hidden !important
}

.text-xs {
	font-size: .7rem
}

.text-lg {
	font-size: 1.2rem
}

.text-gray-100 {
	color: #f8f9fc !important
}

.text-gray-200 {
	color: #eaecf4 !important
}

.text-gray-300 {
	color: #dddfeb !important
}

.text-gray-400 {
	color: #d1d3e2 !important
}

.text-gray-500 {
	color: #b7b9cc !important
}

.text-gray-600 {
	color: #858796 !important
}

.text-gray-700 {
	color: #6e707e !important
}

.text-gray-800 {
	color: #5a5c69 !important
}

.text-gray-900 {
	color: #3a3b45 !important
}

.icon-circle {
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.border-left-primary {
	border-left: .25rem solid #3f51b5 !important
}

.border-bottom-primary {
	border-bottom: .25rem solid #3f51b5 !important
}

.border-left-secondary {
	border-left: .25rem solid #757575 !important
}

.border-bottom-secondary {
	border-bottom: .25rem solid #757575 !important
}

.border-left-success {
	border-left: .25rem solid #66bb6a !important
}

.border-bottom-success {
	border-bottom: .25rem solid #66bb6a !important
}

.border-left-info {
	border-left: .25rem solid #4dd0e1 !important
}

.border-bottom-info {
	border-bottom: .25rem solid #4dd0e1 !important
}

.border-left-warning {
	border-left: .25rem solid #ffeb3b !important
}

.border-bottom-warning {
	border-bottom: .25rem solid #ffeb3b !important
}

.border-left-danger {
	border-left: .25rem solid #ef5350 !important
}

.border-bottom-danger {
	border-bottom: .25rem solid #ef5350 !important
}

.border-left-light {
	border-left: .25rem solid #f8f9fc !important
}

.border-bottom-light {
	border-bottom: .25rem solid #f8f9fc !important
}

.border-left-dark {
	border-left: .25rem solid #5a5c69 !important
}

.border-bottom-dark {
	border-bottom: .25rem solid #5a5c69 !important
}

.progress-sm {
	height: .5rem
}

.rotate-15 {
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg)
}

.rotate-n-15 {
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}

.dropdown .dropdown-menu {
	font-size: .85rem;
	-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important
}

	.dropdown .dropdown-menu .dropdown-header {
		font-weight: 800;
		font-size: .65rem;
		color: #b7b9cc
	}

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

.sidebar .nav-item.dropdown .dropdown-toggle::after, .topbar .nav-item.dropdown .dropdown-toggle::after {
	width: 1rem;
	text-align: center;
	float: right;
	vertical-align: 0;
	border: 0;
	font-weight: 900;
	content: '\f105';
	font-family: 'Font Awesome 5 Free'
}

.sidebar .nav-item.dropdown.show .dropdown-toggle::after, .topbar .nav-item.dropdown.show .dropdown-toggle::after {
	content: '\f107'
}

.sidebar .nav-item .nav-link, .topbar .nav-item .nav-link {
	position: relative
}

	.sidebar .nav-item .nav-link .badge-counter, .topbar .nav-item .nav-link .badge-counter {
		position: absolute;
		-webkit-transform: scale(.7);
		transform: scale(.7);
		-webkit-transform-origin: top right;
		transform-origin: top right;
		right: .25rem;
		margin-top: -.25rem
	}

	.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
		height: 2rem;
		width: 2rem;
		border: 1px solid #fafafa
	}

.topbar {
	/*height: 4.375rem;*/
	z-index: 2;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important
}

	.topbar #sidebarToggleTop {
		height: 2.5rem;
		width: 2.5rem;
		-webkit-box-shadow: 0 0 !important;
		box-shadow: 0 0 !important
	}

		.topbar #sidebarToggleTop:hover {
			background-color: #fafafa
		}

		.topbar #sidebarToggleTop:active {
			background-color: #dddfeb
		}

	.topbar .navbar-search {
		width: 25rem
	}

		.topbar .navbar-search input {
			font-size: .85rem
		}

	.topbar .topbar-divider {
		width: 0;
		border-right: 1px solid #e3e6f0;
		height: calc(4.375rem - 2rem);
		margin: auto 1rem
	}

	.topbar .nav-item .nav-link {
		height: 4.375rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 .75rem
	}

		.topbar .nav-item .nav-link:focus {
			outline: 0
		}

	.topbar .nav-item:focus {
		outline: 0
	}

	.topbar .dropdown {
		position: static
	}

		.topbar .dropdown .dropdown-menu {
			width: calc(100% - 1.5rem);
			right: .75rem
		}

	.topbar .dropdown-list {
		padding: 0;
		border: none;
		overflow: hidden
	}

		.topbar .dropdown-list .dropdown-header {
			background-color: #3f51b5;
			border: 1px solid #3f51b5;
			padding-top: .75rem;
			padding-bottom: .75rem;
			color: #fff
		}

		.topbar .dropdown-list .dropdown-item {
			white-space: normal;
			padding-top: .5rem;
			padding-bottom: .5rem;
			border-left: 1px solid #e3e6f0;
			border-right: 1px solid #e3e6f0;
			border-bottom: 1px solid #e3e6f0;
			line-height: 1.3rem
		}

			.topbar .dropdown-list .dropdown-item .dropdown-list-image {
				position: relative;
				height: 2.5rem;
				width: 2.5rem
			}

				.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
					height: 2.5rem;
					width: 2.5rem
				}

				.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
					background-color: #eaecf4;
					height: .75rem;
					width: .75rem;
					border-radius: 100%;
					position: absolute;
					bottom: 0;
					right: 0;
					border: .125rem solid #fff
				}

			.topbar .dropdown-list .dropdown-item .text-truncate {
				max-width: 10rem
			}

			.topbar .dropdown-list .dropdown-item:active {
				background-color: #eaecf4;
				color: #3a3b45
			}

@media (min-width:576px) {
	.topbar .dropdown {
		position: relative
	}

		.topbar .dropdown .dropdown-menu {
			width: auto;
			right: 0
		}

	.topbar .dropdown-list {
		width: 20rem !important
	}

		.topbar .dropdown-list .dropdown-item .text-truncate {
			max-width: 13.375rem
		}
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
	color: #fafafa;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

	.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
		color: #e0e0e0;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
		color: #858796
	}

.bg-navbar {
	background-color: #6777ef
}

.sidebar {
	min-height: 100vh;
	width: 14rem !important;
	background-color: #fff !important;
	-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
	z-index: 0
}

	.sidebar .nav-item {
		position: relative;
		margin-bottom: -15px
	}

		.sidebar .nav-item:last-child {
			margin-bottom: 1rem
		}

		.sidebar .nav-item .nav-link {
			display: block;
			width: 100%;
			text-align: left;
			padding: 1rem;
			width: 14rem
		}

			.sidebar .nav-item .nav-link i {
				font-size: .85rem;
				margin-right: .25rem
			}

			.sidebar .nav-item .nav-link span {
				font-size: .85rem;
				display: inline
			}

		.sidebar .nav-item.active .nav-link {
			font-weight: 800
		}

		.sidebar .nav-item .nav-link[data-toggle=collapse]::after {
			width: 1rem;
			text-align: center;
			float: right;
			vertical-align: 0;
			border: 0;
			font-weight: 900;
			content: '\f107';
			font-family: 'Font Awesome 5 Free'
		}

		.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
			content: '\f105'
		}

		.sidebar .nav-item .collapse {
			position: relative;
			left: 0;
			z-index: 1;
			top: 0;
			-webkit-animation: none;
			animation: none
		}

			.sidebar .nav-item .collapse .collapse-inner {
				border-radius: .35rem;
				-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
				box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
				transition: all .2s ease-in-out;
				-webkit-transition: all .2s ease-in-out
			}

		.sidebar .nav-item .collapsing {
			display: block;
			-webkit-transition: height .3s ease;
			transition: height .3s ease
		}

		.sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {
			margin: 0 1rem
		}

			.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner {
				padding: .5rem 0;
				min-width: 10rem;
				font-size: .85rem;
				margin: 0 0 1rem 0
			}

				.sidebar .nav-item .collapse .collapse-inner .collapse-header, .sidebar .nav-item .collapsing .collapse-inner .collapse-header {
					margin: 0;
					white-space: nowrap;
					padding: .5rem 1.5rem;
					text-transform: uppercase;
					font-weight: 800;
					font-size: .65rem;
					color: #b7b9cc
				}

				.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
					padding: .5rem 1rem;
					margin: 0 .5rem;
					display: block;
					color: #3a3b45;
					text-decoration: none;
					border-radius: .35rem;
					white-space: nowrap
				}

					.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
						background-color: #eaecf4;
						transition: all .3s ease-in-out;
						-webkit-transition: all .3s ease-in-out
					}

					.sidebar .nav-item .collapse .collapse-inner .collapse-item:active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
						background-color: #dddfeb
					}

					.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
						color: #3a3b45;
						font-weight: 800
					}

	.sidebar #sidebarToggle {
		width: 2.5rem;
		height: 2.5rem;
		text-align: center;
		margin-bottom: 1rem;
		cursor: pointer
	}

		.sidebar #sidebarToggle::after {
			font-weight: 900;
			content: '\f104';
			font-family: 'Font Awesome 5 Free';
			margin-right: .1rem
		}

		.sidebar #sidebarToggle:hover {
			text-decoration: none
		}

		.sidebar #sidebarToggle:focus {
			outline: 0
		}

	.sidebar .sidebar-brand {
		height: 4.375rem;
		text-decoration: none;
		font-size: 1rem;
		font-weight: 800;
		padding: 1.5rem 1rem;
		text-align: center;
		letter-spacing: .05rem;
		z-index: 1
	}

		.sidebar .sidebar-brand .sidebar-brand-icon img {
			max-height: 2.3rem
		}

	.sidebar hr.sidebar-divider {
		margin: 1rem 0 1rem 0
	}

	.sidebar .sidebar-heading {
		text-align: left;
		padding: 0 1rem;
		font-weight: 800;
		font-size: .65rem;
		letter-spacing: .13rem
	}

	.sidebar .version {
		text-align: left;
		font-size: .6rem;
		padding: 0 1rem;
		color: #b7b9cc;
		letter-spacing: .030rem
	}

	.sidebar .sidebar-brand .sidebar-brand-text {
		display: inline
	}

	.sidebar.toggled {
		overflow: visible;
		width: 6.5rem !important;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		z-index: 1
	}

		.sidebar.toggled .nav-item {
			margin-bottom: 0
		}

		.sidebar.toggled hr.sidebar-divider {
			margin: 0 0 1rem 0
		}

		.sidebar.toggled #sidebarToggle::after {
			content: '\f105';
			font-family: 'Font Awesome 5 Free';
			margin-left: .25rem
		}

		.sidebar.toggled .nav-item .collapse {
			position: absolute;
			left: calc(6.5rem + 1.5rem / 2);
			top: 2px;
			-webkit-animation-name: growIn;
			animation-name: growIn;
			-webkit-animation-duration: .2s;
			animation-duration: .2s;
			-webkit-animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1);
			animation-timing-function: transform cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1)
		}

		.sidebar.toggled .nav-item .collapse, .sidebar.toggled .nav-item .collapsing {
			margin: 0
		}

			.sidebar.toggled .nav-item .collapse .collapse-inner {
				-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
				box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
				border-radius: .35rem
			}

		.sidebar.toggled .nav-item .collapsing {
			display: none;
			-webkit-transition: none;
			transition: none
		}

		.sidebar.toggled .nav-item:last-child {
			margin-bottom: 1rem
		}

		.sidebar.toggled .nav-item .nav-link {
			text-align: center;
			padding: .75rem 1rem;
			width: 6.5rem
		}

		.sidebar.toggled .nav-item .nav-link {
			background-color: transparent !important
		}

		.sidebar.toggled .sidebar-heading {
			display: none
		}

		.sidebar.toggled .nav-item .nav-link span {
			display: none
		}

		.sidebar.toggled .nav-item .nav-link i {
			float: left;
			text-align: center;
			font-size: 1rem;
			margin: 0 0 .7rem 1rem
		}

		.sidebar.toggled .sidebar-brand .sidebar-brand-text {
			display: none
		}

		.sidebar.toggled .nav-item .nav-link[data-toggle=collapse]::after {
			width: 1rem;
			text-align: center;
			float: right;
			vertical-align: 0;
			border: 0;
			font-weight: 900;
			content: '\f107';
			font-family: 'Font Awesome 5 Free'
		}

		.sidebar.toggled .nav-item .nav-link[data-toggle=collapse].collapsed::after {
			content: '\f105'
		}

.login-form {
	padding: 3rem !important
}

@media (max-width:768px) {
	#container-wrapper {
		min-width: 100vw
	}

	.sidebar.toggled {
		width: 100vw !important;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

		.sidebar.toggled .nav-item {
			margin-left: -1rem;
			position: relative;
			margin-bottom: -15px
		}

			.sidebar.toggled .nav-item .nav-link {
				display: block;
				width: 100%;
				text-align: left;
				padding: 1rem;
				width: 14rem
			}

				.sidebar.toggled .nav-item .nav-link i {
					font-size: .85rem;
					margin-top: .4rem;
					margin-right: .5rem
				}

				.sidebar.toggled .nav-item .nav-link span {
					font-size: .85rem;
					display: inline
				}

			.sidebar.toggled .nav-item.active .nav-link {
				font-weight: 700
			}

			.sidebar.toggled .nav-item .nav-link[data-toggle=collapse]::after {
				width: 1rem;
				text-align: center;
				float: right;
				vertical-align: 0;
				border: 0;
				font-weight: 900;
				content: '\f107';
				font-family: 'Font Awesome 5 Free'
			}

			.sidebar.toggled .nav-item .nav-link[data-toggle=collapse].collapsed::after {
				content: '\f105'
			}

			.sidebar.toggled .nav-item .collapse {
				position: relative;
				padding-left: 1rem;
				left: 0;
				z-index: 1;
				top: 0;
				-webkit-transition: height .15s ease;
				transition: height .15s ease
			}

				.sidebar.toggled .nav-item .collapse .collapse-inner {
					border-radius: .35rem;
					-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
					box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)
				}

			.sidebar.toggled .nav-item .collapse, .sidebar.toggled .nav-item .collapsing {
				margin: 0 1rem
			}

				.sidebar.toggled .nav-item .collapse .collapse-inner, .sidebar.toggled .nav-item .collapsing .collapse-inner {
					padding: .5rem 0;
					min-width: 10rem;
					font-size: .85rem;
					margin: 0 0 1rem 0
				}

					.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-header, .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-header {
						margin: 0;
						white-space: nowrap;
						padding: .5rem 1.5rem;
						text-transform: uppercase;
						font-weight: 800;
						font-size: .65rem;
						color: #b7b9cc
					}

					.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item, .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item {
						padding: .5rem 1rem;
						margin: 0 .5rem;
						display: block;
						color: #3a3b45;
						text-decoration: none;
						border-radius: .35rem;
						white-space: nowrap
					}

						.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item:hover {
							background-color: #eaecf4;
							transition: all .3s ease-in-out;
							-webkit-transition: all .3s ease-in-out
						}

						.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item:active, .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item:active {
							background-color: #dddfeb
						}

						.sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item.active {
							color: #3f51b5;
							font-weight: 800
						}

		.sidebar.toggled .sidebar-brand {
			height: 4.375rem;
			text-decoration: none;
			font-size: 1rem;
			font-weight: 800;
			padding: 1.5rem 1rem;
			text-align: center;
			letter-spacing: .05rem;
			z-index: 1
		}

		.sidebar.toggled hr.sidebar-divider {
			margin: 1rem 0 1rem 0
		}

		.sidebar.toggled .sidebar-heading {
			display: block;
			text-align: left;
			padding: 0 1rem;
			font-weight: 800;
			font-size: .65rem;
			letter-spacing: .13rem
		}

		.sidebar.toggled .sidebar-brand .sidebar-brand-text {
			display: inline
		}

	.sidebar {
		width: 0 !important;
		overflow: hidden;
		transition: all .3s ease;
		-webkit-transition: all .3s ease
	}

		.sidebar .sidebar-brand {
			overflow: hidden
		}

			.sidebar .sidebar-brand .sidebar-brand-text {
				overflow: hidden
			}

		.sidebar .nav-item {
			overflow: hidden
		}

		.sidebar .sidebar-brand .sidebar-brand-icon img {
			overflow: hidden
		}

		.sidebar hr.sidebar-divider {
			margin: 1rem 0 1rem 0
		}

	.topbar .navbar-search {
		width: 100%
	}

	.login-form {
		padding: 3rem 2rem !important
	}
}

.breadcrumb {
	background-color: transparent;
	font-size: 12px;
	font-weight: 700
}

.sidebar-light .sidebar-brand {
	color: #fafafa;
	background-color: #4c60da
}

.sidebar-light hr.sidebar-divider {
	border-top: 1px solid #eaecf4
}

.sidebar-light .sidebar-heading {
	color: #b7b9cc
}

.sidebar-light .nav-item .nav-link {
	color: #858796
}

	.sidebar-light .nav-item .nav-link i {
		color: #9e9e9e
	}

	.sidebar-light .nav-item .nav-link:active, .sidebar-light .nav-item .nav-link:focus, .sidebar-light .nav-item .nav-link:hover {
		color: #6e707e;
		background-color: #eee
	}

		.sidebar-light .nav-item .nav-link:active i, .sidebar-light .nav-item .nav-link:focus i, .sidebar-light .nav-item .nav-link:hover i {
			color: #6e707e
		}

	.sidebar-light .nav-item .nav-link[data-toggle=collapse]::after {
		color: #b7b9cc
	}

.sidebar-light .nav-item.active .nav-link {
	color: #6e707e
}

	.sidebar-light .nav-item.active .nav-link i {
		color: #6e707e
	}

.sidebar-light #sidebarToggle {
	background-color: #eaecf4
}

	.sidebar-light #sidebarToggle::after {
		color: #b7b9cc
	}

	.sidebar-light #sidebarToggle:hover {
		background-color: #dddfeb
	}

.sidebar-dark .sidebar-brand {
	color: #fff
}

.sidebar-dark hr.sidebar-divider {
	border-top: 1px solid rgba(255,255,255,.15)
}

.sidebar-dark .sidebar-heading {
	color: rgba(255,255,255,.4)
}

.sidebar-dark .nav-item .nav-link {
	color: rgba(255,255,255,.8)
}

	.sidebar-dark .nav-item .nav-link i {
		color: #d1d3e2
	}

	.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
		color: #fff
	}

		.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
			color: #fff
		}

	.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
		color: rgba(255,255,255,.5)
	}

.sidebar-dark .nav-item.active .nav-link {
	color: #fff
}

	.sidebar-dark .nav-item.active .nav-link i {
		color: #fff
	}

.sidebar-dark #sidebarToggle {
	background-color: rgba(255,255,255,.2)
}

	.sidebar-dark #sidebarToggle::after {
		color: rgba(255,255,255,.5)
	}

	.sidebar-dark #sidebarToggle:hover {
		background-color: rgba(255,255,255,.25)
	}

.sidebar-dark.toggled #sidebarToggle::after {
	color: rgba(255,255,255,.5)
}

.btn-icon-split {
	padding: 0;
	overflow: hidden;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

	.btn-icon-split .icon {
		background: rgba(0,0,0,.15);
		display: inline-block;
		padding: .375rem .75rem
	}

	.btn-icon-split .text {
		display: inline-block;
		padding: .375rem .75rem
	}

	.btn-group-sm > .btn-icon-split.btn .icon, .btn-icon-split.btn-sm .icon {
		padding: .25rem .5rem
	}

	.btn-group-sm > .btn-icon-split.btn .text, .btn-icon-split.btn-sm .text {
		padding: .25rem .5rem
	}

	.btn-group-lg > .btn-icon-split.btn .icon, .btn-icon-split.btn-lg .icon {
		padding: .5rem 1rem
	}

	.btn-group-lg > .btn-icon-split.btn .text, .btn-icon-split.btn-lg .text {
		padding: .5rem 1rem
	}

.card .card-header .dropdown {
	line-height: 1
}

	.card .card-header .dropdown .dropdown-menu {
		line-height: 1.5
	}

.card .card-header[data-toggle=collapse] {
	text-decoration: none;
	position: relative;
	padding: .75rem 3.25rem .75rem 1.25rem
}

	.card .card-header[data-toggle=collapse]::after {
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 1.725rem;
		line-height: 51px;
		font-weight: 900;
		content: '\f107';
		font-family: 'Font Awesome 5 Free'
	}

	.card .card-header[data-toggle=collapse].collapsed {
		border-radius: .35rem
	}

		.card .card-header[data-toggle=collapse].collapsed::after {
			content: '\f105'
		}

.chart-area {
	position: relative;
	height: 10rem;
	width: 100%
}

@media (min-width:768px) {
	.chart-area {
		height: 20rem
	}
}

.chart-bar {
	position: relative;
	height: 10rem;
	width: 100%
}

@media (min-width:768px) {
	.chart-bar {
		height: 20rem
	}
}

.chart-pie {
	position: relative;
	height: 15rem;
	width: 100%
}

@media (min-width:768px) {
	.chart-pie {
		height: calc(20rem - 43px) !important
	}
}

.bg-login-image {
	background-position: center;
	background-size: cover
}

.bg-register-image {
	background-position: center;
	background-size: cover
}

.bg-password-image {
	background-position: center;
	background-size: cover
}

.btn-google {
	color: #434334;
	background-color: #fff;
	border-color: #bdbdbd;
	-webkit-box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	border-radius: .25rem
}

	.btn-google:hover {
		color: #434343;
		background-color: #f5f5f5;
		border-color: #434343
	}

	.btn-google.focus, .btn-google:focus {
		-webkit-box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
		box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
	}

	.btn-google.disabled, .btn-google:disabled {
		color: #434343;
		background-color: #eee;
		border-color: #434334
	}

	.btn-google:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active, .show > .btn-google.dropdown-toggle {
		color: #434334;
		background-color: #eee;
		border-color: #434343
	}

		.btn-google:not(:disabled):not(.disabled).active:focus, .btn-google:not(:disabled):not(.disabled):active:focus, .show > .btn-google.dropdown-toggle:focus {
			-webkit-box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
			box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
		}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: #fff;
	-webkit-box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	border-radius: .25rem
}

	.btn-facebook:hover {
		color: #fff;
		background-color: #30497c;
		border-color: #e6e6e6
	}

	.btn-facebook.focus, .btn-facebook:focus {
		-webkit-box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
		box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
	}

	.btn-facebook.disabled, .btn-facebook:disabled {
		color: #fff;
		background-color: #3b5998;
		border-color: #fff
	}

	.btn-facebook:not(:disabled):not(.disabled).active, .btn-facebook:not(:disabled):not(.disabled):active, .show > .btn-facebook.dropdown-toggle {
		color: #fff;
		background-color: #2d4373;
		border-color: #dfdfdf
	}

		.btn-facebook:not(:disabled):not(.disabled).active:focus, .btn-facebook:not(:disabled):not(.disabled):active:focus, .show > .btn-facebook.dropdown-toggle:focus {
			-webkit-box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
			box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)
		}

.error {
	color: #5a5c69;
	font-size: 7rem;
	position: relative;
	line-height: 1;
	width: 12.5rem
}

@-webkit-keyframes noise-anim {
	0% {
		clip: rect(31px,9999px,91px,0)
	}

	5% {
		clip: rect(70px,9999px,29px,0)
	}

	10% {
		clip: rect(3px,9999px,56px,0)
	}

	15% {
		clip: rect(7px,9999px,78px,0)
	}

	20% {
		clip: rect(97px,9999px,4px,0)
	}

	25% {
		clip: rect(24px,9999px,60px,0)
	}

	30% {
		clip: rect(80px,9999px,41px,0)
	}

	35% {
		clip: rect(78px,9999px,14px,0)
	}

	40% {
		clip: rect(20px,9999px,23px,0)
	}

	45% {
		clip: rect(70px,9999px,61px,0)
	}

	50% {
		clip: rect(65px,9999px,89px,0)
	}

	55% {
		clip: rect(74px,9999px,25px,0)
	}

	60% {
		clip: rect(76px,9999px,84px,0)
	}

	65% {
		clip: rect(56px,9999px,10px,0)
	}

	70% {
		clip: rect(85px,9999px,58px,0)
	}

	75% {
		clip: rect(46px,9999px,71px,0)
	}

	80% {
		clip: rect(6px,9999px,64px,0)
	}

	85% {
		clip: rect(20px,9999px,84px,0)
	}

	90% {
		clip: rect(57px,9999px,26px,0)
	}

	95% {
		clip: rect(36px,9999px,92px,0)
	}

	100% {
		clip: rect(12px,9999px,53px,0)
	}
}

@keyframes noise-anim {
	0% {
		clip: rect(31px,9999px,91px,0)
	}

	5% {
		clip: rect(70px,9999px,29px,0)
	}

	10% {
		clip: rect(3px,9999px,56px,0)
	}

	15% {
		clip: rect(7px,9999px,78px,0)
	}

	20% {
		clip: rect(97px,9999px,4px,0)
	}

	25% {
		clip: rect(24px,9999px,60px,0)
	}

	30% {
		clip: rect(80px,9999px,41px,0)
	}

	35% {
		clip: rect(78px,9999px,14px,0)
	}

	40% {
		clip: rect(20px,9999px,23px,0)
	}

	45% {
		clip: rect(70px,9999px,61px,0)
	}

	50% {
		clip: rect(65px,9999px,89px,0)
	}

	55% {
		clip: rect(74px,9999px,25px,0)
	}

	60% {
		clip: rect(76px,9999px,84px,0)
	}

	65% {
		clip: rect(56px,9999px,10px,0)
	}

	70% {
		clip: rect(85px,9999px,58px,0)
	}

	75% {
		clip: rect(46px,9999px,71px,0)
	}

	80% {
		clip: rect(6px,9999px,64px,0)
	}

	85% {
		clip: rect(20px,9999px,84px,0)
	}

	90% {
		clip: rect(57px,9999px,26px,0)
	}

	95% {
		clip: rect(36px,9999px,92px,0)
	}

	100% {
		clip: rect(12px,9999px,53px,0)
	}
}

.error:after {
	content: attr(data-text);
	position: absolute;
	left: 2px;
	text-shadow: -1px 0 #e74a3b;
	top: 0;
	color: #5a5c69;
	background: #f8f9fc;
	overflow: hidden;
	clip: rect(0,900px,0,0);
	animation: noise-anim 2s infinite linear alternate-reverse
}

@-webkit-keyframes noise-anim-2 {
	0% {
		clip: rect(68px,9999px,1px,0)
	}

	5% {
		clip: rect(44px,9999px,53px,0)
	}

	10% {
		clip: rect(72px,9999px,43px,0)
	}

	15% {
		clip: rect(18px,9999px,16px,0)
	}

	20% {
		clip: rect(6px,9999px,72px,0)
	}

	25% {
		clip: rect(18px,9999px,16px,0)
	}

	30% {
		clip: rect(93px,9999px,46px,0)
	}

	35% {
		clip: rect(100px,9999px,33px,0)
	}

	40% {
		clip: rect(27px,9999px,29px,0)
	}

	45% {
		clip: rect(5px,9999px,64px,0)
	}

	50% {
		clip: rect(40px,9999px,65px,0)
	}

	55% {
		clip: rect(72px,9999px,49px,0)
	}

	60% {
		clip: rect(44px,9999px,39px,0)
	}

	65% {
		clip: rect(84px,9999px,45px,0)
	}

	70% {
		clip: rect(99px,9999px,56px,0)
	}

	75% {
		clip: rect(87px,9999px,20px,0)
	}

	80% {
		clip: rect(52px,9999px,8px,0)
	}

	85% {
		clip: rect(64px,9999px,22px,0)
	}

	90% {
		clip: rect(51px,9999px,69px,0)
	}

	95% {
		clip: rect(2px,9999px,11px,0)
	}

	100% {
		clip: rect(19px,9999px,40px,0)
	}
}

@keyframes noise-anim-2 {
	0% {
		clip: rect(68px,9999px,1px,0)
	}

	5% {
		clip: rect(44px,9999px,53px,0)
	}

	10% {
		clip: rect(72px,9999px,43px,0)
	}

	15% {
		clip: rect(18px,9999px,16px,0)
	}

	20% {
		clip: rect(6px,9999px,72px,0)
	}

	25% {
		clip: rect(18px,9999px,16px,0)
	}

	30% {
		clip: rect(93px,9999px,46px,0)
	}

	35% {
		clip: rect(100px,9999px,33px,0)
	}

	40% {
		clip: rect(27px,9999px,29px,0)
	}

	45% {
		clip: rect(5px,9999px,64px,0)
	}

	50% {
		clip: rect(40px,9999px,65px,0)
	}

	55% {
		clip: rect(72px,9999px,49px,0)
	}

	60% {
		clip: rect(44px,9999px,39px,0)
	}

	65% {
		clip: rect(84px,9999px,45px,0)
	}

	70% {
		clip: rect(99px,9999px,56px,0)
	}

	75% {
		clip: rect(87px,9999px,20px,0)
	}

	80% {
		clip: rect(52px,9999px,8px,0)
	}

	85% {
		clip: rect(64px,9999px,22px,0)
	}

	90% {
		clip: rect(51px,9999px,69px,0)
	}

	95% {
		clip: rect(2px,9999px,11px,0)
	}

	100% {
		clip: rect(19px,9999px,40px,0)
	}
}

.error:before {
	content: attr(data-text);
	position: absolute;
	left: -2px;
	text-shadow: 1px 0 #3f51b5;
	top: 0;
	color: #5a5c69;
	background: #f8f9fc;
	overflow: hidden;
	clip: rect(0,900px,0,0);
	animation: noise-anim-2 3s infinite linear alternate-reverse
}

footer.sticky-footer {
	padding: 2rem 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)
}

	footer.sticky-footer .copyright {
		line-height: 1;
		font-size: .8rem
	}

		footer.sticky-footer .copyright a {
			color: #455a64
		}

			footer.sticky-footer .copyright a:hover {
				text-decoration: none
			}

body.sidebar-toggled footer.sticky-footer {
	width: 100%
}

.bg-blue {
	background-color: #e8eaf6 !important
}

.table-flush td, .table-flush th {
	border-right: 0;
	border-left: 0
}

.table-flush tbody tr:first-child td, .table-flush tbody tr:first-child th {
	border-top: 0
}

.table-flush tbody tr:last-child td, .table-flush tbody tr:last-child th {
	border-bottom: 0
}

.card .table {
	margin-bottom: 0
}

	.card .table td, .card .table th {
		padding: .5rem;
		text-align: right;
	}

.customer-message {
	border-bottom: 1px solid #e3e6f0;
	padding-bottom: 10px;
	padding-top: 10px
}

	.customer-message:hover {
		background-color: #f8f9fc
	}

	.customer-message a .message-title {
		padding-right: 1.3rem;
		padding-left: 1.3rem
	}

	.customer-message a .message-time {
		padding-right: 1.3rem;
		padding-left: 1.3rem
	}

	.customer-message a:hover {
		text-decoration: none
	}

.btn-outline-light {
	color: #373840
}

.card {
	-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important
}

.input-group-append .btn {
	-webkit-box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important
}

	.input-group-append .btn:hover {
		-webkit-box-shadow: 0 .125rem .3rem 0 rgba(58,59,69,.4) !important;
		box-shadow: 0 .125rem .3rem 0 rgba(58,59,69,.4) !important
	}

.form-control:focus {
	border: 1px solid #6777ef
}

.input-group-append span {
	-webkit-box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	color: #fff;
	background-color: #3f51b5;
	border-color: #3f51b5
}

.input-group-prepend span {
	-webkit-box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2) !important;
	color: #fff;
	background-color: #3f51b5;
	border-color: #3f51b5
}
/*custom css*/
.wcao-heading {
	text-align: center;
}

	.wcao-heading h1 {
		font-size: 24px;
		font-weight: 600;
	}

	.wcao-heading h2 {
		font-size: 20px;
		font-weight: 600;
	}

	.wcao-heading h3 {
		font-size: 16px;
		font-weight: 600;
	}

.wcao-details {
	margin-top: 10px;
}

	.wcao-details p {
		margin-bottom: 3px;
		font-size: 18px;
		font-weight: 600;
	}

.card {
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 0px 10px 1px rgb(168, 168, 168);
	-moz-box-shadow: 0px 0px 10px 1px rgb(168, 168, 168);
	box-shadow: 0px 0px 10px 1px rgb(168, 168, 168);
	margin-top: 0px;
	margin-bottom: 10px;
	border: 2px solid #fff !important;
	border-radius: 10px;
	/* text-align: center; */
	background-color: #4158d000 !important; /* background-image: linear-gradient(235deg, #c3221c 0%, #f25850 44%, #bc140d 102%); */
}

.login-form {
	padding: 0;
}

.input-group-addon:first-child {
	border-right: 0;
}

.input-group-addon {
	padding: 3px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.login-form {
	padding: 1.4rem 2rem !important;
}
/**body {
            height: 100%;
            background-repeat: no-repeat;
            background-image: url(Image/lighthouseprojects.jpg);
            background-size: cover;
        }**/

th {
	text-align: center;
	font-size: 15px;
	color: black;
}

td {
	font-size: 14px;
	line-height: 15px;
	color: black;
}

.table td {
	padding: 0.25rem !important;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	border: 1px solid #414141;
}

.table th {
	padding: 0.25rem !important;
	line-height: 20px;
	border: 1px solid gray;
	background-color: #fff;
}

.table .thead-1 {
	text-align: center;
	color: white; /* background: #c4231b; */
	border: 1px solid gray;
	font-size: 18px;
	font-weight: bolder;
	color: white;
	background-image: linear-gradient(235deg, #c3221c 0%, #f25850 44%, #ffa426 102%);
}

.table thead th {
	border: 1px solid #414141;
	color: black;
	font-size: 15px;
	vertical-align: middle !important;
	height: 42px !important;
	font-family: "Roboto", sans-serif !important;
}

.footer {
	text-align: center;
	background-color: #01010129;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 13px;
}

.parentmar {
	width: 100%;
	border: 2px solid #494949;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #e4fdff;
}

.childmar {
	background: linear-gradient(to right, #1b1300, #605e00);
	padding: 10px;
	line-height: 18px;
	color: floralwhite;
	margin: 0;
	width: 120px;
}

.form-group {
	display: flex;
	margin-bottom: 9px !important;
}

.logn-img {
	display: flex;
	margin-top: 2%;
	justify-content: center;
	border-bottom: 2px dashed #ffffffab;
	margin-bottom: 6px;
}

body {
	user-select: none;
}

.dark-color {
	position: relative;
	color: black;
}

.th {
	color: black;
}

.table {
	border: 2px solid #ffa426;
}

.head-login {
	font-size: 23px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 14px;
}

.bg-img-fix {
	background-image: url('../Image/lighthouseprojects.jpg');
	background-size: cover;
	animation: slidein 50s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-webkit-keyframes slidein {
	from {
		background-position: top;
		background-size: 3000px;
	}

	to {
		background-position: -100px 0px;
		background-size: 2750px;
	}
}

@keyframes slidein {
	from {
		background-position: top;
		background-size: 3000px;
	}

	to {
		background-position: -100px 0px;
		background-size: 2750px;
	}
}

@media only screen and (max-width: 360px) {
	.input-group-addon {
		display: none;
	}

	.right-div-mid {
		font-size: 13px;
	}

	.right {
		width: 100%;
	}

	.head-login {
		font-size: 18px;
	}
}

.form-control {
	position: relative;
	font-size: 14px;
	border-radius: 0px !important;
}

.left-div {
	position: relative;
	width: 50%;
	float: left;
}

.right-div-mid {
	margin-left: 5px;
	position: relative;
	width: 36%;
	float: left;
	padding: 3px 4px;
	border: 2px dashed white;
	border-radius: 5px;
	color: #ffffff;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
}

.right-div-right-right {
	position: absolute;
	width: 10%;
	right: 0px;
}

.right {
	position: relative;
	width: 88%;
	float: left;
}

.logo-img {
	margin-bottom: 19px;
	margin-top: 0px;
	float: left;
	height: 93px;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 5px;
}

#togglePassword {
	width: 25px;
	height: 20px;
	display: inline;
	margin-right: 14px;
	vertical-align: middle;
	position: relative;
	float: right;
	margin-top: -28px;
}

label {
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	display: block !important;
}

.form-control {
	position: relative;
	font-size: 14px;
	border-radius: 0px;
	height: 40px !important;
}

.login-form-2 {
	padding: 1rem !important;
	border: 1px dashed #fff;
	border-radius: 21px;
	margin: 15px 0px; /* background-color: #0000006e; */
}

.footer a {
	color: #ebebeb;
}

.login-form-1 {
	padding: 1rem !important;
	border: 1px dashed #fff;
	border-radius: 21px;
	margin: 51px 15px 29px;
}

.form-group-1 {
	display: block;
	margin-bottom: 19px;
}

.logn-img-1 {
	padding-bottom: 0px;
	display: flex;
	justify-content: center;
	border-bottom: 2px dashed #ffffffab;
	margin-bottom: 24px;
}

.right-div-mid-1 {
	position: relative;
	width: 100%;
	float: left;
	padding: 5px 4px;
	border: 2px solid #FF5722;
	border-radius: 1px;
	color: #000000;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 5px;
	text-decoration: line-through;
}

#toggleBtn {
	color: #fff;
}

.user a {
	color: #fff;
	text-decoration: underline;
	font-size: 13px;
}

.pass-head {
	font-size: 23px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.mainlogo {
	width: 100%;
	border-bottom: 1px solid #cccccc54;
	margin-bottom: 15px;
}

a.register {
	float: right;
}

.login-btn a {
	color: #fff !important;
	font-size: 15px;
}

.swal2-checkbox input, .swal2-radio input {
	margin: 0 .4em;
	display: none;
}

#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgba(138, 8, 70, 0.91);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	transition: all 0.3s ease;
}

	#return-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 16px;
		top: 13px;
		font-size: 19px;
		transition: all 0.3s ease;
	}

	#return-to-top:hover {
		background: rgba(138, 8, 70, 0.8);
	}

		#return-to-top:hover i {
			color: #fff;
			top: 5px;
		}

.footer-1 a {
	color: #FC0;
}

.footer-1 {
	text-align: center;
	background-color: #c30c01;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 13px;
}

.report-head {
	border: 1px solid #414141;
	color: #fff !important;
	font-size: 15px;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	background-color: #f8291f !important;
}

.error-message {
	color: #ffca2c;
	font-weight: 600;
}
/** New css **/
/** New css **/
#sidebar {
	min-width: 280px;
	max-width: 280px;
	background: linear-gradient(180deg, #ff5722 0%, #ff051d 88%);
	color: #fff;
	transition: all 0.3s;
	position: relative;
	z-index: 11;
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4);
	float: left;
	width: 100%;
	position: fixed;
	height: 100%;
	overflow: auto;
}

.sidebar_blog_1, .sidebar_blog_2, .sidebar_blog_3 {
	float: left;
	width: 100%;
}

#sidebar ul li a {
	text-align: left;
}

#sidebar .sidebar-header strong {
	display: none;
	font-size: 1.8em;
}

#sidebar ul.components {
	padding: 10px 0;
	margin: 0;
	float: left;
	width: 100%;
}

#sidebar ul li a {
	padding: 11px 10px;
	display: block;
	font-size: 15px;
	color: rgb(255 255 255);
	font-weight: 300;
	border-bottom: 1px dashed #ffffff8f;
}

	#sidebar ul li a:hover, #sidebar ul li a:focus {
		color: rgb(255 255 255);
	}

#sidebar ul.components li {
	position: relative;
}

#sidebar ul.components ul {
	background: #214162;
	padding: 20px 0;
}

	#sidebar ul.components ul li a {
		font-size: 13px;
		color: rgba(255, 255, 255, .7);
		padding: 7px 35px;
	}

		#sidebar ul.components ul li a:hover {
			color: #fff;
			background: transparent;
			padding-left: 45px;
		}

#sidebar ul li a i {
	margin-right: 13px;
	width: 35px;
	font-size: 22px;
	float: left;
	border-right: 1px solid #ffffff63;
}

.bottom_sidebar ul li {
	float: left;
	width: 50%;
	list-style: none;
}

a[data-toggle="collapse"] {
	position: relative;
}

#content {
	width: 100%;
	min-height: 100vh;
	transition: ease all 0.3s;
	position: relative;
	padding: 0px 0px 20px 280px;
	background: #00000000;
	background-image: url(../image/aboutbg.png);
	background-size: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}

.page_title ul li a {
	color: #ca0000;
	font-size: 17px;
	font-weight: 600;
}

.page_title ul li span {
	color: #dc3545;
	padding: 0px 7px;
	font-weight: 600;
}

.page_title h2 {
	font-size: 20px;
	font-weight: 500;
	color: #15283c;
}

#sidebar.active + #content {
	padding-left: 90px;
}

.page_title ul li a {
	color: #ca0000;
	font-size: 17px;
	font-weight: 600;
}

.page_title ul li span {
	color: #dc3545;
	padding: 0px 7px;
	font-weight: 600;
}

.page_title {
	background: #e6e6e663;
	padding: 12px 20px;
	box-shadow: 1px 0 5px #000000a8;
	margin: 0 -14px 30px;
	position: relative;
}

	.page_title h2 {
		font-size: 20px;
		font-weight: 500;
		color: #15283c;
	}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.topbar .navbar {
	padding: 0;
	background: linear-gradient(90deg, rgb(244 198 25) 0%, rgb(243 107 52) 31%, rgb(237 19 124) 64%, #dc3545 100%);
	border: none;
	border-radius: 0;
}

.user_profle_side {
	display: flex;
}

.sidebar_user_info {
	padding: 10px 15px;
	background: #d01400;
	border-bottom: 1px solid #ffffffa3;
}

.user_img img {
	border-radius: 100% 100%;
}

.user_info {
	margin: 0px;
	padding-top: 19px !important;
}

	.user_info p {
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		margin: 0;
		text-align: center;
	}

	.user_info h6 {
		font-size: 20px;
		font-weight: 600;
		color: #fff;
		letter-spacing: 0;
		text-align: center;
	}

.user_img {
	width: 75px;
	height: 75px;
	float: left;
}

.logo_section {
	padding: 0;
	width: auto;
	text-align: center;
	background: transparent;
	float: left;
}

	.logo_section img {
		height: 42px;
		padding: 0;
		margin: 8px 15px 0;
	}

#sidebar.active .logo_section a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.logo_section img.logo_icon {
	margin: 0;
	text-align: center;
	padding: 8px 8px;
	height: 60px;
}

#sidebar h4 {
	background: #15283c;
	margin: 0;
	padding: 21px 25px 19px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	border-bottom: solid #ff5722 1px;
}

.sidebar_toggle {
	border: none;
	padding: 14px 26px 14px;
	font-size: 21px;
	background: #f3b61d;
	margin-right: 0;
	cursor: pointer;
	float: left;
	margin-right: 15px;
	color: #FFF;
}

.right_topbar {
	float: right;
	padding: 0;
}

.icon_info {
	float: left;
	width: 100%;
}

	.icon_info ul {
		float: left;
		width: auto;
		list-style: none;
		margin: 0;
	}

		.icon_info ul li {
			float: left;
			width: 35px;
			height: 35px;
			border-radius: 100%;
			text-align: center;
			line-height: 35px;
			position: relative;
			margin: 15px 0 0 5px;
		}

			.icon_info ul li .fa-question-circle {
				font-size: 21px;
				position: relative;
				top: 1px;
			}

			.icon_info ul li a {
				color: #fff;
				font-size: 18px;
				font-weight: normal;
			}

				.icon_info ul li a img {
					width: 35px;
				}

		.icon_info ul.user_profile_dd li {
			width: auto;
		}

		.icon_info ul.user_profile_dd > li span {
			font-size: 15px;
			font-weight: 500;
			color: #fff;
			padding: 0 35px 0 10px;
		}

		.icon_info ul.user_profile_dd li > a::after {
			color: #fff;
			top: 13px;
			right: 28px;
			display: block;
			position: absolute;
			transform: translateY(-50%);
			content: "\f107";
			font-family: 'fontawesome';
			border: none;
			font-size: 18px;
		}

		.icon_info ul.user_profile_dd {
			float: left;
			margin: 0 0 0 25px;
		}

			.icon_info ul.user_profile_dd li a {
				cursor: pointer;
			}

			.icon_info ul.user_profile_dd > li {
				width: auto;
				border-radius: 0;
				background: #e3285b;
				margin: 0;
				padding: 12px 0 12px 20px;
				height: auto;
			}

.profiles {
	color: #fff !important;
}

.icons {
	background: gray;
	padding: 7px;
	color: white;
	font-size: 15px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: center;
}

.sidebar_toggle {
	border: none;
	padding: 14px 26px 14px;
	font-size: 21px;
	background: #f3b61d;
	margin-right: 0;
	cursor: pointer;
	float: left;
	margin-right: 15px;
}

.icon_info span.badge {
	font-size: 10px;
	line-height: 16px;
	padding: 2px 6px;
	position: absolute;
	right: -2px;
	top: -7px;
	background: #ff5722;
	border-radius: 100%;
	color: #fff;
	font-weight: 600;
	width: 19px;
	height: 19px;
}

.icon_info ul.user_profile_dd li div a {
	font-size: 15px;
	color: #15283c;
	padding: 4px 15px;
	border-bottom: none;
	line-height: normal;
}

	.icon_info ul.user_profile_dd li div a span {
		font-size: 13px;
		color: #15283c;
		font-weight: normal;
		padding: 0;
		transition: all .3s ease-in-out;
		line-height: normal;
	}

	.icon_info ul.user_profile_dd li div a:hover, .icon_info ul.user_profile_dd li div a:focus {
		background: #243147;
		color: #fff;
	}

		.icon_info ul.user_profile_dd li div a:hover span, .icon_info ul.user_profile_dd li div a:focus span {
			color: #fff;
		}

.user_profile_dd .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	float: left;
	padding: 10px 6px;
	margin: 0;
	font-size: 15px;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
	width: 100%;
	box-shadow: -1px 1px 4px -2px rgba(0, 0, 0, 0.2);
	border: none;
}

.counter_section {
	min-height: auto;
	display: block;
	box-shadow: 0px 1px 4px rgb(0 0 0 / 46%);
	border: 0px solid #e7e7e7;
	padding: 29px 29px;
	background: #fff;
	border-radius: 11px;
	min-height: 113px;
	display: flex; /* border: 1px solid black; */
}

.couter_icon span {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	padding: 0 5px;
	font-weight: 500;
}

.couter_icon span {
	width: 100%;
}

.couter_icon i {
	color: #ffffffdb;
	font-size: 26px;
	line-height: normal;
	width: 100%;
	float: left;
}

.couter_icon {
	display: flex;
	padding: 15px 17px;
	float: left;
	margin: 0px;
	border: 2px dashed #fff;
	border-radius: 50%;
}

	.couter_icon > div {
		border-right: solid rgba(255, 255, 255, 0.3) 1px;
		padding-right: 35px;
	}

.counter_no {
	padding: 20px 0px 0px 10px;
	width: 100%;
}

	.counter_no p.total_no {
		margin: 0;
		font-size: 45px;
		float: left;
		width: 100%;
		line-height: normal;
		font-weight: 600;
		color: #455a64;
		text-align: right;
		font-size: 24px;
		font-weight: 400;
	}

	.counter_no .head_couter a {
		color: #fff !important;
		font-size: 20px;
		font-weight: 500;
	}

	.counter_no .head_couter {
		float: left;
		width: 100%;
		color: #000000 !important;
		font-weight: 300;
		margin: 0px 0 0 0;
		font-size: 20px;
		text-align: right;
	}

	.counter_no .counter_desrp {
		margin: 0;
		color: #fff;
		line-height: 18px;
	}

.full {
	width: 100%;
	float: left;
}

.brown_color {
	color: #795548 !important;
}

.brown_bg {
	background: #795548 !important;
}

.blue1_color {
	color: #2196f3 !important;
}

.blue1_bg {
	background: #2196f3 !important;
}

.orange_color {
	color: #ff5722 !important;
}

.orange_bg {
	background: #ff5722 !important;
}

.purple_color {
	color: #673ab7 !important;
}

.purple_bg {
	background-image: linear-gradient(1deg, #b75e00 0%, #dba000 100%) !important;
}

.purple_color2 {
	color: #3f51b5 !important;
}

.purple_bg2 {
	background: #3f51b5 !important;
}

.blue2_color {
	color: #03a9f4 !important;
}

.blue2_bg {
	background: linear-gradient(180deg, #be1d97 0%, #640041 100%) !important;
}

.red_color {
	color: #e91e63 !important;
}

.red_bg {
	background-image: linear-gradient(1deg, #dc3545 0%, #fc466b 100%) !important;
}

.yellow_color {
	color: #ff9800 !important;
}

.yellow_bg {
	background: #ff9800 !important;
}

.purple_color2 {
	color: #9c27b0 !important;
}

.purple_bg2 {
	background: #9c27b0 !important;
}

.orange_color2 {
	color: #f44336 !important;
}

.orange_bg2 {
	background: #f44336 !important;
}

.green_color {
	color: #009688 !important;
}

.green_bg {
	background: #009688 !important;
}

.red_bg {
	background: #ff4748;
}

.blue_bg {
	background-image: linear-gradient(1deg, #b22e04 0%, #ff6a00 100%) !important;
}

.yellow_bg {
	background: #fabb3d;
}

.green_bg {
	background: #79c347;
}

.green_bg2 {
	background-image: linear-gradient(180deg, #dc3545 0%, #4b0000 100%) !important;
}

.purple_bg {
	background: #8e68ef;
}

.sky-blue_bg {
	background: linear-gradient(1deg, #014d74 0%, #04a7c1 100%) !important;
}

.brown-blue_bg {
	background: linear-gradient(1deg, #6E2C00 0%, #bf4f05 100%) !important;
}

.purple-blue_bg {
	background: linear-gradient(1deg, #520052 0%, #db09ff 100%) !important;
}

.navy-blue_bg {
	background: linear-gradient(1deg, #02023d 0%, #673AB7 100%) !important;
}

.margin_bottom_30 {
	margin-bottom: 30px;
}

.table_section label {
	color: #000 !important;
}

.lab-css label {
	color: #000 !important;
}

.red {
	color: #F00 !important;
}

/*div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
	color: #000;
}*/

div.dataTables_wrapper div.dataTables_filter {
	float: right;
}

i.fa.fa-print {
	font-size: 30px;
}

.white_shd {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin-top: 0;
}

.padding_infor_info {
	padding: 35px 35px;
	float: left;
	width: 100%;
}

.btn {
	/* margin-top: 10px; */
}

td:nth-child(1) {
	text-align: center !important;
}

.new-captcha {
	color: #000;
	border: 1px solid #F44336;
	border-radius: 0;
}

.card-header {
	position: relative;
	background: rgb(230 36 26);
	text-align: center;
	color: white;
	padding: 9px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.box label {
	/*color: #000 !important;*/
}

.login-th th a {
	color: #000 !important;
}

.login-th th {
	background-color: #ffffff !important;
	color: #000 !important;
	font-size: 12px !important;
	line-height: 16px !important;
}

#exampleModal .modal-header {
	padding: 6px !important;
	border-bottom: 2px dashed #ff8888 !important;
	text-align: center;
	display: flex;
	justify-content: center;
}

#exampleModal .logn-img {
	margin-bottom: 19px;
	margin-top: 0px;
	float: left;
	height: 93px;
	border: 2px solid #ff9898;
	border-radius: 50%;
	padding: 5px;
}

#exampleModal.input-group-addon {
	padding: 5px 6px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	background-color: #F44336;
	border: 1px solid #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#exampleModal .modal-dialog {
	position: relative;
	width: 35%;
}

#exampleModal .right-div-mid {
	position: relative;
	width: 37%;
	float: left;
	padding: 5px;
	border: 2px solid red;
	border-radius: 0px;
	color: green;
	font-weight: bolder;
	height: 40px;
	font-size: 19px;
}

#exampleModal .modal-body p {
	font-size: 23px;
	color: #b41105;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 14px;
}

#exampleModal .modal-body .input-group-text {
	position: relative;
	float: right;
	margin-top: -36px;
	margin-right: 2px;
	font-size: 19px;
	background-color: #00ffff00;
	border: 0px;
}

#exampleModal .modal-body .right {
	position: relative;
	width: 100%;
	float: left;
}

.new-table {
}

#searchInput {
	background-image: url(../image/searchicon.png);
	background-position: 8px 9px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px;
	padding: 7px 20px 8px 38px;
	border: 1px solid #ddd !important;
	margin-bottom: 10px !important;
	border-radius: 10px !important;
}

#myTable {
	border-collapse: collapse; /* Collapse borders */
	width: 100%; /* Full-width */
	border: 1px solid #ddd; /* Add a grey border */
	font-size: 18px; /* Increase font-size */
}

	#myTable th, #myTable td {
		text-align: center;
		padding: 12px;
	}

	#myTable tr {
		/* Add a bottom border to all table rows */
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}

		#myTable tr.header, #myTable tr:hover {
			/* Add a grey background color to the table header and on hover */
			background-color: #f1f1f1;
		}

div.dataTables_wrapper div.dataTables_length select {
	width: 62px !important;
	height: 30px;
	padding: 0px 4px;
	/* margin-left: -35px; */
	display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
	display: none;
}

div.dataTables_wrapper div.dataTables_info {
	color: #fff !important;
	width: 75% !important;
	float: left;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
	width: 50%;
}

a.paginate_button {
	color: #e80000;
	background-color: #fff;
	padding: 4px 6px;
	margin: 11px 3px;
	border-radius: 5px;
	display: inline-block;
}

#myTable_wrapper .table-striped tbody tr:nth-of-type(odd) {
	background-color: #ededed !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(237 237 237) !important;
}
tr.login-th th {
	background-color: #fbe191 !important;
}