.custom {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
    position: relative;
  min-height: 100%;
}
.nav-1-on .nav-1 a, .nav-2-on .nav-2 a, .nav-3-on .nav-3 a, .nav-4-on .nav-4 a, .nav-5-on .nav-5 a, .nav-6-on .nav-6 a, .nav-7-on .nav-7 a, .nav-8-on .nav-8 a  {
    color: #ff6600;
    background-color: transparent;
}
.nav > li > a:focus, .nav > li > a:hover {
    color: #ff6600;
    background-color: transparent;
}
a {
    color: #333;
    text-decoration: none;
}

.img-responsive {
    padding-top: 3px;
    padding-bottom: 3px;
}


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}

.dropdown-menu {
    font-size: 13px;
}

.dropdown-menu > a, .dropdown-menu > a:focus, .nav .open > a:hover {
    background-color: transparent;
}



.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #eee;
        border-right-color: transparent;
        border-bottom-color: #eee;
        border-left-color: transparent;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
}


.dropdown-menu > li > a:hover {
    background-color: transparent;
    background-image: none;
    color: #ff6600;
}

#footer-bottom {
    background: #222;
    color: #999;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
}

#footer-bottom {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	right: 0;
}

html {
  height: 100%;
}







.icon-bar {
  color: black;
  border-color: black;
  background-color: black;
}


    .navbar-toggle, .icon-bar {
    border:1px solid black;
}


.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

 .form-control[readonly] {
    background-color: #fff;
}



.bg-success {
    background-color: #5cb85c !important;
	padding: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.text-white {
    color: #fff !important;
}
.bg-danger {
    background-color: #d9534f !important;
	padding: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}


.logo { 
    background-image: url('img/logo_clara.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}