html {
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
}

body, html {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background-color: #f5f5f5;
}

footer {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.caution-tape {
    padding: 10px;
    color: white;
    letter-spacing: 4px;
    font-size: 150%;
    font-weight: bolder;
    text-shadow: -3px -3px 0 gray,
    0 -3px 0 gray,
    3px -3px 0 gray,
    3px 0 0 gray,
    3px 3px 0 gray,
    0 3px 0 gray,
    -3px 3px 0 gray,
    -3px 0 0 gray;
    background: repeating-linear-gradient(
            45deg,
            rgba(255,255,0,0.5),
            rgba(255,255,0,0.5) 30px,
            rgba(0,0,0,0.5) 30px,
            rgba(0,0,0,0.5) 60px
    );
}

/* Sidebar navigation */
.nav-sidebar {
    background-color: #f5f5f5;
    margin-right: -15px;
    margin-bottom: 20px;
    margin-left: -15px;
}

.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}

.nav-sidebar > .active > a {
    color: #fff;
    background-color: #428bca;
}

/*
 * Main content
 */

.main {
    padding: 20px;
    background-color: #fff;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main .page-header {
    margin-top: 0;
}

a, a:hover, a:active, a:focus {
    outline: 0;
}

img {
    margin: 5px;
}

.scrollToTop {
    width: 40px;
    height: 40px;
    background-image: url('/images/back-to-top.jpg');
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
}

form .row div, .panel-body .row div {
    padding-bottom: 15px;
}

.form-group {
    padding-bottom: 0 !important;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -33%;
    }

    .row-offcanvas-left.active {
        left: 33%;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 33%;
        margin-left: 10px;
    }
}

.datarow:hover {
    background-color: #CCC !important;
}

/*.datarow:nth-child(even) {
    background: #dee4e8;
}
.datarow:nth-child(odd) {
    background: #f9f9f9;
}*/
.datarow:nth-child(even) {
    background: white;
}

.datarow:nth-child(odd) {
    background: white;
}

.datarow {
    padding: 6px 0;
    border-top: 2px solid silver;
}

.datarow:last-child {
    border-bottom: 2px solid silver;
}