body {
    padding-top: 70px;
    position: relative;     /* for scrollspy */
}
.footer{
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 80px;
    border-top: 1px solid #eee;
}

/* form stuff */
    .form-control{
        display:inline-block;
        max-width: 600px;
    }


/* date stuff */
    /* info about the css method used:
        select[name^='asd']     (starts with asd)
        select[name$='asd']     (ends with asd)
        select[name*='asd']     (contains asd)
    */
    select[name$='_month']{
        width:120px;
    }
    select[name$='_day'],select[name$='_hour'],select[name$='_minute'],select[name$='_meridiem'],input[name$='_day'],div.form-control[name$='_day']{
        width:60px;
    }
    select[name$='_year'],input[name$='_year'],div.form-control[name$='_year']{
        width:80px;
    }


/* print rendering */
    @media print {
        textarea.form-control{
            max-width: 100%;
        }

        a[href]:after {
            content: none;
        }

        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
            float: left;
        }
        .col-sm-12 {
            width: 100%;
        }
        .col-sm-11 {
            width: 91.66666666666666%;
        }
        .col-sm-10 {
            width: 83.33333333333334%;
        }
        .col-sm-9 {
            width: 75%;
        }
        .col-sm-8 {
            width: 66.66666666666666%;
        }
        .col-sm-7 {
            width: 58.333333333333336%;
        }
        .col-sm-6 {
            width: 50%;
        }
        .col-sm-5 {
            width: 41.66666666666667%;
        }
        .col-sm-4 {
            width: 33.33333333333333%;
        }
        .col-sm-3 {
            width: 25%;
        }
        .col-sm-2 {
            width: 16.666666666666664%;
        }
        .col-sm-1 {
            width: 8.333333333333332%;
        }
    }

/* ajax loading animations */
    .pulsed{
        animation: pulse 1.5s infinite;
    }
    @keyframes pulse {
        0%, 100% {
            color: #DDD;
        }
        80% {
            color: #AAA;
        }
    }