/**/

#mdx-rw-rebate-calculator,
#mdx-rw-rebate-history{
    background-color: #fff;
    color: #666;
    font-size: 15px;
    font-family: 'Exo', sans-serif;
    padding: 10px 0;
}


@media only screen and (max-width: 768px) {
    #mdx-rw-rebate-calculator .container{
        xpadding: 0;

    }
}

#mdx-rw-rebate-calculator .items_selector_form label{
    font-weight: normal;
}
#mdx-rw-rebate-calculator .items_selector_form input,
#mdx-rw-rebate-calculator .items_selector_form select{
    width: 100%;
}
#mdx-rw-rebate-calculator .items_selector_form .clear{
    background-color: #880000;
    font-weight: 700;
    border-radius: 3px;
    padding: 7px;
    color: white;
    font-size: 14px;
    line-height: 26px;
    border: 0;
}
@media only screen and (max-width: 992px) {
    #mdx-rw-rebate-calculator .items_selector_form .clear{
        float: right;
        margin-right: 10px;
    }
}




#mdx-rw-rebate-calculator .label-default {
    background-color: #333333;
    border-radius: 0;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}
#mdx-rw-rebate-calculator .label {
    padding: 0.2em 0.6em 0.3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}


#mdx-rw-rebate-calculator .select-product-container{
    clear: both;
}
@media only screen and (min-width: 992px) {
    #mdx-rw-rebate-calculator .select-product-container{
        max-width: 500px;

    }
}



#mdx-rw-rebate-calculator .select-product-container .head{
    background-color: #F2F4F5;
    line-height: 40px;

}


#mdx-rw-rebate-calculator .s-item{
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.08);
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
}

#mdx-rw-rebate-calculator #sitems-clone-container .head,
#mdx-rw-rebate-calculator #sitems-current-items .head{
    color: #939597;
    font-weight: bold;
}
#mdx-rw-rebate-calculator #sitems-clone-container .head span.label,
#mdx-rw-rebate-calculator #sitems-current-items .head span.label{
    margin-top: 10px;
    margin-bottom: 10px;
}


#mdx-rw-rebate-calculator #sitems-current-items .items-list {
    width: 100%;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

#mdx-rw-rebate-calculator #sitems-current-items .items-list .beneficio{
    margin-left:15px;
}


#mdx-rw-rebate-calculator .progress{
    height: 28px;
    background: transparent;
    margin-bottom: 0;
}

#mdx-rw-rebate-calculator .progress-bar{
    background-color: #1e73be;
}


#mdx-rw-rebate-calculator .result-fixed{
    z-index: 1000;
    background-color: #fff;
}



#mdx-rw-rebate-calculator .result{
    margin:  0 -15px;
    border:#fff solid 15px;
}

#mdx-rw-rebate-calculator .result > div{
    padding: 20px 20px 20px 20px;
    background-color: #DBDBDB;
    border: 1px solid #C6C6C6; 
}


#mdx-rw-rebate-calculator .result > div.green{
    background-color: #61CE70;
}



#mdx-rw-rebate-calculator .result h2{
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin:  0 ;
    line-height: 1;
    color: #122B46;
}
#mdx-rw-rebate-calculator .result > div.green h2{
    text-align: center;
}


#mdx-rw-rebate-calculator .result h3{
    font-family: "HP Simplified Light", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-style: normal;
    
    color: #122B46;
}
#mdx-rw-rebate-calculator .result h5{
    margin-top:0;
}

@media only screen and (max-width: 768px) {
    #mdx-rw-rebate-calculator .result h2 {
        font-size: 16px;
    }
    #mdx-rw-rebate-calculator .result h3 {
        font-size: 14px;
    }
    #mdx-rw-rebate-calculator .result h5 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 650px) {
    #mdx-rw-rebate-calculator .result h2 {
        font-size: 14px;
    }
    #mdx-rw-rebate-calculator .result h3 {
        font-size: 12px;
    }
    #mdx-rw-rebate-calculator .result h5 {
        font-size: 14px;
    }
}



#mdx-rw-rebate-calculator .card p{
    margin: 0;
}



#mdx-rw-rebate-calculator .s-item p {
    margin-bottom: 0;
    line-height: 30px;
}

#mdx-rw-rebate-calculator .s-item p.sku {
 
    width: 100px;
}
#mdx-rw-rebate-calculator .s-item p.name {
    font-weight: bold;
 
}
#mdx-rw-rebate-calculator .s-item input[name="cantidad"],
#sitems-current-items .single-item input[name="cantidad[]"] {
    width: 92px;
    height: 30px;
    text-align: center;
    padding-right: 0;
}
#mdx-rw-rebate-calculator .s-item input[name="cantidad"]::placeholder {
  font-size: 12px; 
}

#mdx-rw-rebate-calculator .s-item .button{
        font-weight: 700;
    border-radius: 3px;
    padding: 7px;
    color: white;
    font-size: 14px;
    line-height: 14px;
    background: #1e73be;
}

#mdx-rw-rebate-calculator button.delete{
    background-color: transparent;
    border: 0;
    color: #b51c36;
    border-radius: 0;
    padding: 0px 9px;
}
#mdx-rw-rebate-calculator .single-item{
   border-bottom: 1px solid #ddd;
  
}
#mdx-rw-rebate-calculator #sitems-clone-container .single-item{
    padding-bottom: 10px;
    padding-top: 10px;
}



#mdx-rw-rebate-calculator .single-item  > div{
     
    line-height: 40px;
}


#mdx-rw-rebate-calculator .single-item:nth-of-type(odd){
    background-color: #F6F8FA;
}


#mdx-rw-rebate-calculator .single-item .cantidad input {
    width: 80px;
    text-align: center;
    padding-right: 0;
}

#mdx-rw-rebate-calculator .single-item .name{
    font-weight: bold;
}

#mdx-rw-rebate-calculator-popup-block{
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}

#mdx-rw-rebate-calculator-popup-block a.popup-modal-dismiss,
#mdx-rw-rebate-calculator-popup-block a.popup-modal-dismiss:hover{
    color: #8a6d3b;
    text-decoration: underline;
    font-weight: bold;
}
#mdx-rw-rebate-calculator-popup-block p.modal-text{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin: 10px 0;
}


/*infinite*/
#mdx-rw-rebate-calculator .items-selector-container {
    width: 100%;
    max-height: 1800px;
    overflow-x: hidden;
    overflow-y: auto;
}

@media only screen and (min-width: 992px) {
    #mdx-rw-rebate-calculator .items-selector-container {
        max-width: 800px;
        
    }
}




#mdx-rw-rebate-calculator .items-selector-head {
    background-color: #F0F0F0;
    color: #333333;
    line-height: 35px;
}

#mdx-rw-rebate-calculator .items-selector-body{
    width: 97%;
}

#mdx-rw-rebate-calculator .items-selector-body button.add > * {
  pointer-events: none;
}



#mdx-rw-rebate-calculator .items-selector-footer {
    padding:20px;
    text-align: center;
}


.oalert.oalert-warningx{
    margin-bottom: 0;
}

#mdx-rw-rebate-calculator select{
    max-width: 100%;
}

/*projects/20180/cards/5340647*/
@media only screen and (min-width: 650px) {
    #mdx-rw-rebate-calculator .row-table {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    #mdx-rw-rebate-calculator .col-table {
        display: table-cell;
        float: none !important;
    }
}

#mdx-rw-rebate-calculator .last-invoice-date,
#mdx-rw-rebate-calculator .rebate-bonus-info{
    border-right: #fff solid 15px;
    font-weight: bold;
    background-color: #fff;
}

#mdx-rw-rebate-calculator .cumplimiento-maximo-human{
    padding-left:0;
    font-weight: bold;
    background-color: #fff;
}


#mdx-rw-rebate-calculator .rebate-bonus-info span{
    color: #61CE70;
}



#mdx-rw-rebate-calculator .last-invoice-date span,
#mdx-rw-rebate-calculator .cumplimiento-maximo-human span{
    font-weight: normal;
}


/*history*/
#mdx-rw-rebate-history .row.head > div{
    padding: 20px 15px 20px 15px;
    background-color: #DBDBDB;
    white-space: nowrap;
}
#mdx-rw-rebate-history .row.head > div:last-child {
    background-color: #61CE70;
}
#mdx-rw-rebate-history .row.body > div{
    padding: 0px 15px 0px 15px;
    background-color: #E7E7E7;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 1px solid #C6C6C6;
    
}
#mdx-rw-rebate-history .row.body > div:last-child {
    background-color: #8FE99B;
}

#mdx-rw-rebate-history .row.head span,
#mdx-rw-rebate-history .row.body span{
    font-weight: normal;
    
}

#mdx-rw-rebate-history h2{
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin:  0 ;
    line-height: 1;
    color: #122B46;
}


@media only screen and (max-width: 1300px) {
    #mdx-rw-rebate-history h2{
        font-size: 16px;
    }
}