/* Guest login */

#reader #bookshelf .guest-setup {
    position: absolute;
    z-index: 10;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 450px;
    min-width: 450px;
    height: 88%;
    min-height: 300px;
    background-color: #18222E;
}

#reader #bookshelf .guest-setup[data-mode="setup"] {
    height: 288px;
    min-height: 288px;
}

#reader #bookshelf .guest-setup[data-mode="setup-success"] {
    height: 200px;
    min-height: 190px;
}

#reader #bookshelf .guest-setup[data-mode="remove"] {
    height: 254px;
    min-height: 254px;
}

#reader #bookshelf .guest-setup[data-mode="remove-success"] {
    height: 150px;
    min-height: 150px;
}

#reader #bookshelf .guest-setup[data-mode="setup"][data-has-error="true"] {
    height: 307px;
    min-height: 307px;
}

#reader #bookshelf .guest-setup[data-mode="remove"][data-has-error="true"] {
    height: 273px;
    min-height: 273px;
}

#reader #bookshelf .guest-setup .bubble-content {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-message {
    padding: 24px;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-form {
    padding: 0 24px;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field {
    line-height: 36px;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field:not(:last-child) {
    margin-bottom: 8px;
}

#reader #bookshelf .guest-setup .bubble-content .success-message {
    padding: 24px 24px 0;
    text-align: center;
}

#reader #bookshelf .guest-setup[data-has-error="true"] .error-message
{
    text-align: center;
    padding: 10px 0 16px;
    color: #ff0000;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field input,
#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field .username {
    width: 230px;
    box-sizing: border-box;
    float: right;
    font-size: 16px;
    padding: 0 4px;
    height: 36px;
}

#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field div,
#reader #bookshelf .guest-setup .bubble-content .confirm-form .input-field input {
    display: inline-block;
}

#reader #bookshelf .guest-setup .bubble-buttons {
    text-align: center;
    padding: 24px 0 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FBF5EA;
}

#reader #bookshelf .guest-setup[data-has-error="true"] .bubble-buttons {
    padding-top: 0;
}

#reader #bookshelf .guest-setup[data-mode="setup"] .success-message,
#reader #bookshelf .guest-setup[data-mode="setup"] .bubble-buttons .success-button,
#reader #bookshelf .guest-setup[data-mode="remove"] .success-message,
#reader #bookshelf .guest-setup[data-mode="remove"] .bubble-buttons .success-button,
#reader #bookshelf .guest-setup[data-mode="setup-success"] .confirm-message,
#reader #bookshelf .guest-setup[data-mode="setup-success"] .bubble-buttons .confirm-button,
#reader #bookshelf .guest-setup[data-mode="setup-success"] .bubble-buttons .cancel-button,
#reader #bookshelf .guest-setup[data-mode="remove-success"] .confirm-message,
#reader #bookshelf .guest-setup[data-mode="remove-success"] .bubble-buttons .confirm-button,
#reader #bookshelf .guest-setup[data-mode="remove-success"] .bubble-buttons .cancel-button,
#reader #bookshelf .guest-setup[data-has-error="false"] .error-message
{
    display: none;
}