﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Set widths on the form inputs since otherwise they're 100% wide */

.clickable {
    cursor: pointer;
    text-decoration: underline;
}

.img-spc{
    width:19px;
    height:16px;
    float: left;
}

.img-spc1 {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAffBhAVCAmODBYiAAAAB3RJTUUH3wYQFQwWsmk9owAAAAlwSFlzAAALEgAACxIB0t1+/AAAAANQTFRFAAAAp3o92gAAAAF0Uk5TAEDm2GYAAAANSURBVHjaY2AYBZQAAAFAAAH3BK7GAAAAAElFTkSuQmCC') /*/images/spc1.png*/
}
.img-spc2 {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAffBhAVCStCd2aHAAAAB3RJTUUH3wYQFQspS06GWQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAZQTFRFAAAAhISE9mEQ5QAAAAF0Uk5TAEDm2GYAAAAaSURBVHjaY2CAAkYGTDCoxECAAQIH3C0IJgAPTwAYoU65ugAAAABJRU5ErkJggg==') /*/images/spc2.png*/
}
.img-spc3 {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAffBhAVByU7TGYOAAAAB3RJTUUH3wYQFQwGr94txwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAZQTFRFAAAAhISE9mEQ5QAAAAF0Uk5TAEDm2GYAAAAYSURBVHjaY2CAAkYGTDCoxECAAQIHEQAADV4AEcwRlvIAAAAASUVORK5CYII=') /*/images/spc3.png*/
}
.img-spc4 {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAffBhAVCStCd2aHAAAAB3RJTUUH3wYQFRMJ8js+yAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAZQTFRFAAAAhISE9mEQ5QAAAAF0Uk5TAEDm2GYAAAATSURBVHjaY2CAAkYGTDAqRlAMAAtQABFeHI3EAAAAAElFTkSuQmCC') /*/images/spc4.png*/
}


input,
select,
textarea {
    max-width: 280px;
}

.navbar li a.active {
    color: #fff !important;
}

.navbar li a.sub-active {
    font-weight: bolder;
    color: #4b4b4a;
    position: relative;
    left: -4px;
}

.scrolling-lg .table {
    border-left: 1px solid #dfd7ca;
    border-right: 1px solid #dfd7ca;
    border-bottom: 1px solid #dfd7ca;
}

hr.strong {
    border-top: 2px solid #4b4b4a;
}

.table td {
    cursor: default;
}

.btn-badge {
    text-align: left !important;
}

    .btn-badge .badge {
        width: 38px;
    }

.scrolling-lg thead {
    background-color: #fff;
}

.scrolling-lg td {
    color: #000;
}

.highlight {
    background-color: #f8f79a;
    padding: 4px;
    font-weight: bolder;
}

.scrolling-lg {
    background-color: #f7f4ec;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
