@import url(defs.css?v=2024-11-06);

.main-footer, #main-footer-free-contact {
    background-color: var(--neuron-blue-0);
    color: #ccc;
}

.login-background {
    background-image: url('/assets/img/neuron/neuron-sidebar-bg.png');
    background-size: cover;
    overflow: hidden;
}

.contai-form-container {
    z-index: 999;
}

.contai-form-container .nav .nav-link {
    color: var(--basic-text-color) !important;
}

.dark-mode .contai-form-container .nav .nav-link {
    color: var(--basic-text-color-inverted) !important;
}

[data-footer="simple"] .hk-footer {
    background: #000;
    color: #fff;
    padding-top: 110px;
    z-index: 997;
}

.dark-mode {
    [data-footer="complex"] .hk-footer {
        background-color: var(--contadu-dark-background) !important;
        border-top-color: var(--contadu-medium-background);
    }
    
    .hk-footer .footer .quick-links {
        color: var(--basic-text-color) !important;
    }
}

.neuron-login-elements {
    display: block;
}

.yellow-background {
    width: 120vw;
    height: 250px;
    bottom: 100px;
    left: -15vw;
    position: absolute;
    transform: rotate(2deg);
    background: var(--neuron-yellow-0);
    z-index: 998;
}

.left-circles,
.left-circles:after {
    height: 350px;
    width: 350px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #fff;
}

.left-circles {
    top: 40%;
    opacity: 0.25;
    left: -150px;
    animation: slideUpDownLeft 8s infinite linear;
}

.left-circles:after {
    content: '';
    top: -90%;
    left: -80px;
    opacity: 0.7;
    animation: slideUpDownLeft2 10s infinite linear;
}

.left-circles:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.8;
    top: 0%;
    left: 250px;
    animation: slideUpDownLeft3 12s infinite alternate linear;
}

.left-pattern {
    position: absolute;
    top: 0%;
    left: 250px;
    width: 55px;
    height: 45px;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 30%, transparent 20%);
    background-size: 9px 9px;
    background-repeat: repeat;
    opacity: 0.2;
    animation: slideUpDownLeft4 30s infinite alternate linear;
}

@keyframes slideUpDownLeft {
    0% {
        top: 40%;
        left: -150px;
    }
    50% {
        top: 45%;
        left: -180px;
    }
    100% {
        top: 40%;
        left: -150px;
    }
}

@keyframes slideUpDownLeft2 {
    0% {
        top: -70%;
        left: -80px;
    }
    50% {
        top: -75%;
        left: -40px;
    }
    100% {
        top: -70%;
        left: -80px;
    }
}

@keyframes slideUpDownLeft3 {
    0% {
        top: 0%;
        left: 250px;
    }
    25% {
        top: 10%;
        left: 200px;
    }
    50% {
        top: 25%;
        left: 180px;
    }
    100% {
        top: 0%;
        left: 250px;
    }
}

@keyframes slideUpDownLeft4 {
    0% {
        top: 1%;
        left: 250px;
        transform: rotateZ(45deg);
    }
    15% {
        top: 30%;
        left: 150px;
        transform: rotateZ(360deg) scale(0.5);
        opacity: 0.8;
    }
    30% {
        top: 40%;
        left: 50px;
        transform: rotateZ(-45deg) scale(1);
        opacity: 0.4;
    }
    50% {
        top: 55%;
        left: 300px;
        transform: rotateZ(40deg);
    }
    80% {
        top: 25%;
        left: 20px;
        transform: rotateZ(-360deg) scale(0.5);
        opacity: 0.8;
    }
    90% {
        top: 15%;
        left: 5px;
        transform: rotateZ(45deg) scale(1);
        opacity: 0.4;
    }
    100% {
        top: 0%;
        left: 250px;
        transform: rotateZ(-45deg);
    }
}

.right-circles,
.right-circles:after {
    height: 500px;
    width: 500px;
    position: absolute;
    
    border-radius: 50%;
    border: 1px solid #fff;
}

.right-circles {
    top: 30%;
    opacity: 0.2;
    right: -230px;
    animation: slideUpDownRight 4s infinite linear;
}

.right-circles:after {
    content: '';
    top: -5%;
    right: -80px;
    animation: slideUpDownRight2 10s infinite linear;
    animation-delay: 2s;
}

.right-pattern  i {
    position: absolute;
    top: 65%;
    right: 300px;
    font-size: 1.5em;
    opacity: 0.5;
    color: #fff;
    animation: slideUpDownRight3 30s infinite alternate linear;
}

@keyframes slideUpDownRight {
    0% {
        top: 30%;
        right: -230px;
    }
    50% {
        top: 25%;
        right: -250px;
    }
    100% {
        top: 30%;
        right: -230px;
    }
}

@keyframes slideUpDownRight2 {
    0% {
        top: -5%;
    }
    50% {
        top: -8%;
    }
    100% {
        top: -5%;
    }
}

@keyframes slideUpDownRight3 {
    0% {
        top: 65%;
        right: 300px;
        transform: rotateZ(0deg);
    }
    15% {
        top: 45%;
        right: 250px;
        transform: rotateZ(180deg) scale(0.5);
        opacity: 0.8;
    }
    30% {
        top: 30%;
        right: 100px;
        transform: rotateZ(-180deg) scale(1);
        opacity: 0.5;
    }
    50% {
        top: 20%;
        right: 0px;
        transform: rotateZ(360deg);
    }
    80% {
        top: 35%;
        right: 50px;
        transform: rotateZ(-180deg) scale(0.5);
        opacity: 0.8;
    }
    90% {
        top: 45%;
        right: 150px;
        transform: rotateZ(45deg) scale(1);
        opacity: 0.5;
    }
    100% {
        top: 65%;
        right: 200px;
        transform: rotateZ(360deg);
    }
}

.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu {
    background-image: url('/assets/img/neuron/neuron-sidebar-bg.png');
    background-size: cover;
}

.nav:not(#checklist-tabs).nav:not(#analysis-view-tabs):not(#content-suggestions-tabs):not(#wizard-outline-tabs):not(#outline-tabs):not(#extract-info-tabs):not(#content-terms-location-tabs):not(#details-tabs-content .nav):not(#content-brief-pills-container .nav):not(.dark-mode .nav) > .nav-item > .nav-link.active {
    background-color: var(--neuron-yellow-0) !important;
    color: var(--basic-text-color) !important;
}

.dark-mode {
    .nav:not(#analysis-view-tabs):not(#content-suggestions-tabs):not(#wizard-outline-tabs):not(#outline-tabs):not(#extract-info-tabs):not(#content-terms-location-tabs):not(#details-tabs-content .nav):not(.dark-mode .nav) > .nav-item > .nav-link.active {
        color: var(--basic-text-color-inverted) !important;
    }

    .nav:not(#checklist-tabs).nav:not(#analysis-view-tabs):not(#content-suggestions-tabs):not(#wizard-outline-tabs):not(#outline-tabs):not(#extract-info-tabs):not(#content-terms-location-tabs):not(#outline-tabs):not(#ai-templates-pills):not(#media-ideas-tabs) > .nav-item > .nav-link.active {
        background-color: var(--neuron-yellow-0) !important;
        color: var(--basic-text-color-inverted) !important;
    }

    #content-suggestions-tabs > .nav-item > .nav-link.active *, #wizard-outline-tabs > .nav-item > .nav-link.active *, #outline-tabs > .nav-item > .nav-link.active *, #extract-info-tabs > .nav-item > .nav-link.active * {
        color: var(--neuron-blue-0);
    }

    #analysis-view-tabs > .nav-item > .nav-link.active > .nav-icon-wrap i,
    #analysis-view-tabs > .nav-item > .nav-link.active > .nav-link-text {
        color: var(--basic-text-color) !important;
    }

    .nav:not(#content-suggestions-tabs):not(#wizard-outline-tabs):not(#outline-tabs):not(#extract-info-tabs):not(#analysis-view-tabs):not(#checklist-tabs) > .nav-item > .nav-link.active * {
        color: var(--basic-text-color-inverted) !important;
    }

    .nav > .nav-item > .nav-link.active:hover,
    .nav > .nav-item > .nav-link.active:hover * {
        color: var(--basic-text-color) !important;
    }

    .nav > .nav-item > .nav-link.active:hover > .nav-link-text,
    .nav > .nav-item > .nav-link.active:hover > .nav-link-text i {
        color: var(--basic-text-color) !important;
    }
    
    #checklist-tabs {
      border: none !important;
    }
    
    #checklist-tabs .nav-item .nav-link.active {
        background-color: var(--contadu-medium-background) !important;
        color: var(--basic-text-color) !important;
    }
    
    #checklist-tabs .nav-item .nav-link:hover {
        background-color: var(--contadu-medium-background) !important;
    }
}

/* TMP */
#top-project-new-button {
    display:none;
}

#external-apis-analytics-card {
    display: none;
}

#user-distribution-tab, #user-tasks-tab {
    display: none;
}

#top-menu-section-header {
    display: none;
}

#neuron-project-settings-button {
    color: #fff !important;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

#preferred-language-choice {
    display: none;
}

#contai-form-carousel-indicators .carousel-inner .carousel-item::after {
    background: none !important;
}

.contai-form-backgrounds-container {
    background-color: #0071FF !important;
}

.usage-info-body .nav .nav-item {
    /* width: 20%; SZOK */
}

.usage-info-body .nav .nav-item:last-child {
    /* display: none; SZOK */
}

.neuron-only-card {
    display: flex !important;
}

.contadu-only {
    display: none !important;
}

#ucp-preferences-language {
    display: none;
}

.report-button {
    display: none;
}

#new-project-mode-selection {
    display: flex !important;
}

#analysis-management-info {
    display: block !important;
}

.btn-primary:hover,
#topics_table .result .btn:hover {
  background-color: #fff !important;
  color: var(--neuron-blue-0);
}  

.nav-link.text-danger {
    color: var(--neuron-yellow-0) !important;
}

.content-term-dropdown-menu {
    border-color: #dce2e5;
}

/* NOWE 2023-03-20: */

/* .navbar-bg {
    background: linear-gradient(to right, #4D3BEF, #4046F2 30%, var(--neuron-blue-0) 100%) !important;
} */

/* KONIEC 2023-03-20 */