/************************************************/
/* UIKIT MODIFIER
/************************************************/

.uk-scope .uk-width-xsmall {
    width: 100px;
}

.uk-scope .uk-text-transform-none {
    text-transform: none;
}

.uk-scope .uk-margin .uk-form-label {
    text-transform: uppercase;
}

.uk-scope .uk-modal .uk-subnav li:after {
    content: '';
    display: block;
    height: 2px;
    margin-top: -2px;
    width: 0%;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    position: relative;
    top: 18px;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}
.uk-scope .uk-modal .uk-subnav li:hover:after,
.uk-scope .uk-modal .uk-subnav li.uk-active:after {
    width: 100%;
}

.uk-scope :not(pre)>code {
    font-size: .725rem;
    color: #666;
}

.uk-scope .uk-modal-close-full {
    background: transparent;
}

.uk-scope .uk-icon-button-large {
    width: 44px;
    height: 44px;
    font-size: 0.825rem;
}

.uk-scope .uk-form-icon.uk-form-icon-flip {
    width: auto;
    padding-right: 14px;
}

.uk-scope .uk-form-icon:not(.uk-form-icon-flip) {
    width: auto;
    padding-left: 14px;
}

.uk-scope .uk-modal-footer > .uk-button-group {
    border-top: 1px solid #e5e5e5;
}

.uk-scope [class*='uk-tooltip-top']::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #666;
    border-width: 5px;
    margin-left: -5px;
}

.uk-scope [class*='uk-tooltip-right']::after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #666;
    border-width: 5px;
    margin-top: -5px;
}

.uk-scope [class*='uk-tooltip-bottom']::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #666;
    border-width: 5px;
    margin-left: -5px;
}

.uk-scope [class*='uk-tooltip-left']::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #666;
    border-width: 5px;
    margin-top: -5px;
}


/************************************************/
/* GENERAL
/************************************************/

html,
body  {
    width: 100%;
    height: 100%;
}

.uk-scope #app {
    height: 100%;
    /* overflow: hidden; */
}

.uk-scope ::placeholder {
    font-size: 0.925em;
}

.uk-scope .pb-notice a {
    text-decoration: underline;
}

.uk-scope .pb-notice a:hover {
    text-decoration: none;
}

.uk-scope .pb-not-allowed {
    cursor: not-allowed !important;
}


/************************************************/
/* UTILS
/************************************************/

.uk-scope .pb-checkbox-tip {
    margin-left: 28px;
}

.uk-scope .uk-modal .pb-input-tip {
    text-align: right;
}

.uk-scope .pb-padding {
    padding: 35px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-vertical {
    padding: 35px 0;
    box-sizing: border-box;
}

.uk-scope .pb-padding-horizontal {
    padding: 0 35px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-top {
    padding-top: 35px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-medium-top {
    padding-top: 20px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-right {
    padding-right: 35px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-medium-right {
    padding-right: 20px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-small-right {
    padding-right: 5px;
    box-sizing: border-box;
}

.uk-scope .pb-padding-small-left {
    padding-left: 5px;
    box-sizing: border-box;
}

.uk-scope .pb-margin-xsmall-horizontal {
    margin: 0 2px 0 4px;
}

.uk-scope .pb-cursor {
    cursor: pointer;
}

.uk-scope .pb-highlight {
    outline: 2px solid #3696f3 !important;
    position: relative;
    z-index: 99999 !important;
}

.uk-scope .pb-loader {
    box-sizing: border-box;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    opacity: 1;
    position: relative;
}

.pb-loader:before {
    position: absolute;
    content: '';
    background-color: #f8f8f8;
    opacity: .8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.uk-scope .pb-loader:after {
    position: absolute;
    content: '';
    top: calc(50% - 3em);
    left: 50%;
    margin: 1.5em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #000 rgba(0, 0, 0, 1) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101;
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uk-scope .uk-switch {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 32px;
}
  
.uk-scope .uk-switch input {
    display:none;
}
  
.uk-scope .uk-switch-slider {
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 500px;
    bottom: 0;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}
  
.uk-scope .uk-switch-slider:before {
    content: '';
    background-color: #fff;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    transition-property: transform, box-shadow;
    transition-duration: .2s;
}
  
.uk-scope input:checked + .uk-switch-slider {
    background-color: #000 !important;
}
  
.uk-scope input:checked + .uk-switch-slider:before {
    transform: translateX(14px);
}
  
.uk-scope .uk-light .uk-switch-slider:not(.uk-switch-on-off) {
    background-color: #ccc;
}


/************************************************/
/* CODEMIRROR
/************************************************/

.uk-scope .CodeMirror {
    border: 1px solid #eee;
}

.uk-scope .CodeMirror-hints {
    z-index: 1020 !important;
}


/************************************************/
/* SIDEBAR STRUCTURE
/************************************************/

.uk-scope .pb-sidebar {
    background: #eee;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    z-index: 2;
}

.uk-scope .pb-sidebar pre {
    -webkit-user-select: all; /* Safari */        
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* IE10+/Edge */
    user-select: all; /* Standard */
}


.uk-scope .pb-sidebar-wrapper {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.uk-scope .pb-sidebar-content {
    box-sizing: border-box;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    /* over header and footer */
    /* margin-top: -75px;
    padding-top: 75px;
    margin-bottom: -50px; */
}

/* .uk-scope .pb-sidebar-content.pb-loader {
    overflow: hidden;
} */

/* .uk-scope .pb-sidebar-content .uk-form-label {
    font-size: 14px;
    color: #313131;
    text-transform: none;
} */

.uk-scope a.pb-open-delete-page-confirm:hover,
.uk-scope a.pb-open-delete-blog-category-confirm:hover,
.uk-scope a.pb-open-delete-blog-post-confirm:hover,
.uk-scope a.pb-open-delete-language-confirm:hover {
    color: #cc0000;
}

.uk-scope .pb-sidebar-content .uk-switcher > div > div:not([class]) ~ div:not([class]) h4 {
    padding-top: 30px;
    margin-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.uk-scope .pb-reseller-logo {
    height: 50px;
    margin: -50px 0 60px 0;
}

.pb-sidebar-header {
    background-color: #eee;
    padding-top: 45px;
    position: relative;
    z-index: 1;
}

.pb-sidebar-back-button {
    align-items: center;
    color: #000;
    display: flex;
    font-size: .825rem;
    transition: all .3s ease; 
}

.pb-sidebar-back-button:hover {
    color: #000;
}

.pb-sidebar-back-button > span {
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    position: relative;
    transform: rotate(-225deg);
    margin: 0 6px;
    transition: all .3s ease;
}

.pb-sidebar-back-button > span::before {
    display: block;
    background-color: #333;
    width: 3px;
    transform-origin: bottom right;
    height: 2px;
    position: absolute;
    opacity: 0;
    bottom: calc(-2px / 2);
    transform: rotate(45deg);
    transition: all .3s ease;
    content: "";
    right: 0;
}

.pb-sidebar-back-button:hover > span {
    transform: rotate(-225deg) translate(4px, 4px);
    border-color: text-hover-color;
}

.pb-sidebar-back-button:hover > span:before {
    opacity: 1;
    width: 12px;
}

/* .uk-scope .pb-sidebar-back-button .uk-icon {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.uk-scope .pb-sidebar-back-button:hover .uk-icon {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
} */

.uk-scope .pb-sidebar-content-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.uk-scope .pb-sidebar-content-header > div:first-of-type {
    padding-left: 35px;
}

.uk-scope .pb-sidebar-small {
    width: 300px;
}

.uk-scope .pb-sidebar-medium {
    width: 500px;
}

.uk-scope .pb-sidebar-home-menu {
    text-align: center;
}

.uk-scope .pb-sidebar-home-menu a {
    font-size: .975rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.uk-scope .pb-sidebar-sub-menu a,
.uk-scope a.uk-button-text.uk-text-transform-none,
.uk-scope button.uk-button-text.uk-text-transform-none {
    font-size: 0.975rem;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: none;
}

.uk-scope .pb-sidebar-device-tools {
    box-sizing: border-box;
    background: #eee;
    padding: 15px;
    z-index: 4;
}


/************************************************/
/* DESIGN SIDEBAR
/************************************************/

.uk-scope .pb-style-label .uk-tooltip {
    background-color: #fff;
    color: #999;
    font-size: .7rem;
    max-width: none;
    width: auto;
}

.uk-scope .pb-style-reset {
    position: absolute;
    top: calc(50% - 8px);
    left: -20px;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiAgICA8Y2lyY2xlIGZpbGw9IiNiYmIiIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+PC9zdmc+) 50% 50% no-repeat;
    cursor: pointer;
}

.uk-scope .pb-style-reset:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiAgICA8cGF0aCBzdHJva2U9IiM0NDQiIHN0cm9rZS13aWR0aD0iMS4xIiBkPSJNOCw4IEwxLDEiPjwvcGF0aD4gICAgPHBhdGggc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuMSIgZD0iTTgsMSBMMSw4Ij48L3BhdGg+PC9zdmc+) 50% 50% no-repeat;
}

/* .pb-style-form {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIwIDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNhMGEwYTAiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI1LjUgMiAxMCA2LjUgMTQuNSAyIj48L3BvbHlsaW5lPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center right;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
} */

/* .pb-margin-xsmall {
    margin-bottom: 5px;
} */

/* .pb-sidebar-styles .uk-input {
    border-color: transparent;
    color: #a0a0a0;
    text-align: right;
    padding-right: 6px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
} */

.uk-scope .pb-style-label {
    font-size: 0.9em;
}

.uk-scope .pb-style-input {
    height: 26px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.8em;
    text-align: right;
}
.uk-scope .pb-style-select:not([multiple]):not([size]) {
    height: 26px;
    padding-left: 8px;
    font-size: 0.8em;
    text-align: right;
    line-height: 26px;
    width: 162px;
    background-position: 100% 6px;
}
.uk-scope .pb-colorpicker {
    width: 20px;
    border-radius: 500px;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%2216%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%220%22%20y%3D%2216%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%2216%22%20y%3D%2216%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%2224%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%228%22%20y%3D%2224%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23CCCCCC%22%20x%3D%2224%22%20y%3D%2224%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%228%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%220%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%2216%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%228%22%20y%3D%2216%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%2224%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%2224%22%20y%3D%2216%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%220%22%20y%3D%2224%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20x%3D%2216%22%20y%3D%2224%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") -2px -2px repeat;
    right: 6px;
    margin: 4px 0;
}

.uk-scope .pb-colorpicker-color {
    height: 20px;
}

.uk-scope .chrome-picker   {
    position: absolute;
    right: 14px;
    top: -14px;
}


/************************************************/
/* START PAGE LIST
/************************************************/

.uk-scope .pb-items-list {
    transition: max-height .5s ease-out;
    overflow: hidden;
}

.uk-scope.uk-drag .pb-items-list > li.pb-list-item-as-sub:last-child:after { /* To sort item after folder if latest */
    content: "";
    height: 5px;
    display: block;
    margin-top: -5px;
    position: relative;
}

.uk-scope .uk-switcher .pb-items-list {
    margin: 0 -35px;
}

.uk-scope.uk-drag .pb-list-item-as-sub > .pb-items-list {
    max-height: 999px !important;
}

.uk-scope .pb-list-item {
    padding: 0 10px;
    font-size: 0.875rem;
}

.uk-scope .uk-switcher .pb-list-item.pb-list-item-as-preview {
    padding: 0 32px 0 10px;
}

.uk-scope .uk-switcher .pb-list-item:not(.pb-list-item-as-preview) {
    padding: 5px 32px 5px 10px;
}

.uk-scope .pb-list-item:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}

/* .uk-scope .pb-list-item.uk-sortable-drag {
    background-color: #e5e5e5;
} */

.uk-scope .pb-list-item div {
    min-width: 20px;
}

.uk-scope .pb-list-item-as-preview .pb-is {
    height: 40px;
    margin-left: 6px;
}

.uk-scope .pb-list-item-as-preview .pb-is-item span {
    padding-left: 0;
}

.uk-scope .pb-list-item-preview {
    height: 32px;
    margin-left: 10px;
    width: 32px;
}

.uk-scope .pb-subnav-items-list .pb-is {
    background-position: 0;
}

.uk-scope .pb-subnav-items-list .pb-list-item-name {
    padding-left: 36px;
}

.uk-scope .pb-items-list li:hover:not(.pb-list-item-homepage) {
    cursor: pointer;
}

.uk-scope .pb-subnav-items-list li {
    padding: 0;
    margin-top: 0 !important;
}

.uk-scope .pb-list-item .uk-grid-small>*:not(.uk-first-column) {
    padding-left: 5px;
}

.uk-scope .pb-list-item .uk-grid > *:last-child {
    padding-right: 2px;
}

.uk-scope .pb-is {
    background-position-y: 0px;
    height: 30px;
    margin-left: 10px;
}

.uk-scope .pb-list-item-name {
    overflow: hidden;
    padding-left: 18px;
    white-space: nowrap;
}

.uk-scope .pb-is.pb-is-sub {
    background-position-y: -30px;
}

.uk-scope .pb-subnav-items-list li:last-child .pb-is {
    background-position-y: -60px;
}

.uk-scope .pb-subnav-list {
    overflow: hidden;
    padding-left: 10px;
}

.uk-scope .pb-is-last-sub {
    background-position-y: -60px;
}

.uk-scope .pb-page-list-show-sub-items {
    transition: all .4s ease;
}

.uk-scope .pb-list-item-as-sub .pb-page-list-show-sub-items.pb-folder-uncollapsed {
    transform: rotate(0deg);
    transition: all .4s ease;
}

.uk-scope .pb-list-item-as-sub .pb-page-list-show-sub-items.pb-folder-collapsed {
    transform: rotate(-90deg);
    transition: all .4s ease;
}

.uk-scope .pb-is-page {
    background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDM2IDkwIj48bGluZSB4MT0iOC41IiB5MT0iMzAiIHgyPSI4LjUiIHkyPSI2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjgiIHkxPSI0Ni41IiB4Mj0iMTUiIHkyPSI0Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48bGluZSB4MT0iOC41IiB5MT0iNjEiIHgyPSI4LjUiIHkyPSI3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjkiIHkxPSI3Ni41IiB4Mj0iMTUiIHkyPSI3Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cG9seWdvbiBwb2ludHM9IjAuNjEgMTQuODIgNi45OSA5LjcyIDE3LjE5IDkuNzIgMTcuMTkgMjIuNDcgMC42MSAyMi40NyAwLjYxIDE0LjgyIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5bGluZSBwb2ludHM9IjYuOTkgOS43MiA2Ljk5IDE0LjgyIDAuNjEgMTQuODIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBvbHlnb24gcG9pbnRzPSIxOC43IDQ0LjY2IDI1LjA4IDM5LjU2IDM1LjI4IDM5LjU2IDM1LjI4IDUyLjMyIDE4LjcgNTIuMzIgMTguNyA0NC42NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyNS4wOCAzOS41NiAyNS4wOCA0NC42NiAxOC43IDQ0LjY2IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iMTguNyA3NC43MSAyNS4wOCA2OS42IDM1LjI4IDY5LjYgMzUuMjggODIuMzYgMTguNyA4Mi4zNiAxOC43IDc0LjcxIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5bGluZSBwb2ludHM9IjI1LjA4IDY5LjYgMjUuMDggNzQuNzEgMTguNyA3NC43MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB5PSIzIiB3aWR0aD0iMzYiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}

.uk-scope .pb-is-folder {
    background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDM2IDkwIj48bGluZSB4MT0iOC41IiB5MT0iMzAiIHgyPSI4LjUiIHkyPSI2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjgiIHkxPSI0Ni41IiB4Mj0iMTUiIHkyPSI0Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48bGluZSB4MT0iOC41IiB5MT0iNjEiIHgyPSI4LjUiIHkyPSI3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjkiIHkxPSI3Ni41IiB4Mj0iMTUiIHkyPSI3Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cmVjdCB5PSIzIiB3aWR0aD0iMzYiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIvPjxwb2x5Z29uIHBvaW50cz0iNi4zNSAxMi4zOCAxNy4xOSAxMi4zOCAxNy4xOSAyMi40NyAwLjYxIDIyLjQ3IDAuNjEgOS43MiA2LjM1IDkuNzIgNi4zNSAxMi4zOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBvbHlnb24gcG9pbnRzPSIyNC40NCA0Mi4yMyAzNS4yOCA0Mi4yMyAzNS4yOCA1Mi4zMiAxOC43IDUyLjMyIDE4LjcgMzkuNTYgMjQuNDQgMzkuNTYgMjQuNDQgNDIuMjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iMjQuNDQgNzIuMjcgMzUuMjggNzIuMjcgMzUuMjggODIuMzYgMTguNyA4Mi4zNiAxOC43IDY5LjYgMjQuNDQgNjkuNiAyNC40NCA3Mi4yNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
}

.uk-scope .pb-is-link {
    background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDM2IDkwIj48bGluZSB4MT0iOC41IiB5MT0iMzAuMTIiIHgyPSI4LjUiIHkyPSI2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjgiIHkxPSI0Ni41IiB4Mj0iMTUiIHkyPSI0Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48bGluZSB4MT0iOC41IiB5MT0iNjEiIHgyPSI4LjUiIHkyPSI3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjkiIHkxPSI3Ni41IiB4Mj0iMTUiIHkyPSI3Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cG9seWxpbmUgcG9pbnRzPSI4LjU5IDExLjQ1IDEyLjkzIDcuMDMgMTcuOTYgMTIuMDUgMTMuNTMgMTYuNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSI1LjM3IDE0LjY2IDAuOTUgMTkuMDEgNS45NyAyNC4wMyAxMC4zMiAxOS42MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48bGluZSB4MT0iMTEuNjkiIHkxPSIxMy4yOSIgeDI9IjcuMjIiIHkyPSIxNy43NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyNS41OSA0Mi40MiAyOS45NCAzOCAzNC45NyA0My4wMiAzMC41NCA0Ny4zNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyMi4zOCA0NS42MyAxNy45NiA0OS45OCAyMi45OCA1NSAyNy4zMyA1MC41OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48bGluZSB4MT0iMjguNyIgeTE9IjQ0LjI3IiB4Mj0iMjQuMjMiIHkyPSI0OC43MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyNS41OSA3Mi40MiAyOS45NCA2OCAzNC45NyA3My4wMiAzMC41NCA3Ny4zNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWxpbmUgcG9pbnRzPSIyMi4zOCA3NS42MyAxNy45NiA3OS45OCAyMi45OCA4NSAyNy4zMyA4MC41OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48bGluZSB4MT0iMjguNyIgeTE9Ijc0LjI3IiB4Mj0iMjQuMjMiIHkyPSI3OC43MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB5PSIzIiB3aWR0aD0iMzYiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}

.uk-scope .pb-is-blog {
    background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDM2IDkwIj48bGluZSB4MT0iOC41IiB5MT0iMzAuMTIiIHgyPSI4LjUiIHkyPSI2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjgiIHkxPSI0Ni41IiB4Mj0iMTUiIHkyPSI0Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48bGluZSB4MT0iOC41IiB5MT0iNjEiIHgyPSI4LjUiIHkyPSI3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjkiIHkxPSI3Ni41IiB4Mj0iMTUiIHkyPSI3Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48Y2lyY2xlIGN4PSI4LjMxIiBjeT0iMTcuNTUiIHI9IjIuMjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSI2Ljc4IiB5MT0iMTkuMDgiIHgyPSIxLjQ1IiB5Mj0iMjQuNDEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iMTAuNiA5LjE3IDE2LjY5IDE1LjI3IDEzLjY0IDIyLjEzIDEuNDUgMjQuNDEgMy43MyAxMi4yMiAxMC42IDkuMTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSIxMy40NiIgeTE9IjcuNDQiIHgyPSIxOC40NSIgeTI9IjEyLjQzIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjIzLjM1IiBjeT0iNDkuNjQiIHI9IjIuMjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSIyMS44MyIgeTE9IjUxLjE3IiB4Mj0iMTYuNDkiIHkyPSI1Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWdvbiBwb2ludHM9IjI1LjY0IDQxLjI2IDMxLjc0IDQ3LjM2IDI4LjY5IDU0LjIyIDE2LjQ5IDU2LjUxIDE4Ljc4IDQ0LjMxIDI1LjY0IDQxLjI2IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48bGluZSB4MT0iMjguNTEiIHkxPSIzOS41MyIgeDI9IjMzLjUiIHkyPSI0NC41MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIyMy4zNSIgY3k9Ijc5LjYxIiByPSIyLjI5IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48bGluZSB4MT0iMjEuODMiIHkxPSI4MS4xNCIgeDI9IjE2LjQ5IiB5Mj0iODYuNDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iMjUuNjQgNzEuMjIgMzEuNzQgNzcuMzIgMjguNjkgODQuMTkgMTYuNDkgODYuNDcgMTguNzggNzQuMjggMjUuNjQgNzEuMjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSIyOC41MSIgeTE9IjY5LjUiIHgyPSIzMy41IiB5Mj0iNzQuNDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeT0iMyIgd2lkdGg9IjM2IiBoZWlnaHQ9IjkiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}

.uk-scope .pb-is-shop {
    background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDM2IDkwIj48bGluZSB4MT0iOC41IiB5MT0iMzAuMTIiIHgyPSI4LjUiIHkyPSI2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjgiIHkxPSI0Ni41IiB4Mj0iMTUiIHkyPSI0Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48bGluZSB4MT0iOC41IiB5MT0iNjEiIHgyPSI4LjUiIHkyPSI3NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PGxpbmUgeDE9IjkiIHkxPSI3Ni41IiB4Mj0iMTUiIHkyPSI3Ni41IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cGF0aCBkPSJNMTcuMTcsMTYuNDRhMSwxLDAsMCwwLTEtLjkzSDEwLjdhMSwxLDAsMCwwLS45NS45MmwtLjcsNi40NXYuMDVhLjk0Ljk0LDAsMCwwLC45NC45NEgxNi44YS45NC45NCwwLDAsMCwuOTQtLjk1djBaIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cGF0aCBkPSJNNy4wNywyMy44OUgyLjc2QTEuMzksMS4zOSwwLDAsMSwxLjM3LDIyLjV2LS4wNWwxLjItMTAuMTNBMS40LDEuNCwwLDAsMSw0LDExaDkuNWExLjQsMS40LDAsMCwxLDEuMzksMS4zN2wuMjEsMS40NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PHBhdGggZD0iTTYuMDksOS40N2EyLjU4LDIuNTgsMCwxLDEsNS4xNSwwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cGF0aCBkPSJNMTQuOTMsMTcuNTFhMS41MywxLjUzLDAsMCwxLTMuMDYsMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PHBhdGggZD0iTTM0LjI2LDQ3LjQ1YTEsMSwwLDAsMC0uOTQtLjkzSDI3Ljc5YTEsMSwwLDAsMC0uOTUuOTJsLS43LDYuNDV2MGExLDEsMCwwLDAsLjk0LDFoNi44MWExLDEsMCwwLDAsLjk0LTF2MFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIvPjxwYXRoIGQ9Ik0yNC4xNiw1NC45MUgxOS44NWExLjM5LDEuMzksMCwwLDEtMS4zOS0xLjM5di0uMDZsMS4yLTEwLjEzQTEuNDEsMS40MSwwLDAsMSwyMS4wNiw0Mmg5LjVBMS4zOSwxLjM5LDAsMCwxLDMyLDQzLjM0bC4yMSwxLjQ2IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48cGF0aCBkPSJNMjMuMTgsNDAuNDhhMi41OCwyLjU4LDAsMCwxLDUuMTYsMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PHBhdGggZD0iTTMyLDQ4LjUyYTEuNTMsMS41MywwLDEsMS0zLjA2LDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIvPjxwYXRoIGQ9Ik0zNC4yNiw3Ny41NWExLDEsMCwwLDAtLjk0LS45M0gyNy43OWExLDEsMCwwLDAtLjk1LjkyTDI2LjE0LDg0Vjg0YS45NC45NCwwLDAsMCwuOTQuOTRoNi44MWEuOTQuOTQsMCwwLDAsLjk0LTF2MFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIvPjxwYXRoIGQ9Ik0yNC4xNiw4NUgxOS44NWExLjM5LDEuMzksMCwwLDEtMS4zOS0xLjM5djBsMS4yLTEwLjEzYTEuNDEsMS40MSwwLDAsMSwxLjQtMS4zNmg5LjVBMS40LDEuNCwwLDAsMSwzMiw3My40NGwuMjEsMS40NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzMTMxIi8+PHBhdGggZD0iTTIzLjE4LDcwLjU4YTIuNTgsMi41OCwwLDEsMSw1LjE2LDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMxMzEzMSIvPjxwYXRoIGQ9Ik0zMiw3OC42MmExLjUzLDEuNTMsMCwwLDEtMy4wNiwwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTMxMzEiLz48L3N2Zz4=);
}

.uk-scope .pb-list-item.uk-sortable-drag > * >.pb-is,
:not(.uk-sortable-drag) .pb-items-list:not(.pb-subnav-items-list) > li > * > .pb-is:not(.pb-is-sub),
:not(.uk-sortable-drag) .pb-items-list:not(.pb-subnav-items-list) > li > * > .pb-is:not(.pb-is-last-sub) {
    background-position-y: 0;
}

.uk-scope .pb-items-list:not(.pb-subnav-items-list) > li.uk-sortable-placeholder > * > .pb-is {
    padding-left: 5px;
    background-position-y: 0;
    
}

.uk-scope .pb-add-page,
.uk-scope .pb-add-folder,
.uk-scope .pb-add-link,
.uk-scope .pb-add-blog,
.uk-scope .pb-add-shop {
    padding: 5px 10px;
}

.uk-scope .pb-add-page:hover,
.uk-scope .pb-add-folder:hover,
.uk-scope .pb-add-link:hover,
.uk-scope .pb-add-blog:hover,
.uk-scope .pb-add-shop:hover {
    background-color: #f1f1f1;
    padding: 5px 10px;
}
/* When creating long scoll page as sections as index
Idea: Transform a page as index if almost one section as an ID with checkbox show in nav

.pb-is-sub:not(.pb-is-index) .pb-list-item-name,
.pb-is-last-sub:not(.pb-is-index) .pb-list-item-name,
.pb-page-list-folder .pb-is-index .pb-list-item-name {
    padding-left: 36px;
}

.pb-page-list-folder .pb-subnav-list .pb-is-index:not(.pb-is-sub) {
    background-position-y: -90px;
}

.pb-page-list-folder .pb-subnav-list .pb-is-index.pb-is-sub {
    background-position-y: -120px;
}

.pb-page-list-folder .pb-subnav-list .pb-is-index.pb-is-last-sub {
    background-position-y: -150px;
}

.pb-is-index {
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzZweCIgaGVpZ2h0PSIxODBweCIgdmlld0JveD0iMCAwIDM2IDE4MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzYgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMC41LDkuNSAxNy41LDkuNSAxNy41LDIyLjUgMC41LDIyLjUgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIxMy41OTcsMTQuMTE3IDksMTguNzEzIDQuNDAzLDE0LjExNyAiLz48L2c+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiB4MT0iOC41IiB5MT0iNTIuNSIgeDI9IjguNSIgeTI9IjYxIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiB4MT0iOC41IiB5MT0iMzAuMTI1IiB4Mj0iOC41IiB5Mj0iMzkuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgeDE9IjguNSIgeTE9IjYxIiB4Mj0iOC41IiB5Mj0iNjkuNSIvPjxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIwLjUsNDcuNTYyIDE3LjUsNDcuNTYyIDE3LjUsNTIuNSAwLjUsNTIuNSAiLz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMC41LDM5LjUgMTcuNSwzOS41IDE3LjUsNDQuNSAwLjUsNDQuNSAiLz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMC41LDY5LjUgMTcuNSw2OS41IDE3LjUsNzQuNSAwLjUsNzQuNSAiLz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMC41LDc3LjUgMTcuNSw3Ny41IDE3LjUsODIuNSAwLjUsODIuNSAiLz48Zz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMTguNSw5OS41IDM1LjUsOTkuNSAzNS41LDExMi41IDE4LjUsMTEyLjUgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIzMS41OTgsMTA0LjExNyAyNywxMDguNzEzIDIyLjQwMiwxMDQuMTE3ICIvPjwvZz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHgxPSIyNi41IiB5MT0iMTQyLjUiIHgyPSIyNi41IiB5Mj0iMTUxIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiB4MT0iMjYuNSIgeTE9IjEyMC4xMjUiIHgyPSIyNi41IiB5Mj0iMTI5LjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHgxPSIyNi41IiB5MT0iMTUxIiB4Mj0iMjYuNSIgeTI9IjE1OS41Ii8+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiBwb2ludHM9IjE4LjUsMTM3LjU2MiAzNS41LDEzNy41NjIgMzUuNSwxNDIuNSAxOC41LDE0Mi41ICIvPjxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIxOC41LDEyOS41IDM1LjUsMTI5LjUgMzUuNSwxMzQuNSAxOC41LDEzNC41ICIvPjxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIxOC41LDE1OS41IDM1LjUsMTU5LjUgMzUuNSwxNjQuNSAxOC41LDE2NC41ICIvPjxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIxOC41LDE2Ny41IDM1LjUsMTY3LjUgMzUuNSwxNzIuNSAxOC41LDE3Mi41ICIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgeDE9IjguNSIgeTE9Ijg5IiB4Mj0iOC41IiB5Mj0iMTA2Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiB4MT0iOCIgeTE9IjEwNS41IiB4Mj0iMTUiIHkyPSIxMDUuNSIvPjxnPjxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSI4Ni42MDMsOTIuNTcgOTMuNDYsODcgMTAzLjYwMyw4NyAxMDMuNjAzLDEwMCA4Ni42MDMsMTAwICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iOTMuNjAzLDg3LjUgOTMuNjAzLDkzIDg3LjEwMyw5MyAiLz48L2c+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiB4MT0iOTQuNjAzIiB5MT0iMTA3LjUiIHgyPSI5NC42MDMiIHkyPSIxMzguNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgeDE9Ijk0LjEwMyIgeTE9IjEyNCIgeDI9IjEwMS4xMDMiIHkyPSIxMjQiLz48Zz48cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHBvaW50cz0iMTA0LjYwMywxMjIuNTcgMTExLjQ2LDExNyAxMjEuNjAzLDExNyAxMjEuNjAzLDEzMCAxMDQuNjAzLDEzMCAiLz48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiBwb2ludHM9IjExMS42MDMsMTE3LjUgMTExLjYwMywxMjMgMTA1LjEwMywxMjMgIi8+PC9nPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgeDE9Ijk0LjYwMyIgeTE9IjEzOC41IiB4Mj0iOTQuNjAzIiB5Mj0iMTU0LjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0NDQ0NDQiIHgxPSI5NS4xMDMiIHkxPSIxNTQiIHgyPSIxMDEuMTAzIiB5Mj0iMTU0Ii8+PGc+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0NDQ0IiBwb2ludHM9IjEwNC42MDMsMTUyLjU3IDExMS40NiwxNDcgMTIxLjYwMywxNDcgMTIxLjYwMywxNjAgMTA0LjYwMywxNjAgIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NDQ0NCIgcG9pbnRzPSIxMTEuNjAzLDE0Ny41IDExMS42MDMsMTUzIDEwNS4xMDMsMTUzICIvPjwvZz48cmVjdCB4PSI4Ni4xMDMiIHk9Ijc3LjUiIGZpbGw9Im5vbmUiIHdpZHRoPSIzNiIgaGVpZ2h0PSI5MCIvPjwvc3ZnPg==);
}*/


/************************************************/
/* RENDERER FRAME
/************************************************/

.uk-scope .pb-frame-wrapper {
    min-width: 320px;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
    transform-origin: center top 0px;
    position: relative;
}

.uk-scope .pb-frame,
.uk-scope .pb-frame-content {
    border: none;
    width: 100%;
    height: 100%;
}

.uk-scope .pb-frame-smartphone {
    width: 320px;
    max-height: 568px;
    height: calc(100% - 180px);
    margin: auto;
}

.uk-scope .pb-frame-smartphone:before {
    content: '';
    background-color: #f3F3F3;
    position: absolute;
    border-radius: 30px;
    width: 360px;
    max-height: 728px;
    height: calc(100% + 180px);
    margin: -80px 0;
    left: calc(50% - 180px);
    z-index: -1;
    transition: all 0.4s ease-in-out;
    transform-origin: center top 0px;
}

.uk-scope .pb-frame-smartphone:after {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    left: calc(50% - 20px);
    top: 100%;
    margin-top: 10px;
}

.uk-scope .pb-frame-smartphone .pb-frame-content:before {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    height: 14px;
    width: 14px;
    top: -44px;
    left: 50%;
    margin-left: -48px;
    border-radius: 14px;
}

.uk-scope .pb-frame-smartphone .pb-frame-content:after {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    height: 6px;
    width: 50px;
    top: -40px;
    left: 50%;
    margin-left: -25px;
    border-radius: 12px;
}

.uk-scope .pb-frame-tablet {
    width: 768px;
    max-height: 1024px;
    height: calc(100% - 200px);
    margin: auto;
}

.uk-scope .pb-frame-tablet:before {
    content: '';
    background-color: #f3F3F3;
    position: absolute;
    border-radius: 30px;
    width: 868px;
    max-height: 1224px;
    height: calc(100% + 200px);
    margin: -100px 0;
    left: calc(50% - 434px);
    z-index: -1;
    transition: all 0.4s ease-in-out;
    transform-origin: center top 0px;
}

.uk-scope .pb-frame-tablet:after {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    left: calc(50% - 20px);
    top: 100%;
    margin-top: 25px;
}

.uk-scope .pb-frame-tablet .pb-frame-content:before {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    height: 14px;
    width: 14px;
    top: -54px;
    left: 50%;
    margin-left: -48px;
    border-radius: 14px;
}

.uk-scope .pb-frame-tablet .pb-frame-content:after {
    content: '';
    background-color: #e5e5e5;
    position: absolute;
    height: 6px;
    width: 50px;
    top: -50px;
    left: 50%;
    margin-left: -25px;
    border-radius: 12px;
}

.uk-scope .pb-enter-preview,
.uk-scope .pb-exit-preview {
    height: 60px;
    width: 60px;
    position: absolute;
    background-repeat: no-repeat;
    opacity: 0;
    cursor: pointer;
    background-color: #eee;
    transform: rotate(45deg);
    left: -30px;
    top: -30px;
    -webkit-clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
    -moz-clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
    clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
}

.uk-scope .pb-enter-preview:after,
.uk-scope .pb-exit-preview:after {
    content: ' ';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 24px;
    background-size: 10px 10px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwIDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7fTwvc3R5bGU+PGc+PGxpbmUgY2xhc3M9InN0MCIgeDE9IjEuNSIgeTE9IjEuNSIgeDI9IjguNSIgeTI9IjguNSIvPjwvZz48cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI4LjUsMS41IDEuNSwxLjUgMS41LDguNSAiLz48L3N2Zz4=);
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), left .2s ease-in-out;
    transform: rotate(-45deg);
}

.uk-scope .pb-enter-preview:after {
    left: 44px;
}

.uk-scope .pb-exit-preview:after {
    left: 40px;
}

.uk-scope .pb-exit-preview:after {
    transform: rotate(135deg);
}

.uk-scope .pb-frame-wrapper:hover .pb-enter-preview,
.uk-scope .pb-frame-wrapper:hover .pb-exit-preview {
    opacity: 1;
}

.uk-scope .pb-enter-preview:hover:after {
    left: 40px;
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), left .2s ease-in-out;
}

.uk-scope .pb-exit-preview:hover:after {
    left: 44px;
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), left .2s ease-in-out;
}



/************************************************/
/* SECTION - GRID & ELEMENTS - SHOULD BE RENAMED AS COMPONENTS ?!
/************************************************/

.uk-scope .pb-sections {
    box-sizing: border-box;
}

.uk-scope .pb-section {
    position: relative;
    padding-bottom: 25px;
}

.uk-scope .pb-add-section {
    opacity: 0;
    position: absolute;
    left: -18px;
    bottom: 7px;
    width: 18px;
    height: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNMi4xNjcsMi4xOTdjMi44OS0yLjkyOSw3LjU3NS0yLjkyOSwxMC40NjQsMGw0LjgxMyw0Ljg3OGMwLjIzLDAuMjM0LDAuMjMyLDAuNjE0LDAsMC44NWwtNC44MTMsNC44NzggYy0yLjg5LDIuOTMtNy41NzUsMi45My0xMC40NjQsMEMtMC43MjMsOS44NzUtMC43MjMsNS4xMjUsMi4xNjcsMi4xOTd6Ij48L3BhdGg+PHJlY3QgZmlsbD0iI2ZmZiIgeD0iMyIgeT0iNyIgd2lkdGg9IjkiIGhlaWdodD0iMSI+PC9yZWN0PjxyZWN0IGZpbGw9IiNmZmYiIHg9IjciIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjkiPjwvcmVjdD48L3N2Zz4=) 50% 50% no-repeat;
}

.uk-scope .pb-add-grid {
    opacity: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -1px;
    width: 18px;
    height: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNMi4xNjcsMi4xOTdjMi44OS0yLjkyOSw3LjU3NS0yLjkyOSwxMC40NjQsMGw0LjgxMyw0Ljg3OGMwLjIzLDAuMjM0LDAuMjMyLDAuNjE0LDAsMC44NWwtNC44MTMsNC44NzggYy0yLjg5LDIuOTMtNy41NzUsMi45My0xMC40NjQsMEMtMC43MjMsOS44NzUtMC43MjMsNS4xMjUsMi4xNjcsMi4xOTd6Ij48L3BhdGg+PHJlY3QgZmlsbD0iI2ZmZiIgeD0iMyIgeT0iNyIgd2lkdGg9IjkiIGhlaWdodD0iMSI+PC9yZWN0PjxyZWN0IGZpbGw9IiNmZmYiIHg9IjciIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjkiPjwvcmVjdD48L3N2Zz4=) 50% 50% no-repeat;
}

.uk-scope .pb-add-section:hover,
.uk-scope .pb-add-grid:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTggMTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMzY5NkYzIiBkPSJNMi4xNjcsMi4xOTdjMi44OS0yLjkyOSw3LjU3NS0yLjkyOSwxMC40NjQsMGw0LjgxMiw0Ljg3OGMwLjIzLDAuMjM0LDAuMjMyLDAuNjE0LDAsMC44NWwtNC44MTIsNC44NzhjLTIuODksMi45My03LjU3NSwyLjkzLTEwLjQ2NCwwQy0wLjcyMyw5Ljg3NS0wLjcyMyw1LjEyNSwyLjE2NywyLjE5N3oiLz48cmVjdCB4PSIzIiB5PSI3IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNyIgeT0iMyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iOSIvPjwvc3ZnPg==) 50% 50% no-repeat;
}

.uk-scope .pb-section:hover .pb-add-section,
.uk-scope .pb-section:hover .pb-add-grid {
    opacity: 1;
}

.uk-scope .pb-section > div:first-child:hover,
.uk-scope .pb-grid-nav:hover {
    cursor: move;
}

.uk-scope .pb-grid {
    position: relative;
    padding-bottom: 15px;
}

.uk-scope .pb-grid>* {
    padding: 2px;
    background: #fff;
}

.uk-scope .pb-grid>*>.uk-grid {
    margin-left: -2px;
    min-height: 60px;
}

.uk-scope .pb-grid>*>.uk-grid>* {
    padding-left: 2px;
}

.uk-scope .pb-grid>*>.uk-grid>*>* {
    height: 100%;
}

.uk-scope .pb-grid .pb-column-empty {
    box-sizing: border-box;
    min-height: 60px;
    min-width: 73px;
    background: #f9f9f9 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHJlY3QgZmlsbD0iI2EwYTBhMCIgeD0iOSIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMTciPjwvcmVjdD4gICAgPHJlY3QgZmlsbD0iI2EwYTBhMCIgeD0iMSIgeT0iOSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjEiPjwvcmVjdD48L3N2Zz4=) 50% 50% no-repeat;
    cursor: pointer;
}

.uk-scope .pb-grid .pb-column-empty:hover {
    background-color: #ededed;
}

.uk-scope .pb-grid-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 6px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.uk-scope .pb-element {
    background: #f5f5f5;
    box-sizing: border-box;
    height: 100%;
    min-height: 60px;
    padding: 8px;
    position: relative; 
}

.uk-scope .pb-grid *+.pb-element {
    margin-top: 2px;
}

.uk-scope .pb-element:hover {
    background: #ededed;
    cursor: pointer;
}

.uk-scope .pb-element-nav {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #fff;
}

.uk-scope .pb-element-add-btn {
    position: absolute;
    z-index: 1;
    left: calc(50% - 10px);
    bottom: -12px;
    width: 21px;
    height: 21px;
    background-color: #fff!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHJlY3QgZmlsbD0iI2EwYTBhMCIgeD0iMiIgeT0iNiIgd2lkdGg9IjkiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjYTBhMGEwIiB4PSI2IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSI5Ij48L3JlY3Q+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    opacity: 0;
}

.uk-scope .pb-element-add-btn:hover {
    background-color: #3696F3!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHJlY3QgZmlsbD0iI2ZmZiIgeD0iMiIgeT0iNiIgd2lkdGg9IjkiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjZmZmIiB4PSI2IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSI5Ij48L3JlY3Q+PC9zdmc+);
}

.uk-scope .pb-element:hover>.pb-element-add-btn,
.uk-scope .pb-element-add-btn:hover {
    opacity: 1;
}

.uk-scope .pb-section [class*=pb-icon],
.uk-scope .pb-section [class*=pb-icon]:hover {
    display: block;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.uk-scope .pb-icon-edit {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZmlsbD0iI2EwYTBhMCIgZD0iTTEwLjAxLDQuNDkgTDEwLjY2LDUuMTQgTDExLjYyLDQuMTkgQzEyLjEzLDMuNjggMTIuMTMsMi44OSAxMS42MiwyLjM4IEMxMS4zNiwyLjEzIDExLjAzLDIgMTAuNjksMiBDMTAuMzYsMiAxMC4wNCwyLjEzIDkuNzgsMi4zOCBMOC44NCwzLjMzIEw5LjQ5LDMuOTggTDEwLjAxLDQuNDkgTDEwLjAxLDQuNDkgWiI+PC9wYXRoPiAgICA8cG9seWdvbiBmaWxsPSIjYTBhMGEwIiBwb2ludHM9IjkuMjggNS4yMSAxLjQyIDEzIDEgMTMgMSAxMi41NSA4Ljc4IDQuNzEgOC4xMiA0LjA1IDAgMTIuMTkgMCAxNCAxLjc4IDE0IDkuOTQgNS44NyI+PC9wb2x5Z29uPjwvc3ZnPg==);
}

.uk-scope .pb-icon-edit:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEwLjAxLDQuNDkgTDEwLjY2LDUuMTQgTDExLjYyLDQuMTkgQzEyLjEzLDMuNjggMTIuMTMsMi44OSAxMS42MiwyLjM4IEMxMS4zNiwyLjEzIDExLjAzLDIgMTAuNjksMiBDMTAuMzYsMiAxMC4wNCwyLjEzIDkuNzgsMi4zOCBMOC44NCwzLjMzIEw5LjQ5LDMuOTggTDEwLjAxLDQuNDkgTDEwLjAxLDQuNDkgWiI+PC9wYXRoPiAgICA8cG9seWdvbiBmaWxsPSIjNDQ0IiBwb2ludHM9IjkuMjggNS4yMSAxLjQyIDEzIDEgMTMgMSAxMi41NSA4Ljc4IDQuNzEgOC4xMiA0LjA1IDAgMTIuMTkgMCAxNCAxLjc4IDE0IDkuOTQgNS44NyI+PC9wb2x5Z29uPjwvc3ZnPg==);
}

.uk-scope .pb-icon-delete {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHJlY3QgZmlsbD0iI2EwYTBhMCIgeD0iMyIgeT0iMCIgd2lkdGg9IjUiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjYTBhMGEwIiB4PSIwIiB5PSIyIiB3aWR0aD0iMTEiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNOSwzIEw5LDEzIEwyLDEzIEwyLDMgTDksMyBMOSwzIFogTTEwLDIgTDksMiBMMiwyIEwxLDIgTDEsMyBMMSwxMyBMMSwxNCBMMiwxNCBMOSwxNCBMMTAsMTQgTDEwLDEzIEwxMCwzIEwxMCwyIEwxMCwyIEwxMCwyIFoiPjwvcGF0aD4gICAgPHJlY3QgZmlsbD0iI2EwYTBhMCIgeD0iNCIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iNSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjYTBhMGEwIiB4PSI2IiB5PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSI1Ij48L3JlY3Q+PC9zdmc+);
}

.uk-scope .pb-icon-delete:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHJlY3QgZmlsbD0iIzQ0NCIgeD0iMyIgeT0iMCIgd2lkdGg9IjUiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjNDQ0IiB4PSIwIiB5PSIyIiB3aWR0aD0iMTEiIGhlaWdodD0iMSI+PC9yZWN0PiAgICA8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNOSwzIEw5LDEzIEwyLDEzIEwyLDMgTDksMyBMOSwzIFogTTEwLDIgTDksMiBMMiwyIEwxLDIgTDEsMyBMMSwxMyBMMSwxNCBMMiwxNCBMOSwxNCBMMTAsMTQgTDEwLDEzIEwxMCwzIEwxMCwyIEwxMCwyIEwxMCwyIFoiPjwvcGF0aD4gICAgPHJlY3QgZmlsbD0iIzQ0NCIgeD0iNCIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iNSI+PC9yZWN0PiAgICA8cmVjdCBmaWxsPSIjNDQ0IiB4PSI2IiB5PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSI1Ij48L3JlY3Q+PC9zdmc+);
}

.uk-scope .pb-icon-copy {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBvbHlnb24gZmlsbD0iI2EwYTBhMCIgcG9pbnRzPSIzIDIgMTEgMiAxMSAxMSAxMiAxMSAxMiAxIDMgMSI+PC9wb2x5Z29uPiAgICA8cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNOSw0IEw5LDEzIEwxLDEzIEwxLDQgTDksNCBMOSw0IFogTTEwLDMgTDAsMyBMMCwxNCBMMTAsMTQgTDEwLDMgTDEwLDMgTDEwLDMgWiI+PC9wYXRoPjwvc3ZnPg==);
}

.uk-scope .pb-icon-copy:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBvbHlnb24gZmlsbD0iIzQ0NCIgcG9pbnRzPSIzIDIgMTEgMiAxMSAxMSAxMiAxMSAxMiAxIDMgMSI+PC9wb2x5Z29uPiAgICA8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNOSw0IEw5LDEzIEwxLDEzIEwxLDQgTDksNCBMOSw0IFogTTEwLDMgTDAsMyBMMCwxNCBMMTAsMTQgTDEwLDMgTDEwLDMgTDEwLDMgWiI+PC9wYXRoPjwvc3ZnPg==);
}

.pb-icon-save {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23a0a0a0%22%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%229%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23a0a0a0%22%20points%3D%228.3%204.24%204.8%200.71%205.5%200%209%203.54%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23a0a0a0%22%20points%3D%222%203.54%204.8%200.71%205.5%201.41%202.7%204.24%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23a0a0a0%22%20points%3D%221%2013%2010%2013%2010%205%2011%205%2011%2014%200%2014%200%205%201%205%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
  
.pb-icon-save:hover {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23444%22%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%229%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23444%22%20points%3D%228.3%204.24%204.8%200.71%205.5%200%209%203.54%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23444%22%20points%3D%222%203.54%204.8%200.71%205.5%201.41%202.7%204.24%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23444%22%20points%3D%221%2013%2010%2013%2010%205%2011%205%2011%2014%200%2014%200%205%201%205%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
  
/************************************************/
/* FILES MANAGER
/************************************************/

.uk-scope .pb-image-picker:hover,
.uk-scope .pb-navitem-page,
.uk-scope .uk-list > li {
    cursor: pointer;
}

.uk-scope .pb-image-picker-filled {
    border: 1px solid #e5e5e5;
}

.uk-scope .pb-image-preview {
    transform: translate(-50%, -50%);
}

.uk-scope .pb-file {
    height: 120px;
    width: 120px;
    margin: 10px;
    padding: 0;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

.uk-scope .pb-file-caption {
    text-align: center;
    font-size: 0.7rem;
    padding: 2px 4px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uk-scope .pb-file-upload:hover {
    box-shadow: 0 0 20px rgb(100 100 100 / 30%);
}

/* .uk-scope .pb-file-upload .uk-progress {
    background-color: transparent;
    margin-bottom: 0;
    height: 1px;
    border-radius: 0;
} */

.uk-scope .pb-image-parent div {
    text-align: center;
    height: 160px;
    width: 100%;
    background: rgb(236, 236, 236);
    line-height: 160px;
    display: inline-table;
}

.uk-scope .pb-image-parent svg {
    margin-top: 80px;
}


/************************************************/
/* UNSPLASH TAB
/************************************************/

.uk-scope .pb-overlay-image {
    background-image: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.6));
}



/************************************************/
/* LINK MANAGER
/************************************************/

.uk-scope .pb-page-picker {
    max-height: 250px;
    background: white;
    margin-top: 0;
    border: 1px solid #e5e5e5;
    border-top: none;
}



/************************************************/
/* LANGUAGE MODAL
/************************************************/

.uk-scope .pb-language-selector {
    padding: 20px 0 0 20px;
}

.uk-scope .pb-language-table > div:not(:first-child) {
    padding: 10px 0;
}
.uk-scope .pb-language-table .uk-width-auto {
    min-width: 80px;
    text-align: center;
}
.uk-scope .pb-language-table > div:nth-child(2n+2) {
    background-color: #f3f3f3;
}
.uk-scope .pb-language-table > div:last-child {
    background-color: transparent;
}

.pb-language-table .uk-width-auto {
    min-width: 80px;
    text-align: center;
}
.pb-language-table > div:nth-child(2n+2) {
    background-color: #f3f3f3
}



/************************************************/
/* BLOG & SHOP
/************************************************/

.uk-scope .pb-blog-category-list-item > div,
.uk-scope .pb-blog-post-list-item > div,
.uk-scope .pb-shop-category-list-item > div,
.uk-scope .pb-product-list-item > div {
    height: 30px;
}

.uk-scope .pb-blog-category-list-item:hover,
.uk-scope .pb-blog-post-list-item:hover,
.uk-scope .pb-shop-category-list-item:hover,
.uk-scope .pb-product-list-item:hover {
    background-color: #e5e5e5;
    cursor: move;
}


.uk-scope .pb-blog-category-list-item-name,
.uk-scope .pb-blog-post-list-item-name,
.uk-scope .pb-shop-category-list-item-name,
.uk-scope .pb-product-list-item-name {
    white-space: nowrap;
    overflow: hidden;
}


.uk-scope .pb-disable-element {
    opacity: 0.5;
    pointer-events: none;
}

.uk-scope .pb-blog-categories,
.uk-scope .pb-posts,
.uk-scope .pb-shop-categories,
.uk-scope .pb-products {
    max-height: 300px;
    overflow-y: auto;
}

.uk-scope .uk-label a.uk-light.uk-icon {
    margin-left: 2px;
    margin-right: -4px;
}
.uk-scope .uk-label a.uk-light.uk-icon:hover {
    color: #fff;
}


/************************************************/
/* MAP COMPONENT LOCATION SUGGESTIONS
/************************************************/

.react-autosuggest__container {
    position: relative;
}

.react-autosuggest__input {
    width: auto;
    height: 30px;
    padding: 10px 20px;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.react-autosuggest__input--focused {
    outline: none;
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
    display: none;
}

.react-autosuggest__suggestions-container--open {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
    font-size: 14px;
    display: block;
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 2;
}

ul.react-autosuggest__suggestions-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px;
}

.react-autosuggest__suggestion--highlighted {
    background-color: #e5e5e5;
}



/************************************************/
/* COMPONENT SETTINGS
/************************************************/


.uk-scope .uk-label.pb-form-placeholder {
    margin: 5px 0;
    text-transform: none;
}
.uk-scope .uk-label.pb-form-placeholder.pb-disable-element {
    background-color: #999;
}
.uk-scope .uk-label.pb-form-placeholder:hover {
    cursor: pointer;
    background-color: #999;
}
.uk-scope .uk-label.pb-form-placeholder:not(:last-child) {
    margin-right: 5px;
}



/************************************************/
/* RESPONSIVE MODIFIER
/************************************************/

@media screen and (max-width: 640px) {

    .uk-scope .uk-modal-header .uk-grid-divider {
        margin-left: 0;
    }

    .uk-scope .uk-modal-header .uk-grid-divider>* {
        padding-left: 0;
    }

    .uk-scope .uk-modal-footer > .uk-button-group {
        overflow: auto;
    }

    .uk-scope .pb-sidebar-content {
        padding-bottom: 20px;
    }

    .uk-scope .pb-sidebar-small {
        width: 100%;
    }
    
    .uk-scope .pb-sidebar-medium {
        width: 100%;
    }

    .uk-scope .pb-frame-wrapper {
        display: none;
    }

    .uk-scope .pb-sidebar-device-tools {
        display: none;
    }

}





/************************************************/
/* @VISHNU PLEASE CHECK WHERE THOSE CLASS ARE USED IN MENU.TS (2 FILES). I THINK WE DO NOT NEED AS IT IS IN RENDERER IFRAME AND THAT IS MANAGED BY DEDICATED TEMPLATE CSS
/************************************************/

/* Can use <u> tag insteadd if needed */
.uk-scope .pb-text-underline { 
    text-decoration: underline !important;
}

.uk-scope .uk-text-bold {
    font-weight: bold;
}

.uk-scope .pb-grey-out-text {
    color: #CCC;
    pointer-events: none;
    opacity: 0.5;
}

  

/************************************************/
/* NO MORE USE - STANDBY BEFORE REMOVING
/************************************************/

/* .pb-file >*>*>*:hover {
    cursor: pointer;
} */

/* .tm-panel{
  border: 1px dotted #3696F3;
  min-height: 100px;
  height: auto;
  line-height: 100px;
  margin-left: 0px;

} */

/* .tm-page {
  min-height: 600px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
  padding: 0px;
} */

/* .pb-list-item-as-sub .pb-chevron-right {
    opacity: 1;
    transform: rotate(-90deg);
    transition: all .2s ease;
} */

/* .red-line {
    color: red!important;
} */

/* .uk-krishna {
    color: purple!important;
} */

/* .pb-sidebar .uk-accordion>:nth-child(n+2) {
    margin-top: 0px;
} */

/* .pb-sidebar .uk-card-hover.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover,
.pb-modal .uk-card-hover.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #e6e6e6;
    box-shadow: none;
} */

/* .pb-sidebar .uk-accordion li {
    margin-bottom: 5px;
} */