#cd_cmp_calc .green_color {
color: #36b493 !important;
}
#cd_cmp_calc .color-red {
color: red;
}
#cd_cmp_calc .dark_grey {
color: #545b63;
}
#cd_cmp_calc .percentage-field{
background: url(/images/percentage.svg) no-repeat #fff;
background-position-x: right;
background-position-y: center;
}
#cd_cmp_calc .dollar-field::before {
content: "$";
position: absolute;
height: auto;
width: 35px;
text-align: center;
font-size: 18px;
z-index: 1;
color: #545b63;
padding: 8px 0px;
font-weight: 700;
}
#cd_cmp_calc .recalculate_btn {
border-radius: 5px;
background-color: #36b493;
color: #ffffff;
border: none;
padding: 10px;
}
#cd_cmp_calc .recalculate_btn:hover {
background-color: #01A059 !important;
}
#cd_cmp_calc select.form-control {
appearance: none;
padding: 10.25px 10px;
height: 42px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%201024%201024%22%20fill%3D%22%23000000%22%3E%3Cg%20transform%3D%22rotate(90%20512%20512)%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M338.752%20104.704a64%2064%200%200%200%200%2090.496l316.8%20316.8-316.8%20316.8a64%2064%200%200%200%2090.496%2090.496l362.048-362.048a64%2064%200%200%200%200-90.496L429.248%20104.704a64%2064%200%200%200-90.496%200z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
background-repeat: no-repeat;
background-position: right 6px center;
background-size: 12px;
background-color: #fff !important;
}
#cd_cmp_calc {
border-radius: 5px;
border: solid 1px rgba(134, 147, 158, .38);
background-color: #f6f8f9;
}
#cd_cmp_calc .calc_title {
font: 700 36px Roboto;
line-height: 38px;
text-align: center;
}
#cd_cmp_calc .textInput {
text-indent: 16px;
}
#cd_cmp_calc .flex-1 {
flex: 1;
}
#cd_cmp_calc .flex-100{
flex: 1 1 100%;
}
#cd_cmp_calc #result_table .best-term {
background-color: #dafef4;
}
#cd_cmp_calc .remove-btn {
padding: 19px 22px;
cursor: pointer;
background: url('data:image/svg+xml,') no-repeat 50%;
background-color: #f6f8f9;
border-radius: 4px;
border: 1px solid red;
}
#cd_cmp_calc .remove-btn:hover {
background: url('data:image/svg+xml,') no-repeat 50%;
background-color: red !important;
border: none;
}
@media screen and (max-width: 767.98px) {
#cd_cmp_calc .calc_title {
font-size: 22px;
line-height: 28px;
text-align: left;
}
#cd_cmp_calc .result_row {
border-top: 1px solid #c4cdd5;
}
#cd_cmp_calc .calculation-input-fields .input_feild,
#cd_cmp_calc .calculation-input-fields .result_btn {
width: 100% !important;
}
#cd_cmp_calc .term-row {
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
#cd_cmp_calc .calculation-input-fields {
border-right: 1px solid #c4cdd5;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#Double_Col #cd_cmp_calc .recalculate_btn{
padding: 8px;
font-size: 15px;
}
#cd_cmp_calc select.form-control{
font-size: 15px !important;
padding: 10.25px 7px !important;
background-position: right 4px center !important;
}
}