﻿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;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 20px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px 10px !important;
}

.alert {
    margin-top: 17px;
}

.navbar-absolute-top {
    position: absolute !important;
    color: #ffffff;
    margin-left: 225px !important;
    margin-right: 75px !important;
}

.remove-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 1050px) {
    .navbar-absolute-top h3 {
        font-size: 70% !important;
    }
}

@media (max-width: 995px) {
    .navbar-absolute-top {
        margin-left: 180px !important;
    }
}

@media (max-width: 815px) {
    .username-hide-on-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    nav {
        position: static;
        background-color: #072E11;
        box-shadow: 0 3px 3px rgba(0, 0, 0.5);
    }
}

@media only screen and (max-width: 480px) {
    nav {
        position: static;
        background-color: #072E11;
        box-shadow: 0 3px 3px rgba(0, 0, 0.5);
    }
}

@media (min-width: 37em) {
    label {
        font-size: 1.6vmin;
    }
}

@media (min-width: 41em) {
    label {
        font-size: 1.6vmin;
    }
}

@media (min-width: 47em) {
    label {
        font-size: 1.5vmin;
    }
}

@media (min-width: 68em) {
    label {
        font-size: 1.6vmin;
    }
}

@media (min-width: 82em) {
    label {
        font-size: 2vmin;
    }
}

@media (min-width: 100em) {
    label {
        font-size: 1.6vmin;
    }
}

.fade.in {
  opacity: 1;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop .fade .in {
  opacity: 0.5 !important;
}

.modal-backdrop.fade {
    opacity: 0.5 !important;
}