/**
 * @package    quantummanager
 * @author     Dmitry Tsymbal <cymbal@delo-design.ru>
 * @copyright  Copyright © 2019 Delo Design & NorrNext. All rights reserved.
 * @license    GNU General Public License version 3 or later; see license.txt
 * @link       https://www.norrnext.com
 */

.quantummanager-full-wrap {
    position: relative;
}

.quantummanager {
    position: relative;
    height: 70vh;
    overflow-x: hidden;
    font-size: 13px;
    line-height: 18px;
}

.quantummanager.quantummanager-fieldstandalone {
    width: auto;
    height: auto;
    overflow: visible;
}

body.com_quantummanager .subhead-collapse,
body.com_quantummanager .subhead {
    margin-bottom: 0 !important;
}

body.com_quantummanager .container-main {
    padding-bottom: 0;
}

body.com_quantummanager > .container-main,
body.com_quantummanager .content > * > * > * {
    position: relative;
}

body.com_quantummanager .content > * > * > * {
    height: calc(100% + 68px);
}

body.com_quantummanager > .container-main {
    top: 1px !important;
    height: calc(100% - 133px);
}

.quantummanager-full-wrap.quantummanager {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.quantummanager-full-component-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.quantummanager.highlight:before {
    content: attr(data-drag-drop-title);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    color: #444444;
    font-size: 20px;
    text-align: center;
    z-index: 9;
    transition: all 0.2s;
}


/***************************** Positions *******************************/
.quantummanager-splitview {
    display: flex;
    justify-content: space-between;
}

.quantummanager-splitview > div {
    width: 49%;
}

.quantummanager .quantummanager-top {
    height: 50px;
}

.quantummanager .quantummanager-container {
    display: flex;
    /*flex-wrap: wrap;*/
    height: 100%;
}

.quantummanager .quantummanager-top ~ .quantummanager-container {
    height: calc(100% - 50px);
}

.quantummanager .quantummanager-container-top {
    width: 100%;
}

.quantummanager .quantummanager-container .quantummanager-left {
    width: 25%;
    position: relative;
}

.quantummanager .gutter {
    position: relative;
    z-index: 1;
}

.quantummanager .gutter:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    border-left: 3px double #e0e0e0;
}

.quantummanager .quantummanager-container .quantummanager-left .quantummanager-left-toggle {
    display: none;
}

.quantummanager .quantummanager-container .quantummanager-center {
    position: relative;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: -7px;
}

.quantummanager .quantummanager-container .quantummanager-center > .quantummanager-center-center {
    flex: 1;
}

.quantummanager .quantummanager-container .quantummanager-right {
    width: 25%;
    margin-left: 15px;
}

.quantummanager .quantummanager-container .quantummanager-right .quantummanager-right-toggle {
    display: none;
}

.quantummanager .quantummanager-container-bottom {
    width: 100%;
}

.quantummanager .quantummanager-container-bottom-fixed {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.quantummanager-module-height-1-1 {
    height: 100%;
}

/**************************** Text ****************************/
.quantummanager-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/**************************** Text ****************************/
.quantummanager-text-left {
    text-align: left;
}

/**************************** Flex ****************************/
.quantummanager-flex {
    display: flex;
}

.quantummanager-flex-divider > *:first-child {
    position: relative;
    padding-right: 25px;
    margin-right: 25px
}

.quantummanager-flex-divider > *:first-child:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #eee;
}

/**************************** Visible ****************************/
.qm-hide {
    display: none !important;
}

/***************************** Padding ******************************/
.qm-padding-none {
    padding: 0 !important;
}

.qm-padding-small-top {
   padding-top: 10px;
}

.qm-padding-small-left {
    padding-left: 10px;
}

.qm-padding-small-right {
    padding-right: 10px;
}

.qm-padding-small-bottom {
    padding-bottom: 10px;
}

/******************************* Flex ************************************/
.qm-flex {
    display: flex;
}

.qm-flex-nowrap {
    flex-wrap: nowrap;
}

/******************************** Width *********************************/
.qm-width-1-1 {
    width: 100%;
}

/******************************** Height *********************************/
.quantummanager-height-medium {
    height: 600px;
}

/******************************** Buttons ********************************/
.qm-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.qm-btn:hover,
.qm-btn:focus {
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
}

.qm-btn:focus {
}

.qm-btn.active,
.qm-btn:active {
    background-image: none;
    outline: 0;
}

.qm-btn-primary {
}

.qm-btn-primary:hover,
.qm-btn-primary:focus {
}

.qm-btn-primary:hover {
    cursor: pointer;
}

.qm-btn-hide {
    display: none;
}

/******************************** Dropdown *******************************/
.quantummanager-dropdown {
    position: relative;
    display: inline-block;
}

.quantummanager-dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    max-height: 50vh;
    overflow: auto;
    z-index: 1;
}

@media screen and (max-height: 600px) {
    .quantummanager-dropdown-content {
        max-height: 80vh;
    }
}

.quantummanager-dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.quantummanager-dropdown-content a:hover {
}

.quantummanager-dropdown:hover .quantummanager-dropdown-content {
    display: block;
}

.quantummanager-dropdown:hover .quantummanager-dropdown-title {
}

/************************** Helper ***************************************/
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview {
    background: #59C173;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 10px;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 14px;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div .stars {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div .stars:hover {
    text-transform: none;
    text-decoration: none;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div img {
    display: none;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div svg {
    width: 16px;
    height: 16px;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div svg > * {
    fill: yellow;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div:last-child {
    margin-right: 0;
}
.quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content a.qm-btn {
    background: transparent;
    border: none;
    color: #fff;
}


/***************************** Help ***********************************/
.quantummanager-help {
    font-size: 14px;
    line-height: 18px;
}

.quantummanager-help a:before {
    display: none;
}

.quantummanager-about {
    width: 360px;
    color: #444;
}

.quantummanager-help h3 {
    font-size: 17px;
    line-height: 21px;
}

.quantummanager-about .text {
}

.quantummanager-about .copyright {
    margin-top: 15px;
}

.quantummanager-about .copyright-images {
    margin-top: 15px;
    color: #919191;
    font-size: 11px;
}

.quantummanager-about .love {
    display: flex;
    margin-top: 8px;
    color: #5f5f5f;
    font-size: 14px;
}

.quantummanager-about .love img {
    display: none;
}

.quantummanager-about .love svg {
    margin-left: 4px;
    width: 14px;
    height: 14px;
}

.quantummanager-about .love svg > * {
    fill: #83232f;
}


/************************ Toastify **********************************/
.toastify {
    font-size: 14px;
}

/************************ Modals *************************************/
.quatummanagermodal-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #fff;
    z-index: 9;
}

.quatummanagermodal-hide {
    display: none;
}

.quatummanagermodal-wrap .quatummanagermodal-container {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    justify-content: flex-end;
}

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

    .quatummanagermodal-wrap .quatummanagermodal-container {
        width: 100%;
    }

}

.quatummanagermodal-wrap .quatummanagermodal-close {
    position: absolute;
    top: 8px;
    right: -90px;
}

.quatummanagermodal-wrap .quatummanagermodal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.quatummanagermodal-wrap .quatummanagermodal-body-wrap {
    position: relative;
    height: calc(100% - 85px);
}

.quatummanagermodal-wrap .quatummanagermodal-body-wrap .quatummanagermodal-body {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/***************************** Tooltips *******************************/
.quantummanager-tooltip {
    position: relative;
}
.quantummanager-tooltip::before,
.quantummanager-tooltip::after {
    left: 46%;
    display: none;
    position: absolute;
}
.quantummanager-tooltip:hover::before,
.quantummanager-tooltip:hover::after {
    display: inline-block;
    z-index: 100;
}
.quantummanager-tooltip::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3e474f transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    top: -1.5em;
    transition: opacity 0.3s ease, top 0.3s ease;
}
.quantummanager-tooltip::after {
    background: #3e474f;
    border-radius: 0.25em;
    bottom: 168%;
    color: #edeff0;
    content: attr(data-tooltip);
    margin-left: -8.75em;
    padding: 1em;
    width: 17.5em;
    transition: opacity 0.6s ease;
}


/************************** Split ************************************/
.gutter.gutter-horizontal {
    cursor: ew-resize;
}


/************************** Icons ***********************************/
.quantummanager-icon {
    display: inline-block;
    background-position: 50% 50%;
    background-size: cover;
}

.quantummanager-icon-upload {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/cloud-backup-up-arrow.svg");
}

.quantummanager-icon-directory {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/folder-symbol.svg");
}

.quantummanager-icon-up {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/left-arrow-key-1.svg");
    transform: rotate(90deg);
}

.quantummanager-icon-back {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/left-arrow-key-1.svg");
}

.quantummanager-icon-reload {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/refresh-button-1.svg");
}

.quantummanager-icon-delete {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/rubbish-bin-delete-button.svg");
}

.quantummanager-icon-insert,
.quantummanager-icon-insert-inverse,
.quantummanager-icon-link {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/link-button.svg");
}

.quantummanager-icon-grid {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/show-apps-button.svg");
}

.quantummanager-icon-table {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/list-button-with-3-elements.svg");
}

.quantummanager-icon-save {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/save-button.svg");
}

.quantummanager-icon-more {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/show-more-button-with-three-dots.svg");
    transform: rotate(90deg);
}

.quantummanager-icon-config {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/settings-cogwheel-button.svg");
}

.quantummanager-icon-cut {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/cut-content-button.svg");
}

.quantummanager-icon-copy {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/copy-content.svg");
}

.quantummanager-icon-paste {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/clipboard-paste-button.svg");
}

.quantummanager-icon-select-all {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/select-all.svg");
}

.quantummanager-icon-close {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/close-button.svg");
}

.quantummanager-icon-edit  {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/create-new-pencil-button.svg");
}

.quantummanager-icon-eye {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/visibility-button.svg");
}

.quantummanager-icon-crop {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/crop-tool-button.svg");
}

.quantummanager-icon-zoom-in {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/rounded-add-button.svg");
}

.quantummanager-icon-zoom-out {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/round-delete-button.svg");
}

.quantummanager-icon-rotate-left {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M8 0c-3 0-5.6 1.6-6.9 4.1l-1.1-1.1v4h4l-1.5-1.5c1-2 3.1-3.5 5.5-3.5 3.3 0 6 2.7 6 6s-2.7 6-6 6c-1.8 0-3.4-0.8-4.5-2.1l-1.5 1.3c1.4 1.7 3.6 2.8 6 2.8 4.4 0 8-3.6 8-8s-3.6-8-8-8z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.quantummanager-icon-rotate-right {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M16 7v-4l-1.1 1.1c-1.3-2.5-3.9-4.1-6.9-4.1-4.4 0-8 3.6-8 8s3.6 8 8 8c2.4 0 4.6-1.1 6-2.8l-1.5-1.3c-1.1 1.3-2.7 2.1-4.5 2.1-3.3 0-6-2.7-6-6s2.7-6 6-6c2.4 0 4.5 1.5 5.5 3.5l-1.5 1.5h4z'%3E%3C/path%3E%3C/svg%3E%0A");
}

.quantummanager-icon-flip-horizontal {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/swap-horizontal-orientation-arrows.svg");
}

.quantummanager-icon-flip-vertical {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/switch-vertical-orientation-arrows.svg");
}

.quantummanager-icon-unsplash {
    display: inline-block;
    width: 70px;
    height: 25px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 457.19 104.19'%3E%3Cpath d='M59.88 38.66h27.53v48.75H0V38.66h27.53v24.37h32.35zm93 25c0 8.25-5.45 13.13-12.9 13.13-7.28 0-12.81-4.88-12.81-13.13V24.41h-12.22v39.13c0 15.45 11 25.21 25.06 25.21s25.15-9.76 25.15-25.21V24.41h-12.25zm43.7-21.13c-4.7 0-9.94 2-12.6 6.57v-5.41h-11.45v43.64h11.81v-25.1c0-5 3-9 8.16-9 5.68 0 8.08 3.82 8.08 8.7v25.4h11.8V59.82c.03-9.59-4.94-17.31-15.77-17.31zm43.31 18.37l-6.48-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.23-4.35 5.33-4.35 4.36 0 6.09 2.25 6.51 4.88h10.18c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.81 11.19 12.24 13l6.05 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.5c.59 6.53 5.32 14.84 18.46 14.84 11.45 0 17.22-7.28 17.22-14.38-.01-6.36-4.36-11.59-12.97-13.37zm63.19 4.53c0 13.22-8.26 23-20.59 23-6 0-10.48-2.4-12.61-5.33v21.13h-11.8V43.67h11.45v5.41c2-3.37 6.83-6.39 13.4-6.39 12.81 0 20.18 9.76 20.18 22.72zm-11.63.09c0-7.72-4.79-12.25-10.83-12.25s-10.91 4.53-10.91 12.25 4.88 12.33 10.91 12.33 10.91-4.54 10.91-12.35zm68-21.83h11.45v43.64h-11.8v-5.31c-2 3.5-6.57 6.38-12.61 6.38-12.33 0-20.59-9.77-20.59-23 0-13 7.37-22.72 20.15-22.72 6.57 0 11.32 3.05 13.4 6.39zm-.18 21.83c0-7.72-4.88-12.25-10.91-12.25s-10.83 4.51-10.83 12.23 4.79 12.33 10.83 12.33 10.92-4.6 10.92-12.33zm-50.66 21.81h11.8V24.41h-11.8zm132.35-44.81c-4.17 0-9 1.41-11.81 4.78V24.41h-11.8v62.91h11.8V61.68c.27-4.8 3.2-8.52 8.17-8.52 5.68 0 8.08 3.83 8.07 8.71v25.47h11.81V59.82c-.01-9.59-5.15-17.3-16.24-17.3zm-42 18.36l-6.43-1.33c-2.47-.5-4-1.77-4-3.9 0-2.49 2.22-4.35 5.33-4.35 4.35 0 6.08 2.25 6.5 4.88h10.17c-.08-6-4.83-13.84-16.51-13.84-9.41 0-16.33 6.47-16.33 14.28 0 6.13 3.82 11.19 12.25 13l6 1.33c3.37.71 4.7 2.31 4.7 4.26 0 2.31-2.14 4.35-6 4.35-4.71 0-7.27-2.68-7.87-5.79h-10.49c.58 6.53 5.31 14.84 18.45 14.84 11.45 0 17.22-7.28 17.22-14.38 0-6.34-4.35-11.57-12.95-13.35zM59.88 0H27.53v24.37h32.35z'/%3E%3C/svg%3E%0A");
}

.quantummanager-icon-unsplash-short {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z' fill='%23000000' fill-rule='nonzero' /%3E%3C/svg%3E%0A");
}

.quantummanager-icon-pixabay {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='39' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.8702 2.3096C37.8702 1.2096 36.9782 0.317596 35.8782 0.317596H2.01422C0.91422 0.317596 0.0222168 1.2096 0.0222168 2.3096V36.1736C0.0222168 37.2736 0.91422 38.1655 2.01422 38.1655H35.8782C36.9782 38.1655 37.8702 37.2736 37.8702 36.1736V2.3096V2.3096Z' fill='%23191B26'/%3E%3Cpath d='M12.2303 8.82938C10.1856 8.88222 8.48731 9.60684 7.13436 11.0053C5.7824 12.4017 5.07985 14.1558 5.02869 16.2667V29.7144H7.89005V23.7385H12.2303C14.275 23.6836 15.9782 22.9539 17.341 21.5463C18.7028 20.1398 19.4102 18.3795 19.4624 16.2667C19.4102 14.1558 18.7028 12.4017 17.341 11.0053C15.9782 9.60684 14.275 8.88222 12.2303 8.82938V8.82938ZM7.89005 20.7821V16.2667C7.92055 14.9912 8.34168 13.9322 9.15542 13.0928C9.97013 12.2523 10.9944 11.8163 12.2303 11.7848C13.4809 11.8163 14.5141 12.2523 15.3317 13.0928C16.1494 13.9322 16.5725 14.9912 16.602 16.2667C16.5725 17.5594 16.1494 18.6275 15.3317 19.4721C14.5141 20.3146 13.4809 20.7516 12.2303 20.7821H7.89005Z' fill='white'/%3E%3Cpath d='M25.2382 18.1692H25.3406L29.362 23.706H32.8669L27.4029 16.039L32.248 8.79889H28.7431L25.3406 13.9089H25.2382L21.8367 8.79889H18.3308L23.1758 16.039L17.7119 23.706H21.2178L25.2382 18.1692V18.1692Z' fill='white'/%3E%3C/svg%3E");
}

.quantummanager-icon-pexels {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpath d='M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z' fill='%2305A081'%3E%3C/path%3E%3Cpath d='M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.quantummanager-icon-photostock {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/photo-library.svg");
}

.quantummanager-icon-like {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/favorite-heart-button.svg");
}

.quantummanager-icon-like-inverse {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/favorite-heart-button.svg");
}

.quantummanager-icon-info {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/rounded-info-button.svg");
}

.quantummanager-icon-star {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/mark-as-favorite-star.svg");
}

.quantummanager-icon-watermark {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/automatic-brightness.svg");
}

.quantummanager-icon-switch-vertical {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/switch-vertical-orientation-arrows.svg");
}

.quantummanager-icon-previews {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/crop-button.svg");
}

.quantummanager-icon-settings {
  width: 14px;
  height: 14px;
  background-image: url("../images/icons/action/settings-cogwheel-button.svg");
}
.quantummanager-icon-filter {
  width: 14px;
  height: 14px;
  background-image: url("../images/icons/action/filter-results-button.svg");
}
.quantummanager-icon-arrow-up {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/left-arrow-key-1.svg");
    transform: rotate(90deg);
}
.quantummanager-icon-arrow-down {
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/action/left-arrow-key-1.svg");
    transform: rotate(-90deg);
}

/****************************** Loader ********************************/
.quantummanager .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 100px;
    text-transform: uppercase;
    line-height: 100px;
    text-align: center;
    color: #444444;
    font-size: 50px;
    letter-spacing: 10px;
    overflow: hidden

}

.quantummanager .loader span {
    position: absolute;
    background: #444444;
}

.quantummanager .loader span:nth-child(1) {
    width: 100%;
    height: 4px;
    top: 0;
    left: -100%;
    animation: animate1 2s linear infinite;
}

.quantummanager .loader span:nth-child(3) {
    width: 100%;
    height: 4px;
    bottom: 0;
    right: -100%;
    animation: animate3 2s linear infinite;
}

.quantummanager .loader span:nth-child(2) {
    width: 4px;
    height: 100%;
    right: 0;
    top: -100%;
    animation: animate2 2s linear infinite;
}

.quantummanager .loader span:nth-child(4) {
    width: 4px;
    height: 100%;
    left: 0;
    bottom: -100%;
    animation: animate4 2s linear infinite;
}

@keyframes animate1 {
    0%
    {
        left: -100%;
    }
    20%
    {
        left: 0;
    }
    40%
    {
        left: 100%;
    }
    60%
    {
        left: 100%;
    }
    80%
    {
        left: 100%;
    }
    100%
    {
        left: 100%;
    }
}

@keyframes animate2 {
    0%
    {
        top: -100%;
    }
    20%
    {
        top: -100%;
    }
    40%
    {
        top: 0;
    }
    60%
    {
        top: 100%;
    }
    80%
    {
        top: 100%;
    }
    100%
    {
        top: 100%;
    }
}


@keyframes animate3 {
    0%
    {
        right: -100%;
    }
    20%
    {
        right: -100%;
    }
    40%
    {
        right: -100%;
    }
    60%
    {
        right: 0;
    }
    80%
    {
        right: 100%;
    }
    100%
    {
        right: 100%;
    }
}

@keyframes animate4 {
    0%
    {
        bottom: -100%;
    }
    20%
    {
        bottom: -100%;
    }
    40%
    {
        bottom: -100%;
    }
    60%
    {
        bottom: -100%;
    }
    80%
    {
        bottom: 0;
    }
    100%
    {
        bottom: 100%;
    }
}

@media screen and (max-width: 768px) {
    .quantummanager-full-component-wrap {
        position: relative;
        height: calc(100vh - 175px);
        top: 0;
        margin-top: -18px;
    }
}

@media screen and (max-width: 800px) {
    .quantummanager .quantummanager-container .quantummanager-left .quantummanager-left-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(245, 246, 247, .6);
        width: 22px;
        height: 100%;
        text-align: center;
        transition: background 0.2s;
    }

    .quantummanager .quantummanager-container .quantummanager-left .quantummanager-left-toggle:hover {
        background: rgba(245, 246, 247, 1);
        cursor: pointer;
        transition: background 0.2s;
    }

    .quantummanager .quantummanager-container .quantummanager-left.open .quantummanager-left-toggle {
        background: rgba(245, 246, 247, 1);
    }

    .quantummanager .quantummanager-container .quantummanager-left .quantummanager-left-toggle:after {
        content: "";
        display: inline-block;
        top: 46%;
        width: 14px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M484.14,226.886L306.46,49.202c-5.072-5.072-11.832-7.856-19.04-7.856c-7.216,0-13.972,2.788-19.044,7.856l-16.132,16.136 c-5.068,5.064-7.86,11.828-7.86,19.04c0,7.208,2.792,14.2,7.86,19.264L355.9,207.526H26.58C11.732,207.526,0,219.15,0,234.002 v22.812c0,14.852,11.732,27.648,26.58,27.648h330.496L252.248,388.926c-5.068,5.072-7.86,11.652-7.86,18.864 c0,7.204,2.792,13.88,7.86,18.948l16.132,16.084c5.072,5.072,11.828,7.836,19.044,7.836c7.208,0,13.968-2.8,19.04-7.872 l177.68-177.68c5.084-5.088,7.88-11.88,7.86-19.1C492.02,238.762,489.228,231.966,484.14,226.886z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .quantummanager .quantummanager-container .quantummanager-left.open .quantummanager-left-toggle:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve' sodipodi:docname='left.svg' inkscape:version='0.92.3 (2405546, 2018-03-11)'%3E%3Cmetadata id='metadata43'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs41' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1920' inkscape:window-height='1017' id='namedview39' showgrid='false' inkscape:zoom='0.4796709' inkscape:cx='246.002' inkscape:cy='246.002' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='g4' /%3E%3Cg id='g6'%3E%3Cg id='g4'%3E%3Cpath d='M 7.8641066,265.118 185.54411,442.802 c 5.072,5.072 11.832,7.856 19.04,7.856 7.216,0 13.972,-2.788 19.044,-7.856 l 16.132,-16.136 c 5.068,-5.064 7.86,-11.828 7.86,-19.04 0,-7.208 -2.792,-14.2 -7.86,-19.264 l -103.656,-103.884 329.32,0 c 14.848,0 26.58,-11.624 26.58,-26.476 V 235.19 c 0,-14.852 -11.732,-27.648 -26.58,-27.648 l -330.496,0 104.828,-104.464 c 5.068,-5.072 7.86,-11.652 7.86,-18.864 0,-7.204 -2.792,-13.88 -7.86,-18.948 l -16.132,-16.084 c -5.072,-5.072 -11.828,-7.836 -19.044,-7.836 -7.208,0 -13.968,2.8 -19.04,7.872 L 7.8601066,226.898 c -5.084,5.088 -7.88000004,11.88 -7.86000004225,19.1 C -0.01589344,253.242 2.7761066,260.038 7.8641066,265.118 Z' id='path2' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .quantummanager-left {
        position: fixed !important;
        left: -9999px;
        height: 100%;
        top: 0;
        background: #fff;
        z-index: 5;
    }

    .quantummanager .quantummanager-left ~ .quantummanager-center {
        padding-left: 20px;
    }

    .quantummanager-left.open {
        left: 0;
    }

    .quantummanager-right {
        position: fixed;
        left: 9999px;
        height: 100%;
        top: 0;
        background: #fff;
        z-index: 5;
    }

    .quantummanager-right.open {
        right: 0;
    }

    .quantummanager .quantummanager-container-bottom-fixed .quantummanager-jedreview .quantummanager-jedreview-content > div:first-child {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
}