body {
    background: #fafafa;
    color: #333;
    font-family: 'Roboto', sans-serif;
}

.navbar-brand {
    padding-left: 0;
}

a {
    color: #733;
    text-decoration: underline;
}

a:hover {
    color: #337;
}

a.btn {
    text-decoration: none;
}

.ccmga-row {
    border-top: 1px solid #cccccc;
    padding: 5px 0;

}

.ccmga-row:hover {
    background: #F3F3F3;
}

@media print {
    .ccmga-row {
        border: none;

    }
}

.form-horizontal .control-label {
    padding-top: 7px;
    text-align: right;
}

.ccmga-navbar-brand {
    padding: 0;
    height: auto;
}

.ccmga-navbar-brand img {
    padding: 10px 0;
}

.ccmga-align-left {
    text-align: left !important;
}

.table.borderless > tbody > tr > td, .table.borderless > tbody > tr > th {
    border: none;

}

/* Fix bug in Bootstrap 3 */
@media print {
    .hidden-print, .hidden-print * {
        display: none !important;
    }
}

@media print {

    body {
        background-color: transparent;
    }

    .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;

    }

    .text-right {
        text-align: right;
    }

    .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%;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }

    .row {
        clear: both;
    }

}