/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
font-size: 12px;
line-height: 16px;
padding-top: 150px;
}


.nav li a.active { background-color: #586c80; color: #ffffff!important; }
/* tables */

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
background-color: #f0f1e9;
}

.table tbody tr.tabletop > td {
background-color: #919782;
color: #ffffff;
}

.table .tables-without-borders { background-color: rgba(0,0,0,0); margin-bottom: 0px;}
.tables-without-borders  td {
border-top: none; padding: 3px 8px; line-height: 16px;
}

.table .ratingstable { margin-top: 20px; background-color: #5697d8;}
.table .ratingstable td { padding: 10px; }
.table .ratingstable td.title { color: #ffffff; font-size: 1.0em; text-align: center; border-bottom: 1px solid #ffffff;}
.table .ratingstable td.data { padding: 10px; color: #ffffff; font-size: 1.5em; text-align: center; }

.table tbody tr.instructions > td {
background-color: #ccd0c2;
}

.table tbody tr.currentclient > td {
background-color: #ff9900;
color: #ffffff;
}

.table tbody tr.prospectclient > td {
background-color: #6ead62;
color: #ffffff;
}

.table tbody tr.customclient > td {
background-color: #3477b0;
color: #ffffff;
}

h1 { color: #919782; }

h2 { font-size: 18px; line-height: 24px; }

/* buttons */

input[type="submit"].btn {
    margin-bottom: 8px;
}

.btn-pennygreen, .btn-pennygreen:hover, .btn-pennygreen:active, .btn-pennygreen.active, .btn-pennygreen.disabled, .btn-pennygreen[disabled] {
display: inline-block;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #bcda84;
background-image: -moz-linear-gradient(top,#bcda84,#bcda84);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#bcda84),to(#bcda84));
background-image: -webkit-linear-gradient(top,#bcda84,#bcda84);
background-image: -o-linear-gradient(top,#bcda84,#bcda84);
background-image: linear-gradient(to bottom,#bcda84,#bcda84);
background-repeat: repeat-x;
border-color: #bcda84 #bcda84 #bcda84;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcda84',endColorstr='#bcda84',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* forms */

fieldset { padding-bottom: 15px; }

fieldset label { font-weight: bold; }

/* Header
---------------------------------------------------*/
.header:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #000;
    height: 2px;
    width: 100%;
}

.header {
	height: 90px;
	background: white;
	border-top: 5px solid red;
	border-bottom: 5px solid black;
  position: relative;
	}
	
.logo-left { width: 137px; height: 90px; display: inline-block; float: left; }
.logo-right { width: 407px; height: 90px; display: inline-block; float: right; }
	
/* Footer
-------------------------------------------------- */

.footer {
text-align: center;
padding: 20px 0;
margin-top: 30px;
border-top: 2px solid #6c849d;
background: -webkit-linear-gradient(top, rgba(153,181,209,0.2), rgba(153,181,209,0.0));
background: -moz-linear-gradient(top, rgba(153,181,209, 0.2), rgba(153,181,209,0.0));
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}


/* Responsive */


/* full menu */
@media (min-width: 980px) {
 .showwhensmall { display: none; }
 
 /* begin browser navbar */

.navbar-inverse .navbar-inner {
    background: red;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #646283;
    text-shadow: none;
	font-size: 14px;
}

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: black;
}

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a :hover {
    background-color: #88add1;
}
 /* end browser navbar */
 
 
 }

 
 /* mobile size */
@media (max-width: 979px) {
 /*.hidewhensmall { display: none; }
 .showwhensmall { display: visible; }*/
 
 body {
padding-top: 0px;
}


 
 h1 { font-size: 24px; line-height: 28px;}
 
/* begin mobile navbar */

#logo {
background: url('../images/logo-right.png') no-repeat;
z-index: 1003;
width: 226px;
height: 40px;
display: block;
position: absolute;
margin-top: -10px;
margin-left: -5px;
}


.navbar-inverse .navbar-inner {
    background: red;
    /*background: #99b5d1;*/
	/*border-bottom: 5px solid #6c849d;
	border-top: 5px solid #6c849d;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #ffffff;
    text-shadow: none;
	font-size: 14px;
}

.navbar-inverse .nav-collapse .nav  { margin-top: 10px; }

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #ffffff;
}

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a :hover {
    background-color: #bcda84;
}
 /* end mobile navbar */
 
}

.date-completed-text{
  color:black !important;
  font-weight: bold !important;
}

.date-completed-con{
  margin-top: 5px;
}