:root {
    /* размеры щрифтов */
    --font-size-0: 0.8em;
    --font-size-1: 1em;
    --font-size-1-2: 1.2em;
    --font-size-1-3: 1.3em;
    --font-size-2: 1.5em;
    --font-size-3: 1.6em;
    --font-size-4: 2.5em;
    --font-size-5: 2.6em;
    --font-size-6: 3.5em;
    --font-size-7: 4em;
    --font-size-8: 1.8em;
    --font-size-select: 1.6em;
    /* для select */
    --font-size-span: var(--font-size-3);
    /* цвета текста*/
    --font-black: #000000;
    --font-white: #ffffff;
    --font-color-light-blue: #76C4E4;
    --font-color-gray: #535657;
    /* цвета фона */
    --background-bright-blue: #007FBD;
    --background-bright-blue-2: rgb(0, 176, 255);
    --background-light-blue: #DFF0FA;
    --background-white: #F1F8FC;
    --background-light-blue-brighter-1: #CFEEFC;
    --bg-color-light-blue: #dff0fa;
    --bg-color-red: #dc3545;
}

/* фоны начало */
.bg-light-blue {
    background-color: var(--bg-color-light-blue);
}
/* фоны конец */

/* цвет текста начало */
.text-color-bright-blue {
    color: var(--background-bright-blue);
}

.text-color-gray {
    color: var(--font-color-gray);
}
/* цвет текста конец */


/* блоки начало */
.calculator-bright-blue-block {
    background-color: var(--background-bright-blue);
    color: #cfeefc;
}

.calculator-light-blue-block {
    background-color: var(--background-light-blue);
    color: var(--background-bright-blue);
}
/* блоки конец */

/* границы начало */
.calculator-border-bright-blue {
    border: 1px solid var(--background-bright-blue) !important;
}

.calculator-border-bright-blue-2 {
    border: 1px solid var(--background-bright-blue-2) !important;
}

.calculator-border-light-blue {
    border: 1px solid var(--background-light-blue) !important;
}

.calculator-no-border {
    border: none !important;
}
/* границы конец */

/* #test-calc * {
    font-size: 1em;
} */

/* .calculator-modal * {
    font-size: 1em;
} */



.calculator-potreb {

}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}


.fs-7 {
    font-size: 0.8rem !important;
}