/*! jQuery UI - v1.12.1 - 2019-07-03
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    touch-action: none;
}
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-front {
    z-index: 100;
}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    font-size: 0.1px;
    display: block;
    touch-action: none;
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable {
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}
.ui-sortable-handle {
    touch-action: none;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0;
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px;
}
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}
.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none;
}
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}
button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup > .ui-controlgroup-item:focus {
    z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: 0.12em;
    border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}
.ui-checkboxradio-disabled {
    pointer-events: none;
}
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}
.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 0.5em;
    top: 0.3em;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}
.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}
.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}
.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px;
}
.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}
.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0.222em 0;
    vertical-align: middle;
    margin: 0.2em 2em 0.2em 0.4em;
}
.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-tabs {
    position: relative;
    padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}
@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v16/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url(https://fonts.gstatic.com/s/opensans/v16/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
.jBox-wrapper {
    text-align: left;
    box-sizing: border-box;
}
.jBox-container,
.jBox-content,
.jBox-title {
    position: relative;
    word-break: break-word;
    box-sizing: border-box;
}
.jBox-container {
    background: #fff;
}
.jBox-content {
    padding: 8px 12px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity 0.2s;
}
.jBox-footer {
    box-sizing: border-box;
}
.jBox-Mouse .jBox-container,
.jBox-Tooltip .jBox-container {
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.jBox-Mouse .jBox-title,
.jBox-Tooltip .jBox-title {
    padding: 8px 10px 0;
    font-weight: 700;
}
.jBox-Mouse.jBox-hasTitle .jBox-content,
.jBox-Tooltip.jBox-hasTitle .jBox-content {
    padding-top: 5px;
}
.jBox-Mouse {
    pointer-events: none;
}
.jBox-pointer {
    overflow: hidden;
}
.jBox-pointer,
.jBox-pointer:after {
    position: absolute;
    box-sizing: border-box;
}
.jBox-pointer:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
}
.jBox-pointer-top {
    top: 0;
}
.jBox-pointer-top:after {
    left: 5px;
    top: 6px;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-right {
    right: 0;
}
.jBox-pointer-right:after {
    top: 5px;
    right: 6px;
    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-left {
    left: 0;
}
.jBox-pointer-left:after {
    top: 5px;
    left: 6px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-bottom {
    bottom: 0;
}
.jBox-pointer-bottom:after {
    left: 5px;
    bottom: 6px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-bottom,
.jBox-pointer-top {
    width: 30px;
    height: 12px;
}
.jBox-pointer-left,
.jBox-pointer-right {
    width: 12px;
    height: 30px;
}
.jBox-Modal .jBox-container {
    border-radius: 4px;
}
.jBox-Modal.jBox-closeButton-box:before,
.jBox-Modal .jBox-container {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}
.jBox-Modal .jBox-content {
    padding: 15px 20px;
}
.jBox-Modal .jBox-title {
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
    padding-right: 65px;
}
.jBox-Modal .jBox-footer {
    border-radius: 0 0 4px 4px;
}
.jBox-closeButton {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    box-sizing: border-box;
}
.jBox-closeButton svg {
    position: absolute;
    top: 50%;
    right: 50%;
}
.jBox-closeButton path {
    fill: #aaa;
    transition: fill 0.2s;
}
.jBox-closeButton:hover path {
    fill: #888;
}
.jBox-overlay .jBox-closeButton {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
.jBox-overlay .jBox-closeButton svg {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-right: -10px;
}
.jBox-overlay .jBox-closeButton path {
    fill: #ddd;
}
.jBox-overlay .jBox-closeButton:hover path {
    fill: #fff;
}
.jBox-closeButton-title .jBox-closeButton {
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
}
.jBox-closeButton-title svg {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-right: -6px;
}
.jBox-closeButton-box {
    box-sizing: border-box;
}
.jBox-closeButton-box .jBox-closeButton {
    top: -8px;
    right: -10px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-right: -5px;
}
.jBox-closeButton-box:before {
    top: -8px;
    right: -10px;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.jBox-closeButton-box.jBox-pointerPosition-top:before {
    top: 5px;
}
.jBox-closeButton-box.jBox-pointerPosition-right:before {
    right: 2px;
}
.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
    background: #fafafa;
}
.jBox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.82);
}
.jBox-footer {
    background: #fafafa;
    border-top: 1px solid #eee;
    padding: 8px 10px;
    border-radius: 0 0 3px 3px;
}
body[class*=" jBox-blockScroll-"],
body[class^="jBox-blockScroll-"] {
    overflow: hidden;
}
.jBox-draggable {
    cursor: move;
}
@-webkit-keyframes jBoxLoading {
    to {
        transform: rotate(1turn);
    }
}
@keyframes jBoxLoading {
    to {
        transform: rotate(1turn);
    }
}
.jBox-loading .jBox-content {
    opacity: 0.2;
}
.jBox-loading-spinner .jBox-content {
    min-height: 38px !important;
    min-width: 38px !important;
    opacity: 0;
}
.jBox-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}
.jBox-spinner,
.jBox-spinner:before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
}
.jBox-spinner:before {
    display: block;
    content: "";
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: rgba(0, 0, 0, 0.8);
    -webkit-animation: jBoxLoading 0.6s linear infinite;
    animation: jBoxLoading 0.6s linear infinite;
}
.jBox-countdown {
    border-radius: 4px 4px 0 0;
    z-index: 0;
    background: #000;
    opacity: 0.2;
    left: 0;
    overflow: hidden;
}
.jBox-countdown,
.jBox-countdown-inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 3px;
}
.jBox-countdown-inner {
    width: 100%;
    background: #fff;
}
[class*=" jBox-animated-"],
[class^="jBox-animated-"] {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes jBox-tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.8) rotate(-4deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.2) rotate(4deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.2) rotate(-4deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
@keyframes jBox-tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.8) rotate(-4deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.2) rotate(4deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.2) rotate(-4deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
.jBox-animated-tada {
    -webkit-animation: jBox-tada 1s;
    animation: jBox-tada 1s;
}
@-webkit-keyframes jBox-tadaSmall {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-2deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(2deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-2deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
@keyframes jBox-tadaSmall {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-2deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(2deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-2deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
.jBox-animated-tadaSmall {
    -webkit-animation: jBox-tadaSmall 1s;
    animation: jBox-tadaSmall 1s;
}
@-webkit-keyframes jBox-flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes jBox-flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.jBox-animated-flash {
    -webkit-animation: jBox-flash 0.5s;
    animation: jBox-flash 0.5s;
}
@-webkit-keyframes jBox-shake {
    0%,
    to {
        transform: translateX(0);
    }
    20%,
    60% {
        transform: translateX(-6px);
    }
    40%,
    80% {
        transform: translateX(6px);
    }
}
@keyframes jBox-shake {
    0%,
    to {
        transform: translateX(0);
    }
    20%,
    60% {
        transform: translateX(-6px);
    }
    40%,
    80% {
        transform: translateX(6px);
    }
}
.jBox-animated-shake {
    -webkit-animation: jBox-shake 0.4s;
    animation: jBox-shake 0.4s;
}
@-webkit-keyframes jBox-pulseUp {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    to {
        transform: scale(1);
    }
}
@keyframes jBox-pulseUp {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    to {
        transform: scale(1);
    }
}
.jBox-animated-pulseUp {
    -webkit-animation: jBox-pulseUp 0.25s;
    animation: jBox-pulseUp 0.25s;
}
@-webkit-keyframes jBox-pulseDown {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.85);
    }
    to {
        transform: scale(1);
    }
}
@keyframes jBox-pulseDown {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.85);
    }
    to {
        transform: scale(1);
    }
}
.jBox-animated-pulseDown {
    -webkit-animation: jBox-pulseDown 0.25s;
    animation: jBox-pulseDown 0.25s;
}
@-webkit-keyframes jBox-popIn {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}
@keyframes jBox-popIn {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}
.jBox-animated-popIn {
    -webkit-animation: jBox-popIn 0.25s;
    animation: jBox-popIn 0.25s;
}
@-webkit-keyframes jBox-popOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(0);
    }
}
@keyframes jBox-popOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(0);
    }
}
.jBox-animated-popOut {
    -webkit-animation: jBox-popOut 0.25s;
    animation: jBox-popOut 0.25s;
}
@-webkit-keyframes jBox-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes jBox-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.jBox-animated-fadeIn {
    -webkit-animation: jBox-fadeIn 0.2s;
    animation: jBox-fadeIn 0.2s;
}
@-webkit-keyframes jBox-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes jBox-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.jBox-animated-fadeOut {
    -webkit-animation: jBox-fadeOut 0.2s;
    animation: jBox-fadeOut 0.2s;
}
@-webkit-keyframes jBox-slideUp {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-300px);
        opacity: 0;
    }
}
@keyframes jBox-slideUp {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-300px);
        opacity: 0;
    }
}
.jBox-animated-slideUp {
    -webkit-animation: jBox-slideUp 0.4s;
    animation: jBox-slideUp 0.4s;
}
@-webkit-keyframes jBox-slideRight {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(300px);
        opacity: 0;
    }
}
@keyframes jBox-slideRight {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(300px);
        opacity: 0;
    }
}
.jBox-animated-slideRight {
    -webkit-animation: jBox-slideRight 0.4s;
    animation: jBox-slideRight 0.4s;
}
@-webkit-keyframes jBox-slideDown {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(300px);
        opacity: 0;
    }
}
@keyframes jBox-slideDown {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(300px);
        opacity: 0;
    }
}
.jBox-animated-slideDown {
    -webkit-animation: jBox-slideDown 0.4s;
    animation: jBox-slideDown 0.4s;
}
@-webkit-keyframes jBox-slideLeft {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-300px);
        opacity: 0;
    }
}
@keyframes jBox-slideLeft {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-300px);
        opacity: 0;
    }
}
.jBox-animated-slideLeft {
    -webkit-animation: jBox-slideLeft 0.4s;
    animation: jBox-slideLeft 0.4s;
}
.jBox-Confirm .jBox-content {
    text-align: center;
    padding: 46px 35px;
}
@media (max-width: 500px) {
    .jBox-Confirm .jBox-content {
        padding: 32px 20px;
    }
}
.jBox-Confirm-footer {
    height: 46px;
}
.jBox-Confirm-button {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 50%;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    padding: 0 10px;
    transition: color 0.2s, background-color 0.2s;
    box-sizing: border-box;
}
.jBox-Confirm-button-cancel {
    background: #ddd;
    color: #666;
}
.jBox-Confirm-button-cancel:active,
.jBox-Confirm-button-cancel:hover {
    background: #ccc;
}
.jBox-Confirm-button-cancel:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.jBox-Confirm-button-submit {
    background: #7d0;
    color: #fff;
}
.jBox-Confirm-button-submit:active,
.jBox-Confirm-button-submit:hover {
    background: #6c0;
}
.jBox-Confirm-button-submit:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.jBox-Image .jBox-container {
    background-color: transparent;
}
.jBox-Image .jBox-content {
    padding: 0;
    width: 100%;
    height: 100%;
}
.jBox-image-container {
    background: 50% no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.jBox-image-label-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 40px;
    z-index: 100;
}
.jBox-image-label {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
    padding: 8px 40px;
    line-height: 24px;
    transition: opacity 0.36s;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}
.jBox-image-label.expanded {
    background: #000;
}
.jBox-image-label:not(.expanded) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.jBox-image-label.active {
    opacity: 1;
    pointer-events: all;
}
.jBox-image-pointer-next,
.jBox-image-pointer-prev {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
    background: no-repeat 50%
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05MyAyMjcuNEw4MC40IDI0MCA5MyAyNTIuNmMuNC40LjQgMS4xIDAgMS41bC0xLjYgMS42Yy0uNC40LTEgLjUtMS41IDBsLTE0LjktMTVjLS40LS40LS41LTEgMC0xLjVsMTQuOS0xNC45Yy40LS40IDEtLjQgMS41IDBsMS42IDEuNmMuNS41LjQgMS4xIDAgMS41eiIvPjwvc3ZnPg==);
    background-size: 11px auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.jBox-image-pointer-next:hover,
.jBox-image-pointer-prev:hover {
    opacity: 1;
}
.jBox-image-pointer-next {
    right: 0;
    transform: scaleX(-1);
}
.jBox-image-pointer-prev {
    left: 0;
}
.jBox-image-counter-container {
    position: absolute;
    right: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    text-align: right;
    display: none;
}
.jBox-image-has-counter .jBox-image-counter-container {
    display: block;
}
.jBox-image-has-counter .jBox-image-label:not(.expanded) {
    padding-right: 80px;
    text-indent: 40px;
}
.jBox-image-not-found,
.jBox-overlay.jBox-overlay-Image {
    background: #000;
}
.jBox-image-not-found:before {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    border: 5px solid #222;
    border-radius: 50%;
}
.jBox-image-not-found:after,
.jBox-image-not-found:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}
.jBox-image-not-found:after {
    box-sizing: content-box;
    z-index: auto;
    width: 6px;
    height: 74px;
    margin-top: -37px;
    margin-left: -3px;
    background: #222;
    transform: rotate(45deg);
    transform-origin: 50% 50% 0;
}
.jBox-image-download-button-wrapper {
    position: absolute;
    top: -40px;
    right: 35px;
    height: 40px;
    display: flex;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
}
.jBox-image-download-button-wrapper:hover {
    opacity: 1;
}
.jBox-image-download-button-icon {
    width: 40px;
    height: 40px;
    background: 50% no-repeat
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDE2IDI1NlY2NEgyMjR2MTkySDY0bDI1NiAyNTYgMjU2LTI1Nkg0MTZ6TTAgNTc2aDY0MHY2NEgwdi02NHoiLz48L3N2Zz4=);
    background-size: 60%;
}
.jBox-image-download-button-text {
    white-space: nowrap;
    line-height: 40px;
    padding: 0 10px 0 0;
    color: #fff;
    font-size: 14px;
}
@-webkit-keyframes jBoxImageLoading {
    to {
        transform: rotate(1turn);
    }
}
@keyframes jBoxImageLoading {
    to {
        transform: rotate(1turn);
    }
}
.jBox-image-loading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    border: 4px solid;
    border-color: #333 #333 #666;
    -webkit-animation: jBoxImageLoading 1.2s linear infinite;
    animation: jBoxImageLoading 1.2s linear infinite;
    border-radius: 50%;
}
.jBox-Notice {
    transition: margin 0.2s;
}
.jBox-Notice .jBox-container {
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, 0.25), inset -1px -1px 0 0 rgba(0, 0, 0, 0.1);
}
.jBox-Notice .jBox-content {
    border-radius: 4px;
    padding: 12px 20px;
}
@media (max-width: 768px) {
    .jBox-Notice .jBox-content {
        padding: 10px 15px;
    }
}
@media (max-width: 500px) {
    .jBox-Notice .jBox-content {
        padding: 8px 10px;
    }
}
.jBox-Notice.jBox-hasTitle .jBox-content {
    padding-top: 5px;
}
@media (max-width: 500px) {
    .jBox-Notice.jBox-hasTitle .jBox-content {
        padding-top: 0;
    }
}
.jBox-Notice.jBox-hasTitle .jBox-title {
    padding: 12px 20px 0;
    font-weight: 700;
}
@media (max-width: 768px) {
    .jBox-Notice.jBox-hasTitle .jBox-title {
        padding: 10px 15px 0;
    }
}
@media (max-width: 500px) {
    .jBox-Notice.jBox-hasTitle .jBox-title {
        padding: 8px 10px 0;
    }
}
.jBox-Notice.jBox-closeButton-title .jBox-title {
    padding-right: 55px;
}
.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton {
    width: 40px;
}
.jBox-Notice.jBox-Notice-black .jBox-container {
    color: #fff;
    background: #000;
}
.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #fff;
}
.jBox-Notice.jBox-Notice-gray .jBox-container {
    color: #222;
    background: #f6f6f6;
}
.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #222;
}
.jBox-Notice.jBox-Notice-red .jBox-container {
    color: #fff;
    background: #d00;
}
.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #fff;
}
.jBox-Notice.jBox-Notice-green .jBox-container {
    color: #fff;
    background: #5d0;
}
.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #fff;
}
.jBox-Notice.jBox-Notice-blue .jBox-container {
    color: #fff;
    background: #49d;
}
.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #fff;
}
.jBox-Notice.jBox-Notice-yellow .jBox-container {
    color: #000;
    background: #fd0;
}
.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path,
.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path {
    fill: #fff;
}
.jBox-NoticeFancy .jBox-content,
.jBox-NoticeFancy .jBox-title {
    padding-left: 25px;
}
.jBox-NoticeFancy.jBox-Notice-color .jBox-container {
    color: #fff;
    background: #000;
}
.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 8px;
    border-radius: 4px 0 0 4px;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.4) 0, hsla(0, 0%, 100%, 0.4) 75%, transparent 0, transparent);
    background-size: 14px 14px;
}
.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,
.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after {
    background-color: #888;
}
.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after {
    background-color: #e00;
}
.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after {
    background-color: #6c0;
}
.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after {
    background-color: #49d;
}
.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after {
    background-color: #fb0;
}
.jBox-NoticeFancy .jBox-countdown {
    left: 8px;
    border-radius: 0 4px 0 0;
}
.jBox-TooltipBorder .jBox-container,
.jBox-TooltipBorder .jBox-pointer:after {
    border: 2px solid #49d;
}
.jBox-TooltipBorder .jBox-pointer:after {
    width: 22px;
    height: 22px;
}
.jBox-TooltipBorder .jBox-pointer-bottom,
.jBox-TooltipBorder .jBox-pointer-top {
    width: 34px;
    height: 13px;
}
.jBox-TooltipBorder .jBox-pointer-bottom:after,
.jBox-TooltipBorder .jBox-pointer-top:after {
    left: 6px;
}
.jBox-TooltipBorder .jBox-pointer-left,
.jBox-TooltipBorder .jBox-pointer-right {
    width: 13px;
    height: 34px;
}
.jBox-TooltipBorder .jBox-pointer-left:after,
.jBox-TooltipBorder .jBox-pointer-right:after {
    top: 6px;
}
.jBox-TooltipBorder.jBox-closeButton-box:before {
    width: 28px;
    height: 28px;
    background: #49d;
}
.jBox-TooltipBorderThick .jBox-container {
    box-shadow: none;
    border-radius: 8px;
    border: 4px solid #ccc;
}
.jBox-TooltipBorderThick .jBox-pointer:after {
    box-shadow: none;
    border: 4px solid #ccc;
    width: 24px;
    height: 24px;
}
.jBox-TooltipBorderThick .jBox-pointer-bottom,
.jBox-TooltipBorderThick .jBox-pointer-top {
    width: 38px;
    height: 13px;
}
.jBox-TooltipBorderThick .jBox-pointer-left,
.jBox-TooltipBorderThick .jBox-pointer-right {
    width: 13px;
    height: 38px;
}
.jBox-TooltipBorderThick.jBox-closeButton-box:before {
    width: 32px;
    height: 32px;
    background: #ccc;
}
.jBox-TooltipDark .jBox-container {
    border-radius: 4px;
    background: #000;
    color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.jBox-TooltipDark .jBox-closeButton,
.jBox-TooltipDark .jBox-pointer:after {
    background: #000;
}
.jBox-TooltipDark.jBox-closeButton-box:before {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
    fill: #ddd;
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
    fill: #fff;
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
    fill: #bbb;
}
.jBox-TooltipError {
    pointer-events: none;
}
.jBox-TooltipError .jBox-container {
    border-radius: 2px;
    background: #d00;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}
.jBox-TooltipError .jBox-content {
    padding: 0 10px;
    line-height: 28px;
}
.jBox-TooltipError .jBox-pointer:after {
    background: #d00;
    width: 20px;
    height: 20px;
}
.jBox-TooltipError .jBox-pointer-bottom,
.jBox-TooltipError .jBox-pointer-top {
    width: 22px;
    height: 8px;
}
.jBox-TooltipError .jBox-pointer-left,
.jBox-TooltipError .jBox-pointer-right {
    width: 8px;
    height: 22px;
}
.jBox-TooltipError .jBox-pointer-top:after {
    left: 1px;
    top: 6px;
}
.jBox-TooltipError .jBox-pointer-right:after {
    top: 1px;
    right: 6px;
}
.jBox-TooltipError .jBox-pointer-bottom:after {
    left: 1px;
    bottom: 6px;
}
.jBox-TooltipError .jBox-pointer-left:after {
    top: 1px;
    left: 6px;
}
.jBox-TooltipSmall {
    pointer-events: none;
}
.jBox-TooltipSmall .jBox-container {
    border-radius: 2px;
}
.jBox-TooltipSmall .jBox-content {
    padding: 0 10px;
    line-height: 28px;
}
.jBox-TooltipSmall .jBox-pointer:after {
    width: 20px;
    height: 20px;
}
.jBox-TooltipSmall .jBox-pointer-bottom,
.jBox-TooltipSmall .jBox-pointer-top {
    width: 22px;
    height: 8px;
}
.jBox-TooltipSmall .jBox-pointer-left,
.jBox-TooltipSmall .jBox-pointer-right {
    width: 8px;
    height: 22px;
}
.jBox-TooltipSmall .jBox-pointer-top:after {
    left: 1px;
    top: 6px;
}
.jBox-TooltipSmall .jBox-pointer-right:after {
    top: 1px;
    right: 6px;
}
.jBox-TooltipSmall .jBox-pointer-bottom:after {
    left: 1px;
    bottom: 6px;
}
.jBox-TooltipSmall .jBox-pointer-left:after {
    top: 1px;
    left: 6px;
}
.jBox-TooltipSmallGray {
    pointer-events: none;
}
.jBox-TooltipSmallGray .jBox-container {
    font-size: 13px;
    line-height: 24px;
    border-radius: 12px;
    background-image: linear-gradient(180deg, #fafafa, #f2f2f2);
}
.jBox-TooltipSmallGray .jBox-content {
    padding: 0 10px;
}
.jBox-TooltipSmallGray .jBox-pointer:after {
    width: 20px;
    height: 20px;
}
.jBox-TooltipSmallGray .jBox-pointer-bottom,
.jBox-TooltipSmallGray .jBox-pointer-top {
    width: 22px;
    height: 8px;
}
.jBox-TooltipSmallGray .jBox-pointer-left,
.jBox-TooltipSmallGray .jBox-pointer-right {
    width: 8px;
    height: 22px;
}
.jBox-TooltipSmallGray .jBox-pointer-top:after {
    background: #fafafa;
    left: 1px;
    top: 6px;
}
.jBox-TooltipSmallGray .jBox-pointer-right:after {
    top: 1px;
    right: 6px;
}
.jBox-TooltipSmallGray .jBox-pointer-bottom:after {
    background: #f2f2f2;
    left: 1px;
    bottom: 6px;
}
.jBox-TooltipSmallGray .jBox-pointer-left:after {
    top: 1px;
    left: 6px;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.nice-select:hover {
    border-color: #dbdbdb;
}
.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999;
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
}
.nice-select.open:after {
    transform: rotate(-135deg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
}
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}
.nice-select.disabled:after {
    border-color: #ccc;
}
.nice-select.wide {
    width: 100%;
}
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.nice-select.right {
    float: right;
}
.nice-select.right .list {
    left: auto;
    right: 0;
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}
.nice-select.small:after {
    height: 4px;
    width: 4px;
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6;
}
.nice-select .option.selected {
    font-weight: 700;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.no-csspointerevents .nice-select .list {
    display: none;
}
.no-csspointerevents .nice-select.open .list {
    display: block;
}
.beefup {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 1em 0;
    transition: border 0.2s ease;
}
.beefup:first-child {
    margin-top: 0;
}
.beefup:hover {
    border-color: #aaa;
}
.beefup__body,
.beefup__head {
    padding: 10px 20px;
}
.beefup__head {
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding-right: 50px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.beefup__head:after {
    border-color: #ddd transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    content: "";
    position: absolute;
    right: 20px;
    height: 0;
    margin-top: -5px;
    top: 50%;
    transition: border 0.2s ease;
    width: 0;
}
.beefup__body {
    padding-top: 20px;
}
.beefup.is-open > .beefup__head:after {
    border-width: 0 10px 10px;
    border-color: transparent transparent #ddd;
}
.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}
.sp-container,
.sp-container * {
    box-sizing: content-box;
}
.sp-top {
    position: relative;
    width: 100%;
    display: inline-block;
}
.sp-top-inner {
    right: 0;
}
.sp-color,
.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.sp-color {
    right: 20%;
}
.sp-hue {
    top: 0;
    right: 0;
    left: 84%;
    height: 100%;
}
.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%;
}
.sp-fill {
    padding-top: 80%;
}
.sp-sat,
.sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #000;
    background: #fff;
    opacity: 0.8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: 1px solid #333;
}
.sp-clear {
    display: none;
}
.sp-clear.sp-clear-display {
    background-position: 50%;
}
.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px;
}
.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container,
.sp-container.sp-dragging .sp-input,
.sp-container button,
.sp-dragger,
.sp-preview,
.sp-replacer,
.sp-slider {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-sat {
    background-image: linear-gradient(90deg, #fff, rgba(204, 154, 129, 0));
}
.sp-val {
    background-image: linear-gradient(0deg, #000, rgba(204, 154, 129, 0));
}
.sp-hue {
    background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.sp-1 {
    height: 17%;
}
.sp-2 {
    height: 16%;
}
.sp-3,
.sp-4 {
    height: 17%;
}
.sp-5 {
    height: 16%;
}
.sp-6 {
    height: 17%;
}
.sp-hidden {
    display: none !important;
}
.sp-cf:after,
.sp-cf:before {
    content: "";
    display: table;
}
.sp-cf:after {
    clear: both;
}
@media (max-device-width: 480px) {
    .sp-color {
        right: 40%;
    }
    .sp-hue {
        left: 63%;
    }
    .sp-fill {
        padding-top: 60%;
    }
}
.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    left: 0;
}
.sp-dragger,
.sp-slider {
    cursor: pointer;
    position: absolute;
    top: 0;
}
.sp-slider {
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: #fff;
    opacity: 0.8;
}
.sp-container {
    border-radius: 0;
    background-color: #ececec;
    border: 1px solid #f0c49b;
}
.sp-clear,
.sp-color,
.sp-container,
.sp-container button,
.sp-container input,
.sp-hue {
    font: normal 12px Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-clear,
.sp-color,
.sp-hue {
    border: 1px solid #666;
}
.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
    width: 100%;
}
.sp-input {
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    background: 0 0;
    border-radius: 3px;
    color: #222;
}
.sp-input:focus {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-palette-container,
.sp-picker-container {
    float: left;
    position: relative;
    padding: 10px 10px 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: 1px solid #fff;
}
.sp-palette-container {
    border-right: 1px solid #ccc;
}
.sp-palette-only .sp-palette-container {
    border: 0;
}
.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: 2px solid transparent;
}
.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover {
    border-color: orange;
}
.sp-thumb-el {
    position: relative;
}
.sp-initial {
    float: left;
    border: 1px solid #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border: none;
    display: block;
    float: left;
    margin: 0;
}
.sp-initial .sp-clear-display {
    background-position: 50%;
}
.sp-button-container,
.sp-palette-button-container {
    float: right;
}
.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    border: 1px solid #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer.sp-active,
.sp-replacer:hover {
    border-color: #f0c49b;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor: default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px;
}
.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: 1px solid #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
}
.sp-palette {
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 2px 1px;
    border: 1px solid #d0d0d0;
}
.sp-container {
    padding-bottom: 0;
}
.sp-container button {
    background-color: #eee;
    background-image: linear-gradient(180deg, #eee, #ccc);
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 5px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle;
}
.sp-container button:hover {
    background-color: #ddd;
    background-image: linear-gradient(180deg, #ddd, #bbb);
    border: 1px solid;
    border-color: #bbb #bbb #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid;
    border-color: #aaa #aaa #888;
    -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    padding: 2px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    text-decoration: none;
}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}
.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
    border-color: #000;
}
.sp-alpha,
.sp-preview,
.sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.select2-results__option {
    padding: 6px;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    right: 1px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
    border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
*,
:after,
:before {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    border-radius: 20px;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 20px;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body,
html {
    -webkit-font-smoothing: antialiased;
}
body,
html {
    font-family: Poppins, sans-serif !important;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    overflow-x: hidden;
}
body:not(.eb_template_wrapper) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
svg:not(:root) {
    overflow: hidden;
    isolation: isolate;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
ol,
ul {
    list-style-type: none;
}
.eb_template_wrapper ol {
    list-style-type: decimal;
}
.eb_template_wrapper ul {
    list-style-type: disc;
}
.mb_20 {
    margin-bottom: 20px;
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_40 {
    margin-bottom: 40px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
}
[contenteditable]:focus {
    outline: 0 solid transparent !important;
}
form {
    margin: 0;
}
button,
input {
    outline: 0 !important;
}
input:disabled {
    cursor: not-allowed;
    background: #f9f9f9;
}
.jBox-Tooltip .jBox-container {
    box-shadow: none !important;
    max-width: 250px;
}
.jBox-Tooltip .jBox-pointer-bottom,
.jBox-Tooltip .jBox-pointer-top {
    height: 7px;
}
.jBox-Tooltip .jBox-pointer-right {
    width: 7px;
}
.jBox-Tooltip .jBox-content {
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #000;
    padding: 0 5px;
    border: none;
    opacity: 1;
    border-radius: 4px;
}
.jBox-Confirm-button-submit {
    background: #3d3df4;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.jBox-Confirm-button-cancel {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.jBox-Confirm-button-submit:hover {
    background: #2d2df4;
}
.sp-container {
    right: 50px;
    left: auto !important;
    background-color: #fff;
    padding: 0;
    border: none;
    border-radius: 8px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.sp-palette-container {
    position: absolute;
    bottom: 15px;
    width: 170px;
    float: right;
    margin-left: 3px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
    z-index: 2;
}
.sp-picker-container {
    position: relative;
    float: right;
    margin-bottom: 0;
    padding: 15px 10px 40px;
}
.sp-hue {
    position: absolute;
    left: auto;
    right: 5px;
    bottom: 0;
    width: 5px;
    border: none !important;
    border-radius: 16px;
}
.sp-color {
    border: 0;
    border-radius: 4px;
}
.sp-palette .sp-thumb-inner,
.sp-sat,
.sp-val {
    border-radius: 4px;
}
.sp-dragger {
    width: 6px;
    height: 6px;
}
.sp-dragger,
.sp-slider {
    background: transparent;
    border: 4px solid #fff;
    border-radius: 16px;
    box-shadow: 0 0 1px 0 #000;
}
.sp-slider {
    width: 5px;
    height: 5px;
    left: -4px;
    right: 0;
    opacity: 1;
}
.sp-input {
    position: relative;
    display: inline-block;
    color: #000;
    font-family: Poppins !important;
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    width: 100%;
    background: #fff !important;
    padding: 0 5px 0 45px;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
    outline: 0;
}
input.sp-input:hover {
    cursor: text;
    background: #f7f7f7;
}
input.sp-input:focus {
    color: #000;
    background: #fff;
    border: 2px solid #3d3df4;
}
.sp-input-container:before {
    position: absolute;
    content: "HEX";
    left: 12px;
    color: #999;
    font-family: poppins;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    width: 40px;
    height: 28px;
    background: transparent;
    z-index: 2;
}
.sp-palette {
    max-width: 100%;
}
.sp-color {
    right: 15%;
}
.sp-palette .sp-thumb-el {
    margin: 2px 4px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 1px 0 #000;
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner,
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: none;
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner:before {
    position: absolute;
    display: block;
    content: "";
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #fff;
    margin: 0 auto;
    border-radius: 5px;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:before {
    position: absolute;
    display: block;
    content: "";
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #000;
    margin: 0 auto;
    border-radius: 5px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    height: 30px;
    outline: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    position: absolute;
    top: 1px;
    right: 8px;
    width: 20px;
}
.select2-results__option {
    position: relative;
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 7px 10px 7px 25px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 25px;
}
.select2-dropdown {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 4px !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 240px;
    overflow-y: auto;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f5f5f5;
    color: #000;
    border-radius: 4px !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: rgba(70, 70, 244, 0.1);
    color: #3d3df4;
    border-radius: 4px !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]:before {
    position: absolute;
    content: "\2714";
    left: 7px;
    color: #3d3df4;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #777;
}
.eb_template {
    position: absolute;
    display: block;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    background: #f9f9f9;
    border-right: 1px solid #f5f5f5;
    overflow: hidden;
    overflow-y: auto !important;
    z-index: 1;
}
@media (min-width: 769px) {
    .eb_template {
        position: absolute;
        display: block;
        top: 50px;
        left: 200px;
        width: calc(100% - 500px);
        height: calc(100% - 50px);
        background: #f9f9f9;
        border-right: 1px solid #f5f5f5;
        overflow: hidden;
        overflow-y: auto !important;
        z-index: 1;
    }
}
.eb_template_wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    margin: 50px auto 200px;
}
@media (min-width: 769px) {
    .eb_template_wrapper {
        position: relative;
        display: block;
        width: 700px;
        min-width: 700px;
        background: #fff;
        margin: 50px auto 200px;
    }
}
.eb_template_wrapper a,
.eb_template_wrapper a:visited {
    color: inherit;
}
.selected-table {
    outline: 1px solid #00ffe5;
    z-index: 1;
}
.eb_lp {
    display: none;
}
@media (min-width: 769px) {
    .eb_lp {
        position: absolute;
        display: block;
        top: 50px;
        left: 0;
        width: 200px;
        height: calc(100% - 50px);
        background: #fff;
        border-right: 1px solid #f5f5f5;
        overflow: hidden;
        overflow-y: auto;
        z-index: 100;
    }
}
.eb_lp_wrapper {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_group_module_list {
    cursor: pointer;
    position: relative;
    background: #fff;
    padding: 20px 10px 20px 20px;
}
.eb_group_module_list.active,
.eb_group_module_list:hover {
    background: #f7f7f7;
}
.eb_group_module_list.active:before,
.eb_group_module_list:hover:before {
    top: -20px;
}
.eb_group_module_list.active:after,
.eb_group_module_list.active:before,
.eb_group_module_list:hover:after,
.eb_group_module_list:hover:before {
    position: absolute;
    content: "";
    right: 0;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #f7f7f7 0) 200% 200%/400% 400%;
}
.eb_group_module_list.active:after,
.eb_group_module_list:hover:after {
    bottom: -20px;
    transform: scaleY(-1);
    z-index: 2;
}
.eb_group_name {
    color: #777;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.eb_group_module_list.active .eb_group_name,
.eb_group_module_list:hover .eb_group_name {
    color: #3d3df4;
}
.eb_group_module_count {
    position: absolute;
    display: block;
    top: 18px;
    right: 10px;
    width: 25px;
    height: 25px;
    color: #000;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.eb_group_module_list.active .eb_group_module_count,
.eb_group_module_list:hover .eb_group_module_count {
    border: 1px solid #3d3df4;
}
.eb_lp_module {
    display: none;
}
@media (min-width: 769px) {
    .eb_lp_module {
        position: absolute;
        display: block;
        top: 50px;
        left: 200px;
        width: 250px;
        height: calc(100% - 50px);
        background: #f7f7f7;
        border-right: 1px solid #f5f5f5;
        overflow: hidden;
        overflow-y: auto;
        opacity: 0;
        transition: all 0.3s ease;
        transform: translate(-100%) translateZ(0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 95;
    }
}
.eb_lp_module.active {
    opacity: 1;
    transition: all 0.3s ease;
    transition-delay: 0.3s;
    transform: translate(0) translateZ(0);
}
.eb_lp_module_wrapper ul {
    position: relative;
    display: block;
    text-align: center;
    padding: 20px 10px;
}
.eb_module_list li {
    margin-bottom: 30px;
}
.eb_module_name {
    position: relative;
    display: block;
    color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 10px 10px;
}
.eb_module_img img {
    cursor: -webkit-grab;
    cursor: grab;
    text-align: center;
    margin: 0 auto;
    width: 220px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.eb_module_img:hover img {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.eb_nav {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    z-index: 100;
}
.eb_logo_wrapper {
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 50px;
    padding: 11px 0;
    border-right: 1px solid #f5f5f5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_logo_wrapper img {
    cursor: pointer;
    width: 130px;
    height: 25px;
}
.eb_btn {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    margin: 4px 0 5px;
    border-radius: 8px;
}
.eb_btn:hover {
    background: #f7f7f7;
}
.eb_btn img,
.eb_btn svg {
    display: inline-block;
    fill: #999;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 auto;
}
.eb_btn:hover svg {
    fill: #000;
}
.eb_btn.active,
.eb_btn.active svg {
    background: rgba(70, 70, 244, 0.1);
    fill: #3d3df4;
    border-radius: 8px;
}
.eb_btn.xl svg {
    padding: 7px;
}
.eb_btn.lg svg {
    padding: 8px;
}
.eb_btn.md svg {
    padding: 9px;
}
.eb_btn.sm svg {
    padding: 11px;
}
.eb_nav_center {
    position: absolute;
    display: block;
    left: 200px;
    top: 0;
    width: calc(100% - 450px);
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_nav_center_wrapper {
    position: relative;
    display: block;
}
.eb_save_status,
.eb_template_name {
    display: inline-block;
    min-width: 200px;
    width: 200px;
    float: left;
    clear: both;
    margin: 7px 15px 8px;
}
.eb_save_status {
    float: right;
}
.eb_template_name input {
    display: none;
    width: 100%;
    color: #999;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    padding: 0 8px 0 15px;
    background: #fafafa;
    border: 2px solid transparent;
    border-radius: 8px;
    outline: 0;
}
@media (min-width: 769px) {
    .eb_template_name input {
        display: block;
        width: 100%;
        color: #999;
        font-size: 12px;
        line-height: 30px;
        font-weight: 600;
        padding: 0 8px 0 15px;
        background: #fafafa;
        border: 2px solid transparent;
        border-radius: 8px;
        outline: 0;
    }
}
.eb_template_name input:hover {
    cursor: text;
    background: #f7f7f7;
}
.eb_template_name input:focus {
    background: #fff;
    color: #000;
    border: 2px solid #f1f1f1;
}
.eb_nav_right {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    border-left: 1px solid #f5f5f5;
}
@media (min-width: 769px) {
    .eb_nav_right {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 50px;
        border-left: 1px solid #f5f5f5;
    }
}
.eb_nav_right_wrapper {
    position: relative;
    padding-left: 12px;
    font-size: 0;
}
.eb_nav_right_wrapper .eb_btn {
    display: none;
}
@media (min-width: 769px) {
    .eb_nav_right_wrapper .eb_btn {
        display: inline-block;
    }
}
.eb_nav_user {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    right: 0;
    line-height: 0;
    padding: 5px 15px;
    border-left: 1px solid #f5f5f5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_nav_user img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px auto;
    border-radius: 8px;
    border: 2px solid #f5f5f5;
}
.eb_nav_user:hover .eb_nav_user_drop {
    display: block;
    transition: all 0.3s ease;
}
.eb_nav_user_drop {
    position: absolute;
    display: none;
    right: 10px;
    width: 180px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 16px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_nav_user_drop li a {
    display: block;
    padding: 8px 0;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}
.eb_nav_user_drop li a:hover {
    color: #3d3df4;
}
.eb_rp_tool {
    position: absolute;
    display: block;
    top: 50px;
    right: 250px;
    width: 50px;
    height: calc(100% - 50px);
    background: #fff;
    border-left: 1px solid #f5f5f5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_rp_tool_wrapper {
    position: relative;
    display: block;
    text-align: center;
}
.eb_rp {
    position: absolute;
    display: block;
    top: 50px;
    right: 0;
    width: 250px;
    height: calc(100% - 50px);
    background: #fff;
    border-left: 1px solid #f5f5f5;
    overflow: hidden;
    overflow-y: auto;
}
.eb_rp_wrapper {
    position: relative;
    display: block;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.accordion {
    border-top: 1px solid #f5f5f5;
    margin: 0;
    transition: border 0.2s ease;
}
.accordion.general_setting {
    border-top: none;
}
.accordion:last-child {
    border-bottom: 1px solid #f5f5f5;
}
.accordion:first-child {
    margin-top: 0;
}
.accordion__body,
.accordion__head {
    padding: 15px;
}
.accordion__head {
    cursor: pointer;
    position: relative;
    color: #777;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    padding-right: 50px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.accordion:hover .accordion__head {
    color: #000;
}
.accordion.is-open .accordion__head {
    color: #3d3df4;
}
.accordion__head:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0;
    height: 0;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    margin-top: -2px;
    transition: border 0.2s ease;
}
.accordion__body {
    color: #777;
    font-size: 11px;
    line-height: 11px;
    padding-top: 0;
    padding-bottom: 20px;
}
.accordion.is-open > .accordion__head:after {
    border-width: 0 5px 5px;
    border-color: transparent transparent #3d3df4;
}
.eb_type_name {
    position: relative;
    display: block;
    color: #777;
    font-size: 10px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 15px;
    background: #f9f9f9;
}
.eb_rp_header {
    display: table;
    width: 100%;
    padding: 0 15px 15px;
    background: #f9f9f9;
}
.eb_check_title {
    left: 5px;
    color: #777;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
}
.eb_check_title,
.eb_check_wrapper {
    position: relative;
    display: table-cell;
}
.eb_check_wrapper {
    top: 3px;
    line-height: 0;
    padding: 0;
}
.eb_check_font_wrapper.eb_check_wrapper {
    display: inline-block;
    margin-bottom: 20px;
}
.eb_check {
    display: none;
}
p.fontweighttitle {
    margin: 20px 0 10px;
    font-size: 14px;
}
p.fontweighttitle,
p.webfontsupport {
    line-height: 24px;
    color: #999;
    letter-spacing: 1px;
}
p.webfontsupport {
    margin: -15px 0 20px;
    font-size: 11px;
}
p.webfontsupport a {
    color: #666;
    text-decoration: underline;
}
span.eb_check_name {
    display: inline-block;
    margin: 0 20px 0 10px;
    font-size: 16px;
    line-height: 18px;
}
.eb_check_label:empty {
    display: inline-block;
    width: 15px;
    height: 15px;
}
.eb_check_label {
    cursor: pointer;
    position: relative;
    top: 1px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eb_check_label:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -1px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.eb_check_label:after {
    content: "\2714";
    position: absolute;
    top: 2px;
    left: 3px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
}
.eb_check:checked + .eb_check_label:before {
    background: #3d3df4 !important;
    border-color: #3d3df4 !important;
}
.eb_check:checked + .eb_check_label:after {
    opacity: 1;
}
.select_wrapper.primary_font,
.select_wrapper.secondary_font {
    display: block;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0.5;
    color: #000;
    width: 100%;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
}
.select2-container {
    z-index: 1;
}
.select2-container .select2-selection--single
 .select2-selection__rendered {
    padding-left: 8px;
    padding-right: 8px;
    z-index: 1;
}
.select2-container--open {
    z-index: 11111;
}
.editable_popup_row {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    margin-top: 0;
}
.editable_popup_col-2 {
    width: 48%;
    vertical-align: top;
}
.editable_popup_col-1,
.editable_popup_col-2 {
    position: relative;
    display: inline-block;
}
.editable_popup_col-1 {
    width: 100%;
    margin-bottom: 5px;
}
.fake_space {
    position: relative;
    display: inline-block;
    width: 4%;
}
.editable_popup_name {
    position: relative;
    display: block;
    color: #aaa;
    font-size: 10px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 10px 0 5px;
}
textarea.custom_body_code_text,
textarea.custom_head_code_text,
textarea.editable_input.preheader_text {
    resize: none;
}
input.editable_input,
textarea.editable_input {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    outline: 0;
}
.social_icon .select2-selection__choice {
    list-style: none !important;
    font-size: 11px !important;
    padding: 5px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #f1f1f1 !important;
    margin: 3px;
    font-weight: 500;
    letter-spacing: 0.5;
    color: #999 !important;
}
.social_icon.select2-selection--multiple {
    border: 1px solid #f1f1f1 !important;
}
.select2-container--open .select2-selection--multiple.social_icon {
    border: 1px solid #3d3df4 !important;
}
.add_font .select2-search__field,
.social_icon_style .select2-search__field {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    outline: 0;
    padding: 0 10px !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 4px !important;
    outline: 0 !important;
}
.select2-search__field:hover {
    cursor: text !important;
    background: #f7f7f7 !important;
}
.select2-search__field:focus {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #3d3df4 !important;
}
.add_font_cont .select2-selection__rendered {
    font-size: 14px !important;
    line-height: 40px !important;
}
.add_font_cont.select2-selection--single,
.add_font_cont .select2-selection__arrow {
    height: 40px !important;
}
.activate_request_form .select2-selection__rendered {
    font-size: 14px !important;
    line-height: 46px !important;
}
.activate_request_form.select2-selection--single {
    height: 50px !important;
    border: 2px solid #f1f1f1;
}
.activate_request_form .select2-selection__arrow {
    height: 50px !important;
}
.activate_request_form .select2-results__option,
.add_font .select2-results__option {
    font-size: 13px !important;
    line-height: 20px !important;
    padding: 7px 12px 7px 30px !important;
}
input.editable_input:hover,
textarea.editable_input:hover {
    cursor: text;
    background: #f7f7f7;
}
input.editable_input:focus,
textarea.editable_input:focus {
    background: #fff;
    color: #000;
    border: 1px solid #3d3df4;
}
input.color {
    cursor: pointer;
    position: relative;
    display: inline-block;
    left: 2px;
    width: 80%;
    color: #000;
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    background: #fff;
    padding: 0 5px;
    border-radius: 4px;
    border: 0;
    outline: 0;
    vertical-align: middle;
}
input.color,
input.color:foucs,
input.color:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.font_color_wrapper {
    height: 30px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.color_box,
.font_color_wrapper {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.color_box {
    height: 20px;
    width: 20px;
    background: #444;
    border-radius: 4px;
    margin-left: 5px;
    box-shadow: 0 0 1px 0 #666;
}
.editable_popup_button {
    color: #fff;
    background-color: #3d3df4;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 5px;
}
span.editable_popup_btn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 50px;
    color: #999;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin: 0 6px 0 auto;
}
span.editable_popup_btn:hover {
    background: #fff;
    border: 1px solid #3d3df4;
}
span.editable_popup_btn.active {
    background: #fff;
    border: 1px solid #f1f1f1;
    color: #3d3df4;
}
span.editable_popup_btn:last-child {
    margin-right: 0;
}
span.editable_popup_btn img {
    fill: #fff;
    width: 18px;
    padding-top: 5px;
}
span.editable_popup_btn img,
span.editable_popup_btn svg {
    display: block;
    line-height: 30px;
    margin: 0 auto;
}
span.editable_popup_btn svg {
    fill: #777;
    width: 16px;
    padding: 6px 0;
}
span.editable_popup_btn.active svg {
    fill: #3d3df4;
}
.text_transform_tool span.editable_popup_btn svg {
    width: 22px;
}
.img_box {
    position: relative;
    display: block;
    width: 85px;
    height: 85px;
    background: #f1f1f1;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 0 1px 0 #666;
    overflow: hidden;
}
.img_box img {
    width: 100%;
    vertical-align: middle;
}
span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.img_name,
.img_resolution,
.img_size {
    position: relative;
    display: block;
    color: #777;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    padding: 0 5px;
    margin: 0 0 5px;
}
.img_resolution,
.img_size {
    font-size: 10px;
    color: #999;
}
.img_radius_tool span.editable_popup_btn {
    width: 30%;
}
.bg_img_size span.editable_popup_btn {
    width: 31%;
    font-size: 11px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
}
.bg_img_size span.editable_popup_btn.active {
    color: #3d3df4;
}
.bg_img_custom {
    display: none;
}
.bg_img_custom.active {
    display: block;
}
.add_link_btn,
.add_new_font,
.change_image,
.remove_link_btn {
    display: block !important;
    width: 100% !important;
    font-size: 11px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px !important;
}
.eb_custom_body_code,
.eb_custom_head_code,
.eb_custom_preheader_code {
    display: block !important;
    width: 100% !important;
    font-size: 11px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px !important;
}
.social_size span.editable_popup_btn {
    width: 31%;
    font-size: 11px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
}
.eb_padding_tool .editable_popup_col-2 input {
    padding: 0 4px !important;
}
.eb_padding_tool .editable_popup_col-2 .editable_popup_name {
    text-align: center;
    letter-spacing: 0;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
.button_type span.editable_popup_btn {
    width: 48%;
    font-size: 11px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
}
.button_type span.editable_popup_btn.active {
    color: #3d3df4;
    border-color: #3d3df4;
}
.button_align_tool .editable_popup_btn,
.change_bg_image .editable_popup_btn,
.divider_align_tool .editable_popup_btn,
.shape_align_tool .editable_popup_btn {
    width: 31%;
}
.preview_modal_icons {
    display: block;
    margin: 0 auto;
    position: fixed;
    z-index: 1;
    top: 20px;
    left: 284px;
}
.preview_modal {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
}
.preview_modal .jBox-container {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #fff;
    padding: 10px 50px 50px;
    border-radius: 8px;
    overflow: hidden;
}
.preview_modal .jBox-content {
    width: 100% !important;
    padding: 0;
    margin: 0 auto !important;
}
.preview_modal .jBox-closeButton {
    top: 15px;
    right: 50px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
}
.preview_modal .jBox-title {
    color: #3d3df4;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    text-transform: none;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    padding: 15px 0;
    margin-bottom: 5px;
    word-wrap: break-word;
}
.preview_template {
    background: #f9f9f9;
    width: 100%;
    height: 1500px;
}
.custom_body_code_modal .jBox-container,
.custom_head_code_modal .jBox-container,
.custom_preheader_code_modal .jBox-container,
.export_modal .jBox-container,
.save_template_modal .jBox-container,
.test_mail_modal .jBox-container {
    position: relative;
    width: 650px;
    background-color: #fff;
    border-radius: 8px;
    padding: 50px;
    overflow: hidden;
}
.custom_body_code_modal .jBox-closeButton,
.custom_head_code_modal .jBox-closeButton,
.custom_preheader_code_modal .jBox-closeButton,
.export_modal .jBox-closeButton,
.save_template_modal .jBox-closeButton,
.test_mail_modal .jBox-closeButton {
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: #f1f1f1 !important;
    border-radius: 50%;
}
.custom_body_code_modal .jBox-title,
.custom_head_code_modal .jBox-title,
.custom_preheader_code_modal .jBox-title,
.export_modal .jBox-title,
.save_template_modal .jBox-title,
.test_mail_modal .jBox-title {
    color: #3d3df4;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    text-transform: none;
    background: #fff;
    padding: 0 0 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    word-wrap: break-word;
}
.test_mail_modal.confirm_modal .jBox-title {
    font-size: 20px;
}
.custom_body_code_modal .jBox-content,
.custom_head_code_modal .jBox-content,
.custom_preheader_code_modal .jBox-content,
.export_modal .jBox-content,
.save_template_modal .jBox-content,
.test_mail_modal .jBox-content {
    padding: 0;
    overflow-y: hidden;
}
.custom_body_code_modal .jBox14-overlay,
.custom_body_code_modal .jBox-content {
    z-index: 1 !important;
}
.custom_body_code_modal .test_modal_heading,
.custom_head_code_modal .test_modal_heading,
.export_modal .export_modal_heading,
.save_template_modal .test_modal_heading,
.test_mail_modal .test_modal_heading {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 18px;
}
.export_modal .export_row {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}
.export_modal .export_col_space {
    position: relative;
    display: inline-block;
    width: 4%;
}
.export_modal .export_col {
    position: relative;
    display: inline-block;
    width: 13.3%;
}
.export_modal .export_box {
    cursor: pointer;
    text-align: center;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 20px;
}
.export_modal .export_box:hover {
    border: 2px solid #3d3df4;
}
.export_modal .desable .export_box:hover {
    border: 2px solid #eee;
}
.export_modal .export_box img {
    width: 100%;
}
.text_input_wrapper {
    position: relative;
}
button.save_template_btn,
button.test_mail_btn {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    color: #3d3df4;
    font-size: 14px;
    line-height: 29px;
    font-weight: 600;
    letter-spacing: 1px;
    background: rgba(71, 71, 245, 0.2);
    padding: 8px 24px;
    border-radius: 4px;
    outline: 0;
    border: 0;
    transition: all 0.2s ease;
}
button.save_template_btn:hover,
button.test_mail_btn:hover {
    background: #3d3df4;
    color: #fff;
    transition: all 0.2s ease;
}
button.custom_code_btn {
    width: 100%;
    margin: 5px 0 15px;
    border: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 15px;
    border-radius: 8px;
    background: rgba(61, 61, 244, 0.2);
    color: #3d3df4;
    transition: all 0.2s ease;
    cursor: pointer;
}
button.custom_code_btn:hover {
    background: #3d3df4;
    color: #fff;
    transition: all 0.2s ease;
}
.text_input_wrapper .save_template_input,
.text_input_wrapper .test_mail_input {
    display: inline-block;
    width: calc(100% - 148px);
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    background: #fff;
    padding: 10px 12px;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
    outline: 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease;
}
.text_input_wrapper .save_template_input {
    width: calc(100% - 180px);
}
.text_input_wrapper .save_template_input:focus,
.text_input_wrapper .test_mail_input:focus {
    border: 2px solid #3d3df4;
    transition: all 0.2s ease;
}
.text_input_wrapper .save_template_input::-webkit-input-placeholder,
.text_input_wrapper .test_mail_input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
.text_input_wrapper .save_template_input::-moz-placeholder,
.text_input_wrapper .test_mail_input::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.text_input_wrapper .save_template_input:-ms-input-placeholder,
.text_input_wrapper .test_mail_input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.text_input_wrapper .save_template_input::-ms-input-placeholder,
.text_input_wrapper .test_mail_input::-ms-input-placeholder {
    color: #999;
    opacity: 1;
}
.text_input_wrapper .save_template_input::placeholder,
.text_input_wrapper .test_mail_input::placeholder {
    color: #999;
    opacity: 1;
}
.err_msg {
    color: #f50000;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
}
.alert-success,
.err_msg {
    display: block;
    line-height: 12px;
    letter-spacing: 0.5px;
    margin: 5px;
    transition: all 0.2s ease;
}
.alert-success {
    color: #3d3df4;
    font-size: 12px;
}
.is-invalid {
    border-color: #f50000 !important;
}
.err_msg.active {
    visibility: visible;
    transition: all 0.2s ease;
}
.purchase_modal .jBox-container {
    position: relative;
    width: 650px;
    background-color: #3e3e3e;
    border-radius: 18px;
    padding: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.purchase_modal .jBox-closeButton {
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: #f1f1f1 !important;
    border-radius: 50%;
}
.purchase_modal .jBox-content {
    padding: 0;
}
.purchase_modal_wrapper {
    background-image: url(https://craftwork.design/wp-content/uploads/symbol_cover-1024x768.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 480px;
}
.purchase_item_info {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    text-align: center;
    background: transparent;
    background: -webkit-gradient(left top, left bottom, color-stop(0, transparent), color-stop(30%, rgba(0, 0, 0, 0.64)), color-stop(100%, #000));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.64) 30%, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    padding: 140px 40px 40px;
}
.purchase_item_col {
    display: inline-block;
    padding: 20px;
    width: 185px;
}
.purchase_item_col .info_number {
    color: #fff;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.purchase_item_col .info_title {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
.purchase_modal .purchase_button {
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    background: #3d3df4;
    padding: 12px 0;
    margin: 0 auto;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.purchase_modal .purchase_button:hover {
    color: #fff;
    background: #999;
    transition: all 0.2s ease;
}
#purchase_modal.purchase_product_dark,
#purchase_modal.purchase_product_light {
    border: 0 !important;
}
#purchase_modal.purchase_product_light .purchase_item_info {
    background: hsla(0, 0%, 100%, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(30%, hsla(0, 0%, 100%, 0.64)), color-stop(100%, #fff));
    background: linear-gradient(180deg, transparent 0, hsla(0, 0%, 100%, 0.64) 30%, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);
}
#purchase_modal.purchase_product_light .info_number,
#purchase_modal.purchase_product_light .info_title {
    color: #000;
}
.login_modal .jBox-container {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 18px;
    padding: 20px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (min-width: 769px) {
    .login_modal .jBox-container {
        position: relative;
        width: 450px;
        background-color: #fff;
        border-radius: 18px;
        padding: 20px;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
.login_modal .jBox-closeButton {
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: #f1f1f1 !important;
    border-radius: 50%;
}
.jBox-closeButton-box:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    box-shadow: none;
}
.login_modal_header {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.login_modal .login_modal_header img {
    width: 70px;
}
.login_modal .login_modal_header .login_modal_title {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-top: 15px;
}
.login_modal_input {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px;
    outline: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 2px solid #f1f1f1;
    border-radius: 8px;
    color: #000;
    transition: all 0.2s ease;
}
.login_modal_input:focus {
    border: 2px solid #3d3df4;
    color: #000;
    transition: all 0.2s ease;
}
span.login_modal_lable {
    color: #000;
    font-size: 12px;
    display: block;
    font-weight: 600;
    padding: 10px 5px 5px;
}
button.login_modal_button {
    width: 100%;
    margin: 5px 0 15px;
    border: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 15px;
    border-radius: 8px;
    background: rgba(61, 61, 244, 0.2);
    color: #3d3df4;
    transition: all 0.2s ease;
}
button.login_modal_button:hover {
    background: #3d3df4;
    color: #fff;
    transition: all 0.2s ease;
}
.login_modal_forgot {
    text-align: right;
    color: #3d3df4;
    font-size: 12px;
    display: block;
    font-weight: 500;
    padding: 10px 5px 20px;
}
.login_modal .login_google_btn {
    text-align: center;
    display: block;
    width: 100%;
    border: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 15px;
    border-radius: 8px;
    background: #3d3df4;
    color: #fff;
    transition: all 0.2s ease;
}
.login_modal_link {
    color: #777;
    font-size: 14px;
    display: block;
    font-weight: 500;
    margin: 20px 0 0;
}
.login_modal_link a {
    color: #3d3df4;
    font-weight: 700;
}
.sortable-placeholder {
    display: block;
    background-color: #f6f6f6;
    width: 100%;
    padding: 40px 0;
    border: 5px dashed #999;
    text-align: center;
    color: #999;
    vertical-align: middle;
}
.hidden {
    display: none;
}
.selected-table,
table {
    position: relative;
}
.module_action {
    position: absolute;
    display: block;
    top: 0;
    left: -52px;
    width: 52px;
    height: auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 5px;
}
.module_action span {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.module_action span svg {
    fill: #000;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
}
.module_action span:hover svg {
    fill: #3d3df4;
}
.module_action span:hover {
    border-radius: 4px;
    background-color: rgba(61, 61, 244, 0.1);
}
td[data-resizable-height] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-resizable-handle {
    cursor: row-resize;
    position: absolute;
    display: inline-block;
    left: 50%;
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    width: 80px;
    height: 15px;
    border: 0;
    border-radius: 0;
    transform: translateX(-50%);
}
td[data-resizable-height] .ui-resizable-s {
    top: auto;
    bottom: 0;
}
td[data-resizable-height].spacer-first .ui-resizable-s {
    top: 0;
    bottom: auto;
}
.ui-resizable-resizing .ui-resizable-handle,
table[data-module]:hover .ui-resizable-handle {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.ui-resizable-handle:hover {
    background: #fff;
}
td[data-resizable-height]:hover .ui-resizable-handle {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
td[data-resizable-height].helper .ui-resizable-handle {
    border-top: 1px solid #3d3df4 !important;
    border-bottom: 1px solid #3d3df4 !important;
}
td[data-resizable-height].helper:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 5px;
    width: 2px;
    height: calc(100% - 5px);
    background: #3d3df4;
    transform: translateX(-50%);
}
td[data-resizable-height].helper:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 5px;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: 2px solid #3d3df4;
    border-left: 2px solid #3d3df4;
    transform: translateX(-50%) rotate(45deg);
}
.spacer-first.helper:before {
    position: absolute;
    content: "";
    left: 50%;
    top: auto;
    bottom: 5px;
    width: 2px;
    height: calc(100% - 5px);
    background: #3d3df4;
    transform: translateX(-50%);
}
.spacer-first.helper:after {
    position: absolute;
    content: "";
    left: 50%;
    top: auto !important;
    width: 10px;
    height: 10px;
    bottom: 0;
    border: 0 !important;
    border-bottom: 2px solid #3d3df4 !important;
    border-right: 2px solid #3d3df4 !important;
    transform: translateX(-50%) rotate(45deg);
}
.login_left_wrapper,
table {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.login_left_wrapper {
    position: relative;
    display: block;
    text-align: center;
    padding: 40px;
    opacity: 0;
}
@media (min-width: 769px) {
    .login_left_wrapper {
        position: relative;
        display: block;
        text-align: center;
        padding: 40px 80px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0;
    }
}
.login_right_wrapper,
.register_left_wrapper {
    opacity: 0;
}
.login_left_wrapper.active,
.login_right_wrapper.active,
.register_left_wrapper.active {
    opacity: 1;
    transition: opacity 0.2s ease;
}
.login_left_wrapper img {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
}
.login_title {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.login_form_wrapper {
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.lm_input {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    width: 100%;
    padding: 12px;
    border: 2px solid #f1f1f1;
    border-radius: 8px;
    outline: 0;
}
.lm_input,
.lm_input:focus {
    color: #000;
    transition: border 0.2s ease;
}
.lm_input:focus {
    border: 2px solid #3d3df4;
}
#activate_request_form input,
#password_set_form input,
#password_update_form input,
#profileinfo_update_form input {
    margin-bottom: 10px;
}
#activate_request_form span.lm_lable {
    padding-top: 20px;
}
span.lm_lable {
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 5px 5px;
}
.lm_forgot {
    display: inline-block;
    color: #3d3df4;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    float: right;
    padding: 10px 5px;
}
.lm_button {
    cursor: pointer;
    display: block;
    color: #3d3df4;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: rgba(61, 61, 244, 0.2);
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    border: 0;
    outline: 0;
    transition: background 0.2s ease;
}
.google_btn,
.lm_button:hover {
    color: #fff;
    background: #3d3df4;
    transition: background 0.2s ease;
}
.google_btn {
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: 0.5px;
    width: 100%;
    border-radius: 8px;
    border: 0;
}
.google_btn img {
    position: absolute;
    display: block;
    background: #fff;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 3px;
    border-radius: 4px;
}
.google_btn:hover {
    background: #2d2df4;
    transition: background 0.2s ease;
}
.lm_form_divider {
    position: relative;
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.lm_form_divider:before {
    position: absolute;
    display: block;
    content: "Or";
    top: -10px;
    left: 50%;
    width: 60px;
    height: 20px;
    background: #fff;
    line-height: 20px;
    margin-left: -30px;
}
.lm_form_link {
    color: #999;
    font-size: 14px;
    display: block;
    font-weight: 500;
    margin: 20px 0 0;
}
.lm_form_link strong {
    color: #3d3df4;
    font-weight: 600;
}
.login_left {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
@media (min-width: 769px) {
    .login_left {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 450px;
        height: 100%;
        background: #fff;
    }
}
.login_right {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    width: calc(100% - 450px);
    height: 100%;
    background: #f5f5f5;
}
@media (min-width: 769px) {
    .login_right {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        width: calc(100% - 450px);
        height: 100%;
        background: #f5f5f5;
    }
}
.login_right_wrapper {
    position: relative;
    display: block;
    height: 100%;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 150px 50%;
}
.login_right_wrapper:before {
    top: 0;
    transform: rotate(180deg);
}
.login_right_wrapper:after,
.login_right_wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
}
.login_right_wrapper:after {
    bottom: 0;
    transform: rotate(90deg);
    z-index: 2;
}
.register_right {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
@media (min-width: 769px) {
    .register_right {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 450px;
        height: 100%;
        background: #fff;
    }
}
.register_left {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: calc(100% - 450px);
    height: 100%;
    background: #f5f5f5;
}
@media (min-width: 769px) {
    .register_left {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: calc(100% - 450px);
        height: 100%;
        background: #f5f5f5;
    }
}
.register_left_wrapper {
    position: relative;
    display: block;
    height: 100%;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.register_left_wrapper:before {
    top: 0;
    transform: rotate(270deg);
}
.register_left_wrapper:after,
.register_left_wrapper:before {
    position: absolute;
    content: "";
    right: 0;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
}
.register_left_wrapper:after {
    bottom: 0;
    transform: rotate(0);
    z-index: 2;
}
.reset_password {
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
}
.lm_left_panel {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 555;
}
@media (min-width: 769px) {
    .lm_left_panel {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 250px;
        height: 100%;
        background: #fff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
.lm_logo_wrapper {
    position: relative;
    display: block;
    padding: 38px 40px 0;
}
@media (min-width: 769px) {
    .lm_logo_wrapper {
        position: relative;
        display: block;
        padding: 40px 20px 0;
    }
}
.lm_logo_wrapper img {
    display: block;
    width: 135px;
    height: 25px;
}
.lm_left_menu {
    display: none;
}
@media (min-width: 769px) {
    .lm_left_menu {
        display: block;
        padding: 20px 0;
    }
}
.lm_left_menu_link {
    position: relative;
    display: block;
    padding: 15px 20px;
}
.lm_link_icon {
    display: inline-block;
    vertical-align: middle;
}
.lm_link_icon svg {
    display: block;
    width: 20px;
    vertical-align: middle;
    margin: 5px;
    fill: #999;
    transition: fill 0.3s ease;
}
.lm_link_name {
    display: inline-block;
    color: #777;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 5px;
    vertical-align: middle;
    transition: color 0.3s ease;
}
.lm_left_menu_link:hover {
    background: #f5f5f5;
    transition: background 0.3s ease;
}
.lm_left_menu_link:hover .lm_link_name {
    color: #000;
    transition: color 0.3s ease;
}
.lm_left_menu_link:hover .lm_link_icon svg {
    fill: #000;
    transition: fill 0.3s ease;
}
.lm_left_menu_link.active:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 50%;
    width: 5px;
    height: 60%;
    background: #3d3df4;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}
.lm_left_menu_link.active .lm_link_name {
    color: #3d3df4;
    transition: color 0.3s ease;
}
.lm_left_menu_link.active .lm_link_icon svg {
    fill: #3d3df4;
    transition: fill 0.3s ease;
}
.lm_center_panel {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (min-width: 769px) {
    .lm_center_panel {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: calc(100% - 250px);
        height: 100%;
        background: #fbfbfb;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
.lm_center_panel:before {
    display: none;
    position: fixed;
    content: "";
    left: 250px;
    top: 0;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
    transform: rotate(180deg);
}
@media (min-width: 769px) {
    .lm_center_panel:before {
        display: block;
        position: fixed;
        content: "";
        left: 250px;
        top: 0;
        width: 40px;
        height: 40px;
        background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
        transform: rotate(180deg);
    }
}
.lm_center_panel:after {
    position: none;
    content: "";
    left: 250px;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
    transform: rotate(90deg);
    z-index: 2;
}
@media (min-width: 769px) {
    .lm_center_panel:after {
        position: block;
        content: "";
        left: 250px;
        bottom: 0;
        width: 40px;
        height: 40px;
        background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
        transform: rotate(90deg);
        z-index: 2;
    }
}
.lm_nav {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    width: calc(100% - 40px);
    z-index: 555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (min-width: 769px) {
    .lm_nav {
        position: absolute;
        display: block;
        top: 20px;
        right: 20px;
        width: calc(100% - 290px);
        z-index: 999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
.lm_nav_wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
}
.nav_user {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    right: 0;
    line-height: 0;
    padding: 5px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nav_user img {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 5px auto;
    border-radius: 8px;
    border: 2px solid #f9f9f9;
}
.nav_user:hover .nav_user_drop {
    display: block;
    transition: all 0.3s ease;
}
.nav_user_drop {
    position: absolute;
    display: none;
    top: 35px;
    right: 0;
    width: 180px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 16px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10001;
}
.nav_user_drop li a {
    display: block;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    padding: 8px 0;
}
.nav_user_drop li a.active,
.nav_user_drop li a:hover {
    color: #3d3df4;
}
.lm_center_wrapper {
    margin-top: 120px;
    padding: 0 20px 50px;
}
.lm_center_wrapper,
.lm_product_full {
    position: relative;
    display: block;
    width: 100%;
}
.lm_product_full {
    padding: 0 20px;
    margin-top: 25px;
    margin-bottom: 25px;
    border-radius: 20px;
    background-image: url(https://iconspace.co/wp-content/uploads/2019/07/creative-bundle@2x-1140.png);
    background-color: #3e3e3e;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 140px 50%;
}
@media (min-width: 769px) {
    .lm_product_full {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 20px;
        margin-top: 25px;
        margin-bottom: 25px;
        border-radius: 20px;
        background-image: url(https://iconspace.co/wp-content/uploads/2019/07/creative-bundle@2x-1140.png);
        background-color: #3e3e3e;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
    }
}
.lm_product_full .lm_product_wrapper {
    position: relative;
    display: block;
    padding: 50px;
}
.lm_product_full .lm_product_tag {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    background-color: hsla(0, 0%, 100%, 0.1);
    padding: 6px 8px;
    margin: 0 0 20px;
    border-radius: 4px;
}
.lm_product_full .lm_product_name {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    margin: 0 0 15px;
}
@media (min-width: 769px) {
    .lm_product_full .lm_product_name {
        color: #fff;
        font-size: 32px;
        line-height: 42px;
        font-weight: 600;
        margin: 0 0 15px;
    }
}
.lm_product_full .lm_product_desc {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 30px;
}
.lm_product_full .lm_btn_preview {
    color: #000;
    background: #fff;
    margin-right: 10px;
}
.lm_product_full .lm_btn_preview,
.lm_product_full .lm_btn_purchase {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 18px 30px;
    border-radius: 8px;
}
.lm_product_full .lm_btn_purchase {
    color: #fff;
    background: hsla(0, 0%, 100%, 0.2);
}
.lm_product_full .lm_btn_preview:hover,
.lm_product_full .lm_btn_purchase:hover {
    color: #000;
    background: #fff;
}
.purchase_product_light {
    border: 1px solid #f1f1f1;
}
.purchase_product_light.lm_product_full .lm_product_name {
    color: #000;
}
.purchase_product_light.lm_product_full .lm_product_tag {
    font-weight: 700;
}
.purchase_product_light.lm_product_full .lm_product_wrapper {
    width: 100% !important;
    padding: 50px 20px;
    max-width: 100%;
}
@media (min-width: 769px) {
    .purchase_product_light.lm_product_full .lm_product_wrapper {
        padding: 110px 50px;
        max-width: 65%;
    }
}
.purchase_product_light.lm_product_full .lm_product_tag {
    color: #000;
    background-color: #f5f5f5;
}
.purchase_product_light.lm_product_full .lm_product_desc {
    color: #999;
}
.purchase_product_light.lm_product_full .lm_btn_preview {
    color: #fff;
    background-color: #000;
}
.purchase_product_light.lm_product_full .lm_btn_purchase {
    color: #000;
    background-color: #f5f5f5;
}
.purchase_product_light.prodcut_cover {
    background-color: #fff;
}
.purchase_product_light.prodcut_cover .product_name {
    color: #000;
    font-size: 32px;
    line-height: 42px;
}
.lm_product_row {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}
.lm_product_col {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 40px;
    vertical-align: top;
}
@media (min-width: 769px) {
    .lm_product_col {
        position: relative;
        display: inline-block;
        width: 31%;
        margin-right: 3.33%;
        margin-bottom: 40px;
        vertical-align: top;
    }
}
.lm_product_col:nth-child(3n + 3) {
    margin-right: 0;
}
.purchase_product {
    cursor: pointer;
    display: block;
    background: #3e3e3e;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
}
.purchase_product_img img {
    display: block;
    width: 100%;
    border-radius: 20px;
}
.purchase_product_name {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 20px 20px 10px;
}
.purchase_product_desc {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 0 20px 30px;
}
.black .purchase_product_name {
    color: #000;
}
.black .purchase_product_desc {
    color: rgba(0, 0, 0, 0.5);
}
.purchase_product_dark {
    background-color: #000;
}
.purchase_product_dark .purchase_product_name {
    color: #fff;
}
.purchase_product_dark .purchase_product_desc {
    color: #999;
}
.purchase_product_light {
    background-color: #fff;
}
.purchase_product_light .purchase_product_name {
    color: #000;
}
.purchase_product_light .purchase_product_desc {
    color: #999;
}
.purchase_product_action {
    position: absolute;
    visibility: hidden;
}
.purchase_img_overlay,
.purchase_product_action {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.purchase_img_overlay {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
}
.purchase_product:hover .purchase_product_action {
    visibility: visible;
    transition: all 0.3s ease;
}
.purchase_download_btn {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
}
.purchase_download_btn svg {
    position: relative;
    display: block;
    width: 40px;
    fill: #777;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
}
.purchase_download_btn:hover svg {
    fill: #3d3df4;
}
.purchase_edit_btn {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    color: #000;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    background: #fff;
    padding: 15px 0;
    border-radius: 8px;
}
.purchase_edit_btn:hover {
    color: #3d3df4;
}
.empty {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: translate(-50%);
}
.empty svg {
    width: 250px;
    fill: #ececec;
    margin: 0 auto;
}
.empty_text {
    color: #ccc;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    margin: 30px 0;
}
.serch_template {
    position: fixed;
    display: block;
    top: 22px;
    left: auto;
    z-index: 1111;
}
input.serch_input::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
    background: #fff;
}
input.serch_input::-moz-placeholder {
    color: #999;
    font-style: italic;
    background: #fff;
}
input.serch_input:-ms-input-placeholder {
    color: #999;
    font-style: italic;
    background: #fff;
}
input.serch_input::-ms-input-placeholder {
    color: #999;
    font-style: italic;
    background: #fff;
}
input.serch_input::placeholder {
    color: #999;
    font-style: italic;
    background: #fff;
}
input.serch_input {
    display: none;
    width: 100%;
    color: #999;
    font-size: 22px;
    line-height: 11px;
    font-weight: 300;
    letter-spacing: 0.5px;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    outline: 0;
    border: 0;
}
@media (min-width: 451px) {
    input.serch_input {
        display: block;
        width: 450px;
        color: #999;
        font-size: 22px;
        line-height: 11px;
        font-weight: 300;
        letter-spacing: 0.5px;
        background: #fff;
        padding: 12px;
        border-radius: 8px;
        outline: 0;
        border: 0;
    }
}
input.serch_input:focus {
    color: #000;
}
.save_product {
    cursor: pointer;
    display: block;
    background: #3e3e3e;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
}
.save_product img {
    display: block;
    width: 100%;
    border-radius: 20px;
}
.save_product_name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 20px;
    text-transform: capitalize;
}
.save_product_action {
    position: absolute;
    visibility: hidden;
}
.save_img_overlay,
.save_product_action {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.save_img_overlay {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
}
.save_product:hover .save_product_action {
    visibility: visible;
    transition: all 0.3s ease;
}
.save_delete_btn {
    right: 20px;
}
.save_clone_btn,
.save_delete_btn {
    position: absolute;
    display: inline-block;
    top: 20px;
}
.save_clone_btn {
    right: 75px;
}
.save_download_btn {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 130px;
}
.save_clone_btn svg,
.save_delete_btn svg,
.save_download_btn svg {
    position: relative;
    display: block;
    width: 40px;
    fill: #777;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
}
.save_clone_btn:hover svg,
.save_delete_btn:hover svg,
.save_download_btn:hover svg {
    fill: #3d3df4;
}
.save_edit_btn {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    color: #000;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    background: #fff;
    padding: 15px 0;
    border-radius: 8px;
}
.save_edit_btn:hover {
    color: #3d3df4;
}
.prodcut_cover {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
    border-radius: 20px;
    background-image: url(https://iconspace.co/wp-content/uploads/2019/07/creative-bundle@2x-1140.png);
    background-color: #3e3e3e;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.product_name {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
}
.section_title {
    position: relative;
    color: #000;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin: 40px 20px 30px;
}
.section_title:after {
    position: absolute;
    display: block;
    content: "";
    top: -6px;
    left: -15px;
    width: 5px;
    height: 40px;
    background: #3d3df4;
}
.partner_card {
    font-size: 0;
    text-align: center;
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
}
.partner_img,
.partner_text {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
}
.partner_img {
    display: none;
}
@media (min-width: 769px) {
    .partner_img,
    .partner_text {
        display: inline-block;
        width: 48%;
        text-align: left;
        vertical-align: middle;
    }
}
.partner_img img {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.partner_sub_title {
    color: #3d3df4;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.partner_title {
    color: #000;
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}
.partner_fetures {
    margin: 0;
    padding: 0;
}
.partner_fetures li {
    line-height: 0;
    margin: 10px;
}
.partner_fetures .icon {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
}
.partner_fetures .icon svg {
    display: inline-block;
    width: 20px;
}
.partner_fetures .partner_fetures_list {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    margin-left: 10px;
    vertical-align: middle;
}
.partner_btn {
    display: inline-block;
    color: #3d3df4;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    background: rgba(67, 67, 244, 0.2);
    padding: 18px 58px;
    margin: 40px 0 0;
    border-radius: 8px;
}
.browse_btn {
    margin-top: 20px;
    color: #999;
    background-color: #ececec;
}
.partner_btn:hover {
    color: #fff;
    background: #3d3df4;
}
.idea_list {
    display: block;
    background: #fff;
    margin: 20px 0;
    padding: 30px;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
}
.idea_title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.idea_by {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.idea_list_wrapper {
    display: inline-block;
    width: 100%;
    margin-right: auto;
}
@media (min-width: 769px) {
    .idea_list_wrapper {
        display: inline-block;
        width: 55%;
        margin-right: 4%;
    }
}
.idea_form_wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 30px;
    margin: 20px 0;
    border-radius: 20px;
    border: 1px solid #f1f1f1;
    vertical-align: top;
}
@media (min-width: 769px) {
    .idea_form_wrapper {
        display: inline-block;
        position: relative;
        width: 38%;
        background: #fff;
        padding: 30px;
        margin: 20px 0;
        border-radius: 20px;
        border: 1px solid #f1f1f1;
        vertical-align: top;
    }
}
.profile_form_wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #f1f1f1;
    vertical-align: top;
    margin-right: auto !important;
    margin: 0 0 50px;
}
@media (min-width: 769px) {
    .profile_form_wrapper {
        display: inline-block;
        position: relative;
        width: 46%;
        background: #fff;
        padding: 30px;
        border-radius: 20px;
        border: 1px solid #f1f1f1;
        vertical-align: top;
        margin-right: 3.6% !important;
        margin: 0;
    }
}
.form_title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}
span#uploaded_image img,
span#uploaded_image img:hover {
    width: 100px;
    height: 100px;
    border-radius: 8px;
}
.eb_mobile_preview {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    background: #fff;
    padding: 10px 20px;
    z-index: 1;
    border-top: 1px solid #f5f5f5;
}
@media (min-width: 769px) {
    .eb_mobile_preview {
        display: none;
    }
}
.eb_mobile_preview span:first-child {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
}
.eb_mobile_preview span:last-child {
    display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: 700;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
}
.eb_mobile_preview span a {
    color: #000 !important;
}
[data-lm-link],
[data-lm-link]:focus,
[data-text] {
    outline: none;
}
[data-lm-link]:focus-within {
    outline: none;
}
.my__wrapper {
    height: 100%;
    max-width: 900px;
    background-color: #f5f5f5;
    overflow-y: scroll;
}
.my__wrapper,
.template {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.template {
    height: 3800px;
    max-width: 700px;
    background-color: #fff;
    text-align: center;
}
.lmToolTip {
    position: absolute;
    display: none;
    text-align: center;
    z-index: 100;
}
.lmToolTip_triangle {
    position: absolute;
    display: inline-block;
    top: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 0 0 0 -5px;
    z-index: 6;
    transform: rotate(45deg);
}
.lmToolTip_toolbar,
.lmToolTip_toolbar * {
    box-sizing: border-box;
}
.lmToolTip_toolbar {
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    margin: 0;
    z-index: 5;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.lmToolTip_toolbar > li {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    margin: 0;
}
.lmToolTip_toolbar > li:not(.lmDisable):hover {
    background-color: rgba(0, 0, 0, 0.1);
    outline: none;
}
.lmToolTip_toolbar > li.lmActive {
    border-radius: 4px;
    background-color: rgba(61, 61, 244, 0.1) !important;
    outline: none;
}
.lmToolTip_toolbar > li.lmActive .lmToolbar_icon {
    fill: #3d3df4 !important;
}
.lmToolTip_toolbar > li a {
    width: 100%;
    height: 100%;
    outline: none;
    text-decoration: none;
}
.lmToolbar_icon,
.lmToolTip_toolbar > li a {
    display: inline-block;
    vertical-align: middle;
}
.lmToolbar_icon {
    fill: #000;
    width: 18px;
    height: auto;
    background: 50% no-repeat;
    background-size: contain;
    transform-origin: 0 0 !important;
    margin-top: 10px;
}
.lmDisable .lmToolbar_icon {
    fill: #cacaca;
}
.lmToolbar_btn_eye .lmToolbar_icon {
    width: 19px;
}
.lmToolbar_btn_img .lmToolbar_icon {
    width: 20px;
}
.lmModal {
    position: absolute;
    
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 8px;
    padding: 10px;
    z-index: 10;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.lmModalActive {
    display: inline-block !important;
}
.lmModal_lable {
    position: relative;
    display: block;
    color: #777;
    font-size: 10px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 5px;
}
.lmModal_input {
    font-family: Poppins, sans-serif;
    width: 100%;
    height: 34px;
    color: #000;
    font-size: 12px;
    line-height: 33px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 0 8px;
    margin-bottom: 5px;
    outline: 0;
}
.lmModal_input:focus {
    border: 1px solid #fb6107;
}
.lmModal_btn {
    cursor: pointer;
    font-family: Poppins, sans-serif;
    display: none;
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin-top: 10px;
    text-transform: uppercase;
}
.lmModal_btn.lmActive {
    display: block !important;
}
.lmModal_btn:hover {
    background: #fff;
    border: 1px solid #fb6107;
}
.imgLinkModal .lmToolTip_triangle {
    margin-left: -15px;
}
.imgSrcModal .lmToolTip_triangle {
    margin-left: 25px;
}
.linkModal .lmToolTip_triangle {
    /*margin-left: -60px;*/
    left: 50%;
}
.textLinkModal,
.textLinkModal.lmModalActive {
    left: auto;
    right: 0;
}
.textLinkModal .lmToolTip_triangle {
    margin-left: 95px;
}
.eb_screen_size {
    display: none;
}
.eb_screen_size.active {
    display: none !important;
}
.eb_screen_size.active,
.eb_screen_size.activeIE {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 10001;
}
.eb_screen_size.activeIE,
.eb_screen_size.activeIE .imgIE {
    display: block !important;
}
.info_screen {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    text-align: center;
    transform: translateY(-50%);
    margin-left: -175px;
}
.info_screen_img {
    padding-bottom: 15px;
}
.info_screen_img svg {
    width: 80px;
    fill: #ea4335;
}
.info_screen_title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.info_screen_description {
    color: #ddd;
    font-size: 14px;
    font-weight: 400;
}
.eb_empty_state {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    transform: translate(-50%, -50%);
}
.eb_empty_state img {
    display: block;
    width: 100%;
    height: auto;
}
.eb_empty_state_info {
    position: relative;
    display: block;
    width: 400px;
    left: 0;
    font-size: 18px;
    font-weight: 600;
    color: #999;
    text-align: center;
}
.browser_info {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 100%;
    max-width: 350px;
    background-color: #fff;
    color: #3d3df4;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    border-radius: 8px;
    z-index: 555;
    opacity: 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    transform: translateY(200%);
}
.browser_info.active {
    opacity: 1;
    transition-delay: 2s;
    transition: all 0.3s ease;
    transform: translate(0);
}
.empty_state_wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
}
.preloder {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 999999;
}
.preloder .preloader-container {
    display: table-cell;
    vertical-align: middle;
    -webkit-animation: fadeIn 1s 0s forwards;
    animation: fadeIn 1s 0s forwards;
}
.preloder .preloader-container .preloader-content {
    text-align: center;
    margin: 0 auto;
}
.preloder .preloader-container .preloader-content .preloader-round {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 5px solid #e5e5e5;
    border-radius: 50%;
}
.preloder .preloader-container .preloader-content .preloader-round:after {
    position: absolute;
    content: "";
    top: -5px;
    left: -5px;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 2px solid transparent;
    border-top-color: #3d3df4;
    border-radius: 50%;
    -webkit-animation: ringrotate 0.9s ease-in-out 0s infinite;
    animation: ringrotate 0.9s ease-in-out 0s infinite;
}
@-webkit-keyframes ringrotate {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes ringrotate {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.preloder .preloader-container .preloader-content .preloader-ripple {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #e5e5e5;
    border-radius: 50%;
    will-change: transform;
    -webkit-animation: scaleout 1.1s ease-in-out 0s infinite;
    animation: scaleout 1.1s ease-in-out 0s infinite;
}
@-webkit-keyframes scaleout {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}
.lm_section_loader {
    position: absolute;
    display: table;
    background: hsla(0, 0%, 100%, 0.8);
    overflow: hidden;
    z-index: 999999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.lm_section_loader .preloader-container {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -25px;
}
._slider {
    position: relative;
    overflow: hidden;
}
._slider:hover ._slider_next,
._slider:hover ._slider_prev {
    display: block;
}
._slider_next,
._slider_prev {
    position: absolute;
    top: 35%;
    z-index: 999;
    display: none;
    width: auto;
    height: auto;
    padding: 2% 4%;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 2em;
    opacity: 0.8;
    cursor: pointer;
}
._slider_next:hover,
._slider_prev:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}
._slider_next {
    right: 0;
}
._slider ul {
    list-style: none;
}
._slider ul,
._slider ul li {
    position: relative;
    margin: 0;
    padding: 0;
}
._slider ul li {
    float: left;
    background: #ccc;
    display: block;
    width: 500px;
    line-height: 200px;
    text-align: center;
}
td.textelipsis {
    width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lm_email_activation {
    border: 1px solid #f1f1f1;
    color: #999;
    padding: 15px;
    margin-bottom: 40px;
    border-radius: 8px;
}
.lm_db_userstable table td,
.lm_db_userstable table th {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.lm_db_userstable table td:first-child,
.lm_db_userstable table th:first-child {
    padding-left: 0;
}
#clear_template {
    background-color: #f1f1f1;
    z-index: 1;
    text-align: center;
    color: #aaa;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
}
.lmToolbar_btn_img.upload_image .lmToolbar_icon {
    width: 24px;
    margin-top: 8px;
}
.image-gallery-wrapper {
    padding: 1.5em;
    max-width: 100%;
    margin: 40px auto;
}
.image-gallery-item {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 220px;
    background: var(--f5f5f5-color);
    text-align: center;
    padding: 15px;
}
.image-gallery-item:nth-child(5n) {
    margin-right: 0 !important;
}
.image-gallery-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.image-gallery-content {
    height: 100%;
    border-radius: 8px;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    max-height: 190px;
    background-color: #f6f6f6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.image-gallery-content:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.image-action {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.image-gallery-item:hover .image-action {
    display: block;
}
.image_add_btn {
    transform: translate3d(-35px, -12px, 0);
}
.image_add_btn,
.image_delete_btn {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    top: 50%;
    position: absolute;
    line-height: 0;
    left: 50%;
    cursor: pointer;
}
.image_delete_btn {
    transform: translate3d(5px, -12px, 0);
}
.image_add_btn svg,
.image_delete_btn svg {
    fill: #000;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px;
}
.image_add_btn svg:hover,
.image_delete_btn svg:hover {
    fill: #3d3df4;
}