#CC_InterestCal .howmuchinterest{
    border-radius: 5px;
    border: solid 1px rgba(134, 147, 158, 0.38);
    background-color: #f6f8f9;
}
#CC_InterestCal .dollar-field .textInput{
    text-indent: 16px;
}
#CC_InterestCal #monthly_payment:disabled,
#CC_InterestCal #period:disabled {
    background-color: #dddddd;
}
#CC_InterestCal .howmuchinterest_first_row .howmuchinterestOR{
    color: #545b63;
}
#CC_InterestCal #interestCharges .validationMsg{
    color: red !important;
}
#CC_InterestCal .percentage-field{
    background: url(/images/percentage.svg) no-repeat #fff;
    background-position-x: right;
    background-position-y: center;
}
.calculator_block span.month-label {
    position: absolute;
    right: 5%;
    top: 10px;
    opacity: 0.7;
}
#CC_InterestCal #recalculate .recalculate_button:hover {
    background-color: #01A059;
}
/* Media Query */

@media screen and (min-width: 768px) {
    #CC_InterestCal .howmuchinterest_first_row h2, 
    #CC_InterestCal .howmuchinterest_first_row > div{
        border-right: 1px solid #c4cdd5;;
    }
}

@media screen and (max-width: 767.98px) {
    #CC_InterestCal .howmuchinterest_first_row .input_feild,
    #CC_InterestCal .howmuchinterest_first_row .recalculate_button,
    #CC_InterestCal .howmuchinterest_first_row .howmuchinterestOR{
        width: 100% !important;
    }
    #CC_InterestCal #recalculate .calculate_button{
        border-bottom: 1px solid #c4cdd5;
    }
    #CC_InterestCal .dollar-field::before{
        padding: 8px 0;
    }
}