/*
* File include item site only specific css only
******************************************************************************/

.menu .app-brand.site { height: 64px; margin-top: 12px; }

.app-brand-logo.site img { width: 22px; }

.app-brand-text.site { font-size: 1.5rem; letter-spacing: -0.5px; }

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page { padding-top: 74px !important; }
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page { padding-top: 64px !important; }
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page { padding-top: 62px !important; }

/* Navbar page z-index issue solution */
.content-wrapper .navbar { z-index: auto; }

/*
* Content
******************************************************************************/

.site-blocks > * { display: block !important; }

.site-inline-spacing > * { margin: 1rem 0.375rem 0 0 !important; }

/* ? .site-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .site-only-element class with .site-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.site-vertical-spacing > * { margin-top: 1rem !important; margin-bottom: 0 !important; }
.site-vertical-spacing.site-only-element > :first-child { margin-top: 0 !important; }

.site-vertical-spacing-lg > * { margin-top: 1.875rem !important; margin-bottom: 0 !important; }
.site-vertical-spacing-lg.site-only-element > :first-child { margin-top: 0 !important; }

.site-vertical-spacing-xl > * { margin-top: 5rem !important; margin-bottom: 0 !important; }
.site-vertical-spacing-xl.site-only-element > :first-child { margin-top: 0 !important; }

.rtl-only { display: none !important; text-align: left !important; direction: ltr !important; }

[dir='rtl'] .rtl-only { display: block !important; }

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
    #dropdown-variation-demo .btn-group .text-truncate { width: 231px; position: relative; }
    #dropdown-variation-demo .btn-group .text-truncate::after { position: absolute; top: 45%; right: 0.65rem; }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 1rem; }
.layout-demo-placeholder img { width: 900px; }
.layout-demo-info { text-align: center; margin-top: 1rem; }

div.dt-layout-cell { padding: 0.782rem 1.25rem; }
div.dt-container div.dt-paging { margin: 1.5rem; }

#change-password-form .form-floating > label,
#email-form .form-floating > label,
#profile-form .form-floating > label { border: none; }


.layout-navbar { position: relative; padding-top: .5rem; padding-bottom: .5rem; height: 3.875rem; flex-wrap: nowrap; color: #646e78; z-index: 2 }

.layout-navbar .navbar { transform: translate3d(0, 0, 0) }

.layout-navbar .navbar-nav-right { flex-basis: 100% }

.layout-navbar .navbar-search-wrapper .search-input, .layout-navbar .navbar-search-wrapper .input-group-text { background-color: rgba(0,0,0,0) }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion { max-height: 28rem; border-radius: .5rem; margin-top: .5rem }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion { color: #384551 }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active { background: rgba(34,48,62,.06); color: #384551 }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header { padding: .5rem .7rem }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header::before { content: ""; position: absolute; left: 0; width: .7rem; height: 1px; margin-top: .7rem; background: #a7acb2 }

[dir=rtl] .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header::before { right: 0; left: inherit }

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .tt-selectable { padding: .5rem 2rem !important }

.layout-navbar.navbar-detached { box-shadow: 0 .125rem .375rem 0 rgba(34,48,62,.08); width: calc(100% - 1.625rem*2); margin: 1rem auto 0; border-radius: .375rem; padding: 0 1.5rem }

.layout-navbar.navbar-detached.container-xxl { max-width: calc(1440px - 1.625rem*2) }

.layout-navbar-fixed .layout-navbar.navbar-detached .search-input:focus { padding-inline: 1.5rem }

.layout-navbar-fixed .layout-navbar.navbar-detached { width: calc(100% - 1.625rem*2 - 16.25rem) }

@media(max-width: 1199.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached { width: calc(100% - 1.625rem*2) !important }
}

@media(max-width: 991.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached { width: calc(100% - 1rem*2) !important }
}

.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { width: calc(100% - 1.625rem*2 - 5.25rem) }

@media(max-width: 1199.98px) {
    .layout-navbar.navbar-detached { width: calc(100vw - (100vw - 100%) - 1.625rem*2) !important }
}

@media(max-width: 991.98px) {
    .layout-navbar.navbar-detached { width: calc(100vw - (100vw - 100%) - 1rem*2) !important }
}

.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached { width: calc(100% - 1.625rem*2) }

.layout-navbar .search-input-wrapper .search-toggler { position: absolute; top: 52%; transform: translateY(-50%); right: 1rem; z-index: 1 }

[dir=rtl] .layout-navbar .search-input-wrapper .search-toggler { right: inherit; left: 1rem }

.layout-navbar .search-input-wrapper .twitter-typeahead { position: absolute !important; left: 0; top: 0; width: 100%; height: 100% }

@media(min-width: 1400px) {
    .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl { left: calc((100% - 1440px)*.5) }

    [dir=rtl] .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl { right: calc((100% - 1440px)*.5); left: inherit }

    .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler { right: calc((100% - 1440px + 5rem)*.5) }

    [dir=rtl] .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler { left: calc((100% - 1440px + 5rem)*.5); right: inherit }
}

.layout-navbar .search-input-wrapper .search-input { height: 100%; box-shadow: none }

.layout-navbar .search-input-wrapper .navbar-search-suggestion { width: 100% }

.layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion { width: 96% }

.layout-wrapper:not(.layout-horizontal) .layout-navbar .dropdown-menu[data-bs-popper] { top: 144% }

.layout-navbar .navbar-dropdown .badge-notifications { top: 3px; inset-inline-end: -2px }

.layout-navbar .navbar-dropdown .dropdown-menu { min-width: 22rem; overflow: hidden }

.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item { min-height: 2.375rem }

.layout-navbar .navbar-dropdown .dropdown-menu .last-login { white-space: normal }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list { max-height: 30rem }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item { padding: .75rem 1rem; cursor: pointer }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { background-color: #696cff }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions { text-align: center }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a { display: block }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span { color: #384551 }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive { visibility: hidden }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span { background-color: #8592a3 }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive { visibility: hidden }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive { visibility: visible }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive { visibility: visible }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { max-height: 30rem }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { text-align: center; padding: 1.5rem }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover { background-color: #f2f3f3 }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon { height: 3.125rem; width: 3.125rem; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; background-color: #edeef0; color: #384551 }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover { display: block; margin-bottom: 0; color: #384551 !important; font-weight: 500 }

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { min-width: 22rem }

.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text, .layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { color: #fff }

@media(max-width: 1199.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { position: absolute }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { white-space: nowrap }
}

@media(max-width: 767.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown { position: static; float: left }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { position: absolute; left: .9rem; min-width: auto; width: 92% }
}

@media(max-width: 1199.98px) {
    .layout-navbar { z-index: 1080 }
}

.layout-horizontal .layout-navbar .navbar-search-suggestion { inset-inline-start: 2% !important }

.layout-menu { position: relative; flex: 1 0 auto }

.layout-menu a:focus-visible { outline: none }

.layout-menu .menu { transform: translate3d(0, 0, 0) }

.layout-menu .menu-vertical { height: 100% }

.layout-content-navbar .layout-page { flex-basis: 100%; flex-direction: column; width: 0; min-width: 0; max-width: 100% }

.layout-content-navbar .content-wrapper { width: 100% }

.layout-navbar-full .layout-container { flex-direction: column }

@media(min-width: 1200px) {
    .layout-navbar-full:not(.layout-horizontal) .menu-inner { margin-top: .75rem }
}

.layout-navbar-full .content-wrapper { flex-basis: 100%; width: 0; min-width: 0; max-width: 100% }

.layout-navbar-full .content-backdrop.show { z-index: 9 }

.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { z-index: 1076 }

.layout-menu-flipped .layout-navbar-full .layout-page { flex-direction: row-reverse }

.layout-menu-flipped .layout-content-navbar .layout-container { flex-direction: row-reverse }

.layout-menu-toggle i { transition-duration: .3s !important; transition-property: transform !important }

html:not([dir=rtl]) .layout-menu-toggle i { transform: rotate(0deg) !important }

[dir=rtl] .layout-menu-toggle i { transform: rotate(180deg) !important }


.img-button { cursor: pointer; }


@media(max-width: 575.98px) {
    .invoice-edit .invoice-preview-card .invoice-calculations, .invoice-add .invoice-preview-card .invoice-calculations { width: 100% }
    .m-hide { display: none !important; }
}

@media(min-width: 768px) {
    .invoice-edit .repeater-title, .invoice-add .repeater-title { position: absolute; top: -2.4rem }
}

.invoice-edit .invoice-preview-card .repeater-wrapper:not(:last-child), .invoice-add .invoice-preview-card .repeater-wrapper:not(:last-child) { margin-bottom: 1.5rem }

@media print {
    .invoice-edit hr, .invoice-add hr { margin-top: 1rem !important; margin-bottom: 1rem !important }
}
.print .btn, .print .p-hide { display: none !important; }
body.print { background-color: transparent !important; }   
 

.invoice-preview .invoice-preview-header, .invoice-edit .invoice-preview-header, .invoice-add .invoice-preview-header { background-color: rgba(34,48,62,.06) }

.dark-style .invoice-preview .invoice-preview-header, .dark-style .invoice-edit .invoice-preview-header, .dark-style .invoice-add .invoice-preview-header { background-color: rgba(230,230,241,.06) }


/*
* Calendar Events light
******************************************************************************/

.light-style .fc-event-1:not(.fc-list-event) { background-color: #e7e7ff !important; color: #696cff !important }
.light-style .fc-event-1.fc-list-event .fc-list-event-dot { border-color: #696cff !important }

.light-style .fc-event-2:not(.fc-list-event) { background-color: #e8fadf !important; color: #3f7d1e !important }
.light-style .fc-event-2.fc-list-event .fc-list-event-dot { border-color: #71dd37 !important }

.light-style .fc-event-3:not(.fc-list-event) { background-color: #ebeef0 !important; color: #8592a3 !important }
.light-style .fc-event-3.fc-list-event .fc-list-event-dot { border-color: #8592a3 !important }

.light-style .fc-event-4:not(.fc-list-event) { background-color: #d7f5fc !important; color: #03c3ec !important }
.light-style .fc-event-4.fc-list-event .fc-list-event-dot { border-color: #03c3ec !important }

.light-style .fc-event-5:not(.fc-list-event) { background-color: #fff2d6 !important; color: #ffab00 !important }
.light-style .fc-event-5.fc-list-event .fc-list-event-dot { border-color: #ffab00 !important }

.light-style .fc-event-6:not(.fc-list-event) { background-color: #ffe0db !important; color: #ff3e1d !important }
.light-style .fc-event-6.fc-list-event .fc-list-event-dot { border-color: #ff3e1d !important }

.light-style .fc-event-7:not(.fc-list-event) { background-color: #f9fafa !important; color: #dbdee0 !important }
.light-style .fc-event-7.fc-list-event .fc-list-event-dot { border-color: #dbdee0 !important }

.light-style .fc-event-8:not(.fc-list-event) { background-color: #dddde0 !important; color: #2b2c40 !important }
.light-style .fc-event-8.fc-list-event .fc-list-event-dot { border-color: #2b2c40 !important }

.light-style .fc-event-9:not(.fc-list-event) { background-color: rgba(242,243,243,.92) !important; color: rgba(34,48,62,.5) !important }
.light-style .fc-event-9.fc-list-event .fc-list-event-dot { border-color: rgba(34,48,62,.5) !important }



/*
* Calendar Events light
******************************************************************************/

.dark-style .fc-event-1:not(.fc-list-event) { background-color: #35365f !important; color: #696cff !important; box-shadow: none }
.dark-style .fc-event-1.fc-list-event .fc-list-event-dot { border-color: #696cff !important }

.dark-style .fc-event-2:not(.fc-list-event) { background-color: #36483f !important; color: #71dd37 !important; box-shadow: none }
.dark-style .fc-event-2.fc-list-event .fc-list-event-dot { border-color: #71dd37 !important }

.dark-style .fc-event-3:not(.fc-list-event) { background-color: #35364f !important; color: #6b6c9d !important; box-shadow: none }
.dark-style .fc-event-3.fc-list-event .fc-list-event-dot { border-color: #6b6c9d !important }

.dark-style .fc-event-4:not(.fc-list-event) { background-color: #25445c !important; color: #03c3ec !important; box-shadow: none }
.dark-style .fc-event-4.fc-list-event .fc-list-event-dot { border-color: #03c3ec !important }

.dark-style .fc-event-5:not(.fc-list-event) { background-color: #4d4036 !important; color: #ffab00 !important; box-shadow: none }
.dark-style .fc-event-5.fc-list-event .fc-list-event-dot { border-color: #ffab00 !important }

.dark-style .fc-event-6:not(.fc-list-event) { background-color: #4d2f3a !important; color: #ff3e1d !important; box-shadow: none }
.dark-style .fc-event-6.fc-list-event .fc-list-event-dot { border-color: #ff3e1d !important }

.dark-style .fc-event-7:not(.fc-list-event) { background-color: #303145 !important; color: #494a5d !important; box-shadow: none }
.dark-style .fc-event-7.fc-list-event .fc-list-event-dot { border-color: #494a5d !important }

.dark-style .fc-event-8:not(.fc-list-event) { background-color: #393c50 !important; color: #8592a3 !important; box-shadow: none }
.dark-style .fc-event-8.fc-list-event .fc-list-event-dot { border-color: #8592a3 !important }

.dark-style .fc-event-9:not(.fc-list-event) { background-color: rgba(54,55,75,.92) !important; color: rgba(230,230,241,.5) !important; box-shadow: none }
.dark-style .fc-event-9.fc-list-event .fc-list-event-dot { border-color: rgba(230,230,241,.5) !important }