/*#region ************* fonts ********************/
@font-face {
    font-family: 'OpenSansCondensed';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../fonts/OpenSans-SemiBold-webfont.eot');
    src: url('../fonts/OpenSans-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiBold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedItalic';
    src: url('../fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-CondLightItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*#endregion */

/*#region ************* bootstrap media queries (extra) ********************/
@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}

@media only screen and (min-width : 1824px) {
    .container {
        width: 1800px;
    }
}
/*#endregion */

/*#region ************* bootstrap overrides ********************/
.jumbotron, .navbar {
    margin-bottom: 15px;
}

.container .jumbotron,
.form-control,
.btn {
    border-radius: 0;
}


li.disabled {
    cursor: default;
}

#app-content sub, #app-content sup,
.modal-scrollable sub, .modal-scrollable sup {
    font-size: 55%;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    cursor: pointer;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline,
.has-error .form-control,
.has-error .form-control:focus {
    border-color: red;
    color: red;
}
/*#endregion */

/*#region ************* uconnect imported global.css styles ********************/
h1, #feature-header p {
    font-family: OpenSansCondensed, sans-serif;
    letter-spacing: 0;
}

#feature-header p {
    color: #fff;
}

h1, .jumbotron h1, .jumbotron .h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}
/*#endregion */

/*#region ************* app base ********************/
body {
    background: #0e0e0e;
    color: #fff;
    line-height: 1.5;
}

a {
    color: #428bca;
    cursor: pointer;
}

    a span {
        color: inherit;
        cursor: inherit;
    }

    a.software-update-instructions-download span:after {
        font-family: 'Glyphicons Halflings';
        content: '\e022';
        position: relative;
        margin-left: 10px;
        font-size: 1em;
        vertical-align: bottom;
    }

    a.software-update-instructions-download.inline {
        text-decoration: underline;
    }

        a.software-update-instructions-download.inline span:after {
            content: none;
        }

#app-content, .modal-scrollable {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 16px;
}

    #app-content h1, .modal-scrollable h1,
    #app-content h2, .modal-scrollable h2,
    #app-content h3, .modal-scrollable h3,
    #app-content h4, .modal-scrollable h4 {
        font-family: OpenSansCondensed, sans-serif;
        text-transform: uppercase;
    }

        #app-content h2.panel-title,
        #app-content .panel-content h2,
        #app-content .panel-content h3 {
            text-transform: none;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 1.15em;
        }

    #app-content .panel-content h3 {
        font-size: 1.09em;
        color: gray;
    }

    #app-content img, .modal-scrollable img {
        font: normal 1em/normal Arial, Helvetica, sans-serif;
        color: #000;
    }

p.em {
    font-weight: bold;
}

p.em-note {
    color: gray;
    /* cgmain-8944 */
    color: #333;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    top: 5px;
    position: relative;
}

p.em-note-2 {
    /* cgmain-8944 */
    font-size: 14px;
    color: #333;
    position: relative;
    top: 16px;
}

p.has-error,
section.has-error {
    color: red;
}

a:focus {
    outline: 0;
}

.container-medium {
    max-width: 980px /*840px*/;
    margin: 0 auto;
}

.container-medium-1 {
    max-width: 950px /*810px*/;
    margin: 0 auto;
}

#app-content .bold,
.modal-scrollable .bold {
    font-weight: bold;
}

#app-content .underline,
.modal-scrollable .underline {
    text-decoration: underline;
}

#app-content ol,
.modal-scrollable ol {
    padding-left: 0;
    margin-left: 22px;
}

    #app-content ol li,
    .modal-scrollable ol li {
        margin-bottom: 8px;
        list-style-type: inherit;
    }

#app-content #main-content {
    position: relative;
    top: -50px;
    background-color: #fff;
    overflow: hidden;
}

#app-content #main-hero {
    /*background: url('../images/banner-sky.jpg') no-repeat center center;*/
    background: #172746;
    height: 205px;
}

#app-content .section-header,
.modal-scrollable .section-header {
    min-height: 16.42857143px;
    padding: 15px;
    border: none;
}

    #app-content .section-header .close {
        margin-top: -24px;
        margin-right: -7px;
    }

.anchor-wrap-enabled,
.anchor-wrap-disabled {
    display: inline-block;
}

.hanging-indent1 {
    padding-left: 27px;
    text-indent: -12px;
}

.ie9 .container {
    min-width: 96%;
}

.lt-ie9 input {
    line-height: 28px;
}

.lt-ie9 select {
    padding-bottom: 7px;
}
/*#endregion */

/*#region ************* app modals ********************/
.modal {
    /* override default z-index (1050) to prevent appearing underneath the global header (11999) */
    z-index: 12050;
}

.modal-backdrop {
    /* override default z-index (1040) to prevent appearing underneath the global header (11999) */
    z-index: 12040;
}

    .modal .loading-mask,
    .modal-backdrop,
    .modal-backdrop.fade.in {
        background: #000;
    }

.modal-dialog .modal-title {
    font-weight: bold;
}

.modal-dialog .modal-title,
.modal-dialog .modal-body {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #000;
}

.modal-dialog[data-haserror=true] .modal-title, .text-danger {
    color: red;
}

.modal-content {
    padding: 12px;
}

    .modal-content .software-update-changes,
    .modal-content .software-update-instructions,
    .modal-content .software-update-download {
        display: none;
    }

    .modal-content div.software-update-item:last-of-type {
        /*border-bottom: none;*/
    }

.lt-ie9 .modal-content div.software-update-item.last-of-type {
    /*border-bottom: none !important;*/
}

.modal-header .close {
    margin-top: -24px;
    margin-right: -14px;
}

.modal-footer {
    text-align: left;
}

.close {
    font-size: 30px;
}
/*#endregion */

/*#region ************* app buttons ********************/
button, .btn {
    max-width: 100%;
}

    button span, .btn span, .btn-inverse span {
        color: inherit;
        cursor: inherit;
        text-decoration: inherit;
        display: inline-block;
        width: 100%; /* necessary for mobile */
    }

    .btn:hover,
    .btn:focus {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-inverse {
    color: #b4cbe4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #b4cbe4;
        background-color: #222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
        filter: none;
    }

    button[disabled]:hover, .btn.disabled:hover, .btn[disabled]:hover, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover {
        color: #b4cbe4;
        cursor: default;
        background-position: 0;
    }

    button[disabled]:active, .btn.disabled:active, .btn[disabled]:active, .btn-inverse.disabled:active, .btn-inverse[disabled]:active {
        background-color: #363636;
        *background-color: #222;
        background-image: -moz-linear-gradient(top, #444, #222);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
        background-image: -webkit-linear-gradient(top, #444, #222);
        background-image: -o-linear-gradient(top, #444, #222);
        background-image: linear-gradient(to bottom, #444, #222);
        background-repeat: repeat-x;
        opacity: .65;
        filter: alpha(opacity=65);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=72);
        box-shadow: none;
    }

.lt-ie9 button[disabled]:hover, .lt-ie9 .btn.disabled:hover, .lt-ie9 .btn[disabled]:hover, .lt-ie9 .btn-inverse.disabled:hover, .lt-ie9 .btn-inverse[disabled]:hover {
    filter: none;
    background-color: #6f6f6f;
    border-color: #6f6f6f #6f6f6f #595959;
}

input.form-control, button, button.btn, input.btn {
    padding: 2px 12px;
}

.btn {
    text-transform: uppercase;
    font: bold 1.24em/normal OpenSansCondensed, sans-serif;
    line-height: 20px; /*inherit*/
    word-spacing: 1px;
    min-height: 34px;
}

    .btn span,
    a.right-point span {
        position: relative;
        top: 1px;
    }

        .btn span:after,
        a.right-point span:after {
            content: '\00BB';
            position: relative;
            top: -1px;
            margin-left: 4px;
        }

.btn-download span:after {
    font-family: 'Glyphicons Halflings';
    content: '\e026';
    position: relative;
    margin-left: 10px;
    font-size: 0.9em;
    vertical-align: bottom;
}

.btn-text {
    text-transform: none;
    font: inherit;
    display: inline;
    padding: 0;
    border: none;
    white-space: normal;
    vertical-align: baseline;
}

    .btn-text span {
        position: static;
        top: 0;
        display: inline;
        line-height: inherit;
    }

        .btn-text span:after {
            content: none;
        }

.lt-ie9 a.btn {
    line-height: 0.5;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .lt-ie9 a.btn span {
        line-height: 0;
        vertical-align: text-bottom;
    }
/*#endregion */

/*#region ************* app forms / form controls ********************/
form input.form-control, form select.form-control, form textarea.form-control {
    font-size: 1em;
}

.has-error .control-label:before,
.control-label[data-required]:before {
    content: '**';
}

.control-label[data-optional]:before {
    content: '\00a0';
    color: transparent;
    display: inline-block;
    padding-left: 12px;
}

.has-error.form-group:after {
    content: '**Please fill in the required field';
    margin-left: 15px;
    background-color: #a94442;
    color: #fff;
}

.form-group#form-enter-VIN1:after {
    display: inline-block;
    content: '';
}

.has-error.form-group#form-enter-VIN1:after {
    content: '**Please enter a valid VIN number';
    margin-left: 0;
}

#app-content .form-inline .control-label {
    font-size: 0.8em;
}

#app-content .form-group {
    width: 100%; /* needed for IE layout */
}

    #app-content .form-group input.form-control {
        display: inline-block;
        max-width: 100%;
        width: 260px;
    }

    #app-content .form-group > *,
    #app-content .form-group .form-controls-container > * {
        margin-bottom: 5px;
    }

#app-content form.form-horizontal .control-label {
    text-align: left;
    padding-right: 0;
}

#app-content form.form-horizontal .form-group .form-control {
    width: 95%;
}

#app-content form.form-horizontal .form-group select.form-control.select-customer-feedback {
    width: auto;
    max-width: 100%;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
}

#app-content form.form-horizontal .form-group input.form-control.input-customer-feedback {
    width: 96%;
}

#app-content form.form-horizontal .form-group .col-sm-9.btn-group.radio-select-country > .row {
    margin-left: 0;
}

    #app-content form.form-horizontal .form-group .col-sm-9.btn-group.radio-select-country > .row label.radio-inline {
        display: inline-table;
    }

div.well#well-download-instructions1 {
    /*display: table;*/
    overflow: hidden;
    display: none !important;
}

.form-control[data-is-hidden] {
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
}
/*#endregion */

/*#region ************* app tabs ********************/
/* tabs container */
#app-content .nav-tabs {
    border-bottom: none;
}

    /* tabs */
    #app-content .nav-tabs > li {
        width: 33.333333%;
        text-align: center;
    }

        /* tab appearance */
        #app-content .nav-tabs > li > a {
            text-transform: uppercase;
            color: #b4cbe4;
            border-color: #444;
            background: -moz-linear-gradient(top, #222 25%, #333 60%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #222), color-stop(60%, #333));
            background: -webkit-linear-gradient(top, #222 25%, #333 60%);
            background: -o-linear-gradient(top, #222 25%, #333 60%);
            background: -ms-linear-gradient(top, #222 25%, #333 60%);
            background: linear-gradient(to bottom, #222 25%, #333 60%);
            background-color: #222;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333',GradientType=0 );
            margin-right: 0;
            border-radius: 0;
            font-size: 0.9em;
            font-weight: bold;
        }

        /* active tab appearance */
        #app-content .nav-tabs > li.active > a,
        #app-content .nav-tabs > li.active > a:hover,
        #app-content .nav-tabs > li.active > a:focus {
            color: #fff;
            border-color: #666;
            background: -moz-linear-gradient(top, #6a6a6a 25%, #4a4a4a 60%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6a6a6a), color-stop(60%, #4a4a4a));
            background: -webkit-linear-gradient(top, #6a6a6a 25%, #4a4a4a 60%);
            background: -o-linear-gradient(top, #6a6a6a 25%, #4a4a4a 60%);
            background: -ms-linear-gradient(top, #6a6a6a 25%, #4a4a4a 60%);
            background: linear-gradient(to bottom, #6a6a6a 25%, #4a4a4a 60%);
            background-color: #6a6a6a;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#4a4a4a',GradientType=0 );
            border-bottom-color: #4a4a4a;
        }

        /* hover tab appearance */
        #app-content .nav-tabs > li > a:hover {
            background: -moz-linear-gradient(top, #333 25%, #4a4a4a 60%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #333), color-stop(60%, #4a4a4a));
            background: -webkit-linear-gradient(top, #333 25%, #4a4a4a 60%);
            background: -o-linear-gradient(top, #333 25%, #4a4a4a 60%);
            background: -ms-linear-gradient(top, #333 25%, #4a4a4a 60%);
            background: linear-gradient(to bottom, #333 25%, #4a4a4a 60%);
            background-color: #333;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#4a4a4a',GradientType=0 );
        }

        /* active tab indicator */
        #app-content .nav-tabs > li.active:after {
            content: '\25BC';
            color: #4a4a4a;
            font: normal 40px/20px Arial, Helvetica, sans-serif;
            left: 45%;
        }

    #app-content .nav-tabs.nav-tabs-carousel > li > a {
        cursor: default;
        min-height: 62px;
    }

    #app-content .nav-tabs.nav-tabs-carousel > li:not(.active) > a:hover {
        background: -moz-linear-gradient(top, #222 25%, #333 60%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #222), color-stop(60%, #333));
        background: -webkit-linear-gradient(top, #222 25%, #333 60%);
        background: -o-linear-gradient(top, #222 25%, #333 60%);
        background: -ms-linear-gradient(top, #222 25%, #333 60%);
        background: linear-gradient(to bottom, #222 25%, #333 60%);
        background-color: #222;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333',GradientType=0 );
    }

.lt-ie9 #app-content .nav-tabs.nav-tabs-carousel > li.active > a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#4a4a4a',GradientType=0 );
}

.lt-ie9 #app-content .nav-tabs.nav-tabs-carousel > li > a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333',GradientType=0 );
}
/*#endregion */

/*#region ************* app software update / tutorial / tab-carousel ********************/
.software-update-changes, .software-update-instructions {
    margin: 16px 0;
}

div.software-update-item .update-confirmation-message,
div.software-update-item .form-confirmation-data {
    margin-top: 16px;
}

div.software-update-item .software-update-version {
    -ms-word-break: break-word;
    word-break: break-word;
}

section#continue-tutorial {
    margin-bottom: 16px;
}

section#optional-info-collection1 {
    border: 1px solid grey;
    padding: 16px 0;
    background-color: #f0f8ff;
    margin-bottom: 32px;
    display: none !important;
}

#radio-software-updates-available-container section#tutorial-customer-support {
    border-top: 3px solid #e6e6e6;
    padding-top: 16px;
}

.tab-content[data-active-tab] + .tab-footer#software-update-download-tutorial {
    display: none;
    filter: alpha(opacity=0);
    opacity: 0;
    height: 0;
    width: 0;
}

.tab-content[data-active-tab="tab-pane-locate-your-vin-number"] + .tab-footer#software-update-download-tutorial {
    display: block;
    filter: alpha(opacity=1);
    opacity: 1;
    height: auto;
    width: auto;
}

#software-update-download-tutorial #tutorial-content {
    margin-bottom: 30px;
}

.software-update-download .btn-group > .btn,
.software-update-download .btn-group > .anchor-wrap-enabled > .btn,
.software-update-download .btn-group > .anchor-wrap-disabled > .btn {
    margin-bottom: 8px;
}

    .software-update-download .btn-group > .btn:first-child,
    .software-update-download .btn-group > .anchor-wrap-enabled > .btn:first-child,
    .software-update-download .btn-group > .anchor-wrap-disabled > .btn:first-child {
        margin-right: 8px;
    }

.btn.carousel-custom-control {
    color: #fff;
    min-width: 85px; /*105px*/
    font-size: 1.2em;
}

    .btn.carousel-custom-control.left span:after {
        content: '';
        margin-left: 0;
    }

    .btn.carousel-custom-control.left span:before {
        content: '\2039';
        margin-right: 4px;
    }

    .btn.carousel-custom-control.right span:after {
        content: '\203A';
    }

.carousel-custom-controls-container {
    margin-top: 24px;
}

    /*.carousel-custom-controls-container .btn.carousel-custom-control.left {
        float: left;
    }

    .carousel-custom-controls-container .btn.carousel-custom-control.right {
        float: right;
    }

    .carousel-custom-controls-container .btn.carousel-custom-control.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }*/

    .carousel-custom-controls-container .container-fluid .row > .col {
        width: 33.333333%;
    }

.carousel#carousel-tutorial1 ol li {
    list-style-type: decimal;
}

.carousel#carousel-tutorial1 .item img.img-responsive {
    /*max-height: 275px;*/
    max-height: 400px;
    width: auto;
}

.carousel#carousel-tutorial1 .item .btn-dummy {
    font-size: 1em;
}

.carousel#carousel-tutorial1 .slide-content .row div.img-diagram-right {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
}
/*#endregion */

/*#region ************* app tab-panes ********************/
#app-content .tab-content,
#app-content .tab-footer {
    color: #000;
}

    #app-content .tab-content h1,
    #app-content .tab-footer h1 {
        font-family: OpenSansCondensedItalic, sans-serif;
        color: #22729b;
    }

    #app-content .tab-content .tab-pane,
    #app-content .tab-footer .tab-footer-pane,
    #app-content .tab-carousel,
    #app-content #radio-software-updates-available-container {
        margin: 0 auto;
        width: 90%;
    }

        #app-content .tab-content .tab-pane .tab-overview {
            margin-bottom: 30px;
        }

#app-content .tab-pane.active .tab-footer .tab-footer-pane {
    width: 100%;
}

#app-content .tab-footer .tab-footer-pane .pull-right {
    max-width: 357px;
    width: 100%;
}

    #app-content .tab-footer .tab-footer-pane .pull-right + .media-body {
        max-width: 515px;
        width: 100%;
    }

#app-content .tab-content .tab-pane div.row#software-update-detail > div.col {
    margin-bottom: 15px;
}

#app-content .tab-content[data-active-tab="tab-pane-frequently-asked-questions"] ~ .tab-footer,
#app-content .tab-content[data-active-tab="tab-pane-get-started"] ~ .tab-footer .pull-right,
#app-content .tab-content[data-active-tab="tab-pane-locate-your-vin-number"][data-hide-tab-footer] + .tab-footer,
#app-content .tab-content[data-active-tab="tab-pane-get-started"] ~ .tab-footer#software-update-download-tutorial,
#app-content .tab-content[data-active-tab="tab-pane-locate-your-vin-number"] ~ .tab-footer #first-tab-links {
    display: none;
}

#app-content .tab-content[data-active-tab="tab-pane-get-started"] ~ .tab-footer .tab-footer-pane .media-body {
    max-width: 100%;
}

#app-content .tab-footer .tab-footer-pane.full {
    width: 100%;
}
/*#endregion */

/*#region ************* app collapsible panels / accordions / faq ********************/
.panel-group .panel {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.panel-title {
    font-size: 1em;
}

.panel-group [data-toggle] {
    cursor: pointer;
}

    .panel-group [data-toggle]:hover {
        background-color: #e2f3ff;
    }

.panel-group .panel-heading {
    color: #000;
    border-radius: 0;
    padding: 10px 0;
    -ms-word-break: break-word;
    word-break: break-word;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
/*#region ************* software update panels ********************/
.radio-software-updates.panel-group .panel {
    margin: 16px 0;
    padding: 16px 0 4px;
    border-top: 1px dashed gray;
}

    .radio-software-updates.panel-group .panel .panel-heading .panel-title:before {
        font-family: 'Glyphicons Halflings';
        content: '\2212';
        position: relative;
        display: inline-block;
        font-size: 0.8em;
        margin-right: 4px;
    }

    .radio-software-updates.panel-group .panel .panel-heading.collapsed .panel-title:before {
        content: '\2b';
    }
/*#endregion */
/*#region ************* faq panels ********************/
.faq img.img-responsive {
    max-height: 450px;
    width: auto;
}

.faq.panel-group .panel-heading.collapsed {
    color: #000;
}

.faq.panel-group .panel-heading .panel-title {
    font-size: inherit;
}

.faq.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.faq.panel-group .panel-body {
    /*padding: 15px 0;*/
    padding: 6px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: gray;
}

    .faq.panel-group .panel-body:after {
        content: '';
        /*padding: 8px;*/
        /*border-bottom: 1px dashed gray;*/
        width: 100%;
    }

    .faq.panel-group .panel-body .panel-content,
    .faq.panel-group .panel-body p,
    .faq.panel-group .panel-body ol,
    .faq.panel-group .panel-body ol li {
        color: inherit;
        font: inherit;
    }

        .faq.panel-group .panel-body .panel-content .panel-indent1 {
            padding-left: 12px;
        }
/*#endregion */

/*#endregion */

/*#region ************* app media queries  ********************/
@media (max-width: 340px) {
    .navbar > .container .navbar-brand {
        margin-right: 10px;
    }
}

@media (min-width: 100px) and (max-width: 289px) {
    body {
        font-size: 9.5px;
    }
}

@media (min-width: 290px) and (max-width: 379px) {
    body {
        font-size: 11px;
    }
}

@media (min-width: 380px) and (max-width: 420px) {
    body {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }

    #app #app-content #main-hero {
        height: auto;
    }
}

@media (max-width: 779px) {
    #app-content .tab-footer .tab-footer-pane .pull-right {
        max-width: 100%;
    }

        #app-content .tab-footer .tab-footer-pane .pull-right + .media-body {
            max-width: 100%;
        }

    #app-content .form-group input.form-control,
    #app-content .form-group button.btn {
        width: 100%;
    }
}

@media (min-width: 780px) and (max-width: 992px) {
    #app-content .tab-footer .tab-footer-pane .pull-right + .media-body {
        max-width: 275px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    #app-content .tab-footer .tab-footer-pane .pull-right + .media-body {
        max-width: 475px;
    }
}
/*#endregion */

/*#region ************* app style overrides ********************/
.tooltip {
    /* overrides to Bootstrap tooltips */
    position: relative;
    z-index: initial;
    display: inline-block;
    font-size: initial;
    line-height: initial;
    visibility: visible;
    filter: none;
    opacity: 1;
}

sup.tooltip {
    line-height: 0;
}
/*#endregion */

/*#region ************* global header / navbar ********************/
#header {
    height: 65px;
    position: relative;
}

    #header * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        #header *:before,
        #header *:after {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

    #header p {
        margin: 0;
    }
/*#endregion */

/*#region ************* global footer ********************/
.logoLinks img {
    display: block;
}

#footer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    #footer *:before,
    #footer *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

#footer ol, #footer ul {
    margin: initial;
    margin-bottom: 0;
}

#footer dl, #footer dd, #footer dt {
    line-height: 0.8;
}

#footer #footerBG {
    overflow: visible;
}

.footerLinks a {
    line-height: 1.6;
}
/*#endregion */

/*#region ************* non-responsive overrides ********************/
#app-content {
    clear: both;
    /*margin: 15px 0;*/
    margin: 15px auto;
}

    #app-content .inner {
        /*width: 1000px;*/
        display: inline;
        margin: 0 auto;
        overflow: hidden;
    }

    #app-content section.software-update-version,
    .modal-scrollable section.software-update-version {
        display: none !important;
    }

@media only screen and (device-width: 768px) {
    #app-content .inner {
        width: 975px;
        margin: 0 auto;
        overflow: hidden;
    }
}
/*#endregion */

/* CGMAIN-8944 sw update new layout */
.update-way-header {
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Arial Bold', 'Arial';
    text-align: left;
    line-height: normal;
}

.update-section-sw .tutorial-section-new, .update-section-sw .update-avl {
    text-align: center;
    border: 1px solid grey;
    height: auto;
    min-height: 255px;
}

.update-section-sw .tutorial-section-new {
    border-right: 0;
}

.content-common {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 18px;
}

.update-header {
    font-family: 'Arial Bold', 'Arial' !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.btn-sw-update {
    background: rgb(43,184,243);
    color: white;
    opacity: 0.67;
    font-size: 14px;
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: normal;
    text-shadow: none;
    margin-top: 17px;
}

    .btn-sw-update:hover {
        opacity: 1;
        color: white;
    }

.row.update-section-sw {
    margin-left: 0;
    margin-bottom: 76px;
}

.carousel-custom-controls-container-guide .button-guide {
    text-align: center !important;
    font-size: 12px;
    height: auto;
    padding: 10px 7px 12px 7px;
    width: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #333;
    top: -7px;
}

    .carousel-custom-controls-container-guide .button-guide:after, .carousel-custom-controls-container-guide .button-guide:before {
        top: 100%;
        left: 19%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .carousel-custom-controls-container-guide .button-guide.guide-3 {
        position: relative;
        left: 8%;
    }

    .carousel-custom-controls-container-guide .button-guide.guide-2:after, .carousel-custom-controls-container-guide .button-guide.guide-2:before {
        left: 65%;
    }

    .carousel-custom-controls-container-guide .button-guide.guide-3:after, .carousel-custom-controls-container-guide .button-guide.guide-3:before {
        left: 80%;
    }

    .carousel-custom-controls-container-guide .button-guide:after {
        border-color: rgba(51, 51, 51, 0);
        border-top-color: #fff;
        border-width: 18px;
        margin-left: -31px;
    }

    .carousel-custom-controls-container-guide .button-guide:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #333;
        border-width: 19px;
        margin-left: -32px;
    }

.download-button-em {
    position: relative;
    top: -1px;
}

.em-note-3 {
    position: relative;
    top: 12px;
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.row.em-update-section {
    top: -25px;
    margin-right: 1px;
    position: relative;
    margin-bottom: 0;
}

.modal-content .btn-group {
    display: none;
}

.em.em-note-2.last {
    color: #FF0000;
}

a.view-details-class {
    font-weight: bold;
}
/* CGMAIN-8944 end*/


#feature-header .text-center{
	margin:90px 0px 50px 0px;
}
.play-container{
	min-width:265px;
	height:auto;
	margin:0 auto;
	display:inline-block;
}
.play-container span{
	padding-right:10px;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}
.align-center{
	text-align: center;
}
#app-content #main-hero{
	background:url("/software-update/images/UConnect_Update_Video_clean.jpg");
	height:538px;
}
.more_videos_link{
    display: none;
}

.mhLightBox{
    background: none;
    border:none;
}

.mhLightBox .closeBtn{
    top: 0;
    right: 0;
}

.mhLightBox .crossbrand-video-player-container > div {
    height: 397px !important;
    width: 705px !important;
}


