:root {
    --green: rgb(38,206,131);
}

.divlogo {
    max-width: 180px;
    max-height: 49px;
}

.logologin {
    max-width: 220px;
    max-height: 59px;
    z-index: 1
}

.greenBg {
    background-color: var(--green);
}

.greenMiddleBg {
    background-color: rgb(216,234,230);
}

.contentBg {
    border-radius: 15px;
    background-color: white;
    padding: 15px 15px 15px 20px;
    min-height: 40vh;
}

.greenText {
    color: var(--green) !important;
}

.lightGray {
    color: rgb(205,210,218) !important;
}

.darkGray {
    color: rgb(100,109,130);
}

#mainContainer {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
}

input {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid lightgray !important;
    border-radius: 0px !important;
}

    input:focus {
        border-bottom: 3px solid var(--green) !important;
        box-shadow: none !important;
        outline: 0 none !important;
        color: rgb(38,206,131) !important;
    }