/* @group IMAGES */

img {
    vertical-align: middle;
}

.responsive-img {
    display: block;
}

img[src=''] {
    display: none;
}

/* @end IMAGES */

/* @group MASK */

.preloader-container {
    position: fixed;
    z-index: 998;
    background-color: #fff;
    backdrop-filter: blur(2px);
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
}

.modal-overlay,
.mask-backgroud {
    background-color: rgba(51, 51, 51, 0.8);
    backdrop-filter: blur(2px);
    opacity: 1 !important;
}

.loading_io_spinner {
    justify-content: center;
    flex-direction: column;
}

.loading_io_spinner .loading_io {
    backface-visibility: hidden;
    display: flex;
    height: 200px;
    justify-content: center;
    position: relative;
    transform: translateZ(0) scale(1);
    transform-origin: 0 0;
    width: 200px;
}

.loading_io_spinner.mini .loading_io {
    transform: translateZ(0) scale(.15) translate(50%, -50%);
}

.loading_io_spinner .loading_io div.text {
    bottom: -15px;
    color: #222;
    position: absolute
}

.loading_io_spinner .loading_io div:not(.text) {
    animation: loading_io 5.2631578947368425s cubic-bezier(0, .2, .8, 1) infinite;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    box-sizing: content-box;
    opacity: 1;
    position: absolute;
}


.loading_io_spinner .loading_io div:nth-child(2) {
    animation-delay: -2.6315789473684212s
}

.loading_io_spinner.percentage_loading_io .loading_io div:not(.text) {
    animation: percentage_loading_io 6.0s cubic-bezier(0, .2, .8, 1) infinite;
    border-radius: 50%;
    border-width: 0.3em;
}

.loading_io_spinner.percentage_loading_io .loading_io div:nth-child(2) {
    animation-delay: -2.0s
}

.loading_io_spinner.percentage_loading_io .loading_io div:nth-child(3) {
    animation-delay: -4.0s
}

@keyframes loading_io {
    0% {
        height: 0;
        left: 96px;
        opacity: 1;
        top: 96px;
        width: 0;
    }
    
    to {
        height: 156px;
        left: 18px;
        opacity: 0;
        top: 18px;
        width: 156px;
  
    }
}

@keyframes percentage_loading_io {
    0% {
        height: 0;
        width: 0;
        top: calc(50% - 0.15em);
        left: calc(50% - 0.15em);
        opacity: 1;
    }
    
    100% {
        height: calc(80% - 0.3em);
        width: calc(80% - 0.3em);
        top: 10%;
        left: 10%;
        opacity: 0;
    }
}


/* @end MASK */

/* @group HELPER CLASSES */

.action {
    cursor: pointer;
}

.nonselectable {
    -webkit-user-select: none;
    -khtml-user-drag: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.selectable {
    -webkit-user-select: auto;
    -khtml-user-drag: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    -o-user-select: auto;
    user-select: auto;
}

.fixed {
    position: fixed;
}

.block {
    display: block;
}

.disabled {
    pointer-events: none !important;
    cursor: default !important;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.margin-0 {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.background-gradient {
    background: linear-gradient(106deg, #eb676a, #ac3f44 104%);
}

/* @end HELPER CLASSES */

/* Main width rules: use class .main-width to set the defined width to that element */
.main-width {
    width: calc(100% - 180px);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1400px) {
    .main-width {
        width: calc(100% - 100px)
    }

}

@media (max-width: 991px) {
    .main-width {
        width: calc(100% - 40px);
    }

}

/*  */



/* @group FORMS */

/* @group IMAGE CROPPER */
.image-cropper {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 0;
    position: relative;
}

.image-cropper .cropit-preview {
    background-color: #fafafa;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    max-width: 100%;
    background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.image-cropper .cropit-preview img {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Translucent background image */
.image-cropper .cropit-preview-background {
    opacity: .1;
}

.image-cropper .cropit-preview-background.cropit-preview-hovered {
    opacity: .2;
}

.image-cropper input.cropit-image-zoom-input {
    position: relative;
}

/* Show load indicator when image is being loaded */
.image-cropper .cropit-preview.cropit-image-loading .spinner {
    opacity: 1;
}

/* Show move cursor when image has been loaded */
.image-cropper .cropit-preview.cropit-image-loaded {
    cursor: move;
}

/* Image flush to the left */
.image-cropper .cropit-preview .cropit-preview-image {
    position: absolute;
    left: 0;
}

.image-cropper .cropit-preview .cropit-preview-image.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    transform: none !important;
}

.image-cropper .cropit-image-zoom-input[disabled] {
    opacity: .2;
}

.image-cropper input.cropit-image-input {
    display: none;
}

.image-cropper .select-image-btn {
    position: absolute;
    right: 0;
    padding-top: 25%;
    top: 0;
    opacity: .25;
    width: 100%;
    height: 100%;
}

.image-cropper .controls-wrapper {
    margin-top: 1rem;
    text-align: center;
    padding: .25rem 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.image-cropper .controls-wrapper * {
    vertical-align: middle;
}

.image-cropper .controls-wrapper .rotation-btns {
    display: inline-block;
    font-size: 1rem;
}

.image-cropper .controls-wrapper .slider-wrapper i,
.image-cropper .controls-wrapper .other-btns i,
.image-cropper .controls-wrapper .rotation-btns i {
    padding: 5px;
    font-size: 18px;
}

.image-cropper .controls-wrapper .rotation-btns i.horizontal-revert {
    display: inline-block;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.image-cropper .controls-wrapper .slider-wrapper {
    display: inline-block;
}

.image-cropper .controls-wrapper .slider-wrapper .cropit-image-zoom-input {
    width: 95px;
    margin: 0 0.25rem;
    position: relative;
    display: inline-block;
}

.image-cropper .controls-wrapper .slider-wrapper .cropit-image-zoom-input+.thumb {
    display: none;
}

.image-cropper .controls-wrapper .slider-wrapper .small-image {
    font-size: 1rem;
}

.image-cropper .controls-wrapper .slider-wrapper .large-image {
    font-size: 1.5rem;
}

.image-cropper .controls-wrapper .other-btns {
    display: inline-block;
    font-size: 1rem;
}

.image-cropper .controls-wrapper .other-btns i {
    margin-right: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.image-cropper .controls-wrapper .other-btns i.delete-image {
    color: #ea565c;
}

.image-cropper .controls-wrapper .other-btns i:last-child {
    margin-right: 0px;
}

.image-cropper .cropit-image-input {
    margin-bottom: .95rem;
}

.image-cropper.hide-controls .rotation-btns,
.image-cropper.hide-controls .slider-wrapper,
.image-cropper.hide-controls .cropit-preview.cropit-image-loaded {
    pointer-events: none !important;
    cursor: default !important;
}

.image-cropper.hide-controls .rotation-btns,
.image-cropper.hide-controls .slider-wrapper {
    opacity: .5;
}


/* @end IMAGE CROPPER */

/* @group CONTENT EDITABLE */

[contenteditable="true"]:not(.ck) * {
    background: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    font-style: inherit !important;
    font-weight: normal !important;
}

/*[contenteditable="true"] i,
    [contenteditable="true"] em {
      font-style: italic !important;
    }
    [contenteditable="true"] b,
    [contenteditable="true"] strong {
      font-weight: bold !important;
    }*/

[contenteditable='true']:not(.ck) mark,
[contenteditable='true']:not(.ck) msgLink {
    color: #ea565c !important;
}

/*[contenteditable="true"] .msg-tag-placeholder::before,
    [contenteditable="true"] .msg-link-placeholder::before,
    [contenteditable="true"] .msg-voucher-placeholder::before {
      content: attr(data-placeholder);
      color: #EA565C;
    }*/
[contenteditable='true']:not(.ck) .msg-voucher-placeholder {
    cursor: context-menu;
}

[contenteditable='true']:not(.ck) .cont-edit-helper {
    display: none !important;
}

/* @end CONTENT EDITABLE */

.form-help-text {
    font-size: 0.75rem;
    opacity: 0.75;
}

/* @end FORMS */

/* @group ICONS */

p .material-icons {
    vertical-align: bottom;
}

/* @end ICONS */

/* @group CARDS */

.card .card-item {
    margin-bottom: 50px;
}

.card .card-content.bordered {
    border-top: 1px solid #f1f1f1;
}

.card .card-content.bordered:first-child {
    border-top: none;
}

.card .card-content .summary {
    font-size: 0.875rem;
    color: #565656 !important;
}

.card .card-content .summary::first-letter {
    text-transform: uppercase;
}

.card .card-content .summary ul {
    margin: 0;
    padding-left: 1rem;
}

.card .card-content ul.left-indent {
    padding-left: 10px;
}

/* @end CARDS */

/* @group CHARTS */

.chart-container .jr-mAdhoc-visualization-launcher.jr {
    display: none;
}

.chart-container .jr-mAdhoc-visualization-title.jr {
    height: auto;
    margin: 0 0 1rem 0;
}

.chart-container .jr-mAdhoc-visualization-title-text.jr {
    font-size: 1rem;
    height: auto;
    line-height: 1;

    font-family: 'Quicksand', sans-serif !important;
    text-align: left;
    font-weight: 500;
}

.chart-container .jr-mVisualization-canvas.jr {
    font-family: 'Quicksand', sans-serif !important;
    margin: 0;
}

.chart-container .jr-mVisualization-canvas.jr * {
    font-family: 'Quicksand', sans-serif !important;
}

.chart-container .highcharts-legend {
    font-size: 0.625rem;
}

.chart-container .highcharts-axis-labels {
    font-size: 0.625rem !important;
}

/* @end CHARTS */

/* @group LAYOUT */

/* @group COLUMNS */

.f-h-col-container {
    height: 100%;
    width: 100%;
    position: absolute;
}

.f-h-col-container .f-h-col {
    min-height: 100%;
}

/* @end COLUMNS */

/* @group BASIC HEADER */
.page-header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: #fff;
}

.cheerfy-page .page-header.sticky {
    top: 60px
}

.cheerfy-page-nav {
    padding-bottom: 60px;
}

.cheerfy-page-nav #main-nav {
    z-index: 1000;
    position: fixed;
}

.nav-icon {
    margin-right: 10px;
}

/* @end BASIC HEADER */

/* @group BASIC FOOTER */

footer.page-footer.sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10;
    border-top: 2px solid #bbbbbb;
    padding: 0;
}

/* @end BASIC FOOTER */

/* @group BASIC MAIN */

main.page-main-content.sticky-header {
    padding-top: 150px;
}

.cheerfy-page main.page-main-content.sticky-header {
    padding-top: 90px;
}

main.page-main-content.sticky-footer {
    padding-bottom: 8rem;
}

main.page-main-content.sticky-header.sticky-footer {
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    margin: 4rem auto;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

/* @end BASIC MAIN */

/* @group NAV ELEMENTS */

a.button-collapse.top-nav {
    position: relative;
    text-align: center;
    height: 4rem;
    width: 3rem;
    left: 0;
    top: 0;
    float: left;
    margin: 0;
    font-size: 2.25rem;
    z-index: 2;
}

nav.top-nav .top-right-pocket {
    border-left: 1px solid #ccc;
}

/* @end NAV ELEMENTS */

/* @end LAYOUT */

/* @group LOCATION SELECTOR */

.location-selector,
.location-selector label {
    color: #565656;
}

.location-selector.filter-active .locations-list .hide,
.location-selector.filter-active .locations-list .collapse-toggler {
    display: none !important;
}

.location-selector .location-filter-input-container {
    position: relative;
    line-height: 1;
    height: 70px;
    padding: 0 70px 0 20px;
    display: flex;
    align-items: center;
}

.location-selector .location-filter-input-container .reset {
    position: absolute;
    right: 20px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
}

.location-selector .location-filter-input-container .collapse-toggler {
    position: absolute;
    top: 50%;
    right: 80px;
    cursor: pointer;
    transform: translateY(-50%);
    height: 50px;
    display: flex;
    align-items: center;
    border-left: 1px solid #bbb;
    padding-left: 10px;
    color: #bbb;
}

.location-selector .location-filter-input-container .collapse-toggler span i {
    font-size: 20px;
}

.location-selector .location-filter-input-container .search {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    right: 130px;
    font-size: 16px;
    color: #bbb;
}

.location-selector .location-filter-input-container .location-filter-input {
    padding-left: 24px;
    padding-right: 90px;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 0;
    height: 50px;
    font-size: 14px;
    color: #999;
    background: #fff;
    border: 0 !important;
    border-radius: 5px;
    box-shadow: none !important;
}

.location-selector .locations-list {
    margin: 0;
    overflow-y: auto;
    height: calc(100vh - 70px) !important;
}

.location-selector .locations-list li {
    display: block;
    height: auto;
}

.location-selector .locations-list .filterable-container {
    padding: 0;
    position: relative;
}

.location-selector .locations-list .filterable-container:hover {
    background-color: #eee;
}

.location-selector .locations-list .filterable-container [type='checkbox'],
.location-selector .locations-list .filterable-container [type='checkbox']+label:after,
.location-selector .locations-list .filterable-container [type='checkbox']+label:before {
    display: none;
}

.location-selector .locations-list .filterable-container [type='checkbox']:checked+label .text .name {
    font-weight: 600;
}

.location-selector .locations-list li.organization>.filterable-container>label {
    padding: 22px 27px 21px 38px;
    border-top: 1px solid #bbb;
}

.location-selector .locations-list li.location>.filterable-container>label {
    padding: 10px 27px 11px 50px;
}

.location-selector .locations-list li.location:last-child>.filterable-container>label {
    margin-bottom: 10px;
}

.location-selector .locations-list .filterable-container .collapse-toggler {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.location-selector .locations-list .filterable-container .collapse-toggler i[class*='lni-'] {
    font-size: 12px;
    display: block;
    color: #bbbbbb;
}

.location-selector .locations-list .filterable-container label {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    height: auto;
    line-height: 1;
}

.location-selector .locations-list .filterable-container label .material-icons {
    font-size: 1.6rem;
    display: block;
    float: left;
}

.location-selector .locations-list li .filterable-container label .text {
    display: block;
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.location-selector .locations-list .filterable-container label .text .top-line,
.location-selector .locations-list .filterable-container label .text .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.location-selector .locations-list .filterable-container label .text .top-line {
    display: none !important;
}

.location-selector .locations-list li .filterable-container label .text.organization .top-line {
    display: none;
}

.location-selector .locations-list li .filterable-container label .text .top-line .level,
.location-selector .locations-list li .filterable-container label .text .top-line .separator {
    display: none;
}

.location-selector .locations-list .filterable-container label .text small {
    /*font-weight: 100;*/
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    height: 0.75rem;
    font-size: 0.625rem;
}

.location-selector .locations-list li li label .material-icons {
    margin-left: 1.125rem;
}

.location-selector .locations-list li li .filterable-container label .text {
    width: calc(100% - 0.5rem);
}

.location-selector .locations-list li li li label .material-icons {
    margin-left: 2.25rem;
}

.location-selector .locations-list li li li .filterable-container label .text {
    width: calc(100% - 5.25rem);
}

/* @end LOCATION SELECTOR */

/* @group CHIPS */

.chip {
    margin-top: -.25rem;
}

.chip span {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
}

.chip .remove {
    cursor: pointer;
}

/* @end CHIPS */

/* @group KEY NAVIGABLE ELEMENTS */
.key-navigable-container {
    position: relative;
}

.key-navigable-container .key-selectable-list {
    position: relative;
}

.key-navigable-container .key-selectable-list .selectable-by-key {
    position: relative;
}

.key-navigable-container .key-selectable-list .selectable-by-key.selected {}

/* @end */

/* @group PLUGIN MODS */

/* @group XDSOFT DATE/TIME */

body .xdsoft_datetimepicker .xdsoft_calendar td,
body .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #fff;
    color: inherit;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #ea565c;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #ea565c;
    box-shadow: #e13c41 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #f0898d;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: inherit;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: inherit;
}

body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #f0898d !important;
    box-shadow: none !important;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #ea565c !important;
    box-shadow: #e13c41 0 1px 3px 0 inset !important;
    color: #fff !important;
}

/* @end XDSOFT DATE/TIME */

/* @end PLUGIN MODS */

/* @group STICKY HEADER STICKY SIDENAV PAGES */

.page-main-content.sticky-header .page-main-content-inner {
    /* padding-top: 2.5rem; */
    /* padding-left: .5rem; */
    background: #fff;
}

.page-main-content.sticky-header .page-main-content-inner>.preloader-container .preloader-wrapper {
    margin: auto;
}

/* @end STICKY HEADER STICKY SIDENAV PAGES */

/* @group PAGE HEADER */

.page-header .page-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.page-header nav.top-nav .page-title {
    margin: 0;
    line-height: 4rem;
    font-size: 1rem;
}

/* @end PAGE HEADER */

/* @group MESSAGES */

/* @group SCOPE FILTER */
#scope_filter_container {
    position: relative;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px 0 40px;
}

.location-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}

#scope_filter_container .selected-scope-presentation {
    padding: 0 20px 0 16px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    height: 33px;
    min-width: 200px;
    max-width: 276px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#scope_filter_container .selected-scope-presentation:before {
    content: 'B';
    font-family: 'Cheerfy';
    font-size: 7px;
    color: #565656;
    display: block;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#scope_filter_container .selected-scope-presentation .scope-selector-opener-btn {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

#scope_filter_container .selected-scope-presentation .icon-container {
    position: relative;
}

#scope_filter_container .selected-scope-presentation .material-icons {
    font-size: 1.6rem;
    display: none;
}

#scope_filter_container .selected-scope-presentation small {
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    height: 0.75rem;
    font-size: 0.625rem;
}

#scope_filter_container .selected-scope-presentation .text {
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding-right: 10px;
    padding-top: 0;
    width: 100%;
    max-width: 100%;
    font-size: 13px;
}

#scope_filter_container .selected-scope-presentation.single-line .text {
    line-height: 1.6rem;
    padding-top: 0;
}

#scope_filter_container .selected-scope-presentation .text .bottom-line,
#scope_filter_container .selected-scope-presentation .text .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}

#scope_filter_container .selected-scope-presentation .text .name.organization {
    font-weight: 600;
    padding-right: 5px;
    overflow: unset;
    text-overflow: unset;
}

#scope_filter_container .selected-scope-presentation .text .bottom-line {
    display: none !important;
}

#scope_filter_container .selected-scope-presentation .text .scope-item-name {
    display: flex;
    align-items: center;
    max-width: 100%;
}

#scope_filter_container .selected-scope-presentation .text .scope-item-name .text {
    width: auto;
    max-width: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#scope_filter_container .selected-scope-presentation .text .scope-item-name .text.organization {
    font-weight: 600;
    padding-right: 5px;
    text-overflow: unset;
    overflow: unset;
}

#scope_filter_container .scope-selector-opener-btn.multiple-element .number-of-items {
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #f8f8f8;
    color: #565656;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    font-size: 13px;
    display: block;
}

#scope_filter_container .scope-selector-opener-btn .icon-container {
    max-height: 1.6rem;
    display: block;
    line-height: 1;
    order: 2;
}

#scope_filter_container .scope-selector-opener-btn.multiple-element>.text {
    max-width: calc(100% - 15px);
}

#scope_filter_container .scope-selector-opener-btn.multiple-element>.text .scope-item-name .text {
    display: block;
    padding-right: 0;
}

#scope_filter_container .scope-selector-opener-btn.multiple-element>.text .scope-item-name .text.organization {
    margin-right: 5px;
    min-width: unset;
}

#scope_filter {
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 0;
    display: none;
    overflow-y: auto;
    z-index: 1000;
    width: 760px;
}

#scope_filter_msg {
    display: none;
    position: fixed;
    height: 100vh;
    width: calc(100vw - 760px);
    right: 760px;
    z-index: 2;
    font-weight: bold;
    align-items: center;
    justify-content: flex-end;
    padding-right: 200px;
    color: #fff;
    font-size: 25px;
}

#scope_filter:before {
    content: '';
    background: rgba(51, 51, 51, .8);
    backdrop-filter: blur(2px);
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 1;
}

#scope_filter .location-selector {
    position: relative;
    z-index: 2;
    background: #FFF;
}


/* @end SCOPE FILTER */

/* @group COMMUNICATIONS LIST */
#main_communications_list {
    -webkit-transition: padding-bottom 0.3s ease-in;
    -moz-transition: padding-bottom 0.3s ease-in;
    -o-transition: padding-bottom 0.3s ease-in;
    transition: padding-bottom 0.3s ease-in;
}

.communications-list {
    /* max-width: 84rem; */
    margin: 0 auto;
    position: relative;
}

.card.no-results {
    box-shadow: none;
}

.card.no-results .card-title {
    margin-top: 60px;
    margin-bottom: 60px;
}

.card.no-results .no-results-create {
    font-weight: 500;
}


.communications-list .card.no-results .card-title {
    font-size: 1.25rem;
    font-weight: 400;
}

/* @group COMMUNICATIONS BRICK */
.communications-list .communication-brick {
    padding: 0 1rem;
    display: block;
    position: absolute;
    z-index: 1;
}

/* @group COMMUNICATIONS MUURI */
.communications-list .communication-brick.muuri-item-dragging {
    z-index: 3;
}

.communications-list .communication-brick.muuri-item-dragging .card {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
        0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
}

.communications-list .communication-brick.muuri-item-dragging .dragging-handle {
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
}

.communications-list .communication-brick.muuri-item-releasing {
    z-index: 2;
}

.communications-list .communication-brick.muuri-item-hidden {
    z-index: 0;
}

/* @end COMMUNICATIONS MUURI */

.communication-brick .card {
    border-radius: 4px;
    margin: 1rem 0;
}

.communication-brick .card .card-content {
    padding: 0;
    border-radius: 0;
}

.communication-brick .card .filterable-container {
    padding: 0.75rem 0.75rem 1rem 0.75rem;
    min-height: 2rem;
}

.communication-brick .card .dragging-handle {}

.communication-brick .card .message .filterable-container {
    padding-right: 4.85rem;
}

.communication-brick .card .msg-priority-level {
    display: inline-block;
    border: 1px solid #565656;
    border-radius: 1rem;
    line-height: 1.625rem;
    height: 1.625rem;
    min-width: 1.625rem;
    margin-right: 0.25rem;
    font-size: 1rem;
    text-align: center;
}

body.firefox .communication-brick .card .msg-priority-level {
    line-height: unset;
}

.communication-brick .card .msg-priority-level.cheerfy-grey-base-text {
    border-color: #bbbbbb;
}

.communication-brick .card .card-title {
    line-height: 1.2rem;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    max-width: calc(100% - 6.25rem);
    overflow: hidden;
    height: 1.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.communication-brick.campaign-brick .card .card-title {
    max-width: calc(100% - 8.875rem);
    margin-top: -0.625rem;
}

.communication-brick .card img.bg-image {
    display: block;
    width: 100%;
}

.communication-brick .card .options-holder {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
}

.communication-brick .card .options-holder .btn-options {
    padding: 0;
}

.communication-brick .card .options-holder .dropdown-content a {
    white-space: nowrap;
}

.communication-brick .card .non-filterable-container {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100%;
    overflow: hidden;
}

.communication-brick .card .bg-image-container {
    min-height: 3rem;
}

.communication-brick .card .info-container {
    position: relative;
    margin-top: -3.125rem;
}

/* @end COMMUNICATIONS BRICK */

/* @group COMMUNICATION DETAILS */
.communications-list .card .comm-details {}

.communications-list .card .comm-details .buttons {
    margin: 0;
    cursor: default;
}

.communications-list .card .comm-details .buttons .col {
    padding: 0.75rem;
}

.communications-list .card .comm-details .buttons .summary-triggering-btn-container {}

.communications-list .card .comm-details .buttons .summary-locations-btn-container {
    text-align: center;
}

.communications-list .card .comm-details .buttons .summary-recipients-btn-container {
    text-align: right;
}

.communications-list .card .comm-details .buttons .btn-mini {
    padding: 0 0.325rem;
    box-shadow: none;
    max-width: 100%;
    text-align: left;
}

.communications-list .card .comm-details .buttons .btn-mini .material-icons {
    top: -1px;
}

.communications-list .card .comm-details .buttons .btn-mini::after {
    font-family: 'Material Icons';
    vertical-align: middle;
    display: inline-block;
    width: 0.75rem;
}

.communications-list .card .comm-details .buttons .btn-mini.closed::after {
    content: 'arrow_drop_down';
}

.communications-list .card .comm-details .buttons .btn-mini.open::after {
    content: 'arrow_drop_up';
}

.communications-list .card .comm-details .buttons .btn-mini .svg-icons {
    display: inline-block;
}

.communications-list .card .comm-details .summary-container {}

/* @group SUMMARY TRIGGERING */
.communications-list .card .comm-details .summary-triggering {
    border-top: 1px solid #efefef;
}

.communications-list .card .comm-details .summary-triggering>ul {
    padding: 0.75rem 0 0.75rem;
    margin: 0 0.75rem;
    font-size: 0.8rem;
}

.communications-list .card .comm-details .summary-triggering>ul li {
    line-height: 1.55;
    position: relative;
}

.communications-list .card .comm-details .summary-triggering>ul li .bullet {
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    top: 0.125rem;
}

.communications-list .card .comm-details .summary-triggering>ul li .inner-li {
    display: inline-block;
    padding-left: 0.5rem;
    text-transform: lowercase;
}

.communications-list .card .comm-details .summary-triggering>ul li .inner-li::first-letter {
    text-transform: uppercase;
}

/* @end SUMMARY TRIGGERING */

/* @group SUMMARY LOCATIONS */
.communications-list .card .comm-details .summary-locations {}

.communications-list .card .comm-details .summary-locations .locations-list {
    margin: 0;
}

.communications-list .card .comm-details .summary-locations .locations-list li {
    display: block;
    clear: both;
    border-top: 1px solid #efefef;
    padding: 0.75rem 0.5rem 0.25rem 0.5rem;
}

.communications-list .card .comm-details .summary-locations .locations-list li .material-icons {
    font-size: 2rem;
    display: inline-block;
}

.communications-list .card .comm-details .summary-locations .locations-list li .text {
    display: inline-block;
    margin-left: 0.5rem;
    position: relative;
    top: -2px;
}

.communications-list .card .comm-details .summary-locations .locations-list li .top-line,
.communications-list .card .comm-details .summary-locations .locations-list li .name {
    display: block;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.communications-list .card .comm-details .summary-locations .locations-list li .top-line {
    font-size: 0.625rem;
}

/* @end SUMMARY LOCATIONS */

/* @group SUMMARY RECIPIENTS */
.communications-list .card .comm-details .summary-recipients {
    border-top: 1px solid #efefef;
    padding: 0 0.25rem 1rem 0.75rem;
}

.communications-list .card .comm-details .summary-recipients .recipients-grid {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
}

.communications-list .card .comm-details .summary-recipients .recipients-grid-row {
    display: table-row;
}

.communications-list .card .comm-details .summary-recipients .recipients-grid-col {
    display: table-cell;
    vertical-align: top;
    padding-right: 0.5rem;
    line-height: 1;
    width: 38%;
    white-space: nowrap;
}

.communications-list .card .comm-details .summary-recipients .recipients-grid-col:last-child {
    width: 24%;
}

.communications-list .card .comm-details .summary-recipients .text-container,
.communications-list .card .comm-details .summary-recipients .icon-container {
    display: inline;
}

.communications-list .card .comm-details .summary-recipients .text-container,
.communications-list .card .comm-details .summary-recipients .tag-container {
    font-size: 0.7rem;
}

.communications-list .card .comm-details .summary-recipients .icon-container {
    width: 1.5rem;
}

.communications-list .card .comm-details .summary-recipients .text-container {
    width: calc(100% - 1.5rem);
    /*overflow: hidden;
            text-overflow: ellipsis;*/
    display: inline-block;
}

.communications-list .card .comm-details .summary-recipients .material-icons,
.communications-list .card .comm-details .summary-recipients .svg-icons {
    font-size: 1.25rem;
    position: relative;
    top: 0.25rem;
    margin-top: 1rem;
}

.communications-list .card .comm-details .summary-recipients .svg-icons {
    height: 1.25rem;
    width: 1.25rem;
}

.communications-list .card .comm-details .summary-recipients .recipients-tags-col {
    display: inline;
}

.communications-list .card .comm-details .summary-recipients .tag-container {
    display: inline;
}

.communications-list .card .comm-details .summary-recipients .tag-container .chip {
    margin-bottom: 0;
    margin-right: 0;
    font-size: 0.7rem;
    line-height: 1.125rem;
    height: 1.125rem;
    padding: 0 0.375rem;
}


/* @end MEDIA QUERIES */

/* @end COMMUNICATION DETAILS */

/* @group STATISTICS */
.communications-list .card .statistics {
    margin: 0 0 0.25rem;
    width: 100%;
}

.communications-list .card .statistics tr {
    border-top: 1px solid #efefef;
}

.communications-list .card .statistics td {
    padding: 0.625rem 0.1rem;
    line-height: 1;
    text-align: center;
}

.communications-list .card .statistics td.percent {
    width: 6rem;
}

.communications-list .card .statistics td.growth {
    width: 3.5rem;
}

.communications-list .card .statistics td.total {
    width: 6rem;
}

.communications-list .card .statistics td small {
    font-size: 0.5rem;
}

.communications-list .card .statistics td.concept {
    font-size: 0.8rem;
    text-align: left;
    padding-left: 0.5rem;
    text-transform: uppercase;
}

.communications-list .card .statistics td.concept .time-frame {
    text-transform: lowercase;
}

.communications-list .card .statistics td.concept .time-frame::first-letter {
    text-transform: uppercase;
}

.communications-list .card .statistics td.total .payload,
.communications-list .card .statistics td.percent .payload {
    font-size: 1.25rem;
}

.communications-list .card .statistics td.growth .payload {
    font-size: 0.75rem;
    position: relative;
}

.communications-list .card .statistics td.growth .payload::before {
    font-family: 'Material Icons';
    position: relative;
    top: 0.125rem;
}

.communications-list .card .statistics td.growth .payload.red-text::before {
    content: 'arrow_drop_down';
}

.communications-list .card .statistics td.growth .payload.green-text::before {
    content: 'arrow_drop_up';
}

.communications-list .card .statistics td.growth .payload.cheerfy-grey-base-text::before {
    content: 'arrow_drop_up';
    position: absolute;
    right: 0.5rem;
    top: -1px;
}

.communications-list .card .statistics td.growth .payload.cheerfy-grey-base-text::after {
    font-family: 'Material Icons';
    content: 'arrow_drop_down';
    position: absolute;
    right: 0.5rem;
    bottom: -1px;
}

.communications-list .card.campaign .statistics td.growth {
    display: none;
}

/* @end STATISTICS */

.communications-list .card .clickable-edit-area.editable {
    cursor: pointer;
}

.communications-list .card.campaign .filterable-container {
    padding-top: 1rem;
}

.communications-list .card.campaign .chip {
    border: 0;
    color: #fff;
    font-weight: 400;
    height: 1.375rem;
    padding-left: 0.5rem;
}

.communications-list .card.campaign .chip.time-chip {
    float: right;
    margin-right: 1.5rem;
    margin-top: -0.125rem;
}

.communications-list .card .message-activation-switch {
    position: absolute;
    top: 0.7rem;
    right: 1.5rem;
}

/* @end COMMUNICATIONS LIST */


/* @group DASHBOARD */

/* @group DASHBOARD LIST */
#dashboard_list_page {}

#dashboard_list_page.opacity-transition.fade-out {
    z-index: -1;
}

#dashboard_chart_set_filter_container .select-dropdown {
    font-weight: 500;
    font-size: 1.25rem;
}

/* @group CHARTS LIST */
.charts-list {
    max-width: 84rem;
    margin: 0 auto;
}

.charts-list .card.chart-container {
    padding: 1rem;
}

.charts-list .card.chart-container .preloader-wrapper {
    margin: auto;
}

.charts-list .card.chart-container {
    min-height: 19rem !important;
}

.charts-list .card.chart-container .preloader-container {
    height: 17rem;
}

.user-filter {
    display: inline-block;
}

.user-filter .btn-chip {
    border-color: #565656;
    background: none;
}

.user-filter .btn-chip.white {
    border-color: #fff;
}

/* @end CHARTS LIST */

/* @end DASHBOARD LIST */

/* @end DASHBOARD */

/* @group MEDIA QUERIES */

/* @group Only Mobile Devices */

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

    /* @group LAYOUT */
    /* @group BASIC MAIN */
    .contextual-panel {
        z-index: 10;
        display: none;
    }

    /* @end BASIC MAIN */
    /* @end LAYOUT */
    /* @group MESSAGE CREATION/EDITION */
    #messages_edit_form .col.main-panel {
        padding: 0;
        padding-bottom: 15rem;
    }

    #messages_edit_form .col.contextual-panel {
        padding: 0 0.5rem;

        display: block;
        top: auto;
        height: 15rem;
        min-height: 15rem;
        border-top: 2px solid #bbb;
    }

    #messages_edit_form .col.contextual-panel .card-content .lever {
        margin: 0;
    }

    /* @end MESSAGE CREATION/EDITION */
}

/* @end */

/* @group Tablet Devices and Down */

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

    /* @group LAYOUT */
    /* @group NAV ELEMENTS */
    .next-to-side-nav {
        padding-left: 0 !important;
        padding-right: 0;
    }

    .next-to-side-nav .top-nav .nav-wrapper {
        padding-left: 3rem;
    }

    .side-nav a {
        padding: 0;
    }

    /* @end NAV ELEMENTS */
    /* @end LAYOUT */
    /* @group MESSAGES */
    /* @group MESSAGES LIST */

    .communications-list {
        margin-bottom: 5rem;
    }

    #messages_list_page main.page-main-content {
        padding-bottom: 3.5rem;
    }

    /* @group SCOPE FILTER */
    #scope_filter_container .selected-scope-presentation {
        color: #fff !important;
    }

    #scope_filter_container .selected-scope-presentation .right.responsive {
        float: left !important;
    }

    #scope_filter_container .selected-scope-presentation .text {
        text-align: left;
        padding-right: 0;
        padding-left: 0.75rem;
        position: relative;
    }

    #scope_filter_container .selected-scope-presentation .scope-selector-opener-btn.multiple-element .text {
        padding-top: 1rem;
    }

    #scope_filter_container .scope-selector-opener-btn.multiple-element .number-of-items {
        color: #ea565c;
        border: 1px solid #ea565c;
        background: #fff;
        bottom: -0.125rem;
        right: -0.5rem;
    }

    #scope_filter_container .scope-selector-opener-btn.multiple-element .text .bottom-line {
        position: absolute;
        top: 0;
    }

    #scope_filter_container .scope-selector-opener-btn .chip.scope-item-name {
        margin: 0 0.25rem 0 0;
        top: 0;
        border-color: #ea565c;
        background: #fff;
        color: #ea565c;
    }

    #scope_filter_container .scope-selector-opener-btn .chip.scope-item-name .text {
        max-width: 100%;
        padding-right: 0;
        padding: 0;
        font-size: 0.75rem;
        line-height: 1.125rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    #scope_filter {
        width: 100%;
    }

    /* @end SCOPE FILTER */

    #messages_list_page .fixed-action-btn,
    #employees_list_page .fixed-action-btn {
        bottom: 6.5rem;
        background-color: white;
    }

    /* @end MESSAGES LIST */
    /* @end MESSAGES */
}

/* @end Tablet Devices and down */

/* @group Only Tablet Devices */

@media only screen and (min-width: 601px) and (max-width: 992px) {}

/* @end Only Tablet Devices */

/* @group Tablet Devices and Up */

@media only screen and (min-width: 601px) {}

/* @end Tablet Devices and Up */

/* @group Small Desktop Devices and Up */

@media only screen and (min-width: 993px) {}

/* @end Small Desktop Devices and Up */

/* @group Only Large Desktop Devices */

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

    /* @group STICKY PAGE HEADER */
    .sticky.page-header .top-nav .nav-wrapper {
        padding: 0 0 0 1.5rem;
    }

    .sticky.page-header .top-nav .nav-wrapper>.col {
        padding: 0 2rem;
    }

}

/* @end Only Large Desktop Devices */

/* @group Custom Sizes for special solutions */

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

    /* @group MESSAGES */
    /* @group MESSAGE CREATION/EDITION */
    #validity_location_edition .location-selector .locations-list .filterable-container label .material-icons {
        font-size: 2rem;
    }

    #validity_location_edition .location-selector .locations-list li li label .material-icons {
        margin-left: 0.25rem;
    }

    #validity_location_edition .location-selector .locations-list .filterable-container label .text .name {
        font-size: 1rem;
    }

    #validity_location_edition .location-selector .locations-list .filterable-container label .text {
        max-width: 90%;
    }

    /* @end MESSAGE CREATION/EDITION  */
    /* @end MESSAGES */
}

/* @end Custom Sizes for special solutions */
/* @end MEDIA QUERIES */

/* @group TEMPORARY */
.temporarily-hidden {
    display: none !important;
}

/* @end TEMPORARY */

/* @group DEWENIR */

/* @group GENERAL */

.waves-effect .waves-ripple {
    background-color: #f0898d !important;
}

/* @end GENERAL */

/* @group SIDENAV */

#main-nav {
    height: 60px;
    width: 100%;
    transform: translateX(0) !important;
    padding: 0;
    overflow: visible;
    position: relative;
}

#side_nav_top {
    width: 263px;
    float: left;
}

#side_nav_top .top-logo {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#side_nav_top .top-logo img {
    max-width: 83px;
}

.navigation-left {
    float: left;
}

.navigation-right {
    float: right;
}

.navigation-menu {
    height: 60px;
    margin: 0;
    display: flex;
    position: relative;
}

.navigation-menu li {
    height: 60px;
}

.navigation-menu li a {
    padding: 22px;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 0.65px;
    display: flex;
    align-items: center;
}

.user-menu .dropdown-button:hover,
.user-menu .dropdown-button.active,
.navigation-menu>li>a:hover {
    background-color: #444444;
}

.navigation-menu>li>a.active,
.navigation-menu>li>a.actual-page,
.nav-menu.actual-page>a {
    background-color: #444444 !important;
}

.navigation-menu>li>a i.up {
    display: none;
}

.navigation-menu>li>a.active i.up {
    display: inline-block;
    margin-left: 4px;
    margin-right: 1px;
}

.navigation-menu>li>a.active i.down {
    display: none;
}

.navigation-menu li a.dropdown-button i {
    line-height: 1;
    color: #ffffff;
    margin-right: 0;
    margin-left: 5px;
    font-size: 9px;
    height: auto;
    padding-top: 3px;
    width: 10px;
}

.navigation-menu .dropdown-content {
    background-color: #444444;
    border-radius: 0 0 5px 5px;
    min-width: 225px !important;
    box-shadow: none;
    padding: 0;
    border: none !important;
}

.navigation-left .navigation-menu .dropdown-content {
    padding: 10px 0;
}

.navigation-menu .dropdown-content li {
    height: auto;
    display: block;
}

.navigation-menu .dropdown-content li a.active,
.navigation-menu .dropdown-content li:hover,
.navigation-menu .dropdown-content li .actual-page:not(.with-collapsible.active) {
    background-color: #565656 !important;
}

.navigation-menu .dropdown-content li.title:hover,
.navigation-menu .dropdown-content li.title a:hover,
.navigation-menu .collapsible:not(.sublevel)>li:hover {
    background-color: inherit !important;
}

.navigation-menu .dropdown-content li a,
.navigation-menu .collapsible>li>.collapsible-header {
    border: none !important;
    background: none !important;
    font-weight: 400;
}

.navigation-menu .dropdown-content li a,
.navigation-menu .collapsible:not(.sublevel)>li>.collapsible-header {
    padding: 10px 22px;
    line-height: 18px;
}

.navigation-menu .dropdown-content li.title a,
.navigation-menu .collapsible:not(.sublevel)>li>.collapsible-header .title-active-mark {
    color: #bbb !important;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    font-weight: 400;
    font-size: 11px;
    display: block;
    width: 100%;
}

.navigation-menu .collapsible:not(.sublevel)>li>.collapsible-header {
    color: #bbb !important;
}

.navigation-menu .collapsible:not(.sublevel)>li>.collapsible-header .carets {
    display: none;
}

.navigation-menu .dropdown-content li.list-button-wrap {
    background-color: transparent !important;
}

.navigation-menu .dropdown-content li.list-button-wrap span {
    padding: 10px 22px;
    margin-top: 10px;
    display: block;
}

.navigation-menu .dropdown-content li.list-button-wrap span a {
    padding: 5px 10px !important;
    background-color: #565656 !important;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    text-align: center;
}

.navigation-menu .collapsible .active {
    background-color: #4b4b4b;
}

.navigation-menu .collapsible .collapsible-body {
    background: none;
    margin: 0;
    padding: 0;
    min-width: inherit !important;
    position: static;
}

.navigation-menu .collapsible .collapsible-body ul {
    padding: 0 !important;
    min-width: auto !important;
}

.navigation-menu .collapsible.sublevel>li.with-collapsible:hover {
    background-color: #4b4b4b !important;
}

.navigation-menu .collapsible.sublevel>li.with-collapsible:hover>.collapsible-header:not(.active) {
    background-color: #565656 !important;
}

.navigation-menu .collapsible.sublevel>li>.collapsible-header {
    justify-content: flex-start;
    text-transform: none;
    color: #FFF !important;
    font-size: 13px;
    padding-right: 22px;
    padding-left: 22px;
}

.navigation-menu .collapsible .collapsible-header .title-active-mark {
    margin-left: 0;
}

.navigation-menu .collapsible.sublevel>li>.collapsible-header .carets i {
    font-size: 9px;
}

#side_nav_user {
    display: none;
}

.user-menu {
    padding: 0px;
    position: relative;
    width: 210px;
}

.user-menu:before {
    content: '';
    display: block;
    width: 1px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #777;
    z-index: 1;
}

.user-menu .user-icon {
    display: none;
    color: #fff;
}

.user-menu .user-icon .lni {
    font-size: 20px;
    color: #FFF;
}

.user-menu .dropdown-button {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    height: 100%;
    position: relative;
    padding: 0 35px;
}

.user-menu .dropdown-button .user-name {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user-menu .dropdown-button .user-caret {
    position: relative;
    display: none;
}

.user-menu .dropdown-button .user-caret:before {
    content: 'B';
    font-family: 'Cheerfy';
    font-size: 7px;
    color: #fff;
    display: block;
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
}

.user-menu .dropdown-button.active .user-caret:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -6px;
}

.user-menu .dropdown-content {
    margin-top: 17px;
    width: 288px !important;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    overflow: inherit;
}

.user-menu .dropdown-content:before {
    content: '';
    display: block;
    width: 17px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 20px;
    background: url(../img/user-menu-angle.jpg) no-repeat center;
}

.user-menu .dropdown-content>*:not(.mobile-nav-header) {
    padding: 27px 24px 26px;
    border-bottom: 1px solid #ddd;
}

.user-menu .dropdown-content>*:not(.mobile-nav-header):last-of-type {
    border-bottom: none;
}

.user-menu .dropdown-content .user-data {
    display: flex;
    align-items: center;
}

.user-menu .dropdown-content .user-data .user-contact {
    min-width: 0;
}

.user-menu .dropdown-content .user-data .user-contact span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user-menu .dropdown-content .user-data .user-contact .user-name {
    font-size: 15px;
    font-weight: 600;
    color: #565656;
    line-height: 21px;
}

.user-menu .dropdown-content .user-data .user-contact .user-email {
    font-size: 11px;
    color: #999;
    line-height: 16px;
}

.user-menu .dropdown-content .user-data .user-contact .user-email:not(:empty) {
    margin-top: 5px;
}

.user-menu .dropdown-content .user-documentation>span {
    font-size: 15px;
    font-weight: 600;
}

.user-menu .dropdown-content .user-documentation a {
    font-size: 13px;
    color: #565656;
}

.user-menu .dropdown-content .user-version {
    display: flex;
    flex-direction: column;
    gap: 5px !important;
}

.user-menu .dropdown-content .user-version>span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
}

.user-menu .dropdown-content .user-version a {
    text-decoration: underline;
    font-size: 13px;
    color: #565656;
}

.user-menu .dropdown-content .user-logout {
    text-align: center;
}

.user-menu .dropdown-content .user-logout a {
    display: inline-block;
    font-size: 13px;
    color: #565656;
    line-height: 19px;
}

.user-menu .dropdown-content .user-logout a:hover {
    display: inline-block;
    font-size: 13px;
    color: #969696;
    line-height: 19px;
}

.adjust-menu {
    padding: 0;
}

.adjust-menu .dropdown-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 73px;
    color: #FFF;
}

.adjust-menu .dropdown-button .lni:before {
    font-size: 20px;
    display: block;
    line-height: 1;
    color: #fff;
}

.adjust-menu .dropdown-button:hover,
.adjust-menu .dropdown-button.active {
    background: #444;
}

.flex-menu .dropdown-content {
    display: none;
    width: auto !important;
}

.flex-menu .dropdown-content.active {
    display: flex !important;
}

.flex-menu .dropdown-content ul:not(.collapsible),
.flex-menu .dropdown-content .collapsible:not(.sublevel)>li {
    min-width: 230px;
    padding: 20px 0 30px 0;
    margin: 0;
}

.flex-menu .dropdown-content ul:not(:last-of-type),
.flex-menu .dropdown-content .collapsible:not(.sublevel)>li:not(:last-of-type) {
    position: relative;
}

.flex-menu .dropdown-content ul:not(:last-of-type):before,
.flex-menu .dropdown-content .collapsible:not(.sublevel)>li:not(:last-of-type):before {
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #565656;
    z-index: 1;
}

.mobile-nav-header {
    height: 60px;
    color: #FFF;
    background: #565656;
}

.mobile-nav-header .return {
    font-size: 15px;
    letter-spacing: .75px;
}

.mobile-nav-header .return .lni {
    margin-left: 10px;
}

#mobile-nav>*,
.mobile-nav-header>* {
    position: relative;
    padding: 0 20px;
    height: 100%;
    font-size: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
    cursor: pointer;
}

#mobile-nav>*:before,
.mobile-nav-header>*:before {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background: #FFF;
    opacity: .2;
    position: absolute;
    left: 0;
}

#mobile-nav>*:first-child:before,
.mobile-nav-header>*:first-child:before {
    display: none;
}

@media (max-width: 1450px) {
    #side_nav_top {
        width: auto;
        padding: 0 25px;
    }

    #scope_filter_container {
        padding: 0 0 0 38px;
    }
}

@media (max-width: 1300px) {
    .user-menu {
        width: auto;
        margin-left: 8px;
    }

    .user-menu .dropdown-button {
        padding: 0 20px;
    }

    .user-menu .dropdown-button .user-name,
    .user-menu .dropdown-button .user-caret {
        display: none !important;
    }

    .user-menu .user-icon {
        display: flex;
    }

    .adjust-menu {
        margin-left: 5px;
    }

    .adjust-menu .dropdown-button {
        width: 50px;
    }

    #scope_filter_container {
        padding: 0;
        width: 48px;
        max-width: 48px;
        justify-content: center;
    }

    .location-icon {
        position: inherit;
        top: inherit;
        left: inherit;
        transform: none;
    }

    #scope_filter_container .selected-scope-presentation {
        display: none;
    }
}

@media (max-width: 992px) {
    #side_nav_top .top-logo img {
        max-width: 100%;
    }

    .navigation-menu li a {
        padding: 22px 15px;
    }

    #scope_filter:before {
        display: none;
    }

    #scope_filter_msg {
        background: #565656;
        font-size: 13px;
        font-weight: 500;
        z-index: 3;
        top: 70px;
        width: 100%;
        height: auto;
        right: 0;
        left: 0;
        padding: 22px 30px;
        justify-content: flex-start;
    }

    #scope_filter_msg[style*="display: flex"]+#section_location_selector .locations-list {
        padding-top: 64px;
    }

    #main-nav {
        display: flex;
        justify-content: space-between;
    }

    #main-nav.mobile-navigation-opened .open-nav-btn .lni:before {
        content: "\e951";
    }

    #main-nav.mobile-navigation-opened #desktop-nav {
        display: flex !important;
    }

    #desktop-nav,
    #desktop-nav .dropdown-content {
        flex-direction: column;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0;
        margin: 0;
        min-height: calc(100vh - 60px);
        background: #444;
    }

    #desktop-nav .dropdown-content {
        top: 0 !important;
        min-height: 100vh;
    }

    #desktop-nav .navigation-menu {
        height: inherit;
        display: flex;
        flex-direction: column;
    }

    #desktop-nav .collapsible {
        display: block;
    }

    #desktop-nav .navigation-menu>li>a,
    #desktop-nav .dropdown-button,
    #desktop-nav .collapsible .collapsible-header,
    #desktop-nav .user-menu .dropdown-content>*:not(.mobile-nav-header) {
        width: 100%;
        padding: 20px 30px;
        color: #FFF;
        position: relative;
        border-bottom: 1px solid #565656 !important;
        justify-content: flex-start;
        line-height: 16px;
        gap: 20px;
    }

    #desktop-nav .dropdown-button:after,
    #desktop-nav .collapsible .collapsible-header:after {
        content: '\ea46';
        font-family: 'LineIcons';
        font-size: 15px;
        position: absolute;
        right: 20px;
    }

    #desktop-nav .collapsible .collapsible-body a {
        padding: 20px 30px;
    }

    #desktop-nav .dropdown-content ul,
    #desktop-nav .collapsible>li {
        padding: 0;
        min-width: auto;
    }

    #desktop-nav .collapsible>li:not(:last-child).active .collapsible-body {
        border-bottom: 1px solid #565656 !important;
    }

    #desktop-nav .dropdown-content.active {
        z-index: 1;
    }

    #desktop-nav .collapsible .collapsible-header .title-active-mark {
        letter-spacing: 1.1px;
    }

    #desktop-nav .collapsible .collapsible-header:after {
        content: '\ea45';
    }

    #desktop-nav .collapsible .collapsible-header.active:after {
        content: '\ea43';
    }

    #desktop-nav .collapsible.sublevel .collapsible-header .carets {
        display: none;
    }

    #desktop-nav .adjust-menu,
    #desktop-nav .user-menu {
        margin: 0;
    }

    #desktop-nav .adjust-menu .dropdown-button {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    #desktop-nav .user-menu .user-name {
        color: #FFF;
        font-weight: 500;
    }

    #desktop-nav .user-menu .user-email {
        color: #BBB;
    }

    #desktop-nav .user-menu .user-documentation a,
    #desktop-nav .user-menu .user-version a {
        color: #FFF;
    }

    #desktop-nav .user-menu .user-logout {
        text-align: left;
    }

    #desktop-nav .user-menu .user-logout a {
        color: #FFF !important;
    }

    #desktop-nav .navigation-menu>li>a>[class*="lni"],
    #desktop-nav .user-menu .dropdown-content:before,
    #desktop-nav .user-menu:before {
        display: none;
    }

}

@media (min-width: 993px) {
    .flex-menu .dropdown-content .collapsible:not(.sublevel)>li>.collapsible-header {
        pointer-events: none;
        height: inherit;
    }

    .flex-menu .dropdown-content .collapsible:not(.sublevel)>li>.collapsible-body {
        display: block !important;
        min-width: inherit !important;
        position: static;
        padding: 0;
        margin: 0;
        opacity: 1;
    }

    .navigation-menu .collapsible.sublevel>li>.collapsible-body ul {
        /*padding: 0 10px !important;*/
    }
}

/* @end SIDENAV */

/* @group TOPNAV */

.top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px !important;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    width: calc(100% - 180px);
    margin: 0 auto;
}

.top-nav.full-width-nav {
    padding: 0 90px;
    width: 100%;
}

.top-nav .page-title {
    display: flex;
    align-items: center;
}

.top-nav .page-title h2,
.top-nav .page-title .value {
    font-size: 25px;
    font-weight: normal;
    color: #999;
}

.top-nav .page-title.page-title--tagged {
    flex-direction: column;
    align-items: flex-start;
}

.top-nav .page-title.page-title--tagged h2 {
    margin: 0;
}

.top-nav .page-title.page-title--tagged h2:first-of-type {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #999999;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 11px;
}

.top-nav .page-title .value {
    margin-left: 0.5rem;
}

.top-nav .nav-wrapper {
    display: flex;
    align-items: center;
    margin: 0;
}

.top-nav input.select-dropdown+ul.select-dropdown {
    top: 60px !important;
    height: auto;
    line-height: initial;
}

@media (max-width: 1400px) {
    .top-nav {
        width: calc(100% - 100px);
    }

    .top-nav.full-width-nav {
        padding: 0 50px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .top-nav {
        width: calc(100% - 40px);
    }

    .top-nav.full-width-nav {
        padding: 0 40px;
        width: 100%;
    }
}

.h1-container {
    display: flex;
    align-items: center;
}

.h1-container h1 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 4rem;
}

.h1-container .value {
    font-weight: 600;
    margin-left: 0.5rem;
}

.top-nav-tools-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: -1rem;
    margin-right: -1rem;
}

.top-nav-tools-wrapper>div>a {
    padding: 0 1rem;
}

.order-button-container {}

.order-button-container .order-button {
    color: #5d5d5d;
    font-size: 0.75rem;
    /*display: flex;*/
    display: none;
    align-items: center;
}

.order-button-container .order-button span {}

.order-button-container .order-button i {
    font-size: 1.25rem;
    margin-left: 1rem;
}

.save-button-container {}

.save-button-container .save-button {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

.save-button-container .save-button i {}

#non_scope_filters_container_wrapper {
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .top-nav {
        width: 100%;
        padding: 0 25px !important;
    }

    .top-nav .nav-wrapper {
        flex-grow: 1;
    }

    .top-nav .nav-wrapper>div {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

/* @end TOPNAV */

/* @end DEWENIR */

/* @group LANGUAGE MODAL */

.modal-languages-container li {
    padding: 1.25rem 0.75rem 1.25rem 0.75rem;
    position: relative;
    border-bottom: 1px solid #bbb;
    line-height: 1;
}

.modal-languages-container li:hover,
.modal-languages-container li.selected {
    background-color: #eee;
    cursor: pointer;
}

/* @end LANGUAGE MODAL */

/* Other */

.nowrap {
    white-space: nowrap;
}

.location-selector .locations-list li.area .filterable-container label {
    pointer-events: none;
}

.location-selector .locations-list li.area .filterable-container label:before,
.location-selector .locations-list li.area .filterable-container label:after {
    display: none !important;
}

.tablesorter {
    width: 100%;
}

.tablesorter th:nth-child(1),
.tablesorter td:nth-child(1) {
    min-width: 80px;
    text-align: center;
    padding-left: 20px;
}

.tablesorter th:nth-child(2),
.tablesorter td:nth-child(2) {
    min-width: 80px;
}

.tablesorter th:nth-child(3),
.tablesorter td:nth-child(3) {
    min-width: 100px;
    text-align: center;
    font-weight: normal !important;
}

.tablesorter th:nth-child(4),
.tablesorter td:nth-child(4),
.tablesorter th:nth-child(5),
.tablesorter td:nth-child(5),
.tablesorter th:nth-child(6),
.tablesorter td:nth-child(6),
.tablesorter th:nth-child(7),
.tablesorter td:nth-child(7),
.tablesorter th:nth-child(8),
.tablesorter td:nth-child(8),
.tablesorter th:nth-child(9),
.tablesorter td:nth-child(9) {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}

.tablesorter td:nth-child(3),
.tablesorter td:nth-child(4),
.tablesorter td:nth-child(5),
.tablesorter td:nth-child(6),
.tablesorter td:nth-child(7),
.tablesorter td:nth-child(8),
.tablesorter td:nth-child(9) {
    font-weight: bold;
}

.tablesorter-header-inner {
    overflow: hidden;
    text-overflow: ellipsis;
}

.recipients-tags-row {
    display: block;
    width: 100%;
}

/* Prioritize Button */
.prioritize-on,
.prioritize-off {
    background-color: transparent !important;
    color: #565656;
    border-radius: 0;
    border-style: none;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8rem;
    height: 4rem;
    line-height: 4rem;
    margin-left: 2rem;
    outline: none;
    padding: 0;
    position: relative;
    text-align: right;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
    user-select: none;
    letter-spacing: normal;
}

.prioritize-on:hover,
.prioritize-off:hover {
    box-shadow: none;
}

.prioritize-off .material-icons {
    color: #eb565c;
}

.prioritizing .tablesorter-childRow {
    display: none !important;
}

.prioritizing thead .tablesorter-headerAsc,
.prioritizing thead .tablesorter-headerDesc,
.prioritizing thead .tablesorter-headerUnSorted {
    background: #fff !important;
}

.hide {
    display: none;
}

#main_communications_list {
    position: relative;
}

@media only screen and (min-width: 993px) {

    #create_new_message.btn-floating,
    #create_new_employee.btn-floating {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    #main_communications_list {
        height: 100vh;
    }
}

@media only screen and (min-width: 1330px) {

    .prioritize-on,
    .prioritize-off {
        margin-left: 2rem;
    }
}

@media only screen and (max-width: 992px) {
    .btn-create {
        float: right;
        margin-left: 10px;
        margin-top: 15px;
    }

    div[class^="trigger-info-"] {
        font-size: .875em;
        margin-bottom: 1.5rem;
        line-height: 1rem;
        color: #d1d1d1;
    }
}

/* Create button */
.btn-create {
    float: right;
    margin-left: 10px;
    margin-top: 15px;
}

#trigger_events {
    margin: 0;
}

#trigger_events .select-wrapper {
    max-width: 160px;
    top: -1rem;
}

#trigger_events input.select-dropdown {
    font-size: 0.875rem;
    margin-bottom: -1rem;
    color: #565656;
    font-weight: 300;
}

div[class^='trigger-info-'] {
    font-size: 0.875em;
    margin-bottom: 1.5rem;
    line-height: 1rem;
    font-weight: 300;
    color: #d1d1d1;
}

#message_list_location_selector {
    border-left: 1px solid #ccc;
    max-height: 100% !important;
    padding: 0;
}

#scope_filter {
    height: 100vh;
    padding: 0;
}

/*.location-selector .locations-list li .filterable-container label .text.organization .name,*/
.location-selector .locations-list .filterable-container label .text .top-line,
.location-selector .locations-list .filterable-container label .text .name {
    line-height: 1;
    color: #5e5e5e !important;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 15px;
    font-weight: inherit;
    outline: 0 none;
    text-decoration: none;
}

.location-selector .locations-list .filterable-container label .text.location .name {
    font-size: 13px;
}

#validity_location_edition .location-selector .locations-list {
    height: calc(100vh - 280px) !important;
}

#edit_msg_step_1 .card .card-content i.material-icons {
    float: left;
    display: inline-block;
    margin-left: -35px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    color: #ea565c;
}

#edit_msg_step_1 .card:nth-child(1) .card-content i.material-icons {
    top: 12px;
}

@media only screen and (max-width: 992px) {
    body #hubspot-messages-iframe-container {
        display: none !important;
    }
}

/* Select2 */
.select2 {
    display: block;
    width: 100% !important;
    position: relative;
}

.select2 .selection .select2-selection--single {
    display: block;
    border-bottom: 1px solid #EEEEEE;
    font-size: 14px;
    line-height: 1.5rem;
    cursor: pointer;
}

.select2 .selection .select2-selection--single:focus {
    outline: 0;
}

.select2 .dropdown-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.select2 .dropdown-wrapper:before {
    content: 'B';
    font-family: 'Cheerfy';
    font-size: 8px;
}

.select2.select2-container--open .dropdown-wrapper:before {
    display: inline-block;
    content: 'B';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2.select2-container--default {
    background-color: transparent;
}

body>.select2-container {
    margin-top: 7px;
    border-radius: 5px;
    z-index: 999;
}

body>.select2-container .select2-dropdown {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(86, 86, 86, .15);
    max-width: 100%;
    border: 1px solid #ddd;
}

body>.select2-container .select2-search {
    position: relative;
    display: block;
    height: 53px;
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 5px 5px 0 0;
}

body>.select2-container .select2-search:after {
    content: '\E910';
    font-family: 'LineIcons';
    font-size: 17px;
    color: #999;
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

body>.select2-container .select2-search input {
    height: 33px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 0;
    border-radius: 5px;
    background: #fff;
    border-bottom: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    color: #999;
}

body>.select2-container .select2-search__field {
    margin-bottom: 0;
}

body>.select2-container .select2-results {
    display: block;
    border-radius: 0 0 5px 5px;
}

body>.select2-container .select2-results__options {
    max-height: 270px;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 0;
}

body>.select2-container .select2-results__options .select2-results__option {
    cursor: pointer;
    padding: 8px 20px;
    font-size: 13px;
    color: #565656;
    letter-spacing: .65px;
}

body>.select2-container .select2-results__options .select2-results__option:hover {
    background: #f8f8f8;
}


/* WARNING TOOLTIPS */

.warning-tooltip.tooltipped i.lni-information:before {
    color: #999;
    font-size: 15px;
}

.warning-tooltip.tooltipped i.lni-warning:before {
    color: #eb565c;
}

h3 .tooltipped,
.title>span .tooltipped {
    color: #999;
    position: relative;
    top: -10px;
}

h3 .tooltipped i,
.title>span .tooltipped i {
    font-size: 15px;
    color: #999;
    line-height: normal;
    transform: translateY(5px);
    margin-left: 5px;
    cursor: help;
}

.material-tooltip {
    padding: 0;
    overflow: visible;
}

.material-tooltip>span {
    display: block;
    padding: 10px 16px;
    text-align: left;
    background-color: #565656;
    color: #FFF;
    max-width: 275px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}

.material-tooltip>span:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #565656;
    position: absolute;
    left: 0;
    top: 9px;
}

.material-tooltip.tooltip-type-error>span {
    background: #eb565c;
    color: white;
}

.material-tooltip.tooltip-type-error>span:before {
    border-right: 10px solid #eb565c;
}

.material-tooltip.bottom>span:before {
    border-bottom: 10px solid #565656;
    border-left: 10px solid transparent;
    border-right-color: transparent;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
}

.material-tooltip.top>span:before {
    border-top: 10px solid #565656;
    border-left: 10px solid transparent;
    border-right-color: transparent;
    border-bottom: 0;
    bottom: -9px;
    left: 50%;
    top: inherit;
    transform: translateX(-50%);
}

.material-tooltip.right>span:before {
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}

.material-tooltip.left>span:before {
    left: inherit;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 10px solid #565656;
    border-right: 0;
}

.material-tooltip .backdrop {
    background: transparent;
}

.material-tooltip u:first-of-type {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 0 -10px 10px -16px;
    padding: 5px 16px 5px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

/* @group DATATABLE STYLES */
.dataTables_wrapper {
    margin: 0 auto;
}

.dataTables_wrapper .dataTable:not(.border-top) {
    border-top: none !important;
}

.dataTables_wrapper .dataTable {
    margin-top: 22px;
    border: 1px solid #e3e3e3 !important;
    border-bottom: none !important;
    border-collapse: collapse;
}

/* .fixedHeader-floating {
  top: 150px !important;
} */
.fixedHeader-floating thead tr th:first-child {
    border-left: 1px solid #e3e3e3 !important;
}

.fixedHeader-floating thead tr th:last-child {
    border-right: 1px solid #e3e3e3 !important;
}

.fixedHeader-floating thead tr,
.dataTables_wrapper .dataTable thead tr {
    background: #f8f8f8;
    height: 45px;
}

.fixedHeader-floating thead th,
.dataTables_wrapper .dataTable thead th {
    background-image: none !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.27 !important;
    color: #565656 !important;
    text-transform: uppercase;
    border-bottom: 1px solid #e3e3e3 !important;
    padding: 15px !important;
    position: relative;
}

.fixedHeader-floating thead th .tooltipped,
.dataTables_wrapper .dataTable thead th .tooltipped {
    vertical-align: middle;
    margin-left: 3px;
}

.fixedHeader-floating thead tr .table-arrows,
.dataTables_wrapper .dataTable thead tr .table-arrows {
    padding-left: 5px;
    position: absolute;
    top: 17px;
}

.fixedHeader-floating thead tr .table-arrows:after,
.fixedHeader-floating thead tr .table-arrows:before,
.dataTables_wrapper .dataTable thead tr .table-arrows:after,
.dataTables_wrapper .dataTable thead tr .table-arrows:before {
    content: '';
    font-family: 'Cheerfy';
    position: absolute;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.69;
}

.fixedHeader-floating thead tr th.sorting_asc .table-arrows:before,
.dataTables_wrapper .dataTable thead tr th.sorting_asc .table-arrows:before {
    content: 'B';
    color: #565656;
    top: -7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fixedHeader-floating thead tr th.sorting_desc .table-arrows:after,
.dataTables_wrapper .dataTable thead tr th.sorting_desc .table-arrows:after {
    content: 'B';
    color: #565656;
}

.fixedHeader-floating thead tr th.sorting .table-arrows:before,
.dataTables_wrapper .dataTable thead tr th.sorting .table-arrows:before {
    content: 'B';
    color: #bbbbbb;
    top: -7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fixedHeader-floating thead tr th.sorting .table-arrows:after,
.dataTables_wrapper .dataTable thead tr th.sorting .table-arrows:after {
    content: 'B';
    color: #bbbbbb;
}

.dataTables_wrapper .dataTable tbody tr {
    border-bottom: 1px solid #e3e3e3;
}

.dataTables_wrapper .dataTable tbody tr.active {
    background: #f8f8f8;
}

.dataTables_wrapper .dataTable tbody tr:hover {
    background: #f8f8f8;
    cursor: pointer;
}

.dataTables_wrapper .dataTable tbody td {
    padding: 16px 15px;
    position: relative;
    vertical-align: top;
}

.dataTables_wrapper .dataTable tbody td.td-name {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.07;
    width: 133px;
}

.dataTables_wrapper .dataTable tbody td.td-role {
    font-size: 14px;
    line-height: 16px;
    width: 148px;
}

.dataTables_wrapper .dataTable tbody td.td-location {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.65px;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible {
    border: none;
    margin: 0;
    box-shadow: none;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible li {
    position: relative;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible li .collapsible-header {
    height: 24px;
    width: 30px;
    background-color: #f6f6f6;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.69;
    letter-spacing: normal;
    color: #565656;
    position: absolute;
    top: -20px;
    left: 368px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 6px;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible li .collapsible-header.active:after {
    font-family: 'LineIcons';
    content: '\ea43';
    height: 24px;
    width: 30px;
    background-color: #f6f6f6;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.69;
    letter-spacing: normal;
    color: #565656;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 6px;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible li .collapsible-body {
    border: none;
    padding: 0;
}

.dataTables_wrapper .dataTable tbody td.td-location .collapsible li .collapsible-body ul li {
    padding-top: 18px;
}

/* @end DATATABLE STYLES */
input[type="time"]::-webkit-clear-button {
    display: none;
}

.upload-component .upload-component__grow {
    display: flex;
    margin-bottom: 10px;
    align-items: flex-end;
}

.upload-component .upload-component__grow .filename {
    margin-left: 10px;
    display: block;
}

.upload-component .upload-component__grow h3 {
    color: #565656;
    font-size: 15px;
    letter-spacing: 0.75px;
    margin: 0 0 14px 0;
    font-weight: bold;
}

.upload-component>* {
    position: relative;
}

.upload-component input {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    font-size: 0;
    left: 0;
    top: 0;
}

.upload-component .upload-component__grow .icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    background-color: #f8f8f8;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.upload-component .upload-component__grow> :nth-child(1) {
    word-break: break-word;
    color: #999999;
    flex-grow: 1;
}

.text-center {
    text-align: center;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-centered {
    display: flex;
    align-items: center;
}

.flex-start {
    display: flex;
    align-items: flex-start;
}

.flex-justify-end {
    display: flex;
    justify-content: flex-end;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.gap {
    gap: 20px;
}

.gap-50 {
    gap: 50px;
}

.gap-30 {
    gap: 30px;
}

.gap-20 {
    gap: 20px;
}

.gap-15 {
    gap: 15px;
}

.gap-10 {
    gap: 10px;
}

.gap-5 {
    gap: 5px;
}

.space-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.input-field.adjust-errors {
    flex-wrap: wrap;
    min-width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.input-field.adjust-errors [data-length].inputtext {
    max-width: 100%;
    padding: 8px 10px;
    margin: 0;
    height: inherit;
    min-height: 18px;
}

.input-field.adjust-errors [data-length].inputtext~.error {
    transform: none;
    margin-top: 5px;
    top: calc(100% + 5px);
    left: 0;
    font-size: 12px;
    line-height: 1.25;
    color: #565656;
    width: calc(100% - 40px);
    max-width: 230px;
    white-space: normal;
}

.input-field.adjust-errors [data-length].inputtext~.character-counter {
    display: none;
    align-items: flex-end;
    padding-left: 10px;
    float: none !important;
    margin-bottom: -20px;
    margin-left: 0;
    position: absolute;
    text-align: right;
    padding-top: 5px;
    bottom: 0;
    right: 0;
}

.input-field.adjust-errors [data-length].inputtext:focus~.character-counter:not(:empty) {
    display: flex;
}

.input-field.adjust-errors label.error:not(:empty)~.character-counter:not(:empty) {
    position: static;
    margin-bottom: 0;
}

form .error {
    border-bottom-color: #EA565C !important;
}

form input.error {
    top: 0;
}

form .inputtext~.error,
form select~.error {
    color: #565656 !important;
}

form input[type="number"].no-arrows {
    -moz-appearance: textfield;
}

form input[type="number"].no-arrows::-webkit-outer-spin-button,
form input[type="number"].no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form .validate_empty_select select {
    display: block !important;
    border: none !important;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

form .validate_empty_select label.error {
    display: block;
    padding-top: 5px;
    position: relative;
    border-top: 1px solid #EA565C !important;
    z-index: 1;
    position: relative;
    top: -1px;
}

.modal-content .warn {
    line-height: inherit !important;
}

.modal-content .warn i,
.warning-popup .modal-content i {
    color: #ef8586;
    margin-right: 12px;
}

.modal-content .warn i.lni-information:before,
.warning-popup .modal-content i.lni-information:before {
    color: #ef8586;
}

.warning-popup .modal-content p.warning-msg {
    display: flex;
    align-items: baseline;
}

.text-width-calculator {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
}

.page-title .nav-select-container,
#brands_container {
    margin-top: 0;
    padding: 0;
    margin-right: 20px;
}

.page-title .nav-select-container input,
#brands_container input {
    margin-bottom: 0;
    font-size: 14px;
    height: 38px;
    text-align: left;
    padding: 5px 20px;
    padding-right: 30px;
}

.page-title .nav-select-container span.caret,
#brands_container span.caret {
    right: 15px;
}

::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    border: solid 4px transparent;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px rgba(134, 134, 134, .3);
    border: solid 3px transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 10px 10px rgba(134, 134, 134, .5);
}

::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0 0 10px 10px rgba(134, 134, 134, 1);
}

.btn-action {
    color: #999 !important;
    border-color: #DDD;
}

.btn-action:hover,
.btn-action.active {
    color: #565656 !important;
    border-color: #999;
    background: none !important;
}

.select-wrapper.selector-handler {
    border-radius: 5px;
    border: solid 1px #ddd;
    margin: 15px 0 30px 0;
    padding: 0 10px;
}

.select-wrapper.selector-handler span.caret {
    right: 10px;
}

.select-wrapper.selector-handler input {
    margin-bottom: 0;
    color: #565656;
    height: 42px;
}

.select-wrapper.selector-handler input,
.select-wrapper.selector-handler ul li {
    text-transform: capitalize;
}

.copy-content {
    cursor: pointer;
}

.labeled-input>span:not(.lni-information):not(.character-counter) {
    font-size: 15px;
    line-height: 1.27;
    font-weight: 600;
    color: #565656;
}

.labeled-input .copy-content {
    position: absolute;
    top: 42px;
    right: 0;
}

.labeled-input .labeled-input-info {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    display: block;
    margin-top: -15px;
    margin-bottom: 10px;
}

.labeled-input input.error~.labeled-input-info {
    display: none;
}

.labeled-input--margined>div {
    margin-bottom: 15px;
}

.labeled-input--margined>span {
    display: inline-block;
    margin-bottom: 15px;
}

.labeled-input input,
.labeled-input textarea {
    height: auto;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

.labeled-input input.select-dropdown {
    box-sizing: content-box;
}

.labeled-input .warning-tooltip {
    margin-left: 5px;
}

.red-outline {
    border: 1px solid #eb565c;
    color: #eb565c !important;
    margin-left: 15px;
    font-weight: 500;
}

.cheerfy-black {
    color: #565656;
}

.underline {
    text-decoration: underline;
}

.select-wrapper.capitalize input.select-dropdown,
.select-wrapper.capitalize ul li,
.capitalize {
    text-transform: capitalize;
}

.mt-1r {
    margin-top: 1rem;
}

.pointer {
    cursor: pointer;
}

.navigation-menu .dropdown-content .divider {
    border-bottom: solid 1px #565656;
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 10px 15px;
}

.cheerfy-box {
    display: flex;
    align-items: center;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1;
    color: #565656;
    background: #FFF;
    cursor: pointer;
    font-weight: 500;
}

.cheerfy-box:hover {
    background: #f8f8f8 !important;
}

.cheerfy-box i {
    height: auto;
    margin-right: 10px;
    font-size: 20px;
}

.navigation-menu .dropdown-content .divider {
    border-bottom: solid 1px #565656;
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 10px 15px;
}

.modal.modal-copy-configuration {
    width: 483px;
    min-width: initial;
}

.modal.modal-copy-configuration .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    font-weight: bold;
    padding: 24px 40.5px 23px 40px;
}

.modal.modal-copy-configuration .modal-content p {
    line-height: 40px;
}

.modal.modal-copy-configuration .list {
    max-height: calc(100vh - 560px);
    overflow: auto;
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-height: 800px) {
    .modal.modal-copy-configuration .list {
        max-height: calc(100vh - 525px);
    }
}

@media (max-height: 700px) {
    .modal.modal-copy-configuration .list {
        max-height: calc(100vh - 495px);
    }
}

@media (max-height: 600px) {
    .modal.modal-copy-configuration .list {
        max-height: calc(100vh - 470px);
    }
}

.modal.modal-copy-configuration .list li:not(:last-child) {
    margin-bottom: 20px;
}

.modal.modal-copy-configuration .list li [type="checkbox"]:checked+label {
    font-weight: normal;
}

.modal.modal-copy-configuration .modal-header i.lni-close:before {
    cursor: pointer;
    color: #fff;
    font-size: 17px;
}

.no-shrink {
    flex-shrink: 0;
}

.text-grey {
    color: #999;
}

.btn-select {
    padding: 0;
    margin: 0;
}

.btn-select input.select-dropdown {
    margin-bottom: 0;
    padding: 5px 20px;
    color: inherit;
}

.btn-select span.caret {
    right: 20px;
}

.btn-select input.select-dropdown+ul.select-dropdown {
    top: 46px !important;
}

.no-margined {
    margin: 0;
}

.cheerfy-field input,
.cheerfy-field input[type],
.select-wrapper.normalize-input:not(.browser-default)>input,
input.normalize-input:not(.browser-default) {
    margin: 0;
    height: auto;
    box-sizing: border-box;
}

.cheerfy-field input,
input.normalize-input.normalize-input--not-padded {
    padding-left: 0;
    padding-right: 0;
}

.cheerfy-field input.error,
input.normalize-input.error {
    margin-bottom: 15px;
}

.horizontal-revert {
    transform: scale(-1, 1);
}

.ranged-number input.small,
.fixed-number input.small {
    width: 50px;
    margin-bottom: 0;
}

.ranged-number input.medium,
.fixed-number input.medium {
    width: 40px;
    margin-bottom: 0;
}

.ranged-number .select-wrapper input {
    margin-bottom: 0;
    padding-left: 0;
}

.ranged-number .select-wrapper {
    width: 70px;
}

.modal-like-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.modal-like-content.fade-out {
    z-index: -1;
}

.modal-like-content header {
    top: 60px !important;
}

.modal-like-content header .btn-back {
    padding-left: 0;

}

.modal-like-content header .btn-back span {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #999;
    padding: 0 10px;
}

.modal-like-content header .btn-back span:before {
    content: "C";
    font-family: "Cheerfy";
    font-size: 15px;
    line-height: 16px;
    padding-top: 15px;
    display: inline-block;
    transform: rotate(90deg);
}

.modal-like-content header nav {
    display: flex;
    justify-content: space-between;
}

.modal-like-content main {
    margin: 0 !important;
    height: 100vh;
    position: relative !important;
    padding-top: 150px !important;
}

/* DROPDOWN STYLES */
.dc-selector .select-wrapper {
    padding-left: 15px;
    padding-right: 60px;
}

.dc-selector .select-wrapper span.title {
    color: #999;
}

.dc-selector .select-wrapper span.title strong {
    color: #565656;
}

.dc-selector .select-wrapper span.caret {
    right: 20px;
}

.dc-selector .dropdown-content {
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 4px 0;
}

.dc-selector .dropdown-content .dc-item {
    line-height: inherit;
    color: #565656;
    display: block;
    font-size: 14px;
}

.dc-selector .dropdown-content .dc-item.disabled {
    opacity: 0.5;
}

.dc-selector .dropdown-content .dc-item:hover {
    background: #f8f8f8;
}

.dc-selector .dropdown-content .dc-title {
    line-height: normal;
    color: #565656;
    font-weight: 400;
    min-width: 250px;
    padding: 10px 45px 10px 20px;
    display: block;
}

.dc-selector .dropdown-content [type="checkbox"].filled-in:not(:checked)+label:after,
.dc-selector .dropdown-content [type="checkbox"].filled-in:checked+label:after {
    left: inherit;
    top: 9px;
    right: 20px;
}

.dc-selector .dropdown-content [type="checkbox"].filled-in:not(:checked)+label:before,
.dc-selector .dropdown-content [type="checkbox"].filled-in:checked+label:before {
    left: inherit;
    top: 15px;
    right: 26px;
}

#lang_error_tooltip {
    position: absolute;
    top: -35px;
    left: 70px;
    padding: 9px 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #ea565c;
    font-size: 12px;
}

#lang_error_tooltip::after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ea565c;
    position: inherit;
    top: 100%;
    left: calc(50% - 7px);
}

.hide-scroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.hide-scroll::-webkit-scrollbar {
    display: none;
}

.cheerfy-chip {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 5px;
    background-color: #eee;
}

/* Sortable */
.ui-sortable {
    counter-reset: li-count;
}

.ui-sortable li {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    counter-increment: li-count;
    cursor: all-scroll;
}

.ui-sortable li .position {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ui-sortable li .position .icon {
    min-width: 20px;
    text-align: center;
}

.ui-sortable li .position .icon:before {
    content: counter(li-count);
    color: #999;
    font-size: 16px;
}

.ui-sortable li .position span {
    font-weight: 500;
}

.ui-sortable li:hover .position .icon:before {
    content: "\ea2f";
    color: #565656;
    font-family: "LineIcons";
}

.ui-sortable li [class^="lni"] {
    font-size: 15px;
    cursor: pointer;
}

.ui-sortable.chip-hover li {
    margin: 0 5px;
}

.ui-sortable.chip-hover li:hover {
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(86, 86, 86, 0.16);
    background-color: #fff
}

/*  */

/* Modal like page */
.modal-like-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.modal-like-page.fade-out {
    z-index: -1;
}

.modal-like-page header {
    top: 60px !important;
}

.modal-like-page header nav {
    display: flex;
    justify-content: space-between;
}

.modal-like-page header nav .btn-back {
    padding-left: 0;
}

.modal-like-page header nav .btn-back span {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #999;
    padding: 0 10px;
}

.modal-like-page header nav .btn-back span:before {
    content: "C";
    font-family: "Cheerfy";
    font-size: 15px;
    line-height: 16px;
    padding-top: 15px;
    display: inline-block;
    transform: rotate(90deg);
}

.modal-like-page main {
    margin: 0 !important;
    padding-top: 150px !important;
}

/*  */

/* Modal checkbox */
.modal.checkbox-modal .searcher-wrapper {
    position: relative;
}

.modal.checkbox-modal .searcher-wrapper::after {
    font-family: 'LineIcons';
    content: '\e910';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #bbb;
}

.modal.checkbox-modal .searcher-wrapper input {
    width: 100%;
    font-size: 14px;
    outline: none;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 5px;
    box-sizing: border-box;
}

/* Modal sortable checkbox */
.modal.sortable-checkbox-modal .modal-content {
    padding: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3;
}

.modal.sortable-checkbox-modal .modal-content>div {
    width: 100%;
    padding: 20px 30px;
    border-right: 1px solid #e3e3e3;
}

.modal.sortable-checkbox-modal .modal-content>div:last-of-type {
    border-right: none;
}

.modal.sortable-checkbox-modal .modal-content .title {
    color: #565656;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.modal.sortable-checkbox-modal .modal-content .counter {
    color: #999;
    font-size: 15px;
    font-weight: 500;
}

.modal.sortable-checkbox-modal .modal-content .content {
    height: 400px;
    overflow: auto;
}

.modal.sortable-checkbox-modal .modal-content .content .sortable-list {
    margin: 0;
}

.modal.sortable-checkbox-modal label:has(.tooltipped) {
    color: #ea565c !important;
}

/*  */

/* Modal publish menu */
.modal.publish-menu-modal .modal-content {
    padding: 0;
}

.modal.publish-menu-modal .modal-content form {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3;
}

.modal.publish-menu-modal .modal-content form>div {
    width: 100%;
    padding: 40px;
    padding-bottom: 10px;
    border-right: 1px solid #e3e3e3;
}

.modal.publish-menu-modal .modal-content>div:last-of-type {
    border-right: none;
}

.modal.publish-menu-modal .modal-content .title {
    color: #565656;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.modal.publish-menu-modal .modal-content .content {
    height: 400px;
    overflow: auto;
}

/*  */

#logged_in_user [data-invalidate-scope-cache] {
    cursor: pointer;
    font-size: 13px;
    color: #565656;
}

.lowercase {
    text-transform: lowercase;
}

.flex-grow {
    flex-grow: 1;
}

.flex-end {
    justify-content: flex-end;
}

#last-update {
    font-size: 13px;
    line-height: 1;
}

#last-update:has(~ .dataTables_wrapper) {
    margin-top: 25px;
}

#last-update .date {
    font-weight: 500;
}

.check-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px 10px;
    padding-bottom: 0;
}

.mb-2 {
    display: block;
    margin-bottom: 2rem;
}

.generic-tag-list {
    display: flex;
    gap: 8px;
}

.generic-tag-list .tag {
    padding: 8px 10px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.generic-tag-list .tag.active {
    background-color: rgba(86, 86, 86, 0.05);
}