body {
	background: url('../img/bg.jpg') no-repeat center center fixed;
	background-size: cover;
	color: #fff;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar, .sidebar, .card-header, .btn-primary {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
	color: #fff !important;
}

.navbar .navbar-brand img {
	height: 30px;
	margin-right: 5px;
}

.responsive-image {
	width: 100%;
}

.developer img {
	height: 150px;
	width: 150px;
	border-radius: 150px;
}

.developer .info ul li {
	list-style: square;
	margin-top: 10px;
}

.bg-professional {

	background: url('../img/bg.jpg');

	background-size: cover;

	background-position: center;

	color: #000;

}

table, table td, table th, table tbody, table thead {

	color: #000 !important;

}

form, form input, form select, form textarea, form label, form button {

	color: #000 !important;

}

/* Uniform color scheme overrides */
body, .navbar, .sidebar, .card, .btn-primary {
	background-color: transparent !important;
	color: #fff !important;
}

.navbar, .sidebar {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

.btn-primary {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}

.btn-primary:hover {
	background-color: #1e7e34 !important;
	border-color: #1e7e34 !important;
}

.footer {
	background-color: transparent !important;
	color: #000 !important;
}

.table, table {
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
}

.table thead th {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.table tbody tr td {
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.sidebar li:hover, .sidebar .active {
	background-color: #20c997 !important;
	color: #fff !important;
}

.sidebar-dark .navbar-nav .nav-item {
	border-top: 1px solid rgba(255,255,255,.15) !important;
}

.text-bold, .text-white, .text-light {
	color: #fff !important;
}

a, a:hover, a:focus {
	color: #c8f7c5 !important;
	text-decoration: none !important;
}

.alert {
	background-color: rgba(40, 167, 69, 0.2) !important;
	color: #fff !important;
}

.card {
	background-color: rgba(0, 0, 0, 0.3) !important;
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
}

.card-header {
	background: #28a745 !important;
	border-radius: 10px 10px 0 0 !important;
	color: #fff !important;
}

.separator {
	margin: 50px;
}

.toast {
	background-color: rgba(40, 167, 69, 0.3) !important;
	color: #fff !important;
}

form a {
	color: #c8f7c5 !important;
	font-weight: bold !important;
}

form a:hover {
	text-decoration: underline !important;
}

.fa-bars {
	color: #fff !important;
}

table tbody tr td a {
	color: #c8f7c5 !important;
}

table tbody tr td a:hover {
	color: #a1d99b !important;
	text-decoration: none !important;
	font-weight: bold !important;
}


.divider {
	border-right: 1px dashed #999;
	height: inherit;
	margin-left: 10px;
}
form a {
	color: #333;
	font-weight: bold;
}

form a:hover {
	text-decoration: none;
}

.text-red {
	color: red;
}

.navbar .fas {
	margin-left: 3px;
}

.text-bold {
	font-weight: bold;
}

.alert {
	font-size: 12px;
}

.bg-gradient-black {
	background: linear-gradient(135deg, #8B4513 0%, #A0522D 100%) !important;
}

.bg-red {
	background-color: #e74c3c;
	color: #fff;
}

.bg-red:hover {
	background-color: #c0392b;
}

.separator {
	margin-top: 20px;
}

.sidebar li:hover, .sidebar .active {
	background-color: #FFD700;
}

.sidebar-dark .navbar-nav .nav-item {
	border-top: 1px solid rgba(255,255,255,.15);
}

.logo-header img {
	height: 30px;
}

.logo-footer img {
	height: 50px;
	bottom: 0;
}

.toast {
	margin: 5px;
}

.fa-bars {
    color: #333;
}

table tbody tr td a {
	color: #333;
}

table tbody tr td a:hover {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.footer {
	background-color: #fff;
	color: #000;
	padding-top: 15px;
}

.footer ul li {
	list-style: square;
	border-bottom: dashed 1px #414344;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.footer ul li a {
	color: #fff;
}

.footer ul li a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.footer .copyright {
	background-color: #000;
	text-align: center;
	padding: 5px;
	color: red;
}

.separator {
	margin: 50px;
}

.card {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border: none;
	border-radius: 10px;
	box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.card-header {
	background: linear-gradient(90deg, #28a745 0%, #20c997 100%) !important;
	border-radius: 10px 10px 0 0 !important;
	color: #fff !important;
}

.btn-primary {
	background-color: #28a745;
	border-color: #28a745;
}

.btn-primary:hover {
	background-color: #1e7e34;
	border-color: #1e7e34;
}


.navbar {

	background: linear-gradient(90deg, #28a745 0%, #20c997 100%) !important;

	box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}

/* Layout fixes for sidebar */
#wrapper {
	display: flex !important;
}

.sidebar {
	width: 250px !important;
	position: fixed !important;
	height: 100vh !important;
	z-index: 1000 !important;
	left: 0 !important;
	top: 0 !important;
}

#content-wrapper {
	margin-left: 250px !important;
	width: calc(100% - 250px) !important;
	min-height: 100vh !important;
}

.sidebar-toggled .sidebar {
	width: 0 !important;
	overflow: hidden !important;
}

.sidebar-toggled #content-wrapper {
	margin-left: 0 !important;
	width: 100% !important;
}

.responsive-table {

	overflow-x: auto;

}