.modula-filters-container .modula-filters {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fdfdfd;
}

.modula-filter-input {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.modula-filter-input a {
    text-decoration: none;
}

.modula-filter-input input {
    margin: 0 10px;
}

.modula-filter-input .dashicons-move {
    cursor: pointer;
}

.modula-filter-input .dashicons-trash {
    color: #a00;
}

.modula-filter-input .dashicons-trash:hover {
    color: #dc3232;
}

#modula-add-filter {
    margin-top: 10px;
}

#modula-add-filter .dashicons-plus {
    margin-right: 5px;
    vertical-align: middle;
}

.media-modal .modula-edit-popup .attachment-details .attachment-info .settings .setting input[type="text"]#modula-pro-filters-selectized {
    min-width: auto;
    float: none;
}

.media-modal .modula-edit-popup .attachment-details .attachment-info .settings {
    overflow: visible;
}

#modula-bulk-edit {
    margin-left: auto;
}

#modula-bulk-edit > span {
    width: 15px;
    height: 15px;
    font-size: 15px;
    vertical-align: text-top;
    margin-right: 5px;
}

.modula-bulkedit-popup .attachments-browser .attachments {
    top: 0;
}

.modula-bulkedit-popup .media-frame-content {
    top: 50px;
}

.modula-bulkedit-popup .media-sidebar {
    padding-top: 20px;
}

.modula-bulkedit-popup .media-sidebar .setting {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}

.modula-bulkedit-popup .media-sidebar .setting span.name {
    display: block;
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    float: left;
    min-height: 22px;
}

.modula-bulkedit-popup .media-sidebar .setting input[type=text] {
    float: none;
}

.media-modal .modula-bulkedit-popup .selectize-input {
    box-sizing: border-box;
}

.modula-tabs-content tr.no-paddings td {
    padding: 0;
}

.modula-pro-live-preview {
    background-color: #FAFAFA;
    border: 1px solid #EEE;
    margin-top: 15px;
    padding: 5px;
}

.modula-pro-live-preview .filter-style-preview {
    padding: 1em 0;
}

.modula-pro-live-preview .modula-pro-badge {
    background-color: #dc3232;
    padding: 5px;
    font-size: 10px;
    display: inline-block;
    color: #fff;
}

.modula-pro-live-preview .modula_menu__list .modula_menu__item:first-child .modula_menu__link {
    margin-left: 0;
}

.modula-pro-live-preview .menu--default .modula_menu__list .modula_menu__item .modula_menu__link {
    margin-right: 10px;
}


#delete-modula-bulkedit {
    border-color: #a00;
}

#delete-modula-bulkedit:hover {
    border-color: #dc3232;
}

/**
Tilt preview fix
 */

.modula-effects-preview .modula-item.effect-tilt_1 .figc,
.modula-effects-preview .modula-item.effect-tilt_2 .figc,
.modula-effects-preview .modula-item.effect-tilt_3 .figc,
.modula-effects-preview .modula-item.effect-tilt_4 .figc,
.modula-effects-preview .modula-item.effect-tilt_5 .figc,
.modula-effects-preview .modula-item.effect-tilt_6 .figc,
.modula-effects-preview .modula-item.effect-tilt_7 .figc,
.modula-effects-preview .modula-item.effect-tilt_8 .figc {
    /*padding: 0;*/
}

.modula-settings-container .modula-tabs .modula-tab:hover sup,
.modula-settings-container .modula-tabs .modula-tab.active-tab sup {
    background-color: darkred !important;
}

/*  Helper Grid  */

.modula-guidelines-display {
    display: flex !important;
}

/* Modula Shortcode Box  */

#modula-shortcode .modula-copy-shortcode:first-of-type {
    margin: 10px 0;
}

#modula-shortcode .inside {
    padding: 0 12px 12px !important;
}

.modula-copy-shortcode p:last-of-type {
    margin: 10px 0 0 0;
    color: #696969;
}

/* Admin notices */

.modula-notice {
    position: relative;
}

.modula-notice.is-dismissible p {
    padding-right: 15px;
}

.modula-notice {
    margin-top: 25px;
}

.modula-notice {
    margin-top: 0px;
}

.modula-updated {

    margin-right: 20px;
    background: #fff;
    border: 1px solid #55BF93;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);

    padding: 1px 12px;
}

.modula-error {
    position: absolute;
    right: 300px;
    top: 40px;
    left: 0;
}

/*.post-type-modula-gallery .wrap h1.wp-heading-inline {
    display: inline-block!important;
}*/

/**
Tab content paddings
 */

.modula-tab-content .content.addon-required {
    padding: 25px;
}


/**
Fix for Dexter hover preview
 */
.modula-effects-preview.modula-gallery .modula-item.effect-dexter .figc::after {
    height: -webkit-calc(55% - 10px) !important;
    height: calc(55% - 10px) !important;
}

/**
Addons action styles
 */

.modula-activate-addon {
    color: green;
}

.modula-deactivate-addon {
    color: red;
}

a.modula-addon-action[disabled] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.modula-gallery_page_modula .license-tooltip {
    float: right;
}


.modula-pro-extensions-actions {
    line-height: 2;
    padding: .2em;
    text-decoration: none;
    font-size: 13px;
    float: left;
}

.modula-pro-extensions-actions a {
    margin-right: 15px;
}

.modula-status-bar .modula-unnstalling-addons,
.modula-status-bar .modula-installing-addons {
    color: blue;
}

.modula-status-bar .modula-all-addons-installed {
    color: green;
}

.modula-status-bar .modula-all-addons-deactivated {
    color: red;
}

.modula-addons .modula-filters span.highlight {
    min-width: 0;
    margin-right: 0;
    padding-top: 0;
    font-size: 13px;
}

.modula-action-texts {
    min-width: 100px;
}

.modula-columns span.license_activation_status {
    margin-left: 15px;
}

.modula-edit-popup .setting.modula-link.modula-hide {
    display: unset;
}

.modula-uploader-inline-content.modula-bnb-layout .modula-single-image:nth-child(4),
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image-placeholder:nth-child(4){
    width: calc( 100% / 2 );
    float: left;
}
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image,
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image-placeholder{
    width: calc( 100% / 4 );
}
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image:nth-child(n + 9),
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image-placeholder:nth-child( n + 9){
    width: calc( 100% / 6 );
}
.modula-uploader-inline-content.modula-bnb-layout .modula-single-image-content::before{
  padding-top:100%;
  content: "";
  display:block;
}

.modula-bnb-layout .modula-single-image-content img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
}

.modula-bnb-layout .modula-single-image-placeholder:after {
    width: 100%;
    display: inline-block;
    content: "";
    position: relative;
    border: 3px dashed #444;
    box-sizing: border-box;
    aspect-ratio: 16/9;
    padding-top: calc( 56% - 6px );
}
.modula-bnb-layout .modula-single-image:nth-child(n + 9) {
    opacity: 0.5;
    position: relative;
}

.modula-bnb-layout .modula-single-image:nth-child(n + 9)::before {
    content: var(--modula-hidden-text);
    position: absolute;
    color: #dedede;
    z-index: 99;
    font-size: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modula-bnb-layout .modula-single-image .modula-single-image-content {
    background: #eee !important;
    position: relative;
    overflow: hidden;
}
