#simple-jwt-login {
    margin: 10px 0;
}

#simple-jwt-login * {
    box-sizing: border-box;
    font-size: 12px;
}

#simple-jwt-login span.beta {
    background: #F11;
    border: 1px solid #E00;
    color: #FFF;
    border-radius: 0.3em;
    padding: 2px 10px;
}

#simple-jwt-login .row {
    max-width: 100%;
}

#simple-jwt-login hr {
    margin-top: 4px;
}

#simple-jwt-login .main-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

#simple-jwt-login .section-title {
    font-size: 14px;
    font-weight: bold;
}
#simple-jwt-login .sub-section-title{
    font-size: 13px;
    font-weight: bold;
}

#simple-jwt-login a.nav-link {
    color: #263544;
}

#simple-jwt-login a.nav-link.active {
    background-color: #263544;
    color: #FFF;
}

#simple-jwt-login select {
    height: 35px;
}

#simple-jwt-login .form-control,
#simple-jwt-login .form-control option {
    font-size: 14px;
}

/**
  Tab content design
 */
#simple-jwt-login-tab-content {
    border: 1px solid #DDD;
    box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    min-height: 400px;
    border-radius: 0.3em;
    background: #FFF;
}
/**
   Fix tabs on some WorPress data
 */
#simple-jwt-login #simple-jwt-login-tab-content.tab-content > .tab-pane.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/**
  Dashboard
 */
#simple-jwt-login .card-shadow {
    box-shadow: 6px 6px 32px -10px rgba(51, 45, 51, 0.33);
}

#simple-jwt-login .form-control.onOff {
    max-width: 60px;
}

#simple-jwt-login .box-status {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 20px;
}

#simple-jwt-login .box-status.box-status-on {
    background-image: url('../images/correct.svg');
}

#simple-jwt-login .box-status.box-status-off {
    background-image: url('../images/close.svg');
}

/**
  Generate code
 */
#simple-jwt-login .generated-code {
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    background: #CCC;
    padding: 5px 10px;
    border-radius: 0.3em;
    border: 1px solid #ABB;
    word-break: break-word;
}

#simple-jwt-login .generated-code .method {
    font-weight: bold;
    display: inline;
    padding: 5px 10px;
    background: #EEE;
    border-radius: 0.3em;
    border: 1px solid #EEE;
}

#simple-jwt-login .auth-code-delete-container,
#simple-jwt-login .toggle_key_button {
    width: 35px;
    background: #263544;
    height: 35px;
    display: inline-block;
    border-bottom-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
    fill: #FFF;
}

#simple-jwt-login .step-number {
    background: #CCC;
    border-radius: 100%;
    border: 1px solid #BBB;
    color: #000;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    margin-top: 10px;
}

/**
  Toggle Key
 */
#simple-jwt-login .toggle_key_button .toggle-image {
    background-image: url("../images/eye-visible.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    width: 100%;
    height: 100%;
    display: block;
}

#simple-jwt-login .toggle_key_button .toggle-image.toggle_visible {
    background-image: url("../images/eye-not-visible.svg");
}

#simple-jwt-login .simple-jwt-error {
    background: #DC3232;
    border-radius: 3em;
    padding: 0 5px;
    color: #FFF;
}

/**
  Auth codes
 */
#simple-jwt-login .auth-code-delete-container a {
    width: 100%;
    height: 100%;
    display: block;
}

#simple-jwt-login .delete-auth-code {
    background-image: url("../images/delete.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    width: 100%;
    height: 100%;
    display: block;
}

/**
  Authentication
 */

#simple-jwt-login .authentication_jwt_container,
#simple-jwt-login .jwt_sub_container
{
    background: #EEE;
    padding: 10px;
    border-radius: 0.3em;
    border: 1px solid #ABB;
}

#simple-jwt-login .authentication_jwt_container ul {
    list-style: none;
    margin-left: 20px;
}

#simple-jwt-login .authentication_jwt_container ul li,
#simple-jwt-login .authentication_jwt_container ul li .bold{
    font-weight: bold;
}

#simple-jwt-login .authentication_jwt_container ul li label {
    font-weight: normal;
}

#simple-jwt-login .authentication_jwt_container .checkbox {
    width: 20px;
    display: inline-block;
}

#simple-jwt-login .simple-jwt-request-parameter-label {
    min-width: 90px;
    display: inline-block;
    font-weight: 400;
}
/**
  Reset password
*/
#simple-jwt-login #reset_password_email_body{
    min-height: 200px;
}

#simple-jwt-login .text-right{
    text-align: right;
}

#simple-jwt-login .code-info{
    color: #6c757d!important;
    font-size: 12px;
}
#simple-jwt-login #decryption_key{
    height: 35px;
}

#simple-jwt-login #decryption_progress{
    font-size: 16px;
    margin: 0 5px;
}
#simple-jwt-login .auth_row,
#simple-jwt-login .endpoint_row {
    margin-top: 10px;
}
#simple-jwt-login small{
    color: #6c757d!important;
    font-size: 10px;
}

#simple-jwt-login .decryption-input-group progress[value="25"]::-moz-progress-bar { background: #b32d2e; }
#simple-jwt-login .decryption-input-group progress[value="25"]::-webkit-progress-value { background: #b32d2e; }
#simple-jwt-login .decryption-input-group progress[value="25"] { color: #b32d2e; }

#simple-jwt-login .decryption-input-group progress[value="50"]::-moz-progress-bar { background: #f3a505; }
#simple-jwt-login .decryption-input-group progress[value="50"]::-webkit-progress-value { background: #f3a505; }
#simple-jwt-login .decryption-input-group progress[value="50"] { color: #f3a505; }

#simple-jwt-login .decryption-input-group progress[value="75"]::-moz-progress-bar { background: #ff0; }
#simple-jwt-login .decryption-input-group progress[value="75"]::-webkit-progress-value { background: #ff0; }
#simple-jwt-login .decryption-input-group progress[value="75"] { color: #ff0; }

#simple-jwt-login .decryption-input-group progress[value="100"]::-moz-progress-bar { background: #0f5132; }
#simple-jwt-login .decryption-input-group progress[value="100"]::-webkit-progress-value { background: #0f5132; }
#simple-jwt-login .decryption-input-group progress[value="100"] { color: #0f5132; }


/*
Applications
 */
#simple-jwt-login .application {
    padding: 5px 10px;
    border: 1px dotted #8e9194;
    border-radius: 0.3em;
    background: #f8f8f8;
    margin-bottom: 10px;
}

#simple-jwt-login .application .form-group{
    margin-bottom: 5px;
    padding-top: 5px;
}

#simple-jwt-login .application .logo {
    width: 60px;
    height: 60px;
    float:right;
}
#simple-jwt-login .application .logo.google {
    background-image: url("../images/applications/google-60x60.png");
}