/* Extra small devices (portrait phones, less than 576px) */
body.wp-admin[class*="seo-toolkit"] .inside {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-admin .block-editor #seo-toolkit {
    border: 1px solid #e2e4e7;
}

.wp-admin div[id^="seo-toolkit"].postbox .inside {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-admin .seo-toolkit-tabs.ui-widget {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    border: 0;
    border-radius: 0;
    padding: 0;
    /* Flex */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav {
    background-color: #fafafa;
    border-bottom: 1px solid #e2e4e7;
    text-align: center;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.ui-widget-header {
    background-image: none;
    margin: 0;
    padding: 0;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.ui-widget-header li.ui-state-default {
    background-image: none;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li.ui-state-default {
    background-color: #fafafa;
    border: 0;
    border-radius: 0;
    display: inline-block;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 0 .2em 0 0;
    margin: auto;
    padding: 0;
    white-space: nowrap;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li a.ui-tabs-anchor {
    border-bottom: 3px solid transparent;
    color: #444;
    float: left;
    margin: 0;
    padding: 1em;
    text-decoration: none;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li a.ui-tabs-anchor:hover {
    border-bottom: 3px solid transparent;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li a.ui-tabs-anchor:hover,
.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li a.ui-tabs-anchor:focus {
    color: #000;
    box-shadow: none;
}

.wp-admin .seo-toolkit-tabs.ui-widget > ul.tabs-nav li.ui-state-active a.ui-tabs-anchor {
    border-bottom: 3px solid #0069c0;
    margin-bottom: 0;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel {
    padding: 1rem;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field {
    margin: 0 0 1rem;
    /* Grid */
    display: grid;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field:last-child {
    margin-bottom: 0;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel #person-picture {
    margin-bottom: 0;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field label.title {
    margin-bottom: 0.38461538461538464rem;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="text"],
.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="number"],
.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field textarea,
.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field select {
    color: #32373c;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="text"],
.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="number"],
.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field textarea {
    width: 100%;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field label:not(.title) {
    width: 100%;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field p.description {
    color: #666;
}

.wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field p.description code {
    padding: 1px 4px;
}

.wp-admin .seo-toolkit-tabs.ui-widget > #seo-toolkit-data {
    min-height: 147px;
}

/* Editor (Meta box) */
body[class*='seo-toolkit'] #htaccess .inside textarea,
body[class*='seo-toolkit'] #robotstxt .inside textarea {
    border: none;
    margin: 0;
    min-height: 300px;
    min-width: 100%;
}

/* Information (Meta box) */
body[class*='seo-toolkit'] .postbox .plugin-information {
    padding: 0 16px;
}

body[class*='seo-toolkit'] .postbox .plugin-information .form-table {
    margin: 0.5em 0;
}

body[class*='seo-toolkit'] .postbox .plugin-information .form-table th,
body[class*='seo-toolkit'] .postbox .plugin-information .form-table td {
    font-size: 13px;
    padding: 0.5em 0;
}

body[class*='seo-toolkit'] .postbox .plugin-information .form-table th {
    width: 30%;
}

body[class*='seo-toolkit'] .postbox .plugin-information .form-table td {
    width: 50%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="number"] {
        width: 20%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field {
        grid-template-columns: 25% auto;
    }

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field label.title {
        margin-bottom: 0;
    }

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="text"],
    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="number"],
    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field textarea,
    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field select {
    }

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field input[type="button"] {
        grid-column: 2;
        place-self: center start;
    }

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field label:not(.title) {
        grid-column: 2;
    }

    .wp-admin .seo-toolkit-tabs.ui-widget > .seo-toolkit-panel .form-field p.description {
        margin: 1px 0 0;
        grid-column: 2;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* WordPress 5.4 */
.wp-admin .seo-toolkit-tabs .form-field select {
    max-width: 100% !important;
}