.adminhtml-smartslider3-index #footer,
.adminhtml-smartslider3-index .footer,
.smartslider3-index-index footer,
#html-body header {
    display: none;
}

#html-body #anchor-content #n2-admin {
    mragin-top: 30px;
}

#html-body .header {
    position: relative;
    z-index: 1100;
}

/**
Layout
*/

.n2-lightbox-sidebar-list {
    overflow-y: auto;
}

#n2-tab-widgets {
    border-bottom: 0;
    margin-bottom: 1000px;
}

.n2-i-edit.n2-active {
    color: #0c92df;
}

.n2-ss-live-preview span {
    text-decoration: line-through;
    vertical-align: middle;
}

.n2-ss-live-preview .n2-button {
    vertical-align: middle;
    margin: 0 20px;
}

.n2-ss-live-preview.n2-active span {
    text-decoration: none;
}

.n2-ss-live-preview.n2-active .n2-button {
    display: none;
}

.n2-widget-area {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 10px;
}

.n2-form .n2-widget-area {
    margin-bottom: 10px;
}

.n2-widget-area-inner {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 46px;
    height: 46px;
    border: 3px solid #bbc3cc;
    border-radius: 3px;
}

.n2-widget-area .n2-area {
    position: absolute;
    background-color: #a1aeb5;
    border-radius: 2px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
}

.n2-widget-area .n2-area.n2-active {
    background-color: #0c92df;
    cursor: default;
}

.n2-widget-area .n2-area-1 {
    left: 35px;
}

.n2-widget-area .n2-area-2 {
    left: 21px;
    top: 21px;
}

.n2-widget-area .n2-area-3 {
    left: 35px;
    top: 21px;
}

.n2-widget-area .n2-area-4 {
    left: 49px;
    top: 21px;
}

.n2-widget-area .n2-area-5 {
    top: 35px;
}

.n2-widget-area .n2-area-6 {
    left: 21px;
    top: 35px;
}

.n2-widget-area .n2-area-7 {
    left: 49px;
    top: 35px;
}

.n2-widget-area .n2-area-8 {
    left: 70px;
    top: 35px;
}

.n2-widget-area .n2-area-9 {
    left: 21px;
    top: 49px;
}

.n2-widget-area .n2-area-10 {
    left: 35px;
    top: 49px;
}

.n2-widget-area .n2-area-11 {
    left: 49px;
    top: 49px;
}

.n2-widget-area .n2-area-12 {
    left: 35px;
    top: 70px;
}

.n2-ss-slider-publish {
    border-collapse: collapse;
    overflow: hidden;
}

.n2-ss-slider-publish .n2-td {
    text-align: center;
    border-right: 1px solid #ccd1d6;
    color: #6b7989;
    padding: 48px 0 0 0;
}

.n2-ss-slider-publish .n2-td .n2-h2 a {
    color: #6b7989;
}

.n2-ss-slider-publish .n2-td.n2-last {
    border-right: 0;
}

.n2-ss-slider-publish div.n2-h2 {
    line-height: 30px;
    font-size: 18px;
}

.n2-ss-slider-publish div.n2-h4 {
    line-height: 26px;
}

.n2-ss-slider-publish .n2-code {
    display: inline-block;
    padding: 16px 30px;
    line-height: 20px;
    border-radius: 3px;
    background-color: #f5e293;
    text-align: left;
    margin: 17px 0;
    color: #6f653f;
    font-size: 12px;
    border: 0;
    direction: ltr;
}

.n2-ss-slider-publish img {
    margin-top: 17px;
    margin-bottom: -10px;
}

.n2-ss-generator-modal .n2-modal-content h3 {
    text-align: left;
}

.n2-generator-records td div {
    max-height: 100px;
    overflow: hidden;
    padding: 10px;
    margin: -10px;
}

.n2-generator-records td:HOVER div {
    overflow-y: auto;
    overflow-x: visible;
}

#n2-admin[data-slider-type='block'] .n2-fm-autoplay,
#n2-admin[data-slider-type='block'] .n2-fm-slides,
#n2-admin[data-slider-type='block'] .n2-fm-arrow,
#n2-admin[data-slider-type='block'] .n2-fm-bullet,
#n2-admin[data-slider-type='block'] .n2-fm-indicator,
#n2-admin[data-slider-type='block'] .n2-fm-bar,
#n2-admin[data-slider-type='block'] .n2-fm-thumbnail {
    display: none;
}

#n2-admin[data-autoplay='0'] #n2-form-matrix-sliderwidgets .n2-fm-indicator,
#n2-admin[data-autoplay='0'] #n2-form-matrix-sliderwidgets .n2-fm-autoplay {
    display: none;
}

.n2-ss-container-device {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ccd1d6;
    border-width: 0 1px;
    margin-top: 40px;
}

.n2-ss-create-slider-free-sample {
    float: left;
    height: 70px;
    width: 170px;
    cursor: pointer;
}

.n2-ss-create-slider-free-sample:HOVER {
    background-position: 0 -80px;
}

.n2-ss-modal-subscribe > .n2-modal-window {
    text-align: center;
}

.n2-ss-modal-subscribe .n2-form {
    margin: 0 -20px;
}

.n2-ss-modal-subscribe .n2-h3 {
    margin: 0 auto;
    width: 95%;
    text-align: center;
    line-height: 2;
}

.n2-input-button,
.n2-ss-preview-subscribe .n2-input-button,
.n2-ss-modal-subscribe .n2-input-button {
    display: inline-block;
    margin-top: 20px;
}

.n2-input-button > *,
.n2-ss-preview-subscribe .n2-input-button > *,
.n2-ss-modal-subscribe .n2-input-button > * {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.n2-input-button input,
.n2-input-button input:focus,
.n2-ss-preview-subscribe input,
.n2-ss-preview-subscribe input:focus,
.n2-ss-modal-subscribe input,
.n2-ss-modal-subscribe input:focus {
    margin: 0 auto;
    width: 250px;
    height: 36px;
    border: 2px solid #b9c3c9;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
    padding: 0 10px;
    line-height: 36px;
    box-shadow: none;
    color: #7b8898;
    font-size: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

.n2-input-button .n2-button,
.n2-ss-preview-subscribe .n2-input-button .n2-button,
.n2-ss-modal-subscribe .n2-input-button .n2-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.n2-ss-preview-subscribe {
    position: fixed;
    left: 50%;
    margin-left: -500px;
    bottom: -100px;
    transition: bottom 0.5s ease;
    background: url('../images/free/subscribepreview.png');
    width: 1000px;
    height: 90px;
    z-index: 1000;
}

.n2-ss-preview-subscribe.n2-active {
    bottom: 10px;
}

.n2-ss-preview-subscribe-close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url('../images/free/close.png') no-repeat center center;
}

.n2-ss-preview-subscribe .n2-input-button {
    position: absolute;
    right: 20px;
    top: 0;
    margin-top: 28px;
}

.n2-ss-select-layer-mode .n2-list li.n2-active {

}

#n2-ss-edit-slider-form > .n2-form > .n2-form-tab,
#n2-ss-edit-group-form > .n2-form > .n2-form-tab {
    margin: 20px 0 0 0;
    border-radius: 0;
    border: 0;
}

#n2-ss-edit-slider-form > .n2-form > .n2-form-tab .n2-form-matrix-views,
#n2-ss-edit-group-form > .n2-form > .n2-form-tab .n2-form-matrix-views {
    border-radius: 0;
}

body[data-ss3-activated="0"] [data-ss3-when-activated="1"] {
    display: none;
}

#n2-ss-slider-container {
    position: relative;
    padding: 25px;
}

.n2-ss-sliders .n2-box-new-slider > a:before {
    content: "\e952";
}

.n2-ss-sliders .n2-box-template-library > a:before {
    content: "\e951";
}

.n2-box-up-group > a:before {
    content: "\e958";
}

.n2-box-insert-group > a:before {
    content: "\e959";
}

.n2-ss-sliders-header > * {
    margin: 0 10px;
    vertical-align: top;
}

html[data-sliders='0'] .n2-ss-sliders-header {
    visibility: hidden;
}

.n2-ss-box-slider {
    cursor: pointer;
}

.n2-ss-box-slider-group .n2-ss-add-to-group,
.n2-ss-box-slider-group .n2-ss-remove-from-group {
    display: none;
}

#n2-ss-slider-container[data-groupid="0"] .n2-ss-remove-from-group {
    display: none;
}
body[data-slides='0'] #n2-ss-edit-slider-form {
    display: none;
}

.n2-ss-slides-outer-container {
    display: block;
}

.n2-modal-window .n2-ss-slides-outer-container {
    height: 100%;
    overflow: auto;
}

#n2-ss-slides {
    position: relative;
    padding: 25px;
}

.n2-ss-slides-container {
    position: relative;
    margin: 0 -10px;
}

.n2-slide-first.n2-i {
    font-size: 16px;
    line-height: 16px;
    padding: 3px;
}

.n2-slide-published {
    font-size: 16px;
    padding: 3px;
}

.n2-i-unpublished {
    color: #c54633;
}

.n2-slide-state-published .n2-i-unpublished {
    color: #6fbc49;
}

.n2-slide-state-published .n2-i-unpublished:before {
    content: "\e60c";
}

.n2-box-slide.n2-slide-state-published{
	opacity:1;
}

.n2-box-slide{
	opacity:0.5;
}

.n2-slide-is-first,
.n2-slide-first,
.n2-box.n2-first-slide:HOVER .n2-slide-first {
    display: none;
}

.n2-first-slide .n2-slide-is-first {
    display: inline-block;
}

.n2-slide-duplicate {
    margin-right: 5px;
}

.n2-slide-duplicate, .n2-slide-delete, .n2-slide-selected {
    padding: 0;
    width: 24px;
}

#n2-ss-slides .n2-box.n2-ss-slide-active {
    box-shadow: 0 0 0 3px #0c92df;
}

#n2-ss-slides .n2-box-slide-dummy {
    background: #e9edf0;
    border: 2px dashed #b2bfc9;
    box-sizing: border-box;
}

#n2-ss-slides .n2-box-slide-dummy {
    background-image: url('../images/dummy-slide.png');
    background-repeat: no-repeat;
    background-position: center 36px;
    color: #7b8898;
    font-size: 14px;
    text-align: center;
    line-height: 200px;
}

#n2-ss-slides .n2-box-slide-drag-images {
    background: url('../images/drag.png') no-repeat center 4px;
    text-align: center;
    color: #7b8898;
    box-sizing: border-box;
    padding: 90px 60px 0;
    line-height: 12px;
    border: 2px dashed #b2bfc9;
    box-shadow: none;
}

body:not([data-slides='0']) #n2-ss-slides-container .n2-box-slide-drag-images,
body:not([data-slides='0']) #n2-ss-slides-container .n2-box-slide-dummy {
    display: none;
}

.n2-ss-slides-control {
    position: relative;
    padding: 22px 10px;
    border-bottom: 1px solid RGBA(0, 0, 0, 0.3);
}

.n2-ss-slides-control .n2-button {
    margin: 0 10px;
}

.n2-slides-add {
    vertical-align: bottom;
    margin: -2px;
}

#n2-ss-slides .n2-box-slide-drag-upload {
    display: none;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 41, 52, 0.9);
    border: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    vertical-align: bottom;
    line-height: 130px;
    text-align: center;
    color: #fff;
}

#n2-ss-slides .n2-drag-over .n2-box-slide-drag-upload {
    display: block;
}

body:not([data-slides='0']) #n2-ss-slides .n2-box-dummy {
    display: none;
}

.n2-box-slide .n2-button.n2-sidebar-list-bg:HOVER {
    background-color: #0c92df;
}

.n2-ss-quick-slides-edit-modal .n2-modal-content table {
    border-spacing: 10px;
    border-collapse: separate;
    margin: 10px auto;
}

.n2-ss-quick-slides-edit-modal .n2-modal-content table td {
    padding: 0;
}

.n2-ss-quick-slides-edit-modal .n2-modal-content .n2-mixed-label {
    margin-top: 0;
    margin-bottom: 3px;
}

.n2-ss-quick-slides-edit-modal .n2-modal-content .n2-mixed-label label {
    font-size: 11px;
}

.n2-slide-state-published [data-action="publish"],
[data-action="unpublish"],
[data-action="generator"],
.n2-slide-state-first [data-action="setFirst"] {
    display: none;
}

.n2-slide-state-published [data-action="unpublish"],
.n2-slide-state-has-generator [data-action="generator"] {
    display: block;
}

.n2-box-slide .n2-i-star {
    display: none;
}

.n2-box-slide.n2-slide-state-first .n2-i-star {
    display: inline;
    color: #e19f21;
    font-size: 16px;
}

#n2-ss-slides .n2-box:HOVER img {
    opacity: 0.1;
}

.n2-ss-slides-header {
    position: relative;
    z-index: 9;
    color: #6b7989;
    margin: 14px 0 4px 0;
}

.n2-ss-bulk-controls {
    visibility: hidden;
}

.n2-ss-has-box-selection .n2-ss-bulk-controls {
    visibility: visible;
}

.n2-ss-slides-header .n2-button-menu-open .n2-button-menu {
    left: auto;
    right: -90px;
}

#n2-ss-slides .n2-box-slide-add {
    display: inline-block;
    color: #b2bfc9;
    background: transparent;
    text-align: center;
    z-index: 5;
}

#n2-ss-slides .n2-box-slide-add > .n2-ss-add-slide-button {
    width: 100%;
    height: 135px;
    padding: 0;
}

#n2-ss-slides .n2-box-slide-add > .n2-ss-add-slide-button:before {
    display: block;
    font-family: 'Nextend' !important;
    font-size: 48px;
    line-height: 68px;
    content: "\e981";
    margin-top: 20px;
}

.n2-ss-slides-header > * {
    vertical-align: top;
    display: inline-block;
}

.n2-ss-slides-header .n2-h5,
.n2-ss-slides-header .n2-h5 a {
    margin-right: 10px;
    color: #6b7986;
}

.n2-ss-slides-header .n2-h5 .n2-i {
    font-size: 16px;
}

.n2-top-bar-menu .n2-ss-back-dashboard:before {
    content: "\e94a";
}

.n2-top-bar-menu .n2-ss-back-slider:before {
    content: "\e94b";
}

.n2-top-bar-menu .n2-ss-back-slides:before {
    content: "\e91a";
}

.n2-top-bar-menu > #n2-ss-preview:before {
    content: "\e92d";
}

.n2-ss-block-slides-notice {
    display: none;
    color: #606d7b;
    background: #fff;
    margin-top: 25px;
    padding: 10px 15px;
    border-radius: 5px;
}

.n2-ss-block-slides-notice p {
    margin: 0 0 10px;
}

body:not([data-slides='0']):not([data-slides='1']) #n2-admin[data-slider-type="block"] .n2-ss-block-slides-notice {
    display: inline-block;
}

#n2-ss-slides .n2-box-slide-add .n2-ss-add-slide-button:before {
    transition: transform 0.4s;
}

#n2-ss-slides .n2-box-slide-add .n2-ss-add-slide-button {
    transition: background 0.4s;
}

#n2-ss-slides[data-showcreateslide="1"] .n2-box-slide-add .n2-ss-add-slide-button {
    background: #6b7986;
}

#n2-ss-slides[data-showcreateslide="1"] .n2-box-slide-add .n2-ss-add-slide-button:before {
    transform: rotateZ(45deg);
}

#n2-ss-slides .n2-ss-slides-create {
    position: relative;
    background: #202934;
    margin: -25px -26px 0 -26px;
    height: 0;
    overflow: hidden;
    transition: height 0.4s;
}

#n2-ss-slides .n2-ss-slides-create > div {
    padding: 15px 16px;
}

#n2-ss-slides[data-showcreateslide="1"] .n2-ss-slides-create {
    height: 198px;
}

#n2-ss-slides .n2-ss-slides-create-heading {
    font-size: 22px;
    line-height: 38px;
    color: #fff;
    margin: 0 10px;
}

#n2-ss-slides .n2-ss-slides-create-inner {
    display: flex;
}

#n2-ss-slides .n2-ss-slides-create .n2-ss-slides-create-action-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    max-width: 140px;
    width: 140px;
    height: 110px;
    text-align: center;
    color: #80a3b5;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
}

#n2-ss-slides .n2-ss-slides-create .n2-ss-slides-create-action-box-label {
    font-size: 14px;
    margin-top: 3px;
}

#n2-ss-slides .n2-ss-slides-create .n2-ss-slides-create-action-box[data-action="image"] {
    background: #51b82d;
    color: #fff;
}

#n2-ss-slides .n2-ss-slides-create .n2-ss-slides-create-action-box[data-action="library"] {
    background: #5f39c2;
    color: #fff;
}

.n2-ss-slides-create-action-box-icon {
    font-size: 48px;
}

/*
MARKINGS

BODY
- .n2-ss-slider-visible
- .n2-ss-preview-mode
- .n2-ss-has-layers
- .n2-ss-layer-edit-visible

*/

/* Static slide */
div#n2-ss-0:HOVER .n2-ss-static-slide {
    display: none;
}

div#n2-ss-0:HOVER .n2-ss-static-slide.n2-ss-currently-edited-slide {
    display: flex;
}

.n2-ss-select-layer-mode #n2-ss-0 .n2-ss-layer-selected .n2-ss-layer-cc,
.n2-ss-select-layer-mode #n2-ss-0 .n2-ss-layer-selected .nui-resizable-handle,
.n2-ss-select-layer-mode #n2-ss-0 .n2-ss-layer-selected .nui-normal-sizing-handle {
    display: none !important;
}

.n2-ss-select-layer-mode-group .n2-list li.n2-ss-layerlist-row.n2-active.n2-selected {
    color: #b2bfc9;
}

#n2-ss-0 .n2-ss-layer {
    cursor: not-allowed;
}

#n2-ss-0 .n2-ss-currently-edited-slide .n2-ss-layer {
    cursor: move;
}

.n2-ss-currently-edited-slide .n2-ss-layer {
    background: RGBA(0, 0, 0, 0); /* IE fix, layer empty area doesnt trigger mouseenter when no background */
}

#n2-ss-0 .n2-ss-currently-edited-slide .n2-ss-layer[data-sstype="col"] {
    cursor: pointer;
}

#n2-ss-0 .n2-ss-currently-edited-slide .n2-ss-layer[data-sstype="col"] .n2-ss-layer {
    cursor: pointer;
}

#n2-ss-0 .n2-ss-static-slide .n2-ss-layer.n2-ss-layer-locked,
#n2-ss-0 .n2-ss-slide.n2-ss-slide-active .n2-ss-layer.n2-ss-layer-locked {
    cursor: auto;
}

/*
#n2-ss-0 .n2-ss-static-slide {
    visibility: visible !important;
}
*/
.n2-ss-preview-mode #n2-ss-0 .n2-ss-layer {
    cursor: default;
}

.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer .nui-resizable-handle,
.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer .nui-normal-sizing-handle,
.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer .n2-ss-layer-cc,
.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer .n2-ss-layer-chain-parent,
#n2-ss-0 .n2-ss-static-slide .n2-ss-layer.n2-ss-layer-locked .n2-ss-layer-cc,
#n2-ss-0 .n2-ss-slide.n2-ss-slide-active .n2-ss-layer.n2-ss-layer-locked .n2-ss-layer-cc,
.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer-selected .n2-ss-item-overlay,
.n2-ss-preview-mode #n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer-highlight {
    display: none !important;
}

.n2-grid {
    background: #4affff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000000;
    display: none;
}

.n2-grid-h {
    width: 100%;
    height: 1px;
}

.n2-grid-v {
    height: 100%;
    width: 1px;
}

.n2-ss-edit-slide-top {
    background: #fff;
    border-bottom: 1px solid #ccd1d6;
    padding: 30px 20px 30px 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-flow: row;
}

.n2-ss-edit-slide-top-thumbnail {
    width: 200px;
    height: 135px;
    cursor: pointer;
}

.n2-ss-edit-slide-top-thumbnail img {
    width: 200px;
    height: 135px;
    border-radius: 5px;
}

.n2-ss-edit-slide-top-actions {
    width: 180px;
    text-align: left;
    vertical-align: middle;
    flex: 1;

}

.n2-ss-edit-slide-top-actions > * {
    margin: 10px 0;
}

.n2-ss-edit-slide-top-details {
    flex: 1;
    align-self: flex-end;
    padding: 0 20px;
}

.n2-slider-name .n2-h1,
.n2-ss-edit-slide-top-details .n2-h1 {
    color: #606d7b;
    margin-bottom: 15px;
    cursor: pointer;
    line-height: 30px;
}

[dir="ltr"] .n2-slider-name .n2-h1:HOVER:after,
[dir="ltr"] .n2-ss-edit-slide-top-details .n2-h1:HOVER:after {
    font-family: 'Nextend' !important;
    content: "\e94f";
    font-size: 22px;
    vertical-align: top;
    margin: 0 5px;
    color: #b0b9bf;
}

[dir="rtl"] .n2-slider-name .n2-h1:HOVER:before,
[dir="rtl"] .n2-ss-edit-slide-top-details .n2-h1:HOVER:before {
    font-family: 'Nextend' !important;
    content: "\e94f";
    font-size: 22px;
    vertical-align: top;
    margin: 0 5px;
    color: #b0b9bf;
}

body[data-slides="0"] .n2-slider-name .n2-h1 {
    cursor: default;
}

body[data-slides="0"] .n2-slider-name .n2-h1:HOVER:after {
    display: none;
}

.n2-ss-edit-slide-top-details .n2-h4 a {
    color: #7b8898;
}

.n2-ss-edit-slide-top-details .n2-h4 a .n2-i {
    font-size: 16px;
}

.n2-ss-edit-slide-top-tabs {
    margin-top: 15px;
}

.n2-ss-edit-slide-top-tabs a {
    margin: 0;
}

.n2-ss-edit-slide-top-tabs a.n2-active {
    color: #fff;
    background-color: #0c92df;
    border-color: #0c92df;
}

.n2-ss-edit-slide-top-tabs .n2-button {
    border-radius: 0;
    border-left: 0;
    padding: 0 20px;
}

.n2-ss-edit-slide-top-tabs .n2-button.n2-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 2px solid #e0e6ed;
}

[dir="rtl"] .n2-ss-edit-slide-top-tabs .n2-button.n2-first {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 2px solid #e0e6ed;
}

.n2-ss-edit-slide-top-tabs .n2-button.n2-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

[dir="rtl"] .n2-ss-edit-slide-top-tabs .n2-button.n2-last {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 2px solid #e0e6ed;
}

.n2-ss-edit-slide-top-tabs .n2-button.n2-active {
    background: #0c92df;
    color: #fff;
    border-color: #0c92df !important;
}

.n2-ss-edit-slide-top-tabs .n2-button.n2-active:not(.n2-first) {
    border-left: 2px solid #0c92df;
    margin-left: -2px;
}

#n2-form-matrix-slide-settings {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.n2-ss-slider-real-container {
    position: relative;
}

.n2-ss-slider-outer-container {
    position: relative;
    padding: 40px 0 0 40px;
}

.n2-ss-canvas-slider-container {
    padding-bottom: 99px;
    margin: 10px;
}

.n2-ss-has-ruler .n2-ss-canvas-slider-container {
    margin: 0;
}

#n2-ss-0-align {
    margin: 0 !important;
}

.n2-i-desktopPortrait:before {
    content: '\e925';
}

.n2-i-desktopLandscape:before {
    content: '\e95a';
}

.n2-i-tabletPortrait:before {
    content: '\e928';
}

.n2-i-tabletLandscape:before {
    content: '\e927';
}

.n2-i-mobilePortrait:before {
    content: '\e92a';
}

.n2-i-mobileLandscape:before {
    content: '\e929';
}

#n2-tab-basiccsspreset {
    background-color: #3c4958;
    z-index: 3;
}

#n2-tab-basiccsspreset > .n2-h2 {
    margin-bottom: 0;
}

.n2-basiccss-show-preset-list .n2-editor-header .n2-ss-button-container > .n2-basiccss-choose {
    display: none;

}

.n2-editor-header .n2-ss-button-container > .n2-basiccss-back {
    display: none;
}

.n2-basiccss-show-preset-list .n2-editor-header .n2-ss-button-container > .n2-basiccss-back {
    display: inline-block;
}

.n2-ss-preview-modal .n2-modal-window {
    background-color: #e9edf0;
}

.n2-ss-background-type-image .n2-ss-background-video-param:not(.n2-ss-slide-background-image-param) {
    display: none;
}

.n2-ss-background-type-color .n2-ss-background-video-param,
.n2-ss-background-type-color .n2-ss-slide-background-image-param,
.n2-ss-background-type-color [data-field="slidebackgroundColorOverlay"] {
    display: none;
}

.n2-ss-background-type-gradient .n2-ss-background-video-param,
.n2-ss-background-type-gradient .n2-ss-slide-background-image-param {
    display: none;
}

#n2-tab-animations-events td.n2-label {
    padding: 0;
}

#n2-tab-animations-events td.n2-element {
    padding: 6px 0;
}

#n2-admin.n2-ss-mode-desktopPortrait .n2-ss-responsive-helper,
body[data-editormode="content"] #n2-admin .n2-ss-responsive-helper {
    display: none;
}

.n2-ss-editor-window-notice {
    padding: 8px 10px;
    line-height: 18px;
    background: #6b7986;
    color: #fff;
}

.n2-ss-editor-window-notice a {
    color: #ffb527;
}

#n2-ss-slide-edit-slides {
    display: none;
    border-bottom: 1px solid #e0e6ed;
}

.n2-ss-show-slides #n2-ss-slide-edit-slides {
    display: block;
}

.n2-ss-show-slides a.n2-ss-back-slides,
.n2-ss-show-slides a.n2-ss-back-slides:before {
    color: #fff;
}

.n2-ss-columns-element {
    background: #28313a;
}

.n2-ss-columns-element-add-col {
    vertical-align: top;
    display: inline-block;
    background: #51b82d;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    margin: 8px 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.n2-ss-columns-element-add-col .n2-i {
    line-height: 28px;
}

.n2-ss-columns-element-container {
    vertical-align: top;
    position: relative;
    width: 300px;
    display: inline-flex;
    padding: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.n2-ss-columns-element-container > .n2-ss-columns-element-column {
    position: relative;
    flex: 0 0 auto;
    background: #51b82d;
    height: 28px;
    line-height: 28px;
    width: 25%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: move;
    border-radius: 3px;
    min-width: 5px;
}

.n2-ss-columns-element-container .n2-ss-columns-element-handle {
    display: block;
    width: 11px;
    height: 28px;
    background: #202934;
    flex: 0 0 11px;
    border-radius: 3px;
    margin: 0 2px;
    cursor: ew-resize;
    color: #9aa7b2;
    text-align: center;
}

.n2-ss-columns-element-container .n2-ss-columns-element-handle .n2-i {
    line-height: 28px;
}

.n2-ss-columns-element-container.n2-sortable-currently-sorted .n2-ss-columns-element-handle {
    display: none;
}

.n2-ss-columns-element-container.n2-sortable-currently-sorted .n2-ss-columns-element-column {
    margin-right: 15px;
}

.n2-ss-columns-element-container.n2-sortable-currently-sorted .n2-ss-columns-element-column:last-child {
    margin-right: 0;
}

.n2-ss-section-main-content {
    min-height: 20px;
}

/*for carousel and showcase slide editing*/

#n2-ss-0 .n2-ss-slide {
    opacity: 0.3;
}

#n2-ss-0 .n2-ss-slide.n2-ss-currently-edited-slide {
    opacity: 1;
}

.n2-form-element-style-mode {
    display: flex;
    background: #28313a;
    padding: 10px;
    border: 1px solid #20282f;
    border-width: 1px 0;
    margin-bottom: -1px;
    align-items: center;
}

.n2-form-element-style-mode-reset {
    margin: 0 10px 0 auto;
}

.n2-form-element-style-mode .n2-form-element-radio-tab {
    height: 24px;
    line-height: 24px;
    margin: 0;
}

.n2-form-element-style-mode .n2-form-element-radio-tab .n2-radio-option {
    background: #6b7986;
    color: #fff;
    font-size: 11px;
}

.n2-form-element-style-mode .n2-form-element-radio-tab .n2-radio-option.n2-active {
    background: #0c92df;
}

.n2-form-element-style-mode-label {
    display: inline-block;
    font-size: 11px;
    color: #b2bfc9;
}
/*
MARKINGS

#n2-ss-layer-window
- .n2-ss-has-design-option
*/

#n2-ss-layer-window {
    z-index: 100000;
    position: fixed;
    left: 100px;
    top: 100px;
    width: 355px;
}

body:not(.n2-ss-has-layers) #n2-ss-layer-window,
body:not(.n2-ss-layer-edit-visible) #n2-ss-layer-window {
    display: none;
}

.n2-ss-has-layers.n2-ss-layer-edit-visible.n2-ss-preview-mode #n2-ss-layer-window,
.n2-ss-layer-edit-visible.n2-ss-move-layer #n2-ss-layer-window,
.n2-ss-layer-edit-visible.n2-ss-resize-layer #n2-ss-layer-window {
    display: none;
}

#n2-ss-layer-window.n2-ss-layer-window-minized {
    height: 30px !important;
}

#n2-ss-layer-window.n2-ss-layer-window-minized .n2-ss-layer-window-resizer {
    display: none;
}

#n2-ss-layer-window.n2-ss-layer-window-minized .n2-i-minimize:before {
    content: '\e915';
}

#n2-ss-layer-window .n2-ss-layer-window-actions {
    display: none;
    position: absolute;
    top: 0;
    left: -35px;
    width: 32px;
}

#n2-ss-layer-window .n2-ss-layer-window-actions {
    background-color: #202934;
    border-radius: 3px;
}

#n2-ss-layer-window .n2-ss-layer-window-actions > .n2-button {
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #b0bdc7;
}

#n2-ss-layer-window .n2-ss-layer-window-resizer {
    height: 7px;
    width: 100%;
    cursor: ns-resize;
    text-align: center;
    color: #95a1ab;
    bottom: 0;
    background: #202934;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/** LAYER WINDOW CONTENT **/

#n2-ss-layer-window .n2-ss-layer-window-crop {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 10px RGBA(0, 0, 0, 0.5);
    overflow: hidden;
    background: #3c4958;
    z-index: 2;
}

.n2-ss-layer-window-title {
    position: relative;

    line-height: 60px;
    height: 60px;
    overflow: hidden;
    background: #202934;

    font-size: 12px;
    color: #cbd6df;
    text-align: left;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title-nav {
    position: absolute;
    top: 0;
    line-height: 30px;
    height: 30px;
    margin: 0 5px;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title-nav-left {
    left: 0;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title-nav-right {
    right: 0;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title-nav > * {
    display: inline-block;
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title-nav .n2-i {
    vertical-align: middle;
}

.n2-ss-layer-window-title .n2-ss-layer-window-title span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 60px 0 60px;
    text-align: center;
}

.n2-ss-layer-window-breadcrumb {
    display: none;
    height: 22px;
    font-size: 11px;
    color: #b2bfc9;
    background-color: #202934;
    border-bottom: 1px solid #1a2028;
    text-transform: uppercase;
    padding: 0 5px;
}

.n2-ss-layer-window-breadcrumb.n2-has-breadcrumb {
    display: block;
}

.n2-ss-layer-window-breadcrumb * {
    display: inline-block;
    height: 22px;
    vertical-align: top;
    line-height: 22px;
}

.n2-window-title-structure-nav span {
    padding: 0 5px;
    cursor: pointer;
}

.n2-window-title-structure-nav .n2-i-mini-arrow-thin {
    font-size: 16px;
    padding: 0;
}

.n2-window-title-structure-nav:last-child {
    color: #fff;
}

.n2-window-title-structure-nav:last-child .n2-i-mini-arrow-thin {
    display: none;
}

#n2-tabbed-slide-editor-settings .n2-tabs {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

#n2-ss-layer-window table {
    display: block;
}

#n2-ss-layer-window tbody {
    display: block;
}

#n2-ss-layer-window tr {
    display: block;
}

#n2-ss-layer-window td {
    display: block;
    width: auto;
}

#n2-ss-layer-window .n2-label {
    background: #3c4958;
    border-top: 1px solid #303b47;
    padding: 3px 10px 0;
}

#n2-ss-layer-window .n2-empty-label {
    padding: 0;
    height: 9px;
}

#n2-ss-layer-window .n2-empty-group-label {
    padding: 0;
    height: 0;
}

#n2-ss-layer-window .n2-label label {
    color: #b2bfc9;
    font-size: 10px;
}

#n2-ss-layer-window .n2-element {
    background: #3c4958;
    border-top: 0;
    padding: 0;
}

#n2-ss-layer-window textarea {
    max-width: 290px !important;
    width: 290px !important;
}

#n2-ss-layer-window .n2-form-element-button {
    max-width: 38px;
    overflow: hidden;
}

#n2-ss-layer-window .n2-sidebar-row {
    line-height: 34px;
    background: #28313a;
    border-bottom: 1px solid RGBA(0, 0, 0, 0.2);
}

#n2-ss-layer-window .n2-list li {
    border-bottom: 1px solid RGBA(0, 0, 0, 0.2);
}

#n2-ss-layer-window .n2-button-m {
    height: 24px;
    line-height: 24px;
}

#n2-ss-layer-window .n2-sidebar-tab-switcher {
    border: 0;
    border-collapse: separate;
}

#n2-ss-layer-window .n2-sidebar-tab-switcher .n2-td {
    font-size: 11px;
    line-height: 47px;
    height: 47px;
    border: 1px solid #1a2028;
    border-left: 0;
    color: #b2bfc9;
}

#n2-ss-layer-window .n2-sidebar-tab-switcher .n2-td .n2-i {
    font-size: 32px;
    line-height: 47px;
}

#n2-ss-layer-window .n2-sidebar-tab-switcher .n2-td.n2-active {
    background: #0c92df;
    color: #fff;
}

#n2-ss-layer-window .n2-sidebar-tab-switcher .n2-td[data-tab="style"] {
    display: none;
}

#n2-ss-layer-window.n2-ss-has-design-option .n2-sidebar-tab-switcher .n2-td[data-tab="style"] {
    display: table-cell;
}

#n2-ss-layer-window .n2-has-underline > .n2-underline::after {
    display: none;
}

#n2-ss-layer-window .n2-ss-layer-window-title {
    line-height: 30px;
    height: 30px;
    cursor: move;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#n2-ss-layer-window .n2-ss-layer-window-title .n2-ss-layer-window-title-inner {
    white-space: nowrap;
    margin: 0 10px;
    text-align: center;
}

#n2-ss-layer-window .ui-autocomplete {

    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

#n2-ss-layer-window .n2-form-element-autocomplete .nui-autocomplete .nui-menu-item {
    padding-right: 20px;
}

#n2-ss-layer-window .n2-ss-generator-param {
    display: none;
}

.n2-ss-dynamic-slide #n2-ss-layer-window .n2-ss-generator-param {
    display: block;
}

#n2-tabbed-animations-tabbed > .n2-table {
    border-spacing: 8px;
    border-collapse: separate;
    background: #28313a;
    border-bottom: 1px solid #20282f;
}

#n2-tabbed-animations-tabbed .n2-sidebar-tab-switcher .n2-td {
    line-height: 28px;
    height: 28px;
    border: 0;
    border-radius: 50px;
}

#n2-tabbed-animations-tabbed .n2-editor-header.n2-h2 {
    background: #303b47;
    border-bottom: 1px solid #28313a;
    position: relative;
}

.n2-button-single-animation-play.n2-active .n2-i:before {
    content: '\e607';
}

.n2-ss3-layeranimation-presets-groups {
    display: flex;
    flex-wrap: wrap;
    background: #3c4858;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #283039;
}

.n2-ss3-layeranimation-presets-groups > div {
    flex: 1 1 auto;
    min-width: 60px;
}

.n2-ss3-layeranimation-presets-group {
    margin: 5px;
    background: #6b7886;
    border-radius: 3px;
    display: flex;
    justify-content: flex-end;
    flex-flow: column;
    height: 65px;
    cursor: pointer;
}

.n2-ss3-layeranimation-presets-group.n2-active {
    background: #0c92df;
}

.n2-ss3-layeranimation-presets-group i {
    font-size: 24px;
    margin-bottom: 4px;
}

.n2-ss3-layeranimation-presets-group div {
    margin-bottom: 8px;
}
#n2-ss-add-sidebar {
    background: #212d3a;
    position: absolute;
    left: -1px;
    top: 54px;
    bottom: -1px;
    width: 50px;
    text-align: center;
}

[dir="rtl"] #n2-ss-add-sidebar {
    right: -1px;
    left: auto;
}

#n2-ss-add-sidebar .n2-ss-add-sidebar-inner {
    position: relative;
    padding-top: 0.1px;
}

#n2-ss-add-sidebar .n2-ss-add-sidebar-inner > * {
    margin-top: 10px;
    color: #80a3b5;
}

#n2-ss-add-sidebar .n2-ss-add-sidebar-inner > .n2-button-blue {
    color: #fff;
}

#n2-ss-add-sidebar.n2-active .n2-ss-add-sidebar-inner > * {
    margin-top: 0;
}

#n2-ss-add-sidebar.n2-active {
    width: 341px;
    z-index: 1010;
}

#n2-ss-add-sidebar.n2-active .n2-ss-add-layer-button {
    margin: 0;
    background: transparent;
    position: absolute;
    top: 16px;
    right: 5px;
}

#n2-ss-add-sidebar.n2-active .n2-ss-add-layer-button .n2-i:before {
    content: "\e90a";
    color: #b2bfc9;
}

#n2-ss-add-sidebar.n2-active .n2-ss-add-sidebar-inner > a {
    display: none;
}

#n2-ss-add-sidebar.n2-active .n2-ss-add-sidebar-inner {
    width: 341px !important;
}

#n2-ss-add-sidebar.n2-active .n2-ss-available-layers {
    display: block;
}

.n2-ss-available-layers .n2-sidebar-tab-switcher {
    border: 0;
}

.n2-ss-available-layers-container {
    width: 300px;
    margin: 0 auto;
    padding: 10px 0 90px;
}

.n2-ss-slide-item-group {
    color: #b2bfc9;
    padding: 4px 5px 1px;
}

.n2-ss-addlayer .n2-ss-available-layers {
    display: none;
    box-sizing: border-box;
    white-space: normal;
    text-align: left;
}

.n2-ss-core-item {
    display: inline-block;
    margin: 5px;
    background-color: #6b7986;
    color: #ffffff;
    line-height: 15px;
    cursor: pointer;
    text-align: center;

    border-radius: 3px;

    width: 90px;
    min-height: 73px;
    z-index: 1000;
    vertical-align: top;
}

.n2-ss-core-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
}

.n2-ss-core-item:before {
    font-family: 'Nextend';
    font-size: 32px;
    content: "\e943";
    display: block;
    line-height: 32px;
    margin-top: 14px;
}

.n2-ss-core-item[data-item="heading"]:before {
    content: "\e945";
}

.n2-ss-core-item[data-item="highlightedHeading"]:before {
    content: "\e990";
}

.n2-ss-core-item[data-item="animatedHeading"]:before {
    content: "\e991";
}

.n2-ss-core-item[data-item="text"]:before {
    content: "\e944";
}

.n2-ss-core-item[data-item="button"]:before {
    content: "\e942";
}

.n2-ss-core-item[data-item="imagearea"]:before {
    content: "\e950";
}

.n2-ss-core-item[data-item="icon"]:before {
    content: "\e941";
}

.n2-ss-core-item[data-item="icon2"]:before {
    content: "\e941";
}

.n2-ss-core-item[data-item="input"]:before {
    content: "\e939";
}

.n2-ss-core-item[data-item="iframe"]:before {
    content: "\e938";
}

.n2-ss-core-item[data-item="area"]:before {
    content: "\e937";
}

.n2-ss-core-item[data-item="list"]:before {
    content: "\e93e";
}

.n2-ss-core-item[data-item="caption"]:before {
    content: "\e940";
}

.n2-ss-core-item[data-item="transition"]:before {
    content: "\e93f";
}

.n2-ss-core-item[data-item="youtube"]:before {
    content: "\e93d";
}

.n2-ss-core-item[data-item="vimeo"]:before {
    content: "\e93c";
}

.n2-ss-core-item[data-item="video"]:before {
    content: "\e93b";
}

.n2-ss-core-item[data-item="html"]:before {
    content: "\e93a";
}

.n2-ss-core-item[data-item="progressbar"]:before {
    content: "\e982";
}

.n2-ss-core-item[data-item="imagebox"]:before {
    content: "\e983";
}

.n2-ss-core-item[data-item="counter"]:before {
    content: "\e984";
}

.n2-ss-core-item[data-item="circlecounter"]:before {
    content: "\e985";
}

.n2-ss-core-item[data-item="audio"]:before {
    content: "\e986";
}

.n2-ss-core-item[data-item="structure"]:before {
    font-size: 74px;
    margin-top: 24px;
}

.n2-ss-core-item[data-item="structure"][data-sstype="1col"]:before {
    content: "\e967";
}

.n2-ss-core-item[data-item="structure"][data-sstype="2col"]:before {
    content: "\e966";
}

.n2-ss-core-item[data-item="structure"][data-sstype="3col"]:before {
    content: "\e961";
}

.n2-ss-core-item[data-item="structure"][data-sstype="4col"]:before {
    content: "\e95f";
}

.n2-ss-core-item[data-item="structure"][data-sstype="2col-60-40"]:before {
    content: "\e965";
}

.n2-ss-core-item[data-item="structure"][data-sstype="2col-40-60"]:before {
    content: "\e964";
}

.n2-ss-core-item[data-item="structure"][data-sstype="2col-80-20"]:before {
    content: "\e963";
}

.n2-ss-core-item[data-item="structure"][data-sstype="2col-20-80"]:before {
    content: "\e962";
}

.n2-ss-core-item[data-item="structure"][data-sstype="3col-20-60-20"]:before {
    content: "\e960";
}

.n2-ss-core-item[data-item="structure"][data-sstype="special"]:before {
    content: "\e95d";
}
#n2-ss-toolbar {
    z-index: 9;
    position: relative;
    height: 28px;
    line-height: 28px;
    background: #f2f5fa;
    white-space: nowrap;
    padding: 13px 10px;
}

.n2-ss-slider-visible #n2-ss-slide-canvas-container #n2-ss-toolbar {
    height: auto;
}

#n2-ss-slide-canvas-container.n2-scroll-disable #n2-ss-toolbar {
    height: 28px;
    border-bottom: 0;
}

#n2-ss-toolbar > * {
    line-height: 28px;
    height: 28px;
    vertical-align: top;
    display: inline-block;
}

#n2-ss-toolbar .n2-ss-tool {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top !important;
}

#n2-ss-toolbar .n2-ss-tool.n2-form-element-text {
    height: 24px;
    line-height: 24px;
    position: relative;
}

#n2-ss-toolbar .n2-text-sub-label {
    font-size: 16px;
}

.n2-ss-theme-dark #n2-ss-slide-canvas-container-inner,
.n2-ss-theme-dark .n2-ruler-vertical {
    background-color: #28313a;
}

.n2-ss-theme-dark .n2-ruler > span span {
    color: #fff;
}

.n2-ss-preview-mode .n2-main-top-bar {
    opacity: 0;
}

#n2-ss-slide-canvas-settings {
    display: inline-block;
    position: relative;
}

#n2-ss-slide-canvas-settings > .n2-button {
    width: 28px;
    padding: 0;
    text-align: center;
}

#n2-ss-slide-canvas-settings.n2-active > .n2-button {
    background-color: #0c92df;
    border-color: #0c92df;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel {
    position: absolute;
    left: 0;
    top: 28px;
}

html[dir="rtl"] #n2-ss-slide-canvas-settings .n2-ss-settings-panel{
    right:0;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner {
    margin-top: 6px;
    min-width: 180px;
    box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 3px;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner > * {
    display: block;
    line-height: 32px;
    margin: 0 10px;
    position: relative;
    text-align: left;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner a {
    color: #7b8898;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner .n2-panel-action {
    color: #0c92df;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner .n2-setting-tick {
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    border-radius: 3px;
    border: 2px solid #8793a2;
    width: 12px;
    height: 12px;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel {
    display: none;
}

#n2-ss-slide-canvas-settings.n2-active .n2-ss-settings-panel {
    display: inline-block;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner .n2-setting-enabled .n2-setting-tick {
    border-color: #1999e3;
    background-color: #1999e3;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner .n2-setting-tick .n2-i {
    display: none;
}

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner .n2-setting-enabled .n2-i {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 12px;
    margin: 0 -2px;
}

#n2-ss-layer-show-on {
    display: inline-block;
}

#n2-ss-toolbar .n2-button-grey {
    background-color: #a1aeb5;
}

#n2-ss-toolbar .n2-radio-option {
    background-color: #a1aeb5;
    border-left: 1px solid #8c99a1;
}

#n2-ss-toolbar .n2-radio-option.n2-first {
    border-left-width: 0;
}

#n2-ss-toolbar .n2-radio-option.n2-active {
    background-color: #0c92df;
    border-color: #0c92df;
}


#n2-ss-toolbar .n2-radio-option.n2-active[data-mode="canvas"] {
    background-color: #5f39c2;
    border-color: #5f39c2;
}

#n2-ss-toolbar .n2-radio-option.n2-sub-active {
    background-color: #51b82d;
    border-color: #51b82d;
}

#n2-ss-toolbar .n2-ss-tool.n2-button {
    height: 28px;
    line-height: 28px;
    background-color: #a1aeb5;
}

#n2-ss-toolbar .n2-ss-tool.n2-button-icon {
    padding: 0;
    width: 28px;
}

#n2-ss-toolbar .n2-ss-tool.n2-button.n2-active {
    background-color: #0c92df;
}

#n2-ss-toolbar .n2-ss-tool.n2-button.n2-sub-active {
    background-color: #51b82d;
}

#n2-ss-toolbar .ui-autocomplete {
    max-width: 100%;
}

#n2-ss-layer-parent-linker,
#n2-ss-theme,
#n2-ss-toolbar #n2-ss-theme.n2-active {
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    background-color: #a1aeb5;
}

#n2-ss-theme.n2-active .n2-i:before {
    content: "\e64c";
}
#n2-ss-layers ul {

}

#n2-ss-layer-list .n2-list .n2-ss-layerlist-row.n2-ss-ll-dragging-parent {
    background: #000;
}

#n2-ss-layer-list > .n2-list > li {
    background-color: #303b47;
}

#n2-ss-layer-list .n2-list > li {
    line-height: 31px;
}

#n2-ss-layer-list > .n2-list > li li {
    background-color: #28313a;
}

#n2-ss-layer-list .n2-list .n2-ss-layerlist-row.n2-active,
#n2-ss-layer-list .n2-list .n2-ss-layerlist-row.n2-selected {
    background: #1681c1;
}

#n2-ss-layer-list .n2-ss-layer-content-row .n2-list > li .n2-actions-left,
#n2-ss-layer-list .n2-ss-layerlist-row-row .n2-list > li .n2-actions-left {
    display: none;
}

#n2-ss-layer-list .n2-ss-layerlist-row.n2-ss-ll-dragging {
    position: absolute;
    left: 0;
    width: 100%;
    height: 32px;
    overflow: hidden;
    opacity: 0.5;
}

#n2-ss-layer-list .n2-ss-layerlist-row.n2-ss-ll-dragging .n2-actions-left,
#n2-ss-layer-list .n2-ss-layerlist-row.n2-ss-ll-dragging .n2-actions {
    display: none;
}

/* When layer list sorted, show a lightning bar */
#n2-ss-layers .nextend-sortable-placeholder {
    border: 0;
    position: relative;
    height: 0;
    overflow: visible;
    z-index: 1001;
}

#n2-ss-layers .nextend-sortable-placeholder div {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 0;
    box-shadow: 0 0 0 2px #0c92df;
}

#n2-ss-layers ul .nextend-sortable-placeholder div {
    margin-left: 30px;
}

#n2-ss-layers ul ul .nextend-sortable-placeholder div {
    margin-left: 50px;
}

#n2-ss-layers ul ul ul .nextend-sortable-placeholder div {
    margin-left: 70px;
}

#n2-ss-layers ul ul ul ul .nextend-sortable-placeholder div {
    margin-left: 90px;
}

#n2-ss-layers ul ul ul ul ul .nextend-sortable-placeholder div {
    margin-left: 110px;
}

#n2-ss-layers ul ul ul ul ul ul .nextend-sortable-placeholder div {
    margin-left: 130px;
}

/* Fade out the cloned layer row */
#n2-ss-layers .n2-ui-sortable-helper {
    opacity: 0.5;
}

.n2-list .n2-ss-layer-group-row {
    border-bottom: 0;
}

#n2-ss-layers-table .n2-list li {
    border-bottom: 0;
}

#n2-ss-layers-table .n2-ss-layer-title {
    border-bottom: 1px solid RGBA(0, 0, 0, 0.2);
}

.n2-list .n2-ss-layerlist-row.n2-active,
.n2-list .n2-ss-layerlist-row.n2-selected {
    background: #1681c1;
}

#n2-ss-layers-table .n2-active > .n2-ss-layer-title,
#n2-ss-layers-table .n2-selected > .n2-ss-layer-title {
    border-color: #1681c1;
}

.n2-ss-layer-group-row ul.n2-list {
    margin-top: -10px;
    padding-top: 10px;
}

.n2-ss-layer-content-row ul.n2-list {

}

.n2-ss-layer-title {
    display: block;
    line-height: 31px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.n2-ss-layer-title span {
    margin: 0 30px;
    display: block;
    width: 170px;
    min-height: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n2-ss-layer-group-row > .n2-ss-layer-title span {
    margin: 0 30px;
}

.n2-ss-layer-icon {
    position: absolute;
    top: 2px;
}

ul > li > .n2-ss-layer-title span {
    margin: 0 30px;
}

ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 3px;
}

#n2-ss-layer-list > ul > li.n2-ss-layer-content-row > .n2-ss-layer-title span,
#n2-ss-layer-list > ul > li.n2-ss-layer-row-row > .n2-ss-layer-title span {
    margin: 0 50px;
}

#n2-ss-layer-list > ul > li.n2-ss-layer-content-row > .n2-ss-layer-title .n2-ss-layer-icon,
#n2-ss-layer-list > ul > li.n2-ss-layer-row-row > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 23px;
}

ul > li > ul > li > .n2-ss-layer-title span {
    margin: 0 50px;
}

ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 23px;
}

ul > li > ul > li > ul > li > .n2-ss-layer-title span {
    margin: 0 70px;
}

ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 43px;
}

ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title span {
    margin: 0 90px;
}

ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 63px;
}

ul > li > ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title span {
    margin: 0 110px;
}

ul > li > ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    left: 83px;
}

ul > li > ul > li > ul > li > ul > li > ul > li > ul > li .n2-ss-layer-title span {
    margin: 0 130px;
}

ul > li > ul > li > ul > li > ul > li > ul > li > ul > li .n2-ss-layer-title .n2-ss-layer-icon {
    left: 103px;
}

ul > li .n2-inline-form {
    margin: 0 50px;
}

ul > li > ul > li > ul > li .n2-inline-form {
    margin: 0 70px;
}

ul > li > ul > li > ul > li > ul > li > ul > li .n2-inline-form {
    margin: 0 90px;
}

[dir="rtl"] ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    right: 3px;
    left: auto;
}

[dir="rtl"] #n2-ss-layer-list > ul > li.n2-ss-layer-content-row > .n2-ss-layer-title .n2-ss-layer-icon,
[dir="rtl"] #n2-ss-layer-list > ul > li.n2-ss-layer-row-row > .n2-ss-layer-title .n2-ss-layer-icon,
[dir="rtl"] ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    right: 23px;
    left: auto;
}

[dir="rtl"] ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    right: 43px;
    left: auto;
}

[dir="rtl"] ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    right: 63px;
    left: auto;
}

[dir="rtl"] ul > li > ul > li > ul > li > ul > li > ul > li > .n2-ss-layer-title .n2-ss-layer-icon {
    right: 83px;
    left: auto;
}

[dir="rtl"] ul > li > ul > li > ul > li > ul > li > ul > li > ul > li .n2-ss-layer-title .n2-ss-layer-icon {
    right: 103px;
    left: auto;
}

.n2-ss-layerlist-row .n2-inline-form input {
    background: #3c4958 none repeat scroll 0 0;
    color: #b2bfc9;
    font-size: 11px;
    border: 2px solid #28313a;
    line-height: 24px;
    padding: 0 10px;

    border-radius: 3px;

    margin: 0;
}

.n2-ss-layerlist-row .n2-inline-form input:focus {
    box-shadow: none;
}

.n2-ss-layer-title .n2-actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 6px;
    cursor: default;
    opacity: 0.2;
}

/*.n2-ss-layer-title:HOVER .n2-actions,*/
.n2-active > .n2-ss-layer-title .n2-actions {
    opacity: 1;
}

.n2-ss-layer-title .n2-actions-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 0;
    cursor: default;
    line-height: 24px;
}

html[dir="rtl"] .n2-ss-layer-title .n2-actions-left {
    right: 0;
    left: auto;
}

#n2-ss-layer-list .n2-ss-layerlist-row.n2-active > .n2-ss-layer-title,
#n2-ss-layer-list .n2-ss-layerlist-row.n2-active > .n2-ss-layer-title .n2-i,
#n2-ss-layer-list .n2-ss-layerlist-row.n2-selected .n2-ss-layer-title,
#n2-ss-layer-list .n2-ss-layerlist-row.n2-selected .n2-ss-layer-title .n2-i {
    color: #fff;
}

.n2-ss-layer-title .n2-actions a,
.n2-ss-layer-title .n2-actions-left a {
    display: inline-block;
    padding: 0;
}

.n2-ss-layer-title .n2-actions-left i {
    padding: 0 2px;
    vertical-align: middle;
}

.n2-ss-layer-title .n2-i-order {
    cursor: move;
}

.n2-ss-layer-status {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

#n2-ss-layer-list a .n2-i,
#n2-ss-layer-list a:HOVER .n2-i {
    color: #b2bfc9;
}

div.n2-ss-layer-status a.n2-ss-sc-hide {

}

.n2-ss-layer-status-hidden .n2-ss-layer-status .n2-ss-sc-hide .n2-i:before {
    content: "\e923";
}

.n2-ss-layer-list-top-bar .n2-h2 {
    display: inline-block;
    line-height: 28px;
    color: #fff;
    padding: 0 5px;
}

.n2-ss-layer-list-opener {
    width: 28px;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    margin: 0 5px;
}

#n2-ss-layers.n2-active .n2-ss-layer-list-opener > .n2-i:before {
    content: "\e92c";
}

.n2-closed .n2-i-row:before,
.n2-closed .n2-i-col:before,
.n2-ss-layer-list-group-opener.n2-closed .n2-i:before {
    content: "\e921";
}

#n2-ss-layers {
    position: fixed;
    bottom: 0;
    width: 340px;
    margin: 0 -1px;
    height: 48px;
    display: none;
    background-color: #28313a;
    z-index: 1019;
}

#n2-ss-layers.n2-active {
    height: 100px;
}

#n2-ss-layers:not(.n2-active) {
    width: 50px !important;
}

#n2-ss-layers:not(.n2-active) .n2-ss-layers-sidebar {
    width: 50px;
}

#n2-ss-layers:not(.n2-active) .n2-ss-layer-list-layers-top-bar > div {
    display: none !important;
}

.n2-ss-has-layers #n2-ss-layers {
    display: block;
}

#n2-ss-layers-table .n2-td {
    position: relative;
    vertical-align: top;
}

#n2-ss-layers-table .n2-ss-layers-sidebar {
    width: 340px;
}

.n2-ss-layer-list-top-bar {
    position: relative;
    padding: 10px 5px 9px 5px;
    height: 28px;
    background-color: #212d3a;
    border-bottom: 1px solid #20282f;
}

#n2-ss-layers.n2-active .n2-ss-layer-list-layers-top-bar {
    cursor: n-resize;
}

[data-component="layer"] .n2-ss-select-layer-mode #n2-ss-layers.n2-active .n2-ss-layer-list-layers-top-bar {
    display: none;
}

.n2-ss-layer-list-bulk-top-bar {
    display: none;
}

[data-component="layer"] .n2-ss-select-layer-mode #n2-ss-layers.n2-active .n2-ss-layer-list-bulk-top-bar {
    display: block;
}

#n2-ss-layers.n2-active .n2-ss-layer-list-layers-top-bar {
    cursor: ns-resize;
}

.n2-ss-layer-list-top-bar .n2-form-element-text {
    margin: 0;
}

.n2-ss-layers-sidebar-rows {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

#n2-ss-layers .n2-form-element-text {
    margin: 0 10px;
    line-height: 2px;
}

#n2-ss-layers .n2-text-sub-label {
    width: 30px;
    text-align: center;
    overflow: hidden;
}

.n2-ss-layer-list-bulk-top-bar {
    text-align: right;
    color: #fff;
    vertical-align: top;
    padding: 10px 15px 9px 15px;
}

.n2-ss-layer-list-bulk-top-bar .n2-button {
    vertical-align: middle;
}

.n2-ss-layer-list-bulk-top-bar .n2-button + .n2-button {
    margin: 0 0 0 5px;
}

html[dir="rtl"] .n2-ss-layer-list-top-bar .n2-button + .n2-button {
    margin: 0 5px 0 0;
}

.n2-ss-layer-list-top-bar .n2-ss-layer-list-topbar-control {
    position: absolute;
    top: 10px;
    right: 5px;
    margin: 0 10px;
}

html[dir="rtl"] .n2-ss-layer-list-top-bar .n2-ss-layer-list-topbar-control {
    right: auto;
    left: 5px;
}

.n2-ss-layer-list-top-bar .n2-ss-layer-list-topbar-control .n2-button {
    margin: 0 0 0 5px;
}

html[dir="rtl"] .n2-ss-layer-list-top-bar .n2-ss-layer-list-topbar-control .n2-button {
    margin: 0 5px 0 0;
}

.n2-ss-layer-list-topbar-control {
    text-align: right;
    color: #fff;
    padding: 0 10px;
    vertical-align: top;
}

#n2-ss-layers .n2-ss-layer-list-topbar-control {
    padding: 0;
}

.n2-ss-layer-list-topbar-control .n2-button {
    padding: 0;
    width: 28px;
    font-size: 16px;
    vertical-align: middle;
}

.n2-ss-layer-list-topbar-control .n2-button i {
    line-height: inherit;
}

.n2-play.n2-active i:before {
    content: "\e607";
}

/*
MARKINGS

#n2-ss-slide-canvas-container
- .n2-ss-has-ruler
- .n2-ss-show-guides
- .n2-scroll-disable

*/

#n2-ss-slide-canvas-container {
    background-color: #fff;
    /*margin: -21px 0 0 0;*/
    border-width: 1px 0 0 0;
    padding-bottom: 400px;
    padding-bottom: 40vh;
    position: relative;
    z-index: 1;
    border-top: 1px solid #ccd1d6;
}

#smartslider-form > div {
    margin-bottom: -1px;
}

#n2-ss-slide-canvas-container-inner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-bottom: 1px solid #ccd1d6;
    background-color: #e9edf0;
    margin-left: 49px;
    border-top: 1px solid #ccd1d6;
}

[dir="rtl"] #n2-ss-slide-canvas-container-inner {
    margin-right: 49px;
    margin-left: 0;
}

.n2-ss-position-display {
    display: none;
    position: absolute;
    border-radius: 3px;
    z-index: 10000;
    line-height: 16px;
    padding: 4px 6px;
    color: #fff;
    font-size: 10px;
    background: RGBA(32, 41, 52, 0.95);
}

.n2-ss-position-display.n2-active {
    display: block;
}

#n2-ss-0 .n2-ss-slide-border {
    display: none;
    position: absolute;
    background: #a1aeb5;
    width: 1px;
    height: 1px;
}

#n2-ss-0 .n2-ss-slide-border-left {
    left: 0;
    top: 0;
    height: 100%;
}

#n2-ss-0 .n2-ss-slide-border-right {
    right: 0;
    top: 0;
    height: 100%;
}

#n2-ss-0 .n2-ss-slide-border-top {
    left: 0;
    top: 0;
    width: 100%;
}

#n2-ss-0 .n2-ss-slide-border-bottom {
    left: 0;
    bottom: 0;
    width: 100%;
}

#n2-ss-0:HOVER .n2-ss-slide-border {
    display: block;
}

.n2-ss-layer-placeholder {
    position: relative;
    height: 0;
    width: 100%;
    box-shadow: 0 0 0 2px #0c92df;
    display: block;
    z-index: 100000;
}

.n2-ss-layer-row > .n2-ss-layer-placeholder {
    height: auto;
    width: 0;
    align-self: stretch;
    flex: 0 0 auto;
}

.n2-ss-layer-inline > .n2-ss-layer-placeholder {
    height: auto;
    width: 0;
    align-self: stretch;
    flex: 0 0 auto;
}

/* When item dragged from outside */
.n2-ss-core-item.n2-canvas-item-drag {
    opacity: 0.5;
    z-index: 9999;
    margin: 0;
}

.n2-canvas-item-drag {
    opacity: 0.5 !important;
}

/* When resize a layer, it shows other layers to snap too */
/* When move a layer, it shows other layers to snap too */
.n2-ss-resize-layer div#n2-ss-0 .n2-ss-layer.nui-resizable,
.n2-ss-move-layer div#n2-ss-0 .n2-ss-layer.nui-resizable {
    box-shadow: inset 0 0 0 1px #0c92df;
}

.n2-ss-resize-layer div#n2-ss-0 .n2-ss-layer.nui-resizable[data-pm="absolute"],
.n2-ss-move-layer div#n2-ss-0 .n2-ss-layer.nui-resizable[data-pm="absolute"],
.n2-ss-resize-layer div#n2-ss-0 [data-pm="absolute"] .n2-ss-layer.nui-resizable,
.n2-ss-move-layer div#n2-ss-0 [data-pm="absolute"] .n2-ss-layer.nui-resizable {
    box-shadow: inset 0 0 0 1px #5f39c2;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer.n2-ss-mouse-over {
    box-shadow: inset 0 0 0 1px #0c92df;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer.n2-ss-mouse-over[data-pm="absolute"],
#n2-ss-slide-canvas-container #n2-ss-0 [data-pm="absolute"] .n2-ss-layer.n2-ss-mouse-over {
    box-shadow: inset 0 0 0 1px #5f39c2;
}

div#n2-ss-0 .n2-ss-layer-ui-label-container {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    line-height: 16px;
    z-index: 91;
    white-space: nowrap;
    border-bottom-right-radius: 2px;
    overflow: hidden;
    background: #0c92df;

    max-width: 100%;
    max-height: 100%;
}

div#n2-ss-0 [data-pm="absolute"] .n2-ss-layer-ui-label-container {
    background: #5f39c2;
}

div#n2-ss-0 .n2-ss-layer-ui-label-container:HOVER {

    max-width: none;
    max-height: none;
}

div#n2-ss-0 .n2-ss-layer.n2-ss-mouse-over-delayed > .n2-ss-layer-ui-label-container,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 .n2-ss-layer.n2-active > .n2-ss-layer-ui-label-container {
    display: block;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer .n2-ss-layer-ui-label {
    display: inline-block;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    padding: 0 5px;
    vertical-align: top;
    text-transform: uppercase;
    border-left: 1px solid #0b7dbe;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer[data-pm="absolute"] .n2-ss-layer-ui-label {
    border-left: 1px solid #422887;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer > .n2-ss-layer-ui-label-container .n2-ss-layer-ui-label-action {
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    display: none;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer.n2-active > .n2-ss-layer-ui-label-container .n2-ss-layer-ui-label-action,
#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer > .n2-ss-layer-ui-label-container:HOVER .n2-ss-layer-ui-label-action {
    display: inline-block;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer > .n2-ss-layer-ui-label-container .n2-ss-layer-ui-label:first-child {
    border-left: 0;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layer > .n2-ss-layer-ui-label-container .n2-ss-layer-ui-layer-move {
    cursor: move;
}

div#n2-ss-0 .n2-ss-layer-ui-label-container.invisible {
    visibility: hidden;
}

/* Outline col when highlighted */
.n2-ss-layer[data-sstype="col"].n2-highlight {
    box-shadow: inset 0 0 0 1px #0c92df;
}

div#n2-ss-0 .n2-ss-layer.n2-ss-mouse-hover[data-sstype="col"] {
    z-index: 2;
}

/* Outline when the mouse over the editor and component is active */
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 .n2-ss-layer.n2-active {

    box-shadow: inset 0 0 0 1px #0c92df;
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 .n2-ss-layer[data-pm="absolute"].n2-active,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 [data-pm="absolute"] .n2-ss-layer.n2-active {

    box-shadow: inset 0 0 0 1px #5f39c2;
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER #n2-ss-0 .n2-ss-layer[data-sstype="row"].n2-active {

    box-shadow: inset 0 0 0 1px RGBA(12, 146, 223, 1);
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 .n2-ss-layer .n2-ss-layer[data-sstype="col"].n2-active {

    box-shadow: inset 0 0 0 1px RGBA(12, 146, 223, 1);
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER div#n2-ss-0 .n2-ss-layer[data-pm="absolute"] .n2-ss-layer[data-sstype="col"].n2-active {

    box-shadow: inset 0 0 0 1px #5f39c2;
}

/* When a normal positioned layer dragged, outline the cols where it can be placed */
.n2-ss-move-layer .n2-ss-layer[data-sstype="col"] {
    box-shadow: inset 0 0 0 1px RGBA(12, 146, 223, 1);
}

.n2-ss-move-layer #n2-ss-0 .n2-ss-layer:HOVER {
    box-shadow: none;
}

/* While dragging a layer with normal position */

div#n2-ss-0 .n2-ss-layer[data-sstype="content"] .n2-ss-layer.nui-draggable-dragging,
div#n2-ss-0 .n2-ss-layer[data-sstype="col"] .n2-ss-layer.nui-draggable-dragging {
    /*position: absolute !important;*/
    /*width: 50px !important;
    height: 50px !important;
    overflow: hidden !important;
    background: #0c92df !important;
    opacity: 0.5 !important;*/
    z-index: 100000;
    outline: 0 !important;

}

/* While dragging a layer with normal position, hide all inside elements */
/*div#n2-ss-0 .n2-ss-layer[data-sstype="col"] .n2-ss-layer.nui-draggable-dragging * {
    display: none !important;
}*/

.n2-ss-item-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.n2-ss-select-layer-mode .n2-ss-layer-selected .n2-ss-item-overlay {
    display: block;
    background-color: RGBA(0, 132, 255, 0.4);
}

.n2-ss-item-html .n2-ss-item-overlay,
.n2-ss-item-iframe .n2-ss-item-overlay {
    display: block;
}

/* RESIZE */

.n2-ss-layer .n2-ss-layer-cc {
    opacity: 0;
}

.n2-ss-layer-cc:HOVER,
.nui-resizable-n:HOVER,
.nui-resizable-e:HOVER,
.nui-resizable-s:HOVER,
.nui-resizable-w:HOVER,
.nui-resizable-ne:HOVER,
.nui-resizable-se:HOVER,
.nui-resizable-sw:HOVER,
.nui-resizable-nw:HOVER {
    opacity: 1;
}

.n2-ss-layer[data-align="left"][data-valign="top"] .nui-resizable-nw,
.n2-ss-layer[data-align="left"][data-valign="middle"] .nui-resizable-w,
.n2-ss-layer[data-align="left"][data-valign="bottom"] .nui-resizable-sw,
.n2-ss-layer[data-align="center"][data-valign="top"] .nui-resizable-n,
.n2-ss-layer[data-align="center"][data-valign="middle"] .n2-ss-layer-cc,
.n2-ss-layer[data-align="center"][data-valign="bottom"] .nui-resizable-s,
.n2-ss-layer[data-align="right"][data-valign="top"] .nui-resizable-ne,
.n2-ss-layer[data-align="right"][data-valign="middle"] .nui-resizable-e,
.n2-ss-layer[data-align="right"][data-valign="bottom"] .nui-resizable-se {
    background: #0c92df;
    opacity: 1;
    border: 1px solid #fff;
}

.n2-ss-layer[data-align="left"][data-valign="top"][data-pm="absolute"] .nui-resizable-nw,
.n2-ss-layer[data-align="left"][data-valign="middle"][data-pm="absolute"] .nui-resizable-w,
.n2-ss-layer[data-align="left"][data-valign="bottom"][data-pm="absolute"] .nui-resizable-sw,
.n2-ss-layer[data-align="center"][data-valign="top"][data-pm="absolute"] .nui-resizable-n,
.n2-ss-layer[data-align="center"][data-valign="middle"][data-pm="absolute"] .n2-ss-layer-cc,
.n2-ss-layer[data-align="center"][data-valign="bottom"][data-pm="absolute"] .nui-resizable-s,
.n2-ss-layer[data-align="right"][data-valign="top"][data-pm="absolute"] .nui-resizable-ne,
.n2-ss-layer[data-align="right"][data-valign="middle"][data-pm="absolute"] .nui-resizable-e,
.n2-ss-layer[data-align="right"][data-valign="bottom"][data-pm="absolute"] .nui-resizable-se {
    background: #5f39c2;
}

.n2-ss-layer-cc {
    position: absolute;
    font-size: 0.1px;
    display: block;
    z-index: 92;
}

.n2-ss-layer .nui-resizable-handle,
.n2-ss-layer .nui-normal-sizing-handle {
    border-radius: 50px;
}

.n2-ss-layer .n2-ss-layer-cc,
.n2-ss-layer .nui-resizable-handle,
.n2-ss-layer .nui-normal-sizing-handle {
    display: none !important;
    background-image: none;
    border: 1px solid #0c92df;
    height: 7px;
    width: 7px;
    background: #fff;
}

.n2-ss-layer[data-pm="absolute"] .n2-ss-layer-cc,
.n2-ss-layer[data-pm="absolute"] .nui-resizable-handle,
.n2-ss-layer[data-pm="absolute"] .nui-normal-sizing-handle {
    border: 1px solid #5f39c2;
}

.n2-ss-layer .ui-column-width-handle {
    display: none !important;
    position: absolute;
    top: 25%;
    height: 50%;
    width: 0;
    cursor: ew-resize;
    /*border: 1px dashed #0c92df;*/
    width: 5px;
    background: RGBA(12, 146, 223, .5);
    z-index: 88;
    opacity: 1;
    box-sizing: border-box !important;
    border-radius: 5px;
}

.n2-ss-layer .ui-column-width-handle:HOVER {
    background: RGBA(12, 146, 223, 1);
}

.n2-ss-layer[data-pm="absolute"] .ui-column-width-handle {
    background: RGBA(95, 57, 194, .5);
}

.n2-ss-layer[data-pm="absolute"] .ui-column-width-handle:HOVER {
    background: RGBA(95, 57, 194, 1);
}

.n2-ss-layer .nui-spacing-handle {
    display: none !important;
    opacity: 1;
    z-index: 89;
    background: #0c92df;
    opacity: 0.5;
    overflow: hidden;
}

.n2-ss-layer[data-pm="absolute"] .nui-spacing-handle {
    background: #5f39c2;
}

.n2-ss-layer .nui-spacing-handle:HOVER,
.n2-ss-layer .nui-spacing-handle.nui-spacing-under-spacing {
    opacity: 0.8;
}

.n2-ss-layer .nui-resizable-n {
    left: 50%;
    top: -4px;
    margin-left: -4px;
}

.n2-ss-layer .nui-spacing-handle.nui-spacing-n {
    min-height: 5px;
    cursor: s-resize;
}

.n2-ss-layer .nui-spacing-handle-padding.nui-spacing-n {
    top: 0;
    margin-left: 0;
    left: 25%;
    width: 50%;
}

.n2-ss-layer .nui-spacing-handle-margin.nui-spacing-n {
    left: 0;
    bottom: 100%;
    width: 100%;
}

.n2-ss-layer .nui-resizable-e,
.n2-ss-layer .nui-normal-sizing-e {
    right: -4px;
    top: 50%;
    margin-top: -4px;
}

.n2-ss-layer .nui-spacing-handle.nui-spacing-e {
    min-width: 5px;
    cursor: w-resize;
}

.n2-ss-layer .nui-spacing-handle-padding.nui-spacing-e {
    top: 25%;
    margin-top: 0;
    right: 0;
    height: 50%;
}

.n2-ss-layer .nui-spacing-handle-margin.nui-spacing-e {
    top: 0;
    left: 100%;
    height: 100%;
}

.n2-ss-layer .nui-resizable-s,
.n2-ss-layer .nui-normal-sizing-s {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
}

.n2-ss-layer .nui-spacing-handle.nui-spacing-s {
    min-height: 5px;
    cursor: n-resize;
}

.n2-ss-layer .nui-spacing-handle-padding.nui-spacing-s {
    bottom: 0;
    margin-left: 0;
    left: 25%;
    width: 50%;
}

.n2-ss-layer .nui-spacing-handle-margin.nui-spacing-s {
    bottom: auto;
    top: 100%;
    left: 0;
    width: 100%;
}

.n2-ss-layer .nui-resizable-w,
.n2-ss-layer .nui-normal-sizing-w {
    left: -4px;
    top: 50%;
    margin-top: -4px;
}

.n2-ss-layer .nui-spacing-handle.nui-spacing-w {
    min-width: 5px;
    cursor: e-resize;
}

.n2-ss-layer .nui-spacing-handle-padding.nui-spacing-w {
    top: 25%;
    margin-top: 0;
    left: 0;
    height: 50%;
}

.n2-ss-layer .nui-spacing-handle-margin.nui-spacing-w {
    left: auto;
    right: 100%;
    top: 0;
    height: 100%;
}

.n2-ss-layer .nui-resizable-ne {
    right: -4px;
    top: -4px;
}

.n2-ss-layer .nui-resizable-se {
    right: -4px;
    bottom: -4px;
}

.n2-ss-layer .nui-resizable-sw {
    left: -4px;
    bottom: -4px;
}

.n2-ss-layer .nui-resizable-nw {
    left: -4px;
    top: -4px;
}

.n2-ss-layer .n2-ss-layer-cc {
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

.n2-ss-layer.n2-active:HOVER {
    box-shadow: inset 0 0 0 1px #0c92df;
}

.n2-ss-layer.n2-active[data-pm="absolute"]:HOVER,
[data-pm="absolute"] .n2-ss-layer.n2-active:HOVER {
    box-shadow: inset 0 0 0 1px #5f39c2;
}

.n2-ss-resize-layer .n2-ss-layer.n2-active > .nui-resizable-handle,
.n2-ss-layer.n2-active:HOVER > .nui-resizable-handle,
.n2-ss-resize-layer .n2-ss-layer.n2-active > .nui-normal-sizing-handle,
.n2-ss-layer.n2-active:HOVER > .nui-normal-sizing-handle,
.n2-ss-resize-layer .n2-ss-layer.n2-active > .n2-ss-layer-row > .ui-column-width-handle,
.n2-ss-layer.n2-active:HOVER > .n2-ss-layer-row > .ui-column-width-handle,
.n2-ss-resize-layer .n2-ss-layer.n2-active > .n2-ss-layer-row > .nui-spacing-handle,
.n2-ss-layer.n2-active:HOVER > .n2-ss-layer-row > .nui-spacing-handle,
.n2-ss-layer.n2-active:HOVER > .n2-ss-layer-cc,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active > .nui-resizable-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active > .nui-normal-sizing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active > .n2-ss-layer-cc {
    display: block !important;
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active > .nui-spacing-handle {
    display: none !important;
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container .n2-ss-layer.n2-active:HOVER > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container .n2-ss-layer.n2-active:HOVER > .n2-ss-layer-row > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container .n2-ss-layer.n2-active:HOVER > .n2-ss-layer-mask > .n2-ss-layer-row > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container .n2-ss-layer.n2-active:HOVER > .n2-ss-layer-content > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container .n2-ss-layer.n2-active:HOVER > .n2-ss-layer-mask > .n2-ss-layer-content > .nui-spacing-handle {
    display: block !important;
}

.nui-spacing-resizing > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.nui-spacing-resizing > .nui-spacing-handle,
.nui-resizable-resizing > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.nui-resizable-resizing > div > .nui-spacing-handle,
.nui-resizable-resizing > .nui-spacing-handle,
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.nui-resizable-resizing > div > .nui-spacing-handle {
    display: block !important;
}

.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.nui-spacing-resizing > .nui-spacing-handle.nui-spacing-under-spacing {
    opacity: 1;
}

#n2-ss-0 .nui-spacing-resizing .ui-column-width-handle,
#n2-ss-0 .n2-ss-layer-row[row-wrapped="1"] .ui-column-width-handle,
#n2-ss-0 [data-frontend-fullwidth="0"] > .n2-ss-layer-row .ui-column-width-handle {
    display: none !important;
}

.n2-ss-move-layer .n2-ss-layer.n2-active:HOVER .nui-resizable-handle,
.n2-ss-move-layer .n2-ss-layer.n2-active:HOVER .nui-normal-sizing-handle,
.n2-ss-move-layer .n2-ss-layer.n2-active:HOVER .n2-ss-layer-cc,
.n2-ss-animation-play-single #n2-ss-0 .n2-ss-layer .nui-resizable-handle,
.n2-ss-animation-play-single #n2-ss-0 .n2-ss-layer .nui-normal-sizing-handle,
.n2-ss-animation-play-single #n2-ss-0 .n2-ss-layer .n2-ss-layer-cc {
    display: none !important;
}

/* Make overflow visible on active layer */
.n2-ss-layer-edit-visible #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active {
    overflow: visible !important;
}

.n2-ss-item {
    position: relative;
    float: left;
    width: 100%;
}

.n2-ss-item-video,
.n2-ss-item-youtube,
.n2-ss-item-vimeo,
.n2-ss-item-area,
.n2-ss-item-imagearea {
    height: 100%;
}

[data-placement="absolute"] [data-placement]:not([data-placement="absolute"]):not([data-placement="all"]),
[data-placement="content"] [data-placement]:not([data-placement="content"]):not([data-placement="all"]),
[data-placement="normal"] [data-placement]:not([data-placement="normal"]):not([data-placement="all"]),
[data-placement="default"] [data-placement]:not([data-placement="default"]):not([data-placement="all"]),
[data-placement="group"] [data-placement]:not([data-placement="group"]):not([data-placement="all"]),
[data-placement=""] [data-placement] {
    display: none !important;
}

.n2-ss-editor-layer-mode-only,
.n2-ss-editor-group-mode-only {
    display: none !important;
}

.n2-ss-has-layers[data-component="layer"] .n2-ss-editor-layer-mode-only,
.n2-ss-has-layers[data-component="group"] .n2-ss-editor-group-mode-only {
    display: inline-block !important;
}

div#n2-ss-0 .n2-ss-layer-chain-parent {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 10px;
    line-height: 18px;
    font-size: 12px;
    width: 18px;
    display: none;
}

.n2-ss-layer-edit-visible .n2-ss-mode-desktopPortrait #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active.n2-ss-layer-has-parent .n2-ss-layer-chain-parent,
.n2-ss-mode-desktopPortrait #n2-ss-slide-canvas-container:HOVER .n2-ss-layer.n2-active.n2-ss-layer-has-parent:HOVER .n2-ss-layer-chain-parent {
    display: inline-block;
}

.n2-ss-layer-highlight {
    position: absolute;
    background: #0c92df;
    z-index: 91;
    opacity: 1;
}

.n2-ss-layer-highlight-n {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.n2-ss-layer-highlight-e {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}

.n2-ss-layer-highlight-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.n2-ss-layer-highlight-w {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
}

#n2-ss-0 .n2-ss-layer-row .n2-ss-layer-content {
    min-height: 20px;
}

[data-devicespecific] {
    position: relative;
}

#n2-ss-devicespecific-settings {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 10px;
    white-space: nowrap;
    z-index: 2;
}

#n2-ss-devicespecific-settings * {
    cursor: pointer;
    background: #a1aeb5;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #5b6874;
}

#n2-ss-devicespecific-settings > :first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 0;
}

#n2-ss-devicespecific-settings > :last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.n2-ss-mode-desktopPortrait #n2-ss-devicespecific-settings .n2-i-mini-desktop-portrait,
.n2-ss-mode-desktopLandscape #n2-ss-devicespecific-settings .n2-i-mini-desktop-landscape,
.n2-ss-mode-tabletPortrait #n2-ss-devicespecific-settings .n2-i-mini-tablet-portrait,
.n2-ss-mode-tabletLandscape #n2-ss-devicespecific-settings .n2-i-mini-tablet-landscape,
.n2-ss-mode-mobilePortrait #n2-ss-devicespecific-settings .n2-i-mini-mobile-portrait,
.n2-ss-mode-mobileLandscape #n2-ss-devicespecific-settings .n2-i-mini-mobile-landscape {
    background: #0c92df;
    border-color: #0b7dbe;
}

.n2-ss-layer[data-sstype="col"] > .n2-ss-layer-ui-label-container > .n2-ss-layer-ui-label-self {
    cursor: move;
}

.n2-highlight-structure .n2-ss-layer[data-sstype="col"] {
    box-shadow: 0 0 0 2px #0c92df;
}

.n2-highlight-structure[data-pm="absolute"] .n2-ss-layer[data-sstype="col"] {
    box-shadow: 0 0 0 2px #5f39c2;
}

.n2-ss-layer-under-creation {
    visibility: hidden !important;
}

[data-editormode="canvas"] div#n2-ss-0 .n2-ss-layer[data-sstype="content"].n2-ss-content-empty {
    display: none;
}

[data-editormode="content"] div#n2-ss-0 .n2-ss-layer[data-sstype="content"].n2-ss-content-empty {
    height: 100%;
}

#n2-ss-slide-canvas-container #n2-ss-0 .n2-ss-layers-container > .n2-ss-layer > .n2-ss-layer-ui-label-container > .n2-ss-layer-ui-label-up {
    display: none;
}

div#n2-ss-0 .n2-ss-layer-content .n2-ss-layer.n2-active:HOVER {
    z-index: 10;
}

#n2-ss-editor-mode .n2-i {
    font-size: 16px;
    vertical-align: middle;
}

.n2-context-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    background-color: #202934;
    color: #cedae2;
    z-index: 1000000;
    border-radius: 3px;
    line-height: 25px;
}

.n2-context-menu.n2-active {
    display: block;
}

.n2-context-menu > div {
    padding: 3px 10px;
    cursor: pointer;
}

.n2-context-menu > div:HOVER {
    background-color: RGBA(255, 255, 255, 0.2);
}

.n2-context-menu > div * {
    margin: 0 3px;
    vertical-align: middle;
}

.n2-context-menu > div .n2-i {
    font-size: 16px;
}

.n2-ss-banner {
    background-color: #212d3a;
    margin: 0 -1px;
    z-index: 2;
    position: relative;
    color: #fff;
}

.n2-ss-banner .n2-ss-banner-inner {
    display: flex;
    align-items: center;
    max-width: 960px;
}

.n2-ss-banner .n2-ss-banner-inner > div {
    margin: 20px;
}

.n2-ss-banner .n2-ss-banner-inner a + a {
    margin: 0 20px;
}

.n2-ss-banner .n2-ss-banner-inner p {
    color: #b2bfc9;
    font-size: 14px;
    margin: 20px 0;
}

[data-visibility="hidden"],
[data-visibility="hidden"] * {
    visibility: hidden !important;
}

div div#n2-ss-0 .n2-ss-static-slide div[data-sstype="content"],
div div#n2-ss-0 .n2-ss-static-slide div[data-sstype="content"] div.n2-ss-section-main-content {
    visibility: visible;
}
.n2-ss-sample-slides-container {
    display: none;
}

.n2-ss-add-slide-with-sample .n2-main-top-bar {
    display: none;
}

.n2-ss-add-slide-with-sample .n2-ss-sample-slides-container {
    display: block;
}

.n2-ss-add-slide-with-sample .n2-ss-edit-slide-top {
    display: none;
}

.n2-ss-add-slide-with-sample #smartslider-form {
    display: none;
}

.n2-ss-add-slide-with-sample #n2-ss-devices {
    display: none;
}

.n2-ss-add-slide-with-sample #n2-ss-toolbar {
    display: none;
}

.n2-ss-add-slide-with-sample #n2-ss-add-sidebar {
    top: 0;
}

.n2-ss-add-slide-with-sample #n2-ss-slide-canvas-container-inner {
    border-top: 0;
}

.n2-ss-sample-slides-container {
    position: relative;
    margin: 0 -1px -1px;
    background-color: #202934;
    z-index: 2;
}

.n2-ss-sample-slides-container iframe {
    width: 100%;
    height: 240px;
    border: 0;
}

.n2-ss-sample-slide-settings {
    padding: 20px;
    background: #212d3a;
    height: 68px;
    display: flex;
}

.n2-ss-sample-slide-settings .n2-ss-sample-slide-settings-col {
    flex: 0 0 auto;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.n2-ss-sample-slide-settings-col .n2-ss-sample-slide-setting {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.n2-ss-sample-slide-setting-label {
    color: #b2bfc9;
    font-size: 10px;
    text-transform: uppercase;
    padding-right: 20px;
}

#n2-ss-sample-slide-setting-background-image {
    position: relative;
    width: 100px;
    height: 68px;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

#n2-ss-sample-slide-setting-background-image .n2-i-close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-bottom-left-radius: 5px;
    background-color: #526377;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

#n2-ss-sample-slide-setting-opacity-slider {
}

.n2-ss-sample-slide-setting-field {
    margin-left: auto;
}

.n2-ss-sample-slide-setting-field .nui-slider {
    width: 100px;
    position: relative;
    background: #374d64;
    height: 6px;
    margin: 10px 10px;
    border-radius: 10px;
}

.n2-ss-sample-slide-setting-field .nui-slider .nui-slider-handle {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background: #fff;
    margin: -4px -7px 0;
    border-radius: 50px;
    cursor: ew-resize;
}

.n2-ss-sample-slide-settings .n2-ss-sample-slide-settings-col.n2-ss-sample-slide-settings-image-specific {
    display: none;
}

.n2-ss-sample-slide-settings.n2-ss-has-image .n2-ss-sample-slide-settings-col.n2-ss-sample-slide-settings-image-specific {
    display: flex;
}

.n2-ss-sample-slide-settings-col .n2-ss-sample-slide-setting.n2-ss-sample-slide-setting-gradient-specific {
    display: none;
}

.n2-ss-sample-slide-settings.n2-ss-has-gradient .n2-ss-sample-slide-settings-col .n2-ss-sample-slide-setting.n2-ss-sample-slide-setting-gradient-specific {
    display: flex;
}

.n2-ss-scrollbar-wrapper {
    background-color: #212d3a;
    padding: 4px;
    height: 8px;
    z-index: 10;
}

.n2-scroll-disable .n2-ss-scrollbar-wrapper {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.n2-ss-scrollbar-wrapper .n2-scroll-track {
    position: relative;
    height: 8px;
}

.n2-ss-scrollbar-wrapper .n2-scroll-grip {
    position: absolute;
    top: 0;
    background-color: #49586a;
    height: 8px;
    cursor: default;
    width: 20px;
    z-index: 2;
    border: 0;
    border-radius: 5px;
}

.n2-ss-scrollbar-wrapper.n2-ss-scrollbar-light {
    background-color: #b9c3c9;
}

.n2-ss-scrollbar-wrapper.n2-ss-scrollbar-light .n2-scroll-grip {
    background-color: #ffffff;
}

#n2-ss-zoom {
    width: 280px;
    text-align: center;
    vertical-align: middle;
}

#n2-ss-zoom .n2-ss-slider-zoom-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 34px;
    padding: 0 23px;
}

#n2-ss-zoom .n2-ss-slider-zoom-container > .n2-i {
    position: absolute;
    top: 9px;
    color: #6b7986;
    font-size: 16px;
}

#n2-ss-zoom .n2-ss-slider-zoom-container .n2-i-minus {
    left: -18px;
}

#n2-ss-zoom .n2-ss-slider-zoom-container .n2-i-plus {
    right: -18px;
}

.n2-ss-slider-zoom-bg {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 100%;
    background: #505c69;
    height: 6px;
    border-radius: 3px;
}

#n2-ss-slider-zoom {
    height: 100%;
    position: relative;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

#n2-ss-slider-zoom .nui-slider-range {
    display: none;
}

#n2-ss-slider-zoom .nui-slider-handle {
    position: absolute;
    top: 50%;
    display: block;
    width: 47px;
    height: 22px;
    margin-top: -11px;
    margin-left: -23px;
    background-color: #e6eaee;
    background: #e6eaee;
    border: none;
    border-radius: 3px;
    z-index: 2;
    color: #7b8898;
    font-size: 10px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.n2-ss-slider-zoom-1 {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1.5px;
    width: 3px;
    height: 100%;
    background-color: #6b7986;
}

.n2-ss-device-zoomer {
    min-width: 280px;
}

.n2-ss-device-zoomer #n2-ss-zoom {
    padding: 10px 0;
    background: #212d3a;
    margin: 0 auto;
    display: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.n2-ss-device-zoomer:HOVER #n2-ss-zoom {
    display: block;
}

.n2-ss-device-zoomer .n2-ss-slider-zoom-bg,
.n2-ss-device-zoomer .n2-ss-slider-zoom-1 {
    background-color: #374d64;
}

.n2-ss-device-zoomer #n2-ss-zoom .n2-ss-slider-zoom-container > .n2-i {
    color: #4e667f;
}

.n2-ss-device-zoomer #n2-ss-slider-zoom .nui-slider-handle {
    background-color: #526a80;
    color: #fff;
}

#n2-ss-devices {
    height: 60px;
}

#n2-ss-devices.n2-ss-devices-compact > .n2-controls-panel {
    width: 260px;
}

#n2-ss-devices .n2-table {
    font-size: 32px;
    color: #80a3b5;
    margin: 0 auto;
}

.n2-lb-header #n2-ss-devices .n2-table {
    color: #a4b0b7;
}

#n2-ss-devices .n2-td {
    height: 60px;
    vertical-align: middle;
    text-align: center;
}

#n2-ss-devices .n2-td {
    padding: 0 15px;
    cursor: pointer;
}

#n2-ss-devices .n2-td.n2-active {
    cursor: default;
    color: #0c92df;
}

.n2-i-devices:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATEAAAAeCAMAAABzNtkNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACdlBMVEUAAAChrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeOhrrWhrrWhrrUZmeMZmeMZmeOhrrWhrrUZmeMZmeOhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrUZmeMZmeMZmeOhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeOhrrWhrrWhrrWhrrWhrrUZmeMZmeMZmeMZmeMZmeOhrrUZmeOhrrWhrrUZmeMZmeOhrrUZmeOhrrWhrrUZmeMZmeOhrrUZmeOhrrUZmeOhrrUZmeOhrrWhrrUZmeMZmeOhrrWhrrWhrrUZmeMZmeMZmeOhrrUZmeOhrrWhrrWhrrUZmeMZmeMZmeOhrrUZmeOhrrUZmeMAAAA99lBfAAAA0XRSTlMAJ6DHzCgytbY2MLMnoMfMKDK1tjYws5+ytLGfsrSxxh0ixh0il5qXmgY7a5SvvspsB2aHBjtrlK++ymwHZod+wiN+wiMSgbh6SiYQAnl9DBKBuHpKJhACeX0MNbmdQwQzNbmdQwQzRrtLAUa7SwHIpRWkyKUVpJgKUqLDnk2YClKiw55Nhq2KhIatioTLLlgOT8suWA5PcH9ZX3B/WV+sJcQqrqwlxCquKSmjXqNeV1eRiZGJCQmIiLq6AzQDNIK3SYK3SSQkCG2hCG2hsLA3NxRx1r0AAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAE0UlEQVRo3s2a+18UVRTAN/eYJLmHJCAjS4pehG4vQrcHhq0bCrFu6BKkRmq+JSNTpBQpVlnjEY+wtAglFIjeWmCWZb7t8Se109z57Mzcc+eBLrPnl7nn3DOP8/3MvXPPueNyWZSbprhBKO4pU9W+N0+jnFJuIS47PVXrlDrd6gPp5NYZHhSKZ0aa2ve2mZRT+u3EZTMytU6ZGZafKAsMJUvtewftk0Jcdpbe6c4JEstGQ8lW+95F+6QTl52td7rb8hO5wagX7tFopC9pBZijVnPA8DYG4kGjXrxXo5G+pBXxPrWai4a3MY9X0BvT7te/Ow+IiNm5jRETtN4b0x7UvzsPiYiJ9YfzHsmfO8/rnTc3/9G8x6jQHhcNySd4YryTiBjnJ5AnC54qnL/A51swv/Dpgmeo0J4VDcnneGK8k4gY58ckp2ih+rEXFj3PExPPYhQx4vTrIJZbvEj92IuKX+CJiWcxihhxug1i/sVegMCLJUuWlpYuXVJSFgDwvlRuKWSqyxYxY12W4DIfYujliuUrwuEVyysqQ4i+V6oshUx12SJG6tWvAqxctTpuX71qJcC015KFWM3riGvWrosb1q1dgzjzDceIrXfDho2btD2bNm4A9/rkILbZg1u2btPatm3dgp7NDhGrroU3t/O+298Cd3UyEKupw7d38GfueAc9NY4Q8wdg5y5ZLa3f3dDw7nvsddu1EwJ+54kFQ7hnr9wMN+5ranr/A/a67d2DoaATxJohwub40v3y1+oAQ1YegWbnibVglM3x4YPy1+pDhqwqii0OEMtp9bYxrR7c7R0d7W74iBnavK05ThPL7fR1sWYjerp7ero9+DEzdPk6cyefWC8cUrQs+EQ6fBpPEhdDr9PEDuMRpZmNn0mHz+NJ4jI8PPnE+uALReuHDunQAf2K5Sgcc5rYAH6pNAexRzr04KBiOY4nJp9YBI6KiQ05TyyKx8XEhp0g1gtFijYij8qv4qPyUDKMymKlOSqPyq/jo/KIE6MyNvMPMe0bZeavZ4ah5Jj5h1nzW2Xmb2SGYUdm/tjqok9ZXXwnry6+L5X18r7kWF0MKKuLH+TVxY9hWa8acGR18f8K9iRD1j7S37+7ngE7ya9gE1G7MCMmrWBPMWTdo4OD+xoZsFP8CjYRtQtCj2VJI1SWNAK12ixpvwjYT4nOkkapLGkU67RZ0kERsJ8TkImPlegz8ZIxLhM3kERn4uMV+ky8YpzLxA3khld7xqRqz+m4/bRU7Un5xSwUQ2I3sAZbMy5Ve87EDWekak/6r0ahmRK7vhqs/7dYRfFsGaso/l52FqC1SFtRtLkz0mw2cu0QcwX/iFUUz1WyiuKflecQO4u1FUWbOyMtZiPXhJjLdV5ftT6vO9XO7putvSQLTjG5oK9aX9A52Nl9s7WXJNYv5l3Kj0g7I5H8S3kXuVOnXq4V86q9rNnhVYVNN3nXhgZjYi7XlYKrhVFpZyRaeLXgCteddq1OzKvuWpogbLrJuzY1GcE2FTkscXAJIWZD5LDEwSU1MTMrgF+t+iebmJkVMahWgxMhZmGv7C967KYSrql6p4n+RaCKkZqnNfI3PXYzCddMvZP1vwjsEGs7RgGbRf2p8k9AB2yif6rYIdZ1ggI2m/pT5d+QDljGf3zSNGZGqKPpAAAAAElFTkSuQmCC");
}

.n2-i-devices-all:before {
    background-position: 0 0;
}

.n2-i-devices-desktop:before {
    background-position: -40px 0;
}

.n2-i-devices-tablet:before {
    background-position: -80px 0;
}

.n2-i-devices-phone:before {
    background-position: -120px 0;
}

.n2-active > .n2-i-devices-all:before {
    background-position: -160px 0;
}

.n2-active > .n2-i-devices-desktop:before {
    background-position: -200px 0;
}

.n2-active > .n2-i-devices-tablet:before {
    background-position: -240px 0;
}

.n2-active > .n2-i-devices-phone:before {
    background-position: -280px 0;
}

.n2-generator-insert-variable .n2-variable-container {
    height: 90px;
    overflow: auto;
}

.n2-generator-insert-variable .n2-group-container {
    height: 40px;
    overflow: auto;
}

.n2-generator-insert-variable .n2-variable-container .n2-button,
.n2-generator-insert-variable .n2-group-container .n2-button {
    margin: 3px;
}

.n2-generator-insert-variable .n2-variable-container .n2-button.n2-active,
.n2-generator-insert-variable .n2-group-container .n2-button.n2-active {
    background: #0c92df;
}

.n2-generator-result-container {
    height: 100px;
    overflow: auto;
    margin: 0 3px;
}

.n2-ss-layer-picker {
    background: #6b7986;
    color: #fff;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    width: 28px;
    border-radius: 3px;
    margin: 0 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.n2-ss-layer-picker.n2-active {
    background: #0c92df;
}

#n2-ss-toolbar #n2-ss-layer-parent-linker.n2-under-pick,
.n2-ss-layer-picker.n2-under-pick {
    background-color: #51b82d;
}

#n2-ss-layer-parent-linker.n2-under-pick .n2-i-layerlink:before,
.n2-ss-layer-picker.n2-under-pick .n2-i-layerlink:before {
    content: "\e64b";
}

.n2-ss-picker-overlay,
.n2-ss-picker-overlay-tile {
    position: absolute;
    left: 0;
    top: 0;
    background: RGBA(25, 153, 227, 0.8);
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
}

.n2-ss-picker-overlay-tile {
    width: 33%;
    height: 33%;
}

.n2-ss-picker-overlay:HOVER,
.n2-ss-picker-overlay-tile:HOVER {
    background: RGBA(42, 52, 63, 0.9);
}

.n2-ss-picker-overlay-tile.n2-active,
.n2-ss-picker-overlay-tile.n2-active:HOVER {
    background: RGBA(0, 52, 63, 0.9);
}

#n2-ss-toolbar #n2-ss-layer-parent-linker {
    display: none;
}

.n2-ss-has-layers .n2-ss-mode-desktopPortrait #n2-ss-toolbar #n2-ss-layer-parent-linker {
    display: inline-block;
}

.n2-ss-layer.n2-ss-picking-on-layer {
    z-index: 1000000 !important;
}

.n2-ruler-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 10;
}

.n2-ruler-container > * {
    visibility: visible;
}

.n2-ruler {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    white-space: nowrap;
    direction: ltr;
}

.n2-ruler > span {
    position: relative;
    display: none;
    vertical-align: top;
}

.n2-ss-has-ruler .n2-ruler > span {
    display: inline-block;
}

.n2-ruler > span span {
    position: absolute;
    display: block;
    font-size: 10px;
    color: #7b8898;
    line-height: 10px;
}

.n2-ruler-guide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.n2-ss-show-guides .n2-ruler-guide {
    display: block;
}

.n2-ruler-guide .n2-ruler-guide-handle {
    position: absolute;
    background: #e6b625;
    left: 0;
    top: 0;
    width: 9px;
    height: 9px;
    cursor: pointer;
    font-family: 'Nextend' !important;
    font-size: 9px;
    color: #fff;
    line-height: 9px;
    text-align: center;
}

.n2-ruler-guide .n2-ruler-guide-handle:before {
    content: "\e90a";
}

.n2-ruler-horizontal {
    padding-left: 1px;
    height: 0;
    width: 100%;
}

.n2-ss-has-ruler .n2-ruler-horizontal {
    height: 39px;
}

.n2-ruler-horizontal > span.n2-ss-ruler-mark-large {
    height: 20px;
}

.n2-ruler-horizontal > span.n2-ss-ruler-mark-medium {
    height: 10px;
}

.n2-ruler-horizontal > span {
    width: 9px;
    height: 5px;
    border-right: 1px solid #bcc4c8;
}

.n2-ruler-horizontal span span {
    left: 12px;
    top: 10px;
}

.n2-ruler-vertical .n2-ruler-guide {
    height: 0;
    width: 3000px;
}

.n2-ss-lock-guides .n2-ruler-vertical .n2-ruler-guide {
    cursor: default;
}

.n2-ruler-vertical .n2-ruler-guide .n2-ruler-guide-border {
    border-bottom: 1px solid #ccaa2b;
    width: 100%;

}

.n2-ruler-vertical .n2-ruler-guide-handle {
    top: -4px;
}

.n2-ruler-vertical {
    padding-top: 1px;
    width: 0;
    height: 100%;
    background: #e9edf0;
    z-index: 5;
}

.n2-ss-has-ruler .n2-ruler-vertical {
    width: 40px;
}

.n2-ruler-vertical > span.n2-ss-ruler-mark-large {
    width: 20px;
}

.n2-ruler-vertical > span.n2-ss-ruler-mark-medium {
    width: 10px;
}

.n2-ruler-vertical > span {
    display: none;
    width: 5px;
    height: 9px;
    border-bottom: 1px solid #bcc4c8;
}

.n2-ss-has-ruler .n2-ruler-vertical > span {
    display: block;
}

.n2-ruler-vertical span span {
    left: 8px;
    top: 12px;
}

.n2-ruler-horizontal .n2-ruler-guide {
    width: 0;
    height: 3000px;
}

.n2-ss-lock-guides .n2-ruler-horizontal .n2-ruler-guide {
    cursor: default;
}

.n2-ruler-horizontal .n2-ruler-guide .n2-ruler-guide-border {
    border-right: 1px solid #ccaa2b;
    height: 100%;
}

.n2-ruler-horizontal .n2-ruler-guide-handle {
    left: -4px;
}

.n2-ruler-guide-handle {
    display: none;
}

.n2-ss-has-ruler .n2-ruler-guide-handle {
    display: block;
}