.body {
    background-color: #ebebeb;
    height: 100%;
}

.form {
    padding-bottom: 0;
}

.content {
    display: table;
    background-image: url("Images/background-balance-business-commerce-583846.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.formLayout-verticalAlign {
    display: table-cell;
    vertical-align: middle;
}

.formLayout-container {
    background-color: #d8e3ed;
    margin-left: auto;
    margin-right: auto;
    max-width: 362px;
    box-shadow: 8px 8px 10px 2px rgba(0, 0, 0, 0.7) !important;
    border-radius: 25px;
}

.formLayout-groupBox {
    margin: 0;
    padding: 0 !important;
}

.formLayout-generalErrorText {
    color: red;
    padding-top: 1em;
}

.eye-button {
    background: transparent;
}

    .eye-button > div {
        background: url('Images/eye-button.svg') no-repeat center;
        width: 18px;
        height: 12px;
        vertical-align: baseline;
        pointer-events: none;
        user-select: none;
    }

    .eye-button.show-password > div {
        background: url('Images/eye-button-hide.svg') no-repeat center;
    }

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

.footer-wrapper {
    position: static;
    display: table-row;
}

.dxtc-activeTab, .dxtc-tab {
    background: #d8e3ed !important;
    text-decoration-color: black;
    transition: background-image 1s;
    font-family: montserrat;
    font-kerning: normal;
    font-weight: normal;
    width: 50%;
    height: 38px;
    padding-top: 1% !important;
}

.dxtc-tab-signin {
    border-top-left-radius: 25px;
}

    .dxtc-tab-signin:hover {
        background-image: linear-gradient(90deg, rgba(183,111,32,1) 52%, rgba(139,110,43,1) 77%) !important;
    }

.dxtc-tab-signup {
    border-top-right-radius: 25px;
}

    .dxtc-tab-signup:hover {
        background-image: linear-gradient(90deg, rgba(139,110,43,1) 32%, rgba(183,111,32,1) 77%) !important;
    }

.layoutItem {
    font-family: montserrat;
    text-decoration: none;
    font-size: 17px;
    font-kerning: normal;
    text-decoration-color: black;
    font-weight: normal;
    height: 40px !important;
}

.titleBox {
    font-family: montserrat;
    font-size: 22px;
    font-kerning: normal;
    text-decoration-color: black;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.textEditBox {
    font-size: 22px !important;
    text-size-adjust: none;
    border-radius: 5px;
    border-color: black;
    border-width: 1px;
    margin-bottom: 2px;
}

.hr-auto {
    margin: 0 !important;
}

.dxbButton_Glass {
    background-image: linear-gradient(270deg, rgba(217,228,198,0.7399334733893557) 10%, rgba(183,123,32,0.7483368347338936) 79%) !important;
    font-size: 21px !important;
    border: 0px;
}

.dxbButtonHover_Glass {
    background-image: linear-gradient(90deg, rgba(217,228,198,0.7399334733893557) 10%, rgba(183,123,32,0.7483368347338936) 79%) !important;
}

.btnSignIn_Up {
    box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.62) !important;
    border-radius: 13px !important;
}