.wrapper-container {
    /* display: flex;
    justify-content: center;
    align-content: center;*/
}

.container {
    margin: 0 !important;
}

body {
    background-color: white !important;
}

.wrapper {
    position: relative;
    background-color: white;
    border-radius: 15px;
    padding: 15px;
    width: min(400px,100%);
    box-shadow: 0 .25rem .75rem rgb(137 137 137 / 86%);
}

select {
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px;
    width: 100%;
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: rgb(84 105 212 / 0.5);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.error {
    display: none;
    color: red;
}

.show {
    display: inline-block !important;
}

.iti {
    width: 100%;
}

.calculate-row {
    background-color: #1b6ec233;
    border-radius: 3px;
    /*height: 40px;*/
}

    .calculate-row label {
        background-color: #1b6ec233;
        padding: 12px;
        font-size: 21px;
    }



.calculate-row {
    padding: 25px;
    align-items: center;
    justify-content: center;
    border: none;
    gap: 5px;
    background-color: lightgray;
}

    .calculate-row button {
        background-color: #1b6ec233;
        border: none;
        padding: 8px;
        height: 40px;
    }

        .calculate-row button:focus,
        .calculate-row button:hover {
            outline: none !important;
            background-color: #1b6ec233;
            border: none;
        }