button:focus
{
    outline:0 !important;
}

.button-dark-gray
{
    color: #FFF;
    background-color: rgb(33%, 33%, 33%);
    border: 0px;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-gray-inverse
{
    background-color: #FFF;
    border: 1px solid rgb(60%, 60%, 60%);
    color: rgb(60%, 60%, 60%);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    
    cursor: pointer;
}

.button-gray
{
    color: #FFF;
    background-color: rgb(50%, 50%, 50%);
    border: 0px;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-mid-gray
{
    color: #FFF;
    background-color: rgb(70%, 70%, 70%);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-light-gray
{
    color: rgb(33%, 33%, 33%);;
    background-color: rgb(85%, 85%, 85%);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-light
{
    background-color: rgb(250, 190, 85);
    border: 1px solid rgb(250, 190, 85);
    color: #FFF;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-light-inverse
{
    background-color: #FFF;
    border: 1px solid rgb(250, 190, 85);
    color: rgb(250, 190, 85);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-dark
{
    background-color: rgb(245, 125, 67);
    border: 1px solid rgb(245, 125, 67);
    color: #FFF;
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-dark-inverse
{
    background-color: #FFF;
    border: 1px solid rgb(245, 125, 67);
    color: rgb(245, 125, 67);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    cursor: pointer;
}

.button-inactive
{
    color: rgb(33%, 33%, 33%);
    background-color: rgb(95%, 95%, 95%);
    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    pointer-events: none;
    cursor: wait;
}

.button-other-login-row
{
    width: 100%;
    display: flex;
    margin-top: 20px;
}

.button-other-login
{
    position: relative;
        
    width: 30%;
    background-color: #FFF;
    border: solid 1px #555;

    cursor: pointer;
}

.button-other-login.two-btns
{
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.button-other-login-middle
{
    margin-left: 5%;
    margin-right: 5%;
}

.signup-toggle-button
{
    width: 50%;
    background-color: #FFF;
    border: none;
    
    position: fixed;
    left: 50%;
    margin-left: -25%;

    cursor: pointer;
}

/*
.button-other-login:hover, .button-other-login:focus, .button-other-login:active
{
    border: solid 3px #555;
}

.button-dark:hover, .button-dark:focus, .button-dark:active
{
    background-color: #FFF;
    color: rgb(245, 125, 67);
}

.button-light-inverse:hover, .button-light-inverse:focus, .button-light-inverse:active
{
    background-color: rgb(250, 190, 85);
    color: #FFF;
}

.button-light:hover, .button-light:focus, .button-light:active
{
    background-color: #FFF;
    color: rgb(250, 190, 85);
}

.button-gray-inverse:hover, .button-gray-inverse:focus, .button-gray-inverse:active
{
    background-color: rgb(60%, 60%, 60%);
    color: #FFF;
}

.button-gray:hover, .button-gray:focus, .button-gray:active
{
    background-color: #FFF;
    color: rgb(60%, 60%, 60%);
}
 */