body {
    background-color: #eee;
}

html,
body {
    height: 100%;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 90%;
    max-width: 798px;
    margin: 0 auto;
}
#push,
#footer {
    height: 60px;
}
#wrap > .container {
    padding-top: 133px;
}
#footer {
    background-color: #f5f5f5;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 20px;
}

.wrapping-container {
    margin-top: 150px;
}

@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .wrapping-container {
       margin-top: 15px;
    }
}
@media (max-width: 767px) {
    #wrap {
        padding-top: 0px;
    }

    #wrap > .container {
        padding-top: 0px;
    }
}
@media (max-width: 480px) {
    .nav-collapse {
        -webkit-transform: none; //translate(0, 0, 0);
    }
}

.container .credit {
    margin: 20px 0;
}
code {
    font-size: 80%;
}

a {
    color: #5a247a;
}

a:hover {
    color: #b485ba;
}

#logo {
    text-align: center;
}

.label-startup {
    background-color: #5a247a;
}

.btn-primary {
    background-color: #5a247a;
    background-image: linear-gradient(to bottom, #b485ba, #5a247a);
    background-image: -moz-linear-gradient(top, #b485ba, #5a247a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b485ba), to(#5a247a));
    background-image: -webkit-linear-gradient(top, #b485ba, #5a247a);
    background-image: -o-linear-gradient(top, #b485ba, #5a247a);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #fff;
    background-color:#5a247a;
    *background-color: #b485ba;
}

.form-placeholder {
    max-width: 330px;
    padding: 0px;
    margin: 0 auto;
}

.form-signin {
    padding: 15px;
}

@media (min-width: 767px) {
    input.span3 {
        width: 292px;
    }
} 

input[type="text"],
input[type="password"]{
    padding-right: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(90, 36, 122, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(90, 36, 122, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(90, 36, 122, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(90, 36, 122, 0.6);
}

/* 
 * Style voor het mooi maken van de tables op een mobiel.
 */
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

label > span {
    padding-left: 4px;
}