/**
 * admin.css
 *
 * This css file is used to style the wordpress administrator panel in general.
 */

/* Styling fields for nav widgets */
.fields-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.fields-item {
    width: calc(50% - 20px);
    margin: 5px 10px;   
}

.fields-item textarea {
    width: 100%;
    resize: vertical;
}

.fields-full {
    width: calc(100% - 20px);
}

.fields-three .fields-item  {
    width: calc(33.33% - 20px);
}

.fields-image {
    border-top: 1px solid #999;
    width: calc(100% - 20px);
    padding-right: 130px;
    position: relative;
}

.fields-image .upload_image_button {
    position: absolute;
    width: 120px;
    height: 34px;
    bottom: 0;
    right: 0;
}

.character-limit {
    font-size: 10px;
    color: #555;
}

.fields-shortcode {
    background-color: #f0f0f0 !important;
}

.selection-box {
    max-height: 200px;
    overflow: auto;
    border: 1px #8c8f94 solid;
    border-radius: 3px;
    padding-left: 5px;
}

.no-results {
    color: #dc3232;
}

.selection-box li {
    margin-bottom: 7px;
}

.selection-box input[type="radio"] {
    margin-bottom: -5px;
}

.wp-core-ui .notice.is-dismissible {
    max-height: 50px;
    overflow: hidden;
}

.wp-core-ui .notice.is-dismissible.open {
    max-height: initial;
}

.wp-core-ui .notice.is-dismissible h2 {
    cursor: pointer;
}