/* here you can put your own css to customize and override the theme */
ul.page-sidebar-menu > li.active > a {
background: #212121 !important;
}

ul h4 {
text-decoration: underline;
color: #ffffff;
margin-left: 36px;
font-weight: 500 !important;
}

span.title {
margin-left: 20px;
}

ul.page-sidebar-menu > li > a {
border-top: 1px solid #5c5c5c !important;
border-bottom: 1px solid #000000 !important;
margin-left: 0px;
}

ul.page-sidebar-menu > li > a:hover{
color: #9999ff !important;
background: #212121 !important;
}	 

ul.page-sidebar-menu > li > a.topLink{
border-top: 1px solid #3d3d3d !important;
margin-top: 5px;
}

ul.page-sidebar-menu > li:first-child > a {
border-top: 1px solid #3d3d3d !important;
}

ul.page-sidebar-menu > li:last-child > a {
border-bottom: 1px solid #3d3d3d !important;
}

input.submit {
color: #ffffff;
}

.header {
background-color: #3d3d3d !important;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #1A1A1A !important;
}

.header.navbar .hor-menu {
margin: 0px;
padding-left: 15px;
float: left;
}

.footer{
border-top: 1px solid #5c5c5c !important;
border-bottom: 1px solid #1A1A1A !important;
}

.breadcrumb {
padding: 3px 3px;
margin-bottom: 15px !important;
margin-top: 0px !important;
}

.page-content .page-breadcrumb.breadcrumb {
background-color: #eeeeee;
}

body {
font-size: 14px;
}

a{
color: #0000ff;
}

a:hover, a:focus {
color: #9999ff;
text-decoration: underline;
}
.headerText {
color: #fff;
font-weight: 300 !important;
line-height: 3.6;
}

.navbar-brand:focus{
border: 2px solid #9999ff !important;
}

.header.navbar .navbar-brand img {		
margin-left: 7px;
}

.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username {
color: #9999ff;
}

.pageImageLabel {
font-weight: 700;
}

.authorText {
color: #ccc;
margin-left: 5px;
}

.authorText:hover {
color: #9999ff;
}

h1.page-title {
color: #000;
font-size: 30px;
font-weight: 500 !important;
}

h2.page-title {
color: #000;
font-size: 24px;
font-weight: 400 !important;
margin-top: 25px;
margin-bottom: 10px;
}

h3.page-title {
color: #000;
font-size: 20px;
font-style: italic;
margin-top: 25px;
margin-bottom: 10px;
}

@media (max-width: 767px){
	h1.page-title {
		margin-bottom: 20px;
		font-size: 24px;
	}
	h2.page-title {
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 10px;
	}
	h3.page-title {
		font-size: 16px;
		font-style: italic;
		margin-top: 25px;
		margin-bottom: 10px;
	}
	.header.navbar .navbar-brand {
		margin-left: 0px !important;
		width: 210px;
	}
}

.sidebar-toggler {
opacity: 1.0;
}

.sidebar-toggler:focus {
border: 2px solid #9999ff !important;
}

.sidebar-toggler:hover {
opacity: 0.4;
}

.page-header.navbar .menu-toggler:hover {
opacity: 0.5;
}

.header.navbar .navbar-toggle:hover {
opacity: 0.4;
}

.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle {
padding: 3px 0px 2px 6px;
}

.footer .footer-tools .go-top i {
color: #000;
}

.footer .footer-tools .go-top {
background: #ccc;
}
.footer .footer-tools .go-top:focus{
border: 2px solid #9999ff !important;
}

ul.page-sidebar-menu > li > a:focus {
border: 2px solid #9999ff !important;
}

.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:focus {
border: 2px solid #9999ff !important;
background: #3d3d3d;
}

.newsFeed {
margin-top: 10px;
margin-bottom: 0px;
}

.italic {
font-style: italic;
font-weight: 600 !important;
}

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
	background-color: #ffffff;
	border: 0px solid #fff;
} 










body {
background-color: #fff !important;
}

a.btn.btn-primary {
color: #fff;
background-color: #3d3d3d;
border-color: #cccccc;
}

a.btn.btn-primary:hover {
color: #9999ff;
background-color: #000;
border-color: #ccc;
}

a.btn.btn-primary:focus{
border: 3px solid #9999ff !important;
}

.footer {
background-color: #3d3d3d;
}

.jumbotron {
/* padding: 30px; */
padding: 3px;
margin-bottom: 0px;
margin-top: 30px;
color: inherit;
background-color: #3d3d3d;
}

@media screen and (min-width: 768px){
	.container .jumbotron {
	padding-left: 3px;
	padding-right: 3px;
	}
}

.clearfix{
background-color: #3d3d3d;
}

.btn {
padding: 3px 7px;
}
@media (max-width: 991px){
	.header.navbar .navbar-toggle {
	display: none;
	}
}