a.button:link, a.button:visited, button {
    display: inline-block;
    padding: 10px 30px;
    border: 3px solid brand_red;
    outline: none;
    background: none;
    color: brand_red;
    font-size: 18px;
    line-height: 1em;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
}

a.button:link i, a.button:visited i, button i {
    margin: 0 10px 0 -5px;
    color: brand_red
}

a.button:link .number, a.button:visited .number, button .number {
    margin: 0 0 0 15px;
    color: brand_red
}

a.button:hover, a.button:active, button:hover, button:active {
    background: brand_red;
    color: #fff;
}

a.button:hover i, a.button:active i, button:hover i, button:active i {
    color: #fff
}

a.button:hover .number, a.button:active .number, button:hover .number, button:active .number {
    color: rgba(255, 255, 255, 0.5)
}

a.button-white:link, a.button-white:visited, button.white {
    padding: 12px 55px;
    border-color: #fff;
    color: #fff;
}

a.button-white:link i, a.button-white:visited i, button.white i {
    color: #fff
}

a.button-white:hover, button.white:hover {
    background: #fff;
    color: brand_green
}

a.button-edit:link, a.button-save:link, a.button-blue:link, a.button-edit:visited, a.button-save:visited, a.button-blue:visited {
    background: #86cfc8;
    border: 1px solid #76b7b1;
    color: #fff
}

a.button-green:link, a.button-green:visited, button.green {
    background: #fff;
    border-color: #86cfc8;
    color: #63afa8;
}

a.button-green:link i, a.button-green:visited i, button.green i {
    color: #0EBFE9
}

a.button-green:hover, button.green:hover {
    background: #86cfc8;
    color: #fff;
}

a.button-green:hover i, button.green:hover i {
    color: #fff
}

a.button-pumpkin:link, a.button-pumpkin:visited, button.pumpkin {
    color: #ff7518 !important;
    border-color: #e9692c !important;
    background: #fff
}

a.button-pumpkin:link i, a.button-pumpkin:visited i, button.pumpkin i {
    color: #e9692c !important;
}


a.button-pumpkin:hover, button.pumpkin:hover {
    background: #e9692c !important;
    color: #fff !important;
}

a.button-pumpkin:hover i, button.pumpkin:hover i {
    color: #fff !important;
}

a.button-small:link, a.button-small:visited, button.small {
    padding: 8px 24px;
    font-size: 14px;
    background: brand_green;
    border: 0;
    color: #fff;
}

a.button-small:link .number, a.button-small:visited .number, button.small .number {
    color: rgba(255, 255, 255, 0.5)
}

a.button-small:link i, a.button-small:visited i, button.small i {
    color: #fff
}

a.button-mini:link, a.button-mini:visited, button.small {
    padding: 8px 24px;
    font-size: 14px
}

a.button-red:link, a.button-red:visited, button.red {
    background: brand_red
}

a.button-orange:link, a.button-orange:visited, button.orange {
    background: #e07315
}

a.button-delete:link, a.button-delete:visited, button.delete {
    background: brand_red
}

.full-width {
    width: 100%
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clear {
    clear: all
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.no-wrap {
    white-space: nowrap
}

.hide {
    display: none
}

.space {
    margin-left: 5px;
    margin-right: 5px
}

.space-left {
    margin-left: 5px
}

.space-right {
    margin-right: 5px
}

#tooltip {
    position: absolute;
}

#tooltip .arrow {
    width: 100%;
    height: 4px;
    background: url("images/tooltip.png") no-repeat center top
}

#tooltip .arrow-down {
    background: url("images/tooltip-down.png") no-repeat center bottom
}

#tooltip .text {
    padding: 8px 10px;
    background: #202020;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serf
}

.datepicker {
    float: left;
    font-size: 14px;
    line-height: 1em;
    font-family: 'Open Sans', sans-serif
}

.datepicker .chevron {
    float: left;
    width: 100%;
    height: 7px;
    text-align: center;
    font-size: 14px;
    color: #525252
}

.datepicker .wrap {
    float: left;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    background: #525252
}

table.datepicker {
    width: 100%
}

.datepicker thead tr th, .datepicker thead tr td {
    padding: 8px 0;
    background: #6e6e6e;
    color: #e4e4e4
}

.datepicker thead tr td {
    height: 20px;
    text-align: center;
    vertical-align: middle
}

.datepicker thead tr th {
    text-align: center;
    font-weight: 700
}

.datepicker thead tr td a:link, .datepicker thead tr td a:visited {
    float: left;
    width: 100%;
    min-height: 20px;
    vertical-align: middle;
    color: #9d9d9d
}

.datepicker thead tr td a:hover {
    color: #dadada;
    text-decoration: none
}

.datepicker thead tr td a i {
    vertical-align: middle
}

.datepicker tbody tr th {
    width: 14.3%;
    min-height: 20px;
    padding: 10px 5px 2px 5px;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    vertical-align: bottom;
    color: #d2d2d2
}

.datepicker tbody tr td {
    border: 1px solid #525252;
    background: #fff;
    text-align: left;
    vertical-align: top;
    height: 36px;
    cursor: default
}

.datepicker tbody tr td .day {
    float: left;
    width: 100%;
    height: 100%;
}

.datepicker tbody tr td.blank {
    background: #bebebe;
    border: 1px solid #525252
}

.datepicker tbody tr td.blank .number {
    color: #7e7e7e
}

.datepicker tbody tr td.weekend .day {
    background: #eaeaea
}

.datepicker tbody tr td.today .day {
    background: #ffc
}

.datepicker tbody tr td.current .day {
    background: #2382ef;
    color: #fff;
    font-weight: 700
}

.datepicker tbody tr td.current .number {
    color: #fff
}

.datepicker tbody tr td.weekend:hover .day, .datepicker tbody tr td:hover .day {
    background: #dfdfdf;
    text-decoration: none
}

.datepicker tbody tr td.blank:hover .day {
    background: #ccc
}

.datepicker tbody tr td.today:hover .day {
    background: #ffffa9
}

.datepicker tbody tr td.current:hover .day {
    background: #2382ef
}

.datepicker tbody tr td .number {
    float: left;
    width: 100%;
    height: 24px;
    padding: 5px;
    text-align: left;
    font-size: 80%;
    color: #999
}

.datepicker tbody tr td .events {
    float: left;
    width: 100%;
}

.datepicker tbody tr td a:link, .datepicker tbody tr td a:visited {
    float: left;
    clear: left;
    margin: 0 0 2px 0;
    padding: 2px 5px;
    font-size: 80%;
    color: #999
}

.datepicker tbody tr td a.allday:link, .datepicker tbody tr td a.allday:visited {
    padding: 2px 5px;
    background: #eaeaea;
    border-radius: 2px
}

.datepicker tbody tr td a.multiday:link, .datepicker tbody tr td a.multiday:visited {
    width: 100%;
    padding: 2px 5px;
    background: #eaeaea;
    border-radius: 0
}

.pagenumbers {
    float: left;
    width: 100%;
    margin: 1em 0;
    padding: 0 10px;
    font-size: 11px;
    line-height: 11px;
    text-align: center
}

.pagenumbers .center {
    display: inline-block
}

.pagenumbers .info {
    float: left;
    line-height: 23px
}

.pagenumbers .prevnext {
    float: left;
    margin: 0 25px
}

.pagenumbers .prevnext a:link, .pagenumbers .prevnext a:visited {
    float: left;
    padding: 5px 10px;
    font-size: 11px
}

.pagenumbers .prevnext a.button-disabled:link, .pagenumbers .prevnext a.button-disabled:visited {
    color: #ccc;
    border-color: #ccc;
    cursor: default
}

.pagenumbers .prevnext a.button-disabled:hover {
    background: #fff;
    color: #ccc;
    border-color: #ccc
}

.pagenumbers .pages {
    float: left
}

.pagenumbers .pages div {
    float: left;
    margin-right: 2px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold
}

.pagenumbers .pages a:link, .pagenumbers .pages a:visited, .pagenumbers .pages span {
    float: left;
    min-width: 23px;
    padding: 5px 3px;
    text-decoration: none
}

.pagenumbers .pages a:hover {
    background: #e6e6e6
}

.pagenumbers .pages .current span {
    background: #ca1f2d;
    border-radius: 3px;
    color: #fff
}

.report {
    margin: 0 0 1em 0;
}

.report #addTest {
    width: 100%;
    max-width: max-content;
}

.reports #reporttype {
    width: 100%;
    max-width: max-content;
}

.report h2 {
    margin: 0 0 20px 0;
    font-size: 32px;
    line-height: 1em;
    font-weight: bold;
}

.report h2:last-child {
    margin-bottom: 0
}

.report th {
    width: 250px;
    color: #7f7f7f;
    font-size: 16px
}



.report tr td:first-child, .report tr th:first-child {
    border-left: 1px solid #d7d7d7
}

.report tr td:last-child, .report tr th:last-child {
    border-right: 1px solid #d7d7d7
}

.report tr.highlight th, .report tr.highlight td {
    background: #ffc
}

.report tr.button th, .report tr.button td {
    padding-right: 0;
    border: 0;
    background: #fff
}

@media all and (max-width: 840px) {
    .report tr.button th, .report tr.button td {
        white-space: normal;
    }
}

.report tr.header th, .report tr.header td {
    padding-top: 30px;
    padding-right: 0;
    border: 0;
    background: #fff
}

.report label {
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 8px 15px;
    background: #fff;
    border: 2px solid #aaa;
    border-radius: 5px;
}

.report label.space-right {
    margin-right: 3px
}

.report label:hover {
    background: #f7f7f7
}

.report label input[type="checkbox"], .report label input[type="radio"] {
    display: none
}

.report label i {
    margin: 0 5px 0 -3px;
    width: 18px;
    color: #7f7f7f;
}

.report label i.only-child {
    margin: 0
}

.report label.checked {
    background: #aaa;
    color: #fff;
}

.report label.checked i {
    color: rgba(255, 255, 255, 0.5)
}

.report label.checked.pass {
    background: #00b500;
    border-color: #00b500;
}

.report label.checked.pass i {
    color: rgba(255, 255, 255, 0.8)
}

.report label.checked.fail {
    background: #b50000;
    border-color: #b50000;
}

.report label.checked.fail i {
    color: rgba(255, 255, 255, 0.8)
}

.report .textbox {
    display: inline-block;
    padding: 8px;
    border: 1px solid #aaa;
    background: #fff
}

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

.report .images .ui-sortable-placeholder {
    background: #e6e6e6
}

.report .image, .report .ui-sortable-placeholder {
    display: inline-block;
    width: 48%;
    margin: 0 20% 30px 20%;
}

.report .image img, .report .ui-sortable-placeholder img {
    float: left;
    max-width: 100%
}

.report .image .title, .report .ui-sortable-placeholder .title {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    background: brand_green;
    color: #fff;
    border-top: 3px solid #3b8080;
    font-size: 80%
}

.report .image input[type="text"], .report .ui-sortable-placeholder input[type="text"], .report .image label, .report .ui-sortable-placeholder label {
    margin-top: 3px
}

.report .images-columns .image {
    float: left;
    margin: 0 2% 30px 0;
}

.report .images-columns .image:nth-child(2n) {
    float: right;
    margin: 0 0 30px 2%
}

.report a.suggest:link, .report a.suggest:visited {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 3px 8px;
    background: #e6e6e6;
    font-size: 80%;
    color: #545454
}

.report a.suggest:hover, .report a.suggest:active {
    background: #999;
    color: #fff;
    text-decoration: none
}

.ajax-response {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 10px 30px;
    background: #7f7f7f;
    border-radius: 3px;
    border: 1px solid #999;
    color: #fff;
    font-weight: bold;
    text-align: center
}

.ui-autocomplete {
    background: #fff;
    border: 1px solid #d7d7d7;
}

.ui-autocomplete li {
    padding: 8px;
}

.ui-autocomplete li:hover {
    background: #f7f7f7;
    cursor: pointer
}

.show-medium {
    display: none !important;
}

@media all and (max-width: 1010px) {
    table.list tbody tr td {
        padding: 10px 10px !important;
    }
    a.button-mini:link, a.button-mini:visited, button.small {
        padding: 8px 20px !important;
    }
    a.button-small:link, a.button-small:visited {
        padding: 8px 20px !important;
    }
}

@media all and (max-width: 910px) {
    #updated {
        white-space: normal !important;
    }
    #archived {
        font-size: 15px;
    }
}

@media all and (max-width: 880px) {
    .wrap-medium {
        white-space: normal !important;
    }
    .button-delete {
        margin-top: 1px;
    }
}

@media all and (max-width: 770px) {
    .report #savereport, .report #approvereport {
        padding: 10px 10px;
    }
}

@media all and (max-width: 720px) {
    a.button-mini:link, a.button-mini:visited, button.small {
        padding: 8px 10px !important;
    }
    a.button-small:link, a.button-small:visited {
        padding: 8px 10px !important;
    }
}

@media all and (max-width: 670px) {
    table.list tbody tr td {
        padding: 10px 10px !important;
    }
}

@media all and (max-width: 840px) {
    .hide-medium {
        display: none;
    }
    .show-medium {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .tabs a:link, .tabs a:visited {
        margin-bottom: 3px
    }

    .report {
        margin-left: -30px;
        margin-right: -30px;
    }

    .report tr th, .report tr td {
        float: left;
        display: block;
        width: 100%;
        padding: 20px 30px;
        border: 0;
    }

    .report tr th:first-child, .report tr td:first-child, .report tr th:last-child, .report tr td:last-child {
        border: 0
    }

    .report tr th {
        padding-bottom: 0
    }

    .report tr th.blank {
        display: none
    }

    .report tr.header td, .report tr.button td {
        padding-right: 30px
    }

    .report tr.details td div {
        float: left;
        width: 100%;
        margin: 0 0 1em 0;
        text-align: left;
    }

    .report tr.details td div:last-child {
        margin: 0
    }


    .report input[type="file"] {
        max-width: 100%
    }

    .report .image {
        width: 88%;
        margin: 0 5% 30px 5%
    }
}

@media (max-width: 420px) {
    .report h2 {
        font-size: 24px;
        line-height: 1em
    }

    .report .no-wrap {
        white-space: normal
    }

    .report input[type="file"] {
        max-width: 260px
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

body {
    line-height: 1;
    color: #000;
    background: #fff
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

a img {
    border: none
}

@font-face {
    font-family: Futura;
    font-style: normal;
    src: url("/fonts/futura-webfont.eot");
    src: url("/fonts/futura-webfont.svg") format('svg');
    src: url("/fonts/futura-webfont.eot") format('embedded-opentype');
    src: url("/fonts/futura-webfont.woff") format('woff');
    src: url("/fonts/futura-webfont.ttf") format('truetype')
}

.full-width {
    width: 100%
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clear {
    clear: all
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.no-wrap {
    white-space: nowrap
}

.hide {
    display: none
}

.space {
    margin-left: 5px;
    margin-right: 5px
}

.space-left {
    margin-left: 5px
}

.space-right {
    margin-right: 5px
}

#tooltip {
    position: absolute;
}

#tooltip .arrow {
    width: 100%;
    height: 4px;
    background: url("images/tooltip.png") no-repeat center top
}

#tooltip .arrow-down {
    background: url("images/tooltip-down.png") no-repeat center bottom
}

#tooltip .text {
    padding: 8px 10px;
    background: #202020;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serf
}

a.button:link, a.button:visited, button {
    display: inline-block;
    padding: 10px 30px;
    border: 3px solid #c41f2c;
    outline: none;
    background: none;
    color: #c41f2c;
    font-size: 18px;
    line-height: 1em;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 5px;
}

a.button:link i, a.button:visited i, button i {
    margin: 0 10px 0 -5px;
    color: #c41f2c
}

a.button:link .number, a.button:visited .number, button .number {
    margin: 0 0 0 15px;
    color: #c41f2c
}

a.button:hover, a.button:active, button:hover, button:active {
    background: #c41f2c;
    color: #fff;
}

a.button:hover i, a.button:active i, button:hover i, button:active i {
    color: #fff
}

a.button:hover .number, a.button:active .number, button:hover .number, button:active .number {
    color: rgba(255, 255, 255, 0.5)
}

a.button-white:link, a.button-white:visited, button.white {
    padding: 12px 55px;
    border-color: #fff;
    color: #fff;
}

a.button-white:link i, a.button-white:visited i, button.white i {
    color: #fff
}

a.button-white:hover, button.white:hover {
    background: #fff;
    color: #4ea3a3
}

a.button-edit:link, a.button-save:link, a.button-blue:link, a.button-edit:visited, a.button-save:visited, a.button-blue:visited {
    background: #86cfc8;
    border: 1px solid #76b7b1;
    color: #fff
}

a.button-green:link, a.button-green:visited, button.green {
    background: #fff;
    border-color: #0EBFE9;
    color: #0EBFE9;
}

a.button-green:link i, a.button-green:visited i, button.green i {
    color: #0EBFE9
}

a.button-green:hover, button.green:hover {
    background: #0EBFE9;
    color: #fff;
}

a.button-green:hover i, button.green:hover i {
    color: #fff
}

a.button-small:link, a.button-small:visited, button.small {
    padding: 8px 24px;
    font-size: 14px;
    background: #040707;
    border: 0;
    color: #fff;
}

a.button-small:link .number, a.button-small:visited .number, button.small .number {
    color: rgba(255, 255, 255, 0.5)
}

a.button-small:link i, a.button-small:visited i, button.small i {
    color: #fff
}

a.button-mini:link, a.button-mini:visited, button.small {
    padding: 8px 24px;
    font-size: 14px
}

a.button-red:link, a.button-red:visited, button.red {
    background: #c41f2c
}

a.button-orange:link, a.button-orange:visited, button.orange {
    background: #e07315
}

a.button-delete:link, a.button-delete:visited, button.delete {
    background: #c41f2c
}

.suggestions {
    position: absolute;
}

.suggestions a:link, .suggestions a:visited {
    margin: 0 2px;
    padding: 8px 12px;
    background: #f7f7f7;
    font-size: 12px;
}

.suggestions a:link.clear, .suggestions a:visited.clear {
    background: #f70000;
    color: #fff
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    min-height: 100%
}

body {
    width: 100%;
    min-height: 100%;
    background: #e6e6e6;
    font: 18px/24px Futura, Arial, Helvetica, sans-serif;
    color: #282828
}

table {
    border-collapse: collapse
}

strong {
    font-weight: 700
}

small, .small {
    font-size: 80%;
    text-transform: uppercase;
    color: #7f7f7f
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7
}

input, textarea, select {
    font: 18px Futura, Arial, Helvetica, sans-serif
}

input[type="text"], input[type="password"], select, textarea {
    padding: 8px;
    border: 1px solid #aaa;
    outline: none
}

label input[type="checkbox"] {
    margin: 0 8px 0 0
}

.pageresponse {
    float: left;
    width: 100%;
    padding: 15px 30px;
    border-top: 2px solid #fff;
    background: #040707;
    color: #fff
}

.outer {
    max-width: 1020px;
    margin: 0 auto;
    background: #fff;
}

.outer .inner {
    width: 100%;
    padding: 30px;
    display: inline-block
}

.panel {
    float: left;
    width: 100%;
}

.panel .inner {
    width: 960px;
    margin: 0 auto
}

p {
    float: left;
    width: 100%;
    margin: 0 0 1em 0
}

a:link, a:visited {
    color: #282828;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

h1 {
    margin: 0 0 1em 0;
    font-size: 24px;
    line-height: 46px
}

a.bars {
    position: fixed;
    right: 0;
    top: 0;
    padding: 15px;
    color: #c41f2c;
    font-size: 24px;
    line-height: 1em
}

header {
    padding: 30px;
    text-align: center
}

nav.top {
    float: left;
    width: 100%;
    padding: 0 10px;
    background: #676767;
}

nav.top a:link, nav.top a:visited {
    display: inline-block;
    padding: 10px 20px;
    color: #fff
}

nav.side {
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    max-width: 80%;
    height: 100%;
    background: #c41f2c;
}

nav.side a:link, nav.side a:visited {
    float: left;
    clear: left;
    padding: 20px;
    color: #fff;
}

nav.side a:link.close, nav.side a:visited.close {
    position: absolute;
    right: 0;
    top: 0
}

table.list {
    width: 100%;
    margin: 0 0 1em 0;
    border: 1px solid #ccc;
}

table.list tbody tr th {
    padding: 10px 15px;
    background: #e6e6e6;
    font-weight: bold;
    font-size: 80%;
    text-transform: uppercase;
    color: #7f7f7f
}

table.list tbody tr td {
    padding: 10px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

table.list tbody tr.archived td, table.list tbody tr.archived a:link, table.list tbody tr.archived a:visited {
    color: #b4b4b4
}

table.list tbody tr.archived a.button-small {
    color: #fff
}

.tag {
    margin: 0 5px;
    display: inline-block;
    padding: 5px 8px;
    background: #ccc;
    font-size: 80%;
    text-transform: uppercase;
}

.tag.tag-admin {
    background: #c41f2c;
    color: #fff
}

.tag.tag-client {
    background: #25bcd4;
    color: #fff
}

.tag.dated {
    line-height: 1em
}

table.form {
    width: 100%;
    margin: 0 0 1em 0;
}

table.form tbody tr th {
    padding: 16px 16px 8px 0;
    font-weight: 700;
    vertical-align: top
}

table.form tbody tr td {
    padding: 8px 8px 8px 0
}

table.form tbody tr .hint {
    display: block;
    color: #999;
    text-transform: uppercase;
    font-size: 80%
}

table.form label {
    float: left;
    clear: left;
    padding: 8px 8px 8px 0
}

textarea {
    width: 100%;
    resize: none
}

.tabs {
    float: left;
    width: 100%;
    margin: 0 0 1em 0;
}

.tabs a:link, .tabs a:visited {
    float: left;
    margin: 0 3px 0 0;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 80%;
    line-height: 1em;
    background: #fff;
    border: 3px solid #676767;
    color: #282828;
    text-transform: uppercase;
}

.tabs a:link.tab-active, .tabs a:visited.tab-active {
    background: #676767;
    color: #fff;
}

.tabs a:link.tab-active .number, .tabs a:visited.tab-active .number {
    color: rgba(255, 255, 255, 0.5)
}

.tabs a:link.green, .tabs a:visited.green {
    border-color: #040707;
    color: #040707
}

.tabs a:link.orange, .tabs a:visited.orange {
    border-color: #e07315;
    color: #e07315
}

.tabs a:hover {
    background: #676767;
    color: #fff;
    text-decoration: none;
}

.tabs a:hover.green {
    background: #040707;
    color: #fff
}

.tabs a:hover.orange {
    background: #e07315;
    color: #fff
}

.tabs a:hover .number {
    color: rgba(255, 255, 255, 0.5)
}

.tabs .number {
    margin: 0 0 0 10px;
    font-size: 80%;
    line-height: 1.2em;
    color: rgba(0, 0, 0, 0.5)
}

.dated {
    font-size: 11px;
    text-transform: uppercase;
    color: #7f7f7f
}

.autocomplete {
    position: absolute;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #b4b4b4;
}

.autocomplete p {
    margin: 0;
    padding: 10px 15px
}

.autocomplete a:link, .autocomplete a:visited {
    float: left;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
    color: #282828
}

.autocomplete a:hover, .autocomplete a.selected:link, .autocomplete a.selected:visited {
    background: #040707;
    color: #fff
}

#test-list td {
    background: #fff
}

.rearrange {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 10px 24px;
    background: #ffc;
}

.rearrange span {
    line-height: 44px
}

.rearrange button {
    float: right;
    background: #fff;
}

.rearrange button:hover {
    background: #c41f2c
}

.show-small {
    display: none !important
}

@media (max-width: 600px) {
    .outer {
        width: 100%;
    }

    .outer .inner {
        padding-top: 0
    }

    .pageresponse {
        margin-bottom: 15px
    }

    a.bars {
        position: relative;
        top: auto;
        right: auto;
        float: right
    }

    a.button:link, a.button:visited {
        margin-bottom: 10px
    }

    .hide-small {
        display: none !important
    }

    .show-small {
        display: inline-block !important
    }
    
    #statusMobile {
        display: revert !important;
        padding: 0 !important;
    }
    
    #statusMobile a {
        font-size: 12px;
    }
    
    #statusMobile a i {
        margin-right: 4px !important;
    }

    .wrap-small {
        white-space: normal !important
    }
}

.report {
    margin: 0 0 1em 0;
}

.report h2 {
    margin: 0 0 20px 0;
    font-size: 32px;
    line-height: 1em;
    font-weight: bold;
}

.report h2:last-child {
    margin-bottom: 0
}

table.report {
    border-collapse: separate;
}

table.report select, table.report input, table.report textarea{
    border-radius: 5px;
}

table.report tr.summary td {
    border-radius: 5px;
}

tbody#tests tr:first-of-type td {
    border-top-right-radius: 5px;
}

tbody#tests tr:first-of-type th {
    border-top-left-radius: 5px;
}

tr#otherNotesRow th {
    border-bottom-left-radius: 5px;
}

tr#otherNotesRow td {
    border-bottom-right-radius: 5px;
}

tr#conclusionRow td:first-of-type {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

tr#conclusionRow td:last-of-type {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

tr#sitePlanOpenRow th {
    border-top-left-radius: 5px;
}

tr#sitePlanOpenRow td {
    border-top-right-radius: 5px;
}

tr#sitePlanCloseRow th {
    border-bottom-left-radius: 5px;
}

tr#sitePlanCloseRow td {
    border-bottom-right-radius: 5px;
}

tr#generalPhotoOpenRow th {
    border-top-left-radius: 5px;
}

tr#generalPhotoOpenRow td {
    border-top-right-radius: 5px;
}

tr#generalPhotoCloseRow th {
    border-bottom-left-radius: 5px;
}

tr#generalPhotoCloseRow td {
    border-bottom-right-radius: 5px;
}

tr#damageCauseRow td:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

tr#damageCauseRow td:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.report th, .report td {
    padding: 20px;
    vertical-align: top;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

.report #tests tr th, .report #tests tr td{
    border-bottom: none;
    border-top: none;
}

.report #tests tr:first-of-type th, .report #tests tr:first-of-type td {
    border-top: 1px solid #d7d7d7;
}

.report #tests tr:nth-child(2n) th, .report #tests tr:nth-child(2n) td {
    border-bottom: 1px solid #d7d7d7
}

.report th {
    width: 250px;
    color: #7f7f7f;
    font-size: 16px
}

.report .summary {
    background: #f7f7f7
}

.report tr:nth-child(4n), .report tr:nth-child(4n-1) {
    background: #f7f7f7
}

.report tbody:last-child tr:nth-child(2n) {
    background: #f7f7f7
}

.report tr td:last-child, .report tr th:last-child {
    border-right: 1px solid #d7d7d7
}

.report tr.highlight th, .report tr.highlight td {
    background: #ffc
}

.report tr.button th, .report tr.button td {
    padding-right: 0;
    border: 0;
    background: #fff
}

.report tr.header th, .report tr.header td {
    padding-top: 30px;
    padding-right: 0;
    border: 0;
    background: #fff
}

.report label {
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 8px 15px;
    background: #fff;
    border: 2px solid #aaa;
}

.report label.space-right {
    margin-right: 3px
}

.report label:hover {
    background: #f7f7f7
}

.report label input[type="checkbox"], .report label input[type="radio"] {
    display: none
}

.report label i {
    margin: 0 5px 0 -3px;
    width: 18px;
    color: #7f7f7f;
}

.report label i.only-child {
    margin: 0
}

.report label.checked {
    background: #aaa;
    color: #fff;
}

.report label.checked i {
    color: rgba(255, 255, 255, 0.5)
}

.report label.checked.pass {
    background: #00b500;
    border-color: #00b500;
}

.report label.checked.pass i {
    color: rgba(255, 255, 255, 0.8)
}

.report label.checked.fail {
    background: #b50000;
    border-color: #b50000;
}

.report label.checked.fail i {
    color: rgba(255, 255, 255, 0.8)
}

.report .textbox {
    display: inline-block;
    padding: 8px;
    border: 1px solid #aaa;
    background: #fff
}

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

.report .images .ui-sortable-placeholder {
    background: #e6e6e6
}

.report .image, .report .ui-sortable-placeholder {
    display: inline-block;
    width: 48%;
    margin: 0 20% 30px 20%;
}

.report .image img, .report .ui-sortable-placeholder img {
    float: left;
    max-width: 100%
}

.report .image .title, .report .ui-sortable-placeholder .title {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    background: #040707;
    color: #fff;
    border-top: 3px solid #aaa;
    font-size: 80%
}

.report .image input[type="text"], .report .ui-sortable-placeholder input[type="text"], .report .image label, .report .ui-sortable-placeholder label {
    margin-top: 3px
}

td.images {
    padding-top: 0;
}

.report #sortable {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-evenly;
}

.report #sortable .image {
    min-width: 180px;
    flex: 1;
    margin: 0 20px;
    max-width: 180px;
    text-align: center;
    padding-top: 20px;
}

.report #sortablesiteplan {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.report #sortablesiteplan .image {
    width: 48% !important;
}

.report #sortablesiteplan .image img {
    width: 100%;
    max-height: unset;
}

.report .image {
    width: 100%;
    margin: 0;
}

.report img {
    max-height: 500px;
    float: none !important;
}

.report .image label.space-right {
    padding-left: 9px;
    padding-right: 3px;
}

.report #manipulateImage {
    width: 100%;
    display: flex;
    justify-content: center;
}

.report .image label.pull-left  {
    padding: 10px;
    width: 100%;
}

.report .images-columns .image {
    float: left;
    margin: 0 2% 30px 0;
}

.report .images-columns .image:nth-child(2n) {
    float: right;
    margin: 0 0 30px 2%
}

.report a.suggest:link, .report a.suggest:visited {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 3px 8px;
    background: #e6e6e6;
    font-size: 80%;
    color: #545454
}

.report a.suggest:hover, .report a.suggest:active {
    background: #999;
    color: #fff;
    text-decoration: none
}

.ajax-response {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 10px 30px;
    background: #7f7f7f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    color: #fff;
    font-weight: bold;
    text-align: center
}

.ui-autocomplete {
    background: #fff;
    border: 1px solid #d7d7d7;
}

.ui-autocomplete li {
    padding: 8px;
}

.ui-autocomplete li:hover {
    background: #f7f7f7;
    cursor: pointer
}

@media (max-width: 600px) {
    .tabs a:link, .tabs a:visited {
        margin-bottom: 3px
    }

    .report {
        margin-left: -30px;
        margin-right: -30px;
    }

    .report tr th, .report tr td {
        float: left;
        display: block;
        width: 100%;
        padding: 20px 30px;
        border: 0;
    }

    .report #reporttyperow {
        clear: both;
        display: flex;
        flex-direction: column;
    }

    .report #reporttyperow td:nth-child(1)  {
        width: 100%;
        white-space: nowrap;
        order: 2;
    }

    .report #reporttyperow td:nth-child(2)  {
        order: 1;
    }

    .report tr th:first-child, .report tr td:first-child, .report tr th:last-child, .report tr td:last-child {
        border: 0
    }

    .report tr th {
        padding-bottom: 0
    }

    .report tr th.blank {
        display: none
    }

    .report tr.header td, .report tr.button td {
        padding-right: 30px
    }

    .report tr.details td div {
        float: left;
        width: 100%;
        margin: 0 0 1em 0;
        text-align: left;
    }

    .report tr.details td div:last-child {
        margin: 0
    }

    .report input[type="file"] {
        max-width: 100%
    }

    .report .image {
        width: 88%;
        margin: 0 5% 30px 5%
    }
}

@media (max-width: 420px) {
    .report h2 {
        font-size: 24px;
        line-height: 1em
    }

    .report .no-wrap {
        white-space: normal !important;
    }

    .report input[type="file"] {
        max-width: 260px
    }
}

@media (max-width: 336px) {
    #approvereport {
        margin-top: 5px;
    }
}

.pagenumbers {
    float: left;
    width: 100%;
    margin: 1em 0;
    padding: 0 10px;
    font-size: 11px;
    line-height: 11px;
    text-align: center
}

.pagenumbers .center {
    display: inline-block
}

.pagenumbers .info {
    float: left;
    line-height: 23px
}

.pagenumbers .prevnext {
    float: left;
    margin: 0 25px
}

.pagenumbers .prevnext a:link, .pagenumbers .prevnext a:visited {
    float: left;
    padding: 5px 10px;
    font-size: 11px
}

.pagenumbers .prevnext a.button-disabled:link, .pagenumbers .prevnext a.button-disabled:visited {
    color: #ccc;
    border-color: #ccc;
    cursor: default
}

.pagenumbers .prevnext a.button-disabled:hover {
    background: #fff;
    color: #ccc;
    border-color: #ccc
}

.pagenumbers .pages {
    float: left
}

.pagenumbers .pages div {
    float: left;
    margin-right: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold
}

.pagenumbers .pages a:link, .pagenumbers .pages a:visited, .pagenumbers .pages span {
    float: left;
    min-width: 23px;
    padding: 5px 3px;
    text-decoration: none
}

.pagenumbers .pages a:hover {
    background: #e6e6e6
}

.pagenumbers .pages .current span {
    background: #ca1f2d;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

.suggestions {
    position: absolute;
}

.suggestions a:link, .suggestions a:visited {
    margin: 0 2px;
    padding: 8px 12px;
    background: #f7f7f7;
    font-size: 12px;
}

.suggestions a:link.clear, .suggestions a:visited.clear {
    background: #f70000;
    color: #fff
}

.timepicker {
    position: absolute;
    float: left;
}

.timepicker .chevron {
    float: left;
    width: 100%;
    height: 7px;
    text-align: center;
    font-size: 14px;
    color: #525252
}

.timepicker .wrap {
    float: left;
    width: 100%;
    max-height: 180px;
    overflow: auto;
    border-radius: 3px;
    background: #525252
}

.timepicker a:link, .timepicker a:visited {
    float: left;
    clear: left;
    width: 100%;
    padding: 10px;
    color: #999
}

.timepicker a:hover {
    background: #666;
    text-decoration: none
}

.timepicker a.today {
    background: #ffc;
}

.timepicker a.today:hover {
    background: #ffffa9
}

.timepicker a.current {
    background: #2382ef;
    color: #fff;
    font-weight: 700;
    color: #fff;
}

.timepicker a.current:hover {
    background: #2382ef
}

.summary td p {
    margin-bottom: 0;
    float: none;
}

.summary td ul#selectedAreas {
    margin-bottom: 1em;
    /*!*columns: 2;*!*/
    /*-webkit-columns: 2;*/
    /*-moz-columns: 2;*/
}

.summary td ul#selectedVisuals {
    margin-bottom: 1em;
    /*columns: 2;*/
    /*-webkit-columns: 2;*/
    /*-moz-columns: 2;*/
}

.summary td ul#selectedDamages {
    margin-bottom: 1em;
    /*!*columns: 2;*!*/
    /*-webkit-columns: 1;*/
    /*-moz-columns: 1;*/
}

.summary td ul#selectedDurations {
    margin-bottom: 1em;
    /*columns: 2;*/
    /*-webkit-columns: 1;*/
    /*-moz-columns: 1;*/
}

.summary td ul li {
    /*width: max-content;*/
}

.summary td p select {
    max-width: 150px;
}

.options {
    cursor: pointer;
}

#selectedDamages .options, #selectedDurations .options {
    cursor: default;
}

.customInput {
    width: 100%;
    margin-bottom: 1em;
}

.report tbody tr td div {
    touch-action: auto;
}

.conditionToggleBoxes label.checked {
    color: white !important;
    background-color: #ff7518;
}