/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 260px;
    border-radius: 8px;
}*/

input[type=checkbox] {
    max-width: 30px;
}

/* Style of Account & Login Dialog Inputs */
.text-box {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.form-fieldset {
    margin-left: auto;
    margin-right: auto;
    /*color: #5423b3;*/
}

    .form-fieldset label {
        /*color: #333;*/
        /*font-weight: 600;*/
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
    }


.form-fieldset .badge {
    color: #eee;
    font-weight: normal;
    margin: 3px 3px 3px 3px;
    padding: 5px 10px 5px 10px;
    min-width: 60px;
}

.form-fieldset .form-control {
        border-radius: 5px;
        color: #000;
    }

    .form-fieldset .form-group {
        margin-left: 0px;
        box-sizing: border-box;
        color: #404040;
        font-size: 1em;
    }

    .form-fieldset a:link {
        color: #ff005d;
        font-weight: bold;
        text-decoration: none;
    }

    .form-fieldset a:visited {
        color: #ff005d;
        font-weight: bold;
        text-decoration: none;
    }

    .form-fieldset a:hover {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    .form-fieldset .form-group label.error {
        color: #ff005d;
        -webkit-text-fill-color: #ff005d;
        text-decoration: none;
        font-size: 1em;
    }

.alert-warning {
    border: 2px solid #ff005d;
    background-color: #fff;
    color: #000;
    font-weight: 600;
}

.alert-info {
    border: 2px solid #ff005d;
    background-color: #ececec;
    color: #000;
    font-weight: 600;
}

.alert-instruction {
    border: 1px solid #ff005d;
    background: #fff;
    color: #000;
    font-weight: 450;
}