@media all and (min-width: 1200px) {
    .display-media .desktop {
        display: initial;
    }

    .display-media .tablet {
        display: none;
    }

    .display-media .mobile {
        display: none;
    }

    #p-banner {
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
        background-color: rgba(0, 0, 0, .85);
        padding: 15px 0;
        z-index: 1000;
    }

        #p-banner-text {
            flex: 1;
            color: #ffffff;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            line-height: 1.4;
            margin-left: 40px;
        }

        #p-banner-close {
            flex: 0 0 auto;
            align-self: center;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            background-color: #cccccc;
            color: #777777;
            color: #000000;
            font-size: 14px;
            margin-right: 20px;
            margin-left: 20px;
            padding: 0px 5px 1px;
            border-radius: 15px;
            border: 2px solid #ffffff;
            height: 17px;
        }

        #p-banner-close:hover {
            cursor: pointer;
            background-color: #ffffff;
        }
}

@media all and (min-width: 700px) and (max-width:1199px) {
    .display-media .desktop {
        display: none;
    }

    .display-media .tablet {
        display: initial;
    }

    .display-media .mobile {
        display: none;
    }

    #p-banner {
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
        background-color: rgba(0, 0, 0, .85);
        padding: 15px 0;
        z-index: 1000;
    }

    #p-banner-text {
        flex: 1;
        color: #ffffff;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.4;
        margin-left: 40px;
    }

    #p-banner-close {
        flex: 0 0 auto;
        align-self: center;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        background-color: #cccccc;
        color: #777777;
        color: #000000;
        font-size: 14px;
        margin-right: 20px;
        margin-left: 20px;
        padding: 0px 5px 1px;
        border-radius: 15px;
        border: 2px solid #ffffff;
        height: 17px;
    }

        #p-banner-close:hover {
            cursor: pointer;
            background-color: #ffffff;
        }
}

@media all and (max-width: 699px) {
    .display-media .desktop {
        display: none;
    }

    .display-media .tablet {
        display: none;
    }

    .display-media .mobile {
        display: initial;
    }

    #p-banner {
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
        background-color: rgba(0, 0, 0, .85);
        padding: 15px 0;
        z-index: 1000;
    }

    #p-banner-text {
        flex: 1;
        color: #ffffff;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.4;
        margin-left: 40px;
    }

    #p-banner-close {
        flex: 0 0 auto;
        align-self: center;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        background-color: #cccccc;
        color: #777777;
        color: #000000;
        font-size: 14px;
        margin-right: 20px;
        margin-left: 20px;
        padding: 0px 5px 1px;
        border-radius: 15px;
        border: 2px solid #ffffff;
        height: 17px;
    }

        #p-banner-close:hover {
            cursor: pointer;
            background-color: #ffffff;
        }
}

#p-banner a {
    font-weight: normal;
    color: #ed2524;
    text-decoration: none;
}

    #p-banner a:visited {
        font-weight: normal;
        color: #ed2524;
    }

    #p-banner a:hover {
        font-weight: normal;
        color: #ed2524;
        text-decoration: underline;
    }
    
.global-hidden {
    display: none !important;
}

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

.text-align-right {
    text-align: right !important;
}

.text-align-left{
    text-align:left !important;
}

.ui-checkbox .ui-btn-c {
    border: none;
}

.hasDatepicker {
    position: relative;
    z-index: 999;
}

.nextButton {
    margin-right: 0px;
}

label.error {
    color: red;
    margin: 5px 0 20px 0;
    vertical-align: top;
}

.ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label {
    display: block;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.table-stripe tbody tr:nth-child(2n+1) td, .table-stripe tbody tr:nth-child(2n+1) th {
    background-color: #EEEEEE;
}

.tn-breakpoint td:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.tn-breakpoint td:last-child {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

table.tn-breakpoint {
    display: table-row-group !important;
}

@media ( min-width: 35em ) {
    .tn-breakpoint td:first-child {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .tn-breakpoint td:last-child {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    table.tn-breakpoint {
        display: table !important;
    }
}

.tn-custom-corners-top {
    margin-bottom: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.tn-custom-corners-bottom {
    border-top-width: 0;
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.custom-border-radius.ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}

.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ui-panel-background {
    background-color: rgb(249, 249, 249) !important;
}

.button-wrap {
    margin: 5px;
}

.tn-link {
    color: #ed2524 !important;
    cursor: pointer;
    text-decoration: none !important;
}

    .tn-link:hover, .tn-link:active {
        color: #ed2524;
        text-decoration: underline !important;
    }

.tn-div-link-yellow {
    color: #fff07e;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

    .tn-div-link-yellow:hover, .tn-div-link-yellow:active {
        text-decoration: underline;
    }

.tn-noDisplay {
    display: none;
}

.tn-noMargin {
    margin: 0 !important;
}

.tn-noMarginTop {
    margin-top: 0 !important;
}

.tn-noMarginBottom {
    margin-bottom: 0;
}

.tn-noPaddingTop {
    padding-top: 0 !important;
}

.tn-noBorderBottom {
    border-bottom-width: 0 !important;
}

.tn-display-inline-block {
    display: inline-block;
}


/* Global */

.tn-float-right{
    float:right;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


.breadcrumb {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Fira Sans', sans-serif;
}

    .breadcrumb a {
        font-weight: normal;
        color: #ed2524;
        text-decoration: none;
    }

        .breadcrumb a:visited {
            font-weight: normal;
            color: #ed2524;
        }

        .breadcrumb a:hover {
            font-weight: normal;
            color: #ed2524;
            text-decoration: underline;
        }

.tn-link-yellow-lt a {
    font-weight: normal;
    color: #fff07e;
    text-decoration: none;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

    .tn-link-yellow-lt a:visited {
        font-weight: normal;
        color: #fff07e;
    }

    .tn-link-yellow-lt a:hover {
        font-weight: normal;
        color: #fff07e;
        text-decoration: underline;
    }

.tn-link-red a {
    font-weight: normal !important;
    color: #ed2524 !important;
    text-decoration: none !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    text-decoration: none;
}

    .tn-link-red a:visited {
        font-weight: normal !important;
        color: #ed2524 !important;
    }

    .tn-link-red a:hover {
        font-weight: normal !important;
        color: #ed2524 !important;
        text-decoration: underline !important;
    }

.tn-link-white a {
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

    .tn-link-white a:visited {
        font-weight: normal;
        color: #FFFFFF;
    }

    .tn-link-white a:hover {
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: underline;
    }

.iconBox {
    position: relative;
}

.icon {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: contain;
}

.ui-icon-only {
    border: none !important;
    background: none !important;
}

.tn-navbars {
    cursor: pointer;
}

.tn-header-bara {
    background-color: #000000;
    height: 65px;
    width: 100%;
}

.tn-header-barb {
    background-color: #F9F9F9 !important;
    border-width: 0;
}

.tn-header-barb-text {
    color: #e00b0b;
    font-size: xx-large;
    font-weight: bold;
    text-shadow: none;
    padding: 0 5px 21px 90px;
}

.tn-bar-c {
    font-size: x-large;
    margin: 20px 0;
}

.tn-panel-li {
    padding: 0 !important;
}

.tn-panel-btn {
    border: none;
    text-align: left;
    margin: 0 !important;
}

.tn-list-seperator-top {
    padding-top: 10px;
    border-top: 2px solid #CCCCCC;
    margin: 15px 0 0 0;
}

.tn-list-seperator {
    padding-bottom: 10px;
    border-bottom: 2px solid #CCCCCC;
    margin: 0 0 15px 0;
}

.tn-icon-link-box {
    margin: 0 10px 0 0;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.tn-icon-link {
    position: absolute;
    cursor: pointer;
}

.tn-body-text-45b {
    font-weight: bold !important;
    margin-bottom: 40px !important;
    font-size: 45px !important;
}

.tn-body-text-35b {
    font-weight: bold !important;
    margin-bottom: 40px !important;
    font-size: 35px !important;
}

.tn-body-text-28b {
    font-family: 'Futura Std';
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    margin-bottom: 15px;
}

.tn-body-text-22b {
    font-weight: bold !important;
    margin-bottom: 20px !important;
    font-size: 22px !important;
}

.tn-list-text-22b {
    font-weight: bold !important;
    font-size: 22px !important;
}

.tn-body-text-20b {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.tn-body-text-20 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    margin-bottom: 40px !important;
    font-size: 20px !important;
}

.tn-list-text-20bi {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: bold !important;
    font-style: italic;
    font-size: 20px !important;
}

.tn-list-text-20 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 20px !important;
}

.tn-body-text-18 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
}

.tn-body-text-16 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
}

.tn-body-text-8 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 8pt !important;
}

.tn-list-text-16 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

.tn-list-text-14 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.tn-list-text-9 {
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: normal !important;
    font-size: 9pt !important;
    margin-bottom: 0px;
}

.text-red {
    color: #F00;
}
.text-green {
    color: #007F00;
}

.text-blue {
    color: #0032CC;
}

.space-0 {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.tn-body-header-xxlarge {
    font-weight: bold !important;
    margin-bottom: 5px !important;
    font-size: xx-large !important;
}

.tn-body-header-xlarge {
    font-weight: bold !important;
    margin-bottom: 5px !important;
    font-size: x-large !important;
}

.tn-body-header-large {
    font-weight: bold !important;
    margin-bottom: 5px !important;
    font-size: large !important;
}

.tn-body-header {
    font-weight: bold !important;
    margin-bottom: 5px !important;
    font-size: medium !important;
}

.tn-body-text-xlarge {
    font-weight: normal !important;
    font-size: x-large !important;
    margin-bottom: 5px !important;
}

.tn-body-text-large {
    font-weight: normal !important;
    font-size: large !important;
    margin-bottom: 5px !important;
}

.tn-body-text {
    font-weight: normal !important;
    font-size: medium !important;
    margin-bottom: 5px !important;
}

.tn-popup-title {
    padding: 5px 0 !important;
    font-size: xx-large !important;
    margin: 0 !important;
    text-align: center;
}

.tn-popup-text-bold-large {
    font-weight: bold;
    font-size: large;
}

.tn-popup-text-bold-xlarge {
    font-weight: bold;
    font-size: x-large;
}

.tn-popup-text-large {
    font-weight: normal;
    font-size: large;
}

.tn-popup-text-xlarge {
    font-weight: normal;
    font-size: x-large;
}

.tn-button-yellow {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-right: 20px;
    padding: 10px 20px 9px;
    border-radius: 19px;
    background-color: #fff07e;
    color: #000000;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

    .tn-button-yellow:hover, .tn-button-yellow:active {
        background-color: #666666;
        color: #FFFFFF;
    }

    .overflow-visible{
        overflow:visible !important;
    }

.tn-button-red {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-right: 20px;
    padding: 10px 20px 9px;
    border-radius: 19px;
    background-color: #ed2524 !important;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    text-shadow: none;
}

    .tn-button-red.ui-btn-icon-right{
        padding-right:2.5em;
    }

    .tn-button-red:hover, .tn-button-red:active {
        background-color: #f59190;
    }

.tn-collapsible-header-xlarge {
    margin-top: 0;
}

    .tn-collapsible-header-xlarge .ui-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: x-large;
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: normal;
    }

.tn-collapsible-header-large {
    margin-top: 0;
}

    .tn-collapsible-header-large .ui-btn {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: large;
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: normal;
    }

.tn-seperator {
    margin: 5px 0;
    border-bottom: 2px solid #ED2524;
}

.tn-seperator-333 {
    margin: 5px 0;
    border-bottom: 1px solid #333333;
}

.tn-seperator-CCC {
    margin: 5px 0;
    border-bottom: 1px solid #CCCCCC;
}

.tn-logotype {
    display: inline-block;
}

@media all and (max-width: 520px) {
    .tn-logotype {
        display: none;
    }
}


/* Header */

#tn-header {
    display: flex;
    flex-direction: column;
    border-width: 0;
}

#tn-header-top {
    flex: 0 0 auto;
    height: 65px;
    background-color: #000000;
}

#tn-header-top-content {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    height: 65px;
}

#tn-header-top-content-phone {
    float: left;
    margin-top: 18px;
}

    #tn-header-top-content-phone > a {
        color: #FFE300;
        font-family: "Futura Std";
        font-weight: 600;
        font-size: 22px;
        margin-left: 20px;
        margin-right: 20px;
        text-decoration: none;
    }

        #tn-header-top-content-phone > a:hover, #tn-header-top-content-phone > a:active {
            text-decoration: underline;
        }

#tn-header-top-content-url {
    margin-top: 21px;
    float: right;
}

    #tn-header-top-content-url > a {
        color: #FFE300;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 18px;
        margin-left: 20px;
        margin-right: 20px;
        text-decoration: none;
    }

        #tn-header-top-content-url > a:hover, #tn-header-top-content-url > a:active {
            text-decoration: underline;
        }

#tn-header-bottom {
    flex: 0 0 auto;
    height: 200px;
    background-color: #FFE300;
}

#tn-header-bottom-content {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    height: 275px;
}

#tn-header-bottom-content-logo {
    width: 191px;
    height: 275px;
    margin: 0 20px 0 0;
    float: left;
    z-index: 10;
}

#tn-header-bottom-content-text {
    font-size: 65px;
    padding-top: 16px;
    float: left;
    z-index: 10;
}

#tn-header-bottom-content-car {
    background-image: url("../Images/bugcar-big.png");
    background-repeat: no-repeat;
    background-position: right 0px top -40px;
    height: 200px;
    width: 100%;
    z-index: 1;
}


/* Footer */


.tn-footer {
    border: none !important;
    color: #FFFFFF;
}

.tn-footer-bg {
    background-color: #FFE300 !important;
}

#tn-footer-company {
    margin-left: 20px;
    display: inline-block;
    max-width: 400px;
    vertical-align: top;
}

.tn-footer-48hour {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
}

.tn-footer-links {
    background-color: #333333 !important;
    border: none !important;
    color: #FFFFFF;
    padding-top: 60px;
    padding-bottom: 60px;
}

#tn-footer-website-links {
    display: inline-block;
    width: 240px;
    vertical-align: top;
}

#tn-footer-socialmedia {
    display: inline-block;
    width: 240px;
    margin-left: 20px;
    vertical-align: top;
}

#tn-footer-copyright {
    margin-bottom: 20px;
    color: #999999;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

#tn-footer-phone {
    margin-bottom: 27px;
    color: #999999;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

    #tn-footer-phone span {
        display: block;
    }

#tn-footer-email {
    margin-bottom: 27px;
    color: #999999;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

    #tn-footer-email span {
        display: block;
    }

.tn-footer-locations {
    background-color: #000000 !important;
    border: none !important;
    color: #FFFFFF;
    padding: 0;
}

.tn-footer-locations-header {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
    text-align: center;
}

.tn-footer-locations-header-text {
    display: inline-block;
}

.tn-footer-locations-header-svg {
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-left: 10px;
}

.tn-footer-locations-header:hover {
    color: #fff07e;
}

.tn-footer-locations-list {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 30px;
    color: #999999;
}

.tn-footer-locations-list-col {
    display: inline-block;
    width: 155px;
    vertical-align: top;
}

.tn-footer-locations-list-col-item {
    margin-top: 9px;
}

    .tn-footer-locations-list-col-item a {
        font-weight: normal;
        color: #999999;
        text-decoration: none;
        cursor: pointer;
    }

        .tn-footer-locations-list-col-item a:visited {
            font-weight: normal;
            color: #999999;
        }

        .tn-footer-locations-list-col-item a:hover {
            font-weight: normal;
            color: #999999;
            text-decoration: underline;
        }

body, .ui-page {
    min-height: 100% !important;
    height: auto !important;
}

.tn-footer-wrapper {
    margin-bottom: 20px; /* HEIGHT OF FOOTER (triple line) */
    margin-top: 100px;
}

.ui-footer {
    position: absolute !important;
    width: 100%;
    bottom: 0;
}


/* Main Page*/


.tn-main-topContent {
    padding-bottom: 0;
}

.tn-main-title {
    margin: 10px 0;
}

.tn-main-btnRow {
    width: 130px !important;
    float: left;
    margin: 0 22px;
}

.tn-main-top {
    margin-top: 15px;
}

.tn-main-error {
    color: #FF0000;
}

.tn-main-lbox {
    padding-top: 0;
    padding-left: 0;
}

.tn-main-rbox {
    padding-top: 0;
    padding-right: 0;
}

.tn-main-breakpoint.tn-main-body {
    width: 640px;
    margin: 16px auto;
}

@media all and (max-width: 672px) {

    .tn-main-breakpoint.tn-main-btnRow {
        width: 100% !important;
        float: none;
        margin: 10px 0;
    }
}

@media all and (max-width: 592px) {

    .tn-main-breakpoint.tn-main-body {
        width: auto;
        margin: 16px 0;
    }
}

@media all and (max-width: 720px) {
    .tn-main-breakpoint.ui-block-a,
    .tn-main-breakpoint.ui-block-b,
    .tn-main-breakpoint.ui-block-c,
    .tn-main-breakpoint.ui-block-d,
    .tn-main-breakpoint.ui-block-e {
        width: 100%;
        float: none;
    }

    .tn-main-breakpoint .tn-main-lbox {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .tn-main-breakpoint .tn-main-rbox {
        padding-left: 0;
    }
}

/* Login Page */


.tn-login-btnTop {
    margin-top: 15px;
}

.tn-login-pTop {
    margin-top: 5px;
}

.tn-login-pBottom {
    margin-bottom: 5px;
}

.tn-login-error {
    color: #FF0000;
}

.tn-login-lbox {
    padding-top: 0;
    padding-left: 0;
}

.tn-login-rbox {
    padding-top: 0;
    padding-right: 0;
}

#tn-main-searchBtn {
    width: 200px;
    margin-top: 20px;
}

.custom-corners .ui-bar {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

.custom-corners .ui-body {
    border-top-width: 0;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

#tn-main-statusBtn {
    width: 200px;
    margin-top: 20px;
}

#tn-main-msgBtn {
    width: 200px;
    margin-top: 20px;
}

#tn-main-profileBtn {
    width: 200px;
    margin-top: 20px;
}

#tn-main-notificationBtn {
    width: 200px;
    margin-top: 20px;
}

#tn-main-learnBtn {
    width: 200px;
    margin-top: 20px;
}

#tn-main-loginBtn {
    width: 100px;
    margin-top: 14px;
    display: inline-block;
}

#tn-main-forgotPwdBtn {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
}

#tn-main-registerBtn {
    display: inline-block;
    margin-top: 20px;
}

.tn-body-login {
    background-color: #000000 !important;
    border: none !important;
    color: #FFFFFF;
    padding: 60px 0;
}

#tn-forgotpwd-continueBtn {
    width: 120px;
    margin-top: 30px;
}

#tn-register-submitBtn {
    width: 120px;
    margin-top: 30px;
}

#tn-login-submit {
    width: 100px;
    margin-top: 14px;
    display: inline-block;
}

#tn-login-register {
    width: 130px;
    margin-bottom: 30px;
}

#tn-login-forgotPwdBtn {
    display: inline-block;
    margin-top: 20px;
}

#applyBtn {
    width: 120px;
    float: left;
    margin: 10px 0 20px 2em;
}

#btn-save {
    width: 120px;
    margin-top: 10px;
    float: right;
}

#profile-btn {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    margin-top: 20px;
}

#refresh-btn {
    width: 120px;
    display: inline-block;
    margin-top: 20px;
}

#password-btn {
    width: 120px;
    margin-top: 20px;
}

#tn-detail-applyBtn {
    width: 200px;
    margin-top: 20px;
    display: inline-block;
}

#tn-detail-learnBtn {
    width: 200px;
    margin-top: 20px;
    display: inline-block;
}

/* Communications Page*/
div.communications .msg-manager a,
div.communications .msg-candidate a {
    font-weight: normal;
    text-decoration: none;
}
div.communications .msg-manager a {
    color: #FFE300;

}

    div.communications .msg-manager a:hover {
        text-decoration: underline;
    }

div.communications .msg-candidate a {
    color: #000000;
}

    div.communications .msg-candidate a:hover {
        text-decoration: underline;
    }




/*Forms*/
.ui-btn.tn-button-red {
    margin: 0;
    padding: 0;
}

/*:not(:focus)*/
    .conceal:not(:active) {
        font-family: 'dotsfont' !important;
        background: url(grump_icons/visible.png) no-repeat scroll right;
    }

/*form-application*/

#form-application .button-wrap{
    margin-bottom: 1em;
}

    #form-application .button-wrap .tn-button-red {
        margin-right: 0;
    }

.form-grid div[class*="ui-block-"] {
    padding-right: .3125em;
}

.form-grid .ui-block-80 {
    width: 80%;
}

.form-grid .ui-block-40 {
    width: 40%;
}

label.error[for="state"] {
    white-space:nowrap;
}

#form-application .controlgroup-textinput {
    padding: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

    #form-application .controlgroup-textinput input {
        border-radius: 0px !important;
        padding-bottom: .3125em !important;
    }

#form-application .tn-custom-corners-bottom {
    box-shadow: 0 4px 2px -2px grey;
    border: none;
}


/*Signatures*/
.signature {
    background-color: #ededed;
    border-radius: .6em;
    padding: 0;
    margin: 0;
    margin-right:10px;
}

    .signature canvas {
        border-radius: .6em;
        box-shadow: 5px 10px 8px #888888;
    }

    #tn-apply-submitBtn {
        width: 120px;
        margin-top: 20px;
    }

#submit-btn {
    width: 120px;
    margin-top: 20px;
}

#add-submitBtn {
    width: 120px;
    margin-top: 20px;
}

@media all and (max-width: 720px) {
    .tn-login-breakpoint.ui-block-a,
    .tn-login-breakpoint.ui-block-b,
    .tn-login-breakpoint.ui-block-c,
    .tn-login-breakpoint.ui-block-d,
    .tn-login-breakpoint.ui-block-e {
        width: 100%;
        float: none;
    }

    .tn-login-breakpoint .tn-login-lbox {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .tn-login-breakpoint .tn-login-rbox {
        padding-left: 0;
    }
}


@media all and (max-width: 720px) {
    .tn-form-breakpoint div[class*="ui-block-"] {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

/* Forgot Password Page */
.tn-forgotpwd-btnTop {
    margin-top: 15px;
}

.tn-forgotpwd-pTop {
    margin-top: 5px;
}

.tn-forgotpwd-pBottom {
    margin-bottom: 5px;
}

.tn-forgotpwd-error {
    color: #FF0000;
}

.tn-forgotpwd-breakpoint.tn-forgotpwd-body {
    width: 560px;
    margin: 0 auto;
}

@media all and (max-width: 592px) {

    .tn-forgotpwd-breakpoint.tn-forgotpwd-body {
        width: auto;
        margin: 0;
    }
}


/* Register Page */


.tn-register-pTop {
    margin-top: 5px;
}

#tn-register-form > div.ui-btn {
    margin-top: 20px;
}

.tn-register-error {
    color: #FF0000;
}

.tn-register-breakpoint.tn-register-body {
    width: 560px;
    margin: 0 auto;
}

@media all and (max-width: 592px) {

    .tn-register-breakpoint.tn-register-body {
        width: auto;
        margin: 0;
    }
}


/* Search Page*/


.tn-search-sizing {
    position: absolute;
    visibility: hidden;
    display: block;
}

.tn-search-listBox {
    height: 177px;
    overflow: auto;
    padding: 0 !important;
    -webkit-overflow-scrolling: touch;
}

.tn-search-selected {
    background-color: #999999 !important;
    cursor: default !important;
}

.tn-search-applyBtnBox {
    width: 100px;
}

.tn-search-jobBox {
    margin-top: 15px;
}

.tn-search-paging {
    margin: 15px 0 20px 1em;
}

.tn-search-pagingLink {
    color: #ED2524 !important;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal !important;
}

    .tn-search-pagingLink:hover {
        color: #ED2524 !important;
    }

.tn-search-breakHide {
    display: block;
}

.tn-search-breakShow {
    display: none;
}

.tn-search-breakpoint > div {
    padding: 11px 8px;
    display: table-cell;
}

.tn-search-listBox-Ctnr {
    width: 432px;
    float: left;
    max-width: 100%;
}

.tn-search-th {
    cursor: pointer;
}

.tn-search-th-sort-icons {
    width: 12px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
}

#sort-collapse .ui-collapsible-heading .ui-btn {
    text-align: center;
}

#searchBox-position {
    float: left;
}

#searchBox-state {
    float: right;
}

#tn-search-listBox-position {
    height: 500px;
}

#tn-search-listBox-state {
    height: 500px;
}

#table-fcra td{
    width: 50%;
    padding: 1em;
}

@media all and (max-width: 769px) {
    .tn-search-listBox-Ctnr {
        width: auto;
        float: none;
    }
}

@media all and (max-width: 35em) {

    .tn-search-breakHide {
        display: none;
    }

    .tn-search-breakShow {
        display: block;
    }


    .tn-search-breakpoint > div {
        padding: 11px 8px;
        display: block;
    }

        .tn-search-breakpoint > div + div {
            border-top: 1px solid #1f1f1f;
        }

    .tn-search-breakpoint .ui-block-a,
    .tn-search-breakpoint .ui-block-b,
    .tn-search-breakpoint .ui-block-c,
    .tn-search-breakpoint .ui-block-d,
    .tn-search-breakpoint .ui-block-e {
        width: 100%;
        min-width: 100%;
        float: none;
    }
}

.tn-application-breakpoint th {
    text-align: center;
    padding: 0;
}

.tn-application-breakpoint td {
    padding: 0 1px;
}

    .tn-application-breakpoint td input {
        font-size: 12px;
    }

.tn-application-th {
    font-size: 18px;
}

.tn-search-breakpoint {
    border-collapse: separate !important;
    border-radius: 10px;
}

    .tn-search-breakpoint tr:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .tn-search-breakpoint tr:first-child th:first-child {
            border-top-left-radius: 10px;
        }

        .tn-search-breakpoint tr:first-child th:last-child {
            border-top-right-radius: 10px;
        }

    .tn-search-breakpoint tr:last-child,
    .tn-search-breakpoint tr:last-child th:first-child {
        border-bottom-left-radius: 10px;
    }

@media ( min-width: 640px ) {
    /* Show the table header rows and set all cells to display: table-cell */
    .tn-search-breakpoint td,
    .tn-search-breakpoint th,
    .tn-search-breakpoint tbody th,
    .tn-search-breakpoint tbody td,
    .tn-search-breakpoint thead td,
    .tn-search-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }

        /* Hide the labels in each cell */
        .tn-search-breakpoint td .ui-table-cell-label,
        .tn-search-breakpoint th .ui-table-cell-label {
            display: none;
        }


    /* Show the table header rows and set all cells to display: table-cell */
    .tn-application-breakpoint td,
    .tn-application-breakpoint th,
    .tn-application-breakpoint tbody th,
    .tn-application-breakpoint tbody td,
    .tn-application-breakpoint thead td,
    .tn-application-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }

        /* Hide the labels in each cell */
        .tn-application-breakpoint td .ui-table-cell-label,
        .tn-application-breakpoint th .ui-table-cell-label {
            display: none;
        }
}

/* Detail Page*/


.tn-detail-header {
    width: 100px;
    display: inline-block;
}

.tn-detail-data {
    display: inline-block;
}


/* Validate Page */


.tn-validate-btnTop {
    margin-top: 15px;
}

.tn-validate-pTop {
    margin-top: 5px;
}

.tn-validate-pBottom {
    margin-bottom: 5px;
}

.tn-validate-error {
    color: #FF0000;
}

.tn-validate-breakpoint.tn-validate-body {
    width: 560px;
    margin: 0 auto;
}

@media all and (max-width: 592px) {

    .tn-validate-breakpoint.tn-validate-body {
        width: auto;
        margin: 0;
    }
}


/* Apply Page */


#tn-apply-resumeTA, #tn-apply-commentsTA {
    resize: none;
    font-size: 8pt;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.tn-apply-header {
    width: 65px;
    display: inline-block;
}

.tn-apply-error {
    margin-top: 5px;
    color: #FF0000;
    font-weight: 700;
    font-size: medium;
}

.tn-apply-data {
    display: inline-block;
}

.tn-apply-subTitle {
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 2px solid #333333;
}

.tn-input-error {
    color: red;
    margin: 10px 0 5px 0;
    vertical-align: top;
    font-weight: normal;
}

.tn-input {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #ededed !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: 15px 10px !important;
    color: #000000 !important;
}

    .tn-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: italic;
        color: #000000 !important;
        opacity: 1 !important; /* Firefox */
    }

    .tn-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: italic;
        color: #000000 !important;
    }

    .tn-input::-ms-input-placeholder { /* Microsoft Edge */
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: italic;
        color: #000000 !important;
    }

.tn-display-none {
    display: none;
}

#tn-apply-popup-upload-form input {
    display: none;
}

#tn-apply-upload-tasklist {
    list-style: none;
    padding: 0;
}

    #tn-apply-upload-tasklist li input {
        display: none;
    }

    #tn-apply-upload-tasklist li .tn-apply-upload-item-text {
        display: inline-block;
        height: 100%;
        margin-left: 10px;
        overflow: hidden;
        font-size: 16px;
        font-weight: bold;
    }

        #tn-apply-upload-tasklist li .tn-apply-upload-item-text p {
            margin: 0;
            white-space: nowrap;
        }

    #tn-apply-upload-tasklist li i {
        font-weight: normal;
        font-style: normal;
        color: #7f7f7f;
    }

    #tn-apply-upload-tasklist li canvas {
    }

div.tn-apply-qRating .br-widget {
    display: table-cell;
}

    div.tn-apply-qRating .br-widget a {
        background-color: #e3e3e3;
        -moz-border-radius: 0.3125em;
        border-radius: 0.3125em;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: block;
        width: 50px;
        height: 33px;
        float: left;
        margin: 1px;
        color: #646464;
        text-decoration: none;
        text-shadow: none;
        font-size: 16px;
        font-weight: 400;
        line-height: 33px;
        text-align: center;
    }

        div.tn-apply-qRating .br-widget a.br-active {
            background-color: #333;
            color: #FFF;
        }

        div.tn-apply-qRating .br-widget a.br-selected {
            background-color: #22AADD;
            color: #222;
        }

    div.tn-apply-qRating .br-widget .br-current-rating {
        line-height: 33px;
        text-align: center;
        font-size: 16px;
        float: left;
        padding: 0 0 0 20px;
        margin: 1px;
        color: #333;
        text-shadow: 0 1px 0 #f3f3f3;
    }

.tn-apply-breakpoint.tn-apply-body {
    width: 640px;
    margin: 16px auto;
}

@media all and (max-width: 672px) {

    .tn-apply-breakpoint.tn-apply-body {
        width: auto;
        margin: 16px 0;
    }
}


/* Need Validate Page */


.tn-needvalidate-btnTop {
    margin-top: 15px;
}

.tn-needvalidate-pTop {
    margin-top: 5px;
}

.tn-needvalidate-pBottom {
    margin-bottom: 5px;
}

.tn-needvalidate-breakpoint.tn-needvalidate-body {
    width: 560px;
    margin: 0 auto;
}

@media all and (max-width: 592px) {

    .tn-needvalidate-breakpoint.tn-needvalidate-body {
        width: auto;
        margin: 0;
    }
}


/* Validate PWD Page */


.tn-validatepwd-btnTop {
    margin-top: 15px;
}

.tn-validatepwd-pTop {
    margin-top: 5px;
}

.tn-validatepwd-pBottom {
    margin-bottom: 5px;
}

.tn-validatepwd-breakpoint.tn-validatepwd-body {
    width: 560px;
    margin: 0 auto;
}

.tn-text-italic {
    font-style: italic;
}

@media all and (max-width: 592px) {

    .tn-validatepwd-breakpoint.tn-validatepwd-body {
        width: auto;
        margin: 0;
    }
}


/* Profile Page */


.tn-profile-btn {
    margin-top: 20px;
    max-width: 300px;
}


/* Confirm Popup */

.popup-confirm-class {
    width: 400px;
}


@media all and (max-width: 500px) {

    .popup-confirm-class {
        width: 300px;
    }
}

@media all and (max-width: 400px) {

    .popup-confirm-class {
        width: 200px;
    }
}


/* Files Page */



#tn-files-upload-form input {
    display: none;
}


@media (min-width: 961px) {
        
    #tn-header-bottom-content-text-mobile {
        display: none !important;
    }

    .tn-footer-mobile-locations-header {
        display: none !important;
    }

    .tn-footer-mobile-locations-list {
        display: none !important;
    }
}


@media (max-width: 960px) {

    #tn-header-top-content-phone {
        float: right;
    }

    #tn-header-top-content-url {
        display: none !important;
    }

    #tn-header-bottom-content-logo {
        width: 107px;
        height: 155px;
        margin: -35px 20px 0 5%;
        float: left;
        z-index: 10;
    }

    #tn-header-bottom-content-text {
        display: none !important;
    }

    #tn-header-bottom-content-text-mobile {
        font-size: 45px;
        padding: 3px 0;
        margin-left: 20px;
        z-index: 10;
        white-space: nowrap;
    }

    #tn-header-bottom {
        height: 240px
    }

    #tn-header-bottom-content-car {
        background-image: url("../Images/bugcar-small.png");
        background-repeat: no-repeat;
        background-position: right 5% top 5px;
        height: 125px;
        width: 100%;
        z-index: 1;
    }

    .breadcrumb {
        margin: 0;
        padding: 20px 0 14px 20px;
        background-color: #FFFFFF;
    }

    .ui-bar, .ui-body {
        padding: .4em 1em !important;
    }

    .tn-footer-wrapper {
        margin-bottom: 20px;
        margin-top: 60px;
    }

    .tn-body-text-45b {
        font-size: 35px !important;
    }

    .tn-body-text-28b {
        font-family: 'Futura Std';
        font-weight: 600;
        font-style: normal;
        font-size: 24px;
        margin-bottom: 15px;
    }

    #tn-footer-company {
        display: block;
        max-width: none !important;
        vertical-align: unset;
        margin-left: 0px;
        padding-top: 30px;
        border-top: 1px solid #707070;
    }

    .tn-body-text-16 {
        font-family: 'Fira Sans', sans-serif !important;
        font-weight: normal !important;
        margin-bottom: 40px !important;
        font-size: 16px !important;
    }

    .tn-footer-48hour {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 16px;
        display: none;
    }

    #tn-footer-website-links {
        display: block;
        width: unset;
        margin-left: 0px;
        margin-bottom: 3px;
        vertical-align: unset;
        padding-top: 30px;
        /*border-top: 1px solid #707070;*/
    }

    #tn-footer-website-links-top {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    #tn-footer-website-links-bottom {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    #tn-footer-socialmedia {
        display: block;
        width: unset;
        margin-left: 0;
        margin-bottom: 30px;
        vertical-align: unset;
        padding-top: 30px;
        border-top: 1px solid #707070;
    }

    #tn-footer-socialmedia-top {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    #tn-footer-socialmedia-bottom {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    #tn-footer-socialmedia-bottom-last {
        margin-bottom: 30px !important;
    }

    #tn-footer-copyright {
        padding-top: 30px;
        border-top: 1px solid #707070;
        margin-bottom: 30px;
        color: #999999;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
    }

    #tn-footer-phone span {
        display: inline-block;
    }

    #tn-footer-email span {
        display: inline-block;
    }

    .tn-footer-locations-header {
        display: none !important;
    }

    .tn-footer-locations-list {
        display: none !important;
    }

    .tn-footer-mobile-locations-header {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

    .tn-footer-mobile-locations-list {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 30px;
        color: #999999;
        width: 343px;
        margin: 0 auto;
    }

    .tn-footer-locations-list-col {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    .tn-body-login {
        background-color: #000000 !important;
        border: none !important;
        color: #FFFFFF;
        padding: 60px 1em !important;
    }

    #searchBox-position {
        float: unset;
    }

    #searchBox-state {
        float: unset;
    }

    #tn-search-listBox-position {
        height: auto;
        max-height: 500px;
    }

    #tn-search-listBox-state {
        height: auto;
        max-height: 500px;
    }

    #tn-menu-grid {
        padding: 0 1em;
    }

    #btn-save {
        float: unset;
    }

    #tn-apply-submitBtn {
        margin-left: 20px;
    }
}