﻿/*image Upload Stuff*/
.GlobalHeader {
    padding: 20px 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

#img-upload {
    width: 100%;
}

.image-filename {
    min-height: 48px !important
}

.smartnotes-nav {
    text-align: right;
}

    .smartnotes-nav button {
        margin: 1em;
    }


.tsa-solution h2 {
    margin-bottom: 0;
}

.tsa-solution .tsa-solution-date,
.tsa-solution .tsa-useful-count {
    display: block;
    float: right;
    font-size: .8em;
}

.tsa-solution-row-1 {
    border: 0px !important;
    margin-top: 0 !important;
    padding-top: 0;
}

div.tsa-media-small {
    margin-top: 1em;
}

div.tsa-media-holder {
    text-align: center;
}

.tsa-solution-buttons {
    padding-top: 1em;
}

    .tsa-solution-buttons .btn {
        margin-right: 1em;
        margin-bottom: 1em;
    }

.tsa-solution-date,
.tsa-useful-count {
    transition: color .2s;
    font-style: italic;
    color: gray;
}

.tsa-solution-part-numbers-card {
    border: 1px solid #eee;
    background-color: #eee;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
}

    .tsa-solution-part-numbers-card h2 {
        font-size: 1.2rem;
        margin-top: 0;
    }

.parts-list-metadata-card,
.tsa-metadata-card {
    padding: 1em;
}

    .parts-list-metadata-card h2,
    .tsa-metadata-card h2 {
        font-size: 1.2rem;
        margin-top: 0;
    }


a.btn-primary-nav, a.btn-user-nav {
    color: #001726;
    background-color: #eee;
    border: 1px solid #eee;
    font-weight: 700;
    font-size: 1.4rem;
}

    a.btn-primary-nav:hover, a.btn-user-nav:hover {
        background-color: white;
    }


i.fab, i.far, i.fas {
    margin-right: .4em;
}

.Navbar a {
    margin-right: 5px;
}

.header-personalnav a {
    margin-right: 5px;
}

/*.Navbar button {
    margin-top: .5em;
    margin-bottom: .5em;
}*/

.tsa-issue-layout {
    margin-bottom: 5em;
}

.tsa-label {
    margin-top: 1em;
    font-style: italic;
    font-weight: bold;
    color: gray;
    clear: both;
    padding: 1rem;
    font-size: 2rem;
    background-color: #eee;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
}

.tsa-header {
    display: flex;
    position: relative;
}

.tsa-symptom-button {
    margin-left: auto;
    padding: 0 10px;
    padding: 5px 0 20px;
    text-align: right;
}

@media (min-width: 992px) {
    .tsa-symptom-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        padding: 0;
    }
}

div.tsa-symptom-image {
    margin-top: 1em;
    margin-left: 20px;
}

div.tsa-solution-feedback {
    margin-top: 1em;
}

    div.tsa-solution-feedback .form-control {
        font-size: 1em;
        line-height: normal;
    }

div.tsa-solution-rejection {
    margin-top: 1em;
}

    div.tsa-solution-rejection .form-control {
        font-size: 1em;
        line-height: normal;
    }

.smartnotes-login-form .form-control {
    font-size: 1.4em;
    line-height: normal;
    font-weight: normal;
    height: 2em;
}

.smartnotes-login-form button {
    width: 50%;
}

.thumbnail-images img {
    width: 100%;
    height: auto;
}

.font-size-14 {
    font-size: 14px;
}

.smart-notes-page h2 {
    font-size: 2rem;
}

.smart-notes-page h3 {
    font-size: 1.75rem;
}

.solution-card {
    box-shadow: 5px 5px #eee;
    padding: 1rem 3rem 3rem;
    margin-top: 2rem !important;
    border: 1px solid #eee !important;
    overflow: hidden;
    border-radius: 5px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-top-0 {
    margin-top: 0;
}

.tsa-symptom-metadata-wrapper {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0 2rem;
    box-shadow: 2px 2px #eee;
}

.btn-in-favorites {
    border: 2px solid #007acb;
    color: #000000;
    font-weight: 700;
    font-size: 1.4rem;
}

.btn-remove-favorites {
    border: 2px solid #007acb;
    color: #000000;
    font-weight: 700;
    font-size: 1.4rem;
}

.btn-in-favorites .fas {
    color: #007acb;
}

.btn-remove-favorites .fas {
    color: #007acb;
}

.thumbnail-video {
    display: block;
    width: 100px;
}


.GlobalHeader .SiteSearch {
    width: 100%;
    max-width: 100%;
}

.Navbar {
    padding-right: 15px !important;
}

.branding-name {
    font-size: 20px;
    font-weight: bold;
}

span.badge-success {
    background-color: #74b70b;
}

span.badge-danger {
    background-color: #EA1C2C;
}

span.badge-warning {
    background-color: #ffc107;
}

h1 span.badge,
h2 span.badge {
    font-size: .8em;
}

span.badge-failure {
    background-color: darkred;
}

.solution-card-new {
    box-shadow: 5px 5px #74b70b;
    padding: 1rem 3rem 3rem;
    margin-top: 2rem !important;
    border: 1px solid #74b70b !important;
    overflow: hidden;
    border-radius: 5px;
}

.solution-card-rejected {
    box-shadow: 5px 5px #EA1C2C;
    padding: 1rem 3rem 3rem;
    margin-top: 2rem !important;
    border: 1px solid #EA1C2C !important;
    overflow: hidden;
    border-radius: 5px;
}

div.solution-rejection-reason {
    color: white;
    background: #EA1C2C;
    padding: .5em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.solution-rejection-reason-label {
    font-weight: bold;
}

.solution-card-feedback {
    box-shadow: 5px 5px #ffc107;
    padding: 1rem 3rem 3rem;
    margin-top: 2rem !important;
    border: 1px solid #ffc107 !important;
    overflow: hidden;
    border-radius: 5px;
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}


.tsa-add-solution-buttonholder {
    padding-top: 2rem;
}

#tsa-add-solution-formholder {
    box-shadow: 5px 5px #eee;
    padding: 1rem 3rem 3rem;
    margin-top: 2rem !important;
    border: 1px solid #eee !important;
    overflow: hidden;
    border-radius: 5px;
}


div.tsa-solution-submission-form {
    margin-top: 1em;
}

#tsa-solution-submission-form .form-group label.required {
    display: flex;
    align-items: center;
}

    #tsa-solution-submission-form .form-group label.required:before {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-right: 5px;
        content: "";
        background-color: #ea1c2c;
        border-radius: 50%;
    }

#tsa-submission-form-metadata-modeltest {
    height: 15em;
}

#tsa-submission-form-metadata-softwareversion {
    height: 8.7em;
}

.add-more-images-button-holder {
    margin-top: -15px;
    margin-bottom: 15px;
}

#image-upload-div-template {
    display: none;
}

#tsa-submission-thankyou-holder {
    font-size: 2em;
    font-weight: bold;
    margin-top: 1em;
}

    #tsa-submission-thankyou-holder p {
        margin-top: 0;
    }

.tsa-submission-data-holder h2 {
    text-decoration: underline
}

#tsa-submission-data-holder {
    font-size: 2em;
    font-weight: bold;
    margin-top: 1em;
}

    #tsa-submission-data-holder p {
        margin-top: 0;
    }

#tsa-submission-error-holder {
    font-size: 2em;
    font-weight: bold;
    margin-top: 1em;
}

    #tsa-submission-error-holder p {
        margin-top: 0;
    }


.tsa-userName {
    font-size: 1.75em;
    padding-right: 5px;
    float: right;
}

.approvals-list-list-entry {
    border-top: 1px solid #cbcbcb;
}

    .approvals-list-list-entry div {
        margin-top: .2em;
        margin-bottom: .2em
    }

    .approvals-list-list-entry:last-of-type {
        border-bottom: 1px solid #cbcbcb;
    }

.approval-list-title-symptom {
    font-size: 1.4em;
    font-weight: bold;
}

.approval-list-category {
    text-align: right;
}

.favorites-list-list-entry {
    border-top: 1px solid #cbcbcb;
}

    .favorites-list-list-entry div {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .favorites-list-list-entry:last-of-type {
        border-bottom: 1px solid #cbcbcb;
    }

.favorite-list-title-name {
    font-size: 20px;
    font-weight: bold;
}

.favorite-list-category {
    text-align: right;
}


.favorite-list-item-product-info {
    display: block;
}


.favorite-list-item-product-info-model:before {
    content: " // ";
}

.favorite-list-actions {
    text-align: right;
}

.favorite-item-icon {
    display: block;
    float: left;
    font-size: 2em;
}

.approval-list-item-product-info {
    display: block;
}

.approval-list-item-product-info-model:before {
    content: " // ";
}

.badge-hidden {
    display: none;
}

.coveo-result-frame .coveo-result-cell.smartnotes-img-wrapper {
    display: flex;
}

    .coveo-result-frame .coveo-result-cell.smartnotes-img-wrapper img {
        margin-right: 15px;
        min-width: 30%;
        max-width: 100%;
        margin-top: 10px;
    }

    .coveo-result-frame .coveo-result-cell.smartnotes-img-wrapper .coveo-title {
        margin-bottom: 15px;
    }

@media (max-width: 767px) {
    .coveo-result-frame .coveo-result-cell.smartnotes-img-wrapper {
        display: block;
    }

        .coveo-result-frame .coveo-result-cell.smartnotes-img-wrapper img {
            margin: 10px auto;
            display: block;
        }
}

.CoveoResultList .coveo-list-layout.CoveoResult {
    box-shadow: 0 1px 3px rgba(159,164,170,.12), 0 1px 2px rgba(159,164,170,.24);
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 15px 20px;
}


.CoveoFacet, .CoveoFacetRange, .CoveoFacetSlider, .CoveoHierarchicalFacet {
    border: 1px solid #eee;
}


.smartnotes-content-description img {
    display: none;
}

.smartnotes-button-wrapper {
    display: flex;
}

.smartnotes-fav-btn {
    margin-left: auto;
}

.coveo-result-frame .coveo-result-row.smartnotes-document-wrapper {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .coveo-result-frame .coveo-result-row.smartnotes-document-wrapper .smartnotes-document-type,
    .coveo-result-frame .coveo-result-row.smartnotes-document-wrapper .smartnotes-document-date {
        display: inline-block;
        color: #001726;
        background-color: #eee;
        border: 1px solid #eee;
        font-weight: 700;
        font-size: 1.4rem;
        padding: 10px 15px;
        margin: 8px 8px 0;
    }

@media (max-width: 991px) {
    .coveo-result-frame .coveo-result-row.smartnotes-document-wrapper .smartnotes-document-type,
    .coveo-result-frame .coveo-result-row.smartnotes-document-wrapper .smartnotes-document-date {
        flex: 0 0 calc(50% - 8px);
    }
}

.jira-import-form-holder {
    background-color: #eee;
    padding: 10px;
}

.jira-import-form h2 {
    font-weight: normal;
    margin-top: .2em;
}

.document-import-form-holder, #document-upload-submission-form {
    padding-top: 20px;
}

.multiselect-container {
    max-height: 350px;
    overflow-y: scroll;
}

    .multiselect-container.dropdown-menu {
        top: 32px;
        text-align: left;
    }

.multiselect-selected-text {
    width: fit-content;
    max-width: 250px;
    overflow: hidden;
    display: inline-block;
}

@media (min-width: 1024px) {
    .multiselect-container {
        left: 147px
    }
}

#documentListContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: 1500px;
}

#TSAListContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: 1500px;
}

#documentLayoutContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: 1450px;
}

#TSALayoutContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: 1450px;
}

.tsa-submission-form-symptom-holder #img-upload, .tsa-submission-form-solution-holder #img-upload,
#tsa-solution-submission-form #img-upload, .form-group .error {
    display: none;
}

.smartnotes-button-wrapper {
    padding-bottom: 50px;
}

    .smartnotes-button-wrapper .smartnotes-fav-btn {
        position: absolute;
        right: 30px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #mainNav .Navbar .nav-button {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        #mainNav .Navbar .nav-button a {
            margin-bottom: 5px;
            padding: 10px;
        }
}

@media (min-width: 992px) {
    #mainNav .nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }
}

@media (min-width: 1200px) {
    #mainNav .Navbar {
        padding: 0 !important;
    }

        #mainNav .Navbar .nav-button {
            display: flex;
            justify-content: flex-end;
        }
}

@media (min-width: 1204px) {
    .list-group-item .nested-child-list {
        column-count: 4;
    }
}

@media (max-width: 991px) {
    #mainNav .hamburger-menu-link {
        color: #000;
        font-size: 24px;
        float: right;
    }

    #mainNav .hamburger-menu-close-link {
        color: #000;
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto !important;
    }

    .header-searchholder {
        margin: 10px 0;
    }

    .GlobalHeader .SiteSearch {
        margin-left: 0;
    }

    #mainNav .Navbar .nav-button {
        position: fixed;
        z-index: 9999;
        top: 0;
        background: #fff;
        right: 0;
        width: 80%;
        bottom: 0;
        max-width: 420px;
        padding-top: 60px;
        display: none;
    }

        #mainNav .Navbar .nav-button a {
            width: 100%;
            margin: 0 0 10px 0;
            text-align: left;
        }

    #mainNav .Navbar .menu-overlay {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        background: rgba(0,0,0, 0.5);
    }

    #mainNav .Navbar.show-nav .nav-button, #mainNav .Navbar.show-nav .menu-overlay {
        display: block;
    }
}

.CoveoSearchbox .CoveoSearchButton .coveo-search-button {
    height: auto !important;
}

.favorites-list-layout .favorites-list-list-entry {
    padding: 10px 0;
}

@media (min-width: 992px) {
    .favorites-list-layout .favorites-list-list-entry {
        display: flex;
        align-items: center;
    }
}

.form-group label.required:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    background-color: #ea1c2c;
    border-radius: 50%;
}

.tsa-solution-feedback-row {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #eee;
    border-bottom: 2px solid white;
}

    .tsa-solution-feedback-row div {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.tsa-solution-feedback-display-text-submission-info {
    font-size: .8em;
    font-style: italic;
}

#tsa-add-solution-button {
    margin-top: -5px;
    font-style: normal;
}

.tsa-solution-approval-confirmation, .tsa-solution-rejection-confirmation {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    background-color: #eee;
    font-size: 1.4em;
}

.approval-list-item-submission-time {
    display: block;
    padding-right: 30px;
}

.approval-list-item-subcategory {
    margin-top: 15px;
    display: block;
}

div.coveo-main-section {
    font-family: Gotham A,Gotham B,Gotham,Arial,sans-serif;
}

.CoveoResult .btn-add-to-favorites,
.CoveoResult .btn-in-favorites,
.CoveoResult .btn-remove-favorites {
    margin-top: 10px;
    margin-bottom: 10px;
}

a.CoveoResultLink {
    font-size: 20px;
    font-weight: bold;
}

div.no-js-warning, div.no-js-warninga {
    margin-top: 2em;
}

    div.no-js-warninga i, div.no-js-warninga i {
        float: left;
        font-size: 2em;
    }

.nested-child-list li {
    list-style-type: none;
    display: block;
    clear: left;
    width: auto;
}

    .nested-child-list li:hover {
        text-decoration: underline;
    }

    .nested-child-list li a {
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        display: inline-block;
        max-width: 230px;
    }

.subscribe-actions {
    padding: 0;
    text-align: right;
    padding-right: 1em;
    padding-top: .5em;
}

    .subscribe-actions btn {
        margin-right: 1em;
        margin-top: 1em;
    }

.child-product-list .subscribe-actions {
    padding-top: 1.5em;
}


div.favorites-list-list-subhead {
    background: #eee;
    border-top: 1em solid white;
}

div.favorite-list-item-type {
    margin: 0;
    font-size: 0.6em;
    line-height: .8em;
    font-weight: bold;
}

.file-thumbnail-icon {
    max-width: 100%;
}

.tsa-media-small i {
    font-size: 4em;
    margin: unset;
    margin-bottom: 5px;
    margin-top: 5px;
}

.file-thumbnail-name {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    white-space: pre-wrap;
}

.CoveoSearchInterface .coveo-search-section {
    max-width: 100% !important;
}

.product-details {
    margin-bottom: 15px;
}

.doc-listitem-heading {
    background: #eee;
}

.doc-listitem-heading, .doc-listitem-none {
    font-size: 1.2em;
    font-weight: bold;
}

.doc-listitem-info {
}

.doc-listitem-subcategory {
    font-weight: bold;
}

.tsa-list-item-icon, .doc-listitem-icon {
    font-size: 3em;
    display: block;
    float: left;
    line-height: 1em;
}

.doc-listitem-heading h3 {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.doc-listitem-heading .badge {
    font-size: 2rem;
    margin-bottom: .25em;
    background-color: #007acb;
}

.doc-listitem-title {
    font-weight: bold;
}

.favorites-list-header {
    margin-bottom: 30px;
}

.doc-listitem-path {
    font-size: .8em;
    display: block;
}

.tsa-detail-unformatted {
    font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;
    font-size: 14px;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    display: block;
    border: 0;
    background-color: #FFFFFF;
    line-height: 1.65;
}

    .tsa-detail-unformatted li {
        word-break: normal;
    }

.product-actions {
    text-align: right;
    margin-top: 1em;
}

    .product-actions button {
        width: 100%;
        margin-top: 1em;
    }

.smartnotes-breadcrumbs {
    margin-top: 30px;
}

.btn.btn-secondary:hover i {
    transform: none !important;
}

.favorite-list-title .doc-listitem-path {
    font-size: .8em;
    margin-top: .4em;
    margin-bottom: -.4em;
}
/*New login design*/
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.login-section-top {
    margin-top: 1em
}

/* Coveo Search: No Results Found is hiddin when there are no results  */
#coveo-center-column .CoveoSearchInterface .coveo-facet-column.coveo-no-results {
    display: none !important;
}

.document-submission-form-metadata-holder .btn-group {
    display: block;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.greyStyle {
    color: grey;
}
#coveo-center-column .CoveoSearchInterface .coveo-results-column.coveo-no-results {
    display: block !important;
}
document-submission-form-metadata-holder .btn-group {
    display: block;
}