:root {
    /* Colors: */
    --calcuadora-destacado: #D0103A;
    --calculadora-titulo: #000000;
    --calculadora-texto: #626364;
    --calculadora-detalle: #9E9E9E;
}

.cofidis-show-info small {
    color: rgb(35, 35, 35);
    text-decoration: underline;
}
/* simple blocks */

.cofidis-card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 7px 15px;
}

.cofidis-label {
    font: normal normal bold 15px/22px Noto Sans, sans-serif;
    color: var(--calculadora-titulo);
}

.cofidis-quote {
    color: var(--calcuadora-destacado);
    font: normal normal bold 18px/22px Noto Sans, sans-serif;

}

.cofidis-detail {
    font: normal normal normal 15px/22px Noto Sans, sans-serif;
    color: var(--calculadora-texto);
}

.cofidis-more-detail {
    font: normal normal 600 14px/22px Noto Sans, sans-serif;
    color: var(--calculadora-titulo);
    text-decoration: underline;
}


/* calculadora */

.cofidis-calculadora {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 15px 15px;
    margin-top: 1em;
    border: 1px solid #cccccc;
}

.cofidis-header {
    display: flex;
}

.cofidis-header,
.cofidis-calc,
.cofidis-calc-detail {
    overflow: auto;
    margin-bottom: 1.5rem;
}

.cofidis-title {
    font: normal normal bold 1.4em Arial;
    color: #626364;
    flex: 55%;
    padding-top: 1rem;
    padding-right: 0.6em;
}

.cofidis-pl-logo {
    flex: 45%;
    text-align: right;
}

.cofidis-pl-logo img {
    max-width: 100%;
    height: auto;
    min-width: 100px;
    width: 1rem;
}

.cal-import {
    display: flex;
}

.cofidis-months {
    flex: 60%;
}

.cofidis-per-month {
    flex: 40%;
}

.cofidis-calc label {
    font: normal normal normal 1.1em Arial;
    color: #626364;
    margin-bottom: 0.5em;
}

.cofidis-months span {
    background-color: var(--calcuadora-destacado);
    color: white;
    font: normal normal 600 32px/30px Noto Sans, sans-serif;
    border-radius: 50%;
    display: inline-block;
    height: 31px;
    width: 30px;
    margin: 0 18px;
    cursor: pointer;
    text-align: center;
}

.cofidis-months span.disabled {
    cursor: default;
    opacity: 50%;
}

.cofidis-form-block input {
    width: 2em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 10px;
    font: normal normal normal 32px/37px Arial;
    padding: 0.2em;
}

.cofidis-price {
    font: normal normal bold 35px/34px Arial;
    color: #999999;
    font-size: 3rem;
}

.cofidis-month-text {
    font: normal normal bold 1em Arial;
    color: #999999;
}

.cofidis-calc {
    margin-bottom: 10px;
}

.cofidis-calc-detail {
    font: normal normal normal 15px/22px Noto Sans, sans-serif;
    color: var(--calculadora-detalle);
    letter-spacing: 0px;

}

.cofidis-show-info2 {
    cursor:pointer
}

.custom-select {
    display: inline-block;
    width: 140px;
    max-width: 100%;
    height: calc(3.5rem - 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    padding-right: .75rem \9;
    color: #7a7a7a;
    vertical-align: middle;
    /*background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-image: none\9;
background-size: 8px 10px;*/
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*background-image: url(<?= $imageFlechaSelectCSS ?>);*/
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.custom-select[disabled] {
    background: none;
}

.custom-select:focus {
    border-color: #51a7e8;
    outline: none
}

.custom-select:focus::-ms-value {
    color: #7a7a7a;
    background-color: #fff
}

.custom-select:disabled {
    color: inherit;
    cursor: not-allowed;
    background-color: #f6f6f6
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.cofidis-calc-info {
    margin: 0;
    margin-top: 10px;
}