select,
input[type="text"]{
    width: 200px;
}
.cf-card__footer_message {
    display: block;
    margin-top: 4px;
    margin-bottom: 8px;
    color: #666;
    font-style: italic;
}
.cfip_ajax_btn {
    margin-left: 10px;
}
#cfip_ajax_res_unblacklist{
    position: relative;
    top: 20px;
}
#log_screen {
    padding: 20px;
    background: #dedede;
    width: 800px;
    height: 600px;
    overflow: scroll;
    margin-top: 10px;
}
#clear_log_button {
    display: block;
    margin-top: 20px;
}

/* Tabs */
.tabs.clearfix {
    margin-bottom: 0;
}
.tabs li {
    float: left;
    width: 20%;
}
.tabs a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #888;
    padding: 20px 0;
    border-bottom: 2px solid #888;
    background: #f7f7f7;
}
.tabs a:hover {
    background: #eee;
}
.tabs a.active {
    background: #fff;
    color: #0073aa;
    border-bottom: 3px solid #0073aa;
    font-weight: 600;
}
.tabs a:focus {
    box-shadow: none;
}
#first-tab-group {
    width: 95%;
}
.tabgroup div.tab-panel {
    padding: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.tab-panel {
    display: none;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Connection Status Bar */
.cfip-connection-status {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.cfip-connection-status--connected {
    background: #f0f9f0;
    border: 1px solid #46b450;
}
.cfip-connection-status--cf-plugin {
    background: #f0f6fc;
    border: 1px solid #0073aa;
}
.cfip-status-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.cfip-connection-status--connected .cfip-status-icon {
    color: #46b450;
}
.cfip-connection-status--cf-plugin .cfip-status-icon {
    color: #0073aa;
}
.cfip-status-text {
    flex: 1;
    font-size: 14px;
}
.cfip-status-text code {
    background: rgba(0, 0, 0, 0.07);
    padding: 2px 6px;
    border-radius: 3px;
}
.cfip-toggle-credentials {
    white-space: nowrap;
    text-decoration: none;
}
.cfip-status-separator {
    margin: 0 8px;
    color: #999;
}
.cfip-disconnect {
    white-space: nowrap;
    text-decoration: none;
    color: #a00;
}
.cfip-disconnect:hover {
    color: #dc3232;
}
.cfip-credentials-form {
    margin-top: 12px;
    padding: 16px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.cfip-connect-prompt {
    background: #fff8e5;
    border: 1px solid #ffb900;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 14px;
}