/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.jub-settings-wrapper {
    display: none;

}

.grid-container {
    padding: 20px;
}

.form-container {

}

.shortcode_result {
    width: 100%;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin-bottom: 0;
}

ul.tabs li.current {
    background: #ededed;
    color: #222;
}

.tab-content {
    display: none;
    background: #ededed;
    padding: 15px;
}

.tab-content.current {
    display: inherit;
}

/*Grid preview*/
.grid {
    background: #EEE;
    max-width: 1200px;

    /*visibility: hidden;*/
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */
.grid-item {
    background: #D26;

    border-color: hsla(0, 0%, 0%, 0.5);
    border-radius: 5px;
}

.grid-item img {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/*somewhat fix colorpicker position*/
#tab-4 .wp-picker-input-wrap {
    padding-top: 15px;
}

#tab-4 .wp-picker-container a{
    top: 10px;
}

#tab-4 label {
    width: 30%;
    display:inline-block
}

#tab-4 tr:nth-of-type(5n)  {
    border-bottom: 1px solid black;
}

#refresh-preview, #hide-preview {
    float: right;
}

.no-items {
    display: none;
}

.how-to-use {
    list-style-type: disc;
    padding-left: 30px;
}

.emph {
    font-weight: 800;
}

.tab-link.current {
    background: white !important;
}

.tab-content.current {
    background: white !important;
}