/* contains customizations to Metronic base css */
body {
    font-family: "MuseoSans-300" !important;
}

textarea {
    resize: vertical;
}

.display-hide {
    display: none !important;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.clear {
    clear: both;
}
.nowrap {
    white-space: nowrap;
}

.font-weight-light, .font-weight-lighter {
    font-family: "MuseoSans-100" !important;
    font-weight: normal !important;
}
.font-weight-normal {
    font-family: "MuseoSans-300" !important;
    font-weight: normal !important;
}
.font-weight-bold {
    font-family: "MuseoSans-500" !important;
    font-weight: normal !important;
}
.font-weight-bolder {
    font-family: "MuseoSans-700" !important;
    font-weight: normal !important;
}
.font-weight-boldest {
    font-family: "MuseoSans-900" !important;
    font-weight: normal !important;
}

.flex-justify {
    flex: 1;
}

.nav-line {
    width: 44.5px;
    border-top: 2px solid #f3f6f9;
    margin-bottom: 10px;
}

.icon-fixed {
    width: 30px;
    display: inline-block;
}

.form-group label {
    font-weight: 600 !important;
}

.line-height-16 {
    line-height: 16px !important;
}
.line-height-32 {
    line-height: 32px !important;
}

.pointer {
    cursor: pointer;
}

/* add-ons */
.bg-primary-accent {
    background-color: var(--primary-accent) !important;
}

/* icon stack */

#kt_aside {
    background-color: #212166;
}

#rn_active-app-stack {
    position: relative;
    margin-bottom: 10px;
}
    #rn_active-app-stack .panel-stack {
        position: absolute;
        left: -23px;
    }
    #rn_active-app-stack .panel-stack a {
        border: 1px solid #fff !important;
        background-color: var(--primary) !important;
    }
    #rn_active-app-stack .panel-stack a:hover {
        background-color: #F3F6F9 !important;
    }

#rn_active-app-icon .nav-link {
    background-color: var(--primary-accent);
}

#rn_app-icons .btn.btn-clean i, #rn_active-app-stack .btn.btn-clean i, #rn_active-app-menu i {
    color: inherit;
}

/* panels */
#rn_content {
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 90px;
    right: 0;
}

.rn_panel-body {
    position: absolute;
    top: 82px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.rn_display-none {
    display: none;
}

.rn_panel {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #f5f5f5;
    box-shadow: 0 1px 6px -3px rgba(0, 0, 0, 0.5);
}
    .rn_panel.rn_minimized {

    }
    .rn_panel.rn_collapsed {

    }
    .rn_panel.rn_maximized {

    }
    .rn_panel.rn_modal {
        z-index: 1003;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    .rn_panel.rn_hidden {
        display: none;
    }

.rn_app_content, .rn_view_content {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #f5f5f5;
    width: 100%;
}

.rn_panel > .card {
    height: calc(100% - 10px) !important;
}
.rn_panel > .card > .card-header {
    padding: 1rem 1rem !important;
}
.rn_panel > .card > .card-body {
    padding: 1rem 1rem !important;
}

#kt_aside {
    z-index: 1001 !important;
}

.header.header-fixed {
    z-index: 1001 !important;
}

.rn_app_content_cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div.rn_blurredPanel {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: rgb(255 255 255 / 50%);
}

#rn_modal_mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 1002;
}

/* panel notification */
.rn_panel_notification {
    position: absolute;
    bottom: 0;
    width: 98%;
    left: 1%;
    border-radius: 6px;
    padding: 4px 4px 4px 20px;
    line-height: 24px;
    font-size: 15px;
}
    .rn_panel_notification.success {
        color: #ffffff;
        background-color: var(--success);
    }
    .rn_panel_notification.warning {
        color: #ffffff;
        background-color: var(--warning);
    }
    .rn_panel_notification.danger {
        color: #ffffff;
        background-color: var(--danger);
    }

/* quick search */
#rn_quick_search_widget {
    display: none;
}
    #rn_quick_search_widget .input-group-prepend label {
        cursor: pointer;
    }
    #rn_quick_search_widget input {
        border: 0;
        background-color: transparent;
        outline: 0!important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        width: 0;
    }
    #rn_quick_search_widget .input-group-text {
        border: 0;
    }
#rn_quick_search_toggle {
    display: none;
}
#rn_quick_search {
    display: none;
    box-shadow: 0 1px 9px -3px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 80px;
    bottom: 0;
    z-index: 5000;
    background-color: #fff;
}
    #rn_quick_search .card-custom {
        box-shadow: none;
    }

/* swal popups */
.swal2-container {
    backdrop-filter: blur(3px);
}

body > * {
    transition: 0.1s filter linear;
}

.swal2-validation-message::before {
    display: none !important;
}

/* toastr */
.toast {
    -webkit-transition: none;
    transition: none;
}

/* infinityScroller */
.scrollerContainer .resultCard {
    cursor: pointer;
    border: 1px solid transparent;
}
    .scrollerContainer .resultCard:hover {
        border: 1px solid var(--primary);
    }
    .scrollerContainer .resultCard.selected {
        border: 1px solid var(--primary);
        background-color: var(--primary-accent);
    }

/* filter box */
.selectPanel form.filterBox {
    position: absolute;
    left: 10px;
    right: 10px;
}
    .selectPanel form.filterBox.flex-row .filterHead {
        display: none !important;
    }
    .selectPanel form.filterBox.flex-column .filterHead {
        display: flex !important;
        cursor: default;
    }
    .selectPanel form.filterBox.flex-column .filterItem, .selectPanel form.filterBox.flex-column .btn.filter {
        margin-bottom: 0.5rem !important;
        display: none !important;
    }
    .selectPanel form.filterBox.flex-column:hover {
        z-index: 10;
        box-shadow: 0 23px 31px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 12%);
    }
        .selectPanel form.filterBox.flex-column:hover .filterItem {
            display: flex !important;
        }
        .selectPanel form.filterBox.flex-column:hover .btn.filter {
            display: block !important;
        }
.selectPanel .listContainer {
    margin-top: 70px;
}

/* login */
.login-aside {
    background-color: var(--primary);
}

/* custom Metronic */
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .show > .nav-link {
    border-bottom-color: var(--primary-accent) !important;
}

/* utilities */
.symbol-ph {
    width: 45px;
}

/* scroller */
.rn_scroller_scroll_x {
    display: inline-block;
}

/* jstree */
.jstree-contextmenu {
    z-index: 1000;
}
#jstree-marker {
    z-index: 1000;
}
.vakata-context li a i.fas {
    display: inline-block;
    line-height: 32px;
    margin-left: -12px;
    height: 30px;
}
.jstree-disabled {
    cursor: default !important;
}
.jstree-default .jstree-clicked {
    background-color: var(--primary-accent);
}

/* editorjs */
.codex-editor__loader {
    height: 38px !important;
}
.htmlEditorImage {
    max-width: 100%;
    cursor: pointer;
    border: 2px solid #FFF;
}
    .htmlEditorImage:hover {
        border: 2px solid var(--primary-accent);
    }

div.ct--bottom {
    position: fixed;
}
.ce-block__content, .ce-toolbar__content {
    max-width: 85%;
}

/* media browser */
#rn_media-filter {
    height: 60px;
}
#rn_media_scroller {
    overflow: hidden;
}
.mediaGalleryTagSearch {
    width: 100%;
}
    .mediaGalleryTagSearch .tagify {
        height: 38px;
    }

    .responsiveMediaGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
    .responsiveMediaGallery > div.mediaItem {
        flex: 1 1 auto;
        height: 200px;
        cursor: pointer;
        position: relative;
        border: 1px solid var(--secondary);
        border-radius: 3px;
        padding: 3px;
    }
    .responsiveMediaGallery > div.mediaItem.selected {
        border: 1px solid var(--primary);
        background-color: var(--primary-accent);
    }
    .responsiveMediaGallery > div.mediaItem:hover {
        border: 1px solid var(--primary);
    }
    .responsiveMediaGallery div.mediaItem img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    .responsiveMediaGallery div.mediaItem div.file {
        width: 100%;
        min-width: 180px;
        text-align: center;
        margin-top: 25px;
        vertical-align: middle;
    }
    .responsiveMediaGallery div.mediaItem div.file p {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 40px;
        margin-top: 10px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

img.imageDetails {
    max-width: 345px;
    max-height: 345px;
}
video.videoDetails {
    width: 345px;
}
div.fileDetails {
    border: 2px solid #EBEDF3;
    padding: 10px;
}
div.mediaTags .tagify__input {
    height: 27.28px;
}

/* tagify */
.tagify {
    --tag-hide-transition: 0s;
}
.tagify__dropdown {
    z-index: 100000;
}
.rn_tagify_dropdown {
    display: none;
}
    .rn_tagify_dropdown.rn_tagify_dropdown_float {
        position: absolute;
        z-index: 100;
    }
.tagify__dropdown__wrapper {
    border: 1px solid #e4e6ef !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.tagify__tags-look .tagify__dropdown__item{
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}
.tagify__tags-look .tagify__dropdown__item--active{
    color: black;
}
.tagify__tags-look .tagify__dropdown__item:hover{
    background: var(--primary-accent);
    border-color: var(--primary);
}
.tagify__tags-look .tagify__dropdown__item--hidden {
    display: none;
}
.rn_tagify_dropdown.rn_tagify_dropdown_float .tagify__dropdown__wrapper {
    border: none !important;
    background-color: transparent !important;
}

/* press-and-hold */
.pressHold {
    position: relative;
    display: inline-block;
}
.pressHold span {
    position: absolute;
    display: block;
    background: #212166;
}
.pressHold .top, .pressHold .bottom {
    width: 100%;
    height: 2px;
    transform: scaleX(0);
}
.pressHold .left, .pressHold .right {
    width: 2px;
    height: 100%;
    transform: scaleY(0);
}
.pressHold .top {
    transform-origin: top left;
    top: 0;
    left: 0;
}
.pressHold .right {
    transform-origin: top left;
    top: 0;
    right: 0;
}
.pressHold .bottom {
    transform-origin: top right;
    bottom: 0;
    right: 0;
}
.pressHold .left {
    transform-origin: bottom left;
    top: 0;
    left: 0;
}
.pressHold-active span {
    transition: all 0.25s linear;
}
.pressHold-active .top {
    transition-delay: 0s;
}
.pressHold-active .right {
    transition-delay: 0.25s;
}
.pressHold-active .bottom {
    transition-delay: 0.50s;
}
.pressHold-active .left {
    transition-delay: 0.75s;
}
.pressHold-active .top, .pressHold-active .bottom {
    transform: scaleX(1);
}
.pressHold-active .left, .pressHold-active .right {
    transform: scaleY(1);
}