@charset "utf-8";

html, body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: grey;
}

html {
    margin: 0;
    padding: 0;
}

#logo-wrapper {
    background: #073c7e;
    position: fixed;
    z-index: 700;
    height: 40px;
}

form {
    height: 100%;
    width: 100%;
    background: #f2f2f2 !important;
    overflow-x: hidden;
    position: fixed;
}

.ui-dialog {
    position: fixed;
    border: none;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    top: 40px !important;
    left: 0 !important;
}

input[type="submit"] {
    color: #fff;
    background-color: #ec4936;
    margin: auto;
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    padding: 7px 15px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

#pdfViewerClose {
    position: fixed;
    z-index: 851;
    top: 40px;
    left: 0px;
    padding: 7px 10px;
    font-size: 13px;
    color: #fff;
    background-color: rgba(237, 78, 60, 0.9);
}

#logo-wrapper {
    position: fixed;
    z-index: 700;
    height: 40px;
}

.macontainer {
    width: 100%;
    overflow: hidden;
}

#bourns-logo {
    width: 45%;
    padding: 10px;
    max-width: 200px;
}

.mobileHeader {
    display: none;
}
/* TOOLBAR */
.macontainer {
    padding-bottom: 80px;
}

/*.msearch-results {
    position: fixed;
    top: 0;
    left: 0;
    margin: 1%;
    background-color: #ec4936;
    z-index: 99;
    height: 93%;
    width: 88%;
    padding: 5%;
}*/

.msearch-results .sr-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: solid 1px #000;
    border-radius: 20px;
    width: 30px;
    height: 27px;
    text-align: center;
    padding-top: 3px;
    background-color: rgba(255,255,255,.1);
}

    .msearch-results .sr-close:active {
        background-color: rgba(255,255,255,.5);
    }


.scale-in-tr {
    -webkit-animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-out-tr {
    -webkit-animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/**
 * ----------------------------------------
 * animation scale-in-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-tr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@keyframes scale-in-tr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * animation scale-out-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-tr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@keyframes scale-out-tr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

#matoolbar {
    position: fixed;
    bottom: 0;
    background-color: #457bbb;
    width: 100%;
    box-shadow: inset 0 5px 5px rgba(0,0,0,.4);
    z-index: 300;
}

    #matoolbar .mat {
        width: 25%;
        float: left;
        padding: 3px 0;
        text-align: center;
    }

        #matoolbar .mat .imgwrap {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#335680+1,457bbb+100 */
            background: #335680; /* Old browsers */
            background: -moz-linear-gradient(top, #335680 1%, #457bbb 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #335680 1%,#457bbb 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #335680 1%,#457bbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335680', endColorstr='#457bbb',GradientType=0 ); /* IE6-9 */
            margin: 5px auto -10px;
            border-radius: 50%;
            display: block;
            height: 50px;
            width: 50px;
            transition-property: background;
            transition-duration: 1s;
            transition-timing-function: linear;
        }

            #matoolbar .mat .imgwrap.active, #matoolbar .mat .imgwrap:active {
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#83a8d6+0,467bbc+100 */
                background: #83a8d6; /* Old browsers */
                background: -moz-linear-gradient(top, #83a8d6 0%, #467bbc 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #83a8d6 0%,#467bbc 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #83a8d6 0%,#467bbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a8d6', endColorstr='#467bbc',GradientType=0 ); /* IE6-9 */
            }

            #matoolbar .mat .imgwrap img {
                display: block;
                margin: auto;
                width: 90%;
            }

        #matoolbar .mat a {
            text-decoration: none;
        }

        #matoolbar .mat span {
            text-align: center;
            color: #fff;
            font-size: 11px;
            text-transform: uppercase;
        }
/* BACK AND SEARCH */
#searchIcon, #searchCloseIcon {
    position: fixed;
    top: 4px;
    right: 5px;
    height: 32px;
    z-index: 800;
}

#backIcon {
    position: fixed;
    top: 5px;
    left: 5px;
    height: 30px;
    max-height: 30px;
    opacity: .7;
    z-index: 800;
}

/*#searchIconContainer {
    height: 33px;
    width: 33px;
    position: absolute;
    z-index: 999;
    transition-duration: 1s;
    transition-delay: 1s;
    left: auto;
    right: 5.5%;
    margin: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    #searchIconContainer img {
        width: 100%;
    }*/

.masearchwrap {
    /*background-color: #457bbb;*/
    padding: 0;
    width: 90%;
    position: absolute;
    transition-duration: .2s;
    top: 40px;
    height: 0;
    overflow: hidden;
}

    .masearchwrap.active {
        padding: 5px 5% 5px;
        z-index: 600;
        background-color: #073c7e;
        height: auto;
        /*box-shadow: 3px 3px 5px rgba(0,0,0,.4);*/
    }

#searchClearIcon {
    height: 20px !important;
    width: 20px;
    display: block;
    opacity: .7;
    position: absolute;
    z-index: 999;
    transition-duration: 1s;
    transition-delay: 1s;
    left: 7%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#maInputSearch {
    height: 33px;
    width: 33px;
    position: absolute;
    z-index: 999;
    transition-duration: 1s;
    transition-delay: 1s;
    left: auto;
    right: 5.5%;
    top: 50%;
    margin: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#masearch {
    width: 80%;
    padding: 10px 10%;
    border: none;
    /*transition-duration: .2s;*/
    /*transition-timing-function: ease-out;*/
    /*border-bottom: solid 3px #ec4936;
    border-radius: 0 7px 7px 7px;*/
    border-radius: 20px;
    border: solid 2px #4a7cbd;
}

    #masearch.open {
    }

    #masearch.error {
        border: solid 2px red;
        box-shadow: 3px 3px 5px rgba(255,255,255,.5), -3px -3px 5px rgba(255,255,255,.5);
        background-color: #ffe2e7;
    }

.searchtab {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #f1f2f2;
    padding: 1px 9px 2px;
    position: relative;
    border-bottom: solid 2px #457bbb;
}

    .searchtab.active {
        color: #fff;
        /*background-color: #fff;*/
        border-bottom: solid 2px #ec4936;
    }

        .searchtab.active::before {
            content: '▲';
            color: #ec4936;
            text-align: center;
            position: absolute;
            top: -9px;
            width: 100%;
            left: 0;
        }

.msr-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5px;
    /*border-top: solid 1px #ec4936;*/
}

.masbg {
    background-color: #EB4A36;
    padding: 9px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    border-radius: 5vw;
    position: absolute;
    top: 10%;
    left: 4.5%;
}

.msearch-results {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 300;
    height: 0;
    overflow: hidden;
    transition-property: all;
    transition-duration: .2s;
    width: 100%;
    overflow-x: hidden;
}

    .msearch-results.active {
        height: 45px;
        overflow: visible;
        background-color: #073c7e;
        z-index: 600;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
        margin-top: -1px;
    }

    .msearch-results .sr-close {
        position: absolute;
        top: 10px;
        right: 10px;
        border: solid 1px #000;
        border-radius: 20px;
        width: 30px;
        height: 27px;
        text-align: center;
        padding-top: 3px;
        background-color: rgba(255,255,255,.1);
    }

        .msearch-results .sr-close:active {
            background-color: rgba(255,255,255,.5);
        }

/* applications */
.borderedSection {
    padding: 0 2.5%;
}

.app-schematics {
    padding: 0 2.5%;
}

.applicationTitle {
    padding: 0 2.5%;
}

    .applicationTitle h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 20px;
    }

.applicationBlock2 {
    display: none;
}
/* SERVICES */
h2.mapped {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 20px;
}

ul.mapped {
    list-style-type: disc;
    padding: 0 0 0 20px;
    margin: 5px 0 15px;
    width: 90%;
}

.featureBox img {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
}

ul.mapped li {
    list-style-type: disc;
}
/* PRODUCTS */
.sfNavHorizontal {
}

    .sfNavHorizontal li {
        border-right: none;
        display: block;
        float: none;
        background-color: #fff;
        border-radius: 5px;
        margin: 5px 10px;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    }

        .sfNavHorizontal li:first-child {
            margin-left: 10px;
        }

        .sfNavHorizontal li a {
        }


.h1cat1 {
    background-color: #467bbc;
    color: #fff;
    padding: 6px 10px;
    font-weight: normal;
    font-size: 14px;
    margin-top: -2000px;
    transition-property: margin-top;
    transition-delay: 5s;
    transition-duration: .5s;
    transition-timing-function: ease;
}

    .h1cat1::before {
        content: "‹";
        color: #fff;
        font-size: 24px;
        margin-right: 4px;
        line-height: 12px;
    }

    .h1cat1.products, .h1cat2.products, .h1cat3.products, .h1cat4.products {
        margin-top: 0;
    }

.h1cat2 {
    background-color: #7ba2d2;
    color: #fff;
    padding: 4px 10px;
    font-weight: normal;
    font-size: 14px;
    margin-top: -2000px;
    transition-property: margin-top;
    transition-delay: 5s;
    transition-duration: .5s;
    transition-timing-function: ease;
}

    .h1cat2.link::before, .h1cat3.link::before {
        content: "‹";
        color: #fff;
        font-size: 24px;
        margin-right: 4px;
        line-height: 12px;
    }

.h1cat3 {
    background-color: #9fbee3;
    color: #fff;
    padding: 4px 10px;
    font-weight: normal;
    font-size: 14px;
    margin-top: -2000px;
    transition-property: margin-top;
    transition-delay: 5s;
    transition-duration: .5s;
    transition-timing-function: ease;
}

.h1cat4 {
    background-color: #afc8e6;
    color: #fff;
    padding: 4px 10px;
    font-weight: normal;
    font-size: 14px;
    margin-top: -2000px;
    transition-property: margin-top;
    transition-delay: 5s;
    transition-duration: .5s;
    transition-timing-function: ease;
}

.noresults {
    margin: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #696969;
}

.productFilter {
    background-color: #fff5d1;
    margin: 0 2.5%;
    padding: 20px 0 0;
    border-radius: 0 0 7px 7px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.4);
    font-weight: normal;
    font-size: 13px;
    border-left: solid 1px #ddd1a8;
    border-right: solid 1px #ddd1a8;
    border-bottom: solid 1px #ddd1a8;
    position: relative;
    overflow: hidden;
}

    .productFilter.open {
        padding: 1% 2.5% 25px;
    }

    .productFilter .filtersSh {
        text-align: center;
        position: absolute;
        bottom: 0;
        border-radius: 0 0 7px 7px;
        background-color: #fcebad;
        width: 100%;
        left: 0;
        border-top: solid 1px #ddd1a8;
    }

        .productFilter .filtersSh::after {
            content: '▼';
            margin-left: 2px;
            font-size: 12px;
            color: #8e6f00;
        }

        .productFilter .filtersSh.open::after {
            content: '▲';
            margin-left: 2px;
            font-size: 12px;
            color: #8e6f00;
        }

.plistitem {
    margin: 2.5%;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    padding: 5% 5% 2.5% 2.5%;
    font-size: 13px;
    position: relative;
}

.plititle img {
    float: left;
    margin: -12px 3px 7px 0;
    max-width: 40px;
}

.plititle {
    font-size: 16px;
    font-weight: normal;
}

    .plititle::after {
        content: '';
        clear: both;
        display: table;
    }

.new-products img {
    max-width: 40px;
}

.shspecs {
    padding: 2px 5px;
    width: 100%;
    text-align: right;
    color: #555;
    font-size: 11px;
    text-transform: uppercase;
    margin: 10px 0 0;
    border-bottom: solid 1px #aaa;
}

    .shspecs::after {
        content: 'Show More ▼'
    }

    .shspecs.open::after {
        content: 'Show Less ▲'
    }

.filterswrap {
    font-weight: 600;
    max-height: 0;
    transition-duration: 1s;
}

    .filterswrap.open {
        max-height: none;
    }

span.fcrit {
    border: solid 1px #757575;
    padding: 0 2px;
    display: inline-flex;
    margin: 0 4px 4px 0;
    font-weight: 400;
}

    span.fcrit.on {
        background-color: #fff;
    }

.backPABox {
    border: solid 1px #ccc;
    width: 95%;
    margin: 12px 2.5% 0;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    position: relative;
}

.paBoxTitle {
    padding: 7px 4px 10px 40px;
}

.paBoxImage img {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 30px;
    width: 30px;
}

.paBoxText {
    font-size: 13px;
    padding: 7px;
}

.paBoxLinks {
    padding: 7px;
}

.mahide, .mylivechat_inline, .languageSelect, .searchIcon, .languageIcon, .sfBreadcrumbWrp, .footer,
.slicknav_menu, .slicknav_btn, .featureBoxSm, .stickyHeader, #BournsSurvey, hr, .logo, .banner .da-slider,
.mylivechat_inline, .surveyForm, .backToProd, .search-filter, .search-result-link, .bannerBack {
    display: none !important;
}

p {
    margin: 0 0 10px;
}

.scrollBody {
    background-color: #f2f2f2;
    margin-top: 2000px;
}

.fixedWidth {
    margin: 0;
    width: 100%;
    padding-bottom: 110px;
}

.mobileHeader {
}

#offsiteLinkConfirm {
    position: fixed;
    top: 20%;
    margin: 10%;
    padding: 5%;
    background-color: #007dc5;
    color: #fff;
    border-top: solid 2px #4ab6f5;
    border-left: solid 2px #4ab6f5;
    border-right: solid 3px #034f7b;
    border-bottom: solid 3px #034f7b;
    z-index: 500;
}

.oslcYes {
    width: 40%;
    display: inline-block;
    text-align: center;
    padding: 2% 3%;
    margin-right: 2%;
    border: solid 1px #fff;
}

.oslcNo {
    width: 40%;
    display: inline-block;
    text-align: center;
    padding: 2% 3%;
    margin-left: 2%;
    border: solid 1px #fff;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul li {
        font-size: 15px;
    }

#mawhiteout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: rgba(255,255,255,.8);
    display: none;
}

#maloading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.5);
    z-index: 999;
}

.loader {
    border: 10px solid #457bbb;
    border-top: 10px solid #073c7e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mabody {
    background-color: #fff;
    padding: 0 2% 2% 2%;
    width: 96%;
    min-height: 800px;
    margin-bottom: 60px;
    margin-top: 2000px;
    /*background-image: url(https://www.bourns.com/images/mobile/automotive_solutions_inverted_bkd.jpg?sfvrsn=22e779f6_2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% bottom;
    background-attachment: fixed;*/
}

#automotiveLocAddr {
    background: #fff;
    width: 100%;
    padding: 0 2.5% 2.5%;
}

    #automotiveLocAddr table {
        width: 90%;
    }

        #automotiveLocAddr table td.tableSubhead {
            background-color: #eee;
            margin-top: 10px;
            display: block;
        }

.autocomp {
    padding: 2.5%;
}

    .autocomp h2 {
        font-weight: normal;
    }

    .autocomp ul {
        padding: 0 0 0 20px;
        width: 95%;
    }

        .autocomp ul, .autocomp ul li {
            list-style-type: disc;
        }

.autoapps {
    background: #fff;
    padding: 2.5%;
}

    .autoapps .necontent {
        display: none;
    }

    .autoapps .sfContentBlock {
        margin: 0 0 10px 0;
        padding: 8px 0;
        border: solid 1px #ccc;
        width: 94%;
        clear: both;
        border-radius: 7px;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
        position: relative;
    }

        .autoapps .sfContentBlock:active {
            background-color: #457bbb;
        }

            .autoapps .sfContentBlock:active h2, .autoapps .sfContentBlock:active a {
                color: #fff;
            }

        .autoapps .sfContentBlock h2 {
            font-size: 14px;
            font-weight: normal;
            font-size: 14px;
            font-weight: normal;
            margin: 0 0 0 45px;
            padding: 4px 0;
        }

    .autoapps h2 a {
        text-decoration: none;
        width: 100%;
        display: block;
    }

    .autoapps .sfContentBlock img {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 4px;
        left: 4px;
        margin: 0;
    }

    .autoapps p {
        display: none;
    }

.sfdownloadFile, .listHtmlLinks li {
    margin: 2.5%;
    background: none !important;
    background-color: #fff !important;
    padding: 2.5% !important;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

    .sfdownloadFile a, .listHtmlLinks li a {
        text-decoration: none;
    }

.sfNavHorizontalSiteMapWrp ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    .sfNavHorizontal.sfLevel1 li, .sfNavHorizontalSiteMapWrp ul li, .sfNavVertical li {
        /*background-color: transparent;*/
        /*width: 100%;*/
        position: relative;
    }

.sfNavHorizontalSiteMapWrp a {
    padding: 10px 20px 10px 0;
}

.sfnewsListTitlesOnly {
    margin-top: -10px;
}

    .sfnewsListTitlesOnly .sfnewsListItem a::before {
        content: 'News';
        color: red;
        text-transform: uppercase;
        font-size: 13px;
        margin-right: 3px;
    }


    .sfnewsListTitlesOnly .sfnewsListItem {
        margin: 0;
        padding-bottom: 0;
        font-size: 15px;
        padding: 10px 20px 10px 0;
        border-bottom: solid 1px #ccc;
        position: relative;
    }

        .sfnewsListTitlesOnly .sfnewsListItem p {
            display: none;
        }

        .sfnewsListTitlesOnly .sfnewsListItem a {
            text-decoration: none;
            color: #505050;
        }




.search-results-list {
    width: 100%;
}

.sfsearchResultTitle a {
    font-weight: bold !important;
}

    .sfsearchResultTitle a::after {
        content: '';
    }

.sfsearchResultsWrp {
    margin: 0;
    padding: 2.5%;
    font-size: 13px;
}

    .sfsearchResultsWrp br, .sf_pagerNumeric {
        display: none;
    }

dt.sfsearchResultTitle {
    padding: 10px 0;
    border-top: solid 1px #ccc;
}

#ifCustom {
    width: 100% !important;
}

.fab {
    font-size: 24px;
    margin-top: 10px;
}

/*
.pdf-link {
    background-image: url(/common/images/pdf.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 25px 10px 0;
}
    */
/*
a.pdf-link {
    font-size: 15px;
    border-bottom: none;
    text-decoration: underline;
    background: none;
    display: inline;
    padding: 0 20px 0 0;
}*/

.maprodimage {
    width: 40px;
}

.divProductDetail .pdf-link {
    background: none;
}

ul li .pdf-link {
    /*font-size: 17px;*/
    /*border-bottom: solid 1px #ccc;*/
}

.mailto-link {
    /*background-image: url(/common/images/email.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    padding: 10px 25px 10px 0;*/
}

.file-link {
    background-image: url(/common/images/file.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 25px 10px 0;
}

.offsite-link {
}

    .offsite-link::after {
        content: "";
        display: inline-block;
        background: url(/images/mobile/link-icon.png) no-repeat;
        width: 16px;
        height: 16px;
        margin: 0 0 -2px 2px;
        background-size: cover;
        opacity: .7;
    }

.jwcustom table {
    border-collapse: collapse;
}

    .jwcustom table th {
        border: solid 1px #ccc;
        padding: 2.5%;
        background-color: #f5f5f5;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: normal;
    }

        .jwcustom table th:first-child {
            text-align: left;
        }

    .jwcustom table td {
        border: solid 1px #ccc;
        padding: 2.5%;
        position: relative;
    }

        .jwcustom table td:first-child {
            width: 60%;
        }

            .jwcustom table td:first-child img {
                position: absolute;
                top: 10px;
                right: 7px;
            }

            .jwcustom table td:first-child a {
                text-decoration: none;
                display: block;
            }

                .jwcustom table td:first-child a::before {
                    content: "";
                    display: inline-block;
                    background-image: url(/images/mobile/Data-Sheet-Icon-gr.png);
                    background-size: 24px;
                    background-repeat: no-repeat;
                    height: 30px;
                    width: 24px;
                    margin: 0 5px -7px 0;
                    background-position: 0 5px;
                    overflow: visible;
                }
/*
.pdf-link::after, .mailto-link::after, .file-link::after {
    content: ' ' !important;
}
        */
.manavbar {
    position: fixed;
    bottom: 0;
    z-index: 99;
    color: #fff;
    padding-top: 10px;
    display: block !important;
}

    .manavbar .sfContentBlock {
        text-align: center;
        line-height: 2;
        background-color: #175e88;
        background-color: rgba(5, 71, 106, 0.84);
        padding-top: 12px;
        /*-webkit-transition: color 0.7s;
        transition: color 0.7s;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
    }

        .manavbar .sfContentBlock .fas, .manavbar .sfContentBlock .fab {
            font-size: 14px;
        }

    .manavbar .sf_4cols_1_25, .manavbar .sf_4cols_2_25, .manavbar .sf_4cols_3_25, .manavbar .sf_4cols_4_25 {
        width: 25% !important;
    }

/*.manavbar .sfContentBlock {
        background-image: -webkit-linear-gradient(top, #175e88, #fff);
        background-image: linear-gradient(top, #175e88, #fff);
        border-radius: 20%;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
        float: left;
        height: 60px;
        margin: 0 30px 30px 0;
        position: relative;
        width: 70px;
        -webkit-transition: all .1s linear;
        transition: all .1s linear;*/
/*}*/










a {
    color: #505050;
}

    a:hover {
        text-decoration: none;
    }

img {
    border: none;
}

select {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #505050;
    width: 98%;
    background-color: #dbe5f1;
    border-top: solid 2px #457bbb;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top: 2px;
    padding: 10px 7px;
}

h1 {
    font-weight: normal;
    background-size: cover;
    margin: 0;
}

    h1.products {
        margin: 0;
        font-weight: normal;
        background-size: cover;
        padding: 1% 3% 1%;
        font-size: 20px;
        box-shadow: 0 3px 5px rgba(0,0,0,.6);
        opacity: 0;
        background-image: url(/images/mobile/header_products.jpg);
        color: #fff;
    }

        h1.products::before {
            content: "‹";
            color: #fff;
            font-size: 24px;
            margin-right: 4px;
        }

.slide-in-top {
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: 1s;
}
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group {
    margin-bottom: 20px;
}

#TC869EEFF001_ctl00_ctl00_navigationUl {
    -moz-column-count: auto !important;
    -webkit-column-count: auto !important;
    column-count: auto !important;
}

h2.products {
    margin: 2000px 10px 0;
    font-size: 14px;
    background-color: #fff;
    font-weight: normal;
    padding: 10px 10px 10px 50px;
    border-radius: 7px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    background-image: url("/images/mobile/products_ph.jpg");
    background-position-x: -100px;
    background-position-y: center;
    background-repeat: no-repeat;
    display: block;
    background-size: auto 80%;
}

    h2.products a, .sfNavList li a {
        text-decoration: none;
        display: inline-block;
        width: 100%;
    }

    h2.products:active {
        background-color: #457bbb;
    }

        h2.products:active a {
            color: #fff;
        }

.k-treeview .k-in {
    margin: 0;
    line-height: initial;
    text-decoration: none;
    border-style: none;
    border-width: 0;
}

.sfNavList li, .k-treeview .k-item {
    margin: 2000px 10px 0;
    font-size: 14px;
    background-color: #fff;
    font-weight: normal;
    padding: 10px 10px 10px 50px;
    border-radius: 7px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    background-image: url("/images/mobile/products_ph.jpg");
    background-position-x: -100px;
    background-position-y: center;
    background-repeat: no-repeat;
    display: block;
    background-size: 35px;
}

    .sfdownloadFile:active, .listHtmlLinks li:active, .sfNavList li:active {
        background-color: #457bbb !important;
        color: #fff !important;
    }

        .sfdownloadFile:active a, .listHtmlLinks li:active a {
            color: #fff;
        }

.sfdownloadFile a, .listHtmlLinks li a {
    color: #000;
}

.k-item ul {
    display: none !important;
}

.request-samples-btn::after {
    content: '' !important;
}

.maul {
    padding: 5% 2%;
}

    .maul ul li {
        padding: 2.5%;
        background-color: #fff;
        border: solid 1px #ccc;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
        border-radius: 7px;
        margin: 0 0 10px 0;
    }

        .maul ul li.nmabtn {
            padding: 0;
            background-color: inherit;
            border: none;
            box-shadow: none;
            border-radius: initial;
            margin: 0 0 10px 0;
        }

        .maul ul li a {
            text-decoration: none;
        }


.fullWidth {
    width: 100%;
}

.header {
    color: #969696;
    font-weight: 700;
    padding: 10px 0;
    font-size: 15px;
}

.k-icon {
    width: 0;
    height: 0;
}

div.k-treeview {
    white-space: normal;
}

.k-mid .k-in:after {
    top: 10px;
}

/* PRODUCTS */
.genContent {
    /* padding-bottom: 10px; removed for https://www.bourns.com/products/fixed-resistors/current-sense-resistors/product/CFG0612?ma=1 */
}

    .genContent img {
        display: block;
        /*width: 95%;*/
        margin: 2% auto;
    }

.prodFeatPhoto {
    display: none;
}

.genContent .prodFeatText {
    width: 100% !important;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.prodFeatText .sf_colsIn {
    margin-left: 0 !important;
}

.productsTableWrapper {
    padding-top: 1px;
    clear: both;
}


.prodLineFeature, .genContentCustom {
    padding: 2px 10px;
    background-color: #cacaca;
    border-radius: 20px;
    width: auto;
    float: right;
    border: solid 1px #9E9E9E;
    position: absolute;
    z-index: 20;
    top: 95px;
    right: 5px;
}

.prodLineFeature {
    display: none;
}

    .prodLineFeature div, .genContentCustom div {
        display: none;
    }

.fa-window-close {
    float: right;
    margin: 5px 5px 0 0;
    color: #ffc600;
}

.prodLineFeature::before, .genContentCustom::before {
    content: "+";
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.fa-window-close {
    z-index: 400;
    position: relative;
    color: #ccc;
    font-size: 24px;
}
/*.prodLineFeature::after, .genContentCustom::after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 12900ms infinite;
    animation: ellipsis steps(4,end) 1200ms infinite;
    content: "\2026";
    width: 0px;
}*/

.prodLineFeature.on, .genContentCustom.on {
    padding: 2%;
    background-color: #fff;
    border-radius: unset;
    border: none;
    width: auto;
    float: none;
    margin-top: 100px;
    right: 0;
}

.genContentCustom.on {
    padding-top: 10px;
}

.genContentCustom ul {
    list-style: disc;
    padding: 0 0 0 10px;
    margin: 0 0 10px 10px;
}

.genContentCustom.on ul li {
    list-style: disc;
    padding-bottom: 5px;
}

.prodLineFeature.on div, .genContentCustom.on div {
    display: block;
}

    .prodLineFeature.on div.prodFeatPhoto {
        display: none;
    }

    .prodLineFeature.on div.prodFeatText {
        display: block !important;
    }

.prodLineFeature.on::before, .genContentCustom.on::before {
    content: "";
}

.prodLineFeature.on::after, .genContentCustom.on::after {
    content: "";
    animation: none;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

table .mobileTable, .mobileTable thead, .mobileTable tbody, .mobileTable th, .mobileTable td, .mobileTable tr, .new-products table, .new-products table thead, .new-products table tbody, .new-products table th, .new-products table td, .new-products table tr {
    display: block;
}

    .mobileTable thead tr, .new-products table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.mobileTable tr {
}

.mobileTable td, .new-products table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 50%;
    font-size: 13px;
    background-color: #fff;
}

    .mobileTable td.tableSubhead, .new-products table td.tableSubhead {
        background-color: #ddd;
        font-weight: 600;
    }

    .mobileTable td:before, .new-products table td:before {
        position: absolute;
        top: 1px;
        left: 0;
        width: 46.5%;
        padding: 0 0 0 3px;
        white-space: nowrap;
        background-color: #eee;
        height: 99%;
        /* margin-bottom: 1px; */
    }

    .mobileTable td.tableSubhead:before, .new-products table td.tableSubhead:before {
        position: absolute;
        top: 1px;
        width: 45%;
        white-space: nowrap;
        background-color: #ddd;
        height: auto;
        font-weight: 600;
    }

.mobileTable ul {
    padding-left: 0 !important;
}

    .mobileTable ul li, .new-products table ul li {
        font-size: 13px;
        padding-right: 5px;
    }

.new-products table {
}

    .new-products table ul, .new-products table ul li {
        list-style-type: disc;
    }

    .new-products table td:nth-of-type(1):before {
        content: "Product Group";
    }

    .new-products table td:nth-of-type(2):before {
        content: "Date Issued";
    }

    .new-products table td:nth-of-type(3):before {
        content: "Photo";
    }

    .new-products table td:nth-of-type(4):before {
        content: "Product Announcements";
    }

    .new-products table td:nth-of-type(5):before {
        content: "Data Sheet";
    }

    .new-products table td:nth-of-type(6):before {
        content: "Product Page";
    }

    .new-products table td:nth-of-type(7):before {
        content: "Resources";
    }

#ctl55_ctl00_ctl00_panDesignKits {
    margin-top: -5px;
}

.productsTable {
    width: 100% !important;
}

    .productsTable thead {
        display: none;
    }

    .productsTable tr {
        margin: 2.5%;
        background-color: #fff;
        border: solid 1px #ccc;
        display: block;
        border-radius: 7px;
        padding: 2.5%;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    }

        .productsTable tr td {
            display: block;
        }

            .productsTable tr td img.maprodimage,
            .productsTable tr td a img[src*="pdf.png"] {
                display: none;
            }

/*.productsTable td a {
        text-decoration: none;
        background-color: #fff;
        display: block;
        padding: 10px;
        font-size: 14px;
        border-radius: 7px;
        margin: 5px;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    }*/
.designKitsTable td a::after {
    top: auto;
}

.prodDetail {
    background-color: #fff;
    padding-bottom: 10px;
    position: relative;
}

.divProductDetail {
    clear: both;
}

    .divProductDetail table {
        margin: 0 110px 0 2.5%;
    }

        .divProductDetail table tr {
            border-bottom: solid 1px #FFA000;
        }

        .divProductDetail table td {
            border-top: none;
            border-bottom: none;
            display: block;
            background-color: #fff !important;
        }

            .divProductDetail table td:nth-child(1) {
                padding: 10px 0 0 0 !important;
            }

            .divProductDetail table td:nth-child(2) {
                padding: 0 0 10px 0 !important;
            }

#prodTitle {
    background-color: #ffc48c;
    padding: 4px 110px 4px 0;
    border-bottom: solid 1px #FFA000;
    font-size: 14px;
}

    #prodTitle img {
        padding: 4px;
        border: solid 1px #b3b9bf;
        background-color: #fff;
        margin: -2px 2.5%;
        float: left;
        box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    }

.plistsection {
    max-height: 100px;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: 1s;
}

    .plistsection.open {
        max-height: 2000px;
        overflow: hidden;
    }

.divActions {
    /*position: absolute;
    right: -200px;
    top: 50px;
    width: 110px;
    background-color: #d8eceb;
    border-radius: 7px 0 0 7px;
    border-top: solid 1px #26a498;
    border-bottom: solid 1px #26a498;
    border-left: solid 1px #26a498;*/
    margin: 0 -4% 0 0;
}

    .divActions::after {
        content: '';
        clear: both;
        display: table;
    }

    .divActions .actionItem {
        text-align: center;
        font-size: 11px;
        margin: 7px 1% 0;
        color: #616161;
        width: 23%;
        float: left;
        line-height: 1.3;
        height: 65px;
    }

    .divActions img {
        display: block;
        margin: auto;
        width: 98%;
    }

    .divActions a.pdf-link {
        font-size: 12px;
        border-bottom: none;
        text-decoration: none;
        background: none;
        display: block;
        padding: 0;
    }

        .divActions a.pdf-link::after {
            content: none;
        }

    .divActions a {
        opacity: 0;
        font-size: 12px;
        line-height: 1.3;
        border-bottom: none;
        text-decoration: none;
        background: none;
        display: block;
        padding: 0;
        width: 35px;
        margin: auto;
        height: 35px;
    }

.flip-in-ver-left {
    -webkit-animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes flip-in-ver-left {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes flip-in-ver-left {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

#prodRelatedLinks {
    margin-top: -20px;
    display: none;
}

    #prodRelatedLinks h2 {
        display: block !important;
        padding: 5px;
        border-top: solid 1px #ccc;
    }

    #prodRelatedLinks h3 {
        margin: 0;
        padding: 10px 0;
        border-top: solid 1px #ccc;
    }

        #prodRelatedLinks h3 a {
            display: block;
            text-decoration: none;
            font-weight: normal;
        }


    #prodRelatedLinks ul li {
        padding: 10px 0;
        border-top: solid 1px #ccc;
        position: relative;
    }

        #prodRelatedLinks ul li a {
            padding-right: 20px;
        }

#ctl55_ctl00_ctl00_panPressReleases h3, #ctl55_ctl00_ctl00_panBrochures h3 {
    background-color: #eee;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

#ctl55_ctl00_ctl00_panPressReleases a, #ctl55_ctl00_ctl00_panBrochures a {
    text-decoration: none;
}


.buy-now {
    text-align: center;
    padding: 10px;
    background-color: #2196F3;
    color: #fff;
    border: solid 2px #1e85d6;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
}

.insetSubMenuTweak {
    margin-top: auto !important;
    border: none !important;
    padding: 0 !important;
    background-color: #f2f2f2 !important;
}


#C002_Status {
    color: #505050 !important;
    display: block;
}

#C002_ItemCount {
    display: none;
}

#C002_DataGrid1 {
    margin-top: 10px;
    border: none;
    border-top: solid 1px #ccc;
    width: 100%;
}

    #C002_DataGrid1 > tbody > tr:first-child, #C002_DataGrid1 > tbody > tr:last-child {
        display: none;
    }

#C001_DataGrid1 td {
    margin: 15px 2.5% 0;
}

#C002_DataGrid1 td {
    margin: 15px 0 0;
}

#C002_DataGrid1 td, #C001_DataGrid1 td {
    display: block;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

    #C002_DataGrid1 td:active, #C001_DataGrid1 td:active {
        background-color: #457bbb;
    }

        #C002_DataGrid1 td:active a, #C001_DataGrid1 td:active a {
            color: #fff;
        }

    #C002_DataGrid1 td a, #C001_DataGrid1 td a {
        text-decoration: none;
        display: block;
    }

    #C002_DataGrid1 td:nth-child(2) {
        display: none;
    }



/* APPLICATIONS */
.app-schematics {
}

    .app-schematics div {
        max-height: none !important;
        overflow-y: auto !important;
    }

    .app-schematics ul {
        margin-bottom: 15px;
    }

        .app-schematics ul li {
            border: solid 1px #ccc;
            border-radius: 7px;
            margin-top: 12px;
            padding: 2.5%;
            background-color: #fff;
            box-shadow: 3px 3px 5px rgba(0,0,0,.4);
        }

            .app-schematics ul li a {
                text-decoration: none;
                position: relative;
                display: block;
                font-weight: normal;
            }

            .app-schematics ul li:active {
                background-color: #457bbb;
            }

                .app-schematics ul li:active a {
                    color: #fff;
                }

.applicationBlock2 img {
    margin: auto;
    display: block;
}

.applicationBlock3 img {
    display: none;
}

.applicationBlock3 p, .applicationBlock3 ul {
    padding: 0 2.5%;
}

.applicationBlock3 ul {
    padding: 0 0 0 30px;
}

    .applicationBlock3 ul li {
        list-style-type: disc;
    }

.PDF_H4 {
    font-size: 15px;
    font-weight: bold;
}
/* VIDEO LIBRARY */
#iVideo {
    margin-top: 10px;
}

.mvidlib img {
    display: block !important;
    width: 150px;
    margin: 0;
}

/* RESOURCES */
#C003_ddlLines {
    max-width: 100%;
    font-size: 15px;
}

#C001_DataGrid1 {
    width: 100%;
}


.engineeringFileList table {
    width: 100%;
}

    .engineeringFileList table th {
        display: none;
    }

.engineeringFileList tr {
}

.engineeringFileList table td:nth-child(2) {
    display: none;
}

.engineeringFileList table td {
    display: block;
    width: auto !important;
    background-color: #fff;
    padding: 2.5%;
    margin: 0 1% 12px;
    border: solid 1px #ccc;
    box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    border-radius: 7px;
    font-size: 13px;
}

.engineeringFileList td a {
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

    .engineeringFileList td a::after {
        content: '';
        clear: both;
        display: table;
    }

.maefdesc {
    display: inline !important;
}

#grid, .dtcontainer {
    display: none;
}

.ma-designtools {
    display: block !important;
}

    .ma-designtools li {
        padding: 10px;
        border: solid 1px #ccc;
        margin: 15px 2.5% 0;
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    }

        .ma-designtools li:active {
            background: #457bbb;
        }

            .ma-designtools li:active a {
                color: #fff;
            }

    .ma-designtools a {
        color: #505050;
        display: block;
    }

        .ma-designtools a.offsite-link, .ma-designtools a.pdf-link {
            background-position: 99%;
            background-size: 20px;
            padding: 0;
        }

            .ma-designtools a.offsite-link::after {
                content: ' ';
            }

.designKitsTable {
    border-collapse: collapse;
}

    .designKitsTable thead {
        display: none;
    }

    .designKitsTable tr td {
        vertical-align: top;
        border: none;
        padding: 2.5% 0;
    }

        .designKitsTable tr td.tableSubhead {
            font-size: 18px;
            font-weight: normal;
        }

        .designKitsTable tr td:nth-child(1) {
        }

        .designKitsTable tr td:nth-child(2) {
            display: none;
        }

        .designKitsTable tr td:nth-child(3) {
        }

    .designKitsTable .pdf-link {
        display: inline-block;
        border: solid 1px #ccc;
        padding: 1%;
        width: 98%;
        text-decoration: none;
        font-size: 14px;
        margin: 0 0 1% 0;
    }

    .designKitsTable br {
        display: none;
    }

.sfSuccess {
    background-color: green;
    text-align: center;
    color: #fff;
    padding: 2.5%;
}

.sfError {
    font-size: 12px;
    text-transform: uppercase;
    color: red;
}

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    line-height: 1.3;
    padding: 2% 20px 2% 1%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-css::-ms-expand {
        display: none;
    }



    .select-css option {
        font-weight: normal;
    }

.vidLibFeature {
    padding: 0px !important;
    width: 100%;
    overflow: visible;
}

#iVideo {
    margin-top: 0 !important;
}

.vidLibFeature .col1, .vidLibFeature .col2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

.vidLibFeature h2, .vidTables h2 {
    display: block !important;
}

.vidLibFeature p, .vidTables p {
    display: block !important;
}

.vidLibFeature p, .vidLibFeature h2 {
    padding: 0 10px;
}

.vidTables table {
    width: 100%;
    border-bottom: solid 1px #ccc;
}

    .vidTables table td {
        padding: 5px !important;
        vertical-align: top;
        text-align: left;
    }

        .vidTables table td:first-child {
            width: 110px;
        }

.vidTables h2 {
    font-weight: normal !important;
    font-size: 14px;
    margin: 0 !important;
}

.vidTables table td a {
    text-decoration: none;
}

.eval-boards li {
    padding: 0 0 14px 0;
    border-bottom: solid 1px #ccc;
}

.eval-boards a {
    font-size: 15px !important;
    background-image: none !important;
    text-indent: -4px;
    display: block;
    width: 100%;
}

.eval-boards .buybtn img {
    position: absolute;
    margin-top: -10px !important;
}

.eval-boards p {
    display: block !important;
    margin: 0;
}

.eval-boards h2 {
    display: block !important;
}

    .eval-boards h2 img, .eval-boards h3 img {
        display: none;
    }

.eval-boards a img {
    float: right !important;
}

.eval-boards a::after {
    content: '' !important;
}

.ref-design a.pdf-link {
    background-image: none !important;
    text-indent: -4px;
}

    .ref-design a.pdf-link img {
        float: right !important;
        margin-right: -20px;
    }

.ref-design ul li {
    border-bottom: solid 1px #ccc;
}

    .ref-design ul li ul {
        display: none;
    }


/* AND MORE! */
.sfFormsEditor {
    padding: 10px 0 15px 0;
}

    .sfFormsEditor .sf_colsOut {
        width: 100%;
    }

    .sfFormsEditor .sf_colsIn {
        margin: 0;
    }

.sfFieldWrp {
    width: 100%;
    display: block;
}

.sfFormBox {
    padding: 10px 0;
    width: 100%;
}

    .sfFormBox .sfTxt, .sfFormsEditor textarea, .sfFormBox select {
        width: 95%;
        padding: 10px 7px;
        font-size: 13px;
        background-color: #dbe5f1;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: solid 2px #457bbb;
        font-family: 'Open Sans', sans-serif;
        color: #073c7e;
    }

.sfnewsContent p, .sfnewsContent img {
    display: block !important;
}

.sfnewsContent a {
    display: inline !important;
    background-color: #e5eff7;
}

    .sfnewsContent a.pdf-link {
        padding: 0 10px 0 0;
        background-size: 15px;
        margin-right: 3px;
    }

#resetCat {
    float: right;
    margin-top: -10px;
}

    #resetCat a {
        text-decoration: none;
        background-color: #ec4936;
        padding: 7px 15px;
        border-radius: 7px;
        color: #fff;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    }

        #resetCat a.active {
            box-shadow: none;
            background-color: #df3e2b;
        }

/* magnetic parametrics*/
.parametricSelect {
    border: none !important;
    background-color: inherit !important;
    padding: 0 2.5% !important;
    margin-bottom: 30px;
}

table.results td.pdf a {
    padding-left: 0px !important;
    background: none !important;
}

.RadSlider_Bootstrap {
    margin-left: 10px;
}

.maParaResults {
    overflow: auto;
}

table.results {
}

    table.results th {
    }

    table.results td {
    }

.rbHorizontalList .RadButton, .rbColumnList {
    white-space: nowrap;
}

.parmSearchTable {
    border: solid 1px #ccc;
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
    font-size: 15px;
}

    .parmSearchTable .tableSubhead {
        background-color: #eee;
        font-weight: 700;
    }

    .parmSearchTable td {
        padding: 3px;
    }

#xrefsearch {
    padding: 7px;
    border-radius: 7px 0 0 7px;
    border: solid 1px #ccc;
    width: 80%;
    max-width: 250px;
    height: 20px;
}

#xrefsearchbtn {
    padding: 7px;
    border-radius: 0 7px 7px 0;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    width: 20%;
    max-width: 75px;
    height: 36px;
    margin-left: -3px;
    background-color: #457bbb;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

#C002_UpdatePanel1 {
    padding-top: 15px;
}

.trainingBlock {
    margin: 2.5%;
}

    .trainingBlock object {
        display: none;
    }

    .trainingBlock p {
        display: block !important;
        margin: 10px 0;
        padding: 10px 20px;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        box-shadow: 3px 3px 5px rgba(0,0,0,.4);
    }

        .trainingBlock p a {
            text-decoration: none;
            color: #000;
        }

.trainingFeature {
    padding: 2px 10px 4px;
    background-color: #ffd254;
    border-radius: 0 0 5px 5px;
    width: 95px;
    float: right;
    display: none;
}

    .trainingFeature div {
        display: none;
    }

    .trainingFeature::before {
        content: "Read more";
        font-size: 16px;
        display: inline-block;
    }

    .trainingFeature::after {
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        -webkit-animation: ellipsis steps(4,end) 12900ms infinite;
        animation: ellipsis steps(4,end) 1200ms infinite;
        content: "\2026";
        width: 0px;
    }

    .trainingFeature.on {
        padding: 0 0 10px 0;
        background-color: #fff;
        border-radius: unset;
        border: none;
        width: auto;
        float: none;
    }

        .trainingFeature.on div {
            display: block;
            width: 100% !important;
            margin: 0;
        }

            .trainingFeature.on div.prodFeatPhoto {
                display: none;
            }

            .trainingFeature.on div.prodFeatText {
                display: block !important;
            }

        .trainingFeature.on::before {
            content: "";
        }

        .trainingFeature.on::after {
            content: "";
            animation: none;
        }

#maxrefnum {
    width: 75px !important;
}

#C017_Col01 iframe {
    display: none;
}

#C002_ddlCategory option {
    padding: 7px;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
    background: #fff;
    margin: 15px 0 0 0;
}

.support-content {
    margin-top: -20px;
}

    .support-content h2 {
        font-weight: normal;
    }

    .support-content .sfContentBlock {
        padding: 0 2%;
    }

    .support-content a {
        display: inline !important;
    }

    .support-content p {
        display: block !important;
    }

    .support-content .sf_2cols_1_25, .support-content .sf_2cols_2_75 {
        width: 95% !important;
        float: none;
    }

    .support-content .padBottom10 {
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }

    .support-content a.mailto-link {
        /*background-image: url(/common/images/email.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 20px;
        padding: 0;
        padding-right: 25px;*/
    }

/* inventory search results */
#isrncapi h2 {
    font-size: 16px;
}

#tblGlobal, #tblAmericas, #tblEurope, #tblAsia {
    border: solid 1px #ccc;
    border-collapse: collapse;
}

    #tblGlobal th, #tblAmericas th, #tblEurope th, #tblAsia th {
        font-size: 13px;
        line-height: 1;
        border: solid 1px #ccc;
    }

    #tblGlobal td, #tblAmericas td, #tblEurope td, #tblAsia td {
        font-size: 13px;
        line-height: 1;
        border: solid 1px #ccc;
    }
.distSec {
    padding: 40px 5px 20px !important;
}
.of50 {
    width: 100% !important;
    float: none !important;
}
.ofLabel {
    width: 130px !important;
}
.ofCTA input {
    margin: 10px auto !important;
    display: block !important;
    width: 100px !important;
}
.tdBuyNow .offsite-link::after {
    content: "";
    display: inline-block;
    background: none;
    width: auto;
    height: auto;
    margin: 0;
    background-size: cover;
    opacity: .7;
}
/* FX */
.manavbar .sfContentBlock {
    position: relative;
}

    .manavbar .sfContentBlock.on {
        background-color: rgb(18, 129, 188);
        background-color: rgba(18, 129, 188, 0.95);
    }

    .manavbar .sfContentBlock::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -35px 0 0 -35px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        content: '';
        opacity: 0;
        pointer-events: none;
    }

    .manavbar .sfContentBlock::before, .manavbar .sfContentBlock::after {
        box-shadow: 0 0 0 2px rgba(111,148,182,0.5);
    }

    .manavbar .sfContentBlock::after {
        box-shadow: inset 0 0 0 35px rgba(111,148,182,0);
        -webkit-animation: anim-effect-ivana 0.5s ease-out forwards;
        animation: anim-effect-ivana 0.5s ease-out forwards;
    }

.pulse::before {
    -webkit-animation: anim-effect-ivana-1 0.5s forwards;
    animation: anim-effect-ivana-1 0.5s forwards;
}


.pulse::after {
    -webkit-animation: anim-effect-ivana-2 0.5s forwards;
    animation: anim-effect-ivana-2 0.5s forwards;
}

/* Pro Audio */
.pa-print, .pa-auth-footer {
    display: none;
}

/* ANIMATIONS */
@-webkit-keyframes anim-effect-ivana-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes anim-effect-ivana-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@-webkit-keyframes anim-effect-ivana-2 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }

    50%, 100% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}

@keyframes anim-effect-ivana-2 {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }

    50%, 100% {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}