body {
  padding-top: 125px;
  padding-bottom:70px;
  height: 100%;
  background:url(../images/background.gif);
  background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sidebar li.active {
  	border:0 #eee solid;
  	border-right-width:4px;
}
h3 {
	font-weight:600;
}
.list-group-item {
	/*height:60px;*/
	line-height: 20px;
}
.text-center {
  padding-top: 20px;
}
.col-xs-12 {
  /* background-color: #fff; */
}
#sidebar {
  	background-color: #F6F6F6;
    border-radius: 10px;
    height: 100%;
    padding-bottom: 20px;
    padding-right: 0;
    padding-top: 10px;
}
#sidebar .nav {
  width: 95%;
}
#sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
}
.navbar-default {
  background-color: #7ADEDF;
  border-color: #e7e7e7;
}

h1 {
	font-family: 'Vidaloka', serif;
}

.branding {
	color: #074866;
    font-family: 'Cinzel', serif;
    font-size: 30px;
    line-height: 29px;
    padding-top: 30px;
    text-transform: uppercase;
    width: 440px;
}

.branding-sub{
	font-size: 25px;
    text-transform: none;
    vertical-align: top;
}

.branding-small{
	font-size: 18px;
    text-transform: none;
    vertical-align: top;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #428bca;
border-radius: 5px;
}


.nav-pills>li>a {
border-radius: 0px;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}


.nav-stacked>li+li {
margin-top: 0px;
margin-left: 0;
border-bottom:1px solid #dadada;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
}

.active2 {
    border-right:4px solid #428bca;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #333;
  color: #999;
  font-size:12px;
}

.bodytext {
	font-family: 'Maven Pro', sans-serif;
	font-size:16px;
	text-align:justify;
}
.panel-body {
    text-align:left;
}


/* CSS used here will be applied after bootstrap.css */

.navbar, .navbar div, .navbar-brand, .navbar-header {
     min-height: 120px;
     max-height: 120px;
     height: 120px;
  }

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -41.6%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -41.6%;
  }
  .row-offcanvas-right.active {
    right: 41.6%;
  }
  .row-offcanvas-left.active {
    left: 41.6%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%;
  }
  #sidebar {
    padding-top:0;
  }
}