/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.panel-default > .panel-heading {
    background-color: #006935;
    color: white;
}

.navbar-fixed-bottom {
    background-color: white;
}

.well {
    background-color: #006935;
    color: white;
}

html, body {
    height: 100%;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 150px; /* this needs to be bigger than footer height*/
}

.footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear: both;
    padding-top: 20px;
}

.failureNotification {
    color: red;
}

#login-dp2 .row {
    margin-bottom: 10px;
}

#login-dp2 {
    min-width: 300px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: #E7E7E7;
}

    #login-dp2 .help-block {
        font-size: 12px;
    }

    #login-dp2 .bottom {
        background-color: rgba(255,255,255,.8);
        border-top: 1px solid #ddd;
        clear: both;
        padding: 14px;
    }

    #login-dp2 .social-buttons {
        margin: 12px 0;
    }

        #login-dp2 .social-buttons a {
            width: 49%;
        }

    #login-dp2 .form-group {
        margin-bottom: 10px;
    }

    #login-dp2 .row {
        margin-bottom: 10px;
    }

#login-dp {
    min-width: 300px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: #E7E7E7;
}

    #login-dp .help-block {
        font-size: 12px;
    }

    #login-dp .bottom {
        background-color: rgba(255,255,255,.8);
        border-top: 1px solid #ddd;
        clear: both;
        padding: 14px;
    }

    #login-dp .social-buttons {
        margin: 12px 0;
    }

        #login-dp .social-buttons a {
            width: 49%;
        }

    #login-dp .form-group {
        margin-bottom: 10px;
    }

.btn-fb {
    color: #fff;
    background-color: #3b5998;
}

    .btn-fb:hover {
        color: #fff;
        background-color: #496ebc;
    }

.btn-tw {
    color: #fff;
    background-color: #55acee;
}

    .btn-tw:hover {
        color: #fff;
        background-color: #59b5fa;
    }

@media(max-width:768px) {
    #login-dp {
        background-color: inherit;
        color: #fff;
    }

        #login-dp .bottom {
            background-color: inherit;
            border-top: 0 none;
        }

    #login-dp2 {
        background-color: inherit;
        color: #fff;
    }

        #login-dp2 .bottom {
            background-color: inherit;
            border-top: 0 none;
        }
}

.table > thead > tr > td.pink,
.table > tbody > tr > td.pink,
.table > tfoot > tr > td.pink,
.table > thead > tr > th.pink,
.table > tbody > tr > th.pink,
.table > tfoot > tr > th.pink,
.table > thead > tr.pink > td,
.table > tbody > tr.pink > td,
.table > tfoot > tr.pink > td,
.table > thead > tr.pink > th,
.table > tbody > tr.pink > th,
.table > tfoot > tr.pink > th {
    background-color: #ffb7c1;
}

.table-hover > tbody > tr > td.pink:hover,
.table-hover > tbody > tr > th.pink:hover,
.table-hover > tbody > tr.pink:hover > td,
.table-hover > tbody > tr:hover > .pink,
.table-hover > tbody > tr.pink:hover > th {
    background-color: #ffc7ce;
}


.table > thead > tr > td.purp,
.table > tbody > tr > td.purp,
.table > tfoot > tr > td.purp,
.table > thead > tr > th.purp,
.table > tbody > tr > th.purp,
.table > tfoot > tr > th.purp,
.table > thead > tr.purp > td,
.table > tbody > tr.purp > td,
.table > tfoot > tr.purp > td,
.table > thead > tr.purp > th,
.table > tbody > tr.purp > th,
.table > tfoot > tr.purp > th {
    background-color: #c6c6ff;
}

.table-hover > tbody > tr > td.purp:hover,
.table-hover > tbody > tr > th.purp:hover,
.table-hover > tbody > tr.purp:hover > td,
.table-hover > tbody > tr:hover > .purp,
.table-hover > tbody > tr.purp:hover > th {
    background-color: #e3e3ff;
}

.table > thead > tr > td.tan,
.table > tbody > tr > td.tan,
.table > tfoot > tr > td.tan,
.table > thead > tr > th.tan,
.table > tbody > tr > th.tan,
.table > tfoot > tr > th.tan,
.table > thead > tr.tan > td,
.table > tbody > tr.tan > td,
.table > tfoot > tr.tan > td,
.table > thead > tr.tan > th,
.table > tbody > tr.tan > th,
.table > tfoot > tr.tan > th {
    background-color: #f8cbac;
}

.table-hover > tbody > tr > td.tan:hover,
.table-hover > tbody > tr > th.tan:hover,
.table-hover > tbody > tr.tan:hover > td,
.table-hover > tbody > tr:hover > .purp,
.table-hover > tbody > tr.tan:hover > th {
    background-color: #f9d7bf;
}


.table > thead > tr > td.yellow,
.table > tbody > tr > td.yellow,
.table > tfoot > tr > td.yellow,
.table > thead > tr > th.yellow,
.table > tbody > tr > th.yellow,
.table > tfoot > tr > th.yellow,
.table > thead > tr.yellow > td,
.table > tbody > tr.yellow > td,
.table > tfoot > tr.yellow > td,
.table > thead > tr.yellow > th,
.table > tbody > tr.yellow > th,
.table > tfoot > tr.yellow > th {
    background-color: #ffff80;
}

.table-hover > tbody > tr > td.yellow:hover,
.table-hover > tbody > tr > th.yellow:hover,
.table-hover > tbody > tr.yellow:hover > td,
.table-hover > tbody > tr:hover > .yellow,
.table-hover > tbody > tr.yellow:hover > th {
    background-color: #fff0b1;
}

.table > thead > tr > td.grey,
.table > tbody > tr > td.grey,
.table > tfoot > tr > td.grey,
.table > thead > tr > th.grey,
.table > tbody > tr > th.grey,
.table > tfoot > tr > th.grey,
.table > thead > tr.grey > td,
.table > tbody > tr.grey > td,
.table > tfoot > tr.grey > td,
.table > thead > tr.grey > th,
.table > tbody > tr.grey > th,
.table > tfoot > tr.grey > th {
    background-color: #c0c0c0;
}

.table-hover > tbody > tr > td.grey:hover,
.table-hover > tbody > tr > th.grey:hover,
.table-hover > tbody > tr.grey:hover > td,
.table-hover > tbody > tr:hover > .grey,
.table-hover > tbody > tr.grey:hover > th {
    background-color: #cccccc;
}

.table > thead > tr > td.blue,
.table > tbody > tr > td.blue,
.table > tfoot > tr > td.blue,
.table > thead > tr > th.blue,
.table > tbody > tr > th.blue,
.table > tfoot > tr > th.blue,
.table > thead > tr.blue > td,
.table > tbody > tr.blue > td,
.table > tfoot > tr.blue > td,
.table > thead > tr.blue > th,
.table > tbody > tr.blue > th,
.table > tfoot > tr.blue > th {
    background-color: #c0ffff;
}

.table-hover > tbody > tr > td.blue:hover,
.table-hover > tbody > tr > th.blue:hover,
.table-hover > tbody > tr.blue:hover > td,
.table-hover > tbody > tr:hover > .blue,
.table-hover > tbody > tr.blue:hover > th {
    background-color: #D9FFFF;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-green {
    color: #fff;
    background-color: #006935;
    border-color: #006935;
}

.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-green:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.hidden {
    display: none;
}

.tblMicronColor {
    margin-left: 4px;
    width: 45%;
    margin-bottom: 35px;
}

.tblMicronColor .result.bold {
    font-weight: 600;
}

.tblMicronColor .tr-color.last td {
    padding-bottom: 15px;
}

.container.greasyinitialrequest, .container.greasylaterequest, .container.selectMicron, .container.logins {
    padding-top: 20px;
}

.container.greasyinitialrequest label {
    margin-top: 5px;
}

.container.greasyinitialrequest .btn-select {
    float: right;
    margin-right: 50%;
}

.container.greasyinitialrequest .txtReference {
    width: 60%;
    height: 15px;
}

.container.greasyinitialrequest .table {
    width: 30% !important;
    margin-top: 20px;
}

.container.greasyinitialrequest .table td {
    border: 0px;
}

.container.greasyinitialrequest .ref-header {
    font-weight: bold;
}

.container .btn-container {
    padding: 0 10% 25px 10%;
    margin: 0 auto;
    margin-top: 20px;
}

.container .btn-startTests, .container .btn-completeCertificates {
    float: left;
}

.container .btn-back, .container .btn-refersh {
    float: right;
}

.container .btn-refersh {
    margin-right: 20px;
}

.blue-text {
    color: #0000CD !important;
}

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

.container.logins tr, .ref-row {
    cursor: pointer;
}

.select-micron-pending {
    background-color: #ffc7ce;
    padding: 10px;
    text-align: center;
}

.select-micron-pending label {
    margin-bottom: 0px;
}

.logo {
    background-repeat: no-repeat;
    background-image: url("/Images/MyWTABanner.jpg");
    min-height: 280px;
    padding: 0px;
    margin: 0px;
    background-size: cover; 
    background-color: white;
}

@media screen and (min-width: 1260px) {
    .logo-responsive {
        padding-bottom: calc(100vw / 100 * 2);
    }
}

@media screen and (min-width: 1360px) {
    .logo-responsive {
        padding-bottom: calc(100vw / 100 * 4);
    }
}

@media screen and (min-width: 1521px) {
    .logo-responsive {
        padding-bottom: calc(100vw / 100 * 6);
    }
}

@media screen and (min-width: 1700px) {
    .logo-responsive {
        padding-bottom: calc(100vw / 100 * 8);
    }
}

@media screen and (max-width:1199px) {
    .logo-responsive {
        background-size: contain!important;
        min-height: 260px!important;
    }
}

@media screen and (max-width:991px) {
    .logo-responsive {
        background-size: cover!important;
        min-height: 300px!important;
        padding-bottom: 30px;
    }
}


@media screen and (max-width:680px) {
    .logo-responsive {
        background-size: cover!important;
        min-height: 280px!important;
    }
}

@media screen and (max-width:640px) {
    .logo-responsive {
        background-size: contain!important;
        min-height: 280px!important;
    }
}

@media screen and (max-width:470px) {
    .logo-responsive {
        background-size: contain!important;
        min-height: 200px!important;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 90%;
    }
}

.leftAlign {
    text-align: left;
    padding: 0px;
}

@media only print {
    .container {
        width: 100%;
        margin: 0px;
        padding: 0px!important;
        overflow: visible!important;
    }

    .print-table {
        overflow: visible!important;
        width: 100%;
        height: 100%;
        table-layout: auto;
    }

    .container .row {
        margin: 0px!important;
    }

    .print-table th, .print-table td {
        padding: 2px!important;
    }

    .print-table th a {
        width: 100%;
    }

    .print-table tr, .print-table th, .print-table td, .print-table a, .print-table strong {
        overflow: visible;
        word-break:break-word!important;
        word-wrap: break-word!important;
        font-size: 14px!important;
    }
}