body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
/* using padding class in Shared/_Layout to set padding now */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 40px;
}

/* 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;
}
*/

html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
    padding-top: 56px;
}

@media (max-width: 991.5px) {
    .offcanvas-collapse {
        position: fixed;
        top: 86px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #ddd;
        transition-timing-function: ease-in-out;
        transition-duration: .5s;
        transition-property: left, visibility;
    }

        .offcanvas-collapse.open {
            left: 0;
            visibility: visible;
        }

    .megamenu {
        display: none !important;
    }
}

#dropLinks {
    transform: translate3d(151px, 2px, 0px) !important;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
        border: none !important;
        cursor:pointer; 
    }
    

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5);
}

.bg-purple {
    background-color: #6f42c1;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}

.megamenu.collapsing {
    width: 100%;
    opacity: .85;
}

.megamenu.show {
    opacity: .95;
    z-index: 1080;
    width: 100% !important;
    height: auto;
    background-color: #EEE;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -ms-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

.megamenu {
    width: 100%;
    height: 1px;
    position: fixed;
    margin-top: 65px;
    background-color: #EEE;
    z-index: 1050;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #ddd;
    opacity: .95;
    border-radius: .3rem;
}

a {
    color: dimgray !important;
}

.btn-link {
    color: dimgray;
}

li a:focus {
    outline: 0 !important;
}

/* NESTED DROPDOWN CSS */
.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}

.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus,
.navbar > .show > a:focus {
    background: transparent;
    outline: 0;
}


.dropdown-menu .show > .dropdown-toggle::after {
    transform: rotate(-90deg);
}

.dropdown-toggle:hover {
    cursor:pointer; 
}

#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

.servicecrumb > a:before {
    padding: 5px 5px;
    color: #cccccc;
    content: "/\00a0";
}

.servicecrumb > .active {
    color: #fff;
}


#pinned {
    margin-bottom: 10px;
    vertical-align: top;
    margin-top: 5px;
    visibility: hidden;
}

.passText {
    display: inline-block;
    width: 100%;
    margin: 0 0 .25rem .75rem;
}

.passScale {
    padding: 0px;
    padding-left: .75rem;
    max-width: 280px;
    display: inline-block;
}

.passMeter {
    height: 5px;
    display: inline-block;
    background-color: yellow;
    width: 0%;
    margin-left: .8rem !important;
}

.navbar-light {
    background-color: #ddd !important;
}

.bg-light {
    background-color: #ddd !important;
}

.mod {
    background-color: #ddd;
    opacity: .95;
    padding: 5px;
}

.rowHead {
    margin-left: 20px;
}

.centerMod {
    margin: 0 auto;
}

.ulink {
    text-decoration: underline;
}

.topBar {
    height: 3px;
    width: 100%;
    background-color: #ce2f38;
    margin-bottom: 3px;
    z-index: 9000;
}

.navbar-nav .nav-link {
    padding-left: .5rem;
}

.nav-item, .nLink {
    font-size: 1.25rem;
}
.nav-item:hover{
    background-color:#eee;
}


.form-group {
    margin-bottom: 1px !important;
    margin-top: 1rem !important;
    margin-left: .75rem;
}

label {
    font-size: 1.25rem;
}

.table thead th {
    border-top: none;
    border-bottom: 1px solid #fff;
}

.table td {
    border-top: 1px solid #fff;
}

svg{
    color:dimgray; 
}


.textbox-50 {
    width: 50px;
}

.textbox-100 {
    width: 100px;
}

.textbox-150 {
    width: 150px;
}

.textbox-300 {
    width: 300px;
}

.ui-datepicker {
    z-index: 3000;
}

.redIcon{
    color: red;
}
.greenIcon{
    color:green;
}

.divBorder{
    border: solid 1px #000; 
    padding: 1rem; 
}