body {
	background: #fafafa;
	color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444444;
}

ul {
	margin: 0;
}

.bg-steel {
	background-color: #5f788a;
}

.site-header .navbar-nav .nav-link {
	color: #cbd5db;
}

.site-header .navbar-nav .nav-link:hover {
	color: #ffffff;
}

.nav-item:hover {
	color: red;
}

.site-header .navbar-nav .nav-link.active {
	font-weight: 500;
}

.content-section {
	background: #ffffff;
	padding: 10px 20px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	margin-bottom: 20px;
}

.article-title {
	color: #444444;
}

a.article-title:hover {
	color: #428bca;
	text-decoration: none;
}

.article-content {
	white-space: pre-line;
}

.article-img {
	height: 65px;
	width: 65px;
	margin-right: 16px;
}

.article-metadata {
	padding-bottom: 1px;
	margin-bottom: 4px;
	border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
	color: #333;
	text-decoration: none;
}

.article-svg {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.account-img {
	height: 75px;
	width: 75px;
	margin-right: 1rem;
	margin-bottom: .25rem;
}

.account-img2 {
	height: 125px;
	width: 125px;
	margin-right: 1rem;
	margin-bottom: .25rem;
}

.account-heading {
	font-size: 2rem;
}

.my-container {
	margin: 0 auto;
	width: 90%;
}

li.doc-serial-number {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: green;
	color: white;
}


/* profile css*/

#profile-col-md-3 {
	margin-top: 8rem;
	border-right: 1px solid #c3c3c3;
	max-height: 100vh;
	line-height: 200%;
}

#custom-container-profile {
	padding: 1rem;
}

.padding {
	padding-left: 1rem;
	padding-right: 1rem;
}

#content-inherit p {
	margin-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.table-border {
	border: 1px solid #b2b2b2;
}

#logout-flex {
	background-color: #F3F0EC;
	height: 80vh;
}

#login-form input:focus {
	border-color: #CC2026;
	box-shadow: none;
}

.disabled-submit-button:hover {
	cursor: not-allowed;
}


/*---Media Queries --*/

@media (max-width: 1200px) {}


/*---Media Queries --*/

@media (max-width: 992px) {}


/*sm*/

@media (max-width: 768px) {
	#profile-col-md-3 {
		margin-top: 3rem;
		border-right: 0px solid #ffffff;
		max-height: 100vh;
		line-height: 200%;
	}
	#custom-container-profile {
		padding: 1rem;
	}
}


/*xs*/

@media (max-width: 576px) {
	#custom-container-profile {
		padding: 1rem;
	}
	#profile-col-md-3 {
		margin-top: 3rem;
		border-right: 0px solid #ffffff;
		;
		max-height: 100vh;
		line-height: 200%;
	}
}