.breadcrumbs {
	padding-top: .5rem;
}

.breadcrumbs a{
	color: #00558C;
}


.user-guide-nav .ug-t1-l:first-child {
	padding-top: 0;
}

.navbar {
	padding:0;
}
.sidebar {
	padding: .5rem 1rem;
}

/*USER GUIDE*/
@media only screen and (min-width: 991px) {
	.user-guide .side-bar {
		border-right: 1px solid #ddd;
		padding: 20px 20px 20px 0px;
	}
	.ug-t1-l > ul {
		display: none;
	}
	.navbar {
		border-right: 1px solid #eee;
		padding-right: 20px;
	    height: calc(100%);
	}
}

@media only screen and (max-width: 992px) {

	.user-guide .side-bar {
		padding: 20px 0px 20px 0px;
	}
	.user-guide-nav .ug-t2-l::before, .user-guide-nav .ug-t3-l::before {
		content: "" !important;
	}
	.user-guide-nav .ug-t2-l, .user-guide-nav .ug-t3-l {
		list-style: square;
		list-style-position: outside;
	} 
	.sidebar {
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}
.user-guide-nav li {
	list-style: none;
	margin:0
}

ul.user-guide-nav, .user-guide-nav ul {
  list-style: none; /* Remove default bullets */
	margin: 0;
	padding: 0;
}

.user-guide-nav .ug-t1-a::before {
	font-weight: 400 !important;
	content: '\2192';
	color: #aaa;
	display: inline-block;
	width: 1em;
	margin-left: -1.5em;
  font-weight: bold; /* If you want it to be bold */
}




.user-guide-nav .current.ug-t1-a::before,
.user-guide-nav .parent.ug-t1-a::before {
	content: '\2192';
	color: #00558C;
}
.user-guide-nav .ug-t1-a, .user-guide-nav .ug-t2-a, .user-guide-nav .ug-t3-a {
	color: #555;
}

.user-guide-nav .ug-t1-l {
	padding: 8px 0;
}
.user-guide-nav .ug-t1-a.current {
	font-weight: bold;
	color: #00558C;
}
.user-guide-nav .ug-t1-a.parent {
	font-weight: bold;
}
.user-guide-nav .ug-t1-l > ul{
	padding: 10px 0 10px 20px;
}
.user-guide-nav .ug-t2-a.current,
.user-guide-nav .ug-t3-a.current {
	font-weight: bold;
	color: #00558C;
}
.user-guide-nav .ug-t1-l > ul {
	padding:0;
	padding-left: 30px;
}
.user-guide-nav .ug-t2-l > ul{
	padding-left: 30px;
}
.user-guide-nav .ug-t2-l{
	padding-bottom: 8px;
}

.user-guide-nav .ug-t1-l ul li:first-child{
	padding-top: 15px;
}
.user-guide-nav li.ug-t2-l, .user-guide-nav a.ug-t2-a {
	font-size: 16px;
	line-height: 20px;
}
.user-guide-nav a.ug-t2-a {
	font-weight: 400;
	
}
.user-guide-nav .ug-t2-l::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00558C; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.user-guide-nav li.ug-t3-l, a.user-guide-nav .ug-t3-a {
	font-size: 14px;
	line-height: 16px;
}
.user-guide-nav .ug-t3-l{
	padding-bottom: 8px;
}

.user-guide-nav .ug-t3-l::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00558C; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.ug-t1-l.parent > ul, .ug-t1-l.current > ul {
	display: block;
}
.user-guide mark {
	background: #ffc107!important;
	padding: 0;
}
a {
	color: #00558C;
}
img {
	max-width: 100%;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #00457C;
    border-color: #00457C;
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}
.btn-primary {
    color: #fff;
    background-color: #00558C;
    border-color: #00558C;
}
.btn-primary:hover {
    color: #fff;
    background-color: #10659C;
    border-color: #10659C;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #10659C;
    border-color: #10659C;
}
.search-form {
	 flex-flow: row nowrap;
	 margin-left: -25px;
}
.form-inline .form-control {
	width: 100%;
}