﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* 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 width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.toppad {
    padding-top: 5px;
    padding-bottom: 5px;
}

.headrow {
    margin-top: 5px;
    background-color: aliceblue;
    font-size: 24px;
}

.headrowprimary {
    margin-top: 5px;
    background-color: #ffe599;
    font-size: 24px;
}

.grayrow {
    background-color: #f2f2f2;
}

.btn-info.active {
    background-color: orange;
}

.btn-info.active:hover {
        background-color: orange;
    }

.btn-info:focus {
    background-color: orange;
}

.btn-info:hover {
    background-color: orange;
}

.btn-info:visited {
    background-color: orange;
}

.btn-info:hover:active, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:focus:active, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: orange;
    border-color: #1b6d85;
}


.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.roundedbox {
    width: 100%;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 71%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(71%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 71%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 71%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 71%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 71%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
    -webkit-box-shadow: 2px 2px 3px 0px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 2px 2px 3px 0px rgba(204, 204, 204, 0.5);
    box-shadow: 2px 2px 3px 0px rgba(204,204,204,0.5);
    padding: 8px;
}

.tablerow {
    border-top: 1px solid;
    padding-top: 5px;
}

@media (max-width: 600px) {
    .hide-for-mobile {
        display: none
    }
}

