/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#logo {
  background-image: url("../images/logo-v2.png");
  padding: 0px;
  background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  left: -20px;
  margin: 0px;
  width: 300px;
  height: 100%;
  
}

body.boxed #header .header-inner{ background: #0F4F85; }


.nav-pills .nav-item{
  border-bottom: 1px dotted white;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
	background-color: #0F4F85;
}

.text-yellow{
	color: #0F4F85;
}

.border-1{
	border: 1px solid black;
}
.border-2{
	border: 2px solid black;
}
.border-left-1{
	border-left: 1px solid black;
}
.border-left-2{
	border-left: 2px solid black;
}
.border-bottom-1{
	border-top: 1px dotted black;
}
.border-bottom-2{
	border-top: 2px dotted black;
}