﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 20px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.header {
    /*padding-bottom: 10px;*/
}

/* Login page styles */
body.login .body-content {
    padding: 0;
}
body.login .formBackground {
          background: url('/Content/Template/rw-bike-fullcolour.jpg');
          background-size: cover;
          background-position: center center;
          padding: 6em 0;
}
body.login .formBackground input[type="submit"] {
          width: 100%;
}
body.login .form-group {
  margin-bottom: 0;
  padding: 0 20px;
}
body.login h4 {
  padding-bottom: 20px;
}
body.login footer {
    padding-top: 20px;
}

/* Styles to accommodate new logo */
.header { padding-bottom: 89px; }
#logo { position: absolute; z-index: 99999; }

@media screen and (max-width: 767px) {
    #logo {
        height: 100px;
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"],
input[type="submit"] {
    max-width: 280px;
}
/* Home page styling */
.accordion-heading {
    padding-bottom: 5px;
}
.accordion-heading a {
    color: #636466;
    /*text-decoration: underline;*/
}

div#MainContent_FormPanel h2, div#MainContent_ViewProposal h2, div#MainContent_EditQuestionsPanel h2
{
    background-color:#6a6a6a;
    color:white;
    padding:9px; 
    border-radius:5px;
}

div#MainContent_ViewProposal h3, div#MainContent_EditQuestionsPanel h3
{
    background-color:#eaeaea;
    padding:9px; 
    border-radius:3px;
}

div#MainContent_FormPanel h2:first-child
{
    /*margin-left:20px;*/
}

a.accordion-toggle.collapsed::after {
    content: "\21D3";
    /*font-family: FontAwesome;*/
}

/*a.accordion-toggle.expanded::after
{
    content:"\f0d8";
    font-family:FontAwesome;
}*/

a.accordion-toggle::after {
    content: "\21D1";
/*    font-family: FontAwesome;*/
}

/* Footer styles */
footer {
          text-align:right;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
	.container > .navbar-header { margin-left: 80px; }
}

/* Responsive: Mobile */
@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		font-size: 1em;
	}
	.navbar-header { margin-left: 30px; }
}

.navbar-right li {
    color: #FFF;
}

.form-group {
    padding-top: 5px;
    padding-bottom: 5px;
}

.allow-two-col {
    padding-bottom: 30px;
}

@media screen and (min-width: 1260px) {
    .allow-two-col {
        padding-bottom: 40px !important;
        float: left;
        width: 49%;
    }
}

.navbar-brand {
    width: 240px;
    text-align: right;
}

/*.form-group:nth-child(odd) {
    background-color: #eaeaea;
}*/

.navbar-inverse {
    background-color: #363636 !important;
}
    
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a  {
        color: #ffffff;
}
.navbar-text a, .navbar-inverse .navbar-text { color: #b5b5b5; }

.email-details {
    background: url(/content/template/rw-bike.jpg) no-repeat no-repeat;
    background-position: 0 -290px;
    padding: 1% 2%;
}

.btn-primary {
    color: #363636;
    background-color: #f7e831;
    border-color: #f7e831;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #363636;
    background-color: #fff145;
    border-color: #fff145;
}

.owner-details {
    float:left; 
    width:48%;
}

.form-horizontal h2 {
    clear:both;
}