/*Index.cshtml Styles used for the User website
    -----------------------------------------------------------------------------------------------------
    7/2024 - SN: O&M#142 - Fixed when you expand all the data elements, panels are coming outside of the section in FYS.
    6/2024 - SN: Dev&Task#526 - Grouped and organized media in OTRAsites.css
    1/2024 - SN: Dev&Task#517 - Added color in Top header Searchbox Place holder.
    9/2023 - SN: Dev&Task#492 - Added styles for SAs Reporting Engine Down modal window. 
    7/2023 - SN: Dev&Task#448 - Re-named sortable1, sortable2 and sortable3 to ByrDataEles, ByrRowsDataEles and ByrColsDataEles.
    5/2023 - SN: Dev&Task#453 : Resolved width of the Data Element increase need to make Rows and Columns the same width.
    3/2023 - SP: Dev&Task#452 : Resolved CSS issue for More info in Header.
                                      Resolved issue with Data Elements search in BYR when resize the window
                                      Resolved Search box is coming out of the layout when resizing in FYS.
                                      Resolved multiple '+' are displaying when resize the window.
    12/2021 - Dev & Tasks #391: Upgraded all the plugins in the Project Plugins list and resolved issues caused by upgrading Bootstrap to 5.1.0.
                Moved classes that affected the site appearence/styles from Bootstrap.css to this file. Resolved some of the code scan issues identified.
    ------------------------------------------------------------------------------------------------------- */
@charset "UTF-8";

/*1. Header Start*/
@media (min-width:0px) {

    @charset "UTF-8";

    .btn span {
        -webkit-font-smoothing: auto
    }

    .btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
        color: #007dc2;
        text-decoration: none !important
    }

        .btn.btn-transparent:active:after, .btn.btn-transparent:focus:after, .btn.btn-transparent:hover:after {
            left: 0
        }

    .btn.btn-transparent .background-white {
        background-color: #fff !important
    }

    .background-white .btn.btn-transparent:hover {
        color: #fff !important
    }

    .btn.btn-transparent .background-color-1 {
        background-color: #ffcc06 !important
    }

    .background-color-1 .btn.btn-transparent:hover {
        color: #ffcc06 !important
    }

    .btn.btn-transparent .background-color-2 {
        background-color: #007dc2 !important
    }

    .background-color-2 .btn.btn-transparent:hover {
        color: #007dc2 !important
    }

    .btn.btn-transparent .background-color-3 {
        background-color: #bf1e2d !important
    }

    .background-color-3 .btn.btn-transparent:hover {
        color: #bf1e2d !important
    }

    .btn.btn-transparent .background-color-4 {
        background-color: #35bbc3 !important
    }

    .background-color-4 .btn.btn-transparent:hover {
        color: #35bbc3 !important
    }

    .btn.btn-transparent .background-color-5 {
        background-color: #f0f !important
    }

    .background-color-5 .btn.btn-transparent:hover {
        color: #f0f !important
    }

    .btn.btn-primary:hover {
        border-color: #005c8f
    }

    .label {
        border-radius: 0
    }

    body, html {
        background-color: #fff;
        max-width: 100%;
        -webkit-overflow-scrolling: touch
    }

    html {
        overflow-x: hidden
    }

    body {
        position: relative;
        max-width: 100%;
        margin: 0
    }

    h1 a {
        color: inherit !important
    }

    [v-cloak] {
        display: none
    }

    a:focus, a:hover {
        text-decoration: none !important
    }

    img[src^="/sites/nhtsa.dot.gov/themes/nhtsa_gov/images/star-rating"] {
        max-width: 100px;
        height: auto;
        display: inline-block
    }

    [data-link] {
        cursor: pointer !important
    }

    .row .row {
        margin-left: -10px;
        margin-right: -10px
    }

    h1 a, h3 a {
        color: #111;
        position: relative;
        display: inline-block;
        -webkit-font-smoothing: antialiased
    }

        h1 a:before, h3 a:before {
            content: attr(data-text);
            -webkit-font-smoothing: antialiased;
            position: absolute;
            width: auto;
            color: #007dc2;
            -webkit-font-smoothing: antialiased;
            clip: rect(0,0,1400px,0);
            transition: clip .3s ease-in-out;
            overflow: hidden;
            display: inline-block;
            padding-bottom: 5px;
            max-width: 100%
        }

        h1 a:hover, h3 a:hover {
            text-decoration: none;
            color: #111
        }

            h1 a:hover:before, h3 a:hover:before {
                clip: rect(0,900px,1400px,0) !important
            }

   /* @font-face {
        font-family: icomoon;
        src: url(../../scss/icons/fonts/icomoon.eot?3itucd);
        src: url(../../scss/icons/fonts/icomoon.eot?3itucd#iefix) format("embedded-opentype"),url(../../scss/icons/fonts/icomoon.ttf?3itucd) format("truetype"),url(../../scss/icons/fonts/icomoon.woff?3itucd) format("woff"),url(../../scss/icons/fonts/icomoon.svg?3itucd#icomoon) format("svg");
        font-weight: 400;
        font-style: normal
    }*/

    [class*=" icon-"], [class^=icon-] {
        font-family: icomoon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-DOT:before {
        content: "\e903"
    }

    .icon-Search:before {
        content: "\e908"
    }

    .background-white {
        background-color: #fff !important
    }

    .background-color-1 {
        background-color: #ffcc06 !important
    }

    .background-color-2 {
        background-color: #007dc2 !important
    }

    .background-color-3 {
        background-color: #bf1e2d !important
    }

    .background-color-4 {
        background-color: #35bbc3 !important
    }

    .background-color-5 {
        background-color: #f0f !important
    }

    @keyframes request-research-bounce-in {
        0% {
            transform: scale(0)
        }

        50% {
            transform: scale(1.5)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes request-research-bounce-out {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.5)
        }

        100% {
            transform: scale(0)
        }
    }

    @keyframes loading-animation--spin {
        0%,100% {
            transform: translate(0)
        }

        25% {
            transform: translate(150%)
        }

        50% {
            transform: translate(150%,150%)
        }

        75% {
            transform: translate(0,150%)
        }
    }

    .highway-safety > .container-fluid {
        max-width: 1004px;
        margin: 0 auto;
        background: inherit
    }

    .highway-safety--left {
        color: #fff;
        position: relative
    }

        .highway-safety--left > * {
            position: relative;
            z-index: 1
        }

        .highway-safety--left:after {
            content: '';
            position: absolute;
            background-color: #000;
            z-index: 0
        }

    .navbar-primary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border: none
    }

    .navbar-primary--dot-banner img {
        width: 15px;
        height: 15px;
        vertical-align: sub;
        margin-right: 5px;
        opacity: .306
    }

    .navbar-primary [data-text]:before {
        margin-top: 7px
    }

    .navbar-primary .container-fluid {
        max-width: 1004px
    }

    .navbar-primary .navbar-toggle {
        transition: all .3s ease-out;
        transform: rotate(360deg);
        left: 2px;
        margin-right: 20px
    }

        .navbar-primary .navbar-toggle.collapsed {
            transform: rotate(0);
            left: 0
        }

    .navbar-primary .navbar-header {
        padding-top: 20px;
        padding-bottom: 20px;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-primary .navbar-brand img:nth-child(2) {
        display: inline-block
    }

    .navbar-primary .navbar-links {
        -ms-flex: 5;
        flex: 5
    }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-primary-search {
        display: inline-block;
        margin-right: 25px;
        background-color: transparent;
        border: none;
        width: 35px
    }

        .navbar-primary-search svg {
            display: inline-block;
            width: 100%;
            height: auto;
            vertical-align: middle
        }

    .navbar-header .navbar-primary-search {
        display: none;
        width: 30px;
        position: absolute;
        right: 50px;
        top: 33px
    }

    .nhtsa-id-search--input-search {
        position: relative;
        margin-top: 80px;
        margin-bottom: 80px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 20px
    }

        .nhtsa-id-search--input-search label.control-label {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 900;
            position: absolute;
            left: 0;
            top: -1.5em
        }

        .nhtsa-id-search--input-search > span {
            display: inline-block;
            vertical-align: middle
        }

            .nhtsa-id-search--input-search > span:nth-child(2) {
                -ms-flex: 3;
                flex: 3;
                padding: 0 10px
            }

            .nhtsa-id-search--input-search > span:nth-child(3) {
                font-weight: 900
            }

                .nhtsa-id-search--input-search > span:nth-child(3) div:first-child {
                    font-size: 12px;
                    text-transform: uppercase
                }

    [id=complaints-by-keyword-child-seat-input], [id=complaints-by-keyword-equipment-input], [id=complaints-by-keyword-tire-input], [id=complaints-by-keyword-vehicle-input] {
        color: #000
    }

    @keyframes pulse {
        0% {
            transform: scale(.1,.1);
            opacity: 0
        }

        50% {
            transform: scale(2,2);
            opacity: .5
        }

        100% {
            transform: scale(.1,.1);
            opacity: 0
        }
    }

    @keyframes pulse-large {
        0% {
            transform: scale(.1,.1);
            opacity: 0
        }

        50% {
            transform: scale(3,3);
            opacity: .5
        }

        100% {
            transform: scale(.1,.1);
            opacity: 0
        }
    }

    .topnav-search-form-container .icon-Search {
        display: inline-block;
        font-size: 20px;
        color: #a5a5a5;
        position: absolute;
        top: 10px
    }

    #nhtsa-id-search-input {
        height: 100%;
        max-height: 100%;
        min-height: 100%
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: transparent
    }

    a:focus, a:hover {
        color: #004c76;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #ccc
    }

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

    .small, small {
        font-size: 75%
    }

    .text-center {
        text-align: center
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .container:after, .container:before {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }

    .container-fluid:after {
        clear: both
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

        .row:after {
            clear: both
        }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        font-size: 14px !important
    }

    .search {
        border-style: solid;
        border-color: #007dc2;
        margin-top: -2.7%
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 22px;
        border: 1px solid transparent
    }

        .navbar:after, .navbar:before {
            content: " ";
            display: table
        }

        .navbar:after {
            clear: both
        }

    .navbar-header:after {
        clear: both
    }

    .navbar-collapse {
        overflow-x: visible;
        padding-right: 10px;
        padding-left: 10px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -webkit-overflow-scrolling: touch
    }

        .navbar-collapse:after, .navbar-collapse:before {
            content: " ";
            display: table
        }

        .navbar-collapse:after {
            clear: both
        }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -10px;
        margin-left: -10px
    }

    .navbar-brand {
        float: left;
        padding: 14px 10px;
        font-size: 20px;
        line-height: 22px;
        height: 50px
    }

        .navbar-brand:focus, .navbar-brand:hover {
            text-decoration: none
        }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 10px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0
    }

        .navbar-toggle:focus {
            outline: 0
        }

        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px
        }

            .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 4px
            }

    .navbar-nav {
        margin: 7px -10px;
        flex-direction: row
    }

    .navbar-form {
        margin: -10px;
        padding: 10px 10px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        margin-top: 7px;
        margin-bottom: 7px
    }

    .navbar-btn {
        margin-top: 7px;
        margin-bottom: 7px
    }

        .navbar-btn.btn-xs {
            margin-top: 14px;
            margin-bottom: 14px
        }

    .navbar-text {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-primary {
        background-color: #0183c1;
        height: auto;
        margin-bottom: 0;
        color: #fff;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary [data-text]:before {
            margin-top: 7px
        }

        .navbar-primary .container-fluid {
            max-width: 1004px
        }

        .navbar-primary .navbar-toggle {
            transition: all .3s ease-out;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            left: 2px;
            margin-right: 20px
        }

            .navbar-primary .navbar-toggle .icon-bar {
                background-color: #fff;
                transition: all .2s ease-out;
                border-radius: 0
            }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transform-origin: 10% 10%;
                    transform-origin: 10% 10%
                }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(3) {
                    opacity: 0
                }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    -webkit-transform-origin: 10% 90%;
                    transform-origin: 10% 90%
                }

            .navbar-primary .navbar-toggle.collapsed {
                -webkit-transform: rotate(0);
                transform: rotate(0);
                left: 0
            }

                .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(3) {
                    opacity: 1
                }

        .navbar-primary .navbar-collapse {
            border-top: none;
            box-shadow: none
        }

        .navbar-primary .nav {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .navbar-primary-search {
        display: inline-block;
        margin-right: 25px;
        background-color: transparent;
        border: none;
        width: 35px
    }

        .navbar-primary-search svg {
            display: inline-block;
            width: 100%;
            height: auto;
            vertical-align: middle
        }

    .navbar-header .navbar-primary-search {
        display: none;
        width: 30px;
        position: absolute;
        right: 50px;
        top: 33px
    }

    .nav:after, .nav:before {
        content: " ";
        display: table
    }

    .nav:after {
        clear: both
    }

    container-fluid {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden
    }

    #navbar-links {
        -webkit-transition: all 350ms;
        transition: all 350ms;
        overflow-y: hidden
    }

    body {
        font-family: Arial,Helvetica,sans-serif
    }

    body {
        font-family: sans-serif
    }

    body {
        font-family: sans-serif
    }

    body {
        font-family: sans-serif
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none
    }

        ::-webkit-scrollbar:vertical {
            width: 12px
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 10px;
        border: 2px solid #fff
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }

    [data-toggle=collapse] .fa:before {
        content: "\2212";
        color: #fff;
        outline: 0
    }

    [data-toggle=collapse].collapsed .fa:before {
        content: "\002b";
        color: #fff;
        outline: 0
    }

    input::-ms-clear {
        display: none
    }

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

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

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    h4 {
        font-size: 1.5rem !important
    }

    button {
        overflow: hidden
    }

    .btn:focus {
        outline: 0 !important
    }

    .btn:focus {
        box-shadow: none
    }

    .navbar-primary .container-fluid {
        max-width: 1004px
    }

    .navbar-primary .navbar-toggle {
        transition: all .3s ease-out;
        transform: rotate(360deg);
        left: 2px;
        margin-right: 20px
    }

        .navbar-primary .navbar-toggle .icon-bar {
            background-color: #fff;
            transition: all .2s ease-out;
            border-radius: 0
        }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
                transform: rotate(45deg);
                transform-origin: 10% 10%
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(3) {
                opacity: 0
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
                transform: rotate(-45deg);
                transform-origin: 10% 90%
            }

    .navbar-primary .navbar-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-primary .navbar-collapse {
        border-top: none;
        box-shadow: none
    }

    .navbar-primary .navbar-brand {
        margin-left: 0;
        padding: 0;
        padding-left: 20px;
        color: #fff !important
    }

        .navbar-primary .navbar-brand img {
            height: auto;
            width: 220px;
            position: relative;
            top: 50%;
            transform: translate(0,-50%);
            display: none
        }

    .navbar-primary .navbar-links {
        -ms-flex: 5;
        flex: 5
    }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .topnav-report_problem_container {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top
    }

    .btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
        color: #007dc2;
        text-decoration: none !important
    }

        .btn.btn-transparent:active:after, .btn.btn-transparent:focus:after, .btn.btn-transparent:hover:after {
            left: 0
        }

    .topnav-report_problem_container a {
        font-size: 12px;
        text-transform: uppercase
    }

    .topnav-search-form-container {
        display: inline-block;
        background: 0 0;
        width: 280px;
        max-width: 100%
    }

        .topnav-search-form-container .icon-Search {
            display: inline-block;
            font-size: 20px;
            color: #a5a5a5;
            position: absolute;
            top: 10px
        }

        .topnav-search-form-container input {
            background: 0 0;
            border: none;
            color: #fff;
            font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
            font-size: 15px;
            padding: 0 0 0 45px !important;
            height: 36px;
            border-bottom: solid 1px rgba(255,255,255,.1);
            float: left
        }

            .topnav-search-form-container input:focus {
                border: none;
                box-shadow: none
            }

    .navbar-primary .navbar-toggle.collapsed {
        transform: rotate(0);
        left: 0
    }

        .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
            transform: rotate(0)
        }

        .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(3) {
            opacity: 1
        }

    .top-nav-search-container {
        float: right
    }

    .navbar-primary .navbar-toggle {
        transition: all .3s ease-out;
        transform: rotate(360deg);
        left: 2px;
        margin-right: 20px
    }

        .navbar-primary .navbar-toggle .icon-bar {
            background-color: #fff;
            transition: all .2s ease-out;
            border-radius: 0
        }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
                transform: rotate(45deg);
                transform-origin: 10% 10%
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(3) {
                opacity: 0
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
                transform: rotate(-45deg);
                transform-origin: 10% 90%
            }

        .navbar-primary .navbar-toggle.collapsed {
            transform: rotate(0);
            left: 0
        }

            .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
                transform: rotate(0)
            }

            .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(3) {
                opacity: 1
            }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 10px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0
    }

    input#site-search-input::placeholder {
        color: #6c757d !important
    }

    .titleImage {
        width: 25%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .second-nav {
        display: flex !important
    }

    .titleHomeIcon {
        padding-top: 0;
        font-size: 35px !important;
        color: #fff;
        display: table-cell
    }

    .headerRow {
        display: flex;
        flex-direction: row
    }

    .headerColumn {
        flex: 3 1 0px;
        width: 50%;
        font-size: 1vw !important;
        clear: both;
        display: inline-block;
        white-space: nowrap;
        margin: 0 0
    }

    .headerColumnIcon {
        flex: 1 1 0px;
        float: right
    }

    .headerHomeIcon {
        float: right
    }
}
/*Header End*/


/*2. NCSA HomePage Start*/
@media (min-width:0px) {
    .topic-card1:hover {
        background: #017cb7;
        box-sizing: border-box;
        color: #fff
    }

    .topiclanding--page .topic-card1 h1 {
        color: #007dc2;
        font-size: 21px;
        display: block !important;
        min-height: 100px
    }

    .topiclanding--page .topic-card1:hover h1 {
        color: #fff;
        font-size: 21px;
        min-height: 100px
    }

    .topiclanding--page .topic-card1:hover a {
        color: #fff
    }

    .topiclanding--page .topic-card:hover img {
        display: none
    }

    .topiclanding--page .topic-card:hover p {
        display: inherit
    }

    .topiclanding--page .topic-card:hover h5 {
        display: inherit;
        position: absolute !important;
        color: #fff
    }

    .topiclanding--page .topic-card h5 {
        bottom: 20px;
        position: absolute !important
    }

    .topic-card1 {
        position: relative;
        background: #fff;
        border: 5px solid #eaecec;
        padding: 30px 50px 30px 30px
    }

    .fa-arrow-right:hover::before {
        transform: translate(10px,0)
    }

    .fa-arrow-right:before {
        content: "\f061";
        display: inline-block;
        position: relative;
        margin-left: 15px;
        position: relative;
        transition: all .35s ease-out;
        transform: translate(0,0);
        vertical-align: middle;
        text-transform: none;
        line-height: 1;
        width: 1.5em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right
    }

    .modal-backdrop.in {
        opacity: .85
    }

    .label {
        border-radius: 0
    }

    body, html {
        background-color: #fff;
        max-width: 100%;
        -webkit-overflow-scrolling: touch
    }

    html {
        overflow-x: hidden
    }

    body.page-node-1032 {
        overflow-x: hidden !important
    }

    body {
        position: relative;
        max-width: 100%;
        margin: 0
    }

        body.modal-open {
            overflow: hidden !important
        }

    h1 {
        -webkit-font-smoothing: antialiased
    }

        h1 a {
            color: inherit !important
        }

    [v-cloak] {
        display: none
    }

    a:focus, a:hover {
        text-decoration: none !important
    }

    .modal-backdrop.in {
        opacity: .9
    }

    img[src^="/sites/nhtsa.dot.gov/themes/nhtsa_gov/images/star-rating"] {
        max-width: 100px;
        height: auto;
        display: inline-block
    }

    [data-link] {
        cursor: pointer !important
    }

    .row .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .link-arrow {
        display: inline-block;
        position: relative
    }

        .link-arrow:hover:after {
            transform: translate(10px,0);
            width: 1.5em
        }

        .link-arrow:after {
            content: "\e90d";
            display: inline-block;
            position: relative;
            margin-left: 5px;
            position: relative;
            transition: all .35s ease-out;
            transform: translate(0,0);
            vertical-align: middle;
            font-family: icomoon !important;
            font-size: 75%;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            width: 1.5em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    .link-arrow-left {
        display: inline-block;
        position: relative
    }

        .link-arrow-left:hover:before {
            transform: translate(-10px,0)
        }

        .link-arrow-left:before {
            content: "\e90e";
            font-family: icomoon !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            margin-right: 5px;
            position: relative;
            transition: transform .35s ease-out;
            font-size: 75%
        }

    h1 a, h3 a {
        color: #111;
        position: relative;
        display: inline-block;
        -webkit-font-smoothing: antialiased
    }

        h1 a:before, h3 a:before {
            content: attr(data-text);
            -webkit-font-smoothing: antialiased;
            position: absolute;
            width: auto;
            color: #007dc2;
            -webkit-font-smoothing: antialiased;
            clip: rect(0,0,1400px,0);
            transition: clip .3s ease-in-out;
            overflow: hidden;
            display: inline-block;
            padding-bottom: 5px;
            max-width: 100%
        }

        h1 a:hover, h3 a:hover {
            text-decoration: none;
            color: #111
        }

            h1 a:hover:before, h3 a:hover:before {
                clip: rect(0,900px,1400px,0) !important
            }

    .md-width {
        margin: 0 auto;
        max-width: 1004px
    }

    .tag-h1 {
        font-size: 36px;
        font-weight: 900
    }

    .tag-h2 {
        font-size: 30px;
        font-weight: 900
    }

    .tag-h3 {
        font-size: 18px;
        font-weight: 900
    }

    .tag-h4 {
        font-size: 18px;
        font-weight: 900
    }

    .tag-h5 {
        font-size: 14px;
        font-weight: 900
    }

    .container-fluid, .row {
        background-color: inherit
    }

    .page-header .row {
        background: 0 0
    }

   /* @font-face {
        font-family: icomoon;
        src: url(../../scss/icons/fonts/icomoon.eot?3itucd);
        src: url(../../scss/icons/fonts/icomoon.eot?3itucd#iefix) format("embedded-opentype"),url(../../scss/icons/fonts/icomoon.ttf?3itucd) format("truetype"),url(../../scss/icons/fonts/icomoon.woff?3itucd) format("woff"),url(../../scss/icons/fonts/icomoon.svg?3itucd#icomoon) format("svg");
        font-weight: 400;
        font-style: normal
    }*/

    [class*=" icon-"], [class^=icon-] {
        font-family: icomoon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-Download:before {
        content: "\e90c"
    }

    .icon-DOT:before {
        content: "\e903"
    }

    .icon-Search:before {
        content: "\e908"
    }

    .background-color-1 {
        background-color: #ffcc06 !important
    }

    .background-color-2 {
        background-color: #007dc2 !important
    }

    .background-color-3 {
        background-color: #bf1e2d !important
    }

    .background-color-4 {
        background-color: #35bbc3 !important
    }

    .background-color-5 {
        background-color: #f0f !important
    }

    .block-content--link.link-arrow:after {
        vertical-align: baseline
    }

    .navbar-primary--dot-banner {
        background-color: #13386e;
        color: #fff;
        font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
        letter-spacing: .5px;
        padding-top: 5px;
        padding-bottom: 0;
        font-size: 10px
    }

        .navbar-primary--dot-banner a {
            color: #fff
        }

    .navbar-primary {
        background-color: #0183c1;
        height: auto;
        margin-bottom: 0;
        color: #fff;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary .navbar-links {
            -ms-flex: 5;
            flex: 5
        }

        .navbar-primary .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .site-search-modal .form-control, .site-search-modal button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        font-size: 100%;
        height: auto
    }

    .nhtsa-id-search--input-search button .link-arrow:after {
        display: none
    }

    .region-search--input-wrapper {
        padding: 0 10px;
        background: rgba(255,255,255,.5);
        box-shadow: 0 3px 6px #ccc
    }

    .node-type-dir-listing .content {
        max-width: 1004px;
        margin: 160px auto;
        padding-left: 20px
    }

        .node-type-dir-listing .content:before {
            content: 'FTP Access';
            display: block;
            margin-bottom: 20px;
            font-weight: 900;
            font-size: 2em
        }

    .page-header--alt-inner {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px
    }

    .page-header--alt-label:hover {
        color: #ffcc06;
        text-decoration: none
    }

    .page-header {
        margin: 0;
        padding: 110px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #111;
        color: #fff;
        min-height: 450px;
        border: none
    }

        .page-header > .row {
            padding-left: 10px;
            padding-right: 10px
        }

        .page-header header {
            max-width: 1004px;
            margin: 0 auto
        }


    .left-top-text {
        margin-top: 11px;
        display: inline-block
    }

    .more-dropdown:after {
        font-family: 'Glyphicons Halflings';
        content: "\e252";
        position: relative;
        font-size: 12px;
        vertical-align: middle;
        margin: -1px 0 0 5px;
        display: inline-block
    }

    .top-nav-search-container {
        float: right
    }

    body.open {
        overflow: hidden
    }

    .page-topic--wrapper {
        background-color: #f6f6f6;
        position: relative
    }

    .topiclanding--page {
        background: #eaecec
    }

        .topiclanding--page .container-fluid {
            box-sizing: border-box;
            max-width: 1686px;
            padding-top: 5px;
            padding-bottom: 20px
        }

        .topiclanding--page .topiclanding--page-header p {
            margin-bottom: 20px
        }

        .topiclanding--page .topic-container-inner {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .topiclanding--page .topic-card {
            position: relative;
            background: #fff;
            border: 5px solid #eaecec
        }

            .topiclanding--page .topic-card h1 {
                color: #007dc2;
                font-size: 21px;
                display: block !important;
                min-height: 100px
            }

            .topiclanding--page .topic-card p {
                display: none;
                color: #fff
            }

            .topiclanding--page .topic-card a {
                color: #007dc2;
                position: absolute !important;
                bottom: 40px;
                font-weight: 900;
                -webkit-font-smoothing: antialiased
            }

                .topiclanding--page .topic-card a:hover {
                    color: #000;
                    text-decoration: none
                }

            .topiclanding--page .topic-card:hover {
                background: #017cb7;
                box-sizing: border-box
            }

                .topiclanding--page .topic-card:hover h1 {
                    color: #fff;
                    font-size: 21px;
                    min-height: 100px
                }

                .topiclanding--page .topic-card:hover p {
                    color: #fff
                }

                .topiclanding--page .topic-card:hover a {
                    color: #fff
                }

        .topiclanding--page .bottom-container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .topiclanding--page .bottom-nav {
            position: relative;
            padding-top: 20px;
            padding-bottom: 20px;
            display: -ms-flexbox;
            display: flex
        }

        .topiclanding--page .link h6 {
            display: inline-block;
            margin-top: -5px;
            margin-bottom: 5px;
            color: #959595
        }

        .topiclanding--page .link h4 {
            padding: 0;
            margin: 0;
            padding-bottom: 15px;
            min-height: 55px
        }

        .topiclanding--page .topic-right {
            float: right;
            position: relative
        }

            .topiclanding--page .topic-right div {
                position: absolute;
                right: 0;
                padding: 0 10px
            }

    .page-header {
        min-height: 0
    }

    .manufacturer-search-modal {
        color: #fff
    }

        .manufacturer-search-modal .modal-content {
            background-color: transparent;
            box-shadow: none;
            border-color: transparent
        }

        .manufacturer-search-modal h1 {
            color: #fff;
            font-family: "Roboto Slab",serif;
            font-weight: 300;
            padding-bottom: 20px
        }

        .manufacturer-search-modal .close {
            position: absolute;
            color: #fff;
            top: 10px;
            right: 20px;
            font-size: 66px;
            font-weight: 200;
            opacity: 1;
            transition: transform .25s ease-out;
            z-index: 1051
        }

            .manufacturer-search-modal .close:hover {
                opacity: .75
            }

    .modal-backdrop.in {
        opacity: .9
    }

    .page-header {
        min-height: 0
    }

    #nhtsa-id-search-input {
        height: 100%;
        max-height: 100%;
        min-height: 100%
    }

    .page-alt {
        margin-top: 40px
    }

    .page-alt {
        margin-bottom: 40px
    }

    .about-nhtsa {
        padding-top: 80px;
        padding-bottom: 0
    }

    :after, :before {
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: transparent
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

    .h1, h1 {
        font-size: 36px
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .container:after, .container:before {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .container-fluid:after, .container-fluid:before {
            content: " ";
            display: table
        }

        .container-fluid:after {
            clear: both
        }

    .row:after {
        clear: both
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-md-12 {
        width: 100%
    }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    .hide {
        display: none !important
    }

    body {
        margin: 0;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        font-size: 14px !important
    }

    b {
        font-weight: 700
    }

    .panel-body {
        padding: 15px
    }

        .panel-body:after, .panel-body:before {
            content: " ";
            display: table
        }

        .panel-body:after {
            clear: both
        }


    .panel-primary {
        border-color: #007bff
    }

    .panel-warning {
        border-color: #faebcc
    }

    .search {
        border-style: solid;
        border-color: #007dc2;
        margin-top: -2.7%
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 22px;
        border: 1px solid transparent
    }

        .navbar:after, .navbar:before {
            content: " ";
            display: table
        }

        .navbar:after {
            clear: both
        }

    .navbar-header:after, .navbar-header:before {
        content: " ";
        display: table
    }

    .navbar-header:after {
        clear: both
    }

    .container-fluid > .navbar-header, .container > .navbar-header {
        margin-right: -10px;
        margin-left: -10px
    }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 10px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0
    }

        .navbar-toggle:focus {
            outline: 0
        }

    .navbar-nav {
        margin: 7px -10px;
        flex-direction: row
    }

    .navbar-form {
        margin: -10px;
        padding: 10px 10px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        margin-top: 7px;
        margin-bottom: 7px
    }

    .navbar-text {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-primary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: none
    }

    .navbar-primary--dot-banner {
        background-color: #13386e;
        color: #fff;
        font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
        letter-spacing: .5px;
        padding-top: 5px;
        font-size: 10px
    }

        .navbar-primary--dot-banner img {
            width: 15px;
            vertical-align: sub;
            margin-right: 5px;
            opacity: .306
        }

        .navbar-primary--dot-banner a {
            color: #fff
        }

    .navbar-primary {
        background-color: #0183c1;
        height: auto;
        margin-bottom: 0;
        color: #fff;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary [data-text]:before {
            margin-top: 7px
        }

        .navbar-primary .container-fluid {
            max-width: 1004px
        }

        .navbar-primary .navbar-toggle {
            transition: all .3s ease-out;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            left: 2px;
            margin-right: 20px
        }

            .navbar-primary .navbar-toggle.collapsed {
                -webkit-transform: rotate(0);
                transform: rotate(0);
                left: 0
            }

        .navbar-primary .navbar-header {
            padding-top: 20px;
            padding-bottom: 20px;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-primary .nav {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .navbar-primary-search {
        display: inline-block;
        margin-right: 25px;
        background-color: transparent;
        border: none;
        width: 35px
    }

    .navbar-header .navbar-primary-search {
        display: none;
        width: 30px;
        position: absolute;
        right: 50px;
        top: 33px
    }

    .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }

        .nav:after, .nav:before {
            content: " ";
            display: table
        }

        .nav:after {
            clear: both
        }

        .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
            background-color: #ddd;
            border-color: #007dc2
        }

    .site-search-modal .form-control, .site-search-modal button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        font-size: 100%;
        height: auto
    }

    .site-search-modal button {
        color: #fff;
        padding-right: 0
    }

        .site-search-modal button:hover {
            color: #eee
        }

    .site-search-modal .close {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 66px;
        font-weight: 200;
        opacity: 1;
        transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out,-webkit-transform .25s ease-out;
        z-index: 1051
    }

    container-fluid {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden
    }

    #navbar-links {
        -webkit-transition: all 350ms;
        transition: all 350ms;
        overflow-y: hidden
    }

    a {
        text-decoration: none !important
    }

    .wrapper {
        position: relative;
        width: min-content
    }

    .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover {
        border-color: transparent
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd
    }

    .panel.with-nav-tabs .nav-tabs {
        border-bottom: none
    }

    .modal-backdrop {
        visibility: hidden;
        -webkit-transition: all 350ms;
        transition: all 350ms
    }

    body {
        font-family: Arial,Helvetica,sans-serif
    }

    body {
        font-family: sans-serif
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none
    }

        ::-webkit-scrollbar:vertical {
            width: 12px
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 10px;
        border: 2px solid #fff
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }

    [data-toggle=collapse] .fa:before {
        content: "\2212";
        color: #fff;
        outline: 0
    }

    [data-toggle=collapse].collapsed .fa:before {
        content: "\002b";
        color: #fff;
        outline: 0
    }

    .modal {
        opacity: 1;
        background-color: rgba(0,0,0,.33)
    }

    input::-ms-clear {
        display: none
    }

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

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

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    .row {
        margin-left: 0;
        margin-right: 0
    }

    b {
        font-weight: 700
    }

    .item_container {
        border-color: #007bff
    }

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    h4 {
        font-size: 1.5rem !important
    }

    h1 {
        font-size: 2em;
        margin: .67rem 0
    }

    button {
        overflow: hidden
    }

        button.close {
            padding: 0;
            background-color: transparent;
            border: 0
        }

    .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff
    }

    .navbar-primary .container-fluid {
        max-width: 1004px
    }

    .navbar-primary .navbar-toggle {
        transition: all .3s ease-out;
        transform: rotate(360deg);
        left: 2px;
        margin-right: 20px
    }

    .navbar-primary .navbar-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-primary .navbar-links {
        -ms-flex: 5;
        flex: 5
    }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .top-nav-search-container {
        float: right
    }
}
/* NCSA Homepage End */

/*3. FIRST, STSI, TSFAR, DataVisualization and Databook Start*/
@media (min-width:0px) {
    @charset "UTF-8";

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .btn {
        padding: 6.6px 13px
    }

        .btn span {
            -webkit-font-smoothing: auto
        }

        .btn.btn-transparent {
            border-color: #fff;
            border-width: 2px;
            color: #fff;
            transition: background-color .15s,color .15s;
            position: relative;
            display: inline-block;
            overflow: hidden;
            z-index: 0
        }

            .btn.btn-transparent:after {
                z-index: -1;
                top: 0;
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: #fff;
                left: -100%;
                transition: left .2s ease-in
            }

            .btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
                color: #007dc2;
                text-decoration: none !important
            }

                .btn.btn-transparent:active:after, .btn.btn-transparent:focus:after, .btn.btn-transparent:hover:after {
                    left: 0
                }

            .btn.btn-transparent .background-white {
                background-color: #fff !important
            }

    .background-white .btn.btn-transparent:hover {
        color: #fff !important
    }

    .btn.btn-transparent .background-color-1 {
        background-color: #ffcc06 !important
    }

    .background-color-1 .btn.btn-transparent:hover {
        color: #ffcc06 !important
    }

    .btn.btn-transparent .background-color-2 {
        background-color: #007dc2 !important
    }

    .background-color-2 .btn.btn-transparent:hover {
        color: #007dc2 !important
    }

    .btn.btn-transparent .background-color-3 {
        background-color: #bf1e2d !important
    }

    .background-color-3 .btn.btn-transparent:hover {
        color: #bf1e2d !important
    }

    .btn.btn-transparent .background-color-4 {
        background-color: #35bbc3 !important
    }

    .background-color-4 .btn.btn-transparent:hover {
        color: #35bbc3 !important
    }

    .btn.btn-transparent .background-color-5 {
        background-color: #f0f !important
    }

    .background-color-5 .btn.btn-transparent:hover {
        color: #f0f !important
    }

    .btn.btn-primary:hover {
        border-color: #005c8f
    }

    .label {
        border-radius: 0
    }

    body, html {
        background-color: #fff;
        max-width: 100%;
        -webkit-overflow-scrolling: touch
    }

    html {
        overflow-x: hidden
    }

    body {
        position: relative;
        max-width: 100%;
        margin: 0
    }

        body.modal-open {
            overflow: hidden !important
        }

    p, span {
        -webkit-font-smoothing: antialiased
    }

    h1 {
        -webkit-font-smoothing: antialiased
    }

        h1 a {
            color: inherit !important
        }

    input {
        border-radius: 0
    }

    [type=button] {
        cursor: pointer
    }

    [v-cloak] {
        display: none
    }

    a:focus, a:hover {
        text-decoration: none !important
    }

    img[src^="/sites/nhtsa.dot.gov/themes/nhtsa_gov/images/star-rating"] {
        max-width: 100px;
        height: auto;
        display: inline-block
    }

    [data-link] {
        cursor: pointer !important
    }

    .row .row {
        margin-left: -10px;
        margin-right: -10px
    }

    h1 a, h3 a {
        color: #111;
        position: relative;
        display: inline-block;
        -webkit-font-smoothing: antialiased
    }

        h1 a:before, h3 a:before {
            content: attr(data-text);
            -webkit-font-smoothing: antialiased;
            position: absolute;
            width: auto;
            color: #007dc2;
            -webkit-font-smoothing: antialiased;
            clip: rect(0,0,1400px,0);
            transition: clip .3s ease-in-out;
            overflow: hidden;
            display: inline-block;
            padding-bottom: 5px;
            max-width: 100%
        }

        h1 a:hover, h3 a:hover {
            text-decoration: none;
            color: #111
        }

            h1 a:hover:before, h3 a:hover:before {
                clip: rect(0,900px,1400px,0) !important
            }

    .md-width {
        margin: 0 auto;
        max-width: 1004px
    }

    .tag-h1 {
        font-size: 36px;
        font-weight: 900
    }

    .tag-h2 {
        font-size: 30px;
        font-weight: 900
    }

    .tag-h3 {
        font-size: 18px;
        font-weight: 900
    }

    .tag-h4 {
        font-size: 18px;
        font-weight: 900
    }

    .tag-h5 {
        font-size: 14px;
        font-weight: 900
    }

    .collapsed {
        background: inherit
    }

    .container-fluid, .row {
        background-color: inherit
    }

    .page-header .row {
        background: 0 0
    }

    .input-group .form-control:focus {
        z-index: 0
    }

    .icon-Download:before {
        content: "\e90c"
    }

    .about-nhtsa {
        padding: 40px 0;
        max-width: 1004px;
        margin-left: auto;
        margin-right: auto
    }

        .about-nhtsa h1 {
            margin-top: 0
        }

        .about-nhtsa h4 {
            margin-top: 0;
            text-transform: uppercase;
            font-size: 16px;
            letter-spacing: 1px
        }

        .about-nhtsa p {
            font-family: "Roboto Slab",serif;
            font-size: 24px;
            font-weight: 200
        }

        .about-nhtsa a {
            display: block;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            padding-bottom: 5px;
            letter-spacing: 1px
        }

            .about-nhtsa a:hover {
                color: #007dc2;
                text-decoration: none
            }

    @keyframes loading-animation--spin {
        0%,100% {
            transform: translate(0)
        }

        25% {
            transform: translate(150%)
        }

        50% {
            transform: translate(150%,150%)
        }

        75% {
            transform: translate(0,150%)
        }
    }

    .block-content {
        background-position: left;
        background-size: cover;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px
    }

        .block-content > .container-fluid {
            max-width: 1004px;
            margin: 0 auto
        }

    .block-content--link {
        color: #fff;
        font-weight: 900;
        display: inline-block;
        margin-top: 5px;
        -webkit-font-smoothing: antialiased
    }

        .block-content--link:hover {
            color: #fff;
            text-decoration: none
        }

    .highway-safety--right {
        color: #222;
        position: relative
    }

        .highway-safety--right > * {
            position: relative;
            z-index: 1
        }

        .highway-safety--right:after {
            content: '';
            position: absolute;
            background: url(../../images/highway-stat-yellow-pattern.png) repeat;
            z-index: 0
        }

    .modal--base .modal-content {
        background-color: transparent;
        box-shadow: none;
        border: none
    }

        .modal--base .modal-content .modal-header {
            border-bottom: none
        }

            .modal--base .modal-content .modal-header .close {
                color: #fff;
                text-shadow: none;
                opacity: 1;
                font-size: 200%;
                font-weight: 300
            }

        .modal--base .modal-content .modal-body img {
            vertical-align: middle;
            margin: 0 auto;
            left: 50%;
            position: relative;
            transform: translate(-50%,0);
            max-width: 100%
        }

    .navbar-primary--dot-banner {
        background-color: #13386e;
        color: #fff;
        font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
        letter-spacing: .5px;
        padding-top: 5px;
        padding-bottom: 0;
        font-size: 10px
    }

        .navbar-primary--dot-banner a {
            color: #fff
        }

    .navbar-primary {
        background-color: #0183c1;
        height: auto;
        margin-bottom: 0;
        color: #fff;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary .navbar-links {
            -ms-flex: 5;
            flex: 5
        }

        .navbar-primary .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .site-search-modal .modal-content {
        background-color: transparent;
        box-shadow: none;
        border-color: transparent
    }

    .site-search-modal .input-group {
        border-bottom: 1px solid #777;
        font-size: 50px;
        position: relative
    }

        .site-search-modal .input-group input {
            border: none !important
        }

        .site-search-modal .input-group .input-group--underline {
            content: "";
            height: 3px;
            left: 0;
            bottom: -2px;
            position: absolute;
            background-color: #0183c1;
            width: 0;
            max-width: 100%;
            transition: width .1s ease-out
        }

    .site-search-modal .form-control, .site-search-modal button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        font-size: 100%;
        height: auto
    }

    .site-search-modal .form-control {
        font-weight: 300;
        padding-left: 0;
        color: #fff
    }

    .site-search-modal .input-group-btn {
        font-size: 50%;
        transform: translate(0,10px)
    }

    .site-search-modal button {
        color: #fff;
        padding-right: 0
    }

        .site-search-modal button:hover {
            color: #eee
        }

    .site-search-modal .close {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 66px;
        font-weight: 200;
        opacity: 1;
        transition: transform .25s ease-out;
        z-index: 1051
    }

        .site-search-modal .close:hover {
            opacity: .75
        }

    .site-search-link-container {
        margin-top: 40px
    }

        .site-search-link-container h3 {
            color: #fff;
            -webkit-font-smoothing: antialiased;
            margin-top: 0
        }

        .site-search-link-container a {
            display: block;
            color: #fff;
            margin-bottom: 10px
        }

    .nhtsa-id-search-modal.modal {
        margin: 0 auto;
        max-width: none;
        color: #fff;
        padding-right: 0 !important
    }

        .nhtsa-id-search-modal.modal .modal-body, .nhtsa-id-search-modal.modal .modal-header {
            max-width: 1004px;
            margin-left: auto;
            margin-right: auto
        }

        .nhtsa-id-search-modal.modal .modal-header {
            text-align: left;
            color: #fff;
            border: none
        }

            .nhtsa-id-search-modal.modal .modal-header .modal-title {
                font-size: 35px;
                font-weight: 200;
                line-height: 1;
                font-family: "Roboto Slab",serif;
                margin-top: 40px;
                max-width: 500px;
                margin-bottom: 20px;
                text-align: left
            }

            .nhtsa-id-search-modal.modal .modal-header p {
                max-width: 500px;
                text-align: left
            }

            .nhtsa-id-search-modal.modal .modal-header .close {
                text-shadow: none;
                opacity: 1;
                color: #fff;
                font-weight: 200;
                font-size: 52px;
                position: absolute;
                right: 30px;
                top: 10px;
                margin: 10px
            }

        .nhtsa-id-search-modal.modal .modal-content {
            box-shadow: none;
            background-color: transparent;
            border: none
        }

        .nhtsa-id-search-modal.modal .modal-dialog.modal-lg {
            width: 100%;
            margin: 0
        }

        .nhtsa-id-search-modal.modal .modal-body > b {
            color: #fff;
            font-size: 20px;
            font-weight: 900
        }

        .nhtsa-id-search-modal.modal .modal-body > div > section {
            margin-bottom: 80px
        }

        .nhtsa-id-search-modal.modal .modal-body section.row {
            margin-left: -10px;
            margin-right: -10px
        }

        .nhtsa-id-search-modal.modal .modal-body .panel-group {
            background-color: #fff;
            padding: 0 20px 20px 20px;
            color: #000;
            overflow: hidden
        }

        .nhtsa-id-search-modal.modal .modal-body .panel-title {
            text-align: left
        }

            .nhtsa-id-search-modal.modal .modal-body .panel-title > a[data-toggle=collapse] {
                border-bottom: none
            }

        .nhtsa-id-search-modal.modal .modal-body .panel-item {
            text-align: left
        }

            .nhtsa-id-search-modal.modal .modal-body .panel-item .panel-body p {
                text-align: left;
                white-space: normal
            }

        .nhtsa-id-search-modal.modal .panel-item {
            margin-bottom: 0
        }

            .nhtsa-id-search-modal.modal .panel-item:after {
                display: none
            }


    [id=complaints-by-keyword-child-seat-input], [id=complaints-by-keyword-equipment-input], [id=complaints-by-keyword-tire-input], [id=complaints-by-keyword-vehicle-input] {
        color: #000
    }

    .page-header--alt {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 60px;
        padding-bottom: 25px
    }

        .page-header--alt > .container-fluid {
            max-width: 1004px;
            margin: 0 auto
        }

    .page-header--alt-label {
        text-transform: uppercase;
        color: #ffcc06;
        font-size: 12px;
        font-weight: 900;
        background-color: transparent
    }

        .page-header--alt-label:hover {
            color: #ffcc06;
            text-decoration: none
        }

    .page-header {
        margin: 0;
        padding: 110px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color: #111;
        color: #fff;
        min-height: 450px;
        border: none
    }

        .page-header > .row {
            padding-left: 10px;
            padding-right: 10px
        }

        .page-header header {
            max-width: 1004px;
            margin: 0 auto
        }

    @keyframes pulse {
        0% {
            transform: scale(.1,.1);
            opacity: 0
        }

        50% {
            transform: scale(2,2);
            opacity: .5
        }

        100% {
            transform: scale(.1,.1);
            opacity: 0
        }
    }

    @keyframes pulse-large {
        0% {
            transform: scale(.1,.1);
            opacity: 0
        }

        50% {
            transform: scale(3,3);
            opacity: .5
        }

        100% {
            transform: scale(.1,.1);
            opacity: 0
        }
    }

    .left-top-text {
        margin-top: 11px;
        display: inline-block
    }

    .more-dropdown:after {
        font-family: 'Glyphicons Halflings';
        content: "\e252";
        position: relative;
        font-size: 12px;
        vertical-align: middle;
        margin: -1px 0 0 5px;
        display: inline-block
    }

    .top-nav-search-container {
        float: right
    }

    body.open {
        overflow: hidden
    }

    .page-topic {
        background: inherit;
        max-width: 1004px;
        margin: 0 auto;
        position: static !important
    }

    .page-topic--header {
        display: -ms-flexbox;
        display: flex
    }

        .page-topic--header .topic-page-lang {
            border-bottom: 1px solid #999;
            padding-top: 10px;
            padding-bottom: 10px
        }

    .page-alt {
        max-width: 1004px;
        margin: 0 auto
    }

        .page-alt p {
            padding: 10px 0
        }

    .page-alt--tables {
        max-width: 1004px;
        margin: 0 auto;
        padding: 20px 10px
    }

    .page-header {
        min-height: 0
    }

    .page-header {
        min-height: 0
    }

    #nhtsa-id-search-input {
        height: 100%;
        max-height: 100%;
        min-height: 100%
    }

    .page-alt {
        margin-top: 40px
    }

    .page-alt {
        margin-bottom: 40px
    }

    .about-nhtsa {
        padding-top: 80px;
        padding-bottom: 0
    }

    * {
        box-sizing: border-box
    }

    :after, :before {
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: transparent
    }

    body {
        font-family: Roboto,sans-serif;
        font-size: 16px;
        line-height: 1.42857;
        color: #222;
        background-color: #fff
    }

    button, input {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: #007dc2;
        text-decoration: none
    }

        a:focus, a:hover {
            color: #004c76;
            text-decoration: underline
        }

        a:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

        .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-weight: 400;
            line-height: 1;
            color: #ccc
        }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 22px;
        margin-bottom: 11px
    }

        .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
            font-size: 65%
        }

    .h4, .h5, .h6, h4, h5, h6 {
        margin-top: 11px;
        margin-bottom: 11px
    }

        .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-size: 75%
        }

    .h1, h1 {
        font-size: 36px
    }

    .h2, h2 {
        font-size: 30px
    }

    .h3, h3 {
        font-size: 24px
    }

    .h4, h4 {
        font-size: 18px
    }

    .h5, h5 {
        font-size: 14px
    }

    .h6, h6 {
        font-size: 12px
    }

    .lead {
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.4
    }

    .small, small {
        font-size: 75%
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    address {
        margin-bottom: 22px;
        font-style: normal;
        line-height: 1.42857
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .container:after, .container:before {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .container-fluid:after, .container-fluid:before {
            content: " ";
            display: table
        }

        .container-fluid:after {
            clear: both
        }

    .row:after, .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-md-12 {
        width: 100%
    }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    .hide {
        display: none !important
    }

    .panelICon {
        color: #362626;
        font-size: 11px;
        padding: 2.5px
    }

    body {
        margin: 0;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        font-size: 14px !important
    }

    .panel-heading span {
        font-size: 15px;
        font-weight: 700
    }

    .panel {
        margin-bottom: 22px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        box-shadow: 0 1px 1px rgba(0,0,0,.05)
    }

    .panel-body {
        padding: 15px
    }

        .panel-body:after, .panel-body:before {
            content: " ";
            display: table
        }

        .panel-body:after {
            clear: both
        }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: -1;
        border-top-left-radius: -1
    }

        .panel-heading > .dropdown .dropdown-toggle {
            color: inherit
        }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
        color: inherit
    }

        .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
            color: inherit
        }

    .panel > .list-group, .panel > .panel-collapse > .list-group {
        margin-bottom: 0
    }

        .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
            border-width: 1px 0;
            border-radius: 0
        }

        .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
            border-top: 0;
            border-top-right-radius: -1;
            border-top-left-radius: -1
        }

        .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
            border-bottom: 0;
            border-bottom-right-radius: -1;
            border-bottom-left-radius: -1
        }

    .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .panel-heading + .list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .list-group + {
        border-top-width: 0
    }

    .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
        margin-bottom: 0
    }

        .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
            padding-left: 15px;
            padding-right: 15px
        }

        .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
            border-top-right-radius: -1;
            border-top-left-radius: -1
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
                border-top-left-radius: -1;
                border-top-right-radius: -1
            }

                .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                    border-top-left-radius: -1
                }

                .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                    border-top-right-radius: -1
                }

        .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
            border-bottom-right-radius: -1;
            border-bottom-left-radius: -1
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child {
                border-bottom-left-radius: -1;
                border-bottom-right-radius: -1
            }

                .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child {
                    border-bottom-left-radius: -1
                }

                .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child {
                    border-bottom-right-radius: -1
                }

        .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
            border-top: 1px solid #ddd
        }

        .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
            border-top: 0
        }

    .panel > .table-responsive {
        border: 0;
        margin-bottom: 0
    }

    .panel-group {
        margin-bottom: 10px
    }

        .panel-group .panel {
            margin-bottom: 0;
            border-radius: 0
        }

            .panel-group .panel + .panel {
                margin-top: 5px
            }

        .panel-group .panel-heading {
            border-bottom: 0
        }

            .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
                border-top: 1px solid #ddd
            }

        .panel-group + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

    .panel-default {
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default + .panel-collapse > .panel-body {
            border-bottom-color: #ddd
        }

    .panel-primary {
        border-color: #007bff
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #007dc2
        }

        .panel-primary > + .panel-collapse > .panel-body {
            border-bottom-color: #007dc2
        }

    .panel-success {
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

            .panel-success > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #d6e9c6
            }

        .panel-success > + .panel-collapse > .panel-body {
            border-bottom-color: #d6e9c6
        }

    .panel-info {
        border-color: #bce8f1
    }

        .panel-info > .panel-heading {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1
        }

            .panel-info > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #bce8f1
            }

        .panel-info > + .panel-collapse > .panel-body {
            border-bottom-color: #bce8f1
        }

    .panel-warning {
        border-color: #faebcc
    }

        .panel-warning > .panel-heading {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc
        }

            .panel-warning > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #faebcc
            }

        .panel-warning > + .panel-collapse > .panel-body {
            border-bottom-color: #faebcc
        }

    .panel-danger {
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1
        }

            .panel-danger > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #ebccd1
            }

        .panel-danger > + .panel-collapse > .panel-body {
            border-bottom-color: #ebccd1
        }

    .bold {
        font-weight: 700 !important
    }

    .search {
        border-style: solid;
        border-color: #007dc2;
        margin-top: -2.7%
    }

    .panel-default > .panel-heading {
        color: #999;
        background-color: #13386e;
        border-color: #ddd;
        border-top: 3px solid #13386e;
        border-bottom: 3px solid #13386e
    }

    .sections {
        background-color: #f5f5f5 !important;
        color: #999 !important;
        border-top: 3px solid #ddd !important;
        border-bottom: 3px solid #ddd !important
    }

    .sectionstext {
        color: #f93 !important;
        font-weight: 700
    }

    .panel-title {
        color: #fff
    }

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #007dc2;
        border-color: #007dc2
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 22px;
        border: 1px solid transparent
    }

        .navbar:after, .navbar:before {
            content: " ";
            display: table
        }

        .navbar:after {
            clear: both
        }

    .navbar-header:after, .navbar-header:before {
        content: " ";
        display: table
    }

    .navbar-header:after {
        clear: both
    }

    .navbar-collapse {
        overflow-x: visible;
        padding-right: 10px;
        padding-left: 10px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        -webkit-overflow-scrolling: touch
    }

        .navbar-collapse:after, .navbar-collapse:before {
            content: " ";
            display: table
        }

        .navbar-collapse:after {
            clear: both
        }

        .navbar-collapse.in {
            overflow-y: auto
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 340px
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -10px;
        margin-left: -10px
    }

    .navbar-fixed-bottom, .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 10px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0
    }

        .navbar-toggle:focus {
            outline: 0
        }

        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px
        }

            .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 4px
            }

    .navbar-nav {
        margin: 7px -10px;
        flex-direction: row
    }

        .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 22px
        }

    .navbar-form {
        margin: -10px;
        padding: 10px 10px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        margin-top: 7px;
        margin-bottom: 7px
    }

    .navbar-btn {
        margin-top: 7px;
        margin-bottom: 7px
    }

    .navbar-text {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7
    }

        .navbar-default .navbar-text {
            color: #777
        }

        .navbar-default .navbar-nav > li > a {
            color: #777
        }

            .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
                color: #333;
                background-color: transparent
            }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
            color: #ccc;
            background-color: transparent
        }

        .navbar-default .navbar-toggle {
            border-color: #ddd
        }

            .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
                background-color: #ddd
            }

            .navbar-default .navbar-toggle .icon-bar {
                background-color: #888
            }

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border-color: #e7e7e7
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
            background-color: #e7e7e7;
            color: #555
        }

        .navbar-default .navbar-link {
            color: #777
        }

            .navbar-default .navbar-link:hover {
                color: #333
            }

        .navbar-default .btn-link {
            color: #777
        }

            .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
                color: #333
            }

            .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover {
                color: #ccc
            }

    .navbar-primary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: none
    }

    .navbar-primary--dot-banner {
        background-color: #13386e;
        color: #fff;
        font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
        letter-spacing: .5px;
        padding-top: 5px;
        font-size: 10px
    }

        .navbar-primary--dot-banner img {
            width: 15px;
            vertical-align: sub;
            margin-right: 5px;
            opacity: .306
        }

        .navbar-primary--dot-banner a {
            color: #fff
        }

    .navbar-primary {
        background-color: #0183c1;
        height: auto;
        margin-bottom: 0;
        color: #fff;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary [data-text]:before {
            margin-top: 7px
        }

        .navbar-primary .container-fluid {
            max-width: 1004px
        }

        .navbar-primary .navbar-toggle {
            transition: all .3s ease-out;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            left: 2px;
            margin-right: 20px
        }

            .navbar-primary .navbar-toggle .icon-bar {
                background-color: #fff;
                transition: all .2s ease-out;
                border-radius: 0
            }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transform-origin: 10% 10%;
                    transform-origin: 10% 10%
                }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(3) {
                    opacity: 0
                }

                .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    -webkit-transform-origin: 10% 90%;
                    transform-origin: 10% 90%
                }

            .navbar-primary .navbar-toggle.collapsed {
                -webkit-transform: rotate(0);
                transform: rotate(0);
                left: 0
            }

                .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(3) {
                    opacity: 1
                }

        .navbar-primary .navbar-header {
            padding-top: 20px;
            padding-bottom: 20px;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-primary .navbar-collapse {
            border-top: none;
            box-shadow: none
        }

        .navbar-primary .nav {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .navbar-primary .nav > li {
                padding-top: 20px;
                padding-bottom: 20px;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center
            }

                .navbar-primary .nav > li:nth-last-child(2) {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .navbar-primary .nav > li a {
                    white-space: nowrap
                }

                    .navbar-primary .nav > li a span {
                        color: #fff;
                        -webkit-font-smoothing: antialiased;
                        display: inline-block;
                        position: relative
                    }

                        .navbar-primary .nav > li a span:before {
                            content: attr(data-text);
                            color: transparent;
                            width: 0;
                            display: inline-block;
                            overflow: hidden;
                            transition: width .15s ease-out;
                            border-bottom: 5px solid #fff;
                            position: absolute;
                            white-space: nowrap;
                            -webkit-font-smoothing: antialiased
                        }

                    .navbar-primary .nav > li a:hover {
                        background-color: transparent;
                        text-decoration: underline
                    }

                        .navbar-primary .nav > li a:hover span:before {
                            width: 100%
                        }

                    .navbar-primary .nav > li a:focus {
                        background-color: transparent
                    }

                .navbar-primary .nav > li.active {
                    text-decoration: none
                }

                    .navbar-primary .nav > li.active a:focus, .navbar-primary .nav > li.active a:hover {
                        text-decoration: none;
                        cursor: default
                    }

                    .navbar-primary .nav > li.active span:before {
                        width: 0%
                    }

    .nav > li > a.navbar-primary-search, .navbar-primary-search {
        display: inline-block;
        margin-right: 25px;
        background-color: transparent;
        border: none;
        width: 35px
    }

        .nav > li > a.navbar-primary-search svg, .navbar-primary-search svg {
            display: inline-block;
            width: 100%;
            height: auto;
            vertical-align: middle
        }

    .navbar-header .nav > li > a.navbar-primary-search, .navbar-header .navbar-primary-search {
        display: none;
        width: 30px;
        position: absolute;
        right: 50px;
        top: 33px
    }

    .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }

        .nav:after, .nav:before {
            content: " ";
            display: table
        }

        .nav:after {
            clear: both
        }

        .nav > li {
            position: relative;
            display: block
        }

            .nav > li > a {
                position: relative;
                display: block;
                padding: 1px 15px;
                color: #fff !important
            }

                .nav > li > a.active {
                    background-color: #fff !important;
                    color: #0183c1 !important
                }

            .nav > li.disabled > a {
                color: #ccc
            }

                .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                    color: #ccc;
                    text-decoration: none;
                    background-color: transparent;
                    cursor: not-allowed
                }

        .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
            background-color: #ddd;
            border-color: #007dc2
        }

        .nav > li > a > img {
            max-width: none
        }

    .site-search-modal .modal-content {
        background-color: transparent;
        box-shadow: none;
        border-color: transparent
    }

    .site-search-modal .input-group {
        border-bottom: 1px solid #777;
        font-size: 50px;
        position: relative
    }

        .site-search-modal .input-group input {
            border: none !important
        }

        .site-search-modal .input-group .input-group--underline {
            content: '';
            height: 3px;
            left: 0;
            bottom: -2px;
            position: absolute;
            background-color: #0183c1;
            width: 0;
            max-width: 100%;
            transition: width .1s ease-out
        }

    .site-search-modal .form-control, .site-search-modal button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        font-size: 100%;
        height: auto
    }

    .site-search-modal .form-control {
        font-weight: 300;
        padding-left: 0;
        color: #fff
    }

    .site-search-modal .input-group-btn {
        font-size: 50%;
        -webkit-transform: translate(0,10px);
        transform: translate(0,10px)
    }

    .site-search-modal button {
        color: #fff;
        padding-right: 0
    }

        .site-search-modal button:hover {
            color: #eee
        }

    .site-search-modal .close {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 66px;
        font-weight: 200;
        opacity: 1;
        transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out,-webkit-transform .25s ease-out;
        z-index: 1051
    }

        .site-search-modal .close:hover {
            opacity: .75
        }

    container-fluid {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden
    }

    #navbar-links {
        -webkit-transition: all 350ms;
        transition: all 350ms;
        overflow-y: hidden
    }

    a {
        text-decoration: none !important
    }

    .topiclinks > li > a.active {
        background-color: #fff !important;
        color: #0183c1 !important
    }

    .nav-pills > li {
        float: left
    }

        .nav-pills > li + li {
            margin-left: 2px
        }

        .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
            color: #007dc2;
            background-color: #fff
        }

            .nav-pills > li.active > a, .nav-pills > li.active > a:focus {
                color: #000;
                background-color: #fcd900
            }

    .tabstopic {
        border: none;
        border-top: 3px solid #0183c1;
        border-bottom: 3px solid #0183c1;
        color: #fff;
        background-color: #0183c1;
        margin-bottom: 10px;
        margin-right: 5px
    }

    .showall {
        float: right;
        color: #f93 !important
    }

    hr {
        margin-top: .5rem;
        margin-bottom: .5rem;
        border: 0;
        border-top: 1px solid #ddd;
        width: 50%;
        border-color: orange
    }

    .clear {
        position: absolute;
        right: 0
    }

    div .scroll {
        width: 100%;
        height: 312px;
        display: -moz-grid;
        overflow-y: scroll;
        position: relative
    }

    div.scroll1 {
        width: 100%;
        height: 312px;
        display: -moz-grid;
        overflow-y: scroll
    }

    .FYTrestBtn {
        align-content: center;
        padding: 5px;
        background-color: red;
        color: #fff;
        margin-right: -.15%
    }

    .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover {
        border-color: transparent
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd
    }

        .nav-tabs > li {
            float: left;
            margin-bottom: -1px
        }

            .nav-tabs > li > a {
                margin-right: 2px;
                line-height: 1.42857;
                border: 1px solid transparent;
                border-radius: 0
            }

                .nav-tabs > li > a:hover {
                    border-color: #ddd #ddd #ddd
                }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                cursor: default
            }

            .nav-tabs > li.active > a {
                font-size: 16px
            }

    .panel.with-nav-tabs .panel-heading {
        padding: 0
    }

    .panel.with-nav-tabs .nav-tabs {
        border-bottom: none
    }

    .tab-content > .tab-pane {
        display: none
    }

    .tab-content > .active {
        display: block
    }

    #scale-slider.ui-slider, .ui-state-default, .ui-state-hover {
        border-radius: 0;
        background: #c7cdd5;
        border: none;
        margin: 1.6em 5em 3em
    }

        #scale-slider.ui-slider .ui-slider-range {
            background: linear-gradient(to right,#434d5a 0,#00c7d7 50%,#434d5a 100%) border: 1px solid #007dc2;
            top: -1px;
            transition: all .2s ease-out;
            background-color: #007dc2
        }

    #scale-slider .ui-slider-pip .ui-slider-label {
        display: none;
        background: rgba(67, 77, 90, 0);
        color: #434d5a;
        border-radius: 4px;
        padding: 0.3em 0;
        width: 2.4em;
        margin-left: -1.2em;
        transition: all 0.2s ease-out;
    }

    #scale-slider .ui-slider-handle {
        border-radius: 2px;
        height: 20px;
        width: 12px;
        top: -20px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        /* border: 1.5px solid #0183c1; */
        border: 2px solid #13386e;
        /* background: #007fff; */
        background: #0183c1;
        font-weight: normal;
        color: #ffffff;
    }

    #scale-slider .ui-slider-pip:nth-of-type(5n+3) .ui-slider-label {
        top: 16px;
        display: block;
    }

    #scale-slider .ui-slider-pip:nth-of-type(5n+3) .ui-slider-line {
        height: 12px;
    }

    #scale-slider .ui-slider-tip {
        visibility: visible;
        opacity: 1;
        top: -30px;
    }

    #scale-slider .ui-slider-handle:nth-of-type(n+1) {
        transform: rotateZ(-10deg);
        margin-left: -9px;
    }

    #scale-slider .ui-slider-handle:nth-of-type(n+2) {
        transform: rotateZ(10deg);
        margin-left: -3px;
    }


    .yrtxt {
        display: none
    }

    #divtimeframes {
        padding-bottom: 0;
        padding-top: 4px;
        margin-right: 1%
    }

    #opcities, #opcounties, #opregions, #opstates {
        visibility: visible;
        display: inline-block;
        position: relative;
        width: 100%
    }

    #divregiondisc {
        display: block
    }

    select.select2 {
        display: block !important;
        visibility: hidden !important;
        position: absolute !important
    }

    .collapse.in {
        display: block
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s
        }

    input:checked + .slider {
        background-color: #2196f3
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196f3
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px)
    }

    .SASDataEleAttriub .panel-heading [data-toggle=collapse]:after {
        font-family: 'Glyphicons Halflings';
        content: "";
        float: right;
        color: #b0c5d8;
        font-size: 18px;
        line-height: 22px
    }

    .SASDataEleAttriub label span {
        font-weight: 400
    }

    .preloader {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: visible;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .minuteslider.ui-slider {
        border-radius: 0px;
        background: #c7cdd5;
        border: none;
        margin: 0.8em 1em 1em;
        position: relative;
        text-align: left;
    }

        .minuteslider.ui-slider .ui-slider-handle:after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            top: 50%;
            margin-top: -4px;
            left: 50%;
            margin-left: -4px;
            background: #30A2D2;
            -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
            -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
            box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
        }

    .minuteslider.ui-slider-horizontal .ui-slider-handle {
        top: -2.1em;
        margin-left: -.6em;
    }

    .minuteslider.ui-slider .ui-slider-handle {
        border-radius: 50%;
        background: #F9FBFA;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
        background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: linear-gradient(top, #C7CED6, #F9FBFA);
        width: 22px;
        height: 22px;
        -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        -webkit-transition: box-shadow .3s;
        -moz-transition: box-shadow .3s;
        -o-transition: box-shadow .3s;
        transition: box-shadow .3s;
        position: absolute;
        z-index: 2;
        cursor: default;
        border: none;
        cursor: pointer;
    }

    .minuteslider.ui-slider .ui-slider-handle {
    }

    .minuteslider.ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        height: 8px;
        font-size: .7em;
        display: block;
        border: 1px solid #5BA8E1;
        box-shadow: 0 1px 0 #AAD6F6 inset;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        background: #81B8F3;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
        background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: linear-gradient(top, #A0D4F5, #81B8F3);
    }

    .minuteslider.ui-slider-horizontal .ui-slider-range {
        top: -1px;
        height: 100%;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-bottom-right-radius: 3px;
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 3px;
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        border-top-right-radius: 3px;
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        border-top-left-radius: 3px;
    }

    .ui-widget-header {
        border: 1px solid #ddd;
        background: #e9e9e9;
        color: #333;
        font-weight: bold;
    }

    #sliderRange {
        width: 65%;
    }

    .hideTables {
        display: none
    }

    .hideSearch {
        display: none
    }

    .showSearch {
        display: inline;
        margin: 23%
    }

    .searchDataEles {
        padding: 4.75px 4.5px;
        margin: -2px 0 0 -17px;
        border-radius: 0;
        max-width: 100px;
        background-color: #fff;
        color: #000
    }

    .btn-outline-secondary:hover {
        background-color: #bb2d3b !important
    }

    .btn-outline-primary:hover {
        background-color: #44c5ff !important
    }

    .btn-group, .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .pull-right {
        float: right !important
    }

    #ByrColsDataEles, #ByrDataEles, #ByrRowsDataEles {
        width: 100%;
        min-height: 150px;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 0 0;
        float: left;
        margin-right: 10px;
        font-weight: 100
    }

    .touch {
        -webkit-overflow-scrolling: touch
    }

    #ByrColsDataEles li, #ByrDataEles li, #ByrRowsDataEles li {
        margin: 0 5px 5px 5px;
        padding: 5px;
        color: #000;
        font-weight: 100
    }

    .drag_drop {
        height: 300px;
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
        width: 100%;
        -webkit-overflow-scrolling: auto
    }

    .criteriabtns {
        padding: 1px 3px;
        margin: 0 0 5px 00px;
        border-radius: 0;
        max-width: 100px;
        width: 50%
    }

    .footerdetails {
        display: flex;
        justify-content: space-between
    }

    #myTab li {
        margin-bottom: 10px
    }

    body {
        font-family: Arial,Helvetica,sans-serif
    }

    table {
        font-size: 1em
    }

    .panel-heading {
        cursor: pointer
    }

    .iconcolor .panel-heading [data-toggle=collapse]:after {
        color: #007dc2
    }

    body {
        font-family: sans-serif
    }

    .rotate {
        transform: rotate(-90deg);
        color: #fff !important;
        float: left;
        font-size: 18px
    }

    .panel-collapse {
        transition: height .6s
    }

    .activebtn {
        background: #fff !important;
        color: #0183c1 !important
    }

    .no-copy {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    body {
        font-family: sans-serif
    }

    .blocks {
        width: 100%
    }

    .btns {
        max-width: 150px;
        width: 100%
    }

    .ui-dialog {
        overflow: visible
    }

    .select2-container {
        width: 100% !important
    }

    .select_box_class {
        display: none;
        visibility: hidden;
        position: absolute
    }

    body {
        font-family: sans-serif
    }

    .btns {
        max-width: 150px;
        width: 100%
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none
    }

        ::-webkit-scrollbar:vertical {
            width: 12px
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 10px;
        border: 2px solid #fff
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }

    [data-toggle=collapse] .fa:before {
        content: "\2212";
        color: #fff;
        outline: 0
    }

    [data-toggle=collapse].collapsed .fa:before {
        content: "\002b";
        color: #fff;
        outline: 0
    }

    .panel-heading {
        padding: 3px 15px
    }

    .select2-container .select2-selection--multiple {
        min-height: 26px !important
    }

    .modal {
        opacity: 1;
        background-color: rgba(0,0,0,.33)
    }

    input::-ms-clear {
        display: none
    }

    .colortag:nth-child(even) {
        background-color: #ededed
    }

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

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

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    .row {
        margin-left: 0;
        margin-right: 0
    }

    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #ddd !important
    }

    .pull-right {
        float: right !important
    }

    p {
        margin: 0 0 11px
    }

    b, strong {
        font-weight: 700
    }

    .SASDataEleTables {
        border-color: #007bff;
        margin-bottom: 4px !important
    }

    .item_container {
        border-color: #007bff
    }

    .dataEleHeadings {
        color: #000 !important;
        border-color: #ddd;
        border-top: 0 solid #0183c1 !important;
        border-bottom: 0 solid #0183c1 !important;
        padding: 1px 15px !important
    }

    .BYRHeading {
        background-color: #007dc2 !important;
        color: #fff !important;
        border: none !important;
        text-align: center;
        cursor: default
    }

    .btnSortable {
        background-color: #0183c1;
        border: 2px solid #0183c1;
        color: #fff
    }

    .panel-body {
        padding: 5px 0 5px 10px
    }

    :-ms-input-placeholder {
        color: grey;
        vertical-align: middle
    }

    .FIRSTHeader {
        margin-left: 30%;
        margin-bottom: -5px
    }

    .btn.btn-transparent {
        border-color: #fff;
        border-width: 2px;
        color: #fff;
        transition: background-color .15s,color .15s;
        position: relative;
        display: inline-block;
        overflow: hidden;
        z-index: 0
    }

    .collapseQueries, .expandQueries {
        float: right;
        margin-top: -2.3%;
        margin-right: 3%;
        display: none
    }

    .globalSearch, .searchbyid {
        margin-top: 10px;
        width: 98%
    }

    h4 {
        font-size: 1.5rem !important
    }

    h1 {
        font-size: 2em;
        margin: .67rem 0
    }

    .showPanel {
        display: inline
    }

    .hidePanel {
        display: none
    }

    button {
        overflow: hidden
    }

    .personColor {
        background-color: #55b1e6 !important
    }

    .vehicleColor {
        background-color: #1a8bc4 !important
    }

    .crashColor {
        background-color: #09689c !important
    }

    .clearSearchList {
        position: relative;
        right: 20px;
        display: inline-block;
        color: #000;
        margin: -2%
    }

    .clearSampleQueryList {
        position: relative;
        right: 20px;
        display: inline-block;
        color: #000;
        font-weight: 700;
        cursor: pointer
    }

    .clearAllSampleQuery {
        position: relative;
        right: 20px;
        display: inline-block;
        color: #000;
        font-weight: 700;
        cursor: pointer
    }

    .btn-success {
        color: #fff !important;
        background-color: #28a745 !important;
        border-color: #28a745 !important
    }

    .btn-info {
        color: #fff !important;
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important
    }

    .btn-warning {
        color: #fff !important
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0
    }

    .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff
    }

    .btn:focus {
        outline: 0 !important
    }

    .btn:focus {
        box-shadow: none
    }

    .input-group .form-control:focus {
        z-index: 0
    }

    .navbar-primary .container-fluid {
        max-width: 1004px
    }

    .navbar-primary .navbar-toggle {
        transition: all .3s ease-out;
        transform: rotate(360deg);
        left: 2px;
        margin-right: 20px
    }

        .navbar-primary .navbar-toggle .icon-bar {
            background-color: #fff;
            transition: all .2s ease-out;
            border-radius: 0
        }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
                transform: rotate(45deg);
                transform-origin: 10% 10%
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(3) {
                opacity: 0
            }

            .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
                transform: rotate(-45deg);
                transform-origin: 10% 90%
            }

    .navbar-primary .navbar-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-primary .navbar-collapse {
        border-top: none;
        box-shadow: none
    }

    .navbar-primary .navbar-links {
        -ms-flex: 5;
        flex: 5
    }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary .nav > li {
            padding-top: 20px;
            padding-bottom: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

            .navbar-primary .nav > li:nth-last-child(2) {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center
            }

            .navbar-primary .nav > li a {
                white-space: nowrap
            }

                .navbar-primary .nav > li a span {
                    color: #fff;
                    -webkit-font-smoothing: antialiased;
                    display: inline-block;
                    position: relative
                }

                    .navbar-primary .nav > li a span:before {
                        content: attr(data-text);
                        color: transparent;
                        width: 0;
                        display: inline-block;
                        overflow: hidden;
                        transition: width .15s ease-out;
                        border-bottom: 5px solid #fff;
                        position: absolute;
                        white-space: nowrap;
                        -webkit-font-smoothing: antialiased
                    }

                .navbar-primary .nav > li a:hover {
                    background-color: transparent;
                    text-decoration: underline
                }

                    .navbar-primary .nav > li a:hover span:before {
                        width: 100%
                    }

                .navbar-primary .nav > li a:focus {
                    background-color: transparent
                }

            .navbar-primary .nav > li.active {
                text-decoration: none
            }

                .navbar-primary .nav > li.active a:focus, .navbar-primary .nav > li.active a:hover {
                    text-decoration: none;
                    cursor: default
                }

                .navbar-primary .nav > li.active span:before {
                    width: 0%
                }

        .navbar-primary .nav > li {
            padding-top: 20px;
            padding-bottom: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

            .navbar-primary .nav > li:nth-last-child(2) {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center
            }

            .navbar-primary .nav > li a {
                white-space: nowrap
            }

                .navbar-primary .nav > li a span {
                    color: #fff;
                    -webkit-font-smoothing: antialiased;
                    display: inline-block;
                    position: relative
                }

                    .navbar-primary .nav > li a span:before {
                        content: attr(data-text);
                        color: transparent;
                        width: 0;
                        display: inline-block;
                        overflow: hidden;
                        transition: width .15s ease-out;
                        border-bottom: 5px solid #fff;
                        position: absolute;
                        white-space: nowrap;
                        -webkit-font-smoothing: antialiased
                    }

                .navbar-primary .nav > li a:hover {
                    background-color: transparent;
                    text-decoration: underline
                }

                    .navbar-primary .nav > li a:hover span:before {
                        width: 100%
                    }

                .navbar-primary .nav > li a:focus {
                    background-color: transparent
                }

            .navbar-primary .nav > li.active {
                text-decoration: none
            }

                .navbar-primary .nav > li.active a:focus, .navbar-primary .nav > li.active a:hover {
                    text-decoration: none;
                    cursor: default
                }

                .navbar-primary .nav > li.active span:before {
                    width: 0%
                }

    .top-nav-search-container {
        float: right
    }

    .btn.btn-transparent:after {
        z-index: -1;
        top: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        left: -100%;
        transition: left .2s ease-in
    }

    .btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
        color: #007dc2;
        text-decoration: none !important
    }

        .btn.btn-transparent:active:after, .btn.btn-transparent:focus:after, .btn.btn-transparent:hover:after {
            left: 0
        }

    .navbar-primary .navbar-toggle.collapsed {
        transform: rotate(0);
        left: 0
    }

        .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
            transform: rotate(0)
        }

        .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(3) {
            opacity: 1
        }

    .top-nav-search-container {
        float: right
    }

    .navbar-primary .navbar-toggle .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        transform-origin: 10% 10%
    }

    .navbar-primary .navbar-toggle .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        transform-origin: 10% 90%
    }

    .navbar-primary .navbar-toggle.collapsed {
        transform: rotate(0);
        left: 0
    }

        .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(2), .navbar-primary .navbar-toggle.collapsed .icon-bar:nth-child(4) {
            transform: rotate(0)
        }

    .navbar-primary .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .navbar-primary .nav > li {
            padding-top: 20px;
            padding-bottom: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

    .dropdown-toggle:focus, .form-control:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .open > a {
        outline: 0
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0 !important;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 0 !important;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0 !important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    .left-top-text {
        margin-top: 11px;
        display: inline-block
    }

    input#site-search-input::placeholder {
        color: #6c757d !important
    }

    .item_container .ui-state-default {
        border-radius: 0;
        background: #c7cdd5;
        border: none
    }

    .ui-button, .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        border: 2px solid #13386e;
        background: #0183c1;
        font-weight: 400;
        color: #fff
    }

    .ui-icon {
        width: 16px;
        height: 16px
    }

    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto
    }

    .showTables {
        display: inline;
    }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        margin-top: 3px !important;
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        background: transparent;
        border: none;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: textfield;
    }

    .select2-search__field {
        width: auto !important;
    }
    /*SampleQueries*/
    .sampleQueryClickId {
        color: white !important;
        background-color: rgb(1, 131, 193) !important;
        font-weight: 500;
        display: block;
        font-weight: 600;
    }

    .minuteslider {
        width: 60%;
    }
    /* Added below class to fix panels coming outside of the section in FYS (FIRST). */
    .SASDataEleAttriub.row, #divmakemodel .row {
        margin-left: 0px !important;
        margin-right: 10px !important;
    }
}
/* FIRST, STSI, TSFAR, DataVisualization and Databook End */

/*4. Shared css  Start*/
@media (min-width:0px) {
    #maintenanceMessage {
        position: relative;
        padding: 1rem;
        color: #664d03;
        background-color: #fff3cd;
        border: 1px solid #ffecb5;
        border-radius: 0.375rem;
        font-size: 21px;
        font-weight: 300;
        margin: 0% 2%;
        font-family: sans-serif !important;
    }

    #serverReportMsg #btnDone {
        background-color: #FF9933 !important;
        color: white;
        font-weight: bold;
        border-block: revert;
    }

    #serverReportMsg .modal-dialog {
        margin: auto;
        width: 45% !important;
        max-width: 100% !important;
        top: 25%;
    }

    #serverReportMsg .modal-title {
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #serverReportMsg .modal-header {
        background-color: red !important;
        color: white;
        padding: 0.2rem;
    }
}
/* Shared css  End*/

/*5. All media Start*/
@media only screen and (max-width:480px) {
    .navbar-primary .navbar-brand img:nth-child(2) {
        width: 100%;
    }

    .headerColumn {
        width: 60%;
        margin-top: 2vw;
    }

    .titleHomeIcon {
        padding-top: 10Px !important;
        font-size: 1.67rem !important;
    }

    .headerColumnIcon {
        margin-right: 1%;
    }

    /*STSI only*/
    .stsiImg {
        width: 100% !important;
    }
}

@media screen and (max-width:1040px) {
    .home {
        display: flex;
        flex: 1;
    }

    .titleImage img {
        width: 100% !important;
    }

    .titleHomeIcon {
        font-size: 2em !important;
        padding-top: 1vw !important;
        width: 100%;
    }

    .headerColumnIcon {
        width: 10%;
    }

    .headerColumn {
        margin: 1em 0 !important;
        width: 65%;
    }
}

@media (min-width:1040px) {

    .navbar-header {
        float: left;
    }

    .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-primary .navbar-header {
        position: relative;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    /*duplicate*/
    .navbar-primary .navbar-header {
        position: relative;
        /*padding-top: 0;
        padding-bottom: 0;*/
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -10px;
    }

    .navbar-primary .navbar-brand img:first-child {
        display: inline-block;
    }

    .navbar-primary .navbar-brand img:nth-child(2) {
        display: none;
    }
}

@media (max-width:767px) {

    .navbar-primary .navbar-header {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .navbar-header .navbar-primary-search {
        top: 19px;
        right: 50px
    }

    .navbar-header .navbar-primary-search, .navbar-header .nav > li > a.navbar-primary-search {
        top: 19px;
        right: 50px;
    }


    .navbar-primary .navbar-brand img {
        width: 150px
    }

    .topnav-search-form-container {
        width: 45%;
        position: relative
    }

    .top-nav-search-container {
        float: none;
        -ms-flex-pack: justify; /* justify-content: space-between; */
        justify-content: space-between;
        display: -ms-flexbox; /* display: flex; */
        display: flex;
        padding-top: 5px;
    }
}

@media (max-width:769px) {
    .navbar-header .navbar-primary-search, .navbar-header .nav > li > a.navbar-primary-search {
        padding-left: 0;
        padding-right: 0;
    }
}

@media print and (min-width:1040px) {
    .navbar-primary .navbar-header {
        padding: 20px 0
    }
}

@media (max-width:1039px) {

    .navbar-header .navbar-primary-search, .navbar-header .nav > li > a.navbar-primary-search {
        display: inline-block;
    }

    .navbar-primary .nav > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-primary ul.nav > li:nth-last-child(2) {
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }
}

@media (max-width:1040px) {
    .navbar-primary-search, .nav > li > a.navbar-primary-search {
        display: none;
    }

    .navbar-primary .navbar-links {
        padding: 0;
    }

        .navbar-primary .navbar-links > ul {
            margin: 0;
        }
}

@media (max-width:1245px) and (min-width:1040px) {
    .navbar-primary {
        font-size: 14px;
    }

        .navbar-primary .nav > li > a {
            padding-left: 8px;
            padding-right: 8px;
        }

    .navbar-primary-search, .nav > li > a.navbar-primary-search {
        width: 32px;
    }

    .navbar-primary-search {
        width: 32px
    }
}

@media (max-width:1399px) and (min-width:1040px) {
    .utility-nav--links > a, .utility-nav--links .dropdown > a {
        position: relative;
        left: -10px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .topnav-search-form-container {
        width: 230px
    }
}
/*End*/

@media (min-width:768px) {
    /*DataVisualization ,CDAN Homepage, First*/
    .lead {
        font-size: 24px
    }

    /*STSI,version relase*/
    .container {
        width: 740px
    }

    /* All Sites*/
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media (min-width:992px) {

    /*"not first"*/
    .site-search-modal .modal-content {
        margin-top: 80px
    }
    /* All */
    .container {
        width: 960px
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 20%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .page-header--alt-inner {
        margin-left: 8.33333%;
        float: left;
        width: 75%
    }

    .topiclanding--page .topic-container-inner {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .topiclanding--page .topic-card {
        min-height: 375px
    }
}

@media (min-width:1040px) {
    .navbar {
        border-radius: 0;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -10px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

/*All Sites*/
@media (min-width:1200px) {
    .container {
        width: 1160px
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }
}

/* first */
@media(min-width:1450px) {
    .showSearch {
        margin: 20% !important;
    }
}

@media(min-width:1821px) {
    /*first*/
    .item_container {
        padding-bottom: 1% !important;
    }
}

@media(max-width:350px) {

    /*first*/
    .minuteslider {
        width: 45%;
    }
}

@media(max-width:400) {
    /*first*/
    .criteriabtns {
        padding: 6px 3px;
        margin: 0px 6px 5px 10px;
        border-radius: 0;
        max-width: 100px;
        width: 50%;
    }

    .drag_drop {
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
    }

    .showSearch {
        display: inline;
        margin: 14%;
    }

    #ByrRowsDataEles, #ByrColsDataEles {
        min-height: 10% !important;
    }
}

@media(max-width:500px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -3.4% !important;
        margin-right: 5% !important;
    }
    /*STSI*/
    .stsiImg {
        width: 100% !important;
    }
}

@media (max-width:767px) {

    /*notFIRST   */
    .site-search-modal .modal-content form {
        margin-top: 60px
    }

    .site-search-modal .form-control, .site-search-modal button {
        font-size: 65%
    }

    .site-search-modal .close {
        font-size: 45px;
        top: 5px;
        right: 20px
    }

    /*not FIRST*/
    .site-search-modal .input-group-btn {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .page-header {
        padding: 0;
        padding-top: 175px;
        padding-bottom: 70px;
        background-position: top center;
        text-align: center;
        min-height: inherit
    }

    .site-search-modal button, .site-search-modal .form-control {
        font-size: 65%;
    }
}

@media (max-width:990px) {
    /* Home page    */
    .img {
        display: none;
    }
}

@media (max-width:991px) {

    /*home page*/
    .page-header {
        padding-left: 10px
    }
}

@media (max-width:1024px) {
    /*FIRST*/
    .drag_drop {
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
    }

    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 5%;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 12px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px;
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }

    /*FIRST*/
    #ByrRowsDataEles, #ByrColsDataEles {
        min-height: 15% !important;
    }

    .searchDataEles {
        margin-left: -2.8%;
        padding: 4.5px;
        background-color: white;
        color: black;
    }

    .FYTrestBtn {
        align-content: center;
        padding: 4.5px;
        background-color: red;
        color: white;
        margin-right: -0.15%
    }
}

@media (max-width:1199px) {
    h1 a:hover, h3 a:hover {
        color: #007dc2
    }

        h1 a:hover:before, h3 a:hover:before {
            display: none !important
        }
}

@media (max-width:1200px) {

    /*FIRST*/
    .criteria-panel {
        margin-top: 0 !important;
    }

    .divexpandall {
        margin-left: 0px;
    }

    .drag_drop {
        /*height: 25% !important;*/
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
    }

    .showSearch {
        display: inline;
        margin: 6%;
    }

    #ByrRowsDataEles, #ByrColsDataEles {
        min-height: 18% !important;
    }
    /*All Sites*/
    .col-lg-7 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .col-lg-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media(max-width:1274px) {
    /*FIRST*/
    .minuteslider {
        width: 45%;
    }
}


@media(max-width:1449px) {
    /*FIRST*/
    .minuteslider {
        width: 48%;
    }
}

@media(max-width:1880px) {
    /*FIRST*/
    .minuteslider {
        width: 50%;
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    img[src$=".svg"] {
        width: 100%
    }
}

@media print {
    /* home page    */
    .topic-card {
        margin-bottom: 40px !important
    }

    .topic-container-inner {
        display: block !important
    }

        .topic-container-inner .topic-card {
            page-break-inside: avoid;
            width: 100%
        }

            .topic-container-inner .topic-card p {
                color: #000
            }
}

/*style sheet for Home button by screen size*/

@media (max-width:1240px) and (min-width:1200px) {
    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 10% !important;
    }
}

@media (max-width:1450px) and (min-width:1241px) {

    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 10% !important;
    }
}

@media (max-width:600px) and (min-width:560px) {

    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 7% !important;
    }
}

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

    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 1% !important;
    }
}

@media (max-width:1500px) and (min-width:1200px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -3.0% !important;
        margin-right: 4% !important;
    }
}

@media (max-width:1000px) and (min-width:900px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -2% !important;
        margin-right: 4% !important;
    }
}

@media (max-width:1100px) and (min-width:1000px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -4.3% !important;
        margin-right: 4% !important;
    }
}

@media (max-width:800px) and (min-width:800px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -3.2% !important;
        margin-right: 4% !important;
    }
}

@media screen and (max-width:900px) and (min-width:600px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -2.3% !important;
        margin-right: 4% !important;
    }
}

@media screen and (max-width:600px) and (min-width:500px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -3.6% !important;
        margin-right: 5% !important;
    }
}

@media screen and (max-width:1400px) and (min-width:1000px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -3.6% !important;
        margin-right: 5% !important;
    }
}

@media (max-width:555) and (min-width:545px) {
    /*FIRST*/
    .clearSearchList {
        margin: -2% !important;
    }
}

@media (max-width:1170px) and (min-width:1100px) {
    /*FIRST*/
    .clearSearchList {
        margin-right: -24% !important;
    }

    .fa.pull-right {
        margin-top: -1.7em;
        right: 0px !important;
    }
}

@media (max-width:1160px) and (min-width:1145px) {
    /*FIRST*/
    .clearSearchList {
        margin-right: -12.5rem !important;
        margin-top: -1.5rem !important;
    }

    .fa.pull-right {
        margin-top: -1.7em;
        right: 0px !important;
    }
}

@media (max-width:710px) and (min-width:600px) {
    /*FIRST*/
    .expandQueries {
        margin-top: -2.7% !important;
        margin-right: 5% !important;
    }
}

@media (max-width:988px) and (min-width:556px) {
    /*FIRST*/
    .clearSearchList {
        margin: 0% !important;
    }
}

@media (max-width:1100px) and (min-width:989px) {

    /*FIRST*/
    .clearSearchList {
        margin-right: -24% !important;
    }

    .fa.pull-right {
        margin-top: -1.7em;
        right: 0px !important;
    }
}

@media (max-width:1000px) and (min-width:990px) {
    /*FIRST*/
    .clearSearchList {
        margin-right: -24% !important;
    }

    .showSearch {
        display: inline;
        margin: 5% !important;
    }

    .fa.pull-right {
        margin-top: -1.7em;
        right: 0px !important;
    }
}

@media (max-width:1300px) and (min-width:1279px) {

    /*FIRST*/
    .fa.pull-right {
        margin: -0.25em;
    }

    .clearSearchList {
        margin-right: -2rem !important;
        margin-top: -1.5rem !important;
    }
}

@media (max-width:1050px) and (min-width:990px) {

    /*FIRST*/
    .fa.pull-right {
        margin-top: -30%;
    }

    .search {
        margin-top: -5.7%;
    }
}

@media (max-width:480px) and (min-width:320px) {
    /*FIRST*/
    .clearSearchList {
        margin: -0.5% !important;
    }

    .showSearch {
        display: inline;
        margin: 15% !important;
    }
}

@media (max-width:768px) and (min-width:481) {
    /*FIRST*/
    .clearSearchList {
        margin: -0.5% !important;
    }

    .showSearch {
        display: inline;
        margin: 15% !important;
    }
}

@media (max-width:1024px) and (min-width:769px) {
    /*FIRST*/
    .clearSearchList {
        margin: -0.5% !important;
    }

    .showSearch {
        display: inline;
        /*margin: 15% !important;*/
    }
}

@media (max-width:1140px) and (min-width:1135px) {
    .fa.pull-right {
        margin: -0.25em;
    }

    /*FIRST*/
    .clearSearchList {
        margin-right: -2rem !important;
        margin-top: -1.5rem !important;
    }
}

@media (max-width:1159px) and (min-width:1145px) {
    .fa.pull-right {
        margin: -0.25em;
    }

    /*FIRST*/
    .clearSearchList {
        margin-right: -12rem !important;
        margin-top: -1.5rem !important;
    }
}

@media (max-width:999px) and (min-width:990px) {
    /*FIRST*/
    .clearSearchList {
        margin-right: -2.5rem !important;
    }
}

@media (max-width:1024px) and (min-width:1000px) {
    /*FIRST*/
    .clearSearchList {
        margin-right: -2.5rem !important;
    }
}

@media (max-width:1199px) and (min-width:1161px) {
    .fa.pull-right {
        margin: -0.25em;
    }

    /*FIRST*/
    .clearSearchList {
        margin-right: -2rem !important;
        margin-top: -1.5rem !important;
    }
}

@media (max-width:1135px) and (min-width:1125px) {
    .fa.pull-right {
        margin: -0.25em;
    }

    /*FIRST*/
    .clearSearchList {
        margin-right: -1em !important;
        margin-top: -1.5rem !important;
    }
}

@media (max-width:1300px) and (min-width:1200px) {
    /*FIRST*/
    .minuteslider {
        width: 48%;
    }
}

@media (max-width:1370px) and (min-width:1250px) {
    /*FIRST*/
    .minuteslider {
        width: 46%;
    }
}

/* START Css for paltform (Mobile, tablet or PC)*/
@media (max-width:960px) and (min-width:768px) {
    /*FIRST*/
    #accordion {
        width: 100%;
    }

    /*FIRST*/
    .criteria-panel {
        float: none !important;
        margin-top: 0 !important;
    }

    /*FIRST*/
    .divexpandall {
        margin-left: 0px;
    }


    /*FIRST*/
    .drag_drop {
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
    }

    /*FIRST*/
    .criteriabtns {
        padding: 6px 3px;
        margin: 0px 6px 5px 10px;
        border-radius: 0;
        max-width: 100px;
        width: 50%;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 12px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px;
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }

    /*FIRST*/
    #ByrRowsDataEles, #ByrColsDataEles {
        min-height: 15% !important;
    }

    /*FIRST*/
    .showSearch {
        display: inline;
        margin: 14%;
    }

    /*FIRST*/
    .searchDataEles {
        margin-left: -2.8%;
        padding: 4.5px;
        background-color: white;
        color: black;
    }

    /*FIRST*/
    .FYTrestBtn {
        align-content: center;
        padding: 4.5px;
        background-color: red;
        color: white;
        margin-right: -0.15%
    }
}

@media (max-width:640px) and (max-width:420px) {
    /*FIRST*/
    #accordion {
        width: 100%;
    }

    .criteria-panel {
        float: none !important;
        margin-top: 0 !important;
    }

    .divexpandall {
        margin-left: 15px;
    }

    .criteriabtns {
        padding: 6px 3px;
        margin: 0px 6px 5px 10px;
        border-radius: 0;
        max-width: 100px;
        width: 50%;
    }

    .tooltip {
        display: inline;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 12px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 12px;
        }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }

    .drag_drop {
        overflow: scroll;
        z-index: 9999;
        float: left;
        overflow-x: hidden;
    }

    #ByrRowsDataEles, #ByrColsDataEles {
        min-height: 16% !important;
    }

    .remove {
        margin: -0.5%;
    }

    .showSearch {
        display: inline;
        margin: 14%;
    }
}
/*FIRST*/
@media (max-width:1070px) and (min-width:992px) {
    .BYRHeading {
        height: 24% !important;
        max-height: 24% !important;
    }
}

/*FIRST*/
@media (max-width:2000px) and (min-width:1071px) {
    .BYRHeading {
        height: 21.5% !important;
        max-height: 21.5% !important;
    }
}

/*FIRST*/
@media (max-width:2000px) and (min-width:1600px) {
    .BYRHeading {
        height: 16% !important;
        max-height: 16% !important;
    }
}

/*FIRST*/
@media(max-width:1542px) and (min-width:1820px) {
    .item_container {
        padding-bottom: 0% !important;
    }
}

/*FIRST*/
@media (max-width:510px) and (min-width:0px) {
    .showSearch .searchDataEle {
        width: 23% !important;
    }
}
/*FIRST*/
@media (max-width:550px) and (min-width:511px) {
    .showSearch .searchDataEle {
        width: 25% !important;
    }
}

/*FIRST*/
@media (max-width:620px) and (min-width:551px) {
    .showSearch .searchDataEle {
        width: 27% !important;
    }
}
/*FIRST*/
@media all and (max-width:480px) and (min-width:321px) {
    .showSearch {
        display: block;
        /*float:none;*/
        margin: 3% !important;
    }

        .showSearch .searchDataEle {
            width: 77% !important;
        }

    .showTables #openalltables, .showTables #closealltables {
        margin-top: -18%;
        margin-right: 3%;
    }

    .criteria-panel {
        width: 100% !important;
    }

        .criteria-panel .criteria-panel .panel.panel-default {
            width: 83%;
            margin-left: 10%;
        }

    .container-fuild address {
        margin-left: 10px !important;
    }
}
/* CDAN Homepage */
@media (max-width: 990px) {
    .img {
        display: none;
    }

    .topiclanding--page .topic-card:hover p {
        /*margin-top: -60px;*/
        margin-bottom: 50px;
    }
}

@media (max-width:1200px) {
    .topiclanding--page .topic-card:hover h1 {
        min-height: 0px;
    }
}

@media only screen and (max-width:620px) {
    .navbar-brand {
        height: 2em;
    }

    .titleHomeIcon {
        font-size: 1.5em !important;
        padding-top: 2vw !important;
    }
}

@media (max-width: 1024px) {
    .showSearch {
        display: inline;
        margin: 5%;
    }
}

@media (max-width: 560px) and (min-width: 500px) {
    .showSearch {
        display: inline;
        margin: 1% !important;
    }
}

@media (min-width: 0px) and (max-width: 510px) {
    .showSearch .searchDataEle {
        width: 23% !important;
    }
}

@media (min-width: 551px) and (max-width: 620px) {
    .showSearch .searchDataEle {
        width: 27% !important;
    }
}

@media (min-width: 511px) and (max-width: 550px) {
    .showSearch .searchDataEle {
        width: 25% !important;
    }
}

@media (max-width:991px) {

    /*CDAN home page*/
    .page-header {
        padding-left: 10px
    }

    .topiclanding--page .topic-card {
        margin-bottom: 40px
    }
}

@media(max-width:1363px) {
    /*FIRST*/
    .minuteslider {
        width: 44%;
    }
}
#maintenanceMessage {
    display: none;
}
/* All media End */