@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i);
body {
	font-family:"Open Sans", sans-serif;
	 background: url('../img/bg.jpg') center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
color:#444;
}

.form-control, .form-label, label {
	font-size:13px;
}
.mt-15 {
	margin-top:15px;
}
.form-control {
	border: 1px solid #878787;
}
.dropdown-menu .dropdown-footer a:hover, a {
	text-decoration:none
}
.alert-heading, .card-title {
	font-weight:500;
	font-family:Poppins, sans-serif
}
#main, .breadcrumb a {
transition:.3s
}
.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	color: #212529;
	background-color: #fff;
 background-image: url(data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #878787;
	border-radius: 0.375rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
:root {
	scroll-behavior:smooth
}
.btn-group-sm>.btn, .btn-sm {
--bs-btn-padding-y: 3px;
 --bs-btn-padding-x: 20px;
 --bs-btn-font-size: 13px;
 --bs-btn-border-radius: 15px;
}
/*.btn-group-sm>.btn, .btn-sm {
--bs-btn-padding-y:0.15rem;
--bs-btn-padding-x:0.5rem;
--bs-btn-font-size:0.8rem;
--bs-btn-border-radius:0.25rem
}*/

.py-5 {
	padding-top: 1rem!important;
	padding-bottom: 3rem!important;
}
.input-group-text {
	display: flex;
	align-items: center;
	padding: 0.05rem 0.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
}
p {
	margin-top:0;
margin-bottom:.31rem
}
.bg {
/*--bs-card-bg:rgb(255 255 255 / 98%)!important;
*/
--bs-card-bg:rgb(255 255 255)!important;
	box-shadow:10px 5px 5px rgb(33 62 0 / 50%)!important
}
.g-3, .gy-3 {
--bs-gutter-y:.41rem
}
.form-label {
margin-bottom:.25rem;
	font-weight:500
}
a:hover {
	color:#198754!important;
	text-decoration:underline
}
label {
	display:inline-block;
	font-weight:500
}
.text-white-50 {
--bs-text-opacity:1;
	color:rgba(255, 255, 255, .5)!important;
	font-size:12px
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color:#fff
}
a {
	color:#198755
}
h1, h2, h3, h4, h5, h6 {
	font-family:Nunito, sans-serif
}
#main {
	margin-bottom:10px;
	/*	margin-top:60px;
*/	padding:20px 30px
}
.pagetitle {
	margin-bottom: 10px;
	background: #388e3c;
	padding: 5px 20px;
	margin-top: 60px;
	margin-left: 225px;
}
/*.pagetitle {
    margin-bottom: 10px;
    background: #008577;
    padding: 5px;
}
*/

.pagetitle h1 {
	font-size: 24px;
	margin-bottom: 0;
	font-weight: 600;
	color: #ffeb3b;
}
/*.pagetitle h1 {
	font-size:24px;
	margin-bottom:0;
	font-weight:600;
	color:#ff9800
}
*/

.back-to-top {
	position:fixed;
	visibility:hidden;
	opacity:0;
	right:15px;
	bottom:15px;
	z-index:99999;
	background:#198754;
	width:40px;
	height:40px;
	border-radius:4px;
transition:.4s
}
.back-to-top i {
	font-size:24px;
	color:#fff;
	line-height:0
}
.back-to-top:hover {
	background:#198754;
	color:#fff
}
.back-to-top.active {
	visibility:visible;
	opacity:1
}
.dropdown-menu {
	border-radius:4px;
	padding:10px 0;
	-webkit-animation-name:dropdown-animate;
	animation-name:dropdown-animate;
-webkit-animation-duration:.2s;
animation-duration:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	border:0;
	box-shadow:0 5px 30px 0 rgba(82, 63, 105, .2)
}
.dropdown-menu .dropdown-footer, .dropdown-menu .dropdown-header {
	text-align:center;
	font-size:15px;
	padding:10px 25px
}
.dropdown-menu .dropdown-footer a {
	color:#444;
	text-decoration:underline
}
.dropdown-menu .dropdown-divider {
	color:#a5c5fe;
	margin:0
}
.dropdown-menu .dropdown-item, .header-nav .profile .dropdown-item {
	font-size:14px;
	padding:10px 15px;
transition:.3s
}
.dropdown-menu .dropdown-item i, .header-nav .profile .dropdown-item i {
	margin-right:10px;
	font-size:18px;
	line-height:0
}
.dropdown-menu .dropdown-item:hover, .header-nav .messages .message-item:hover, .header-nav .notifications .notification-item:hover, .header-nav .profile .dropdown-item:hover {
	background-color:#f6f9ff
}
@media (min-width:768px) {
.dropdown-menu-arrow::before {
content:"";
width:13px;
height:13px;
background:#fff;
position:absolute;
top:-7px;
right:20px;
transform:rotate(45deg);
border-top:1px solid #eaedf1;
border-left:1px solid #eaedf1
}
}
@-webkit-keyframes dropdown-animate {
100% {
opacity:1
}
0% {
opacity:0
}
}
@keyframes dropdown-animate {
100% {
opacity:1
}
0% {
opacity:0
}
}
.bg-primary-light {
	background-color:#cfe2ff;
	border-color:#cfe2ff
}
.bg-secondary-light {
	background-color:#e2e3e5;
	border-color:#e2e3e5
}
.bg-success-light {
	background-color:#d1e7dd;
	border-color:#d1e7dd
}
.bg-danger-light {
	background-color:#f8d7da;
	border-color:#f8d7da
}
.bg-warning-light {
	background-color:#fff3cd;
	border-color:#fff3cd
}
.bg-info-light {
	background-color:#cff4fc;
	border-color:#cff4fc
}
.bg-dark-light {
	background-color:#d3d3d4;
	border-color:#d3d3d4
}
.card {
box-shadow: 0 0 30px rgb(1 41 112 / 10%);	margin-bottom:0px;
	border:none;
	border-radius:none;
 
--bs-card-title-spacer-y:0rem!important
}
/*.card {
	margin-bottom:30px;
	border:none;
	border-radius:5px;
	box-shadow:0 0 30px rgba(1, 41, 112, .1);
--bs-card-title-spacer-y:0rem!important
}*/
.card-footer, .card-header {
	border-color:#ebeef4;
	background-color:#fff;
	color:#798eb3;
	padding:15px
}
.btn-warning {
--bs-btn-color:#fff;
--bs-btn-bg:#ff9800;
--bs-btn-border-color:#ff9800;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#fb8c00
}
.card-title {
	padding:10px 5px 0px 5px;
	font-size:15px;
	color:#198754!important
}
.card-title span {
	color:#899bbd;
	font-size:14px;
	font-weight:400
}
.card-body {
	padding:0 20px 20px;
	 
}
.card-img-overlay {
	background-color:rgba(255, 255, 255, .6)
}
.alert-heading {
	font-size:20px
}
.breadcrumb, .header-nav .nav-profile span {
	font-weight:600;
	font-size:14px
}
.breadcrumb, .logo span {
	font-family:Nunito, sans-serif
}
.btn-close {
	background-size:25%
}
.accordion-button:focus, .btn-close:focus {
	outline:0;
	box-shadow:none
}
.accordion-item {
	border:1px solid #ebeef4
}
.accordion-button:not(.collapsed) {
color:#012970;
background-color:#f6f9ff
}
.accordion-flush .accordion-button {
	padding:15px 0;
	background:0 0;
	border:0
}

.header {
	background-color:#ffc107
}
.sidebar {
background-color:#fff;
}
/*.header, .sidebar {
	background-color:#fff
}*/
.accordion-flush .accordion-button:not(.collapsed) {
box-shadow:none;
color:#4154f1
}
.breadcrumb, .breadcrumb .breadcrumb-item::before, .breadcrumb a, .sidebar-nav .nav-link.collapsed i {
color:#899bbd
}
.accordion-flush .accordion-body {
	padding:0 0 15px;
	color:#3e4f6f;
	font-size:15px
}
.breadcrumb a:hover {
	color:#51678f
}
.breadcrumb .active {
	color:#51678f;
	font-weight:600
}
.nav-tabs-bordered {
	border-bottom:2px solid #ebeef4
}
.nav-tabs-bordered .nav-link {
	margin-bottom:-2px;
	border:none;
	color:#2c384e
}
.dashboard .filter .icon:focus, .dashboard .filter .icon:hover, .dashboard .news h4 a:hover, .nav-tabs-bordered .nav-link:focus, .nav-tabs-bordered .nav-link:hover, .sidebar-nav .nav-content a.active, .sidebar-nav .nav-content a:hover {
	color:#4154f1
}
.nav-tabs-bordered .nav-link.active {
	background-color:#fff;
	color:#4154f1;
	border-bottom:2px solid #4154f1
}
.logo {
	line-height:1
}
.logo span {
	font-size:26px;
	font-weight:700;
	color:#012970
}
.header {
transition:.5s;
	z-index:997;
	height:60px;
	box-shadow:0 2px 20px rgba(1, 41, 112, .1);
	padding-left:20px
}
.header .toggle-sidebar-btn {

    font-size: 18px;
    padding-left: 20px;
    cursor: pointer;
    color: #012970;
    font-weight: 600;
}
/*	.header .toggle-sidebar-btn {font-size:32px;
	padding-left:10px;
	cursor:pointer;
	color:#012970}
*/
.header .search-bar {
	min-width:360px;
	padding:0 20px
}
.header .search-form {
	width:100%
}
.header .search-form input {
	border:1px solid rgba(1, 41, 112, .2);
	font-size:14px;
	color:#012970;
	padding:7px 38px 7px 8px;
	border-radius:3px;
transition:.3s;
	width:100%
}
.header .search-form input:focus, .header .search-form input:hover {
	outline:0;
	box-shadow:0 0 10px 0 rgba(1, 41, 112, .15);
	border:1px solid rgba(1, 41, 112, .3)
}
.header .search-form button {
	border:0;
	padding:0;
	margin-left:-30px;
	background:0 0
}
.header .search-form button i, .header-nav .nav-profile, .profile .profile-card .social-links a:hover, .profile .profile-overview .card-title {
	color:#012970
}
.header-nav ul {
	list-style:none
}
.header-nav>ul {
	margin:0;
	padding:0
}
.header-nav .nav-icon {
	font-size:22px;
	color:#012970;
	margin-right:25px;
	position:relative
}
.header-nav .nav-profile img {
	max-height:36px
}
.header-nav .badge-number {
	position:absolute;
	inset:-2px -5px auto auto;
	font-weight:400;
	font-size:12px;
	padding:3px 6px
}
.header-nav .messages, .header-nav .notifications {
	inset:8px -15px auto auto!important
}
.header-nav .notifications .notification-item {
	display:flex;
	align-items:center;
	padding:15px 10px;
transition:.3s
}
.header-nav .notifications .notification-item i {
	margin:0 20px 0 10px;
	font-size:24px
}
.header-nav .notifications .notification-item h4 {
	font-size:16px;
	font-weight:600;
	margin-bottom:5px
}
.header-nav .messages .message-item p, .header-nav .notifications .notification-item p {
	font-size:13px;
	margin-bottom:3px;
	color:#919191
}
.header-nav .messages .message-item {
	padding:15px 10px;
transition:.3s
}
.header-nav .messages .message-item a {
	display:flex
}
.header-nav .messages .message-item img {
	margin:0 20px 0 10px;
	max-height:40px
}
.header-nav .messages .message-item h4 {
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
	color:#444
}
.header-nav .profile {
	min-width:240px;
	padding-bottom:0;
	top:8px!important
}
.header-nav .profile .dropdown-header h6 {
	font-size:18px;
	margin-bottom:0;
	font-weight:600;
	color:#444
}
.dashboard .activity, .dashboard .recent-sales, .dashboard .top-selling, .header-nav .profile .dropdown-header span {
	font-size:14px
}
.sidebar {
	position:fixed;
	top:60px;
	left:0;
	bottom:0;
	width:225px;
	z-index:996;
transition:.3s;
	padding:20px 0px;
	overflow-y:auto;
	scrollbar-width:thin;
	scrollbar-color:#aab7cf transparent;
	box-shadow:0 0 20px rgba(1, 41, 112, .1)
}
.sidebar::-webkit-scrollbar {
width:5px;
height:8px;
background-color:#fff
}
.sidebar::-webkit-scrollbar-thumb {
background-color:#aab7cf
}
@media (max-width:1199px) {
#main {
padding:20px
}
.header .search-bar {
position:fixed;
top:50px;
left:0;
right:0;
padding:20px;
box-shadow:0 0 15px 0 rgba(1, 41, 112, .1);
background:#fff;
z-index:9999;
transition:.3s;
visibility:hidden;
opacity:0
}
.header .search-bar-show {
top:60px;
visibility:visible;
opacity:1
}
.sidebar {
left:-225px
}
.toggle-sidebar .sidebar {
left:0
}
}
 @media (max-width: 1199px) {
.pagetitle {
 margin-bottom: 0px;
 background: #388e3c;
 padding: 5px 20px;
 margin-top: 60px;
 margin-left: 0px;
}
}
@media (min-width:1200px) {
.logo {
width:200px
}
#footer, #main {
margin-left:225px
}
.toggle-sidebar #footer, .toggle-sidebar #main {
margin-left:0
}
.toggle-sidebar .sidebar {
left:-225px
}
}
.sidebar-nav, .sidebar-nav li {
	padding:0;
	margin:0;
	list-style:none
}
.sidebar-nav .nav-item {
	margin-bottom:5px
}
.sidebar-nav .nav-heading {
	font-size:11px;
	text-transform:uppercase;
	color:#899bbd;
	font-weight:600;
	margin:10px 0 5px 15px
}
.sidebar-nav .nav-link {
	display:flex;
	align-items:center;
	font-size:15px;
	font-weight:600;
	color:#198754;
	background:#f6f9ff;
	padding:10px 15px;
	border-radius:4px
}
.sidebar-nav .nav-link i {
	font-size:16px;
	margin-right:10px
}
.sidebar-nav .nav-link.collapsed {
	color:#525252;
	background:#fff
}

.hlinkActive {
	color:#4154f1 !important;
	background:#f6f9ff !important;
}
.sidebar-nav .nav-link:hover {
	color:#4154f1;
	background:#f6f9ff
}
.sidebar-nav .nav-link:hover i {
	color:#198754
}
.sidebar-nav .nav-link .bi-chevron-down {
	margin-right:0;
transition:transform .2s ease-in-out
}
.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
transform:rotate(180deg)
}
.sidebar-nav .nav-content {
	padding:5px 0 0;
	margin:0;
	list-style:none
}
.sidebar-nav .nav-content a {
	display:flex;
	align-items:center;
	font-size:14px;
	font-weight:600;
	color:#012970;
	padding:10px 0 10px 40px;
transition:.3s
}
.sidebar-nav .nav-content a i {
	font-size:6px;
	margin-right:8px;
	line-height:0;
	border-radius:50%
}
.sidebar-nav .nav-content a.active i {
	background-color:#4154f1
}
.dashboard .filter {
	position:absolute;
	right:0;
	top:15px
}
.dashboard .filter .icon {
	color:#aab7cf;
	padding-right:20px;
	padding-bottom:5px;
transition:.3s;
	font-size:16px
}
.dashboard .filter .dropdown-header, .dashboard .filter .dropdown-item {
	padding:8px 15px
}
.dashboard .filter .dropdown-header h6 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	color:#aab7cf;
	margin-bottom:0;
	padding:0
}
.dashboard .info-card {
	padding-bottom:10px
}
.dashboard .info-card h6 {
	font-size:28px;
	color:#012970;
	font-weight:700;
	margin:0;
	padding:0
}
.dashboard .card-icon {
	font-size:32px;
	line-height:0;
	width:64px;
	height:64px;
	flex-shrink:0;
	flex-grow:0
}
.dashboard .sales-card .card-icon {
	color:#4154f1;
	background:#f6f6fe
}
.dashboard .revenue-card .card-icon {
	color:#2eca6a;
	background:#e0f8e9
}
.dashboard .customers-card .card-icon {
	color:#ff771d;
	background:#ffecdf
}
.dashboard .activity .activity-item .activite-label {
	color:#888;
	position:relative;
	flex-shrink:0;
	flex-grow:0;
	min-width:64px
}
.dashboard .activity .activity-item .activite-label::before {
content:"";
position:absolute;
right:-11px;
width:4px;
top:0;
bottom:0;
background-color:#eceefe
}
.dashboard .activity .activity-item .activity-badge {
	margin-top:3px;
	z-index:1;
	font-size:11px;
	line-height:0;
	border-radius:50%;
	flex-shrink:0;
	border:3px solid #fff;
	flex-grow:0
}
.dashboard .activity .activity-item .activity-content {
	padding-left:10px;
	padding-bottom:20px
}
.dashboard .activity .activity-item:first-child .activite-label::before {
top:5px
}
.dashboard .activity .activity-item:last-child .activity-content {
	padding-bottom:0
}
.dashboard .news .post-item+.post-item {
	margin-top:15px
}
.dashboard .news img {
	width:80px;
	float:left;
	border-radius:5px
}
.dashboard .news h4 {
	font-size:15px;
	margin-left:95px;
	font-weight:700;
	margin-bottom:5px
}
.dashboard .news h4 a {
	color:#012970;
transition:.3s
}
.dashboard .news p {
	font-size:14px;
	color:#777;
	margin-left:95px
}
.dashboard .recent-sales .table thead, .dashboard .top-selling .table thead {
	background:#f6f6fe
}
.dashboard .recent-sales .table thead th, .dashboard .top-selling .table thead th {
	border:0
}
.dashboard .recent-sales .dataTable-top {
	padding:0 0 10px
}
.dashboard .recent-sales .dataTable-bottom {
	padding:10px 0 0
}
.dashboard .top-selling .table tbody td {
	vertical-align:middle
}
.dashboard .top-selling img {
	border-radius:5px;
	max-width:60px
}
.iconslist {
	display:grid;
	max-width:100%;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	gap:1.25rem;
	padding-top:15px
}
.iconslist .icon {
	background-color:#fff;
border-radius:.25rem;
	text-align:center;
	color:#012970;
	padding:15px 0
}
.iconslist i {
margin:.25rem;
	font-size:2.5rem
}
.iconslist .label {
	font-family:var(--bs-font-monospace);
	display:inline-block;
	width:100%;
	overflow:hidden;
padding:.25rem;
	font-size:12px;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#666
}
.profile .profile-card img, .profile .profile-edit img {
	max-width:120px
}
.profile .profile-card h2 {
	font-size:24px;
	font-weight:700;
	color:#2c384e;
	margin:10px 0 0
}
.faq .basic h6, .profile .profile-card h3 {
	font-size:18px
}
.profile .profile-card .social-links a {
	font-size:20px;
	display:inline-block;
	color:rgba(1, 41, 112, .5);
	line-height:0;
	margin-right:10px;
transition:.3s
}
.profile .profile-overview .row {
	margin-bottom:20px;
	font-size:15px
}
.profile .profile-edit label, .profile .profile-overview .label {
	font-weight:600;
	color:rgba(1, 41, 112, .6)
}
.faq .basic h6 {
	font-weight:600;
	color:#4154f1
}
.faq .basic p {
	color:#6980aa
}
.contact .info-box {
	padding:28px 30px
}
.contact .info-box i {
	font-size:38px;
	line-height:0;
	color:#4154f1
}
.contact .info-box h3 {
	font-size:20px;
	color:#012970;
	font-weight:700;
	margin:20px 0 10px
}
.contact .info-box p {
	padding:0;
	line-height:24px;
	font-size:14px;
	margin-bottom:0
}
.contact .php-email-form .error-message {
	display:none;
	color:#fff;
	background:#ed3c0d;
	text-align:left;
	padding:15px;
	margin-bottom:24px;
	font-weight:600
}
.contact .php-email-form .sent-message {
	display:none;
	color:#fff;
	background:#18d26e;
	text-align:center;
	padding:15px;
	margin-bottom:24px;
	font-weight:600
}
.contact .php-email-form .loading {
	display:none;
	background:#fff;
	text-align:center;
	padding:15px;
	margin-bottom:24px
}
.contact .php-email-form .loading:before {
	content:"";
	display:inline-block;
	border-radius:50%;
	width:24px;
	height:24px;
	margin:0 10px -6px 0;
	border:3px solid #18d26e;
	border-top-color:#eee;
	-webkit-animation:1s linear infinite animate-loading;
	animation:1s linear infinite animate-loading
}
.contact .php-email-form input, .contact .php-email-form textarea {
	border-radius:0;
	box-shadow:none;
	font-size:14px
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
	border-color:#4154f1
}
.contact .php-email-form input {
	padding:10px 15px
}
.contact .php-email-form textarea {
	padding:12px 15px
}
.contact .php-email-form button[type=submit] {
	background:#4154f1;
	border:0;
	padding:10px 30px;
	color:#fff;
transition:.4s;
	border-radius:4px
}
.contact .php-email-form button[type=submit]:hover {
	background:#5969f3
}
@-webkit-keyframes animate-loading {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes animate-loading {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.error-404 {
	padding:30px
}
.error-404 h1 {
	font-size:180px;
	font-weight:700;
	color:#4154f1;
	margin-bottom:0;
	line-height:150px
}
.error-404 h2 {
	font-size:24px;
	font-weight:700;
	color:#012970;
	margin-bottom:30px
}
.error-404 .btn {
	background:#51678f;
	color:#fff;
	padding:8px 30px
}
.footer .copyright, .footer .credits {
	text-align:center;
	color:#fff
}
.error-404 .btn:hover {
	background:#3e4f6f
}
@media (min-width:992px) {
.error-404 img {
max-width:50%
}
}
.footer {
    padding: 10px 0;
    font-size: 13px;
    transition: .3s;
    border-top: 1px solid #cddfff;
    background: rgb(10 30 28 / 50%);
    color: #fff;
    bottom: 0px;
    position: fixed;
    width: 100%;
}
/*.footer {
	padding:10px 0;
	font-size:13px;
	transition:.3s;
	border-top:1px solid #cddfff;
	background:rgb(10 30 28 / 50%);;
	color:#fff;
}*/
.footer .credits {
	padding-top:5px;
	font-size:13px
}