﻿/* 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: 40px;
    text-align: left;
    vertical-align:middle;
}

    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: 30px;
        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: 100px;
    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: 13px 18px 16px 20px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    vertical-align: middle;
    float: none;
    width: 32%;
    border-radius: 4px;
}
/* RMA attachment Popup */
#returnItemDocs .return-doc-uploader {
    text-align: center;
    padding: 50px;
    height: 248px;
    width: 524px;
    border: 2px dashed #999999;
    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;
}

/*Added by shailesh*/

.vendor-order-detail table.table thead th {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.vendor-order-detail table.table tbody.TotalExtendedListPrice_V2 td {
    padding-top: 8px;
    padding-bottom: 8px
}

.IM-VendorportalPartner_new > .sub-header > .breadcrumb {
    background: #eee;
}

button.close, .close:hover {
    font-size: 22px !important;
    opacity: 1;
}

.information-content {
    background-color: #eee;
}

.shadow {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
}

.information-content.shadow {
    background-color: #fff;
}

.information-content h2 {
    font-family: Arial, "Lucida Grande", sans-serif;
}

.subheaderCheckoutPadding {
    padding: 11px 72px;
}

.leftMarginSpacer {
    margin-left: 16px;
}

.leftMarginSpacer-sm {
    margin-left: 8px;
}

.footerCheckoutPadding {
    padding: 12px 59px;
}

.footerBackButtonPadding:link {
    padding: 12px 70px;
}

.emptyIconPlaceholder {
    display: inline-block;
    width: 15.75px;
    height: 18px;
}

.bufferForFloatingFooter {
    height: 73px;
    width: 100%;
}

.popupBtnPadding:link {
    padding: 8px 16px;
}

.dropdownBorder {
    border: 1px solid #979797;
}

.min-height-230 {
    min-height: 230px;
}

.modal-open {
    overflow: auto;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 497px;
    }
}

.btnBackground {
    background: #E1500B;
    color: white;
}

.padding-md-cust {
    padding: 35px;
}

.padding-top-cust {
    padding-top: 3px;
}

.padding-vlg-cust {
    padding: 30px;
}


/*Request Return*/

.invoiceforcolor {
    color: #2375B7;
}

.background-blue-neon-v2 {
    background-color: #E9F1F7;
}

.mask {
    height: 48px;
    width: 189px;
    border-radius: 4px;
    background-color: #757575;
    color: #FFFFFF;
}

.bg {
    box-sizing: border-box;
    height: 48px;
    width: 178px;
    border: 1px solid #2375BB;
    border-radius: 4px;
    background-color: #FFFFFF;
}

.closeIcon {
    cursor: pointer;
    color: #2375B7;
}

.affix {
    top: 650px;
    width: 90%;
}

    .affix ~ .container-fluid {
        position: relative;
        top: 650px;
    }

.multi-steps-center {
    width: 1000px;
    float: none;
    margin: auto;
}


.padding-bottom-vlg-button {
    padding-bottom: 50px;
}

.right-button {
    right: 0px;
}

.multi-steps .progress-subtitle {
    font-size: 14px;
}

    .multi-steps .progress-subtitle.is-success {
        color: blue;
    }

.multi-steps p.is-success {
    text-align: center;
    display: table-cell;
    position: relative;
    color: green;
}

.padding-md-request {
    padding: 5px;
}

.input-sm-textbox {
    width: 40px;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.fa-chevron-down,.fa-chevron-down:hover {
    color: #2375B7;
}

.btn-primary-2 {
    background: #E1500B;
    color: #FFFFFF;
    border: 1px solid #E1500B;
}

    .btn-primary-2[disabled="disabled"], .btn-primary-2[disabled="disabled"]:hover {
        background: #757575;
        opacity: 1.65;
    }

.btn-secondary-1{
    background: #FFFFFF;
    border: 1px solid #2375BB;
    color: #2375BB;
}

.padding-q2o_V2 {
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bg-Return[disabled="disabled"], .bg-Return[disabled="disabled"]:hover, .bg-Return, .bg-Return:hover {
    box-sizing: border-box;
    height: 40px;
    width: 125px;
    border: 1px solid #2375BB;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: #2375BB;
}

.margin-bottom-vlg-popup {
    margin-bottom: -25px;
}

.alert-info-cust {
    background-color: #cde5f1;
    border-color: #2375b7;
}

.alert-cust {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #2375b7;
    border-radius: 0px;
}
hr {
    display: block;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    color:grey;
}

.tb-cisco-vpn {
    width:150px;
}

.btn-link:hover, .btn-link:focus {
    text-decoration: none;
    background-color: transparent;
}

.formattedSerials-div {
    background-color: #f9f9f9;
}

.alert-success-cust {
    color: green;
}

.alert-success-body {
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid green;
    border-radius: 0px;
}
.input-checkbox {
    width: 20px;
    height: 20px;
}

/*check box*/

.exp-checkmark-container {
    display: block;
    position: relative;
    padding-left: 0px;
    padding-top: 4px;
    margin-bottom: 14px;
    cursor: pointer;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */
    .exp-checkmark-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
/* Create a custom checkbox */
.exp-checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 6px;
    margin-left: 15px;
}

/* When the checkbox is checked, add a blue background */
.exp-checkmark-container input:checked ~ .exp-checkmark {
    background-color: white;
}
/* Create the checkmark/indicator (hidden when not checked) */
.exp-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.exp-checkmark-container input:checked ~ .exp-checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.exp-checkmark-container .exp-checkmark:after {
    left: 7px;
    top: 5px;
    width: 7px;
    height: 10px;
    border: solid #048E29;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*end checkbox*/
.RNA-button-wrapper {
    margin-top: 30px;
}

.box-margin {
    padding-left: 30px;
    margin-top: 30px;
}
.box-margin-optional {
    padding-left: 0px;
    margin-top: 20px;
}

.checkbox-padding-left {
    padding-left: 25px !important;
}

.shipped-padding-right {
    padding-right: 75px !important;
}

.Qty-padding-right {
    padding-right: 60px !important;
}
.price-padding-right {
    padding-right: 40px !important;
}