/* Works for multiple select in example in project edit view */
.select2.select2-container.select2-container--default{
    display: block;
    min-width: 100%;
    /* float: left; */
}
.select2.select2-container.select2-container--default > .select2-selection.select2-selection--single{
    width: 100%
}

.help-block{
    display: block;
    clear: both;
}

div.card-body form label[for="id_auth-username"]{
    font-weight: normal;
    margin-top: 10px
}
div.card-body form label[for="id_auth-password"]{
    font-weight: normal;
    margin-top: 10px
}
div.card-body form label[for="id_token-otp_token"]{
    font-weight: normal;
    margin-top: 10px
}
[name="auth-username"]{ 
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
[name="auth-password"]{ 
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
[name="token-otp_token"]{ 
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.django-ckeditor-widget{
    width: 100%
}