body {
    font-family: 'Manrope', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #353535;
}

.main-bg {
    background: rgb(255,255,255);
    background: linear-gradient(165deg, rgba(115,232,255,1) 0%, rgba(182,255,255,1) 9%, rgba(255,255,255,1) 43%);
}

.user-name {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-img-sm {
    height: 18px !important;
    width: 18px !important;
}

.nav-img-smw {
    height: 20px !important;
    width: 20px !important;
}

.check-feature {
    font-size: 1.4rem;
}

.lvc-nav-icon {
    max-width: 42px;
}

.lvc-nav-text {
    font-size: 22px;
}

.lvc-icon-wrap {
    display: inline-block;
    width: 180px;
    height: 180px;
}

.lvc-icon-component {
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    -moz-transition: transform 300ms ease-out, opacity 300ms ease-out;
    -o-transition: transform 300ms ease-out, opacity 300ms ease-out;
    -webkit-transition: transform 300ms ease-out, opacity 300ms ease-out;
    transition: transform 300ms ease-out, opacity 300ms ease-out;
    max-width: 180px;
    position: absolute;
    -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .6));
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .6));
    /* Similar syntax to box-shadow */
}

.eto-no-icon {
    padding-left: 60px;
}

.btn-dark {
    color: #fff;
    background-color: #37474f;
    border-color: #37474f;
}

.font-display {
    font-family: 'Quicksand', sans-serif;
}

.btn {
    font-family: 'Quicksand', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

    .btn .no-text-transform {
        text-transform: none;
    }

    .text-dark {
        color: #012C4D !important;
    }

.platforms-menu a.dropdown-item{
    font-weight: 600;
}

.text-live {
    color: #455a64 !important;
}

.text-charts {
    color: #29434E !important;
}

.bold-400 {
    font-weight: 400;
}

.bold-500 {
    font-weight: 500;
}

.bold-600 {
    font-weight: 600;
}

.bold-700 {
    font-weight: 700;
}

.bold-800 {
    font-weight: 800;
}

.dropdown-toggle.no-after::after {
    display: none !important;
}

.color-dark-alt {
    color: #29434E;
}

.color-ticket-solved {
    color: #689f38;
}

.color-ticket-new-message {
    color: #FFA726;
}

.color-ticket-open {
    color: #607D8B;
}

.ticket-preview {
    min-height: 450px !important;
}

.ticket-message-shadow {
    -moz-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bg-ans {
    background-color: #f1f8e9;
}

    .bg-ans .hljs {
        background-color: #f1f8e9;
    }

    .comment-by {
        line-height: 1.25rem;
    }

.upper-case {
    text-transform: uppercase;
}

.stick-to-nav {
    position: sticky;
    top: 65px;
    z-index: 1;
}

.min-h-100vh {
    min-height: 100vh;
}

.area-new-ticket,
.area-ticket {
    min-height: 450px !important;
    max-height: 450px !important;
    white-space: nowrap;
    resize: none;
}

.md-form-preview {
    max-height: 450px;
    overflow: auto;
}

.profile-picture {
    max-width: 50px;
    max-height: 50px;
}

    .profile-picture img {
        max-width: 100%;
        max-height: 100%;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

#search-query.form-control {
    border: none;
    padding: 12px 8px;
}

    #search-query.form-control:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#nav-offset {
    min-height: 60px;
    -moz-transition: min-height ease-out 0.3s;
    -o-transition: min-height ease-out 0.3s;
    -webkit-transition: min-height ease-out 0.3s;
    transition: min-height ease-out 0.3s;
}

    #nav-offset.closed {
        min-height: 0;
    }

.bar {
    position: relative;
    display: block;
    width: 97%;
    margin: 0 auto;
}

    .bar:before,
    .bar:after {
        content: "";
        height: 3px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #005cb2;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

input:read-only ~ .bar:before,
input:read-only ~ .bar:after,
textarea:read-only ~ .bar:before,
textarea:read-only ~ .bar:after {
    width: 0% !important;
}

input:focus ~ .bar:before,
input:focus ~ .bar:after,
textarea:focus ~ .bar:before,
textarea:focus ~ .bar:after {
    width: 50%;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.no-decoration,
.decoration-none {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.text-semi-dark {
    color: #404040
}

.mt-header {
    margin-top: 80px;
}

.svg-icon {
    width: 24px;
    height: 24px;
}

    .svg-icon.acc {
        width: 31px;
        height: 31px;
    }

    .svg-icon.lg {
        width: 50px;
        height: 50px;
        fill: #303030;
    }

    .svg-icon path {
        fill: #303030;
    }

    .svg-icon.light path {
        fill: #fafafa;
    }

.platform-image {
    width: 30px;
    height: 30px;
}

    .platform-image.lg {
        width: 35px;
        height: 35px;
    }

#navigation-bar {
    -moz-transition: top ease-out 0.5s;
    -o-transition: top ease-out 0.5s;
    -webkit-transition: top ease-out 0.5s;
    transition: top ease-out 0.5s;
    top: 0;
}

    #navigation-bar.nav-bar-hidden {
        top: -80px;
    }


.side-bar {
    z-index: 50;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    -moz-transition: left ease-out 0.3s;
    -o-transition: left ease-out 0.3s;
    -webkit-transition: left ease-out 0.3s;
    transition: left ease-out 0.3s;
}

    .side-bar.closed {
        left: -100%;
    }

.center-view {
    width: 100%;
    padding: 85px 10px 10px 10px;
}

#article h1 {
    padding-bottom: 1.5rem !important;
    margin-bottom: 0;
}

#article h2,
#article h3,
#article h4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 0;
}

#partial-footer a {
    font-weight: 500;
    color: #404040;
    text-decoration: none;
}

.highlight-this {
    background: #ffff8d;
    padding: 2px 15px;
    margin: 0 -15px;
}


@media(min-width: 1200px) {
    .side-bar {
        width: 450px;
    }

        .side-bar.closed {
            left: 0;
        }

    .center-view {
        width: 100%;
        padding: 80px 25px 55px 480px;
    }

        .center-view.is-gallery {
            padding: 85px 25px 55px 25px;
            background-color: #fafafa;
        }
}

.tooltip {
    z-index: 90000;
}

.tooltip-inner {
    font-family: 'JetBrains Mono', monospace;
    max-width: 420px;
    background-color: #f0f0f0;
    padding: 5px 10px;
    color: #303030;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #f0f0f0;
}

.invoice-table tbody tr:nth-child(4n+1),
.invoice-table tbody tr:nth-child(4n+2) {
    background: #fafafa;
}

.invoice-table-wrap {
    min-height: 400px;
}

.text-compact {
    line-height: 22px;
    font-size: 14px;
}

.uno-img-sm {
    width: 30px;
}

@media print {
    .invoice-table-wrap {
        min-height: 0px;
    }
}