body {
    padding-top: 70px;
    padding-bottom: 20px;
    padding-right: 15px; /* dont hide stuff behind scrollbar (if it appears) */
}

#toast-container.toast-opaque > div {
    opacity: 1;
}

#environmentBackground {
    position: absolute;
    z-index: 999;
    background: transparent;
    display: block;
    text-align: center;
    min-width: 100%;
    top: 40%;
    pointer-events: none;
}

.btn-wrap {
    white-space: normal;
    text-align: left;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

#environmentText {
    font-size: 120px;
    line-height: 120px;
    font-family: monospace;
    pointer-events: none;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    /* display above .input-group.form-control */
    z-index: 3;
}

.photo-canvas {
    border: 1px solid darkgray;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.button-wrapper .btn {
    margin-bottom: 5px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.spinny {
    animation: spin 4s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(-360deg);
    }
}

.inspection-section-list:nth-child(odd) {
    background-color: #f5f5f5;
}

[rv-on-click] {
    cursor: pointer;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

div.dataTables_wrapper div.left-search > div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.right-page-length > div.dataTables_length {
    text-align: right;
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

.label-as-badge {
    border-radius: 1em;
}

/* 
    Custom break point for nav bar. For a central user, the nav menu is currently very long. 
    Makes it go to two lines for a while before collapsing into the "burger" menu.
    This is causing issues as it hides some stuff on the scheduling grid which kind of does some
    hacky height adjustment stuff to bend the kendo grid to our will. So basically we want to 
    modify it to collapse slightly earlier (at 1000px).
*/
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}