﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 15px;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.top-margin-sm {
    margin-top: 5px;
}

.top-margin-md {
    margin-top: 15px;
}

.top-margin-lg {
    margin-top: 25px;
}

.bg-faded {
    background-color: #f5f5f5;
}

.col-height-sm {
    min-height: 250px;
}

.col-height-md {
    min-height: 500px;
}

.col-height-larg {
    min-height: 1000px;
}

.bg-sterilizer-active {
     background-color: #cce57f;
} 

.bg-sterilizer-inactive {
     background-color: #e2eaf0;
}

.report-letterhead {
    font-size: small !important;
    text-align: right !important;
}

/*start Bootstrap overrides*/
.navbar-default {
    background-color: #ffffff;
    border-color: #F5F5F5;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

    .navbar-default .navbar-brand {
        color: #8d9095;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #1999aa;
        }

    .navbar-default .navbar-text {
        color: #8d9095;
    }

    .navbar-default .navbar-nav > li > a {
        color: #8d9095;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #1999aa;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #1999aa;
        background-color: #F5F5F5;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #1999aa;
        background-color: #F5F5F5;
    }

    .navbar-default .navbar-toggle {
        border-color: #F5F5F5;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #F5F5F5;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #8d9095;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #8d9095;
    }

    .navbar-default .navbar-link {
        color: #8d9095;
    }

        .navbar-default .navbar-link:hover {
            color: #1999aa;
        }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #8d9095;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #1999aa;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #1999aa;
        background-color: #F5F5F5;
    }
}

.alert {
    font-style: italic;
}

.k-grid-header th.k-header > .k-link {
    font-weight: bold;
}

.k-state-selected {
    background-color: #60BECB;
    border-color: #60BECB;
}

.btn-primary {
    background-color: #1999AA;
    border-color: #028091;
}

    .btn-primary:hover {
        background-color: #60BECB;
        border-color: #38A8B7;
    }

    .btn-primary:active {
        background-color: #028091;
        border-color: #028091;
    }

    .btn-primary:focus {
        background-color: #028091;
        border-color: #028091;
    }

        .btn-primary:focus:active {
            background-color: #026270;
            border-color: #028091;
        }

thead {
    background-color: #F5F5F5;
}

.borderless-table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}

/*.k-state-selected {
    background-color: #D3D3D3;
}*/

/*end Bootstrap overrides*/
