@media(min-width:801px) {

    .REQUERIDO {
        border: 2px solid darkred;
        box-shadow: 0 0 10px 10px rgba(255, 0, 0, 0.5);
    }

    body {
        font-family: sans-serif;
        background-color: grey;
    }

    .HEADER {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid darkred;
        background-color: white;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
        padding: 1%;
    }

    .HEADER__TITLE {
        background-color: white;
        width: 100%;
    }

    .RIBBON {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15%;
    }

    .contacto {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    #traducir {
        cursor: pointer;
    }

    #traducir:hover {

        color: darkred;
        font-weight: bold;
    }

    .TITULO {
        color: darkred;
    }

    .BTN__CALCULATOR {
        position: fixed;
        flex-direction: column;
        top: 20%;
        right: 1%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: darkred;
        border: 3px solid white;
    }

    .floating__selector {
        position: fixed;
        flex-direction: column;
        top: 35%;
        right: 1%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: darkred;
        border: 3px solid white;
        border-radius: 5px;
        padding: 5px;
        width: 16%;
        text-align: center;
    }

    .floating__selector label {
        color: white;
        font-weight: bold;
    }

    .floating__selector__breakdown {
        position: fixed;
        flex-direction: column;
        top: 48%;
        right: 1%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: darkred;
        border: 3px solid white;
        border-radius: 5px;
        padding: 5px;
        width: 16%;
        text-align: center;
    }

    .floating__selector__breakdown label {
        color: white;
        font-weight: bold;
    }

    .floating__div {
        position: fixed;
        display: flex;
        flex-direction: column;
        bottom: 0;
        right: 20px;
    }

    .floating__div button {
        margin-bottom: 40%;
        background-color: darkred;
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 3px solid white;
        cursor: pointer;
    }

    .GENERAL__CONTAINER {
        margin: 0 18% 0 2%;
    }

    .OPTION1__CONTAINER, .OPTION2__CONTAINER {
        border: 1px solid darkred;
        padding: 0 2%;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .OPTION1__CONTAINER input, .OPTION2__CONTAINER input, .OPTION1__CONTAINER span, .OPTION2__CONTAINER span {
        border: 1px solid darkred;
    }

    .DATA {
        background-color: gainsboro;
        border: 3px solid darkred;
        border-radius: 10px;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .INPUT__DATA {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 3% 3% 0 3%;
        gap: 2%;
    }

    .INPUT__DATA label {
        font-weight: bold;
        font-size: 80%;
    }

    .CURRENT__DATA {
        padding: 0 8%;
    }

    .INPUT__DATA> :first-child {
        flex: 1;
    }

    .INPUT__DATA> :last-child {
        flex: 1.2;
    }

    .NEW__INPUT__DATA {
        display: flex;
        justify-content: space-around;
    }

    .NEW__INPUT__DATA>:first-child {
        flex: 1.4;
        margin-right: 1%;
    }

    .NEW__INPUT__DATA>:last-child {
        flex: 1;
    }

    .OPTION1, .OPTION2 {
        margin-bottom: 5%;
        padding: 2%;
        padding-bottom: 0;
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: whitesmoke;
    }

    .OPTION1__INPUTS, .OPTION2__INPUTS {
        display: flex;
        gap: 2%;
    }

    .OPTION2__INPUTS div {
        width: 80%;
    }

    .COMPARATIVE__CONTAINER {
        background-color: gainsboro;
        padding: 1%;
    }

    .ROW__CARD {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid darkred;
    }

    .ROW__CARD p {
        margin: 0;
    }

    .SUMMARY {
        margin-bottom: 5%;
        background-color: gainsboro;
        border: 3px solid darkred;
        border-radius: 10px;
        padding: 2%;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .SUMMARY section {
        display: flex;
        justify-content: space-around;
        padding: 0;
        margin: 0;
    }

    .SUMMARY section div {
        background-color: whitesmoke;
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 0 1%;
    }

    .SUMMARY div>h6 {
        background-color: whitesmoke;
        padding: 1%;
        width: 40%;
        margin: 0 auto;
        border: 1px solid darkred;
        border-radius: 10px;
    }

    .SUMMARY label {
        font-size: 70%;
    }

    .ONETIME__PAYMENT__RESULT {
        background-color: whitesmoke;
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 0 1%;
    }

    .ONETIME__PAYMENT__RESULT h5 {
        margin: 0;
        padding: 0;
    }

    .MORE__DATA {
        display: flex;
        flex-direction: column;
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 1%;
        background-color: whitesmoke;
    }

    .OPTION1, .OPTION2 {
        position: relative;
        padding-top: 6%;
    }

    #option1, #option2 {
        position: absolute;
        top: 1%;
        left: 1%;
    }

    .PI__GRAPHIC__SECTION {
        background-color: gainsboro;
        border: 3px solid darkred;
        border-radius: 10px;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .ORIGINAL__PI__GRAPHIC, .NEW__PI__GRAPHIC, .PI__GRAPHIC__ORIGINAL {
        display: flex;
        border: 1px solid darkred;
        border-radius: 8px;
        background-color: whitesmoke;
        margin: 0 3%;
        padding: 1%;
    }

    .PI__GRAPHIC__ORIGINAL>div:last-child {
        flex: 1.5;
    }

    #PI_graphic_original, #original_PI_graphic, #new_PI_graphic {
        height: 300px !important;
    }

    .PI__GRAPHIC__FIXED__TOOLTIP {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .FIXED__TOOLTIP {
        display: flex;
        justify-content: center;
        width: 100%;
        border: 1px solid darkred;
        border-radius: 5px;
        background-color: gainsboro;
        padding: 3%;
    }

    .FIXED__TOOLTIP>div:first-child {
        flex: 1;
        text-align: right;
        font-size: 70%;
        margin-right: 3%;
    }

    .FIXED__TOOLTIP>div:last-child {
        flex: 1;
        display: flex;
        flex-direction: column;
        font-size: 70%;
        color: red;

    }

    .FIXED__TOOLTIP>div:first-child p {
        padding: 0;
        margin: 0;
    }

    .PAYMENTS__INTEREST__COMPARATIVE {
        border: 3px solid brown;
        border-radius: 10px;
        padding: 1%;
        background-color: gainsboro;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .PAYMENT__COMPARATIVE__RESULTS {
        display: flex;
        justify-content: space-around;
        gap: 1%;
    }

    .PAYMENT__COMPARATIVE__RESULTS>*:nth-child(1) {
        flex: 1;
    }

    .PAYMENT__COMPARATIVE__RESULTS>*:nth-child(2) {
        flex: 1;
    }

    .PAYMENT__COMPARATIVE__RESULTS>*:nth-child(3) {
        flex: 0.9;
    }

    .MARGIN {
        display: flex;
        margin-left: 4%;
        font-size: 2em;
    }

    .MARGIN2 {
        font-size: 2em;
    }

    .COMPARATIVE__SAVINGS {
        border-radius: 10px;
        border: 1px solid darkred;
        margin-bottom: 3%;
    }

    .WAYS__TO__PAY {
        width: 50%;
    }

    .TERM__COMPARATIVE {
        width: 50%;
    }

    .INTEREST__SAVING__SECTION {
        width: 40%;
    }

    .INTEREST__SAVING__SECTION h4, .TERM__COMPARATIVE h4 {
        color: red;
    }

    .WAYS__TO__PAY, .INTEREST__SAVING__SECTION, .TERM__COMPARATIVE {
        li {
            h6 {
                font-size: 80%;
            }
        }
    }

    .BALANCE__INTEREST__GRAPHIC__CONTAINER {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 1%;
        margin: 0 auto;
        background-color: whitesmoke;
        width: 95%;
    }

    .BALANCE__INTEREST__GRAPHIC__CONTAINER .container {
        width: 70%;
    }

    .GRAPHICS div {
        border-radius: 10px;
        border: 1px solid darkred;
        background-color: whitesmoke;
        padding: 1%;
        margin: 0 5%;
    }

    .COMPARATIVE__EQUATION {
        border-bottom: 1px solid lightgrey;
        border-radius: 10px;
        margin-bottom: 1%;
        border: 1px solid darkred;
    }

    .descargo_responsabilidad {
        border: 3px solid darkred;
    }

    .BALANCE__VS__TIME__GRAPHIC {
        background-color: whitesmoke;
        border: 3px solid darkred;
        border-radius: 10px;
        padding: 3%;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .TABLE__CONTAINER {
        background-color: gainsboro;
        border: 3px solid darkred;
        border-radius: 10px;
        margin: 0 18% 0 2%;
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    .table {
        text-align: center;
    }

    .table thead th {
        font-size: 90%;
        padding: 1% 0.2%;
    }

    .table tbody {
        /* font-size: 60%; */
        font-weight: bold;
    }

    .SELECTORS__CONTAINERS {
        display: flex;
        justify-content: space-around;
    }

    .SELECTORS__CONTAINERS>div:first-child {
        flex: 1;
    }

    .SELECTORS__CONTAINERS>div:last-child {
        flex: 1;
    }

    .BREAKDOWN__SELECTOR__SIMPLE {
        background-color: whitesmoke;
        border-radius: 10px;
        border: 1px solid darkred;
        width: 65%;
        margin: 1%;
    }

    .BREAKDOWN__SELECTOR__SIMPLE .btn-group {
        display: flex;
        justify-content: space-around;
        padding: 1%;
        margin: 0 1%;
        border-radius: 10px;
        font-weight: bold;
    }

    .BREAKDOWN__SELECTOR__SIMPLE h3 {
        text-align: center;
        color: gray;
        margin: 0;
        padding-top: 1%;
    }

    .BREAKDOWN__SELECTOR__COMPARATIVE {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        padding: 1%;
        margin: 1%;
        background-color: whitesmoke;
        border-radius: 10px;
        border: 1px solid darkred;
        width: 45%;
    }

    .BREAKDOWN__SELECTOR__COMPARATIVE .btn-group {
        flex-direction: column;
        justify-content: center;
        font-weight: bold;
        padding: 1%;
        margin: 0 1%;
    }

    .BREAKDOWN__SELECTOR__COMPARATIVE h3 {
        text-align: center;
        color: gray;
        margin: 0;
        margin-bottom: 1%;
    }

    .EQUATION__AND__ALERT__CONTAINER {
        display: flex;
        justify-content: space-around;
        gap: 1%;
    }

    .EQUATION {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .INFERIOR__EQUATION__TEXT>div {
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 0;
        background-color: whitesmoke;
        margin: 0 20%;
    }

    .EQUATION div:nth-child(1), .EQUATION div:nth-child(3), .EQUATION div:nth-child(5) {
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 0 0.1%;
        background-color: whitesmoke;
        margin-right: 1%;
        width: 160px;
    }

    .SIGN {
        margin: 3%;
    }

    .TABLE__TITLE {
        text-align: center;
        padding: 1%;
        background-color: whitesmoke;
        position: sticky;
        top: 0;
        margin: 0;
    }

    #comparative_table_label {
        display: flex;
        justify-content: space-around;
    }

    #comparative_table_label h5 {
        margin: 0;
        padding: 0.5%;
        border: 1px solid darkred;
        color: white;
        border-radius: 5px;
    }

    .SCHEDULE__ALERT {
        background-color: whitesmoke;
        color: gray;
        font-weight: bold;
        padding: 1%;
        border-radius: 10px;
        text-align: center;
        margin: 0 5%;
    }

    .descargo_responsabilidad {
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
    }

    #comparative_breakdowns_explanation {
        display: none;
    }

    .OPTIONS__CONTAINER {
        display: flex;
        justify-content: space-around;
    }

    .STATEMENT__CONTAINER p {
        margin: 0;
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION>div, .BALANCE__vs__TIME__RADIOS__SELECTION>div {
        margin-right: 3%;
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION {
        display: flex;
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION, .BALANCE__vs__TIME__RADIOS__SELECTION {
        border: 1px solid darkred;
        border-radius: 5px;
        background-color: rgb(230, 230, 230);
        padding: 1%;
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION> :nth-child(1) {
        input[type="checkbox"]:checked {
            background-color: blue;
            border-color: blue;
        }
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION> :nth-child(2) {
        input[type="checkbox"]:checked {
            background-color: red;
            border-color: red;
        }
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION> :nth-child(3) {
        input[type="checkbox"]:checked {
            background-color: orange;
            border-color: orange;
        }
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION> :nth-child(4) {
        input[type="checkbox"]:checked {
            background-color: green;
            border-color: green;
        }
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION> :nth-child(5) {
        input[type="checkbox"]:checked {
            background-color: violet;
            border-color: violet;
        }
    }

    .BALANCE__vs__TIME__RADIOS__SELECTION {
        width: 50%;
    }


    .BALANCE__vs__TIME__RADIOS__SELECTION {
        label {
            padding: 0 1%;
            background-color: rgb(241, 241, 241);
            border-radius: 5px;
            margin-bottom: 1%;
        }
    }

    .EJE__X__DIV {
        display: flex;
        justify-content: space-between;
        margin-top: 0.1%;
        padding-left: 8%;
        font-size: 80%;
        text-align: center;
        font-weight: bold;
    }

    .EJE__X__DIV div {
        margin: 0 !important;
        float: right;
    }
}


.OPTION__EXPLAINING p {
    margin: 0;
    margin-bottom: 2%;
    font-size: 80%;
}


/* Vista Movil */
@media (max-width:800px) {
    #beginning_text {

        padding: 3% !important;
        background-color: whitesmoke !important;
    }

    body {
        display: flex;
        flex-direction: column;
        background-color: gray;
        padding: 1%;
    }

    .HEADER {
        display: flex;
        flex-direction: column;
        padding: 3%;
        border-bottom: 1px solid darkred;
        justify-content: center;
        align-items: center;
        background-color: gainsboro;
        text-align: center;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .HEADER__TITLE {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .RIBBON {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
    }

    .contact {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }

    .contacto #cabecera-es {
        text-align: center;
    }

    .TITULO {
        color: darkred;
    }

    .floating__div {
        position: fixed;
        display: flex;
        bottom: 30px;
        right: 20vw;
    }

    .floating__div button {
        background-color: darkred;
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 3px solid white;
        cursor: pointer;
    }

    .GENERAL__CONTAINER {
        margin: 0 auto;
        padding: 1%;
    }

    .DATA {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .DATA>:first-child {
        /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
        border-radius: 10px;
        color: darkred;
        /* border: 1px solid darkred; */
    }

    .INPUT__DATA {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 3% 3% 0 3%;
        gap: 2%;
    }

    .ORIGINAL__INPUT__DATA {
        /* border: 1px solid darkred; */
        border-radius: 10px;
        background-color: whitesmoke;
        padding: 3%;
    }

    .ORIGINAL__DATA {
        padding: 0;
        margin: 0;
        border-radius: 10px;
        background-color: gainsboro;
        margin-bottom: 3%;
    }

    .OPTION1__CONTAINER, .OPTION2__CONTAINER {
        padding: 3%;
        border-radius: 10px;
        margin-bottom: 5%;
    }

    .NEW__DATA {
        padding: 3%;
        margin: 0;
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: whitesmoke;
        margin-bottom: 3%;
    }

    .OPTION1, .OPTION2 {
        padding: 1%;
        border: 1px solid darkred;
        border-radius: 10px;
        margin-bottom: 3%;
    }

    .SUMMARY {
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: gainsboro;
        margin: 0 3%;
        padding-top: 2%;
        margin-bottom: 10%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }

    .SUMMARY div h3 {
        margin-bottom: 3% !important;
        text-align: center;
    }

    .SUMMARY__RESULTS {
        display: flex;
        text-align: center;
        gap: 1%;
    }

    .SUMMARY__RESULTS> :first-child {
        flex: 1;
        border-top: 1px solid darkred;
        border-bottom: none;
        border-left: none;
        background-color: whitesmoke;
    }

    .SUMMARY__RESULTS> :last-child {
        flex: 1;
        border: 1px solid darkred;
        border-bottom: none;
        border-right: none;
    }

    .PAYMENTS__INTEREST__COMPARATIVE {
        border: none !important;
    }

    .PAYMENT__COMPARATIVE__RESULTS {
        display: flex;
        flex-direction: column;
        background-color: transparent;
        font-size: 82%;
    }

    .MARGIN {
        display: flex;
        justify-content: space-around;
        background-color: whitesmoke;
    }

    .MARGIN> :first-child {
        flex: 1;
        width: 50%;
        border-bottom: 1px solid darkred;
    }

    .MARGIN> :last-child {
        flex: 1;
        width: 50%;
        border-left: 1px solid darkred;
        background-color: gainsboro;
    }

    .EQUATION__ALERT {
        margin-top: 3%;
    }

    .EQUATION__CONTAINER {
        display: flex;
        flex-direction: column;
        padding: 3%;
    }

    .EQUATION {
        display: flex;
        justify-content: space-around;
        margin-bottom: 3%;
    }

    .INFERIOR__EQUATION__TEXT, .EQUATION {
        border: 1px solid darkred;
        border-radius: 10px;
        margin: 0 3% 3% 3%;
        background-color: whitesmoke;
        font-size: 70%;
    }

    .TERM__COMPARATIVE, .INTEREST__SAVING__SECTION {
        padding: 1%;
    }

    .WAYS__TO__PAY {
        border: 1px solid darkred;
        border-radius: 10px;
        margin: 0 3% 3% 3%;
        padding-bottom: 1%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: gainsboro;
    }

    .COMPARATIVE__EQUATION, .COMPARATIVE__EQUATION li {
        background-color: gainsboro;
    }

    .BALANCE__INTEREST__GRAPHIC__CONTAINER, .PI__GRAPHIC__SECTION, .BALANCE__VS__TIME__GRAPHIC, .TABLE__CONTAINER {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .TABLE__CONTAINER {
        border: 1px solid darkred;
        border-radius: 10px;
    }

    .alert {
        text-align: center;
        padding: 2%;
        border-radius: 10px;
    }

    .COMPARATIVE__SAVINGS, .TERM__COMPARATIVE, .INTEREST__SAVING__SECTION {
        margin-bottom: 3%;
        background-color: whitesmoke !important;
    }

    .INTEREST__SAVING__SECTION {
        margin: 0 3%;
    }

    .INTEREST__SAVING__SECTION, .TERM__COMPARATIVE {
        border: 1px solid darkred;
        border-radius: 10px;
    }

    .INTEREST__SAVING__SECTION li, .TERM__COMPARATIVE li {
        background-color: gainsboro;
    }

    .INTEREST__SAVING__SECTION li h6, .TERM__COMPARATIVE li h6 {
        font-size: 70%;
    }

    .INTEREST__SAVING__SECTION h4, .TERM__COMPARATIVE h4 {
        color: red;
    }

    .BALANCE__INTEREST__GRAPHIC__CONTAINER {
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: gainsboro;
        margin: 0 1%;
    }

    .PI__GRAPHIC__SECTION {
        margin: 0 1%;
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: gainsboro;
    }

    .PI__GRAPHIC__ORIGINAL, .ORIGINAL__PI__GRAPHIC, .PI__GRAPHIC__SECTION .NEW__PI__GRAPHIC {
        border: 1px solid darkred;
        border-radius: 8px;
        background-color: whitesmoke;
        margin: 0 3%;
        padding: 3%;
    }

    .PI__GRAPHIC__ORIGINAL h4, .ORIGINAL__PI__GRAPHIC h4, .NEW__PI__GRAPHIC h4 {
        margin: 1% 0 !important;
        font-size: smaller;
    }

    .BALANCE__VS__TIME__GRAPHIC {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: whitesmoke;
        border: 1px solid darkred;
        border-radius: 10px;
        padding: 3%;
    }

    .BALANCE__vs__TIME__CHECKBOXES__SELECTION {
        margin: 0 30%;
    }

    .BALANCE__VS__TIME__GRAPHIC>:first-child {
        font-size: smaller;
    }

    .TABLE__CONTAINER {
        margin: 0 3%;
        background-color: gainsboro;
    }

    .SELECTORS__CONTAINERS {
        padding: 3%;
        font-size: 90%;
        font-weight: bold;
    }

    .SELECTORS__CONTAINERS>div {
        border-bottom: 1px solid darkred;
        padding-bottom: 3%;
    }

    .SCHEDULE__ALERT {
        border: none !important;
        border-radius: 0 !important;
    }

    .BREAKDOWN__SELECTOR__SIMPLE {
        margin-bottom: 3%;
    }

    .SCHEDULE__ALERT {
        border: 1px solid darkred;
        border-radius: 10px;
        background-color: whitesmoke;
        padding: 1%;
        margin: 3% 0 !important;
        font-size: smaller;
        text-align: center;
    }

    .BREAKDOWN__SELECTOR__COMPARATIVE .btn-group {
        display: flex;
        flex-direction: column;
    }

    .TABLE__TITLE {
        text-align: center;
        padding: 1%;
        background-color: whitesmoke;
        position: sticky;
        top: 0;
        margin: 0;
    }

    .table {
        text-align: center;
    }

    .table thead {
        font-size: 45%;
    }

    .table tbody {
        font-weight: bold;
        font-size: 60%;
    }

    #CALCULATE_BTN {
        display: none;
    }

    .descargo_responsabilidad {
        width: 90% !important;
        margin: 0 auto !important;
        border: 1px solid darkred;
        background-color: gainsboro !important;
        font-size: smaller;
        margin-top: 3% !important;
    }

    #comparative_breakdowns_explanation {
        display: block;
    }

    .BALANCE__TIME__CONTAINER {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        width: 100% !important;
        height: 300px;
    }

    .FIXED__TOOLTIP {
        display: flex;
        justify-content: center;
        font-size: 60%;
        width: 80%;
        border: 1px solid black;
        border-radius: 5px;
        background-color: whitesmoke;
        padding: 1%;
    }

    .FIXED__TOOLTIP>div:first-child {
        flex: 1;
        text-align: right;
        margin-right: 3%;
    }

    .FIXED__TOOLTIP>div:last-child {
        flex: 1;
        display: flex;
        flex-direction: column;
        color: red;
    }

    .FIXED__TOOLTIP>div:first-child p {
        padding: 0;
        margin: 0;
    }

    .EJE__X__DIV {
        display: flex;
        justify-content: space-between;
        margin-top: 1%;
        font-size: 70%;
        margin-left: 12%;
        font-weight: bold;
    }

    .EJE__X__DIV div {
        margin: 0 !important;
        float: right;
    }
}