:root {
    --main-color : #0097B2;
    --second-color : #f5f5f5;
}


.form-check-input {
	width: 20px !important;
	height: 20px !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--main-color) !important;
    border-color: unset !important;
}

.bg-main-color {
    background-color: var(--main-color);
}

.bg-second-color {
    background-color: var(--second-color);
}

.text-main-color {
    color: var(--main-color);
}

.text-second-color {
    color: var(--second-color);
}

.bg-main-color-important {
    background-color: var(--main-color) !important;
}

.bg-second-color-important  {
    background-color: var(--second-color) !important;
}

.text-main-color-important  {
    color: var(--main-color) !important;
}

.text-second-color-important  {
    color: var(--second-color) !important;
}

.border-main-color  {
    border-color: var(--main-color) !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.result-footer {
    transition: .2s;
}

.animate-down {
    max-height: 100px;
    bottom: -100px !important;
}

@media screen and (max-width: 485px ) {
    .budget_calculation label {
        font-size: 11px;
        word-break: break-word;
    }
}