/* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url('../../../../templates/gridbox/library/icons/fontawesome/fontawesome.css');
@import url('../../../../templates/gridbox/library/icons/material/material.css');
@import url('../../../../templates/gridbox/library/icons/outline/flaticon.css');

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../../../../administrator/components/com_gridbox/assets/fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../../../../administrator/components/com_gridbox/assets/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../../../../administrator/components/com_gridbox/assets/fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../../../../administrator/components/com_gridbox/assets/fonts/Roboto-Bold.ttf);
}

/* ========================================================================
    General
 ========================================================================== */

#login-modal {
    transform:translateY(-50%);
}

html {
    --scroll-width: 15px;
}

button:focus {
    outline: none;
}

body {
    font-family: 'Roboto', sans-serif;
    position: relative;
}

ul, 
ol {
    margin: 0 0 9px 25px;
    padding: 0;
}

label {
    display: block;
}

textarea {
    outline: none !important;
}

body.com_gridbox {
    --modal-cp-top: 100px;
    --modal-cp-left: calc(100vw - 425px);
    --modal-cp-height: 400px;
}

.com_gridbox .body {
    margin-top: 0;
    position: relative;
}

body.contentpane,
.com_gridbox {
    font-weight: 500;
}

.com_gridbox .ba-container-fluid {
    max-width: 100%;
}

input:focus:-webkit-autofill,
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; 
    color: #1a1a1a !important; 
}

.modal.ba-modal-product-picker .zmdi-search,
.zmdi.resizable-handle-right {
    bottom: 10px;
    color: #566e78;
    cursor: se-resize !important;
    font-size: 36px;
    position: absolute;
    right: 15px;
    z-index: 10;
}

.zmdi.resizable-handle-right:before {
    display: block;
    transform: rotate(-45deg);
}

.draggable-handle {
    cursor: move;
}

.editor-iframe {
    border: none;
    box-sizing: border-box;
    height: calc(100vh - 81px);
    overflow-y: auto; 
    margin: 0 auto;
    max-width: 100vw;
    transition: transform .3s ease-in-out;
}

.resizable-started .editor iframe {
    pointer-events: none;
}

body textarea:not(.ba-comment-message):focus,
textarea:focus,
.a:not(.cke_dialog_tab):not(.ba-btn-transition),
input:not(.cke_dialog_ui_input_text):focus {
    border-color: transparent !important;
    outline: none !important;
}

#add-to-menu-modal .modal-body {
    overflow: visible;
}

/* Icons */
.version-history-item-title i,
#ba-media-manager .ba-media-manager-search-wrapper .ba-media-manager-search-icon,
#blog-post-editor-fields-options .renewal-plan-price[data-field-type="price"] + .renewal-plan-icons i,
.joomla-admin .fa-joomla,
.ba-sidebar .zmdi,
.ba-alert-container i + span,
a.zmdi,
i.zmdi {
    font-size: 24px;
}

.ba-page-structure-list li > i,
.sorting-container .sorting-image > i,
.ba-group-title .check-all i,
.font-checkbox i,
table.ba-items-list tbody tr td.status-td i,
.table-head .files-name i,
.availible-folders li i:not(.zmdi-folder),
table.ba-items-list tbody tr td .ba-image i.zmdi-circle-o,
table.ba-items-list tbody tr td .ba-image i.zmdi-check,
#ba-media-manager table.ba-items-list tbody tr td .zmdi-folder + i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td .zmdi-folder + i+i,
.ba-folder-tree li > i {
    font-size: 18px;
}

.version-history-item-title span,
.ba-page-structure-list a,
.ba-page-structure-list li span,
.ba-items-list a:not(.zmdi-folder),
.uploader-nav .control-toolbar i.zmdi-check,
#ba-notification p,
.availible-folders li label,
.availible-folders li span,
.ba-custom-select ul li,
.ba-folder-tree a,
.ba-folder-tree li span,
.ba-footer-content a,
.ba-items-list a:not(.zmdi-folder),
.ba-items-list, 
.modal-footer a,
.uploader-nav,
.uploader-nav .pagination-limit .ba-custom-select ul.visible-select {
    color: #3f3f3f;
}

.booking-calendar-delete-hours i,
.booking-calendar-add-hours i,
.version-history-item-title i,
.version-history-item-title,
.integrations-configuration-wrapper > span,
.ba-states-wrapper .ba-states-icons-wrapper i,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select > input,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select .ba-lg-custom-select-header span,
.tab-content .left-tabs .tab-content .tab-pane .option-label,
.font-checkbox i.zmdi-check,
.joomla-admin .fa-joomla,
.modal #theme-colors-options .colors-item span,
.minicolors-user-colors > p,
.left-context-menu.ba-context-menu span,
.ba-sidebar .zmdi,
.sorting-title,
.ba-icons-wrapper .ba-group-element > i,
.ba-icons-wrapper .ba-group-element > span,
#add-section-dialog .columns-wrapper + div span,
.ba-group-element .font-style,
.ba-items-list .zmdi-folder,
.ba-settings-group .ba-settings-item > span,
.ba-settings-toolbar > div span,
.ba-work-area .pagination ul li.active a,
label,
i.zmdi {
    color: #757575;
}

.ba-page-structure-list li i,
.select-favicon i,
#media-options .select-intro-image i,
.ba-modal-lg .nav-tabs li a i,
.text-editor-settings i,
.availible-folders li i,
.ba-context-menu > span i,
.ba-folder-tree li i,
.text-editor-general-cell .ba-settings-toolbar i,
.ba-settings-toolbar i,
.settings-group-title i,
.refresh-fonts i,
.ba-toolbar .ba-toolbar-group .ba-toolbar-element i {
    vertical-align: sub;
}

.animation-appearance-action-wrapper input[type="text"],
.shape-divider-action-wrapper input[type="text"],
.sorting-item.add-new-renewal-plan,
.ba-custom-author-select input,
.ba-lg-custom-select-body li,
.ba-lg-custom-select input[readonly],
#add-plugin-dialog .ba-plugin,
.availible-folders li span,
.select-favicon span,
#media-options .select-intro-image span,
.ba-modal-lg .nav-tabs li a,
.ba-context-menu > span,
input.custom-font-select,
.ba-custom-select input,
.ba-custom-select ul.visible-select li,
.video-source-select input.select-input,
.ba-custom-select.fonts-style-select.active input,
.ba-settings-group .ba-settings-item > input[readonly],
.ba-modal-cp .nav-tabs a,
.ba-toolbar-element,
.blog-theme-select input[readonly],
.elect-intro-image,
.minicolors-swatch-color,
.uploader-nav .pagination-limit .ba-custom-select input,
a.ba-btn-primary.active-button:after,
a.ba-btn-primary,
.zmdi {
    cursor: pointer !important;
}
 
.zmdi.zmdi-help {
    cursor: help !important;
}

.sorting-item .disabled i,
.sorting-item .disabled,
.ba-range-wrapper input[type=range][disabled]::-webkit-slider-thumb,
.adaptive-images:disabled + span,
#site-dialog .convert-to-webp[disabled] + span,
.browser-cache[disabled] + span,
.ba-modal-sm .modal-footer a.ba-btn-primary:not(.red-btn):not(.active-button),
#move-to:not(.active),
#delete-items:not(.active),
#ba-apply:not(.active),
.modal-header-icon .disabled-button,
.gridbox-save.disabled-button,
.gridbox-save.disabled-button .zmdi,
.ba-custom-select.fonts-style-select input,
body .disable-button:not(.active-button),
body .disable-button i {
    cursor: not-allowed !important;
}

.sorting-item .disabled i {
    pointer-events: none;
}

#customer-info-general-options .add-new-item > span {
    position: relative;
}

.ba-group-title,
.settings-group-title span {
    cursor: default !important;
}

#seo-options .tab-content .ba-group-element .input-action-icon i,
.ba-states-wrapper .ba-states-icons-wrapper i,
#ba-media-manager .ba-media-manager-search-wrapper .ba-media-manager-search-icon,
.select-product-link i,
#blog-post-editor-fields-options .renewal-plan-price[data-field-type="price"] + .renewal-plan-icons i,
#field-general-options .ba-settings-group .add-new-item i, 
.items-list.ba-settings-group .sorting-toolbar i,
.dropdown-customer-info-options i,
#group-field-item-dialog .add-new-item i,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper .add-new-item i,
.blog-post-editor-right-panel label + .field-sorting-wrapper .add-new-item i,
.ba-lg-custom-select-header span i,
.reset-text-typography,
.joomla-admin .fa-joomla,
#flip-rotate-image-options i,
#shortcuts-modal .ba-modal-header i,
.sc-btn-wrapper span,
.select-product-link i,
.select-file i,
.new-font-wrapper a i.zmdi,
.select-link i,
.select-anchor i,
.left-context-menu.ba-context-menu > span i,
#icons-list-item-modal .ba-input-lg + div .reset-element-icon i,
#one-page-item-modal .ba-input-lg + div .reset-element-icon i,
#menu-item-edit-modal .ba-input-lg + div .reset-element-icon i,
#add-new-element-modal .ba-input-lg + div .reset-element-icon i,
.ba-sidebar .zmdi,
.toolbar-wrapper i,
.reset i,
.text-editor-settings i,
.ba-custom-select ul li i,
.ba-media-header > div > i,
.ba-settings-toolbar i:not(.zmdi-help),
.modal-header-icon i,
.modal.ba-modal-md .ba-modal-header i,
.uploader-nav .control-toolbar i,
.ba-toolbar .ba-toolbar-group .ba-toolbar-element i:not(.zmdi-caret-down) {
    border-radius: 3px;
    padding: 8px;
    text-align: center;
    width: 24px;
}

.com_gridbox:not(.gridbox) .zmdi  {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

.tab-content,
.ba-media-manager,
.ba-modal-cp .modal-body,
.ba-modal-cp .tab-content > i,
.ba-toolbar,
body.contentpane.modal {
    background: #f5f5f5;
}

#seo-options .tab-content .ba-group-element .input-action-icon i,
.ba-page-structure-list li > i,
.text-editor-settings,
#code-editor-dialog .nav-tabs li a,
.availible-folders li > i,
.ba-folder-tree li > i,
.category-list li i:not(.zmdi-folder),
.modal-footer a {
    transition: all .3s ease-in-out;
}

.ba-settings-toolbar i:not(.zmdi-help) {
    margin-right: 5px;
}

/* Focus Underline */
#login-modal input:focus + .focus-underline,
input:focus + .focus-underline {
    transform: scaleX(1);
}

#login-modal .focus-underline,
.focus-underline {
    background: #1da6f4 !important;
    bottom: 0;
    height: 2px;
    left: 0px;
    position: absolute;
    transform: scaleX(0);
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
    width: 100%;
}

/* Custom scroll */
body.com_gridbox.gridbox.blog-editor::-webkit-scrollbar,
.modal *:not(#blog-post-editor-fields-options)::-webkit-scrollbar {
    width: 6px;
}

body.com_gridbox.gridbox.blog-editor::-webkit-scrollbar-track,
.modal *:not(#blog-post-editor-fields-options)::-webkit-scrollbar-track {
    background-color: transparent;
}

body.com_gridbox.gridbox.blog-editor::-webkit-scrollbar-thumb,
.modal *:not(#blog-post-editor-fields-options)::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 6px;
}

body.com_gridbox.gridbox.blog-editor,
.modal *:not(#blog-post-editor-fields-options) {
    scrollbar-width: thin;
    scrollbar-color: #ddd transparent;
}

#add-plugin-dialog .ba-plugin-group:before, 
#add-plugin-dialog .ba-plugin-group:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

/*
/* Preloader
*/

.preloader.ba-hide {
    opacity: 0;
    top: -3px;
    transition: all .3s ease-in-out;
}

.preloader {
    height: 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.ba-preloader-slide {
    animation: preloader 2s both ease-in-out;
}

@keyframes preloader {
    0% {width: 0;}
    100% { width: 70%;}
}

.preloader .preloader-left-section {
    background: #1c9ee9;
    height: 5px;
    left: 0;
    position:absolute;
    top: 0;
    width: 100%;
}

.preloader .preloader-left-section:before {
    background: #e3e3e3;
    content: "";
    display: block;
    height: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*
/* Empty List
*/

.empty-list {
    align-items: center;
    background: #f5f5f5;
    display: none;
    flex-direction: column;
    height: calc(100vh - 135px);
    justify-content: center;
}

.empty-list i {
    color: #c7c7c7;
    cursor: default !important;
    font-size:86px;
}

.empty-list p {
    color: #606060;
    cursor: default !important;
    font: 700 16px/16px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin: 30px 0 !important;
    text-transform: uppercase;
}

.ba-sidebar-panel .empty-list {
    display: flex;
}

.left-context-menu .empty-list {
    background: #eee;
}

.empty-library-list + .empty-list {
    height: 100%;
}

.empty-library-list {
    display: none;
}

/*
/* Tooltip
*/
.booking-working-hours-element  > .ba-checkbox input[type="checkbox"],
#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"],
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"],
#ba-media-manager .ba-work-area .ui-draggable-dragging td:not(:nth-child(2)):not(:nth-child(1)),
.ba-states-toggle .ba-checkbox input[type="checkbox"],
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox input[type="checkbox"],
#product-variations-photos-dialog .ba-checkbox input[type="checkbox"],
#category-list-fields-modal .ba-checkbox input[type="checkbox"],
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"],
#blog-post-editor-fields-options .ba-checkbox input[type="checkbox"],
#blog-post-editor-fields-options .ba-radio input[type="radio"],
#content-slider-add-item .ba-group-element .ba-checkbox input[type="checkbox"],
.ba-group-title .check-all input,
.ba-lg-custom-select-body input[type="radio"],
label.font-checkbox input,
body.desktop .only-not-desktop,
body.laptop .only-not-desktop,
body:not(.desktop) .desktop-only,
#add-item-modal label.ba-column input,
#ba-notification,
#layout-modal label.ba-column input,
.ba-custom-select ul li.selected:before,
.ba-custom-select.fonts-style-select:not(.active) input + input + i + .visible-select,
#editor-options .ba-group-element .ba-checkbox input[type="checkbox"],
.ba-settings-group .ba-settings-item .ba-checkbox input[type="checkbox"],
#slideshow-item-dialog #slideshow-add-item .ba-group-element .ba-checkbox input[type="checkbox"],
#site-dialog .ba-group-element .ba-checkbox input[type="checkbox"],
#openstreetmap-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"],
#map-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"],
.ba-work-area table.ba-items-list tbody tr td.select-td.loaded:before,
.ba-work-area table.ba-items-list tbody tr.ui-draggable-dragging td.select-td:before,
.button-alignment input,
.button-options-style input,
.table-head #check-all,
.ui-draggable-dragging td.select-td .zmdi-check, 
table.ba-items-list tbody tr td .select-item,
.ba-tooltip {
    display: none;
}

@keyframes tooltip {
    from { opacity: 0; }
}

* > .ba-tooltip {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    background: #2c2c2c;
    border-radius: 4px;
    bottom: calc(100% + 10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: none!important;
    font: 500 14px 'Roboto', sans-serif;
    left: 50%;
    line-height: 24px;
    letter-spacing: normal;
    margin-left: -250px;
    max-width: 250px;
    padding: 15px!important;
    pointer-events: none;
    position: absolute !important;
    text-align: center;
    transform: translateX(calc(250px - 50%));
    z-index: 99999 !important;
}

*:hover > .ba-tooltip {
    animation: tooltip .3s ease-in-out both;
    display: flex!important;
    text-transform: initial;
    width: auto;
}

.select-product-link .ba-tooltip,
.select-file .ba-tooltip {
    margin-left: -250px;
    transform: translateX(calc(-100% + 250px));
    left: 100%;
}

.select-product-link .ba-tooltip:before,
.select-file .ba-tooltip:before {
    left: calc(100% - 20px) !important;
}

.link-picker-container.input-resize .select-file .ba-tooltip  {
    margin-left: -250px;
    transform: translateX(calc(250px - 50%));
    left: 50%;  
}

.link-picker-container.input-resize .select-file .ba-tooltip,
#blog-post-editor-fields-options .select-file .ba-tooltip {
    transform: translateX(calc(250px - 50%));
    left: 50%;
}

.link-picker-container.input-resize .select-file .ba-tooltip:before,
#blog-post-editor-fields-options .select-file .ba-tooltip:before {
    left: 50% !important;
}

.ba-tooltip.title-alert-tooltip {
    bottom: -15px;
    left: -15px;
    margin-left: 0;
    transform: translateX(-100%);
    white-space: nowrap;
}

.ba-settings-item:not(.slideshow-options):not(.on-scroll-animations-wrapper) .ba-settings-toolbar > label:last-child > .ba-tooltip {
    left: 0;
    transform: translateX(210px);
}

#edit-content-slider-item-modal .ba-options-group .minicolors-opacity-wrapper {
    position: relative;
}

#edit-content-slider-item-modal .ba-options-group .minicolors-opacity-wrapper .ba-tooltip {
    left: 47%!important;
}

.ba-settings-item:not(.slideshow-options):not(.on-scroll-animations-wrapper) .ba-settings-toolbar > label:last-child > .ba-tooltip:before {
    left: 51px !important;
}

a[href="#outline-icons"] .ba-tooltip,
.edit-preset-item .ba-tooltip.ba-bottom,
.create-new-preset .ba-tooltip.ba-bottom {
    margin-left: -265px!important;
    transform: translateX(247px)!important;
}

a[href="#outline-icons"] .ba-tooltip:before,
.edit-preset-item .ba-tooltip.ba-bottom:before,
.create-new-preset .ba-tooltip.ba-bottom:before {
    left: 15px !important;
}

.laptop .blog-post-editor-right-panel,
.phone-portrait .blog-post-editor-right-panel,
.phone .blog-post-editor-right-panel,
.tablet-portrait .blog-post-editor-right-panel,
.tablet .blog-post-editor-right-panel,
body > .modal-backdrop + .add-section-tooltip,
body > .modal-backdrop + .tooltip-delay,
.laptop .ba-settings-group.enabled-grid,
.phone-portrait .ba-settings-group.enabled-grid,
.phone .ba-settings-group.enabled-grid,
.tablet-portrait .ba-settings-group.enabled-grid,
.tablet .ba-settings-group.enabled-grid {
    display: none;
}

@keyframes tooltip-hidden {
    to { opacity: 0 }
}

.tour-parent.active-tour.animation-out,
.tour-parent.active-tour.animation-out ~ .ba-sidebar:before {
    animation: tooltip-hidden .5s ease-in-out both;
    opacity: 1;
}

.ba-tooltip:before {
    border: 5px solid transparent;
    border-top: 5px solid #2c2c2c;
    bottom: -9px;
    content: "";
    height: 0;
    left: 50% !important;
    margin-left: -5px;
    position: absolute;
    top: auto;
}

/* Bottom Tooltip */
@keyframes ba-tooltip {
    from { opacity: 0; }
}

.ba-tooltip.ba-bottom {
    animation: ba-tooltip .3s;
    bottom: auto;
    margin-left: -250px;
    text-transform: initial;
    top: calc(100% + 10px);
    transform: translateX(calc(250px - 50%));
}

.ba-tooltip.ba-bottom:before {
    content: "";
    height: 5px;
    position: absolute;
    top: -14px;
    left: 50% !important;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom: 5px solid #2c2c2c;
}

/* Help Tooltip */
.settings-tooltip,
.ba-tooltip.ba-help {
    color: #999;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
}


.ba-tooltip.ba-help {
    bottom: 50%;
    margin: 0 0 0 -25px;
    transform: translateY(50%) translateX(-100%);
    width: 250px;
    z-index: 100000;
}

.ba-tooltip.title-alert-tooltip:before,
.ba-tooltip.ba-help:before {
    border-left: 5px solid #2c2c2c;
    border-top: 5px solid transparent;
    bottom: calc(50% - 4px);
    left: auto !important;
    margin-right: -9px;
    right: 0 !important;
}

.reset-testimonials-image .ba-help,
.reset-page-intro-image .ba-help {
    width: auto;
}

/* Help Settings */
.settings-tooltip {
    margin-top: -5px;
    width: auto;
}

/* Right Tooltip */
.ba-tooltip.ba-right {
    bottom: 50%;
    margin: 0 0 0 -215px;
    text-align: left;
    transform: translateY(50%) translateX(250px);
    z-index: 0;
}

.ba-tooltip.ba-right:before {
    border-right: 5px solid #2c2c2c;
    border-top: 5px solid transparent;
    bottom: calc(50% - 4px);
    left: 0 !important;
    margin-left: -9px;
}

/* ========================================================================
    Product Tour
 ========================================================================== */

.product-tour {
    background: #418CFF;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: none;
    padding: 40px 25px 25px 25px;
    position: fixed;
    width: 250px;
    z-index: 1090;    
}

.product-tour i {
    color: #fff !important;
}

.product-tour .ba-group-title {
    line-height: 14px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.product-tour .ba-group-title + p,
.product-tour .ba-group-title {
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
}

.product-tour .ba-group-title + p {
    opacity: .6;
    line-height: 24px;
    font-weight: 400;
    margin: 0; 
}

.product-tour i {
    font-size: 18px;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

.product-tour:before {
    border: 5px solid transparent;
    content: "";
    height: 2px;
    position: absolute;
}

@keyframes product-tour {
    from { opacity: 0; transform: scale(.3);}
    to { opacity: 1; transform: scale(1);}
}

.product-tour.visible {
    animation: product-tour .3s .2s both;
    display: block;
}

.product-tour-add-section {
    display: none!important;
}

.product-tour-add-section.active-product-tour {
    display: block!important;
}

.active-product-tour span:not(.ba-toolbar-label),
.ba-toolbar-element.active-product-tour,
.active-product-tour:not(.product-tour-add-section) a span {
    background: #f5f5f5!important;
    pointer-events: none;
    position: relative;
    z-index: 1080 !important;
}

.active-product-tour.zmdi {
    opacity: 1 !important;
    position: relative;
    transition: none !important;
 }

.product-tour.step-1.editor-tour.visible {
    top: 100px;
    left: 60px; 
}

.product-tour.step-2.editor-tour.visible {
    bottom: 115px;
    left: calc(50% - 161px);
}

.product-tour.step-2.editor-tour.visible:before {
    border-right-color: transparent;
    border-top: 5px solid #418CFF;
    bottom: -12px;
    left: 150px;
    top: auto;
}

.blog-post-editor-parent .product-tour-add-section {
    bottom: 20px !important;
    left: calc(50% - 212px)!important;
}

.blog-post-editor-parent .product-tour.step-2.editor-tour.visible {
    bottom: 90px;
    left: calc(50% - 337px);
}

.product-tour.step-3.editor-tour.visible {
    top: 80px;
    left: calc(50% - 295px);
}

.product-tour.step-3.editor-tour.visible:before {
    border-right-color: transparent;
    border-bottom: 5px solid #418CFF;
    top: -12px;
    left: 150px;
}

.product-tour.editor-tour.visible:before {
    border-right: 5px solid #418CFF;
    top: 90px;
    left: -10px;
}

.product-tour .ba-btn.close {
    display: block !important;
    opacity: 1;
}

.tour-parent.active-tour {
    background: rgba(0, 0, 0, .56)!important;
    opacity: 1!important;
}

.product-tour .ba-btn:hover,
.product-tour .ba-btn {
    background: #fff !important;
    border-radius: 3px;
    border: none;
    color: #418CFF;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;
    float: right;
    margin-top: 25px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

.tour-parent .product-tour .ba-btn:after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #418cff;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transition: all .3s ease-out;
    width: 3px;
    z-index: 1;
}

.product-tour .ba-btn:hover:after {
    background: transparent;
    opacity: 1;
    transform: scale(22);
}

.product-tour-add-section {
    bottom: 46px !important;
    left: calc(50% - 36px)!important;
    z-index: 1080 !important;
}

.tour-parent.active-tour ~ .ba-sidebar {
    z-index: 1080;
    border: transparent !important;
}

.tour-parent.active-tour ~ .ba-sidebar:before {
    animation: none !important;
    background: rgba(0, 0, 0, .56)!important;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.product-tour-add-section > div {
    background: #f64231;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    overflow:hidden;
    position: relative;
}

.product-tour-add-section {
    bottom: 45px;
    display: block;
    left: calc(50% - 30px);
    margin: 0; 
    position: fixed !important;
    z-index: 150;
}

.camera-container i,
.product-tour-add-section i,
.show-photo-media-editor i {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    padding: 18px;
    text-align: center;
    width: 24px;
    z-index: 50;
}

.show-photo-media-editor i {
    opacity: 1 !important;
    padding: 0;
    position: relative;
    visibility: visible!important;
}

.prevent-default {
    position: static !important;
    z-index: 2 !important;
}

.prevent-default .ba-edit-item {
    display: none !important;
}

/* Tab Animation */
.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.active.left,
.active.right,
.out-left,
.out-right {
    display: inline-block !important;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    width: 480px;
}

@keyframes active-tab-left {
    from { transform: translateX(-100%);}
}

.active.left {
    animation: active-tab-left .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes active-tab-right {
    from { transform: translateX(100%);}
}

.active.right {
    animation: active-tab-right .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes out-right {
    to { transform: translateX(100%);}
}

.out-right {
    animation: out-right .5s cubic-bezier(.55,.085,.68,.53);
}

@keyframes out-left {
    to { transform: translateX(-100%);}
}

.out-left {
    animation: out-left .5s cubic-bezier(.55,.085,.68,.53) both;
}

/*
/* Sortable
*/

/* Sortable-placeholder */
.sortable-placeholder,
#library-placeholder {
    box-shadow: 0 0 0 3px #617d89 !important;
    height: 0;
    margin: 0;
    position: relative;
    transition: none;
    z-index: 5 !important;
}

.sortable-placeholder:before,
.sortable-placeholder:after,
#library-placeholder:before,
#library-placeholder:after {
    background: #617d89;
    border-radius: 50%;
    content: '';
    height: 20px;
    left: -15px;
    position: absolute;
    top: -10px;
    width: 20px;
}

.sortable-placeholder:after,
#library-placeholder:before,
.notification-placeholder:before {
    left: auto;
    right: -14px;
}

/* 
/* Context Menu 
*/

@keyframes context-menu {
    0%{ width: 265px; opacity: 0;max-height: var(--context-height);  visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: var(--context-height); }
}

.ba-context-menu {
    animation: context-menu .3s both;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 265px;
    z-index: 1070;
}

.ba-context-menu.save-as-context-menu,
.ba-context-menu.page-structure-context-menu,
.ba-context-menu.section-context-menu,
.ba-context-menu.row-context-menu,
.ba-context-menu.plugin-context-menu,
.ba-context-menu.column-context-menu,
.ba-context-menu.page-context-menu,
.ba-context-menu.tools-context-menu,
.ba-context-menu.responsive-context-menu {
    animation: none !important;
    width: 265px;
    max-height: var(--context-height);
}

.ba-context-menu.page-structure-context-menu {
    width: 280px;   
}

.ba-context-menu.save-as-context-menu {
    margin-top: 31px;
    margin-left: -60px;
}

@keyframes context-menu-section {
    0%{ width: 265px; opacity: 0; max-height: var(--context-height);  visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: var(--context-height); }
}

.ba-context-menu[data-type="section"] {
    animation: context-menu-section .3s both;
}

@keyframes context-menu-plugin {
    0%{ width: 265px; opacity: 0; max-height: var(--context-height);  visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height:  var(--context-height); }
}

.ba-context-menu[data-type="row"],
.ba-context-menu[data-type="column"],
.ba-context-menu[data-type="plugin"] {
    animation: context-menu-plugin .3s both;
}

.ba-context-menu.page-structure-context-menu,
.uploader-nav .pagination-limit .ba-custom-select ul.visible-select,
#ba-media-manager .ba-context-menu {
    background: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 4px 60px rgba(0,0,0,.15) !important;
}

.ba-context-menu.associations-context-menu,
.ba-context-menu.responsive-context-menu {
    margin-left: -5px;
    margin-top: 15px;
}

.tools-context-menu.ba-context-menu {
    margin-top: 15px;
}

.ba-context-menu.page-context-menu {
    margin-top: 15px;
    transform: translateX(-100%);
}

.tools-context-menu.ba-context-menu a,
.ba-context-menu.page-context-menu a {
    display: block;
}

.ba-context-menu > span {
    animation: backdrop .3s .3s both !important;
    font-weight: 400;
}

.ba-context-menu.column-context-menu > span,
.ba-context-menu.row-context-menu > span,
.ba-context-menu.section-context-menu > span,
.ba-context-menu.plugin-context-menu > span {
    animation: backdrop .3s .3s both !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ba-context-menu.save-as-context-menu > span,
.ba-context-menu.page-structure-context-menu > span,
.ba-context-menu.section-context-menu > span,
.ba-context-menu.row-context-menu > span,
.ba-context-menu.plugin-context-menu > span,
.ba-context-menu.column-context-menu > span,
.ba-context-menu.page-context-menu > span,
.ba-context-menu.tools-context-menu > span,
.ba-context-menu.responsive-context-menu > span {
    animation: none !important;
}

.ba-context-menu > span {
    display: block;
    font-size: 14px;
    padding: 12px;
}

.ba-context-menu > span i {
    font-size: 21px;
    padding: 0 10px 0 5px;
    text-align: center;
    vertical-align: sub;
    line-height: 24px;
    width: 24px;
}

.ba-context-menu >.add-to-menu + span a {
    padding: 10px 12px;
}

.ba-context-menu >.add-to-menu + span:not(.pages-list) {
    padding: 0;
}

.ba-context-menu span a,
.ba-context-menu span {
    color: #333;
}

.ba-context-menu:not(.left-context-menu) span:hover span.context-shortcut-text,
.ba-context-menu .context-shortcut-text {
    background: transparent !important;
    color: #999 !important;
    float: right;
    font-size: 10px;
    line-height: 21px;
}

.ba-context-menu:not(.left-context-menu) span:not(.disable-button):hover span.context-shortcut-text {
    color: #fff !important;    
}

.ba-context-menu .disable-button:not(.context-paste-buffer) .context-shortcut-text {
    opacity: 1!important;
}

/* Context Menu Top */
.ba-context-menu.ba-top {
    transform: translateY(-100%);
}

/* Context Menu Left */
.ba-context-menu.ba-left {
    transform: translateX(-100%);
}

/* Context Menu Top Left */
.ba-context-menu.ba-top.ba-left {
    transform: translate(-100%, -100%);
}

/* Context Menu Plugin */

@keyframes section-context-menu {
    0%{ width: 265px; opacity: 0; max-height: var(--context-height); visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px;  max-height: var(--context-height);}
}

.ba-context-menu.section-context-menu {
    animation: section-context-menu .3s both;
}

/* Context Menu Row */
@keyframes plugin-context-menu {
    0%{ width: 265px; opacity: 0; max-height: var(--context-height); visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px;  max-height: var(--context-height); }
}

.ba-context-menu.plugin-context-menu,
.ba-context-menu.row-context-menu {
    animation: plugin-context-menu .3s both;
}

/* Context Menu Column */
@keyframes column-context-menu {
    0%{ width: 265px; opacity: 0;  max-height: var(--context-height); visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px;  max-height: var(--context-height); }
}

.ba-context-menu.column-context-menu {
    animation: column-context-menu .3s both;
}

.disable-button.context-paste-buffer i {
    color: inherit;
}

/* ========================================================================
    Modals
 ========================================================================== */

/*
/* Modal Backdrop
*/

@keyframes backdrop {
    from { opacity: 0;}
}

.page-multicategory-backdrop,
.modal-backdrop ~ .photo-editor-dialog,
.tour-parent.active-tour,
.modal-backdrop.add-plugin-dialog,
.modal-backdrop {
    animation: backdrop .5s ease-in-out both;
    background-color: #000;
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: .56;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

@keyframes backdrop-out {
    to { opacity: 0;}
}

.modal-backdrop:not(.in) {
    animation: backdrop-out .5s ease-in-out both;
}

.modal-backdrop.shortcuts-modal,
.photo-editor-dialog,
.modal-backdrop.add-plugin-dialog {
    background-color: #2f3243;
}

.com_gridbox.uploader #ba-media-manager ~ .modal-backdrop,
.media-manager-enabled .modal-backdrop,
.page-multicategory-backdrop,
.post-tags-dialog.modal-backdrop,
.data-tags-dialog.modal-backdrop,
.modal-backdrop.seo-default-settings-modal,
.modal-backdrop.association-pages-list-modal,
.modal-backdrop.add-bulk-option-modal,
.modal-backdrop.add-single-option-modal,
.group-field-item-dialog ~ .modal-backdrop,
.openstreetmap-editor-dialog ~ .delete-dialog,
.field-sorting-item-edit-modal ~.uploader-modal,
.openstreetmap-editor-dialog ~ .openstreetmap-item-dialog,
.feature-box-item-modal ~ .link-select-modal,
.feature-box-item-modal ~ .uploader-modal,
.slideshow-item-dialog ~ .link-select-modal,
.slideshow-item-dialog ~ .uploader-modal,
.photo-editor-dialog ~ .uploader-modal,
.photo-editor-dialog ~ .save-copy-dialog,
.uploader-modal ~ .photo-editor-dialog,
.menu-item-edit-modal ~ .modal-backdrop,
#category-dialog ~ .modal-backdrop,
.yandex-maps-editor-dialog ~ .yandex-maps-item-dialog,
.map-editor-dialog ~ .delete-dialog,
.map-editor-dialog ~ .map-item-dialog,
.cke-image-modal ~ .uploader-modal,
.map-editor-dialog  ~ .uploader-modal,
.settings-dialog  ~ .uploader-modal,
.site-dialog ~ .uploader-modal,
.mceModalOverlay,
.modal-backdrop.login-modal,
body.component .modal-backdrop {
    opacity: .05 ;
}

.modal-backdrop.post-tags-dialog,
.modal-backdrop.subscription-upgrade-plans-dialog,
.modal-backdrop.add-to-cart-products-dialog,
.modal-backdrop.subscription-usergroups-dialog,
.modal-backdrop.subscription-product-dialog,
.modal-backdrop.related-product-dialog,
.modal-backdrop.product-badges-dialog,
.modal-backdrop.product-variations-photos-dialog,
.modal-backdrop.product-options-values-dialog,
.modal-backdrop.product-options-dialog,
.modal-backdrop.add-section-dialog,
.modal-backdrop.code-editor-dialog {
    animation: none !important;
    opacity: 0 !important;
    z-index: 1020;
} 

.modal-backdrop.shortcuts-modal {
    z-index: 1020;
} 

.modal-backdrop.version-history-dialog,
.modal-backdrop.on-scroll-animations-modal,
.modal-backdrop.section-animations-modal,
.modal-backdrop.shape-dividers-modal,
.modal-backdrop.states-transition-modal,
.modal-backdrop.advanced-shadow-modal,
.modal-backdrop.category-list-fields-modal,
.modal-backdrop.code-editor-dialog,
.modal-backdrop.spinners-dialog,
.modal-backdrop.preloader-animation-dialog,
.modal-backdrop.font-weight-dialog,
.modal-backdrop.font-family-dialog,
.modal-backdrop.text-editor-dialog,
.modal-backdrop.color-variables-dialog,
.modal-backdrop[class*="settings-dialog"]:not(.settings-dialog) {
    display: none!important;
}

.modal-backdrop.add-to-cart-products-dialog,
.modal-backdrop.add-bulk-option-modal,
.modal-backdrop.add-single-option-modal,
.text-anchor-picker-dialog,
.group-field-item-dialog ~ .modal-backdrop,
.openstreetmap-editor-dialog ~ .delete-dialog,
.menu-item-edit-modal ~ .delete-dialog,
.map-editor-dialog ~ .delete-dialog,
.cke-image-modal ~ .uploader-modal,
.settings-dialog  ~ .uploader-modal,
.modal-backdrop.cke-image-modal,
.modal-backdrop.login-modal {
    z-index: 1050; 
}

.alert-backdrop {
    display: none;
}

.alert-backdrop.active {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1045;
}

.modal-backdrop.text-anchor-picker-dialog,
.start-minicolors-move .color-variables-dialog.modal-backdrop {
    animation: none!important;
    display: block!important;
    opacity: 0!important;
}

/*
/* Modals
*/

.modal.ba-modal-sm,
.modal.ba-modal-md,
.modal.ba-modal-lg {
    border-radius: 6px;
    border: none;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    z-index: 1050;
}

.modal h3.ba-modal-title {
    color: #1a1a1a;
    cursor: default;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 50px 0;
}

/*
/* Modal LG
*/

@keyframes modal-fadeOutBottom {
    to {margin-top: 100vh;}
}

.modal.ba-modal-lg {
    animation: modal-fadeOutBottom .5s cubic-bezier(.25,.98,.26,.99) both;
    background: transparent;
    height: 600px;
    left: 50%;
    margin-left: -485px;
    top: calc(50% - 300px);
    transition: all .3s cubic-bezier(.25,.98,.26,.99);
    width: 970px;
}

.modal.ba-modal-lg:not(.in) {
    animation: modal-fadeOutBottom .5s cubic-bezier(.25,.98,.26,.99) both !important;
}

@keyframes modal-fadeInUp {
    from {margin-top: 100vh;}
}

.modal.ba-modal-lg.in {
    animation: modal-fadeInUp .5s cubic-bezier(.25,.98,.26,.99);
}

.modal.ba-modal-lg .modal-body {
    max-height: 600px;
    padding: 0;
    width: 100%;
}

.modal.ba-modal-lg h3.ba-modal-title {
    margin: 0;
    color: #fff;
}

.modal.ba-modal-lg h3.ba-modal-title + .modal-header-icon {
    float: right;
}

.modal.ba-modal-lg:not(#code-editor-dialog) .modal-header {
    color: #fff;
    position: relative;
}

#settings-dialog .modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#settings-dialog.ba-modal-lg:not(#photo-editor-dialog) .nav-tabs li a {
    display: flex
}

#settings-dialog .nav-tabs > li {
    margin-bottom: 0;
}

#settings-dialog.ba-modal-lg div:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    bottom: 0;
}

#ckeditor-code-editor-dialog.modal.ba-modal-lg .modal-header,
#add-plugin-dialog .modal-header,
#code-editor-dialog.modal.ba-modal-lg .modal-header {
    background: #2f3243;
    padding: 25px 15px 25px 25px;
    text-align: left;
}

#on-scroll-animations-modal .modal-header i, 
#section-animations-modal .modal-header i, 
#shape-dividers-modal .modal-header i, 
#states-transition-modal .modal-header i, 
#color-variables-dialog .modal-header i,
.ba-modal-cp .modal-header-icon i,
.modal.ba-modal-lg .modal-header-icon i {
    padding: 0 8px; 
}

.refresh-fonts i,
.ba-modal-cp .modal-header-icon i,
.modal.ba-modal-lg .modal-header-icon i {
    transition: opacity .3s ease-in-out;
}

.sorting-item .disabled,
.sorting-item .disabled i,
.adaptive-images:disabled + span,
#site-dialog .convert-to-webp[disabled] + span,
.disabled-range .ba-range-wrapper,
input[type="number"].images-max-size:disabled,
.delete-fonts.disable-button i,
.ba-lg-custom-select-header > .disable-button i,
.right-icons-wrapper > span.disable-button i,
.browser-cache[disabled] + span,
.ba-action-undo:not(.active) i,
.ba-action-redo:not(.active) i,
body .disable-button,
.modal-header-icon .disabled-button,
.gridbox-save.disabled-button, 
.refresh-fonts i:hover,
.ba-media-header > div > i:hover,
.ba-modal-cp .modal-header-icon i:hover,
.modal.ba-modal-lg .modal-header-icon i:hover {
    opacity: .5;
}

.delete-fonts.disable-button,
.ba-icons-wrapper .nav-tabs li.active a i,
.ba-lg-custom-select-header > .disable-button,
body .disable-button.context-paste-buffer {
    opacity: 1;  
}

.create-button.disable-button {
    opacity: 0;
}

/* Modal LG fullscrean */
.modal.ba-modal-lg.fullscrean {
    height: 98%;
    left: 1%;
    margin: 0;
    top: 1%;
    width: 98%;
}

.modal.ba-modal-lg.fullscrean .modal-body,
.modal.ba-modal-lg.fullscrean .modal-body iframe {
    height: 98vh !important;
    max-height: none;
}

/*
/* Modal MD
*/

.modal.ba-modal-md {
    border-radius: 6px;
    box-sizing: border-box;
    left: 50%;
    margin-left: -250px;
    padding: 0;
    top: calc(50% - 275px) !important;
    width: 500px;
}

.modal.ba-modal-md .modal-body {
    max-height: none;
    padding: 0;
    width: 100%;
}

.ba-modal-md .modal-footer {
    background-color: transparent;
    border-top: 1px solid #f3f3f3;
    box-shadow: none;
    padding: 0;
    text-align: center;
}

#shortcuts-modal .ba-modal-header h3,
.modal.ba-modal-md .ba-modal-header h3 {
    color: #fff;
    margin: 0;
}

.modal.ba-modal-md .modal-footer a {
    background: transparent;
    box-sizing: border-box;
    border-radius: 0 !important; 
    float: left;
    padding: 21px !important;
    text-align: center;
    width: 50%;
}

.modal.ba-modal-md .modal-footer a.ba-btn-primary {
    background: transparent;  
}

.modal.ba-modal-md .ba-modal-header {
    background: #1da6f4;
    border: none;
    color: #fff;
    padding: 20px 25px;
}

.modal.ba-modal-md .ba-modal-header i {
    color: #fff;
    font-weight: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-shadow: none;
    top: 10px;
}

.modal.ba-modal-md .ba-modal-header i:hover {
    opacity: .5;
}

/* Modal MD Button */
.ba-modal-md .modal-footer a:first-child {
    border-right: 1px solid #f3f3f3;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.ba-modal-md .modal-footer a:first-child:hover {
    opacity: .56;
}

.ba-modal-md .modal-footer a.ba-btn-primary.active-button {
    background: rgba(29, 166, 244, 0.25);
}

.ba-modal-md .modal-footer a.ba-btn-primary:before {
    background: #1da6f4;
    border-radius: 100%;
    content: '';
    display: block;
    height: 5px;
    left: 50%;
    margin: -2px 0 0 -2px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transition: all .7s ease;
    width: 5px;
    z-index: -1;
}

.ba-modal-md .modal-footer a.ba-btn-primary:before {
    background: #1da6f4;
    transition: all .4s ease;
}

.ba-modal-md .modal-footer a.ba-btn-primary.active-button:before {
    transform: scale(65);
    opacity: 1;
}

.ba-modal-md .modal-footer a.active-button:hover:after,
#embed-apply:hover:after {
    background: #1da6f4;
    opacity: 1;
    transform: scale(65);
}

/*
/* Modal SM
*/

.modal.ba-modal-sm {
    left: 50%;
    margin-left: -162px;
    overflow: visible;
    padding: 25px;
    top: calc(50% - 185px) !important;
    width: 325px;
}

#edit-post-link-dialog,
#add-to-menu-modal {
    top: calc(50% - 230px) !important;
}

#icons-list-item-modal,
#one-page-item-modal,
#add-custom-font-dialog {
    top: calc(50% - 255px) !important;
}

.ba-modal-sm .modal-body {
    padding: 0;
}

.refresh-fonts,
.modal.ba-modal-sm .ba-help-icon {
    float: right;
    position: relative;
}

#color-variables-dialog input[type="text"],
.ba-modal-sm input[type="password"],
.ba-modal-sm input[type="text"] {
    border: 1px solid #fff;
    border-bottom-color: #e3e3e3;
    box-shadow: none;
    box-sizing: border-box;
    color: #1a1a1a;
    font: 400 22px/45px 'Roboto', sans-serif;
    height: 45px;
    margin: 25px 0 50px 0;
    padding: 4px 6px;
    width: 100%;
}

.ba-modal-sm input[data-property="anchor"],
.ba-modal-sm input[data-property="icon"] {
    cursor: pointer;
}

.ba-set-end-point .menu-item-add-modal,
.ba-set-end-point .menu-item-edit-modal {
    display: none;
}

.ba-modal-sm input[type="password"]::-webkit-input-placeholder,
.ba-modal-sm input[type="text"]::-webkit-input-placeholder {
    color: #757575;
}

.ba-modal-sm input[type="password"]::-moz-placeholder,
.ba-modal-sm input[type="text"]::-moz-placeholder {
    color: #757575;
}

.ba-modal-sm p {
    color: #757575;
    font: 400 16px/30px 'Roboto', sans-serif;
    margin: 0 0 10px;
}

#icons-list-item-modal .reset-input-margin.element-link,
.ba-modal-sm .blog-theme-select input {
    padding-right: 35px;
    text-overflow: ellipsis;
}

.ba-modal-sm input:focus {
    border-color: #fff !important;
    border-bottom-color:  #e3e3e3 !important;
}

@keyframes modal-sm-in {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

.modal.in {
    animation: modal-sm-in .3s cubic-bezier(0.4,0,0.2,1) both;
}

@keyframes close-modal-sm {
    to {transform: scale(.8); opacity: 0;}
}

.modal.ba-modal-close:not(.contentpane) {
    animation: close-modal-sm .3s cubic-bezier(0.4,0,0.2,1) both;
    display: block !important;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

.modal.ba-modal-sm .ba-footer-content {
    text-align: right;
}

#login-modal.gridbox-activate-licanse-modal .ba-footer-content,
.modal.ba-modal-sm .modal-footer {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-top: 25px;
    padding: 0;
    text-align: right;
}

.modal.ba-modal-sm .modal-footer a.ba-btn-primary:not(.active-button).red-btn {
    background: #f44236 !important;
    color: #fff !important;
    line-height: 18px;
}

.ba-modal-sm .modal-footer a:not(.ba-btn-primary):hover {
    background-color: rgba(0,0,0,0.1);
    color: #363637;
}

/* 
/* Modal CP
*/

.modal.ba-modal-cp {
    animation: close-modal-sm .3s cubic-bezier(0.4,0,0.2,1) both;
    background-color: transparent;
    box-sizing: border-box;
    left: var(--modal-cp-left);
    right: auto;
    top: var(--modal-cp-top);
    margin-left: 0;
    width: 400px;
    z-index: 1030;
}

#on-scroll-animations-modal.in, 
#section-animations-modal.in, 
#shape-dividers-modal.in, 
#color-variables-dialog.in,
.modal.ba-modal-cp.in {
    animation: modal-sm-in .3s cubic-bezier(0.4,0,0.2,1);
}

#advanced-shadow-modal .ba-modal-header,
#category-list-fields-modal .ba-modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal .modal-header {
    background: #1887cf;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: none;
    box-shadow: 0 15px 40px rgba(0,0,0,.15) !important;
    color: #fff;
    padding: 8px 20px;
    text-align: right;
}

.modal .modal-header .status-icons {
    float: left;  
    margin-left: 20px; 
    position: relative; 
}

.modal .modal-header .status-icons i {
    color: #fff;
    cursor: default !important;
    font-size: 16px;
    line-height: 26px;
    opacity: .35;
}

#filter-effects-image-options .filter-effects-thumbnail span,
#font-family-dialog .modal-body .font-family-wrapper .font-weight-title,
#font-weight-dialog .modal-body .font-weight-wrapper .font-weight-title,
.color-variables-group-title span,
.ba-dialog-title {
    color: rgba(255, 255, 255, .35);
    float: left;
    font: 700 9px/28px 'Roboto';
    letter-spacing: 2px;
    text-transform: uppercase;
}

#photo-editor-dialog .ba-dialog-title {
    line-height: 25px;
}

.ba-modal-lg.modal .modal-header {
    border-radius: 0 !important;
}

.control-toolbar i,
.ba-media-header > div > i,
.modal-header-icon i {
    color: #fff;
}

.ba-modal-cp .modal-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    max-height: none;
    overflow: hidden;
    padding: 0;
}

#page-structure-dialog .modal-footer> i,
.ba-modal-cp .tab-content > i {
    border-top: 1px solid #eee;
    bottom: 0;
    box-sizing: border-box;
    cursor: row-resize !important;
    display: block;
    font-size: 24px;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}

/* Section Settings Header*/
.ba-modal-cp[data-edit="header"] .nav-tabs,
.ba-modal-cp[data-edit="footer"] .nav-tabs,
.ba-modal-cp[data-edit="section"] .nav-tabs {
    background: #5e335e;
}

.ba-modal-cp[data-edit="header"] .modal-header,
.ba-modal-cp[data-edit="footer"] .modal-header,
.ba-modal-cp[data-edit="section"] .modal-header {
    background: #4f2b4f;
}

/* Section Row Header */
.ba-modal-cp[data-edit="row"] .nav-tabs {
    background: #3498db;
}

.ba-modal-cp[data-edit="row"] .modal-header {
    background: #2980b9;
}

/* Section Column Header*/
.ba-modal-cp[data-edit="column"] .nav-tabs {
    background: #34495e;
}

.ba-modal-cp[data-edit="column"] .modal-header {
    background: #2d3e50;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs {
    display: flex;
    background: transparent;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li {
    flex-grow: 1;
}


[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li:first-child:last-child {
    max-width: 33.3%;
    border-right: 1px solid #e3e3e3;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li:first-child:last-child:before  {
    background: #e3e3e3;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 66.7%;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li a {
    text-align: center;
    width: 100%;
}

/* Settings Tabs */
div:not(.ba-tabs-wrapper) > .nav-tabs {
    background: #1da6f4;
    border: none !important;
    height: 60px;
    margin: 0;
    padding: 0;
}

div:not(.ba-tabs-wrapper) > .nav-tabs > li {
    display: inline-flex;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.modal .nav-tabs li a {
    align-items: center;
    border-radius: 0;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 500 12px/20px 'Roboto', sans-serif;
    letter-spacing: 1px;
    margin: 0;
    max-width: 250px;
    opacity: .65;
    padding: 20px;
    position: relative;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ba-modal-lg:not(#photo-editor-dialog) .nav-tabs li a {
    display: block;
}

div:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    background: #fff;
    bottom: 0px;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

body:not([data-cp-position="right"]) .modal.ba-modal-cp.draggable-modal-cp div:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    z-index: 0;
}

.ba-modal-lg div:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    bottom: 1px;
}

div:not(.ba-tabs-wrapper) > .nav-tabs .active a:before {
    transition: opacity .01s ease-in-out;
    transition-delay: .35s;
    opacity: 1;
}

div:not(.ba-tabs-wrapper) > .nav-tabs > .active > a,
div:not(.ba-tabs-wrapper) > .nav-tabs > .active > a:hover,
div:not(.ba-tabs-wrapper) > .nav-tabs > .active > a:focus,
.modal .nav-tabs a:hover,
div:not(.ba-tabs-wrapper) > .nav-tabs li.active a {
    background: transparent;
    border: none !important;
    color: #fff !important;
    opacity: 1;
}

.ba-modal-cp .nav-tabs {
    margin-bottom: 0;
}

.ba-settings-group:not(:last-child):not(.last-element-child) {
    border-bottom: 1px solid #e3e3e3;
}

.ba-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs{
    flex-wrap: nowrap;
    display: flex;
}

.ba-modal-cp .nav-tabs > li {
    margin-bottom: 0;
    flex-shrink: 4;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ba-modal-cp .nav-tabs li a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ba-modal-cp[data-edit="currency-switcher"] #currency-switcher-design-options .slideshow-typography-options,
.ba-modal-cp[data-edit="hotspot"] #hotspot-design-options .hotspot-icon-options:not(.colors-settings-group),
.ba-modal-cp[data-edit="mega-menu-section"] #section-layout-options .ba-settings-group:nth-child(5),
.ba-modal-cp[data-edit="post-tags"] #countdown-design-options .ba-settings-group:nth-child(8),
.ba-modal-cp[data-edit="tags"] #countdown-design-options .ba-settings-group:nth-child(8),
.ba-modal-cp[data-edit="scroll-to"] #countdown-design-options .ba-settings-group:nth-child(9),
.ba-modal-cp[data-edit="scroll-to-top"] #countdown-design-options .ba-settings-group:nth-child(8),
.ba-modal-cp[data-edit="logo"] #item-design-options .ba-settings-group:nth-child(1),
.ba-modal-cp[data-edit="countdown"] #countdown-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="tabs"] #tabs-design-options .ba-settings-group:nth-child(4),
.ba-modal-cp[data-edit="icon"] #countdown-design-options .ba-settings-group:nth-child(8),
.ba-modal-cp[data-edit="content-slider"] .slideshow-dots-options,
#photo-editor-dialog .ba-settings-group:not(:last-child):not(.last-element-child),
.ba-modal-cp[data-edit="progress-pie"] #progress-bar-layout-options .ba-settings-group:nth-child(1),
.ba-modal-cp[data-edit="slideset"] #slideshow-layout-options .ba-settings-group:nth-child(1),
.ba-modal-cp[data-edit="icon"] #countdown-design-options .ba-settings-group:nth-child(5),
.ba-modal-cp[data-edit="carousel"] #slideshow-layout-options .ba-settings-group:nth-child(1),
.ba-modal-cp[data-edit="button"] #countdown-design-options .ba-settings-group:nth-child(9),
.ba-modal-cp[data-edit="error-message"] #weather-design-options .ba-settings-group:nth-child(2),
.ba-modal-cp[data-edit="flipbox"] #section-background-options .ba-settings-group:nth-child(2),
.ba-modal-cp[data-edit="overlay-button"] #countdown-design-options .ba-settings-group:nth-child(9),
.ba-modal-cp[data-edit="flipbox"] #section-background-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="column"] #section-background-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="video"] #image-design-options .ba-settings-group,
.ba-modal-cp[data-edit="mega-menu-section"] .hide-megamenu-options-border {
    border-bottom: none;
}

#menu-design-options .ba-settings-group:nth-child(3) .theme-typography-options,
.ba-settings-group > div:last-child:not(:first-child) {
    margin-bottom: 10px;
}

.items-list.ba-settings-group .sorting-toolbar {
    border-top: 1px solid #e3e3e3;
    margin-bottom: 0 !important;
    margin-top: 10px;
    padding: 10px 15px 0 15px;
}

.simple-gallery-options .items-list.ba-settings-group .sorting-toolbar,
.not-field-slideshow .items-list.ba-settings-group .sorting-toolbar {    
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 15px 10px 15px;
}

.items-list.ba-settings-group .sorting-toolbar span[data-checked="true"] i {
    color: #4285f4;
}

.ba-modal-cp[data-positioning="enable"][data-edit="wishlist"] .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="cart"] .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="image"] #image-general-options .ba-image-options label[data-group="style"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="breadcrumbs"] .ba-settings-group.slideshow-typography-options .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="counter"] .ba-settings-group.button-options .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="post-tags"] .ba-settings-group.button-options .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="tags"] .ba-settings-group.button-options .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="scroll-to"] .ba-settings-group.button-options .typography-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="overlay-button"] .overlay-button-options label[data-group="style"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="overlay-button"] .button-options .typography-options label[data-option="text-align"][data-group="typography"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="icon"] .icon-options label[data-option="text-align"] i,
.ba-modal-cp[data-positioning="enable"][data-edit="button"] .ba-settings-group.button-options .typography-options label[data-option="text-align"] i,
.items-list.ba-settings-group .sorting-toolbar span.disabled i {
    cursor: not-allowed !important;
    opacity: .5;
}

#openstreetmap-editor-dialog[data-positioning="enable"] .margin-settings-group,
#yandex-maps-editor-dialog[data-positioning="enable"] .margin-settings-group,
#map-editor-dialog[data-positioning="enable"] .margin-settings-group,
#custom-html-dialog[data-positioning="enable"] .margin-settings-group,
.ba-modal-cp[data-edit="scroll-to-top"] .positioning-settings-group,
.ba-modal-cp[data-positioning="enable"] div[id*="layout-options"] .margin-settings-group {
    display: none;
}

.items-list.ba-settings-group .sorting-toolbar span.disabled i:hover {
    background-color: transparent;
}

.versions-history-wrapper .version-history-item,
.sorting-container {
    padding: 0 25px;
}

.version-history-item-icons> span {
    position: relative;
}

#versions-history-tab {
    bottom: 0; 
    height: calc(100% - 75px);
}

.items-list.ba-settings-group .sorting-toolbar > span {
    display: inline-block;
    position: relative;
}

.ba-states-wrapper .ba-states-icons-wrapper i,
.items-list.ba-settings-group .sorting-toolbar > span i {
    font-size: 21px;
    width: 21px;
}

.items-list.ba-settings-group .sorting-toolbar > span[data-action="check"] .ba-tooltip,
.items-list.ba-settings-group .sorting-toolbar > span[data-action="add"] .ba-tooltip {
    left: 0;
    margin-left: -250px;
    transform: translateX(250px);
}

.items-list.ba-settings-group .sorting-toolbar > span[data-action="check"] .ba-tooltip:before,
.items-list.ba-settings-group .sorting-toolbar > span[data-action="add"] .ba-tooltip:before {
    left: 0% !important;
    margin-left: 15px;
}

.ba-settings-group {   
    padding: 10px 0;
}

#add-plugin-dialog .ba-plugin-group > p,
.ba-group-title,
.settings-group-title span:not(.ba-tooltip) {
    color: #1a1a1a;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
}

.settings-group-title {
    padding-top: 0 !important;
    margin: 0 0 5px;
}

.settings-group-title i:not(.zmdi-help) {
    cursor: default !important;
    margin-right: 15px;
}

.ba-modal-cp .ba-settings-item > input.select-spinner,
.ba-settings-group .ba-settings-item input[data-option="font-family"] {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tabs Underline */
.tabs-underline {
    background: #fff;
    height: 4px;
    position: fixed;
    top: inherit;
    margin-top: -4px;
    z-index: 1;
}

/*
/* Product Badges Dialog
*/

#product-badges-dialog .ba-settings-item.ba-settings-input-type > span {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: auto;
}

#product-badges-dialog .ba-settings-item.ba-settings-input-type > span i {
    color: #566d77;
    padding: 11px;
    text-align: center;
    transition: .3s;
    width: 24px;
}

#product-badges-dialog .ba-settings-item.ba-settings-input-type > span i:hover {
    color: #cad3da;
}

#product-badges-dialog .product-badge-color-wrapper,
#product-badges-dialog .edit-product-badge-color,
#product-badges-dialog .product-badge-color {
    border-radius: 50%;
    height: 30px;
    margin-right: 15px;
    position: relative;
    width: 30px;
    display: block;
}

#product-badges-dialog .edit-product-badge-color,
#product-badges-dialog .product-badge-color {
    background: var(--badge-color);
    margin-right: 0;
}

#product-badges-dialog .ba-settings-list-type .product-badge-color-wrapper i {
    box-sizing: border-box;
    color: #fff !important;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    transition: opacity .3s,transform .3s;
    width: 30px;
}

#product-badges-dialog .ba-settings-list-type .product-badge-color-wrapper:hover i {
    opacity: .65
}

#product-badges-dialog .ba-settings-list-type li:not(.editing-product-badge) .product-badge-color-wrapper i {
    transform: scale(.3);
    opacity: 0;
}

#product-badges-dialog .product-badge-color-wrapper:before {
    content: "";
    border: 3px solid var(--badge-color);
    border-radius: inherit;
    bottom: -5px;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: transform .3s;
}

#product-badges-dialog li:not(.editing-product-badge) .product-badge-color-wrapper:before {
    transform: scale(.8);
}

#product-badges-dialog .product-badge-title {
    flex-grow: 1;
}

#product-badges-dialog li:hover .product-badge-title {
    color: #566e78;
}

#product-badges-dialog ul input {
    background: transparent;
    border: none;
    cursor: text !important;
    flex-grow: 1;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.product-badge-title ~ .prevent-event {
    position: relative;
}

#product-badges-dialog li:not(:hover) .edit-badge-item,
#product-badges-dialog li:not(:hover) .delete-badge-item {
    opacity: 0;
    pointer-events: none;
}

#product-badges-dialog li.editing-product-badge .delete-badge-item,
#product-badges-dialog li.editing-product-badge .product-badge-color,
#product-badges-dialog li.editing-product-badge .edit-badge-item,
#product-badges-dialog li.editing-product-badge .product-badge-title,
#product-badges-dialog li:not(.editing-product-badge) .save-badge-item,
#product-badges-dialog li:not(.editing-product-badge) .close-badge-edit,
#product-badges-dialog li:not(.editing-product-badge) .edit-product-badge-color,
#product-badges-dialog li:not(.editing-product-badge) input {
    display: none;
}

#product-badges-dialog li {
    min-height: 56px;
    overflow: visible;
}

#product-badges-dialog li:first-child .prevent-event .ba-tooltip,
#product-badges-dialog li:nth-child(2) .prevent-event .ba-tooltip {
    bottom: calc(-100% - 20px);
}

#product-badges-dialog li:first-child .prevent-event .ba-tooltip:before,
#product-badges-dialog li:nth-child(2) .prevent-event .ba-tooltip:before {
    border-top: transparent;
    border-bottom: 5px solid #2c2c2c;
    bottom: 100%;
}

/*
/* Product Picker Modal
*/

.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li.selected {
    display: none !important;
}

.modal.ba-modal-product-picker {
    backface-visibility: hidden;
    --picker-arrow-bottom: 50%;
    background: #2f3243;
    border-radius: 6px;
    border: none;
    height: 450px;
    margin-left: 0;
    position: fixed;
    width: 450px;
    z-index: 1090;
}

.modal.ba-modal-product-picker .ba-settings-item.ba-settings-input-type {
    background: #343749;
    margin: 40px;
    position: relative;
}

.modal.ba-modal-product-picker .picker-search {
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: #fff;
    cursor: text;
    float: none;
    font: 500 14px/16px 'Roboto';
    height: 45px;
    margin: 0;
    max-width: 100%;
    min-width: auto;
    padding: 0 10px;
    padding-right: 50px;
    width: 100%;
}

#product-badges-dialog.ba-modal-product-picker .picker-search-wrapper {
    border-right: 5px solid #2f3243 !important;
    position: relative;
    width: calc(100% - 51px);
}

.modal.ba-modal-product-picker .zmdi-search {
    cursor: text !important;
    font-size: 24px;
}

.modal.ba-modal-product-picker .picker-search::-webkit-input-placeholder {
    color: #566e78;
    font: 500 14px/16px 'Roboto';
}

.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type ul {
    height: 285px;
    margin: 0;
    overflow: auto;
    padding: 0 40px 40px;
}

#product-badges-dialog ul input,
.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li {
    align-items: center;
    box-sizing: border-box;
    color: #cad3da;
    cursor: pointer;
    display: flex;
    font: 500 14px/22px "Roboto", sans-serif !important;
    overflow: hidden;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#product-badges-dialog ul input {
    color: #fff;
}

#product-badges-dialog ul.product-badge-editing li:not(.editing-product-badge){
    opacity: .25;
    pointer-events: none;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type i, 
#product-variations-photos-dialog .sorting-item .ba-item-thumbnail,
.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li .ba-item-thumbnail {
    align-items: center;
    background-color: #343749;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    color: #566d77;
    display: inline-flex;
    height: 50px;
    justify-content: center;
    margin-right: 20px;
    min-width: 50px;
}

#product-badges-dialog .ba-settings-list-type i,
.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li .ba-item-thumbnail i {
    color: #566d77;
}

#product-badges-dialog .ba-settings-list-type i {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    transition: .3s;
    width: 16px;
}

#product-badges-dialog .ba-settings-list-type .close-badge-edit i,
#product-badges-dialog .ba-settings-list-type .save-badge-item i {
    color: #fff;
    font-size: 21px;
    line-height: 16px;
}

#product-badges-dialog .ba-settings-list-type i:hover{
    color: #cad3da;
}

.modal.ba-modal-product-picker:not(#product-badges-dialog) .ba-settings-item.ba-settings-list-type li:hover {
    color: #566e78 !important;
}

.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li .picker-item-title {
    flex-grow: 1;
    margin-right: 20px;
    white-space: pre-wrap;
}

.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type li:not(.selected) ~ li {
    padding-top: 10px;
}

/* Modal */
div.modal {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    left: 50%;
    margin-left: -40%;
    outline: none;
    position: fixed;
    top: 5%;
    width: 80%;
    z-index: 1050;
}

/*
/* Color Picker Modal
*/

#on-scroll-animations-modal,
#section-animations-modal,
#shape-dividers-modal,
#states-transition-modal,
div.modal.ba-modal-picker {
    background: #2f3243;
    border-radius: 6px;
    margin-left: 0;
    padding: 0;
    width: 275px;
}

#on-scroll-animations-modal,
#section-animations-modal,
#shape-dividers-modal,
#states-transition-modal,
#advanced-shadow-modal,
#category-list-fields-modal {
    width: 350px;
}

.picker-modal-arrow:before,
div.modal.ba-modal-picker:before {
    border: 5px solid transparent;
    border-left: 5px solid #2f3243;
    bottom: calc(var(--picker-arrow-bottom) - 5px);
    content: "";
    height: 0;
    margin-left: -5px;
    position: absolute;
    right: -9px;
}

#product-badges-dialog:before,
.picker-modal-arrow[data-position="right"]:before {
    border-left: 5px solid transparent;
    border-right: 5px solid #2f3243;
    margin-right: -5px;
    margin-left: 0;
    left: -9px;
    right: auto;
}

#color-variables-dialog.ba-top-position:before {
    border-bottom: 5px solid #2f3243;
    border-left: 5px solid transparent;
    bottom: auto;
    right: calc(50% - 5px);
    top: -10px;
}

#color-variables-dialog.ba-right-position:before {
    right: auto;
    left: -5px;
    border-right: 5px solid #2f3243;
    border-left: 5px solid transparent;
}

#on-scroll-animations-modal .modal .nav-tabs li a,
#section-animations-modal .modal .nav-tabs li a,
#shape-dividers-modal .modal .nav-tabs li a,
#states-transition-modal .modal .nav-tabs li a,
#color-variables-dialog .modal .nav-tabs li a {
    opacity: 1;
}

#advanced-shadow-modal .ba-modal-header i,
#category-list-fields-modal .ba-modal-header i,
#shortcuts-modal .ba-modal-header i,
div.modal.ba-modal-picker .modal-header i,
div.modal.ba-modal-picker .code-nav a {
    padding: 15px 20px; 
}

#advanced-shadow-modal .ba-modal-header i,
#category-list-fields-modal .ba-modal-header i,
#shortcuts-modal .ba-modal-header i {
    color: #566e78;
    cursor: default !important;
}

div.modal.ba-modal-picker .modal-header >span {
    position: relative;
    display: inline-block;
}

div.modal.ba-modal-picker .modal-header i,
#photo-editor-dialog .nav-tabs li:not(.active) a i,
div.modal.ba-modal-picker .nav-tabs li a i,
div.modal.ba-modal-picker .code-nav a i {
    color: #566e78;
}

div.modal.ba-modal-picker .modal-header i:hover,
div.modal.ba-modal-picker .code-nav a:hover i,
div.modal.ba-modal-picker .code-nav .active a i {
    color: #fff;
}

#text-anchor-picker-dialog.ba-modal-picker .modal-header i {
    pointer-events: none;
}

#spinners-dialog .modal-header i {
    cursor: default !important;
}

#on-scroll-animations-modal .modal-header, 
#on-scroll-animations-modal .tab-content,
#section-animations-modal .modal-header, 
#section-animations-modal .tab-content,
#shape-dividers-modal .modal-header,
#shape-dividers-modal .tab-content,
#states-transition-modal .tab-content,
#states-transition-modal .modal-header ,
#shortcuts-modal .modal-body,
#color-variables-dialog .tab-content,
#color-variables-dialog .modal-header {
    background: #2f3243
}

#color-picker-cell {
    top: 0;
}

#on-scroll-animations-modal .modal-body,
#section-animations-modal .modal-body,
#shape-dividers-modal .modal-body,
#states-transition-modal .modal-body,
#color-variables-dialog .modal-body {
    overflow: hidden; 
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#on-scroll-animations-modal .code-nav,
#section-animations-modal .code-nav,
#shape-dividers-modal .code-nav,
#states-transition-modal .code-nav ,
#color-variables-dialog .code-nav {
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#on-scroll-animations-modal .tab-content,
#section-animations-modal .tab-content,
#shape-dividers-modal .tab-content,
#states-transition-modal .tab-content,
#color-variables-dialog .tab-content {
    min-height: 295px;
    max-height: 295px;
    overflow: hidden;
}

#on-scroll-animations-modal .tab-content,
#section-animations-modal .tab-content,
#shape-dividers-modal .tab-content,
#states-transition-modal .tab-content {
    min-height: 410px;
    max-height: 410px;    
}

#on-scroll-animations-modal .nav-tabs a:before, 
#section-animations-modal .nav-tabs a:before, 
#shape-dividers-modal .nav-tabs a:before,
#states-transition-modal .nav-tabs a:before,
#color-variables-dialog .nav-tabs a:before {
    bottom: 1px;
}

.shape-dividers-presets-wrapper,
#color-variables-cell {
    box-sizing: border-box; 
    max-height: 315px;
    overflow: scroll;
    padding: 25px;
}

.color-variables-group-title {
    width: 100%;
}

#filter-effects-image-options .filter-effects-thumbnail span,
.color-variables-group .color-variables-group-title span {
    color: #566e78;
    display: block;
    margin-bottom: 10px;
    padding-top: 25px;
}

.color-variables-group {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

#color-variables-cell >div:first-child >.color-variables-group-title span {
    padding-top: 0;
}

/* Color Variables Item */
.shape-dividers-preset,
.color-variables-item {
    align-items: center;
    cursor: pointer;
    background: #34374a;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    margin: 2px;
    position: relative;
}

.shape-dividers-preset {
    width: 100%;
    margin-bottom: 10px;
    min-height: 104px;
}

.shape-dividers-preset:first-child {
    height: 104px;
    padding: 0;
}

.shape-dividers-preset:first-child i {
    color: #566e78;
}

.shape-dividers-preset[data-value="arrow"]:before,
.shape-dividers-preset[data-value="circle"]:before,
.shape-dividers-preset[data-value="vertex"]:before,
.shape-dividers-preset[data-value="zigzag"]:before {
    background-color: #1aa6f4;
    content: "";
    width: 100%;
    height: 100px;
}

.shape-dividers-presets-wrapper[data-position="top"] .shape-dividers-preset[data-value="arrow"]:before,
.shape-dividers-presets-wrapper[data-position="top"] .shape-dividers-preset[data-value="circle"]:before,
.shape-dividers-presets-wrapper[data-position="top"] .shape-dividers-preset[data-value="vertex"]:before,
.shape-dividers-presets-wrapper[data-position="top"] .shape-dividers-preset[data-value="zigzag"]:before {    
    transform: rotate(180deg);
}

.shape-dividers-preset[data-value="arrow"]:before{
    clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 50%, 25% 50%, 50% 100%, 75% 50%);
}

.shape-dividers-preset[data-value="circle"]:before{
    clip-path: circle(35% at 50% 100%);
}

.shape-dividers-preset[data-value="vertex"]:before{
    clip-path: polygon(20% calc(50% + 15%), 35% calc(50% + 45%), 65% 50%, 100% 100%, 100% 100%, 0% 100%, 0 calc(50% + 10%), 10% calc(50% + 30%));
}

.shape-dividers-preset[data-value="zigzag"]:before{
    clip-path: polygon(0% 100%,3.3333333333333335% calc(100% - 15px),6.666666666666667% 100%,6.666666666666667% 100%,10% calc(100% - 15px),13.333333333333334% 100%,13.333333333333334% 100%,16.666666666666668% calc(100% - 15px),20% 100%,20% 100%,23.333333333333336% calc(100% - 15px),26.666666666666668% 100%,26.666666666666668% 100%,30.000000000000004% calc(100% - 15px),33.333333333333336% 100%,33.333333333333336% 100%,36.66666666666667% calc(100% - 15px),40% 100%,40% 100%,43.333333333333336% calc(100% - 15px),46.666666666666664% 100%,46.666666666666664% 100%,50% calc(100% - 15px),53.33333333333333% 100%,53.33333333333333% 100%,56.666666666666664% calc(100% - 15px),59.99999999999999% 100%,59.99999999999999% 100%,63.33333333333333% calc(100% - 15px),66.66666666666666% 100%,66.66666666666666% 100%,70% calc(100% - 15px),73.33333333333333% 100%,73.33333333333333% 100%,76.66666666666667% calc(100% - 15px),80% 100%,80% 100%,83.33333333333334% calc(100% - 15px),86.66666666666667% 100%,86.66666666666667% 100%,90.00000000000001% calc(100% - 15px),93.33333333333334% 100%,93.33333333333334% 100%,96.66666666666669% calc(100% - 15px),100.00000000000001% 100%);
}

.shape-dividers-presets-wrapper[data-position="top"] .shape-dividers-preset svg {
    transform: rotate(180deg);
    border-bottom: 20px solid #1aa6f4;
    padding-top: 40px;
}

.shape-dividers-preset svg {
    fill: #1aa6f4;
    height: 40px;
    width: 100%;
}

.shape-dividers-presets-wrapper[data-position="bottom"] .shape-dividers-preset svg {
    border-bottom: 20px solid #1aa6f4;
    padding-top: 40px;
}

.shape-dividers-preset:hover {
    background:transparent;
}

.color-variables-item {
    padding: 15px;
    width: calc(33.3% - 5px);
}

.modal .color-varibles-color-swatch {
    border-radius: 50%;
    display: block;
    height: 35px;
    overflow: hidden;
    width: 35px!important;
    z-index: 1
}

/* Color Picker Cell */
#color-picker-cell .minicolors-panel {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: block !important;
    height: 275px;
    left: -20px;
    padding: 0;
    top: -230px;
    width: 255px;
    z-index: -1;
}

#color-picker-cell .minicolors {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 65%;
}

.shape-dividers-color-setting .minicolors:before,
#color-picker-cell .minicolors:before {
    border-radius: 50%;
    border: 5px solid #34374a;
    box-sizing: border-box;
    content: "";
    height: 40px;
    left: 5px;
    position: absolute;
    top: 3px;
    width: 40px;
    z-index: 100;
}

.shape-dividers-color-setting .minicolors:before {
    left: -5px;
    top: -1px;
    pointer-events: none;
}

#color-picker-cell .variables-color-picker.minicolors-input {
    background: #34374a !important;
    color: #566e78 !important;
    border: none;
    margin: 0;
    padding-left: 50px;
    width: 90% !important;
}

#color-picker-cell .minicolors-opacity-wrapper {
    bottom: 20px;
    position: absolute;
    right: 20px;
    z-index: 15;
}

#color-picker-cell .minicolors-opacity-wrapper input {
    background: transparent;
    color: #566e78;
    height: 45px;
    width: 65px !important;
}

#color-picker-cell .minicolors-theme-bootstrap.minicolors-swatch {
    left: 10px !important;
    top: 7px;
}

#color-picker-cell .minicolors-theme-bootstrap .minicolors-grid {
    background-position: -158px 0;
    background-size: auto 197px;
    height: 196px;
    left: 20px;
    top: 20px;
    width: 196px;
}

#color-picker-cell .minicolors-theme-bootstrap .minicolors-slider,
#color-picker-cell .minicolors-theme-bootstrap .minicolors-opacity-slider {
    background-size: auto 196px;
    height: 196px;
    margin-left: 64px;
    top: 20px;
}

#color-picker-cell .minicolors-opacity-slider.minicolors-sprite {
    background-position-x: -53px;
    margin-left: 63px !important;
}

/* Theme Colors */

#theme-colors-options .settings-group-title {
    padding: 0;
    width: 100%;
}

#theme-colors-options .ba-settings-group {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 25px 25px;
}

#theme-colors-options .colors-item {
    align-content: center;
    background: #e8e8e8;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    font-weight: 500;
    flex-direction: column;
    justify-content: center;
    height: auto;
    margin: 0 5px 5px 0;
    min-height: 105px;
    padding: 20px 5px;
    width: calc(25% - 5px);
}

#theme-colors-options .colors-item * {
    cursor: pointer;  
}

.modal #theme-colors-options .color-varibles-color-swatch {
    height: 35px;
    margin-bottom: 15px;
    width: 35px !important;
}

#color-variables-dialog .color-varibles-color-swatch:after,
#color-variables-dialog .color-varibles-color-swatch:before,
.modal #theme-colors-options .color-varibles-color-swatch:after,
.modal #theme-colors-options .color-varibles-color-swatch:before {
    background-image: url(../../libraries/minicolors/images/jquery.minicolors.png) !important;
    background-position: -85px 20px;
    border-radius: 50%;
    content: "";
    display: block;
    height: 35px;
    position: absolute;
    width: 35px;
    z-index: 0;
}

#color-variables-dialog .color-varibles-color-swatch:after,
.modal #theme-colors-options .color-varibles-color-swatch:after {
    background-image: none !important;
    background: inherit;
    height: 37px;
    margin: -1px;
    width: 37px;
}

#theme-colors-options .colors-item span {
    font-weight: 500 !important;
    line-height: 14px;
    margin-top: 0!important;
    text-align: center;
    width: 100%;
    word-break: break-word;
}

i.delete-user-color {
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

/* 
/* Color Picker 
*/

.minicolors .minicolors-swatch {
    border-radius: 50%!important;
    border: none;
    height: 30px;
    left: 0px!important;
    width: 30px !important;
}

#color-picker-cell .minicolors .minicolors-swatch {
    left: 10px!important;
    top: 8px !important;
    overflow: visible;
}

#color-picker-cell .minicolors .minicolors-swatch span {
    border-radius: 50%;
    margin: -1px;
    padding: 1px;
}

.ba-minicolors-border.minicolors .minicolors-swatch {
    border: 1px solid #ddd;
}

.minicolors-swatch span {
    box-shadow: none !important;   
}

.minicolors-swatch-color {
    width: 100%!important;
}

/* Shape Dividers */

.shape-dividers-preset[data-value="arrow"]:before {
    clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 50%, 25% 50%, 50% 100%, 75% 50%);
}

.shape-dividers-preset[data-value="circle"]:before{
    clip-path: circle(35% at 50% 100%);
}

.shape-dividers-preset[data-value="vertex"]:before{
    clip-path: polygon(20% calc(21% + 15%), 35%  calc(21% + 45%), 65%  21%, 100% 100%, 100% 100%, 0% 100%, 0  calc(21% + 10%), 10%  calc(21% + 30%));
}

/*
/* Font Family Modal
*/

div.modal.ba-modal-picker { 
    --picker-arrow-bottom: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #2f3243;
    height: 349px;
}

div.modal.ba-modal-picker .modal-header {
    box-shadow: none !important;
    padding: 0;
    text-align: left;
}

div.modal.ba-modal-picker .modal-header .open-font-library {
    display: inline-block;
    position: relative;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper,
div.modal.ba-modal-picker .modal-body .text-anchors-wrapper,
div.modal.ba-modal-picker .modal-body .preloader-animation-wrapper,
div.modal.ba-modal-picker .modal-body .spinners-wrapper,
div.modal.ba-modal-picker .modal-body .font-weight-wrapper,
div.modal.ba-modal-picker .modal-body .font-family-wrapper {
    box-sizing: border-box;
    color: #fff;
    height: 295px;
    overflow-y: auto; 
    padding: 20px; 
}

#category-list-fields-modal .modal-body .category-list-fields-view-wrapper {
    display: flex;
    flex-direction: column;
    height: 445px;
    padding-bottom: 25px;
}

#states-transition-modal .modal-body .general-tabs {
    width: 100%;
}

.states-transition-wrapper {
    box-sizing: border-box;
    margin-bottom: 15px !important;
    width: 100%;
}

#advanced-shadow-modal .modal-body {
    box-sizing: border-box;
    padding: 20px; 
}

#on-scroll-animations-modal,
#section-animations-modal,
#shape-dividers-modal,
#states-transition-modal,
#advanced-shadow-modal {
    height: auto;
}

.ba-settings-item.active-advanced-shadow .ba-range-liner,
.ba-settings-item.active-advanced-shadow .ba-range-wrapper input[type=range]::-webkit-slider-thumb:not(:hover) {
    background: #ddd;
}

#category-list-fields-modal {
    height: 500px;
}

#on-scroll-animations-settings-tab .ba-settings-item,
#section-animations-settings-tab .ba-settings-item,
#shape-dividers-settings-tab .ba-settings-item,
.cubic-bezier-settings-wrapper .ba-settings-item,
.cubic-bezier-presets-wrapper .cubic-bezier-preset,
.states-transition-wrapper,
.advanced-shadow-settings-wrapper .ba-settings-item,
div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div,
div.modal.ba-modal-picker .modal-body .text-anchors-wrapper p,
div.modal.ba-modal-picker .modal-body .preloader-animation-wrapper > div,
div.modal.ba-modal-picker .modal-body .spinners-wrapper .preloader-wrapper,
div.modal.ba-modal-picker .modal-body .font-weight-wrapper p,
div.modal.ba-modal-picker .modal-body .font-family-wrapper p {
    background: #34374a;
    cursor: pointer;
    font-size: 21px;
    line-height: 26px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#on-scroll-animations-settings-tab .ba-settings-item, 
#section-animations-settings-tab .ba-settings-item,
#shape-dividers-settings-tab .ba-settings-item {
    height: auto;
}

#on-scroll-animations-settings-tab .ba-settings-item,
#section-animations-settings-tab .ba-settings-item,
#shape-dividers-settings-tab .ba-settings-item,
.cubic-bezier-settings-wrapper .ba-settings-item,
.states-transition-wrapper .ba-settings-item,
.advanced-shadow-settings-wrapper .ba-settings-item,
div.modal.ba-modal-picker .modal-body .text-anchors-wrapper p,
div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div {
    align-items: center;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    min-height: 66px; 
}

#on-scroll-animations-settings-tab .ba-settings-item,
#section-animations-settings-tab .ba-settings-item,
#shape-dividers-settings-tab .ba-settings-item:not(.shape-dividers-color-setting) ,
.cubic-bezier-settings-wrapper .ba-settings-item,
.states-transition-wrapper .ba-settings-item,
.advanced-shadow-settings-wrapper .ba-settings-item {
    flex-wrap: wrap;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div .fields-view-title {
    flex-grow: 1;
    margin-right: 15px;
    max-width: calc(100% - 49px);
    overflow: hidden;
    text-overflow: ellipsis;
}

#category-list-fields-modal .category-list-fields-view-wrapper > div span i {
    margin-right: 15px;    
}

#on-scroll-animations-settings-tab .ba-settings-item > span,
#section-animations-settings-tab .ba-settings-item > span,
#shape-dividers-settings-tab .ba-settings-item > span,
.cubic-bezier-settings-wrapper .ba-settings-item > span,
.states-transition-wrapper .ba-settings-item > span,
.advanced-shadow-settings-wrapper .ba-settings-item >span,
div.modal.ba-modal-picker .modal-body .text-anchors-wrapper p,
div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div span {
    font-size: 12px;
    line-height: 16px;
}

#on-scroll-animations-settings-tab .ba-settings-item > span,
#section-animations-settings-tab .ba-settings-item > span,
#shape-dividers-settings-tab .ba-settings-item > span,
.cubic-bezier-settings-wrapper .ba-settings-item > span,
.states-transition-wrapper .ba-settings-item > span,
.advanced-shadow-settings-wrapper .ba-settings-item >span {
    align-items: center;
    color: #fff;
    display: flex;
    flex-grow: 1;
}

#shape-dividers-settings-tab .ba-settings-item.shape-dividers-color-setting {
    overflow: visible;
}

#shape-dividers-settings-tab .ba-settings-item.shape-dividers-color-setting > span:not(.minicolors-opacity-wrapper) {
    width: 30%;
}

#on-scroll-animations-settings-tab .ba-settings-item > span,
#section-animations-settings-tab .ba-settings-item > span,
#shape-dividers-settings-tab .ba-settings-item > span {
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.cubic-bezier-presets-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cubic-bezier-presets-wrapper > div {
    align-items: center;
    border-radius: 3px;
    display: flex;
    height: 70px;
    justify-content: center;
    margin: 2px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative;
    width: 70px;
}

.cubic-bezier-presets-wrapper > div:nth-child(4n+4) {
    margin-right: 0 !important
}

.cubic-bezier-presets-wrapper > div:first-child,
.cubic-bezier-presets-wrapper > div:nth-child(4n+5) {
    margin-left: 0 !important
}

#on-scroll-animations-settings-tab .ba-settings-group,
#section-animations-settings-tab .ba-settings-group,
#shape-dividers-settings-tab .ba-settings-group,
.cubic-bezier-settings-wrapper {
    flex-grow: 1;
    width: 100%;
    box-sizing: border-box;
}

div.modal.ba-modal-picker .modal-body .text-anchors-wrapper p {
    cursor: pointer;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div:not(.active) span {
    color: #566e78;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div span i {
    color: #566e78;
    font-size: 16px;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div:not(.active) span i {
    display: none;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div:not(.active) {
    order: 1;
}

div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div.active {
    order: 0;
}

#font-family-dialog .modal-body .font-family-wrapper p {
    padding: 20px;
}

.fields-view-row.first-disabled-field {
    margin-top: 50px !important;
}

#font-weight-dialog .modal-body .font-weight-wrapper p,
#font-family-dialog .modal-body .font-family-wrapper p[data-value="@default"] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

#font-family-dialog .modal-body .font-family-wrapper p * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.field-groups-sortable-started) div.modal.ba-modal-picker .modal-body .category-list-fields-view-wrapper > div:hover,
div.modal.ba-modal-picker .modal-body .text-anchors-wrapper p:hover,
#font-weight-dialog .modal-body .font-weight-wrapper p.active,
#font-family-dialog .modal-body .font-family-wrapper p.active,
#font-weight-dialog .modal-body .font-weight-wrapper p:hover,
#font-family-dialog .modal-body .font-family-wrapper p:hover {
    background: #314a56;
}

#font-weight-dialog .modal-body .font-weight-wrapper p:first-child,
#font-family-dialog .modal-body .font-family-wrapper p:first-child {
    margin-top: 0;
}

#font-weight-dialog .modal-body .font-weight-wrapper p[data-value="@default"]:before,
#font-family-dialog .modal-body .font-family-wrapper p[data-value="@default"]:before {
    color: #566e78;
    content: '\f173';
    float: right;
    font: normal normal normal 18px/21px 'Material-Design-Iconic-Font';
    position: absolute;
    right: 10px;
}

#font-family-dialog .modal-body .font-family-wrapper p[data-value="@default"],
#font-weight-dialog .modal-body .font-weight-wrapper p[data-value="@default"] {
    position: relative;
    padding: 10px 20px;
}

#font-family-dialog .modal-body .font-family-wrapper .font-weight-title,
#font-weight-dialog .modal-body .font-weight-wrapper .font-weight-title {
    color: #566e78;
    line-height: 21px;
    margin-right: 10px;
}

#spinners-dialog .modal-body .spinners-wrapper .preloader-wrapper {
    box-sizing: border-box;
    display: inline-block;
    height: 100px;
    margin: 5px;
    padding: 20px;
    position: relative;
    width: 100px;
}

#spinners-dialog .modal-body .spinners-wrapper .preloader-wrapper .preloader-point-wrapper {
    height: 36px;
    margin: 12px;
    width: 36px;
}

#spinners-dialog .modal-body .spinners-wrapper .preloader-wrapper .preloader-point-wrapper *:before,
#spinners-dialog .modal-body .spinners-wrapper .preloader-wrapper .preloader-point-wrapper  div {
    background: #fff;
}

/* Settings Item */
.shortcut-row,
.settings-group-title,
.ba-settings-toolbar,
.ba-settings-group .ba-settings-item {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 45px;
    padding: 0 25px;
    position: relative;
}

.ba-settings-group .ba-settings-item,
.ba-settings-item.column-content-align {
    padding-right: 25px;   
}

.ba-settings-item.on-scroll-animations-wrapper .ba-settings-toolbar> label,
.ba-settings-toolbar label[data-option="horizontal_align"] ,
.ba-settings-toolbar label[data-option="content_align"] {
    margin-right: 10px;
}

.ba-settings-item.on-scroll-animations-wrapper i:not(.zmdi-help),
.ba-settings-toolbar label[data-option="horizontal_align"] i,
.ba-settings-toolbar label[data-option="content_align"] i {
    padding: 0;
    background: transparent !important;
    margin-right: 0;
}

.ba-settings-item.on-scroll-animations-wrapper .ba-settings-toolbar> label.active i:not(.zmdi-help),
.ba-settings-toolbar label[data-option="horizontal_align"].active i,
.ba-settings-toolbar label[data-option="content_align"].active i {
    color: #2ba7f4;
}

.ba-settings-item.on-scroll-animations-wrapper .ba-settings-toolbar> label:hover i:not(.zmdi-help),
.ba-settings-toolbar label[data-option="horizontal_align"]:hover i,
.ba-settings-toolbar label[data-option="content_align"]:hover i {
    color: #1da6f4;
}

.ba-settings-toolbar {
    padding-right: 0; 
    height: auto;
}

.slideshow-options .ba-settings-toolbar {
    padding: 0;
    margin-left: -10px;
}

.theme-typography-options .ba-settings-toolbar {
    margin-top: 25px;
}

.ba-settings-toolbar > label,
.theme-typography-options .ba-settings-toolbar > label {
    position: relative;
}

.ba-modal-cp:not(#intro-post-settings-dialog):not(#menu-settings-dialog):not(#tabs-settings-dialog):not(#blog-posts-settings-dialog):not(#recent-posts-settings-dialog) .theme-typography-options > div > div:nth-child(2):nth-child(3) {
    z-index: 1;
}

#yandex-maps-item-dialog .minicolors-input,
#content-slider-add-item .minicolors-input,
.ba-settings-item .minicolors.minicolors-theme-bootstrap .minicolors-input {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    color: #999;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    height: 37px;
    outline: none;
    padding-left: 45px;
    vertical-align: sub;
    width: 110px;
}

#shape-dividers-settings-tab .ba-settings-item .minicolors.minicolors-theme-bootstrap .minicolors-input {
    color: #566e78;
}

#yandex-maps-item-dialog .minicolors-input,
#content-slider-add-item .minicolors-input {
    padding: 4px 6px 4px 45px;
}

.ba-settings-item .minicolors-input.minicolors-top + span + .minicolors-panel {
    bottom: 35px !important;
    top: auto !important;
}

.blog-post-editor-options-group[data-field-type="range"] .ba-range-wrapper input[type="range"] + input[type="number"],
.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="number"],
input[type="number"].minicolors-opacity {    
    margin: 0;
    width: 55px !important;
}

.ba-settings-group .ba-settings-item > span.minicolors-opacity-wrapper {
    margin-right: -20px;
    position: relative;
    width: auto;
}

#text-editor-dialog .ba-active-options > div,
.ba-modal-cp .ba-active-options > div {
    opacity: 0;
    transform: translateY(20px)!important;
    transition: none !important;
}

#text-editor-dialog .text-editor-general-cell div,
.ba-modal-cp div:not(.tab-pane):not(.minicolors-panel) {
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transform: none;
}

.deeper-sorting-container {
    padding-left: 25px;
    box-sizing: border-box;
    width: 100%;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(1),
.ba-modal-cp .parallax-options > div:nth-child(1),
.ba-modal-cp .contain-size-options > div:nth-child(1),
.ba-modal-cp .background-options > div > div:nth-child(1),
.ba-modal-cp .theme-typography-options > div > div:nth-child(1) {
    transition-delay: .05s;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(2),
.ba-modal-cp .parallax-options > div:nth-child(2),
.ba-modal-cp .contain-size-options > div:nth-child(2),
.ba-modal-cp .background-options > div > div:nth-child(2),
.ba-modal-cp .theme-typography-options > div > div:nth-child(2) {
    transition-delay: .1s;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(3),
.ba-modal-cp .background-options > div > div:nth-child(3),
.ba-modal-cp .theme-typography-options > div > div:nth-child(3) {
    transition-delay: .15s;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(4),
.ba-modal-cp .background-options > div > div:nth-child(4),
.ba-modal-cp .theme-typography-options > div > div:nth-child(4) {
    transition-delay: .2s;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(5),
.ba-modal-cp .background-options > div > div:nth-child(5),
.ba-modal-cp .theme-typography-options > div > div:nth-child(5) {
    transition-delay: .25s;
}

#text-editor-dialog .text-editor-general-cell div:nth-child(6),
.ba-modal-cp .background-options > div > div:nth-child(6),
.ba-modal-cp .theme-typography-options > div > div:nth-child(6) {
    transition-delay: .3s;
}

.ba-modal-cp .theme-typography-options > div > div:nth-child(7) {
    transition-delay: .35s;
}

.ba-modal-cp .theme-typography-options > div > div:nth-child(8) {
    transition-delay: .4s;
}

@keyframes background-options {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

#text-editor-dialog .text-typography-options{
    animation: background-options .2s both;
    transition: none !important;
    transform: none !important;
}

#customer-info-settings-dialog[data-edit="submission-form"] .ba-settings-group.items-list,
#customer-info-settings-dialog[data-edit="checkout-form"] .submission-form-options,
.ba-modal-cp[data-edit="submit-button"] .countdown-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .counter-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .field-button-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .icon-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .scroll-to-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .scrolltop-options:not(.button-options),
.ba-modal-cp[data-edit="submit-button"] .tags-options:not(.button-options),
#section-settings-dialog[data-edit="flipbox"] .background-settings-group .settings-group-title,
.ba-modal-cp[data-edit="related-posts"] .recent-posts-options.related-posts-options li[data-value="order_list"],
.ba-modal-cp[data-edit="store-search"] .ba-search-options,
.ba-modal-cp[data-edit="search"] .ba-store-search-options,
.ba-modal-cp[data-edit="product-slideshow"] .slideset-options:not(.slideshow-options),
.ba-modal-cp[data-edit="product-slideshow"] .carousel-options:not(.slideshow-options),
.ba-modal-cp[data-edit="product-slideshow"] .not-field-slideshow,
.ba-modal-cp[data-edit="product-slideshow"] .slideshow-style-custom-select li[data-value="title"],
.ba-modal-cp[data-edit="product-slideshow"] .slideshow-style-custom-select li[data-value="description"],
.ba-modal-cp[data-edit="product-slideshow"] .slideshow-style-custom-select li[data-value="button"],
.advanced-apps-editor #add-plugin-dialog [data-plugin="ba-sticky-header"],
.blog-post-editor-parent #add-plugin-dialog [data-plugin="ba-sticky-header"],
.ba-modal-cp[data-edit="simple-gallery"] .field-simple-gallery-options:not(.simple-gallery-options),
.ba-modal-cp[data-edit="field-slideshow"] .slideset-options:not(.slideshow-options),
.ba-modal-cp[data-edit="field-simple-gallery"] .gridbox-gallery-options:not(.field-simple-gallery-options),
.ba-modal-cp[data-edit="field-simple-gallery"] .simple-gallery-options:not(.field-simple-gallery-options),
.ba-modal-cp[data-edit="field-simple-gallery"] .slideshow-options:not(.field-simple-gallery-options),
.ba-modal-cp[data-edit="field-slideshow"] .carousel-options:not(.slideshow-options),
.ba-modal-cp[data-edit="field-slideshow"] .not-field-slideshow,
.ba-modal-cp[data-edit="field-slideshow"] .slideshow-style-custom-select li[data-value="title"],
.ba-modal-cp[data-edit="field-slideshow"] .slideshow-style-custom-select li[data-value="description"],
.ba-modal-cp[data-edit="field-slideshow"] .slideshow-style-custom-select li[data-value="button"],
.photo-editor-enabled .files-context-menu .edit-image,
.ba-modal-cp[data-edit="logo"] #item-design-options .ba-settings-group:nth-child(4), 
.ba-modal-cp[data-edit="sticky-header"] #section-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="cookies"] #section-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp:not([data-edit="mega-menu-section"]) .full-group .ba-settings-item:nth-child(4),
.ba-modal-cp:not([data-edit="mega-menu-section"]) .full-group .ba-settings-item:nth-child(1),
body:not(.desktop) .ba-modal-cp[data-edit="mega-menu-section"] .full-group,
.ba-modal-cp[data-edit="mega-menu-section"] .full-group .ba-settings-item:nth-child(3),
.ba-modal-cp[data-edit="mega-menu-section"] #section-layout-options .ba-settings-group:nth-child(6),
.ba-modal-cp[data-edit="mega-menu-section"] #section-general-options .ba-settings-group:nth-child(6),
.ba-modal-cp[data-edit="mega-menu-section"] #section-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="mega-menu-section"] #section-layout-options .ba-settings-group:nth-child(5) .ba-settings-item:nth-child(6),
.ba-modal-cp[data-edit="mega-menu-section"] #section-background-options .shape-divider-options,
.ba-modal-cp[data-edit="mega-menu-section"] #section-background-options .ba-settings-group:nth-child(4),
.ba-modal-cp:not([data-edit="column"]) .mobile-column-width,
.ba-modal-cp:not([data-edit="simple-gallery"]):not([data-edit="field-simple-gallery"]) .gridbox-gallery-options,
.ba-modal-cp:not([data-edit="simple-gallery"]):not([data-edit="field-simple-gallery"]) .simple-gallery-options,
.ba-modal-cp:not([data-edit="simple-gallery"]):not([data-edit="field-simple-gallery"]) .field-simple-gallery-options,
.ba-modal-cp[data-edit="simple-gallery"] .gridbox-gallery-options:not(.simple-gallery-options),
.ba-modal-cp:not([data-edit="video"]) .video-item-options,
.ba-modal-cp:not([data-edit="search-result"]) .search-result-options,
.ba-modal-cp[data-edit="search-result"] .recent-posts-options,
.ba-modal-cp[data-edit="post-navigation"] #recent-posts-general-options .ba-settings-group:nth-child(2),
.ba-modal-cp[data-edit="post-navigation"] #recent-posts-general-options .ba-settings-group:nth-child(1),
.ba-modal-cp:not([data-edit="recent-posts"]) .recent-posts-options:not(.related-posts-options),
.ba-modal-cp:not([data-edit="related-posts"]) .related-posts-options:not(.recent-posts-options),
.ba-modal-cp[data-edit="lightbox"] #section-general-options .ba-settings-group:nth-child(4),
.ba-modal-cp[data-edit="lightbox"] #section-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="overlay-section"] #lightbox-general-options .ba-settings-group:nth-child(4),
.ba-modal-cp[data-edit="overlay-section"] #section-layout-options .ba-settings-group:nth-child(3),
.ba-modal-cp[data-edit="cookies"] #section-layout-options .ba-settings-group:nth-child(2),
.ba-modal-cp[data-edit="cookies"] #section-general-options .ba-settings-group:nth-child(4),
.ba-modal-cp:not([data-edit="lightbox"]):not([data-edit="cookies"]) .lightbox-options,
.ba-modal-cp:not([data-edit="overlay-section"]) .overlay-section-options,
.ba-modal-cp[data-edit="slideshow"] .slideset-options:not(.slideshow-options),
.ba-modal-cp[data-edit="slideshow"] .carousel-options:not(.slideshow-options),
.ba-modal-cp[data-edit="slideset"] .slideshow-options:not(.slideset-options),
.ba-modal-cp[data-edit="slideset"] .carousel-options:not(.slideset-options),
.ba-modal-cp[data-edit="carousel"] .slideshow-options:not(.carousel-options),
.ba-modal-cp[data-edit="carousel"] .slideset-options:not(.carousel-options),
.ba-modal-cp[data-edit="lightbox"] #lightbox-general-options .ba-settings-group:nth-child(4),
.ba-modal-cp[data-edit="cookies"] #lightbox-general-options .ba-settings-group:nth-child(4),
.ba-modal-cp[data-edit="tabs"] .accordion-options,
.ba-modal-cp[data-edit="accordion"] .tabs-options,
.ba-modal-cp[data-edit="nav-menu"] .sub-menu-options:not(.nav-menu-options),
.ba-modal-cp[data-edit="nav-menu"] .dropdown-options,
.ba-modal-cp[data-edit="sub-menu"] .nav-menu-options:not(.sub-menu-options),
.ba-modal-cp[data-edit="sub-menu"] .dropdown-options,
.ba-modal-cp[data-edit="dropdown"] .nav-menu-options,
.ba-modal-cp[data-edit="dropdown"] .sub-menu-options,
.ba-modal-cp[data-edit="icon"] .button-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .countdown-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .counter-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .field-button-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .scroll-to-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .scrolltop-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .tags-options:not(.icon-options),
.ba-modal-cp[data-edit="field-button"] .button-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .countdown-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .counter-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .icon-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .scroll-to-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .scrolltop-options:not(.field-button-options),
.ba-modal-cp[data-edit="field-button"] .tags-options:not(.field-button-options),
.ba-modal-cp[data-edit="counter"] .button-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .countdown-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .field-button-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .icon-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .scroll-to-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .scrolltop-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .tags-options:not(.counter-options),
.ba-modal-cp[data-edit="countdown"] .button-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .counter-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .field-button-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .icon-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .scroll-to-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .scrolltop-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .tags-options:not(.countdown-options),
.ba-modal-cp[data-edit="scroll-to-top"] .button-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .countdown-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .counter-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .field-button-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .icon-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .scroll-to-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to-top"] .tags-options:not(.scrolltop-options),
.ba-modal-cp[data-edit="scroll-to"] .button-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .countdown-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .counter-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .field-button-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .icon-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .scrolltop-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .tags-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="overlay-button"] .button-link-options,
.ba-modal-cp[data-edit="overlay-button"] .countdown-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .counter-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .field-button-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .icon-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .scroll-to-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .scrolltop-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .tags-options:not(.button-options),
.ba-modal-cp[data-edit="post-tags"] .button-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .countdown-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .counter-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .field-button-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .icon-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .scroll-to-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .scrolltop-options:not(.post-tags-options),
.ba-modal-cp[data-edit="post-tags"] .tags-options:not(.post-tags-options),
.ba-modal-cp[data-edit="tags"] .button-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .countdown-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .counter-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .field-button-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .icon-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .scroll-to-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .scrolltop-options:not(.tags-options),
.ba-modal-cp[data-edit="button"] .countdown-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .counter-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .field-button-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .icon-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .scroll-to-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .scrolltop-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .tags-options:not(.button-options),
.ba-modal-cp:not([data-edit="submit-button"]) .submit-button-options,
.ba-modal-cp:not([data-edit="header"]) .header-options,
.ba-modal-cp:not([data-edit="disqus"]) .disqus-options,
.ba-modal-cp:not([data-edit="logo"]) .logo-options,
.ba-modal-cp:not([data-edit="footer"]) .typography-group,
.left-context-menu.section-page-blocks-list .tab-content > .tab-pane,
.ba-modal-cp:not([data-edit="image-field"]) .image-field-only {
    display: none;
}

.settings-group-title + .ba-settings-toolbar {
    margin-top: 5px;
}

.sticky-header-options input[type="number"],
.ba-modal-cp .ba-custom-select,
.ba-settings-item .ba-range-wrapper,
.ba-settings-item > input[type="text"],
.ba-modal-lg .tab-content .text-editor-general-cell .ba-settings-item > label:not(.ba-help-icon),
.ba-settings-item > label,
.ba-settings-item > span {
    display: inline-block;
    float: left;
    margin: 0;
    width: 60%;
}

.ba-settings-item .ba-range-wrapper {
    display: inline-flex;
    align-items: center;
}

.ba-modal-cp .ba-custom-select.select-modal-cp-position {
    float: none;
    text-align: left;
    width: auto;
}

#versions-global-settings-tab input[type="number"],
.animation-appearance-action-wrapper input[type="text"],
.sticky-header-options input[type="number"],
#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div > input,
#yandex-maps-item-dialog .ba-group-element:nth-child(2) input,
input[type="number"].images-max-size,
input[type="number"].upload-images-size,
.ba-lg-custom-select input[type="text"],
.select-favicon span,
#media-options .select-intro-image span,
#map-item-dialog .select-input,
.ba-group-element .ba-btn span,
#mobile-options input[type="number"],
.apps-select-wrapper .selected-apps .search-app input,
.apps-select-wrapper .selected-apps .chosen-app span,
.tags-categories .selected-categories .search-category input,
.tags-categories .selected-categories .chosen-category span,
.tags-type-options .post-tags-list .tags-chosen span,
.tags-type-options .post-tags-list .trigger-post-tags-modal input,
#star-ratings-general-options .ba-settings-group .input-resize > textarea,
.container-icon input[type="text"],
.ba-modal-lg .tab-content .picked-tags,
.ba-modal-lg .tab-content textarea,
.ba-modal-lg .tab-content input[type="text"],
.ba-modal-cp .ba-custom-select input,
.ba-modal-cp .ba-settings-item > input[readonly],
.ba-modal-cp .ba-settings-item > input[type="text"] {
    background: transparent !important;
    box-shadow: none;
    border: none;
    color: #1a1a1a;
    font: 400 18px/21px "Roboto", sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
}

.ba-modal-lg .tab-content input[type="text"].select-intro-image::-webkit-input-placeholder, 
.ba-modal-lg .tab-content input[type="text"].select-favicon::-webkit-input-placeholder,
#openstreetmap-item-dialog .select-input[data-option="icon"]::-webkit-input-placeholder,
#map-item-dialog .select-input[data-option="icon"]::-webkit-input-placeholder,
.select-input:not(.select-item-icon):not(.select-end-point):not(.disable-webkit-placeholder)::-webkit-input-placeholder {
    color: #1a1a1a;
    font: 400 18px/21px "Roboto", sans-serif !important;
    text-transform: capitalize !important;
}

.ba-modal-lg .tab-content input[type="text"].select-intro-image::-moz-input-placeholder,
.ba-modal-lg .tab-content input[type="text"].select-favicon::-moz-input-placeholder,
#openstreetmap-item-dialog .select-input[data-option="icon"]::-moz-placeholder,
#map-item-dialog .select-input[data-option="icon"]::-moz-placeholder,
.select-input:not(.select-item-icon):not(.select-end-point):not(.disable-webkit-placeholder)::-moz-placeholder {
    color: #1a1a1a;
    font: 400 18px/21px "Roboto", sans-serif !important; 
    text-transform: capitalize !important;
}

.ba-states-toggle .ba-checkbox input ~ span,
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox input ~ span,
.sorting-container .sorting-item .sorting-checkbox label span,
#product-variations-photos-dialog .ba-checkbox input ~ span,
#blog-post-editor-fields-options .ba-checkbox input ~ span,
#content-slider-add-item .ba-group-element .ba-checkbox span,
#site-dialog .ba-group-element .ba-checkbox span,
#map-item-dialog .ba-group-element .ba-checkbox span,
#openstreetmap-item-dialog .ba-group-element .ba-checkbox span,
#editor-options .ba-group-element .ba-checkbox span,
#slideshow-add-item .ba-group-element .ba-checkbox span,
.ba-checkbox-parent .ba-checkbox span,
.ba-settings-group .ba-settings-item .ba-checkbox span {
    border-radius: 3px;
    border: 2px solid #757575;
    box-sizing: border-box;
    display: block;
    height: 20px;
    top: 10px;
    position: absolute;
    width: 20px;
}

.ba-settings-group .ba-settings-item.add-to-cart-attachment .ba-checkbox span {
    top: 13px;    
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox span,
#section-animations-settings-tab .ba-settings-item .ba-checkbox span,
#edit-custom-info-dialog .ba-checkbox-parent .ba-checkbox span {
    top: 0;
}

.sorting-container .sorting-item .sorting-checkbox label span {
    top: -10px; 
}

.blog-post-editor-options-group .sorting-container .sorting-item .sorting-checkbox label span {
    left: -15px; 
}

.sorting-container .sorting-item .sorting-checkbox + .sorting-title {
    margin-left: 20px;
}

.version-history-item-title {
    cursor: pointer;
    line-height: 40px;
}

.version-history-item-title i {
    vertical-align: inherit ;
}

#edit-custom-info-dialog .ba-custom-select input {
    margin-bottom: 25px !important;
}

#settings-dialog .ba-custom-author-select input[type="text"],
#settings-dialog .tab-content .ba-custom-select input[type="text"],
#settings-dialog .container-icon input[type="text"] {
    width: 255px;
}

.ba-settings-group .ba-settings-item .ba-checkbox input[disabled] + span {
    cursor: not-allowed;
    border-color: #757575 !important;
    background: #757575 !important;
    opacity: .5;
}

#editor-options .ba-group-element .ba-checkbox span {
    top: 25px
}

input[type="number"].upload-images-size,
input[type="number"].images-max-size,
#mobile-options input[type="number"] {
    width: 70px;
}

#openstreetmap-item-dialog .modal-body .tab-content div > .ba-group-title:first-child,
#yandex-maps-item-dialog .modal-body .tab-content div > .ba-group-title:first-child,
#map-item-dialog .modal-body .tab-content div > .ba-group-title:first-child,
#site-dialog .modal-body .tab-content div > .ba-group-title:first-child {
    margin-top: 0;
}

@keyframes click-wave {
    0% { left: -1px; top: -1px;width: 19px; height: 19px; opacity: 0.35;}
    100% { width: 50px; height: 50px; left: -17px; top: -17px; opacity: 0;}
}

.sorting-container .sorting-item .sorting-checkbox label input:checked + span:before,
#product-variations-photos-dialog .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#blog-post-editor-fields-options .ba-radio input[type="radio"]:checked + span:after, 
#blog-post-editor-fields-options .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#content-slider-add-item .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#site-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#openstreetmap-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#map-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#editor-options .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:before,
#slideshow-add-item .ba-group-element .ba-checkbox input[type="checkbox"]:checked + span:before,
.ba-checkbox-parent .ba-checkbox input[type="checkbox"]:checked + span:before,
.ba-settings-group .ba-settings-item .ba-checkbox input:checked + span:before {
    animation: click-wave 0.65s;
    background: #1da6f4;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox span:before,
#section-animations-settings-tab .ba-settings-item .ba-checkbox span:before {
    display: none !important;
}

.sorting-container .sorting-item .sorting-checkbox label input:checked + span:after,
#product-variations-photos-dialog .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#blog-post-editor-fields-options .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#content-slider-add-item .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#site-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#openstreetmap-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#map-item-dialog .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#editor-options .ba-group-element .ba-checkbox input[type="checkbox"]:checked ~ span:after,
#slideshow-add-item .ba-group-element .ba-checkbox input[type="checkbox"]:checked + span:after,
.ba-checkbox-parent .ba-checkbox input[type="checkbox"]:checked + span:after,
.ba-settings-group .ba-settings-item .ba-checkbox input:checked + span:after {
    color: #fff;
    content: '\f26b';
    display: block;
    font: normal normal normal 16px/16px 'Material-Design-Iconic-Font';
    text-align: center;
}

.sorting-container .sorting-item .sorting-checkbox label input:checked + span,
#product-variations-photos-dialog .ba-checkbox input:checked ~ span,
#blog-post-editor-fields-options .ba-checkbox input:checked ~ span,
#content-slider-add-item .ba-group-element .ba-checkbox input:checked ~ span,
#site-dialog .ba-group-element .ba-checkbox input:checked ~ span,
#openstreetmap-item-dialog .ba-group-element .ba-checkbox input:checked ~ span,
#map-item-dialog .ba-group-element .ba-checkbox input:checked ~ span,
#editor-options .ba-group-element .ba-checkbox input:checked ~ span,
#slideshow-add-item .ba-group-element .ba-checkbox input:checked + span,
.ba-checkbox-parent input[type="checkbox"]:checked + span,
.ba-settings-group .ba-settings-item .ba-checkbox input:checked + span {
    border-color: #4285f4;
    background: #4285f4;
}

.animation-appearance-action-wrapper i.zmdi-caret-down,
.shape-divider-action-wrapper i.zmdi-caret-down,
.ba-settings-group .ba-lg-custom-select .zmdi-caret-down,
.ba-settings-group .ba-custom-select .zmdi-caret-down {
    right: 20px;
    top: 10px;
    z-index: 10;
}

.ba-settings-group .ba-lg-custom-select ul,
.ba-context-menu.save-image-context-menu,
.ba-settings-group .ba-custom-select ul {
    margin-left: 175px;
    margin-top: 40px;
    transform: translateX(-100%);
}

.ba-custom-select.event-calendar-layout-select ul,
.ba-modal-lg .ba-custom-select.google-maps-places-app-select ul,
.ba-settings-group .background-options .ba-custom-select ul,
.ba-settings-group .ba-custom-select.video-select ul {
    top: 40px !important;
    margin-top: 0;
}

.animation-appearance-action-wrapper,
.shape-divider-action-wrapper,
.ba-modal-cp .ba-settings-item > input.select-spinner,
.ba-lg-custom-select,
.ba-settings-group .ba-settings-item input[data-option="font-family"],
.ba-settings-group .ba-settings-item input[data-option="font-weight"],
.ba-settings-group .ba-custom-select {
    margin-right: -15px !important;
    width: 185px;
}

#on-scroll-animations-settings-tab .blur-animation-options,
#on-scroll-animations-settings-tab .opacity-animation-options,
#on-scroll-animations-settings-tab .translateX-animation-options,
#on-scroll-animations-settings-tab .translateY-animation-options,
#on-scroll-animations-settings-tab .rotate-animation-options,
#on-scroll-animations-settings-tab .ba-settings-item:last-child,
#section-animations-settings-tab .ba-settings-item:first-child {
    overflow: visible;
    padding: 20px;
}

.dark-custom-select.ba-custom-select {
    width: 100%
}

.ba-settings-item .dark-custom-select.ba-custom-select > i {
    color: #566e78;
    top: 4px;
}

.ba-settings-item .dark-custom-select.ba-custom-select li:hover * {
    color: #fff;
}

.ba-settings-item .dark-custom-select.ba-custom-select ul {
    border-radius: 6px;
    border: none;
    margin-left: 0;
    margin-top: -110px;
    transform: none;
    max-width: 100%;
    background: #323649;
}

.ba-settings-item.translateX-animation-options .dark-custom-select.set-on-scroll-direction ul {
    margin-top: -300px;
}

@keyframes animations-settings {
    0%{  max-height: 2px; }
    100%{  max-height: 348px; }
}

.dark-custom-select.ba-custom-select ul.visible-select {
    animation: animations-settings .4s cubic-bezier(.25,.98,.26,.99) both;  
}

.dark-custom-select.ba-custom-select ul li {
    color: #fff;
}

.dark-custom-select.ba-custom-select ul li:hover *,
.dark-custom-select.ba-custom-select ul li:hover {
    background: #5bdda2 !important;
}

.dark-custom-select.ba-custom-select ul li i {
    color: #5bdda2 ;
}

.dark-custom-select.ba-custom-select ul li:before {
    color: #556f7c;
} 

#section-animations-settings-tab .ba-settings-item .ba-custom-select ul::-webkit-scrollbar-thumb ,
#on-scroll-animations-settings-tab .ba-settings-item .ba-custom-select ul::-webkit-scrollbar-thumb {
    background: #56717e;
    border-radius: 6px;
}

.ba-settings-group .ba-custom-select.aspect-ratio-select {
    margin-right: 0 !important  
}

.shape-divider-action-wrapper input[type="text"],
.ba-lg-custom-select input[type="text"],
.ba-settings-group .ba-custom-select input {
    border: none;
    margin: 0;
}

.shape-divider-action-wrapper input[type="text"] {
    font: 400 18px/21px "Roboto", sans-serif;
    color: #1a1a1a;
    height: auto;
}

.ba-modal-cp .select-input:not(.select-item-icon).select-end-point,
.ba-modal-cp .select-input:not(.select-item-icon):not(.select-end-point) {
    margin-left: -12px !important;
    padding-left: 35px !important;
    text-overflow: ellipsis;
    transition: all .2s 0s ease-in-out;
    width: 160px;
    z-index: 1;
}

.ba-settings-item.menu-options .select-input.select-mainmenu,
.ba-settings-group.modules-options .select-input.reselect-module {
    padding-right: 0 !important
}

.ba-settings-item.menu-options .select-input.select-mainmenu,
.image-options > .ba-settings-item:first-child input[data-type="upload-image"] {
    width: 185px !important;
    margin-left: -10px !important;
}

.ba-modal-cp .ba-settings-item > input.select-preloader-image,
.ba-modal-cp .ba-settings-item > input[data-type="upload-image"] {
    width: 180px !important;
}

.select-intro-image + i,
.select-favicon + i,
.select-input + i {
    line-height: 20px;
    pointer-events: none;
    position: absolute;
    right: 215px;
    top: 12px;
    z-index: 1;
}

.integrations-configuration-wrapper > span,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select > input,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select .ba-lg-custom-select-header span,
.variations-table-header .variations-table-row .variations-table-cell,
#blog-post-editor-fields-options .product-options-title-wrapper,
.users-table-list .ba-group-element label,
.tab-content .left-tabs .tab-content .tab-pane .option-label,
#blog-post-editor-fields-options .blog-post-editor-group-element label:not(.ba-help-icon),
.blog-post-editor-right-panel .blog-post-editor-group-element label:not(.ba-help-icon),
.sc-btn-wrapper span,
.minicolors-user-colors > p,
.library-title,
.menu .ba-group-element label,
.modules .ba-group-element label,
.baforms .ba-group-element label,
.bagallery .ba-group-element label,
#add-section-dialog .columns-wrapper + div span,
.ba-modal-lg .tab-content div:not(.ba-settings-toolbar)> label:not(.ba-help-icon),
.ba-group-element .font-style,
.ba-settings-toolbar > div span,
.ba-settings-group .ba-settings-item > span {
    cursor: default;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    width: 40%;
}

#versions-global-settings-tab .ba-settings-group .ba-settings-item > span.cleanup-versions-history {
    border-radius: 3px;
    box-sizing: border-box;
    color: #1a1a1a;
    cursor: pointer;
    font: 400 18px/21px "Roboto", sans-serif;
    letter-spacing: 0;
    margin-left: -10px;
    padding-right: 20px !important;
    padding: 10px !important;
    text-transform: none;
    transition: all .2s 0s ease-in-out;
    width: 185px;
}

#versions-global-settings-tab input[type="number"] {
    width: 65px;
}

#blog-post-editor-fields-options .blog-post-editor-group-element label:not(.ba-help-icon):not(.ba-checkbox):not(.ba-radio){
    width: 100% !important;
}

.ba-settings-group .ba-settings-item > span.category-list-fields-wrapper {
    width: 40%;
}

.ba-modal-cp .tab-content {
    height: var(--modal-cp-height);
    min-height: 200px;
    padding-bottom: 35px;
}

.ba-modal-cp .tab-pane {
    bottom: 35px;
    box-sizing: border-box;
    height: calc(100% - 95px);
    min-height: 200px;
    overflow: visible;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 10px;
    position: absolute;
    width: 400px;
}


[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .tab-pane {
    bottom: 0;
    height: calc(100% - 60px);
}

.version-history-item:not(.active) .version-history-item-icons i:hover,
#seo-options .tab-content .ba-group-element .input-action-icon i:hover,
.ba-states-wrapper.active-states .ba-states-icons-wrapper > span.active,
.ba-states-wrapper.active-states .ba-states-icons-wrapper > span:hover,
.ba-states-icon.active i,
.ba-states-wrapper .ba-states-icons-wrapper i:hover,
#field-general-options .ba-settings-group .add-new-item i:hover,
.unpublished-sorting-item i.unpublish-sorting-item,
.ba-settings-group .sorting-toolbar i:hover,
.sorting-container i:hover,
.dropdown-customer-info-options i:hover,
#group-field-item-dialog .add-new-item i:hover,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper .add-new-item i:hover,
.blog-post-editor-right-panel label + .field-sorting-wrapper .add-new-item i:hover,
#blog-post-editor-fields-options .blog-post-editor-group-element .container-icon .icons-cell:hover,
.blog-post-editor-right-panel .blog-post-editor-group-element .container-icon .icons-cell:hover,
.ba-lg-custom-select-header span i:hover,
.reset-text-typography:hover,
.joomla-admin .fa-joomla:hover,
.ba-settings-toolbar > label i:hover,
.ba-settings-toolbar > label.active i,
.ba-settings-toolbar .zmdi-close[data-type="reset"]:hover,
.left-context-menu.ba-context-menu .ba-library-item span:last-child i:hover,
#menu-item-edit-modal .ba-input-lg + div .reset-element-icon i:hover,
#one-page-item-modal .ba-input-lg + div .reset-element-icon i:hover,
#add-new-element-modal .ba-input-lg + div .reset-element-icon i:hover,
.ba-sidebar .zmdi:hover,
.reset:hover i,
.ba-modal-cp .ba-settings-toolbar > label.active i,
.ba-modal-cp .ba-settings-toolbar i:not(.zmdi-help):hover {
    background: #ddd;
}

#yandex-maps-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#map-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#custom-html-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
.input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="number"],
.ba-range-wrapper input[type="range"] + input[type="text"],
input[type="number"].images-quality,
input[type="number"].adaptive-quality,
input[type="number"].upload-images-quality, 
#color-picker-cell .variables-color-picker.minicolors-input,
#editor-options .ba-range-wrapper input[type="range"] + input[type="number"],
input[type="number"].lightbox-settings-input,
input[type="number"].minicolors-opacity,
#openstreetmap-editor-dialog .ba-settings-toolbar > div >input[type="text"],
#yandex-maps-editor-dialog .ba-settings-toolbar > div >input[type="text"],
#map-editor-dialog .ba-settings-toolbar > div >input[type="text"],
.ba-settings-toolbar > div > input[type="text"],
.ba-settings-item input[type="range"] + input[type="number"] {
    background: transparent;
    border: none;
    color: #999;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    width: 60px;
}

.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="number"],
.ba-range-wrapper input[type="range"] + input[type="text"],
#editor-options .ba-range-wrapper input[type="range"] + input[type="number"],
.ba-settings-item input[type="range"] + input[type="number"] {
    box-shadow: none !important;
    line-height: 20px;
    margin-left: 15px;
    margin-right: -20px;
    padding: 4px 6px;
}

.ba-modal-lg .ba-range-wrapper input[type="range"] + input[type="number"],
.ba-modal-lg .ba-settings-item input[type="range"] + input[type="number"] {
    margin-left: 20px;
}

.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"] {
    margin-right: 0;
}

#map-editor-dialog input[data-option="height"],
.ba-modal-cp .ba-settings-item .image-width input[data-option="width"] {
    width: 59px !important;
}

.ba-settings-group label.ba-help-icon {
    position: absolute;
    right: 25px;
    top: 14px;
    width: auto;
    z-index: 15;
}

.ba-settings-group label.ba-help-icon i {
    font-size: 16px;
}

.ba-group-element .ba-range-wrapper input,
#editor-options .ba-range-wrapper input,
.ba-settings-group .ba-settings-item .ba-range-wrapper input {
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 91px ;
}

.version-history-item.active .version-history-item-icons i:hover {
    opacity: .5;
}

#photo-editor-dialog .ba-settings-group .ba-settings-item .ba-range-wrapper input {
    width: 65px;
}

#on-scroll-animations-settings-tab .ba-settings-item input[type="number"],
#section-animations-settings-tab .ba-settings-item input[type="number"],
#shape-dividers-settings-tab .ba-settings-item input[type="number"],
.cubic-bezier-settings-wrapper .ba-settings-item > input[type="number"],
.states-transition-wrapper .ba-settings-item > input[type="number"],
.advanced-shadow-settings-wrapper .ba-settings-item > input[type="number"],
.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range] {
    margin: 0;
}

#on-scroll-animations-settings-tab .ba-settings-item input[type="number"],
#section-animations-settings-tab .ba-settings-item input[type="number"],
#shape-dividers-settings-tab .ba-settings-item input[type="number"],
.cubic-bezier-settings-wrapper .ba-settings-item > input[type="number"],
.states-transition-wrapper .ba-settings-item > input[type="number"],
.advanced-shadow-settings-wrapper .ba-settings-item > input[type="number"] {
    background: #2f3243 !important;
    color: #566e78;
    font-weight: 500;
    padding-right: 0;
    text-align: left;
    width: 50px !important;
}

#on-scroll-animations-settings-tab .ba-settings-item input::-webkit-outer-spin-button,
#on-scroll-animations-settings-tab .ba-settings-item input::-webkit-inner-spin-button,
#section-animations-settings-tab .ba-settings-item input::-webkit-outer-spin-button,
#section-animations-settings-tab .ba-settings-item input::-webkit-inner-spin-button,
#shape-dividers-settings-tab .ba-settings-item > input::-webkit-outer-spin-button,
#shape-dividers-settings-tab .ba-settings-item > input::-webkit-inner-spin-button ,
.cubic-bezier-settings-wrapper .ba-settings-item > input::-webkit-outer-spin-button,
.states-transition-wrapper .ba-settings-item > input::-webkit-outer-spin-button,
.cubic-bezier-settings-wrapper .ba-settings-item > input::-webkit-inner-spin-button ,
.states-transition-wrapper .ba-settings-item > input::-webkit-inner-spin-button ,
.advanced-shadow-settings-wrapper .ba-settings-item > input::-webkit-outer-spin-button,
.advanced-shadow-settings-wrapper .ba-settings-item > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ba-group-element .ba-range-wrapper input[type=range] {
    width: 91px!important;
}

.ba-slider-wrapper input[type=range],
.ba-range-wrapper input[type=range] {
    -webkit-appearance: none;
    background-color: transparent;
    height: 45px;
    width: 65%;
}

.ba-slider-wrapper input[type=range]:focus,
.ba-range-wrapper input[type=range]:focus {
    border-color: transparent;
    outline: none;
}

.ba-slider-wrapper input[type=range]::-webkit-slider-runnable-track,
.ba-range-wrapper input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    height: 2px;
}

.ba-slider-wrapper input[type=range]::-webkit-slider-thumb,
.ba-range-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-image: none;
    background: #1ea6f4;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin-top: -9px;
    -webkit-transition: transform 0.1s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    width: 20px;
}

.ba-slider-wrapper input[type=range]::-webkit-slider-thumb:hover,
.ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 157, 220, 0.3);
}

.ba-slider-wrapper input[type=range]::-moz-range-track ,
.ba-range-wrapper input[type=range]::-moz-range-track {
    background: transparent;
    height: 2px;
    border: none;
}

.ba-slider-wrapper input[type=range]::-moz-range-thumb,
.ba-range-wrapper input[type=range]::-moz-range-thumb {
    background: #02adea;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    -moz-transition: transform 0.1s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
}

.ba-slider-wrapper input[type=range]::-moz-range-thumb:hover,
.ba-range-wrapper input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 157, 220, 0.3);
}

#on-scroll-animations-settings-tab .ba-settings-item > .ba-slider-text-wrapper {
    color: #566e78;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
    position: absolute;
    right: 20px;
    text-align: right;
    text-transform: none;
    top: 10px;
}

input[type=range].ba-range::-ms-track {
    background: #f3f3f3;
    border: none;
    height: 2px;
}

input[type=range].ba-range::-ms-thumb {
    background: #02adea;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    -ms-transition: transform 0.1s linear 0s, box-shadow 0.2s linear 0s;
}

input[type=range].ba-range::-ms-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 157, 220, 0.3);
}

input[type=range].ba-range::-ms-fill-lower {
    background: #02adea;
}

input[type=range].ba-range::-ms-fill-upper {
    background: #ddd;
}

.input-size-wrapper,
.ba-range-wrapper {
    position: relative;    
}

.input-size-wrapper {
    display: inline-block;
}

.input-size-wrapper .input-size-triggers {
    background: #d8d8d8;
    display: flex;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: none !important;
}

.input-size-wrapper .input-size-triggers i {
    font-size: 16px;
    padding: 0px 4px;
    line-height: 17px;
    width: auto;
    margin: 0;
}

.input-size-wrapper .input-size-triggers i:hover {
    background: #ccc;   
}

.input-size-wrapper:hover .input-size-triggers {
    opacity: 1
}

.ba-range-liner {
    background: #1ea6f4;
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
}

#editor-options .ba-range-liner {
    left: 275px;
}

.ba-range-wrapper:before {
    background: #ddd;
    content:"";
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 85px;
}

#photo-editor-dialog .ba-range-wrapper:before  {
    width: 65px;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper:before, 
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper:before,  
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper:before,  
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper:before, 
.states-transition-wrapper .ba-settings-item .ba-range-wrapper:before,
.advanced-shadow-settings-wrapper .ba-range-wrapper:before {
    background-color: #3e495a;
    top: calc(50% - 2.5px);
    z-index: -1;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper:before,
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper:before,
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper:before,
.states-transition-wrapper .ba-settings-item .ba-range-wrapper:before,
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper:before {
    width: 250px;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper .ba-range-liner,
#on-scroll-animations-settings-tab .ba-slider-wrapper:before, 
#on-scroll-animations-settings-tab .ba-range-wrapper .ba-range-liner,
#on-scroll-animations-settings-tab .ba-range-wrapper:before, 
#section-animations-settings-tab .ba-range-wrapper .ba-range-liner,
#section-animations-settings-tab .ba-range-wrapper:before, 
#shape-dividers-settings-tab .ba-range-wrapper .ba-range-liner,
#shape-dividers-settings-tab .ba-range-wrapper:before,
.cubic-bezier-settings-wrapper .ba-range-wrapper .ba-range-liner,
.cubic-bezier-settings-wrapper .ba-range-wrapper:before,
.states-transition-wrapper .ba-range-wrapper .ba-range-liner,
.states-transition-wrapper .ba-range-wrapper:before,
.advanced-shadow-settings-wrapper .ba-range-wrapper .ba-range-liner,
.advanced-shadow-settings-wrapper .ba-range-wrapper:before {
    border-radius: 3px;
    height: 5px;
}

#editor-options .ba-range-wrapper:before {
    left: 275px;
    top: 33px;    
}

.ba-range-liner.letter-spacing {
    left: 45px;
    max-width: 45px !important;
}

.advanced-shadow-settings-wrapper .ba-range-liner.letter-spacing {
    left: 135px;
    max-width: 135px !important;
}

#on-scroll-animations-settings-tab .ba-range-liner.letter-spacing,
#section-animations-settings-tab .ba-range-liner.letter-spacing,
#shape-dividers-settings-tab .ba-range-liner.letter-spacing,
.cubic-bezier-settings-wrapper .ba-range-liner.letter-spacing {
    left: 125px;
    max-width: 125px !important;
}

.states-transition-wrapper .ba-range-liner.letter-spacing {
    left: 100px;
    max-width: 100px !important;
}

#on-scroll-animations-settings-tab .ba-range-liner,
#section-animations-settings-tab .ba-range-liner,
#shape-dividers-settings-tab .ba-range-liner,
.cubic-bezier-settings-wrapper .ba-range-liner,
.states-transition-wrapper .ba-range-liner,
.advanced-shadow-settings-wrapper .ba-range-liner {
    top: calc(50% - 2.5px);
    z-index: -1;
}

.ba-range-liner.ba-mirror-liner {
    transform: translateX(-100%);
}

.field-range-type-options .ba-settings-toolbar > div,
.ba-settings-toolbar > div:not(:last-child) {
    float: left;
    margin-right: 10px;
    width: calc(25% - 25px);
}

.field-range-type-options .ba-settings-toolbar > div {
    margin-top: 0 !important;
}

.field-range-type-options .ba-settings-toolbar > div input {
    max-width: 100%;
    background: #e8e8e8;
    border: none;
    height: 35px;
}

.ba-settings-toolbar > div:last-child {
    margin-top: 10px;
    position: relative;
}

.ba-library-item .delete-from-library .ba-tooltip,
.ba-settings-toolbar > div:last-child .ba-tooltip {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 15px;
    text-transform: inherit;
    width: auto;
}

.trigger-advanced-shadows-wrapper i,
.reset-text-typography,
#photo-editor-dialog .tab-content > div i.zmdi-rotate-left,
.ba-settings-toolbar .zmdi-close[data-type="reset"], 
.ba-modal-cp .ba-settings-toolbar > div:last-child i.zmdi-close {
    padding: 6px 8px;
}

.trigger-advanced-shadows-wrapper i {
    line-height: 23px;
    margin-left: 10px;
    opacity: 1;    
    transition: all .3s 0s ease-in-out;
}

.trigger-advanced-shadows-wrapper i:hover {
    opacity: .75 !important;   
}

.reset:not(.reset-page-intro-image) i.zmdi-close {
    padding: 8px;
}

.reset-page-intro-image {
    position: relative;
}

.reset-testimonials-image {
    position: relative !important;
    right: 0 !important;
}

#yandex-maps-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#map-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#photo-editor-dialog .ba-settings-toolbar > div >input[type="number"],
#yandex-maps-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#map-editor-dialog .ba-settings-toolbar > div > input[type="text"],
.animation-appearance-action-wrapper input[type="text"],
.shape-divider-action-wrapper input[type="text"],
.ba-lg-custom-select input[type="text"],
.ba-settings-group .ba-custom-select input[type="text"],
#custom-html-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
.ba-settings-toolbar .input-size-wrapper input[type="text"],
.ba-settings-toolbar > div >input[type="text"] {
    box-shadow: none !important;
    width: 100%;
}

.animation-appearance-action-wrapper input[type="text"],
.shape-divider-options input[type="text"],
.ba-modal-cp .ba-settings-item > input.select-spinner,
.ba-lg-custom-select input[type="text"],
#photo-editor-dialog .ba-custom-select input[type="text"],
.ba-modal-cp .select-input:not(.select-item-icon),
#text-editor-dialog input[data-option="font-family"], 
.ba-modal-cp .ba-settings-item > input[data-type="upload-image"],
.text-editor-general-cell .ba-custom-select input[type="text"],
.ba-modal-cp .ba-custom-select input[type="text"],
.ba-modal-cp .ba-settings-item input[data-option="font-weight"],
.ba-modal-cp .ba-settings-item input[data-option="font-family"] {
    border-radius: 3px;
    padding: 10px !important;
    padding-right: 20px !important;
    margin-left: -10px;    
}

#on-scroll-animations-settings-tab .ba-settings-item > input[type="number"],
#section-animations-settings-tab .ba-settings-item > input[type="number"],
#shape-dividers-settings-tab .ba-settings-item > input[type="number"],
.cubic-bezier-settings-wrapper .ba-settings-item > input[type="number"],
.states-transition-wrapper .ba-settings-item > input[type="number"],
.advanced-shadow-settings-wrapper .ba-settings-item > input[type="number"],
.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="text"],
.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="number"],
input[type="number"].lightbox-settings-input,
input[type="number"].minicolors-opacity,
#yandex-maps-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#map-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#photo-editor-dialog .ba-settings-toolbar > div >input[type="number"],
#map-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#custom-html-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
.ba-settings-toolbar .input-size-wrapper input[type="text"],
.ba-settings-toolbar > div >input[type="text"] {
    background: #e8e8e8;
    border: none;
    height: 35px;
}

.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="text"],
.ba-range-wrapper input[type="range"] + .input-size-wrapper input[type="text"],
.ba-range-wrapper input[type="range"] + input[type="number"]{ 
    background: #e8e8e8 !important;
}

#yandex-maps-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#map-editor-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#custom-html-dialog .ba-settings-toolbar .input-size-wrapper input[type="text"],
#yandex-maps-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#openstreetmap-editor-dialog .ba-settings-toolbar > div > input[type="text"],
#map-editor-dialog .ba-settings-toolbar > div > input[type="text"] {
    background: #e8e8e8!important; 
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;  
}

#on-scroll-animations-settings-tab .ba-settings-item > input[type="number"], 
#section-animations-settings-tab .ba-settings-item > input[type="number"], 
#shape-dividers-settings-tab .ba-settings-item > input[type="number"],
.cubic-bezier-settings-wrapper .ba-settings-item > input[type="number"],
.states-transition-wrapper .ba-settings-item > input[type="number"],
.advanced-shadow-settings-wrapper .ba-settings-item > input[type="number"],
#photo-editor-dialog .ba-range-wrapper input[type="range"] + input[type="number"] {
    background: transparent!important; 
}

.ba-fields-group .ba-range-wrapper input[type="range"] + input[type="number"] {
    height: 48px;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper .ba-range-liner,
#on-scroll-animations-settings-tab .ba-range-wrapper .ba-range-liner,
#section-animations-settings-tab .ba-range-wrapper .ba-range-liner,
#shape-dividers-settings-tab .ba-range-wrapper .ba-range-liner,
.cubic-bezier-settings-wrapper .ba-range-wrapper .ba-range-liner,
.cubic-bezier-settings-wrapper .ba-range-liner.letter-spacing,
.states-transition-wrapper .ba-range-wrapper .ba-range-liner,
.states-transition-wrapper .ba-range-liner.letter-spacing,
.advanced-shadow-settings-wrapper .ba-range-wrapper .ba-range-liner,
.advanced-shadow-settings-wrapper .ba-range-liner.letter-spacing{
    background: #34dca2 !important;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper input[type=range]::-moz-range-thumb,
#on-scroll-animations-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb,
#section-animations-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb,
#shape-dividers-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb,
.cubic-bezier-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb,
.states-transition-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb,
.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb {
    background: #34dca2 !important;
    pointer-events: all;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper input[type=range]::-webkit-slider-thumb,
#on-scroll-animations-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb,
#section-animations-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb,
#shape-dividers-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb,
.cubic-bezier-settings-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb,
.states-transition-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb,
.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb {
    background: #34dca2 !important;
    pointer-events: all;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper input[type=range]::-moz-range-thumb:hover,
#on-scroll-animations-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
#section-animations-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
#shape-dividers-settings-tab .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
.cubic-bezier-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
.states-transition-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb:hover{
    box-shadow: 0 0 0 10px rgb(52 220 162 / 30%);
}

#on-scroll-animations-settings-tab .ba-slider-wrapper input[type=range]::-webkit-slider-thumb:hover,
#on-scroll-animations-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover,
#section-animations-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover,
#shape-dividers-settings-tab .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover,
.cubic-bezier-settings-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover,
.states-transition-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover,
.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgb(52 220 162 / 30%);
}

.trigger-advanced-shadows-wrapper {
    box-sizing: border-box;
    line-height: 0;
    position: absolute;
    right: 19px;
    width: 40px!important;
}

.ba-settings-group.states-settings-group .settings-group-title > span {
    flex-grow: 1;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body span {
    text-transform: none;
    letter-spacing: 0;
    color: #3f3f3f;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li:not(.disabled) *{
    cursor: pointer !important;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body .disabled,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body .disabled * {
    cursor: not-allowed !important;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body .disabled:not(:hover) {
    opacity: .5;
}

.ba-settings-group.shadow-settings-group .ba-lg-custom-select > i {
    margin: 0;
}

.ba-settings-group.states-settings-group .settings-group-title {
    z-index: 13;
}

.ba-settings-group.shadow-settings-group .ba-lg-custom-select .ba-lg-custom-select-header {
    align-items: center;
    display: flex;
    padding: 10px 25px;
}

.ba-states-toggle .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip), 
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip) {
    top: 0;
    cursor: pointer !important;
}

.ba-states-toggle .ba-checkbox,
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox {
    margin-bottom: 0;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select > input {
    float: right;
    font-weight: 500;
    padding-right: 35px !important;
    text-align: right;
}

.ba-settings-group.shadow-settings-group .ba-lg-custom-select .visible-select {
    margin-left: 188px;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li.selected:before {
    border:none;
    color: #757575;
    content: '\f26b';
    font-family: Material-Design-Iconic-Font;
    font-size: 24px;
    line-height: 18px;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li.selected:hover:before {
    color: #fff !important;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li:before {
    z-index: 1;
}

.ba-states-toggle .ba-checkbox input[type="checkbox"] ~ i{
    color: #aeaeae;
    font-size: 9px;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 7px;
    transition: .3s;
}

.ba-states-toggle .ba-checkbox input[type="checkbox"]:checked ~ i {
    opacity: 0;
}

#section-settings-dialog[data-edit="flipbox"] #section-background-options .ba-states-wrapper {
    display: none !important;
}

.ba-states-icons-wrapper,
.ba-states-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}

.page-multicategory-select input,
.ba-states-wrapper .ba-states-icons-wrapper i {
    cursor: pointer!important;
}

.ba-states-wrapper .ba-states-icons-wrapper i:not(.fas):hover {
    background: transparent !important;
    opacity: .75 !important;
}

.ba-states-icon[data-action="transition"] .ba-tooltip {
    left: auto;
    right: 0;
    transform: none;
}

.ba-states-icon[data-action="transition"] .ba-tooltip:before {
    left: auto !important;
    right: 15px !important;
}

.ba-states-toggle {
    position: relative;
}

.ba-states-toggle .ba-checkbox {
    width: auto !important;
}

#on-scroll-animations-settings-tab,
#section-animations-settings-tab,
#shape-dividers-settings-tab,
.shape-dividers-presets-wrapper,
#states-transition-presets-tab,
#states-transition-settings-tab {
    box-sizing: border-box;
    max-height: 428px;
    overflow-y: auto;
    padding: 25px;
    width: 350px !important;
    overflow-x: hidden;
}

.cubic-bezier-preset svg {
    stroke: #fff;
    fill: transparent;
    stroke-width: 2px;
    stroke-linecap: round;
}

.cubic-bezier-presets-wrapper .cubic-bezier-preset:hover {
    background: transparent;
}

.cubic-bezier-presets-wrapper .cubic-bezier-preset.active {
    background: #34dca2 !important;
}

.ba-states-actions-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    overflow: hidden;
    transition: .3s;
    width: 0;
}

.ba-states-wrapper.active-states .ba-states-actions-wrapper {
    opacity: 1;
    overflow: visible;
    width: 185px;
}

.ba-states-actions-wrapper,
.ba-states-toggle {
    transition: .3s !important;
}

.ba-states-transition-action {
    position: relative;
    padding: 15px;
}

.ba-states-transition-action i {
    margin-right: 0 !important;
}

.ba-states-icons-wrapper > span,
.ba-states-transition-wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: none !important;    
}

.ba-states-wrapper .ba-states-icons-wrapper > span {
    background: #e8e8e8;
    box-sizing: border-box;
    cursor: pointer !important;
    height: 40px;
    padding: 4px 2px 9px;
    width: 45px;
}

.ba-states-wrapper .ba-states-icons-wrapper > span:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ba-states-wrapper .ba-states-icons-wrapper > span:first-child img {
    width: 18px;
    margin-top: 4px;
    margin-left: 8px;
}

.ba-states-wrapper .ba-states-icons-wrapper > span,
.ba-states-wrapper .ba-states-icons-wrapper > span img{
    transition: .3s
}

.ba-states-wrapper .ba-states-icons-wrapper > span:not(.active):not(:hover) img {
     opacity: .3;   
}

.ba-states-wrapper .ba-states-icons-wrapper > span:nth-child(3) img,
.ba-states-wrapper .ba-states-icons-wrapper > span:nth-child(2) img {
    margin-left: 9px;
    margin-top: 6px;
    width: 18px;
}

.ba-states-wrapper .ba-states-icons-wrapper > span:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ba-states-wrapper.active-states .ba-states-icons-wrapper > span,
.ba-states-wrapper.active-states .ba-states-transition-wrapper {
    transition: opacity .3s, transform .3s !important;   
}

.ba-states-wrapper.active-states .ba-states-icons-wrapper > span,
.ba-states-wrapper.active-states .ba-states-transition-wrapper {
    opacity: 1;
    transform: translateY(0);  
    transition: .3s;  
}

.ba-states-wrapper.active-states .ba-states-icons-wrapper > span {
    transition-delay: .25s !important;
}

.ba-states-wrapper.active-states .ba-states-icons-wrapper > span + span {
    transition-delay: .35s !important;
}

.ba-states-wrapper.active-states .ba-states-transition-wrapper {
    transition-delay: .55s !important;
}

.edit-login-acceptance,
.settings-group-title .ba-states-transition-action i,
.settings-group-title .ba-states-transition-action {
    cursor: pointer !important;
}

.edit-login-acceptance .ba-tooltip.ba-bottom,
.integrations-configuration-wrapper .default-action .ba-tooltip,
.ba-states-wrapper .ba-states-toggle .ba-tooltip {
    left: auto;
    right: 0;
    transform: none;
}

.edit-login-acceptance .ba-tooltip.ba-bottom:before,
.integrations-configuration-wrapper .default-action .ba-tooltip:before,
.ba-states-wrapper .ba-states-toggle .ba-tooltip:before {
    left: calc(100% - 19px) !important;
}

#menu-mobile-options .padding-settings-group .ba-states-wrapper,
#menu-mobile-options .border-settings-group .ba-states-wrapper,
#menu-mobile-options .shadow-settings-group .ba-states-wrapper,
#menu-settings-dialog[data-edit="dropdown"] .ba-states-wrapper.active-states .ba-states-icons-wrapper > span[data-action="active"][data-subgroup="padding"],
#menu-settings-dialog[data-edit="dropdown"] .ba-states-wrapper.active-states .ba-states-icons-wrapper > span[data-action="active"][data-subgroup="border"]{
    display: none;
}

#menu-settings-dialog[data-edit="dropdown"] .ba-states-wrapper.active-states .ba-states-icons-wrapper > span[data-action="hover"][data-subgroup="padding"],
#menu-settings-dialog[data-edit="dropdown"] .ba-states-wrapper.active-states .ba-states-icons-wrapper > span[data-action="hover"][data-subgroup="border"] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Inline Checkbox */
.ba-inline-checkbox.ba-settings-item {
    display: inline-block;
    line-height: 45px;
    margin-bottom: 15px !important; 
    padding: 0 0 0 25px; 
    vertical-align: middle;
}

.ba-inline-checkbox.ba-settings-item > span i,
.ba-inline-checkbox.ba-settings-item > span {
    line-height: 40px;
    margin-left: 30px;
    width: auto;
}

/*
/* Modal Buttons
*/

a.ba-btn-primary {
    color: #cacaca;
    position: relative;
    z-index: 1;
}

a.ba-btn-primary.active-button {
    color: #fff !important;
}

.ba-btn-primary {
    background: rgba(117, 216, 77, 0.25);
    border-radius: 3px;
    border: none;
    color: #fff ;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    opacity: 0;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.modal-footer .ba-btn-primary {
    opacity: 1;
}

.ba-btn-primary.active-button:after,
.red-btn:after {
    background: #fff;
    border-radius: 50%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all .5s cubic-bezier(.25,.98,.26,.99);
    transform: scale(0);
    width: 3px;
    z-index: -1;
}

.ba-btn-primary:before  {
    background: #1da6f4;
    border-radius: 100%;
    content: '';
    display: block;
    height: 5px;
    left: 50%;
    margin: -2px 0 0 -2px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transition: all .7s ease;
    width: 5px;
    z-index: -1;
}

.ba-modal-md .modal-footer a.active-button:hover:after {
    background: #1da6f4;
    opacity: 1;
    transform: scale(65);
    z-index: -1;
}

.ba-btn-primary.red-btn:hover:after,
.ba-btn-primary.active-button:before,
.ba-btn-primary.active-button:hover:after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #1da6f4;
    opacity: 1;
    transform: scale(27);
}

.ba-modal-sm .modal-footer a.ba-btn-primary.red-btn:hover:after {
    background: #f44236;
}

a.ba-btn-primary:not(.red-btn):not(.active-button), 
.disable-button:not(.ba-toolbar-element) {
    background: transparent !important;
    color: #cacaca !important;
}

#add-section-dialog a.ba-btn-primary,
.modal-footer a {
    background-color: transparent;
    border-radius: 3px;
    border: none;
    color: #363637;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;
    overflow: hidden;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.modal-footer a:hover {
    background: #e6e6e6;
}

/* Tags */
.tab-content .picked-tags {
    cursor: text;
    list-style: none;
    min-height: 18px;
    width: 615px !important;
}

.tab-content .ba-tags {
    align-items: flex-start;
    display: flex;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
.selected-items.sorting-grid-handle-item,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items,
.selected-author,
.apps-select-wrapper .selected-apps .chosen-app,
.tags-type-options .post-tags-list .tags-chosen,
.tags-categories .selected-categories .chosen-category,
.tab-content .picked-tags li {
    background: #f5f5f5;
    border-radius: 50px;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 8px 0 15px;
}

.ba-modal-lg .tab-content .picked-tags li.tags-chosen,
.ba-modal-lg .tab-content .picked-tags .search-tag {
    margin: 0 5px 5px 0;   
}

.ba-modal-lg .tab-content .picked-tags .search-tag {
    padding-left: 0;
}

.ba-modal-lg .tab-content .picked-tags .tags-chosen ~ .search-tag {
    padding-left: 15px;
}

.ba-modal-lg .ba-options-group .ba-group-element.ba-original-tags {
    padding: 12px 25px;
}

.ba-modal-lg .ba-options-group .ba-group-element.ba-original-tags  .ba-tags label {
    line-height: 46px !important;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.selected-items.upgrade-plans,
.selected-items.subscription-groups,
.selected-items.subscription-products,
.sorting-grid-handle-item.product-options-color,
.sorting-grid-handle-item.product-options-image,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="image"] .selected-items,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="color"] .selected-items,
.selected-items.sorting-grid-handle-item.related-product,
.selected-items.sorting-grid-handle-item.product-badges,
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items {
    padding: 0 8px 0 8px;
}

.selected-items.upgrade-plans .ba-item-thumbnail,
.selected-items.related-product .ba-item-thumbnail,
.selected-items.subscription-groups .ba-item-thumbnail,
.selected-items.subscription-products .ba-item-thumbnail {
    align-items: center;
    display: inline-flex !important;
}

.selected-items.subscription-products {
    white-space: nowrap;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items {
    position: relative;
}

.ba-group-element .selected-author,
.tab-content .picked-tags li.tags-chosen {
    background: #f5f5f5;
}

.blog-post-editor-right-panel .selected-author,
.blog-post-editor-right-panel .tab-content .picked-tags li.tags-chosen {
    background: #d4d4d4 !important;
}


.tags-type-options .post-tags-list .tags-chosen span,
.apps-select-wrapper .selected-apps .chosen-app span,
.tags-categories .selected-categories .chosen-category span {
    display: inline-block;
    width: auto;
}

.tags-type-options .post-tags-list .trigger-post-tags-modal input,
.apps-select-wrapper .selected-apps .search-app ,
.apps-select-wrapper .selected-apps .search-app input,
.tags-categories .selected-categories .search-category input,
.tags-categories .selected-categories .search-category,
.tab-content .picked-tags .search-tag {
    background: transparent;
}

.tags-categories-list.categories-type-options .search-category[data-enabled="1"] input,
.tags-type-options .post-tags-list .trigger-post-tags-modal[data-enabled="1"] input,
.apps-select-wrapper .selected-apps .chosen-app span, 
.apps-select-wrapper .selected-apps .search-app input,
.tags-categories .selected-categories .search-category[data-enabled="1"] input {
    cursor: pointer !important;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items-name,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items-name,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items-name,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items span,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items span,
.apps-select-wrapper .selected-apps .chosen-app span,
.tags-type-options .post-tags-list .tags-chosen span,
.tags-categories .selected-categories .chosen-category span,
.tab-content .picked-tags .search-tag input,
.tab-content .picked-tags .tags-chosen span {
    font-size: 14px;
    line-height: 36px;
    vertical-align: middle;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items i.remove-selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items i.remove-selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items i.remove-selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items i.remove-selected-items,
.selected-items.sorting-grid-handle-item i,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items i,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items i,
.selected-author i,
.apps-select-wrapper .selected-apps .chosen-app i,
.tags-type-options .post-tags-list .tags-chosen i,
.tags-categories .selected-categories .chosen-category i,
.tab-content .picked-tags .tags-chosen .zmdi-close {
    background: #757575;
    border-radius: 50%;
    color: #f5f5f5;
    font-size: 16px;
    line-height: 14px;
    margin-left: 10px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 14px;
    min-width: 14px;
}

#settings-dialog .tab-content .picked-tags .tags-chosen span {
    color: #5a5454;
    font-size: 14px;
    font-weight: 500;
}

#blog-post-editor-fields-options .picked-tags .tags-chosen .zmdi-close {
    background: rgba(255, 255, 255, 0.25);
}

.tags-type-options .post-tags-list .trigger-post-tags-modal input,
.blog-post-editor-right-panel .select-post-author input[type="text"],
.ba-custom-author-select input,
.apps-select-wrapper .selected-apps .search-app input,
.tags-categories .selected-categories .search-category input,
.tab-content .picked-tags .search-tag input {
    display: inline-block;
    min-width: 120px;
    max-width: 120px;
}

.ba-custom-author-select ul,
.all-apps-list,
.all-categories-list,
.all-tags {
    background: #fff;
    border-top: 2px #1da6f4 outset;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    list-style: none;
    margin: 0;
    max-height: 250px;
    overflow: auto;
    position: absolute;
    z-index: 11;
}

.visible-select-top .all-tags {
    border-bottom: 2px solid #1da6f4;
    border-radius: 0;
    border-top: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    left: 0 !important;
    max-width: calc(100% + 1px);
    overflow-x: hidden;
    transform: translateY(calc(-100% - 46px));
}

.ba-custom-author-select ul li,
.all-apps-list li,
.all-categories-list li,
.all-tags li {
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400 !important;
    overflow: hidden;
    padding: 20px;
    text-overflow: ellipsis;
    width: 265px;
}

.ba-custom-author-select input[type="text"] {
    line-height: 36px !important;
    margin-bottom: 10px !important;
}

.all-apps-list li:hover,
.all-categories-list li:hover,
.all-tags li:hover {
    color: #fff;
    background: #1da6f4;
}

.all-apps-list .selected-app,
.all-categories-list .selected-category,
.all-tags .selected-tag {
    display: none !important;
}

.tab-content .picked-tags .search-tag input[type="text"]::-webkit-input-placeholder {
    font-size: 18px!important;
}

.tab-content .picked-tags .search-tag input[type="text"]::-moz-placeholder {
    font-size: 18px!important;
}

/* Multicategory */
.page-multicategory-backdrop {
    z-index: 1080;
}

@keyframes multicategory-list {
    from { opacity: 0;}
    to { opacity: 1;}
}

.page-multicategory-list.visible-select {
    animation: multicategory-list .3s both !important;
    border-radius: 6px;
    border: none !important;
    left: 50vw;
    margin: 0;
    max-height: 460px;
    min-height: 292px;
    opacity: 1;
    overflow-x: hidden;
    position: fixed;
    top: calc(50vh + 50px);
    transform: translate(-150px, -50%) !important;
    visibility: visible;
    width: 300px;
    z-index: 1090 !important;
}

.page-multicategory-list.visible-select.right-panel-categories {
    left: auto;
    right: 50px;
    transform: translate(0, -50%) !important;
}

@keyframes multicategory-inner {
    0%{ transform: translateY(10%); opacity: 0;}
    100%{transform: translateY(0);  opacity: 1;}
}

.page-multicategory-list.visible-select li[style*="--content"] {
    animation: multicategory-inner .4s .1s cubic-bezier(.25,.98,.26,.99) both;
    backface-visibility: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400 !important;
    opacity: 1;
    padding: 20px;
    padding-left: 65px;
    padding-right: 50px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
}

.page-multicategory-list li > label i, 
.page-multicategory-list li > .set-default-page-category, 
.page-multicategory-list li > label {
    position: absolute;
    left: 0;
}

.page-multicategory-list li > label {
    height: 20px;
    left: 25px;
    line-height: 20px;
    min-width: 20px !important;
    top: calc(50% - 10px)!important;
    width: 20px !important;
}

.page-multicategory-list li > .set-default-page-category {
    left: auto;
    right: 25px;
}

.page-multicategory-list.visible-select li:after {
    float: left;
    content: var(--content);
    margin-right: 5px;
    order: -1;
    white-space: nowrap;
}

.page-multicategory-list li > .set-default-page-category i {
    color: #d8d8d8;
    font-size: 16px;
    line-height: 16px;
    width: 16px;
}

.page-multicategory-list li.default-category > .set-default-page-category i {
    color: #757575;
}

.page-multicategory-list.visible-select li:not(.default-category):hover .set-default-page-category i,
.page-multicategory-list li:hover > .set-default-page-category i:hover {
    opacity: .5;
}

.page-multicategory-list.visible-select li:not(.default-category):hover .set-default-page-category i:hover {
    opacity: 1;
}

.page-multicategory-list li > label input:not(:checked) + i + i ,
.page-multicategory-list li > label input:checked + i {
    display: none;
} 

.page-multicategory-list li > label i{
    font-size: 24px;
    color: #ddd;
    line-height: 18px;
}

.page-multicategory-list li > label i.zmdi-check {
    color: #757575;
}

.blog-post-editor-right-panel .page-multicategory-select i {
    position: absolute;
    right: 10px;
    top: 37px;
}

.blog-post-editor-right-panel .page-multicategory-select input {
    padding-right: 25px !important;
}

.page-multicategory-select {
    display: flex;
    width: 100%;
}

.page-multicategory-select input {
    text-overflow: ellipsis;
    width: 100%!important;
}

/* Author */

.ba-custom-author-select-wrapper, .ba-custom-author-select {
    display: inline-flex;
}

.ba-custom-author-select-wrapper {
    flex-wrap: wrap;
}

.ba-group-element .selected-author {
    align-items: center;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    padding: 0 8px 0 0;
    position: relative;
}

.ba-group-element .selected-author .ba-author-avatar {
    cursor: default;
}

.ba-author-avatar {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    width: 35px;
}

.ba-group-element .selected-author .ba-author-name {
    color: #5a5454;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.ba-custom-author-select ul.visible-select li {
    box-sizing: border-box;
    padding: 12px 20px;
    width: 100%;
}

/* ========================================================================
    Add Section
 ========================================================================== */

#add-section-dialog.add-columns.blog-editor,
#add-section-dialog {
    bottom: 113px;
    left: 50%;
    margin-left: -201px;
    top: auto;
    z-index: 100000;
} 

.gridbox-page-structure-left #add-section-dialog {
    left: calc(50% + 172px);
}

.gridbox-cp-panel-right #add-section-dialog {
    left: calc(50% - 192px);
}

.gridbox-cp-panel-right.gridbox-page-structure-left #add-section-dialog {
    left: calc(50% - 20px);
}

.advanced-blog-editor #add-section-dialog {
    margin-left: -220px;
    bottom: 95px;
}

.com_gridbox.advanced-apps-editor:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait) #add-section-dialog,
.com_gridbox.advanced-blog-editor:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait) #add-section-dialog {
    margin-left: -380px;
}

.com_gridbox.advanced-apps-editor.gridbox-cp-panel-right:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait) #add-section-dialog,
.com_gridbox.advanced-blog-editor.gridbox-cp-panel-right:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait) #add-section-dialog {
    margin-left: -187px;
}

#add-section-dialog.add-columns {
    bottom: auto;
    top: calc(50% - 285px);
}

#add-section-dialog.modal.in {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#add-section-dialog.add-columns.blog-editor:after,
#add-section-dialog:not(.add-columns):after {
    border: 10px solid transparent;
    border-top-color: #f5f5f5;
    bottom: -17px;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 13px);
    position: absolute;
    width: 0px;
}

#columns .ba-settings-group:last-child .ba-settings-item{
    display: flex;
    justify-content: space-between;
}

#add-section-dialog.ba-modal-cp .tab-pane,
#add-section-dialog.ba-modal-cp .tab-content {
    bottom: auto;
    height: 310px;
    overflow: auto;
    padding: 0;
}

#add-section-dialog.ba-modal-cp .tab-pane {
    margin: 10px 0;
}

#add-section-dialog .columns-wrapper:hover .ba-column {
    background: #1da6f4;  
}

#add-section-dialog .columns-wrapper .ba-column:hover + .ba-column+ .ba-column+ .ba-column,
#add-section-dialog .columns-wrapper .ba-column:hover + .ba-column+ .ba-column,
#add-section-dialog .columns-wrapper .ba-column:hover + .ba-column {
    background: #ddd;
}

.ba-modal-cp[data-edit="countdown"] #countdown-design-options .ba-settings-group.countdown-options.counter-options,
#add-section-dialog .ba-settings-group {
    border: none;
}

#add-section-dialog .columns-wrapper + div {
    display: flex;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

#add-section-dialog .columns-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#add-section-dialog .ba-column {
    background: #ddd;
    cursor: pointer;
    height: 35px;
    transition: all .3s ease-in-out;
    width: 100%;
}

#add-section-dialog .columns-wrapper + div span,
#add-section-dialog .ba-column {
    border-right: 15px solid #f5f5f5;
}

#add-section-dialog .columns-wrapper + div span:last-child,
#add-section-dialog .ba-column:last-child {
    border: none;
}

#add-section-dialog a.ba-btn-primary {
    opacity: 1;
}

#add-section-dialog .ba-settings-item {
    height: auto;
    padding: 0 25px;
}

#columns .ba-settings-group:first-child .ba-settings-item {
    flex-direction: column;
}

#add-section-dialog #columns .ba-settings-item:first-child {
    margin-bottom: 60px;
}

#add-section-dialog .ba-settings-item > input[type="text"].advanced-column {
    width: 300px;
}

.ba-column span {
    bottom: -30px;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100% !important;
}

#add-section-dialog .ba-column:nth-child(4) {
    margin-right: 0;
}

#add-section-dialog .ba-group-element {
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}

/* ========================================================================
    Text Editor Settings
 ========================================================================== */

#text-editor-general-options .ba-settings-group:first-child .ba-settings-item{
    height: auto;
    padding: 0;
}

#custom-html-dialog .tab-pane.active,
#text-editor-dialog .tab-pane.active {
    transition: width .3s linear;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog)#text-editor-dialog .tab-pane.active {
    transition: none;
}

#custom-html-dialog .tab-pane.active {
    overflow: hidden !important;
}

.pac-container .pac-item,
label.ba-checkbox >span {
    cursor: pointer;
}

.show-general-cell .tab-pane.active {
    animation: none;
    width: 50% !important;
}

#text-editor-dialog .modal-body iframe {
    height: 336px;
}

#text-editor-dialog .modal-body iframe.jce-editor-iframe {
    height: 400px;
}

#text-editor-dialog #text-editor-general-options .ba-settings-group .jce-editor-enabled:first-child {
    padding: 25px 0 !important;
    width: 100%;
}

#text-editor-dialog #text-editor-general-options .ba-settings-group .jce-editor-enabled textarea {
    width: 100%;
}

#text-editor-dialog .tab-pane.active{
    padding: 10px 0 0 0 !important;
}

#text-editor-dialog #text-editor-general-options .ba-settings-group:first-child,
#text-editor-dialog #text-editor-general-options {
    padding: 0 !important;
}

.text-editor-general-cell {
    float: right;
    left: 100%;
    position: absolute;
    top: 60px;
    visibility: hidden;
    padding: 15px 0; 
    width: 50%;
    transition: left .3s ease-in-out,visibility .1s .3s ease-in-out;
}

.show-general-cell .text-editor-general-cell {
    left: 50%;
    max-height: -webkit-calc(100% - 90px);
    max-height: calc(100% - 90px);
    overflow: visible;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: left .3s ease-in-out,visibility .1s ease-in-out;
    visibility: visible;
}

.show-general-cell .text-editor-general-cell .text-typography-options {
    position: relative;
    z-index: 1;
}

.reset-text-typography-wrapper {
    position: absolute;
    right: 20px;
    top: calc(50% - 18px);
}

.integrations-configuration-wrapper {
    align-items: center;
    display: flex;
}

.integrations-configuration-wrapper > span {
    white-space: nowrap;
    width: auto;
    margin-left: 15px;
}

.integrations-configuration-wrapper .ba-integrations-configuration-icon {
    position: absolute;
    top: 13px;
    right: 65px;
}

.integrations-configuration-wrapper > .ba-integrations-configuration-icon i {
    font-size: 16px;
}

.ba-integrations-configuration-icon i,
.integrations-configuration-wrapper > i {
    color: #2ecc71;
    cursor: default !important;
}

.integrations-configuration-wrapper[data-configured="0"] > .ba-integrations-configuration-icon i,
.integrations-configuration-wrapper[data-configured="0"] > i {
    color: #f64231;
}

.edit-login-acceptance,
.integrations-configuration-wrapper .default-action {
    align-items: center;
    border-radius: 3px;
    display: flex !important;
    justify-content: center;
    padding: 8px;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 5px;
    width: 16px !important;
}

.edit-login-acceptance i,
.integrations-configuration-wrapper .default-action i {
    font-size: 16px;
}

/*
/* Text Editor Large Modal
*/

#text-editor-dialog.text-editor-animation {
    transition: width .3s linear !important;
}

#text-editor-dialog.text-editor-resized,
#text-editor-dialog.text-editor-resized .tab-pane {
    width: 970px;
}

#text-editor-dialog .mceStatusbar {
    border: 1px solid #eee;
    box-sizing: border-box;
}

#text-editor-dialog .mceStatusbar #editor_resize {
    background: transparent;
    border: none;
    cursor: row-resize !important;
    display: block;
    float: none;
    height: 30px;
    left: calc(50% - 15px);
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}

#text-editor-dialog .mceStatusbar #editor_resize:before {
    font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
    content: '\f19c';
    color: #757575;
}

#text-editor-dialog.text-editor-resized .mceStatusbar #editor_resize,
#text-editor-dialog.text-editor-resized .mceStatusbar {
    display: block!important;
}

#text-editor-dialog.text-editor-resized .mceStatusbar #editor_resize {
    position: relative;
    text-decoration: none;
}

#text-editor-dialog.text-editor-resized .mceStatusbar > * {
    display: none;
}

#text-editor-dialog.text-editor-resized .ba-lg-custom-select,
#text-editor-dialog.text-editor-resized .ba-settings-group .ba-settings-item input[data-option="font-family"],
#text-editor-dialog.text-editor-resized .ba-settings-group .ba-custom-select {
    width: 380px;
}

.version-history-item:not(.active):hover .version-history-item-title *,
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > .context-active,
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > .context-active i,
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > .context-active span,
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span.active, 
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span.active i, 
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span.active span, 
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span:hover span, 
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span:hover, 
.com_gridbox:not(.page-structure-sorting) .ba-page-structure-list li > span:hover i,
.availible-folders li.active > span i, 
.availible-folders li.active > span, 
.availible-folders li span:hover i, 
.availible-folders li span:hover, 
.ba-folder-tree li > .context-active ,
.ba-folder-tree li > .context-active i,
.ba-folder-tree li > .context-active span,
.ba-folder-tree li > span.active, 
.ba-folder-tree li > span.active i, 
.ba-folder-tree li > span.active span, 
.ba-folder-tree li > span:hover span, 
.ba-folder-tree li > span:hover, 
.ba-folder-tree li > span:hover i {
    color: #1da6f4 !important;
    text-decoration: none;
    background-color: transparent;
}

.ba-page-structure-list li,
.folder-list,
.ba-folder-tree li  {
    cursor: pointer;
}

/*
/* JCE Editor
*/

.mceModal .mceModalBody {
    max-height: calc(100vh - 20px);
}

.mceModalClose {
    z-index: 1;
}

.mceModalContent:before {
    content: "";
    position: absolute;
    top: -45px;
    height: 50px;
    left: 0;
    right: 0;
}

.ba-editor-wrapper .editor iframe:not(#editor_editor_preview_iframe) {
    max-width: none !important;
    width: 100% !important;
}

#text-editor-dialog .ba-editor-wrapper .editor iframe:not(#editor_editor_preview_iframe)  {
    min-height: 160px !important; 
}

.wf-editor-container.mce-fullscreen .wf-editor-header,
.wf-editor-container.mce-fullscreen {
    background: transparent !important;
}

.wf-editor-preview,
.wf-editor-source,
table.mceSplitButtonEnabled:hover .mceOpen a {
    border: none !important;
}

.mceBranding {
    display: none !important;
}

.ba-editor-wrapper .editor {
    height: 100% !important;
    max-width: none!important;
    padding: 0 ;
    width: 100% !important;
}

.ba-editor-wrapper .editor .nav.nav-tabs {
    background: transparent !important;
    height: auto;
}

.wf-editor-preview,
textarea.wf-editor,
.ba-editor-wrapper .editor .mceEditor {
    box-sizing: border-box !important;
    margin: 0 25px !important;
    width: calc(100% - 50px) !important;
    max-width: calc(100% - 50px) !important;
}

#text-editor-dialog .wf-editor-preview,
#text-editor-dialog textarea.wf-editor {
    border: none !important;
    min-height: 340px !important;
    max-width: none !important;
    width: calc(100% - 50px) !important;
}

.ba-editor-wrapper .editor .wf-editor-header {
    margin: 0px 25px 0;
    position: relative;
}

.ba-editor-wrapper .editor .nav-tabs > li > a {
    background-color: transparent;
    border: none;
    color: #757575;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 20px;
}

.ba-editor-wrapper .editor .nav-tabs > li > a:before {
    display: none;
}

.ba-editor-wrapper .editor .nav-tabs > li.active > a,
.ba-editor-wrapper .editor .nav-tabs > li > a:hover {    
    background-color: transparent !important;
    color: #363637!important;
}

.wf-editor-container .nav-tabs {
    margin: 0 !important;
    border: none !important;
}

.mceModalOverlay {
    opacity: .05!important;
}

.mceModalContainer {
    box-shadow: 0 15px 40px rgba(0,0,0,.15) !important;
}

html[style="overflow: scroll;"] {
    overflow: auto !important;
}

.wf-editor-header {
    min-height: 45px !important;
}

#editor_resize {
    display: none;
}

.wf-editor-container.mce-fullscreen .wf-editor-tabs {
    padding: 0 !important; 
}

.mce-fullscreen .wf-editor-toggle {
    margin-top: 5px !important;
    top: 0 !important;
}

[data-field-type="textarea"] .ba-editor-wrapper .editor .wf-editor-header .wf-editor-toggle,
[data-field-type="textarea"] .wf-editor-preview,
[data-field-type="textarea"] textarea.wf-editor, 
[data-field-type="textarea"] .ba-editor-wrapper .editor .mceEditor,
[data-field-type="textarea"] .ba-editor-wrapper .editor .wf-editor-header {
    margin: 0!important;
}

.ba-editor-wrapper .editor .wf-editor-header .wf-editor-toggle,
[data-field-type="textarea"] .ba-editor-wrapper .editor .wf-editor-header .wf-editor-toggle {
    padding: 20px;
}

.ba-editor-wrapper .editor .wf-editor-header .wf-editor-toggle svg,
[data-field-type="textarea"] .ba-editor-wrapper .editor .wf-editor-header .wf-editor-toggle svg {
    margin-right: 0;
}

[data-field-type="textarea"] .ba-editor-wrapper .editor .wf-editor-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

[data-field-type="textarea"] textarea.wf-editor {
    border: none !important;
}

[data-field-type="textarea"] .wf-editor-preview,
[data-field-type="textarea"] textarea.wf-editor, 
[data-field-type="textarea"] .ba-editor-wrapper .editor .mceEditor {
    width: 100% !important;
    max-width:100% !important;
}

[data-field-type="textarea"] .ba-editor-wrapper {
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

[data-field-type="textarea"] .ba-editor-wrapper .editor iframe:not(#editor_editor_preview_iframe) {
    border-top: 1px solid #e3e3e3;
    height: 200px !important;
}

[data-field-type="textarea"] .ba-editor-wrapper .mceToolbar,
[data-field-type="textarea"] .defaultSkin .mceSeparator,
[data-field-type="textarea"] .defaultSkin .mceToolbarRow .mceToolBarItem,
[data-field-type="textarea"] .defaultSkin .mceButton,
[data-field-type="textarea"] .ba-editor-wrapper .mceToolbar {
    background: #f5f5f5 !important;
}

/* ========================================================================
    Plugin Progress Pie Settings
 ========================================================================== */

#progress-bar-settings-dialog #progress-bar-design-options .theme-typography-options .ba-settings-item:nth-child(2) {
    z-index: 12 !important;
} 

/* ========================================================================
    Plugin Slideshow Settings
 ========================================================================== */

.sorting-image img,
.simple-gallery-options .sorting-image img,
#slideshow-general-options .sorting-image img {
    border-radius: 3px;
    margin-right: 20px;
    max-height: 60px;
    max-width: 60px;
    vertical-align: middle;
}

#blog-post-editor-fields-options .sorting-image img,
#blog-post-editor-fields-options .simple-gallery-options .sorting-image img,
#blog-post-editor-fields-options #slideshow-general-options .sorting-image img  {
    border-radius: 3px;
    max-height: 100px;
    max-width: 100px;
}

.simple-gallery-options .sorting-item,
#slideshow-general-options .sorting-item {    
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

#feature-box-general-options .sorting-container .sorting-item .sorting-checkbox,
#content-slider-general-options .sorting-item .sorting-checkbox, 
#testimonials-general-options .sorting-item .sorting-checkbox, 
.simple-gallery-options .sorting-item .sorting-checkbox, 
#slideshow-general-options .sorting-item .sorting-checkbox {
    min-width: 30px;
    width: 30px;
}

.simple-gallery-options .sorting-image i,
#slideshow-general-options .sorting-image i {
    font-size: 24px;
    pointer-events: none;
    margin-right: 20px;
}

#product-badges-dialog,
#product-variations-photos-dialog.ba-modal-product-picker {
    z-index: 1040;
}

.modal-backdrop.association-pages-list-modal,
#add-bulk-option-modal,
.modal-backdrop.text-anchor-picker-dialog.ba-modal-picker,
#icon-upload-dialog,
#edit-radio-field-element-modal,
#openstreetmap-item-dialog,
.feature-box-item-modal ~ .link-select-modal,
.feature-box-item-modal ~ .uploader-modal,
.slideshow-item-dialog ~ .link-select-modal,
.slideshow-item-dialog ~ .uploader-modal,
#slideshow-item-dialog {
    z-index: 1060;
}

#association-pages-list-modal,
.menu-item-edit-modal ~ .delete-dialog {
    z-index: 1065;
}

#group-field-item-dialog .tab-content,
#testimonial-item-edit-modal .tab-content,
#slideshow-item-dialog .tab-content {
    box-sizing: border-box;
    overflow-y: auto;
    padding: 25px;
}

#before-after-edit-item .select-input + i,
#group-field-item-dialog .select-input + i, 
#field-sorting-item-edit-modal .select-input + i, 
#feature-box-edit-item  .select-input + i,
#content-slider-add-item .select-input + i,
#testimonial-edit-item .select-input + i,
#image-edit-item .select-input + i,
#simple-gallery-edit-item .select-input + i,
.ba-modal-lg .select-intro-image[type="text"] + i,
.ba-modal-lg .select-favicon[type="text"] + i,
#map-item-dialog .select-input + i,
#openstreetmap-item-dialog .select-input + i,
#slideshow-item-dialog .tab-content .select-input + i {
    left: 275px;
    right: auto;
    top: 25px;
}

.booking-working-hours-element  > .ba-checkbox input[type="checkbox"],
.ba-states-toggle .ba-checkbox,
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox,
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox,
#blog-post-editor-fields-options .ba-radio,
#blog-post-editor-fields-options .ba-checkbox,
#content-slider-add-item .ba-group-element .ba-checkbox,
#site-dialog .ba-checkbox,
#openstreetmap-item-dialog .ba-checkbox ,
#map-item-dialog .ba-checkbox,
#slideshow-item-dialog .ba-checkbox {
    position: relative;
}

#blog-post-editor-fields-options .ba-checkbox input ~ span,
#content-slider-add-item .ba-group-element .ba-checkbox input ~ span,
#site-dialog .ba-group-element .ba-checkbox span,
#openstreetmap-item-dialog .ba-group-element .ba-checkbox span,
#map-item-dialog .ba-group-element .ba-checkbox span,
#slideshow-item-dialog #slideshow-add-item .ba-group-element .ba-checkbox span {
    top: -10px;
}

#before-after-edit-item .select-input,
#group-field-item-dialog .select-input, 
#field-sorting-item-edit-modal .tab-content input[type="text"].select-input, 
#feature-box-edit-item input[type="text"].select-input,
#content-slider-add-item input[type="text"].select-input,
#testimonial-edit-item input[type="text"].select-input,
#image-edit-item .select-input,
#simple-gallery-edit-item .select-input,
.ba-modal-lg .video-source-select input[type="text"].select-input,
.ba-modal-lg .tab-content input[type="text"].select-intro-image,
.ba-modal-lg .tab-content input[type="text"].select-favicon,
#openstreetmap-item-dialog .select-input,
#map-item-dialog .select-input,
#slideshow-item-dialog #slideshow-add-item .select-input.slide-image {
    cursor: pointer;
    padding-left: 20px;
}

/* ========================================================================
    Plugin Lightbox Settings
 ========================================================================== */

#lightbox-panels {
    bottom: -1px;
    position: fixed;
    right: 50px;
    z-index: 1050; 
}

@keyframes lightbox-panels-animation {
    from { transform: translateY(100%); }
}

.lightbox-options-panel {
    animation: lightbox-panels-animation .3s;
    align-items: center;
    background: #2c2c2c;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: inline-flex;
    float: right;
    margin: 10px 20px 0 0;
    opacity: 1;
    padding:  5px 7px 5px 20px;
    position: static;
    z-index: 100;
}

.lightbox-options-panel > i {
    margin-right: 15px;
    cursor: default !important;
}

.lightbox-options-panel p {
    float: left;
    font: 700 12px/20px 'Roboto', sans-serif;
    margin: 0;
    padding: 10px 65px 10px 0;
    text-transform: uppercase;
}

.lightbox-options-panel > span {
    display: inline-block;
    position: relative;
}

.lightbox-options-panel span i {
    color: #fff;
    font-size: 14px;
    opacity: .5;
    padding: 13px;
    vertical-align: middle;
}

.lightbox-options-panel span i:hover {
    opacity: 1;
}

.ba-lightbox .ba-section > .ba-edit-wrapper {
    bottom: 15px;
    left: calc(50% - 10px);
    position: absolute;
    z-index: 10;
}

.ba-settings-item input[type="number"].lightbox-settings-input {
    width: 75px ;
}

.lightbox-options-panel.not-allowed-user-edit {
    display: none;
}

/* ========================================================================
    Plugin Tabs Settings
 ========================================================================== */

.dropdown-customer-info-options .sorting-container
#group-field-item-dialog .sorting-container {
    padding: 20px 25px 0; 
}

.version-history-item,
.sorting-container .sorting-item {
    align-items: center;
    display: flex;
    padding: 5px 0;
}

.version-history-item .version-history-item-icons i {
    font-size: 16px;
    line-height: 18px;
}

.sorting-item.unpublished-sorting-item .sorting-image,
.sorting-item.unpublished-sorting-item .sorting-title {
    opacity: .5;
}

.sorting-container .sorting-item .sorting-checkbox {
    margin-right: 10px;
    position: relative;
}

.sorting-container .sorting-item .sorting-checkbox input {
    display: none;
}

.sorting-container .sorting-item .sorting-checkbox label {
    margin-bottom: 0;
}

.sorting-container .sorting-item .sorting-checkbox label input:checked + span {
    border-color: transparent;
}

.version-history-item-icons,
.sorting-container .sorting-icons {
    float: right;
    opacity: 0;
    transition: opacity .3s; 
    white-space: nowrap;
}

.version-history-item:hover >.version-history-item-icons,
.sorting-item:hover > .sorting-icons {
    opacity: 1;
}

.version-history-item-title,
.sorting-container .sorting-title {
    flex-grow: 1;
    font-size: 12px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

.items-list .sorting-container .sorting-handle {
    cursor: move;
}

.ba-settings-group .add-new-item {
    padding: 0 25px;
}

.ba-modal-lg .ba-settings-group .add-new-item > span {
    display: inline-block;
    position: relative;
}

#field-general-options .add-new-item {
    margin-bottom: 0;
}

.booking-calendar-delete-hours i,
.booking-calendar-add-hours i,
.version-history-item-icons i,
.variations-table-cell.default-cell i,
.ba-fields-group-wrapper .ba-fields-group-icons i,
#blog-post-editor-fields-options .blog-post-editor-group-element .sorting-handle i,
i.delete-user-color,
.ba-library-item i,
.sorting-container i {
    border-radius: 3px;
    font-size: 16px;
    line-height: 18px;
    padding: 5px; 
    text-align: center;
    vertical-align: middle;
    width: 18px;
}

#content-slider-general-options .sorting-container .sorting-item .sorting-handle >i {
    font-size: 24px;
    pointer-events: none;
    min-width: 50px;
}

.ba-fields-group-wrapper .ba-fields-group-icons i:last-child {
    margin-right: 0;
    padding-right: 0;
}

.ba-fields-group-wrapper .ba-fields-group-icons i.zmdi-apps:last-child {
    cursor: move !important;
}

.sorting-container .sorting-image > i {
    box-sizing: border-box;
    margin-right: 20px;
    min-width: 50px;
    pointer-events: none;
}

#ba-group-digital-product .ba-fields-group-title i,
#ba-group-product-pricing .ba-fields-group-title i,
#ba-group-product-variations .ba-fields-group-title i,
#category-list-fields-modal .category-list-fields-view-wrapper > div span i,
.ba-fields-group-wrapper .ba-fields-group-icons i+i,
.sorting-item-wrapper .sorting-item .sorting-handle i,
.ba-library-item .library-handle i,
.sorting-item .sorting-handle i {
    cursor: move !important;
}

.body-sortable-started .ba-fields-group-wrapper *,
.renewal-plans-sortable-started .ba-fields-group-wrapper * {
    pointer-events: none;
}

.dropdown-customer-info-options .add-new-item,
#group-field-item-dialog .add-new-item {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 25px;
}

.dropdown-customer-info-options .add-new-item,
#group-field-item-dialog .add-new-item {
    padding-bottom: 20px;
}

#field-general-options .ba-settings-group .add-new-item > span,
#group-field-item-dialog .add-new-item > span,
.main-menu .add-new-item > span,
#tabs-general-options .ba-settings-group:first-child {
    position: relative;
}

#field-general-options .ba-settings-group .add-new-item > span {
    display: inline-block;
}

#icons-list-item-modal .select-item-icon,
#one-page-item-modal .select-item-icon,
#one-page-item-modal .select-input.select-end-point,
#menu-item-add-modal .select-link,
#menu-item-edit-modal input[data-property="icon"],
#add-new-element-modal .ba-input-lg + div > input {
    background: transparent;
    cursor: pointer !important;
    padding: 0  40px 0 35px !important;
}

#menu-item-add-modal .select-link {
    overflow: hidden;
    padding-left: 6px !important;
    text-overflow: ellipsis;
}

#icons-list-item-modal .select-link,
#icons-list-item-modal .reset-element-icon,
#one-page-item-modal .reset-element-icon,
#menu-item-edit-modal .ba-input-lg + div .reset-element-icon,
#add-new-element-modal .ba-input-lg + div .reset-element-icon {
    position: absolute;
    right: 0px;
    top: 27px;
}

#icons-list-item-modal .ba-input-lg + div > i:not(.zmdi-caret-down),
#menu-item-edit-modal .ba-input-lg + div > i,
#one-page-item-modal .ba-input-lg + div > i,
#add-new-element-modal .ba-input-lg + div > i {
    top: 37px;
    left: 8px;
    z-index: -1;
}

body.ba-set-end-point-iframe .ba-overlay-section-backdrop,
body.ba-set-end-point .one-page-item-modal,
body.ba-set-end-point .ba-modal-sm.in,
body.ba-set-end-point .ba-modal-cp.in {
    display: none !important;
}

/* ========================================================================
    Plugin Countdown Settings
 ========================================================================== */

#countdown-input {
    margin-right: -40px;
    padding-left: 25px;
    width: 190px;
}

#countdown-calendar {
    position: absolute;
    top: 10px;
}

/* ========================================================================
    Plugin Icon Settings
 ========================================================================== */

.ba-icons-wrapper .ba-options-group .ba-group-element {
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 135px;
    line-height: 14px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    text-align: center;
    width: 140px;
}

.ba-icons-wrapper .tab-content .tab-pane {
    padding: 0 !important;
}

.ba-icons-wrapper .ba-options-group {   
    overflow: hidden;
    position: relative;
}

#add-plugin-dialog .ba-plugin:last-child,
.ba-icons-wrapper .ba-options-group .ba-group-element:last-child {
    margin-bottom: 40px;
}

.ba-icons-wrapper .ba-group-element > span {
    display: block;
    font-family: 'Roboto', sans-serif !important;
    font-size: 9px;
    letter-spacing: 1px;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.ba-icons-wrapper [class^="icon-"]:not(.ba-settings-group):not(.ba-tabs-wrapper):not(.add-on):not(.accordion):not(.modal-backdrop):not(.minicolors-input),
.ba-icons-wrapper [class*=" icon-"]:not(.ba-settings-group):not(.ba-tabs-wrapper):not(.add-on):not(.accordion):not(.modal-backdrop):not(.minicolors-input),
.ba-icons-wrapper .ba-group-element > i {
    display: block;
    font-size: 36px;
    height: 36px;
    line-height: normal;
    margin: 0 0 15px 0;
    text-align: center;
    width: auto;
}

.ba-icons-wrapper .ba-group-element > i:before {
    font-size: inherit;
    margin: 0; 
}

.ba-icons-wrapper .toolbar-wrapper {
    position: absolute;
    right: 25px;
    top: 10px;
}

.ba-icons-wrapper .ba-group-title {
    border-top: 1px solid #e3e3e3; 
    margin-top: 0 !important;
    padding-top: 55px;    
}

.ba-icons-wrapper .font-checkbox input + i, 
.ba-icons-wrapper .font-checkbox input + i + i.zmdi-check {
    padding: 15px;
    right: 10px;
    top: 10px;
    width: 1em;
}

#user-icons .ba-options-group:first-child > p,
#add-plugin-dialog .ba-plugin-group:first-child > p,
.ba-icons-wrapper .ba-options-group:first-child .ba-group-title {
    border: none;    
}

.ba-icons-wrapper .toolbar-wrapper> div {
    display: inline-block;
}

.ba-icons-wrapper .toolbar-wrapper i {
    color: #fff;
}

.ba-icons-wrapper .search-wrapper input {    
    cursor: text;
    overflow: hidden;
    padding: 0 43px 0 0 !important;
    position: absolute;
    right: 110px;
    top: -10px;
    transition: width .3s ease-in-out;
    width: 200px !important;
}

.zmdi-refresh.zmdi-hc-spin,
.ba-icons-wrapper .search-wrapper input:focus + .icon-search i {
    background: transparent !important;
}

.ba-icons-wrapper .nav-tabs li {
    float: left;
}

.ba-icons-wrapper .nav-tabs li {
    position: relative;
}

.ba-icons-wrapper .nav-tabs li a:before {
    display: none;
}

.ba-icons-wrapper .nav-tabs li:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .2s ease-in-out;
}

.ba-icons-wrapper .nav-tabs li.active:after {
    bottom: 4px;
    height: 4px;
}

@keyframes icons-active {
    from { opacity: 0;}
    to {opacity: 1;}
}

.ba-icons-wrapper .tab-pane.active {
    animation: icons-active .4s .1s ease-in-out both;
}

.ba-tooltip.ba-bottom.icons-modal-tooltip {
    margin: 95px 0 0 -45px;
}

.ba-icons-wrapper label.font-checkbox {
    right: -15px;
    top: -15px;
    width: auto;
}

/* ========================================================================
    Plugin Instagram
 ========================================================================== */

.ba-gridbox-gallery-modal-wrapper {
    bottom: 0;
    left: 50px;
    position: fixed;
    right: 50px;
    top: 0;
    z-index: 1080;
}

/* ========================================================================
    Plugin Map Settings
 ========================================================================== */
#openstreetmap-location,
#yandex-map-location,
#map-location {
    box-sizing: border-box;
    height: 100%;
}

#map-editor-dialog .tab-content .tab-pane {
    overflow: hidden;
}

#map-editor-dialog .text-editor-general-cell {
    max-height: 470px;
    overflow-y: auto;
}

#star-ratings-general-options .ba-settings-group .input-resize textarea,
#slideshow-item-dialog .modal-body .ba-settings-group .input-resize textarea.slide-description,
#map-editor-dialog .text-editor-general-cell textarea[data-group="marker"] {
    min-height: 85px;
    resize: none;
    overflow: auto !important;
    width: 150px;
}

.ba-settings-item.post-tags-list,
.ba-settings-item.multiple-apps-list,
.ba-settings-item.tags-categories-list,
#star-ratings-general-options .ba-settings-group .input-resize,
#slideshow-item-dialog .input-resize,
#map-editor-dialog .google-map-description {
    align-items: flex-start;
    height: auto;
    padding: 10px 75px 10px 25px;
}

.ba-settings-item.post-tags-list label.ba-help-icon,
.ba-settings-item.multiple-apps-list label.ba-help-icon,
.ba-settings-item.tags-categories-list label.ba-help-icon {
    top: 16px;
}

.ba-settings-item .tags-categories + label.ba-help-icon {
    top: 19px;
}

#star-ratings-general-options .ba-settings-group .input-resize span,
#slideshow-item-dialog .input-resize > span,
#map-editor-dialog .google-map-description.input-resize > span {
    height: 85px
}

.reset:not(.reset-page-intro-image) {
    position: absolute;
    right: 30px;
    top: 2px;
    width: auto !important;
}

#group-field-item-dialog .reset:not(.reset-page-intro-image) {
    top: auto;
}

.pac-container {
    width: 400px !important;
    z-index: 9999;
}

.modal .input-resize > input[type="text"] {
    border-bottom: 2px solid transparent;
    height: 45px;
    top: -2px !important;
}

#star-ratings-general-options .ba-settings-group .input-resize > textarea,
.modal .input-resize > textarea[data-option="description"],
.modal .input-resize > input[type="text"] {
    background-color: #f5f5f5 !important;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute !important;
    right: 75px; 
    text-overflow: ellipsis;
    top: 11px;  
    transition: width .3s ease-in-out, border-color .3s ease-in-out;
}

.link-picker-container.input-resize > span {
    flex-grow: 1;
}

.link-picker-container.input-resize {
    justify-content: flex-end;
}

.link-picker-container.input-resize input[type="text"] {
    width: calc(100% - 396px)!important;
    right: 140px !important;
}

.ba-modal-cp[data-edit="submit-button"] .link-picker-container.input-resize input[type="text"] {
    width: calc(100% - 226px)!important;
    right: 65px !important;
}

.modal .link-picker-container.input-resize input[type="text"]:focus {
    width: calc(100% - 175px)!important;
}

.ba-modal-cp .input-resize > input[type="text"].field-admin-description,
#headline-general-options .ba-settings-group .input-resize input[type="text"],
.modal .input-resize > input[type="text"].ba-wishlist-title,
.modal .input-resize > input[type="text"].field-description {
    width: 156px;
}

.modal.ba-modal-lg .input-resize > input[type="text"].field-admin-description {
    width: 207px;
}

#star-ratings-general-options .ba-settings-group .input-resize > textarea:focus,
.modal .input-resize > textarea[data-option="description"]:focus,
.modal .input-resize  > input[type="text"]:focus { 
    border-color: #1da6f4 !important; 
    width: calc(100% - 100px)!important;
}

#openstreetmap-editor-dialog .sorting-item,
#yandex-maps-editor-dialog .sorting-item,
#map-editor-dialog .sorting-item {
    position: relative;
    margin-bottom: 5px;
}

#openstreetmap-editor-dialog .sorting-item  input[type="text"],
#yandex-maps-editor-dialog .sorting-item  input[type="text"],
#map-editor-dialog .sorting-item  input[type="text"] {
    width: 85%;
}

#openstreetmap-editor-dialog .focus-underline,
#yandex-maps-editor-dialog  .focus-underline,
#map-editor-dialog .focus-underline {
    top: 33px;
    width: 85%;
}

#openstreetmap-editor-dialog .ba-group-element:first-child input[type="text"]::-webkit-input-placeholder,
#yandex-maps-editor-dialog .ba-group-element:first-child input[type="text"]::-webkit-input-placeholder,
#map-item-dialog .ba-group-element:first-child input[type="text"]::-webkit-input-placeholder {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

#openstreetmap-editor-dialog .ba-group-element:first-child input[type="text"]::-moz-placeholder,
#yandex-maps-editor-dialog .ba-group-element:first-child input[type="text"]::-moz-placeholder,
#map-item-dialog .ba-group-element:first-child input[type="text"]::-moz-placeholder {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

#openstreetmap-editor-dialog .reset,
#testimonial-item-edit-modal .reset,
#feature-box-item-modal .reset,
#yandex-maps-editor-dialog .reset,
#map-item-dialog .reset {
    top: calc(50% - 20px);
}

#openstreetmap-editor-dialog .reset i,
#yandex-maps-editor-dialog .reset i,
#map-item-dialog .reset i {
    padding: 8px!important;
}

/* ========================================================================
    Code Editor Settings
 ========================================================================== */

#ckeditor-code-editor-dialog,
#code-editor-dialog {
    font-family: "Roboto", sans-serif;
    min-height: 300px;
    min-width: 300px;
}

#on-scroll-animations-modal .code-nav,
#section-animations-modal .code-nav,
#shape-dividers-modal .code-nav,
#states-transition-modal .code-nav,
#advanced-shadow-modal .ba-modal-header, 
#category-list-fields-modal .ba-modal-header, 
#shortcuts-modal .ba-modal-header, 
div.modal.ba-modal-picker .modal-header,
#color-variables-dialog .code-nav,
#code-editor-dialog .code-nav {
    background: #252736; 
    border: none;
    margin: 0;
}

#code-editor-dialog .nav-tabs li a {
    max-width: none !important;
    width: 100%;
}

#code-editor-dialog .code-nav .active a,
#code-editor-dialog .nav-tabs a:hover {
    opacity: 1;
}

#code-editor-dialog .nav-tabs > li  {
    width: 50%;
}

#ckeditor-code-editor-dialog .modal-body,
#code-editor-dialog .modal-body {
    background: #2f3243;
    height: calc(100% - 70px);
    max-height: none;
    overflow: hidden;
}

#code-editor-dialog .general-tabs {
    min-height: 100%;
}

#code-editor-dialog .tab-content {
    background: #2f3243;
    height: calc(100% - 60px);
    position: absolute;
    width: 100%;
}

#color-picker-cell,
#color-variables-cell,
#custom-edit-css,
#custom-edit-html,
#code-edit-javascript,
#code-edit-css {
    height: 100%;
    width: 100%;
}

div.modal.ba-modal-picker .tabs-underline,
div.modal.ba-modal-picker .nav-tabs a:before,
#code-editor-dialog .tabs-underline,
#code-editor-dialog .nav-tabs a:before {
    background: #546e7b;
}

/* CodeMirror */
.CodeMirror-hints {
    background-color: #fff;
    box-shadow: 0 4px 60px rgba(0,0,0,.15) !important;
    list-style: none;
    margin:0;
    max-height: 310px;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    width: 265px;
    border-radius: 6px;
    z-index: 1560;
}

.CodeMirror-hint {
    cursor: pointer;
    font: 400 14px/28px 'Roboto', sans-serif !important;
    letter-spacing: normal !important;
    overflow: hidden;
    padding: 17px;
    white-space: pre;
}

.CodeMirror-hint:hover,
li.CodeMirror-hint-active {
    background: #546e7b;
    color: white;
}

.CodeMirror-hints.ba-autocomplete {
    opacity: 1;
}

.cm-s-material.CodeMirror-wrap + span {
    display: block;
    height: 4px;
    overflow: hidden;
    position: absolute;
    top: 56px;
    width: 50%;
}

.CodeMirror-scroll {
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

.CodeMirror-sizer {
    margin-left: 30px !important;
}

#ckeditor-code-editor-dialog .CodeMirror-gutter-wrapper,
#custom-edit-html .CodeMirror-gutter-wrapper,
#code-editor-dialog .CodeMirror-gutter-wrapper {
    left: -30px !important;
}

.CodeMirror pre {
    padding: 0 15px !important;
}

#ckeditor-code-editor-dialog .CodeMirror,
#custom-edit-css .CodeMirror,
#custom-edit-html .CodeMirror,
#code-editor-dialog .CodeMirror {
    height: 100%;
}

#custom-edit-css .CodeMirror,
#custom-edit-html .CodeMirror {
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
}

.cm-s-material.CodeMirror-wrap {
    background: #2f3243 !important;
    width: 100%;
}

#ckeditor-code-editor-dialog .CodeMirror-hscrollbar,
#custom-edit-html .CodeMirror-hscrollbar,
#code-editor-dialog .CodeMirror-hscrollbar {
    overflow-x: hidden;
}

#ckeditor-code-editor-dialog .CodeMirror-scrollbar-filler, 
#custom-edit-html .CodeMirror-scrollbar-filler, 
#code-editor-dialog .CodeMirror-scrollbar-filler {
    display: none !important;
}

.CodeMirror .CodeMirror-scroll .CodeMirror-gutters {
    background: transparent;
}

.ba-modal-lg .tab-content .ba-group-element .CodeMirror .CodeMirror-gutters,
#custom-html-dialog .CodeMirror-gutters {
    border: none;
}

.ba-modal-lg .tab-content .ba-group-element .CodeMirror-linenumber,
#custom-html-dialog .CodeMirror-linenumber {
    color: #cacaca;
}

.CodeMirror-code * {
    font-size: 16px;
    line-height: 24px;
}

.CodeMirror-code {
    margin-top: 15px;
}

.CodeMirror .CodeMirror-scroll .CodeMirror-cursor {
    height: 15px !important;
    margin: 5px 0;
}

#ckeditor-code-editor-dialog .CodeMirror-vscrollbar,
#custom-edit-html .CodeMirror-vscrollbar,
#code-editor-dialog .CodeMirror-vscrollbar {
    bottom: 0 !important;
    display: none !important;
}

.site-custom-code-wrapper {
    padding: 0 0 0 25px !important;
}

.site-custom-code-wrapper > label:not(.ba-help-icon) {
    padding-top: 25px;
    width: 150px;
}

.ba-modal-lg .tab-content .ba-group-element .CodeMirror {
    background: #f9f9f9;
    width: 790px;
}

#custom-edit-css .CodeMirror-vscrollbar {
    display: none !important;
}

/* ========================================================================
    Plugin Add Modal 
 ========================================================================== */

#add-plugin-dialog.modal .modal-header {
    background: #2f3243;
}

#add-plugin-dialog .modal-body .ba-plugin-list-wrapper {
    background: #2f3243;
    box-sizing: border-box;
    height: 470px;
    overflow: auto !important;
    padding: 0 25px;
}

#add-plugin-dialog .plugin-search-bar {
    background: #252736;
}

#add-plugin-dialog .ba-plugin-group > p {
    color: #fff;
    cursor: default;
    margin: 0 0 20px;
    padding-top: 55px;
}

#add-plugin-dialog .ba-plugin {
    background: rgb(52, 55, 74);
    align-items: center;
    display: inline-flex;
    float: left; 
    margin: 0 5px 10px;
    flex-direction: column;
    height: 200px;
    justify-content: center;
    transition: .3s linear;
    width: calc(20% - 10px);
}

.color-variables-item:hover,
#add-plugin-dialog .ba-plugin:not(.disable-plugin):hover {
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}

#add-plugin-dialog .ba-plugin i {
    color: #02fafa;
    font-size: 48px;
}

#theme-colors-options .colors-item span,
#add-plugin-dialog .ba-plugin .ba-title {
    color: #566e78;
    display: block;
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 25px;
    text-transform: uppercase;
    transition: .3s linear;
}

#add-plugin-dialog .ba-plugin .ba-title {
    line-height: 18px;
    text-align: center;
}

.color-variables-item:hover span,
#add-plugin-dialog .ba-plugin:hover span {
    color: #fff;
}

.shape-dividers-presets-wrapper,
#ckeditor-code-editor-dialog .CodeMirror-scroll,
body.com_gridbox .shortcuts-container,
body.com_gridbox #color-variables-cell,
div.modal.ba-modal-picker .modal-body > div,
#spinners-dialog .spinners-wrapper,
#filter-effects-image-options .ba-settings-group,
#font-weight-dialog .font-weight-wrapper,
#font-family-dialog .font-family-wrapper,
#color-variables-cell,
#code-editor-dialog .CodeMirror-scroll,
#add-plugin-dialog .modal-body .ba-plugin-list-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #484c65 transparent;    
}

#on-scroll-animations-settings-tab::-webkit-scrollbar-thumb,
#section-animations-settings-tab::-webkit-scrollbar-thumb,
#shape-dividers-settings-tab::-webkit-scrollbar-thumb,
.shape-dividers-presets-wrapper::-webkit-scrollbar-thumb,
#states-transition-presets-tab::-webkit-scrollbar-thumb,
#states-transition-settings-tab::-webkit-scrollbar-thumb,
#ckeditor-code-editor-dialog .CodeMirror-scroll::-webkit-scrollbar-thumb,
#product-variations-photos-dialog .sorting-container::-webkit-scrollbar-thumb,
.modal.ba-modal-product-picker .ba-settings-item.ba-settings-list-type ul::-webkit-scrollbar-thumb,
body.com_gridbox .shortcuts-container::-webkit-scrollbar-thumb,
body.com_gridbox #color-variables-cell::-webkit-scrollbar-thumb,
div.modal.ba-modal-picker .modal-body > div::-webkit-scrollbar-thumb,
#spinners-dialog .spinners-wrapper::-webkit-scrollbar-thumb,
#filter-effects-image-options .ba-settings-group::-webkit-scrollbar-thumb,
#font-weight-dialog .font-weight-wrapper::-webkit-scrollbar-thumb,
#font-family-dialog .font-family-wrapper::-webkit-scrollbar-thumb,
#color-variables-cell::-webkit-scrollbar-thumb,
#code-editor-dialog .CodeMirror-scroll::-webkit-scrollbar-thumb,
#add-plugin-dialog .modal-body .ba-plugin-list-wrapper::-webkit-scrollbar-thumb {
    background: #484c65 !important;
    border-radius: 6px;
}

#on-scroll-animations-settings-tab::-webkit-scrollbar-track,
#section-animations-settings-tab::-webkit-scrollbar-track,
#shape-dividers-settings-tab::-webkit-scrollbar-track,
.shape-dividers-presets-wrapper::-webkit-scrollbar-track,
#states-transition-presets-tab::-webkit-scrollbar-track, 
#states-transition-settings-tab::-webkit-scrollbar-track,
#ckeditor-code-editor-dialog .CodeMirror-scroll::-webkit-scrollbar-track,
div.modal.ba-modal-picker .modal-body > div::-webkit-scrollbar-track,
#spinners-dialog .spinners-wrapper::-webkit-scrollbar-track,
#filter-effects-image-options .ba-settings-group::-webkit-scrollbar-track,
#font-weight-dialog .font-weight-wrapper::-webkit-scrollbar-track,
#font-family-dialog .font-family-wrapper::-webkit-scrollbar-track,
#color-variables-cell::-webkit-scrollbar-track,
#code-editor-dialog .CodeMirror-scroll::-webkit-scrollbar-track,
#add-plugin-dialog .modal-body .ba-plugin-list-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}

#add-plugin-dialog .ba-plugin.disable-plugin i {
    opacity: .3;
}

/* ========================================================================
    Photo Editor Modal 
 ========================================================================== */

#photo-editor-dialog {
    background: #2f3243;
}

#photo-editor-dialog .tabs-underline {
    background: #536d7a;
}

#photo-editor-dialog .nav-tabs {
    display: flex;
    justify-content: center;
}

#photo-editor-dialog div:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    background: #536d7a;
}

#photo-editor-dialog .tab-content > div i {
    color: #536d7a;
}

#photo-editor-dialog .resize-image-wrapper,
#photo-editor-dialog .modal-header {
    background: #2f3243;
    z-index: 1;
}

#photo-editor-dialog .modal-body {
    z-index: 1;
}

#photo-editor-dialog div:not(.ba-tabs-wrapper) > .nav-tabs {
    background: #252736;
    overflow: visible;
}

#photo-editor-dialog .photo-editor-save-image {
    align-items: center;
    cursor: not-allowed;    
    display: flex;
    opacity: .5;
    position: absolute;
    right: 25px;
    top: calc(50% - 12px);
}

.photo-editor-footer a,
#photo-editor-dialog .photo-editor-save-image span,
#photo-editor-dialog .photo-editor-save-image i {
    color: #566e78; 
    transition: .3s ease-in-out;
}

#photo-editor-dialog .photo-editor-save-image[data-context="save-image-context-menu"],
#photo-editor-dialog .photo-editor-save-image[data-context="save-image-context-menu"] * {
    color: #fff !important;
    opacity: 1;
    cursor: pointer;
}

#photo-editor-dialog .photo-editor-save-image[data-context="save-image-context-menu"]:hover * {
    color: #566e78 !important;  
}

.photo-editor-footer a,
#photo-editor-dialog .photo-editor-save-image span span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

#photo-editor-dialog .nav-tabs li i {
    padding: 0 !important;
}

#photo-editor-dialog .nav-tabs li.active i,
#photo-editor-dialog .nav-tabs li a:hover i {
    color: #fff;
}

#photo-editor-dialog .nav-tabs li a {
    opacity: 1;
    overflow: visible;
    padding: 0 20px;
}

#photo-editor-dialog.ba-modal-lg .nav-tabs li {
    z-index: auto;
}

#photo-editor-dialog .tab-content {
    background: #34374a;
    float: right;
    overflow: hidden;
    position: relative;
    width: 30%;
}

#photo-editor-dialog .tab-content > div {
    overflow-y: auto !important;
    width: 100% !important;
}

#photo-editor-dialog .resize-image-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    float: left;
    height: 464px;
    overflow: hidden;
    justify-content: center;
    padding: 25px;
    position: relative;
    width: 70%;
}

#photo-editor-dialog .resize-image-wrapper > div:first-child {
    opacity: 0;
}

@keyframes editor-loaded {
    from { opacity: 0; }
    to { opacity: 1; }
}

#photo-editor-dialog .resize-image-wrapper.photo-editor-loaded.crop-enabled .ba-crop-overlay *:not(#ba-overlay-canvas),
#photo-editor-dialog .resize-image-wrapper.photo-editor-loaded > div:first-child {
    animation: editor-loaded .3s linear both; 
    opacity: 0; 
}

#flip-rotate-image-options {
    text-align: center;
}

#flip-rotate-image-options > span {
    display: inline-block;
    position: relative;
    float: left;
    margin: 2px;
}

#flip-rotate-image-options > span:nth-child(4) i {
    transform: rotate(90deg);
}

#photo-editor-dialog .tab-content > div i.zmdi-rotate-left:hover {
    background: #252736;
    color: #fff !important;
}

#flip-rotate-image-options i {
    background: #2f3243;
    font-size: 28px;
    padding: 14px!important;
    width: 28px;
}

#flip-rotate-image-options i:hover {
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
    background: #2f3243 !important;
    color: #fff !important;
}

#photo-editor-dialog .tab-content .ba-settings-toolbar {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

@keyframes context-photo {
    0%{ width: 265px; opacity: 0; max-height: 232px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 232px; }
}

#photo-editor-dialog .ba-settings-group .ba-custom-select ul.visible-select {
    animation: context-photo .3s both !important;
}

#photo-editor-dialog .ba-settings-group .ba-custom-select ul {
    margin-left: 110px; 
}

#photo-editor-dialog .ba-settings-group .ba-settings-item > span,
#photo-editor-dialog.modal .ba-settings-toolbar > div span:not(.ba-tooltip) {
    border: none;
    letter-spacing: 0px;
    line-height: 2em;
    padding: 0;
    text-transform: none;
    width: 100%;
}

#photo-editor-dialog .ba-settings-toolbar > div {
    width: calc(50% - 5px);
}

#photo-editor-dialog .ba-settings-toolbar > div >input[type="number"] {
    background: #252736;
    color: #fff;
}

#photo-editor-dialog .ba-custom-select i.zmdi-caret-down,
#photo-editor-dialog .ba-custom-select input[type="text"],
#photo-editor-dialog .ba-settings-item input[type="range"] + input[type="number"],
#photo-editor-dialog .ba-settings-toolbar > div span {
    color: #fff;
}

#photo-editor-dialog .ba-settings-group .ba-custom-select input[type="text"]:hover {
    background: #252736 !important;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-custom-select input:hover,
#section-animations-settings-tab .ba-settings-item .ba-custom-select input:hover {
    background: transparent!important;
    color: #fff!important;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-custom-select:hover i,
#section-animations-settings-tab .ba-settings-item .ba-custom-select:hover i {
    color: #fff!important;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-custom-select input,
#section-animations-settings-tab .ba-settings-item .ba-custom-select input,
#photo-editor-dialog .ba-settings-group .ba-settings-item {
    padding: 0; 
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-custom-select input,
#section-animations-settings-tab .ba-settings-item .ba-custom-select input {
    height: 30px;
    color: #566e78;
    transition: none !important;
}

#photo-editor-dialog .ba-settings-group .ba-settings-item > span {
    color: #fff;
    flex-grow: 1;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox,
#section-animations-settings-tab .ba-settings-item .ba-checkbox,
#category-list-fields-modal .ba-checkbox,
#photo-editor-dialog .ba-checkbox {
    min-width: auto;
    width: 40px;
}

#category-list-fields-modal .ba-checkbox {
    margin-bottom: 0;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper:before,
#on-scroll-animations-settings-tab .ba-range-wrapper:before,
#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper,
#section-animations-settings-tab .ba-range-wrapper:before,
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper,
#shape-dividers-settings-tab .ba-range-wrapper:before,
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper,
.cubic-bezier-settings-wrapper .ba-range-wrapper:before,
.states-transition-wrapper .ba-range-wrapper:before,
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper,
.states-transition-wrapper .ba-settings-item .ba-range-wrapper input[type=range],
.states-transition-wrapper .ba-settings-item .ba-range-wrapper,
.advanced-shadow-settings-wrapper .ba-range-wrapper:before,
.advanced-shadow-settings-wrapper .ba-settings-item .ba-range-wrapper input[type=range],
.advanced-shadow-settings-wrapper .ba-settings-item .ba-range-wrapper {
    width: 100%;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper input[type=range] {
    width: 250px;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper input[type=range],
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper input[type=range],
.states-transition-wrapper .ba-settings-item .ba-range-wrapper input[type=range],
.advanced-shadow-settings-wrapper .ba-settings-item .ba-range-wrapper input[type=range] {
    height: 30px;
    margin: 0 !important;
}

#photo-editor-dialog .ba-settings-item .ba-range-wrapper {
    width: 300px;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-range-wrapper,
#section-animations-settings-tab .ba-settings-item .ba-range-wrapper,
#shape-dividers-settings-tab .ba-settings-item .ba-range-wrapper,
.cubic-bezier-settings-wrapper .ba-settings-item .ba-range-wrapper,
.states-transition-wrapper .ba-settings-item .ba-range-wrapper,
.advanced-shadow-settings-wrapper .ba-settings-item .ba-range-wrapper {
    display: flex;
    align-items: center;
    z-index: 0;
}

#photo-editor-dialog .ba-range-wrapper input[type=range]::-webkit-slider-thumb {
    background: #536d7a;
}

#photo-editor-dialog .ba-range-wrapper input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb,
#photo-editor-dialog .ba-range-wrapper input[type=range]::-moz-range-thumb {
    background: #536d7a;
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-moz-range-thumb:hover,
#photo-editor-dialog .ba-range-wrapper input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-ms-track,
#photo-editor-dialog input[type=range].ba-range::-ms-track {
    background: #536d7a;
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-ms-thumb,
#photo-editor-dialog input[type=range].ba-range::-ms-thumb {
    background: #536d7a;
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-ms-thumb:hover,
#photo-editor-dialog input[type=range].ba-range::-ms-thumb:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

.advanced-shadow-settings-wrapper .ba-range-wrapper input[type=range]::-ms-fill-lower,
#photo-editor-dialog input[type=range].ba-range::-ms-fill-lower {
    background: #536d7a;
}

#photo-editor-dialog .ba-range-liner {
    background: #536d7a;
}

#photo-editor-dialog .ba-range-wrapper:before {
    background: #3d4053;
}

.save-image-context-menu > span {
    padding-left: 20px !important;
}

#photo-editor-dialog .ba-settings-group .ba-custom-select ul.visible-select li:hover i,
#photo-editor-dialog .ba-settings-group .ba-custom-select ul.visible-select li:hover,
.save-image-context-menu.ba-context-menu span:hover span,
.save-image-context-menu.ba-context-menu span:hover {
    background: #536d7a!important;
}

.ba-context-menu.save-image-context-menu {
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    margin-left: 65px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 1090; 
}

.ba-crop-overlay {
    cursor: move;
    position: fixed;
}

.photo-editor-loaded.crop-enabled .ba-crop-overlay,
.photo-editor-loaded.resize-enabled .ba-crop-overlay {
    animation: editor-loaded .3s .3s linear backwards;   
    opacity: 1!important; 
    pointer-events: none; 
}

.photo-editor-loaded.crop-disabled #ba-overlay-canvas {
    opacity: 0!important;   
    transition: .3s .6s linear!important;   
}

.photo-editor-loaded.crop-enabled .ba-crop-overlay {
    pointer-events: auto;  
}

@keyframes canvas-outline  {
    from { outline: 1px solid rgba(255,255,255, 0); }
    to { outline: 1px solid rgba(255,255,255,.3); }
}

.photo-editor-loaded.crop-enabled #ba-overlay-canvas {     
    animation: canvas-outline .3s linear both;   
}

@keyframes canvas-outline-out  {
    from { outline: 1px solid rgba(255,255,255, .3); }
    to { outline: 1px solid rgba(255,255,255,0); }
}

.photo-editor-loaded #ba-overlay-canvas {     
    animation: canvas-outline-out .3s linear both;  
    opacity: inherit;
    outline: 1px solid rgba(255,255,255,.3);
}

#photo-editor-dialog.ba-modal-close .ba-crop-overlay {
    display: none !important;
}

.ba-crop-overlay-resize-handle {
    background: #536d7a;
    border-radius: 50%;
    box-shadow: 0 0 0 0px rgba(84, 110, 123, .3);
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: -10px;
    transition: all .3s linear;
    width: 20px;
}

.ba-crop-overlay-resize-handle[data-resize="bottom-right"],
.ba-crop-overlay-resize-handle[data-resize="top-right"] {
    left: auto;
}

.ba-crop-overlay-resize-handle[data-resize="bottom-right"],
.ba-crop-overlay-resize-handle[data-resize="top-right"] {
    right: -10px;
}

.ba-crop-overlay-resize-handle[data-resize="bottom-left"],
.ba-crop-overlay-resize-handle[data-resize="bottom-right"] {
    top: auto;
    bottom: -10px;
}

.ba-crop-overlay-resize-handle:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

.ba-crop-overlay:before,
.ba-crop-overlay:after {
    animation: editor-loaded .3s linear both;
    content: "";
    height: 100%;
    left: 33.3%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 33.3%;
}

@keyframes crop-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

.crop-disabled .ba-crop-overlay *:not(#ba-overlay-canvas),
.crop-disabled .ba-crop-overlay:before,
.crop-disabled .ba-crop-overlay:after {
    animation: crop-out .3s linear both;
}

.ba-crop-overlay:after {
    border-left: 1px solid rgba(255,255,255,.3);
    border-right: 1px solid rgba(255,255,255,.3);
}

.ba-crop-overlay:before {
    border-bottom: 1px solid rgba(255,255,255,.3);
    border-top: 1px solid rgba(255,255,255,.3);
    height: 33.3%; 
    left: 0;
    top: 33.3%;
    width: 100%;
}

.resize-image-wrapper > div:not(.ba-crop-overlay) {
    position: relative;
} 

.resize-image-wrapper > div:not(.ba-crop-overlay):before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s linear;
}

.resize-image-wrapper.crop-enabled > div:not(.ba-crop-overlay):before {
    opacity: 1;
}

#photo-editor {
    display: block;
}

#category-list-fields-modal .ba-checkbox input:checked + span:before,
#category-list-fields-modal .ba-checkbox input:checked + span,
#photo-editor-dialog .ba-settings-group .ba-settings-item .ba-checkbox input:checked + span:before,
#photo-editor-dialog .ba-settings-group .ba-settings-item .ba-checkbox input:checked + span {
    border-color: #536d7a;
    background: #536d7a;
}

#category-list-fields-modal .ba-checkbox span,
#photo-editor-dialog .ba-settings-group .ba-settings-item .ba-checkbox span {
    border-color: #536d7a;  
    top: 0;
}

.photo-editor-footer {
    border-top: 1px solid #3e4154;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    width: 100%;
}

.photo-editor-footer a {
    display: inline-block;
    color: #fff;
    flex-grow: 1;
    line-height: 60px;
    max-width: 50%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.photo-editor-footer a:not(.active-button) {
    color: #566e78;
    cursor: not-allowed;
    opacity: .5;
}

.photo-editor-footer:before {
    border-right: 1px solid #3e4154;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 10;
}

.photo-editor-footer a.active-button:hover {
    background: #2f3243;
} 

.disabled-photo-editor .uploader-nav,
.disabled-photo-editor .tab-content {
    pointer-events: none;
}

#photo-editor-dialog.disabled-photo-editor .photo-editor-save-image[data-context="save-image-context-menu"],
#photo-editor-dialog.disabled-photo-editor .photo-editor-save-image[data-context="save-image-context-menu"] *,
#photo-editor-dialog.disabled-photo-editor .nav-tabs li.active i,
#photo-editor-dialog.disabled-photo-editor .ba-settings-group .ba-settings-item > span,
#photo-editor-dialog.disabled-photo-editor .ba-settings-toolbar > div span {
    color: #566e78 !important;
}

#photo-editor-dialog:not(.disabled-photo-editor) .show-photo-media-editor,
#photo-editor-dialog.disabled-photo-editor .resize-image-wrapper {
    display: none!important;
}

#filter-effects-image-options .ba-settings-group {
    margin-top: 0; 
}

#filter-effects-image-options .filter-effects-thumbnail .filter-effect-canvas {
    width: 100%;
}

#filter-effects-image-options {
    padding-right: 0 !important;
    padding-top: 0 !important;
}

#filter-effects-image-options .ba-settings-group {
    max-height: 414px;
    overflow-y: auto;
    padding: 25px 25px 0 0;
}

#filter-effects-image-options .filter-effects-thumbnail {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    width: calc(50% - 10px);
}

#filter-effects-image-options .filter-effects-thumbnail:nth-child(odd){
    margin-right: 10px;
}

#filter-effects-image-options .filter-effects-thumbnail span {
    padding-top: 0;
    text-align: center;
    width: 100%;
}

#filter-effects-image-options .filter-effects-thumbnail:hover span {
    color: #fff;
}

.filter-effects-enabled {
    pointer-events: none;
}

.ba-slider-wrapper {
    display: flex;
    margin: 0;
    position: relative;
    width: 100%;
}

.ba-range-liner:not([style*="100%"]) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.ba-slider-wrapper:before {
    background: #3e495a;
    width: 100%;
    height: 10px;
    border-radius: 6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
}

.ba-slider-wrapper input[type=range] {
    -webkit-appearance: none;
    background-color: transparent;
    border: none !important;
    box-shadow: none;
    box-sizing: border-box;
    height: 35px;
    margin-right: 0;
    margin: 0;
    outline: none !important;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

#on-scroll-animations-settings-tab .ba-slider-wrapper .ba-range-liner {
    pointer-events: none;
    z-index: 1;
}

.ba-slider-wrapper input[type=range] {
    pointer-events: none;
}

.ba-slider-wrapper input[type=range]::-moz-range-thumb,
.ba-slider-wrapper input[type=range]::-webkit-slider-thumb {
    pointer-events: all !important;
}

.ba-slider-wrapper  input[type=range] + input[type=range] {
    position: absolute;
}

/* ========================================================================
    Uploader Image Modal 
 ========================================================================== */

.modal-body iframe {
    border: none;
    height: 600px;
    width: 100%;
}

.modal-backdrop.seo-default-settings-modal,
#delete-dialog,
#text-anchor-picker-dialog,
#yandex-maps-item-dialog,
#save-copy-dialog,
#map-item-dialog,
#uploader-modal {
    z-index: 1070;
}

.post-tags-dialog.modal-backdrop,
.data-tags-dialog.modal-backdrop,
#seo-default-settings-modal,
.save-copy-dialog,
#photo-editor-dialog,
#link-select-modal {
    z-index: 1080;
}

#post-tags-dialog ,
#data-tags-dialog,
.product-badges-dialog ~ .color-variables-dialog.ba-modal-picker,
#uploader-modal.photo-media-editor,
.save-copy-notice-dialog,
#save-copy-dialog {
    z-index: 1090;
}

#on-scroll-animations-modal,
#section-animations-modal,
#shape-dividers-modal ,
#states-transition-modal,
#color-variables-dialog,
#save-copy-notice-dialog {
    z-index: 1095;
}

.product-badges-dialog ~ .color-variables-dialog.ba-modal-picker {
    animation: none;
    display: block !important;
    opacity: 0;
}

@keyframes uploader-modal {
    0% {transform: translateY(100vh);}
    100% {transform: translateY(0);}
}

.modal.ba-modal-lg.in {
    animation: uploader-modal .5s cubic-bezier(.25,.98,.26,.99);
}

@keyframes close-modal-lg {
    to {margin-top: 100vh;}
}

.modal.ba-modal-lg.ba-modal-close {
    display: block !important;
    animation: close-modal-lg .5s cubic-bezier(.25,.98,.26,.99) both !important;
}

.page-multicategory-list.visible-select li:hover i,
.page-multicategory-list.visible-select li:hover,
.version-history-item.active,
.ba-custom-author-select ul li:hover,
.ba-icons-wrapper .ba-options-group .ba-group-element:hover span,
.ba-icons-wrapper .ba-options-group .ba-group-element:hover i,
.ba-icons-wrapper .ba-options-group .ba-group-element:hover,
.ba-lg-custom-select-body li:hover,
.ba-lg-custom-select-body li:hover i,
.ba-lg-custom-select-body li:hover span,
#fonts-list .ba-group-element:hover .font-checkbox input:checked + i + i.zmdi-check,
#fonts-list .ba-group-element:hover div,
#fonts-list .ba-group-element:hover,
.ba-context-menu:not(.left-context-menu) span:hover a,
.ba-context-menu:not(.left-context-menu) span:not(.disable-button):hover i,
.ba-context-menu:not(.left-context-menu) span:hover span,
.ba-context-menu:not(.left-context-menu) span:not(.disable-button):hover,
.ba-custom-select ul li:hover i,
.ba-custom-select ul li:hover,
.context-active,
.droppable-over a,
.droppable-over i,
.droppable-over,
.ui-droppable:hover a,
.ui-droppable:hover i,
table.ba-items-list tbody tr.context-active i,
table.ba-items-list tbody tr.context-active a,
table.ba-items-list tbody tr.context-active span,
table.ba-items-list tbody tr:hover i,
table.ba-items-list tbody tr:hover a,
table.ba-items-list tbody tr:hover span,
table.ba-items-list tbody tr:hover {
    background: #1da6f4;
    border-bottom-color: transparent;
    color: #fff !important;
}

.ba-icons-wrapper .ba-options-group .ba-group-element:hover i,
table.ba-items-list tbody tr.ui-draggable-dragging:hover i {
    background: transparent !important;
}

.version-history-item.active * {
    color: #fff !important;
}

/* Uploader modal header */
#ba-media-manager input:not(.cke_dialog_ui_input_text):focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.ba-media-header {
    background: #1887cf;
    color: #fff;
    position: fixed;
    z-index: 1;
}

.ba-media-header > div {
    margin: 0 !important;
}

.ba-media-header > div:first-child {
    padding: 8px 20px;
    text-align: right;
}

#ba-media-manager .ba-media-header > div:first-child {
    overflow: hidden;
}

.ba-media-header > div > i {
    padding: 0 8px;
}

.uploader-nav {
    background: #1da6f4;
    font-size: 16px;
    margin-bottom: 0;
    min-height: 35px;
    text-transform: capitalize;
    padding: 10px 25px;
}

.uploader-nav.nav{
    margin-bottom: 0;
    padding: 0;  
}

.ba-integration-plugin .sorting-table .ba-custom-select ul.visible-select,
#filter-bar .sorting-direction .ba-custom-select ul.visible-select,
#filter-bar .pagination-limit .ba-custom-select ul.visible-select,
.uploader-nav .pagination-limit .ba-custom-select ul.visible-select {
    box-shadow: 0 4px 60px rgba(0,0,0,.15) !important;
    margin-left: 65px;
    top: 40px !important;
    transform: translateX(-100%);
}

.associations-pages-wrapper .ba-custom-select input[type="text"],
.ba-custom-select input {
    background-color: transparent !important;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font: 500 14px/45px 'Roboto', sans-serif;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0px 30px 0px 10px;
    position: inherit;
    text-overflow: ellipsis;
    transition: all .2s 0s ease-in-out;
    z-index: 5;
}

.modal .ba-custom-select input {
    border-radius: 0;
}

.uploader-nav a {
    color: #fff;
    line-height: 30px;
}

.uploader-nav .ba-breadcrumb a {
    line-height: 35px;
}

.ba-modal-lg .nav-tabs li {
    float: left;
    position: relative;
    z-index: 1;
}

#move-to.active,
#delete-items.active {
    opacity: 1;
}

.not-allowed-checkbox.ba-checkbox,
#about-dialog .modal-header a:hover,
#delete-items,
#move-to,
.alert .close:hover,
.ba-media-header > div:first-child i:hover,
.disabled-item:not(.ba-context-menu),
.modal.ba-modal-md .ba-modal-header i:hover,
.uploader-nav .ba-breadcrumb a:hover {
    opacity: .5;
}

.ba-breadcrumb {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    height: 40px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 355px);
}

.ba-breadcrumb i {
    vertical-align: middle;
    cursor: default !important;
}

.ba-breadcrumb span {
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
}

.ba-breadcrumb span:last-child,
.ba-breadcrumb i {
    cursor: default !important;
}

.ba-breadcrumb i {
    font-size: 13px !important;    
}

.ba-breadcrumb span:last-child,
.ba-breadcrumb i {
    cursor: default !important; 
}

.ba-breadcrumb span:not(:last-child):hover,
.ba-breadcrumb span:last-child {
    opacity: .5;
}

.uploader-nav .pagination-limit,
.table-head .header-icons {
    display: inline-block;
}

.control-toolbar {
    float: right;
}

.table-head label:not(#jform_title-lbl),
.control-toolbar label {
    display: inline-block;
    position: relative;
}

#ba-media-manager .ba-media-manager-search-wrapper .ba-media-manager-search-icon:hover, 
.right-icons-wrapper i:hover,
.new-font-wrapper a i:hover,
.uploader-nav .pagination-limit .ba-custom-select:hover,
.uploader-nav .control-toolbar i:not(.zmdi-check):hover {
    background: #1887cf;
}

.uploader-nav .pagination-limit .ba-custom-select {
    border-radius: 3px;
}

.show-photo-media-editor,
.media-manager-apply-wrapper {   
    border-radius: 50%;
    bottom: 50px;
    position: fixed !important;
    right: 75px;
    transform: translate3d(0, 0, 0);
}

.camera-container {
    bottom: -30px;
    position: absolute;
    right: 25px;
}

.show-photo-media-editor i,
#ba-apply {
    background: #f64231;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    opacity: 0;
    overflow: hidden;
    padding: 18px;
    position: relative;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    width: 24px;
}

.show-photo-media-editor {
    bottom: -450px;
    overflow: visible; 
    position: absolute !important;
    right: calc(50% - 145px);
    z-index: 1;
}

.show-photo-media-editor span:not(.ba-tooltip){
    display: block;
    position: relative;
}

@keyframes ba-apply {
    0% { transform: scale(.05); opacity: 0;}
    70% { transform: scale(1.01); opacity: 1;}
    100% { transform: scale(1); opacity: 1 ;}
}

.show-photo-media-editor,
#ba-apply.active {
    animation: ba-apply .45s .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    visibility: visible;
}

#ba-media-manager #ba-apply:not(.active),
#ba-media-manager #ba-apply:not(.active) + .ba-tooltip,
.media-manager-enabled #ba-apply.active {
    display: none !important;
}

@keyframes ba-apply-icon {
    from{opacity: 0;}
    to {opacity: 1;}
}

#ba-apply.active:before {
    animation: ba-apply-icon .3s .5s both;
}


/* Media Manager Search */
.ba-media-manager-search-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: flex-end;
    left: 15px;
    pointer-events: none;
    position: absolute;
    width: calc(100% - 345px);
}

.ba-media-manager-search-wrapper input {
    background: #1887cf;
    border-radius: 3px;
    border: none;
    color: #fff;
    font-size: 16px;
    height: auto;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    transition: .3s;
    width: 0;
}

.media-search-focus-in .ba-media-manager-search-wrapper input {
    box-sizing: border-box;
    height: auto;
    margin-bottom: 0;
    padding: 0 15px;
    width: 100%;
}

.ba-media-manager-search-wrapper i.ba-media-manager-search-icon {
    pointer-events: all;
    z-index: 1;
}

/*
/* Pages List Modal
*/

.table-header > div:last-child,
.table-header > div:first-child,
.id-td,
.status-td {
    padding: 15px 0;
    text-align: center !important;
    width: 15% !important;
}

.title-td,
.status-td  {
    padding: 0!important;
}

.title-td,
.theme-td {
    width: 35% !important;
}

.title-td a,
.theme-td {
    padding: 25px !important;
}

.theme-td {
    text-align: left !important;
}

.title-td a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-header {
    display: table;
    width: 100%;
}

.table-header div {
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    float: left;
    font: 500 14px/18px 'Roboto', sans-serif;
    max-width: none !important; 
    padding: 15px 25px;
    width: 35%;
}

.table-header div:first-child {
    border-left: none;
}

/* Filter Bar */
#filter-bar {
    background: #1da6f4;
    box-sizing: border-box;
    padding: 5px 25px;
    position: relative;
}

#filter-bar > div {
    display: inline-block;
    float: right;
    border-radius: 3px;
}

#filter-bar > div:hover {
    background: #1887cf;
}

#filter-bar .ba-custom-select input {
    border: none;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
}

#filter-bar .ba-custom-select .zmdi-caret-down {
    color: #fff;
    top: 12px;
}

#filter-bar > input[type="text"]{
    background: transparent;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font: 400 16px/45px 'Roboto', sans-serif;
    height: 50px;
    margin: 0;
    padding: 0 25px 0 80px;
    width: 30%;
}

.media-search-focus-in .ba-media-manager-search-wrapper input::-webkit-input-placeholder,
#filter-bar > input[type="text"]::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
}

.media-search-focus-in .ba-media-manager-search-wrapper input::-webkit-input-placeholder,
#filter-bar > input[type="text"]::-moz-placeholder {
    color: #fff;
    opacity: .5;
}

#filter-bar > input[type="text"] + i {
    color: #fff;
    font-size: 24px;
    left: 30px;
    opacity: .5;
    position: absolute;
    top: 20px;
}

.ba-media-header #filter-bar .ba-custom-select ul.visible-select {
    top: 50px !important;
}

.ba-integration-plugin .sorting-table .ba-custom-select ul.visible-select,
#filter-bar .sorting-direction .ba-custom-select ul.visible-select {
    margin-left: 0!important;
    left: 100%;
}

/* Media manager */
#ba-media-manager {
    overflow: hidden;
    position: relative;
}

#ba-media-manager table.ba-items-list tbody tr td.status-td i.zmdi-eye {
    cursor: default !important;
}
 
.ba-integration-plugin .fonts-table,
.modules .fonts-table,
.baforms .fonts-table,
.bagallery .fonts-table,
.ba-media-manager {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: calc(100vh - 100px);
    margin-top: 100px;
    overflow: hidden;
}

.ba-media-manager {
    height: calc(100vh - 104px);
    margin-top: 104px;
}

/* Uploader modal left sidebar */
.ba-page-structure-list,
.ba-folder-tree {
    box-sizing: border-box;
    display: inline-block;
    overflow-x: hidden;
    position: relative;
}

.ba-page-structure-list,
.availible-folders > ul,
.ba-folder-tree > ul {
    box-sizing: border-box;
    height: calc(100vh - 100px);
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px ;
    width: calc(100% + 25px);
}

.ba-page-structure-list > ul,
.availible-folders > ul ul,
.ba-folder-tree > ul ul {
    box-sizing: border-box;
    margin: 0; 
    padding: 0 0 0 10px;
}

.version-history-item-title span,
.ba-page-structure-list li,
.availible-folders li,
.ba-folder-tree li {
    font-size: 13px;
    list-style: none;
    position: relative;
    white-space: nowrap;
}

#link-select-modal .availible-folders li * { 
    cursor: default !important;
}

#link-select-modal .availible-folders li:not([data-url*="index"])>span:hover .zmdi-folder {
    color: #757575 !important;
}

#link-select-modal .availible-folders li:not([data-url*="index"])>span:hover {
    color: #333 !important;
}

#link-select-modal .availible-folders li .zmdi-chevron-right,
#link-select-modal .availible-folders li[data-url*="index"] * {
    cursor: pointer !important;
}

.link-picker-container {
    padding-right: 30px !important;
}

#edit-post-link-dialog .link-picker-container {
    padding-right: 0 !important;
}

#edit-post-link-dialog .link-picker-container .post-link-input-wrapper {
    width: calc( 100% - 132px);
}

#edit-post-link-dialog .link-picker-container.focus-link-input .post-link-input-wrapper {
    width: 100%;
}

.link-picker-container > div {
    display: inline-block;
    opacity: 1;
    position: relative;
    transition: opacity .15s;
}

#edit-post-link-dialog .link-picker-container.focus-link-input .select-anchor,
#edit-post-link-dialog .link-picker-container.focus-link-input .select-link,
#edit-post-link-dialog .link-picker-container.focus-link-input .select-file {
    opacity: 0;
    position: absolute;
    top: 26px;
    transition: opacity .15s
}

#edit-post-link-dialog .link-picker-container.focus-link-input .select-file {
    right: 0;
    transition: opacity .15s .3s;
}

#edit-post-link-dialog .link-picker-container.focus-link-input .select-link {
    right: 44px;
    transition: opacity .15s .15s;
}

#edit-post-link-dialog .link-picker-container.focus-link-input .select-anchor {
    right: 88px;
}

#edit-post-link-dialog .link-picker-container .select-link {
    transition: opacity .15s .15s;
}

#edit-post-link-dialog .link-picker-container .select-anchor {
    transition: opacity .15s .3s;
}

.ba-page-structure-list li > span,
.availible-folders li > span,
.ba-folder-tree li > span {
    display: block;
    padding: 10px 15px;
}

.version-history-item-title i,
.ba-page-structure-list li i,
.availible-folders li i,
.ba-folder-tree li i {
    margin-right: 15px;
}

.ba-page-structure-list li > i,
.availible-folders li > i,
.ba-folder-tree li > i {
    display: block;
    height: 18px;
    left: -10px;
    line-height: 18px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 18px;
}

.ba-page-structure-list li > ul,
.availible-folders li > ul,
.ba-folder-tree li > ul {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .3s, max-height .3s;
    visibility: hidden;
}

li.visible-branch > ul {
    max-height: var(--branch-height);
    opacity: 1;
    overflow: visible;
    transition: opacity .3s, max-height .3s, overflow .1s .3s;
    visibility: visible;
}

li.visible-branch > i.zmdi-chevron-right {
    transform: rotate(90deg);
}

.ba-page-structure-list li > a,
.ba-page-structure-list li > span,
.left-context-menu.ba-context-menu .layers-settings-body li label,
.left-context-menu.ba-context-menu .layers-settings-body li > span,
.availible-folders li label,
.availible-folders li > span,
#ba-media-manager .ba-folder-tree li > a,
.ba-folder-tree li > span {
    display: block;
    overflow: hidden;
    padding: 10px 30px;
    text-overflow: ellipsis;
}

/* Work Area */
.ba-work-area {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-left: 1px solid #f3f3f3;
    box-sizing: border-box;
    float: right;
    height: calc(100vh - 100px);
    overflow-y: auto;
}

.ba-work-area .select-all input {
    opacity: 0;
}

.ba-work-area .select-all i {
    left: 29px;
    position: absolute;
}

#photo-editor-dialog .ba-settings-group .ba-settings-item > span,
#photo-editor-dialog.modal .ba-settings-toolbar > div span:not(.ba-tooltip),
.select-all,
table.ba-items-list {
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
}

.table-head {
    font-size: 14px;
    color: #333;
}

.table-head + div,
.table-head {
    width: 100%;
    float: left;
}

.table-head + div {
    min-height: calc(100% - 155px);
}

#ba-items-list-wrapper {
    min-height: 365px;
}

.table-head .modified,
#photo-editor-dialog .ba-settings-toolbar > div span:not(.ba-tooltip),
.table-head .files-size,
.table-head .files-name {
    border-bottom: 1px solid #f3f3f3;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 15px 25px;
    text-align: left;
    width: 80%;
}

.table-head .files-name {
    width: 60%;
}

.table-head .files-size .ba-tooltip {    
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal;
}

.table-head .modified,
.table-head .files-size,
.table-head .files-name {
    font: 500 14px/18px 'Roboto', sans-serif;
    height: 50px;
    display: flex;
    overflow: visible !important;
    padding: 0;
    position: relative;
}

.ba-work-area span.active:before {
    background: #1da6f4;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
}

.table-head .files-name i {
    line-height: 47px !important;
    margin: 0 0 0 25px;
    vertical-align: middle;
}

.table-head .modified,
.table-head .files-size {
    border-left: 1px solid #f3f3f3;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
}

.table-head div > span {
    cursor: pointer;
    padding: 15px 25px;
    width: 100%;
}

.ba-group-title .check-all input:checked + i,
.select-td .ba-image input:checked + i,
.table-head input:checked + i {
    color: #1887cf;
}

.ba-group-title .check-all i,
.table-head .files-name i {
    line-height: 0;
    vertical-align: middle;
}

.ba-group-title .check-all,
.ba-work-area .check-all  {
    margin-right: 20px;
}

.ba-work-area table.ba-items-list tbody tr td .ba-image {
    position: relative;
    text-align: left;
}

table.ba-items-list tbody tr td .ba-image img {
    border-radius: 3px; 
    max-height: 60px;
    max-width: 60px;
    vertical-align: middle;
}

.ba-work-area table.ba-items-list tbody tr td:not(.ba-file-wrapper) .ba-image {
    display: block;
    min-width: 60px;
}

table.ba-items-list tbody tr td:first-child {
    box-sizing: border-box;
    height: 70px;
    padding-left: 65px;
    position: relative;
    text-align: left;
    width: 10%;
}

table.ba-items-list tbody tr:not(.ui-draggable-dragging) td:first-child {
    min-width: 125px;
}

.com_gridbox.pages table.ba-items-list tbody tr:not(.ui-draggable-dragging) td:first-child {
    min-width: 100px;
}

table.ba-items-list tbody tr td:first-child + td {
    max-width: 100px;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.ba-items-list tbody tr td:nth-last-child(2),
.table-header > div:last-child,
table.ba-items-list tbody tr td:last-child {
    text-align: center;
    width: 20%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ba-work-area table.ba-items-list tbody tr td.select-td:before {
    animation: spin 1s infinite;
    color: #4889ef;
    content: '\f3ec';
    font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
    left: 80px;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 35px;
}

.folder-icons {
    display: inline-block;
    position: relative;
    width: 40px;
}

.ba-items-list .select-td span {
    font-size: 48px;
    position: static;
}

#ba-media-manager .select-td i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td i+i {
    left: -65px;
    margin-top: -34px;
    position: absolute;
    top: 35px;
}

#ba-media-manager table.ba-items-list tbody tr td .zmdi-folder + i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td .zmdi-folder + i+i {
    top: 24px;
}

#ba-media-manager table.ba-items-list tbody tr td i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td i+i {
    top: 50%;
}

#ba-media-manager .select-td i.zmdi-circle-o {
    left: 0;
}

#ba-media-manager table.ba-items-list tbody tr td.select-td .folder-icons i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td i+i,
#ba-media-manager table.ba-items-list tbody tr td .ba-image i:not(.ba-file-icon) {
    height: 69px;
    line-height: 70px;
    opacity: 0;
    text-align: center;
    width: 65px;
}

.font-checkbox i,
#ba-media-manager .select-td i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td .ba-image i.zmdi-circle-o,
#ba-media-manager table.ba-items-list tbody tr td.select-td .folder-icons i.zmdi-circle-o {
    color: #fff;
    opacity: .5;
}

.uploader-nav .pagination-limit .ba-custom-select .zmdi-caret-down {
    left: 38px;
    padding: 0;
    right: auto;
    top: 9px;
}

.uploader-nav .pagination-limit .ba-custom-select input {
    height: 40px !important;
    line-height: 40px;
}

.pagination-limit input {
    max-width: 65px;
    width: auto;
}

.right-icons-wrapper span,
.new-font-wrapper a,
.uploader-nav .control-toolbar label {
    margin-left: 15px;
    margin-bottom: 0;
}

.right-icons-wrapper > span,
.new-font-wrapper a {
    position: relative;
    display: inline-block;
}

.right-icons-wrapper > span.disable-button {
    opacity: 1;
}

.uploader-nav .pagination-limit {
    vertical-align: top;
}

.uploader-nav a:hover,
table.ba-items-list a:hover {
    text-decoration: none;
}

.new-font-wrapper a i,
.uploader-nav i {
    color: #fff;
    padding: 0 10px;
}

.ba-page-structure-list li.active > a,
.ba-page-structure-list li.active > a i,
.ba-page-structure-list li > a.context-active,
.ba-page-structure-list li > a.context-active i,
.ba-page-structure-list a:hover,
.ba-page-structure-list a:hover i,
.availible-folders li.active > span i,
.availible-folders li.active > span,
.availible-folders li span:hover i,
.availible-folders li span:hover,
.ba-folder-tree li.active > a,
.ba-folder-tree li.active > a i,
.ba-folder-tree li > a.context-active,
.ba-folder-tree li > a.context-active i,
.ba-folder-tree a:hover,
.ba-folder-tree a:hover i {
    color: #1da6f4 !important;
    text-decoration: none!important;
    background: transparent;
}

#fonts-list .font-checkbox input:checked + i + i.zmdi-check,
.ba-icons-wrapper .font-checkbox input + i + i.zmdi-check,
.ba-items-list .select-td i.zmdi-check {
    color: #000;
}

table.ba-items-list tbody tr td .ba-image input:checked + i + i.zmdi-check,
.ba-icons-wrapper .ba-group-element:hover .font-checkbox input:not(:checked) + i,
.ba-icons-wrapper .font-checkbox input:checked + i + i.zmdi-check,
#fonts-list .font-checkbox input:checked + i + i.zmdi-check,
#ba-media-manager table.ba-items-list tbody tr td .ba-image i.ba-file-icon,
#ba-media-manager .select-item:checked + .folder-icons .zmdi-check,
#ba-media-manager .select-item:checked + input + i + i.zmdi-check {
    opacity: 1 !important;
}

.ba-icons-wrapper .font-checkbox input + i,
.ba-icons-wrapper .font-checkbox input + i + i.zmdi-check,
.ba-icons-wrapper .font-checkbox input:checked + i,
#fonts-list .font-checkbox input + i + i.zmdi-check,
#fonts-list .font-checkbox input:checked + i,
#ba-media-manager .select-item:checked + .folder-icons .zmdi-circle-o,
#ba-media-manager .select-item:checked + input + i {
    opacity: 0;
}

.ba-work-area .pagination ul li.active a {
    background: #e6e6e6;
}

#ba-media-manager table.ba-items-list tbody tr td .ba-image i.ba-file-icon {
    color: #3f3f3f;
    text-align: left;
}

#ba-media-manager table.ba-items-list tbody tr.ui-draggable-dragging td .ba-image i.ba-file-icon {
    height: auto;
    line-height: initial;
    padding-left: 0px;
    width: auto;
}

#ba-media-manager table.ba-items-list tbody tr.ui-draggable-dragging td:first-child {
    padding-right: 0 !important;
}

/* ========================================================================
    Pagination
 ========================================================================== */

.pagination {
    margin: 30px 0 50px;
    text-align: center;
}

.ba-media-manager .pagination {
    margin: 0;
}

.pagination ul {
    box-shadow: none;
    display: inline-block;
    margin: 25px auto;
    padding: 0;
}

.pagination ul > li {
    display: inline;
    text-decoration: none;
}

.ba-media-manager .pagination ul > .disabled > a,
.pagination ul > li > a,
.pagination ul > li > span {
    background: transparent;
    border-radius: 2px;
    border: none;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    margin: 0;
    padding: 4px 12px;
}

.ba-media-manager .pagination ul > .disabled > a *,
.ba-media-manager .pagination ul > .disabled > a {
    cursor: not-allowed!important;
}

.pagination ul > li > a .zmdi {
    font-size: 16px !important;
}

.pagination ul > li:not(.active) > a:hover {
    background: none;
}

.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover {
    background: #f64231;
    border-radius: 3px;
    color: #fff;
}

#ba-notification i:hover,
.pagination ul > li:not(.active) > a:hover,
.pagination ul > li:not(.active) > span:hover,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus a {
    opacity: .5;
}

/* Uploader modal Delete item */
#rename-modal .focus-underline,
#create-folder-modal .focus-underline {
    bottom: 50px;
}

#create-folder-modal {
    top: calc(50% - 160px) !important;
}

/*
/* Page Structure Modal
*/

#page-structure-dialog.modal.ba-modal-cp {
    width: 300px;
    min-width: 300px;
    min-height: 460px;
    height: 460px;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog),
#page-structure-dialog[data-position="left"] {
    animation: none !important;
    transition: none !important;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header,
#page-structure-dialog .modal-header {
    align-items: center;
    background: #00a2fa;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
}

#page-structure-dialog .modal-header > div { 
    display: flex;
}

#page-structure-dialog .modal-header .ba-dialog-title {
    color: #fff;
    font: 500 14px/14px Roboto;
    letter-spacing: 0;
    text-transform: initial;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header i,
#page-structure-dialog .modal-header i {
    font-size: 16px;
    width: 16px;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header i:not(.zmdi-check):hover,
#page-structure-dialog[data-position="left"] .modal-header i:not(.zmdi-check):hover {
    color: #757575 !important;
}

#page-structure-dialog .modal-header i:not(.zmdi-check):hover {
    opacity: .5;
}

#page-structure-dialog .modal-header .ba-custom-select {
    text-align: left;
}

.modal.ba-modal-cp.draggable-modal-cp .modal-header .ba-custom-select ul.visible-select,
#page-structure-dialog .modal-header .ba-custom-select ul {
    margin-top: 30px;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .tabs-underline, 
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp div:not(.ba-tabs-wrapper) > .nav-tabs a:before, 
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li span:not(.ba-tooltip), 
body:not([data-cp-position="right"]) .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs i {
    display: none !important;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li a, 
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li {
    overflow: visible;
    opacity: 1;
}   

#page-structure-dialog .modal-header .ba-custom-select li {
    overflow: hidden;
    white-space: nowrap;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list .selected i,
.ba-modal-cp .ba-custom-select.select-modal-cp-position ul i,
#page-structure-dialog .modal-header .ba-custom-select .selected i {
    color: #757575;
    font-size: 24px;
    padding: 8px;
    top: 10px;
    width: 24px;
    opacity: 1 !important;
}

#page-structure-dialog .modal-body {
    height: calc(100% - 94px);
    min-height: 365px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ba-page-structure-list {
    height: 100%;
    padding: 5px 0;
    width: 100%;
}

.version-history-item-title i,
.ba-page-structure-list li i {
    line-height: 20px;
}

.ba-page-structure-list li > i {
    padding: 10px;
    top: 0;
    left: 5px;
}

.childs-structure li > i {
    left: calc(5px + (var(--structure-level) )*10px);
    transition: transform .3s;
}

.childs-structure li > i.zmdi-eye-off.page-structure-disable-icon {
    left: auto;
    pointer-events: none;
    right: 0;
}

.ba-page-structure-list li {
    user-select: none;
    -webkit-user-select: none;
}

.ba-page-structure-list li.ba-page-structure-root-item > span {
    cursor: pointer;
}

.ba-page-structure-list li > span {
    padding-left: 43px;
}

.ba-page-structure-list ul[data-sortable] > li > span {
    cursor: move;
}

.ba-page-structure-list .ba-page-structure-root-item[data-structure="canvas"]> li > span {
    cursor: pointer;
}

.ba-page-structure-list li > span> span:before {
    bottom: -12px;
    content: "";
    cursor: pointer;
    left: -70px;
    position: absolute;
    right: -20px;
    top: -13px;
}

.ba-page-structure-list li > span> span {
    cursor: pointer;
    position: relative;
}

#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item > span:hover,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item >span {
    background: transparent!important; 
}

#page-structure-dialog .ba-page-structure-list li.active > span:hover,
#page-structure-dialog .ba-page-structure-list li.active >span { 
    background: #1da6f4;
    color: #fff;
}

#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item > span> *:hover,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item > span> *,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item > i:hover,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item > i,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item.active > span> *:hover,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item.active > span> *,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item.active > i:hover,
#page-structure-dialog .ba-page-structure-list li.sorting-grid-placeholder-item.active > i {
    color: #3f3f3f!important;
}

#page-structure-dialog .ba-page-structure-list li.active > span> *:hover,
#page-structure-dialog .ba-page-structure-list li.active > span> *,
#page-structure-dialog .ba-page-structure-list li.active >i:hover,
#page-structure-dialog .ba-page-structure-list li.active >i { 
    color: #fff !important;
}

.childs-structure li > span {
    padding-left: calc(43px + (var(--structure-level) )*10px);
}

.childs-structure {
    margin: 0;
}

#page-structure-dialog .modal-footer> i {
    background: #f5f5f5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

li[data-id].sorting-grid-handle-item.visible-branch > i:not(.page-structure-disable-icon),
#page-structure-dialog .visible-branch > i:not(.page-structure-disable-icon) {
    transform: rotate(90deg);
}

#page-structure-dialog .ba-modal-resizer {
    display: none;
}
/*
#page-structure-dialog .ba-modal-resizer {
    bottom: 0;
    cursor: col-resize;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1;
}

#page-structure-dialog .ba-modal-resizer[data-position="right"] {
    left: auto;
    right: 0; 
}
*/
.empty-branch-structure[data-structure="header"],
.empty-branch-structure[data-structure="footer"],
.empty-branch-structure[data-structure="canvas"],
.empty-branch-structure > i.zmdi-caret-right {
    display: none !important;
}

/* Structure Dialog Position Left */
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog),
#page-structure-dialog[data-position="left"] {
    border-radius: 0;
    border-right: 1px solid #e3e3e3;
    box-shadow: none;
    left: 51px !important;
    min-height: calc(100vh - 46px)!important;
    top: 81px !important;
    z-index: 1;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) {
    border-left: 1px solid #e3e3e3;
    left: auto !important;
    min-height: calc(100vh - 46px)!important;
    right: 0 !important;
}

.com_gridbox:not(.desktop)[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog){
    right: 0 !important;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .resize-handle-bottom,
#page-structure-dialog[data-position="left"] .modal-footer, 
#page-structure-dialog[data-position="left"] .ba-modal-resizer[data-position="left"] {
    display: none;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header,
#page-structure-dialog[data-position="left"] .modal-header {
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none !important;
    cursor: default;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-body,
#page-structure-dialog[data-position="left"] .modal-body {
    min-height: calc(100vh - 140px);
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .ba-dialog-title,
#page-structure-dialog[data-position="left"] .modal-header .ba-dialog-title {
    color: #3f3f3f;
    font-size: 13px;
    font: 500 13px/14px Roboto;
    letter-spacing: 0;
    text-transform: initial;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .ba-custom-select > i,
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .modal-header-icon > i,
#page-structure-dialog[data-position="left"] .modal-header .ba-custom-select > i,
#page-structure-dialog[data-position="left"] .modal-header .modal-header-icon > i {
    color: #757575; 
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .ba-custom-select > i:hover,
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .modal-header-icon > i:hover,
#page-structure-dialog[data-position="left"] .modal-header .ba-custom-select > i:hover,
#page-structure-dialog[data-position="left"] .modal-header .modal-header-icon > i:hover {
    color: #1a1a1a;
}

@keyframes structure-position {
    0%{ left: 50%; width: 0; max-height: 0px; }
    20%{ left: 0; width: 0; max-height: 0px; }
    100%{ left:0; width: 275px; max-height: 175px; }
}

.modal.ba-modal-cp.draggable-modal-cp .modal-header .ba-custom-select ul.visible-select,
[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp:not(#page-structure-dialog) .modal-header .ba-custom-select ul.visible-select,
#page-structure-dialog[data-position="left"] .modal-header .ba-custom-select ul.visible-select {
    animation: structure-position .4s cubic-bezier(.25,.98,.26,.99) both;
    overflow: hidden;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-header .ba-custom-select ul.visible-select {
    z-index: 999;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-header .ba-custom-select ul.visible-select {
    margin-left: -220px;
}

.gridbox-cp-panel-right #lightbox-panels{
    right: 400px !important;
}

.grid-sorting-started #page-structure-dialog *,
.grid-sorting-started #page-structure-dialog {
    cursor: move!important;
}

li[data-id].sorting-grid-handle-item {
    background: #1da6f4;
    box-sizing: border-box;
    color: #fff;
    cursor: move;
    display: block;
    font-size: 13px;
    height: auto !important;
    list-style: none;
    overflow: hidden;
    padding: 10px 30px;
    padding-left: calc(43px + (var(--structure-level) )*10px);
    position: fixed; 
    pointer-events: none;
    text-overflow: ellipsis;
    transition: none;
    white-space: nowrap;
    z-index: 9999;
}

li[data-id].sorting-grid-handle-item * {
    list-style: none;
    color: #fff;
    vertical-align: middle;
}

li[data-id].sorting-grid-placeholder-item ul,
li[data-id].sorting-grid-handle-item ul {
    display: none;
}

li[data-id].sorting-grid-handle-item i {
    line-height: 20px;
    margin-right: 15px;
}

li[data-id].sorting-grid-handle-item > i {
    display: block;
    font-size: 18px;
    height: 18px;
    left: calc(5px + (var(--structure-level) )*10px);
    line-height: 18px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 18px;
}

/*
/* Shortcuts Modal
*/

#shortcuts-modal {
    backface-visibility: hidden;
    border-radius: 6px;
    left: calc(50% - 250px);
    margin: 0;
    overflow: hidden;
    top: 10vh !important;
    will-change: transform;
    width: 500px;
}

.shortcuts-container {
    max-height: calc(90vh - 150px);
    overflow: auto;
    padding-bottom: 20px;
    padding-left: 15px;
}

.ba-shortcut-row-wrapper {
    margin-top: 50px;
}

.shortcuts-container .ba-shortcut-row-wrapper:first-child {
    margin-top: 20px;
}

.shortcut-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-right: 25px;
}

#shortcuts-modal * {
    transition: none !important;
}

.sc-btn-wrapper span {
    color: #fff;
    line-height: initial;
    margin-left: 10px;
    padding: 15px 20px;
}

.shortcut-row p {
    font:500 14px/22px 'Roboto';
    color: #fff; 
    width: 45%;
}

.sc-btn-wrapper {
    display: flex;
}

.sc-btn-wrapper span.sc-btn-active {
    background:#1aa6f4;
    min-width: 10px;
}

.sc-btn-wrapper span.sc-btn {
    background: #484c64;
}

#shortcuts-modal .modal-footer a {
    border: none;
    width: 100%;
}

/*
/* Modal Move to
*/

.availible-folders {
    box-sizing: border-box;
    margin: 0;
    max-height: 430px;
    overflow-x: hidden;
    overflow-y: auto;
}

#add-bulk-option-modal textarea,
.availible-folders > ul {
    height: 430px;
    max-width: 100%;
}

#add-bulk-option-modal textarea {
    border: none;
    box-sizing: border-box;
    color: #757575;
    font: 500 12px/20px "Roboto", sans-serif;
    margin: 0;
    overflow: auto;
    padding: 25px;
    resize: none;
    width: 100%;
}

.ba-modal-md:not(#link-select-modal) .availible-folders > ul > li > ul {
    max-height: none;
    opacity: 1;
    overflow: visible;
    padding: 0;
    visibility: visible;
}

.availible-folders li span {
    color: #333;
}

/* Drag and Drop*/
.draggable-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.draggable-backdrop.draggable-started {
    display: block;
}

@keyframes item-dragging {
    from { max-width: 100vw; }
    to { max-width: 200px; }
}

.ui-draggable-dragging {
    animation: item-dragging .3s both;
    background: #2c2c2c !important;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    margin-left: 75px !important;
    margin-top: -10px;
    max-width: 200px;
    pointer-events: none;
    width: 100%;
}

.ui-draggable-dragging i,
.ui-draggable-dragging a {
    color: #fff !important;
}

.ui-draggable-dragging td {
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 20px !important;
    border: none !important;
}

.ui-draggable-dragging td.select-td {
    max-width: 100% !important;
}

.ui-draggable-dragging a {
    color: #fff;
}

.ui-draggable-dragging td:last-child {
    color: transparent;
}

.ui-draggable-dragging.ba-dropping td:nth-child(2),
.ui-draggable-dragging td:nth-child(2) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@keyframes dropping {
    to { transform: scale(0); }
}

.ui-draggable-dragging.ba-dropping {
    animation: dropping .5s both;
    background: #2c2c2c !important;
    overflow: hidden;
    position: absolute;
    width: 200px;
    max-height: 200px;
}

td.draggable-handler {
    cursor: move;
}

/*
/* Fonts Editor
*/

#fonts-editor-dialog {
    z-index: 1050;
}

#fonts-editor-dialog .modal-body {
    line-height: 0;
    overflow: hidden;
}

#fonts-editor-dialog .modal-body iframe {
    border: none;
    height: 560px;
    width: 100%;
}

.fonts-toolbar {
    background: #1da6f4;
    border-color: #1da6f4;
    box-sizing: border-box;
    color: #fff;
    display: table;
    font-size: 16px;
    margin: 0;
    padding: 0 25px;
    width: 100%;
}

#megamenu-library-dialog .megamenu-library-search,
.ba-icons-wrapper .search-wrapper input,
#add-plugin-dialog .plugin-search-bar .plugin-search,
.fonts-toolbar .filter-search {
    background: transparent;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    display: table-cell;
    font: 400 16px/45px 'Roboto', sans-serif;
    height: 60px;
    margin: 0;
    padding: 0 25px 0 80px;
    width: 100%;
}

#megamenu-library-dialog .megamenu-library-search::-webkit-input-placeholder,
.ba-icons-wrapper .search-wrapper input::-webkit-input-placeholder,
.fonts-toolbar .filter-search::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
}

#megamenu-library-dialog .megamenu-library-search::-moz-placeholder,
.ba-icons-wrapper .search-wrapper input::-moz-placeholder,
.fonts-toolbar .filter-search::-moz-placeholder {
    color: #fff;
    opacity: .5;
}

#megamenu-library-dialog .megamenu-library-search + i,
#add-plugin-dialog .plugin-search-bar .plugin-search + i,
.fonts-toolbar .filter-search + i {
    color: #fff;
    font-size: 24px;
    left: 30px;
    opacity: .5;
    position: absolute;
    top: 20px;
}

#add-plugin-dialog .plugin-search-bar .plugin-search + i {
    opacity: .2;
}

.new-font-wrapper {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 30%;
}

.text-editor-settings {
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font: 500 14px/18px 'Roboto', sans-serif;
    margin-bottom: 0;
    padding: 5px 13px 5px 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

.text-editor-settings:hover {
    background: #1887cf;
    color: #fff;
}

.text-editor-settings i {
    color: #fff;
}

#user-icons,
#outline-icons,
#material-icons,
#fontawesome-icons,
.fonts-table {
    height: calc(100vh - 100px);
    overflow-y: auto; 
    width: 100%;
}

.users-table-list,
.fonts-table {
    box-sizing: border-box;
    height: 500px;
    padding: 25px;
}

#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div,
.ba-options-group .ba-group-element {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 70px;
    padding: 25px;
    position: relative;
}

.ba-options-group .ba-group-element.site-custom-code-wrapper {
    flex-direction: column;
    padding-left: 0 !important;
}

.ba-modal-lg .tab-content .ba-group-element.site-custom-code-wrapper .CodeMirror {
    width: 665px;
}

.ba-modal-lg .tab-content .ba-group-element.site-custom-code-wrapper:not(.ba-settings-toolbar)> label:not(.ba-help-icon) {
    box-sizing: border-box;
    height: 70px;
    padding: 25px;
    width: 100%;
}

.ba-modal-lg .tab-content .ba-group-element.site-custom-code-wrapper .CodeMirror-sizer {
    border-right: 0 !important
}

#customer-info-edit-item .ba-options-group:nth-child(2) .ba-group-element textarea {
    min-height: 80px !important;
    resize: vertical !important;
    width: 70%;
}

.dropdown-customer-info-options span:not(.ba-tooltip) {
    display: inline-block;
    position: relative;
}

.ba-checkbox-parent.disabled label.ba-checkbox,
.ba-input-lg.disabled,
.ba-options-group .ba-group-element.disabled .ba-custom-select,
.ba-options-group .ba-group-element.disabled label{
    opacity: .3;
}

.ba-options-group .ba-group-element.disabled .ba-range-wrapper {
    pointer-events: none;
}

.ba-checkbox-parent.disabled *,
.ba-input-lg.disabled input,
.ba-options-group .ba-group-element.disabled .ba-custom-select input,
.ba-options-group .ba-group-element.disabled .ba-custom-select,
.ba-options-group .ba-group-element.disabled label {
    pointer-events: none;
}

.ba-checkbox-parent.disabled:before ,
.ba-options-group .ba-group-element.disabled:before {
    content: "";
    height: 24px;
    left: 275px;
    position: absolute;
    width: 40px;
}

.ba-checkbox-parent.disabled:before {
    left: 0;
    width: 24px;
}

.ba-checkbox-parent.disabled:before,
.ba-input-lg.disabled,
.ba-options-group .ba-group-element.disabled,
.ba-options-group .ba-group-element.disabled .ba-custom-select {
    cursor: not-allowed;
}

#customer-info-edit-item .items-list .sorting-container,
.ba-group-element + div .ba-group-element:first-child,
#group-field-edit-item .field-radio-type-options,
#group-field-edit-item .field-textarea-type-options .ba-group-element:first-child,
#group-field-edit-item .field-url-type-options .ba-group-element:first-child,
#group-field-edit-item .field-file-type-options .ba-group-element:first-child,
#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div,
#content-slider-add-item .overlay-color-options .ba-group-element,
#content-slider-add-item .background-options .ba-group-element,
#slideshow-item-dialog .video-options,
#slideshow-item-dialog .image-options,
.ba-group-element {
    border-top: 1px solid #f3f3f3;
}

#customer-info-edit-item .items-list .sorting-container {
    padding-top: 20px;
}

.blog-post-editor-group-element .required-fields-star,
.ba-group-element .required-fields-star {
    font-size: 15px;
    line-height: 0;
    margin-left: 2px;
}

.ba-options-group p + .ba-group-element,
.ba-group-element:first-child {
    border-top: none;
}

.fonts-table .ba-options-group  {
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
}

#megamenu-library-dialog.ba-modal-lg:not(#code-editor-dialog) .tab-content .tab-pane.active,
.menu.ba-integration-plugin .ba-group-title,
.ba-icons-wrapper .ba-options-group,
.modules .ba-group-title,
.baforms .ba-group-title,
.bagallery .ba-group-title {
    padding: 0 25px;
}

.ba-group-element .font-style {
    min-width: 60px;
    padding-right: 25px;
    width: auto;
}

.ba-group-element .font-preview-text {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 690px;
}

.ba-group-element .font-preview-text:focus {
    outline: none;
}

.ba-options-group .ba-group-title {
    align-items: center;
    display: flex;
    display: -webkit-flex;
    font-family: 'Roboto', sans-serif;
    justify-content: flex-start;
    margin: 30px 0 20px;
}

.ba-subgroup-element .ba-group-element {
    background: #f9f9f9;
}

.view-sitemap.default-action {
    color: #1da6f4;
    font-size: 14px;
    font-weight: 400;
    transition: .3s;
}

.view-sitemap.default-action:hover {
    color: #333;
}

.ba-subgroup-element {
    height: 0;
    overflow: hidden;
    transition: height .75s;
}

.ba-subgroup-element.visible-subgroup {
    height: calc( var(--subgroup-childs)*70px);
}

.booking-working-hours-group .ba-subgroup-element.visible-subgroup {
    height: calc( var(--subgroup-childs)*53px);
}

.ba-subgroup-element.visible-subgroup.subgroup-animation-ended {
    overflow: visible;
}

label.font-checkbox i {
    position: absolute;
    top: 25px;
    right: 25px;
}

label.font-checkbox {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}

.share-image-wrapper {
    position: relative;
    display: flex;
}

.left-tabs .share-image-wrapper {
    width: 365px;
}

.image-field-tooltip {
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    display: flex;
    float: left;
    height: 50px;
    margin-right: 15px;
    min-width: 75px;
    pointer-events: none;
    position: absolute;
    top: -5px;
}

.blog-post-editor-right-panel .image-field-tooltip {
    border-radius: 0px;
    height: 46px;
    top: 1px;
}

.share-image-wrapper {
    position: relative;
    display: flex;
}

.share-image-wrapper input[type="text"] {
    line-height: 40px !important;
    box-sizing: border-box;
    cursor: pointer!important;
    padding-left: 40px!important;
    width: 575px;
}

#settings-dialog .share-image-wrapper input[type="text"] {
    padding-left: 30px!important;
}

#settings-dialog .share-image-wrapper .image-field-tooltip[style*="background-image"] + input {
    padding-left: 95px !important;
    text-overflow: ellipsis;
}

#settings-dialog input::-webkit-input-placeholder, 
#settings-dialog textarea::-webkit-input-placeholder {
    color: #999;
}

.blog-post-editor-right-panel .share-image-wrapper input[type="text"] {
    padding-left: 60px !important;
}

.share-image-wrapper .image-field-tooltip[style*="background-image"] + input {
    padding-left: 95px !important;
    padding-right: 0!important;
    text-overflow: ellipsis;
}

.blog-post-editor-right-panel .share-image-wrapper .image-field-tooltip[style*="background-image"] + input {
    padding-right: 50px!important;
}

.share-image-wrapper .image-field-tooltip[style*="background-image"] ~ .zmdi-camera {
    display: none !important;
}

.share-image-wrapper input[type="text"] ~ .zmdi-camera {
    left: 0;
    line-height: 1em;
    padding: 8px 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

.share-image-wrapper input[type="text"] ~ .reset {
    position: static;
}

.blog-post-editor-right-panel .share-image-wrapper input[type="text"] ~ .reset {
    position: absolute;
    right: 1px;
    top: 1px;
}

.blog-post-editor-right-panel .share-image-wrapper input[type="text"] ~ .reset i {
    padding: 11px;
    border-radius: 0;
}

/* Seo Settings */
.seo-default-settings {
    align-items: center;
    cursor: pointer;
    display: flex !important;
    left: 25px;
    position: absolute;
    top: 430px;
}

#seo-default-settings-modal .tab-content .ba-options-group {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
}

#seo-default-settings-modal .tab-pane .ba-custom-select ul.visible-select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 2px solid #1da6f4 !important;
    box-sizing: inherit;
    overflow-y: auto;
    top: 48px;
}

@keyframes seo-default-visible-options {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 444px; max-height: 2px;}
    100%{ left:0; width: 444px; max-height: 290px;}
}

#seo-default-settings-modal .tab-pane .ba-custom-select.ba-fixed-custom-select .visible-select {
    animation: seo-default-visible-options .4s cubic-bezier(.25,.98,.26,.99) both !important;
    border-radius: 6px;
    border-top: none !important;
    left: calc(50% - 150px) !important;
    margin-top: 0;
    min-height: 347px !important;
    position: fixed;
    top: 85px;
    width: 300px !important;
}

.seo-default-settings > .ba-tooltip {
    margin-left: -195px;
}

/* Seo Settings Modal */ 

#seo-default-settings-modal {
    overflow: visible;
}

#seo-default-settings-modal .modal-footer {
    overflow: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#seo-default-settings-modal .schema-markup-wrapper {
    margin-bottom: 0;
}

#seo-default-settings-modal label {
    cursor: default;
    color: #9fa0a5;
    line-height: 33px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    min-width: 250px;
}

#seo-default-settings-modal .ba-options-group {
    box-shadow: none;
}

#seo-default-settings-modal .ba-group-element {
    flex-wrap: wrap;
    height: auto;
    padding: 0;
}

#seo-default-settings-modal .schema-markup-label {
    padding: 0;
}

#schema-markup .schema-markup-label {
    box-sizing: border-box;
    height: 70px;
}

.schema-markup-label {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 25px;
    width: 100%;
}

#seo-default-settings-sharing textarea,
#seo-default-settings-modal .ba-group-element textarea {
    min-height: 205px !important;
    padding: 10px!important;
}

#seo-default-settings-modal .ba-group-element textarea[data-key="schema_markup"] {
    height: 317px;
    min-height: 317px !important;
}

#seo-default-settings-modal .schema-markup-label i {
    color: #2f3243;
    font-size: 17px;
    transition: .3s;
}

#seo-default-settings-modal .schema-markup-label i:hover {
    opacity: .5;
}

#seo-default-settings-modal .ba-group-element textarea {
    font-weight: 500 !important;
}

#seo-default-settings-sitemap .ba-custom-select,
#seo-default-settings-sitemap .ba-custom-select input {
    width: 100%;
}

#seo-default-settings-sitemap .ba-options-group .ba-custom-select .zmdi-caret-down {
    right: 15px;
    top: 13px;
    z-index: 10;
}

@keyframes seo-default-visible-options {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 444px; max-height: 2px;}
    100%{ left:0; width: 444px; max-height: 290px;}
}

#seo-default-settings-sitemap .ba-custom-select ul.visible-select {
    animation: seo-default-visible-options .4s cubic-bezier(.25,.98,.26,.99) both !important;
}

#seo-default-settings-modal .uploader-nav {
    background: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#seo-default-settings-modal .uploader-nav li {
    flex-grow: 1;
    justify-content: center;
    margin: 0;
}

#seo-default-settings-modal .uploader-nav li:first-child {
    border-top-left-radius: 6px;  
}

#seo-default-settings-modal .uploader-nav li:last-child {
    border-top-right-radius: 6px;  
}

#seo-default-settings-modal .uploader-nav li > a {
    border-radius: 0;
    color: #2f3243 !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 20px 0;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    height: 18px;
    width: 100%;
}

#seo-default-settings-modal .uploader-nav a:before {
    display: none;
}

#seo-default-settings-modal .uploader-nav li:not(.active) {
    box-sizing: border-box;
    background: #f3f3f3;
}

#seo-default-settings-modal .uploader-nav li a i {
    transition: .3s;
    color: #2f3243 !important;
}

#seo-default-settings-modal .uploader-nav li:not(.active):not(:hover) a i {
    opacity: .5;
}

#seo-default-settings-modal .tab-content {
    background: #fff;
    height: 400px;
}

#seo-default-settings-modal .tab-pane {
    height: 400px;
    width: 500px;
    box-sizing: border-box;
    overflow: scroll;
    overflow-x: hidden;
    padding: 25px;
    position: absolute;
}

#seo-default-settings-modal .ba-group-element input {
    background: #f5f5f5 !important;
    border-radius: 0;
    color: #5a5454 !important;
    font: 500 14px/normal "Roboto", sans-serif;
    height: 48px;
    margin-bottom: 0;
    max-width: 100%;
    min-width: 100%;
    padding: 10px !important;
}

#seo-default-settings-modal .ba-group-element textarea {
    background: #f5f5f5 !important;
    box-sizing: border-box;
    border-radius: 0;
    color: #5a5454;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 100%;
    min-height: 275px;
    min-width: 100%;
    padding: 25px;
    resize: none;
    width: 100%;
}

#seo-default-settings-modal .ba-custom-select li {
    width: 100% !important;
}

.schema-markup-wrapper .ba-group-element {
    flex-wrap: wrap;
    height: auto;
    padding: 0;
}

#schema-markup .schema-markup-wrapper .ba-group-element textarea {
    background: #f9f9f9 !important;
    font-size: 18px;
    font-weight: 400;
    height: 363px !important;
    line-height: normal;
    padding: 25px;
    resize: none !important;
    width: 100%;
}

.ba-modal-lg .left-tabs .tab-content #sharing-options .ba-group-element > input[type="text"] {
    width: 575px; 
}

#seo-default-settings-modal .input-action-icon,
#seo-options .tab-content .ba-group-element .input-action-icon {
    position: relative;
}

#seo-default-settings-modal .input-action-icon .ba-tooltip,
#seo-options .tab-content .ba-group-element .input-action-icon .ba-tooltip.ba-help {
    bottom: 50%;
    color: #fff;
    left: auto;
    margin-left: -250px;
    right: 45px;
    transform: translateY(50%);
    width: auto;
}

#seo-default-settings-modal .input-action-icon .ba-tooltip {
    right: 30px;   
}

#seo-default-settings-modal .input-action-icon .ba-tooltip:before {
    border-left: 5px solid #2c2c2c;
    border-top: 5px solid transparent;
    bottom: calc(50% - 4px);
    left: auto !important;
    margin-right: -9px;
    right: 0 !important;
}

@keyframes modal-sm-in {
    from {transform: scale(.8); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

#seo-default-settings-modal.modal.in {
    animation: modal-sm-in .3s cubic-bezier(0.4,0,0.2,1) both;
}

/* Data Tags Modal*/
#post-tags-dialog ,
#data-tags-dialog.modal.ba-modal-picker {
    backface-visibility: hidden;
    background: #2f3243;
    border-radius: 6px;
    border: none;
    height: 450px;
    margin-left: 0;
    position: fixed;
    width: 450px;
    z-index: 1090;
}

#post-tags-dialog .data-tags-searchbar .ba-settings-group {
    display: flex;
}

#post-tags-dialog .data-tags-searchbar .ba-settings-group .ba-settings-select-type {
    width: calc(30% - 5px);
    margin-right: 5px;
}

#post-tags-dialog .data-tags-searchbar .search-tags-wrapper {
    width: 70%;  
}

#post-tags-dialog .ba-settings-group,
#data-tags-dialog .ba-settings-group {
    padding: 0;
    border: none;
}

#post-tags-dialog .search-tags-wrapper input,
#post-tags-dialog .select-data-tags-type,
#data-tags-dialog .select-data-tags-type {
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: #fff;
    cursor: text;
    font: 500 14px/16px 'Roboto';
    height: 45px;
    margin: 0;
    max-width: 100%;
    min-width: auto;
    padding: 0 10px;
    width: 100%;
}

#post-tags-dialog .search-tags-wrapper input::-webkit-input-placeholder {
    color: #566e78;
}

#post-tags-dialog .search-tags-wrapper input,
#post-tags-dialog .ba-settings-item.ba-settings-select-type, 
#data-tags-dialog .ba-settings-item.ba-settings-select-type {
    background: #343749;
    margin: 0;
    padding: 0;
}

#data-tags-dialog .ba-settings-item.ba-settings-select-type,
#post-tags-dialog .data-tags-searchbar .ba-settings-group {
    margin: 40px;   
}

#post-tags-dialog .search-tags-wrapper input {
    padding: 0 10px;
}

#post-tags-dialog .select-data-tags-type,
#data-tags-dialog .select-data-tags-type {
    background: #343749;
    cursor: pointer;
    outline: none;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type i {
    height: 45px;
    pointer-events: none;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type.search-tags-wrapper i {
    margin-right: 0;
}

#post-tags-dialog .modal-body > div:nth-child(2),
#data-tags-dialog .modal-body > div:nth-child(2) {
    box-sizing: border-box;
    height: 285px;
    margin: 0;
    overflow: auto;
    padding: 0 40px 40px;
    scrollbar-width: thin;
    scrollbar-color: #566d77 transparent;
}

#data-tags-dialog .modal-body > div:nth-child(2) {
    height: 325px;
}

#post-tags-dialog .modal-body > div:nth-child(2) {
    height: 315px; 
}

#post-tags-dialog .modal-body > div:nth-child(2)::-webkit-scrollbar-thumb,
#data-tags-dialog .modal-body > div:nth-child(2)::-webkit-scrollbar-thumb {
   background: #484c65;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type,
#data-tags-dialog .ba-settings-item.ba-settings-input-type {
    align-items: center;
    background: transparent;
    cursor: pointer;
    display: flex;
    margin: 25px 0;
    position: relative;
    padding: 0;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type {
    margin: 0 0 10px 0 !important;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type:not(.selected) ~ div {
    margin-top: 20px !important;
}

#post-tags-dialog .ba-settings-item.ba-settings-input-type.selected {
    display: none;
}

#post-tags-dialog .ba-settings-item-title,
#data-tags-dialog.ba-modal-picker .ba-settings-item-title {
    color: #cad3da;
    cursor: pointer;
    flex-grow: 1;
    font: 500 14px/18px "Roboto", sans-serif;
    letter-spacing: 0;
    margin-right: 15px;
    text-transform: none;
    word-break: break-word;
}

#data-tags-dialog .ba-settings-item.ba-settings-input-type {
    height: auto;
}

#data-tags-dialog .ba-settings-item.ba-settings-input-type:last-child {
    margin-bottom: 0;
}

#seo-options .nav-tabs li a {
    height: 60px;
}

#data-tags-dialog [class*="-data-tags"] > div input[type="text"] {
    background: #34374a;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    color: #566e78;
    cursor: pointer;
    font: 500 12px/12px 'Courier';
    height: 40px;
    margin: 0;
    max-width: 150px;
    padding: 5px 10px;
}

#post-tags-dialog .ba-settings-input-type:hover .ba-settings-item-title,
#data-tags-dialog.ba-modal-picker .ba-settings-input-type:hover .ba-settings-item-title {
    color: #566e78;
}

/*
/* Add Gallery / Add Forms / Add Joomla Modules
*/

.ba-integration-plugin .fonts-table .ba-options-group {
    margin-bottom: 10px; 
}

.users-table-list .ba-group-element,
#megamenu-library-dialog .ba-group-element,
.ba-integration-plugin:not(.modules) .ba-group-element {
    justify-content: space-between;
}

.users-table-list .ba-group-element label,
.ba-integration-plugin .ba-group-element label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30%;
}

.users-table-list .ba-group-element label {
    margin-bottom: 0;
}

.users-table-list .ba-group-element label:last-child,
.ba-integration-plugin .ba-group-element label:last-child {
    width: 10%;
}

.users-table-list .ba-group-element label.ba-author-usergroup,
.ba-integration-plugin .ba-group-element label.element-position {
    box-sizing: border-box;
    padding-left: 4%;
}

#megamenu-library-dialog label.element-title span {
    display: block;
}

#megamenu-library-dialog label.element-title span,
.ba-integration-plugin label.element-title span {
    box-sizing: border-box;
    cursor: pointer !important;
    overflow: hidden;
    padding-right: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ba-integration-plugin .fonts-table {
    overflow: auto;
}

#megamenu-library-dialog .id {
    float: right;
    padding-right: 25px;
}

#megamenu-library-dialog .element-id,
.ba-integration-plugin label.element-id {
    text-align: right;
}

#category-dialog {
    top: calc(50% - 200px) !important;
}

label.element-category span{
    cursor: pointer;
}

#category-dialog .checkbox {
    padding: 0;
    position: relative;
}

#category-dialog .checkbox i {
    left: 0;
    position: absolute;
    top: 17px;
    z-index: 0;
}

.gallery-categories-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
    padding: 0 20px;
}

.gallery-categories-body {
    height: 340px;
    overflow-y: auto;
}

.gallery-category-line > div,
.gallery-categories-header > div {
    line-height: 60px;
}

.gallery-categories-id {
    padding: 0 5px 0 25px;
    border-left: 1px solid #f3f3f3;
}

.gallery-category-line {
    align-items: center;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    height: 60px;
    padding: 0 25px;
}

.gallery-category-title {
    flex-grow: 1;
    margin: 0 25px;
}

.gallery-categories-title {    
    margin-left: 45px;
}

.gallery-category-line > div:not(.checkbox) {
    color: #3f3f3f;
    font: 400 15px/20px 'Roboto', sans-serif;
}

.gallery-category-line:hover {
    background: #1da6f4
}

.gallery-category-line:hover * {
    color: #fff !important;
}

#category-dialog .zmdi-circle-o {
    color: #ddd;
}

#category-dialog .checkbox input{
    display: inline-block;
    height: 20px;
    margin: 0;
    width: 20px;
    z-index: 0;
}

#category-dialog .checkbox input + i + i,
#category-dialog .checkbox input:checked + i,
#category-dialog .checkbox input { 
    opacity: 0;
}

#category-dialog .checkbox input:checked + i + i {
    opacity: 1;
}

/*
/* Add Fonts 
*/

.fonts-layout + .modal-backdrop {
    opacity: 0;
}

#add-google-font-dialog {
    top: 55px !important;
}

#add-google-font-dialog .modal-footer {
    background-color: transparent;
    border-top: none;
    box-shadow: none;
    padding:0;
}

#add-google-font-dialog .modal-body {
    overflow: visible;
}

.ba-custom-select.fonts-style-select input + input + i {
    opacity: .3;
}

.ba-custom-select.fonts-style-select.active input + input + i {
    opacity: 1;
}

.ba-custom-select.fonts-style-select input[placeholder="Font Style"]::-webkit-input-placeholder {
    color: #cacaca;
}

.ba-custom-select.fonts-style-select input[placeholder="Font Style"]::-moz-placeholder {
    color: #cacaca;
}

@keyframes add-font {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 290px; }
}

#add-web-safe-fonts-dialog .ba-custom-select ul.visible-select,
.ba-modal-lg .ba-custom-select:not(.map-theme-select):not(.event-calendar-layout-select):not(.google-maps-places-app-select):not(.openstreetmap-theme-select) ul.visible-select,
#add-google-font-dialog .ba-custom-select ul.visible-select {
    animation: add-font .4s cubic-bezier(.25,.98,.26,.99) both;
}

@keyframes visible-language {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 265px; max-height: 2px;}
    100%{ left:0; width: 265px; max-height: 238px;}
}

.tab-pane .language-select.ba-custom-select ul.visible-select {
    animation: visible-language .4s cubic-bezier(.25,.98,.26,.99) both !important;
}

@keyframes add-font-weight {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 232px; }
}

#add-google-font-dialog .ba-custom-select.fonts-style-select ul.visible-select {
    animation: add-font-weight .4s cubic-bezier(.25,.98,.26,.99) both;
}

.fonts-select.ba-custom-select > .zmdi {
    transition: .3s;
}

.fonts-select.ba-custom-select .visible-select + input + input + i +.zmdi-search,
.fonts-select.ba-custom-select .zmdi-caret-down {
    opacity: 1;
}

.fonts-select.ba-custom-select .zmdi-search,
.fonts-select.ba-custom-select .visible-select + input + input + .zmdi-caret-down {
    opacity: 0;
}

.fonts-select.ba-custom-select .visible-select + input {
    cursor: text !important;
}

/*
/* Settings Modal 
*/

.ba-modal-lg .modal-body {
    overflow: visible !important;
}

.ba-modal-lg .nav-tabs {
    color: #fff;
    font-size: 16px;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
}

.ba-modal-lg:not(#photo-editor-dialog):not(#custom-html-dialog) .general-tabs {
    position: relative;
    overflow-x: hidden;
}

.ba-modal-lg:not(#photo-editor-dialog) div:not(.ba-tabs-wrapper) > .nav-tabs {
    height: auto;
}

.select-favicon span,
#media-options .select-intro-image span,
.ba-modal-lg .nav-tabs li a {
    background-color: transparent;
    overflow: hidden;
}

.ba-icons-wrapper .nav-tabs li a i,
.ba-modal-lg .nav-tabs li a i {
   line-height: 0;
   padding: 0 10px; 
   color: inherit;
}

.ba-modal-lg .nav-tabs li a i {
    line-height: 18px;
}

.ba-icons-wrapper .nav-tabs li a i {
   line-height: 20px;
   opacity: .65;
}

.ba-icons-wrapper .nav-tabs li a {
    padding: 20px 10px;
}

.ba-modal-lg .tab-content {
    height: 500px;
}

#customer-info-item-dialog .tab-content {
    overflow: auto;
}

#customer-info-edit-item {
    padding: 25px;
}

/* Left Tabs */
#empty-options {
    padding: 0 !important;
    overflow-y: auto !important;
}

.tab-content .left-tabs {
    overflow: visible;
    position: relative;
}

.left-tabs > .nav-tabs .active a:before {
    display: none;
}

.tab-content .left-tabs .nav-tabs {
    background: transparent;
    border: none;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 25px;
    width: 250px;
    height: auto;
}

#settings-dialog .tab-content .left-tabs .nav-tabs > li,
.tab-content .left-tabs .nav-tabs li {
    display: block;
    height: auto;
    margin-bottom: -1px;
    width: 100%;
}

.seo-default-settings,
.tab-content .left-tabs:not(.ba-tabs-wrapper) .nav-tabs li a {
    color: #333 !important;
    display: block !important;
    font: 400 14px/50px 'Roboto', sans-serif;
    letter-spacing: 0;
    opacity: 1;
    padding: 0;
    text-align: left;
    text-transform: none;
}

.tab-content .left-tabs:not(.ba-tabs-wrapper) .nav-tabs li a:before {
    display: none !important;
}

.tab-content .left-tabs .nav-tabs > li > a,
.tab-content .left-tabs .nav-tabs > .active > a,
.tab-content .left-tabs .nav-tabs > .active > a:hover,
.tab-content .left-tabs .nav-tabs > .active > a:focus {
    background: transparent;
}

.seo-default-settings:hover,
.seo-default-settings:hover i,
#megamenu-library-dialog label.element-title span:hover,
.ba-integration-plugin label.element-title span:hover,
.ba-author-username span:hover,
#edit-social-icon-dialog .reset-input-margin span:hover,
.custom-font-select span:hover,
.library-item-image span:hover,
.tab-content .left-tabs .nav-tabs > li.active > a i,
.tab-content .left-tabs .nav-tabs > li.active > a,
.tab-content .left-tabs .nav-tabs > li > a:hover i,
.tab-content .left-tabs .nav-tabs > li > a:hover i,
.tab-content .left-tabs .nav-tabs > li > a:focus i,
.tab-content .left-tabs .nav-tabs > li > a:hover,
.tab-content .left-tabs .nav-tabs > li > a:hover,
.tab-content .left-tabs .nav-tabs > li > a:focus {
    color: #1da6f4 !important;
}

.tab-content .left-tabs .tab-content .tab-pane,
.tab-content .left-tabs .tab-content {
    float: left;
    width: calc(100% - 250px)!important;
}

.seo-default-settings i,
.tab-content .left-tabs .nav-tabs li a i {
    color: #757575;
    line-height: initial;
    padding: 8px 25px 8px 5px;
    vertical-align: middle;
}

#settings-dialog .tab-content .left-tabs .nav-tabs li a i { 
    vertical-align: sub;
}

.tab-content .left-tabs .ba-group-element > label:first-child {
    min-width: 250px;
}

.ba-modal-lg .tab-pane.left-tabs-wrapper {
    padding: 0 !important;
    overflow-y: auto!important;
}

.tab-content .left-tabs .ba-options-group .ba-checkbox {
    margin: 0;
    min-width: auto !important;
    width: auto !important;
}

#edit-login-acceptance,
#before-after-edit-item,
#field-sorting-item-edit-modal .tab-content,
#feature-box-edit-item,
#content-slider-add-item,
#image-edit-item,
#simple-gallery-edit-item,
.ba-icons-wrapper .active.left,
.ba-icons-wrapper .active.right,
.ba-icons-wrapper .out-left,
.ba-icons-wrapper .out-right,
.ba-icons-wrapper .tab-content .tab-pane.active,
.ba-modal-lg:not(#code-editor-dialog) .active.left,
.ba-modal-lg:not(#code-editor-dialog) .active.right,
.ba-modal-lg:not(#code-editor-dialog) .out-left,
.ba-modal-lg:not(#code-editor-dialog) .out-right,
.ba-modal-lg:not(#code-editor-dialog) .tab-content .tab-pane.active {
    box-sizing: border-box;
    height: 500px;
    overflow: visible;
    overflow-y: scroll;
    padding: 25px;
    position: absolute;
    width: 970px;
}

#map-editor-dialog .tab-pane.active{
    overflow-y: auto !important;
}

.users-table-list .ba-options-group,
.library-item-wrapper,
.ba-modal-lg .tab-content .ba-options-group {
    align-items: center;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
}

.bagallery.ba-integration-plugin .ba-group-title,
.baforms.ba-integration-plugin .ba-group-title,
.fonts-table .ba-group-title ~ .ba-group-title,
.ba-group-title {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 20px;
}

.fonts-table .ba-group-title,
.users-table-list .ba-group-title {
    justify-content: flex-start;
}

.fonts-table .ba-group-title> span,
.users-table-list .ba-group-title > span {
    width: 30%;
}

.fonts-table .ba-group-title > span:nth-child(3),
.fonts-table .ba-group-title > span:nth-child(2),
.users-table-list .ba-group-title > span:nth-child(3),
.users-table-list .ba-group-title > span:nth-child(2) {
    width: 35%; 
}

.fonts-table .ba-group-title> span:last-child,
.users-table-list .ba-group-title > span:last-child {
    width: auto;
}

.menu.ba-integration-plugin .ba-group-title .id {
    flex-grow: 1;
    text-align: right;
}

.bagallery.ba-integration-plugin .ba-group-title,
.baforms.ba-integration-plugin .ba-group-title,
.fonts-table .ba-group-title {
    margin-top: 0;
}

.ba-alert-container, 
.ba-modal-lg .ba-group-element .ba-help-icon {
    position: absolute;
    right: 25px;
    top: 25px;
}

#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div > span ,
.tab-content .left-tabs .tab-content .tab-pane .option-label,
.baforms .ba-group-element label,
.bagallery .ba-group-element label,
.ba-modal-lg .tab-content div:not(.ba-settings-toolbar)> label:not(.ba-help-icon) {
    cursor: default;
    display: inline-block;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    width: 250px;
}

.ba-modal-lg .tab-content div:not(.ba-settings-toolbar):not(.ba-states-toggle)> label:not(.ba-help-icon) {
    min-width: 250px;   
}

.ba-modal-lg .tab-content .ba-states-wrapper {
    min-width: 250px;
    justify-content: flex-start;
    width: 60%;
}

.bagallery.ba-integration-plugin .ba-group-title > span.id {
    text-align: right;
}

.ba-group-title .category {
    margin-left: -25px;
}

#settings-dialog .intro-image {
    flex-grow: 1;
}

.ba-modal-lg .left-tabs .tab-content #seo-general-options .ba-group-element > input[type="text"],
#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div > input,
#yandex-maps-item-dialog .ba-group-element:nth-child(2) input,
.ba-modal-lg .tab-content .picked-tags, 
.ba-modal-lg .tab-content textarea, 
.ba-modal-lg .tab-content .ba-group-element > input[type="text"] {
    text-overflow: ellipsis;
    width: 575px;
}

.ba-modal-lg .left-tabs .tab-content .ba-group-element > input[type="text"] {
    width: 250px;
}

.ba-modal-lg .tab-content .picked-tags {
    margin-top: 5px;
    width: 545px !important;
}

.ba-modal-lg .tab-content .ba-group-element.link-picker-container > input[type="text"] {
    width: 520px;
}

.ba-alert-container i {
    color: #f64231;
    line-height: 18px;
}

@keyframes blurb-effect-1 {
    0% { opacity: 1; transform: scale3d(0.5, 0.5, 1); }
    100% { opacity: 0; transform: scale3d(1.1, 1.1, 1); }
}

.ba-alert-container i + span::after,
.ba-alert-container i + span::before {
    animation: blurb-effect-1 1s forwards infinite;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(246,66,49,0.5);
    content: '';
    height: 40px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -10px;
    top: -11px;
    width: 40px;
}

@keyframes blurb-effect-2 {
    0% { opacity: 1; transform: scale3d(0.5, 0.5, 1); }
    50%, 100% { opacity: 0; transform: scale3d(1.2, 1.2, 1); }
}

.ba-alert-container i + span::after {
    animation: blurb-effect-2 1s forwards infinite;
}

.ba-modal-lg .ba-options-group .ba-custom-select .zmdi-caret-down {
    top: 0;
    right: -5px;
}

.ba-modal-lg .ba-group-element .ba-help-icon {
    animation: none;
    opacity: 1; 
}

.select-favicon i,
#media-options .select-intro-image i,
.ba-modal-lg .ba-group-element .icons-cell {
    float: left;
    padding-right: 8px;
}

#settings-dialog.ba-modal-lg .ba-group-element .icons-cell {
    padding-right: 15px;
}

#settings-dialog .ba-group-element .icons-cell i {
    line-height: 21px;
}

#settings-dialog .ba-group-element .icons-cell:hover {
    opacity: .75;
}

.ba-modal-lg .ba-custom-author-select ul.visible-select,
.ba-modal-lg .ba-custom-select:not(.visible-select-top):not(.map-theme-select):not(.openstreetmap-theme-select) ul.visible-select {
    top: 45px;
}

#openstreetmap-editor-dialog.ba-modal-lg .ba-custom-select:not(.visible-select-top):not(.map-theme-select):not(.openstreetmap-theme-select) ul.visible-select,
#yandex-maps-editor-dialog.ba-modal-lg .ba-custom-select:not(.visible-select-top):not(.map-theme-select):not(.openstreetmap-theme-select) ul.visible-select,
#map-editor-dialog.ba-modal-lg .ba-custom-select:not(.visible-select-top):not(.map-theme-select):not(.openstreetmap-theme-select) ul.visible-select {
    top: 0;
}

@keyframes visible-select-top {
    0%{ left: 0; width: 265px; max-height: 0px;}
    100%{ left:0; width: 265px; max-height: 290px;}
}

.ba-modal-lg .section-access-view-select.ba-custom-select.visible-select-top ul.visible-select,
.ba-modal-lg .section-access-select.ba-custom-select.visible-select-top ul.visible-select,
.ba-modal-cp .ba-custom-select.visible-select-top ul.visible-select {
    border: none !important;
    bottom: 41px;
}

.ba-settings-group.shadow-settings-group .ba-lg-custom-select.visible-select-top .visible-select {
    border: none !important;
    bottom: 41px;
    top: auto;
}

.ba-settings-group .select-input::-webkit-input-placeholder {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 24px;
}

.ba-settings-group .select-input::-moz-placeholder {
    color: #1a1a1a;
    font-size: 18px;
    line-height: 21px;
    opacity: 1;
}

.select-favicon span,
#media-options .select-intro-image span {
    vertical-align: text-bottom;
}

.ba-modal-lg .tab-content .ba-group-element > textarea {
    min-height: 80px !important;
    resize: vertical !important;
}

.ba-modal-lg .tab-content #seo-options .ba-group-element > textarea {
    width: 100%;
}

.ba-modal-lg .tab-content #seo-options >div:not(.left-tabs) .ba-group-element > label {
    min-width: 250px;
}

#customer-info-edit-item .ba-options-group:nth-child(2) .ba-group-element,
.ba-modal-lg .ba-author-element-wrapper,
.ba-modal-lg #sharing-options .ba-options-group:nth-child(3) .ba-group-element,
.ba-group-element.input-resize,
#group-field-item-dialog .ba-options-group .ba-group-element.input-resize,
#feature-box-edit-item .ba-options-group +.ba-group-title + .ba-options-group .ba-group-element:nth-child(2),
#yandex-maps-item-dialog .ba-options-group .ba-group-element:nth-child(3),
#testimonial-edit-item .ba-options-group:first-child .ba-group-element,
#settings-dialog .tab-content #general-options .ba-author-element-wrapper,
#image-edit-item .ba-options-group + p + .ba-options-group .ba-group-element:nth-child(2),
#simple-gallery-edit-item .ba-options-group + p + .ba-options-group .ba-group-element:nth-child(2),
.ba-options-group .ba-group-element.ba-original-tags,
#map-item-dialog .ba-options-group .ba-group-element:nth-child(3),
#openstreetmap-item-dialog .ba-options-group .ba-group-element:nth-child(2),
#settings-dialog #general-options .ba-options-group:nth-child(4) .ba-group-element,
#slideshow-add-item .ba-options-group:nth-child(3) .ba-group-element,
#seo-options .ba-options-group:nth-child(2) .ba-group-element,
#seo-options .ba-options-group:nth-child(3) .ba-group-element {
    align-items: flex-start;
    height: auto;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list li:after,
.ba-custom-select #category ~ ul.visible-select li:after,
.ba-custom-select .page-category ~ ul.visible-select li:after {
    float: left;
    content: var(--content);
    margin-right: 5px;
    order: -1;
    white-space: nowrap;
}

@keyframes visible-category {
    from { opacity: 0;}
    to { opacity: 1;}
}

.ba-custom-select #category ~ ul.visible-select {
    animation: visible-category .3s both !important;
    border: none !important;
    border-radius: 6px;
    left: 50vw;
    margin: 0;
    max-height: 460px;
    min-height: 292px;
    position: fixed;
    top: calc(50vh + 50px) !important;
    transform: translate(-135px, -50%);
    bottom: auto !important;
}

#login-modal .ba-custom-select #category ~ ul.visible-select {
    animation: none !important;
    left: 50%;
    max-height: 400px;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

/* Languages */
.ba-language-flag,
.ba-custom-select.language-select:not([data-lang="*"]):before {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    margin-right: 10px;
    min-width: 35px;
    vertical-align: middle;
    width: 35px;
}

.association-wrapper .ba-language-flag,
.ba-language-flag,
.ba-custom-select.language-select:not([data-lang="*"]):before {
    height: 24px;
    width: 24px;
    min-width: 24px;
}

.ba-custom-select.language-select input {
    transition: none ;
}

.blog-post-editor-right-panel input[type="text"].association-page,
.ba-custom-select.language-select:not([data-lang="*"]) input {
    padding-left: 45px;
    cursor: pointer;
}

.blog-post-editor-right-panel input[type="text"].association-page {
    text-overflow: ellipsis;
    padding-right: 50px;
}

 #settings-dialog .ba-language-flag,
.ba-custom-select.language-select ul li:not([data-value="*"]):before {
    background-image: var(--flag-img);
    background-size: cover;
    border: none;
    height: 25px;
    left: 23px;
    margin-right: 10px;
    top: 15px;
    width: 25px;
}

 #settings-dialog .ba-language-flag {
    position: relative;
    top: 0;
    left: 0;
}

.blog-post-editor-right-panel .association-wrapper .ba-language-flag,
.ba-custom-select.language-select:not([data-lang="*"]):before {
    background-image: var(--flag-img);
    content: "";
    position: absolute;
    top: -2px;
}

.blog-post-editor-right-panel .ba-custom-select.language-select:not([data-lang="*"]):before,
.blog-post-editor-right-panel .association-wrapper .ba-language-flag {
    top: 38px;
    left: 10px;
    z-index: 10;
}

.blog-post-editor-right-panel .ba-custom-select.language-select:not([data-lang="*"]):before {
    top: 12px;
}

.association-wrapper {
    align-items: center;
    display: flex;
}

.association-wrapper .ba-language-flag,
#settings-dialog .association-wrapper .ba-language-flag {
    margin-right: 25px;
}

#settings-dialog .tab-content input[type="text"].association-page {
    cursor: pointer !important;
    width: 520px;
}

.reset-association {
    align-items: center;
    display: flex;
    position: static !important;
}

.association-page:not([data-id]) + .reset-association {
    display: none;
}

.blog-post-editor-right-panel .reset:not(.reset-page-intro-image) {
    border-radius: 0;
    position: absolute !important;
    right: 1px;
    top: 26px;
}

.blog-post-editor-right-panel .reset:not(.reset-page-intro-image) i {
    padding: 11px;
}

.ba-hide-element {
    display: none;
}

.ba-modal-lg .language-associations-group label.ba-hide-element {
    opacity: 0;
    pointer-events: none;
}

.ba-modal-lg .language-associations-group .ba-group-element.ba-hide-element {
    display: none !important;
}

.blog-post-editor-right-panel .association-wrapper .ba-language-flag .ba-tooltip {
    left: -8px;
    margin-left: 0;
    margin-right: -250px;
    transform: none;
}

.blog-post-editor-right-panel .association-wrapper .ba-language-flag .ba-tooltip:before {
    left: 20px !important;
}

.associations-pages-wrapper .title-td span {
    cursor: pointer !important;
    display: inline-block;
    white-space: normal;
}

.associations-pages-wrapper .title-td span, 
.associations-pages-wrapper .theme-td {
    padding: 25px !important;
}

/*
/* Login and New page modal
*/

@keyframes login-modal {
    from {  opacity: 0;}
    to { opacity: 1;}
}

#login-modal.modal.in {
    animation: login-modal .3s cubic-bezier(0.4,0,0.2,1) both !important;
}

#login-modal {
    overflow: hidden;
    top: 50vh !important;
    transform:translateY(-50%);
    will-change: transform;
    z-index: 1060;
}

#login-modal.gridbox-activate-licanse-modal {
    background: #2f3243;
}

#login-modal .modal-body {
    overflow: visible;
}

#login-modal.gridbox-activate-licanse-modal h3.ba-modal-title {
    color: #fff;
}

.ba-custom-select.system-type-select input {
    padding-right: 30px !important;
}

#login-modal .ba-help-icon .ba-tooltip.ba-help {
    top: -10px;
    width: 210px;
    bottom: auto;
    transform: translateY(0%) translateX(-100%);
}

#login-modal.gridbox-activate-licanse-modal .ba-help-icon i {
    color: #566e78;
}

#login-modal .ba-help-icon .ba-tooltip.ba-help:before {
    bottom: auto;
    top: 15px;
}

#login-modal.gridbox-activate-licanse-modal input::-webkit-input-placeholder {
    color: #566e78;
}

#login-modal.gridbox-activate-licanse-modal input {
    background-color: transparent !important;
    border-color: transparent !important;
    border-bottom-color: #484c64 !important;
    color: #fff;
    cursor: text !important;
    text-overflow: ellipsis !important;
}

.ba-modal-lg .ba-group-element .zmdi-help,
.modal.ba-modal-sm .zmdi-help {
    font-size: 24px;
}

.modal.ba-modal-sm .zmdi-help {
    line-height: 18px;
}

.library-item-title,
.reset-input-margin {
    margin-bottom: 0 !important;
}

#save-copy-dialog .photo-editor-file-title {
    margin-bottom: 25px !important; 
}

#one-page-item-modal .ba-input-lg + div,
#add-new-element-modal .ba-input-lg + div,
.ba-input-lg,
#add-to-menu-modal .ba-modal-title + div,
#create_form > div,
#download-form >div,
.ba-body-content > div {
    position: relative;
}

.ba-input-lg .focus-underline,
#add-to-menu-modal .menu-item-title + .focus-underline,
input#ba-title + .focus-underline,
input.ba-password + .focus-underline {
    top: 68px;
}

@keyframes fade {
    from { opacity: 0; }
}

.ba-create-page {
    animation: fade .3s;
}

/* Login Animation */

@keyframes fade-up-effect {
    from { transform: translateY(40%); opacity: 0; }
}

#login-modal .ba-checkbox-parent,
#login-modal .ba-custom-select input,
.ba-custom-select.select-product-type
.ba-modal-sm .blog-category-select input,
.ba-modal-sm .blog-theme-select input,
input#ba-title,
.ba-modal-sm input[type="password"],
.modal.ba-modal-sm .ba-username {
    animation: fade-up-effect .6s both;
    animation-delay: .25s;
}

#login-modal .ba-custom-select input,
#login-modal input[name="product_type"]+.blog-theme-select input,
#login-modal .ba-custom-select.blog-category-select input,
.ba-modal-sm .blog-category-select input,
.ba-modal-sm .blog-theme-select input,
.ba-modal-sm input[type="password"] {
    animation-delay: .5s;   
}

#login-modal .ba-checkbox-parent,
#login-modal .ba-custom-select + .blog-theme-select input,
#login-modal .blog-category-select +input[name="product_type"] + .blog-theme-select input,
#login-modal .ba-custom-select.select-product-type input,
.ba-modal-sm .blog-category-select + .blog-theme-select input {
    animation-delay: .75s;  
}

#login-modal .select-product-type + .ba-checkbox-parent,
#login-modal .blog-theme-select + .ba-checkbox-parent,
#login-modal .ba-custom-select.select-product-type + .blog-theme-select input {
    animation-delay: 1s;
}

#login-modal .ba-custom-select input {
    margin-bottom: 40px;
}

@keyframes bounce-effect {
    0% { transform:  scale(.05); opacity: 0;}
    70% { transform:  scale(1.01); opacity: 1;}
    100% { transform:  scale(1); opacity: 1;}
}

#login-modal .select-product-type > i,
.ba-modal-sm .blog-category-select > i,
#login-modal .system-type-select > i,
#login-modal .blog-theme-select > i,
.modal.ba-modal-sm .ba-footer-content .ba-btn-primary,
.ba-help-icon {
    animation: bounce-effect .45s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

#login-modal .system-type-select > i,
#login-modal .select-product-type > i,
.ba-modal-sm .blog-category-select > i,
.ba-help-icon,
#login-modal .blog-theme-select > i {
    opacity: 0;
}

#login-modal .system-type-select > i {
    animation-delay: .65s;
}

.ba-modal-sm .blog-category-select > i {
    animation-delay: .7s;
}

#login-modal .select-product-type > i {
    animation-delay: .9s;   
}


#login-modal .select-product-type + .blog-theme-select > i,
.modal.ba-modal-sm .ba-footer-content .ba-btn-primary {
    animation-delay: 1.2s;
}

@keyframes fill-effect {
    0% { transform: scale(1); border-radius: 50% }
    100% { transform: scale(170); opacity: 1;border-radius: 50%}
}

.ba-login-dialog-out .ba-footer-content:before {
    animation: fill-effect .3s both;
    background: #75d84d;    
    bottom: 25px;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 25px;
    width: 5px;
    z-index: 10;
}

#login-modal.gridbox-activate-licanse-modal.ba-modal-sm a.ba-btn-primary.active-button {
    background: rgba(26, 166, 244, .25);
}

#login-modal.gridbox-activate-licanse-modal.ba-modal-sm a.ba-btn-primary.active-button:hover:after,
#login-modal.gridbox-activate-licanse-modal.ba-modal-sm a.ba-btn-primary:before {
    background: #1aa6f4;
}

/*
/* Custom Select 
*/

.animation-appearance-action-wrapper,
.shape-divider-action-wrapper,
.ba-custom-author-select,
.ba-lg-custom-select,
.ba-custom-select {
    position: relative;
}

.page-multicategory-list, 
.ba-custom-author-select ul,
.ba-lg-custom-select ul,
.ba-custom-select ul {
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-sizing: border-box;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 96px;
    opacity: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 272px;
    z-index: 2;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list li,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li span,
.meta-tags .all-tags li,
.ba-custom-author-select ul li,
.save-image-context-menu > span,
.ba-custom-select ul li {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 18px;
    overflow-y: auto;
    padding: 20px;
    padding-left: 65px;
    position: relative;
}

.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li {
    position: relative;
}

@keyframes add-link {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 118px; }
}

.ba-custom-author-select  ul.visible-select,
.ba-lg-custom-select ul.visible-select,
.ba-custom-select ul.visible-select {
    animation: add-link .4s cubic-bezier(.25,.98,.26,.99) both;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 2px solid #1da6f4;
    max-height: none;
    opacity: 1;
    overflow: hidden;
    overflow-y: auto;
    top: 69px;
    visibility: visible;
    z-index: 15;
}

@keyframes add-menu-link {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 292px; }
}

.ba-custom-select.menu-items-select-parent ul.visible-select {
    animation: add-menu-link .4s cubic-bezier(.25,.98,.26,.99) both;
}

@keyframes fonts-style-select {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 234px; }
}


.custom-fonts-style-select.ba-custom-select.visible-select-top ul.visible-select {
    animation: fonts-style-select .4s cubic-bezier(.25,.98,.26,.99) both;
}

@keyframes select-product-type {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 0; width: 275px; max-height: 2px; }
    100%{ left:0; width: 275px; max-height: 176px; }
}

.ba-custom-select.system-type-select  ul.visible-select,
.select-product-type.ba-custom-select ul.visible-select {
    animation: select-product-type .4s cubic-bezier(.25,.98,.26,.99) both;    
}

.ba-custom-select.visible-select-top ul.visible-select {
    top: inherit !important;
    bottom: 43px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none !important;
    border-bottom: 2px solid #1da6f4;
    display: block;
}

@keyframes date-format-select {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 275px; max-height: 2px;}
    100%{ left:0; width: 275px; max-height: 175px;}
}

#edit-custom-info-dialog .ba-custom-select ul.visible-select,
.ba-custom-select.visible-select-top.date-format-select ul.visible-select {
    animation: date-format-select .4s cubic-bezier(.25,.98,.26,.99) both !important;
}

@keyframes edit-custom-info {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 275px; max-height: 2px;}
    100%{ left:0; width: 275px; max-height: 232px;}
}

#edit-custom-info-dialog .ba-custom-select ul.visible-select {
    animation: edit-custom-info .4s cubic-bezier(.25,.98,.26,.99) both !important;
}

.field-element-type-select.ba-custom-select.visible-select-top ul.visible-select,
.menu-items-select-parent.ba-custom-select.visible-select-top ul.visible-select,
.custom-fonts-style-select.ba-custom-select.visible-select-top ul.visible-select,
.menu-items-select.ba-custom-select.visible-select-top ul.visible-select {
    bottom: 50px;
}

.ba-custom-select.visible-select-top ul {
    max-height: 2px;
}

.ba-custom-select.visible-select-top .visible-select + .zmdi-caret-down {
    transform: rotate(180deg);
}

@keyframes context-menu {
    0%{ width: 265px; opacity: 0; max-height: 348px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 348px; }
}

#map-editor-dialog .ba-custom-select.positioning-select ul.visible-select,
.all-categories-list.vasible-all-categories-list,
.ba-modal-lg .ba-custom-select.event-calendar-layout-select ul.visible-select,
.ba-modal-lg .ba-custom-select.google-maps-places-app-select ul.visible-select,
.ba-settings-group .ba-lg-custom-select ul.visible-select,
#photo-editor-dialog .ba-settings-group .ba-custom-select ul.visible-select,
.save-image-context-menu,
#text-editor-dialog .text-typography-options ul.visible-select,
.openstreetmap-theme-select.ba-custom-select ul.visible-select,
.map-theme-select.ba-custom-select ul.visible-select,
.ba-modal-lg .section-access-select.ba-custom-select.visible-select-top ul.visible-select,
.ba-modal-lg .ba-custom-select.section-access-view-select.visible-select-top ul.visible-select,
#filter-bar .ba-custom-select ul.visible-select,
.ba-modal-cp .ba-custom-select ul.visible-select,
.uploader-nav .pagination-limit .ba-custom-select ul.visible-select {
    animation: context-menu .3s both;
    border-radius: 6px;
    border: none !important;
    max-height: none;
    overflow-y: auto;
    top: 0;
}

.all-categories-list.vasible-all-categories-list {
    overflow-x: hidden; 
    right: calc(50% - 141px); 
}

.ba-lg-custom-select-body li,
.ba-custom-select ul.visible-select li {
    opacity: 1;
    width: 100%;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list li[style*="--content"] ,
.ba-custom-select ul.visible-select li[style*="--content"] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.ba-custom-select.search-select-display-results ul.visible-select li {
    white-space: nowrap;
    overflow: hidden;
}

#search-settings-dialog[data-edit="store-search"] .apps-select-wrapper ul.all-apps-list li:not([data-value="*"]):not([data-type="products"]),
#search-settings-dialog[data-edit="store-search"] .ba-custom-select.search-app-select ul.visible-select li:not([data-value="*"]):not([data-type="products"]):not([data-value="multiple"]){
    display: none;
}

ul.visible-select li[data-value="multiple"] {
    border-bottom: 1px solid #f3f3f3;
}

.animation-appearance-action-wrapper i,
.shape-divider-action-wrapper .zmdi-caret-down,
.ba-custom-select.element-target-select .zmdi-caret-down,
.ba-lg-custom-select .zmdi-caret-down,
.fonts-select.ba-custom-select .zmdi-search,
.ba-custom-select .zmdi-caret-down {
    font-size: 23px;
    position: absolute;
    right: 15px;
    top: 37px;
}

.ba-lg-custom-select-body i,
.ba-custom-select ul li i {
    border-radius: 3px;
    font-size: 24px;
    left: 14px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 24px;
}

.ba-lg-custom-select-body i.zmdi-star {
    color: #2d3e50;
    font-size: 18px;
    left: auto;
    opacity: 0;
    right: 15px;
}

.visible-select .ba-lg-custom-select-body i.zmdi-star {
    opacity: 1;
    transition: opacity .3s .3s linear;
}

.ba-custom-select ul li label {
    margin-left: 15px;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list li:before,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li:before,
.meta-tags .all-tags li:before,
.ba-custom-select ul li:before {
    border-radius: 50%;
    border: 2px solid #ddd;
    content: "";
    height: 15px;
    left: 25px;
    position: absolute;
    top: 20px;
    width: 15px;
}

.ba-settings-item.tags-categories-list .tags-categories ul.all-categories-list li:hover:before,
.ba-settings-group.shadow-settings-group .settings-group-title .ba-lg-custom-select-body li:hover:before,
.meta-tags .all-tags li:hover:before,
.ba-custom-select ul li:hover:before {
    border-color: #fff;
}

/* LG Custom Select */

.ba-lg-custom-select-header > span {
    float: none;
    position: relative;
    width: auto;
}

.ba-lg-custom-select-header {
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
    height: 52px;
    padding: 10px;
}

.ba-lg-custom-select-body {
    max-height: 174px;
    overflow: auto;
}

.ba-lg-custom-select-body li:first-child label,
.ba-lg-custom-select-body li:first-child label * {
    cursor: not-allowed !important;
}

.ba-lg-custom-select-body li label {
    display: block;
    height: 58px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 60px;
}

.ba-lg-custom-select-body li span {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ba-lg-custom-select-body li {
    align-items: center;
    display: flex;
}

.select-preset .ba-lg-custom-select-body li {
    position: relative;
}

.ba-lg-custom-select-body li label input + i {
    color: #ddd
}

.ba-lg-custom-select-body li label input[type="radio"]:checked + i,
.ba-lg-custom-select-body li label input + i + i {
    opacity: 0;
}

.ba-lg-custom-select-body li label input[type="radio"]:checked + i + i,
.ba-lg-custom-select-body li label input[type="radio"] + i {
    opacity: 1;
}

.ba-lg-custom-select-header span i {
    font-size: 16px;
    margin-right: 5px;
    width: 16px;
}

.select-preset .ba-lg-custom-select-header span i {
    margin-right: 0;
}

/*
/* Notification
*/

@keyframes notification-in {
    from {bottom: 0; transform: translateY(100%); opacity: 0;}
}

#ba-notification.notification-in {
    animation: notification-in .4s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
}

#ba-notification {
    background: #2c2c2c;
    border-radius: 6px;
    border: none;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    opacity: 1;
    padding: 25px;
    position: fixed;
    right: 50px;
    text-shadow: none;
    visibility: visible;
    z-index: 1510;
}

#ba-notification.ba-alert {
    background: #f46336;
    padding: 40px 25px;
    width: 250px;
}

#ba-notification:not(.ba-alert) h4,
#ba-notification:not(.ba-alert) i {
    display: none;
}

#ba-notification i {
    color: #fff;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

#ba-notification p {
    color: #fff;
    font: 500 14px/24px 'Roboto';
    margin: 0;
}

#ba-notification p img {
    height: 40px;
    padding-left: 40px;
    vertical-align: middle;
    width: 40px;
}

#ba-notification.ba-alert p {
    opacity: .6;
}

.ba-alert h4 {
    color: #fff;
    display: block;
    font: bold 14px/16px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin: 0 0 15px !important;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

@keyframes notification-out {
    to { bottom: 0; transform: translateY(130%); opacity: 0;}
}

#ba-notification.animation-out {
    animation: notification-out .4s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
    opacity: 1;
    visibility: visible;
}

/*
/* Red Circle Button Effect
*/

.camera-container i:after,
.show-photo-media-editor i:after,
.library-item-wrapper:hover .library-image .camera-container i:after,
.minicolors-user-color:after,
#ba-apply.active:after {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transition: all .35s ease-out;
    width: 3px;
}

.camera-container:hover i:after,
.show-photo-media-editor:hover i:after,
.library-item-wrapper:hover .library-image .camera-container i:hover:after,
#ba-apply.active:hover:after {
    background: #f44236;
    opacity: 1;
    transform: scale(27);
    z-index: -1;
}

/* ========================================================================
    Right Panel
 ========================================================================== */

.blog-post-editor-right-panel {
    border-left: 1px solid #e3e3e3;
    height: calc(100vh - 146px);
    overflow: hidden;
    position: fixed;
    right: var(--scroll-width);
    top: 146px;
    width: 382px;
}

.disabled-fields-tabs-header .blog-post-editor-right-panel {
    height: calc(100vh - 81px);
    top: 81px;
}

.blog-post-editor-right-panel .tab-content {
    width: calc(400px + var(--scroll-width));
}

.blog-post-editor-right-panel .blog-post-editor-group-element {
    position: relative;
    max-width: 100%;
}

.blog-post-editor-right-panel .uploader-nav li.active,
.blog-post-editor-right-panel .tab-pane.active {
    background: #f5f5f5;
}

.blog-post-editor-right-panel .tab-pane {
    min-height: calc(100vh - 255px);
    max-height: calc(100vh - 255px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 25px;
    padding-right: calc(25px + var(--scroll-width));
}

#blog-post-editor-sharing-options {
    box-sizing: border-box;
}

.disabled-fields-tabs-header .blog-post-editor-right-panel .tab-pane {
    min-height: calc(100vh - 191px);
    max-height: calc(100vh - 191px);
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs:not(.ba-tabs-wrapper) li a,  
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li a {
    justify-content: center;
    width: 100%;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs:not(.ba-tabs-wrapper) li a i,  
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li a i {
    color: #2f3243;
    transition: opacity .3s linear;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs:not(.ba-tabs-wrapper) li,  
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li {
    border-left: 1px solid #e3e3e3;
    border-top-width: 0;
    justify-content: center;
    margin: 0;
    width: 100%;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs:not(.ba-tabs-wrapper) li:first-child,  
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li:first-child {
    border-left-width: 0;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs > li:not(.active),
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li:not(.active) {
    box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .nav-tabs > li.active {
    border-bottom: 1px solid transparent;  
}

[data-cp-position="right"] .modal.ba-modal-cp.draggable-modal-cp .modal-body div:not(.ba-tabs-wrapper) > .nav-tabs li:not(.active):not(:hover) a i, 
.blog-post-editor-right-panel .uploader-nav:not(.ba-tabs-wrapper) li:not(.active):not(:hover) a i {
    opacity: .5;
}

.blog-post-editor-right-panel:not(.ba-tabs-wrapper) > .nav-tabs {
    background: #f5f5f5;
    display: flex;
}

.extra-product-option-price input,
.ba-select-secondary select,
#blog-post-editor-fields-options .blog-post-editor-group-element select,
#blog-post-editor-fields-options .ba-checkbox-wrapper > span,
#blog-post-editor-fields-options .blog-post-editor-group-element input[type="email"],
#blog-post-editor-fields-options .blog-post-editor-group-element input[type="number"],
#blog-post-editor-fields-options textarea:not([class*="span"]),
#blog-post-editor-fields-options input[type="text"],
.blog-post-editor-right-panel textarea:not([class*="span"]),
.blog-post-editor-right-panel input[type="text"]{
    background: #e3e3e3 !important;
    color: #5a5454;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
}

.blog-post-editor-right-panel .blog-post-editor-group-element select,
#blog-post-editor-fields-options .ba-checkbox-wrapper > span,
.blog-post-editor-right-panel textarea:not([class*="span"]),
.blog-post-editor-right-panel input[type="text"] {
    margin-bottom: 15px;
}

#blog-post-editor-fields-options .renewal-plan-price[data-field-type="price"] + .renewal-plan-icons i:hover, 
#blog-post-editor-fields-options .ba-fields-group input[type="text"] ~ .select-file i:hover,
#blog-post-editor-fields-options .ba-fields-group input[type="text"] ~ .select-link i:hover,
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-group-element select,
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-group-element input[type="email"],
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-group-element input[type="number"],
#blog-post-editor-fields-options .ba-fields-group textarea:not([class*="span"]),
#blog-post-editor-fields-options .ba-fields-group input[type="text"] {
    background: #f5f5f5!important;
}

#blog-post-editor-fields-options [data-field-type="number"] input[type="number"] {
    max-width: 250px;
    min-width: 250px;
}

#blog-post-editor-fields-options [data-field-type="number"] input[type="number"],
#blog-post-editor-fields-options .ba-fields-group .field-editor-price-wrapper input[type="text"] {
    width: 100%;
    max-width: 100%;
}

#blog-post-editor-fields-options .field-editor-price-wrapper > input {
    padding: 10px;
    min-width: auto;
    cursor: text!important;
}

#ba-group-subscription-renewal .field-editor-price-wrapper.right-currency-position > input,
#blog-post-editor-fields-options .field-editor-price-wrapper.right-currency-position > input {
    padding-left: 10px;
    padding-right: 60px;
}

.blog-post-editor-right-panel .ba-custom-select input[type="text"] {
    border-radius: 0; 
}

.blog-post-editor-right-panel .page-title.page-settings-input-trigger.ba-alert-input {
    border-color: #ff776f !important;
}

#blog-post-editor-fields-options .ba-tags,
.blog-post-editor-right-panel .ba-tags,
.blog-post-editor-right-panel .ba-custom-author-select-wrapper {
    margin-bottom: 20px;
}

#blog-post-editor-fields-options .search-tag input[type="text"],
.blog-post-editor-right-panel .select-post-author input[type="text"],
.blog-post-editor-right-panel .search-tag input[type="text"] {
    background: transparent !important;
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items-name,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items-name,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items-name,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items-name,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items .selected-items-name,
.selected-items.sorting-grid-handle-item span,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items span,
#blog-post-editor-fields-options .picked-tags .search-tag input,
#blog-post-editor-fields-options .picked-tags .tags-chosen span,
#blog-post-editor-fields-options .picked-tags .search-tag input[type="text"]::-webkit-input-placeholder,
.blog-post-editor-right-panel .select-post-author input[type="text"]::-webkit-input-placeholder,
.blog-post-editor-right-panel .selected-author .ba-author-name,
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag input,
.blog-post-editor-right-panel .tab-content .picked-tags .tags-chosen span,
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag input[type="text"]::-webkit-input-placeholder {
    color: #5a5454;
    font-size: 14px!important;
    font-weight: 500;
}

#blog-post-editor-fields-options .picked-tags .tags-chosen span {
    color: #fff;
}

#add-bulk-option-modal textarea::-webkit-input-placeholder,
#blog-post-editor-fields-options .picked-tags .search-tag input[type="text"]::-webkit-input-placeholder,
.intro-image-delete-icon-wrapper i:hover,
.blog-post-editor-right-panel .select-post-author input[type="text"]::-webkit-input-placeholder,
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag input[type="text"]::-webkit-input-placeholder {
    opacity: .5;
}

#blog-post-editor-fields-options .meta-tags,
.blog-post-editor-right-panel .ba-custom-author-select-wrapper,
.blog-post-editor-right-panel .meta-tags {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    padding: 5px 5px 0;
    width: 100%;
    box-sizing: border-box;
}

#blog-post-editor-fields-options .ba-fields-group .meta-tags {
    background: #f5f5f5;
    border: 1px solid #f3f3f3;
}

.blog-post-editor-right-panel .meta-tags {
    margin-bottom: 20px;
}

.blog-post-editor-right-panel .ba-custom-author-select-wrapper {
    min-height: 48px;
}

.blog-post-editor-right-panel .ba-custom-author-select-wrapper {
    display: block;
}

#blog-post-editor-fields-options .field-editor-price-wrapper > input,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"],
#blog-post-editor-fields-options .field-video-file input[data-name="file"],
#blog-post-editor-fields-options .select-image-field-wrapper input[data-name="src"],
#blog-post-editor-fields-options input[type="text"].trigger-upload-digital-file,
#blog-post-editor-fields-options input[type="text"].trigger-attachment-file-field,
#blog-post-editor-fields-options .blog-post-editor-group-element .container-icon input[type="text"],
.blog-post-editor-right-panel .blog-post-editor-group-element .container-icon input[type="text"] {
    cursor: pointer;
    height: 48px;
    padding-left: 60px;
}

#blog-post-editor-fields-options input[type="text"].trigger-upload-digital-file {
    padding-left: 10px;
}

#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span {
    cursor: pointer;
    display: inline-block;
    height: 49px;
    position: relative;
    vertical-align: middle;
    width: 48px;
}

#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input {
    min-width: calc(100% - 96px);
    margin-right: 48px;
}

#blog-post-editor-fields-options .blog-post-editor-options-group[data-field-type="event-date"] .container-icon input[type="text"],
#blog-post-editor-fields-options .blog-post-editor-options-group[data-field-type="date"] .container-icon input[type="text"] {
    cursor: default;
}

.blog-post-editor-right-panel .blog-post-editor-group-element .container-icon input[type="text"].published_on,
.blog-post-editor-right-panel .blog-post-editor-group-element .container-icon input[type="text"].published_down {
    cursor: text;
}

#blog-post-editor-fields-options .blog-post-editor-options-group[data-field-type="date"] .container-icon input[type="text"]:hover + .icons-cell,
#blog-post-editor-fields-options .blog-post-editor-options-group[data-field-type="event-date"] .container-icon input[type="text"]:hover + .icons-cell {
    background: #1887cf;
}

#blog-post-editor-fields-options textarea:not([class*="span"]),
.blog-post-editor-right-panel textarea:not([class*="span"]) {
    min-height: 100px;
}

#blog-post-editor-fields-options textarea:not([class*="span"]) {
    min-height: 200px;
}

.modal .blog-post-editor-right-panel textarea:not([class*="span"])::-webkit-scrollbar {
    width: initial;
}

.modal .blog-post-editor-right-panel textarea:not([class*="span"])::-webkit-scrollbar-track {
    background-color: transparent;
}

.modal .blog-post-editor-right-panel textarea:not([class*="span"])::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 0px;
}

.modal .blog-post-editor-right-panel textarea:not([class*="span"])::-webkit-scrollbar-corner {
    background-color: transparent;
}

.blog-post-editor-right-panel .blog-post-editor-group-element label:not(.ba-help-icon) {
    margin-bottom: 5px;
    width: 100%;
}

.ba-fields-group-wrapper .ba-alert-label > .blog-post-editor-group-element > label,
.blog-post-editor-right-panel .ba-alert-label > .blog-post-editor-group-element > label {
    color: #f64231 !important;
}

.blog-post-editor-right-panel:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    display: none;
}

.blog-post-editor-right-panel .ba-custom-select .zmdi-caret-down {
    top: 13px;
    z-index: 10;
}

.blog-post-editor-right-panel .container-icon {
    position: relative;
}

.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper i,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper i,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper i,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper i,
.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span i,
.field-sorting-wrapper.related-product .related-product-title-wrapper i,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i,
#blog-post-editor-sharing-options .share-image-wrapper input[type="text"] ~ .zmdi-camera,
#blog-post-editor-fields-options .field-editor-price-wrapper > span,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"] + i,
#blog-post-editor-fields-options .field-video-file input[data-name="file"] + i,
#blog-post-editor-fields-options .select-image-field + i,
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span >i,
#blog-post-editor-fields-options .trigger-attachment-file-field + i,
#blog-post-editor-fields-options .container-icon .icons-cell,
.blog-post-editor-right-panel .container-icon .icons-cell {
    background: #d4d4d4;
    cursor: pointer;
    line-height: 0;
    padding: 12px;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: background .3s ease;
    width: 24px;
}

.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span i:not(:hover) {
    background: #f5f5f5; 
}

.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span[data-checked="true"] i {
    color: #1da6f4;
}

#blog-post-editor-sharing-options .share-image-wrapper input[type="text"] ~ .zmdi-camera {
    line-height: 22px;
    top: 1px;
}

#blog-post-editor-fields-options .ba-fields-group .field-video-file input[data-name="file"] + i, 
#blog-post-editor-fields-options .ba-fields-group .select-image-field + i, 
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input  + span >i, 
#blog-post-editor-fields-options .ba-fields-group .trigger-attachment-file-field + i, 
#blog-post-editor-fields-options .ba-fields-group .container-icon .icons-cell {
    background: #1da6f4;
    color: #fff;
}

#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span >i,
#blog-post-editor-fields-options .ba-fields-group .trigger-attachment-file-field + i,
#blog-post-editor-fields-options .ba-fields-group .field-video-file input[data-name="file"] + i {
    background: #546e7b;
}

#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span >i {
    position: static;
}

.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper i,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper i,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper i,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper i,
.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span[data-action="add"] i,
.field-sorting-wrapper.related-product .related-product-title-wrapper i,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"] + i,
#blog-post-editor-fields-options .ba-fields-group .select-image-field + i {
    background: #f64231;
}

#blog-post-editor-fields-options .field-editor-price-wrapper > span {
    background: #e3e3e3;
    left: 1px!important;
    line-height: 22px !important;
    height: 22px ;
    top: 1px !important;
    pointer-events: none;
}

#blog-post-editor-fields-options .field-editor-price-wrapper.right-currency-position > span {
    margin-left: 200px!important;
}

#blog-post-editor-fields-options #ba-group-product-pricing .field-editor-price-wrapper.right-currency-position > span {
    margin-left: calc(100% - 50px)!important;
}

#blog-post-editor-fields-options .right-currency-position:not(.ba-form-products-cart):not(.ba-cart-subtotal) {
    display: block!important;
}

#blog-post-editor-fields-options .ba-fields-group .field-video-file input[data-name="file"] + i:hover, 
#blog-post-editor-fields-options .ba-fields-group .select-image-field + i:hover, 
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span >i:hover, 
#blog-post-editor-fields-options .ba-fields-group .trigger-attachment-file-field + i:hover, 
#blog-post-editor-fields-options .ba-fields-group .container-icon .icons-cell:hover {
    background: #1887cf;
}

.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper i,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper i,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper i,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper i,
.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span[data-action="add"] i,
.field-sorting-wrapper.related-product .related-product-title-wrapper i,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"] + i,
#blog-post-editor-fields-options .ba-fields-group .container-icon .icons-cell i {
    color: #fff;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail {
    height: 200px;
    position: relative;
    margin-bottom: 25px;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail .empty-intro-icon-wrapper {
    pointer-events: none;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail .camera-container {
    z-index: 10;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail .camera-container i {
    background: #f64231;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    overflow: hidden;
    padding: 18px;
    transform: translate3d(0, 0, 0);
    width: 24px;
}

@keyframes right-panel-visible-options-top {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 1px; width: 347px; max-height: 2px;}
    100%{ left: 1px; width: 347px; max-height: 348px;}
}

.blog-post-editor-right-panel .ba-custom-select.visible-select-top ul.visible-select {
    animation: right-panel-visible-options-top .4s cubic-bezier(.25,.98,.26,.99) both !important;
    bottom: 61px;
}

@keyframes right-panel {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 1px; width: 347px; max-height: 2px; }
    100%{ left: 1px; width: 347px; max-height: 348px; }
}

.blog-post-editor-right-panel .ba-custom-select ul.visible-select {
    animation: right-panel .4s cubic-bezier(.25,.98,.26,.99) both;
    top: 47px;
}

@keyframes right-panel-slim {
    0%{ left: 50%; width: 0; max-height: 2px; }
    50%{ left: 1px; width: 315px; max-height: 2px; }
    100%{ left: 1px; width: 315px; max-height: 348px; }
}

.blog-post-editor-right-panel .ba-custom-select.select-field-video-type ul.visible-select {
    animation: right-panel-slim .4s cubic-bezier(.25,.98,.26,.99) both;
    top: 47px;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items, 
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items,
.selected-items.sorting-grid-handle-item,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items,
#blog-post-editor-fields-options .selected-author,
#blog-post-editor-fields-options .picked-tags li.tags-chosen,
.blog-post-editor-right-panel .selected-author,
.blog-post-editor-right-panel .tab-content .picked-tags li.tags-chosen {
    background: #e3e3e3;
    margin: 0 5px 5px 0;
}

#blog-post-editor-fields-options .selected-author,
#blog-post-editor-fields-options .picked-tags li.tags-chosen {
    background: #1da6f4;
}

#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"],
#blog-post-editor-fields-options .picked-tags .search-tag,
#blog-post-editor-fields-options .picked-tags,
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag,
.blog-post-editor-right-panel .tab-content .picked-tags {
    box-sizing: border-box;
    margin: 0;
    padding-right: 25px;
    width: 100% !important;
}

#blog-post-editor-fields-options .picked-tags .search-tag input,
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag input {
    display: inline-block;
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.meta-tags .select-post-tags.input-action-icon,
.blog-post-editor-right-panel .select-post-tags.input-action-icon {
    position: absolute;
    right: 10px;
    top: 37px;
}

.ba-app-fields-groups-wrapper .select-post-tags.input-action-icon {
    top: 10px;
}

#settings-dialog .select-post-tags.input-action-icon {
    position: absolute;
    right: 60px;
    top: 25px;
}

.select-post-tags:hover i, 
.blog-post-editor-right-panel .select-post-tags.input-action-icon:hover i {
    opacity: .75;
}

#blog-post-editor-fields-options .ba-tags,
.blog-post-editor-right-panel .tab-content .ba-tags {
    display: block;
}

#blog-post-editor-fields-options .picked-tags .search-tag,
.blog-post-editor-right-panel .select-post-author input[type="text"],
.blog-post-editor-right-panel .tab-content .picked-tags .search-tag {
    margin: 0 0 5px 0 !important;
    padding: 0;
}

.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items {
    position: relative;
}

li[data-id].sorting-grid-placeholder-item,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items.sorting-grid-placeholder-item ,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items.sorting-grid-placeholder-item {
    opacity: .3 !important;
}

.selected-items.sorting-grid-handle-item.grid-sorting-return-animation {
    transition: .3s linear;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items .grid-sorting-handle,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items .grid-sorting-handle,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items .grid-sorting-handle,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items .grid-sorting-handle,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items .grid-sorting-handle,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items .grid-sorting-handle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: move;
}

#blog-post-editor-fields-options .all-tags li,
.blog-post-editor-right-panel .all-tags li {
    width: 347px;
}

.blog-post-editor-right-panel .selected-author {
    padding-left: 0;
}

.blog-post-editor-right-panel .ba-custom-author-select ul.visible-select {
    top: 41px;
}

.blog-post-editor-right-panel .ba-custom-author-select {
    display: inline-block;
}

.blog-post-editor-right-panel .intro-image-delete-icon-wrapper i {
    background: #e7e7e7;
    border-radius: 50%;
    color: #35394c;
    font-size: 21px;
    padding: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    transition: opacity .3s ease;
    width: 21px;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail:not(.empty-intro-image) .empty-intro-icon-wrapper,
.blog-post-editor-right-panel .empty-intro-image .intro-image-delete-icon-wrapper i {
    display: none;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail {
    align-items: center;
    background-color: #e3e3e3;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.blog-post-editor-right-panel .blog-post-editor-img-thumbnail .empty-intro-icon-wrapper i {
    font-size: 48px;
}

.gridbox-scroll-div {
    overflow: scroll;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
}

.blog-post-editor-right-panel .tab-content::-webkit-scrollbar,
.modal .gridbox-scroll-div:not(#blog-post-editor-fields-options)::-webkit-scrollbar {
    width: initial;
}

/* ========================================================================
    Apps Editor
 ========================================================================== */

#gridbox-editor-tab.active {
    display: flex;
}

.gridbox-apps-editor-wrapper .editor-iframe {
    height: calc(100vh - 150px);
}

.disabled-fields-tabs-header .gridbox-apps-editor-wrapper .editor-iframe {
    height: calc(100vh - 81px);
}

body.com_gridbox.gridbox.blog-post-editor.gridbox-apps-editor:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait):not(.laptop) {
    margin-top: 50px;
}

.gridbox-apps-editor-wrapper .nav-tabs.uploader-nav {
    background: transparent;
    border-bottom: 1px solid #e3e3e3 !important;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: center;
    padding-left: 50px;
    padding-right: 415px;
    transition: all .3s ease-in-out;
} 

.gridbox-apps-editor-wrapper > .uploader-nav li a {
    padding: 20px 40px;
}

.gridbox-apps-editor-wrapper > .uploader-nav li:hover i,
.gridbox-apps-editor-wrapper > .uploader-nav li.active i,
.modal .gridbox-apps-editor-wrapper:not(.ba-tabs-wrapper) > .nav-tabs li:hover a,
.modal .gridbox-apps-editor-wrapper:not(.ba-tabs-wrapper) > .nav-tabs li.active a {
    opacity: 1;
}

.gridbox-apps-editor-wrapper > .uploader-nav li i,
.modal .gridbox-apps-editor-wrapper:not(.ba-tabs-wrapper) > .nav-tabs li a {
    color: #2f3243 !important;
    opacity: .5;
    transition: opacity .3s linear;
}

.gridbox-apps-editor-wrapper > .uploader-nav li i {
    color: inherit;
}

.gridbox-apps-editor-wrapper > .uploader-nav li:not(:last-child) {
    border-right: 1px solid #e3e3e3;
}

.modal .gridbox-apps-editor-wrapper:not(.ba-tabs-wrapper) > .nav-tabs + .tabs-underline,
.modal .gridbox-apps-editor-wrapper:not(.ba-tabs-wrapper) > .nav-tabs a:before {
    background: #1da6f4;
}

#blog-post-editor-fields-options .gridbox-toggle-element .apps-fields-editor-toggle {
    display: none;
}

.booking-working-hours-element  > .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
.ba-states-toggle .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
.shadow-settings-group .ba-lg-custom-select-header input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
#category-list-fields-modal .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip):after,
#blog-post-editor-fields-options .apps-fields-editor-toggle:checked + span:not(.ba-tooltip):after {
    left: 17px;
}

#blog-post-editor-fields-options label.gridbox-toggle-element {
    position: relative;
    display: inline-flex;
}

.booking-working-hours-element  > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
.ba-states-toggle .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
.shadow-settings-group .ba-lg-custom-select-header input[type="checkbox"] ~ span:not(.ba-tooltip):after,
#category-list-fields-modal .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):after,
#blog-post-editor-fields-options label.gridbox-toggle-element span:not(.ba-tooltip):after {
    background: #fff;
    border-radius: 50%;
    content: "" !important;
    display: block;
    height: 18px;
    left: 2px;
    position: relative;
    transition: all .2s ease;
    width: 18px;
    top: 1px;
}

.ba-sidebar-panel ~ .gridbox-apps-editor-wrapper .nav-tabs.uploader-nav a:before {
    z-index: 0;
}

.booking-working-hours-element  > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):before,
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip):before {
    display: none !important;
}

#blog-post-editor-fields-options label.gridbox-toggle-element span.ba-tooltip:before {
    content: "";
    height: 0px;
    position: absolute;
    top: 22px;
    left: 100% !important;
    margin-left: 0px;
    border: 5px solid transparent;
    border-left: 5px solid #2c2c2c;
}

.booking-working-hours-element  > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
.ba-states-toggle .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
.shadow-settings-group .ba-lg-custom-select-header .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#category-list-fields-modal .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#blog-post-editor-fields-options label.gridbox-toggle-element span:not(.ba-tooltip) {
    background: #ddd;
    border-radius: 20px !important;
    box-sizing: border-box;
    border: none !important;
    cursor: pointer;
    display: block;
    height: 24px !important;
    margin: 0;
    padding: 2px;
    position: relative;
    transition: all .4s ease;
    width: 40px !important;
}

.post-editor-right-icons label span:not(.ba-tooltip),
 #blog-post-editor-fields-options label.gridbox-toggle-element span:not(.ba-tooltip) {
    background: #92939c;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#category-list-fields-modal .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip),
#photo-editor-dialog.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip) {
    background: #3e495a;
}

#blog-post-editor-fields-options .apps-fields-editor-toggle:checked + span:not(.ba-tooltip) {
    background: #1da6f4;
}

#on-scroll-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip),
#section-animations-settings-tab .ba-settings-item .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip),
.ba-states-toggle .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip),
.shadow-settings-group .ba-lg-custom-select-header input[type="checkbox"]:checked ~ span:not(.ba-tooltip),
#category-list-fields-modal .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip),
.ba-modal-lg div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"]:checked ~ span:not(.ba-tooltip){
    background: #34dca2 !important; 
}

#category-list-fields-modal .ba-checkbox input[type="checkbox"][disabled]:checked ~ span:not(.ba-tooltip){
    background: #3e485a !important;  
    cursor: not-allowed;
}

#map-editor-dialog div:not(.ba-inline-checkbox) > .ba-checkbox input[type="checkbox"] ~ span:not(.ba-tooltip){
    top: 0;
    display: inline-block;
}

#blog-post-editor-fields-options label.gridbox-toggle-element span.ba-tooltip {
    top: -14px;
    margin-left: -345px;
}

#blog-post-editor-fields-options > div:first-child {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    margin: 0 auto 20px;
}

#blog-post-editor-fields-options {
    border: none !important;
    border-left: 50px solid #f5f5f5 !important;
    box-sizing: content-box;
    height: calc(100vh - 146px);
    margin: 0 auto;
    overflow-y: scroll;
}

.disabled-fields-tabs-header #blog-post-editor-fields-options {
    height: calc(100vh - 81px);
}

.enabled-fields-tab:not(.phone):not(.phone-portrait):not(.tablet):not(.tablet-portrait) #blog-post-editor-fields-options{
    padding: 0 450px 0 50px;
}

.ba-fields-group-wrapper,
#blog-post-editor-fields-options >.blog-post-editor-options-group {
    max-width: 750px;
    margin: 0 auto;
}

#blog-post-editor-fields-options .add-fields-group-wrapper {
    align-items: center;
    display: flex;
    height: 105px;
    justify-content: center;
}

.fields-sortable-started .blog-post-editor-options-group,
#blog-post-editor-fields-options .add-fields-group-wrapper > span {
    position: relative;
}

.fields-sortable-started .blog-post-editor-options-group[data-field-type="textarea"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*
/* Apps Editor Fields
*/

#blog-post-editor-fields-options .blog-post-editor-options-group {
    margin-bottom: 30px;
}

body:not(.enable-field-editor) .add-fields-group-wrapper >span,
body:not(.enable-field-editor) .ba-app-fields-groups-wrapper .ba-fields-group-icons,
body:not(.enable-field-editor) .blog-post-editor-group-element > .sorting-handle {
   display: none!important;
}

body:not(.enable-field-editor) #blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title input[type="text"] {
    pointer-events: none;
}

#blog-post-editor-fields-options {
    padding-bottom: 105px;
}

.ba-fields-group-wrapper .ba-fields-group-icons,
#blog-post-editor-fields-options .blog-post-editor-group-element .sorting-handle {
    display: inline-block;
    float: right;
}

#blog-post-editor-fields-options .blog-post-editor-group-element > .sorting-handle i:hover,
.ba-fields-group-wrapper .ba-fields-group-icons i:hover {
    opacity: .5;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .sorting-handle i,
.ba-fields-group-wrapper .ba-fields-group-icons i {
    transition: opacity .3s linear;
}

.category-list-fields-wrapper i {
    transition: color .3s linear;    
}

.category-list-fields-wrapper i:hover {
    color: #4285f4;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .sorting-handle i {
    cursor: move !important;
    margin-right: -5px;
    margin-top: 4px;
}

#blog-post-editor-fields-options .ba-checkbox input ~ span {
    top: 0;
}

#blog-post-editor-fields-options .ba-checkbox-wrapper > span {
    background: transparent !important;
    line-height: 20px;
    margin: 0;
    min-width: 0;
    padding: 0 0 0 30px;
    width: auto;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title input[type="text"],
#blog-post-editor-fields-options .blog-post-editor-group-element .sorting-handle + label {
    width: calc(100% - 25px);
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title input[type="text"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#blog-post-editor-fields-options .blog-post-editor-group-element label.ba-radio,
#blog-post-editor-fields-options .blog-post-editor-group-element label.ba-checkbox {
    width: auto;
}

#blog-post-editor-fields-options .ba-radio input[type="radio"] {
    height: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    width: 20px;
    z-index: 2;
}

#blog-post-editor-fields-options .ba-radio input[type="radio"]+ span:before {
    border-radius: 50%;
    border: 2px solid #757575;
    content: "";
    cursor: pointer;
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 18px;
}

#blog-post-editor-fields-options .ba-radio input[type="radio"]:checked + span:before {
    background: #4285f4;
    border-radius: 50%;
    border: 2px solid #4285f4;
    box-shadow: inset 0px 0px 0px 3px rgb(245, 245, 245);
    content: "";
    display: block;
    height: 18px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

#blog-post-editor-fields-options .ba-radio input[type="radio"]:checked + span:after {
    margin-left: 3px;
}

#blog-post-editor-fields-options .field-google-map-wrapper,
#blog-post-editor-fields-options .ba-image-field-label-wrapper,
#blog-post-editor-fields-options .ba-field-video-source-wrapper,
#blog-post-editor-fields-options .field-video-file,
#blog-post-editor-fields-options .field-video-id,
#blog-post-editor-fields-options .ba-url-field-label-wrapper,
#blog-post-editor-fields-options .link-picker-container {
    padding-right: 0 !important;
    margin-bottom: 15px;
}

#blog-post-editor-fields-options .field-google-map-wrapper {
    margin-top: 15px;
}

#blog-post-editor-fields-options .link-picker-container input ~ div {
    display: inline-block;
    vertical-align: bottom;
}

#blog-post-editor-fields-options .renewal-plan-price[data-field-type="price"] + .renewal-plan-icons i,
#blog-post-editor-fields-options .link-picker-container input ~ div i {
    border-radius: 0px;
    padding: 12px;
    transition: all .3s ease;
}

#blog-post-editor-fields-options .renewal-plan-price[data-field-type="price"] + .renewal-plan-icons i {
    line-height: 24px;
    font-size: 16px;
    margin: 0 !important;
}

#blog-post-editor-fields-options .link-picker-container input[data-name="link"] {
    min-width: 0;
    width: calc(100% - 100px);
}

#blog-post-editor-fields-options .ba-checkbox-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#blog-post-editor-fields-options .ba-checkbox-wrapper,
#blog-post-editor-fields-options  .blog-post-editor-options-group[data-field-type="checkbox"] >.blog-post-editor-group-element >label,
#blog-post-editor-fields-options  .blog-post-editor-options-group[data-field-type="radio"] >.blog-post-editor-group-element >label {
    margin-bottom: 10px;
}

.booking-working-hours-wrapper,
.product-variations-table,
#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group,
#blog-post-editor-fields-options [data-field-type="field-google-maps"] label ~ div,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper,
#blog-post-editor-fields-options [data-field-type="image-field"] .blog-post-editor-group-element > label ~ div,
#blog-post-editor-fields-options [data-field-type="url"] label ~ div:not(.select-link):not(.select-file) {
    border: 1px solid #e3e3e3;
    padding: 15px 15px 0 15px;
}

.booking-working-hours-wrapper,
.product-variations-table,
#blog-post-editor-fields-options .ba-fields-group [data-field-type="field-google-maps"] label ~ div,
#blog-post-editor-fields-options .ba-fields-group label ~ .field-sorting-wrapper,
#blog-post-editor-fields-options .ba-fields-group [data-field-type="image-field"] .blog-post-editor-group-element > label ~ div,
#blog-post-editor-fields-options .ba-fields-group [data-field-type="url"] label ~ div:not(.select-link):not(.select-file) {
    border: 1px solid #f3f3f3;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group {
    background: #fff;
    border: none; 
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
    padding: 25px 50px;
}

#blog-post-editor-fields-options [data-field-type="time"] .blog-post-editor-group-element > label ~.field-sorting-wrapper ,
#blog-post-editor-fields-options [data-field-type="field-google-maps"] .blog-post-editor-group-element > label ~.field-sorting-wrapper ,
#blog-post-editor-fields-options [data-field-type="field-slideshow"] .blog-post-editor-group-element > label ~.field-sorting-wrapper ,
#blog-post-editor-fields-options [data-field-type="field-simple-gallery"] .blog-post-editor-group-element > label ~.field-sorting-wrapper {
    padding: 15px;
}

#blog-post-editor-fields-options .field-google-map-wrapper {
    height: 300px;
}

.renewal-plan-price[data-field-type="price"] > div,
#ba-group-digital-product .ba-fields-group > div ,
#blog-post-editor-fields-options .blog-post-editor-group-element label:not(.ba-help-icon) ~ div {
    position: relative;
}

.renewal-plan-price[data-field-type="price"] + .renewal-plan-icons,
#blog-post-editor-fields-options [data-field-type="time"] .blog-post-editor-group-element > label ~ .field-sorting-wrapper {
    display: flex;
}
 
#blog-post-editor-fields-options .blog-post-editor-group-element select,
.ba-select-secondary select {
    margin: 0;
    width: auto;
}

.ba-select-secondary {
    margin-right: 5px;
}

.ba-select-secondary + span {
    align-items: center;
    display: flex;
    font-size: 18px;
    margin: 20px 5px 0 0;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .ba-range-wrapper {
    display: flex;
    justify-content: space-between;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .ba-range-wrapper:before,
#blog-post-editor-fields-options .blog-post-editor-group-element input[type="range"].ba-range {
    margin: 0;
    width: calc(100% - 80px);
}

#blog-post-editor-fields-options .blog-post-editor-group-element input[type="range"].ba-range {
    z-index: 1;
}

#blog-post-editor-fields-options .blog-post-editor-group-element input[type="range"].ba-range + input {
    min-width: 70px;
    margin: 0;
}

[data-field-type="date"] .reset:not(.reset-page-intro-image),
[data-field-type="event-date"] .reset:not(.reset-page-intro-image),
#blog-post-editor-fields-options .field-video-file .select-input ~ .reset,
#blog-post-editor-fields-options .select-image-field ~ .reset,
#blog-post-editor-fields-options .trigger-upload-digital-file ~ .reset,
#blog-post-editor-fields-options .trigger-attachment-file-field ~ .reset {
    right: 0;
    top: 0;
}

#blog-post-editor-fields-options .trigger-upload-digital-file ~ .reset {
    background: #f5f5f5;
    right: 48px;
}

[data-field-type="event-date"] .blog-post-editor-group-element .container-icon i.zmdi-close,
[data-field-type="date"] .blog-post-editor-group-element .container-icon i.zmdi-close,
#blog-post-editor-fields-options .field-video-file .select-input ~ .reset i,
#blog-post-editor-fields-options .select-image-field ~ .reset i,
#blog-post-editor-fields-options .trigger-upload-digital-file ~ .reset i,
#blog-post-editor-fields-options .trigger-attachment-file-field ~ .reset i {
    padding: 12px;
    border-radius: 0;
}

.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper i,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper i,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper i,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper i,
.field-sorting-wrapper.related-product .related-product-title-wrapper i,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"] + i {
    border-radius: 0;
}


.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper i,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper i,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper i,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper i,
.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span i,
.field-sorting-wrapper.related-product .related-product-title-wrapper i,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i {
    font-size: 24px;
    line-height: 24px;
    position: static;
    transition: .3s;
    margin: 0;
}

.field-sorting-wrapper.upgrade-plans .upgrade-plans-title-wrapper,
.field-sorting-wrapper.renewal-plans-wrapper .subscription-renewal-plans-title-wrapper,
.field-sorting-wrapper.subscription-groups .subscription-groups-title-wrapper,
.field-sorting-wrapper.subscription-products .subscription-products-title-wrapper,
.field-sorting-wrapper.related-product .related-product-title-wrapper,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper {
    background: #e3e3e3;
    margin-right: 15px;
}

#blog-post-editor-fields-options .select-image-field-wrapper input[data-name="src"],
#blog-post-editor-fields-options input[type="text"].trigger-upload-digital-file, 
#blog-post-editor-fields-options input[type="text"].trigger-attachment-file-field {
    padding-right: 45px;
    text-overflow: ellipsis;
}

#blog-post-editor-fields-options .field-editor-price-wrapper > span,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"] + i,
#blog-post-editor-fields-options .field-video-file input[data-name="file"] + i,
#blog-post-editor-fields-options .select-image-field + i,
#blog-post-editor-fields-options .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"] .blog-post-editor-group-element > div>input + span >i,
#blog-post-editor-fields-options .trigger-attachment-file-field + i {
    line-height: 24px;
    top: 0px;
    pointer-events: none;
    left: 0;
    overflow: hidden;
    transition: opacity .3s;
}

.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span[data-action="add"] i:hover,
.field-sorting-wrapper.related-product .related-product-title-wrapper i:hover,
.field-sorting-wrapper.product-badges .product-badges-title-wrapper i:hover,
#blog-post-editor-fields-options .ba-fields-group .add-new-item input[type="text"]:hover + i,
#blog-post-editor-fields-options .field-video-file input[data-name="file"]:hover + i,
#blog-post-editor-fields-options .select-image-field:hover + i,
#blog-post-editor-fields-options .trigger-upload-digital-file:hover + i 
#blog-post-editor-fields-options .trigger-attachment-file-field:hover + i {
    opacity: .75;
}

#blog-post-editor-fields-options .image-field-tooltip {
    opacity: 0;
    background-color: #f5f5f5;
}

#blog-post-editor-fields-options .image-field-tooltip[style*="background-image"]{
    background-position: center;
    background-size: cover;
    border-radius: 0;
    height: 48px;
    min-width: 48px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0px;
    width: 48px;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container {
    padding: 0;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item {
    margin-bottom: 5px;
    position: relative;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item .sorting-handle {
    cursor: move;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item[data-unpublish="1"] .sorting-handle.sorting-title,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item[data-unpublish="1"] .sorting-handle img {
    opacity: .5;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item:last-child {
    margin-bottom: 15px;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item .sorting-checkbox {
    position: absolute;
    top: 20px;
    left: 20px;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item .sorting-checkbox label span {
    background-color: rgb(255 255 255 / 75%);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 10;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item .sorting-checkbox label input:checked + span {
    background-color: #1da6f4;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-item .sorting-checkbox label input:checked + span:after {
    line-height: 20px;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .sorting-container .sorting-title {
    width: 40%;
}

#blog-post-editor-fields-options label ~ .field-sorting-wrapper .add-new-item {
    display: inline-block;
    position: relative;
    width: 100%;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .field-sorting-wrapper .sorting-handle i {
    margin-left: -5px;
    margin-right: 10px; 
    margin-top: 0;
}

.ba-fields-group-wrapper .ba-fields-group {
    min-height: 50px;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title {
    margin-bottom: 10px;
    margin-top: 50px;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper:first-child .ba-fields-group-title {
    margin-top: 0;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title input[type="text"] {
    background: transparent!important;
    color: #1a1a1a;
    cursor: text;
    font: 500 21px/36px "Roboto", sans-serif ;
    height: auto;
    margin-bottom: 0 !important;
    min-width: auto !important;
    padding: 0;
    width: calc(100% - 61px);
}

#blog-post-editor-fields-options .blog-post-editor-group-element label.ba-field-editor-label {
    color: #1a1a1a;
    font: 700 16px/32px "Roboto", sans-serif ;
    letter-spacing: 0;
    text-transform: none;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .ba-field-editor-admin-description {
    color: #757575;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: -5px;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title input[type="text"]:focus {
    border-color: transparent !important;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper .ba-fields-group-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#blog-post-editor-fields-options .ba-fields-group-wrapper {
    box-sizing: border-box;
}

#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="min"],
#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="dimensions"],
#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="stock"],
#blog-post-editor-fields-options .ba-fields-group-wrapper#ba-group-product-variations.subscription-product-type,
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="min"],
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="dimensions"],
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="stock"],
#blog-post-editor-fields-options .ba-fields-group-wrapper.physical-product-type#ba-group-subscription-renewal,
#blog-post-editor-fields-options .ba-fields-group-wrapper.digital-product-type#ba-group-subscription-renewal,
#blog-post-editor-fields-options .ba-fields-group-wrapper.physical-product-type#ba-group-subscription-product,
#blog-post-editor-fields-options .ba-fields-group-wrapper.digital-product-type#ba-group-subscription-product,
#blog-post-editor-fields-options .ba-fields-group-wrapper#ba-group-digital-product.physical-product-type,
#blog-post-editor-fields-options .ba-fields-group-wrapper#ba-group-product-variations.digital-product-type {
    display: none !important;
}

#group-field-edit-item .field-range-type-options .ba-settings-toolbar {
    padding-left: 0;
    display: block;
}

#group-field-edit-item .field-range-type-options .ba-settings-toolbar > div {
    float: none;
    width: auto;
}

.blog-post-editor-options-group[data-field-key="booking_payment"] .blog-post-editor-group-element,
#ba-group-product-booking .ba-fields-group,
#ba-group-subscription-renewal .renewal-plan,
#ba-group-subscription-product .ba-fields-group,
#ba-group-digital-product .ba-fields-group,
#ba-group-product-pricing .ba-fields-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#ba-group-subscription-renewal .renewal-plan {
    align-items: center;
    margin-bottom: 15px;
}

#ba-group-subscription-renewal .renewal-plan .renewal-plan-icons span + span i {
    margin: 0;
}  

#ba-group-digital-product .blog-post-editor-options-group[data-field-type="digital-link-expires"] .blog-post-editor-group-element{
    display: flex;
    flex-wrap: wrap;
}

.blog-post-editor-options-group .blog-post-editor-group-element select {
    vertical-align: initial;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="subscription-renewal-plans"] .blog-post-editor-group-element select, 
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="subscription-renewal-remind"] .blog-post-editor-group-element select,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal-discount"] .blog-post-editor-group-element select,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-length"] .blog-post-editor-group-element select,
#ba-group-digital-product .blog-post-editor-options-group[data-field-type="digital-link-expires"] .blog-post-editor-group-element select {
    min-width: 100px;
    vertical-align: middle;
    width: 100px;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="subscription-renewal-plans"] .blog-post-editor-group-element input, 
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="subscription-renewal-remind"] .blog-post-editor-group-element input, 
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal-discount"] .blog-post-editor-group-element input,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-length"] .blog-post-editor-group-element input,
#ba-group-digital-product .blog-post-editor-options-group[data-field-type="digital-link-expires"] .blog-post-editor-group-element input {
    margin-right: 2px;
    min-width: calc(100% - 102px);
    vertical-align: middle;
    width: calc(100% - 102px);
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="subscription-renewal-plans"] .blog-post-editor-group-element .renewal-plan-price input {
    min-width: 100%;
    width: 100%;
}

.blog-post-editor-options-group.one-fifty-width,
.field-sorting-wrapper.renewal-plans-wrapper .renewal-plan-length,
#blog-post-editor-fields-options #ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal-discount"],
#blog-post-editor-fields-options #ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal"],
#blog-post-editor-fields-options #ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-length"],
#blog-post-editor-fields-options #ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-action"],
#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="price"],
#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="sale_price"],
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="price"],
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="sale_price"],
#ba-group-digital-product .ba-fields-group .blog-post-editor-options-group ~ .blog-post-editor-options-group,
#ba-group-product-pricing .blog-post-editor-options-group {
    width: calc(50% - 10px);
}

#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"],
#ba-group-product-booking .blog-post-editor-options-group:not(.one-fifty-width) {
    width: 100%
}

#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"] select[name="type"] {
    margin-right: 20px;
    min-width: calc(50% - 10px) !important;
    width: calc(50% - 10px) !important;
}

#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"] .field-editor-price-wrapper,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"] select[name="unit"] {
    margin-right: 5px;
    min-width: calc(25% - 8px) !important;
    width: calc(25% - 8px) !important;
}

#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"] .field-editor-price-wrapper {
    margin-right: 0;
}


#blog-post-editor-fields-options #ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"]:not(.booking-partial-payment) .field-editor-price-wrapper, 
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"]:not(.booking-partial-payment) select[name="unit"] {
    display: none!important;
}

#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="booking_payment"]:not(.booking-partial-payment) select[name="type"] {
    margin-right: 0;
    min-width: 100% !important;
    width: 100% !important;  
}

.renewal-plan-price[data-field-type="price"] {
    margin-left: 25px;
    width: calc(50% - 111px);
}

#blog-post-editor-fields-options .subscription-product-type .blog-post-editor-options-group[data-field-key="sku"],
#blog-post-editor-fields-options .digital-product-type .blog-post-editor-options-group[data-field-key="sku"] {
    margin-left: 0 !important;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width {
    width: calc(33% - 20px);
    flex-grow: 1;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width[data-field-key="min"],
#ba-group-product-pricing .blog-post-editor-options-group.one-third-width[data-field-key="stock"] {
    width: 15%;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width[data-field-key="stock"] + .one-third-width[data-field-key="sku"]{
    margin-left: 0;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width ~ .one-third-width {
    margin-left: 20px;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width ~ .one-third-width[data-field-key="min"] .blog-post-editor-group-element {
    position: relative;
}

#ba-group-product-pricing .blog-post-editor-options-group.one-third-width ~ .one-third-width[data-field-key="min"] .ba-help-icon {
    position: absolute;
    right: 0;
    top: 0;
}

#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-remove"],
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal-remind"],
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"],
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"],
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-renewal-discount"],
#ba-group-digital-product .ba-fields-group .blog-post-editor-options-group[data-field-type="digital-product-file"],
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"],
#ba-group-product-pricing .field-editor-price-wrapper input {
    width: 100%;
}

.booking-working-hours-wrapper,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] {
    margin-bottom: 15px;
}

.variations-table-body,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper {
    padding-bottom: 15px;
}

.selected-items.sorting-grid-handle-item {
    align-items: center;
    box-sizing: border-box;
    cursor: move;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 100;
}

.product-extra-options .sorting-item {
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.product-extra-options .extra-product-options-table {
    width: 100%;
}

.product-extra-options .extra-product-options-table .extra-product-options-row {
    display: flex;
}

.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span {
    position: relative;
    display: inline-block;
}

.ba-app-fields-groups-wrapper .field-sorting-wrapper .sorting-toolbar > span.disabled i {
    background: #f5f5f5 !important;
    cursor: not-allowed !important;
    opacity: .5;
}
/* Booking Working Hours*/

.booking-working-hours-element {
    align-items: center;
    display: flex;
    min-height: 53px;
}

.booking-working-hours-wrapper {
    padding-bottom: 15px;
}

.booking-working-hours-element:not(.booking-working-hours-enabled) + .subgroup-animation-ended,
.booking-working-hours-element:not(.booking-working-hours-enabled) .ba-checkbox ~ * {
    display: none;
}

.booking-working-hours-group .subgroup-animation-ended {
    padding-left: 230px;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .booking-working-hours-element label:not(.ba-help-icon):not(.ba-checkbox):not(.ba-radio){
    min-width: 130px;
    width: 130px !important;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .booking-working-hours-element label.ba-checkbox {
    height: 24px;
    width: 100px;
}

#blog-post-editor-fields-options .blog-post-editor-group-element .booking-working-hours-element select {
    margin-bottom: 5px;
    margin-left: 10px;
    min-width: 150px;
    width: 150px;
}

.booking-calendar-delete-hours,
.booking-calendar-add-hours {
    flex-grow: 1;
    text-align: center;
    position: relative;
}

/* ========================================================================
    Product Options
 ========================================================================== */

.field-sorting-wrapper.upgrade-plans .sorting-item,
.field-sorting-wrapper.renewal-plans-wrapper .sorting-item,
.field-sorting-wrapper.subscription-groups .sorting-item,
.field-sorting-wrapper.subscription-products .sorting-item,
.field-sorting-wrapper.related-product .sorting-item,
.field-sorting-wrapper.product-badges .sorting-item,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item {
    align-items: initial;
    background: #f5f5f5;
    display: flex;
    margin-bottom: 15px;
    padding: 0;
}

.sorting-grid-handle-item:not(.product-options-color):not(.product-options-image):not(.related-product):not(.subscription-products):not(.subscription-groups) .ba-item-thumbnail,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item:not([data-type="image"]):not([data-type="color"]) .ba-item-thumbnail {
    display: none;
}

.sorting-grid-handle-item.product-options-color .ba-item-thumbnail i,
.sorting-grid-handle-item.product-options-image .ba-item-thumbnail i,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item .ba-item-thumbnail i {
    margin-right: 10px;
    margin-left: 0;
}

.field-sorting-wrapper.upgrade-plans .sorting-item,
.field-sorting-wrapper.renewal-plans-wrapper .sorting-item,
.subscription-groups .sorting-item,
.subscription-products .sorting-item,
.field-sorting-wrapper.related-product .sorting-item,
.field-sorting-wrapper.product-badges .sorting-item {
    margin-bottom: 0 !important;
    padding: 0!important;
}

#blog-post-editor-fields-options .product-options-title-wrapper {
    background: #e3e3e3;
    box-sizing: border-box;
    color: #757575;
    display: flex;
    font-size: 12px;
    letter-spacing: 0;
    margin-right: 15px;
    padding: 15px;
    text-transform: capitalize;
    min-width: 140px;
    width: 140px;
}

.field-sorting-wrapper.product-options .sorting-container .sorting-item .product-options-icons-wrapper {
    display: flex;
}

.field-sorting-wrapper.upgrade-plans .selected-items-wrapper,
.field-sorting-wrapper.renewal-plans-wrapper .selected-items-wrapper,
.field-sorting-wrapper.subscription-groups .selected-items-wrapper,
.field-sorting-wrapper.subscription-products .selected-items-wrapper,
.field-sorting-wrapper.related-product .selected-items-wrapper,
.field-sorting-wrapper.product-badges .selected-items-wrapper,
.product-options .sorting-container .sorting-item .selected-items-wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    max-width: 400px;
    padding-top: 5px;
}

.field-sorting-wrapper.upgrade-plans .selected-items-wrapper,
.field-sorting-wrapper.renewal-plans-wrapper .selected-items-wrapper,
.field-sorting-wrapper.subscription-groups .selected-items-wrapper,
.field-sorting-wrapper.subscription-products .selected-items-wrapper,
.field-sorting-wrapper.related-product .selected-items-wrapper,
.field-sorting-wrapper.product-badges .selected-items-wrapper {
    max-width: 545px;
}

.field-sorting-wrapper.upgrade-plans .selected-items-wrapper:before,
.field-sorting-wrapper.renewal-plans-wrapper .selected-items-wrapper:before,
.field-sorting-wrapper.subscription-groups .selected-items-wrapper:before,
.field-sorting-wrapper.subscription-products .selected-items-wrapper:before,
.field-sorting-wrapper.related-product .selected-items-wrapper:before,
.field-sorting-wrapper.product-badges .selected-items-wrapper:before {
    content: var(--placeholder-text);
    color: #5a5454;
    font-size: 14px;
}

.field-sorting-wrapper.upgrade-plans .selected-items-wrapper:not(:empty):before,
.field-sorting-wrapper.renewal-plans-wrapper .selected-items-wrapper:not(:empty):before,
.field-sorting-wrapper.subscription-groups .selected-items-wrapper:not(:empty):before,
.field-sorting-wrapper.subscription-products .selected-items-wrapper:not(:empty):before,
.field-sorting-wrapper.related-product .selected-items-wrapper:not(:empty):before,
.field-sorting-wrapper.product-badges .selected-items-wrapper:not(:empty):before {
    display: none;
}

.booking-calendar-delete-hours i,
.booking-calendar-add-hours i,
.extra-product-option-icons i,
.field-sorting-wrapper.product-options .sorting-container .sorting-item .product-options-icons-wrapper i {
    background: transparent!important;
    margin: 0 !important;
    padding: 15px 5px !important;
}

.booking-calendar-delete-hours i:hover,
.booking-calendar-add-hours i:hover, 
.extra-product-option-icons i:hover, 
.product-variations-table .variations-table-cell.variation-cell ~ .variations-table-cell i:hover,
.field-sorting-wrapper.product-options .sorting-container .sorting-item .product-options-icons-wrapper i:hover {
    opacity: .75;
}

.sorting-grid-handle-item.product-options-color .ba-item-thumbnail:not([data-image-count="0"]) i,
.sorting-grid-handle-item.product-options-image .ba-item-thumbnail:not([data-image-count="0"]) i,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="image"] .ba-item-thumbnail:not([data-image-count="0"]) i,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="color"] .ba-item-thumbnail:not([data-image-count="0"]) i {
    display: none;
}

.sorting-grid-handle-item.product-options-color .ba-item-thumbnail:not([data-image-count="0"]),
.sorting-grid-handle-item.product-options-image .ba-item-thumbnail:not([data-image-count="0"]),
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="image"] .ba-item-thumbnail:not([data-image-count="0"]),
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="color"] .ba-item-thumbnail:not([data-image-count="0"]) {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 24px;
    display: inline-flex;
    margin-right: 15px;
    z-index: 10;
}

.sorting-grid-handle-item.product-options-color .ba-item-thumbnail:not([data-image-count="0"]):before,
.sorting-grid-handle-item.product-options-image .ba-item-thumbnail:not([data-image-count="0"]):before,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="image"] .ba-item-thumbnail:not([data-image-count="0"]):before,
#blog-post-editor-fields-options label ~ .field-sorting-wrapper.product-options .sorting-container .sorting-item[data-type="color"] .ba-item-thumbnail:not([data-image-count="0"]):before {
    background: #f64231;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    color: #fff;
    content: attr(data-image-count);
    font-size: 10px;
    font-weight: 500;
    left: 15px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 16px;
}

.selected-items.subscription-products .ba-item-thumbnail i {
    margin-left: 0; 
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items i,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items i,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items i,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items i,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items i,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items i {
    margin-right: 0;
    position: relative;
    z-index: 1;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items i,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items i,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items i,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items i {
    line-height: 14px;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items > span,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items > span,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items > span,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items > span {
    align-items: center;
    display: inline-flex;
}

#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items > span i:hover,
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items > span i:hover,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items > span i:hover,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items > span i:hover {
    background-color: transparent;
}

#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items > span i:not(.remove-selected-items),
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items > span i:not(.remove-selected-items),
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items > span i:not(.remove-selected-items),
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items > span i:not(.remove-selected-items) {
    cursor: move !important;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .ba-item-thumbnail,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .ba-item-thumbnail,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .ba-item-thumbnail,
.selected-items.sorting-grid-handle-item .selected-items-color,
.selected-items.sorting-grid-handle-item .ba-item-thumbnail,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .ba-item-thumbnail,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items-color {
    background: var(--badge-color);
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    line-height: 25px;
    margin-right: 10px;
    width: 24px;
}

.selected-items.sorting-grid-handle-item.product-options-dropdown .ba-item-thumbnail {
    margin-right: 0;
}

#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items {
    align-items: center;
    display: flex;
}

.selected-items.sorting-grid-handle-item.upgrade-plans .ba-item-thumbnail,
#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .ba-item-thumbnail,
.selected-items.sorting-grid-handle-item.subscription-products .ba-item-thumbnail,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .ba-item-thumbnail,
.selected-items.sorting-grid-handle-item.related-product .ba-item-thumbnail,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .ba-item-thumbnail {
    background-size: cover;
    background-position: center;
}

.selected-items.upgrade-plans .ba-item-thumbnail i,
.subscription-groups.selected-items .ba-item-thumbnail i,
.subscription-products.selected-items .ba-item-thumbnail i,
.selected-items.sorting-grid-handle-item.related-product .ba-item-thumbnail i {
    background: transparent;
    color: #757575;
    cursor: move !important;
    margin-left: 0;
}

.selected-items.upgrade-plans .selected-items-name,
.subscription-groups.selected-items .selected-items-name,
.subscription-products.selected-items .selected-items-name,
.selected-items.sorting-grid-handle-item.related-product .selected-items-name {
    white-space: nowrap;
}

#ba-group-subscription-renewal .blog-post-editor-options-group[data-field-type="upgrade-plans"] .selected-items-name,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-groups"] .selected-items-name,
#ba-group-subscription-product .blog-post-editor-options-group[data-field-type="subscription-products"] .selected-items-name,
#ba-group-related-product .blog-post-editor-options-group[data-field-type="related-product"] .selected-items-name,
#ba-group-product-pricing .blog-post-editor-options-group[data-field-key="badges"] .selected-items .selected-items-name,
.selected-items.sorting-grid-handle-item span,
.product-options .sorting-container .sorting-item .selected-items-wrapper .selected-items span {
    font-size: 12px !important;
}

.extra-product-options-table .extra-product-options-row,
.product-variations-table .variations-table-row {
    background: #f5f5f5;
    display: flex;
    margin-bottom: 1px;
}

.product-extra-options .extra-product-options-row > div,
.product-extra-options .extra-product-option-title,
.product-variations-table .variations-table-cell.variation-cell ~ .variations-table-cell input,
.product-variations-table .variations-table-row .variations-table-cell {
    box-sizing: border-box;
    color: #757575;
    font-size: 12px;
    text-transform: inherit;
}

.product-variations-table .variations-table-header .variations-table-row .variations-table-cell {
    padding: 14px;
    letter-spacing: 0;
}

.product-extra-options .extra-product-option-title,
.product-variations-table .variations-table-row .variations-table-cell.variation-cell {
    background: #e3e3e3;
    padding: 15px;
    width: 140px !important;
    min-width: 140px;
}

.product-extra-options .extra-product-options-thead .extra-product-option-title,
.product-variations-table .variations-table-header .variations-table-row .variations-table-cell.variation-cell {
    background: transparent;
}

.product-extra-options .extra-product-options-row > div,
.product-variations-table .variations-table-cell.variation-cell ~ .variations-table-cell {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: calc((100% - 235px)/5);
}

.product-extra-options .extra-product-options-row > .extra-product-option-title {
    justify-content: flex-start;
}

.product-extra-options .extra-product-options-row > .extra-product-option-price {
    width: calc((100% - 235px)/5);
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-row > .extra-product-option-price,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-row > .extra-product-option-price,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-row > .extra-product-option-price {
    position: relative;
    width: auto;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-tbody .extra-product-options-row,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-tbody .extra-product-options-row,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-tbody .extra-product-options-row {
    background: transparent;
    border: 1px solid #f3f3f3;
    border-top: none;
    padding: 10px 0;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-thead > .extra-product-options-row > div:not(.extra-product-option-icons):not(.extra-product-option-title),
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-thead > .extra-product-options-row > div:not(.extra-product-option-icons):not(.extra-product-option-title),
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-thead > .extra-product-options-row > div:not(.extra-product-option-icons):not(.extra-product-option-title){
    display: none;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-tbody .extra-product-option-title,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-tbody .extra-product-option-title,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-tbody .extra-product-option-title {
    background: transparent;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-tbody input,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-tbody input,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-tbody input {
    text-align: left;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-thead .extra-product-option-title,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-thead .extra-product-option-title,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-thead .extra-product-option-title {
    flex-grow: 1;
    width: auto !important;
    text-align: left;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-thead .extra-product-option-icons,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-thead .extra-product-option-icons,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-thead .extra-product-option-icons {
    width: auto;
}

.product-extra-options .sorting-item[data-option-type="textinput"] .extra-product-options-tbody .field-editor-price-currency,
.product-extra-options .sorting-item[data-option-type="textarea"] .extra-product-options-tbody .field-editor-price-currency,
.product-extra-options .sorting-item[data-option-type="file"] .extra-product-options-tbody .field-editor-price-currency {
    color: #1a1a1a;   
}

.product-extra-options .extra-product-options-row > .extra-product-option-icons {
    justify-content: flex-end;
    width: 290px;
}

.variations-table-cell.default-cell i {
    margin-right: 0;
}

.variations-table-cell.default-cell i:hover {
    color: #757575 !important;
    opacity: 1 !important;
}

.extra-product-option-default i[data-default="0"],
.variations-table-cell.default-cell[data-default="0"] i {
    color: #d8d8d8;
}

.extra-product-option-default i {
    background: transparent !important;
}

.product-variations-table .variations-table-cell.variation-cell {
    display: flex;
    flex-wrap: wrap;
}

.product-variations-table .variations-table-cell.variation-cell span {
    margin-right: 5px;
}

.extra-product-option-weight input,
.extra-product-option-price input,
.product-variations-table .variations-table-cell.variation-cell ~ .variations-table-cell input {
    font-size: 12px !important;
    text-align: center;
}

.product-variations-table .variations-table-row .variations-table-cell.variation-cell span:not(:last-child):after {
    content: "\2022";
    margin: 0 0 0 5px;
}

#product-variations-photos-dialog .ba-options-group-toolbar > div {
    background: #343749;
    box-sizing: border-box;
    display: inline-flex;
    margin: 40px;
}

#product-variations-photos-dialog .ba-options-group-toolbar > div label {
    margin: 0;
    position: relative;
}

#product-variations-photos-dialog .ba-options-group-toolbar > div i {
    color: #566e78;
    padding: 8px;
    text-align: center;
    width: 24px;
}

#product-variations-photos-dialog .ba-options-group-toolbar > div .disabled i {
    cursor: not-allowed!important;
    opacity: .75;
}

#product-variations-photos-dialog .sorting-container i.sortable-handle {
    background: transparent !important;
    color: #566e78;
    cursor: move!important;
    font-size: 16px;
    margin: 0;
    width: 10px;
}

#product-variations-photos-dialog .sorting-container {
    max-height: 290px;
    overflow-y: auto;
    padding: 0 40px 40px;
}

#product-variations-photos-dialog .ba-checkbox {
    margin: 0 20px 0 0;
}

#product-variations-photos-dialog .ba-checkbox input ~ span {
    border-color: #566e78;
    position: relative;
    top: auto;
}

#product-variations-photos-dialog  .sorting-item .sorting-title {
    color: #cad3da;
    font: 500 14px/22px "Roboto", sans-serif !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* ========================================================================
    Toolbar
 ========================================================================== */

.ba-toolbar {
    border-bottom: 1px solid #e3e3e3;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
}

.ba-toolbar .ba-toolbar-group .ba-toolbar-element span + i {
    margin-left: 5px;
}

.ba-toolbar .ba-toolbar-group {
    border-right: 1px solid #e3e3e3; 
    display: table-cell;
    height: 80px;
    line-height: 0;
    padding: 0 25px;
    white-space: nowrap;
    width: auto;
}

.ba-toolbar .ba-toolbar-group:nth-child(3) {
    position: relative;
    text-align: center;
    width: 100%;
}

.ba-toolbar .ba-toolbar-group:nth-child(5) {
    border: none;
}

.ba-toolbar .ba-toolbar-group .ba-toolbar-element {
    background-color: transparent;
    border-radius: 3px;
    border: none;
    color: #1a1a1a;
    display: inline-block;
    font-size: 14px;
    margin: 15px 0;
    padding: 5px 15px 5px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.ba-toolbar .ba-toolbar-group .ba-toolbar-element.gridbox-save:not(.gridbox-enabled-save) {
    cursor: not-allowed !important;
    opacity: .5;
}

.ba-toolbar .ba-toolbar-group:nth-child(2) .ba-toolbar-element {
    margin: 20px 0;
    padding: 0;
    position: relative;
}

#versions-global-settings-tab .ba-settings-group .ba-settings-item > span.cleanup-versions-history:hover,
.animation-appearance-action-wrapper input[type="text"]:hover,
.shape-divider-options input[type="text"]:hover,
.edit-login-acceptance:hover,
.integrations-configuration-wrapper .default-action:hover,
#icons-list-item-modal .reset-element-icon:hover i,
.ba-modal-cp .ba-settings-item > input.select-spinner:hover,
.ba-lg-custom-select input[type="text"]:hover,
.ba-modal-cp .select-input:not(.select-item-icon):hover,
.select-product-link i:hover,
.select-anchor i:hover,
.select-link i:hover,
.select-file i:hover,
.ba-modal-cp .ba-settings-item > input[data-type="upload-image"]:hover,
.ba-settings-group .ba-custom-select input[type="text"]:hover,
.ba-settings-group .ba-settings-item input[data-option="font-family"]:hover,
.ba-settings-group .ba-settings-item input[data-option="font-weight"]:hover,
.ba-toolbar .ba-toolbar-group .ba-toolbar-element:hover {
    background: #ddd !important;
}

.ba-settings-group .ba-settings-item input[data-option="link"] {
    margin-right: 10px;
    text-overflow: ellipsis;
    width: calc(40% - 50px);
}

.ba-modal-cp .ba-settings-group .ba-settings-item input[data-option="link"] {
    width: 72px !important;
}

.ba-toolbar .ba-toolbar-group .ba-toolbar-element[data-context="associations-context-menu"] {
    float: left;
}

.associations-context-menu img,
.ba-toolbar .ba-toolbar-group .ba-toolbar-element[data-context="associations-context-menu"] img {
    border-radius: 50%;
    height: 24px;
    margin-bottom: 3px;
    margin-left: 8px;
    margin-right: 10px;
    width: 24px;
}

.ba-toolbar .ba-toolbar-group .ba-toolbar-element[data-context="associations-context-menu"] span {
    line-height: 40px;
}

.ba-toolbar .ba-toolbar-group .zmdi-caret-down {
    font-size: 18px;
    line-height: 18px;
    transform: translateY(-2px);
}

.ba-toolbar .ba-toolbar-group:first-child .zmdi-caret-down {
    transform: translateY(2px);
}

.ba-toolbar .ba-toolbar-group:first-child .zmdi-caret-down:hover {
    opacity: .5;
}

/* ========================================================================
    Sidebar
 ========================================================================== */

.ba-sidebar {
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    bottom: 0;
    padding: 40px 0; 
    position: fixed;
    top: 81px;
    width: 50px;
    z-index: 2;
}

.ba-sidebar a {
    display: block;
}

.top-icons {
    height: calc(100vh - 310px);
    border-bottom: 1px solid #e3e3e3;
}

.ba-sidebar:not(.has-page-link) .top-icons {
    height: calc(100vh - 245px);
}

.bottom-icons > span,
.top-icons > span {
    position: relative;
    display: block;
}

.com_gridbox.enabled-fields-tab .ba-toolbar .ba-toolbar-group:nth-child(2),
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) #section-library-cell,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) .section-library-list ul > li:first-child,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) .add-page-block {
    cursor: not-allowed;
}

.com_gridbox.enabled-fields-tab .ba-toolbar .ba-toolbar-group:nth-child(2) .ba-toolbar-element,
.com_gridbox.enabled-fields-tab [data-context="responsive-context-menu"] ,
.com_gridbox.enabled-fields-tab .top-icons > span,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) #section-library-cell .library-item-wrapper,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) #section-library-cell .library-item-wrapper,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) .section-library-list ul > li:first-child a ,
.com_gridbox.blog-post-editor-parent:not(.advanced-blog-editor) .add-page-block a {
    pointer-events: none;
    opacity: .5;
}

.joomla-admin .fa-joomla,
.ba-sidebar .zmdi {
    margin: 5px; 
}

.add-library-block {
    border-bottom: 1px solid #e3e3e3; 
    display: block;
    margin-bottom: 10px;  
    padding-bottom: 10px; 
}

/* Sidebar Context Menu */
.ba-context-menu span.ba-group-element {
    border-top: 1px solid #e3e3e3;
}

#ba-media-manager .ba-context-menu span.ba-group-element,
.ba-context-menu.page-structure-context-menu span.ba-group-element {
    border-top: 1px solid #f3f3f3;
}

.ba-context-menu.page-structure-context-menu span.ba-group-element.disable-button {
    opacity: 1;
}

.ba-context-menu.page-structure-context-menu span.ba-group-element.disable-button * {
    opacity: .5;
}

/* ========================================================================
    Library List
 ========================================================================== */

.sortable-backdrop,
#library-backdrop {
    bottom: 0;
    cursor: move;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
}

.sortable-helper,
.sortable-placeholder,
.sortable-backdrop {
    display: none;
    pointer-events: none;
}

.page-structure-sorting .sortable-backdrop,
#library-backdrop.visible-backdrop {
    display: block;
}

.page-structure-sorting .sortable-backdrop {
    pointer-events: all;
    cursor: move;
}
/*
.editor-iframe.push-left-body {
    transform: translateX(632px);
}
*/
.left-context-menu.ba-context-menu {
    animation: none;
    display: block !important;
    min-height: calc(100vh - 82px);
    left: -820px !important;
    overflow: hidden;
    top: 80px !important;
    /*transition: all .3s ease-in-out;*/
    width: 632px!important;
    z-index: 1040;
}

@media (min-width: 2132px){
    .left-context-menu.ba-context-menu {
        min-height: calc(100vh - 84px);
    }
}

.layers-settings-panel.left-context-menu.ba-context-menu {
    left: -232px !important;
    width: 232px !important;
}

.layers-settings-panel.left-context-menu.ba-context-menu.ba-sidebar-panel,
.left-context-menu.ba-context-menu.ba-sidebar-panel {
    left: 50px !important;
}

.layers-settings-panel.left-context-menu.ba-context-menu.ba-sidebar-panel,
.left-context-menu.ba-context-menu.ba-sidebar-panel,
.layers-settings-panel.left-context-menu.ba-context-menu.ba-sidebar-panel,
.left-context-menu.ba-context-menu.ba-sidebar-panel {
    z-index: 1;
}

.layers-settings-panel.left-context-menu.ba-context-menu .layers-settings-wrapper .ba-folder-tree,
.layers-settings-panel.left-context-menu.ba-context-menu .layers-settings-wrapper {
    width: inherit;
}

.layers-settings-panel.left-context-menu.ba-context-menu .layers-settings-wrapper .ba-folder-tree > ul {
    height: calc(100vh - 81px);
    padding: 25px 10px 25px 25px;
    width: 100%;
}

.left-context-menu div .nav-tabs {
    background: transparent;
    border-right: 1px solid #e3e3e3 !important;
    display: inline-block;
    float: left;    
    height: calc(100vh - 82px);
    overflow-y: auto;
    width: 232px;
}

.left-context-menu.ba-context-menu .nav-tabs li {
    display: flex;
    float: none;
    height: 58px;
}

.left-context-menu.ba-context-menu .nav-tabs li a:hover i,
.left-context-menu.ba-context-menu .nav-tabs li.active i,
.left-context-menu.ba-context-menu .nav-tabs li a:hover,
.left-context-menu.ba-context-menu .nav-tabs li.active a {
    background: #ddd;
}

.left-context-menu div:not(.ba-tabs-wrapper) > .nav-tabs li.active a,
.left-context-menu.ba-context-menu .nav-tabs li a {
    border-radius: 0;
    box-sizing: border-box;
    color: #333 !important;
    display: inline-block;
    font: 400 14px/20px 'Roboto', sans-serif;
    letter-spacing: 0px;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 17px;
    text-overflow: ellipsis;
    text-transform: initial;
    width: 100%;
}

.left-context-menu.ba-context-menu .nav-tabs li a i {
    font-size: 24px;
    padding: 0 25px 0 5px;
    text-align: center;
    vertical-align: sub;
    width: 24px;
}

.left-context-menu.section-page-blocks-list .tab-content > .tab-pane.active,
.left-context-menu:not(.section-page-blocks-list) .tab-content {
    background: #eee;
    box-sizing: border-box;
    display: inline-block;
    height: calc(100vh - 82px);
    overflow-y: auto;
    padding: 25px;
    position: relative;
    width: 400px;
}

.left-context-menu.ba-context-menu span.ba-library-item {
    align-items: center;
    display: flex;
    height: 70px;
    position: relative;
    padding: 0 20px;
    z-index: 10;
}

.library-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.ba-library-item .delete-from-library {
    float: right;
    position: relative;
    z-index: 1;
}

.ba-library-item .delete-from-library i,
.ba-library-item .library-global-item i {
    margin: 0;
}

.ba-library-item span.library-global-item i {
    cursor: default !important;
}

.left-context-menu.ba-context-menu .ba-library-item span.library-handle i:hover {
    opacity: .5;
}

.left-context-menu.ba-context-menu span {
    padding: 0;
}

.left-context-menu.ba-context-menu .library-global-item span.ba-tooltip {
    margin-left: 0!important;
    transform: translateX(calc(25px - 100%))!important;
}

.left-context-menu.ba-context-menu .library-global-item span.ba-tooltip:before {
    left: auto !important;
    right: 20px !important;
}

.left-context-menu.ba-context-menu .library-item-wrapper:first-child .ba-library-item .delete-from-library .ba-tooltip {
    bottom: 0;
    transform: translate(calc(250px - 50%), 100%);
}

.left-context-menu.ba-context-menu .library-item-wrapper:first-child .library-global-item span.ba-tooltip {
    bottom: 0;
    transform: translate(calc(25px - 100%), calc(100% + 8px) ) !important;   
}

.left-context-menu.ba-context-menu .library-item-wrapper:first-child .ba-library-item .delete-from-library .ba-tooltip:before,
.left-context-menu.ba-context-menu .library-item-wrapper:first-child .library-global-item span.ba-tooltip:before {
    border-bottom: 5px solid #2c2c2c;
    border-top: 5px solid transparent;
    bottom: auto !important;
    top: -9px !important;
}

.library-global-item {
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.library-global-item i {
    color: #fff;
    font-size: 12px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 2px;
}

.library-global-item:before {
    border: 17px solid transparent;
    border-top: 17px solid #369198;
    border-right: 17px solid #369198;
    content: "";
    height: 0;
    margin-left: -5px;
    position: absolute;
    right: 0;
    top: 0;
}

.ba-checkbox-parent {
    margin-bottom: 50px;
    position: relative;
}

.ba-hide-checkbox input[type="checkbox"] {
    display: none;
}

.ba-checkbox-parent label + label {
    color: #333;
    cursor: default;
    display: block;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 0 30px;
}

#save-copy-dialog .ba-checkbox-parent .ba-checkbox span,
#create-preset-dialog .ba-checkbox-parent .ba-checkbox span,
#menu-item-edit-modal .ba-checkbox-parent .ba-checkbox span,
#add-to-library-dialog .ba-checkbox-parent .ba-checkbox span {
    top: 0;
}

.left-context-menu.ba-context-menu .nav-tabs a:before {
    display: none;
}

#user-icons .ba-options-group+ .empty-list,
.library-item-wrapper + .empty-list {
    display: none !important;
}

.empty-library-list + .empty-list,
#user-icons .empty-list {
    display: flex;
}

#login-modal input[type="checkbox"] {
    display: none;
}

#login-modal input[type="checkbox"]:checked + span:not(.ba-tooltip){
    background: #1ea6f4 !important;
}

#login-modal .ba-checkbox {
    position: absolute;
    right: 0;
    top: -12px;
}

#login-modal .ba-checkbox-parent label + label {
    margin: 0;
}

#login-modal input[type="checkbox"] + span:not(.ba-tooltip) {
    background: #ddd;
    border-radius: 20px !important;
    box-sizing: border-box;
    border: none !important;
    cursor: pointer;
    display: block;
    height: 24px !important;
    margin: 0;
    padding: 2px;
    position: relative;
    transition: all .4s ease;
    width: 40px !important;
}

#login-modal input[type="checkbox"] + span:not(.ba-tooltip):before {
    display: none;
}

#login-modal input[type="checkbox"] + span:not(.ba-tooltip):after {
    background: #fff;
    border-radius: 50%;
    content: "" !important;
    display: block;
    height: 18px;
    left: 2px;
    margin: 0;
    position: relative;
    transition: all .2s ease;
    width: 18px;
    top: 1px;
}

#login-modal input[type="checkbox"]:checked + span:not(.ba-tooltip):after {
    left: 17px;
}

/* Library Image */
.library-image .camera-container {
    bottom: 25px;
    display: inline-block;
    line-height: 0;
    position: absolute;
    right: 25px;
    z-index: 5;
}

.library-image .camera-container i { 
    background: #f64231;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    color: #fff;
    font-size: 24px;
    height: 24px;
    overflow: hidden;
    padding: 18px;
    position: relative;
    text-align: center;
    width: 24px;
}

/* Library Drag and Drop */
.sortable-helper,
#library-item-handle {
    text-align: left !important;
    margin: -17px !important;
    pointer-events: none;
    position: fixed !important;
    z-index: 99999;
}

.sorting-item.sortable-helper i,
.sortable-helper i,
#library-item-handle i {
    background: #4f2b4f;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0,0,0,0.23);
    color: #fff;
    cursor: move !important;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    width: 20px;
}

.sortable-helper i {
    font-size: 22px;
    line-height: 24px;
    padding: 13px;
    width: 24px;
}

.sortable-placeholder,
#library-placeholder {
    position: fixed;
    z-index: 9999 !important;
}

.sortable-placeholder > div,
#library-placeholder > div {
    bottom: 0;
    cursor: move;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.simple-gallery-upload-image,
.custom-font-select,
.library-item-image {
    overflow: hidden;
    padding-right: 50px !important;
    text-overflow: ellipsis; 
}

#create-preset-dialog .preset-title,
#menu-item-edit-modal input[data-property="icon"],
#menu-item-edit-modal input[data-property="anchor"],
.library-item-image {
    margin-bottom: 25px !important;
}

#menu-item-edit-modal[data-type="url"] input[data-property="icon"] {
    margin-bottom: 0 !important;
}

.library-item-image {
    cursor: pointer!important;
}

.library-item-wrapper {
    position: relative;
    box-shadow: none;
}

.library-item-wrapper .library-image {
    background-position: top center;
    background-size: cover;
    display: block;
}

.library-item-wrapper .library-image img {
    opacity: 0;
}

.library-item-wrapper .library-image .camera-container {
    right: 25px;
    bottom: 95px;
}

.library-item-wrapper .library-image .camera-container i {
    opacity: 0;
}

@keyframes library-image {
    0% { transform: scale(.05); opacity: 0;}
    70% { transform: scale(1.01); opacity: 1;}
    100% { transform: scale(1); opacity: 1;}
}

.library-item-wrapper:hover .library-image .camera-container i {
    animation: library-image .45s .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

/* Add To Library Modal*/
#megamenu-library-dialog label.element-title span,
.ba-integration-plugin label.element-title span,
.ba-author-username span,
#edit-social-icon-dialog .reset-input-margin span,
.custom-font-select span,
.library-item-image span {
    cursor: pointer !important;
    transition: .3s;
}

.ba-input-lg input + i,
.custom-font-select +i,
.library-item-image + i {
    position: absolute;
    right: 15px;
    top: 35px;
    z-index: -1;
}

/*
/* Page Block
*/

.ba-page-block-item {
    display: block;
    margin: 20px 0;
}

.ba-page-block-item:first-child {
    margin-top: 0;
}
                
.ba-page-block-item:last-child {
    margin-bottom: 0;
}

.ba-page-block-item img {
    cursor: move;
}

.ba-page-block-item.disabled img {
    cursor: pointer;
}

/* ========================================================================
    Blog Plugins
 ========================================================================== */

 /*
/* Blog Plugin Tags Categories
*/

#field-design-options .position-right[data-group="title"]{
    display: none;
}

#field-design-options .position-left[data-group="title"]{
    display: none;
}


/*
/* Blog Plugin Tags Categories
*/

.tags-type-options .post-tags-list,
.apps-select-wrapper .selected-apps,
.tags-categories .selected-categories {
    list-style: none;
    margin: 0;
    transition: none;
    width: 205px;
}

.not-empty-list .apps-select-wrapper .selected-apps {
    width: 405px;
}

.not-empty-list.tags-type-options .post-tags-list,
.not-empty-list .tags-categories .selected-categories {
    width: 350px;
}

.not-empty-list.ba-settings-item.post-tags-list > span,
.not-empty-list.ba-settings-item.multiple-apps-list > span,
.not-empty-list.ba-settings-item.tags-categories-list > span {
    width: 0;
}

.ba-settings-item.post-tags-list,
.ba-settings-item.multiple-apps-list,
.ba-settings-item.tags-categories-list {
    padding-right: 25px;
}

.ba-settings-item.post-tags-list > span,
.ba-settings-item.multiple-apps-list > span,
.ba-settings-item.tags-categories-list > span {
    margin-top: 10px;
}

.tags-type-options .post-tags-list .tags-chosen ,
.apps-select-wrapper .selected-apps .chosen-app ,
.tags-categories .selected-categories .chosen-category {
    background: #eaeaea; 
    box-shadow: 0 0 0 0px #f5f5f5;
    align-items: center;
    display: inline-flex;
}

.tags-type-options .post-tags-list .trigger-post-tags-modal ,
.apps-select-wrapper .selected-apps .search-app,
.tags-categories .selected-categories .search-category {
    display: inline-block;
}

.tags-type-options .post-tags-list .trigger-post-tags-modal input,
.apps-select-wrapper .selected-apps .search-app input,
.tags-categories .selected-categories .search-category input {
    height: 36px;
    margin: 0;
}

.apps-select-wrapper,
.tags-categories {
    background: #f5f5f5;
}

.multiple-apps-list:not(.not-empty-list)> div > ul.all-apps-list,
.tags-categories-list:not(.not-empty-list)> div > ul.all-categories-list {
    margin-left: -100px;
}

/* ========================================================================
    Plugins Icon
 ========================================================================== */
@font-face {
    font-family: 'Plugins';
    src: url("../../../../templates/gridbox/library/icons/plugins/plugins.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

[class*='plugins-']:before{
   display: inline-block;
   font-family: 'Plugins';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.plugins-currency-switcher:before {
    content: "\e900";
}

.plugins-lottie:before {
    content: "\e910";
}

.plugins-custom-html:before {
    content: "\41";
}

.plugins-counter:before {
    content: "\42";
}

.plugins-disqus:before {
    content: "\43";
}

.plugins-forms:before {
    content: "\44";
}

.plugins-gallery:before {
    content: "\45";
}

.plugins-google-maps:before {
    content: "\46";
}

.plugins-lightbox:before {
    content: "\47";
}

.plugins-modules:before {
    content: "\48";
}

.plugins-scroll-to-top:before {
    content: "\49";
}

.plugins-carousel:before {
    content: "\4a";
}

.plugins-slideshow:before {
    content: "\4b";
}

.plugins-weather:before {
    content: "\4c";
}

.plugins-button:before {
    content: "\4d";
}

.plugins-before-after:before {
    content: "\e901";
}

.plugins-hotspot:before {
    content: "\e902";
}

.plugins-reading-progress-bar:before {
    content: "\e903";
}

.plugins-comments-box:before {
    content: "\e904";
}

.plugins-recent-comments:before {
    content: "\e905";
}

.plugins-recent-reviews:before {
    content: "\e906";
}

.plugins-reviews:before {
    content: "\e907";
}

.plugins-facebook-comments:before {
    content: "\e908";
}

.plugins-hypercomments:before {
    content: "\e909";
}

.plugins-progress-bar:before {
    content: "\e90a";
}

.plugins-vk-comments:before {
    content: "\e90b";
}

.plugins-post-content:before {
    content: "\e90c";
}

.plugins-post-intro:before {
    content: "\e90d";
}

.plugins-add-to-cart:before {
    content: "\e90e";
}

.plugins-cart:before {
    content: "\e90f";
}

.element-in-sorting {
    height: 0;
    margin: 0 !important;
    min-height: 0 !important;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
}