﻿/* RMA Return Search*/
.RMA-search-page .searchText .input-group {
    padding-left: 2px;
}

.RMA-search-page .filterBy {
    padding-top: 8px;
    margin-left: 2px;
}

.RMA-search-page .customDateRange .input-group[class*="col-"] {
    padding-right: 12px;
}

.RMA-search-page .customDateRange .input-group .btn-secondary-3 {
    padding: 2px;
}

.RMA-search-page .searchBox {
    border-bottom-width: 0;
    /* border-top-width: 0; */
}

.RMA-search-page .table th {
    color: #2778b9;
}

.ReturnSorting_V1 {
    color: #999;
}

/* CSS for RMA Details Page */
.status-highlight.custom-badge {
    display: inline-block;
    min-width: 10px;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 15px;
}

.RMA-Detail-page .order-invoice-details {
    border: 1px solid #c3bfbf;
}

    .RMA-Detail-page .order-invoice-details > div:not(:last-child) {
        border-right: 1px solid #c3bfbf;
    }

.custom-panel {
    padding: 15px;
}

    .custom-panel p:last-child {
        margin-bottom: 0;
    }

.RMA-Detail-page .alert .close {
    position: absolute;
    top: 7px;
    right: 23px;
    font-size: 28px;
    opacity: 1;
    color: #3c763d;
}

.RMA-Detail-page table.RMA-line-items {
    width: 100%;
    max-width: none;
}

    .RMA-Detail-page table.RMA-line-items thead th {
        border: 1px solid #ccc !important;
        padding: 14px;
        vertical-align: middle;
    }

    .RMA-Detail-page table.RMA-line-items tbody tr td {
        vertical-align: top;
        border-top: 1px solid #ddd;
        padding: 8px;
    }

        .RMA-Detail-page table.RMA-line-items tbody tr td:first-child {
            border: none;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
            min-width: 70px;
        }

    .RMA-Detail-page table.RMA-line-items > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

.RMA-Detail-page #accordion_summary table.RMA-line-items tr:nth-child(odd) td:last-child {
    border-left-width: 1px;
}

#vendorportal-orderlist .RMA-Detail-page table.RMA-line-items tr:nth-child(even) td.RMA-reason-details > div {
    padding: 4px !important;
    background-color: #eee;
    margin: 0 -8px 0 -7px
}

.RMA-Detail-page table.RMA-line-items .RMA-reason-details div.comments,
.RMA-Detail-page table.RMA-line-items .RMA-reason-details div.serialNumbers {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
}

.RMA-Detail-page table.RMA-line-items .RMA-reason-details div.serialNumbers {
    /* -webkit-line-clamp: 3;*/
}

.RMA-Detail-page .txt-align-right {
    text-align: right;
}

.RMA-Detail-page .back-prevpage-btn {
    border: 1px solid #4784C2;
    padding: 10px 50px;
}

.RMA-Detail-page .carrier-submit-btn {
    background-color: #E34E0A;
}
/* CSS for RMA Request Page */
.RMA-request-page .order-invoice-details {
    border: 1px solid #c3bfbf;
    display: table;
    width: 60%; /* Not Applicable Request RMA Design 2 */
}

    .RMA-request-page .order-invoice-details div.custom-panel {
        display: table-cell;
    }

        .RMA-request-page .order-invoice-details div.custom-panel:not(:last-child) {
            border-right: 1px solid #c3bfbf;
        }

.RMA-request-page .searchText .input-group {
    padding-left: 2px;
}

.RMA-request-page .filterBy {
    padding-top: 8px;
    margin-left: 2px;
}

.RMA-request-page .customDateRange .input-group[class*="col-"] {
    padding-right: 12px;
}

.RMA-request-page .customDateRange .input-group .btn-secondary-3 {
    padding: 2px;
}

.RMA-request-page .searchBox {
    border-bottom-width: 0 !important;
    /* border-top-width: 0; */
}

.RMA-request-page .panel-group {
    margin: 0 1px;
}

.RMA-request-page table.RMA-line-items tbody tr td {
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 8px !important;
    border-width: 1px 0 1px 0;
}

    .RMA-request-page table.RMA-line-items tbody tr td:nth-child(2) {
        border-left-width: 1px !important;
    }
    /*.RMA-request-page.RMA-Detail-page table.RMA-line-items thead th:first-child {
    padding-left: 8px;
    }*/
    .RMA-request-page table.RMA-line-items tbody tr td:first-child {
        border: none;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        min-width: 50px;
        position: relative;
    }

    .RMA-request-page table.RMA-line-items tbody tr td.parent-item:first-child > div {
        position: absolute;
        top: 0px;
        height: 100%;
    }

    .RMA-request-page table.RMA-line-items tbody tr td.parent-item:first-child .tree-line-bottom {
        height: calc(100% - 20px) !important;
    }

    .RMA-request-page table.RMA-line-items tbody tr td:first-child:not(.tableBorderNone) {
        border-bottom: 1px solid #ddd;
    }

.RMA-request-page table.RMA-line-items .line-item-serials .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.RMA-request-page .Return-QTY-Count {
    width: 30px;
    text-align: center;
}

.RMA-request-page .pagination > li > *,
.RMA-request-page .pagination > li:first-child > a,
.RMA-request-page .pagination > li:first-child > span {
    border-width: 1px;
}
/* CSS for RMA Information Page */
.RMA-request-page.RMA-info-page .order-invoice-details {
    /*width: 100%;*/
}

.RMA-request-page.RMA-info-page .support-docs .text-muted {
    /*margin-bottom: 50px;*/
    font-size: 14px;
}

.RMA-request-page.RMA-info-page .support-docs .row,
.RMA-request-page.RMA-info-page .cisco-so-detail label {
    font-size: 11px;
}

/*.RMA-request-page.RMA-info-page .return-doc-uploader {
    text-align: center;
    padding: 28px;
    border: 1px dashed #ccc;
    background-color: #F8F8F8;
}*/
/* RMA Confirmation Page */
.RMA-confirm-page .alert-info.status-highlight {
    background-color: #FAEDE7;
    color: #4A4A4A;
}

.RMA-request-page.RMA-confirm-page .order-invoice-details, .ReturnSearch_V2 {
    width: 100%;
}
/* Common Alert CSS for RMA pages */
.RMA-request-page .alert.alert-success {
    color: #3B3C3C;
    background-color: #E6F1EA;
    border-color: #0B7630;
}

    .RMA-request-page .alert.alert-success strong {
        color: #0B7630;
    }

.RMA-request-page .alert.alert-info {
    color: #3B3C3C;
    background-color: #E9F1F7;
    border-color: #2375B7;
}

    .RMA-request-page .alert.alert-info .close {
        color: #2375B7;
    }

    .RMA-request-page .alert.alert-info strong {
        color: #1F5F93;
    }

.RMA-request-page .text-muted,
.RMA-Detail-page .text-muted,
.RMA-search-page .text-muted {
    color: #868383;
}
/*.RMA-search-page .searchText {
    padding: 2px;
}*/

.RMA-search-page .searchText .input-group-btn {
    border-right-width: 2px;
}

.RMA-search-page .searchBox {
    box-shadow: none;
    border-width: 0px;
}

.RMA-request-page .process-btn-wrapper .btn-default {
    background-color: #fff;
    color: #337ab7;
    border: 1px solid #337ab7;
}
/* Popups */
.RMA-Detail-popups .close {
    position: absolute;
    top: -11px;
    right: 0;
}

.RMA-Detail-popups h1 {
    color: #95B6D1;
    font-size: 26px;
    font-weight: bold;
}

.shipped-date .orderSearchDateIcon .btn-secondary-3 {
    width: 100%;
}

.shipped-date .orderSearchDateIcon {
    padding-right: 4px;
    padding-top: 5px;
    font-size: 16px;
}

.RMA-Detail-popups .submit-btn {
    background-color: #92D14F;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 100;
}

.ciscoSearch input[type=number]::-webkit-inner-spin-button,
.ciscoSearch input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.RMA-request-page .error-border {
    border: 1px solid #a94442;
}

#shippingInstructionModal .address-panel {
    width: 100%;
    display: table;
    border: 1px solid #666;
    border-radius: 8px;
}

    #shippingInstructionModal .address-panel .custom-panel {
        display: table-cell;
        font-size: 11px;
    }

        #shippingInstructionModal .address-panel .custom-panel:first-child {
            border-right: 1px solid #666;
        }


/* Stage code fix*/
.RMA-request-page.RMA-Detail-page table.RMA-line-items thead th {
    color: #333;
    white-space: nowrap;
}

.RMA-search-page .searchText {
    padding: 2px;
    border-width: 0 !important;
}



    .RMA-search-page .searchText .input-group-btn {
        border: 1px solid #2375BB;
        border-radius: 4px;
        padding-right: 1px;
    }

        .RMA-search-page .searchText .input-group-btn .btn.btn-default.filterBy {
            border-radius: inherit;
        }

.RMA-search-page .filter-section .filter-button {
    margin-left: 5px;
}

.RMA-search-page .searchBox {
    box-shadow: none;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

.ciscoSearch.pagination a {
    font-weight: bold;
}

    .ciscoSearch.pagination a.disabled {
        color: #ddd;
    }

.disabled-shippinginstruction {
    pointer-events: none;
    opacity: .7;
}

.ciscoreturns-invoicetotalrecord {
    height: 27px;
}

    .ciscoreturns-invoicetotalrecord td {
        padding-top: 5px !important;
    }

    .ciscoreturns-invoicetotalrecord .ciscoreturns-total-price {
        width: 9%;
    }

.ciscoreturns_customerservice_email_text {
    color: rgb(68, 114, 196);
}
/*File Attachments*/
.return-doc-uploader {
    min-height: 175px;
}

.return-doc-uploader, .return-doc-uploaded-files {
    width: 320px;
    text-align: center;
    margin: 0 auto 10px auto;
}

li.return-doc-uploaded-file {
    padding: 3px 5px;
    background-color: #F8F8F8;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    position: relative;
    height: 30px;
    text-align: left;
}

    li.return-doc-uploaded-file > * {
        display: inline-block;
    }

    li.return-doc-uploaded-file > div:first-child {
        font-size: 15px;
        width: 28px;
        text-align: center;
        position: absolute;
    }

    li.return-doc-uploaded-file > p {
        line-height: 20px;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: bold;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 260px;
        margin-left: 28px;
        white-space: nowrap;
    }

.return-doc-uploaded-file button.btn.btn-default {
    position: absolute;
    right: 0;
    background: transparent;
    padding: 4px;
}

/* CSS for RMA Init Page UI updates */
.accordion-option {
    margin-left: 25px;
}

    .accordion-option .toggle-accordion:before {
        content: "Expand All";
    }

    .accordion-option .toggle-accordion.active:before {
        content: "Collapse All";
    }


/* RMA Init buttons */
.RMA-init-btns-wrapper {
    position: relative;
}

#RMA-init-btns {
    position: absolute;
    right: 0;
    top: calc(100% - 50px);
}

    #RMA-init-btns.sticky-func {
        position: sticky;
        top: 0;
        z-index: 999;
        background: #fff;
        border-bottom: 1px solid #ddd;
        padding: 5px 20px 5px 0;
    }


/* RMA Reason Popup */
.trigger-reason-code-popup {
    padding: 4px 7px;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #2e6da4;
    color: #337ab7;
}

#returnSerialNumbers .seperator {
    position: relative;
}

#returnSerialNumbers hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#returnSerialNumbers .seperator span {
    position: absolute;
    top: -13px;
    right: 50%;
    display: inline-block;
    background: #fff;
    padding: 5px;
}

#returnSerialNumbers .serials-list {
    max-height: 350px;
    overflow-y: auto;
}

#returnSerialNumbers .select2-container {
    display: block;
    width: 100% !important;
}

#returnSerialNumbers .select2-container--default .select2-selection--multiple,
#returnSerialNumbers .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ddd;
}

.serials-list .list-group-item {
    position: relative;
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    vertical-align: middle;
    float: none;
    width: 24%;
    border-radius: 4px;
}
/* RMA attachment Popup */
#returnItemDocs .return-doc-uploader {
    text-align: center;
    padding: 28px;
    border: 1px dashed #ccc;
    background-color: #F8F8F8;
    margin: auto;
}

.RMA-return-docs-trigger {
    text-align: left;
}

    .RMA-return-docs-trigger button {
        vertical-align: top;
        padding: 8px !important;
    }

.returnReasonInfo {
    background: url(/Site/Content/images/icons/icon-info.png) center center no-repeat;
    width: 32px;
    float: right;
}

.popover {
    max-width: 600px;
}


/*New Redesign*/

.OR-text-align_V2 {
    text-align: right;
}

.filter-date-dropdown-return_V2 {
    text-align: left;
    font-size: 16px;
    border: 1px solid #979797 !important;
    border-radius: 4px;
    font-weight: normal;
    color: #333333 !important;
}

.dropdown-color_V2 {
    color: #2375B7;
}

.ciscoSearch.pagination.pagination_V2 a.disabled span, .ciscoSearch.pagination.pagination_V2 a.disabled span:hover,
.ciscoSearch.pagination.pagination_V2 a.disabled span:focus, .ciscoSearch.pagination.pagination_V2 a.disabled,
.ciscoSearch.pagination.pagination_V2 a.disabled a:hover, .ciscoSearch.pagination.pagination_V2 a.disabled a:focus {
    color: #777 !important;
    cursor: not-allowed !important;
    background-color: #fff !important;
}

fieldset[disabled] {
    background-color: #fff;
    opacity: 1;
    border: none;
}

.filter-date-dropdown-return_V2:hover {
    background-color: #fff !important;
}

#ddlPageSize {
    max-width: 47px;
    height: 33px;
    border: 0;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label.wrap {
    /*max-width: 47px;*/
    width: 47px;
    overflow: hidden;
    height: 33px;
    position: relative;
    display: block;
    border: 1px solid #979797 !important;
    border-radius: 4px !important;
    padding-left: 0px;
}

    label.wrap:after {
        content: "\f0d7";
        font-family: "Font Awesome 5 Pro";
        color: #005394;
        position: absolute;
        right: 7px;
        top: 7px;
        z-index: 1;
        width: 10%;
        height: 100%;
        pointer-events: none;
    }

.returns-dropdown_V2 {
    display: inline-flex;
}

label.wrap-V2 {
    /*max-width: 47px;*/
    width: 40px !important;
    overflow: hidden;
    height: 33px;
    position: relative;
    font-size: 12px !important;
    display: block;
    border: 0px solid #979797 !important;
    border-radius: 4px !important;
    padding-left: 0px;
}

#ddlPageSize option {
    text-align: center;
}