.form-cont {
    margin: auto;
}

input::placeholder {
    color: #6c757d !important;
    letter-spacing: 1px;
}

.cont {
    height: 100dvh;
}

.input-layout-input {
    padding-left: 2rem;
    border-radius: 20px;
}

.input-grey-form {
    height: 45px;
    border-radius: 30px;
    font-size: 14px;
    background-color: #E1E1E15E;
}

.label-geay-form {
    padding: 0 0 5px 13px;
    margin: 0 0 0 0;
    color: #999;
    font-size: 14px;
}

.error {
    top: 75px;
    left: 30px;
}

.terror {
    top: 38px !important;
    left: 200px !important;
}

#NumberOfAccounts {
    width: 30%;
}

#priceList {
    width: 30%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1180px) and (orientation: landscape) {
    .form-cont {
        margin: 5vh auto;
    }
}

@media only screen and (max-width: 1180px)  {
    .terror {
        top: 38px !important;
        left: 120px !important;
    }

    .input-grey-form {
        width: 370px;
    }

    #NumberOfAccounts {
        width: 60%;
    }

    #priceList {
        width: 60%;
    }
}

.bluebuttons {
    display: inline-block;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid #004C97;
    background-color: #004C97;
    color: white;
    margin: auto;
    width: 150px;
}

    .bluebuttons:hover {
        background-color: white;
        color: #004C97;
    }

.whitebuttons {
    display: inline-block;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid white;
    background-color: white;
    color: #004C97;
    margin: auto;
    width: 150px;
}

    .whitebuttons:hover {
        background-color: #004C97;
        color: white;
    }