/*
 Change supplier classes
*/
@use 'variables' as *;

.change-supplier-size {
    width: 1350px;
    background-color: $darkgrey;
    position: relative;
    left: -100px;
    border: 3px solid $darkgrey;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
    color:white;    
}
.change-supplier-size .change-supplier-title {
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 15px;
    position: relative;
}
.change-supplier-ndc-specific-checkbox {
    cursor: pointer;
    vertical-align: inherit;
    margin-bottom: 11px !important;
}

.change-supplier-compare-box {
    position:absolute;
    height:25%;
    width:525px;
    top:0px;
    left:800px;
    font-weight: normal;
}
.compare-column-box {
    position: relative;
    height: 80%;
    width: 190px;
    float: left;
    padding: 0px 10px;
}
.change-supplier-ndc-label {
    font-weight: normal;
}
.select-compareby {
    margin-left: 110px;
    margin-bottom: 20px;
    background-color: $lightblueskydimm;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 26px;
    font-family: 'OpenSans', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: black;
    width: 180px;
    cursor: pointer;
}
.current-supplier-title {
    color: $tealcolor;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
}
.current-supplier-title hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid $tealcolor;
    opacity: 1;
}
.current-supplier-table .table > thead > tr > th {
    font-weight: 600;
    font-size: 11px;
    white-space: normal;
}
.current-supplier-table > table > tbody > tr > td {
    text-overflow: ellipsis !important;
    white-space: normal;
}
.current-supplier-name {
    color: $tealcolor !important;
}
.current-supplier-table>table > tbody > tr:nth-of-type(even) {
    background-color: $lightgrey !important;
}
.current-supplier-table>table > tbody > tr:nth-of-type(odd) {
    background-color: $white !important;
}

.savings_green {
    color:green;
}
.savings_red {
    color:red;
}
.remove_disabled_pointer {
    cursor: default !important;
}

.similar-product-table {
  overflow: auto;
  max-height: 260px;
  position: relative;
}
.similar-header-font {
    font-size: 11px;
    font-weight: normal;
    background-color: $darkgrey;
}
.similar-products-body {
    color: black;
    font-weight: normal;
    font-size: 12px;
}
.change_supplier_window_class .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.trxadeBox {
    height: 46px;
    background-color: $lightgrey3;
    margin-bottom: 5px;
}
.trxade_credits_title {
    float: right;
    margin-right: 100px;
    font-size: 15px;
    padding: 10px;
    color: $vividorange;
}
.credits_cart_confirmation {
    height: 46px;
    background-color: $lightgrey;
    margin-bottom: 5px;
}
.credits_cart_confirmation_title {
    float: right;
    margin-right: 100px;
    font-size: 15px;
    padding: 10px;
}
.cart_supplier_seperator {
    border: 0.5px $lightgrey solid;
    margin: 20px 0px;
}
.word_break {
    word-break: break-all;
}
.disableButton {
    cursor: pointer !important;
    background-color: $vividorange !important;
}
.supplierInfo {
    font-size: 13px;
    font-weight: 600;
}
.supplierInfoTitle {
    font-weight: 700;
}
.cart-old-price {
    color: $primeRxOrange;
} 
.supplier-names {
    color: $vividorange;
}
.cutoff-message {
    color: $vividorange;
    line-height: 25px;
    text-align: justify;
    margin-top: -15px;
}
.cutoff_sec {
    display: inline-block;
}
.quickcart_cutoff_sec {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
}
.quickcart_showitems_sol .item-toggle {
    margin-top: 0px !important;
}
.quickcart_showitems_sol .quickcart_item_toggle {
    padding: 0px 1px;
}
.quickcart_cutoff, .quickcart_showitems_sol {
    display: inline-block;
    margin-top: -5px;
}

// My css
button.btn.btn-modal.cancel{
    margin-right: 4px;
}
table.table.table-striped.table-condensed{
    color: #fff;
}
.btn-modal.change-supplier {
    background-color: $vividorange;
    color: $white;
}
.btn-modal.change-supplier, .btn-modal:hover.change-supplier {
    width: 143px;
    color: white;
    text-transform: uppercase;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    pointer-events: inherit;
}
.change-supplier-ndc-specific-checkbox:focus-visible ,.select-compareby:focus-visible {
    outline: unset !important;
}
.select-compareby {
    border: 0 !important;
    border-radius: 0 !important;
}
.custom-modal-class >div {
    transform: none !important;
}
.current-supplier-table.similar-product-table {
    position: unset !important;
}
.modal-backdrop {
    width: 100% !important;
    height: 100% !important;
}
.result-row-expire-date-identification-color, .change-supplier-eta-color {
    color: $vividorange;
    font-weight: 600;
}
@media (min-width: 1200px) and (max-width: 1443px) {
    .change-supplier-size {
        width: 1150px !important;
        left: -12px !important;
    }
    .change-supplier-compare-box {
        left: 600px !important;
    }
    .current-supplier-table.similar-product-table > table > tbody > tr > td > input {
        font-size: 12px;
    }
}
@media (max-width:1199px) {
    .change-supplier-size {
        width: 1000px !important;
        left: -110px !important;
    }
    .change-supplier-compare-box {
        left: 400px !important;
    }
}
@media (max-width:991px) {
.change-supplier-compare-box {
    left: 0 !important;
    top: 30px !important;
}
.change-supplier-size {
    width: 100% !important;
    left: 0 !important;
}
.table-responsive.custom-current-source-table {
    display: block;
}
}

@media (min-width: 1445px) and (max-width: 1920px) {
     .otc-change-source {
       float: right;
     }
 }
 
.otc-change-source {
    margin-top: 0px
}