/**
 * SMSPlus for WooCommerce - Admin Styles
 */

.smsplus-settings-wrap {
    max-width: 960px;
}

/* Branded header */
.smsplus-header {
    margin: 1em 0 1.5em;
}

.smsplus-logo {
    max-width: 200px;
    height: auto;
    display: block;
}

.smsplus-tagline {
    margin: 0.5em 0 0;
    font-size: 14px;
    color: #50575e;
}

/* Get API Key callout */
.smsplus-get-api-key {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left: 4px solid #2271b1;
    padding: 16px 20px;
    margin: 0 0 1.5em;
    border-radius: 2px;
}

.smsplus-get-api-key h3 {
    margin: 0 0 0.5em;
    font-size: 15px;
}

.smsplus-get-api-key p {
    margin: 0 0 1em;
    color: #50575e;
}

.smsplus-get-key-btn {
    font-size: 14px;
    padding: 6px 20px;
}

.smsplus-settings-wrap h2 {
    margin-top: 2em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c3c4c7;
}

.smsplus-placeholders-info {
    background: #f0f0f1;
    padding: 10px 14px;
    border-left: 4px solid #2271b1;
    margin: 1em 0;
}

.smsplus-placeholders-info code {
    background: #fff;
    padding: 2px 6px;
}

.smsplus-toggle {
    font-weight: 600;
}

.smsplus-notifications-table textarea {
    font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
        Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.smsplus-test-result {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 8px;
    font-weight: 600;
}

.smsplus-test-result.success {
    color: #00a32a;
}

.smsplus-test-result.error {
    color: #d63638;
}

#smsplus-test-connection {
    vertical-align: middle;
}