tr:hover {
    background-color: White !important;
}

tr:nth-child(even), tr:nth-child(odd) {
    background-color: transparent;
}

tr:nth-child(odd) {
    background-color: white;
}

td {
    padding: 0px;
    text-align: left;
}

table {
    border-collapse: separate;
}

table label {
    font-size: 16px;
}

table input[type="checkbox"] {
    margin-right: 5px;
}

.test2::after {
    content: "\a";
    white-space: pre;
}

.nextbtn {
    float: left;
}

.listsize {
    width: 100%;
}

.button {
    margin-top: 1em;
}

.frame {
    border: solid 1px #eeeeee;
    margin-bottom: 10px;
    margin-right: 5px;
}

.radio input {
    float: left;
    margin-top: 5em;
}

.radio img {
    float: left;
    margin-right: 1em;
}

.metrics {
    width: 185px;
    margin: auto;
}

.test {
    margin: 1em auto;
}

.alignwizbtn {
    margin-left: 1em;
}

.dataresults {
    background-color: #d7d7d7;
    color: Black;
}

.dataheaders {
    background-color: #33475B;
    color: White;
    text-align: left;
}

/* status bar */
#statuswrapper {
    position: relative;
    z-index: 0;
    border: none;
}

#status {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding: 0px;
}

#progressbar .active {
    color: #0D83C6
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #customer.active.complete:before {
    content: '';
    background: url('/media/engineering/status_complete.png');
}

#progressbar #customer.active:before {
    /*font-family: FontAwesome;
        content: "\f13e"*/
    content: '';
    background: url('/media/engineering/status_circle_1.png');
}

#progressbar #application.active.complete:before {
    content: '';
    background: url('/media/engineering/status_complete.png');
}

#progressbar #application:before {
    /*font-family: FontAwesome;
        content: "\f007"*/
    content: '';
    background: url('/media/engineering/status_circle_2_gray.png');
}

#progressbar #application.active:before {
    /*font-family: FontAwesome;
        content: "\f007"*/
    content: '';
    background: url('/media/engineering/status_circle_2.png');
}

#progressbar #shaftbore.active.complete:before {
    content: '';
    background: url('/media/engineering/status_complete.png');
}

#progressbar #shaftbore:before {
    /*font-family: FontAwesome;
        content: "\f030"*/
    content: '';
    background: url('/media/engineering/status_circle_3_gray.png');
}

#progressbar #shaftbore.active:before {
    /*font-family: FontAwesome;
        content: "\f007"*/
    content: '';
    background: url('/media/engineering/status_circle_3.png');
}

#progressbar #assembly.active.complete:before {
    content: '';
    background: url('/media/engineering/status_complete.png');
}

#progressbar #assembly:before {
    /*font-family: FontAwesome;
        content: "\f00c"*/
    content: '';
    background: url('/media/engineering/status_circle_4_gray.png');
}

#progressbar #assembly.active:before {
    /*font-family: FontAwesome;
        content: "\f007"*/
    content: '';
    background: url('/media/engineering/status_circle_4.png');
}

#progressbar #success:before {
    /*font-family: FontAwesome;
        content: "\f00c"*/
    content: '';
    background: url('/media/engineering/status_circle_5_gray.png');
}

#progressbar #success.active:before {
    /*font-family: FontAwesome;
        content: "\f007"*/
    content: '';
    background: url('/media/engineering/status_complete.png');
}

#progressbar #customer.active:before, #progressbar #customer.active.complete:before,
#progressbar #application:before, #progressbar #application.active:before, #progressbar #application.active.complete:before,
#progressbar #shaftbore:before, #progressbar #shaftbore.active:before, #progressbar #shaftbore.active.complete:before,
#progressbar #assembly:before, #progressbar #assembly.active:before, #progressbar #assembly.active.complete:before,
#progressbar #success:before, #progressbar #success.active:before, #progressbar #success.active.complete:before {
    background-size: 50px;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: block;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #0D83C6
}

@media (min-width:820px) {
    .nextbtn {
        float: right;
    }

    .listsize {
        width: 50%;
        text-align: left;
    }
}