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

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

button:focus {
    outline: none;
}

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

.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; 
}

.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 - 82px);
    margin: 0 auto;
    overflow-y: auto; 
    transition: all .3s ease-in-out;
}

.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 */
.joomla-admin .fa-joomla,
.ba-sidebar .zmdi,
.ba-alert-container i + span,
a.zmdi,
i.zmdi {
    font-size: 24px;
}

.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;
}

.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 a
.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;
}

.font-checkbox i.zmdi-check,
.joomla-admin .fa-joomla,
.modal #theme-colors-options .colors-item span,
.shortcut-row p,
.sc-btn-wrapper span,
.minicolors-user-colors > p,
.left-context-menu.ba-context-menu span,
.sorting-title,
.ba-sidebar .zmdi,
.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  a.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;
}

.shortcuts-group-title 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;
}

.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,
.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],
.calendar .daysrow .day,
.calendar table,
.calendar thead .headrow,
.calendar thead .name:not(.wn),
.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;
}

.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;
}

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

.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-file i,
.new-font-wrapper a i.zmdi,
.select-link i,
.left-context-menu.ba-context-menu > span 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-settings-group .add-new-item 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;
}

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

.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 */
input:focus + .focus-underline {
    transform: scaleX(1);
}

.focus-underline {
    background: #1da6f4;
    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 *::-webkit-scrollbar {
    width: 6px;
}

body.com_gridbox.gridbox.blog-editor::-webkit-scrollbar-track,
.modal *::-webkit-scrollbar-track {
    background-color: transparent;
}

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

body.com_gridbox.gridbox.blog-editor .column-wrapper {
    display: flex;
}

/*
/* 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
*/

.ba-group-title .check-all input,
.ba-lg-custom-select-body input[type="radio"],
label.font-checkbox input,
body.desktop .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"],
#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;
    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-file .ba-tooltip {
    margin-left: -250px;
    transform: translateX(calc(-100% + 250px));
    left: 100%;
}

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

.ba-settings-item:not(.slideshow-options) .ba-settings-toolbar > label:first-child > .ba-tooltip {
    left: 0;
    transform: translateX(235px);
}

.ba-settings-item:not(.slideshow-options) .ba-settings-toolbar > label:first-child > .ba-tooltip:before {
    left: 35px !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;
}

body > .modal-backdrop:not(.blog-content-dialog) + .add-section-tooltip,
body > .modal-backdrop:not(.blog-content-dialog) + .tooltip-delay,
.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 .3s 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;
}

.ba-tooltip.blog-editor {
    margin-top: 25px;
    margin-left: 1%;
}

/* 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.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-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: 50px;
    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;
}

.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: backdrop .5s ease-in-out both;
    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;
}

.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;
}

/*
/* 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: 350px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 350px; }
}

.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;
}

.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.responsive-context-menu {
    margin-left: -10px;
    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 > span {
    display: block;
    font-size: 14px;
    padding: 17px;
}

.ba-context-menu > span i {
    padding: 0 15px 0 5px;
    text-align: center;
    vertical-align: sub;
    width: 24px;
}

.ba-context-menu span {
    padding: 12px;
}

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

#love-gridbox-modal {
    top: calc(50% - 140px) !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: 484px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 484px; }
}

.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: 341px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 341px; }
}

.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: 388px; visibility: hidden;}
    1%{ width: 0px; opacity: 1; max-height: 0; visibility: visible; }
    100%{ width: 265px; max-height: 388px; }
}

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

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

/*
/* Calendar 
*/

.calendar table tfoot {
    display: none;
}

@keyframes calendar-open {
    0% { top: -500px; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

.calendar {
    animation: calendar-open .6s cubic-bezier(.25,.98,.26,.99) both;
    border-radius: 6px; 
    border: none !important;
    box-shadow: 0 4px 60px rgba(0,0,0,.25) !important;
    left: 50% !important;
    margin-left: -213px!important;
    margin-top: -215px!important;
    overflow: hidden;
    position: fixed !important;
    width: 426px !important;
}

.calendar table {
    background: #333 !important;
    border: none !important;
    display: block;
    padding: 0 20px 20px;
}

.calendar table:before {
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: -1;
}

.calendar table * {
    transition: all .2s ease-in-out;
}

.calendar table .wn,
.calendar thead .hilite,
.calendar thead .active {
    background: transparent !important;
    border: none !important;
}

.calendar thead td.title {
    color: #fff;
    cursor: default !important;
    font: 500 21px/72px 'Roboto', Arial, sans-serif;
    padding: 10px 0;
}

.calendar thead tr:first-child td:first-child div {
    display: none;
}

.calendar thead tr:first-child td:last-child {
    position: relative;
}

.calendar thead tr:first-child td:last-child div {
    display: none;
}

.calendar thead tr:first-child td:last-child div:hover {
    opacity: .6;
}

.calendar .daysrow .day,
.calendar thead .headrow,
.calendar .daynames {
    background: transparent !important;
    font: 500 16px/36px 'Roboto', Arial, sans-serif;
    padding: 15px !important;
    text-align: center;
    text-transform: uppercase;
}

.calendar thead .daynames td:not(.wn):hover {
    color: #fff !important;
}

.calendar thead .name:not(.wn),
.calendar .daysrow .day,
.calendar thead .headrow {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.calendar thead .name :hover,
.calendar .daysrow .day :hover,
.calendar thead .headrow :hover {
    color: #999;
}

.calendar thead .name,
.calendar .daysrow .day.wn {
    border: none !important;
}

.calendar thead .headrow {
    color: #fff !important;
}

.calendar .daysrow .day {
    background: transparent !important;
    color: #fff;
    font-size: 16px;
    height: 18px;
    line-height: 16px;
    width: 18px;
}

.calendar .daysrow .day.selected,
.calendar .daysrow .day.hilite {
    color: #5c5c5c;
}

.calendar thead .name,
.calendar .daysrow .day.wn {
    color: #5c5c5c !important;
    cursor: default !important;
}

.calendar thead .headrow .nav {
    font-size: 24px;
}

.calendar .hilite {
    padding: 2px !important;
}

.calendar .daysrow .day.selected {
    background: #1da6f4 !important;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    color: #fff;
}

.calendar .combo {
    border: 1px solid #E3E3E3 !important;
}

.calendar .combo .label {
    background: #fff;
    color: #1a1a1a;
    font-weight: normal;
    padding: 5px !important;
    width: auto;
}

.calendar .combo .active {
    background: #fafafa;
    border: none;
}

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

/*
/* Modal Backdrop
*/

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

.cke_dialog_background_cover,
.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;
}

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

.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,
.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.shortcuts-modal,
.modal-backdrop.add-section-dialog,
.modal-backdrop.code-editor-dialog {
    animation: none !important;
    opacity: 0 !important;
    z-index: 1020;
} 

.modal-backdrop.content-slider-settings-dialog,
.modal-backdrop.font-weight-dialog,
.modal-backdrop.font-family-dialog,
.modal-backdrop.text-editor-dialog,
.modal-backdrop.headline-settings-dialog,
.modal-backdrop.color-variables-dialog,
.modal-backdrop.progress-bar-settings-dialog,
.modal-backdrop.social-icons-settings-dialog,
.modal-backdrop.categories-settings-dialog,
.modal-backdrop.search-settings-dialog,
.modal-backdrop.recent-posts-settings-dialog,
.modal-backdrop.blog-posts-settings-dialog,
.modal-backdrop.star-ratings-settings-dialog,
.modal-backdrop.intro-post-settings-dialog,
.modal-backdrop.slideshow-settings-dialog,
.modal-backdrop.lightbox-settings-dialog,
.modal-backdrop.social-settings-dialog,
.modal-backdrop.tabs-settings-dialog,
.modal-backdrop.menu-settings-dialog,
.modal-backdrop.image-settings-dialog,
.modal-backdrop.weather-settings-dialog,
.modal-backdrop.countdown-settings-dialog,
.modal-backdrop.item-settings-dialog,
.modal-backdrop.section-settings-dialog,
.modal-backdrop.theme-settings-dialog {
    display: none!important;
}

.menu-item-edit-modal ~ .delete-dialog,
.map-editor-dialog ~ .delete-dialog,
.blog-content-dialog ~ .uploader-modal,
.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;
}

.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;
}

@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 .modal-header-icon {
    float: right;
    line-height: 0;
}

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

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

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

#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;
}

.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;  
}

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

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

#shortcuts-modal .ba-modal-header i:hover,
.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;
}

.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: #75d84d;
    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;
}

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

#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[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;
}

.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;
}

.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: auto;
    right: 25px;
    top: 100px;
    width: 480px;
    z-index: 1030;
}

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

.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;
}

.ba-modal-lg.modal .modal-header {
    border-radius: none !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;
    box-shadow: 0 15px 40px rgba(0,0,0,.15) !important;
    max-height: none;
    overflow: hidden;
    padding: 0;
}

.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;
}

/* 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;
}

.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;
    padding: 20px;
    position: relative;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

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

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;
}

#photo-editor-dialog .ba-settings-group:not(:last-child):not(.last-element-child),
.ba-modal-cp[data-edit="tags"] #countdown-design-options .ba-settings-group:nth-child(5),
.ba-modal-cp[data-edit="scroll-to"] #countdown-design-options .ba-settings-group:nth-child(6),
.ba-modal-cp[data-edit="scroll-to-top"] #countdown-design-options .ba-settings-group:nth-child(5),
.ba-modal-cp[data-edit="progress-pie"] #progress-bar-layout-options .ba-settings-group:nth-child(1),
.ba-modal-cp[data-edit="slideshow"] #slideshow-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(6),
.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(2),
.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;
}

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

.shortcuts-group-title,
#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;
}

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

.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;
}

/*
/* Color Picker Modal
*/

#font-weight-dialog,
#font-family-dialog,
#color-variables-dialog {
    background: #2f3243;
    border-radius: 6px;
    margin-left: 0;
    padding: 0;
    width: 275px;
}

#font-weight-dialog:before,
#font-family-dialog:before,
#color-variables-dialog:before {
    border: 5px solid transparent;
    border-left: 5px solid #2f3243;
    bottom: calc(50% - 5px);
    content: "";
    height: 0;
    margin-left: -5px;
    position: absolute;
    right: -9px;
}

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

#color-variables-dialog .modal .nav-tabs li a {
    opacity: 1;
}

#font-weight-dialog .modal-header i,
#font-family-dialog .modal-header i,
#color-variables-dialog .code-nav a {
    padding: 15px 20px; 
}

#font-weight-dialog .modal-header i, 
#font-family-dialog .modal-header i,
#photo-editor-dialog .nav-tabs li:not(.active) a i,
#color-variables-dialog .nav-tabs li a i,
#color-variables-dialog .code-nav a i {
    color: #566e78;
}

#font-weight-dialog .modal-header i:hover,
#font-family-dialog .modal-header i:hover,
#color-variables-dialog .code-nav a:hover i,
#color-variables-dialog .code-nav .active a i {
    color: #fff;
}

#color-variables-dialog .tab-content,
#color-variables-dialog .modal-header {
    background: #2f3243
}

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

#color-variables-dialog .modal-body {
    overflow: hidden; 
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#color-variables-dialog .code-nav {
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#color-variables-dialog .tab-content {
    min-height: 295px;
    max-height: 295px;
    overflow: hidden;
}

#color-variables-dialog .nav-tabs a:before {
    bottom: 1px;
}

#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 */
.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;
    padding: 15px;
    position: relative;
    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%;
}

#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;
}

#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(../../../../media/jui/img/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;
}

/*
/* Font Family Modal
*/

#font-weight-dialog,
#font-family-dialog { 
    background: #2f3243;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 349px;
}

#font-weight-dialog .modal-header,
#font-family-dialog .modal-header {
    padding: 0;
    text-align: left;
}

#font-weight-dialog .modal-header .open-font-library,
#font-family-dialog .modal-header .open-font-library {
    display: inline-block;
    position: relative;
}

#font-weight-dialog .modal-body .font-weight-wrapper,
#font-family-dialog .modal-body .font-family-wrapper {
    box-sizing: border-box;
    color: #fff;
    height: 295px;
    overflow-y: auto; 
    padding: 20px; 
}

#font-weight-dialog .modal-body .font-weight-wrapper p,
#font-family-dialog .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;
}

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

#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;
}

#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;
}

/* Settings Item*/
.shortcut-row,
.shortcuts-group-title,
.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 75px 0 25px;
    position: relative;
}

.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;
}

.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;
}

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

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;
}

.photo-editor-enabled .files-context-menu .edit-image,
.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-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="instagram"]):not([data-edit="simple-gallery"]) .instagram-options,
.ba-modal-cp:not([data-edit="instagram"]):not([data-edit="simple-gallery"]) .simple-gallery-options,
.ba-modal-cp[data-edit="instagram"] .simple-gallery-options:not(.instagram-options),
.ba-modal-cp[data-edit="simple-gallery"] .instagram-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="overlay-button"] .scrolltop-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .countdown-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .icon-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .counter-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .scroll-to-options:not(.button-options),
.ba-modal-cp[data-edit="overlay-button"] .button-link-options,
.ba-modal-cp[data-edit="overlay-button"] .tags-options:not(.button-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="countdown"] .icon-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .scrolltop-options:not(.countdown-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"] .scroll-to-options:not(.countdown-options),
.ba-modal-cp[data-edit="countdown"] .tags-options:not(.countdown-options),
.ba-modal-cp[data-edit="scroll-to-top"] .icon-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"] .button-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"] .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"] .tags-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"] .countdown-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="scroll-to"] .button-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"] .scrolltop-options:not(.scroll-to-options),
.ba-modal-cp[data-edit="counter"] .tags-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .scrolltop-options:not(.counter-options),
.ba-modal-cp[data-edit="counter"] .icon-options:not(.counter-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"] .scroll-to-options:not(.counter-options),
.ba-modal-cp[data-edit="icon"] .scrolltop-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .countdown-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .button-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .counter-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .scroll-to-options:not(.icon-options),
.ba-modal-cp[data-edit="icon"] .tags-options:not(.icon-options),
.ba-modal-cp[data-edit="button"] .scrolltop-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .countdown-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .icon-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .counter-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .scroll-to-options:not(.button-options),
.ba-modal-cp[data-edit="button"] .tags-options:not(.button-options),
.ba-modal-cp[data-edit="tags"] .button-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .scrolltop-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .countdown-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .icon-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .counter-options:not(.tags-options),
.ba-modal-cp[data-edit="tags"] .scroll-to-options:not(.tags-options),
.ba-modal-cp[data-edit="post-tags"] .button-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"] .countdown-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"] .counter-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"] .tags-options:not(.post-tags-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 {
    display: none;
}

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

.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: 40%;
}

input[type="number"].images-max-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"],
.tags-categories .selected-categories .search-category input,
.tags-categories .selected-categories .chosen-category span,
#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,
#map-item-dialog .select-input[data-option="icon"]::-webkit-input-placeholder,
.select-input:not(.select-item-icon):not(.select-end-point)::-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,
#map-item-dialog .select-input[data-option="icon"]::-moz-placeholder,
.select-input:not(.select-item-icon):not(.select-end-point)::-moz-placeholder {
    color: #1a1a1a;
    font: 400 18px/21px "Roboto", sans-serif !important; 
    text-transform: capitalize !important;
}

#site-dialog .ba-group-element .ba-checkbox span,
#map-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 .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"].images-max-size,
#mobile-options input[type="number"] {
    width: 70px;
}

#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;}
}

#site-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;
}

#site-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;
}

#site-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;
}

.ba-settings-group .ba-lg-custom-select .zmdi-caret-down,
.ba-settings-group .ba-custom-select .zmdi-caret-down {
    right: 10px;
    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-settings-group .background-options .ba-custom-select ul,
.ba-settings-group .ba-custom-select.video-select ul {
    top: 40px !important;
    margin-top: 0;
}

.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;
}

.ba-settings-group .ba-settings-item input[data-option="font-weight"] {
    width: 175px;
}

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

.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
}

.image-options > .ba-settings-item:first-child {
    padding-right: 60px;
}

.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;
}

.shortcut-row p,
.sc-btn-wrapper span,
.minicolors-user-colors > p,
.library-title,
.sorting-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 {
    font-size: 12px;
    cursor: default;
    text-transform: uppercase;
    line-height: 20px;
    width: 60%;
}

.sorting-title {
    width: 50%;
}

.ba-modal-cp .tab-content {
    height: 400px;
    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: 479px;
}

.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.library-handle i: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-settings-group .add-new-item i:hover,
.sorting-container 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;
}

.ba-range-wrapper input[type="range"] + input[type="number"],
input[type="number"].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,
.ba-settings-toolbar > div > input[type="number"],
.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[type="number"],
#editor-options .ba-range-wrapper input[type="range"] + input[type="number"],
.ba-settings-item input[type="range"] + input[type="number"] {
    margin-right: -20px;
    box-shadow: none !important;
}

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

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

.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: 85px ;
}

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

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

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

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

.ba-range-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-image: none;
    background: #02adea;
    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-range-wrapper input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 157, 220, 0.3);
}

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

.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-range-wrapper input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 157, 220, 0.3);
}

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;
}

.ba-range-wrapper {
    position: relative;
}

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

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

.ba-range-wrapper:before {
    background: #ddd;
    content:"";
    height: 2px;
    left: 0;
    position: absolute;
    top: 22px;
    width: 85px;
}

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

.ba-range-liner.letter-spacing {
    left: 42.5px;
}

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

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

.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;
    line-height: 24px;
    padding: 15px;
    text-transform: inherit;
    width: auto;
}

.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;
}

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

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

.ba-lg-custom-select input[type="text"],
.ba-settings-group .ba-custom-select input[type="text"],
.ba-settings-toolbar > div >input[type="number"] {
    box-shadow: none !important;
    width: 100%;
}

.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: 15px !important;
}

input[type="number"].lightbox-settings-input,
input[type="number"].minicolors-opacity,
.ba-settings-toolbar > div >input[type="number"] {
    background: #e8e8e8;
    border: none;
    height: 35px;
}

/* 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 {
    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: #75d84d;
    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: #75d84d;
    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;
}

.selected-author,
.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;
}

@keyframes add-tags {
    0% { background: rgba(245, 245, 245, 0); box-shadow: 0 0 0 0 #f5f5f5; } 
    60% { background: rgba(245, 245, 245, 0); box-shadow: 0 0 0 0 #f5f5f5; } 
    80% { background: #f5f5f5; box-shadow: 0 0 0 3px #f5f5f5;} 
    100% { background: #f5f5f5; box-shadow: 0 0 0 0px #f5f5f5;}
}

.ba-group-element .selected-author,
.tab-content .picked-tags li.tags-chosen {
    animation: add-tags .6s cubic-bezier(.25,.98,.26,.99) both;
}

@keyframes add-tags-icon {
    0% {  opacity: 0;}
    100%{ opacity: 1;}
}

.ba-group-element .selected-author .ba-author-avatar,
.ba-group-element .selected-author .remove-selected-author,
.tags-categories .selected-categories .chosen-category i,
.tab-content .picked-tags li.tags-chosen i {
    animation: add-tags-icon .4s .4s linear both;
}

@keyframes add-tags-span {
    0% { transform: scale(1);}
    30% { transform: scale(1);}
    60%{ transform: scale(.8);}
    80%{ transform: scale(1.1);}
    100%{ transform: scale(1);}
}

.ba-group-element .selected-author .ba-author-name,
.tags-categories .selected-categories .chosen-category span,
.tab-content .picked-tags .tags-chosen span {
    animation: add-tags-span .6s cubic-bezier(.25,.98,.26,.99) both;
    display: inline-block;
    width: auto;
}

.tags-categories .selected-categories .search-category input,
.tags-categories .selected-categories .search-category,
.tab-content .picked-tags .search-tag {
    background: transparent;
}

.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;
}

.selected-author 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;
}

.ba-custom-author-select 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-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;
}

.ba-custom-author-select ul 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-categories-list li:hover,
.all-tags li:hover {
    color: #fff;
    background: #1da6f4;
}

.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;
}

/* 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: #1a1a1a;
    cursor: default;
    font-weight: 400;
    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: -245px;
    top: auto;
    z-index: 100000;
} 

#add-section-dialog.add-columns.blog-editor {
    bottom: 100px;
    margin-left: -238px;
}

#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;
}

#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 .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);
}

/*
/* 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.text-editor-resized .ba-editor-wrapper .cke_top {
    min-height: 30px !important;
}

#text-editor-dialog .ba-editor-wrapper .cke_bottom {
    background: #f5f5f5;
    border-top: 1px solid #eee;
    box-shadow: none;
    display: block;
}

#text-editor-dialog .mceStatusbar,
#text-editor-dialog #cke_editor > .cke_inner.cke_reset {
    border: 1px solid #eee;
    box-sizing: border-box;
}

#text-editor-dialog .mceStatusbar #editor_resize,
#text-editor-dialog .ba-editor-wrapper .cke_bottom .cke_resizer {
    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,
#text-editor-dialog .ba-editor-wrapper .cke_bottom .cke_resizer: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;
}

/*
/* 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;
}

.defaultSkin .mceSeparator,
.defaultSkin .mceToolbarRow .mceToolBarItem,
.defaultSkin .mceButton,
.ba-editor-wrapper .mceToolbar {
    background: #fcfcfc !important;
}

.wf-editor-preview,
.wf-editor-source,
.defaultSkin .mceListBox .mceOpen a,
.defaultSkin .mceListBox .mceText a,
.defaultSkin .mceSplitButton .mceText a,
.defaultSkin div,
.defaultSkin .mceSplitButtonEnabled:hover .mceOpen a,
.defaultSkin .mceSplitButtonEnabled:hover .mceText a,
.defaultSkin .mceSplitButtonHover .mceOpen a,
.defaultSkin .mceSplitButtonSelected .mceOpen a,
.defaultSkin .mceSplitButtonSelected .mceText a,
table.mceSplitButtonEnabled:hover .mceOpen a,
.defaultSkin .mceSplitButton .mceOpen a,
.defaultSkin .mceButton,
.ba-editor-wrapper .mceToolbar,
.defaultSkin .mceLayout {
    border: none !important;
}

.mceStatusbar,
.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;
}

.ba-editor-wrapper .editor .nav-tabs > li > a {
    background-color: transparent;
    color: #757575;
    border: none;
}

.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;
}

/*
/* CKE Editor
*/

.cke_dialog .cke_resizer {
    display: none;
}

.cke_dialog_background_cover {
    background-color: #000 !important;
    opacity: .56 !important;
}

.cke_voice_label {
    display: none !important;
}

#cke_editor {
    margin: 25px;
    min-height: auto !important;
    width: calc(100% - 50px);
}

.ba-editor-wrapper .cke_top {
    background: #fcfcfc !important;
    box-shadow: none;
    padding: 11px 8px;
}

.ba-editor-wrapper .cke_toolbar_separator {
    display: none;
}

.ba-editor-wrapper a.cke_button_on:hover,
.ba-editor-wrapper a.cke_button_on:focus,
.ba-editor-wrapper a.cke_button_on:active,
.ba-editor-wrapper .cke_button_on,
.ba-editor-wrapper .cke_toolgroup,
.ba-editor-wrapper .cke_combo_button,
.ba-editor-wrapper .cke_top,
.ba-editor-wrapper .cke_reset {
    border: none;
    box-shadow: none;
}

.ba-editor-wrapper .cke_reset,
.ba-editor-wrapper .cke_top {
    overflow: hidden;
    width: 100%;  
    min-height: 100% !important; 
}

#text-editor-dialog .ba-editor-wrapper .cke_contents.cke_reset {
    min-height: 150px !important;
}

.ba-editor-wrapper .cke_top {
    min-height: 114px !important; 
}

.ba-editor-wrapper textarea.cke_reset {
    box-shadow: none; 
    box-sizing: border-box;
    overflow: auto;
    padding: 25px 25px 0 25px;
    white-space: normal;
}

.ba-editor-wrapper a.cke_button_on {
    background: #ddd;
    box-shadow: none;
}

.ba-editor-wrapper .cke a.cke_combo_button:hover,
.ba-editor-wrapper .cke a.cke_combo_button:focus,
.ba-editor-wrapper .cke .cke_combo_on a.cke_combo_button,
.ba-editor-wrapper .cke_combo_off a.cke_combo_button:hover,
.ba-editor-wrapper .cke_combo_off a.cke_combo_button:focus,
.ba-editor-wrapper a.cke_button_disabled:hover,
.ba-editor-wrapper a.cke_button_disabled:focus,
.ba-editor-wrapper a.cke_button_disabled:active,
.ba-editor-wrapper .cke a.cke_button_off:hover,
.ba-editor-wrapper .cke a.cke_button_off:focus,
.ba-editor-wrapper .cke a.cke_button_off:active {
    background-image: none;
    background: #efefef;
    border-radius: 3px;
    border: none !important;
    box-shadow: none;
    cursor: pointer;
}

.ba-editor-wrapper .cke_combo_text {
    width: 47px; 
}

.ba-editor-wrapper .cke_toolgroup,
.ba-editor-wrapper .cke .cke_combo_button,
.ba-editor-wrapper .cke .cke_toolgroup {
    background-image: none;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 0; 
}

.ba-editor-wrapper a.cke_combo_button {
    padding: 6px;
}

.ba-editor-wrapper a.cke_button {
    border-radius: 0;
    padding: 10px 6px;
}

.ba-editor-wrapper .cke_bottom {
    display: none;
}

.ba-editor-wrapper .cke iframe {
    width: 100%!important;
}

.ba-editor-wrapper .cke_editable > p {
    font: 400 18px/normal "Roboto", sans-serif;
}

/* CKE Image Modal */
#cke-image-modal {
    top: calc(50% - 250px) !important;
    z-index: 1055;
}

#cke-image-modal .modal-body > div:not(.ba-custom-select) {
    position: relative;
    overflow: hidden;
}

#cke-image-modal .modal-body > div i.zmdi-camera {
    color: #757575;
    left: 15px;
    position: absolute;
    top: 35px;
    z-index: -1;
}

#cke-image-modal input.cke-upload-image {
    background: transparent; 
    cursor: pointer;
    padding-left: 30px;
}

#cke-image-modal input.cke-image-align:focus {
    border-bottom-color: #e3e3e3 !important;
}

#cke-image-modal input {
    margin-bottom: 0;
}

#cke-image-modal input.cke-image-width,
#cke-image-modal input.cke-image-height {
    float: left;
    width: 47%;
}

#cke-image-modal input.cke-image-width {
    margin-right: 6%;
}

#cke-image-modal input.cke-upload-image:focus + .focus-underline {
    transform: scale(0);
}

#cke-image-modal input.cke-image-height + .focus-underline,
#cke-image-modal .cke-image-width + .focus-underline,
#cke-image-modal input.cke-upload-image + .focus-underline {
    top: 68px;
}

#cke-image-modal .cke-image-alt + .focus-underline {
    top: 208px;
}

#cke-image-modal .cke-image-width + .focus-underline,
#cke-image-modal .cke-image-height + .focus-underline {
    width: 47%;
}

#cke-image-modal .cke-image-height + .focus-underline {
    left: 143px;
}

#cke-image-modal .ba-custom-select.visible-select-top ul.visible-select {
    bottom: 45px;
}

#cke-image-modal .ba-custom-select.visible-select-top {
    margin-bottom: 50px;
}

#cke-image-modal .ba-custom-select .zmdi-caret-down {
    top: 40px;
}

.cke-upload-image + span + i {
    left: 6px;
    position: absolute;
    top: 35px;
}

.cke_reset_all select,
.cke_reset_all textarea,
.cke_reset_all input[type="text"],
.cke_reset_all input[type="password"] {
    height: 35px!important;
    margin-bottom: 10px;
}

.cke_reset_all .cke_dialog_ui_labeled_content {
    width: auto !important;
}

.cke_reset_all select.cke_dialog_ui_input_select {
    width: 100%;
}

/* ========================================================================
    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 Headline 
 ========================================================================== */

#headline-general-options .ba-settings-group .input-resize input[type="text"]{
    width: 150px;
}

/* ========================================================================
    Plugin Slideshow Settings
 ========================================================================== */

.sorting-image img,
.simple-gallery-options .sorting-image img,
#slideshow-general-options .sorting-image img {
    margin-right: 20px;
    max-height: 75px;
    max-width: 50px;
    vertical-align: middle;
}

.simple-gallery-options .sorting-item,
#slideshow-general-options .sorting-item {    
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.simple-gallery-options .sorting-image i,
#slideshow-general-options .sorting-image i {
    font-size: 24px;
    pointer-events: none;
    margin-right: 20px;
}

.slideshow-item-dialog ~ .link-select-modal,
.slideshow-item-dialog ~ .uploader-modal,
#slideshow-item-dialog {
    z-index: 1060;
}
 
#slideshow-item-dialog .tab-content {
    box-sizing: border-box;
    overflow-y: auto;
    padding: 25px;
}

#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,
#slideshow-item-dialog .tab-content .select-input + i {
    left: 275px;
    right: auto;
    top: 25px;
}

#site-dialog .ba-checkbox,
#map-item-dialog .ba-checkbox ,
#slideshow-item-dialog .ba-checkbox {
    position: relative;
}

#site-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;
}

#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,
#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;
    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-block;
    float: right;
    margin: 10px 20px 0 0;
    opacity: 1;
    padding:  5px 7px 5px 20px;
    position: static;
    z-index: 100;
}

.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
 ========================================================================== */

.sorting-container {
    padding: 0 25px; 
}

.sorting-container .sorting-item > div {
    display: inline-block;
}

.sorting-container .sorting-title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

.sorting-container .sorting-item {
    align-items: center;
    display: flex;
    padding: 5px 0;
}

.sorting-container .sorting-icons {
    float: right;
    opacity: 0;
    transition: opacity .3s; 
}

.sorting-item:hover > .sorting-icons {
    opacity: 1;
}

i.delete-user-color,
.ba-library-item i,
.sorting-container i {
    border-radius: 3px;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    padding: 5px; 
    text-align: center;
    vertical-align: middle;
    width: 18px;
}

.sorting-container .sorting-icons i {
    margin: 0;
}

.sorting-item-wrapper .sorting-item .sorting-handle i,
.ba-library-item .library-handle i,
.sorting-item .sorting-handle i {
    cursor: move !important;   
}

.ba-settings-group .add-new-item {
    box-sizing: border-box;  
    margin: 0 !important;
    padding: 0 25px;
}

.ba-settings-group .add-new-item > span {
    display: inline-block;
}

.main-menu .add-new-item > span,
.ba-settings-group .add-new-item > span,
#tabs-general-options .ba-settings-group:first-child {
    position: relative;
}

#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;
}

#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;
}

#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;
}

.ba-set-end-point-iframe .ba-overlay-section-backdrop,
.ba-set-end-point .one-page-item-modal,
.ba-set-end-point .ba-modal-sm,
.ba-set-end-point .ba-modal-cp {
    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;!impotant
}

.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 .4s 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-instagram-modal-wrapper {
    bottom: 0;
    left: 50px;
    position: fixed;
    right: 50px;
    top: 0;
    z-index: 1080;
}

/* ========================================================================
    Plugin Map Settings
 ========================================================================== */

#map-location {
    border: 25px solid #fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.06);
    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.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.tags-categories-list label.ba-help-icon {
    top: 16px;
}

#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;
}

.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;
}

#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;
}

#map-editor-dialog .sorting-item {
    position: relative;
    margin-bottom: 5px;
}

#map-editor-dialog .sorting-item  input[type="text"] {
    width: 85%;
}

#map-editor-dialog .focus-underline {
    top: 33px;
    width: 85%;
}

#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;
}

#map-item-dialog .ba-group-element:first-child input[type="text"]::-moz-placeholder {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

#map-item-dialog .reset {
    position: static !important;
}

#map-item-dialog .reset i {
    padding: 8px!important;
}

#delete-dialog {
    z-index: 1060;
}

/* ========================================================================
    Code Editor Settings
 ========================================================================== */

#code-editor-dialog {
    font-family: "Roboto", sans-serif;
    min-height: 300px;
    min-width: 300px;
}

#font-weight-dialog .modal-header,
#font-family-dialog .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%;
}

#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%;
}

#color-variables-dialog .tabs-underline,
#color-variables-dialog .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;
}

#custom-edit-html .CodeMirror-gutter-wrapper,
#code-editor-dialog .CodeMirror-gutter-wrapper {
    left: -30px !important;
}

.CodeMirror pre {
    padding: 0 15px !important;
}

#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%;
}

#custom-edit-html .CodeMirror-hscrollbar,
#code-editor-dialog .CodeMirror-hscrollbar {
    overflow-x: hidden;
}

#custom-edit-html .CodeMirror-scrollbar-filler, 
#code-editor-dialog .CodeMirror-scrollbar-filler {
    display: none !important;
}

.CodeMirror .CodeMirror-scroll .CodeMirror-gutters {
    background: transparent;
}

#custom-html-dialog .CodeMirror-gutters {
    border: none;
}

#custom-html-dialog .CodeMirror-linenumber {
    color: #cacaca;
}

.CodeMirror-code * {
    font-size: 16px;
    line-height: 24px;
}

.CodeMirror .CodeMirror-scroll .CodeMirror-cursor {
    height: 15px !important;
    margin: 5px 0;
}

#custom-edit-html .CodeMirror-vscrollbar,
#code-editor-dialog .CodeMirror-vscrollbar {
    bottom: 0 !important;
    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: 466px;
    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;
}

.color-variables-item:hover span,
#add-plugin-dialog .ba-plugin:hover span {
    color: #fff;
}

#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;
    border-radius: 6px;
}

#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 div:not(.ba-tabs-wrapper) > .nav-tabs {
    background: #252736;
    z-index: 1;
}

#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 a {
    padding: 0 20px;
}

#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;
}

#photo-editor-dialog .tab-content {
    background: #34374a;
    float: right;
    overflow: hidden;
    position: relative;
    width: 30%;
}

#photo-editor-dialog .tab-content > div {
    height: 496px !important;
    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 .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:last-child 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;
    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;
    padding: 0;
    text-transform: none;
    line-height: 2em;
    width: 100%;
}

#photo-editor-dialog .ba-settings-toolbar > div:not(:last-child) {
    width: 100%;
}

#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;
}

#photo-editor-dialog .ba-settings-group .ba-settings-item {
    padding: 0; 
}

#photo-editor-dialog .ba-settings-group .ba-settings-item > span {
    color: #fff;
    flex-grow: 1;
}

#photo-editor-dialog .ba-checkbox {
    min-width: auto;
    width: 20px;
}

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

#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);
}

#photo-editor-dialog .ba-range-wrapper input[type=range]::-moz-range-thumb {
    background: #536d7a;
}

#photo-editor-dialog .ba-range-wrapper input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

#photo-editor-dialog input[type=range].ba-range::-ms-track {
    background: #536d7a;
}

#photo-editor-dialog input[type=range].ba-range::-ms-thumb {
    background: #536d7a;
}

#photo-editor-dialog input[type=range].ba-range::-ms-thumb:hover {
    box-shadow: 0 0 0 10px rgba(84, 110, 123, .3);
}

#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;
}

#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 .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 .3s linear;
}

.resize-image-wrapper.crop-enabled > div:not(.ba-crop-overlay):before {
    opacity: 1;
}

#photo-editor {
    display: block;
}

#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;
}

#photo-editor-dialog .ba-settings-group .ba-settings-item .ba-checkbox span {
    border-color: #536d7a;  
}

.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: 410px;
    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;
}

/* ========================================================================
    Uploader Image Modal 
 ========================================================================== */

.modal-body iframe {
    border: none;
    height: 600px;
    width: 100%;
}

#save-copy-dialog,
#map-item-dialog,
#uploader-modal {
    z-index: 1070;
}

.save-copy-dialog,
#photo-editor-dialog,
#link-select-modal {
    z-index: 1080;
}

#uploader-modal.photo-media-editor,
.save-copy-notice-dialog,
#save-copy-dialog {
    z-index: 1090;
}

#save-copy-notice-dialog {
    z-index: 1095;
}

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

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

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

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

.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:hover i,
table.ba-items-list tbody tr:hover a,
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;
}

/* Uploader modal header */
.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-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%);
}

.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;
}

.uploader-nav a {
    color: #fff;
    line-height: 30px;
}

.uploader-nav .ba-breadcrumb a {
    line-height: 35px;
}

.ba-modal-lg .nav-tabs li {
    float: left;
    height: 60px;
    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 {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55%;
}

.ba-breadcrumb i {
    vertical-align: middle;
    cursor: default !important;
}

.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;
}

.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;
}

.table-head i:hover {
    background: #efefef;
}

.show-photo-media-editor,
.media-manager-apply-wrapper {   
    border-radius: 50%;
    bottom: 50px;
    position: fixed !important;
    right: 75px;
    transform: translate3d(0, 0, 0);
}

.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;
    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;
}

.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;
}

/*
/* 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;
}

.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 {
    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%;
}

#filter-bar > input[type="text"]::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
}

#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;
}

/* Uploader modal left sidebar */
.ba-folder-tree {
    box-sizing: border-box;
    display: inline-block;
    overflow-x: hidden;
    position: relative;
}

.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 25px 25px 40px;
    width: calc(100% + 25px);
}

.availible-folders > ul ul,
.ba-folder-tree > ul ul {
    margin: 0 0 0 30px;
    padding: 0; 
}

.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;
}

.link-picker-container > div {
    position: relative;
}

.availible-folders li span,
.ba-folder-tree li a {
    display: block;
    padding: 10px 15px;
}

.availible-folders li i,
.ba-folder-tree li i {
    margin-right: 15px;
}

.availible-folders li > i,
.ba-folder-tree li > i {
    display: block;
    height: 18px;
    left: -30px;
    line-height: 18px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 18px;
}

.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: 300vh;
    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);
}

.availible-folders li label,
.availible-folders li span,
.ba-folder-tree li a {
    display: block;
    overflow: hidden;
    padding: 10px 15px;
    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;
}

#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 i {
    line-height: 0;
    vertical-align: middle;
}

.table-head .files-size {
    border-left: 1px solid #f3f3f3;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
}

.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;
}

table.ba-items-list tbody tr td .ba-image img {
    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 td:first-child + td {
    max-width: 100px;
    overflow: hidden;
    padding-left: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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 a {
    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: -35px;
    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: 70px;
    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;
}

.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;
}

.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;
}

.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;
    padding-left: 15px;
    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;
}

/* ========================================================================
    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;
}

/*
/* Shortcuts Modal
*/

#shortcuts-modal {
    border-radius: 6px;
    left: calc(50% - 220px);
    margin: 0;
    overflow: hidden;
    top: 10vh !important;
}

.shortcuts-container {
    max-height: calc(90vh - 150px);
    overflow: auto;
    padding-bottom: 20px;
}

.shortcuts-group-title {
    margin-bottom: 20px;
    padding-top: 30px;
    width: 100%;
}

.shortcuts-group-title:not(:first-child){
    border-top: 1px solid #e3e3e3;
    margin-top: 30px;
}

.shortcut-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
}

.sc-btn-wrapper span {
    padding: 13px 17px;  
}

.shortcut-row p {
    width: 50%;
}

.sc-btn-wrapper span.sc-btn {
    background: #e8e8e8;
}

#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;
}

.availible-folders > ul {
    height: 430px;
    max-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;
}

.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: 20%;
}

.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%;
}

.fonts-table {
    height: 500px;
}

.ba-options-group .ba-group-element {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 70px;
    padding: 25px;
    position: relative;
}

#slideshow-item-dialog .video-options,
#slideshow-item-dialog .image-options,
.ba-group-element {
    border-top: 1px solid #f3f3f3;
}

.ba-options-group p + .ba-group-element,
.ba-group-element:first-child {
    border-top: 1px solid transparent;
}

.fonts-table .ba-group-element  {
    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,
.fonts-table .ba-options-group {
    padding: 0 25px;
}

.fonts-table .ba-options-group:last-child {
    padding-bottom: 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;
}

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;
}

/*
/* Add Gallery / Add Forms / Add Joomla Modules
*/

.ba-integration-plugin .fonts-table .ba-options-group {
    margin-bottom: 10px; 
}

#megamenu-library-dialog .ba-group-element,
.ba-integration-plugin:not(.modules) .ba-group-element {
    justify-content: space-between;
}

.ba-integration-plugin .ba-group-element label {
    width: 30%;
}

.ba-integration-plugin .ba-group-element label:last-child {
    width: 10%;
}

.ba-integration-plugin .ba-group-element label.element-position {
    box-sizing: border-box;
    padding-left: 5%;
}

#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;
    color: #1a1a1a;
    cursor: pointer !important;
    overflow: hidden;
    padding-right: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#megamenu-library-dialog label.element-title:hover span,
.ba-integration-plugin label.element-title:hover span {
    opacity: .8;
}

.ba-integration-plugin .fonts-table {
    overflow: auto;
}

#megamenu-library-dialog .id,
.ba-integration-plugin .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 Joomla Modules */
.ba-integration-plugin.modules .ba-group-title span:not(:last-child) {
    display: inline-block;
    width: 30%;
}

.ba-integration-plugin.modules .ba-group-title span:nth-child(2) {
    width: 29% !important;
}

/*
/* 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; }
}

.ba-modal-lg .ba-custom-select:not(.map-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 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;
}

.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-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;
}

#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;
}

.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;
}

.ba-group-title {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 20px;
}

.ba-alert-container, 
.ba-modal-lg .ba-group-element .ba-help-icon {
    position: absolute;
    right: 25px;
    top: 25px;
}

.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;
    min-width: 250px;
}

.bagallery.ba-integration-plugin .ba-group-title > span {
    display: inline-block;
    width: 250px;
}

.bagallery.ba-integration-plugin .ba-group-title > span.id {
    text-align: right;
}
.bagallery.ba-integration-plugin .ba-group-title .category {
    margin-left: 25px;
}

.ba-group-title .category {
    margin-left: -25px;
}

#settings-dialog .intro-image {
    flex-grow: 1;
}

.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 .tab-content .picked-tags {
    width: 600px !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;
}

.ba-modal-lg .ba-custom-author-select ul.visible-select,
.ba-modal-lg .ba-custom-select:not(.visible-select-top):not(.map-theme-select) ul.visible-select {
    top: 45px;
}

@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-select.ba-custom-select.visible-select-top ul.visible-select,
.ba-modal-cp .ba-custom-select.visible-select-top ul.visible-select {
    animation: visible-select-top .2s cubic-bezier(.25,.98,.26,.99) both !important;
    border: none !important;
    bottom: 41px;
}

.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;
}

#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),
#settings-dialog #general-options .ba-options-group:nth-child(4) .ba-group-element,
#settings-dialog #general-options .ba-options-group:nth-child(3) .ba-group-element,
#slideshow-add-item .ba-options-group:nth-child(3) .ba-group-element,
#site-options .ba-options-group:nth-child(2) .ba-group-element,
#site-options .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;
}

/*
/* Login and New page modal
*/

#login-modal {
    overflow: hidden;
    top: calc(50% - 180px) !important;
    z-index: 1060;
}

#login-modal .modal-body {
    overflow: visible;
}

.ba-modal-lg .ba-group-element .zmdi-help,
.modal.ba-modal-sm .zmdi-help {
    font-size: 24px;
    line-height: 18px;
}

.library-item-title,
.reset-input-margin {
    margin-bottom: 0 !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; }
}

.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;
}

.ba-modal-sm .blog-category-select input,
.ba-modal-sm .blog-theme-select input,
.ba-modal-sm input[type="password"] {
    animation-delay: .5s;   
}

.ba-modal-sm .blog-category-select + .blog-theme-select input {
    animation-delay: .75s;  
}

@keyframes bounce-effect {
    0% { transform:  scale(.05); opacity: 0;}
    70% { transform:  scale(1.01); opacity: 1;}
    100% { transform:  scale(1); opacity: 1;}
}

.ba-modal-sm .blog-category-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;
}

.ba-modal-sm .blog-category-select > i,
.ba-help-icon,
#login-modal .blog-theme-select > i {
    opacity: 0;
}

.ba-modal-sm .blog-category-select > i {
    animation-delay: .7s;
}

.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;
}

/*
/* Custom Select 
*/

.ba-custom-author-select,
.ba-lg-custom-select,
.ba-custom-select {
    position: relative;
}

.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-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;
}

@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: 117px; }
}

.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 visible-options-top {
    0%{ left: 50%; width: 0; max-height: 2px;}
    50%{ left: 0; width: 275px; max-height: 2px;}
    100%{ left:0; width: 275px; max-height: 290px;}
}

.ba-custom-select.visible-select-top ul.visible-select {
    animation: visible-options-top .4s cubic-bezier(.25,.98,.26,.99) both !important;
    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;
}

.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; }
}

.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,
.map-theme-select.ba-custom-select ul.visible-select,
.ba-modal-lg .section-access-select.ba-custom-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;
}

.ba-lg-custom-select-body li,
.ba-custom-select ul.visible-select li {
    opacity: 1;
    width: 100%;
}

.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-custom-select ul li:before {
    border-radius: 50%;
    border: 2px solid #ddd;
    content: "";
    height: 15px;
    left: 25px;
    position: absolute;
    top: 20px;
    width: 15px;
}

.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;
}

.ba-lg-custom-select-body li[data-value="Default"] {
    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
*/

.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;
}

.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;
}

/* ========================================================================
    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) {
    width: 100%;
    text-align: center;
}

.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:nth-child(2) .ba-toolbar-element {
    margin: 20px 0;
    padding: 0;
    position: relative;
}

.ba-lg-custom-select input[type="text"]:hover,
.sc-btn-wrapper span.sc-btn-active,
.ba-modal-cp .select-input:not(.select-item-icon):hover,
.select-file i:hover,
.select-link 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);
}

/* ========================================================================
    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 - 260px);
    border-bottom: 1px solid #e3e3e3;
}

.bottom-icons > span,
.top-icons > span {
    position: relative;
    display: block;
}

.add-page-block:not([data-context="section-page-blocks-list"]) .zmdi,
.add-library-block:not([data-context="section-library-list"]) .zmdi {
    opacity: .5;
    cursor: not-allowed !important;
}

.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.help-context-menu {
    margin-top: -228px;
    left: 50px !important;
}

.ba-context-menu span.ba-group-element {
    border-top: 1px solid #e3e3e3;
}

.help-context-menu.ba-context-menu span {
    padding: 0;
}

.help-context-menu.ba-context-menu span:not(.documentation):not(.support),
.help-context-menu.ba-context-menu span.documentation a,
.help-context-menu.ba-context-menu span.support a {
    display: block;
    font-size: 14px;
    padding: 17px;
}

/* ========================================================================
    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;
}

#library-backdrop.visible-backdrop {
    display: block;
}

.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: 1;
}

.left-context-menu.ba-context-menu.ba-sidebar-panel {
    left: 50px !important;
}

.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 span {
    padding: 0;
}

.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;
}

#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;
}

@keyframes library-item {
    from {opacity: 0; margin-top: 20px;}
    to {opacity: 1; margin-top: 0;}
}

.tab-pane.active .library-item-wrapper  {
    animation: library-item .2s ease-in-out both;
}

.tab-pane.active .library-item-wrapper:nth-child(1) {
    animation-delay: .05s;
}

.tab-pane.active .library-item-wrapper:nth-child(2) {
    animation-delay: .1s;
}

.tab-pane.active .library-item-wrapper:nth-child(3) {
    animation-delay: .15s;
}

.tab-pane.active .library-item-wrapper:nth-child(4) {
    animation-delay: .2s;
}

.tab-pane.active .library-item-wrapper:nth-child(5) {
    animation-delay: .25s;
}

.tab-pane.active .library-item-wrapper:nth-child(6) {
    animation-delay: .3s;
}

.tab-pane.active .library-item-wrapper:nth-child(7) {
    animation-delay: .35s;
}

.tab-pane.active .library-item-wrapper:nth-child(8) {
    animation-delay: .4s;
}

.tab-pane.active .library-item-wrapper:nth-child(9) {
    animation-delay: .45s;
}

.tab-pane.active .library-item-wrapper:nth-child(10) {
    animation-delay: .5s;
}

.tab-pane.active .library-item-wrapper:nth-child(11) {
    animation-delay: .55s;
}

.tab-pane.active .library-item-wrapper:nth-child(12) {
    animation-delay: .6s;
}

.tab-pane.active .library-item-wrapper:nth-child(13) {
    animation-delay: .65s;
}

.tab-pane.active .library-item-wrapper:nth-child(14) {
    animation-delay: .7s;
}

.tab-pane.active .library-item-wrapper:nth-child(15) {
    animation-delay: .75s;
}

.tab-pane.active .library-item-wrapper:nth-child(16) {
    animation-delay: .8s;
}

#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;
}

/* 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"],
.library-item-image {
    margin-bottom: 25px !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*/
#edit-social-icon-dialog .reset-input-margin,
.custom-font-select,
.library-item-image {
    cursor: pointer !important;
}

.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
 ========================================================================== */

/* 
/* Blog Editor Modal
*/

#blog-content-dialog.modal.ba-modal-lg.fullscrean .modal-body .tab-pane.active,
#blog-content-dialog.ba-modal-lg .tab-content {
    height: calc(98vh - 100px);
    padding: 0;
    overflow: hidden;
    width: 100%;
}

#blog-content-dialog.modal.ba-modal-lg.fullscrean .modal-body iframe {
    height: calc(98vh - 100px) !important;
}

/* 
/* Blog Content Editor 
*/

.blog-content-dialog.modal-backdrop {
    z-index: 1020;
}

.blog-content-dialog ~ .modal-backdrop,
#blog-content-dialog {
    z-index: 1030;
}

/* ========================================================================
    Blog Plugins
 ========================================================================== */

/*
/* Blog Plugin Tags Categories
*/

.tags-categories .selected-categories {
    list-style: none;
    margin: 0;
    transition: width .3s ease-in-out;
    width: 205px;
}

.not-empty-list .tags-categories .selected-categories {
    width: 405px;
}

.not-empty-list.ba-settings-item.tags-categories-list > span {
    width: 0;
}

.ba-settings-item.tags-categories-list {
    padding-right: 25px;
}

.ba-settings-item.tags-categories-list > span {
    margin-top: 10px;
    transition: width .15s ease-in-out;
}

@keyframes add-tags-categories {
    0% { background: rgba(245, 245, 245, 0); box-shadow: 0 0 0 0 #f5f5f5; } 
    60% { background: rgba(245, 245, 245, 0); box-shadow: 0 0 0 0 #f5f5f5; } 
    80% { background: #eaeaea; box-shadow: 0 0 0 3px #f5f5f5;} 
    100% { background: #eaeaea; box-shadow: 0 0 0 0px #f5f5f5;}
}

.tags-categories .selected-categories .chosen-category {
    animation: add-tags-categories .6s cubic-bezier(.25,.98,.26,.99) both;
    align-items: center;
    display: inline-flex;
}

.tags-categories .selected-categories .search-category {
    display: inline-block;
}

.tags-categories .selected-categories .search-category input {
    height: 36px;
    margin: 0;
}

.tags-categories {
    background: #f5f5f5;
}

.tags-categories-list:not(.not-empty-list) .all-categories-list {
    margin-left: -100px;
}

/* ========================================================================
    Plugins Icon
 ========================================================================== */

@font-face {
    font-family: 'Plugins';
    src: url("../../../../templates/gridbox/library/icons/plugins/plugins.woff") format("woff"),
       url("../../../../templates/gridbox/library/icons/plugins/plugins.ttf") format("truetype");
    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-custom-html:before {
    content:'\0041';
}
.plugins-counter:before {
    content:'\0042';
}

.plugins-disqus:before {
    content:'\0043';
}

.plugins-forms:before {
    content:'\0044';
}

.plugins-gallery:before {
    content:'\0045';
}

.plugins-google-maps:before {
    content:'\0046';
}

.plugins-lightbox:before {
    content:'\0047';
}

.plugins-modules:before {
    content:'\0048';
}

.plugins-scroll-to-top:before {
    content:'\0049';
}

.plugins-carousel:before {
    content:'\004a';
}

.plugins-slideshow:before {
    content:'\004b';
}

.plugins-weather:before {
    content:'\004c';
}

.plugins-button:before {
    content:'\004d';
}

.plugins-instagram:before {
    content:'\e901';
}

.plugins-progress-bar:before {
    content:'\e903';
}

.plugins-vk-comments:before {
    content:'\e904';
}

.plugins-facebook-comments:before {
    content:'\e900';
}

.plugins-hypercomments:before {
    content:'\e902';
}