.card{
    background-color: #F9FBFF;
}
#loginCard{
    padding: 40px;
    max-width: 400px;
    width: 100%;
}
#loginLink{
    text-decoration-color: var(--custom-blue);
    color: var(--custom-blue)
}
#signupLink{
    opacity: 0.3;
    transition: opacity 0.2s linear;
}
#signupLink:hover{
    opacity: 1;
}
#loginBtn{
    border: 1px solid var(--custom-blue);
    color: var(--custom-blue)
}
#loginBtn:hover{
    background-color: var(--custom-blue) !important;
    color: white !important;
}

.selectize-dropdown {
    height: 150px;
    width: 200px !important;
    overflow: scroll;
    position: absolute;
    background-color: white !important;
}
.selectize-dropdown-content {
    width: 200px;
    overflow: scroll;
    position: absolute;
    background-color: white !important;
}
.selectize-dropdown .option{
    white-space: nowrap;
    overflow-x: hidden;
}
.selectize-control{
    height: 37px!important;
}
.selectize-control .items{
    height: 25px!important;
}
.selectize-control .items .item{
    height: 25px!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectize-input input{
    width: 100% !important;
    border: none!important;
    background-color: transparent !important;
}
.option{
    cursor:pointer;
    transition: all .2s ease-in-out;
}
.option:hover{
    background-color: rgb(220, 244, 255);
}
.formSelector{
    cursor:pointer;
    transition: all .2s ease-in-out;
}
.formSelector:hover{
    opacity:1 !important;
}