[data-layout=vertical][data-sidebar-size=sm] {
    min-height: 100dvh;
}
:root {
    --in-theme-color: #477bf9;
    --in-primary: var(--in-theme-color) !important;
    --in-theme-color-darker: #09256b;
    --in-theme-color-dark: #183e9a;
    --in-theme-color-semidark: #405fbd;
    --in-theme-color-medium: #809cf6;
    --in-theme-color-semilight: #ced9fc;
    --in-theme-color-light: #edf1fe;
    --in-theme-color-lighter: #fafaff;

    --in-theme-color-green: #28a745;
    --in-theme-color-red: #ed4343;
    --in-theme-color-grey: #d1d5da;
    --in-theme-color-orange: #fca812;

    --in-link-color: #477bf9;
    --in-link-hover-color: #477bf9;
    --in-input-focus-border: #477bf990;
    --in-vertical-menu-item-hover-color: #477bf9;
    --in-vertical-menu-item-active-color: #477bf9;
    --in-vertical-menu-bg-dark: #477bf9;
    --in-vertical-menu-sub-item-hover-color: #477bf9;
    --in-vertical-menu-sub-item-active-color: #477bf9;
    --in-vertical-menu-item-active-bgcolor: linear-gradient(to right, rgb(0 99 255 / 10%) 30%, transparent 100%);
    --in-theme-feed-card-width: 400px;
    --in-theme-streams-card-width: 500px;
    --in-theme-final-feeds-number: 0;

    --google-color-red: #EA4335;
    --google-color-yellow: #FBBC05;
    --google-color-green: #34A853;
    --google-color-blue: #4285F4;

    --analytics-color: #f7c83c;
    --analytics-color-alt: #e9ad36;

    --x-color-white: #fff;
    --x-color-black: #000;

    --threads-color-black: #000;

    --facebook-color-blue: #0866ff;
    --instagram-color: #FF0169;
    --instagram-color-light: #ff5a9e;
    --instagram-color-dark: #cc0051;
    --instagram-color-darker: #b60048;

    --bluesky-color-blue: #1185fe;
    --bluesky-color-blue-light: #52a5ff;
    --bluesky-color-blue-dark: #0561c1;
    --bluesky-color-blue-darker: #014488;

    --linkedin-color-light: #26a3e1;
    --linkedin-color: #007EBB;
    --linkedin-color-dark: #005680;
    --linkedin-color-darker: #003d5c;

    --feedelio-ai-color: #3F3EED;
    --feedelio-ai-darker-color: #1f1ec3;
    --feedelio-ai-color-half-transparent: #3F3EED50;
    --feedelio-ai-color-mid-transparent: #3F3EED35;
    --feedelio-ai-color-high-transparent: #3F3EED15;
    --feedelio-ai-color-higher-transparent: #3F3EED10;

    --navbar-height: 70px;
    --heading-height: 60px;

    --feed-header: 76px;
}

::selection {
    background: var(--in-theme-color);
    color: var(--in-white);
}

@media only screen and (pointer:fine) and (hover:hover){
    ::-webkit-scrollbar {
        width: 15px;
        height: 15px;
    }

    ::-webkit-scrollbar-track {
        display: none;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10rem;
        background: #a2adb7;
        background-clip: padding-box!important;
        border: 4px solid rgba(0, 0, 0, 0);
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #768591;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #4d5b67;
    }
}
.w-40{
    width: 40% !important;
}
.w-60{
    width: 60% !important;
}

body, h1, h2, h3, h4, h5, h6, p, span, a, figcaption, .tooltip-inner, .navbar-menu .navbar-nav .nav-sm .nav-link {
    font-family: 'Geologica', sans-serif;
}

body, .form-control, .navbar-menu .navbar-nav .nav-link, .dropdown-item, .form-select {
    font-weight: 300;
}

.home-gadget {
    height: calc(100% - 1.5rem);
    min-height: 500px;
}
.edit-preview-card{
    max-width: 450px;
}

.logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
}

[data-sidebar-size="sm"] .logo-wrapper > img:not(.custom-logo) {
    width: 15px;
    object-fit: cover;
    object-position: left;
}

.navbar-brand-box {
    overflow: hidden;
}

.logo-wrapper span {
    color: #000;
    font-size: 20px;
    margin-left: 10px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.page-tabs-wrapper {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
    height: 60px;
}

.back-btn {
    text-align: right;
    transition: opacity .2s ease-out;
}

.back-btn:hover {
    opacity: .75;
}

.text-feedelio-ai {
    color: var(--feedelio-ai-color);
}

.btn-feedelio-ai {
    --in-btn-padding-x: 0.7rem;

    --in-btn-color: var(--feedelio-ai-color);
    --in-btn-bg: var(--feedelio-ai-color-high-transparent);
    --in-btn-border-color: transparent;
    --in-btn-hover-color: #fff;
    --in-btn-hover-bg: var(--feedelio-ai-color);
    --in-btn-hover-border-color: transparent;
    --in-btn-focus-shadow-rgb: 147, 79, 176;
    --in-btn-active-color: var(--in-btn-hover-color);
    --in-btn-active-bg: var(--feedelio-ai-darker-color);
    --in-btn-active-border-color: transparent;
    --in-btn-disabled-border-color: var(--feedelio-ai-color);
    --in-btn-disabled-bg: #fff;

    min-width: max-content;
}

.badge-feedelio-ai {
    color: var(--feedelio-ai-color);
    background-color: var(--feedelio-ai-color-high-transparent);
}

.ai-icon {
    content: "";
    width: 20px;
    height: 20px;
    mask: url("../images/sparkles-alt.svg") no-repeat center/contain;
    background-color: var(--feedelio-ai-color);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    transition: background-color .2s ease-in-out;
}

.btn-feedelio-ai:hover .ai-icon, .btn-feedelio-ai:active .ai-icon, .btn-feedelio-ai.show .ai-icon {
    background-color: #fff;
}

.btn-feedelio-ai.loading:disabled:before {
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: var(--in-btn-border-radius);
}

.btn-feedelio-ai.loading:after {
    content: "";
    display: block;
    --in-spinner-width: 20px;
    --in-spinner-height: 20px;
    --in-spinner-vertical-align: -0.125em;
    --in-spinner-border-width: 3px;
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
    border: var(--in-spinner-border-width) solid var(--feedelio-ai-color);
    border-right-color: transparent;
    width: var(--in-spinner-width);
    height: var(--in-spinner-height);
    vertical-align: var(--in-spinner-vertical-align);
    border-radius: 50%;
    z-index: 999999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: var(--in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}

.btn-feedelio-ai.btn-sm {
    --in-btn-padding-x: 0.4rem;
}

.btn-feedelio-ai.btn-sm.loading:after {
    --in-spinner-width: 15px;
    --in-spinner-height: 15px;
    --in-spinner-border-width: 2px;
}

.btn-feedelio-ai.btn-sm .ai-icon {
    width: 16px;
    height: 16px;
}

.feedelio-ai-fade {
    opacity: 0;
    display: inline!important;
    animation: fadeIn 0.5s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.form-control {
    transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}

.form-control.feedelio-ai-loading, .ck.ck-editor.feedelio-ai-loading .ck-editor__editable {
    color: var(--feedelio-ai-color);
    border-color: var(--feedelio-ai-color-half-transparent);
}

.form-control.feedelio-ai-loading {
    background-color: var(--feedelio-ai-color-high-transparent) !important;
}

.ck.ck-editor .ck-editor__editable {
    transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}

.ck.ck-editor.feedelio-ai-loading .ck-editor__editable {
    --in-card-bg-custom: var(--feedelio-ai-color-high-transparent) !important;
    pointer-events: none!important;
}

.form-control.feedelio-ai-loading::placeholder, .ck.ck-editor.feedelio-ai-loading .ck-placeholder::before {
    color: var(--feedelio-ai-color);
    opacity: .5;
}

.ck.ck-editor.feedelio-ai-loading .feedelio-image-wrapper {
    opacity: 0;
    visibility: hidden;
    animation: fadeInImage 1s forwards;
}

@keyframes fadeInImage {
    to {
        visibility: visible;
        opacity: 1;
    }
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: var(--in-nav-link-color);
}

.nav-tabs-custom .nav-item .nav-link::after {
    background: var(--in-nav-link-color);
}

.logo-wrapper .logo-icon {
    display: none;
}

[data-sidebar-size="sm"] .logo-wrapper .logo-icon {
    display: inline-block;
}

[data-sidebar-size="sm"] .logo-wrapper .logo-full {
    display: none;
}

.w-15 {
    width: 15%!important;
    max-width: 15%!important;
}

.w-max-content {
    width: max-content!important;
}
.btn-check:checked + .btn img {
    filter: brightness(0) invert(1); /* makes SVG white */
}

.streams textarea.form-control{
    min-height: calc(1.5em + 1rem + 1px);;
}
.fs-40 {
    font-size: 40px;
}

.fs-50 {
    font-size: 50px;
}

.position-inherit {
    position: inherit!important;
}

.dropdown-item {
    color: var(--in-vertical-menu-item-color);
}

label {
    font-weight: 400;
}

.page-title-box h4 {
    letter-spacing: -0.5px;
}

.feeds_panel {
    width: calc(100% - var(--in-theme-feed-card-width)*var(--in-theme-final-feeds-number) - (calc(var(--in-gutter-x) * .5)*2));
}

.feeds_panel > .card, .final_feed_panel > .card, .reports_panel > .card {
    height: calc(100vh - 240px);
}

.feeds_panel > .card, .final_feed_panel > .card {
    min-height: 700px;
}

.streams > .card{
    background-color: transparent;
}
.streams_column.hovered,
.streams_column.hovered .card,
.streams_column.hovered .card-footer,
.streams_column.hovered .no-data,
.streams_column.hovered .card-header{
    background-color: #fafbff;
}
.streams_column .post_message{
    cursor: pointer;
}

.streams_column.over{
    border: 2px dashed #000;

}
.reports_panel.streams >.card{
    box-shadow:none;
    -webkit-box-shadow:none;
}
.streams_column.dragging {

    opacity: 1.0;
    cursor: grab;

}
#reports_panel_days .simplebar-content {
    /*display:       flex;*/
    flex-wrap:     nowrap;
    align-items:   center;

}

.streams_column .day-header{
    cursor:grab;
}

.comment_image {
    /*min-height: 100px;*/
    max-height: 180px;
    width: auto;
    object-fit: contain;
}

.card-img-top.streams-img{
    height:250px;
    object-fit:cover;
}
.dropdown-item.no-hover{
    pointer-events: none;
}
.icon-spin::before {
    display: inline-block;
    transform-origin: center center;
    animation: spin-animation 1s linear infinite;

}
@keyframes spin-animation {
    from { transform: rotate(0deg); }
    to   { transform: rotate(-360deg); }
}

.streams.no-data:after{
    content: "\f1037";
    font-family: "Material Design Icons";
    color: var(--in-theme-color-light);
    font-size: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /*background-color: #fff;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tribute-container{
    z-index: 9999;
    margin-top:10px;
}
.tribute.dropdown-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tribute.dropdown-menu{
    margin-top:6px !important;
}
.tribute.dropdown-menu .dropdown-item {
    padding: 0.1rem 0.3rem;
}
.tribute.dropdown-menu .dropdown-item:before {
    content:none;
}

.btn-streams.no-hover {
    cursor:default;
    /*pointer-events: none !important;*/
}
.streams .streams_column .btn-streams{
    background-color: transparent;
}
.streams .streams_column .btn-streams:hover{
    background-color: #f5f5f5;
    border-radius: 3px;
}
.buttons.no-hover{
    pointer-events: none;
}

.card.day_column.streams_column  {
    margin-right: 20px;
    box-shadow: var(--in-card-box-shadow);
}

.final_feed_panel > .card {
    background-color: transparent;
    box-shadow: none;
}

.final_feed_panel > .card > .card-header {
    height: 42px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: transparent;
    border: none;
}

.final_feed_panel > .card > .card-body {
    height: calc(100% - 42px);
    background-color: #fff;
    box-shadow: var(--in-card-box-shadow);
}

.channel-nav-tabs {
    width: 100%;
    margin-top: 2px!important;
    scrollbar-width: none;
    overflow-y: hidden;
}

.channel-nav-tabs .simplebar-content:after, .channel-nav-tabs .simplebar-content:before {
    display: none;
}

.channel-nav-tabs .simplebar-content {
    height: 100%;
    width: 100%;
    display: flex;
    gap: .5rem;
}

.channel-nav-tabs .nav-item {
    min-width: max-content;
}

.channel-nav-tabs .nav-link {
    --in-nav-link-color: var(--in-heading-color);
    --in-nav-link-hover-color: var(--custom-color);
}

.channel-nav-tabs .nav-link:not(.active):hover {
    --in-nav-tabs-link-hover-bg-color: #ffffffc0;
    background-color: var(--in-nav-tabs-link-hover-bg-color);
}

.channel-nav-tabs .nav-link.active {
    --custom-color: var(--in-theme-color);
    --in-nav-tabs-link-active-color: #fff;
    --in-nav-tabs-link-active-bg: var(--custom-color);
    --in-nav-tabs-link-active-border-color: var(--custom-color);
}

.final-feed .card-title > a, .final-feed .card-text {
    color: var(--custom-color, var(--in-theme-color));
}

.final-feed .drop-container:not(.express) .card.article .article-header .publish-date {
    color: var(--custom-color, var(--in-theme-color)) !important;
}

#logs-container {
    height: calc(100vh - 292px);
}

#logs-container {
    overflow: scroll;
}

.final_feed_panel {
    width: calc(var(--in-theme-feed-card-width)*var(--in-theme-final-feeds-number) + (var(--in-gutter-x) * .5)*2);
}

.channel-tabs, .channel-tab {
    height: 100%;
    width: 100%;
    position: relative;
}

.channel-tab {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--custom-color, var(--in-theme-color)) 25%, transparent);
    border-radius: 3px;
    background-color: color-mix(in srgb, var(--custom-color, var(--in-theme-color)) 2.5%, transparent);
}

.was-validated .form-control:valid {
    border-color: var(--in-input-border);
    background-image: none;
}

.was-validated .form-select:valid {
    border-color: var(--in-input-border);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important;
}

.was-validated .form-control:valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--in-input-focus-border);
    -webkit-box-shadow: 0 0 0 0 rgba(67,138,122,.25);
    box-shadow: 0 0 0 0 rgba(67,138,122,.25);
}

.form-check-input:valid:checked {
    background-color: #477bf9!important;
    border-color: #477bf9!important;
}

.was-validated .form-check-input:valid:focus {
    border-color: #477bf9;
}

.was-validated .form-check-input:valid {
    border-color: var(--in-input-check-border);
}

.was-validated .form-check-input:valid~.form-check-label {
    color: unset;
}

.form-switch.form-check-right {
    margin-right: 40px;
}

.form-switch .form-check-input:not(:checked):focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23477bf990'/%3e%3c/svg%3e");
}

.modal-footer .form-switch.form-check-right {
    margin-right: 50px;
}

.error-404-text {
    font-size: 140px;
    font-weight: 900;
    letter-spacing: -5px;
}

.btn-ghost-secondary {
    color: var(--in-gray-700);
}

.footer-footer-link {
    font-weight: 600;
    transition: color .15s ease-in-out;
}

.footer-footer-link:hover {
    color: var(--in-theme-color-dark);
}

.navbar-menu {
    z-index: 1003;
}

.navbar-menu .navbar-nav .nav-link.active:before {
    background-color: var(--in-theme-color);
}

select.form-select.feed-select {
    min-width: 120px;
    max-width: 15%;
}

.noUi-connect {
    background: var(--in-theme-color)!important;
}

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    background: var(--in-theme-color)!important;
    box-shadow: none!important;
    height: 20px!important;
    width: 20px!important;
    border: 2px solid var(--in-theme-color)!important;
}

.noUi-target.noUi-horizontal .noUi-tooltip {
    font-weight: 900!important;
    color: var(--in-theme-color)!important;
    font-size: 14px!important;
    padding: 3px 6px!important;
}

.noUi-horizontal {
    height: 9px!important;
}

.noUi-target {
    box-shadow: none!important;
    background-color: #e9ebec!important;
    border-color: var(--in-light)!important;
}

.choices > .choices__inner {
    min-height: 42px;
}

.choices__list--multiple .choices__item, .form-select span.optext {
    background-color: var(--in-theme-color-light)!important;
    border-color: var(--in-theme-color-light)!important;
    color: var(--in-theme-color)!important;
    font-size: 15px!important;
}

.multiselect-dropdown.disabled {
    pointer-events: none;
    background-color: var(--in-input-disabled-bg);
}

.multiselect-dropdown.disabled span.optext {
    opacity: .6;
}

.form-select span.optext {
    padding: 4px 14px 4px 8px;
}

button.choices__button {
    filter: brightness(0)!important;
}

.noUi-tooltip {
    display: none!important;
}

.custom-range-slider .noUi-active .noUi-tooltip, .custom-range-slider:hover .noUi-tooltip {
    display: block!important;
}

.custom-range-slider [disabled].slider {
    opacity: .6;
}

.text-green-600 {
    color: var(--in-theme-color-green);
    font-weight: 500;
}

.form-control.valid_feed_url, .form-control.valid_ftp_credentials {
    border-color: var(--in-theme-color-green)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")!important;
}

.form-control.invalid_feed_url, .form-control.invalid_ftp_credentials, .form-control.no_thumbnail_error {
    border-color: #febd49!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23febd49'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23febd49' stroke='none'/%3e%3c/svg%3e")!important;
}

.form-control.no_thumbnail_error {
    border-color: var(--in-success)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23934fb0'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23febd49' stroke='none'/%3e%3c/svg%3e")!important;
}

.form-control.valid_feed_url, .form-control.invalid_feed_url, .form-control.valid_ftp_credentials, .form-control.invalid_ftp_credentials, .form-control.feed_url_exists, .form-control.invalid_feed_url_domain, .form-control.no_thumbnail_error {
    padding-right: calc(1.5em + 1rem)!important;
    background-repeat: no-repeat!important;
    background-position: right calc(0.375em + 0.25rem) center!important;
    background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem)!important;
}

.invalid-feed, .invalid-ftp, .feed-exists, .invalid-feed-domain, .slug-exists, .no-thumbnail {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
}

.form-control.password-input.is-valid, .was-validated .form-control.password-input:valid {
    background-position: right calc(2.6em + 0.25rem) center !important;
}

.no-thumbnail {
    color: var(--in-success);
}

.invalid-feed, .invalid-ftp {
    color: #febd49;
}

.feed-exists, .invalid-feed-domain, .slug-exists {
    color: var(--in-theme-color-red);
}

.form-control.feed_url_exists, .form-control.invalid_feed_url_domain {
    border-color: var(--in-theme-color-red)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ed4343'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ed4343' stroke='none'/%3e%3c/svg%3e")!important;
}

body.preload .hamburger-icon span {
    transition: none!important;
}

.pub-feeds, .reports_panel_days, .final-feeds {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 100%;
    font-size: 0;
}

.pub-feeds .simplebar-content, .reports_panel_days .simplebar-content, .final-feeds .simplebar-content {
    height: 100%;
    width: 100%;
}

.card.pub-feed, .card.day_column, .card.final-feed {
    margin: 0;
    display: inline-block;
    height: 100%;
    font-size: initial;
    white-space: normal;
    overflow-y: auto;
    overflow-x: hidden;
}

.card.pub-feed .card:last-child, .queue-feed .card:last-child, .final-feed .card:last-child {
    margin: 0;
}

.pub-feeds .card.article:not(:last-child), .queue-feed .card:not(:last-child), .final-feed .card:not(:last-child), .reports_panel_days .card.article:not(:last-child), .final-feeds .card.article:not(:last-child) {
    margin-bottom: .5rem;
}

.card.pub-feed .card-body.drag-container, .queue-feed .card-body, .final-feed .drop-container.card-body, .card.day_column .day-body {
    height: calc(100% - var(--feed-header) - 12px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.final-feeds, .final-feeds > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.card.final-feed {
    flex-shrink: 0;
}

.card.final-feed.push {
    height: fit-content;
}

.final-feed.push .drop-container.card-body {
    height: 142px;
}

.queue-feed .simplebar-content, .final-feed .simplebar-content {
    height: 100%;
}

.queue-feed {
    overflow-y: auto;
    overflow-x: hidden;
}

.card.pub-feed, .queue-feed, .final-feed, .card.day_column {
    width: var(--in-theme-feed-card-width);
    overflow: hidden;
}
.card.streams_column {
    width: var(--in-theme-streams-card-width);
    overflow: hidden;
}

.article-buttons {
    font-size: 13px;
    width: 100%;
    display: flex;
    height: 36px;
}

.main-buttons {
    display: flex;
    align-items: center;
}

.article-buttons > .main-buttons > span:not(:last-child) {
    margin-right: 10px;
}

.article-buttons > .extra-buttons > span {
    margin-left: 10px;
}

.article-buttons > .buttons > span > small {
}

.card.article .card-body {
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.card.article .article-image {
    object-fit: cover;
    user-drag: none;
    -webkit-user-drag: none
}

.article-image {
    object-fit: cover;
}

.article-image-container {
    position: relative;
    height: fit-content;
    width: fit-content;
}

.posts-table {
    height: 1005px;
    position: relative;
}

.card.article .article-image, .card.article .article-image-container:before, .posts-table .article-image, .news-posts-table .article-image {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
}

.news-posts-table .article-image {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
}

.news-posts-table .news-row-image-container {
    height: 50px;
    max-height: 50px;
}

.top-posts-table .article-image {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
}

#template_preview .article-image.default-image,.templates_card .article-image.default-image,.card.article .article-image.default-image, .thumbnail-article .article-image.default-image, .posts-table .article-image.default-image, .top-posts-table .article-image.default-image, .news-posts-table .article-image.default-image {
    background-color: var(--in-theme-color-light);
}

#template_preview .article-image.default-image:after, .templates_card .article-image.default-image:after, .card.article .article-image.default-image:after, .thumbnail-article .article-image.default-image:after, .posts-table .article-image.default-image:after, .top-posts-table .article-image.default-image:after, .news-posts-table .article-image.default-image:after {
    content: "\f1009";
    display: flex;
    font-family: "Material Design Icons", sans-serif;
    font-size: 40px;
    line-height: 1.7;
    color: var(--in-theme-color);
    justify-content: center;
    align-items: center;
    height: 100%;
}

.top-posts-table .article-image.default-image:after {
    font-size: 60px;
}

.thumbnail-article .article-image.default-image:after {
    font-size: 60px;
}
#template_preview .article-image.default-image{
    height: 300px;
}

.card.article.drag-element:hover .article-image-container:before {
    content: "\f01be";
    display: flex;
    font-family: "Material Design Icons", sans-serif;
    font-size: 22px;
    color: #ffffff;
    background-color: #0d2c7690;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: var(--in-border-radius);
    opacity: .9;
    z-index: 1;
}

.article-title-link, .post-title-link span {
    color: var(--in-heading-color)!important;
    font-weight: 400;
}

.article-title-link:hover, .post-title-link:hover span, .top-5-post-link:hover .title {
    text-decoration: underline!important;
}

.article-title-link i {
    visibility: hidden;
}

.article-title-link .title-text:after, .post-title-link span:after, .top-5-post-link:hover .title:after {
    content: "\f35d";
    visibility: hidden;
    font-family: "Line Awesome Free";
    font-weight: 900;
    text-decoration: none!important;
    color: var(--in-heading-color);
}

.article-title-link:hover i {
    visibility: visible;
}

.article-title-link:hover .title-text:after, .post-title-link:hover span:after, .top-5-post-link:hover .title:after {
    visibility: visible;
}

.slide-in-animation {
    animation: slide-in 0.25s forwards;
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-animation, .card.pub-feed.loading.fade-in:before, .card.pub-feed .feed-body.loading.fade-in:before {
    animation: fade-in 0.5s forwards;
}

.card.pub-feed.loading.fade-in:after, .card.pub-feed .feed-body.loading.fade-in:after {
    animation: fade-in 0.5s forwards;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fade-out-animation, .card.pub-feed.loading.fade-out:before, .card.pub-feed .feed-body.loading.fade-out:before {
    animation: fade-out 0.5s forwards;
}

.card.pub-feed.loading.fade-out:after, .card.pub-feed .feed-body.loading.fade-out:after {
    animation: fade-out 0.5s forwards;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.slide-out-animation {
    animation: slide-out 0.25s forwards;
}

@keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.collapsible {
    margin: 0 10px;
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.collapsible:before {
    content: "\f0142";
    display: block;
    font-family: "Material Design Icons", sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin-top: 0.5px;
}

.collapsible.enabled {
    transform: rotate(180deg);
}

.extra-buttons {
    width: 0px;
    height: 19px;
    overflow: hidden;
    transition: width .15s ease-in-out;
}

.extra-buttons.enabled {
    width: 210px;
}

.card-header .last-update i {
    margin-right: 3px;
}

.card.article .article-header {
    min-height: 89px;
}

.card.article:hover, .card.article:hover .card-footer {
    background: #edf1fe50;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.pub-feeds::-webkit-scrollbar, .card.pub-feed::-webkit-scrollbar, .card.queue-feed::-webkit-scrollbar, .card.final-feed::-webkit-scrollbar, .reports_panel_days::-webkit-scrollbar, .card.day_column::-webkit-scrollbar, .final-feeds::-webkit-scrollbar, .card.day_column::-webkit-scrollbar, .logs::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.pub-feeds, .card.pub-feed, .card.queue-feed, .card.final-feed, .reports_panel_days, .card.day_column, .final-feeds, .card.day_column, .logs {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.drop-container .slot:not(:last-child), .publish_slot {
    margin-bottom: 0.5rem;
}

.timeslot-box {
    display: flex;
    height: 125px;
    width: 100%;
    border: 3px dotted;
    border-radius: var(--in-card-border-radius);
    justify-content: center;
    align-items: center;
    font-size: 30px;
    opacity: .2;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.slot.drag-hover .timeslot-box {
    background-color: #00000045;
}

.slot.drag-hover .card.article {
    filter: brightness(90%);
}

.slot.drag-hover .card.article .article-header, .slot.drag-hover .card.article .article-buttons, .slot.drag-hover .card.article .dropdown {
    filter: blur(5px);
}

.slot.drag-hover .card.article:before {
    content: "\f0bce  Swap";
    width: 85px;
    height: 35px;
    font-family: "Material Design Icons", "Geologica", sans-serif;
    font-size: 14px;
    background-color: var(--in-theme-color);
    color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}

.drop-container.express .slot.drag-hover .card.article:before {
    content: "\f0bce  Replace";
    background-color: var(--in-success);
    width: 100px;
}

.card.article .card-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-sorting {
    cursor: grab!important;
}

.btn-sorting:active {
    cursor: grabbing!important;
}

.nested-sortable-table .nested-sortable-handle .handle {
    position: relative!important;
}

.nested-sortable-table tr[draggable="true"] {
    background-color: #5179f414;
    opacity: .5;
}

.final-feed .slot:first-child .card.article, .final-feed .publish_slot .card.article {
    box-shadow: 0 0 0px 2px var(--custom-color, var(--in-theme-color));
    -webkit-box-shadow: 0 0 0px 2px var(--custom-color, var(--in-theme-color));
}

.final-feed .publish_slot .card.article {
    background: color-mix(in srgb, var(--custom-color, var(--in-theme-color)) 10%, transparent);
}

.final-feed .express .publish_slot .card.article {
    background: #f5f1f8;
}

.current-time {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}

.current-time.display {
    visibility: visible;
    opacity: 1;
}

.current-time i {
    margin-right: 5px;
    opacity: .5;
    font-weight: 900;
}

.card.article.drag-element {
    cursor: grab;
}

.card.article.drag-element:active {
    cursor: grabbing;
}

.card.pub-feed.loading:before, .card.pub-feed .feed-body.loading:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fafbff;
    display: block;
    z-index: 2;
    position: relative;
}

.posts-table.loading:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    z-index: 2;
    position: absolute;
}

.card.pub-feed .feed-body.loading:before {
    --margin-loading: -8px;
    position: absolute;
    z-index: 2;
    margin: var(--margin-loading);
}

.card.pub-feed.loading:after, .card.pub-feed .feed-body.loading:after,.templates.loading:after  , .apex-charts.loading:after, .page-fans-online.loading:after, .top_5.loading:after, .posts-table.loading:after, .browse-tab.loading:after, #media-library-list-wrapper.loading:after, #posts.loading:after, .top_pages_loading.loading:after, #maps.loading:after, #traffic.loading:after, #sources_traffic.loading:after, #posts-tbody.loading:after, #chart-body.loading:after {
    content: "";
    display: block;
    --in-spinner-width: 3rem;
    --in-spinner-height: 3rem;
    --in-spinner-vertical-align: -0.125em;
    --in-spinner-border-width: 4px;
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
    border: var(--in-spinner-border-width) solid var(--in-theme-color);
    border-right-color: transparent;
    width: var(
            --in-spinner-width);
    height: var(
            --in-spinner-height);
    vertical-align: var(
            --in-spinner-vertical-align);
    border-radius: 50%;
    z-index: 999999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: var(
            --in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}

.card.article .article-header .category {
    margin-left: 10px;
    text-align: right;
}

.card.article .article-header .publish-date {
    min-width: fit-content;
}

.card.article .article-header .card-text {
    display: flex;
    align-items: baseline;
}

#pub-feeds .card.article img, .drop-container .card.article img, .top-posts-table img.article-image, .posts-table img.article-image {
    transition: opacity 0.5s;
}

#pub-feeds .card.article img:not(.article-image.placeholder), .drop-container .card.article img, .top-posts-table img.article-image, .posts-table img.article-image {
    opacity: 0;
}

.card.pub-feed .sync-button i:before, .card.final-feed .info-button i:before {
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
}

.card.final-feed.updating .info-button i:before {
    content: "\f04e6";
}

.card.pub-feed.syncing .sync-button i:before, .card.final-feed.updating .info-button i:before {
    animation: var(--in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}

.card.final-feed .drop-container {
    transition: opacity 0.5s;
}

.card.final-feed.updating .drop-container {
    pointer-events: none;
    opacity: .5;
}

tr .last-build > span:after {
    content: "\f04e6";
    display: inline-block;
    visibility: hidden;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
    animation: var(--in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}


tr.syncing .last-build > span:after {
    visibility: visible;
}

.card.article .add-btn, .card.article .block-btn , .card.article .dl-btn {
    height: 24px;
    width: 24px;
    bottom: 6px;
    font-size: 16px;
    padding: 0 4px;
    border-radius: 3px;
    display: none;
    cursor: pointer;
    transition: background .15s ease-in-out, color .15s ease-in-out;
    z-index: 1;
}


.card.article .add-btn {
    position: absolute;
    right: 6px;
    color: var(--in-theme-color);
    background: #dee7ff;
}

.pub-feed .card.article:hover .add-btn {
    display: block;
}
.pub-feed .card.article:hover .dl-btn {
    display: block;
}


.card.article .add-btn:hover {
    color: var(--in-white);
    background: var(--in-theme-color);
}

.card.article .block-btn {
    color: var(--in-theme-color-red);
    background: #ffdede;
    margin-right: 6px;
}
.card.article .dl-btn {
    color: grey;
    background: #cdffcd;
    margin-right: 6px;
}

.pub-feed .card.article:hover .block-btn {
    display: block;
}

.card.article .block-btn:after {
    content: "\f0377";
    font-family: "Material Design Icons";
}
.form-social-post  .dl-btn:hover, .card.article .dl-btn:hover {
    color: white;
    background: #2b812b;
    margin-right: 6px;
}

.card.article.blocked .block-btn:after {
    content: "\f145a";
    font-family: "Material Design Icons";
}

.card.article .block-btn:hover {
    color: var(--in-white);
    background: var(--in-theme-color-red);
}

.page-title-box h4, .page-title-box p {
    width: fit-content;
}

.card.article .add-btn:after {
    content: "\f0415";
    font-family: "Material Design Icons";
}
.card.article .dl-btn:after {
    content: "\f0193";
    font-family: "Material Design Icons";
}

.card.article .add-btn.added {
    background: var(--in-theme-color-green)!important;
    color: #fff!important;
}
.card.article .add-dl.added {
    background: var(--in-theme-color-green)!important;
    color: #fff!important;
}

.card.article .add-btn.added:after {
    content: "\f012c";
}


.date-seperator {
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-right: 10px;
    margin-left: 10px;
}

.date-seperator-label {
    font-weight: 500;
}

.date-seperator-text {
    opacity: .6;
    font-size: 15px;
}

.schedule-list .list-group-item {
    background-color: rgb(82 121 244 / 4%);
    border-color: rgb(82 121 244 / 10%);
}

.flatpickr-calendar {
    background: #fff;
}

.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange {
    background-color: var(--in-theme-color)!important;
    border-color: var(--in-theme-color)!important;
}

.delete-list-row {
    min-width: 40px;
    height: 40px;
}

.schedule-list {
    max-height: 500px;
    overflow-x: auto;
}

.schedule-list > .list-group-item:last-child {
    margin-bottom: 1rem;
}

.navbar-menu .navbar-nav .nav-link.active:before {
    top: 50%;
}

.publish_slot .timeslot-box {
    border-style: solid;
    border-color: var(--custom-color, var(--in-theme-color));
    color: var(--custom-color, var(--in-theme-color));
    opacity: .5;
    background-color: color-mix(in srgb, var(--custom-color, var(--in-theme-color)) 10%, transparent);
}

.publish_slot .article-image-container:before {
    content: ""!important;
}

.drop-container .date-seperator:first-child {
    margin-top: 0.5rem;
}

.card.day_column .card.article .publish-date {
    color: unset!important;
}

.card.day_column.future {
    background-color: #f7f9ff;
}

.card.day_column.future .day-header.card-header {
    background-color: var(--in-theme-color-light);
}

.fans_online .card {
    background-color: #fcfcfb;
}

.fans_image {
    text-align: center;
}

.fans_image img {
    object-fit: contain;
    width: 100%;
    max-width: fit-content;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

.keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    min-height: 51px;
}

.keywords .keyword_item {
    background-color: var(--in-theme-color-light);
    color: var(--in-theme-color);
    padding: 6px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    transition: background-color .15s, color .15s;
}

.keywords .keyword_item:has(.keyword_value:hover) {
    background-color: #cdd2e5;
    color: #000;
}

.keywords .keyword_checkbox {
    margin-right: 8px;
}

.keywords .keyword_checkbox input {
    margin: 0;
}

.keywords .keyword_value {
    cursor: pointer;
}

.keywords .keyword_delete {
    margin-left: 8px;
    border-left: 1px solid #0000001c;
    padding-left: 5px;
    cursor: pointer;
    color: #000;
}

.keywords .keyword_delete i {
    margin-top: 1px;
    display: block;
    transition: opacity .15s;
}

.keywords .keyword_delete:hover i {
    opacity: .5;
}

emoji-picker {
    display: none;
    position: absolute!important;
    z-index: 1;
    right: 7px;
}

.card.article .dropdown {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display: block;
}

.card.article .dropdown .dropdown-btn {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1;
}

.dropdown-menu {
    z-index: 10000;
}

.card.article ul.dropdown-menu {
    cursor: default;
}

.thumbnail-article .article-image {
    width: 108px;
    height: 108px;
    border-radius: 5px;
    object-fit: cover;
    user-drag: none;
    -webkit-user-drag: none;
}

.title-input textarea {
    min-height: 108px;
}

.text-dark-blue {
    color: var(--in-theme-color-dark);
}

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

.keywords .keyword_value .score-circle {
    font-size: 11px;
    border: 1px solid var(--in-theme-color);
    margin-left: 7px;
    background-color: #ffffff80;
    padding: 2px 5px;
    border-radius: 50px;
    transition: background-color .15s, color .15s, border-color .15s;
    font-weight: 700;
    display: inline-block;
}

.keywords .keyword_value:hover {
    color: #000;
}

.keywords .keyword_value:hover .score-circle {
    border-color: #000;
    color: #000;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: textfield!important;
    padding: 2px!important;
    margin: -10px -14px!important;
}

form.was-validated input[type="number"]:valid::-webkit-inner-spin-button, form.was-validated input[type="number"]:invalid::-webkit-inner-spin-button {
    margin: -10px -38px!important;
}

form.was-validated input[type="number"]:invalid {
    background-position: right calc(0.375em + 1rem) center;
}

.emoji-btn {
    padding: 0px 12px;
}

#edit_scheduled_article_modal .emoji-btn {
    height: 40.5px;
}

#edit_scheduled_article_modal emoji-picker {
    right: 0;
    left: 20px;
}

.card.article.auto_post .metadata-star {
    color: var(--in-theme-color-red)!important;
}

.feed-header {
    min-height: var(--feed-header);
}

.final-feed .express .slot:first-child .card.article, .final-feed .express .publish_slot .card.article {
    box-shadow: 0 0 0px 2px #934fb090;
    -webkit-box-shadow: 0 0 0px 2px #934fb090;
}

.final-feed .express .card.article .publish-date {
    color: #934fb0!important;
}

.logs table tr {
    border-bottom: 1px solid #e9ebec;
}

.list-group-item.active {
    background-color: var(--in-theme-color);
    border-color: var(--in-theme-color);
}

.trend-title a:after {
    content: "\f35d";
    font-family: "Line Awesome Free";
    margin-left: 5px;
    font-weight: 900;
    opacity: 0;
    text-decoration: none!important;
    visibility: hidden;
    transition: opacity .15s ease-in-out,  visibility .15s ease-in-out;
}

.trend-title a:hover:after {
    visibility: visible;
    opacity: 1;
}

.trend-title a {
    color: var(--in-heading-color);
    transition: color .20s ease-in-out;
}

.trend-title a:hover {
    color: var(--in-theme-color);
}

.card.article .card-footer, .card.article:hover .card-footer {
    background: none;
    border-top: 1px solid #0000000f;
}

.keywords .keyword_item.trending .keyword_value:before, .card.article.trending .main-buttons .metadata-trending {
    content: "";
    display: inline-block;
    background: url(../images/google_trends_logo.svg) no-repeat center/contain;
}

.keywords .keyword_item.trending .keyword_value:before {
    height: 13px;
    width: 20px;
    margin-bottom: -2px;
    margin-right: 5px;
}

.card.article.trending .main-buttons .metadata-trending {
    height: 12px;
    width: 18px;
    margin-right: 8px;
}

.keywords .keyword_item.trending, .card.article.trending {
    --border-size: 2px;
    --border-angle: 0.23turn;
    background-color: #fffbf8;
    color: var(--google-color-red);
    background-image: conic-gradient(#fffbf8, #fffbf8), conic-gradient(from var(--border-angle), transparent 20%, var(--google-color-blue), var(--google-color-green), var(--google-color-yellow), var(--google-color-red));
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 8s linear infinite;
}

.card.article.trending:hover {
    background-color: #fff8f1;
    background-image: conic-gradient(#fff8f1, #fff8f1), conic-gradient(from var(--border-angle), transparent 20%, var(--google-color-blue), var(--google-color-green), var(--google-color-yellow), var(--google-color-red));
}

.keywords .keyword_item.trending .keyword_value .score-circle {
    border-color: var(--google-color-red);
}

.keywords .keyword_item.trending:has(.keyword_value:hover) {
    background-color: #d3c5b6;
    background-image: conic-gradient(#d3c5b6, #d3c5b6), conic-gradient(from var(--border-angle), transparent 20%, var(--google-color-blue), var(--google-color-green), var(--google-color-yellow), var(--google-color-red));
    color: #000;
}

.keywords .keyword_item.trending .keyword_value:hover .score-circle {
    border-color: #000;
    color: #000;
}

@keyframes bg-spin {
    to {
        --border-angle: 1.23turn;
    }
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0.23turn;
}

.dropdown-menu-check .dropdown-item:before {
    content: "";
    font-family: "Material Design Icons", sans-serif;
    margin-left: -8px;
    margin-right: 10px;
    width: 15px;
    display: inline-block;
}

.dropdown-menu-check .dropdown-item.active:before {
    content: "\f012c";
}

.page-title-box {
    background-color: #fafbff;
    height: var(--heading-height);
}

.page-title-box.card-header {
    border-bottom-width: 2px;
    border-color: var(--in-theme-color-light);
}

.page-tabs {
    margin-top: 0!important;
    margin-bottom: -1px;
}

.page-tabs .nav-item .nav-link {
    height: var(--heading-height);
    max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-tabs .nav-item .nav-link::after {
    height: 2px;
}

.page-tabs .nav-item .nav-link.google-tab::after {
    background: linear-gradient(to right, var(--google-color-red) 25%, var(--google-color-yellow) 25%, var(--google-color-yellow) 50%, var(--google-color-green) 50%, var(--google-color-green) 75%, var(--google-color-blue) 75%);
}

.page-tabs .nav-item .nav-link.x-tab::after {
    background: var(--x-color-black);
}

.custom-pill {
    min-width: 28px;
    min-height: 28px;
}

@keyframes blinker {
    25% {
        opacity: 1;
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1;
    }
}

.metadata-realtime {
    color: var(--in-theme-color-orange);
}

[data-sidebar-size="sm"] .logo-wrapper span {
    display: none!important;
}

[data-sidebar-size="sm"] .logo-wrapper {
    display: block!important;
}

.trends .trends-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    opacity: .5;
    font-weight: lighter;
    color: var(--in-link-color);
    font-size: 35px;
}

.trends .trends-details {
    width: calc(100% - 70px - 150px);
}

.trends .trends-traffic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
}

.trends .trends-traffic-number {
    font-size: 22px;
}

.trends .trends-traffic-text {
    font-size: 12px;
    opacity: .5;
}

.trend-time-ago {
    color: #76797e;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 14px;
    opacity: .75;
}

.g-trends:before {
    content: "";
    background: url("../images/google_trends_logo.svg") no-repeat center / contain;
    height: 18px;
    width: 18px;
    display: inline-flex;
    margin-right: 0.45rem;
}

.btn.g-news {
    margin-top: auto;
}

.g-news-image {
    aspect-ratio: 56 / 33;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.g-news:before {
    content: "";
    background: url("../images/Google_News_icon.svg") no-repeat center/contain;
    height: 18px;
    width: 18px;
    display: inline-flex;
    margin-right: 0.45rem;
}

.card-body-details .card:last-child {
    margin-bottom: 0;
}

.apex-charts text, .apexcharts-xaxistooltip-text, .apexcharts-tooltip * {
    font-family: 'Geologica', sans-serif!important;
}

.virtual-loading {
    background: #e9ebec;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: sticky;
    left: -16px;
    right: -16px;
    margin: 0 -16px -16px;
}

.posts-table .virtual-loading {
    left: 0;
    right: 0;
    margin: 0;
}

.virtual-loading span {
    font-weight: 500;
}

.underline-change {
    text-decoration: underline;
    text-decoration-color: red;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.card.article .top-right-dot {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    font-size: 14px;
    cursor: default;
}

.card.article .top-right-dot.green {
    background: var(--in-theme-color-green);
}

.card.article .top-right-dot.orange {
    background: var(--in-orange);
}

.card.article .top-right-dot.grey {
    background: var(--in-theme-color-grey);
}

.card.article .card-title {
    margin: 0 10px 7px 0;
}

#drag-ghost {
    width: 200px;
    height: 200px;
}

.w-fit {
    width: fit-content!important;
}

.h-fit {
    height: fit-content!important;
}

.min-w-200px {
    min-width: 200px!important;
}

.min-w-300px {
    min-width: 300px!important;
}

.max-w-300px {
    max-width: 300px!important;
}

.card.article .pinned {
    position: absolute;
    right: 35px;
    bottom: 6px;
    padding: 0 4px;
    color: var(--in-theme-color);
}

.card.article .pinned:after {
    content: "\f0403";
    transform: rotate(40deg);
    font-family: "Material Design Icons";
    display: block;
}

.publish_slot .card.article .pinned {
    display: none;
}

.card.article .placeholder-glow {
    opacity: .25;
}

.card.article .placeholder {
    cursor: default;
    border-radius: 5px;
}

.card.article .article-header .title-text.placeholder:first-child {
    width: 220px!important;
}

.card.article .article-header .title-text.placeholder:nth-child(2) {
    width: 180px!important;
}

.card.article .article-header .publish-date.placeholder {
    width: 110px!important;
}

.card.article .article-header .category.placeholder {
    width: 55px!important;
}

.card.article .card-footer .main-buttons.placeholder {
    width: 160px!important;
}

.not-rounded-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.not-rounded-left {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

.feed-upper-buttons .dropdown .btn {
    height: 31px;
}

.page-group, .instagram-type {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 0.25rem;
    transition: background .2s ease-out;
    cursor: pointer;
}

.page-group .page-name {
    margin-left: 20px;
}

.page-group.alt {
    width: 300px;
    padding: 15px;
    gap: 15px;
}

.page-group.alt .rounded-circle {
    width: 50px;
    height: 50px;
}

.page-group.alt .page-name {
    margin-left: 15px;
}

.page-group:hover, .instagram-type:hover {
    background: var(--in-theme-color-lighter);
}

.page-group:active, .page-group.active, .instagram-type:active, .instagram-type.active {
    background: var(--in-theme-color-light);
}

.page-group .page-checkbox {
    min-width: 1.1em;
    min-height: 1.1em;
}

table tr > th > i.mdi-facebook {
    position: absolute;
    margin-top: -27px;
}

.user-account-button {
    transition: opacity .15s ease-out;
}

.user-account-button:hover {
    opacity: .7;
}

.express .slot .card.article > * {
    filter: blur(5px);
}

.express .slot .card.article:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #bd9ecd30;
    z-index: 1;
}

.express .slot .card.article:after {
    content: "";
    z-index: 1;
    --in-spinner-width: 2rem;
    --in-spinner-height: 2rem;
    --in-spinner-vertical-align: -0.125em;
    --in-spinner-border-width: 3px;
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
    border: var(--in-spinner-border-width) solid var(--in-success);
    border-right-color: transparent;
    width: var(--in-spinner-width);
    height: var(--in-spinner-height);
    vertical-align: var(--in-spinner-vertical-align);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: var(--in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}

.export_feed_name {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: var(--custom-color, var(--in-theme-color));
    background-color: color-mix(in srgb, var(--custom-color, var(--in-theme-color)) 10%, transparent);
}

.social-icon-wrapper {
    color: var(--facebook-color-blue);
    font-size: 16px;
    margin-top: -3px;
}

.social-icon-wrapper.danger, .social-icon-wrapper.warning, .social-icon-wrapper.success, .social-icon-wrapper.loading {
    margin-right: 4px;
}

.social-icon-wrapper.danger:before, .social-icon-wrapper.warning:before, .social-icon-wrapper.success:before, .social-icon-wrapper.loading:before {
    content: "\f0159";
    font-family: 'Material Design Icons';
    position: absolute;
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
    z-index: 1;
}

.social-icon-wrapper.danger:before {
    content: "\f0159";
    color: var(--in-theme-color-red);
}

.social-icon-wrapper.warning:before {
    content: "\f0028";
    color: var(--in-orange);
}

.social-icon-wrapper.success:before {
    content: "\f05e0";
    color: var(--in-theme-color-green);
}

.social-icon-wrapper.loading:before {
    content: "\f0772";
    color: var(--in-theme-color);
    animation: mdi-spin 2s infinite linear;
}

.social-icon-wrapper.danger:after, .social-icon-wrapper.warning:after, .social-icon-wrapper.success:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 8px;
    width: 8px;
    margin-top: 13px;
    margin-left: -4px;
    border-radius: 100%;
    box-shadow: 0 0 0px 1px #fff;
}

.social-icon-wrapper.loading > .social-icon {
    opacity: .15;
}

.user-name-text {
    color: var(--in-gray-700);
}

.social-page {
    display: flex;
    align-items: center;
    transition: opacity .15s ease-out;
}

.social-page:hover {
    opacity: .7;
}

.social-page-remove {
    transition: opacity .15s ease-out;
}

.social-page-remove:hover {
    opacity: .7;
}

.page-fans-online {
    min-width: 900px;
    min-height: 384px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
}

.page-fans-online.loading {
    min-width: unset!important;
}

.top_5 {
    min-height: 164px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--in-card-spacer-y);
}

.top-post {
    width: 20%;
    min-width: 333px;
    max-width: calc(20% - var(--in-card-spacer-y) / 1.25);
    margin: 0;
}

.days-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.day-wrapper, .times-wrapper, .time-row-wrapper, .colors-wrapper {
    display: flex;
    gap: 3px;
}

.times-wrapper {
    width: 100%;
}

.wrapper-name, .time {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.time {
    width: 5%;
    justify-content: center;
}

.days-wrapper .time {
    background: var(--in-theme-color-lighter);
}

.wrapper-name {
    width: 50px;
    min-width: 50px;
    justify-content: right;
    padding: 10px;
}

.color-scheme-1 {
    background: var(--in-theme-color-light)!important;
}

.color-scheme-2 {
    background: var(--in-theme-color-semilight)!important;
}

.color-scheme-3 {
    background: var(--in-theme-color-medium)!important;
}

.color-scheme-4 {
    background: var(--in-theme-color)!important;
}

.color-scheme-5 {
    background: var(--in-theme-color-semidark)!important;
}

.color-scheme-6 {
    background: var(--in-theme-color-dark)!important;
}

.color-scheme-7 {
    background: var(--in-theme-color-darker)!important;
}

.color-scheme-wrapper {
    display: flex;
    width: 100%;
    gap: 3px;
}

.color-scheme {
    width: 14.2857%;
}

.color-scheme-color {
    height: 15px;
}

.color-scheme-title {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 2px;
}

.page-impressions {
    min-height: 445px;
    position: relative;
}

.reports-buttons {
    transition: opacity 0.5s;
    display: flex;
    gap: 15px;
}

.reports-buttons.loading {
    opacity: .5;
    pointer-events: none;
}
.category-lk-table{
    min-height: 100px;
}
.facebook-tabs, .x-tabs, .linkedin-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.facebook-tab, .x-tab ,.linkedin-tab{
    width: 20%;
    max-width: calc(20% - 20px / 1.25);
    margin: 0;
    padding: 20px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.tab-w-50 {
    width: 50%;
    max-width: calc(50% - 20px / 2);
}

.tab-w-33 {
    width: 33.3333%;
    max-width: calc(33.3333% - 20px / 1.5);
}

.facebook-tab .card-title, .x-tab .card-title, .linkedin-tab .card-title {
    font-size: 18px;
    line-height: 1.2;
    display: block;
}

.facebook-tab.placeholder-glow .placeholder, .x-tab.placeholder-glow .placeholder ,.linkedin-tab.placeholder-glow .placeholder{
    min-width: 100px;
    border-radius: 50px;
    opacity: .1;
    cursor: default;
}

.facebook-tab .facebook-tab-value, .x-tab .x-tab-value,.linkedin-tab .linkedin-tab-value {
    font-size: 35px;
}

#date-picker {
    display: flex;
    flex-wrap: nowrap;
}

#date-picker input {
    width: 230px;
    display: block;
    text-align: center;
    background-color: var(--in-theme-color-semilight)!important;
    border: none;
    color: var(--in-theme-color-darker);
    font-weight: 500;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: opacity .15s ease-in-out;
}

#date-picker input:hover {
    opacity: .8;
}

#date-picker input:active {
    opacity: .6;
}

#date-picker input:disabled {
    pointer-events: none;
    opacity: .5;
}

#date-picker button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.post-title-link span {
    max-width: 70%;
    white-space: normal;
}

.post-title-link span.no-description, .top-5-post-link .title.no-description {
    opacity: .5;
}

.flatpickr-day.startRange.endRange {
    border-radius: 50px!important;
}

#page-topbar.topbar-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#page-topbar.topbar-shadow .navbar-header {
    -webkit-box-shadow: 0 1px 2px rgba(56,65,74,.15);
    box-shadow: 0 1px 2px rgba(56,65,74,.15);
}

.navbar-header {
    border-bottom: 1px solid rgb(56 65 74 / 6%);
    height: var(--navbar-height);
}

.page-content {
    padding-top: calc(var(--heading-height) + 70px + 1.5rem);
}

.reaction-count, .err-count {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 15px;
    font-weight: 200;
    line-height: 1;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    background: #5279f490;
    backdrop-filter: blur(5px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.reaction-count:before {
    content: "\f069c";
    font-family: "Material Design Icons";
    margin-right: 4px;
}

.sorting {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.sorting span {
    padding-right: 24px;
}

.sorting:after {
    content: "\f0a64";
    font-family: "Material Design Icons";
    font-size: 24px;
    position: absolute;
    margin-top: -8px;
    margin-left: -24px;
    opacity: 0;
}

.sorting:hover:after {
    opacity: .3!important;
}

.sorting.sorting_desc:after {
    content: "\f035d";
    opacity: 1;
}

.sorting.sorting_asc:after {
    content: "\f0360";
    opacity: 1;
}

.sorting:hover span, .sorting.sorting_desc:hover:after, .sorting.sorting_asc:hover:after {
    opacity: .7!important;
}

.top_5.no-data:after, .posts-table.no-data:after {
    content: "\f1037";
    font-family: "Material Design Icons";
    color: var(--in-theme-color-light);
    font-size: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.top_5.no-data, .posts-table.no-data {
    overflow: hidden;
}

.time-input {
    position: relative;
    width: 110px;
    text-align: center;
}

.was-validated .time-input:invalid {
    width: 150px;
}

.was-validated .time-input:valid {
    padding-right: .9rem !important;
}

.form-floating textarea {
    height: unset!important;
}

.ck p {
    margin-bottom: revert!important;
}

.ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {
    font-family: 'Geologica', sans-serif!important;
}

.ck.ck-editor__editable_inline {
    padding: 0 .9rem!important;
}

.visited-color:visited {
    color: #b245e1;
}

.post-status-table tr > * {
    padding-left: 1rem;
    padding-right: 1rem;
}

.post-status-table tr:last-child > * {
    border-bottom: 0;
}

.topics .keyword_item {
    font-size: 14px;
}

.post-left-sidebar {
    width: calc(100% - 380px);
}

.post-right-sidebar {
    width: 380px;
}

.dropzone {
    border: 2px dashed var(--in-border-color)!important;
}

.dropzone .dz-message {
    margin: 0!important;
}

.drop-files-text {
    font-size: 16px;
    line-height: 1.3;
}

.file-upload > img, .delete-file-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.file-upload-name {
    word-break: break-all;
}

.dropzone-wrapper:not(.loaded) .dropzone-preview {
    display: none;
}

.pagination {
    --in-pagination-color: var(--in-theme-color);
    --in-pagination-hover-color: var(--in-theme-color);
    --in-pagination-focus-color: var(--in-theme-color);
    --in-pagination-active-bg: var(--in-theme-color);
    --in-pagination-active-border-color: var(--in-theme-color);
}

.form-control-sm.time-input {
    width: 65px;
}

.form-control-sm.date-input {
    width: 125px;
}

.edit-pub-date, .edit-status {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pub-date-inputs, .status-input {
    height: 0;
    position: relative;
    overflow: hidden;
    transition: height .25s ease-in-out;
}

.pub-date-inputs.enabled, .status-input.enabled {
    height: 35px;
}

.social-icon-mask {
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-origin: border-box;
    width: 20px;
    height: 20px;
    background-color: #76797e;
}

.social-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: border-box;
    width: 14px;
    height: 14px;
}

.social-icon-mask.facebook {
    mask-image: url("../images/fb_logo.svg");
}

.social-icon.facebook {
    background-image: url("../images/fb_logo.svg");
}

.social-icon-mask.linkedin {
    mask-image: url("../images/linkedin_icon.svg");
}

.social-icon.linkedin {
    background-image: url("../images/linkedin_icon.svg");
}

.social-icon-mask.instagram {
    mask-image: url("../images/instagram_logo.svg");
}

.social-icon.instagram {
    background-image: url("../images/instagram_logo.svg");
}

.social-icon-mask.x {
    mask-image: url("../images/x_logo.svg");
}

.social-icon-mask.bluesky {
    mask-image: url("../images/bluesky_logo.svg");
}

.social-icon-mask.threads {
    mask-image: url("../images/threads_logo.svg");
}

.social-icon.x {
    background-image: url("../images/x_logo.svg");
}

.social-icon.bluesky {
    background-image: url("../images/bluesky_logo.svg");
}
.social-icon.tiktok {
    background-image: url("../images/tiktok.svg");
}

.social-icon.threads {
    background-image: url("../images/threads_logo.svg");
}

.topics {
    min-height: unset;
}

.post-status-table tr > td {
    white-space: normal;
}

.pagination-wrapper .pagination {
    margin-bottom: 0;
}

@media screen and (max-width: 2090px) {
    .top_5 {
        min-height: 312px;
    }

    .top-post {
        width: 33.3333%;
        max-width: calc(33.3333% - var(--in-card-spacer-y) / 1.5);
    }
}

@media screen and (max-width: 2000px) {
    .facebook-tab .card-title, .x-tab .card-title,.linkedin-tab .card-title {
        font-size: 16px;
    }
    .facebook-tab .facebook-tab-value, .x-tab .x-tab-value ,.linkedin-tab .linkedin-tab-value{
        font-size: 30px;
    }
    .facebook-tab.placeholder-glow .placeholder, .x-tab.placeholder-glow .placeholder .linkedin-tab.placeholder-glow .placeholder {
        min-width: 80px;
    }
    .facebook-tab, .x-tab ,.linkedin-tab {
        padding: 15px;
        gap: 15px;
    }
}

@media screen and (max-width: 1930px) {
    :root {
        --in-theme-final-feeds-number: 1!important;
    }
}

@media screen and (max-width: 1600px) {
    .facebook-tab, .x-tab ,.linkedin-tab{
        flex-direction: column;
        gap: 10px;
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1580px) {
    .wrapper-name, .time {
        font-size: 12px;
    }
}

@media screen and (max-width: 1380px) {
    .time {
        font-size: 10px;
    }
}

@media screen and (max-width: 1250px) {
    .top_5 {
        min-height: 460px;
    }

    .top-post {
        width: 50%;
        max-width: calc(50% - var(--in-card-spacer-y) / 2);
    }
}

@media screen and (max-width: 1200px) {
    .page-fans-online {
        min-height: 349px;
    }
    .time-row-wrapper > * {
        display: none;
    }
    .time-row-wrapper {
        height: 5px;
    }
}

@media screen and (max-width: 1039px) {
    .post-edit-wrapper {
        flex-direction: column;
    }
    .post-edit-wrapper > * {
        width: 100%;
    }
}

@media screen and (max-width: 957px) {
    .feeds_panel, .final_feed_panel, .card.pub-feed, .final-feed, .card.day_column {
        width: 100%;
    }
    .card.streams_column {
        width: var(--in-theme-streams-card-width);
        overflow: hidden;
    }
    .pub-feed .card.article .add-btn, .pub-feed .card.article .block-btn, .pub-feed .card.article .dl-btn {
        display: block;
    }
}

@media screen and (max-width: 950px) {
    .facebook-tab .card-title, .x-tab .card-title  ,.linkedin-tab .card-title{
        font-size: 14px;
    }
    .facebook-tab .facebook-tab-value, .x-tab .x-tab-value ,.linkedin-tab .linkedin-tab-value{
        font-size: 25px;
    }
    .facebook-tab.placeholder-glow .placeholder, .x-tab.placeholder-glow .placeholder , .linkedin-tab.placeholder-glow .placeholder{
        min-width: 70px;
    }
    .facebook-tab, .x-tab ,.linkedin-tab{
        padding: 10px;
    }
}

@media screen and (max-width: 880px) {
    .top_5 {
        min-height: 756px;
    }

    .top-post {
        width: 100%;
        min-width: unset;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .edit-preview-card {
        max-width: 90%;
    }
    .trends {
        padding: 15px!important;
    }

    .trends .trends-number {
        width: 60px;
        padding-right: 0;
        font-size: 30px;
    }

    .trends .trends-details {
        width: calc(100% - 60px - 100px);
    }

    .trends .trends-traffic {
        width: 100px;
        padding-left: 0;
    }

    .trends .trends-traffic-number {
        font-size: 20px;
    }

    .trends .trends-traffic-text {
        font-size: 11px;
        opacity: .5;
    }

    .trends-related-queries .btn {
        font-size: 12px;
        padding: 3px 6px;
    }

    .trends .trend-time-ago {
        margin-top: 5px;
    }

    .facebook-tab, .x-tab ,.linkedin-tab{
        width: 50%;
        max-width: calc(50% - 20px / 2);
    }
}

@media screen and (max-width: 600px) {
    :root.bigger-heading {
        --heading-height: 116px!important;
    }
    .bigger-heading .page-title-box {
        flex-wrap: wrap;
    }
    .bigger-heading .nav-tabs-custom {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .trends {
        padding: 10px!important;
    }
    .card.streams_column {
        width: 100%;
        overflow: hidden;
    }
    .trends .trend-title {
        font-size: 20px;
    }

    .trends .trends-traffic-number {
        font-size: 18px;
    }

    .trends .trend-time-ago {
        margin-top: 3px;
        font-size: 12px;
    }

    .trends .trends-related-queries {
        display: none!important;
    }

    .trends .trends-number {
        font-size: 25px;
    }
}

@media screen and (max-width: 450px) {
    .scheduled-article-inputs {
        flex-direction: column;
    }
    .keywords-section emoji-picker {
        left: -13px;
    }
}

@media screen and (max-width: 435px) {
    .card.article .card-text {
        font-size: 10px!important;
    }
    .card.article .card-title {
        font-size: 13px!important;
    }
}

@media screen and (max-width: 370px) {
    .logo-wrapper span {
        display: none!important;
    }
}


tr.trashed-row td:not(:last-child) {
    opacity:0.5;
}

td.remote-id-block{
    max-width: 100px;
}


.copy-btn {
    border-color: var(--in-input-border);
}

#play-video video, #play-video .video-js {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

#photo-preview-wrapper > img {
    width: 100%;
    height: auto;
}

.card.article[data-article-type="video"] .article-image-container:after {
    content: "\f040a";
    display: flex;
    font-family: "Material Design Icons", sans-serif;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-top-left-radius: var(--in-border-radius);
    border-bottom-right-radius: var(--in-border-radius);
    font-weight: 100;
    background: #f44336e0;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
}

.card.article[data-article-type="photo"] .article-image-container:after {
    content: "\f0100";
    display: flex;
    font-family: "Material Design Icons", sans-serif;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-top-left-radius: var(--in-border-radius);
    border-bottom-right-radius: var(--in-border-radius);
    font-weight: 100;
    background: #50b0f3E0;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
}

.card.article[data-article-type="video"] .article-title-link:hover .title-text:after, .card.article[data-article-type="photo"] .article-title-link:hover .title-text:after {
    visibility: hidden;
}

.card.article.unsupported {
    opacity: .5;
    background: #f5f5f5;
}

.video-duration {
    color: #b30000;
    background-color: rgb(213 118 118 / 10%);
}

.instagram-bg {
    background-color: var(--instagram-color);
}

.instagram-bg-border-color {
    background-color: var(--instagram-color);
    border-color: var(--instagram-color);
}

.instagram-bg-border-color:hover {
    background-color: var(--instagram-color-dark);
    border-color: var(--instagram-color-dark);
}

.instagram-bg-border-color:active {
    background-color: var(--instagram-color-darker)!important;
    border-color: var(--instagram-color-darker)!important;
}

.instagram-bg-border-color.disabled, .instagram-bg-border-color:disabled {
    background-color: var(--instagram-color-light);
    border-color: var(--instagram-color-light);
}

.linkedin-bg {
    background-color: var(--linkedin-color);
}

.linkedin-bg-border-color {
    background-color: var(--linkedin-color);
    border-color: var(--linkedin-color);
}

.linkedin-bg-border-color:hover {
    background-color: var(--linkedin-color-dark);
    border-color: var(--linkedin-color-dark);
}

.linkedin-bg-border-color:active {
    background-color: var(--linkedin-color-darker)!important;
    border-color: var(--linkedin-color-darker)!important;
}

.linkedin-bg-border-color.disabled, .linkedin-bg-border-color:disabled {
    background-color: var(--linkedin-color-light);
    border-color: var(--linkedin-color-light);
}

.bluesky-bg {
    background-color: var(--bluesky-color-blue);
}

.bluesky-bg-border-color {
    background-color: var(--bluesky-color-blue);
    border-color: var(--bluesky-color-blue);
}

.bluesky-bg-border-color:hover {
    background-color: var(--bluesky-color-blue-dark);
    border-color: var(--bluesky-color-blue-dark);
}

.bluesky-bg-border-color:active {
    background-color: var(--bluesky-color-blue-darker)!important;
    border-color: var(--bluesky-color-blue-darker)!important;
}

.bluesky-bg-border-color.disabled, .bluesky-bg-border-color:disabled {
    background-color: var(--bluesky-color-blue-light);
    border-color: var(--bluesky-color-blue-light);
}

.social-page-circle {
    position: relative;
}

.social-page-circle:before {
    content: "";
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.page-group.alt .social-page-circle:before {
    width: 23px;
    height: 23px;
    right: -3px;
    bottom: -3px;
}

.social-page-circle:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.page-group.alt .social-page-circle:after {
    width: 14px;
    height: 14px;
    right: 1px;
    bottom: 1px;
}
.flip-x {
    transform: scaleX(-1) !important;
}
.social-page-circle.instagram:after {
    background: url("../images/instagram_logo.svg") no-repeat center/contain;
}

.social-page-circle.facebook:after {
    background: url("../images/fb_logo.svg") no-repeat center/contain;
}

.social-page-circle.linkedin:after {
    background: url("../images/linkedin_icon.svg") no-repeat center/contain;
}
.social-page-circle.bluesky:after {
    background: url("../images/bluesky_logo.svg") no-repeat center/contain;
}
.social-page-circle.tiktok:after {
    background: url("../images/tiktok.svg") no-repeat center/contain;
}

.page-group.alt .social-page-circle:after {
    width: 15px;
    height: 15px;
}

.social-page-circle.x:after {
    background: url("../images/x_logo.svg") no-repeat center/contain;
    width: 11px;
    height: 11px;
    right: 7px;
    bottom: 7px;
}

.page-group.alt .social-page-circle.x:after {
    width: 11px;
    height: 11px;
    right: 3px;
    bottom: 3px;
}

.instagram-type {
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1 / 1;
}

.remove-video {
    background: #fff;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 2px;
}

.auto-publish-form {
    position: relative;
}

.auto-publish-form.loading:after {
    content: "";
    display: block;
    --in-spinner-width: 18px;
    --in-spinner-height: 18px;
    --in-spinner-vertical-align: -0.125em;
    --in-spinner-border-width: 2px;
    --in-spinner-animation-speed: 0.75s;
    --in-spinner-animation-name: spinner-border;
    border: var(--in-spinner-border-width) solid var(--in-theme-color);
    border-right-color: transparent;
    width: var(--in-spinner-width);
    height: var(--in-spinner-height);
    vertical-align: var(--in-spinner-vertical-align);
    border-radius: 50%;
    left: 0;
    margin: auto 0 auto 10px;
    animation: var(--in-spinner-animation-speed) linear infinite var(--in-spinner-animation-name);
}

.auto-publish-form.success:after {
    content: "\f012c";
    display: block;
    color: var(--in-theme-color-green);
    font-size: 20px;
    font-weight: 900;
    font-family: "Material Design Icons", sans-serif;
    margin-left: 10px;
    opacity: 1;
    transition: opacity .5s ease;
}

.auto-publish-form.success.fade-out:after {
    opacity: 0;
}

/*
.metadata-analytics.custom_views {
    color: black!important;
}

.metadata-analytics.custom_views .mdi-eye::before {
    content: "\f086d";
}
*/

.card.pub-feed ul.dropdown-menu {
    max-height: calc(100vh - 325px);
    overflow: auto;
    background: #fff;
}

.card.pub-feed:not([data-feed-filter="all"]) .filter-dropdown .btn.dropdown, .card.pub-feed:not([data-feed-sort="date"]) .sort-dropdown .btn.dropdown {
    --in-btn-color: #fff;
    --in-btn-bg: var(--in-blue);
}

.touch-element-moving {
    overflow: hidden;
}

.touch-element-moving body {
    overflow: hidden;
    position: relative;
}

.touch-element-moving .card.pub-feed .card-body.drag-container, .touch-element-moving .final-feed .drop-container.card-body {
    overflow: hidden;
}

.feedelio-ai-tags .choices__item {
    background-color: var(--feedelio-ai-color-mid-transparent) !important;
    color: var(--feedelio-ai-color) !important;
    font-size: 13px !important;
}

.feedelio-ai-tags .choices__input {
    background-color: transparent !important;
    display: none !important;
}

.feedelio-ai-tags .choices__inner {
    border-color: var(--feedelio-ai-color-half-transparent) !important;
    background-color: var(--feedelio-ai-color-higher-transparent) !important;
}

.beta-text {
    text-transform: uppercase;
    color: var(--in-theme-color-red);
    font-weight: 400;
    font-size: 10px;
}

.suggested-with-beta {
    position: relative;
    margin-bottom: 10px;
}

.suggested-with-beta .beta-text {
    position: absolute;
    left: 0;
    bottom: -12px;
}

#ai-images-wrapper .image-item.active:before {
    display: none!important;
}

.image-badge {
    font-size: 13px;
    background: #000000ba;
    color: var(--in-theme-color-light);
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    --in-badge-padding-x: 0.65em;
    --in-badge-padding-y: 0.35em;
    padding: var(--in-badge-padding-y) var(--in-badge-padding-x);
}

.image-score {
    border-top-right-radius: 10px;
    left: 0;
    font-weight: bold;
}

.uploaded-info {
    font-size: 15px;
    width: 22px;
    margin: auto;
    right: 0;
    border-top-left-radius: 10px;
}

.uploaded-info:before {
    content: "\f02fd";
    font-family: "Material Design Icons";
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px;
    margin-left: 1px;
}

#general-announcement {
    position: fixed;
    top: 20px;
    right: 0;
    left: 0;
    width: calc(100% - 20px * 2);
    max-width: 1500px;
    z-index: 9999;
    margin: auto;
}

#general-announcement > .toast {
    width: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#general-announcement > .toast > .toast-body > p {
    margin-bottom: 8px;
}

#general-announcement > .toast > .toast-body > *:last-child {
    margin-bottom: 0;
}