.nbd-workspace .main {
    background: #505050
}

body, html {
    color: #3c3c3b
}

h3, h4, input, p, span, textarea {
    color: #3c3c3b
}

.md-bottom-sheet .md-subheader, .md-chips, body, button, html, input, select, textarea {
    font-family: Helvetica, sans-serif, sans-serif
}

.tool_draw li a.menuUp {
    opacity: 1
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main .text-sub-heading {
    display: none !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span {
    border: 1px solid;
    margin: 15px;
    border-radius: 0;
    color: #535353 !important;
    background-color: #ececec;
    font-family: helvetica, serif;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 100 !important;
    text-align: left;
    padding: 10px 0 8px 20px
}

.nbd-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 60%) !important;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    backdrop-filter: blur(20px)
}

.popup-nbo-options .main-popup {
    width: 50% !important
}

div.quick-view div.quick-view-content {
    overflow: auto;
    width: 56%;
    float: right;
    overflow: unset;
    padding: 0 25px
}

table.nbd-tb-options {
    width: 100%
}

table.nbo-summary-table {
    width: 100%
}

table.nbo-table-pricing {
    width: 100%
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span .image-hover {
    display: none
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span img {
    max-width: 50px;
    height: auto;
    float: right;
    vertical-align: middle;
    padding: 0;
    margin: -3px 10px 0 0
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span:after {
    content: '';
    display: block;
    clear: both
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span:hover {
    background-color: #5c2483;
    color: #fff !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span:hover img {
    display: none
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span:hover .image-hover {
    display: inline-block
}

.nbd-field-header {
    background: #ececec !important;
    color: #3c3c3b !important;
    text-transform: uppercase
}

.nbo-style-1 {
    border: 1px solid #fff
}

.nbo-style-1 .nbo-summary-title, .nbo-style-1 .nbo-table-pricing-title {
    background: #fff;
    text-transform: uppercase
}

.nbo-style-1 .nbo-summary-table, .nbo-style-1 .nbo-table-pricing {
    font-family: inherit
}

.nbd-button, div.quick-view div.quick-view-image a.button {
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 24px;
    color: #fff !important;
    background: #222 !important;
    border: 1px solid #222 !important;
    border-radius: 0 !important
}

.nbd-button:hover, div.quick-view div.quick-view-image a.button:hover {
    color: #222 !important;
    background-color: #fff !important;
    border-color: #3c3c3b !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.nbd-cat-dropdown span, .nbd-sidebar #tab-svg .cliparts-category .nbd-button i, .nbd-sidebar #tab-svg .cliparts-category .nbd-button span {
    color: inherit;
    font-size: 18px;
    text-transform: uppercase;
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul li span {
    text-transform: uppercase;
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul li {
    padding: 5px 25px;
}

.nbd-sidebar .tabs-content {
    width: 345px;
    text-align: center;
    height: calc(100vh - 54px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    overflow: hidden;
    position: relative;
    background: #3c3c3c
}

.nbd-sidebar .tabs-nav {
    background: #222222
}

.nbd-sidebar .tabs-nav .active {
    background-color: #fff
}

.nbd-field-content .nbd-label-wrap .nbd-option-wrapper label, label.nbd-label.ng-isolate-scope {
    margin: 2px 0 0 !important
}

.nbd-label, .nbd-sidebar #tab-product.tab-main #nbd-options-wrap .nbd-field-content label.nbd-label.ng-isolate-scope {
    font-weight: 400;
    border-radius: 3px !important;
    box-shadow: none !important;
    height: 30px !important;
    line-height: 29px !important;
    min-width: 70px;
    text-align: center
}

.nbd-label-wrap input[type=radio] + label, .nbd-sidebar #tab-product.tab-main #nbd-options-wrap .nbd-field-content label.nbd-label.ng-isolate-scope, .nbo-sub-attr-l input[type=radio] + label {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #3c3c3b
}

.nbd-label-wrap input[type=radio]:checked + label, .nbo-sub-attr-l input[type=radio]:checked + label {
    background: #5c2483 !important;
    color: #fff !important
}

.nbd-swatch-tooltip, .nbo-group-timeline-tooltip {
    font-family: inherit;
    background: #3c3c3b !important
}

.nbd-radio label:before, .nbo-sub-attr-r label:before {
    border: 1px solid #3c3c3b !important
}

.nbd-radio input[type=radio]:checked + label:after, .nbo-sub-attr-r input[type=radio]:checked + label:after {
    background: #5c2483 !important
}

.nbd-swatch-wrap input[type=radio]:checked + label:after, .nbo-checkbox-wrap input[type=checkbox]:checked + label:after {
    width: 10px !important;
    height: 16px !important;
    top: 5px !important;
    left: 11px !important
}

#nbu-upload-nbo-options.active .nbu-options-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nbd-main-bar .item-nbo-options span {
    border: 1px solid #5c2483;
    border-radius: 0;
    color: #5c2483 !important
}

.nbd-main-bar .item-nbo-options span:hover {
    color: #fff !important;
    background: #5c2483
}

.nbd-main-bar ul.menu-right .menu-item.item-process {
    color: #fff;
    background: #5c2483;
    border: 1px solid #fff;
    border-radius: 0
}

.nbd-main-bar ul.menu-right .menu-item.item-process:hover {
    color: #5c2483;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.nbd-main-bar ul.menu-right .menu-item i.icon-nbd, .nbd-main-bar ul.menu-right .menu-item.item-process i, .nbd-main-bar ul.menu-right .menu-item.item-process span, .nbd-main-menu button span, .nbd-main-menu li span {
    color: inherit !important
}

.nbd-main-bar ul.menu-right .menu-item i.icon-nbd, .nbd-main-menu button span, .nbd-main-menu li span {
    color: #5c2483
}

.tour_start span {
    border: 1px solid #5c2483
}

.color-selectors {
    margin-top: 10px;
    text-align: center;
    width: 80%;
    display: inline-block
}

.color-selectors p {
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px;
    width: auto;
    flex: 1 0 0;
    cursor: pointer;
    margin: 0 2px
}

.input-cmyk, .input-hex, .input-rgb {
    margin-bottom: 0
}

.input-rgb * {
    display: inline-block;
    width: 45px;
    text-align: center
}

.input-cmyk * {
    display: inline-block;
    width: 31px
}

.color-selectors-input div {
    display: none
}

.color-selectors-input div.active {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.color-selectors .active {
    border-color: #000
}

.color-selectors p {
    display: none
}

.color-selectors p.active {
    display: block
}

.color-switcher {
    cursor: pointer;
    width: 15%;
    display: inline-block;
    vertical-align: bottom
}

.color-selectors-input input {
    padding: 4px 2px;
    margin: 0;
    background: 0 0;
    border-radius: 3px;
    color: #222;
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb
}

.tip-icon {
    background-image: url(https://bsjqx9br.myraidbox.de/wp-content/uploads/2021/07/idea.svg) !important;
    background-color: #5c2483 !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    margin: 0 10px 0 0
}

.tip-icon svg {
    opacity: 0 !important
}

.nbd-tip {
    border-left: 5px solid #5c2483;
    transform: translateX(calc(100% - 5px))
}

.nbd-main-bar ul.menu-right .menu-item.item-process {
    margin: 0 5px
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu {
    border-radius: 3px
}

.nbd-guideline-bleedline, .nbd-guideline-safezone, .nbd-guideline-warning {
    background: #fff;
    border: solid 1px #ececec;
    border-radius: 3px
}

.nbd-guideline-bleedline .nbd-popup-trigger i, .nbd-guideline-safezone .nbd-popup-trigger i, .nbd-guideline-warning .nbd-warning-inner i {
    border-radius: 3px
}

li.menu-item.item-opacity.item-angle.ipad-mini-hidden:hover {
    background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23FFFFFF;%7D%3C/style%3E%3C/defs%3E%3Cpath class="cls-1" d="M13,0a13,13,0,1,0,8.3,3H25V1H17V9h2V3.79A11,11,0,1,1,13,2Z"/%3E%3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px
}

li.menu-item.item-opacity.item-angle.ipad-mini-hidden {
    background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23cccccc;opacity:1;%7D%3C/style%3E%3C/defs%3E%3Cpath class="cls-1" d="M13,0a13,13,0,1,0,8.3,3H25V1H17V9h2V3.79A11,11,0,1,1,13,2Z"/%3E%3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px
}

.nbd-stages-nav-toggle-inner .toggle-direction {
    position: absolute;
    fill: #fff;
    left: 50%;
    transform: translateX(-50%) rotate(0)
}

.page-toolbar .icon-nbd-arrow-upward {
    border-radius: 3px;
    padding: 8px 0
}

.x-dimension span {
    border-radius: 3px
}

.y-dimension .dimension-number-wrap .dimension-number {
    border-radius: 3px
}

.nbd-sidebar .nbd-items-dropdown .main-items .pointer {
    position: absolute;
    z-index: 2;
    display: none;
    width: 10px;
    bottom: -5px;
    height: 10px;
    margin: 14px 0 0 -8px;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color .3s linear;
    transition: border-color .3s linear;
    background-color: #333
}

.nbd-sidebar .nbd-items-dropdown .result-loaded.loaded {
    border: 1px solid #777
}

.nbd-sidebar .nbd-items-dropdown .result-loaded {
    margin-top: 0;
    padding: 10px;
    background-color: #ececec
}

.clipart-wrap .clipart-item, .mansory-wrap .mansory-item {
    visibility: visible !important;
    width: 31.3%;
    margin: 3px;
    padding: 5px;
    z-index: 3;
    cursor: pointer;
    border: solid 1px #777;
    border-radius: 3px;
    background-color: transparent
}

#selectedTab span:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 0;
    background-color: #472b5a
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item {
    border-bottom: 1px dotted #ccc;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    border-radius: 0
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item:hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item.active {
    border: 1px solid #ccc;
    background-color: #eee
}

.mansory-wrap {
    margin-top: 0
}

.popup-low-res-alert .body, .popup-low-res-alert .head, .popup-upload-alert .body, .popup-upload-alert .head, .popup-upload-size-alert .body, .popup-upload-size-alert .head {
    text-align: center;
    padding: 10px 0;
    font-family: Helvetica, serif;
    color: #161615;
    font-size: 18px
}

.nbd-popup.popup-low-res-alert.nb-show, .nbd-popup.popup-upload-alert .overlay-main, .nbd-popup.popup-upload-alert .overlay-popup, .nbd-popup.popup-upload-alert.nb-show, .nbd-popup.popup-upload-size-alert .overlay-main, .nbd-popup.popup-upload-size-alert .overlay-popup, .nbd-popup.popup-upload-size-alert.nb-show, .popup-low-res-alert .overlay-main, .popup-low-res-alert .overlay-popup {
    background: 0 0 !important;
    opacity: 1;
    backdrop-filter: blur(5px)
}

.popup-low-res-alert .footer a:nth-child(1) {
    float: left
}

.popup-low-res-alert .footer a:nth-child(2) {
    float: right
}

.popup-low-res-alert .footer:after {
    content: '';
    clear: both;
    display: block
}

.popup-upload-alert .body p, .popup-upload-size-alert .body p {
    margin: 20px 0
}

.popup-upload-alert .footer .button, .popup-upload-size-alert .footer .button {
    min-width: 200px
}

.popup-upload-alert .footer, .popup-upload-size-alert .footer {
    text-align: center
}

.popup-upload-alert .close-popup img, .popup-upload-size-alert .close-popup img {
    width: 20px
}

.popup-upload-alert .close-popup, .popup-upload-size-alert .close-popup {
    top: 2px;
    right: 10px
}

.information-guide {
    position: absolute;
    top: 50px;
    right: 80px;
    background-color: #fff;
    z-index: 9;
    cursor: pointer
}

.information-guide * {
    transition: all .3s ease
}

.information-guide .information-guide-hover {
    display: none
}

.information-guide:hover .information-guide-default {
    display: none
}

.information-guide:hover .information-guide-hover {
    display: block
}

.draw-main-nav, .qr-main-nav {
    min-height: 133px
}

.zoomer-toolbar .nbd-main-menu, .zoomer-toolbar .nbd-main-menu .rzslider {
    margin: 0;
    min-width: 100px
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu {
    background: 0 0;
    box-shadow: none
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-fullscreen {
    border: 0
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level > span {
    position: absolute;
    top: -15px
}

.zoomer-toolbar .nbd-main-menu .rzslider .rz-pointer {
    width: 10px;
    height: 10px;
    background: #999;
    top: -4px
}

.zoomer-toolbar .nbd-main-menu .rzslider .rz-pointer:focus-visible {
    outline: 0
}

.zoomer-toolbar .nbd-main-menu .rzslider .rz-bar {
    background: #999;
    height: 2px;
    border-radius: 0
}

.zoomer-toolbar .nbd-main-menu .rzslider .rz-pointer:after {
    display: none
}

.zoomer-toolbar .nbd-main-menu .icon-nbd {
    border: 1px solid #999
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item i, .nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level span {
    font-size: 13px !important
}

.nbd-main-menu.menu-center.tool-path li span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.bleed-line {
    border: 2px solid #999 !important;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 30%)
}

.safe-line {
    border: 1px solid rgba(100, 100, 100, .3) !important
}

.nbd-stages .stage .stage-main {
    width: 410px;
    height: 410px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    background-color: #fafafa;
    margin: auto 0
}

.design-wrap.has-border {
    border: 1px dashed #9a9a9a;
    border-image: url(https://bsjqx9br.myraidbox.de/wp-content/uploads/2021/08/wLdVc-e1628087825655.png) 1 round;
    box-sizing: content-box
}

.bleed-line.shaped svg > path {
    stroke: #999;
    stroke-width: 2;
    stroke-dasharray: none;
    fill: transparent;
}

.safe-line.shaped svg > path {
    stroke: rgb(100 100 100 / 30%);
    stroke-width: 1px;
    stroke-dasharray: none;
    fill: transparent;
}

.nbd-tip {
    border-left: 5px solid #5c2483;
    transform: translateX(calc(100% - 5px));
    display: none
}

img.information-guide-default {
    display: none !important
}

img.information-guide-hover {
    display: none !important
}

.help-guide, .information-guide {
    position: absolute;
    width: 84px;
    height: 86px;
    top: 50px;
    right: 10px;
    background-color: #fff0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.33' height='63.523' viewBox='0 0 60.33 63.523'%3E%3Cg id='Gruppe_5' data-name='Gruppe 5' transform='translate(467.838 -530.716)'%3E%3Cg id='Gruppe_1' data-name='Gruppe 1'%3E%3Crect id='Rechteck_3' data-name='Rechteck 3' width='60.33' height='63.523' rx='8' transform='translate(-467.838 530.716)' fill='%232a2a29'/%3E%3Cg id='Gruppe_2' data-name='Gruppe 2'%3E%3Crect id='Rechteck_4' data-name='Rechteck 4' width='2.404' height='3.536' transform='translate(-430.899 558.801) rotate(-45)' fill='%23c8c7c7' opacity='0'/%3E%3Crect id='Rechteck_5' data-name='Rechteck 5' width='3.536' height='2.404' transform='translate(-448.595 559.548) rotate(-45)' fill='%23c8c7c7' opacity='0'/%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='3.6' height='2.4' transform='translate(-426.991 549.126)' fill='%23c8c7c7' opacity='0'/%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='3.6' height='2.4' transform='translate(-451.956 549.126)' fill='%23c8c7c7' opacity='0'/%3E%3Crect id='Rechteck_8' data-name='Rechteck 8' width='3.536' height='2.404' transform='translate(-430.983 541.936) rotate(-45)' fill='%23c8c7c7' opacity='0'/%3E%3Crect id='Rechteck_9' data-name='Rechteck 9' width='2.404' height='3.536' transform='translate(-448.591 541.108) rotate(-45)' fill='%23c8c7c7' opacity='0'/%3E%3C/g%3E%3Cg id='INFO' style='isolation: isolate'%3E%3Ctext id='INFO-2' data-name='INFO' transform='translate(-454.438 586.122)' fill='%23d3d3d3' font-size='13' font-family='Helvetica' letter-spacing='0.068em' style='isolation: isolate'%3E%3Ctspan x='0' y='0'%3EINFO%3C/tspan%3E%3C/text%3E%3C/g%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M-427.073,548.89a10.965,10.965,0,0,0-8.8-9.218,10.083,10.083,0,0,0-4.588.233,10.713,10.713,0,0,0-5.747,3.949,10.954,10.954,0,0,0-1.633,3.17,11.307,11.307,0,0,0-.432,1.869,11.109,11.109,0,0,0,3.7,9.7,7.231,7.231,0,0,1,2.2,3.6v7.2h2.7a2.266,2.266,0,0,0,3.067.933,2.262,2.262,0,0,0,.933-.933h2.7v-7.2a7.217,7.217,0,0,1,2.2-3.6A11.109,11.109,0,0,0-427.073,548.89Zm-8.2,18h-4.8v-2.4h4.8Z' fill='%23c8c7c7'/%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M-427.073,548.89a10.965,10.965,0,0,0-8.8-9.218,10.083,10.083,0,0,0-4.588.233,10.713,10.713,0,0,0-5.747,3.949,10.954,10.954,0,0,0-1.633,3.17,11.307,11.307,0,0,0-.432,1.869,11.109,11.109,0,0,0,3.7,9.7,7.231,7.231,0,0,1,2.2,3.6v7.2h2.7a2.266,2.266,0,0,0,3.067.933,2.262,2.262,0,0,0,.933-.933h2.7v-7.2a7.217,7.217,0,0,1,2.2-3.6A11.109,11.109,0,0,0-427.073,548.89Zm-8.2,18h-4.8v-2.4h4.8Z' fill='%23c8c7c7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
    z-index: 9;
    cursor: pointer;
    transition: all .2s ease
}

.help-guide {
    background-image: none !important
}

.information-guide:hover {
    background-size: 70px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.33' height='63.523' viewBox='0 0 60.33 63.523'%3E%3Cg id='Group_4' data-name='Group 4' transform='translate(0)'%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='60.33' height='63.523' rx='4' transform='translate(0)' fill='%232a2a29'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2.404' height='3.536' transform='translate(38.765 29.811) rotate(-45)' fill='%23ffe500'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='3.536' height='2.404' transform='translate(17.565 30.611) rotate(-45)' fill='%23ffe500'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='3.6' height='2.4' transform='translate(43.365 18.411)' fill='%23ffe500'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='3.6' height='2.4' transform='translate(13.565 18.411)' fill='%23ffe500'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='3.536' height='2.404' transform='translate(38.765 9.411) rotate(-45)' fill='%23ffe500'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2.404' height='3.536' transform='translate(17.565 8.611) rotate(-45)' fill='%23ffe500'/%3E%3Ctext id='INFO' transform='translate(11.893 55.407)' fill='%23ffe500' font-size='14.325' font-family='Helvetica' letter-spacing='0.069em'%3E%3Ctspan x='0' y='0'%3EINFO%3C/tspan%3E%3C/text%3E%3Cpath id='Path_5' data-name='Path 5' d='M40.765,18.176a10.962,10.962,0,0,0-8.8-9.219,10.084,10.084,0,0,0-4.588.233,10.729,10.729,0,0,0-5.751,3.946A10.979,10.979,0,0,0,20,16.306a11.318,11.318,0,0,0-.432,1.87,11.11,11.11,0,0,0,3.7,9.7,7.223,7.223,0,0,1,2.2,3.6v7.2h2.7a2.267,2.267,0,0,0,4,0h2.7v-7.2a7.223,7.223,0,0,1,2.2-3.6A11.11,11.11,0,0,0,40.765,18.176Zm-8.2,18h-4.8v-2.4h4.8Z' fill='%23ffe500'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: all .2s ease
}

.help-guide {
    top: 120px;
    background-image: none
}

.help-guide:hover {
    background-image: none
}

.v-snapline {
    left: -9999px;
    top: -20px;
    height: calc(100% + 40px);
    width: 3px !important;
    background-image: linear-gradient(to bottom, rgb(92 36 131 / 95%) 8px, transparent 8px);
    background-size: 2px 12px;
    background-repeat: repeat-y
}

.h-snapline {
    top: -9999px;
    left: -20px;
    width: calc(100% + 40px);
    height: 3px !important;
    background-image: linear-gradient(to right, rgb(92 36 131 / 95%) 8px, transparent 8px);
    background-size: 12px 2px;
    background-repeat: repeat-x
}

.icon-nbd {
    color: #3c3c3b;
    display: inline-block
}

.main-toolbar path {
    fill: #3c3c3b !important
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li {
    margin: 2px;
    cursor: pointer;
    border-radius: 100%
}

.nbd-color-picker-preview {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-shadow: none
}

.geo-object-options li span.non-stroke {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-shadow: none
}

.geo-object-options li span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.geo-object-stroke {
    width: 40px;
    height: 30px;
    padding: 0 10px
}

.nbd-color-palette {
    width: 240px;
    min-width: 220px;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    display: none
}

.tour-guide {
    visibility: hidden !important
}

.frame-panel {
    background-size: auto 100%;
    background-position: 50%;
    background-color: #999;
    background-image: none
}

.clipart-wrap .clipart-item img {
    border: none;
    background: 0 0;
    width: 100%;
    min-height: 30px;
    border-radius: 0;
    object-fit: contain;
}

.nbd-sidebar #tab-typography .tab-main .typography-body .typography-item {
    width: 92%;
    padding: 15px 5px;
    margin: 5px 10px;
    list-style-type: none;
    background-color: #f1f1f1
}

.nbd-sidebar .tabs-nav ul.main-tabs li.active svg path {
    fill: #472b5a
}

.nbd-sidebar .main-items .item[data-type=qr-code] .item-icon i {
    color: #222
}

.free-draw-settings {
    border-bottom: 1px solid transparent;
    padding-top: 10px
}

.nbd-sidebar .tabs-nav ul.main-tabs li.active {
    background: #fff !important
}

.nbd-sidebar .tabs-nav ul.main-tabs li.active i, .nbd-sidebar .tabs-nav ul.main-tabs li.active span {
    color: #222222
}

.nbd-sidebar .tabs-nav ul.main-tabs li.active svg#template-icon path {
    fill: #222222 !important
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab {
    background: #222222 !important
}

.nbd-main-bar .item-nbo-options span, .nbd-main-menu li span, .nbd-main-menu li.menu-item {
    color: #222 !important;
    font-family: Helvetica, serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 14px
}

.nbd-main-bar {
    background: #222222 !important;
    justify-content: flex-start
}

.nbd-main-bar ul.menu-center li.menu-item i, .nbd-main-bar ul.menu-center li.menu-item span {
    color: #fff !important;
    font-family: Helvetica, serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 12px !important
}

li.menu-item.undo-redo.nbd-disabled {
    opacity: .5 !important
}

.nbd-sidebar .tabs-content .nbd-search input + i {
    color: #3c3c3c !important
}

.nbd-sidebar .tabs-content .nbd-search input {
    color: #3c3c3c;
    font-family: helvetica, serif;
    font-size: 14px;
    font-weight: 100;
    background: #fff !important
}

.nbd-main-bar .item-nbo-options:hover span {
    background: 0 0 !important;
    color: inherit !important
}

.nbd-main-bar .item-nbo-options span {
    border: none !important
}

.tour_start span {
    border: 1px solid #ccc
}

.stage-config-name {
    font-family: 'uni sans', serif !important;
    font-size: 1.5em !important;
    outline: 0;
    border: 0;
    background: #222222 !important
}

ul.nbd-main-menu.menu-right li.menu-item.item-title {
    padding: 0
}

ul.nbd-main-menu.menu-right li.menu-item.item-title {
    position: relative;
    left: -50px
}

.nbd-main-bar ul.menu-right .menu-item i, .nbd-main-bar ul.menu-right .menu-item span {
    color: #fff !important
}

.nbd-main-bar ul.menu-right .menu-item {
    background: #fff !important
}

.nbd-main-bar ul.menu-right .menu-item:hover i, .nbd-main-bar ul.menu-right .menu-item:hover span {
    color: #594268 !important
}

.nbd-main-bar ul.menu-right .menu-item:hover {
    background: #fff !important
}

.x-dimension:after {
    border-bottom: 1px solid #999;
    top: 5px
}

.x-dimension {
    top: 17px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 10px
}

.y-dimension:after {
    border-right: 1px solid #999;
    left: 5px
}

.y-dimension {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    width: 10px
}

.y-dimension .dimension-number-wrap .dimension-number {
    margin-left: -15px
}

.x-dimension span, .y-dimension .dimension-number-wrap .dimension-number {
    height: 10px;
    background: #505050;
    border-radius: 0;
    padding: 0 20px;
    line-height: 10px;
    border: none;
    box-sizing: border-box;
    display: inline-block;
    z-index: 2;
    position: relative;
    font-size: 1em;
    color: #999;
    text-transform: uppercase;
    vertical-align: top
}

.nbd-ver-ruler.temporary-hidden svg rect {
    fill: #3c3c3c;
    height: 2px
}

.nbd-sidebar #tab-typography .tab-main, .nbd-sidebar .tabs-content .tab, .nbd-sidebar .tabs-content .tab.active, .nbd-sidebar .tabs-content .tab.active .tab-main.tab-scroll.ps.ps--theme_default.ps--active-y {
    background: #3c3c3c !important
}

.zoomer-toolbar i, .zoomer-toolbar li.menu-item span {
    color: #999 !important
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-info .item-name, .nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-info .product-name, .text-guide {
    color: #ccc !important
}

.nbd-toolbar .main-toolbar {
    background: #3c3c3c
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom i, .nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom i:before, .nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom input, .nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom span {
    color: #3c3c3c !important
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom {
    background: #fff !important
}

ul.nbd-main-menu.menu-center.ng-scope li.menu-item.item-color-fill.nbd-show-color-palette span {
    border-color: #777 !important
}

div#nbd-color-palette li {
    border: 1px solid #777 !important;
    box-shadow: none !important
}

.toolbar-text ul.nbd-main-menu.menu-right li.menu-item > i {
    color: #777 !important
}

.toolbar-text ul.nbd-main-menu.menu-right li.menu-item > i > svg > path {
    fill: #777 !important
}

.toolbar-text ul.nbd-main-menu.menu-right li.menu-item:hover {
    border-color: #ccc !important
}

.item-spacing .main-ranges, .nbd-color-palette-inner, li.menu-item.item-font-familly.ng-scope.active .sub-menu {
    background: #333
}

.item-spacing .main-ranges {
    width: 100%;
    padding: 20px 10px 0
}

.item-spacing .main-ranges .value-display {
    text-align: center !important
}

li.menu-item.item-font-familly.ng-scope.active .sub-menu .toolbar-menu-header .toolbar-separator {
    color: #ccc
}

li.menu-item.item-font-familly.ng-scope.active .sub-menu .toolbar-menu-header .toolbar-header-line {
    background: #ccc
}

li.menu-item.item-font-familly.ng-scope.active .sub-menu li.sub-menu-item.ng-scope.ng-isolate-scope.chosen, li.menu-item.item-font-familly.ng-scope.active .sub-menu li.sub-menu-item:hover {
    background: #ccc !important
}

li.menu-item.item-font-familly.ng-scope.active .sub-menu li.sub-menu-item.ng-scope.ng-isolate-scope.chosen span, li.menu-item.item-font-familly.ng-scope.active .sub-menu li.sub-menu-item:hover span {
    color: #333 !important
}

.nbd-color-palette-inner h3 {
    color: #ccc
}

.item-spacing .main-ranges label {
    color: #ccc !important
}

.item-spacing .main-ranges .range.range-spacing {
    position: relative
}

.nbd-color-palette-inner li {
    border: 1px solid #ccc !important
}

.nbd-color-palette-inner li.color-palette-add.ng-scope:after {
    left: -1px;
    top: -1px
}

.nbd-color-palette-inner li.color-eyedropper.ng-scope svg path {
    fill: #ccc !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main span i {
    color: #ccc !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main > span {
    color: #ccc !important;
    background: 0 0 !important;
    border: 1px solid #ccc !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main > span:hover i {
    color: #fff !important
}

.nbd-sidebar #tab-typography .tab-main .typography-head .head-main > span:hover {
    color: #fff !important;
    background: #222 !important
}

.typography-body.ng-scope ul.typography-items li {
    background: #333 !important
}

.main-items.active-expanded.draw-main-nav .draw-icon-item .item-icon {
    background: #fff
}

.main-items.active-expanded.draw-main-nav .draw-icon-item .item-icon i {
    color: #222 !important
}

.draw-item i {
    color: #777
}

.draw-item {
    border: 1px solid #777;
    background: 0 0 !important
}

.draw-item.active i, .draw-item:hover i {
    color: #222
}

.draw-item.active, .draw-item:hover {
    background: #fff !important
}

.result-loaded.overflow-visible.loaded {
    background: #333 !important
}

.nbd-sidebar .nbd-items-dropdown .main-items .pointer {
    background-color: #333
}

.free-draw-settings h3, .free-draw-settings label, .free-draw-settings span {
    color: #ccc !important
}

.free-draw-settings .color li {
    border: 1px solid #777 !important;
    border-radius: 100%;
    margin: 2px
}

.free-draw-settings .color li.color-palette-add:after {
    left: -1px;
    top: -1px
}

.free-draw-settings button.nbd-button.nbd-dropdown {
    background: 0 0 !important;
    border: 1px solid #777 !important
}

.free-draw-settings button.nbd-button.nbd-dropdown, .free-draw-settings button.nbd-button.nbd-dropdown i {
    color: #777 !important;
    text-transform: capitalize
}

button.nbd-button.nbd-dropdown.active, button.nbd-button.nbd-dropdown.active i {
    color: #ccc !important;
    border-color: #ccc !important
}

.cliparts-category .nbd-button.nbd-dropdown.active .nbd-sub-dropdown li.active span, .cliparts-category .nbd-button.nbd-dropdown.active .nbd-sub-dropdown li:hover span, button.nbd-button.nbd-dropdown.active .nbd-sub-dropdown li.active span, button.nbd-button.nbd-dropdown.active .nbd-sub-dropdown li:hover span {
    color: #fff !important
}

.cliparts-category .nbd-button.nbd-dropdown.active .nbd-sub-dropdown li.active, .cliparts-category .nbd-button.nbd-dropdown.active .nbd-sub-dropdown li:hover, button.nbd-button.nbd-dropdown.active .nbd-sub-dropdown li.active, button.nbd-button.nbd-dropdown.active .nbd-sub-dropdown li:hover {
    background: #222 !important
}

.cliparts-category .nbd-button.nbd-dropdown.active .nbd-sub-dropdown, button.nbd-button.nbd-dropdown.active .nbd-sub-dropdown {
    background: #333 !important
}

.free-draw-settings .brush {
    margin-top: 20px !important
}

.type-qrcode button.nbd-button:hover {
    background: #fff !important;
    opacity: 1 !important
}

.type-qrcode button.nbd-button.nbd-disabled {
    background: 0 0 !important;
    border: 1px solid #ccc !important;
    color: #ccc !important
}

.type-qrcode button.nbd-button.nbd-disabled {
    opacity: .3 !important
}

.main-qrcode svg path {
    fill: #ccc !important
}

div#tab-photo .item-icon i {
    color: #222 !important
}

div#tab-photo .item i svg path:first-child {
    fill: #472b51 !important
}

div#tab-photo .form-upload.nbd-dnd-file.ng-isolate-scope i:before, div#tab-photo .form-upload.nbd-dnd-file.ng-isolate-scope span {
    color: #ccc !important
}

div#tab-photo .allow-size span, div#tab-photo .clear-local-images-wrap span, div#tab-photo .nbd-term.ng-scope span {
    color: #ccc !important
}

.collage-main-nav .item-icon i svg path:first-child {
    fill: #222 !important
}

.frame-wrap-inner .frame-panel {
    background: #777
}

.cliparts-category .nbd-button.nbd-dropdown i,
.cliparts-category .nbd-button.nbd-dropdown span {
    color: #CCC !important
}

.cliparts-category .nbd-button.nbd-dropdown {
    background: 0 0 !important;
    border: 1px solid #777 !important
}

.cliparts-category .nbd-button.nbd-dropdown.active i, .cliparts-category .nbd-button.nbd-dropdown.active span {
    color: #ccc !important
}

.cliparts-category .nbd-button.nbd-dropdown.active {
    background: 0 0 !important;
    border: 1px solid #ccc !important
}

.tab-main .result-loaded.loaded {
    background: 0 0 !important
}

.main-popup td, .nbd-popup.popup-keyboard.nb-show .main-popup .copy-right p, .nbd-popup.popup-keyboard.nb-show .main-popup i.close-popup, .nbd-popup.popup-keyboard.nb-show .main-popup span {
    color: #ccc
}

.nbd-popup.popup-keyboard.nb-show .main-popup {
    background: #3c3c3c !important
}

.nbd-popup.popup-keyboard.nb-show .main-popup li.nbd-tab.active {
    border-bottom-color: #3c3c3c !important
}

.nbd-text-color-picker {
    z-index: -1;
    top: 0;
    left: 240px;
    width: 240px;
    height: 100%;
    background: #3c3c3c;
    transition-timing-function: ease-in-out;
    transition: all .8s;
    animation-direction: normal;
    -webkit-animation: linear;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 1s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

@-webkit-keyframes slide {
    50% {
        left: 0
    }
    100% {
        left: 0
    }
}

@keyframes slide {
    50% {
        left: 0
    }
    100% {
        left: 0
    }
}

div#nbd-bg-color-picker.active, div#nbd-global-color-picker.active, div#nbd-text-color-picker.active {
    z-index: -1;
    top: 0;
    left: 240px;
    width: 240px;
    height: 100%;
    background: #3c3c3c;
    animation-direction: normal;
    -webkit-animation: linear;
    -webkit-animation-name: run;
    -webkit-animation-duration: 1s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@-webkit-keyframes run {
    0% {
        left: 0
    }
    50% {
        left: 240px
    }
}

.free-draw-settings div#nbd-bg-color-picker {
    -webkit-animation: none;
    left: 60px;
    transition: none
}

div#nbd-bg-color-picker .sp-container, div#nbd-global-color-picker .sp-container, div#nbd-text-color-picker .sp-container {
    width: 100% !important;
    display: block !important;
    border: none !important
}

div#nbd-bg-color-picker .sp-picker-container, div#nbd-global-color-picker .sp-picker-container, div#nbd-text-color-picker .sp-picker-container {
    width: 92% !important;
    background: #3c3c3c
}

div#nbd-bg-color-picker div, div#nbd-global-color-picker div, div#nbd-text-color-picker div {
    color: #ccc !important
}

div#nbd-bg-color-picker .color-selectors-input input, div#nbd-global-color-picker .color-selectors-input input, div#nbd-text-color-picker .color-selectors-input input {
    background: #fff !important;
}

div#nbd-bg-color-picker p.active, div#nbd-global-color-picker p.active, div#nbd-text-color-picker p.active {
    background: #fff !important
}

div#nbd-bg-color-picker button.nbd-button, div#nbd-global-color-picker button.nbd-button, div#nbd-text-color-picker button.nbd-button {
    border: 1px solid #777 !important;
    color: #777 !important;
    background: 0 0 !important;
    width: 92%
}

div#nbd-bg-color-picker .color-switcher svg path, div#nbd-global-color-picker .color-switcher svg path, div#nbd-text-color-picker .color-switcher svg path {
    fill: #ccc !important
}

/*div#nbd-bg-color-picker .color-selectors-input .input-rgb.active input, div#nbd-global-color-picker .color-selectors-input .input-rgb.active input, div#nbd-text-color-picker .color-selectors-input .input-rgb.active input {*/
/*    width: 57px*/
/*}*/

/*div#nbd-bg-color-picker .color-selectors-input .input-cmyk.active input, div#nbd-global-color-picker .color-selectors-input .input-cmyk.active input, div#nbd-text-color-picker .color-selectors-input .input-cmyk.active input {*/
/*    width: 38px*/
/*}*/

/*div#nbd-bg-color-picker .color-selectors-input .input-hex.active input, div#nbd-global-color-picker .color-selectors-input .input-hex.active input, div#nbd-text-color-picker .color-selectors-input .input-hex.active input {*/
/*    width: 97%*/
/*}*/

.free-draw-settings span.heading-title p small, .nbd-main-menu .sub-menu li small {
    color: #ccc
}

.nbd-hoz-ruler.temporary-hidden svg rect {
    fill: #3c3c3c;
    width: 2px
}

.nbd-main-menu.menu-left .tour_start {
    display: none
}

.nbd-pc-logo {
    margin-left: 20px;
    width: 150px
}

.nbd-main-bar .sub-menu, .nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item {
    background: #3c3c3c
}

.nbd-main-menu .item-edit .sub-menu, .nbd-main-menu .item-view .sub-menu {
    top: calc(100% + -5px)
}

.nbd-main-menu .sub-menu li span {
    margin-right: 20px
}

.nbd-main-menu li i:hover svg path {
    color: #fff !important;
    fill: #fff !important
}

.nbd-main-menu .sub-menu li span.font-name-wrap span {
    font-family: inherit;
    text-transform: none
}

.nbd-main-menu .sub-menu:after, .nbd-main-menu .sub-menu:before {
    border-bottom: 7px solid #3c3c3c
}

#nav-cloud-upload svg path, #nav-collage svg path {
    fill: #fff
}

#nav-cloud-upload.active svg path, #nav-collage.active svg path {
    fill: #472b5a
}

.main-toolbar .icon-nbd-refresh:before, .main-toolbar .icon-nbd-round-crop:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block
}

.main-toolbar .icon-nbd-round-crop:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1034 1024' style='enable-background:new 0 0 1034 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23777777;%7D%0A%3C/style%3E%3Cpath class='st0' d='M735.3,640h85.3V298.7c0-46.9-38.4-85.3-85.3-85.3H394v85.3h298.7c23.5,0,42.7,19.2,42.7,42.7L735.3,640 L735.3,640z M351.3,725.3c-23.5,0-42.7-19.2-42.7-42.7V85.3c0-23.5-19.2-42.7-42.7-42.7l0,0c-23.5,0-42.7,19.2-42.7,42.7v128h-128 c-23.5,0-42.7,19.2-42.7,42.7l0,0c0,23.5,19.2,42.7,42.7,42.7h128v426.7c0,46.9,38.4,85.3,85.3,85.3h426.7v128 c0,23.5,19.2,42.7,42.7,42.7l0,0c23.5,0,42.7-19.2,42.7-42.7v-128h128c23.5,0,42.7-19.2,42.7-42.7l0,0c0-23.5-19.2-42.7-42.7-42.7 H351.3z'/%3E%3C/svg%3E%0A")
}

.main-toolbar .menu-item.menu-crop:hover .icon-nbd-round-crop:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1034 1024' style='enable-background:new 0 0 1034 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CCCCCC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M735.3,640h85.3V298.7c0-46.9-38.4-85.3-85.3-85.3H394v85.3h298.7c23.5,0,42.7,19.2,42.7,42.7L735.3,640 L735.3,640z M351.3,725.3c-23.5,0-42.7-19.2-42.7-42.7V85.3c0-23.5-19.2-42.7-42.7-42.7l0,0c-23.5,0-42.7,19.2-42.7,42.7v128h-128 c-23.5,0-42.7,19.2-42.7,42.7l0,0c0,23.5,19.2,42.7,42.7,42.7h128v426.7c0,46.9,38.4,85.3,85.3,85.3h426.7v128 c0,23.5,19.2,42.7,42.7,42.7l0,0c23.5,0,42.7-19.2,42.7-42.7v-128h128c23.5,0,42.7-19.2,42.7-42.7l0,0c0-23.5-19.2-42.7-42.7-42.7 H351.3z'/%3E%3C/svg%3E%0A")
}

.main-toolbar .icon-nbd-refresh:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1034 1024' style='enable-background:new 0 0 1034 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23777777;%7D%0A%3C/style%3E%3Cpath class='st0' d='M517.2,130.2c-210.8-0.1-381.8,170.7-382,381.6c-0.1,210.8,170.7,381.8,381.6,382s381.8-170.7,382-381.6 c0.1-113.6-50.5-221.3-137.8-293.9h108.7v-58.7H634.7v234.9h58.7v-153c149.4,97.5,191.4,297.7,93.8,447.1S489.5,880,340.1,782.5 s-191.4-297.7-93.8-447.1C306,243.9,408,188.8,517.2,189V130.2z'/%3E%3C/svg%3E%0A")
}

.main-toolbar .icon-nbd-refresh:hover:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1034 1024' style='enable-background:new 0 0 1034 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CCCCCC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M517.2,130.2c-210.8-0.1-381.8,170.7-382,381.6c-0.1,210.8,170.7,381.8,381.6,382s381.8-170.7,382-381.6 c0.1-113.6-50.5-221.3-137.8-293.9h108.7v-58.7H634.7v234.9h58.7v-153c149.4,97.5,191.4,297.7,93.8,447.1S489.5,880,340.1,782.5 s-191.4-297.7-93.8-447.1C306,243.9,408,188.8,517.2,189V130.2z'/%3E%3C/svg%3E%0A")
}

.main-toolbar li i, .main-toolbar svg path {
    fill: #777 !important;
    color: #777 !important
}

.main-toolbar li:hover i > svg path, .main-toolbar li:hover > i, .main-toolbar li:hover > svg path {
    fill: #ccc !important;
    color: #ccc !important
}

.help-guide-info {
    position: absolute;
    background: #3c3c3c;
    right: 11px;
    top: 85px;
    width: 380.34px;
    color: #fff;
}

.help-guide-info:after, .help-guide-info:before {
    border: 7px solid transparent;
    border-bottom: 7px solid #ebebeb;
    content: "";
    position: absolute;
    top: -14px;
    right: 20px
}

.help-guide-info:after, .help-guide-info:before {
    border-bottom: 7px solid #3c3c3c
}

.dpi-info, .help-guide-info, .stage-info {
    display: none
}

.dpi-info.nbd-show, .stage-info.nbd-show {
    display: block
}

.dpi-info, .guide-info, .stage-info {
    background: #5c5c5c;
    margin: 10px;
    transition: all .5s ease;
    position: relative
}

.guide-info {
    border: none;
    width: 300px;
    height: auto;
    background: #3c3c3c 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    position: absolute;
    top: 27px;
    left: -146px;
    display: none
}

.guide-info.active {
    display: block
}

.dpi-info .dpi-info-title, .guide-info .guide-info-title, .stage-info .stage-info-title {
    background: #222;
    height: 25px
}

.guide-info .guide-info-title {
    background: 0 0;
    cursor: pointer
}

.dpi-info .dpi-info-title:after, .stage-info .stage-info-title:after {
    content: '';
    clear: both;
    display: block
}

.dpi-info .dpi-info-title svg.Path_1,
.dpi-info .dpi-info-title svg.Path_2,
.guide-info .guide-info-title svg.Path_1,
.guide-info .guide-info-title svg.Path_2,
.stage-info .stage-info-title svg.Path_1,
.stage-info .stage-info-title svg.Path_2 {
    width: 15px;
    height: 15px;
    margin: 5px;
    fill: #fff;
    vertical-align: middle;}

.dpi-info .dpi-info-title svg.Path_2,
.guide-info .guide-info-title svg.Path_2,
.stage-info .stage-info-title svg.Path_2 {
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Close' transform='translate(0)'%3E%3Cpath id='Pfad_2' data-name='Pfad 2' d='M2443.1 385.236a7.5 7.5 0 1 0 7.5 7.5A7.51 7.51 0 0 0 2443.1 385.236Zm0 1.25a6.25 6.25 0 1 1-6.25 6.25A6.241 6.241 0 0 1 2443.1 386.486Zm-2.058 3.308-.884.884 2.058 2.058-2.058 2.058.884.884 2.058-2.058 2.058 2.058.884-.884-2.058-2.058 2.058-2.058-.884-.884-2.058 2.059Z' transform='translate(-2435.603 -385.236)' fill='%23866d97'/%3E%3C/g%3E%3C/svg%3E");
}
.dpi-info .dpi-info-title p svg.Path_2 {
    filter: brightness(4);
}
.dpi-info .dpi-info-title svg.Path_2:hover,
.stage-info .stage-info-title svg.Path_2:hover {
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Close' transform='translate(0)'%3E%3Cpath id='Pfad_2' data-name='Pfad 2' d='M2443.1 385.236a7.5 7.5 0 1 0 7.5 7.5A7.51 7.51 0 0 0 2443.1 385.236Zm0 1.25a6.25 6.25 0 1 1-6.25 6.25A6.241 6.241 0 0 1 2443.1 386.486Zm-2.058 3.308-.884.884 2.058 2.058-2.058 2.058.884.884 2.058-2.058 2.058 2.058.884-.884-2.058-2.058 2.058-2.058-.884-.884-2.058 2.059Z' transform='translate(-2435.603 -385.236)' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E");
}

.dpi-info .dpi-info-content .right .right-dpi, .dpi-info .dpi-info-content .right .right-info, .dpi-info .dpi-info-content .right .right-title, .dpi-info .dpi-info-title p, .dpi-info .dpi-info-title p span, .dpi-info .dpi-info-video-link a, .guide-info .guide-info-info p, .guide-info .guide-info-title p, .stage-info .stage-info-content p, .stage-info .stage-info-title p, .stage-info .stage-info-video-link a {
    text-align: left;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15.20182991027832px;
    color: #fff;
    letter-spacing: .5px
}

.dpi-info .dpi-info-content {
    margin: 13px auto;
    min-height: 110px;
}

.stage-info .stage-info-content {
    margin: 13px
}

.dpi-info .dpi-info-content:after {
    content: '';
    display: block;
    clear: both
}

.dpi-info .dpi-info-content .left, .dpi-info .dpi-info-content .right {
    display: inline-block;
    vertical-align: middle
}

.dpi-info .dpi-info-content .left {
    width: 37.313px;
    height: 96.606px;
    vertical-align: top;
    margin: 0 10px;
    transition: all .5s ease
}

.dpi-info .dpi-info-content.green .left {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 55.8 144.47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23dadada;%7D.cls-2%7Bfill:%233c3c3b;stroke:%23777778;%7D.cls-2,.cls-3%7Bstroke-miterlimit:10;%7D.cls-3%7Bstroke:%233c3c3b;fill:url(%23radial-gradient);%7D%3C/style%3E%3CradialGradient id='radial-gradient' cx='291.51' cy='-14.66' r='19.56' gradientTransform='translate(274.46 53.98) rotate(-171.09) scale(0.85)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23dddb01'/%3E%3Cstop offset='0.16' stop-color='%23d9da02'/%3E%3Cstop offset='0.32' stop-color='%23ced606'/%3E%3Cstop offset='0.47' stop-color='%23bad00c'/%3E%3Cstop offset='0.63' stop-color='%239fc815'/%3E%3Cstop offset='0.78' stop-color='%237bbd20'/%3E%3Cstop offset='0.93' stop-color='%2351b02d'/%3E%3Cstop offset='1' stop-color='%2339a935'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='M40.33,0H15.47A15.47,15.47,0,0,0,0,15.47V129a15.47,15.47,0,0,0,15.47,15.47H40.33A15.47,15.47,0,0,0,55.8,129V15.47A15.47,15.47,0,0,0,40.33,0Z'/%3E%3Ccircle class='cls-2' cx='27.9' cy='117.37' r='19.56' transform='translate(-17.84 5.74) rotate(-8.91)'/%3E%3Ccircle class='cls-2' cx='27.9' cy='72.81' r='19.56' transform='translate(-9.42 4.35) rotate(-7.63)'/%3E%3Ccircle class='cls-2' cx='27.9' cy='27.94' r='19.56' transform='translate(-3.46 3.95) rotate(-7.63)'/%3E%3Ccircle class='cls-3' cx='27.9' cy='27.94' r='16.62' transform='translate(-3.99 4.66) rotate(-8.91)'/%3E%3C/svg%3E")
}

.dpi-info .dpi-info-content.yellow .left {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 55.68 144.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23dadada;%7D.cls-2%7Bfill:%233c3c3b;stroke:%23777778;%7D.cls-2,.cls-3%7Bstroke-miterlimit:10;%7D.cls-3%7Bstroke:%233c3c3b;fill:url(%23radial-gradient);%7D%3C/style%3E%3CradialGradient id='radial-gradient' cx='1408.65' cy='810.47' r='16.58' gradientTransform='translate(1018.11 -1215.96) rotate(97.63)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fcea1e'/%3E%3Cstop offset='0.27' stop-color='%23fce61c'/%3E%3Cstop offset='0.53' stop-color='%23fadb17'/%3E%3Cstop offset='0.77' stop-color='%23f8c90e'/%3E%3Cstop offset='1' stop-color='%23f5af02'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='M40.25,0H15.43A15.43,15.43,0,0,0,0,15.43V128.72a15.43,15.43,0,0,0,15.43,15.43H40.25a15.43,15.43,0,0,0,15.43-15.43V15.43A15.43,15.43,0,0,0,40.25,0Z'/%3E%3Ccircle class='cls-2' cx='27.84' cy='117.12' r='19.52' transform='translate(-17.8 5.72) rotate(-8.91)'/%3E%3Ccircle class='cls-2' cx='27.84' cy='73.27' r='19.52' transform='translate(-11.01 5.2) rotate(-8.91)'/%3E%3Ccircle class='cls-2' cx='27.84' cy='27.88' r='19.52' transform='translate(-3.98 4.65) rotate(-8.91)'/%3E%3Ccircle class='cls-2' cx='27.84' cy='72.66' r='19.52' transform='translate(-9.4 4.34) rotate(-7.63)'/%3E%3Ccircle class='cls-3' cx='27.84' cy='72.66' r='16.58' transform='translate(-9.4 4.34) rotate(-7.63)'/%3E%3C/svg%3E")
}

.dpi-info .dpi-info-content.red .left {
    background-image: url("data:image/svg+xml,%3Csvg id='TLS-Greenlight' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='37.313' height='96.606' viewBox='0 0 37.313 96.606'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ef8f03'/%3E%3Cstop offset='0.27' stop-color='%23ef8c04'/%3E%3Cstop offset='0.47' stop-color='%23ed8308'/%3E%3Cstop offset='0.64' stop-color='%23eb730f'/%3E%3Cstop offset='0.8' stop-color='%23e85d18'/%3E%3Cstop offset='0.95' stop-color='%23e54125'/%3E%3Cstop offset='1' stop-color='%23e3342a'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath id='Path_5' data-name='Path 5' d='M26.968,0H10.345A10.345,10.345,0,0,0,0,10.345V86.261A10.345,10.345,0,0,0,10.345,96.606H26.968A10.345,10.345,0,0,0,37.313,86.261V10.345A10.345,10.345,0,0,0,26.968,0Z' fill='%23dadada'/%3E%3Ccircle id='Ellipse_5' data-name='Ellipse 5' cx='13.08' cy='13.08' r='13.08' transform='translate(3.71 67.59) rotate(-8.91)' fill='%233c3c3b' stroke='%23777778' stroke-miterlimit='10' stroke-width='1'/%3E%3Ccircle id='Ellipse_6' data-name='Ellipse 6' cx='13.08' cy='13.08' r='13.08' transform='translate(3.956 37.461) rotate(-7.63)' fill='%233c3c3b' stroke='%23777778' stroke-miterlimit='10' stroke-width='1'/%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='13.08' cy='13.08' r='13.08' transform='translate(3.958 7.455) rotate(-7.63)' fill='%233c3c3b' stroke='%23777778' stroke-miterlimit='10' stroke-width='1'/%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='11.114' cy='11.114' r='11.114' transform='translate(7.543 7.571)' fill='none' stroke='%233c3c3b' stroke-miterlimit='10' stroke-width='1'/%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='11.112' cy='11.112' r='11.112' transform='translate(7.548 67.376)' fill='url(%23radial-gradient)'/%3E%3Ccircle id='Ellipse_18' data-name='Ellipse 18' cx='11.112' cy='11.112' r='11.112' transform='translate(7.548 37.583)' fill='none' stroke='%233c3c3b' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A")
}

.dpi-info .dpi-info-content .right {
    max-width: 80%;
    margin-left: 10px
}

.dpi-info .dpi-info-content .right .right-title {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18px;
}

.dpi-info .dpi-info-content .right .right-dpi {
    font-weight: 600;
    font-size: 14px;
    display: inherit;
    padding: 0 5px;
    transition: all .5s ease;
    color: #fff;
    font-family: HelveticaNeue-Bold, "Helvetica Neue Blod", "Helvetica Neue", sans-serif
}

.dpi-info .dpi-info-content .right .right-dpi.green {
    background: #66b22e
}

.dpi-info .dpi-info-content .right .right-dpi.yellow {
    background: #ffff2e;
    color: #3c3c3c
}

.dpi-info .dpi-info-content .right .right-dpi.red {
    background: #e10b17
}

.dpi-info .dpi-info-content .right .right-info {
    font-size: 12px
}

.dpi-info .dpi-info-content .right p {
    margin: 2px 0 !important
}

.dpi-info .dpi-info-video-link{
    margin: 10px 10px
}
.stage-info .stage-info-video-link{
    margin: 10px 0
}
.dpi-info .dpi-info-video-link a,
.stage-info .stage-info-video-link a{
    display: inline-block;
    max-height: 35.72px;
    height: 35.72px;
    overflow: hidden;
}
.dpi-info .dpi-info-video-link a #youtube-hover,
.stage-info .stage-info-video-link a #youtube-hover,
.dpi-info .dpi-info-video-link a:hover #youtube-default,
.stage-info .stage-info-video-link a:hover #youtube-default{
    display:none;
    transition: display 0.5s ease;

}

.dpi-info .dpi-info-video-link a:hover #youtube-hover,
.stage-info .stage-info-video-link a:hover #youtube-hover {
    display:block;
}
.dpi-info .menu-layer p.item-left{
    display: block;
    width: 30px;
    height: 60px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 -5px;
    background-position: -3px 0;
    transition: all .5s ease-in-out;
}

.dpi-info .menu-layer p.item-left.yellow {
    background-image: url("data:image/svg+xml,%3Csvg id='Komponente_17_1' data-name='Komponente 17 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='50' viewBox='0 0 30 50'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fcea1e'/%3E%3Cstop offset='0.27' stop-color='%23fce61c'/%3E%3Cstop offset='0.53' stop-color='%23fadb17'/%3E%3Cstop offset='0.77' stop-color='%23f8c90e'/%3E%3Cstop offset='1' stop-color='%23f5af02'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect id='Rechteck_147' data-name='Rechteck 147' width='30' height='50' fill='%23505050'/%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='9.112' cy='9.112' r='9.112' transform='translate(5.888 15.888)' stroke='%233c3c3b' stroke-miterlimit='10' stroke-width='1' fill='url(%23radial-gradient)'/%3E%3C/svg%3E");
}

.dpi-info .menu-layer p.item-left.red {
    background-image: url("data:image/svg+xml,%3Csvg id='Komponente_17_1' data-name='Komponente 17 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='50' viewBox='0 0 30 50'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ef8f03'/%3E%3Cstop offset='0.27' stop-color='%23ef8c04'/%3E%3Cstop offset='0.47' stop-color='%23ed8308'/%3E%3Cstop offset='0.64' stop-color='%23eb730f'/%3E%3Cstop offset='0.8' stop-color='%23e85d18'/%3E%3Cstop offset='0.95' stop-color='%23e54125'/%3E%3Cstop offset='1' stop-color='%23e3342a'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect id='Rechteck_147' data-name='Rechteck 147' width='30' height='50' fill='%23505050'/%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='9.11' cy='9.11' r='9.11' transform='translate(5.89 15.89)' stroke='%233c3c3b' stroke-width='1' fill='url(%23radial-gradient)'/%3E%3C/svg%3E");
}

.stage-info .stage-info-content .right-title {
    width: auto;
    background: #ffff2e;
    color:#3c3c3c;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: HelveticaNeue-Bold, "Helvetica Neue Blod", "Helvetica Neue", sans-serif
}

.stage-info .stage-info-content .right-info {
    font-weight: 600;
    font-size: 14.099129676818848px
}

.guide-info .guide-info-info .guide-info-detail, .stage-info .stage-info-content .right-detail {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .8px
}

.guide-info .guide-info-info .guide-info-info-title {
    font-weight: 600;
    font-size: 12px
}

.guide-info .guide-info-title {
    border: 1px solid #ccc;
    margin: 10px;
    text-align: center
}

.guide-info .guide-info-info {
    padding: 0 10px 10px 10px;
    text-align: left
}

.guide-info-info > div > svg {
    width: 66.743px;
    height: 1px
}

.guide-info-info > div * {
    display: initial
}

.guide-info .guide-info-info .guide-info-detail {
    display: block;
    margin-left: 0;
    margin-top: 2px;
    letter-spacing: .24px
}

.guide-info .guide-info-info .object {
    width: 66px;
    display: inline-block;
    position: relative;
    top: -5px
}

.guide-info .guide-info-info .safe-distance .object {
    border-top: 1pt solid #ccc
}

.guide-info .guide-info-info .print-area .object {
    border-top: 2px solid #ccc
}

.guide-info .guide-info-info .guide-section .object {
    border-top: 1pt dashed #ccc
}

.guide-info-title.active svg.Path_2 {
    transform: rotate(180deg)
}

.guide-info-title svg.Path_2 {
    transition: all .5s ease;
    transform: rotate(0)
}

.stage-info-content .left {
    width: 35%;
}
.stage-info-content .left, .stage-info-content .right {
    display: block;
    vertical-align: top;
    float: left;
}
.stage-info-content:after{
    content:'';
    clear:both;
    display:block;
}
.stage-info-content .right {
    width: 62%;
    margin-left: 3%
}

.page-toolbar .page-main ul li.disabled {
    opacity: unset !important
}

.page-toolbar .page-main ul li i {
    color: #fff;
    background: #2a2a29;
    border: 0;
    opacity: unset !important;
    transition: all .5s ease
}

.nbd-stages .stage .page-toolbar .page-main ul li span {
    color: #999
}

.page-toolbar .page-main ul li:hover i {
    background: #ccc
}

.icon-nbd-refresh:before {
    content: "";
    display: block;
    width: 25px;
    height: 32.22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #505050;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232A2A29;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21,2c-1.6,0-3,1.4-3,3v2H8C7.4,7,7,7.4,7,8s0.4,1,1,1c0,0,0,0,0,0h1v36c0,1.7,1.3,3,3,3h26c1.7,0,3-1.3,3-3V9 h1c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1c0,0,0,0,0,0H32V5c0-1.6-1.4-3-3-3H21z M21,4h8c0.6,0,1,0.4,1,1v2H20V5C20,4.4,20.4,4,21,4z M19,14c0.6,0,1,0.4,1,1v25c0,0.6-0.4,1-1,1s-1-0.4-1-1V15C18,14.4,18.4,14,19,14z M25,14c0.6,0,1,0.4,1,1v25c0,0.6-0.4,1-1,1 s-1-0.4-1-1V15C24,14.4,24.4,14,25,14z M31,14c0.6,0,1,0.4,1,1v25c0,0.6-0.4,1-1,1s-1-0.4-1-1V15C30,14.4,30.4,14,31,14z'/%3E%3C/svg%3E%0A");
    transition: all .5s ease
}

.page-toolbar .page-main ul li:hover .icon-nbd-refresh:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 26 33.222'%3E%3Cpath id='solid_trash_grey' d='M17.111,2a2.222,2.222,0,0,0-2.167,2.167V5.611H7.722A.682.682,0,0,0,7,6.333a.682.682,0,0,0,.722.722h.722v26a2.128,2.128,0,0,0,2.167,2.167H29.389a2.128,2.128,0,0,0,2.167-2.167v-26h.722A.682.682,0,0,0,33,6.333a.682.682,0,0,0-.722-.722H25.056V4.167A2.222,2.222,0,0,0,22.889,2Zm0,1.444h5.778a.682.682,0,0,1,.722.722V5.611H16.389V4.167A.682.682,0,0,1,17.111,3.444Zm-1.444,7.222a.682.682,0,0,1,.722.722V29.445a.722.722,0,0,1-1.444,0V11.389A.682.682,0,0,1,15.667,10.667Zm4.333,0a.682.682,0,0,1,.722.722V29.445a.722.722,0,0,1-1.444,0V11.389A.682.682,0,0,1,20,10.667Zm4.333,0a.682.682,0,0,1,.722.722V29.445a.722.722,0,0,1-1.444,0V11.389A.682.682,0,0,1,24.333,10.667Z' transform='translate(-7 -2)' fill='%23ccc'/%3E%3C/svg%3E%0A")
}

.toolbar-common .nbd-main-menu .icon-nbd-refresh:before {
    background-image: url("data:image/svg+xml,%3Csvg id='rotate-icon-tb' xmlns='http://www.w3.org/2000/svg' width='19.494' height='19.495' viewBox='0 0 19.494 19.495'%3E%3Cpath id='Path_2' data-name='Path 2' d='M13.914,4.167a9.748,9.748,0,0,0-7.54,3.6L4.167,5.559v6.963h6.962L8.346,9.74a6.958,6.958,0,0,1,12.389,2.782h2.816A9.757,9.757,0,0,0,13.914,4.167Z' transform='translate(-4.167 -4.167)' fill='%23777'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M4.233,10.833A9.721,9.721,0,0,0,21.41,15.587L23.617,17.8V10.833H16.656l2.782,2.782A6.958,6.958,0,0,1,7.049,10.833Z' transform='translate(-4.123 0.306)' fill='%23777'/%3E%3C/svg%3E%0A");
    background-color: #3c3c3c;
    content: '';
    width: 24px;
    height: 24px;
    background-size: auto
}

.toolbar-common .nbd-main-menu .icon-nbd-refresh:before {
    background-image: url("data:image/svg+xml,%3Csvg id='rotate-icon-tb' xmlns='http://www.w3.org/2000/svg' width='19.494' height='19.495' viewBox='0 0 19.494 19.495'%3E%3Cpath id='Path_2' data-name='Path 2' d='M13.914,4.167a9.748,9.748,0,0,0-7.54,3.6L4.167,5.559v6.963h6.962L8.346,9.74a6.958,6.958,0,0,1,12.389,2.782h2.816A9.757,9.757,0,0,0,13.914,4.167Z' transform='translate(-4.167 -4.167)' fill='%23777'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M4.233,10.833A9.721,9.721,0,0,0,21.41,15.587L23.617,17.8V10.833H16.656l2.782,2.782A6.958,6.958,0,0,1,7.049,10.833Z' transform='translate(-4.123 0.306)' fill='%23777'/%3E%3C/svg%3E%0A");
    background-color: #3c3c3c;
    content: '';
    width: 24px;
    height: 24px;
    background-size: auto;
    transition: none
}

.toolbar-common .nbd-main-menu .menu-item.item-angle:hover .icon-nbd-refresh:before {
    background-image: url("data:image/svg+xml,%3Csvg id='rotate-icon-tb' xmlns='http://www.w3.org/2000/svg' width='19.494' height='19.495' viewBox='0 0 19.494 19.495'%3E%3Cpath id='Path_2' data-name='Path 2' d='M13.914,4.167a9.748,9.748,0,0,0-7.54,3.6L4.167,5.559v6.963h6.962L8.346,9.74a6.958,6.958,0,0,1,12.389,2.782h2.816A9.757,9.757,0,0,0,13.914,4.167Z' transform='translate(-4.167 -4.167)' fill='%23CCC'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M4.233,10.833A9.721,9.721,0,0,0,21.41,15.587L23.617,17.8V10.833H16.656l2.782,2.782A6.958,6.958,0,0,1,7.049,10.833Z' transform='translate(-4.123 0.306)' fill='%23CCC'/%3E%3C/svg%3E%0A")
}

.toolbar-common .nbd-main-menu .item-angle .sub-menu, .toolbar-common .nbd-main-menu .item-opacity .sub-menu {
    min-width: 230px
}

.main-toolbar .toolbar-text .item-align .sub-menu, .main-toolbar .toolbar-text .item-curved .sub-menu, .main-toolbar .toolbar-text .item-font-size .sub-menu, .shape_mask-wrapper, .toolbar-common .nbd-main-menu .item-angle .sub-menu, .toolbar-common .nbd-main-menu .item-opacity .sub-menu, .toolbar-common .nbd-main-menu .item-position .sub-menu, .toolbar-common .nbd-main-menu .item-shadow .sub-menu, .toolbar-common .nbd-main-menu .item-stack .sub-menu {
    background: #333;
    color: #ccc
}

.toolbar-common .nbd-main-menu .item-opacity .sub-menu .range-track, .toolbar-common .nbd-main-menu .item-opacity .sub-menu .slide-input {
    width: 100% !important
}

.nbd-workspace .main-ranges .range .main-track .range-track, .nbd-workspace .main-ranges .range .main-track input[type=range]::-webkit-slider-thumb {
    background-color: #ccc !important
}

.nbd-workspace .main-ranges .range .main-track input[type=range]::-moz-range-thumb, .nbd-workspace .main-ranges .range .main-track input[type=range]::-ms-thumb {
    background-color: #ccc !important
}

.nbd-workspace .main-ranges .range label {
    text-transform: uppercase
}

.nbd-rotate-step {
    background: #777;
    border-radius: 0
}

.nbd-workspace .main-ranges .range {
    height: 15px
}

.nbd-workspace .main-ranges .range .main-track, .nbd-workspace .main-ranges .range .main-track .range-track, .nbd-workspace .main-ranges .range .main-track .slide-input {
    width: 115px
}

.item--opacity .main-ranges, .item-angle .main-ranges, .nbd-rotate-step-wrap {
    padding: 8px 0;
    margin: 0 auto;
    width: 202px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul li span.keyboard {
    font-size: 10px;
    margin-right: 0
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .sub-menu .sub-menu-item span {
    color: #ccc !important
}

.help-guide .opener {
    width: 84px;
    height: 86px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
    z-index: 9;
    cursor: pointer;
    transition: all .2s ease;
    background-image: url("data:image/svg+xml,%3Csvg id='Component_1_3' data-name='Component 1 – 3' xmlns='http://www.w3.org/2000/svg' width='60.33' height='63.523' viewBox='0 0 60.33 63.523'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(-0.1 -72.661)'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='60.33' height='63.523' rx='8' transform='translate(0.1 72.661)' fill='%232a2a29'/%3E%3Ctext id='CHECK' transform='translate(30.765 128.068)' fill='%23d3d3d3' font-size='13' font-family='Helvetica' letter-spacing='0.03em'%3E%3Ctspan x='-23.533' y='0'%3ECHECK%3C/tspan%3E%3C/text%3E%3C/g%3E%3Cpath id='Path_8' data-name='Path 8' d='M81.017,46.049l-7.807-7.807a1.2,1.2,0,0,0-.849-.352H59.751a2.4,2.4,0,0,0-2.4,2.4V66.714a2.4,2.4,0,0,0,2.4,2.4H78.967a2.4,2.4,0,0,0,2.4-2.4V46.9A1.2,1.2,0,0,0,81.017,46.049Zm-9.256-5.872,7.32,7.321H72.962a1.2,1.2,0,0,1-1.2-1.2Z' transform='translate(-39.349 -30.871)' fill='%23ccc'/%3E%3C/svg%3E%0A")
}

.help-guide .opener:hover {
    background-size: 70px
}

.help-guide .opener.success {
    background-image: url("data:image/svg+xml,%3Csvg id='Component_1_2' data-name='Component 1 – 2' xmlns='http://www.w3.org/2000/svg' width='60.33' height='63.523' viewBox='0 0 60.33 63.523'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(-0.1 -72.661)'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='60.33' height='63.523' rx='8' transform='translate(0.1 72.661)' fill='%232a2a29'/%3E%3Ctext id='CHECK' transform='translate(30.765 128.068)' fill='%23d3d3d3' font-size='13' font-family='Helvetica' letter-spacing='0.03em'%3E%3Ctspan x='-23.533' y='0'%3ECHECK%3C/tspan%3E%3C/text%3E%3Ctext id='CHECK-2' data-name='CHECK' transform='translate(30.765 128.068)' fill='%23d3d3d3' font-size='13' font-family='Helvetica' letter-spacing='0.03em'%3E%3Ctspan x='-23.533' y='0'%3ECHECK%3C/tspan%3E%3C/text%3E%3C/g%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(41.294 -30.871)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M-20.894,37.89a2.4,2.4,0,0,0-2.4,2.4v26.4a2.4,2.4,0,0,0,2.4,2.4h10.222a10.742,10.742,0,0,1-1.822-6,10.8,10.8,0,0,1,10.8-10.8,10.765,10.765,0,0,1,2.4.276V46.89a1.2,1.2,0,0,0-.352-.848l-7.8-7.8a1.2,1.2,0,0,0-.848-.352Zm12,2.285,7.315,7.315H-7.694a1.2,1.2,0,0,1-1.2-1.2Z' transform='translate(0)' fill='%23ccc'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M-3.894,51.89a8.4,8.4,0,0,0-8.4,8.4,8.4,8.4,0,0,0,8.4,8.4,8.4,8.4,0,0,0,8.4-8.4A8.4,8.4,0,0,0-3.894,51.89Zm3.6,4.8a1.192,1.192,0,0,1,.848.352,1.2,1.2,0,0,1,0,1.7l-4.8,4.8a1.2,1.2,0,0,1-.848.352,1.2,1.2,0,0,1-.848-.352l-2.4-2.4a1.2,1.2,0,0,1,0-1.7,1.2,1.2,0,0,1,1.7,0l1.552,1.552,3.952-3.952A1.2,1.2,0,0,1-.294,56.69Z' transform='translate(2.2 2.8)' fill='%2366b22e'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.help-guide .opener.error {
    animation-play-state: paused;
}
p.help-counter.ng-binding {
    position: absolute;
    font-weight: 600;
    font-family: Helvetica, sans-serif, sans-serif;
    font-size: 13px;
    background: red;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    right: 2px;
    top: 5px;
    line-height: 20px;
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .sub-menu .sub-menu-item:hover span {
    color: #333 !important
}

.tooltipster-borderless.tooltipster-box, .tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
    background: #3c3c3c;
    color: #ccc
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #3c3c3c
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #3c3c3c
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #3c3c3c
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #3c3c3c
}

.nbd-color-palette .nbd-color-palette-inner:after, .nbd-color-palette .nbd-color-palette-inner:before {
    border-bottom: 7px solid #333
}

.nbd-color-palette .nbd-color-palette-inner:before {
    top: -14px
}

.item-spacing .main-ranges .range {
    height: 30px
}

.item-spacing .main-ranges .range {
    height: 40px
}

.menu-item-shape-fill input[type=checkbox] {
    position: relative;
    top: 3px
}

.menu-item-shape-fill input[type=checkbox] + label:before {
    margin-top: 4px
}

.menu-item-shape-fill input[type=checkbox]:checked + label:after {
    top: 8px
}

.nbd-checkbox input[type=checkbox]:checked + label:before {
    background: #3c3c3c
}

#dg-preview .modal-content, .popup-nbd-crop .main-popup {
    background: #3c3c3c
}

#dg-preview .modal-content img {
    background: #fff;
    box-shadow: 0 3px 10px #000
}

#dg-preview .modal-content .single-item-nav img {
    box-shadow: none;
    border: 1px solid #707070
}

#dg-preview .modal-content .close {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg id='icons8_macos_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icons8_macos_close-2' data-name='icons8_macos_close' d='M16,4A12,12,0,1,0,28,16,12.015,12.015,0,0,0,16,4Zm0,2A10,10,0,1,1,6,16,9.985,9.985,0,0,1,16,6Zm-3.293,5.293-1.414,1.414L14.586,16l-3.293,3.293,1.414,1.414L16,17.414l3.293,3.293,1.414-1.414L17.414,16l3.293-3.293-1.414-1.414L16,14.586Z' transform='translate(-4 -4)' fill='%23777'/%3E%3C/svg%3E%0A");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    background-size: contain
}

#dg-preview .modal-content .close:hover {
    background-image: url("data:image/svg+xml,%3Csvg id='icons8_macos_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icons8_macos_close-2' data-name='icons8_macos_close' d='M16,4A12,12,0,1,0,28,16,12.015,12.015,0,0,0,16,4Zm0,2A10,10,0,1,1,6,16,9.985,9.985,0,0,1,16,6Zm-3.293,5.293-1.414,1.414L14.586,16l-3.293,3.293,1.414,1.414L16,17.414l3.293,3.293,1.414-1.414L17.414,16l3.293-3.293-1.414-1.414L16,14.586Z' transform='translate(-4 -4)' fill='%23FFF'/%3E%3C/svg%3E%0A")
}

.main-toolbar .toolbar-text .item-curved .sub-menu .main-ranges .range label {
    text-align: left;
    padding-bottom: 10px
}

.nbd-sidebar .nbd-items-dropdown .main-items.collage-main-nav .pointer, .nbd-sidebar .nbd-items-dropdown .main-items.draw-main-nav .pointer, .nbd-sidebar .nbd-items-dropdown .main-items.picture-gallery .pointer {
    background-color: #3c3c3c
}

.nbd-text-color-picker {
    transform: unset;
    top: 0;
    left: 0
}

.free-draw-settings .color {
    position: relative
}

.menu-item.menu-item-qrcode .icon-nbd-qrcode, .menu-item.menu-item-qrcode .icon-nbd-qrcode:hover {
    color: #3c3c3c !important
}

.menu-item.menu-item-barcode svg path, .menu-item.menu-item-barcode:hover svg path {
    fill: #3c3c3c !important
}

.menu-item-barcode i {
    top: -2px;
    height: 26px
}

.bounding-rect-real-size, .layer-angle, .layer-angle span, .layer-coordinates {
    font-family: Helvetica, serif;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 11px !important
}

.layer-coordinates {
    transform: translate(calc(-100% - 10px), calc(-100% + 25px))
}

.nbd-popup.popup-share .main-popup * {
    color: #ccc !important;
    fill: #ccc !important
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social.link i {
    border: 2px solid #ccc
}

.nbd-popup.popup-share .main-popup {
    background: #3c3c3c
}

.nbd-popup.popup-share .main-popup .head h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    border: 0
}

.nbd-popup.popup-share .main-popup .body .share-btn .nbd-button {
    background: 0 0 !important;
    border-color: #ccc !important;
    font-weight: 500 !important
}

.nbd-popup.popup-share .main-popup .icon-nbd-clear:before, .popup-nbd-crop .icon-nbd-clear:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg id='icons8_macos_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icons8_macos_close-2' data-name='icons8_macos_close' d='M16,4A12,12,0,1,0,28,16,12.015,12.015,0,0,0,16,4Zm0,2A10,10,0,1,1,6,16,9.985,9.985,0,0,1,16,6Zm-3.293,5.293-1.414,1.414L14.586,16l-3.293,3.293,1.414,1.414L16,17.414l3.293,3.293,1.414-1.414L17.414,16l3.293-3.293-1.414-1.414L16,14.586Z' transform='translate(-4 -4)' fill='%23777'/%3E%3C/svg%3E%0A");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain
}

.nbd-popup.popup-share .main-popup .icon-nbd-clear:hover:before, .popup-nbd-crop .icon-nbd-clear:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg id='icons8_macos_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icons8_macos_close-2' data-name='icons8_macos_close' d='M16,4A12,12,0,1,0,28,16,12.015,12.015,0,0,0,16,4Zm0,2A10,10,0,1,1,6,16,9.985,9.985,0,0,1,16,6Zm-3.293,5.293-1.414,1.414L14.586,16l-3.293,3.293,1.414,1.414L16,17.414l3.293,3.293,1.414-1.414L17.414,16l3.293-3.293-1.414-1.414L16,14.586Z' transform='translate(-4 -4)' fill='%23CCC'/%3E%3C/svg%3E%0A")
}

.nbd-popup.popup-share .main-popup .body .share-btn .nbd-button:hover {
    background: #5c2483 !important;
    color: #fff !important;
    border-color: transparent !important
}

.popup-nbd-crop .footer button {
    background: 0 0 !important;
    border: 1px solid #ccc !important
}

.popup-nbd-crop .footer button:hover {
    background: #5c2483 !important;
    border: 1px solid transparent !important;
    color: #fff !important
}

.popup-nbd-crop .footer .icon-nbd-fomat-done:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.703' height='22.702' viewBox='0 0 22.703 22.702'%3E%3Cpath id='icons8_scissors' d='M19.656,4.313A2.007,2.007,0,0,0,17.969,5.75l-2.656,9.313-3.344.969a3.532,3.532,0,1,0-.437,2.188l3.125-.875-.875,3.125a3.479,3.479,0,1,0,2.188-.437L20.438,4.375A1.978,1.978,0,0,0,19.656,4.313Zm7.969,7.25-8.719,2.469-.656,2.281,8-2.281A2,2,0,0,0,27.625,11.563ZM8.5,15A1.5,1.5,0,1,1,7,16.5,1.486,1.486,0,0,1,8.5,15Zm7,7A1.5,1.5,0,1,1,14,23.5,1.486,1.486,0,0,1,15.5,22Z' transform='translate(-5 -4.298)' fill='%23ccc'/%3E%3C/svg%3E%0A");
    position: relative;
    top: 5px;
    left: 0
}

.popup-nbd-crop .footer button:hover {
    color: #fff !important
}

.popup-nbd-crop .footer button:hover .icon-nbd-fomat-done:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.703' height='22.702' viewBox='0 0 22.703 22.702'%3E%3Cpath id='icons8_scissors' d='M19.656,4.313A2.007,2.007,0,0,0,17.969,5.75l-2.656,9.313-3.344.969a3.532,3.532,0,1,0-.437,2.188l3.125-.875-.875,3.125a3.479,3.479,0,1,0,2.188-.437L20.438,4.375A1.978,1.978,0,0,0,19.656,4.313Zm7.969,7.25-8.719,2.469-.656,2.281,8-2.281A2,2,0,0,0,27.625,11.563ZM8.5,15A1.5,1.5,0,1,1,7,16.5,1.486,1.486,0,0,1,8.5,15Zm7,7A1.5,1.5,0,1,1,14,23.5,1.486,1.486,0,0,1,15.5,22Z' transform='translate(-5 -4.298)' fill='%23fff'/%3E%3C/svg%3E%0A")
}

.popup-nbd-crop .canvas-wrap {
    box-shadow: 0 3px 10px #000
}

.popup-nbd-crop .footer {
    border: 0
}

.nbd-toolbar .toolbar-common {
    padding-left: 10px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item {
    border: 1px solid transparent;
    padding: 5px !important
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item:hover {
    border-color: #ccc
}

.index0.color-fill-text:before {
    content: 'Fullung';
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    color: #ccc !important;
    font-family: Helvetica, serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 3px
}

.nbd-context-menu {
    background-color: #3c3c3c;
    color: #ccc
}

.nbd-context-menu i {
    color: #ccc;
    fill: #ccc
}

.toolbar-text ul.nbd-main-menu.menu-right li.menu-item:hover i, .toolbar-text ul.nbd-main-menu.menu-right li.menu-item:hover svg path {
    color: #ccc !important;
    fill: #ccc !important
}

.icon-nbd-resetzoom {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Group_30' data-name='Group 30' transform='translate(0.5 0.5)'%3E%3Cg id='Rechteck_1' data-name='Rechteck 1'%3E%3Crect id='Rectangle_18' data-name='Rectangle 18' width='14' height='14' fill='none' stroke='%23999' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3Cpath id='icons8_file_1' data-name='icons8 file 1' d='M2375.886,1358.931v10.929h8.407V1361.7l-.118-.131-2.523-2.523-.131-.118Zm.841.841h4.2v2.522h2.522v6.725h-6.722Zm5.044.6,1.077,1.077h-1.077Z' transform='translate(-2373.089 -1357.431)' fill='%23999'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item .heading-title {
    font: normal normal normal 16px/19px Helvetica Now Display;
    text-transform: uppercase;
    letter-spacing: .8px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

.draw-item {
    width: 95px;
    height: 95px
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item .heading-title + p {
    background: #777 0 0 no-repeat padding-box;
    text-align: left;
    font: normal normal normal 12px/11px Segoe UI;
    display: block;
    height: 27px;
    line-height: 27px;
    color: #ccc;
    padding-left: 10px
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item .heading-title + p code {
    background: #ccc 0 0 no-repeat padding-box;
    color: #777
}

.free-draw-settings .brush button, .free-draw-settings .brush h3 {
    display: inline-block !important;
    vertical-align: middle;
    text-align: left;
    margin: -1px !important;
    width: 50%;
    color: #ccc
}

.free-draw-settings .brush h3 {
    text-align: left;
    font: normal normal normal 13px/16px Helvetica Now Display;
    letter-spacing: .65px;
    text-transform: uppercase
}

.free-draw-settings .brush button,
.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown span {
    text-align: left;
    font: normal normal normal 16px/18px Helvetica Neue;
    font-family: "Helvetica Neue", sans-serif;
    letter-spacing: 0
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush button i {
    font-size: 25px;
    float: right;
    color: #ccc !important;
    line-height: unset
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush button {
    color: #ccc !important
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown {
    top: calc(100% + 1px);
    width: 100%;
    box-shadow: none;
    left: 0
}

.free-draw-settings .brush button {
    font-size: 16px !important;
    height: 32px;
    display: block;
    vertical-align: middle
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown li,
.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown span {
    display: block;
    height: 32px;
    vertical-align: middle;
    font-size: 16px !important;
    line-height: unset !important;
    padding: 4px 10px !important
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li.active span,
.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li:hover span {
    color: #3c3c3c !important
}

.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li.active,
.nbd-sidebar .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li:hover {
    background-color: #ccc !important
}

.free-draw-settings .range, .free-draw-settings ul.main-ranges {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0
}

.free-draw-settings .range .main-track, .free-draw-settings .range label {
    display: inline-block !important;
    text-align: left !important;
    min-width: 50%;
    margin: 15px -1px !important;
    white-space: unset !important
}

.free-draw-settings .range .main-track .range-track, .free-draw-settings .range .main-track .slide-input {
    width: 100% !important
}

.type-draw .color {
    text-align: left
}

.type-draw .color .pinned-palette.default-palette > h3.color-palette-label, .type-draw .color > h3.color-palette-label {
    position: relative;
    top: 10px;
    left: 10px;
    background: #3c3c3c;
    z-index: 1;
    padding: 0 5px;
    text-transform: uppercase;
    display: inline;
    width: auto
}

.type-draw .color .main-color-palette.nbd-perfect-scroll, .type-draw .color .pinned-palette.default-palette {
    border: 1px solid #707070;
    padding: 10px
}

.type-draw .color .pinned-palette.default-palette > h3.color-palette-label {
    top: -22px;
    left: 0
}

.type-draw .color .pinned-palette.default-palette {
    margin-bottom: 0;
    margin-top: 20px
}

.main-color-palette li.color-palette-add {
    background-color: #fff !important
}

.type-draw .color .pinned-palette.default-palette ul:nth-child(2n+2) {
    margin-top: -15px
}

.nbd-checkbox-group input:checked + label:before {
    background-color: #3c3c3c
}

.main-toolbar .nbd-main-menu .menu-item.menu-group {
    border: 1px solid transparent;
    padding: 5px;
    margin-right: 10px
}

.main-toolbar .nbd-main-menu .menu-item.menu-group:hover {
    border-color: #ccc
}

.tool-path .icon-nbd-ungroup {
    border: 0;
    padding: 0;
    margin: 0
}

.main-toolbar .nbd-main-menu .menu-item.menu-group:after {
    content: '';
    display: block;
    height: 100%;
    background: #ccc;
    width: 1px;
    position: absolute;
    top: 0;
    right: -5px
}

.nbd-toolbar .toolbar-image .menu-item.menu-crop, .nbd-toolbar .toolbar-image .menu-item.menu-filter {
    border: 1px solid transparent;
    padding: 5px
}

.nbd-toolbar .toolbar-image .menu-item.menu-crop:hover, .nbd-toolbar .toolbar-image .menu-item.menu-filter:hover {
    border-color: #ccc
}

.resettab i.icon-nbd {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpath id='icons8_cursor_1' d='M7,2,19,13.2l-5.8.5L16.5,21l-2.2,1-3.2-7.4L7,18.5V2' transform='translate(-7 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 20px;
    background-repeat: no-repeat;
    margin: 0 auto
}

.resettab.active i.icon-nbd {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpath id='icons8_cursor_1' d='M7,2,19,13.2l-5.8.5L16.5,21l-2.2,1-3.2-7.4L7,18.5V2' transform='translate(-7 -2)' fill='%23472b5a'/%3E%3C/svg%3E%0A")
}

.nbd-sp.sp-container {
    background-color: transparent
}

.nbd-checkbox-group label:before {
    background-color: #505050
}

.color-selectors-input div.active * {
    margin: 0;
    display: inline-block !important;
    text-align: center
}

.tabs-content #reset-tab {
    background: #505050 !important
}

.nbd-toolbar .toolbar-image .menu-item i {
    margin-right: 0
}

.fullScreenMode .nbd-stages {
    background: #505050
}

.rulez-text {
    display: none
}

.nbd-ver-ruler.temporary-hidden svg rect {
    fill: #999;
    height: 1px
}

.nbd-hoz-ruler.temporary-hidden svg rect {
    fill: #999;
    width: 1px
}

.nbd-hoz-ruler.temporary-hidden {
    top: 0;
    transition: all .3s ease
}

.toggleruler {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.008' height='25.008' viewBox='0 0 25.008 25.008'%3E%3Cg id='Component_1_1' data-name='Component 1 – 1' transform='translate(0.5 0.5)'%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='24.008' height='24.008' fill='none' stroke='%233c3c3c' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M1050.621,191.185V173.869h17.316v6.191h-11.124v11.125Zm1-1h4.192v-1.967h-2.226v-1h2.226v-1.967h-2.226v-1h2.226v-1.967h-2.226v-1h2.226v-1.518l-4.192-4.191Zm13.35-11.125h1.967v-4.191h-14.61l4.192,4.191h1.518v-2.225h1v2.225H1061v-2.225h1v2.225h1.967v-2.225h1Z' transform='translate(-1047.275 -170.523)' fill='%233c3c3c'/%3E%3C/g%3E%3C/svg%3E%0A");
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 17px;
    background-size: contain;
    cursor: pointer
}

.toggleruler.active, .toggleruler:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.008' height='25.008' viewBox='0 0 25.008 25.008'%3E%3Cg id='Component_1_1' data-name='Component 1 – 1' transform='translate(0.5 0.5)'%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='24.008' height='24.008' fill='none' stroke='%23ccc' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M1050.621,191.185V173.869h17.316v6.191h-11.124v11.125Zm1-1h4.192v-1.967h-2.226v-1h2.226v-1.967h-2.226v-1h2.226v-1.967h-2.226v-1h2.226v-1.518l-4.192-4.191Zm13.35-11.125h1.967v-4.191h-14.61l4.192,4.191h1.518v-2.225h1v2.225H1061v-2.225h1v2.225h1.967v-2.225h1Z' transform='translate(-1047.275 -170.523)' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A")
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-content {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.fullScreenMode .nbd-dimension.y-dimension, .nbd-dimension.y-dimension.fullScreenMode {
    display: none
}

.fullScreenMode .nbd-dimension.y-dimension.fullScreenMode, .fullScreenMode .nbd-ver-ruler.fullScreenMode {
    display: block
}

.fullScreenMode .design-zone {
    pointer-events: all !important
}

.nbd-sidebar {
    background: #505050
}

.fullScreenMode .stage-main-wrap {
    margin-top: 40px
}

.fullScreenMode .nbd-hoz-ruler.temporary-hidden {
    top: 0
}

.fullScreenMode .nbd-dimension.x-dimension.ng-scope {
    top: 20px
}

.fullScreenMode .toggleruler {
    top: 0
}

.fullScreenMode .nbd-stages .ps__scrollbar-x-rail, .fullScreenMode .nbd-stages .ps__scrollbar-y-rail {
    display: block
}

.nbd-stage-guidelines {
    top: 10px;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg id='SITE-BOUNDARY-Info' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='25' height='25' fill='%23505050'/%3E%3Cg id='Group_20' data-name='Group 20' transform='translate(5.634 3.635)'%3E%3Cpath id='icons8_info_squared_1' d='M16.731,15.205V4.526A1.525,1.525,0,0,0,15.205,3H4.526A1.525,1.525,0,0,0,3,4.526v10.68a1.525,1.525,0,0,0,1.526,1.526h10.68A1.525,1.525,0,0,0,16.731,15.205ZM9.1,7.577V6.051h1.526V7.577Zm0,6.1V9.1h1.526V13.68Z' transform='translate(-3 -1)' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A");
    cursor: pointer
}

.nbd-stage-guidelines.active, .nbd-stage-guidelines:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Group_20' data-name='Group 20' transform='translate(5.635 4.221)'%3E%3Cg id='Rectangle_11' data-name='Rectangle 11' transform='translate(-5.635 -4.221)' fill='%23505050' stroke='%23ccc' stroke-width='1'%3E%3Crect width='25' height='25' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' fill='none'/%3E%3C/g%3E%3Cpath id='icons8_info_squared_1' d='M16.731,15.205V4.526A1.525,1.525,0,0,0,15.205,3H4.526A1.525,1.525,0,0,0,3,4.526v10.68a1.525,1.525,0,0,0,1.526,1.526h10.68A1.525,1.525,0,0,0,16.731,15.205ZM9.1,7.577V6.051h1.526V7.577Zm0,6.1V9.1h1.526V13.68Z' transform='translate(-3 -1.587)' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.guide-info .guide-info-title p {
    text-align: center;
    font-family: 'Helvetica Now Display', serif;
    color: #ccc;
    vertical-align: middle
}

.guide-info:before {
    content: '';
    display: block;
    border: 7px solid transparent;
    border-bottom: 7px solid #3c3c3c;
    position: absolute;
    top: -14px;
    left: -3px;
    right: 0;
    margin: 0 auto;
    width: 7px
}

.font-loading {
    background: 0 0
}

.item-shadow.active .sub-menu:after, .item-shadow.active .sub-menu:before {
    display: none;
    left: 98%;
    top: -13px
}

.icon-nbd.menu-mobile.icon-nbd-clear {
    color: #fff;
    height: 27px;
    font-size: 30px
}

.nbd-stages.object-delete {
    cursor: url(delete/1.webp) 15 15, auto
}

.nbd-stages.object-deleted {
    animation: delete-cursor 1s linear
}

@keyframes delete-cursor {
    0% {
        cursor: url(delete/1.webp) 15 15, auto
    }
    5% {
        cursor: url(delete/2.webp) 15 15, auto
    }
    10% {
        cursor: url(delete/3.webp) 15 15, auto
    }
    15% {
        cursor: url(delete/4.webp) 15 15, auto
    }
    20% {
        cursor: url(delete/5.webp) 15 15, auto
    }
    25% {
        cursor: url(delete/6.webp) 15 15, auto
    }
    30% {
        cursor: url(delete/7.webp) 15 15, auto
    }
    35% {
        cursor: url(delete/8.webp) 15 15, auto
    }
    40% {
        cursor: url(delete/9.webp) 15 15, auto
    }
    45% {
        cursor: url(delete/10.webp) 15 15, auto
    }
    50% {
        cursor: url(delete/11.webp) 15 15, auto
    }
    55% {
        cursor: url(delete/12.webp) 15 15, auto
    }
    60% {
        cursor: url(delete/13.webp) 15 15, auto
    }
    65% {
        cursor: url(delete/14.webp) 15 15, auto
    }
    70% {
        cursor: url(delete/15.webp) 15 15, auto
    }
    75% {
        cursor: url(delete/16.webp) 15 15, auto
    }
    80% {
        cursor: url(delete/17.webp) 15 15, auto
    }
    85% {
        cursor: url(delete/18.webp) 15 15, auto
    }
    90% {
        cursor: url(delete/19.webp) 15 15, auto
    }
    95% {
        cursor: url(delete/20.webp) 15 15, auto
    }
    100% {
        cursor: pointer
    }
}

.nbd-stages.object-delete .stage-main-wrap {
    cursor: move;
}

.clipart-wrap .clipart-item, .mansory-wrap .mansory-item {
    visibility: visible !important;
    width: 31.3%;
    margin: 3px;
    padding: 5px;
    z-index: 3;
    cursor: pointer;
    border: solid 1px #777;
    border-radius: 3px;
    background-color: #ddd;
    min-height: 102px;
}

.cliparts-category .nbd-button.nbd-dropdown i,
.cliparts-category .nbd-button.nbd-dropdown span
.cliparts-category .nbd-button.nbd-dropdown.active i,
.cliparts-category .nbd-button.nbd-dropdown.active span {
    color: #ccc !important;
}

.clipart-wrap .clipart-item img {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
}

.small-help-guide {
    position: absolute;
    width: 84px;
    height: 86px;
    top: 200px;
    right: 57px;
}

.small-dpi-info {
    width: 120px;
    opacity:1;
    cursor: pointer;
}
.small-dpi-info p,
.small-dpi-info strong{
    font-family: 'Helvetica Now Display', serif;
    display: block;
    border: 1px solid #505050;
    text-align: center;
}
.small-dpi-info p {
    font-size: 16px;
    letter-spacing: 0.069em;
    border-radius: 0 0 7px 7px;
    height: 25px;
    border-top: 0;
    font-weight: 600;
    line-height: 25px;
}

.small-dpi-info strong {
    font-size: 14px;
    letter-spacing: 0.11em;
    font-weight: 700;
    background: #2a2a29;
    color: #ccc;
    border-radius: 7px 7px 0 0;
    height: 30px;
    border-bottom: 0;
    line-height: 30px;
}

.small-dpi-info p.red {
    background: #e10b17;
    color: #fff;
}

.small-dpi-info p.yellow {
    background: #ffff2e;
}

.small-dpi-info p.green {
    background: #66b22e;
}

.small-stage-info p {
    font-family: 'Helvetica Now Display', serif;
    letter-spacing: 0.47px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    display: block;
    color: #fff;
}
.small-stage-info {
    margin-top: 10px;
    background: #e10b17 0 0 no-repeat padding-box;
    border-radius: 7px;
    width: 120px;
    opacity: 1;
    cursor: pointer;
}
.nbd-sidebar .nbd-items-dropdown{
    min-height: 1150px;
}

.small-dpi-info.ng-hide-animate,
.small-stage-info.ng-hide-animate {
    opacity:0;
    transition: opacity 1s ease-in;
}

.dpi-info .menu-item , .stage-info .menu-item {
    border-top: 1px solid #3c3c3c;
    padding: 0 5px
}
.help-guide-info .item-layer-inner img {
    max-height: 60px;
    min-width: 102px;
    max-width: 102px;
    object-fit: contain;
}
.help-guide-info .item-layer-inner .icon-nbd.item-left {
    font-size: 30px;
    padding: 5px;
    min-width: 102px;
    max-width: 102px;
    text-align: center;
}

.item-video-info{
    position: absolute;
    top: 0;
    right: 0;
}
.item-video-info .descr_video_btn,
.item-video-info .descr_video_btn_hover,
.item-video-info .descr_video_text{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.item-video-info .descr_video_text{
    /*display: none;*/
}
.item-video-info .descr_video_btn{

}
.item-video-info .descr_video_btn_hover{

}
.item-video-info .descr_video_btn,
.item-video-info .descr_video_btn_hover,
.item-video-info  .descr_video_text{
    position: absolute;
}
.main-item:hover .descr_video_btn{
    left: -33px;
    top: 4px;
    width: 50px;
}
.item-video-info .descr_video_btn_hover{
    left: -23px;
    top: 1px;
}
.main-item:hover .descr_video_btn,
.item-video-info .descr_video_btn:hover + .descr_video_btn_hover,
.descr_video_btn_hover:hover,
.descr_video_btn_hover:hover + .descr_video_text{
    opacity: 1;
    z-index: 2;
}
.descr_video_text{
    left: -104px;
    top: 8px;
}

.sortable-placeholder{
    height: 100px;
}

.youtube-video-popup .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.youtube-video-popup .video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.youtube-video-popup .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube-video-popup.nbd-popup .main-popup {
    padding: 10px;
    width: 80%;
}
.youtube-video-popup .close-popup {
    top: -20px;
    right: -20px;
}
.youtube-video-popup .close-popup img {
    background-color: #fff;
    color: #fff;
    border-radius: 50%;
}
.dummy-close{
    display:none;
}
ul.drag-start{
    padding-top:10px
}
.sp-container-selector {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.gradientPicker-preview{
    max-height: 39px;
    border: 1px solid #707070;
}
.color-container.gradient.active + div{
    display:none;
}
.color-container.gradient,
.sp-container .extra{
    display: none;
}
.color-container.gradient .extra{
    display: block;
}
.color-container.gradient{
    border: 1px solid #CCCCCC;
    margin: 10px 13px;
    padding: 10px;
}
.color-container.gradient .upper-section{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.color-container.gradient .gradientPicker-ctrlPt {
    width: 15px;
    height: 15px;
    transition: border 0.3s ease-out;
    border: 1px solid #707070;
    cursor: pointer;
}
.gradientPicker-ctrlPt:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #707070;
    display: block;
    position: absolute;
    top: -4px;
    left: 3px;
    transition: border 0.3s ease-out;
}

.angle-slider {
    position: relative;
}
.angle-slider p {
    position: absolute;
    top: 5px;
}
div#nbd-global-color-picker .color-container.gradient .bottom-section .sp-picker-container {
    width: 100% !important;
    padding: 10px 0;
    float: none;
}
.color-container.gradient .bottom-section .rzslider span.rz-bubble.rz-model-value{
    left: 170px !important;
    display: block;
    text-align: right;
    font: normal normal normal 12px/17px Helvetica Now Display;
    letter-spacing: 0px;
    color: #CCCCCC;
    text-transform: uppercase;
}
.color-container.gradient .bottom-section .rzslider .rz-pointer {
    width: 10px;
    height: 10px;
    top: -4px;
    background: #ccc;
}
.color-container.gradient .bottom-section .rzslider .rz-pointer:after{
    display:none;
}
.color-container.gradient .bottom-section .rzslider .rz-bar{
    background: #ccc;
    height: 1px;
}
div#nbd-global-color-picker .color-container.gradient .sp-dragger {
    top: 0;
    left: 0;
}
.gradientPicker-ctrlPt:hover:after,
.color-container.gradient .gradientPicker-ctrlPt.active:after{
    left: 3px;
    top: -4px;
    border-bottom: 3px solid #ccc;
}
.color-container.gradient  .gradientPicker-ctrlPt:hover,
.color-container.gradient  .gradientPicker-ctrlPt.active {
    border: 1px solid #ccc;
}
.grad_ex{
    min-height: 60px;
}
.color-container.gradient .gradient-type{
    cursor: pointer;
}
.gradient-type.active svg g{
    stroke: #ddd;
}
.gradientPicker-ctrlPts{
    max-width: 177px;
}
.color-container.gradient .upper-section p {
    display: inline-block;
    font: normal normal normal 12px/17px Helvetica Now Display;
    text-transform: uppercase;
    color: #CCCCCC;
    letter-spacing: 0.54px;
    vertical-align: top;
}
.gradient-notice{
    width: 100%;
    margin: 0;
    padding: 0;
}
.sp-container-selector .flache,
.sp-container-selector .verlauf{
    cursor: pointer;
    width: 105px;
    height: 36px;
    background: #3C3C3C 0 0 no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
    display: inline-block;
}

.sp-container-selector .flache.active,
.sp-container-selector .verlauf.active{
    border: 1px solid #CCCCCC;
}
.sp-container-selector .flache.active p,
.sp-container-selector .verlauf.active p{
    color: #CCCCCC;
}

.sp-container-selector .flache p,
.sp-container-selector .verlauf p{
    letter-spacing: 0.63px;
    color: #707070;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Helvetica, serif;
    line-height: 36px;
}
.sp-container-selector .flache p:before,
.sp-container-selector .verlauf p:before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    transform: matrix(0, 1, -1, 0, 0, 0);
    vertical-align: middle;
    border-radius: 50%;
    margin: 0 3px;
}
.sp-container-selector .flache p:before {
    background: #707070 0 0 no-repeat padding-box;
}
.sp-container-selector .flache.active p:before {
    background: #CCCCCC 0 0 no-repeat padding-box;
}

.sp-container-selector .verlauf p:before {
    background: transparent linear-gradient(180deg, #333333 0%, #777777 100%) 0 0 no-repeat padding-box;
}
.sp-container-selector .verlauf.active p:before {
    background: transparent linear-gradient(180deg, #333333 0%, #777777 100%) 0 0 no-repeat padding-box;
}

.main-item, .item .main-item {
    position: relative;
}
.item-video-info {
    position: absolute;
    top: -5px;
    left: 0;
    width: calc(100% + 5px);
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms ease;
}
.collage-main-nav .menuitemactive .main-item .item-icon:hover .item-video-info,
.main-item .item-icon:hover .item-video-info{
    opacity: 1;
    visibility: visible;
}
.collage-main-nav .main-item .item-icon:hover .item-video-info{
    opacity: 0;
    visibility: hidden;
}
.item-video-info #descr_video_btn {
    position: relative;
    z-index: 1;
    transition: all 400ms ease;
    border: 1px solid #707070;
    border-radius: 100%;
    background: #fff;
}
.item-video-info:hover #descr_video_btn {
    transform: scale(1.2);
}
.item-video-info:hover #descr_video_btn #Pfad_6 {
    fill: red;
}
.descr_video_text_div {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 5px;
    border-top-left-radius: 2px;
}
.item-video-info #descr_video_text {
    position: relative;
    top: -16px;
    transition: all 400ms ease;
    background: rgb(213 210 210);
}
.item-video-info #descr_video_text #Video_ansehen {
    font-family: Helvetica, sans-serif, sans-serif;
}
.item-video-info:hover #descr_video_text {
    top: -2px;
}
.textil-product .sub-menu-item.toggle-ruler,
.textil-product .sub-menu-item.bleed-line,
.textil-product .sub-menu-item.show-diemensions,
.textil-product .sub-menu-item.clear-guides{
    display:none !important;
}
.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom .toolbar-label-font{
    text-transform: unset;
}
.stage-area-design-shape svg > path {
    fill: transparent;
}
.design-wrap.has-border.shaped{
    background-color: transparent !important;
}
/*------ 16-01-2025 -----*/
.information-guide {
    display: none;
}
ul.nbd-main-menu.menu-center.tool-path li.menu-item-qrcode i.icon-nbd.icon-nbd-qrcode {
    top: 4px;
    left: -1px;
}
ul.nbd-main-menu.menu-center.tool-path li.menu-item-qrcode input[ng-change="updateQrCode()"] {
    font-size: 0;
    height: 28px;
    width: 28px;
    padding: 0;
}
ul.nbd-main-menu.menu-center.tool-path .menu-item.menu-item-barcode > i {
    top: 3px;
    left: 1px;
}
ul.nbd-main-menu.menu-center.tool-path .menu-item.menu-item-barcode input[ng-change="updateBarCode()"] {
    font-size: 0;
    height: 26px;
    padding: 0;
    width: 36px;
}
ul.nbd-main-menu.menu-center.tool-path .menu-item.menu-item-barcode + li + li[ng-show="stages[currentStage].states.svg.groupPath.length == 1"], ul.nbd-main-menu.menu-center.tool-path .menu-item.menu-item-barcode + li + li + li[ng-show="stages[currentStage].states.svg.groupPath.length == 1"], ul.nbd-main-menu.menu-center.tool-path .menu-item.menu-item-barcode + li + li + li + li[ng-show="stages[currentStage].states.svg.groupPath.length == 1"] {
    display: none;
}