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

#html-body #anchor-content {
    padding-top: 30px;
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.n2-definition-list dt.n2-ss-slider-ordering {
    color: #fff;
    background-color: #212d3a;
    border: 0;
}

.n2-definition-list dt.n2-ss-slider-ordering > div {
    padding: 0 30px;
}

.n2-definition-list .n2-ss-slider-ordering .n2-button {
    min-width: 28px;
    line-height: 28px;
    height: 28px;
    margin-left: 10px;
    background-color: #54667b;
    color: #fff;
}

.n2-definition-list .n2-ss-slider-ordering .n2-button.n2-active {
    background: #0c92df;
}

.n2-definition-list dt.n2-ss-slider-ordering .n2-actions {
    background-color: #212d3a;
    padding-top: 16px;
}

.n2-definition-list .n2-ss-slider-ordering > .n2-actions a {
    display: inline-block;
    padding: 0;
}

.n2-definition-list .n2-ss-slider-ordering > .n2-actions .n2-i {
    vertical-align: top;
}

.n2-ss-slide2-list li .n2-actions .n2-i-duplicate,
.n2-ss-slide2-list li .n2-actions .n2-i-delete,
.n2-ss-slide2-list li .n2-actions .n2-i-star {
    visibility: hidden;
}

.n2-ss-slide2-list li:HOVER .n2-actions .n2-i-duplicate,
.n2-ss-slide2-list li:HOVER .n2-actions .n2-i-delete,
.n2-ss-slide2-list li .n2-actions .n2-i-star.n2-active,
.n2-ss-slide2-list li:HOVER .n2-actions .n2-i-star {
    visibility: visible;
}

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

.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-ss-container-device {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ccd1d6;
    border-width: 0 1px;
    margin-top: 40px;
}

.n2-modal.n2-ss-go-pro .n2-modal-window {
    /*background-color: #fafbff;*/
    text-align: center;
    /*color: #6b7989;*/
    line-height: 2;
}

.n2-modal.n2-ss-go-pro .n2-ss-rate {
    margin: 50px -20px 0;
    background: url('../images/free/rate.png');
    height: 90px;
    line-height: 90px;
    color: #ffffff;
}

.n2-modal.n2-ss-go-pro .n2-ss-rate .n2-h3 {
    display: inline-block;
    margin-right: 30px;
}

.n2-modal.n2-ss-go-pro .n2-modal-controls {
    margin-bottom: 40px;
}

.n2-box-free {
    background: url('../images/free/box.png');
}

.n2-box-free .n2-box-button > div {
    color: #fff;
}

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

.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;
    overflow: hidden;
    padding: 0 10px;
    line-height: 36px;
    box-shadow: none;
    color: #7b8898;
    font-size: 12px;
    background: #ffffff;
}

.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-slider-edit > .n2-form > .n2-form-tab {
    margin: 20px 0 0 0;
    border-radius: 0;
    border: 0;
}

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

.n2-box-add-license.n2-ss-license-has-active-key,
.n2-box-license-activated.n2-ss-license-no-active-key {
    display: none;
}

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

.n2-ss-sliders .n2-box-new-slider > a,
.n2-ss-sliders .n2-box-template-library > a {
    width: 100%;
    height: 180px;
    padding: 0;
}

.n2-ss-sliders .n2-box-new-slider > a:before,
.n2-ss-sliders .n2-box-template-library > a:before {
    display: block;
    font-family: 'Nextend' !important;
    font-size: 74px;
    line-height: 90px;
    content: "\e952";
    margin-top: 35px;
}

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

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

html[data-sliders='0'] .n2-ss-sliders-header {
    visibility: hidden;
}
html[data-slides='0'] .n2-ss-slider-edit {
    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 {
    position: absolute;
    top: 11px;
    right: 29px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: top;
}

.n2-slide-published {
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 16px;
}

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

html:not([data-slides='0']) #n2-ss-slides-container .n2-box-slide-drag-images,
html: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: 0px;
    right: 0;
    bottom: 0;
    margin: 0px;
    vertical-align: bottom;
    line-height: 130px;
    text-align: center;
    color: #fff;
}

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

html: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 .n2-ss-publish,
.n2-ss-unpublish,
.n2-ss-generator,
.n2-slide-state-first .n2-ss-setFirst {
    display: none;
}

.n2-slide-state-published .n2-ss-unpublish,
.n2-slide-state-has-generator .n2-ss-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-top: -10px;
    visibility: hidden;
}

.n2-ss-has-box-selection .n2-ss-slides-header {
    visibility: visible;
}

.n2-ss-slides-header .n2-button-menu-open .n2-button-menu {
    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-add-quick-image {
    width: 100%;
    height: 135px;
    padding: 0;
}

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

#n2-ss-slides .n2-box-slide-add .n2-button-menu-open {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #3e9021;
    border-radius: 3px;
    cursor: pointer;
}

#n2-ss-slides .n2-box-slide-add .n2-button-menu-open .n2-i:before {
    content: "\e911";
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}

.n2-add-quick-image {
    width: 123px;
}

.n2-button-menu-inner .n2-add-quick-image {
    width: auto;
}

.n2-ss-slides-header > * {
    vertical-align: middle;
    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: #7b8898;
}

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

html[data-slides='0'] .n2-ss-create-static-slide {
    display: none;
}
.n2-ss-layers-add {
    text-align: center;
}

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

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    width: 90px;
    height: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#n2-ss-layers .sortable-placeholder {
    border: 0;
    position: relative;
    height: 0;
    overflow: visible;
    z-index: 1001;
}

#n2-ss-layers .sortable-placeholder div {
    position: absolute;
    left: 0px;
    top: -1px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid RGBA(254, 254, 254, 0.8);
    box-shadow: 0 0 3px 0px RGBA(254, 254, 254, 0.8);
}

#n2-ss-layers .ui-sortable-helper {
    opacity: 0.5;
}

/*
.n2-ss-layer-group-row > .n2-ss-layer-title,
.n2-list .n2-ss-layer-row {
    border-bottom: 1px solid #343f4c;
}
*/
.n2-list .n2-ss-layer-group-row {
    border-bottom: 0px;
}

.n2-ss-layer-group-row > .n2-ss-layer-title {
    border-bottom: 1px solid RGBA(0, 0, 0, 0.2);
}

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

.n2-ss-layer-group-row ul.n2-list {
    min-height: 10px;
}

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

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

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

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

.n2-ss-layer-row .n2-inline-form {
    margin: 0 30px;
}

.n2-ss-layer-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;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.n2-ss-layer-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 {
    opacity: 1;
}

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

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

.n2-ss-layer-row.n2-active > .n2-ss-layer-title,
.n2-ss-layer-row.n2-active > .n2-ss-layer-title .n2-actions-left .n2-i,
.n2-ss-layer-row.n2-active > .n2-ss-layer-title .n2-actions .n2-i,
.n2-ss-layer-row.n2-selected .n2-ss-layer-title,
.n2-ss-layer-row.n2-selected .n2-ss-layer-title .n2-actions-left .n2-i,
.n2-ss-layer-row.n2-selected .n2-ss-layer-title .n2-actions .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-animation-row {
    list-style: none;
    color: #b2bfc9;
}

.n2-ss-animation-title {
    position: relative;
    line-height: 39px;
    background-color: #303b47;
    cursor: pointer;
    text-transform: capitalize;
}

.n2-ss-animation-title span {
    padding: 0 40px;
}

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

.n2-ss-animation-title .n2-actions a,
.n2-ss-animation-title .n2-actions-left a {
    display: inline-block;
    height: 100%;
}

.n2-ss-animation-title .n2-actions-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 16px;
    cursor: default;
    font-size: 16px;
    line-height: 38px;
}

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

.smartslider-advanced-layer-mode-active #layersanditems li.layer-orderable.item-active.active .layerTitle {
    border-left: 5px solid #eef3f8;
}

#layeritemeditorpanel,
#smartslider-slide-toolbox-layer .n2-sidebar-pane-sizer {
    visibility: hidden;
}

#layeritemeditorpanel > .n2-form {
    margin-bottom: 0;
}

#layeritemeditorpanel .n2-form-element-radio .n2-radio-option {
    margin: 5px;
}

#layer-animation-chain-in,
#layer-animation-chain-out {
    position: relative;
}

#layer-animation-chain-in .sortable-placeholder,
#layer-animation-chain-loop .sortable-placeholder,
#layer-animation-chain-out .sortable-placeholder {
    background-color: #212d3a;
    border-bottom: 1px solid #343f4c;
    border-width: 0 0 1px 0;
}

#layer-animation-chain-in .n2-td,
#layer-animation-chain-loop .n2-td,
#layer-animation-chain-out .n2-td {
    vertical-align: middle;
}

#n2-tab-smartslider-editor {
    background-color: #fff;
    margin: -21px 0 0 0;
    border-width: 1px 0 0 0;
    padding-bottom: 400px;
    padding-bottom: 40vh;
    position: relative;
}

/*
#n2-tab-smartslider-editor.n2-ss-theme-dark {
    background-color: #343F4C;
}
*/
.n2-ss-theme-dark #smartslider-adjust-height,
.n2-ss-theme-dark .n2-ruler-vertical {
    background-color: #28313a;
}

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

#n2-tab-smartslider-editor .n2-heading-controls {
    z-index: 9;
    padding: 0;
    min-height: 0;
    border: 0;
    height: 0;
    background: #4d5d70;
}

.n2-ss-slider-visible #n2-tab-smartslider-editor .n2-heading-controls {
    height: auto
}

#n2-tab-smartslider-editor.n2-scroll-disable .n2-heading-controls {
    height: 54px;
    border-bottom: 0;
}

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

#n2-ss-control-line {
    position: relative;
    height: 28px;
    white-space: nowrap;
    z-index: 1000;
    padding: 13px 10px;
    line-height: 28px;
}

#n2-ss-control-line > * {
    line-height: 28px;
    height: 28px;
    vertical-align: top;
}

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

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

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

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

#n2-ss-slide-canvas-settings .n2-ss-settings-panel-inner {
    margin-top: 6px;
    min-width: 180px;
    box-shadow: 0px 0px 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: 0px;
    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-control-line .n2-button-grey {
    background-color: #a1aeb5;
}

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

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

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

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

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

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

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

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

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

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

#n2-ss-layer-parent-linker,
#n2-ss-theme,
#n2-ss-control-line #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";
}

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

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

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

.n2-ss-preview-mode .n2-ss-layer.n2-highlight .ui-item-overlay {
    display: none;
}

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

/*
.n2-ss-layer .ui-resizable-n,
.n2-ss-layer .ui-resizable-e,
.n2-ss-layer .ui-resizable-s,
.n2-ss-layer .ui-resizable-w {
    opacity: 0.5;
}
*/

.n2-ss-layer .n2-ss-layer-cc,
.n2-ss-layer .ui-resizable-ne,
.n2-ss-layer .ui-resizable-se,
.n2-ss-layer .ui-resizable-sw,
.n2-ss-layer .ui-resizable-nw {
    opacity: 0;
}

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

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

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

.n2-ss-layer .n2-ss-layer-cc,
.n2-ss-layer .ui-resizable-handle {
    background-image: none;
    border: 1px solid #0c92df;
    height: 7px;
    width: 7px;
    background: #fff;
}

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

.n2-ss-layer .ui-resizable-e {
    right: -4px;
    top: 50%;
    margin-top: -4px;
}

.n2-ss-layer .ui-resizable-s {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
}

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

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

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

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

.n2-ss-layer .ui-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-quick-panel {
    position: absolute;
    z-index: 1000;
    width: 72px;
    height: 28px;
    margin: -6px 0 0 -34px;
    padding: 5px;
}

.n2-ss-layer-quick-panel .n2-ss-layer-quick-panel-option {
    display: inline-block;
    cursor: pointer;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    background: RGBA(43, 52, 63, 0.9);
    text-align: center;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #fff;
    margin: 1px;
    vertical-align: top;
}

.n2-ss-layer-quick-panel .n2-ss-layer-quick-panel-option-center {
    width: 14px;
    overflow: hidden;
}

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

.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-layer-border {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #0c92df;
    box-sizing: border-box;
}

.n2-ss-resize-layer div#n2-ss-0 .n2-ss-layer .n2-ss-layer-border,
.n2-ss-move-layer div#n2-ss-0 .n2-ss-layer .n2-ss-layer-border,
.n2-ss-layer-edit-visible #n2-tab-smartslider-editor:HOVER /*div#n2-ss-0:HOVER*/ .n2-ss-layer.n2-active .n2-ss-layer-border,
div#n2-ss-0 .n2-ss-layer:HOVER .n2-ss-layer-border {
    display: block;
}

/**
Layer editor interactions
**/

.n2-ss-layer .ui-resizable-handle,
.n2-ss-layer .ui-rotatable-handle,
.n2-ss-layer .n2-ss-layer-cc {
    display: none !important;
}

.n2-ss-resize-layer .n2-ss-layer.n2-active .ui-resizable-handle,
.n2-ss-layer.n2-active:HOVER .ui-resizable-handle,
.n2-ss-layer.n2-active:HOVER .n2-ss-layer-cc,
.n2-ss-layer-edit-visible #n2-tab-smartslider-editor:HOVER /*#n2-ss-0:HOVER*/ .n2-ss-layer.n2-active .ui-resizable-handle,
.n2-ss-resize-layer .n2-ss-layer.n2-active .ui-rotatable-handle,
.n2-ss-layer-edit-visible #n2-ss-0:HOVER .n2-ss-layer.n2-active .ui-rotatable-handle,
.n2-ss-layer-edit-visible #n2-tab-smartslider-editor:HOVER /*#n2-ss-0:HOVER*/ .n2-ss-layer.n2-active .n2-ss-layer-cc {
    display: block !important;
}

.n2-ss-move-layer .n2-ss-layer.n2-active:HOVER .ui-resizable-handle,
.n2-ss-move-layer .n2-ss-layer.n2-active:HOVER .ui-rotatable-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 .ui-resizable-handle,
.n2-ss-animation-play-single #n2-ss-0 .n2-ss-layer .n2-ss-layer-cc,
.n2-ss-animation-play-single #n2-ss-0 .n2-ss-layer .n2-ss-layer-border {
    display: none !important;
}

.n2-ss-layer-edit-visible #n2-ss-0:HOVER .n2-ss-layer.n2-active {
    overflow: visible !important;
}

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

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

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

.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 .ui-rotatable-handle,
.n2-ss-select-layer-mode #n2-ss-0 .n2-ss-layer-selected .ui-resizable-handle {
    display: none !important;
}

.n2-ss-layer-group-row li.n2-ss-layer-row {
    background: #28313a;
}

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

#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 .n2-ss-layer {
    cursor: not-allowed;
}

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

#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-tab-smartslider-editor #n2-ss-0 .n2-ss-layer .ui-resizable-handle,
.n2-ss-preview-mode #n2-tab-smartslider-editor #n2-ss-0 .n2-ss-layer .ui-rotatable-handle,
.n2-ss-preview-mode #n2-tab-smartslider-editor #n2-ss-0 .n2-ss-layer .n2-ss-layer-cc,
.n2-ss-preview-mode #n2-tab-smartslider-editor #n2-ss-0 .n2-ss-layer .n2-ss-layer-chain-parent,
.n2-ss-preview-mode #n2-tab-smartslider-editor #n2-ss-0 .n2-ss-layer .n2-ss-layer-border,
#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 {
    display: none !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%;
}

#smartslider-slide-toolbox-layer {
    position: relative;
}

#layeritemdraggable {
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: #f04040;
    cursor: ns-resize;
}

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

ul.animation-list {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}

ul.animation-list li {
    margin: 0;
    padding: 0;
    background: #eef3f8;
}

ul.animation-list li.sortable-animation {
    border-bottom: 1px solid #cdd1d6;
}

.n2-ss-layer-solo-mode .n2-ss-layer {
    opacity: 0.5 !important;
}

.n2-ss-layer-solo-mode .n2-ss-layer-solo {
    z-index: 100000000 !important;
    opacity: 1 !important;
}

.n2-panel-titlebar {
    position: relative;

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

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

.n2-panel-titlebar-nav {
    position: absolute;
    top: 0;
    line-height: 30px;
    height: 30px;
    padding: 13px 11px;
}

.n2-panel-titlebar-nav-left {
    left: 0;
}

.n2-panel-titlebar-nav-right {
    right: 0;
}

.n2-panel-titlebar-nav > * {
    display: inline-block;
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    padding: 0;
    vertical-align: top;
}

.n2-panel-titlebar-nav .n2-i {
    vertical-align: middle;
}

.n2-panel-titlebar-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 60px 0 60px;
    text-align: center;
}

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

#n2-ss-slide-sidebar .n2-ss-slide-sidebar-actions {
    position: absolute;
    top: 0;
    left: -35px;
    width: 32px;
}

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

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

#n2-ss-layer-edit-activate-row .n2-ss-layer-row {
    border-bottom: 0;
}

#n2-ss-layer-edit-activate-row .n2-actions-left {
    padding: 0;
    margin: 0;

}

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

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

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

#n2-tabbed-slide-editor-settings span {

}

.n2-sidebar {
    width: 340px;
}

#n2-ss-slide-sidebar {
    width: 355px;
}

#n2-ss-slide-sidebar .ui-resizable-handle {

}

#n2-ss-slide-sidebar table {
    display: block;
}

#n2-ss-slide-sidebar tbody {
    display: block;
}

#n2-ss-slide-sidebar tr {
    display: block;
}

#n2-ss-slide-sidebar td {
    display: block;
    width: auto;
}

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

#n2-ss-slide-sidebar .n2-empty-label {
    padding: 0;
    height: 4px;
}

#n2-ss-slide-sidebar .n2-empty-group-label {
    padding: 0;
    height: 0;
}

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

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

/*
#n2-ss-slide-sidebar input {
    max-width: 120px !important;
}
*/
#n2-ss-slide-sidebar textarea {
    max-width: 290px !important;
    width: 290px !important;
}

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

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

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

#n2-ss-slide-sidebar .n2-button-m {
    height: 24px;
    line-height: 24px;
}

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

#n2-ss-slide-sidebar .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-slide-sidebar .n2-sidebar-tab-switcher .n2-td .n2-i {
    font-size: 32px;
    line-height: 47px;
}

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

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

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

#n2-ss-slide-sidebar .n2-has-underline > .n2-underline::after {
    display: none;
}

/**
WHEN SIDEBAR DETACHED
**/
.n2-sidebar-hidden .n2-panel-titlebar {
    line-height: 30px;
    height: 30px;
    cursor: move;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.n2-sidebar-hidden .n2-panel-titlebar-nav {
    padding: 0 8px;
}

.n2-sidebar-hidden #n2-ss-slide-sidebar {
    position: fixed;
    left: 100px;
    top: 100px;
    z-index: 100000;
}

.n2-ss-slide-sidebar-crop {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0px 1px 10px RGBA(0, 0, 0, 0.5);
    overflow: hidden;
    background: #3c4958;
}

/*
.n2-sidebar-hidden #n2-ss-slide-sidebar .n2-tabs > div {
    overflow-x: hidden;
}
*/
.n2-ss-edit-slide-top {
    background: #fff;
    border-bottom: 1px solid #ccd1d6;
    padding: 30px 20px 30px 40px;
}

.n2-ss-edit-slide-top table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.n2-ss-edit-slide-top td {
    padding: 0;
}

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

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

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

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

td.n2-ss-edit-slide-top-details {
    vertical-align: top;
    padding: 20px;
}

.n2-ss-edit-slide-top-details .n2-h1 {
    color: #606d7b;
    margin-bottom: 15px;
    cursor: pointer;
}

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

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

td.n2-ss-edit-slide-top-tabs {
    padding: 0 15px;
}

.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 {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    border-left: 0px;
    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;
}

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

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

.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-editor-layer-mode-only,
.n2-ss-editor-group-mode-only {
    display: none !important;
}

.n2-ss-has-layers.n2-ss-editor-mode-LAYER .n2-ss-editor-layer-mode-only,
.n2-ss-has-layers.n2-ss-editor-mode-GROUP .n2-ss-editor-group-mode-only {
    display: inline-block !important;
}

#n2-ss-slide-vertical-bar {
    background: #212d3a;
    position: absolute;
    left: -1px;
    top: 54px;
    bottom: -1px;
    width: 50px;
    text-align: center;
}

.n2-ss-slide-vertical-bar-inner {
    position: relative;
    /*top: 95px;*/
    /*overflow: auto;*/
}

#n2-ss-slide-vertical-bar .n2-ss-slide-vertical-bar-inner > * {
    margin-top: 10px;
    color: #80a3b5;
}

#n2-ss-slide-vertical-bar.n2-active .n2-ss-slide-vertical-bar-inner > * {
    margin-top: 0;
}

#n2-ss-slide-vertical-bar.n2-active {
    width: 341px;
    z-index: 2;
}

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

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

#n2-ss-slide-vertical-bar.n2-active .n2-ss-slide-vertical-bar-inner > a {
    display: none;
}

#n2-ss-slide-vertical-bar.n2-active .n2-ss-slide-vertical-bar-inner {
    width: 341px !important;
}

#n2-ss-slide-vertical-bar.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;
}

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

#smartslider-adjust-height {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-bottom: 1px solid #ccd1d6;
    background-color: #e9edf0;
    margin-left: 49px;
    border-top: 1px solid #ccd1d6;
}

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

.n2-ss-slider-outer-container {
    position: relative;
    float: left;
}

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

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

/*
.n2-ss-slides-outer-container-visible .n2-ss-edit-slide-top,
.n2-ss-slides-outer-container-visible #smartslider-form,
.n2-ss-slides-outer-container-visible #n2-ss-layers,
.n2-ss-slides-outer-container-visible #n2-ss-slide-sidebar,
.n2-ss-slides-outer-container-visible .n2-sidebar,
.n2-ss-slides-outer-container-visible #n2-tab-smartslider-editor,
.n2-ss-slides-outer-container-visible #n2-ss-undo,
.n2-ss-slides-outer-container-visible #n2-ss-redo,
.n2-ss-slides-outer-container-visible .n2-ss-device-zoomer,
.n2-ss-slides-outer-container-visible .n2-top-bar-actions {
    display: none !important;
}
*/
.n2-ss-layer-status {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

.n2-ss-layer-status > a .n2-i,
.n2-ss-layer-status > 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-status-locked .n2-ss-layer-status .n2-ss-sc-bulk .n2-i:before {
    content: "\e609";
}

.n2-ss-layer-row.n2-selected .n2-ss-layer-status .n2-ss-sc-bulk .n2-i:before {
    content: "\e90b";
}
*/
.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-ss-layer-list-group-opener.n2-closed .n2-i:before {
    content: "\e921";
}

#n2-ss-layers {
    position: fixed;
    bottom: 0;
    width: 340px;
    margin: 0 -1px;
    z-index: 1;
    height: 48px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    display: none;
    background-color: #28313a;
    z-index: 10000;
}

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

.n2-ss-editor-mode-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;
}

.n2-ss-editor-mode-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-i-desktopPortrait:before {
    content: '\e926';
}

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

.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-ss-slide-sidebar .ui-autocomplete {

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

#n2-ss-slide-sidebar .n2-form-element-autocomplete .ui-autocomplete .ui-menu-item {
    padding-right: 20px;
}

/*
.n2-ss-layer-menu {
    display: none;
    width: 160px;
    margin-left: -80px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
    white-space: nowrap;
    text-align: center;
}

.n2-ss-layer-menu.n2-active {
    display: block;
}

.n2-ss-resize-layer .n2-ss-layer-menu.n2-active,
.n2-ss-move-layer .n2-ss-layer-menu.n2-active {
    display: none;
}

.n2-ss-layer-menu a {
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    padding: 0 12px;
    height: 40px;
    display: inline-block;
    background: RGBA(32, 41, 52, 0.95);
}

.n2-ss-layer-menu a.n2-first {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.n2-ss-layer-menu a.n2-last {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.n2-ss-layer-menu a > * {
    vertical-align: middle;
}
*/
input#presets {
    max-width: none !important;
    width: 150px;
}

#n2-tab-basiccsspreset {
    /*position: sticky;
    top: 0;*/
    background-color: #3c4958;
    /*border-bottom: 1px solid #28313a;*/
    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-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";
}

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

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

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

.n2-ss-small-more {
    float: right;
    margin: -38px 20px 0;
}

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

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-tab-smartslider-editor:HOVER .n2-ss-layer.n2-active.n2-ss-layer-has-parent .n2-ss-layer-chain-parent,
.n2-ss-mode-desktopPortrait #n2-tab-smartslider-editor:HOVER .n2-ss-layer.n2-active.n2-ss-layer-has-parent:HOVER .n2-ss-layer-chain-parent {
    display: inline-block;
}

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

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

.n2-ss-background-type-gradient .n2-ss-background-video-param,
.n2-ss-background-type-gradient .n2-ss-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-ss-slide-sidebar .n2-ss-generator-param {
    display: none;
}

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

#n2-admin.n2-ss-mode-desktopPortrait .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-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 .track {
    position: relative;
    height: 8px;
}

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

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

.n2-ss-scrollbar-wrapper.n2-ss-scrollbar-light .thumb {
    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;
    cursor: pointer;
}

#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-radius: 0;
}

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

#n2-ss-slider-zoom .ui-slider-handle {
    position: absolute;
    top: 50%;
    display: block;
    width: 47px;
    height: 22px;
    margin-top: -11px;
    margin-left: -23px;
    background-color: #e6eaee;
    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-lock {
    display: inline-block;
    position: absolute;
    right: -36px;
    top: 9px;
    cursor: pointer;
    line-height: 16px;
}

#n2-ss-lock .n2-i {
    color: #6b7986;
    font-size: 16px;
}

#n2-ss-lock.n2-active .n2-i:before {
    content: "\e609";
}

.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,
.n2-ss-device-zoomer #n2-ss-zoom #n2-ss-lock > .n2-i {
    color: #4e667f;
}

.n2-ss-device-zoomer #n2-ss-slider-zoom .ui-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 10px;
}

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

html[dir="rtl"] #n2-ss-devices .n2-table {
    float: left;
}

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

.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-box-generator .n2-box-button{
    text-align: center;
}

.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-control-line #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 0px 0px 0px 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-control-line #n2-ss-layer-parent-linker {
    display: none;
}

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

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

.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: 0px;
    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: 0px;
    height: 1600px;
}

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