.hasDanger .custom-form-control {
    color: red!important;
    border-color: red!important;
}

.form-control-info {
    font-size: 0.8rem;
}

.form-control-feedback {
    color: red;
    font-size: 0.8rem;
}

.form-control-feedback.invisible {
    display: none;
}

.btn-download-nng-letter {
    display: block;
    margin: 0 auto 0;
}

.btn-back-to-login {
    display: block;
    margin: 50px auto 0;
}

.text-center {
    text-align: center;
}

.btn-center {
    margin: 0 auto;
    display: block;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb!important;
    opacity: 0.1; /* Firefox */
    font-size: small;
}

input[type="file"] {
    display: none;
}

.image-preview {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
    height: 300px;
    width: 300px;
}

.custom-file-upload {
    background-image: url("image-regular.svg");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 50%;
    width: 50%;
}

.filename {
    display: inline-block;
    font-size: x-small;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
}

.readonly-ios.form-control:disabled {
    background-color: transparent !important;
    border-bottom: 1px solid #565656 !important;
    border-left: 1px solid #565656 !important;
    color: #565656 !important;
    -webkit-text-fill-color: #565656;
    cursor: default !important;
}