@charset "UTF-8";
/*!
<--!----------------------------------------------------------------!-->
<--!----------------------------------------------------------------!-->
* Template Name: NEXEL - CRM Admin Dashboard Template
* Description: Fully Responsive MultipurposeCRM  Admin Dashboard Template.
* Copyright: WRAPCODERS
* Author: WRAPCODERS
* Version: 1.0.0
* File: theme.min.css
<--!----------------------------------------------------------------!-->
<--!----------------------------------------------------------------!-->
*/@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Maven+Pro:wght@400;500;600;700;800;900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap);
.breadcrumb-item+.breadcrumb-item::before {
    content:var(--bs-breadcrumb-divider, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14' stroke='%2364748b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"))!important
}
body {
    line-height:1.6;
    color:#6b7885;
    overflow-x:hidden;
    font-size:.84rem;
    scroll-behavior:smooth;
    font-family:Inter,sans-serif;
    transition:all .3s ease;
    -webkit-font-smoothing:antialiased;
    background-color:#f3f4f6
}
:focus {
    outline:0;
    text-decoration:none
}
a {
    color:#283c50;
    text-decoration:none;
    font-weight:600;
    transition:all .3s ease
}
a:hover {
    color:#3454d1;
    text-decoration:none
}
a:not([href]) {
    color:inherit
}
b,strong {
    font-weight:600
}
.c-pointer {
    cursor:pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color:#283c50;
    font-weight:700
}
img {
    border-radius:3px
}
.avatar-image,.avatar-text {
    width:40px;
    height:40px;
    max-width:40px;
    max-height:40px;
    min-width:40px;
    min-height:40px;
    overflow:hidden;
    border-radius:100%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    background-color:#fff;
    border:1px solid #dcdee4
}
.avatar-xs {
    width:12px;
    height:12px;
    max-width:12px;
    max-height:12px;
    min-width:12px;
    min-height:12px
}
.avatar-xs * {
    font-size:8px
}
.avatar-sm {
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
    min-width:20px;
    min-height:20px
}
.avatar-sm * {
    font-size:10px
}
.avatar-md {
    width:30px;
    height:30px;
    max-width:30px;
    max-height:30px;
    min-width:30px;
    min-height:30px
}
.avatar-md * {
    font-size:12px
}
.avatar-lg {
    width:50px;
    height:50px;
    max-width:50px;
    max-height:50px;
    min-width:50px;
    min-height:50px
}
.avatar-xl {
    width:65px;
    height:65px;
    max-width:65px;
    max-height:65px;
    min-width:65px;
    min-height:65px
}
.avatar-xxl {
    width:80px;
    height:80px;
    max-width:80px;
    max-height:80px;
    min-width:80px;
    min-height:80px
}
.font-body {
    font-size:.84rem
}
.fs-5 {
    font-size:5px
}
.fs-6 {
    font-size:6px
}
.fs-7 {
    font-size:7px
}
.fs-8 {
    font-size:8px
}
.fs-9 {
    font-size:9px
}
.fs-10 {
    font-size:10px
}
.fs-11 {
    font-size:11px
}
.fs-12 {
    font-size:12px
}
.fs-13 {
    font-size:13px
}
.fs-14 {
    font-size:14px
}
.fs-15 {
    font-size:15px
}
.fs-16 {
    font-size:16px
}
.fs-17 {
    font-size:17px
}
.fs-18 {
    font-size:18px
}
.fs-19 {
    font-size:19px
}
.fs-20 {
    font-size:20px
}
.fs-22 {
    font-size:22px
}
.fs-24 {
    font-size:24px
}
.fs-26 {
    font-size:26px
}
.fs-28 {
    font-size:28px
}
.fs-30 {
    font-size:30px
}
.font-lato {
    font-family:Lato,sans-serif
}
.font-rubik {
    font-family:Rubik,sans-serif
}
.font-inter {
    font-family:Inter,sans-serif
}
.font-cinzel {
    font-family:Cinzel,sans-serif
}
.font-nunito {
    font-family:Nunito,sans-serif
}
.font-roboto {
    font-family:Roboto,sans-serif
}
.font-ubuntu {
    font-family:Ubuntu,sans-serif
}
.font-poppins {
    font-family:Poppins,sans-serif
}
.font-raleway {
    font-family:Raleway,sans-serif
}
.font-system-ui {
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.font-noto-sans {
    font-family:"Noto Sans",sans-serif
}
.font-fira-sans {
    font-family:"Fira Sans",sans-serif
}
.font-work-sans {
    font-family:"Work Sans",sans-serif
}
.font-open-sans {
    font-family:"Open Sans",sans-serif
}
.font-maven-pro {
    font-family:"Maven Pro",sans-serif
}
.font-quicksand {
    font-family:Quicksand,sans-serif
}
.font-montserrat {
    font-family:Montserrat,sans-serif
}
.font-josefin-sans {
    font-family:"Josefin Sans",sans-serif
}
.font-ibm-plex-sans {
    font-family:"IBM Plex Sans",sans-serif
}
.font-source-sans-pro {
    font-family:"Source Sans Pro",sans-serif
}
.font-montserrat-alt {
    font-family:"Montserrat Alternates",sans-serif
}
.font-roboto-slab {
    font-family:"Roboto Slab",serif
}
.text-primary {
    color:#3454d1!important
}
.text-success {
    color:#17c666!important
}
.text-danger {
    color:#ea4d4d!important
}
.text-info {
    color:#3dc7be!important
}
.text-warning {
    color:#ffa21d!important
}
.text-teal {
    color:#41b2c4!important
}
.text-indigo {
    color:#6610f2!important
}
.text-dark {
    color:#283c50!important
}
.text-gray-100 {
    color:#eff0f6!important
}
.text-gray-200 {
    color:#e9ecef!important
}
.text-gray-300 {
    color:#e5e7eb!important
}
.text-gray-400 {
    color:#ced4da!important
}
.text-gray-500 {
    color:#91a1b6!important
}
.text-gray-600 {
    color:#64748b!important
}
.text-soft-primary {
    color:#c6cff2!important
}
.text-soft-success {
    color:#9cf4c4!important
}
.text-soft-danger {
    color:#fdeded!important
}
.text-soft-info {
    color:#c8efec!important
}
.text-soft-warning {
    color:#ffebd0!important
}
.text-soft-teal {
    color:#c9e9ee!important
}
.text-soft-indigo {
    color:#d2b9fb!important
}
.text-soft-dark {
    color:#7295b9!important
}
.text-spacing-1 {
    letter-spacing:.5px
}
.text-spacing-2 {
    letter-spacing:1px
}
.text-spacing-3 {
    letter-spacing:1.5px
}
.text-spacing-4 {
    letter-spacing:2px
}
.text-spacing-5 {
    letter-spacing:2.5px
}
.bg-white {
    background-color:#fff!important
}
.bg-primary {
    background-color:#3454d1!important
}
.bg-secondary {
    background-color:#64748b!important
}
.bg-success {
    background-color:#17c666!important
}
.bg-info {
    background-color:#3dc7be!important
}
.bg-danger {
    background-color:#ea4d4d!important
}
.bg-dark {
    background-color:#283c50!important
}
.bg-warning {
    background-color:#ffa21d!important
}
.bg-black {
    background-color:#000!important
}
.bg-muted {
    background-color:#7587a7!important
}
.bg-light {
    background-color:#eff0f6!important
}
.bg-blue {
    background-color:#3454d1!important
}
.bg-teal {
    background-color:#41b2c4!important
}
.bg-indigo {
    background-color:#6610f2!important
}
.bg-cyan {
    background-color:#3dc7be!important
}
.bg-green {
    background-color:#17c666!important
}
.bg-red {
    background-color:#ea4d4d!important
}
.bg-orange {
    background-color:#fd7e14!important
}
.bg-darken {
    background-color:#001327!important
}
.bg-gray-100 {
    background-color:#eff0f6!important
}
.bg-gray-200 {
    background-color:#e9ecef!important
}
.bg-gray-300 {
    background-color:#e5e7eb!important
}
.bg-gray-400 {
    background-color:#ced4da!important
}
.bg-gray-500 {
    background-color:#91a1b6!important
}
.bg-gray-600 {
    background-color:#64748b!important
}
.bg-gray-700 {
    background-color:#495057!important
}
.bg-gray-800 {
    background-color:#343a40!important
}
.bg-gray-900 {
    background-color:#212529!important
}
.bg-soft-100 {
    background-color:#f2f3f8!important
}
.bg-soft-200 {
    background-color:#eff1f3!important
}
.bg-soft-300 {
    background-color:#eeeff2!important
}
.bg-soft-400 {
    background-color:#dadee3!important
}
.bg-soft-500 {
    background-color:#a0aec0!important
}
.bg-soft-primary {
    background-color:#ebeefa!important
}
.bg-soft-success {
    background-color:#e1fbed!important
}
.bg-soft-danger {
    background-color:#fdeded!important
}
.bg-soft-info {
    background-color:#dbf5f3!important
}
.bg-soft-warning {
    background-color:#ffebd0!important
}
.bg-soft-teal {
    background-color:#ddf1f4!important
}
.bg-soft-indigo {
    background-color:#f1eafe!important
}
.bg-soft-dark {
    background-color:#e9eff4!important
}
.bg-soft-darken {
    background-color:#c0dfff!important
}
.border-gray-1 {
    border-color:#e6e9ed!important
}
.border-gray-2 {
    border-color:#e3e7eb!important
}
.border-gray-3 {
    border-color:#e0e4e9!important
}
.border-gray-4 {
    border-color:#dde2e6!important
}
.border-gray-5 {
    border-color:#dadfe4!important
}
.border-soft-primary {
    border-color:#dae0f7!important
}
.border-soft-success {
    border-color:#b3f6d1!important
}
.border-soft-danger {
    border-color:#fbdfdf!important
}
.border-soft-info {
    border-color:#c4eeeb!important
}
.border-soft-warning {
    border-color:#ffddac!important
}
.border-soft-teal {
    border-color:#bee4eb!important
}
.border-soft-indigo {
    border-color:#e2d1fd!important
}
.border-dashed {
    border-style:dashed!important
}
.border-start-dashed {
    border-left-style:dashed!important
}
.border-end-dashed {
    border-right-style:dashed!important
}
.border-top-dashed {
    border-top-style:dashed!important
}
.border-bottom-dashed {
    border-bottom-style:dashed!important
}
.border-dotted {
    border-style:dotted!important
}
.border-start-dotted {
    border-left-style:dotted!important
}
.border-end-dotted {
    border-right-style:dotted!important
}
.border-top-dotted {
    border-top-style:dotted!important
}
.border-bottom-dotted {
    border-bottom-style:dotted!important
}
.border-double {
    border-style:double!important
}
.border-start-double {
    border-left-style:double!important
}
.border-end-double {
    border-right-style:double!important
}
.border-top-double {
    border-top-style:double!important
}
.border-bottom-double {
    border-bottom-style:double!important
}
.border-groove {
    border-style:groove!important
}
.border-start-groove {
    border-left-style:groove!important
}
.border-end-groove {
    border-right-style:groove!important
}
.border-top-groove {
    border-top-style:groove!important
}
.border-bottom-groove {
    border-bottom-style:groove!important
}
.border-primary {
    border-color:#3454d1!important
}
.border-secondary {
    border-color:#64748b!important
}
.border-success {
    border-color:#17c666!important
}
.border-danger {
    border-color:#ea4d4d!important
}
.border-warning {
    border-color:#ffa21d!important
}
.border-teal {
    border-color:#41b2c4!important
}
.border-info {
    border-color:#3dc7be!important
}
.border-indigo {
    border-color:#6610f2!important
}
.border-dark {
    border-color:#283c50!important
}
.border-black {
    border-color:#000!important
}
.wd-1 {
    width:1px;
    max-width:1px;
    min-width:1px
}
.wd-2 {
    width:2px;
    max-width:2px;
    min-width:2px
}
.wd-3 {
    width:3px;
    max-width:3px;
    min-width:3px
}
.wd-4 {
    width:4px;
    max-width:4px;
    min-width:4px
}
.wd-5 {
    width:5px;
    max-width:5px;
    min-width:5px
}
.wd-6 {
    width:6px;
    max-width:6px;
    min-width:6px
}
.wd-7 {
    width:7px;
    max-width:7px;
    min-width:7px
}
.wd-8 {
    width:8px;
    max-width:8px;
    min-width:8px
}
.wd-9 {
    width:9px;
    max-width:9px;
    min-width:9px
}
.wd-10 {
    width:10px;
    max-width:10px;
    min-width:10px
}
.wd-15 {
    width:15px;
    max-width:15px;
    min-width:15px
}
.wd-20 {
    width:20px;
    max-width:20px;
    min-width:20px
}
.wd-30 {
    width:30px;
    max-width:30px;
    min-width:30px
}
.wd-40 {
    width:40px;
    max-width:40px;
    min-width:40px
}
.wd-50 {
    width:50px;
    max-width:50px;
    min-width:50px
}
.wd-60 {
    width:60px;
    max-width:60px;
    min-width:60px
}
.wd-70 {
    width:70px;
    max-width:70px;
    min-width:70px
}
.wd-80 {
    width:80px;
    max-width:80px;
    min-width:80px
}
.wd-90 {
    width:90px;
    max-width:90px;
    min-width:90px
}
.wd-100 {
    width:100px;
    max-width:100px;
    min-width:100px
}
.wd-150 {
    width:150px;
    max-width:150px;
    min-width:150px
}
.wd-200 {
    width:200px;
    max-width:200px;
    min-width:200px
}
.wd-250 {
    width:250px;
    max-width:250px;
    min-width:250px
}
.wd-300 {
    width:300px;
    max-width:300px;
    min-width:300px
}
.wd-350 {
    width:350px;
    max-width:350px;
    min-width:350px
}
.wd-400 {
    width:400px;
    max-width:400px;
    min-width:400px
}
.wd-450 {
    width:450px;
    max-width:450px;
    min-width:450px
}
.wd-500 {
    width:500px;
    max-width:500px;
    min-width:500px
}
.ht-1 {
    height:1px;
    max-height:1px;
    min-height:1px
}
.ht-2 {
    height:2px;
    max-height:2px;
    min-height:2px
}
.ht-3 {
    height:3px;
    max-height:3px;
    min-height:3px
}
.ht-4 {
    height:4px;
    max-height:4px;
    min-height:4px
}
.ht-5 {
    height:5px;
    max-height:5px;
    min-height:5px
}
.ht-5 {
    height:5px;
    max-height:5px;
    min-height:5px
}
.ht-6 {
    height:6px;
    max-height:6px;
    min-height:6px
}
.ht-7 {
    height:7px;
    max-height:7px;
    min-height:7px
}
.ht-8 {
    height:8px;
    max-height:8px;
    min-height:8px
}
.ht-9 {
    height:9px;
    max-height:9px;
    min-height:9px
}
.ht-10 {
    height:10px;
    max-height:10px;
    min-height:10px
}
.ht-15 {
    height:15px;
    max-height:15px;
    min-height:15px
}
.ht-20 {
    height:20px;
    max-height:20px;
    min-height:20px
}
.ht-30 {
    height:30px;
    max-height:30px;
    min-height:30px
}
.ht-40 {
    height:40px;
    max-height:40px;
    min-height:40px
}
.ht-50 {
    height:50px;
    max-height:50px;
    min-height:50px
}
.ht-60 {
    height:60px;
    max-height:60px;
    min-height:60px
}
.ht-70 {
    height:70px;
    max-height:70px;
    min-height:70px
}
.ht-80 {
    height:80px;
    max-height:80px;
    min-height:80px
}
.ht-90 {
    height:90px;
    max-height:90px;
    min-height:90px
}
.ht-100 {
    height:100px;
    max-height:100px;
    min-height:100px
}
.ht-150 {
    height:150px;
    max-height:150px;
    min-height:150px
}
.ht-200 {
    height:200px;
    max-height:200px;
    min-height:200px
}
.ht-250 {
    height:250px;
    max-height:250px;
    min-height:250px
}
.ht-300 {
    height:300px;
    max-height:300px;
    min-height:300px
}
.ht-350 {
    height:350px;
    max-height:350px;
    min-height:350px
}
.ht-400 {
    height:400px;
    max-height:400px;
    min-height:400px
}
.ht-450 {
    height:450px;
    max-height:450px;
    min-height:450px
}
.ht-500 {
    height:500px;
    max-height:500px;
    min-height:500px
}
.shadow-none {
    box-shadow:none
}
.shadow-sm {
    box-shadow:0 1px 5px rgba(40,60,80,.15)
}
.shadow-md {
    box-shadow:0 5px 15px rgba(40,60,80,.15)
}
.shadow-lg {
    box-shadow:0 10px 25px rgba(40,60,80,.15)
}
.shadow-xl {
    box-shadow:0 15px 35px rgba(40,60,80,.15)
}
.shadow-xxl {
    box-shadow:0 20px 45px rgba(40,60,80,.15)
}
.stretch {
    height:100%;
    display:flex;
    align-items:stretch;
    flex-direction:column
}
.stretch.stretch-full {
    height:calc(100% - 24px)
}
.stretch.stretch-onethird {
    height:calc(75% - 24px)
}
.stretch.stretch-half {
    height:calc(50% - 24px)
}
.stretch.stretch-quarter {
    height:calc(25% - 24px)
}
.tooltip {
    font-size:10px;
    font-family:inherit;
    font-weight:500;
    text-transform:uppercase
}
.tooltip .tooltip-inner {
    padding:5px 10px;
    letter-spacing:.35px;
    border-radius:3px
}
.popover {
    border-color:#e5e7eb
}
hr {
    margin:25px auto;
    border-color:#91a1b6
}
.dropdown-dividar {
    margin:10px auto;
    border-top:1px solid #e5e7eb
}
.text-truncate-1-line {
    width:100%;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
@supports (-webkit-line-clamp:1) {
    .text-truncate-1-line {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        display:-webkit-box!important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical
    }
}
.text-truncate-2-line {
    width:100%;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
@supports (-webkit-line-clamp:2) {
    .text-truncate-2-line {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        display:-webkit-box!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
}
.text-truncate-3-line {
    width:100%;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
@supports (-webkit-line-clamp:3) {
    .text-truncate-3-line {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical
    }
}
.text-truncate-4-line {
    width:100%;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
@supports (-webkit-line-clamp:4) {
    .text-truncate-4-line {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        display:-webkit-box!important;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical
    }
}
.text-truncate-5-line {
    width:100%;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
@supports (-webkit-line-clamp:5) {
    .text-truncate-5-line {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        display:-webkit-box!important;
        -webkit-line-clamp:5;
        -webkit-box-orient:vertical
    }
}
body .full-screen-switcher a .maximize {
    display:block
}
body .full-screen-switcher a .minimize {
    display:none
}
body.full-screen-helper .full-screen-switcher a .maximize {
    display:none
}
body.full-screen-helper .full-screen-switcher a .minimize {
    display:block
}
:not(:root):fullscreen::backdrop {
    background:0 0
}
::-webkit-scrollbar {
    width:5px;
    height:5px;
    border-radius:15px
}
::-webkit-scrollbar-track {
    background-color:#fff;
    border-radius:15px
}
::-webkit-scrollbar-thumb {
    background-color:#e5e7eb;
    border-radius:15px
}
::-webkit-scrollbar-thumb:hover {
    background-color:#001327;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.nxl-container {
    position:relative;
    top:80px;
    margin-left:280px;
    min-height:calc(100vh - 80px);
    transition:all .3s ease
}
.nxl-container .nxl-content.without-header {
    padding-top:0
}
.nxl-container .nxl-content.nxl-full-content .main-content {
    padding:0
}
.nxl-container .nxl-content .main-content {
    overflow-x:hidden;
    padding:30px 30px 5px
}
.nxl-container .nxl-content .main-content .content-area,.nxl-container .nxl-content .main-content .content-sidebar {
    width:100%;
    height:100vh;
    position:relative
}
.nxl-container .nxl-content .main-content .content-sidebar {
    overflow-y:auto;
    background-color:#fff;
    border-right:1px solid #e5e7eb
}
.nxl-container .nxl-content .main-content .content-sidebar .content-sidebar-header {
    height:75px;
    padding:25px 30px;
    border-bottom:1px solid #e5e7eb;
    display:flex;
    align-items:center
}
.nxl-container .nxl-content .main-content .content-area .content-area-header {
    height:75px;
    padding:25px 30px;
    background-color:#fff;
    border-bottom:1px solid #e5e7eb;
    gap:15px;
    display:flex;
    align-items:center
}
.nxl-container .nxl-content .main-content .content-area .content-area-header .search-form.search-form-active {
    display:block
}
.nxl-container .nxl-content .main-content .content-area .content-area-header .search-form .search-form-inner {
    top:0;
    left:0;
    right:0;
    bottom:0;
    gap:25px;
    z-index:1;
    width:100%;
    display:flex;
    padding:0 25px;
    position:absolute;
    align-items:center;
    background-color:#fff
}
.nxl-container .nxl-content .main-content .content-area .content-area-body {
    padding:30px 30px
}
.nxl-container .page-header+.nxl-content {
    padding-top:95px
}
.nxl-container .page-header .page-header-right .reportrange-picker {
    cursor:pointer;
    width:-moz-max-content;
    width:max-content
}
.nxl-container .page-header .page-header-right .reportrange-picker .reportrange-picker-field {
    color:#283c50;
    padding:10px 15px;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    border:1px solid #dcdee4;
    border-radius:5px
}
.nxl-container .page-header .filter-btn {
    cursor:pointer;
    gap:10px;
    display:flex;
    align-items:center;
    padding:9px 15px 8px;
    border-radius:5px;
    border:1px solid #dcdee4
}
.nxl-container .page-header-collapse .accordion-body {
    padding:30px 30px;
    background-color:#fff;
    border-bottom:1px solid #e5e7eb
}
.nxl-container .footer {
    padding:20px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fff;
    border-top:1px solid #e5e7eb
}
.minimenu .nxl-container {
    margin-left:100px
}
.minimenu .page-header {
    left:100px
}
.page-header {
    display:flex;
    align-items:center;
    top:80px;
    left:280px;
    right:0;
    z-index:1023;
    min-height:65px;
    padding:0 30px;
    background:#fff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)
}
.page-header .page-block {
    width:50%
}
.page-header .page-header-title {
    display:inline-block
}
.page-header h5 {
    margin-bottom:0;
    margin-right:8px;
    padding-right:10px;
    color:#283c50;
    font-weight:600;
    border-right:1px solid #cdd4e8
}
.page-header .breadcrumb {
    padding:0;
    display:inline-flex;
    margin-bottom:0;
    background:0 0;
    font-size:13px;
    color:#7587a7;
    font-weight:800
}
.page-header .breadcrumb a {
    color:#283c50
}
.page-header .breadcrumb .breadcrumb-item a:hover {
    color:#3454d1
}
.page-header .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    position:relative;
    top:2px
}
.page-header .breadcrumb .breadcrumb-item:last-child {
    opacity:.75;
    font-weight:400
}
.page-header .breadcrumb svg {
    width:14px;
    height:14px;
    vertical-align:baseline
}
.upgrade-card .card-body {
    padding-bottom:100px;
    z-index:1;
    position:relative
}
.upgrade-card>.container {
    z-index:5;
    position:relative;
    margin-top:-60px
}
.upgrade-card .up-price-table td {
    border-color:#f0f2f8
}
.upgrade-card .up-price-table th {
    border:none
}
.upgrade-card .up-price-table th+th {
    border-radius:5px 5px 0 0;
    padding:20px 0
}
.upgrade-card .up-price-table tbody tr:first-child td {
    border-top:none
}
.upgrade-card .up-price-table td,.upgrade-card .up-price-table th {
    text-align:right
}
.upgrade-card .up-price-table td+td,.upgrade-card .up-price-table td+th,.upgrade-card .up-price-table th+td,.upgrade-card .up-price-table th+th {
    text-align:center
}
.upgrade-card .up-price-table td+td,.upgrade-card .up-price-table th+td {
    border-left:1px solid #f0f2f8
}
.hamburger {
    display:inline-block;
    cursor:pointer;
    transition:filter .15s linear;
    width:20px;
    height:20px
}
.hamburger.is-active .hamburger-inner {
    background-color:#000
}
.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before {
    background-color:#000
}
.hamburger-inner {
    display:block;
    top:50%;
    margin-top:-2px;
    width:18px;
    height:2px;
    background-color:#2c3344;
    border-radius:4px;
    position:absolute;
    transition:transform .15s ease
}
.hamburger-inner::after,.hamburger-inner::before {
    width:18px;
    height:2px;
    background-color:#2c3344;
    border-radius:4px;
    position:absolute;
    transition:transform .15s ease
}
.hamburger-inner::after,.hamburger-inner::before {
    content:"";
    display:block
}
.hamburger-inner::before {
    top:-6px
}
.hamburger-inner::after {
    bottom:-6px
}
.hamburger--arrowturn.is-active .hamburger-inner {
    transform:rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform:translate3d(4px,2px,0) rotate(45deg) scale(.7,1)
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform:translate3d(4px,-2px,0) rotate(-45deg) scale(.7,1)
}
.ps {
    touch-action:auto;
    overflow-anchor:none;
    overflow:hidden!important
}
.ps__rail-x {
    display:none;
    opacity:0;
    height:15px;
    bottom:0;
    position:absolute;
    transition:background-color .2s linear,opacity .2s linear
}
.ps__rail-y {
    right:0;
    opacity:0;
    width:15px;
    display:none;
    position:absolute;
    transition:background-color .2s linear,opacity .2s linear
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display:block;
    background-color:transparent
}
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity:.6
}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y {
    opacity:.6
}
.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y {
    opacity:.6
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    opacity:.9;
    background-color:#eee
}
.ps__thumb-x {
    height:6px;
    bottom:2px;
    border-radius:6px;
    position:absolute;
    background-color:#aaa;
    transition:background-color .2s linear,height .2s ease-in-out
}
.ps__thumb-y {
    width:6px;
    right:2px;
    position:absolute;
    border-radius:6px;
    background-color:#aaa;
    transition:background-color .2s linear,width .2s ease-in-out
}
.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    height:10px;
    background-color:#999
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    width:10px;
    background-color:#999
}
@supports (-ms-overflow-style:none) {
    .ps {
        overflow:auto!important
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps {
        overflow:auto!important
    }
}
.navbar-content {
    position:relative
}
.ps__rail-y {
    z-index:5
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    background:0 0
}
.ps__thumb-y {
    background:#ced4da
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background:#91a1b6
}
.nxl-header {
    right:0;
    z-index:1025;
    position:fixed;
    left:280px;
    color:#eaebef;
    background:#fff;
    min-height:80px;
    border-bottom:1px solid #e5e7eb
}
.nxl-header .header-wrapper {
    display:flex;
    padding:0 30px
}
.nxl-header .header-wrapper ul {
    margin-bottom:0;
    display:inline-flex
}
.nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle,.nxl-header .header-wrapper .nxl-navigation-toggle {
    line-height:normal
}
.nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle a,.nxl-header .header-wrapper .nxl-navigation-toggle a {
    color:#283c50
}
.nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle i,.nxl-header .header-wrapper .nxl-navigation-toggle i {
    line-height:1;
    font-size:24px
}
.nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle i.feather-arrow-left,.nxl-header .header-wrapper .nxl-navigation-toggle i.feather-arrow-left {
    font-size:20px
}
.nxl-header .header-wrapper .nxl-h-item {
    min-height:79px;
    display:flex;
    align-items:center;
    position:relative
}
.nxl-header .header-wrapper .nxl-head-link {
    margin-left:3px;
    padding:12px 12px;
    position:relative;
    display:flex;
    align-items:center;
    font-weight:500;
    color:#6b7280;
    border-radius:50px
}
.nxl-header .header-wrapper .nxl-head-link>i {
    font-size:20px
}
.nxl-header .header-wrapper .nxl-head-link.active,.nxl-header .header-wrapper .nxl-head-link:active,.nxl-header .header-wrapper .nxl-head-link:focus,.nxl-header .header-wrapper .nxl-head-link:hover {
    color:#3454d1;
    text-decoration:none;
    background:#eaebef
}
.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner {
    background-color:#3454d1
}
.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner::before {
    background-color:#3454d1
}
.nxl-header .header-wrapper .nxl-head-link.nxl-language-link {
    padding:15px 12px
}
.nxl-header .header-wrapper .nxl-head-link .nxl-h-badge {
    position:absolute;
    top:0;
    right:5px;
    font-size:9px;
    border-radius:50px
}
.nxl-header .header-wrapper .nxl-head-link .nxl-h-badge.dots {
    top:8px;
    right:12px;
    padding:0;
    width:8px;
    height:8px
}
.nxl-header .header-wrapper .nxl-h-dropdown {
    width:225px;
    top:100%!important;
    transition:all .3s ease-in-out
}
.nxl-header .header-wrapper .nxl-h-dropdown.dropdown-menu-end {
    right:0!important;
    left:auto!important
}
.nxl-header .header-wrapper .nxl-h-dropdown.nxl-user-dropdown {
    width:300px
}
.nxl-header .header-wrapper .nxl-h-dropdown .dropdown-header {
    margin-bottom:10px;
    padding-bottom:20px;
    padding-left:25px;
    padding-right:25px;
    border-bottom:1px solid #e5e7eb
}
.nxl-header .header-wrapper .nxl-h-dropdown .dropdown-item {
    margin:0 10px;
    border-radius:5px;
    width:-webkit-fill-available
}
.nxl-header .header-wrapper .nxl-h-dropdown .fa-circle {
    font-size:5px;
    vertical-align:middle
}
.nxl-header .header-wrapper .nxl-level-menu {
    position:relative
}
.nxl-header .header-wrapper .nxl-level-menu:hover>.dropdown-menu {
    left:100%;
    display:block;
    top:0!important;
    transition:all .3s ease-in-out
}
.nxl-header .header-wrapper .nxl-mega-menu {
    position:static;
    transition:all .3s ease-in-out
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown {
    left:30px;
    width:576px;
    max-width:100%;
    padding:0 0
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-sm {
    width:576px;
    max-width:100%
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-md {
    width:768px;
    max-width:100%
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-lg {
    width:992px;
    max-width:100%
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-xl {
    width:1200px;
    max-width:100%
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-xxl {
    width:1400px;
    max-width:100%
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown.nxl-mega-menu-full {
    width:100%;
    max-width:100%;
    left:0!important;
    right:0!important
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs {
    width:250px;
    min-width:250px;
    max-width:100%;
    padding:25px 25px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link {
    border:none;
    margin-bottom:5px;
    padding:10px 15px;
    text-align:left;
    color:#283c50;
    font-size:.84rem;
    font-weight:700;
    background-color:#fff;
    border-radius:5px;
    transition:all .3s ease;
    display:flex;
    align-items:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link.active {
    color:#001327;
    background-color:#eaebef;
    transition:all .3s ease
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link .menu-icon {
    margin-right:10px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link .menu-icon i {
    font-size:15px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link .menu-title {
    flex-grow:1;
    display:flex;
    align-items:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link .menu-arrow {
    margin-left:5px;
    overflow:hidden;
    position:relative;
    display:flex;
    flex-shrink:0;
    align-items:stretch
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content {
    width:100%;
    padding:30px 30px;
    border-left:1px solid #e5e7eb
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .dropdown-item-title {
    color:#001327;
    padding:0 15px 5px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .dropdown-item {
    margin:0 0
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .menu-item-heading {
    font-size:.84rem
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-image {
    margin:auto auto;
    text-align:center;
    border-radius:15px;
    background-color:#eaebef
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-image img {
    width:100%;
    border-radius:15px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-image img.full-user-avtar {
    width:auto;
    height:275px;
    padding:25px 25px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item {
    display:flex;
    align-items:center;
    margin-bottom:5px;
    border:1px dashed #e5e7eb;
    transition:all .3s ease
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item .menu-item-icon,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item .menu-item-icon {
    width:15px;
    margin-right:10px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item .menu-item-icon i,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item .menu-item-icon i {
    font-size:15px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item .menu-item-title,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item .menu-item-title {
    flex-grow:1;
    display:flex;
    align-items:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item .menu-item-arrow,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item .menu-item-arrow {
    margin-left:5px;
    overflow:hidden;
    position:relative;
    display:flex;
    flex-shrink:0;
    align-items:stretch
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item .menu-item-arrow i,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item .menu-item-arrow i {
    margin-right:0
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources .dropdown-item,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources .dropdown-item-title {
    margin-bottom:15px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources .dropdown-item:last-child {
    margin-bottom:0
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources .carousel-inner .carousel-item .carousel-caption .carousel-caption-title {
    color:#fff
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources .carousel-inner .carousel-item .carousel-caption .carousel-caption-desc {
    color:#fff;
    font-size:12px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous {
    margin-top:-30px;
    margin-left:-30px;
    margin-right:-30px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs {
    width:100%;
    margin-bottom:25px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link {
    border:none;
    text-align:left;
    color:#283c50;
    font-size:.84rem;
    font-weight:700;
    padding:15px 25px;
    border-radius:0;
    border-right:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb;
    transition:all .3s ease;
    display:flex;
    align-items:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link:first-child {
    margin-left:0
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active {
    color:#3454d1;
    border-bottom:1px solid #3454d1
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link .menu-icon {
    width:15px;
    margin-right:10px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link .menu-icon i {
    font-size:15px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link .menu-title {
    flex-grow:1;
    display:flex;
    align-items:center
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-content {
    padding:15px 30px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-content .nxl-mega-menu-miscellaneous-features i,.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-content .nxl-mega-menu-miscellaneous-services i {
    font-size:16px
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .carousel-inner .carousel-item .carousel-caption .carousel-caption-title {
    color:#fff
}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .carousel-inner .carousel-item .carousel-caption .carousel-caption-desc {
    color:#fff;
    font-size:12px
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown {
    width:425px;
    padding-top:0;
    overflow-x:hidden;
    max-height:calc(100vh - 150px)
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form {
    padding:7px 10px
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .input-group-text,.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .search-input-field {
    border:none;
    padding:15px 10px;
    background:#fff
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .input-group-text:active,.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .input-group-text:focus,.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .search-input-field:active,.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .search-input-field:focus {
    box-shadow:none
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .input-group-text .btn-close {
    opacity:1;
    position:relative;
    background:0 0
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-form .input-group-text .btn-close:after {
    content:"Esc";
    position:absolute;
    top:0;
    right:0;
    height:1.35rem;
    padding-left:6px;
    padding-right:6px;
    font-size:9px;
    color:#283c50;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.25px;
    border-radius:5px;
    border:1px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-header .header-wrapper .nxl-header-search .nxl-search-dropdown .search-items-wrapper {
    max-height:415px
}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown {
    width:425px;
    padding-top:0;
    overflow-x:hidden;
    max-height:calc(100vh - 150px)
}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown .language_select a {
    color:#283c50;
    padding:10px;
    margin-bottom:10px;
    font-size:12px;
    border-radius:5px;
    border:1px dashed #e5e7eb;
    transition:all .3s ease
}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown .language_select a:hover {
    background-color:#eaebef
}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown .language_select.active a {
    position:relative
}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown .language_select.active a:before {
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:9999;
    content:"✓";
    color:#3454d1;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#eaebef
}
.nxl-header .header-wrapper .nxl-timesheets-menu {
    padding:0;
    min-width:20rem
}
.nxl-header .header-wrapper .nxl-timesheets-menu .timesheets-head {
    padding:20px;
    border-radius:2px 2px 0 0;
    border-bottom:1px solid #e5e7eb
}
.nxl-header .header-wrapper .nxl-timesheets-menu .timesheets-body {
    padding:30px 20px
}
.nxl-header .header-wrapper .nxl-timesheets-menu .timesheets-footer {
    padding:15px 20px;
    border-radius:0 0 2px 2px;
    border-top:1px solid #e5e7eb
}
.nxl-header .header-wrapper .nxl-notifications-menu {
    padding:0;
    min-width:20rem
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-head {
    padding:20px;
    border-radius:2px 2px 0 0;
    border-bottom:1px solid #e5e7eb
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item {
    display:flex;
    cursor:pointer;
    padding:15px 20px;
    transition:all .3s ease
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item+.notifications-item {
    border-top:1px dashed #e5e7eb
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item img {
    width:60px;
    height:60px
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item .notifications-desc {
    flex:1
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item .notifications-desc .text-body {
    color:#283c50!important;
    margin-bottom:5px;
    font-size:13px;
    font-weight:400
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-item .notifications-date {
    font-size:11px
}
.nxl-header .header-wrapper .nxl-notifications-menu .notifications-footer {
    padding:15px 20px;
    border-radius:0 0 2px 2px;
    border-top:1px solid #e5e7eb
}
.nxl-header .header-wrapper .user-avtar {
    width:40px;
    margin-right:15px;
    border-radius:50%
}
html.minimenu .nxl-header {
    left:100px
}
.nxl-navigation {
    top:0;
    bottom:0;
    z-index:1026;
    position:fixed;
    background:#fff;
    width:280px;
    transition:all .3s ease
}
.nxl-navigation .m-header {
    z-index:1;
    overflow:hidden;
    position:relative;
    display:flex;
    padding:15px 30px;
    align-items:center;
    height:80px;
    background:#fff;
    border-right:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb
}
.nxl-navigation .m-header .logo-sm {
    display:none
}
.nxl-navigation .navbar-content {
    padding:10px 0;
    position:relative;
    border-right:1px solid #e5e7eb;
    height:calc(100vh - 80px)
}
.nxl-navigation .navbar-content ul {
    list-style:none;
    padding-left:0;
    margin-bottom:0
}
.nxl-navigation .navbar-content .nxl-caption {
    display:block;
    color:#7587a7;
    font-size:10px;
    font-weight:700;
    letter-spacing:.07em;
    padding:15px 20px 10px;
    text-transform:uppercase
}
.nxl-navigation .navbar-content .nxl-caption label {
    margin-bottom:0
}
.nxl-navigation .navbar-content .nxl-caption span:not(.badge) {
    display:block;
    color:#67758a;
    text-transform:capitalize;
    font-size:10px;
    font-weight:500
}
.nxl-navigation .navbar-content .nxl-micon {
    margin-right:12px;
    display:inline-block;
    vertical-align:middle
}
.nxl-navigation .navbar-content .nxl-micon i {
    font-size:18px
}
.nxl-navigation .navbar-content .nxl-link {
    display:block;
    line-height:1.2;
    padding:10px 15px;
    font-size:13px;
    color:#283c50;
    font-weight:600;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-link.active,.nxl-navigation .navbar-content .nxl-link:hover {
    text-decoration:none;
    color:#283c50;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-link.active .nxl-micon i,.nxl-navigation .navbar-content .nxl-link:hover .nxl-micon i {
    color:#283c50;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-arrow {
    float:right;
    transition:all .2s ease-in-out
}
.nxl-navigation .navbar-content .nxl-badge {
    margin-left:8px
}
.nxl-navigation .navbar-content .nxl-submenu .nxl-link {
    font-size:.8rem;
    padding:10px 20px;
    margin-left:35px!important;
    margin-right:5px!important
}
.nxl-navigation .navbar-content .nxl-submenu .nxl-submenu .nxl-link {
    margin-left:45px!important
}
.nxl-navigation .navbar-content .nxl-submenu .nxl-submenu .nxl-submenu .nxl-link {
    margin-left:55px!important
}
.nxl-navigation .navbar-content .nxl-item.disabled a {
    cursor:not-allowed;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.nxl-navigation .navbar-content .nxl-item.active>.nxl-link,.nxl-navigation .navbar-content .nxl-item:hover>.nxl-link {
    color:#001327;
    background-color:#eaebef;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-item.active>.nxl-link .nxl-micon i,.nxl-navigation .navbar-content .nxl-item:hover>.nxl-link .nxl-micon i {
    color:#001327;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-navbar>.nxl-item.active>.nxl-link,.nxl-navigation .navbar-content .nxl-navbar>.nxl-item:hover>.nxl-link {
    color:#001327;
    background-color:#eaebef;
    transition:all .3s ease
}
.nxl-navigation .navbar-content .nxl-hasmenu.nxl-trigger>.nxl-submenu {
    display:block
}
.nxl-navigation .navbar-content .nxl-hasmenu.nxl-trigger>.nxl-link>.nxl-arrow {
    transform:rotate(90deg)
}
.nxl-navigation .navbar-content .card {
    margin:20px;
    color:#283c50;
    background:#eff0f6;
    border-color:#e5e7eb
}
.nxl-menu-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1;
    background:rgba(0,0,0,.2)
}
html:not(.minimenu) .nxl-navigation .nxl-link {
    margin:3px 15px;
    border-radius:5px
}
html:not(.minimenu) .nxl-navigation .nxl-submenu {
    position:relative
}
html:not(.minimenu) .nxl-navigation .nxl-submenu .nxl-item {
    margin:3px 10px;
    border-radius:5px
}
html:not(.minimenu) .nxl-navigation .nxl-submenu .nxl-submenu>.nxl-item:before {
    left:60px
}
html:not(.minimenu) .nxl-navigation .nxl-submenu .nxl-submenu .nxl-submenu>.nxl-item:before {
    left:80px
}
html.minimenu .nxl-navigation {
    width:100px;
    transition:all .3s ease
}
html.minimenu .nxl-navigation .logo-sm {
    width:42px;
    display:block;
    transition:all .3s ease
}
html.minimenu .nxl-navigation .card,html.minimenu .nxl-navigation .logo-lg,html.minimenu .nxl-navigation .nxl-arrow,html.minimenu .nxl-navigation .nxl-mtext {
    display:none;
    transition:all .3s ease
}
html.minimenu .nxl-navigation .navbar-content {
    width:100px;
    transition:all .3s ease
}
html.minimenu .nxl-navigation .navbar-content .nxl-link {
    margin:0 20px;
    padding:12px 20px;
    border-radius:6px 6px
}
html.minimenu .nxl-navigation .navbar-content .nxl-hasmenu.nxl-trigger>.nxl-submenu {
    display:none
}
html.minimenu .nxl-navigation .navbar-content .nxl-caption {
    position:relative
}
html.minimenu .nxl-navigation .navbar-content .nxl-caption:before {
    top:0;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    font-size:16px;
    padding-left:20px;
    content:"\e9a4";
    position:absolute;
    font-family:feather!important
}
html.minimenu .nxl-navigation .navbar-content .nxl-caption label {
    display:none
}
html.minimenu .nxl-navigation:hover .navbar-content {
    position:absolute!important;
    width:280px;
    background-color:#fff;
    border-right:1px solid #e5e7eb;
    transition:all .3s ease
}
html.minimenu .nxl-navigation:hover .navbar-content .card,html.minimenu .nxl-navigation:hover .navbar-content .nxl-arrow,html.minimenu .nxl-navigation:hover .navbar-content .nxl-caption,html.minimenu .nxl-navigation:hover .navbar-content .nxl-mtext {
    display:inline-block;
    transition:all .3s ease
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-link {
    margin:0 15px;
    margin-bottom:3px;
    padding:10px 20px
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-submenu .nxl-link {
    margin-bottom:3px;
    padding-left:20px;
    margin-left:50px!important;
    margin-right:15px!important
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-submenu .nxl-submenu .nxl-link {
    margin-left:65px!important
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-submenu .nxl-submenu .nxl-submenu .nxl-link {
    margin-left:80px!important
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-hasmenu.nxl-trigger>.nxl-submenu {
    display:block
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-caption:before {
    content:none
}
html.minimenu .nxl-navigation:hover .navbar-content .nxl-caption label {
    display:block
}
.main-content .content-sidebar.content-sidebar-md {
    max-width:300px
}
.main-content .content-sidebar.content-sidebar-lg {
    max-width:350px
}
.main-content .content-sidebar.content-sidebar-xl {
    max-width:400px
}
.main-content .content-sidebar .content-sidebar-body .nxl-content-sidebar-item {
    margin:15px 0
}
.main-content .content-sidebar .content-sidebar-body .nxl-content-sidebar-item .nav-item {
    margin:0 15px 5px 15px
}
.main-content .content-sidebar .content-sidebar-body .nxl-content-sidebar-item .nav-item .nav-link {
    gap:15px;
    display:flex;
    align-items:center;
    padding:10px 15px;
    color:#283c50;
    font-size:13px;
    font-weight:600;
    border-radius:5px;
    transition:all .3s ease
}
.main-content .content-sidebar .content-sidebar-body .nxl-content-sidebar-item .nav-item .nav-link.active,.main-content .content-sidebar .content-sidebar-body .nxl-content-sidebar-item .nav-item .nav-link:hover {
    color:#001327;
    background-color:#eaebef;
    transition:all .3s ease
}
#searchModal .search-form .input-group-text,#searchModal .search-form .search-input-field {
    border:none;
    padding:25px 10px;
    background:#fff
}
#searchModal .search-form .input-group-text:active,#searchModal .search-form .input-group-text:focus,#searchModal .search-form .search-input-field:active,#searchModal .search-form .search-input-field:focus {
    box-shadow:none
}
#searchModal .search-form .input-group-text .btn-close {
    opacity:1;
    position:relative;
    background:0 0
}
#searchModal .search-form .input-group-text .btn-close:after {
    content:"Esc";
    position:absolute;
    top:.4rem;
    right:.4rem;
    height:1.5rem;
    padding-right:6px;
    padding-left:6px;
    font-size:11px;
    color:#283c50;
    font-weight:500;
    text-transform:uppercase;
    border-radius:5px;
    border:1px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center
}
#languageSelectModal .language_select a {
    color:#283c50;
    padding:10px;
    border-radius:5px;
    margin-bottom:10px;
    border:1px dashed #e5e7eb;
    transition:all .3s ease
}
#languageSelectModal .language_select a::hover {
    background-color:#eaebef
}
#languageSelectModal .language_select.active a {
    position:relative
}
#languageSelectModal .language_select.active a:before {
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:9999;
    content:"✓";
    color:#3454d1;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#eaebef
}
.nxl-container.apps-container .nxl-content.without-header .main-content .content-area,.nxl-container.apps-container .nxl-content.without-header .main-content .content-sidebar {
    height:calc(100vh - 80px)
}
.chatting-setting .chatting-setting-tabs a.nav-link.active,.chatting-setting .chatting-setting-tabs a.nav-link:hover {
    color:#3454d1;
    background-color:#c6cff2
}
.text.typing .wave .dot {
    width:2px;
    height:2px;
    border-radius:100%;
    display:inline-block;
    background-color:#17c666;
    animation:wave 1.3s linear infinite
}
.text.typing .wave .dot:first-of-type {
    margin-left:3px
}
.text.typing .wave .dot:nth-child(2) {
    animation-delay:-1.1s
}
.text.typing .wave .dot:nth-child(3) {
    animation-delay:-.9s
}
@keyframes wave {
    0%,100%,60% {
        transform:initial
    }
    30% {
        transform:translateY(-5px)
    }
}
.calling-modal-screen .chat-calling-content {
    --bs-modal-bg:transparent!important;
    background-image:radial-gradient(circle,#fff,#f4f6fb,#e7eef6,#d7e7f0,#c6e0e7)
}
.calling-modal-screen .chat-calling-content .voice-call-content {
    height:calc(100% - 170px)
}
.calling-modal-screen .chat-calling-content .video-call-content {
    height:calc(100% - 170px)
}
.calling-modal-screen .chat-calling-content .video-call-content video {
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute
}
.calling-modal-screen .chat-calling-text-message-sidebar {
    top:0;
    bottom:0;
    opacity:0;
    right:-50%;
    width:0;
    max-width:0;
    min-width:0;
    visibility:hidden;
    background-color:#fff;
    transition:all .3s ease;
    animation:fadeIn .5s ease;
    height:calc(100% - 170px)!important
}
.calling-modal-screen .chat-calling-text-message-sidebar.active {
    right:0;
    opacity:1;
    width:400px;
    max-width:400px;
    min-width:400px;
    visibility:visible
}
.calling-modal-screen .chat-calling-text-message-sidebar.active .in-call-messages-items {
    height:calc(100% + 25px)!important
}
.calling-modal-screen .chat-calling-text-message-sidebar .in-call-messages-items {
    height:calc(100% - 135px)!important
}
.chat-calling-info .ringing,.chat-calling-info .timetracker {
    display:none;
    opacity:0;
    visibility:hidden;
    transition:visibility .7s
}
.chat-calling-info .timetracker.active {
    display:block;
    opacity:1;
    visibility:visible
}
.chat-calling-info .ringing.active {
    display:block;
    opacity:1;
    visibility:visible
}
.animation-infinite {
    animation:animation-infinite 2s infinite
}
@keyframes animation-infinite {
    0% {
        box-shadow:0 0 0 0 #e5e7eb
    }
    100% {
        box-shadow:0 0 0 25px transparent
    }
}
.calling-receiver-action .avatar-text:hover {
    color:#fff!important
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-header .page-header-left .action-list-items {
    display:none;
    transition:all .3s ease
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-header .page-header-left.show-action .action-list-items {
    gap:10px;
    display:flex;
    transition:all .3s ease
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-body .single-items {
    cursor:pointer;
    padding:10px 5px;
    display:flex;
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #e5e7eb
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-body .single-items .item-meta {
    padding:12px 25px
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-body .single-items .item-info {
    cursor:pointer;
    padding:12px 30px
}
.nxl-container.apps-email .nxl-content .main-content .content-area .content-area-body .single-items .item-data {
    padding:12px 25px 15px 0
}
.nxl-container.apps-email .nxl-content .main-content .content-area .items-details {
    left:0;
    top:1px;
    bottom:0;
    right:-100%;
    opacity:0;
    z-index:1025;
    position:absolute;
    visibility:hidden;
    background-color:#f3f4f6;
    transition:all .3s ease;
    transform:translateX(100%)
}
.nxl-container.apps-email .nxl-content .main-content .content-area .items-details .items-details-header {
    height:74px;
    padding:13px 25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fff;
    border-bottom:1px solid #e5e7eb
}
.nxl-container.apps-email .nxl-content .main-content .content-area .items-details .items-details-body {
    margin:25px 25px
}
.nxl-container.apps-email .nxl-content .main-content .content-area .items-details .items-details-body .accordion .accordion-item .accordion-header .accordion-button {
    background-color:transparent!important
}
.nxl-container.apps-email .nxl-content .main-content .content-area .items-details .items-details-footer {
    background-color:#fff
}
.nxl-container.apps-email .nxl-content .main-content .content-area.items-details-active .items-details {
    left:0;
    top:1px;
    right:0;
    bottom:0;
    opacity:1;
    visibility:visible;
    transition:all .3s ease;
    transform:translateX(0)
}
.nxl-container.apps-email .nxl-content .main-content .content-area.items-details-active .content-area-body {
    display:none
}
.nxl-container.apps-tasks .nxl-content .main-content .single-task-list.task-completed {
    color:#17c666!important;
    background-color:rgba(23,198,102,.075);
    text-decoration:line-through!important
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .nav-link {
    padding:10px 15px
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item .card .note-title {
    font-size:15px;
    font-weight:700
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item .card .side-stick {
    left:0;
    top:20px;
    width:2px;
    height:40px;
    position:absolute;
    background-color:rgba(82,95,127,.5)
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.all-category .point {
    color:#283c50
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-favourite .favourite-note {
    color:#ffa21d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .category .category-works,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-archive,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-business,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-important,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-personal,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-priority,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-social,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-tasks,.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .category .category-works {
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .point {
    color:#ea4d4d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-tasks .side-stick {
    background-color:#ea4d4d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .point {
    color:#3454d1
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .side-stick {
    background-color:#3454d1
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .point {
    color:#3dc7be
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-social .side-stick {
    background-color:#3dc7be
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .point {
    color:#283c50
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-archive .side-stick {
    background-color:#283c50
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .point {
    color:#ea4d4d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-priority .side-stick {
    background-color:#ea4d4d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .point {
    color:#3454d1
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .side-stick {
    background-color:#3454d1
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .point {
    color:#ffa21d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-business .side-stick {
    background-color:#ffa21d
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .point {
    color:#17c666
}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-important .side-stick {
    background-color:#17c666
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-confirm,.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-delete,.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-edit {
    display:flex;
    padding:12px 16px;
    font-size:10px;
    line-height:normal;
    align-items:center;
    letter-spacing:.5px;
    font-weight:500;
    justify-content:center;
    text-transform:uppercase;
    border-radius:3px;
    transition:all .3s ease
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-confirm,.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-edit {
    color:#fff;
    background-color:#3454d1!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-delete {
    color:#fff;
    background-color:#ea4d4d
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-section-button {
    gap:10px;
    display:flex;
    padding:15px 25px;
    align-items:center;
    justify-content:center
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-section-button-save {
    height:auto;
    padding-top:15px;
    border-top:1px solid #e5e7eb
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-confirm,.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-save {
    margin:auto;
    height:auto
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-save {
    float:initial
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-detail .tui-full-calendar-content {
    height:auto;
    font-size:inherit;
    line-height:normal
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-section-detail .tui-full-calendar-popup-detail-item {
    margin-bottom:10px
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-calendar-dot {
    width:7px;
    height:7px;
    border-radius:25px
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="1"] {
    color:#3454d1;
    background-color:rgba(84,132,227,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="2"] {
    color:#17c666;
    background-color:rgba(37,184,101,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="3"] {
    color:#ea4d4d;
    background-color:rgba(209,59,76,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="4"] {
    color:#41b2c4;
    background-color:rgba(23,162,184,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="5"] {
    color:#ffa21d;
    background-color:rgba(228,158,61,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="6"] {
    color:#6610f2;
    background-color:rgba(88,86,214,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="7"] {
    color:#41b2c4;
    background-color:rgba(61,199,190,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="8"] {
    color:#283c50;
    background-color:rgba(71,94,119,.15)!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="1"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="2"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="3"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="4"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="5"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="6"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="7"],.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item[data-calendar-id="8"] {
    background-color:transparent!important
}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-weekday-grid-date {
    font-size:12px;
    font-weight:600;
    font-family:"Maven Pro",sans-serif
}
.nxl-container.apps-calendar .nxl-content .main-content .calendar-action-btn .calendar-dropdown-btn,.nxl-container.apps-calendar .nxl-content .main-content .calendar-action-btn .menu-navi>.move-today {
    color:#283c50;
    padding:12px 15px;
    line-height:normal;
    font-size:11px;
    font-weight:700;
    border-radius:3px;
    border:1px solid #e5e7eb;
    text-transform:uppercase;
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:center
}
.nxl-container.apps-calendar .nxl-content .main-content .chalendar-checkbox {
    width:129%;
    height:40px;
    top:-10px;
    left:-25px;
    right:-25px;
    z-index:99;
    cursor:pointer
}
.alert.alert-soft-success-message {
    color:#17c666;
    background-color:#eafdf2;
    border:1px dashed #6eeea8
}
.alert.alert-soft-success-message a {
    color:#17c666
}
.alert.alert-soft-warning-message {
    color:#ffa21d;
    background-color:#fff6e9;
    border:1px dashed #ffd69d
}
.alert.alert-soft-warning-message a {
    color:#ffa21d
}
.alert.alert-soft-danger-message {
    color:#ea4d4d;
    background-color:#fdeded;
    border:1px dashed #f9cdcd
}
.alert.alert-soft-danger-message a {
    color:#ea4d4d
}
.alert.alert-soft-teal-message {
    color:#41b2c4;
    background-color:#f0f9fa;
    border:1px dashed #8fd2dc
}
.alert.alert-soft-teal-message a {
    color:#41b2c4
}
.accordion .accordion-item {
    background-color:#fff;
    border-color:#e5e7eb;
    border-radius:5px
}
.accordion .accordion-item .accordion-header .accordion-button {
    z-index:0;
    color:#283c50;
    font-size:14px;
    font-weight:700;
    border-color:#e5e7eb
}
.accordion .accordion-item .accordion-header .accordion-button:after {
    color:#283c50;
    width:10px;
    height:10px;
    background-size:10px;
    filter:invert(0)
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow:none;
    background-color:#e9ecef
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
    margin-right:0!important
}
.accordion .accordion-item .accordion-body {
    color:#6b7885;
    padding:25px 25px;
    border-color:#e5e7eb
}
.accordion .accordion-item .accordion-footer {
    border-color:#e5e7eb
}
.badge {
    font-size:11px;
    font-weight:600;
    padding:5px 6px;
    border-radius:3px
}
.badge.bg-light-primary {
    color:#3454d1;
    background:shift-color(#3454d1,-80%);
    border-color:shift-color(#3454d1,-80%)
}
.badge.bg-light-secondary {
    color:#64748b;
    background:shift-color(#64748b,-80%);
    border-color:shift-color(#64748b,-80%)
}
.badge.bg-light-success {
    color:#17c666;
    background:shift-color(#17c666,-80%);
    border-color:shift-color(#17c666,-80%)
}
.badge.bg-light-info {
    color:#3dc7be;
    background:shift-color(#3dc7be,-80%);
    border-color:shift-color(#3dc7be,-80%)
}
.badge.bg-light-warning {
    color:#ffa21d;
    background:shift-color(#ffa21d,-80%);
    border-color:shift-color(#ffa21d,-80%)
}
.badge.bg-light-danger {
    color:#ea4d4d;
    background:shift-color(#ea4d4d,-80%);
    border-color:shift-color(#ea4d4d,-80%)
}
.badge.bg-light-light {
    color:#eff0f6;
    background:shift-color(#eff0f6,-80%);
    border-color:shift-color(#eff0f6,-80%)
}
.badge.bg-light-dark {
    color:#283c50;
    background:shift-color(#283c50,-80%);
    border-color:shift-color(#283c50,-80%)
}
.badge.bg-light-darken {
    color:#001327;
    background:shift-color(#001327,-80%);
    border-color:shift-color(#001327,-80%)
}
.btn-light-primary {
    color:#3454d1;
    background:shift-color(#3454d1,-80%);
    border-color:shift-color(#3454d1,-80%)
}
.btn-light-primary:hover {
    color:#fff;
    background:#3454d1;
    border-color:#3454d1
}
.btn-light-primary.focus,.btn-light-primary:focus {
    color:#fff;
    background:#3454d1;
    border-color:#3454d1
}
.btn-light-primary:not(:disabled):not(.disabled).active,.btn-light-primary:not(:disabled):not(.disabled):active,.show>.btn-light-primary.dropdown-toggle {
    color:#fff;
    background:#3454d1;
    border-color:#3454d1
}
.btn-check:active+.btn-light-primary,.btn-check:checked+.btn-light-primary {
    background:#3454d1;
    color:#fff;
    border-color:#3454d1
}
.btn-light-secondary {
    color:#64748b;
    background:shift-color(#64748b,-80%);
    border-color:shift-color(#64748b,-80%)
}
.btn-light-secondary:hover {
    color:#fff;
    background:#64748b;
    border-color:#64748b
}
.btn-light-secondary.focus,.btn-light-secondary:focus {
    color:#fff;
    background:#64748b;
    border-color:#64748b
}
.btn-light-secondary:not(:disabled):not(.disabled).active,.btn-light-secondary:not(:disabled):not(.disabled):active,.show>.btn-light-secondary.dropdown-toggle {
    color:#fff;
    background:#64748b;
    border-color:#64748b
}
.btn-check:active+.btn-light-secondary,.btn-check:checked+.btn-light-secondary {
    background:#64748b;
    color:#fff;
    border-color:#64748b
}
.btn-light-success {
    color:#17c666;
    background:shift-color(#17c666,-80%);
    border-color:shift-color(#17c666,-80%)
}
.btn-light-success:hover {
    color:#fff;
    background:#17c666;
    border-color:#17c666
}
.btn-light-success.focus,.btn-light-success:focus {
    color:#fff;
    background:#17c666;
    border-color:#17c666
}
.btn-light-success:not(:disabled):not(.disabled).active,.btn-light-success:not(:disabled):not(.disabled):active,.show>.btn-light-success.dropdown-toggle {
    color:#fff;
    background:#17c666;
    border-color:#17c666
}
.btn-check:active+.btn-light-success,.btn-check:checked+.btn-light-success {
    background:#17c666;
    color:#fff;
    border-color:#17c666
}
.btn-light-info {
    color:#3dc7be;
    background:shift-color(#3dc7be,-80%);
    border-color:shift-color(#3dc7be,-80%)
}
.btn-light-info:hover {
    color:#fff;
    background:#3dc7be;
    border-color:#3dc7be
}
.btn-light-info.focus,.btn-light-info:focus {
    color:#fff;
    background:#3dc7be;
    border-color:#3dc7be
}
.btn-light-info:not(:disabled):not(.disabled).active,.btn-light-info:not(:disabled):not(.disabled):active,.show>.btn-light-info.dropdown-toggle {
    color:#fff;
    background:#3dc7be;
    border-color:#3dc7be
}
.btn-check:active+.btn-light-info,.btn-check:checked+.btn-light-info {
    background:#3dc7be;
    color:#fff;
    border-color:#3dc7be
}
.btn-light-warning {
    color:#ffa21d;
    background:shift-color(#ffa21d,-80%);
    border-color:shift-color(#ffa21d,-80%)
}
.btn-light-warning:hover {
    color:#fff;
    background:#ffa21d;
    border-color:#ffa21d
}
.btn-light-warning.focus,.btn-light-warning:focus {
    color:#fff;
    background:#ffa21d;
    border-color:#ffa21d
}
.btn-light-warning:not(:disabled):not(.disabled).active,.btn-light-warning:not(:disabled):not(.disabled):active,.show>.btn-light-warning.dropdown-toggle {
    color:#fff;
    background:#ffa21d;
    border-color:#ffa21d
}
.btn-check:active+.btn-light-warning,.btn-check:checked+.btn-light-warning {
    background:#ffa21d;
    color:#fff;
    border-color:#ffa21d
}
.btn-light-danger {
    color:#ea4d4d;
    background:shift-color(#ea4d4d,-80%);
    border-color:shift-color(#ea4d4d,-80%)
}
.btn-light-danger:hover {
    color:#fff;
    background:#ea4d4d;
    border-color:#ea4d4d
}
.btn-light-danger.focus,.btn-light-danger:focus {
    color:#fff;
    background:#ea4d4d;
    border-color:#ea4d4d
}
.btn-light-danger:not(:disabled):not(.disabled).active,.btn-light-danger:not(:disabled):not(.disabled):active,.show>.btn-light-danger.dropdown-toggle {
    color:#fff;
    background:#ea4d4d;
    border-color:#ea4d4d
}
.btn-check:active+.btn-light-danger,.btn-check:checked+.btn-light-danger {
    background:#ea4d4d;
    color:#fff;
    border-color:#ea4d4d
}
.btn-light-light {
    color:#eff0f6;
    background:shift-color(#eff0f6,-80%);
    border-color:shift-color(#eff0f6,-80%)
}
.btn-light-light:hover {
    color:#fff;
    background:#eff0f6;
    border-color:#eff0f6
}
.btn-light-light.focus,.btn-light-light:focus {
    color:#fff;
    background:#eff0f6;
    border-color:#eff0f6
}
.btn-light-light:not(:disabled):not(.disabled).active,.btn-light-light:not(:disabled):not(.disabled):active,.show>.btn-light-light.dropdown-toggle {
    color:#fff;
    background:#eff0f6;
    border-color:#eff0f6
}
.btn-check:active+.btn-light-light,.btn-check:checked+.btn-light-light {
    background:#eff0f6;
    color:#fff;
    border-color:#eff0f6
}
.btn-light-dark {
    color:#283c50;
    background:shift-color(#283c50,-80%);
    border-color:shift-color(#283c50,-80%)
}
.btn-light-dark:hover {
    color:#fff;
    background:#283c50;
    border-color:#283c50
}
.btn-light-dark.focus,.btn-light-dark:focus {
    color:#fff;
    background:#283c50;
    border-color:#283c50
}
.btn-light-dark:not(:disabled):not(.disabled).active,.btn-light-dark:not(:disabled):not(.disabled):active,.show>.btn-light-dark.dropdown-toggle {
    color:#fff;
    background:#283c50;
    border-color:#283c50
}
.btn-check:active+.btn-light-dark,.btn-check:checked+.btn-light-dark {
    background:#283c50;
    color:#fff;
    border-color:#283c50
}
.btn-light-darken {
    color:#001327;
    background:shift-color(#001327,-80%);
    border-color:shift-color(#001327,-80%)
}
.btn-light-darken:hover {
    color:#fff;
    background:#001327;
    border-color:#001327
}
.btn-light-darken.focus,.btn-light-darken:focus {
    color:#fff;
    background:#001327;
    border-color:#001327
}
.btn-light-darken:not(:disabled):not(.disabled).active,.btn-light-darken:not(:disabled):not(.disabled):active,.show>.btn-light-darken.dropdown-toggle {
    color:#fff;
    background:#001327;
    border-color:#001327
}
.btn-check:active+.btn-light-darken,.btn-check:checked+.btn-light-darken {
    background:#001327;
    color:#fff;
    border-color:#001327
}
.btn i,button i {
    font-size:16px
}
.btn[class*=btn-light-],button[class*=btn-light-] {
    box-shadow:none
}
.btn[class*=btn-outline-]:not(:hover),button[class*=btn-outline-]:not(:hover) {
    box-shadow:none
}
.btn.btn-shadow,button.btn-shadow {
    box-shadow:0 6px 7px -1px rgba(80,86,175,.3)
}
.btn.btn-sm i,button.btn-sm i {
    font-size:10px
}
.btn {
    display:flex;
    padding:12px 16px;
    font-size:10px;
    line-height:normal;
    align-items:center;
    justify-content:center;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    border-radius:3px;
    transition:all .3s ease
}
.btn-check:active+.btn:active,.btn-check:active+.btn:focus,.btn-check:active+.btn:hover,.btn-check:checked+.btn:active,.btn-check:checked+.btn:focus,.btn-check:checked+.btn:hover,.btn-check:focus+.btn:active,.btn-check:focus+.btn:focus,.btn-check:focus+.btn:hover,.btn.active:active,.btn.active:focus,.btn.active:hover,.btn.show:active,.btn.show:focus,.btn.show:hover,.btn:active:active,.btn:active:focus,.btn:active:hover,.btn:focus:active,.btn:focus:focus,.btn:focus:hover,.btn:hover:active,.btn:hover:focus,.btn:hover:hover {
    color:#fff;
    outline:0;
    box-shadow:none;
    transition:all .3s ease
}
.btn-light,.btn-light-brand {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#283c50;
    border:1px solid #dcdee4
}
.btn-light-brand.show,.btn-light-brand:active,.btn-light-brand:focus,.btn-light-brand:hover,.btn-light.show,.btn-light:active,.btn-light:focus,.btn-light:hover {
    color:#283c50!important;
    border:1px solid #ced4da!important;
    transition:all .3s ease
}
.btn-icon {
    color:#283c50;
    display:flex;
    padding:11px 11px;
    align-items:center;
    justify-content:center;
    border:1px solid #dcdee4;
    border-radius:3px;
    transition:all .3s ease
}
.btn-icon.show,.btn-icon:active,.btn-icon:focus,.btn-icon:hover {
    color:#283c50!important;
    border:1px solid #ced4da!important;
    transition:all .3s ease
}
.btn-close:active,.btn-close:focus {
    outline:0;
    box-shadow:none
}
button:focus:not(:focus-visible) {
    outline:0;
    box-shadow:none;
    transition:all .3s ease
}
.btn-group-sm>.btn,.btn-sm {
    padding:7px 15px;
    font-size:9px
}
.btn-group-md>.btn,.btn-md {
    padding:10px 15px;
    font-size:10px
}
.btn-group-lg>.btn,.btn-lg {
    padding:15px 20px;
    font-size:11px
}
.btn-group-lg>.btn,.btn-xl {
    padding:20px 30px;
    font-size:12px
}
.btn-group-lg>.btn,.btn-xxl {
    padding:25px 35px;
    font-size:15px
}
.btn-primary,.btn.bg-soft-primary:focus,.btn.bg-soft-primary:hover {
    color:#fff!important;
    border-color:#941b80!important;
    background-color:#941b80!important
}
.btn-primary:hover{
    background-color:#d62cba!important
}
.btn-secondary,.btn.bg-soft-secondary:focus,.btn.bg-soft-secondary:hover {
    color:#fff!important;
    border-color:#64748b!important;
    background-color:#64748b!important
}
.btn-secondary:hover{
    background-color:#8599b7!important
}
.btn-success,.btn-success:hover,.btn.bg-soft-success:focus,.btn.bg-soft-success:hover {
    color:#fff!important;
    border-color:#17c666!important;
    background-color:#17c666!important
}
.btn-danger,.btn-danger:hover,.btn.bg-soft-danger:focus,.btn.bg-soft-danger:hover {
    color:#fff!important;
    border-color:#ea4d4d!important;
    background-color:#ea4d4d!important
}
.btn-info,.btn-info:hover,.btn.bg-soft-info:focus,.btn.bg-soft-info:hover {
    color:#fff!important;
    border-color:#3dc7be!important;
    background-color:#3dc7be!important
}
.btn-warning,.btn-warning:hover,.btn.bg-soft-warning:focus,.btn.bg-soft-warning:hover {
    color:#fff!important;
    border-color:#ffa21d!important;
    background-color:#ffa21d!important
}
.btn-teal,.btn-teal:hover,.btn.bg-soft-teal:focus,.btn.bg-soft-teal:hover {
    color:#fff!important;
    border-color:#41b2c4!important;
    background-color:#41b2c4!important
}
.btn-indigo,.btn-indigo:hover,.btn.bg-soft-indigo:focus,.btn.bg-soft-indigo:hover {
    color:#fff!important;
    border-color:#6610f2!important;
    background-color:#6610f2!important
}
.card {
    margin-bottom:24px;
    border-radius:10px;
    border:1px solid transparent;
    transition:all .3s ease;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)
}
.card:hover {
    transition:all .3s ease
}
.card:hover .card-footer[class*=bg-] {
    box-shadow:none
}
.card:hover .card-header-btn {
    opacity:1;
    visibility:visible;
    transform:translateX(0);
    transition:all .3s ease
}
.card .card-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #e5e7eb;
    background-color:transparent
}
.card .card-header .card-title {
    margin-bottom:0;
    color:#283c50;
    font-size:16px;
    font-weight:700
}
.card .card-header .card-title+p,.card .card-header .card-title+small {
    margin-top:10px
}
.card .card-header .card-title+p:last-child,.card .card-header .card-title+small:last-child {
    margin-bottom:0
}
.card .card-header .card-header-right {
    right:10px;
    top:10px;
    float:right;
    padding:0;
    position:absolute
}
@media only screen and (max-width:575px) {
    .card .card-header .card-header-right {
        display:none
    }
}
.card .card-header .card-header-right .dropdown-menu {
    margin-top:0
}
.card .card-header .card-header-right .dropdown-menu li {
    cursor:pointer
}
.card .card-header .card-header-right .dropdown-menu li a {
    font-size:14px;
    text-transform:capitalize
}
.card .card-header .card-header-right .btn.dropdown-toggle {
    border:none;
    background:0 0;
    box-shadow:none;
    color:#888
}
.card .card-header .card-header-right .btn.dropdown-toggle i {
    margin-right:0
}
.card .card-header .card-header-right .btn.dropdown-toggle:after {
    display:none
}
.card .card-header .card-header-right .btn.dropdown-toggle:focus {
    box-shadow:none;
    outline:0
}
.card .card-header .card-header-right .btn.dropdown-toggle {
    border:none;
    background:0 0;
    box-shadow:none;
    padding:0;
    width:20px;
    height:20px;
    right:8px;
    top:8px
}
.card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span {
    background-color:#888;
    height:2px;
    border-radius:5px
}
.card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:after,.card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:before {
    border-radius:5px;
    height:2px;
    background-color:#888
}
.card .card-header .card-header-right .nav-pills {
    padding:0;
    box-shadow:none;
    background:0 0
}
.card .card-footer {
    color:#283c50;
    transition:box-shadow .2s ease-in-out;
    border-top:1px solid #e5e7eb;
    background-color:transparent
}
.card .card-header-action,.card .card-header-btn {
    gap:5px;
    display:flex;
    align-items:center;
    justify-content:center
}
.card .card-header-btn {
    opacity:0;
    visibility:hidden;
    transform:translateX(30px);
    transition:all .3s ease
}
.card.card-expand {
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99999;
    position:fixed!important;
    overflow-x:hidden;
    overflow-y:scroll;
    border-radius:0;
    height:calc(100% - 0px);
    transition:all .3s ease
}
.card.card-expand.card-loading {
    position:absolute
}
.card.card-expand.card-expand .card-body {
    flex:1 0 0
}
.card .card-loader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1030;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,.9)
}
.card.card-loading .card-header {
    position:relative;
    z-index:1030
}
.card.card-loading,.card.card-loading .card-body {
    position:relative
}
.card .spinner-border {
    --bs-spinner-width:1rem;
    --bs-spinner-height:1rem;
    --bs-spinner-border-width:1px
}
.card.bg-primary {
    box-shadow:0 10px 10px -1px rgba(52,84,209,.3)
}
.card.bg-secondary {
    box-shadow:0 10px 10px -1px rgba(100,116,139,.3)
}
.card.bg-success {
    box-shadow:0 10px 10px -1px rgba(23,198,102,.3)
}
.card.bg-info {
    box-shadow:0 10px 10px -1px rgba(61,199,190,.3)
}
.card.bg-warning {
    box-shadow:0 10px 10px -1px rgba(255,162,29,.3)
}
.card.bg-danger {
    box-shadow:0 10px 10px -1px rgba(234,77,77,.3)
}
.card.bg-light {
    box-shadow:0 10px 10px -1px rgba(239,240,246,.3)
}
.card.bg-dark {
    box-shadow:0 10px 10px -1px rgba(40,60,80,.3)
}
.card.bg-darken {
    box-shadow:0 10px 10px -1px rgba(0,19,39,.3)
}
.dropdown-toggle.arrow-none:after {
    display:none
}
.dropdown-menu {
    padding:15px 0;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 24px 0 rgba(62,57,107,.18)
}
.dropdown-menu[data-popper-placement=bottom-end],.dropdown-menu[data-popper-placement=bottom-start] {
    border-radius:0 0 10px 10px;
    box-shadow:0 10px 24px 0 rgba(62,57,107,.18)
}
.dropdown-menu[data-popper-placement=top-end],.dropdown-menu[data-popper-placement=top-start] {
    border-radius:10px 10px 0 0;
    box-shadow:0 -10px 24px 0 rgba(62,57,107,.18)
}
.nxl-header .dropdown-menu {
    animation:.4s ease-in-out 0s normal forwards 1 fadein
}
@keyframes fadein {
    from {
        opacity:0;
        transform:translate3d(0,8px,0)
    }
    to {
        opacity:1;
        transform:translate3d(0,0,0)
    }
}
.dropdown .dropdown-menu {
    width:225px
}
.dropdown .dropdown-menu .dropdown-item {
    margin:3px 10px;
    padding:10px 15px;
    color:#283c50;
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    border-radius:5px;
    transition:all .3s ease;
    width:-webkit-fill-available
}
.dropdown .dropdown-menu .dropdown-item.active,.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:hover {
    color:#001327;
    background-color:#eaebef;
    transition:all .3s ease
}
.dropdown .dropdown-menu .dropdown-item.active i.bg-gray-500,.dropdown .dropdown-menu .dropdown-item:active i.bg-gray-500,.dropdown .dropdown-menu .dropdown-item:focus i.bg-gray-500,.dropdown .dropdown-menu .dropdown-item:hover i.bg-gray-500 {
    background-color:#001327!important;
    transition:all .3s ease
}
.dropdown .dropdown-menu .dropdown-item i {
    font-size:16px;
    margin-right:15px
}
.custom-file,.custom-select,.form-control,.form-select,input {
    color:#283c50;
    padding:12px 15px;
    border-color:#e5e7eb;
    border-radius:5px
}
.custom-file.active,.custom-file.focus,.custom-file:active,.custom-file:focus,.custom-select.active,.custom-select.focus,.custom-select:active,.custom-select:focus,.form-control.active,.form-control.focus,.form-control:active,.form-control:focus,.form-select.active,.form-select.focus,.form-select:active,.form-select:focus,input.active,input.focus,input:active,input:focus {
    outline:0;
    color:#283c50;
    border-color:#3454d1!important;
    box-shadow:none!important
}
.custom-file::-moz-placeholder,.custom-select::-moz-placeholder,.form-control::-moz-placeholder,.form-select::-moz-placeholder,input::-moz-placeholder {
    color:#91a1b6!important
}
.custom-file::placeholder,.custom-select::placeholder,.form-control::placeholder,.form-select::placeholder,input::placeholder {
    color:#91a1b6!important
}
.custom-file::-ms-placeholder,.custom-select::-ms-placeholder,.form-control::-ms-placeholder,.form-select::-ms-placeholder,input::-ms-placeholder {
    color:#91a1b6!important
}
.custom-file::-moz-placeholder,.custom-select::-moz-placeholder,.form-control::-moz-placeholder,.form-select::-moz-placeholder,input::-moz-placeholder {
    color:#91a1b6!important
}
.custom-file::-webkit-placeholder,.custom-select::-webkit-placeholder,.form-control::-webkit-placeholder,.form-select::-webkit-placeholder,input::-webkit-placeholder {
    color:#91a1b6!important
}
.col-form-label,.form-label {
    color:#283c50!important;
    font-size:12px!important;
    font-weight:600!important
}
.form-select {
    color:#283c50;
    background-size:10px;
    filter:invert(0)
}
.form-select .form-select-sm,.form-select.form-select-sm {
    background-size:6px
}
.input-group-text {
    color:#283c50;
    padding:0 15px;
    font-weight:600;
    border-radius:5px;
    border-color:#e5e7eb;
    background-color:#ecedf4
}
input[type=search]::-webkit-search-cancel-button {
    display:none
}
input[type=checkbox],input[type=radio] {
    padding:0;
    box-sizing:border-box
}
.custom-control {
    display:block;
    min-height:1.8px;
    position:relative;
    padding-left:.75rem
}
.custom-control-input {
    left:10px;
    opacity:0;
    z-index:-1;
    width:1.25rem;
    height:1.375rem;
    position:absolute
}
.custom-control-label {
    left:15px;
    cursor:pointer;
    margin-bottom:0;
    position:relative;
    color:#283c50;
    font-size:13px;
    vertical-align:top;
    font-weight:500;
    text-transform:inherit
}
.custom-checkbox .custom-control-label:before {
    content:"";
    width:18px;
    height:18px;
    top:1px;
    left:-28px;
    display:block;
    border-width:3px;
    position:absolute;
    border-radius:3px;
    border:1px solid #e5e7eb;
    background-color:#ecedf4
}
.custom-checkbox .custom-control-label:after {
    top:1px;
    content:"";
    left:-1.65rem;
    display:block;
    width:.75rem;
    height:.75rem;
    position:absolute;
    background-size:0;
    background-repeat:no-repeat;
    background:no-repeat 50%/50% 50%;
    transition:background-size .15s ease-in-out
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-size:100%;
    transition:background-size .15s ease-in-out
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    top:1px;
    left:-26px;
    color:#fff;
    content:"\f272";
    position:absolute;
    font-family:bootstrap-icons!important
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    color:#fff;
    border-color:#3454d1;
    background-color:#3454d1
}
.custom-control-label:before,.custom-file-label,.custom-select {
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-size 5s ease-in-out
}
.custom-radio .custom-control-label:before {
    border-radius:50px
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    border:3px solid #fff;
    border-radius:50px
}
.form-switch .form-check-input:checked {
    border-color:#3454d1;
    background-color:#3454d1
}
.form-check-input {
    clear:left
}
.form-switch.form-switch-sm .form-check-input {
    height:1rem;
    width:calc(1rem + .75rem);
    border-radius:2rem
}
.form-switch.form-switch-md .form-check-input {
    height:1.5rem;
    width:calc(2rem + .75rem);
    border-radius:3rem
}
.form-switch.form-switch-lg .form-check-input {
    height:2rem;
    width:calc(3rem + .75rem);
    border-radius:4rem
}
.form-switch.form-switch-xl .form-check-input {
    height:2.5rem;
    width:calc(4rem + .75rem);
    border-radius:5rem
}
body.modal-open .nxl-container,body.modal-open .nxl-header,body.modal-open .nxl-navigation,body.modal-open .page-header {
    filter:blur(3px);
    transition:all .2s linear
}
.fade-scale {
    opacity:0;
    transform:scale(.9);
    transition:all .2s linear
}
.fade-scale.show {
    opacity:1;
    transform:scale(1);
    transition:all .2s linear
}
.modal .modal-content {
    border-radius:10px
}
.modal-backdrop {
    background-color:#022142;
    transition:all .2s linear
}
.nav-tabs-wrapper {
    height:65px;
    display:flex;
    justify-content:space-between
}
.nav-tabs-wrapper .nav-tabs-custom-style {
    border-bottom:none
}
.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link {
    padding:20px 25px;
    color:#283c50;
    font-weight:600;
    border-radius:0;
    border-bottom:3px solid transparent;
    border-top:none
}
.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.active,.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.hover {
    color:#3454d1;
    border-bottom:3px solid #3454d1;
    background-color:rgba(52,84,209,.075);
    transition:all .3s ease
}
.table-responsive .table {
    color:#283c50;
    margin-top:0!important;
    margin-bottom:0!important;
    border-color:#e5e7eb;
    vertical-align:middle
}
.table-responsive .table:not(caption)>* {
    border-color:#e5e7eb!important
}
.table-responsive .table thead th {
    border-bottom:1px solid #e5e7eb
}
.table-responsive .table tfoot th,.table-responsive .table thead th {
    padding:8px 15px;
    color:#283c50;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase
}
.table-responsive .table tfoot th:first-child,.table-responsive .table thead th:first-child {
    padding-left:30px
}
.table-responsive .table tfoot th:last-child,.table-responsive .table thead th:last-child {
    padding-right:30px
}
.table-responsive .table tbody tr:last-child * {
    border-bottom:transparent
}
.table-responsive .table tr td {
    padding:15px 15px;
    white-space:nowrap;
    vertical-align:middle
}
.table-responsive .table tr td:first-child {
    padding-left:30px
}
.table-responsive .table tr td:last-child {
    padding-right:30px
}
.table-responsive .table.table-dark {
    border-color:#000!important
}
.table-responsive .table.table-dark td,.table-responsive .table.table-dark th,.table-responsive .table.table-dark tr {
    color:#64748b;
    border-color:#283c50
}
.table-responsive .table.table-hover>tbody>tr:hover>*,.table-responsive .table.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg:rgb(244 244 249)
}
.table-responsive table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow:none;
    transition:all .3s ease;
    background-color:#f2f3f8
}
.table-responsive table.dataTable tbody>tr.selected>* {
    color:#283c50;
    box-shadow:inset 0 0 0 #eeeef5
}
.table-responsive table.dataTable tbody>tr.selected>* a {
    color:#283c50
}
.table-responsive div.dataTables_wrapper div.dataTables_filter input,.table-responsive div.dataTables_wrapper div.dataTables_filter select,.table-responsive div.dataTables_wrapper div.dataTables_length input,.table-responsive div.dataTables_wrapper div.dataTables_length select {
    padding:8px 15px
}
.table-responsive .dataTables_paginate .page-link {
    color:#283c50;
    font-size:12px;
    box-shadow:none!important;
    border-color:#ecedf4
}
.table-responsive .dataTables_paginate .active>.page-link,.table-responsive .dataTables_paginate .page-link.active {
    color:#fff!important;
    background-color:#3454d1
}
.table-responsive .dataTables_paginate .disabled>.page-link,.table-responsive .dataTables_paginate .page-link.disabled {
    color:#ced4da
}
.table-responsive div.dataTables_info {
    font-size:11px
}
.offcanvas.offcanvas-end {
    border-color:#e5e7eb!important
}
.img-group {
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.img-group .avatar-image,.img-group .avatar-text {
    overflow:hidden;
    margin-left:-10px;
    align-items:center;
    display:inline-flex;
    justify-content:center;
    border-radius:100%;
    border:2px solid #fff;
    transition:all .3s ease
}
.img-group .avatar-image:hover,.img-group .avatar-text:hover {
    transition:all .3s ease;
    transform:translateY(-4px) scale(1.07)
}
ul.pagination-common-style li a {
    width:30px;
    height:30px;
    color:#283c50;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    transition:all .3s ease;
    border:1px solid #e8eaf2
}
ul.pagination-common-style li a.active,ul.pagination-common-style li a:hover {
    color:#fff!important;
    background-color:#3454d1;
    transition:all .3s ease
}
.ladda-button {
    padding:15px 25px;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:1px solid #e5e7eb;
    border-radius:0 0 10px 10px
}
.generate-pass .field .show-pass {
    width:45px;
    position:relative
}
.generate-pass .field .show-pass:before {
    top:13px;
    left:16.5px;
    content:"\e95f";
    position:absolute;
    font-family:feather!important
}
.generate-pass div.progress-bar {
    display:flex;
    align-items:center;
    flex-direction:row;
    justify-content:space-between
}
.generate-pass div.progress-bar div {
    width:23%;
    height:4px;
    border-radius:25px;
    background-color:#ecedf4
}
.card-input-element {
    margin-left:25px;
    margin-bottom:-25px
}
.card-input-element+.card {
    color:#3454d1;
    box-shadow:none;
    border-radius:5px;
    border:1px dashed #dcdee4;
    transition:all .3s ease
}
.card-input-element+.card .avatar-text {
    color:#283c50;
    transition:all .3s ease
}
.card-input-element+.card .text-muted,.card-input-element+.card h6 {
    transition:all .3s ease
}
.card-input-element+.card:hover {
    cursor:pointer
}
.card-input-element:checked+.card {
    border:1px dashed #17c666;
    transition:border .3s
}
.card-input-element:checked+.card .avatar-text {
    color:#17c666;
    border:1px dashed #17c666;
    transition:all .3s ease
}
.card-input-element:checked+.card .text-muted,.card-input-element:checked+.card h6 {
    color:#17c666!important;
    transition:all .3s ease
}
.card-input-element:checked+.card::after {
    content:"\e92b";
    color:#17c666;
    font-size:24px;
    font-family:feather;
    animation-name:fadeInCheckbox;
    animation-duration:.5s;
    animation-timing-function:cubic-bezier(.4,0,.2,1)
}
@keyframes fadeInCheckbox {
    from {
        opacity:0;
        transform:rotateZ(-20deg)
    }
    to {
        opacity:1;
        transform:rotateZ(0)
    }
}
.custom-file-upload {
    width:100%;
    cursor:pointer;
    padding:25px 25px;
    background:#eff0f6;
    display:inline-block;
    border-radius:5px;
    border:1px dashed #dcdee4
}
.feed-item-primary::after {
    background:#5485e4;
    border:3px solid #cfe0ff
}
.feed-item-secondary::after {
    background:#6861ce;
    border:3px solid #dbd8ff
}
.feed-item-success::after {
    background:#31ce36;
    border:3px solid #bdffe6
}
.feed-item-info::after {
    background:#48abf7;
    border:3px solid #c4e6ff
}
.feed-item-warning::after {
    background:#ffad46;
    border:3px solid #ffdfb7
}
.feed-item-danger::after {
    background:#f25961;
    border:3px solid #ffd3d5
}
.activity-feed .feed-item {
    position:relative;
    padding-left:30px;
    padding-bottom:30px;
    border-left:1px dashed #dcdee4
}
.activity-feed .feed-item .lead_date {
    top:-8px;
    display:block;
    color:#7587a7;
    position:relative;
    font-size:12px
}
.activity-feed .feed-item .date {
    font-size:10px
}
.activity-feed .feed-item .text {
    top:-8px;
    color:#283c50;
    position:relative;
    font-weight:600
}
.activity-feed .feed-item::before {
    top:2px;
    left:-4px;
    width:6px;
    height:6px;
    content:"";
    z-index:99;
    display:block;
    position:absolute;
    border-radius:50%
}
.activity-feed .feed-item::after {
    top:0;
    left:-6px;
    width:10px;
    height:10px;
    content:"";
    display:block;
    position:absolute;
    border-radius:50%
}
.activity-feed .feed-item:last-child {
    padding-bottom:0
}
.activity-feed-1 .feed-item {
    position:relative;
    padding-bottom:35px;
    padding-left:30px;
    border-left:1px dashed #e4e8eb
}
.activity-feed-1 .feed-item::after {
    content:"";
    display:block;
    position:absolute;
    top:5px;
    left:-6px;
    width:12px;
    height:12px;
    border-radius:50%
}
.activity-feed-1 .feed-item:last-child {
    padding-bottom:0
}
.activity-feed-2 .feed-item {
    position:relative;
    padding-bottom:30px;
    padding-left:30px;
    border-left:1px dashed #dcdee4
}
.activity-feed-2 .feed-item .lead_date {
    display:block;
    position:relative;
    top:-5px;
    color:#7587a7;
    font-size:.855rem
}
.activity-feed-2 .feed-item .date {
    font-size:10px
}
.activity-feed-2 .feed-item .text {
    top:-5px;
    color:#283c50;
    position:relative;
    font-weight:600
}
.activity-feed-2 .feed-item::before {
    content:"";
    display:block;
    position:absolute;
    top:2px;
    left:-4px;
    width:6px;
    height:6px;
    border-radius:50%;
    z-index:99
}
.activity-feed-2 .feed-item::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:-6px;
    width:10px;
    height:10px;
    border-radius:50%
}
.activity-feed-2 .feed-item:last-child {
    padding-bottom:0
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-sort-desc {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action {
    opacity:0;
    top:-33px;
    padding-top:5px;
    visibility:hidden;
    position:relative;
    margin-bottom:-32px;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action a {
    font-size:12px
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action span {
    color:#7587a7;
    font-size:9px
}
.widget-tickets-content .tickets-items-wrapper .table tr:hover td .tickets-sort-desc {
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr:hover td .tickets-list-action {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.invoice-overview-tab-item .nav-item {
    border-right:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb
}
.invoice-overview-tab-item .nav-item:last-child {
    border-right:none
}
.invoice-overview-tab-item .nav-item .nav-link {
    padding:15px 15px;
    color:#283c50;
    font-weight:600;
    transition:all .3s ease
}
.invoice-overview-tab-item .nav-item .nav-link.active,.invoice-overview-tab-item .nav-item .nav-link:hover {
    color:#3454d1;
    background-color:rgba(52,84,209,.075)
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-sort-desc {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action {
    opacity:0;
    top:-33px;
    padding-top:5px;
    visibility:hidden;
    position:relative;
    margin-bottom:-32px;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action a {
    font-size:12px
}
.widget-tickets-content .tickets-items-wrapper .table tr td .tickets-list-action span {
    color:#7587a7;
    font-size:9px
}
.widget-tickets-content .tickets-items-wrapper .table tr:hover td .tickets-sort-desc {
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
.widget-tickets-content .tickets-items-wrapper .table tr:hover td .tickets-list-action {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.widget-tasks-content .tasks-items-wrapper .table tr td .tasks-sort-desc {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.widget-tasks-content .tasks-items-wrapper .table tr td .tasks-list-action {
    opacity:0;
    top:-40px;
    padding-top:5px;
    visibility:hidden;
    position:relative;
    margin-bottom:-38px;
    transition:all .3s ease
}
.widget-tasks-content .tasks-items-wrapper .table tr td .tasks-list-action a {
    font-size:12px
}
.widget-tasks-content .tasks-items-wrapper .table tr td .tasks-list-action span {
    color:#7587a7;
    font-size:9px
}
.widget-tasks-content .tasks-items-wrapper .table tr:hover td .tasks-sort-desc {
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
.widget-tasks-content .tasks-items-wrapper .table tr:hover td .tasks-list-action {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
#earning-expense-area-chart .apexcharts-series[seriesName=Expense] {
    transform:scaleY(1.025)
}
#session-device-donut .apexcharts-canvas {
    margin:auto
}
.projects-progress-chart .circle-progress,.tasks-progress-chart .circle-progress,.times-progress-chart .circle-progress {
    width:200px;
    height:200px
}
.projects-progress-chart .circle-progress-value,.tasks-progress-chart .circle-progress-value,.times-progress-chart .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.projects-progress-chart .circle-progress-circle,.tasks-progress-chart .circle-progress-circle,.times-progress-chart .circle-progress-circle {
    stroke-width:4px
}
.times-progress-chart .circle-progress-value {
    stroke:#ea4d4d
}
.tasks-progress-chart .circle-progress-value {
    stroke:#3454d1
}
.projects-progress-chart .circle-progress-value {
    stroke:#ffa21d
}
.goal-progress-1 .circle-progress,.goal-progress-2 .circle-progress,.goal-progress-3 .circle-progress,.goal-progress-4 .circle-progress {
    width:80px;
    height:80px
}
.goal-progress-1 .circle-progress-value,.goal-progress-2 .circle-progress-value,.goal-progress-3 .circle-progress-value,.goal-progress-4 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.goal-progress-1 .circle-progress-circle,.goal-progress-2 .circle-progress-circle,.goal-progress-3 .circle-progress-circle,.goal-progress-4 .circle-progress-circle {
    stroke-width:5px
}
.project-progress-1 .circle-progress,.project-progress-2 .circle-progress,.project-progress-3 .circle-progress,.project-progress-4 .circle-progress {
    width:65px;
    height:65px
}
.project-progress-1 .circle-progress-value,.project-progress-2 .circle-progress-value,.project-progress-3 .circle-progress-value,.project-progress-4 .circle-progress-value {
    stroke-width:8px;
    stroke-linecap:round
}
.project-progress-1 .circle-progress-circle,.project-progress-2 .circle-progress-circle,.project-progress-3 .circle-progress-circle,.project-progress-4 .circle-progress-circle {
    stroke-width:5px
}
.team-progress-1 .circle-progress,.team-progress-2 .circle-progress,.team-progress-3 .circle-progress,.team-progress-4 .circle-progress {
    width:50px;
    height:50px
}
.team-progress-1 .circle-progress-value,.team-progress-2 .circle-progress-value,.team-progress-3 .circle-progress-value,.team-progress-4 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.team-progress-1 .circle-progress-circle,.team-progress-2 .circle-progress-circle,.team-progress-3 .circle-progress-circle,.team-progress-4 .circle-progress-circle {
    stroke-width:3px
}
.team-progress-1 .circle-progress-text,.team-progress-2 .circle-progress-text,.team-progress-3 .circle-progress-text,.team-progress-4 .circle-progress-text {
    font-size:24px
}
.goal-progress-1 .circle-progress-value,.project-progress-1 .circle-progress-value,.team-progress-1 .circle-progress-value {
    stroke:#ea4d4d
}
.goal-progress-2 .circle-progress-value,.project-progress-2 .circle-progress-value,.team-progress-2 .circle-progress-value {
    stroke:#3454d1
}
.goal-progress-3 .circle-progress-value,.project-progress-3 .circle-progress-value,.team-progress-3 .circle-progress-value {
    stroke:#ffa21d
}
.goal-progress-4 .circle-progress-value,.project-progress-4 .circle-progress-value,.team-progress-4 .circle-progress-value {
    stroke:#17c666
}
.project-mini-card-badge {
    position:absolute;
    top:45px;
    left:-30px;
    transform:rotate(270deg)
}
.goal-progress .circle-progress {
    width:195px;
    height:195px
}
.goal-progress .circle-progress-value {
    stroke-width:5px;
    stroke:#3454d1;
    stroke-linecap:round
}
.goal-progress .circle-progress-circle {
    stroke:#fff;
    stroke-width:10px;
    fill:rgba(52,84,209,.075)
}
.goal-progress .circle-progress-text {
    fill:#283c50;
    font-size:13px;
    font-weight:700
}
.i-main .i-block {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    margin:5px;
    border:1px solid #e5e7eb;
    position:relative;
    cursor:pointer
}
.i-main .i-block i {
    font-size:30px
}
.i-main .i-block label {
    margin-bottom:0;
    display:none
}
.i-main .i-block span.ic-badge {
    position:absolute;
    bottom:0;
    right:0
}
.auth-minimal-wrapper {
    display:flex;
    flex-direction:column;
    min-height:100vh
}
.auth-minimal-wrapper .auth-minimal-inner {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    padding:0
}
.auth-minimal-wrapper .auth-minimal-inner .minimal-card-wrapper {
    width:100%;
    max-width:450px;
    margin:auto auto
}
.auth-cover-wrapper {
    display:flex;
    align-items:center;
    justify-content:center
}
.auth-cover-wrapper .auth-cover-content-inner {
    float:left;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    width:100%;
    max-width:calc(100% - 550px)
}
.auth-cover-wrapper .auth-cover-content-inner .auth-cover-content-wrapper {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    padding:0
}
.auth-cover-wrapper .auth-cover-content-inner .auth-cover-content-wrapper .auth-img {
    width:600px;
    margin:auto auto
}
.auth-cover-wrapper .auth-cover-sidebar-inner {
    float:right;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    width:100%;
    max-width:550px;
    background-color:#fff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)
}
.auth-cover-wrapper .auth-cover-sidebar-inner .auth-cover-card-wrapper {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    padding:0
}
.auth-cover-wrapper .auth-cover-sidebar-inner .auth-cover-card-wrapper .auth-cover-card {
    width:100%;
    max-width:450px;
    margin:auto auto
}
.auth-creative-wrapper {
    display:flex;
    flex-direction:column;
    min-height:100vh
}
.auth-creative-wrapper .auth-creative-inner {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    padding:0
}
.auth-creative-wrapper .auth-creative-inner:after {
    top:0;
    bottom:0;
    width:50%;
    content:"";
    position:fixed;
    background:#e9ecef
}
.auth-creative-wrapper .auth-creative-inner .creative-card-wrapper {
    width:100%;
    max-width:1000px;
    margin:auto auto
}
.auth-creative-wrapper .auth-creative-inner .creative-card-wrapper .creative-card-body {
    width:100%;
    max-width:450px;
    margin:auto auto
}
#leads-overview-donut .apexcharts-canvas {
    margin:auto
}
.progress-1 .circle-progress-value,.progress-2 .circle-progress-value,.progress-3 .circle-progress-value,.progress-4 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.progress-1 .circle-progress-circle,.progress-2 .circle-progress-circle,.progress-3 .circle-progress-circle,.progress-4 .circle-progress-circle {
    stroke-width:3px
}
.progress-1 .circle-progress-value {
    stroke:#3454d1
}
.progress-1 .circle-progress-circle {
    stroke:#e3e7f9
}
.progress-2 .circle-progress-value {
    stroke:#17c666
}
.progress-2 .circle-progress-circle {
    stroke:#caf9df
}
.progress-3 .circle-progress-value {
    stroke:#ffa21d
}
.progress-3 .circle-progress-circle {
    stroke:#ffebd0
}
.progress-4 .circle-progress-value {
    stroke:#ea4d4d
}
.progress-4 .circle-progress-circle {
    stroke:#fdeded
}
.proposal-action-btn {
    display:flex
}
.proposal-action-btn .action-btn {
    height:60px;
    padding:15px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid #e5e7eb
}
.proposal-action-btn .action-btn.action-btn-right-border {
    padding-right:0
}
.proposal-action-btn .action-btn i {
    font-size:15px
}
.proposal-faq-accordion.accordion .accordion-item {
    margin-bottom:15px;
    border-top:1px solid #e5e7eb
}
.proposal-faq-accordion.accordion .accordion-item .accordion-header .accordion-button {
    padding:25px 25px
}
.task-info .task-info-list .task-list-row .avatar-text {
    display:none
}
.task-info .task-info-list .task-list-row:hover .avatar-text {
    display:flex
}
ul#checklist li {
    cursor:pointer;
    position:relative;
    font-size:13px;
    margin-bottom:10px;
    font-weight:500;
    border-radius:5px;
    padding:12px 15px 12px 15px;
    border:1px dashed #e5e7eb;
    transition:all .3s ease
}
ul#checklist li.checked {
    color:#ced4da;
    font-style:italic;
    padding:12px 15px 12px 45px;
    background-color:#f2f3f8;
    text-decoration:line-through;
    transition:all .3s ease
}
ul#checklist li.checked:before {
    top:12px;
    left:20px;
    width:6px;
    height:12px;
    content:"";
    position:absolute;
    border-style:solid;
    border-color:#3454d1;
    transform:rotate(45deg);
    border-width:0 1px 1px 0
}
ul#checklist li .close {
    top:0;
    right:0;
    color:#ea4d4d;
    position:absolute;
    padding:12px 16px 12px 16px;
    border-left:1px dashed #e5e7eb
}
ul#checklist li .close:hover {
    color:#ea4d4d;
    background-color:rgba(234,77,77,.075);
    transition:all .3s ease
}
.upload-button {
    opacity:0;
    transition:all .3s ease
}
.upload-button:hover {
    opacity:1;
    visibility:visible;
    transition:all .3s ease;
    background-color:#ecedf4
}
.customers-nav-tabs {
    margin-bottom:-1px
}
.customers-nav-tabs .nav-item .nav-link {
    border:none;
    padding:20px 30px;
    color:#283c50;
    font-weight:600;
    border-radius:0;
    border-bottom:3px solid transparent;
    transition:all .3s ease
}
.customers-nav-tabs .nav-item .nav-link.active {
    color:#3454d1;
    border-bottom:3px solid #3454d1;
    background-color:rgba(52,84,209,.075);
    transition:all .3s ease
}
.customers-nav-tabs {
    margin-bottom:-1px
}
.customers-nav-tabs .nav-item .nav-link {
    border:none;
    padding:20px 30px;
    color:#283c50;
    font-weight:600;
    border-radius:0;
    border-bottom:3px solid transparent;
    transition:all .3s ease
}
.customers-nav-tabs .nav-item .nav-link.active {
    color:#3454d1;
    border-bottom:3px solid #3454d1;
    background-color:rgba(52,84,209,.075);
    transition:all .3s ease
}
#projectList .single-item:hover .project-name-td .project-list-action {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
#projectList .single-item:hover .project-name-td .project-list-desc {
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
#projectList .single-item .project-name-td {
    width:400px;
    white-space:normal
}
#projectList .single-item .project-name-td .project-list-action {
    opacity:0;
    visibility:hidden;
    position:relative;
    top:-40px;
    padding-top:5px;
    margin-bottom:-35px;
    background-color:transparent;
    transition:all .3s ease
}
#projectList .single-item .project-name-td .tickets-list-action {
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
#projectList .single-item .project-name-td .project-list-desc {
    opacity:1;
    visibility:visible;
    transition:all .3s ease
}
.nxl-container .nxl-content .main-content .sales-pipeline-tabs .nav-item .nav-link {
    padding:15px 30px;
    color:#283c50;
    background-color:#fff;
    border-radius:5px;
    border:1px dashed #dcdee4
}
.nxl-container .nxl-content .main-content .sales-pipeline-tabs .nav-item .nav-link.active {
    color:#000;
    border:1px dashed #91a1b6
}
.nxl-container .nxl-content .main-content .upcoming-event-report-lead .list-group-item {
    padding-top:25px;
    padding-bottom:26px
}
.goal-prigress .circle-progress {
    width:225px;
    height:225px
}
.goal-prigress .circle-progress-value {
    stroke-width:5px;
    stroke:#3454d1;
    stroke-linecap:round
}
.goal-prigress .circle-progress-circle {
    stroke:#fff;
    stroke-width:15px;
    fill:rgba(52,84,209,.075)
}
.goal-prigress .circle-progress-text {
    fill:#283c50;
    font-size:13px;
    font-weight:700
}
.sales-progress-1 .circle-progress-value,.sales-progress-2 .circle-progress-value,.sales-progress-3 .circle-progress-value,.sales-progress-4 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.sales-progress-1 .circle-progress-circle,.sales-progress-2 .circle-progress-circle,.sales-progress-3 .circle-progress-circle,.sales-progress-4 .circle-progress-circle {
    stroke-width:3px
}
.sales-progress-1 .circle-progress-value {
    stroke:#3454d1
}
.sales-progress-1 .circle-progress-circle {
    stroke:#e3e7f9
}
.sales-progress-2 .circle-progress-value {
    stroke:#17c666
}
.sales-progress-2 .circle-progress-circle {
    stroke:#caf9df
}
.sales-progress-3 .circle-progress-value {
    stroke:#ffa21d
}
.sales-progress-3 .circle-progress-circle {
    stroke:#ffebd0
}
.sales-progress-4 .circle-progress-value {
    stroke:#ea4d4d
}
.sales-progress-4 .circle-progress-circle {
    stroke:#fdeded
}
.lead-progress-1 .circle-progress-value,.lead-progress-2 .circle-progress-value,.lead-progress-3 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.lead-progress-1 .circle-progress-circle,.lead-progress-2 .circle-progress-circle,.lead-progress-3 .circle-progress-circle {
    stroke-width:3px
}
.lead-progress-1 .circle-progress-value {
    stroke:#3454d1
}
.lead-progress-1 .circle-progress-circle {
    stroke:#e3e7f9
}
.lead-progress-2 .circle-progress-value {
    stroke:#17c666
}
.lead-progress-2 .circle-progress-circle {
    stroke:#caf9df
}
.lead-progress-3 .circle-progress-value {
    stroke:#ffa21d
}
.lead-progress-3 .circle-progress-circle {
    stroke:#ffebd0
}
.project-progress-1 .circle-progress,.project-progress-2 .circle-progress,.project-progress-3 .circle-progress,.project-progress-4 .circle-progress {
    width:65px;
    height:65px
}
.project-progress-1 .circle-progress-value,.project-progress-2 .circle-progress-value,.project-progress-3 .circle-progress-value,.project-progress-4 .circle-progress-value {
    stroke-width:8px;
    stroke-linecap:round
}
.project-progress-1 .circle-progress-circle,.project-progress-2 .circle-progress-circle,.project-progress-3 .circle-progress-circle,.project-progress-4 .circle-progress-circle {
    stroke-width:5px
}
.team-progress-1 .circle-progress,.team-progress-2 .circle-progress,.team-progress-3 .circle-progress,.team-progress-4 .circle-progress {
    width:50px;
    height:50px
}
.team-progress-1 .circle-progress-value,.team-progress-2 .circle-progress-value,.team-progress-3 .circle-progress-value,.team-progress-4 .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.team-progress-1 .circle-progress-circle,.team-progress-2 .circle-progress-circle,.team-progress-3 .circle-progress-circle,.team-progress-4 .circle-progress-circle {
    stroke-width:3px
}
.team-progress-1 .circle-progress-text,.team-progress-2 .circle-progress-text,.team-progress-3 .circle-progress-text,.team-progress-4 .circle-progress-text {
    font-size:24px
}
.project-progress-1 .circle-progress-value,.team-progress-1 .circle-progress-value {
    stroke:#ea4d4d
}
.project-progress-2 .circle-progress-value,.team-progress-2 .circle-progress-value {
    stroke:#3454d1
}
.project-progress-3 .circle-progress-value,.team-progress-3 .circle-progress-value {
    stroke:#ffa21d
}
.project-progress-4 .circle-progress-value,.team-progress-4 .circle-progress-value {
    stroke:#17c666
}
.project-mini-card-badge {
    position:absolute;
    top:45px;
    left:-30px;
    transform:rotate(270deg)
}
.calendar {
    height:500px;
    overflow:hidden;
    position:relative;
    text-transform:capitalize;
    text-align:center;
    font:15px/1em inherit;
    color:#283c50
}
.calendar a {
    color:inherit;
    text-decoration:none
}
.calendar header {
    padding:25px 15px 20px;
    border-bottom:1px solid #e5e7eb
}
.calendar header .simple-calendar-btn {
    display:inline-block;
    position:absolute;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#283c50;
    border-radius:50%;
    border:1px solid #e5e7eb
}
.calendar header .simple-calendar-btn:hover {
    color:#3454d1;
    background:#eff0f6
}
.calendar header .simple-calendar-btn:before {
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    width:6px;
    height:6px;
    border-style:solid;
    border-width:1px 1px 0 0;
    transform:rotate(45deg);
    transform-origin:center center
}
.calendar header .btn-prev {
    top:28px;
    left:20px;
    transform:rotate(-180deg)
}
.calendar header .btn-next {
    top:28px;
    right:20px
}
.calendar header .btn-next:before {
    transform:rotate(45deg)
}
.calendar header .month {
    padding:0;
    margin:0;
    font-size:14px;
    text-transform:uppercase
}
.calendar header .month .year {
    margin-top:5px;
    color:#7587a7;
    font-size:12px;
    font-weight:400
}
.calendar table {
    width:100%;
    border-spacing:0
}
.calendar thead {
    font-size:11px;
    font-weight:700;
    text-transform:uppercase
}
.calendar td {
    padding:15px 5px
}
.calendar .day {
    color:#283c50;
    font-size:12px;
    font-weight:500;
    position:relative;
    display:inline-block;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%;
    border:2px solid transparent;
    cursor:pointer
}
.calendar .day:hover {
    border:2px solid #3454d1
}
.calendar .day.today {
    background:#3454d1;
    color:#fff
}
.calendar .day.today.has-event:after {
    background:#fff
}
.calendar .day.wrong-month {
    color:#91a1b6
}
.calendar .day.wrong-month:hover {
    border:2px solid transparent
}
.calendar .day.has-event {
    color:#3454d1;
    background:#eff0f6
}
.calendar .day.has-event:after {
    content:"";
    position:absolute;
    top:calc(50% + .6em);
    left:calc(50% - 2px);
    width:4px;
    height:4px;
    border-radius:50%;
    background:#3454d1
}
.calendar .day.disabled {
    cursor:default
}
.calendar .day.disabled:hover {
    border:2px solid transparent
}
.calendar .event-container {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:30px 30px;
    background:#eff0f6;
    box-sizing:border-box;
    border-radius:15px
}
.calendar .event-container .event-wrapper {
    overflow-y:auto;
    max-height:100%
}
.calendar .event-container .close {
    position:absolute;
    width:10px;
    height:10px;
    top:15px;
    right:15px;
    cursor:pointer
}
.calendar .event-container .close:after,.calendar .event-container .close:before {
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:2px;
    height:100%;
    background-color:#ea4d4d
}
.calendar .event-container .close:before {
    transform:rotate(45deg)
}
.calendar .event-container .close:after {
    transform:rotate(-45deg)
}
.calendar .event-container .event {
    position:relative;
    width:100%;
    padding:1em;
    margin-bottom:1em;
    background:#3454d1;
    border-radius:4px;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);
    text-align:left;
    color:#fff
}
.calendar .event-container .event-date {
    margin-bottom:1em
}
.calendar .event-container .event-hour {
    float:right
}
.calendar .event-container .event-summary {
    font-weight:600
}
.calendar .filler {
    position:absolute;
    width:0;
    height:0;
    border-radius:50%;
    background:#e9ecef;
    transform:translate(-50%,-50%)
}
.project-report-table .table tr td {
    padding:18.5px 15px;
    white-space:nowrap;
    vertical-align:middle
}
.projects-progress-chart .circle-progress,.tasks-progress-chart .circle-progress,.times-progress-chart .circle-progress {
    width:200px;
    height:200px
}
.projects-progress-chart .circle-progress-value,.tasks-progress-chart .circle-progress-value,.times-progress-chart .circle-progress-value {
    stroke-width:6px;
    stroke-linecap:round
}
.projects-progress-chart .circle-progress-circle,.tasks-progress-chart .circle-progress-circle,.times-progress-chart .circle-progress-circle {
    stroke-width:4px
}
.times-progress-chart .circle-progress-value {
    stroke:#ea4d4d
}
.tasks-progress-chart .circle-progress-value {
    stroke:#3454d1
}
.projects-progress-chart .circle-progress-value {
    stroke:#ffa21d
}
.nxl-container .help-center-content-header {
    height:650px;
    min-height:650px;
    max-height:650px;
    background-image:radial-gradient(circle,#fff,#f4f6fb,#e7eef6,#d7e7f0,#c6e0e7)
}
.nxl-container .help-center-content-header .search-form {
    width:100%;
    margin:auto
}
.nxl-container .nxl-content .help-center-main-contet-area .still-question-section,.nxl-container .nxl-content .help-center-main-contet-area .topic-category-section,.nxl-container .nxl-content .help-center-main-contet-area .topic-tranding-section {
    margin-top:60px
}
.topics-details-offcanvas {
    width:100%!important
}
@media (min-width:1024px) {
    .nxl-container .help-center-content-header .search-form {
        width:75%
    }
    .nxl-container .nxl-content .help-center-main-contet-area .help-quick-card {
        margin-top:-200px
    }
    .nxl-container .nxl-content .help-center-main-contet-area .still-question-section,.nxl-container .nxl-content .help-center-main-contet-area .topic-category-section,.nxl-container .nxl-content .help-center-main-contet-area .topic-tranding-section {
        margin-top:150px
    }
    .nxl-container .nxl-content .help-center-main-contet-area .still-question-section p.wd-50,.nxl-container .nxl-content .help-center-main-contet-area .topic-category-section p.wd-50,.nxl-container .nxl-content .help-center-main-contet-area .topic-tranding-section p.wd-50 {
        width:100%!important
    }
    .nxl-container .topics-details-offcanvas {
        width:75%!important
    }
}
@media (min-width:1400px) {
    .topics-details-offcanvas {
        width:50%!important
    }
}
.pace {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    pointer-events:none
}
.pace-inactive {
    display:none
}
.pace .pace-progress {
    top:0;
    right:100%;
    width:100%;
    height:3px;
    z-index:2000;
    position:fixed;
    background:#3454d1
}
.select2-container {
    width:-webkit-fill-available!important
}
.select2-container .select2-selection {
    color:#283c50;
    font-size:13px;
    padding-bottom:0;
    border-color:#e5e7eb;
    min-height:calc(2.5em + .75rem + 2px)
}
.select2-container .select2-selection--single {
    background-size:15px 8px;
    padding:.475rem 2.25rem .375rem .75rem
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color:#283c50;
    padding:5px;
    width:100%;
    max-width:100%;
    overflow:hidden;
    font-weight:500
}
.select2-container.select2-container--focus .select2-selection,.select2-container.select2-container--open .select2-selection {
    box-shadow:none;
    border-color:#e5e7eb
}
.select2-container .select2-dropdown {
    z-index:999999;
    color:#283c50;
    border-color:#e5e7eb;
    border-radius:10px;
    box-shadow:0 4px 24px 0 rgba(62,57,107,.18)
}
.select2-container .select2-dropdown .select2-results__options .select2-results__option {
    color:#283c50;
    font-size:13px;
    padding:10px 25px;
    font-weight:500
}
.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
    color:#3454d1;
    background-color:rgba(84,133,228,.075)
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
    color:#283c50;
    font-size:13px;
    border-color:#e5e7eb
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    position:relative;
    color:#283c50;
    font-size:13px;
    font-weight:600;
    padding:8px 30px 8px 15px;
    border-color:#e5e7eb
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    right:5px;
    width:7px;
    height:7px;
    margin-right:5px;
    position:absolute
}
.select2-container .select2-selection--multiple .select2-search {
    height:0
}
.select2-container .select2-selection--multiple .select2-search .select2-search__field {
    height:0
}
.select-wd-sm .select2-container {
    width:50px!important
}
.select-wd-md .select2-container {
    width:125px!important
}
.select-wd-lg .select2-container {
    width:225px!important
}
.select-wd-xl .select2-container {
    width:350px!important
}
.select-wd-xxl .select2-container {
    width:500px!important
}
.daterangepicker {
    top:133px
}
.dataTables_wrapper .row:first-child,.dataTables_wrapper .row:last-child {
    padding:25px 25px
}
.dataTables_wrapper .row:first-child {
    border-bottom:1px solid #dcdee4
}
.dataTables_wrapper .row:last-child {
    border-top:1px solid #dcdee4
}
.dataTables_paginate .active>.page-link,.dataTables_paginate .page-link,.dataTables_paginate .page-link.active {
    border-radius:5px
}
.swal2-modal .swal2-title {
    color:#283c50;
    font-size:24px;
    font-weight:700
}
.swal2-modal .swal2-content {
    color:#7587a7;
    font-size:.8rem
}
.swal2-container {
    z-index:999999!important
}
.swal2-container .swal2-title {
    font-size:24px!important;
    font-weight:700!important
}
.swal2-container .swal2-content {
    color:#7587a7!important;
    font-size:13px!important
}
.swal2-container .swal2-popup.swal2-toast {
    padding:15px 15px;
    box-shadow:none;
    background-color:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 4px 24px 0 rgba(62,57,107,.18)
}
.swal2-container .swal2-popup.swal2-toast .swal2-title {
    color:#283c50;
    margin:auto 15px;
    font-size:13px!important;
    font-weight:600!important
}
.swal2-container .swal2-timer-progress-bar {
    background-color:#a5dc86
}
.wizard>.content {
    margin:auto;
    max-width:600px;
    padding:70px 0
}
.wizard>.actions {
    margin-top:30px;
    padding:25px 25px;
    border-top:1px solid #e5e7eb
}
.wizard>.actions>ul {
    width:auto;
    border-bottom:none;
    text-align:inherit;
    display:flex;
    justify-content:space-between
}
.wizard>.actions>ul>li {
    flex-grow:0!important
}
.wizard .steps {
    transform:translateY(0);
    transition:all .3s ease
}
.wizard .steps.sticky {
    left:0;
    right:0;
    z-index:9999;
    position:fixed;
    background-color:#fff;
    width:-webkit-fill-available;
    transform:translateY(-98px);
    transition:all .3s ease
}
.wizard .steps.sticky a,.wizard .steps.sticky a:active,.wizard .steps.sticky a:hover {
    padding:22px 25px 20px;
    transition:all .3s ease
}
.wizard>.actions>ul>li,.wizard>.steps>ul>li {
    float:left;
    flex:0 0;
    flex-basis:0;
    flex-grow:1;
    text-align:center;
    border-top:1px solid #e5e7eb;
    border-right:1px solid #e5e7eb
}
.wizard>.actions>ul>li:last-child,.wizard>.steps>ul>li:last-child {
    border-right:none
}
.wizard>.actions>ul>li {
    border-right:none
}
.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover {
    margin:0 0;
    padding:30px 25px 25px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.5px
}
.tabcontrol ul,.wizard ul[role=tablist] {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
    border-bottom:1px solid #e5e7eb
}
.circle-progress-value {
    stroke:#3454d1;
    stroke-width:3px
}
.circle-progress-circle {
    stroke:#e9ecef;
    stroke-width:3px
}
.circle-progress-text {
    fill:#283c50;
    color:#283c50;
    font-size:13px;
    font-weight:600
}
/*!
<--!----------------------------------------------------------------!-->
* Customizer CSS
<--!----------------------------------------------------------------!-->
*/.theme-customizer {
    top:0;
    right:0;
    width:350px;
    height:100%;
    z-index:1025;
    position:fixed;
    background-color:#fff;
    border-left:1px solid #e5e7eb;
    transform:translateX(100%);
    transition:all .3s ease
}
.theme-customizer.theme-customizer-open {
    transform:translateX(0);
    transition:all .3s ease;
    box-shadow:0 10px 25px rgba(40,60,80,.15)
}
.theme-customizer.theme-customizer-open .customizer-handle {
    right:0;
    left:auto;
    display:none
}
.theme-customizer .customizer-handle {
    top:48%;
    left:-48px;
    position:absolute
}
.theme-customizer .customizer-handle .cutomizer-open-trigger {
    padding:15px;
    color:#fff;
    border:1px solid #3454d1;
    border-radius:6px 0 0 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 5px 15px rgba(40,60,80,.15)
}
.theme-customizer .customizer-handle .cutomizer-open-trigger i {
    animation-name:spin;
    animation-duration:2.5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
@keyframes spin {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body {
    height:calc(100vh - 140px)
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set {
    border-radius:5px
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option .options-label {
    overflow:hidden;
    border-radius:5px;
    transition:all .5s ease;
    display:flex;
    align-items:center;
    justify-content:center
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option .options-label:hover {
    transition:all .5s ease;
    background-color:#ecedf4
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option input:checked+.options-label:before {
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:9999;
    display:flex;
    font-size:12px;
    color:#3454d1;
    content:"\f272";
    position:absolute;
    align-items:center;
    cursor:not-allowed;
    font-weight:400;
    justify-content:center;
    transition:all .5s ease;
    background-color:#ecedf4;
    font-family:bootstrap-icons!important
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option.active {
    display:block!important
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option.active:before {
    top:0;
    right:0;
    bottom:0;
    left:5px;
    width:94%;
    height:100%;
    z-index:9999;
    display:flex;
    font-size:12px;
    color:#3454d1;
    content:"\f272";
    position:absolute;
    align-items:center;
    cursor:not-allowed;
    font-weight:400;
    justify-content:center;
    transition:all .5s ease;
    background-color:#ecedf4;
    font-family:bootstrap-icons!important
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items.app-theme .single-option {
    position:relative
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items.app-theme .single-option .palette-card {
    width:100%;
    height:100%;
    padding:3px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center
}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items.app-theme .single-option .palette-card span {
    width:100%;
    height:100%
}
html.app-navigation-dark .nxl-navigation {
    background:#0f172a
}
html.app-navigation-dark .nxl-navigation .m-header {
    background:#0f172a;
    border-right:1px solid #1b2436;
    border-bottom:1px solid #16213d
}
html.app-navigation-dark .nxl-navigation .m-header .logo-lg {
    filter:invert(1)
}
html.app-navigation-dark .nxl-navigation .navbar-content {
    border-right:1px solid #1b2436
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-caption {
    color:#fff
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link {
    color:#b1b4c0
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:active,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:focus,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:hover {
    color:#fff
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:active .nxl-micon i,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:focus .nxl-micon i,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-link:hover .nxl-micon i {
    color:#fff
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item.active>.nxl-link,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item:focus>.nxl-link,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item:hover>.nxl-link {
    background-color:#1c2438
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item.active>.nxl-link,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item:focus>.nxl-link,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item:hover>.nxl-link {
    color:#fff;
    background-color:#1c2438
}
html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item.active>.nxl-link .nxl-micon i,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item:focus>.nxl-link .nxl-micon i,html.app-navigation-dark .nxl-navigation .navbar-content .nxl-item:hover>.nxl-link .nxl-micon i {
    color:#fff
}
html.app-navigation-dark .nxl-navigation .navbar-content .card {
    margin:20px;
    border-color:#283c50;
    color:rgba(255,255,255,.6);
    background:rgba(255,255,255,.05);
    box-shadow:0 0 0 1px rgba(0,0,0,.15)
}
html.app-navigation-dark .nxl-navigation .navbar-content .card .text-dark {
    color:#fff!important
}
html.app-navigation-dark.minimenu .nxl-navigation:hover .navbar-content {
    background-color:#0f172a;
    border-right:1px solid #1b2436
}
html.app-header-dark .nxl-navigation .m-header {
    background:#0f172a;
    border-bottom:1px solid #1b2436;
    border-right:1px solid #1b2436
}
html.app-header-dark .nxl-navigation .m-header .logo-lg {
    filter:invert(1)
}
html.app-header-dark .nxl-header {
    color:#fff;
    background:#0f172a;
    border-bottom:1px solid #1b2436
}
html.app-header-dark .nxl-header .header-wrapper .hamburger-inner {
    background-color:#fff
}
html.app-header-dark .nxl-header .header-wrapper .hamburger-inner:after,html.app-header-dark .nxl-header .header-wrapper .hamburger-inner:before {
    background-color:#fff
}
html.app-header-dark .nxl-header .header-wrapper .nxl-navigation-toggle a#menu-expend-button,html.app-header-dark .nxl-header .header-wrapper .nxl-navigation-toggle a#menu-mini-button {
    color:#fff
}
html.app-header-dark .nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle a#nxl-lavel-mega-menu-open {
    color:#fff
}
html.app-header-dark .nxl-header .header-wrapper .nxl-head-link {
    color:#fff
}
html.app-header-dark .nxl-header .header-wrapper .nxl-head-link.active,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:active,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:focus,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:hover {
    color:#3454d1;
    background-color:#1c2438!important
}
html.app-header-dark .nxl-header .header-wrapper .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-lavel-menu .avatar-image,html.app-header-dark .nxl-header .header-wrapper .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-lavel-menu .avatar-text {
    border-color:#1b2436
}
html.app-header-dark .nxl-header .header-wrapper .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .btn-light,html.app-header-dark .nxl-header .header-wrapper .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .btn-light-brand {
    color:#fff!important;
    border-color:#1b2436!important;
    background-color:#1c2438!important
}
html.app-skin-dark #renderRange,html.app-skin-dark .accordion-body,html.app-skin-dark .btn,html.app-skin-dark .col-form-label,html.app-skin-dark .custom-control-label,html.app-skin-dark .custom-file,html.app-skin-dark .custom-select,html.app-skin-dark .daterangepicker .ranges li,html.app-skin-dark .dropdown-item,html.app-skin-dark .form-control,html.app-skin-dark .form-label,html.app-skin-dark .form-select,html.app-skin-dark .h1,html.app-skin-dark .h2,html.app-skin-dark .h3,html.app-skin-dark .h4,html.app-skin-dark .h5,html.app-skin-dark .h6,html.app-skin-dark .input-group-text,html.app-skin-dark .ladda-button,html.app-skin-dark .list-group-item,html.app-skin-dark .reportrange-picker-field,html.app-skin-dark .table tfoot th,html.app-skin-dark .table thead th,html.app-skin-dark .text-dark,html.app-skin-dark .user-name,html.app-skin-dark a,html.app-skin-dark h1,html.app-skin-dark h2,html.app-skin-dark h3,html.app-skin-dark h4,html.app-skin-dark h5,html.app-skin-dark h6,html.app-skin-dark input {
    color:#fff!important
}
html.app-skin-dark .table,html.app-skin-dark .text-muted,html.app-skin-dark body {
    color:#b1b4c0!important
}
html.app-skin-dark .dropdown-item.active,html.app-skin-dark .dropdown-item:active,html.app-skin-dark .dropdown-item:focus,html.app-skin-dark .dropdown-item:hover {
    color:#3454d1!important
}
html.app-skin-dark .avatar-image,html.app-skin-dark .avatar-text,html.app-skin-dark .input-group-text,html.app-skin-dark .language_select.active a:before,html.app-skin-dark .offcanvas,html.app-skin-dark .page-header,html.app-skin-dark body {
    background-color:#121a2d!important
}
html.app-skin-dark #searchModal .search-form .input-group-text,html.app-skin-dark #searchModal .search-form .search-input-field,html.app-skin-dark .bg-white,html.app-skin-dark .card,html.app-skin-dark .dropdown-menu,html.app-skin-dark .footer,html.app-skin-dark .ladda-button,html.app-skin-dark .list-group-item,html.app-skin-dark .modal-content,html.app-skin-dark .nxl-header,html.app-skin-dark .page-content-left-sidebar-wrapper,html.app-skin-dark .page-content-right-sidebar-wrapper,html.app-skin-dark .page-header-right-items,html.app-skin-dark .swal2-popup {
    background-color:#0f172a!important
}
html.app-skin-dark .btn-light,html.app-skin-dark .btn-light-brand,html.app-skin-dark .card .card-loader,html.app-skin-dark .filter-btn,html.app-skin-dark .reportrange-picker-field {
    background-color:#1c2438!important
}
html.app-skin-dark .avatar-image,html.app-skin-dark .avatar-text,html.app-skin-dark .border,html.app-skin-dark .border-bottom,html.app-skin-dark .border-end,html.app-skin-dark .border-start,html.app-skin-dark .border-top,html.app-skin-dark .btn-icon,html.app-skin-dark .btn-light,html.app-skin-dark .btn-light-brand,html.app-skin-dark .card,html.app-skin-dark .card-footer,html.app-skin-dark .card-header,html.app-skin-dark .dropdown-divider,html.app-skin-dark .dropdown-header,html.app-skin-dark .dropdown-menu,html.app-skin-dark .filter-btn,html.app-skin-dark .footer,html.app-skin-dark .form-control,html.app-skin-dark .input-group-text,html.app-skin-dark .ladda-button,html.app-skin-dark .language_select a,html.app-skin-dark .list-group-item,html.app-skin-dark .modal-content,html.app-skin-dark .modal-footer,html.app-skin-dark .modal-header,html.app-skin-dark .notifications-footer,html.app-skin-dark .notifications-head,html.app-skin-dark .notifications-item,html.app-skin-dark .nxl-header,html.app-skin-dark .offcanvas,html.app-skin-dark .page-content-left-close-toggle,html.app-skin-dark .page-content-left-sidebar-wrapper,html.app-skin-dark .page-content-right-close-toggle,html.app-skin-dark .page-content-right-sidebar-wrapper,html.app-skin-dark .page-header,html.app-skin-dark .page-header-right-close-toggle,html.app-skin-dark .page-header-right-items,html.app-skin-dark .pagination-common-style li a,html.app-skin-dark .reportrange-picker-field,html.app-skin-dark .table thead th,html.app-skin-dark .table tr td,html.app-skin-dark .timesheets-footer,html.app-skin-dark .timesheets-head {
    border-color:#1b2436!important
}
html.app-skin-dark .custom-file,html.app-skin-dark .custom-select,html.app-skin-dark .form-control,html.app-skin-dark .form-select,html.app-skin-dark input,html.app-skin-dark textarea {
    background-color:transparent!important;
    border-color:#1b2436!important
}
html.app-skin-dark .custom-file.active,html.app-skin-dark .custom-file:active,html.app-skin-dark .custom-file:focus,html.app-skin-dark .custom-file:hover,html.app-skin-dark .custom-select.active,html.app-skin-dark .custom-select:active,html.app-skin-dark .custom-select:focus,html.app-skin-dark .custom-select:hover,html.app-skin-dark .form-control.active,html.app-skin-dark .form-control:active,html.app-skin-dark .form-control:focus,html.app-skin-dark .form-control:hover,html.app-skin-dark .form-select.active,html.app-skin-dark .form-select:active,html.app-skin-dark .form-select:focus,html.app-skin-dark .form-select:hover,html.app-skin-dark input.active,html.app-skin-dark input:active,html.app-skin-dark input:focus,html.app-skin-dark input:hover,html.app-skin-dark textarea.active,html.app-skin-dark textarea:active,html.app-skin-dark textarea:focus,html.app-skin-dark textarea:hover {
    border-color:#3454d1!important
}
html.app-skin-dark .daterangepicker .ranges li.active,html.app-skin-dark .daterangepicker .ranges li:active,html.app-skin-dark .daterangepicker .ranges li:focus,html.app-skin-dark .daterangepicker .ranges li:hover,html.app-skin-dark .daterangepicker td.available.active,html.app-skin-dark .daterangepicker td.available:active,html.app-skin-dark .daterangepicker td.available:focus,html.app-skin-dark .daterangepicker td.available:hover,html.app-skin-dark .daterangepicker th.available.active,html.app-skin-dark .daterangepicker th.available:active,html.app-skin-dark .daterangepicker th.available:focus,html.app-skin-dark .daterangepicker th.available:hover,html.app-skin-dark .dropdown-item.active,html.app-skin-dark .dropdown-item:active,html.app-skin-dark .dropdown-item:focus,html.app-skin-dark .dropdown-item:hover,html.app-skin-dark .nxl-header .nxl-head-link.active,html.app-skin-dark .nxl-header .nxl-head-link:active,html.app-skin-dark .nxl-header .nxl-head-link:focus,html.app-skin-dark .nxl-header .nxl-head-link:hover {
    background-color:#1c2438!important
}
.btn-check:active+html.app-skin-dark .btn:active,.btn-check:active+html.app-skin-dark .btn:focus,.btn-check:active+html.app-skin-dark .btn:hover,.btn-check:checked+html.app-skin-dark .btn:active,.btn-check:checked+html.app-skin-dark .btn:focus,.btn-check:checked+html.app-skin-dark .btn:hover,.btn-check:focus+html.app-skin-dark .btn:active,.btn-check:focus+html.app-skin-dark .btn:focus,.btn-check:focus+html.app-skin-dark .btn:hover,html.app-skin-dark .btn.active:active,html.app-skin-dark .btn.active:focus,html.app-skin-dark .btn.active:hover,html.app-skin-dark .btn.show:active,html.app-skin-dark .btn.show:focus,html.app-skin-dark .btn.show:hover,html.app-skin-dark .btn:active:active,html.app-skin-dark .btn:active:focus,html.app-skin-dark .btn:active:hover,html.app-skin-dark .btn:focus:active,html.app-skin-dark .btn:focus:focus,html.app-skin-dark .btn:focus:hover,html.app-skin-dark .btn:hover:active,html.app-skin-dark .btn:hover:focus,html.app-skin-dark .btn:hover:hover {
    color:#fff!important
}
html.app-skin-dark .apexcharts-tooltip,html.app-skin-dark .daterangepicker {
    box-shadow:0 4px 24px 0 rgba(4,0,40,.8)
}
html.app-skin-dark .apexcharts-graphical .apexcharts-radar-series polygon {
    fill:#121a2e;
    stroke:#242f4a
}
html.app-skin-dark .btn-close {
    filter:invert(1)
}
html.app-skin-dark hr {
    border-color:#25324a!important
}
html.app-skin-dark .bg-gray-100,html.app-skin-dark .bg-soft-100 {
    background-color:#131c31!important
}
html.app-skin-dark .bg-gray-200,html.app-skin-dark .bg-soft-200 {
    background-color:#151e34!important
}
html.app-skin-dark .bg-gray-300,html.app-skin-dark .bg-soft-300 {
    background-color:#162038!important
}
html.app-skin-dark .bg-gray-400,html.app-skin-dark .bg-soft-400 {
    background-color:#18223c!important
}
html.app-skin-dark .bg-gray-500,html.app-skin-dark .bg-soft-500 {
    background-color:#19253f!important
}
html.app-skin-dark .bg-gray-600,html.app-skin-dark .bg-soft-600 {
    background-color:#1b2743!important
}
html.app-skin-dark .bg-primary {
    background-color:#3454d1!important
}
html.app-skin-dark .bg-success {
    background-color:#17c666!important
}
html.app-skin-dark .bg-danger {
    background-color:#ea4d4d!important
}
html.app-skin-dark .bg-warning {
    background-color:#ffa21d!important
}
html.app-skin-dark .bg-indigo {
    background-color:#6610f2!important
}
html.app-skin-dark .bg-teal {
    background-color:#41b2c4!important
}
html.app-skin-dark .bg-info {
    background-color:#3dc7be!important
}
html.app-skin-dark .bg-soft-primary {
    background-color:rgba(52,84,209,.075)!important
}
html.app-skin-dark .bg-soft-success {
    background-color:rgba(23,198,102,.075)!important
}
html.app-skin-dark .bg-soft-danger {
    background-color:rgba(234,77,77,.075)!important
}
html.app-skin-dark .bg-soft-info {
    background-color:rgba(61,199,190,.075)!important
}
html.app-skin-dark .bg-soft-warning {
    background-color:rgba(255,162,29,.075)!important
}
html.app-skin-dark .bg-soft-teal {
    background-color:rgba(65,178,196,.075)!important
}
html.app-skin-dark .bg-soft-indigo {
    background-color:rgba(102,16,242,.075)!important
}
html.app-skin-dark .bg-soft-dark {
    background-color:rgba(40,60,80,.075)!important
}
html.app-skin-dark .bg-soft-darken {
    background-color:rgba(0,19,39,.075)!important
}
html.app-skin-dark .text-primary {
    color:#3454d1!important
}
html.app-skin-dark .text-success {
    color:#17c666!important
}
html.app-skin-dark .text-danger {
    color:#ea4d4d!important
}
html.app-skin-dark .text-info {
    color:#3dc7be!important
}
html.app-skin-dark .text-warning {
    color:#ffa21d!important
}
html.app-skin-dark .text-teal {
    color:#41b2c4!important
}
html.app-skin-dark .text-indigo {
    color:#6610f2!important
}
html.app-skin-dark .border-primary {
    border-color:#3454d1!important
}
html.app-skin-dark .border-secondary {
    border-color:#64748b!important
}
html.app-skin-dark .border-success {
    border-color:#17c666!important
}
html.app-skin-dark .border-danger {
    border-color:#ea4d4d!important
}
html.app-skin-dark .border-warning {
    border-color:#ffa21d!important
}
html.app-skin-dark .border-teal {
    border-color:#41b2c4!important
}
html.app-skin-dark .border-info {
    border-color:#3dc7be!important
}
html.app-skin-dark .border-indigo {
    border-color:#6610f2!important
}
html.app-skin-dark .border-dark {
    border-color:#283c50!important
}
html.app-skin-dark .border-black {
    border-color:#000!important
}
html.app-skin-dark .alert.alert-soft-success-message {
    color:#17c666;
    background-color:rgba(23,198,102,.075);
    border:1px dashed #0a542b
}
html.app-skin-dark .alert.alert-soft-warning-message {
    color:#ffa21d;
    background-color:rgba(255,162,29,.075);
    border:1px dashed #9d5c00
}
html.app-skin-dark .alert.alert-soft-danger-message {
    color:#ea4d4d;
    background-color:rgba(234,77,77,.075);
    border:1px dashed #bb1616
}
html.app-skin-dark .alert.alert-soft-teal-message {
    color:#41b2c4;
    background-color:rgba(65,178,196,.075);
    border:1px dashed #266e79
}
html.app-skin-dark .hamburger-inner {
    background-color:#fff
}
html.app-skin-dark .hamburger-inner:after,html.app-skin-dark .hamburger-inner:before {
    background-color:#fff
}
html.app-skin-dark .daterangepicker {
    color:#b1b4c0;
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .daterangepicker .calendar-table,html.app-skin-dark .daterangepicker .drp-buttons,html.app-skin-dark .daterangepicker .drp-calendar.left {
    border-color:#1b2436!important
}
html.app-skin-dark .daterangepicker .calendar-table {
    background-color:#121a2d
}
html.app-skin-dark .daterangepicker td.off,html.app-skin-dark .daterangepicker td.off.in-range {
    opacity:.1;
    background-color:#121a2d
}
html.app-skin-dark .daterangepicker td.in-range {
    background-color:#0f172a
}
html.app-skin-dark .daterangepicker:after,html.app-skin-dark .daterangepicker:before {
    border-bottom-color:#1b2436
}
html.app-skin-dark .apexcharts-canvas .apexcharts-tooltip,html.app-skin-dark .apexcharts-canvas .apexcharts-xaxistooltip {
    color:#fff;
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .apexcharts-canvas .apexcharts-tooltip-title {
    color:#fff;
    border-color:#1b2436;
    background-color:#0f172a
}
html.app-skin-dark .apexcharts-canvas .apexcharts-grid line {
    stroke:#121a2d
}
html.app-skin-dark .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after,html.app-skin-dark .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color:#1b2436
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-selection {
    border-color:#1b2436;
    background-color:#0f172a
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-dropdown {
    border-color:#1b2436;
    background-color:#0f172a
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    color:#b1b4c0
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,html.app-skin-dark .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color:rgba(84,133,228,.075)!important
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color:#b1b4c0
}
html.app-skin-dark .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color:#b1b4c0;
    border-color:#1b2436
}
html.app-skin-dark .timeTo div {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .timeTo.timeTo-white div {
    color:#b1b4c0;
    background-color:#121a2d
}
html.app-skin-dark .circle-progress .circle-progress-text {
    fill:#fff
}
html.app-skin-dark .circle-progress .circle-progress-circle {
    stroke:#121a2d
}
html.app-skin-dark .calendar {
    color:#fff
}
html.app-skin-dark .calendar header {
    border-color:#1b2436
}
html.app-skin-dark .calendar header .simple-calendar-btn {
    border-color:#1b2436
}
html.app-skin-dark .calendar header .simple-calendar-btn:hover {
    background-color:#121a2d
}
html.app-skin-dark .calendar header .month .year {
    color:#b1b4c0
}
html.app-skin-dark .calendar .day {
    color:#b1b4c0
}
html.app-skin-dark .calendar .day.has-event {
    background-color:#162038
}
html.app-skin-dark .calendar .day.wrong-month {
    opacity:.3;
    color:#a3a6b5
}
html.app-skin-dark .calendar .event-container,html.app-skin-dark .calendar .filler {
    background-color:#121a2d
}
html.app-skin-dark .swal2-container .swal2-popup.swal2-toast {
    border-color:#1b2436;
    background-color:#0f172a
}
html.app-skin-dark .swal2-container.swal2-backdrop-show {
    background:rgba(25,35,60,.8)
}
html.app-skin-dark .tagify__input {
    color:#b1b4c0
}
html.app-skin-dark .tagify__input:before {
    color:#b1b4c0
}
html.app-skin-dark .tagify__dropdown {
    border-color:#1b2436
}
html.app-skin-dark .tagify__dropdown .tagify__dropdown__wrapper {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__item {
    border-color:#1b2436
}
html.app-skin-dark .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__item:hover {
    background-color:#1c2438
}
html.app-skin-dark .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__item strong {
    color:#fff
}
html.app-skin-dark .ql-snow.ql-toolbar {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label,html.app-skin-dark .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
    border-color:#1b2436
}
html.app-skin-dark .ql-snow .ql-picker {
    color:#b1b4c0
}
html.app-skin-dark .ql-snow.ql-container {
    border-color:#1b2436
}
html.app-skin-dark .ql-snow .ql-stroke {
    stroke:#fff
}
html.app-skin-dark .ql-snow .ql-picker-options {
    background-color:#121a2d
}
html.app-skin-dark .ql-snow .ql-picker-label {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .ql-snow .ql-editor {
    color:#b1b4c0
}
html.app-skin-dark .datepicker-picker {
    background-color:#121a2d
}
html.app-skin-dark .datepicker-picker .button {
    color:#fff;
    background-color:#121a2d
}
html.app-skin-dark .datepicker-picker .button:active,html.app-skin-dark .datepicker-picker .button:focus,html.app-skin-dark .datepicker-picker .button:hover {
    background-color:#1c2438
}
html.app-skin-dark .datepicker-picker .datepicker-cell.range {
    background-color:#1c2438
}
html.app-skin-dark .datepicker-picker .datepicker-cell.focused:not(.selected),html.app-skin-dark .datepicker-picker .datepicker-cell:not(.disabled):hover {
    color:#fff;
    background-color:#1c2438
}
html.app-skin-dark .datepicker-picker .datepicker-cell.next:not(.disabled),html.app-skin-dark .datepicker-picker .datepicker-cell.prev:not(.disabled) {
    opacity:.3;
    color:#536577
}
html.app-skin-dark .datepicker-picker .datepicker-footer {
    background-color:#1c2438
}
html.app-skin-dark .datepicker-picker .datepicker-footer .datepicker-controls .button {
    color:#fff;
    border-color:#1b2436
}
html.app-skin-dark ul#checklist li {
    border-color:#1b2436
}
html.app-skin-dark ul#checklist li.checked {
    color:#b1b4c0;
    background-color:#1c2438
}
html.app-skin-dark ul#checklist li .close {
    border-color:#1b2436
}
html.app-skin-dark lnb-calendars>div {
    border-color:#1b2436
}
html.app-skin-dark .lnb-calendars-item label {
    color:#b1b4c0!important
}
html.app-skin-dark .calendar-action-btn .calendar-dropdown-btn,html.app-skin-dark .calendar-action-btn .menu-navi>.move-today {
    color:#fff!important;
    border-color:#1b2436!important
}
html.app-skin-dark .menu-navi .move-day {
    color:#fff;
    border-color:#1b2436
}
html.app-skin-dark .lnb-calendars>div,html.app-skin-dark .tui-datepicker *,html.app-skin-dark .tui-full-calendar-layout * {
    color:#fff!important
}
html.app-skin-dark .lnb-calendars>div,html.app-skin-dark .tui-datepicker *,html.app-skin-dark .tui-full-calendar-layout * {
    border-color:#1b2436!important
}
html.app-skin-dark .tui-datepicker *,html.app-skin-dark .tui-datepicker .tui-is-selectable:hover,html.app-skin-dark .tui-datepicker.tui-rangepicker .tui-is-selected-range,html.app-skin-dark .tui-full-calendar-button,html.app-skin-dark .tui-full-calendar-dropdown-menu,html.app-skin-dark .tui-full-calendar-layout,html.app-skin-dark .tui-full-calendar-popup-container {
    background-color:#121a2d!important
}
html.app-skin-dark .tui-calendar-btn-next-month:after,html.app-skin-dark .tui-calendar-btn-next-year:after,html.app-skin-dark .tui-calendar-btn-prev-month:after,html.app-skin-dark .tui-calendar-btn-prev-year:after,html.app-skin-dark .tui-full-calendar-ic-close {
    filter:invert(1)
}
html.app-skin-dark input[type=checkbox].tui-full-calendar-checkbox-round+span:before {
    color:#121a2d
}
html.app-skin-dark .dataTables_wrapper .row:first-child,html.app-skin-dark .dataTables_wrapper .row:last-child {
    border-color:#1b2436!important
}
html.app-skin-dark .dataTables_wrapper table.dataTable.table-hover>tbody>tr:hover>* {
    background-color:#1c2438
}
html.app-skin-dark .dataTables_wrapper .dataTables_paginate .page-link {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .dataTables_wrapper .dataTables_paginate .page-link.disabled {
    opacity:.3;
    background-color:#0f172a
}
html.app-skin-dark .wizard .steps.sticky {
    background-color:#0f172a!important
}
html.app-skin-dark .wizard>.actions>ul>li,html.app-skin-dark .wizard>.steps>ul>li {
    border-color:#1b2436
}
html.app-skin-dark .wizard .tabcontrol ul,html.app-skin-dark .wizard ul[role=tablist] {
    border-color:#1b2436
}
html.app-skin-dark .wizard .card-input-element+.card .avatar-text {
    color:#fff
}
html.app-skin-dark .wizard>.actions {
    border-color:#1b2436
}
html.app-skin-dark .wizard>.actions .disabled a,html.app-skin-dark .wizard>.actions .disabled a:active,html.app-skin-dark .wizard>.actions .disabled a:hover {
    opacity:.3;
    background-color:#0f172a
}
html.app-skin-dark .wizard>.content>.body label.error {
    background-color:rgba(255,53,91,.0784313725);
    border:1px dashed rgba(255,97,113,.2784313725)
}
html.app-skin-dark .custom-file-upload {
    border-color:#1b2436;
    background-color:#1c2438
}
html.app-skin-dark .accordion .accordion-item {
    background-color:#121a2d;
    border-color:#1b2436
}
html.app-skin-dark .accordion .accordion-item .accordion-header .accordion-button {
    color:#fff;
    border-color:#1b2436
}
html.app-skin-dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color:#3454d1;
    background-color:#1c2438
}
html.app-skin-dark .accordion-collapse .accordion-body {
    border-color:#1b2436;
    background-color:#121a2d!important
}
html.app-skin-dark .dropdown .dropdown-menu {
    box-shadow:0 10px 20px rgba(5,0,38,.8)
}
html.app-skin-dark .dropdown .dropdown-menu .dropdown-item i.bg-gray-500 {
    background-color:#fff!important
}
html.app-skin-dark .dropdown .dropdown-menu .dropdown-item.active i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:active i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:focus i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:hover i.bg-gray-500 {
    background-color:#3454d1!important
}
html.app-skin-dark .card {
    box-shadow:0 0 20px rgba(14,32,56,.3)
}
html.app-skin-dark .table.table-hover>tbody>tr:hover>*,html.app-skin-dark .table.table-striped>tbody>tr:nth-of-type(odd)>*,html.app-skin-dark .table>tbody>tr:hover>*,html.app-skin-dark .table>tbody>tr:nth-of-type(odd)>* {
    color:#fff!important;
    --bs-table-accent-bg:#121b2e!important
}
html.app-skin-dark .table:not(caption)>* {
    border-color:#1b2436!important
}
html.app-skin-dark .custom-checkbox .custom-control-label:before {
    border-color:#1b2436;
    background-color:#19253f
}
html.app-skin-dark .modal-backdrop {
    --bs-backdrop-opacity:0.9;
    background-color:#000915
}
html.app-skin-dark .popover {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .nav-item .nav-link {
    color:#fff
}
html.app-skin-dark .nav-item .nav-link.active,html.app-skin-dark .nav-item .nav-link:hover {
    color:#3454d1;
    background-color:#1c2438!important
}
html.app-skin-dark .customers-nav-tabs,html.app-skin-dark .nav-tabs-custom-style {
    border-color:#1b2436
}
html.app-skin-dark .customers-nav-tabs .nav-item .nav-link,html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link {
    border-radius:0 0;
    color:#fff!important;
    border-color:transparent!important
}
html.app-skin-dark .customers-nav-tabs .nav-item .nav-link.active,html.app-skin-dark .customers-nav-tabs .nav-item .nav-link.hover,html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link.active,html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link.hover {
    color:#3454d1!important;
    border-bottom-color:#3454d1!important;
    border-color:#1b2436;
    background-color:#1c2438
}
html.app-skin-dark .activity-feed .feed-item,html.app-skin-dark .activity-feed-1 .feed-item,html.app-skin-dark .activity-feed-2 .feed-item {
    border-color:#1b2436
}
html.app-skin-dark .activity-feed .feed-item .text,html.app-skin-dark .activity-feed-1 .feed-item .text,html.app-skin-dark .activity-feed-2 .feed-item .text {
    color:#fff
}
html.app-skin-dark .activity-feed .feed-item-primary::after,html.app-skin-dark .activity-feed-1 .feed-item-primary::after,html.app-skin-dark .activity-feed-2 .feed-item-primary::after {
    border-color:#465a82
}
html.app-skin-dark .activity-feed .feed-item-secondary:after,html.app-skin-dark .activity-feed-1 .feed-item-secondary:after,html.app-skin-dark .activity-feed-2 .feed-item-secondary:after {
    border-color:#323c46
}
html.app-skin-dark .activity-feed .feed-item-success:after,html.app-skin-dark .activity-feed-1 .feed-item-success:after,html.app-skin-dark .activity-feed-2 .feed-item-success:after {
    border-color:#235532
}
html.app-skin-dark .activity-feed .feed-item-info::after,html.app-skin-dark .activity-feed-1 .feed-item-info::after,html.app-skin-dark .activity-feed-2 .feed-item-info::after {
    border-color:#234b64
}
html.app-skin-dark .activity-feed .feed-item-warning::after,html.app-skin-dark .activity-feed-1 .feed-item-warning::after,html.app-skin-dark .activity-feed-2 .feed-item-warning::after {
    border-color:#5f501e
}
html.app-skin-dark .activity-feed .feed-item-danger::after,html.app-skin-dark .activity-feed-1 .feed-item-danger::after,html.app-skin-dark .activity-feed-2 .feed-item-danger::after {
    border-color:#5a2d2d
}
html.app-skin-dark .activity-feed .feed-item-teal::after,html.app-skin-dark .activity-feed-1 .feed-item-teal::after,html.app-skin-dark .activity-feed-2 .feed-item-teal::after {
    border-color:#285546
}
html.app-skin-dark #searchModal .search-form .input-group-text .btn-close:after {
    color:#91a1b6;
    border-color:#91a1b6
}
html.app-skin-dark .nxl-navigation {
    background:#0f172a
}
html.app-skin-dark .nxl-navigation .m-header {
    background:#0f172a;
    border-right:1px solid #1b2436;
    border-bottom:1px solid #16213d
}
html.app-skin-dark .nxl-navigation .m-header .logo-lg {
    filter:invert(1)
}
html.app-skin-dark .nxl-navigation .navbar-content {
    border-right:1px solid #1b2436
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-caption {
    color:#fff
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-link {
    color:#b1b4c0
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:active,html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:focus,html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:hover {
    color:#fff
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:active .nxl-micon i,html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:focus .nxl-micon i,html.app-skin-dark .nxl-navigation .navbar-content .nxl-link:hover .nxl-micon i {
    color:#fff
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item.active>.nxl-link,html.app-skin-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item:focus>.nxl-link,html.app-skin-dark .nxl-navigation .navbar-content .nxl-navbar>.nxl-item:hover>.nxl-link {
    background-color:#1c2438
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-item.active>.nxl-link,html.app-skin-dark .nxl-navigation .navbar-content .nxl-item:focus>.nxl-link,html.app-skin-dark .nxl-navigation .navbar-content .nxl-item:hover>.nxl-link {
    color:#fff;
    background-color:#1c2438
}
html.app-skin-dark .nxl-navigation .navbar-content .nxl-item.active>.nxl-link .nxl-micon i,html.app-skin-dark .nxl-navigation .navbar-content .nxl-item:focus>.nxl-link .nxl-micon i,html.app-skin-dark .nxl-navigation .navbar-content .nxl-item:hover>.nxl-link .nxl-micon i {
    color:#fff
}
html.app-skin-dark .nxl-navigation .navbar-content .card {
    margin:20px;
    border-color:#283c50;
    color:rgba(255,255,255,.6);
    background:rgba(255,255,255,.05);
    box-shadow:0 0 0 1px rgba(0,0,0,.15)
}
html.app-skin-dark .nxl-navigation .navbar-content .card .text-dark {
    color:#fff!important
}
html.app-skin-dark.minimenu .nxl-navigation:hover .navbar-content {
    background-color:#0f172a;
    border-right:1px solid #1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-image {
    background-color:#1c2438
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link {
    color:#fff;
    background-color:#121a2d
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link.active,html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link:hover {
    color:#3454d1;
    background-color:#1c2438
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content {
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-integrations .dropdown-item,html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-resources-right .dropdown-item {
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs {
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link {
    color:#fff;
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active,html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link:hover {
    color:#3454d1
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-content .nxl-mega-menu-miscellaneous-services i {
    color:#fff
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-toggle a#nxl-lavel-mega-menu-hide {
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content {
    border-color:#1b2436
}
html.app-skin-dark .nxl-header .header-wrapper .header-right .nxl-header-language .nxl-h-dropdown.nxl-search-dropdown .avatar-text,html.app-skin-dark .nxl-header .header-wrapper .header-right .nxl-header-search .nxl-h-dropdown.nxl-search-dropdown .avatar-text {
    color:#fff
}
html.app-skin-dark .nxl-header .header-wrapper .header-right .nxl-header-language .nxl-h-dropdown.nxl-language-dropdown .language_select a:hover,html.app-skin-dark .nxl-header .header-wrapper .header-right .nxl-header-search .nxl-h-dropdown.nxl-language-dropdown .language_select a:hover {
    background-color:#151e34
}
html.app-skin-dark .nxl-header .header-wrapper .header-right .nxl-notifications-menu .notifications-item .notifications-desc .text-body {
    color:#fff!important
}
html.app-skin-dark .nxl-header .header-wrapper .header-right .timesheets-body i {
    color:#fff
}
html.app-skin-dark .invoice-overview-tab-item .nav-item {
    border-color:#1b2436
}
html.app-skin-dark .nxl-container .nxl-content .main-content .sales-pipeline-tabs .nav-item .nav-link {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .nxl-container .nxl-content .main-content .sales-pipeline-tabs .nav-item .nav-link.active {
    background-color:#162038
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-sidebar {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-sidebar .content-sidebar-header {
    border-color:#1b2436;
    background-color:#121a2d!important
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-sidebar .content-sidebar-body .sidebar-search input {
    background-color:#121a2d
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-area .content-area-header {
    border-color:#1b2436;
    background-color:#121a2d!important
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-area .content-area-header .search-form .search-form-inner {
    border-color:#1b2436;
    background-color:#121a2d!important
}
html.app-skin-dark .nxl-container .nxl-content .main-content .content-area .content-area-header .search-form .search-form-inner input {
    background-color:#121a2d
}
html.app-skin-dark .calling-modal-screen .chat-calling-content {
    background-image:radial-gradient(circle,#1d2538,#181f31,#0f172a,#080f1f,#050a16)
}
html.app-skin-dark .calling-modal-screen .chat-calling-text-message-sidebar {
    background-color:#0f172a
}
html.app-skin-dark .nxl-container.apps-email .nxl-content .main-content .content-area .content-area-body .single-items {
    border-color:#1b2436;
    background-color:#121a2d
}
html.app-skin-dark .nxl-container.apps-email .nxl-content .main-content .items-details {
    background-color:#121a2d!important
}
html.app-skin-dark .nxl-container.apps-email .nxl-content .main-content .items-details .items-details-header {
    border-color:#1b2436;
    background-color:#121a2d!important
}
html.app-skin-dark .nxl-container.apps-email .nxl-content .main-content .items-details .items-details-footer {
    background-color:#121a2d!important
}
html.app-skin-dark .proposal-action-btn .action-btn {
    border-color:#1b2436!important
}
html.app-skin-dark .help-center-content-header {
    background-image:radial-gradient(circle,#1d2538,#181f31,#0f172a,#080f1f,#050a16)
}
html.app-skin-dark .help-center-content-header .form-control {
    background-color:#0f172a!important
}
html.app-skin-dark .auth-cover-wrapper .auth-cover-sidebar-inner {
    box-shadow:none;
    background-color:#0f172a;
    border-left:1px solid #1b2436
}
html.app-skin-dark .auth-creative-wrapper .auth-creative-inner:after {
    background-color:#0c1322
}
html.app-skin-dark :-ms-input-placeholder,html.app-skin-dark ::-webkit-input-placeholder,html.app-skin-dark ::placeholder {
    color:#50566e!important
}
html.app-skin-dark ::-webkit-scrollbar-track {
    background-color:#121a2d!important
}
html.app-skin-dark ::-webkit-scrollbar-thumb {
    background-color:#19253f!important
}
html.app-skin-dark .dark-light-theme .light-button {
    display:inline-flex!important
}
html.app-skin-dark .dark-light-theme .dark-button {
    display:none!important
}
html.app-skin-dark .theme-customizer {
    background-color:#0f172a;
    border-color:#1b2436
}
html.app-skin-dark .theme-customizer.theme-customizer-open {
    box-shadow:0 0 20px rgba(0,0,0,.5)
}
html.app-skin-dark .theme-customizer .customizer-handle .cutomizer-open-trigger {
    color:#fff;
    box-shadow:0 0 20px rgba(0,0,0,.5)
}
html.app-skin-dark .theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option .options-label:hover {
    background-color:#1c2438
}
html.app-skin-dark .theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option input:checked+.options-label:before {
    background-color:#1c2438
}
html.app-skin-dark .theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option.active:before {
    background-color:#1c2438
}
.dark-button {
    display:inline-flex!important
}
html.app-font-family-lato body {
    font-family:Lato,sans-serif
}
html.app-font-family-rubik body {
    font-family:Rubik,sans-serif
}
html.app-font-family-inter body {
    font-family:Inter,sans-serif
}
html.app-font-family-cinzel body {
    font-family:Cinzel,sans-serif
}
html.app-font-family-nunito body {
    font-family:Nunito,sans-serif
}
html.app-font-family-roboto body {
    font-family:Roboto,sans-serif
}
html.app-font-family-ubuntu body {
    font-family:Ubuntu,sans-serif
}
html.app-font-family-poppins body {
    font-family:Poppins,sans-serif
}
html.app-font-family-raleway body {
    font-family:Raleway,sans-serif
}
html.app-font-family-system-ui body {
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
html.app-font-family-noto-sans body {
    font-family:"Noto Sans",sans-serif
}
html.app-font-family-fira-sans body {
    font-family:"Fira Sans",sans-serif
}
html.app-font-family-work-sans body {
    font-family:"Work Sans",sans-serif
}
html.app-font-family-open-sans body {
    font-family:"Open Sans",sans-serif
}
html.app-font-family-maven-pro body {
    font-family:"Maven Pro",sans-serif
}
html.app-font-family-quicksand body {
    font-family:Quicksand,sans-serif
}
html.app-font-family-montserrat body {
    font-family:Montserrat,sans-serif
}
html.app-font-family-josefin-sans body {
    font-family:"Josefin Sans",sans-serif
}
html.app-font-family-ibm-plex-sans body {
    font-family:"IBM Plex Sans",sans-serif
}
html.app-font-family-source-sans-pro body {
    font-family:"Source Sans Pro",sans-serif
}
html.app-font-family-montserrat-alt body {
    font-family:"Montserrat Alternates",sans-serif
}
html.app-font-family-roboto-slab body {
    font-family:"Roboto Slab",serif
}
/*!
<--!----------------------------------------------------------------!-->
* Responsive CSS
<--!----------------------------------------------------------------!-->
*/@media (min-width:576px) {
    .nxl-user-dropdown .dropdown-menu.show {
        display:block;
        left:-225px!important;
        top:-10px!important
    }
}
@media (min-width:1024px) {
    .nxl-head-mobile-toggler {
        display:none
    }
}
@media (min-width:1200px) {
    .nxl-container.apps-container .nxl-content.without-header .main-content .app-sidebar-close-trigger,.nxl-container.apps-container .nxl-content.without-header .main-content .app-sidebar-open-trigger {
        display:none!important
    }
}
@media (max-width:424.98px) {
    .auth-container .wd-450 {
        width:350px!important;
        min-width:350px!important;
        max-width:350px!important
    }
}
@media (max-width:575.98px) {
    .nxl-header .header-wrapper {
        padding:0 20px
    }
    .nxl-header .header-wrapper .nxl-h-item {
        position:static
    }
    .nxl-header .header-wrapper .nxl-h-item .nxl-h-dropdown {
        left:0!important;
        right:0!important;
        width:-webkit-fill-available
    }
    .nxl-header .header-wrapper .nxl-level-menu .dropdown-menu {
        left:0;
        display:block;
        padding-left:30px
    }
    .nxl-container .nxl-content .page-header {
        padding:0 20px
    }
    .nxl-container .nxl-content .main-content {
        padding:20px 20px 5px
    }
    .nxl-container .nxl-content .main-content .content-area .content-area-body,.nxl-container .nxl-content .main-content .content-area .content-area-header {
        padding:20px 20px
    }
    .card {
        margin-bottom:20px
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container {
        min-width:300px
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-calendar {
        width:130px
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content,.tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-calendar .tui-full-calendar-section-state .tui-full-calendar-content {
        width:85px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-state {
        width:145px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
        width:140px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-title {
        width:calc(100% - 55px)!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-title input {
        width:185px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-popup-section-item.tui-full-calendar-section-location input {
        width:240px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-end-date,.tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-start-date {
        width:110px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-end-date input,.tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-section-start-date input {
        width:68px!important
    }
    .tui-full-calendar-popup .tui-full-calendar-popup-container .tui-full-calendar-popup-section-item .tui-full-calendar-section-allday {
        margin-left:10px;
        padding:5px 12px 5px 12px
    }
    .auth-container .card {
        margin:20px auto
    }
    .auth-container .card.wd-450 {
        width:400px;
        min-width:400px;
        max-width:400px
    }
}
@media (max-width:767.98px) {
    .nxl-header .header-wrapper .nxl-h-item {
        position:static
    }
    .nxl-header .header-wrapper .nxl-h-item .nxl-h-dropdown.nxl-language-dropdown,.nxl-header .header-wrapper .nxl-h-item .nxl-h-dropdown.nxl-search-dropdown {
        left:0!important;
        right:0!important;
        width:-webkit-fill-available
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items {
        top:79px;
        right:0;
        z-index:99;
        height:100%;
        width:280px;
        position:fixed;
        background-color:#fff;
        border-top:1px solid #e5e7eb;
        border-left:1px solid #e5e7eb;
        display:flex;
        flex-direction:column;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease;
        transform:translateX(100%)
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open {
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
        transform:translateX(0);
        box-shadow:0 10px 25px rgba(40,60,80,.15)
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open .btn,.nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open .dropdown,.nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open .reportrange-picker,.nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open .reportrange-picker-field {
        width:100%
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items.page-header-right-open .dropdown .dropdown-menu {
        width:240px;
        transform:translate3d(0,40px,0)!important
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items .page-header-right-items-wrapper {
        padding:20px 20px;
        flex-direction:column
    }
    .nxl-container .nxl-content .page-header .page-header-right .page-header-right-items .page-header-right-close-toggle {
        height:65px;
        width:100%;
        padding:15px;
        display:flex;
        align-items:center;
        line-height:0;
        border-bottom:1px solid #e5e7eb
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper {
        left:0;
        top:80px;
        z-index:98;
        height:100%;
        width:250px;
        display:block;
        position:fixed;
        background:#fff;
        border-right:1px solid #e5e7eb;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease;
        transform:translateX(-100%)
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper.page-content-left-open {
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
        transform:translateX(0)
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper .page-content-left-close-toggle {
        height:65px;
        width:100%;
        padding:15px;
        display:flex;
        align-items:center;
        line-height:0;
        border-bottom:1px solid #e5e7eb
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper {
        right:0;
        top:80px;
        z-index:98;
        height:100%;
        width:250px;
        display:block;
        position:fixed;
        background:#fff;
        border-left:1px solid #e5e7eb;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease;
        transform:translateX(100%)
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper.page-content-right-open {
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
        transform:translateX(0)
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper .page-content-right-close-toggle {
        height:65px;
        width:100%;
        padding:15px;
        display:flex;
        align-items:center;
        line-height:0;
        border-bottom:1px solid #e5e7eb
    }
    .nxl-container .nxl-content .help-center-content-header {
        height:350px!important;
        min-height:350px!important;
        max-height:350px!important
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style {
        width:100%;
        margin-top:-1px;
        flex-direction:column
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style .nav-item .nav-link {
        width:100%;
        text-align:left;
        padding:15px 25px;
        border-right:none;
        border-left:3px solid transparent;
        border-bottom:1px solid #e5e7eb
    }
    .nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style .nav-item .nav-link.active,.nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style .nav-item .nav-link:hover {
        border-bottom:0;
        border-left:3px solid #3454d1!important
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper .proposal-action-btn {
        display:flex;
        flex-direction:column;
        padding:20px 20px
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper .proposal-action-btn .action-btn {
        height:auto;
        margin-bottom:5px;
        padding:10px 20px;
        align-items:center;
        justify-content:flex-start;
        border:1px solid #e5e7eb;
        border-radius:5px
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper .proposal-action-btn .action-btn.action-btn-right-border {
        padding-right:0
    }
    .nxl-container .nxl-content .page-content-right-navigation-wrapper .proposal-action-btn .action-btn i {
        font-size:15px
    }
    .nxl-container .nxl-content .main-content .content-area .content-area-body .wd-300,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-350,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-400,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-450,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-500,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-550,.nxl-container .nxl-content .main-content .content-area .content-area-body .wd-600 {
        width:100%;
        max-width:100%;
        min-width:100%
    }
    .wd-300,.wd-350,.wd-400,.wd-450,.wd-500,.wd-550,.wd-600 {
        width:100%
    }
}
@media (max-width:991.98px) {
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu {
        top:0;
        left:0;
        z-index:1;
        width:300px;
        height:100%;
        position:fixed;
        overflow-y:auto;
        overflow-x:hidden;
        background:#fff;
        box-shadow:0 10px 25px rgba(40,60,80,.15);
        border-right:1px solid #e5e7eb;
        opacity:0;
        visibility:hidden;
        transform:translateX(-100%);
        transition:all .3s ease
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-toggle a#nxl-lavel-mega-menu-hide {
        width:100%;
        height:80px;
        padding:25px;
        display:flex;
        align-items:center;
        border-bottom:1px solid #e5e7eb
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper {
        padding:25px 25px;
        flex-direction:column
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown {
        display:block;
        width:100%;
        top:80px!important;
        border:none;
        box-shadow:none;
        left:0!important
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs {
        width:100%;
        min-width:100%;
        max-width:100%
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content {
        height:auto;
        overflow-y:auto;
        border-left:none;
        border-top:1px solid #e5e7eb
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs {
        border:none
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link {
        width:100%;
        border-top:none;
        border-right:none;
        border-bottom:none;
        border-left:1px solid transparent;
        border-radius:0
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link:first-child {
        margin-left:0
    }
    .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active {
        border-bottom:none;
        border-left:1px solid #3454d1
    }
    html.nxl-lavel-mega-menu-open .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu {
        opacity:1;
        visibility:visible;
        transform:translateX(0);
        transition:all .3s ease
    }
    html.nxl-lavel-mega-menu-open .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-menu {
        display:inline
    }
    html.nxl-lavel-mega-menu-open .nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-mega-menu {
        display:inline
    }
    .auth-cover-wrapper .auth-cover-content-inner {
        display:none
    }
    .auth-cover-wrapper .auth-cover-sidebar-inner {
        padding:25px 25px;
        margin:30px 30px;
        border-radius:15px
    }
    .auth-cover-wrapper .auth-cover-sidebar-inner .auth-cover-card-wrapper .auth-cover-card {
        padding:25px 0;
        width:100%;
        max-width:300px
    }
}
@media (max-width:1023.98px) {
    #tasksDetailsOffcanvas.w-50 {
        width:100%!important
    }
}
@media (max-width:1024px) {
    .nxl-header {
        top:0;
        left:0!important;
        transition:all .15s ease-in-out
    }
    .nxl-header .nxl-head-link {
        display:inline-flex
    }
    .nxl-header .nxl-head-link#mobile-collapse {
        position:absolute;
        left:15px
    }
    .nxl-header .nxl-head-mobile-toggler {
        display:inline-flex
    }
    .nxl-header .nxl-navigation-toggle {
        display:none
    }
    .nxl-header.mob-header-active {
        top:80px
    }
    .nxl-header.mob-header-active .header-wrapper {
        background:#0f172a;
        position:relative;
        z-index:5
    }
    .nxl-header .nxl-md-overlay {
        position:fixed;
        top:0;
        left:0;
        width:100vw;
        height:100vh;
        z-index:1;
        background:rgba(0,0,0,.2)
    }
    .nxl-header .nxl-mega-menu .nxl-mega-dmenu .row.g-0>.col {
        flex:100%
    }
    .nxl-navigation {
        left:-280px;
        box-shadow:none;
        transition:all .15s ease-in-out
    }
    .nxl-navigation.mob-navigation-active {
        left:0!important
    }
    .nxl-navigation.mob-navigation-active .navbar-wrapper {
        position:relative;
        z-index:5;
        background:inherit
    }
    .minimenu .nxl-header {
        left:0!important
    }
    .minimenu .nxl-container {
        margin-left:0
    }
    .nxl-container .nxl-content .help-center-content-header .search-form {
        width:75%!important
    }
}
@media (max-width:1199.98px) {
    .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown {
        width:auto;
        left:30px!important;
        right:30px!important
    }
    .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content {
        height:330px;
        overflow-y:scroll
    }
    .nxl-container {
        margin-left:0
    }
    .nxl-container.apps-container .nxl-content.without-header .main-content .content-sidebar {
        z-index:1025;
        position:absolute;
        opacity:0;
        visibility:hidden;
        transition:all .3s ease;
        transform:translateX(-100%)
    }
    .nxl-container.apps-container .nxl-content.without-header .main-content .content-sidebar.app-sidebar-open {
        opacity:1;
        visibility:visible;
        transition:all .3s ease;
        transform:translateX(0);
        box-shadow:0 10px 25px rgba(40,60,80,.15)
    }
    .auth-cover-wrapper .auth-cover-content-inner {
        max-width:calc(100% - 450px)
    }
    .auth-cover-wrapper .auth-cover-sidebar-inner {
        max-width:450px
    }
    .auth-cover-wrapper .auth-cover-sidebar-inner .auth-cover-card-wrapper .auth-cover-card {
        padding:25px 0;
        width:100%;
        max-width:450px
    }
    .auth-creative-wrapper .auth-creative-inner .creative-card-wrapper {
        max-width:calc(100% - 60px)
    }
}
/*# sourceMappingURL=theme.min.css.map */