html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

h1 {
    font-size: 28px !important;
}

h2 {
    font-size: 21px !important;
}

h3 {
    font-size: 16px !important;
}

    h3 + hr + p {
        margin-bottom: 35px !important;
    }

.pt-3 .row h3 {
    padding-top: 0;
}

.pt-3 .row h2 + p {
    margin-bottom: 15px;
}

.print-notification {
    display: none;
}

/* Form Styles */

.modal ul li {
    list-style: none;
}


.modal ul li:before {
    content: "•";
    color: #ada8a2;
    display: inline-block;
    width: 25px;
    font-weight: bold;
    margin-left: -1.8em;
    margin-bottom: 0;
}

 input[type=text]::placeholder,
 input[type=text]:-ms-input-placeholder,
 input[type=text]::-ms-input-placeholder {
    font-family: Verdana !important;
    font-size: 16px !important;
}

/* Info Panel */

.infopanel table tbody tr td:first-child {
    vertical-align: top;
}

/*Number Input*/

/* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
} */

/*Mobile Accordion */
.m-accordion .card {
    border-top: none !important;
    border-width: 1px !important;
}

.m-accordion .card .card-header {
    background: #f2f2f2;
    border-bottom: none;
}

.m-accordion .card .card-header:hover {
    border-color: #e4e2e0;
}

.m-accordion .card .card-header a {
    display: block;
    text-align: left;
    outline: none;
    box-shadow: none;
    background: #f1f1f1;
    padding: 5px 20px;
    color: #000;
    border-radius: 0;
}

.m-accordion .card .card-header a:hover {
    text-decoration: none;
}

.m-accordion .card .card-header a,
.m-accordion .card .card-header a strong {
    width: 100%;
}

.m-accordion .card .card-header a strong {
    margin-bottom: 5px;
    display: block;
}

.m-accordion .card .card-header a strong .icon {
    float: right;
    color: #6399ae;
}

.m-accordion .card .card-header a[aria-expanded=false] strong .icon i:before {
    content: "\f078";
}

.m-accordion .card .card-header a[aria-expanded=true] strong .icon i:before {
    content: "\f077";
}

.m-accordion .card .card-body {
    background: #f1f1f1;
}

.pb-6 {
    padding-bottom: 6rem !important;
}

/*Tooltip*/

.tooltip-inner {
    max-width: 325px;
    width: 325px;
    padding: 20px;
}

.tooltip-arrow {
    position: absolute;
    left: 50% !important;
}

.tooltip-icon {
    font-size: 16px
}

.btn-chckbox span {
    border-color: #928b83 !important;
}

.container-checkbox {
    padding-left: 25px;
}

.container-checkbox input:focus:checked ~ .checkmark-checkbox:hover {
    border-width: 2px;
}

.container-checkbox input:active:checked + span,
.container-checkbox input:focus + span {
    border-color: #453f39 !important;
}

.container-checkbox:hover input:focus + span:after,
.container-checkbox input:focus + span:after {
    left: 3px;
    top: -2px;
}

.container-checkbox input:hover + span:after,
.container-checkbox input:active + span:after {
    left: 4px;
    top: -1px;
}

#section-personal .twitter-typeahead input {
    padding: 0 .75rem;
}

#section-personal .container-radio {
    font-weight: 400;
}

#section-personal .container-radio.has-badge {
    padding-top: 10px;
}

#section-personal .container-radio.has-badge .badge {
    margin: 0 5px !important;
}

.checkboxblock {
    border: 1px solid #E4E2E0;
    padding: 10px 20px;
    min-height: 44px;
}

.checkboxblock label {
    font-weight: 700;
    color: #6399ae;
    line-height: 1.3em;
}

.textlink {
    font-weight: 700;
    color: #6399ae
}

.detailsblock {
    border: 1px solid #E4E2E0;
    padding: 10px 30px
}

.hoverable:hover {
    color: black;
    background: #E0EBEF;
}


.selectedbox {
    background: #E0EBEF;
    border: 2px solid #6399AE;
}

summary {
    size: 16px;
    color: #6399AE;
    font-weight: 700
}

#riskLevel {
    text-transform: lowercase;
}

.table {
    font-size: 14px;
}

.statusbar {
    width: 100%;
    font-size: 14px;
}

.statusbar a {
    padding-right: 25px;
}

.numberdot {
    background: #ed8b00;
    width: 36px;
    color: white;
    padding: 10px 14px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    display: inline;
}

.card-body {
    color: #453f39;
    font-weight: normal;
}

.card-body:hover {
    color: black;
    text-decoration: none !important;
}

a.cardhover {
    text-decoration: none
}

.card {
    min-height: auto;
    border-radius: 10px;
    border: 2px solid #6399ae;
    cursor: pointer;
    font-weight: 700;
}

.hoverable:hover {
    color: black;
    background: #E0EBEF
}


/*Parsley Validation */

.parsley-error,
.parsley-error:focus,
.parsley-error:active,
.parsley-error + label,
.parsley-error + label + label,
.parsley-error + label + label + label,
.parsley-error + label + label + label + label {
    border-color: #dc4405 !important;
    border-width: 2px !important;
}

.parsley-errors-list:empty {
    display: none;
}

.parsley-errors-list {
    padding-left: 0;
    list-style-type: none;
    color: #dc4405;
    padding-top: 5px;
}

.parsley-errors-list .parsley-required {
    font-weight: normal !important;
}

#validation-roles .parsley-errors-list {
    width: 100%;
    display: block;
    padding-left: 15px;
    padding-top: 0;
}

.cu-search-wrapper {
    position: relative;
}

#recaptcha-alert .validation-summary-errors {
    background: #e4e2e0;
    border-radius: 10px;
    padding: 10px;
}

#recaptcha-alert .validation-summary-errors ul {
    background: white;
    border-radius: 7px;
    height: auto;
    padding: 14px 24px 14px 24px;
    margin-bottom: 0;
    position: relative;
}

#recaptcha-alert .validation-summary-errors ul:before {
    background: #ed8b1e;
    padding-top: 0;
    padding-left: 6px;
    font-size: 24px;
    color: white;
    border-radius: 18px;
    width: 36px;
    height: 36px;
    content: '\f071';
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
}

#recaptcha-alert .validation-summary-errors ul li {
    display: block;
    line-height: 2;
    margin-left: 45px;
}

#recaptcha-alert .validation-summary-errors ul li:before {
    padding-top: 5px;
    color: #47423c;
    font-family: halisws-bold;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.1;
    content: 'Recaptcha Failed';
    display: block;
}

#validation-typeahead {
    margin-top: -51px;
    pointer-events: none;
    margin-bottom: 51px;
}

#validation-typeahead .parsley-errors-list[aria-hidden=false] {
    height: 35px;
    border: 1px solid #dc4405;
    position: absolute;
    width: 100%;
    top: 0;
    border-radius: 4px;
    left: 0;
    pointer-events: none;
}

#validation-typeahead .parsley-errors-list .parsley-required {
    position: absolute;
    top: 40px;
}

#validation-typeahead .parsley-errors-list .parsley-validation-typeahead {
    position: absolute;
    top: 40px;
}

.cu-search-wrapper #validation-typeahead + #selected-wrapper {
    margin-top: 85px;
}

.cu-search-wrapper #validation-typeahead ul:empty {
    margin: 0;
    padding: 0;
}



.parsley-range {
    white-space: nowrap;
    width: 325px;
    overflow: hidden;
}

/* Twitter Typeahead */

.twitter-typeahead {
    display: block !important;
    width: 100%;
}

.twitter-typeahead input {
    width: 100%;
    font-size: 14px;
    text-indent: 0;
    border: 1px solid #ced4da;
    font-family: Verdana, FontAwesome !important;
    padding-right: 55px;
}

.twitter-typeahead input:active,
.twitter-typeahead input:focus {
    border-width: 1px;
}

.twitter-typeahead input[type=text]::placeholder,
.twitter-typeahead input[type=text]:-ms-input-placeholder,
.twitter-typeahead input[type=text]::-ms-input-placeholder {
    font-family: Verdana !important;
    font-size: 16px !important;
    text-indent: 0;
    padding-left: 0;
    padding-right: 70px;
}

.tt-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0.25em;
    width: 100%;
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.37);
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.37);
}

.tt-suggestion {
    padding: 6px 15px;
    margin: 0;
}

.tt-suggestion:hover {
    background: #6399AE;
    color: #fff;
    cursor: pointer;
}

.clearable__clear {
    top: 21%;
}

.clearable__clear:before {
    font-size: 20px;
}

.pill {
    background: #fbe8cc;
    padding: 5px 15px;
    margin-top: 8px;
    display: inline-block;
    border-radius: 11px;
    font-size: 12px;
    transition: .2s ease-in-out;
    white-space: nowrap;
}

.pill:hover {
    cursor: pointer;
}

.pill:after {
    content: '\f00d';
    font-family: FontAwesome;
    margin-left: 10px;
    font-size: 16px;
}

/* Accordion */

.accordion .card .card-header button,
.accordion .card .card-header button:focus,
.accordion .card .card-header button:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.accordion .card .card-header button {
    border-radius: 0;
}

.accordion .card .card-header button[aria-expanded=false] {
    color: #6399ae !important;
    background: #fff;
}

.accordion .card .card-header button[aria-expanded=false]:hover {
        background: #6399ae !important;
        color: #fff !important;
    }

.accordion .card .card-header button[aria-expanded=false]:hover i {
            color: #fff !important;
        }

.accordion .card .card-header button[aria-expanded=true] {
    background: #6399ae;
    color: #fff;
}

.accordion .card .card-header button[aria-expanded=false] i {
    color: #6399ae;
}

.accordion .card .card-header button[aria-expanded=false] i:before {
        content: "\f067" !important;
    }

.accordion .card .card-header button[aria-expanded=true] i {
    color: #fff;
}

.accordion .card .card-header button[aria-expanded=true] i:before {
    content: "\f068" !important;
}

/* Workplace Location */
#validation-name ul {
    display: inline-block;
}

#validation-name .parsley-invalidchar {
    display: none;
}

#validation-workersperlocation .parsley-locationsize {
    display: none;
}

#validation-shift .parsley-shiftsize {
    display: none;
}

#validation-typeahead .parsley-selectedcu {
    display: none;
}

#cuTypeahead .empty-message {
    padding: 8px 15px;
    text-align: center;
}

#selectCU:placeholder-shown {
    padding-right: 70px;
}

section hr + span {
    display: block;
    padding-bottom: 65px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer .footer-curve {
    z-index: -1;
    pointer-events: none;
}

/* Report */
details {
    border: 1px solid #C9C5C1;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 5px;
    display: block
}

    details > summary {
        font-size: 14px
    }

table tbody tr td img {
    display: none;
}

.download-notice {
    display: inherit;
}

.download-notice-mobile {
    display: none;
}

/*First Aid Table*/

#first-aid-table-wrapper > tbody > tr > td {
    padding: 0 5%;
}

#first-aid-table-wrapper .container-radio {
    padding-left: 0;
    padding-top: 3px;
    margin-left: 30px;
}

#first-aid-table-wrapper .container-radio .checkmark {
    top: 2px;
    left: -25px;
}

#first-aid-table-wrapper table {
    max-width: 380px;
}


#first-aid-table-wrapper table thead tr th {
    background: #fff;
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .cu-search-wrapper {
        min-width: 480px;
    }
}

@media (max-width: 767px) {
    .tt-suggestion {
        padding: 6px 8px !important;
    }

    .tt-suggestion span {
        font-size: 12px !important;
    }

    #validation-roles .col-md-5 + .col-md-5 .checkboxblock:first-child {
        margin-top: 0 !important;
    }

    .bottomline .col-md-4 .detailsblock,
    .bottomline .col-md-4 .checkboxblock {
        margin-top: 0 !important;
    }

    #validation-typeahead {
        margin-top: -48px;
    }

    .download-notice {
        display: none;
    }

    .download-notice-mobile {
        display: inherit;
    }
}

#countdownTimer {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}