#bankid {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    display: contents;
}

#bankid .content-wrap {
    background: #ffffff;
    margin: 0 auto 0 auto;
    overflow: hidden;
    width: 440px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .15);
    border-radius: 8px;
    padding: 24px;
}

#application-form #bankid .content-wrap {
    box-shadow: none;
}

#bankid .section-title {
    text-align: center;
    margin: 20px 0px;
}

#bankid .section-title .bankid-logo {
    max-width: 60px;
}

#bankid .section-content {
    position: relative;
    min-height: 250px;
    padding: 20px;
    text-align: center;
}

#bankid [data-view-id],
#bankid .phone-verify-code {
    display: none !important;
}

#bankid [data-view-id].current {
    display: block !important;
}

#bankid .error {
    color: #721c24;
    font-size: 12px;
    margin: 0;
}

#bankid .feedback-title {
    margin-bottom: 20px;
}

#bankid .feedback-message {
    min-height: 100px;
    font-size: 14px;
}

#bankid .feedback-message i {
    font-size: 60px;
    margin-bottom: 20px;
}

#bankid [data-view-id="auth-different"] .feedback-message {
    min-height: 70px;
}

#bankid [data-view-id="auth-signing"] .feedback-message i {
    color: #0b76bb;
}

#bankid [data-view-id="start-failed"] .feedback-message i,
#bankid [data-view-id="auth-cancel"] .feedback-message i,
#bankid [data-view-id="block-completed"] .feedback-message i,
#bankid [data-view-id="auth-completed-process-failed"] .feedback-message i {
    color: #ffb810;
}

#bankid [data-view-id="auth-error"] .feedback-message i {
    color: #c92222;
}

#bankid [data-view-id="auth-completed"] .feedback-message i,
#bankid [data-view-id="phone-verification-completed"] .feedback-message i {
    color: #00cb3b;
}

#userselfblocking #bankid .content-wrap {
    width: 550px;
}

#userselfblocking #bankid [data-view-id="auth-type"] #question,
#phoneverification #bankid [data-view-id="auth-type"] #question,
#application-form #bankid [data-view-id="auth-type"] #question {
    display: none !important;
}

#phoneverification .phone-verify-code {
    display: block !important;
}

#bankid .action-button {
    text-align: left;
}

#bankid .btn {
    font-size: 14px;
    font-weight: 500;
}

#bankid .gap-3 {
    gap: 1rem !important;
}

#bankid .d-grid {
    display: grid !important;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    #bankid .content-wrap {
        margin: 0 15px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Large devices (desktops, less than 1599px) */
@media (min-width: 1200px) and (max-width: 1599px) {

}