#page-topbar { position: fixed; top: 0; right: 0; left: 0; z-index: 1002; background-color: var(--bs-header-bg); -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02) }
.navbar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; height: 70px; padding: 0 calc(24px / 2) 0 0 }
    .navbar-header .dropdown .show.header-item { background-color: #f8f9fa }
.navbar-brand-box { padding: 0 1.5rem; text-align: center; width: 240px }
.logo { line-height: 70px }
    .logo .logo-sm { display: none }
.logo-light { display: none }
.search-wrap { background-color: var(--bs-input-bg); color: var(--bs-emphasis-color); z-index: 9997; position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 240px); right: 0; height: 70px; padding: 0 15px; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: .3s; transition: .3s }
    .search-wrap form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% }
    .search-wrap .search-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% }
    .search-wrap .search-input { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent }
    .search-wrap .close-search { width: 36px; height: 64px; line-height: 64px; text-align: center; color: inherit; font-size: 24px }
        .search-wrap .close-search:hover { color: #f1556c }
    .search-wrap.open { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.megamenu-list li { position: relative; padding: 5px 0 }
    .megamenu-list li a { color: var(--bs-body-color) }

@media (max-width:992px) {
    .navbar-brand-box { width: auto }
    .logo span.logo-lg { display: none }
    .logo span.logo-sm { display: inline-block }
}

.page-content { padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2) }
.header-item { height: 70px; -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--bs-header-item-color); border: 0; border-radius: 0; font-size: 14px }
    .header-item:hover { color: var(--bs-header-item-color) }
.header-profile-user { height: 36px; width: 36px; background-color: #e7eff7 ;padding-top: 6px;font-weight: 700;}
.noti-icon i { font-size: 24px; color: var(--bs-header-item-color) }
.noti-icon .badge { position: absolute; top: 12px; right: 4px }
.notification-item .d-flex { padding: .75rem 1rem }
    .notification-item .d-flex:hover { background-color: var(--bs-tertiary-bg) }
.dropdown-icon-item { display: block; border-radius: 3px; line-height: 34px; text-align: center; padding: 15px 0 9px; display: block; border: 1px solid transparent; color: #6c757d }
    .dropdown-icon-item img { height: 24px }
    .dropdown-icon-item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
    .dropdown-icon-item:hover { border-color: #e9ecef }

.dropdown-menu[style] {left: auto; left: 0;  z-index: 1050 !important; }
/* Belirli bir dropdown için */
/*.dropdown-menu.position-absolute { left: 0 !important; right: auto !important; top: 100% !important; }*/


.fullscreen-enable [data-toggle=fullscreen] .mdi-fullscreen::before { content: "\f0294" }
body[data-topbar=dark] #page-topbar { background-color: #44a2d2 }
body[data-topbar=dark] .navbar-header .dropdown .show.header-item { background-color: rgba(255,255,255,.05) }
body[data-topbar=dark] .navbar-header .waves-effect .waves-ripple { background: rgba(255,255,255,.4) }
body[data-topbar=dark] .header-item { color: #e9ecef }
body[data-topbar=dark] .header-item:hover { color: #e9ecef }
body[data-topbar=dark] .header-profile-user { background-color: rgba(255,255,255,.25) }
body[data-topbar=dark] .noti-icon i { color: #e9ecef }
body[data-topbar=dark] .logo-dark { display: none }
body[data-topbar=dark] .logo-light { display: block }
body[data-topbar=dark] .app-search .form-control { background-color: rgba(243,243,249,.07); color: #fff }
body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder, body[data-topbar=dark] .app-search span { color: rgba(255,255,255,.5) }
body[data-sidebar=dark] .navbar-brand-box { background: var(--bs-sidebar-dark-bg) }
body[data-sidebar=dark] .logo-dark { display: none }
body[data-sidebar=dark] .logo-light { display: block }

@media (max-width:600px) {
    .navbar-header .dropdown { position: static }
        .navbar-header .dropdown .dropdown-menu { left: 10px !important; right: 10px !important }
}

@media (max-width:380px) {
    .navbar-brand-box { display: none }
}

body[data-layout=horizontal] .navbar-brand-box { width: auto }
body[data-layout=horizontal] .page-content { margin-top: 70px; padding: calc(55px + 24px) calc(24px / 2) 60px calc(24px / 2) }

@media (max-width:991.98px) {
    body[data-layout=horizontal] .page-content { margin-top: 15px }
}

.page-title-box { padding-bottom: 24px }
    .page-title-box .breadcrumb { background-color: transparent; padding: 0 }

@media (max-width:575.98px) {
    .page-title-box .page-title-right { display: none }
}

.footer { bottom: 0; padding: 20px calc(24px / 2); position: relative; right: 0; color: #74788d; left: 240px; height: 60px; border-top: 1px solid var(--bs-border-color) }

@media (max-width:992px) {
    .footer { left: 0 }
}

.vertical-collpsed .footer { left: 70px }
body[data-layout=horizontal] .footer { left: 0 !important }
.right-bar { background-color: var(--bs-secondary-bg); -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); display: block; position: fixed; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; width: 280px; z-index: 9999; float: right !important; right: -290px; top: 0; bottom: 0 }
    .right-bar .right-bar-toggle { background-color: #1b1f35; height: 24px; width: 24px; line-height: 24px; color: #e9ecef; text-align: center; border-radius: 50% }
        .right-bar .right-bar-toggle:hover { background-color: #20253f }
.rightbar-overlay { background-color: rgba(15,17,29,.55); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 9998; -webkit-transition: all .2s ease-out; transition: all .2s ease-out }
.right-bar-enabled .right-bar { right: 0 }
.right-bar-enabled .rightbar-overlay { display: block }

@media (max-width:767.98px) {
    .right-bar { overflow: auto }
        .right-bar .slimscroll-menu { height: auto !important }
}

.metismenu { margin: 0 }
    .metismenu li { display: block; width: 100% }
    .metismenu .mm-collapse { display: none }
        .metismenu .mm-collapse:not(.mm-show) { display: none }
        .metismenu .mm-collapse.mm-show { display: block }
    .metismenu .mm-collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; transition-property: height,visibility }
.vertical-menu { width: 240px; z-index: 1001; background: var(--bs-sidebar-bg); bottom: 0; margin-top: 0; position: fixed; top: 70px; -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02) }
.main-content { margin-left: 240px; overflow: hidden }
    .main-content .content { padding: 0 15px 10px 15px; margin-top: 70px }
#sidebar-menu { padding: 20px 0 30px 0 }
    #sidebar-menu .mm-active > .has-arrow:after { content: "\f0140" }
    #sidebar-menu .has-arrow:after { content: "\f0142"; font-family: "Material Design Icons"; display: block; float: right; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; font-size: 1rem }
    #sidebar-menu ul li a { display: block; padding: .75rem 1.5rem; color: var(--bs-sidebar-menu-item-color); position: relative; font-size: 14px; -webkit-transition: all .4s; transition: all .4s }
        #sidebar-menu ul li a i { display: inline-block; min-width: 1.75rem; padding-bottom: .125em; font-size: 1rem; line-height: 1.40625rem; vertical-align: middle; color: var(--bs-sidebar-menu-item-icon-color); -webkit-transition: all .4s; transition: all .4s; opacity: .8 }
        #sidebar-menu ul li a:hover { color: var(--bs-sidebar-menu-item-hover-color) }
            #sidebar-menu ul li a:hover i { color: var(--bs-sidebar-menu-item-hover-color) }
    #sidebar-menu ul li .badge { margin-top: 4px }
    #sidebar-menu ul li ul.sub-menu { padding: 0 }
        #sidebar-menu ul li ul.sub-menu li a { padding: .5rem 1.5rem .4rem 3.7rem; font-size: 13.5px; color: var(--bs-sidebar-menu-sub-item-color); border: none }
            #sidebar-menu ul li ul.sub-menu li a:hover { color: var(--bs-sidebar-menu-item-hover-color) }
        #sidebar-menu ul li ul.sub-menu li ul.sub-menu { padding: 0 }
            #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a { padding: .4rem 1.5rem .4rem 4.7rem; font-size: 13.5px }
    #sidebar-menu ul > li > a { border-left: 3px solid transparent }
.menu-title { padding: 12px 27px !important; pointer-events: none; font-size: 11px; text-transform: uppercase }
.mm-active { color: var(--bs-sidebar-menu-item-active-color) !important }
    .mm-active > a { color: var(--bs-sidebar-menu-item-active-color) !important; border-color: var(--bs-sidebar-menu-item-active-color) !important }
        .mm-active > a i { color: var(--bs-sidebar-menu-item-active-color) !important }
    .mm-active .active { color: var(--bs-sidebar-menu-item-active-color) !important }
        .mm-active .active i { color: var(--bs-sidebar-menu-item-active-color) !important }
    .mm-active > i { color: var(--bs-sidebar-menu-item-active-color) !important }

@media (max-width:992px) {
    .vertical-menu { display: none }
    .main-content { margin-left: 0 !important }
    body.sidebar-enable .vertical-menu { display: block }
}

.vertical-collpsed .main-content { margin-left: 70px }
.vertical-collpsed .navbar-brand-box { width: 70px !important }
.vertical-collpsed .logo span.logo-lg { display: none }
.vertical-collpsed .logo span.logo-sm { display: block }
.vertical-collpsed .vertical-menu { position: absolute; width: 70px !important; z-index: 5 }
    .vertical-collpsed .vertical-menu .simplebar-content-wrapper, .vertical-collpsed .vertical-menu .simplebar-mask { overflow: visible !important }
    .vertical-collpsed .vertical-menu .simplebar-scrollbar { display: none !important }
    .vertical-collpsed .vertical-menu .simplebar-offset { bottom: 0 !important }
    .vertical-collpsed .vertical-menu #sidebar-menu .badge, .vertical-collpsed .vertical-menu #sidebar-menu .collapse.in, .vertical-collpsed .vertical-menu #sidebar-menu .menu-title { display: none !important }
    .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse { height: inherit !important }
    .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after { display: none }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li { position: relative; white-space: nowrap }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a { padding: 15px 20px; min-height: 55px; -webkit-transition: none; transition: none }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover { color: var(--bs-sidebar-menu-item-hover-color) }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i { font-size: 1.25rem; margin-left: 4px }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span { display: none; padding-left: 25px }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a { position: relative; width: calc(190px + 70px); color: #44a2d2; background-color: var(--bs-body-bg); -webkit-transition: none; transition: none }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i { color: var(--bs-sidebar-dark-menu-item-active-color) }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span { display: inline }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul { display: block; left: 70px; position: absolute; width: 190px; height: auto !important; -webkit-box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1); box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1) }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul { -webkit-box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1); box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1) }
            .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a { -webkit-box-shadow: none; box-shadow: none; padding: 8px 20px; position: relative; width: 190px; z-index: 6; color: var(--bs-sidebar-menu-sub-item-color) }
                .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover { color: var(--bs-sidebar-menu-item-hover-color) }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul { padding: 5px 0; z-index: 9999; display: none; background-color: var(--bs-sidebar-bg) }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li:hover > ul { display: block; left: 190px; height: auto !important; margin-top: -36px; position: absolute; width: 190px }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li > a span.pull-right { position: absolute; right: 20px; top: 12px; -webkit-transform: rotate(270deg); transform: rotate(270deg) }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a { color: #f8f9fa }
body[data-sidebar=dark] .vertical-menu { background: var(--bs-sidebar-dark-bg) }
body[data-sidebar=dark] #sidebar-menu ul li a { color: var(--bs-sidebar-dark-menu-item-color) }
    body[data-sidebar=dark] #sidebar-menu ul li a i { color: var(--bs-sidebar-dark-menu-item-icon-color) }
    body[data-sidebar=dark] #sidebar-menu ul li a:hover { color: var(--bs-sidebar-dark-menu-item-hover-color) }
        body[data-sidebar=dark] #sidebar-menu ul li a:hover i { color: var(--bs-sidebar-dark-menu-item-hover-color) }
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a { color: var(--bs-sidebar-dark-menu-sub-item-color) }
    body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover { color: var(--bs-sidebar-dark-menu-item-hover-color) }
body[data-sidebar=dark].vertical-collpsed { min-height: 1200px }
    body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a { color: var(--bs-sidebar-dark-menu-item-hover-color) }
        body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i { color: var(--bs-sidebar-dark-menu-item-hover-color) }
    body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a { color: var(--bs-sidebar-dark-menu-sub-item-color) }
        body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover { color: var(--bs-sidebar-dark-menu-item-hover-color) }
    body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul ul { background-color: var(--bs-sidebar-dark-bg) }
    body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active { color: var(--bs-sidebar-menu-item-active-color) !important }
        body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i { color: var(--bs-sidebar-menu-item-active-color) !important }
body[data-sidebar=dark] .mm-active { color: var(--bs-sidebar-dark-menu-item-active-color) !important }
    body[data-sidebar=dark] .mm-active > i { color: var(--bs-sidebar-dark-menu-item-active-color) !important }
    body[data-sidebar=dark] .mm-active .active { color: var(--bs-sidebar-dark-menu-item-active-color) !important }
        body[data-sidebar=dark] .mm-active .active i { color: var(--bs-sidebar-dark-menu-item-active-color) !important }
body[data-sidebar=dark] .menu-title { color: var(--bs-sidebar-dark-menu-item-icon-color) }
body[data-layout=horizontal] .main-content { margin-left: 0 !important }
body[data-sidebar-size=small] .navbar-brand-box { width: 160px }

@media (max-width:992px) {
    body[data-sidebar-size=small] .navbar-brand-box { width: auto }
}

body[data-sidebar-size=small] .vertical-menu { width: 160px; text-align: center }
    body[data-sidebar-size=small] .vertical-menu .badge, body[data-sidebar-size=small] .vertical-menu .has-arrow:after { display: none !important }
body[data-sidebar-size=small] .main-content { margin-left: 160px }
body[data-sidebar-size=small] .footer { left: 160px }
body[data-sidebar-size=small] #sidebar-menu ul li a i { display: block }
body[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li a { padding-left: 1.5rem }
body[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a { padding-left: 1.5rem }
body[data-sidebar-size=small] #sidebar-menu ul > li > a { border: 0 }
body[data-sidebar-size=small].vertical-collpsed .main-content { margin-left: 70px }
body[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu { text-align: left }
    body[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i { display: inline-block }
body[data-sidebar-size=small].vertical-collpsed .footer { left: 70px }
body[data-sidebar=colored] .vertical-menu { background-color: #44a2d2 }
body[data-sidebar=colored] .navbar-brand-box { background-color: #44a2d2 }
    body[data-sidebar=colored] .navbar-brand-box .logo-dark { display: none }
    body[data-sidebar=colored] .navbar-brand-box .logo-light { display: block }
body[data-sidebar=colored] .mm-active { color: #fff !important }
    body[data-sidebar=colored] .mm-active > a { border-color: #fff !important; color: #fff !important }
        body[data-sidebar=colored] .mm-active > a > i { color: #fff !important }
    body[data-sidebar=colored] .mm-active .active, body[data-sidebar=colored] .mm-active > i { color: #fff !important }
body[data-sidebar=colored] #sidebar-menu ul li.menu-title { color: rgba(255,255,255,.7) }
body[data-sidebar=colored] #sidebar-menu ul li a { color: rgba(255,255,255,.7) }
    body[data-sidebar=colored] #sidebar-menu ul li a i { color: rgba(255,255,255,.7) }
    body[data-sidebar=colored] #sidebar-menu ul li a.waves-effect .waves-ripple { background: rgba(255,255,255,.1) }
body[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a { color: rgba(255,255,255,.6) }
body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a { background-color: #4ca6d4; color: #fff }
    body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i { color: #fff }
body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .mm-active > a { color: var(--bs-sidebar-menu-item-active-color) !important }
[dir=rtl] #sidebar-menu .has-arrow:after { content: "\f0141" }
[dir=rtl] #sidebar-menu .mm-active > .has-arrow:after { content: "\f0140" }
.topnav { background: var(--bs-topnav-bg); padding: 0 calc(24px / 2); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.05),0 0 0 0 rgba(0,0,0,.02),0 1px 20px 0 rgba(0,0,0,.02); box-shadow: 0 0 0 0 rgba(0,0,0,.05),0 0 0 0 rgba(0,0,0,.02),0 1px 20px 0 rgba(0,0,0,.02); margin-top: 70px; position: fixed; left: 0; right: 0; z-index: 100 }
    .topnav .topnav-menu { margin: 0; padding: 0 }
    .topnav .navbar-nav .nav-link { font-size: 15px; position: relative; padding: 1rem 1.3rem; color: var(--bs-sidebar-menu-item-color) }
        .topnav .navbar-nav .nav-link i { font-size: 16px }
        .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover { color: var(--bs-sidebar-menu-item-active-color); background-color: transparent }
    .topnav .navbar-nav .dropdown-item { color: var(--bs-sidebar-menu-item-color) }
        .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover { color: #ffffff; background-color: #44a2d2; }
    .topnav .navbar-nav .nav-item .nav-link.active { color: var(--bs-sidebar-menu-item-active-color) }
    .topnav .navbar-nav .dropdown.active > a { color: var(--bs-sidebar-menu-item-active-color); background-color: transparent }

@media (min-width:1200px) {
    body[data-layout=horizontal] .container-fluid, body[data-layout=horizontal] .navbar-header { max-width: 100% }
        body[data-layout=horizontal] .container-fluid .search-wrap, body[data-layout=horizontal] .navbar-header .search-wrap { width: 90%; right: 0; left: 0; margin: 0 auto }
}

@media (min-width:992px) {
    .topnav .navbar-nav .nav-item:first-of-type .nav-link { padding-left: 0 }
    .topnav .dropdown-item { padding: .5rem 1.5rem; min-width: 180px; font-size: 14.7px }
    .topnav .dropdown.mega-dropdown .mega-dropdown-menu { left: 0; right: auto }
    .topnav .dropdown .dropdown-menu { margin-top: 0; border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);padding-left:10px;padding-right:10px; }
        .topnav .dropdown .dropdown-menu .arrow-down::after { right: 15px; -webkit-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); position: absolute }
        .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu { position: absolute; top: 0 !important; left: 100%; display: none }
    .topnav .dropdown:hover > .dropdown-menu { display: block }
        .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu { display: block }
    .navbar-toggle { display: none }
}

.arrow-down { display: inline-block }
    .arrow-down:after { border-color: initial; border-style: solid; border-width: 0 0 1px 1px; content: ""; height: .4em; display: inline-block; right: 5px; top: 50%; margin-left: 10px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; width: .4em }

@media (max-width:1199.98px) {
    .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu { right: 100%; left: auto }
}

@media (max-width:991.98px) {
    .topnav { max-height: 360px; overflow-y: auto; padding: 0 }
        .topnav .navbar-nav .nav-link { padding: .75rem 1.1rem }
        .topnav .dropdown .dropdown-menu { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 15px }
            .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg, .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl { width: auto }
                .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg .row, .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row { margin: 0 }
        .topnav .dropdown .dropdown-item { position: relative; background-color: transparent }
            .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active { color: #44a2d2 }
        .topnav .arrow-down::after { right: 15px; position: absolute }
}

@media (min-width:992px) {
    body[data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-dark { display: block }
    body[data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-light { display: none }
    body[data-layout=horizontal][data-topbar=light] .topnav { background-color: #44a2d2 }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link { color: rgba(255,255,255,.7) }
            body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:hover { color: rgba(255,255,255,.9) }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav > .dropdown.active > a { color: rgba(255,255,255,.9) !important }
}

body[data-layout=horizontal][data-topbar=colored] #page-topbar { background-color: #44a2d2; -webkit-box-shadow: none; box-shadow: none }
body[data-layout=horizontal][data-topbar=colored] .logo-dark { display: none }
body[data-layout=horizontal][data-topbar=colored] .logo-light { display: block }
body[data-layout=horizontal][data-topbar=colored] .app-search .form-control { background-color: rgba(243,243,249,.07); color: #fff }
body[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder, body[data-layout=horizontal][data-topbar=colored] .app-search span { color: rgba(255,255,255,.5) }
body[data-layout=horizontal][data-topbar=colored] .header-item { color: #e9ecef }
    body[data-layout=horizontal][data-topbar=colored] .header-item:hover { color: #e9ecef }
body[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown.show .header-item { background-color: rgba(255,255,255,.1) }
body[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple { background: rgba(255,255,255,.4) }
body[data-layout=horizontal][data-topbar=colored] .noti-icon i { color: #e9ecef }

@media (min-width:992px) {
    body[data-layout=horizontal][data-topbar=colored] .topnav { background-color: #44a2d2 }
        body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link { color: rgba(255,255,255,.5) }
            body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover { color: rgba(255,255,255,.9) }
        body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav > .dropdown.active > a { color: rgba(255,255,255,.9) !important }
}

@media (min-width:992px) {
    body[data-layout=horizontal][data-topbar=light] .topnav { background-color: #44a2d2 }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link { color: rgba(255,255,255,.5) }
            body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav .nav-link:hover { color: rgba(255,255,255,.9) }
        body[data-layout=horizontal][data-topbar=light] .topnav .navbar-nav > .dropdown.active > a { color: rgba(255,255,255,.9) !important }
}

body[data-layout-size=boxed] { background-color: var(--bs-boxed-body-bg) }
    body[data-layout-size=boxed] #layout-wrapper { background-color: var(--bs-body-bg); max-width: 1300px; margin: 0 auto; -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02) }
    body[data-layout-size=boxed] #page-topbar { max-width: 1300px; margin: 0 auto }
    body[data-layout-size=boxed] .footer { margin: 0 auto; max-width: calc(1300px - 240px) }
    body[data-layout-size=boxed].vertical-collpsed .footer { max-width: calc(1300px - 70px) }
body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper, body[data-layout=horizontal][data-layout-size=boxed] #page-topbar, body[data-layout=horizontal][data-layout-size=boxed] .footer { max-width: 100% }
body[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header { max-width: 1300px }
:root, [data-bs-theme=light] { --bs-header-bg: #ffffff; --bs-header-item-color: #636e75; --bs-header-height: 70px; --bs-navbar-brand-box-width: 250px; --bs-header-dark-bg: #252b3b; --bs-apex-grid-color: #f8f9fa; --bs-input-bg: #ffffff; --bs-display-block: block; --bs-display-none: none; --bs-footer-height: 60px; --bs-sidebar-collapsed-width: 70px; --bs-rightbar-width: 280px; --bs-sidebar-width-sm: 160px; --bs-footer-bg: #fff; --bs-topbar-search-bg: #f1f5f7; --bs-sidebar-width: 250px; --bs-sidebar-bg: #ffffff; --bs-sidebar-menu-item-color: #6c757d; --bs-sidebar-menu-sub-item-color: #6c757d; --bs-sidebar-menu-item-icon-color: #495057; --bs-sidebar-menu-item-hover-color: #44a2d2; --bs-sidebar-menu-item-active-color: #44a2d2; --bs-topbar-search-border: #eff0f2; --bs-topbar-search-bg: #f1f5f7; --bs-topnav-bg: #fff; --bs-menu-item-color: #74788d; --bs-menu-item-active-color: #0bb197; --bs-boxed-body-bg: #eaedf2; --bs-footer-bg: #fff; --bs-footer-color: #74788d; --bs-font-family-secondary: "Work Sans",sans-serif }
    :root [data-sidebar=dark], [data-bs-theme=light] [data-sidebar=dark] { --bs-sidebar-dark-bg: #1c1f31; --bs-sidebar-dark-menu-item-color: #8f93a4; --bs-sidebar-menu-item-hover-color: #d7e4ec; --bs-sidebar-dark-menu-sub-item-color: #8f93a4; --bs-sidebar-dark-menu-item-icon-color: #8590a5; --bs-sidebar-dark-menu-item-hover-color: #d7e4ec; --bs-sidebar-dark-menu-item-active-color: #d7e4ec }
    :root [data-topbar=dark], [data-bs-theme=light] [data-topbar=dark] { --bs-header-bg: $gray-800; --bs-header-item-color: #a6b0cf; --bs-header-item-sub-color: #8795ab }
    :root [data-topbar=light], [data-bs-theme=light] [data-topbar=light] { --bs-header-bg: #fff; --bs-header-item-color: #a6b0cf; --bs-header-item-sub-color: #8795ab }
[data-bs-theme=dark] { --bs-light: #495057; --bs-light-rgb: 45,52,72; --bs-dark: #e9ecef; --bs-dark-rgb: 73,80,87; --bs-header-bg: #262b3c; --bs-header-color: #a3a4ab; --bs-header-dark-bg: #252b3b; --bs-header-item-color: #a6b0cf; --bs-topbar-search-bg: #2b3244; --bs-topnav-dark-bg: #292731; --bs-menu-dark-item-color: #afacbb; --bs-menu-dark-item-active-color: #eeeff1; --bs-table-bg: var(--bs-tertiary-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-striped-bg: #2a2f4f66 !important; --bs-table-active-bg: var(--bs-tertiary-bg); --bs-table-hover-bg: var(--bs-tertiary-bg); --bs-sidebar-bg: #16192a; --bs-sidebar-border-color: #eff0f2; --bs-sidebar-menu-item-color: #8f93a4; --bs-sidebar-menu-sub-item-color: #8f93a4; --bs-sidebar-menu-item-icon-color: #8f93a4; --bs-sidebar-menu-item-hover-color: #44a2d2; --bs-sidebar-menu-item-active-bg-color: #44a2d2; --bs-sidebar-menu-sub-item-line-color: #eaecf1; --bs-sidebar-dark-bg: #252b3b; --bs-sidebar-dark-menu-item-color: #afacbb; --bs-sidebar-dark-menu-sub-item-color: #afacbb; --bs-sidebar-dark-menu-item-icon-color: #ffffff; --bs-sidebar-dark-menu-item-hover-color: #ffffff; --bs-sidebar-dark-menu-item-active-color: #ffffff; --bs-sidebar-dark-menu-item-active-bg-color: #35333e; --bs-sidebar-dark-menu-sub-item-line-color: #505356; --bs-footer-bg: #212734; --bs-footer-color: #adb5bd; --bs-topnav-bg: #181b2e; --bs-topnav-item-color: #afacbb; --bs-topnav-item-color-active: #fff; --bs-menu-item-color: #919bae; --bs-menu-item-active-color: #ffffff; --bs-input-bg: #21253e; --bs-accordion-button-active-bg: #3b403d; --bs-boxed-body-bg: #32394f; --bs-header-dark-item-color: #919bae; --bs-header-dark-bg: #212734; --bs-apex-grid-color: #373e54; --bs-header-height: 70px; --bs-navbar-brand-box-width: 250px; --bs-display-block: block; --bs-display-none: none; --bs-footer-height: 60px; --bs-sidebar-collapsed-width: 70px; --bs-rightbar-width: 280px; --bs-sidebar-width-sm: 160px }
    [data-bs-theme=dark][data-sidebar=dark] { --bs-sidebar-dark-bg: #2a3042; --bs-sidebar-dark-menu-item-color: #a6b0cf; --bs-sidebar-dark-menu-sub-item-color: #79829c; --bs-sidebar-dark-menu-item-icon-color: #6a7187; --bs-sidebar-dark-menu-item-hover-color: #fff; --bs-sidebar-dark-menu-item-active-color: #fff }
/*!
* Waves v0.7.6
* http://fian.my.id/Waves 
* 
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
* Released under the MIT license 
* https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }
    .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0,0,0,.2); background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); -webkit-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-property: -webkit-transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transform: scale(0) translate(0,0); transform: scale(0) translate(0,0); pointer-events: none }
    .waves-effect.waves-light .waves-ripple { background: rgba(255,255,255,.4); background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%) }
    .waves-effect.waves-classic .waves-ripple { background: rgba(0,0,0,.2) }
    .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255,255,255,.4) }
.waves-notransition { -webkit-transition: none !important; transition: none !important }
.waves-button, .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%) }
    .waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: rgba(0,0,0,0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1 }
.waves-button { padding: .85em 1.1em; border-radius: .2em }
.waves-button-input { margin: 0; padding: .85em 1.1em }
.waves-input-wrapper { border-radius: .2em; vertical-align: bottom }
    .waves-input-wrapper.waves-button { padding: 0 }
    .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 }
.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50% }
.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); -webkit-transition: all .3s; transition: all .3s }
    .waves-float:active { -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3); box-shadow: 0 8px 20px 1px rgba(0,0,0,.3) }
.waves-block { display: block }
.waves-effect.waves-light .waves-ripple { background-color: rgba(255,255,255,.4) }
.waves-effect.waves-primary .waves-ripple { background-color: rgba(68,162,210,.4) }
.waves-effect.waves-success .waves-ripple { background-color: rgba(10,207,151,.4) }
.waves-effect.waves-info .waves-ripple { background-color: rgba(45,123,244,.4) }
.waves-effect.waves-warning .waves-ripple { background-color: rgba(249,188,11,.4) }
.waves-effect.waves-danger .waves-ripple { background-color: rgba(241,85,108,.4) }
.avatar-xs { height: 2.3rem; width: 2.3rem }
.avatar-sm { height: 3rem; width: 3rem }
.avatar-md { height: 4.5rem; width: 4.5rem }
.avatar-lg { height: 6rem; width: 6rem }
.avatar-xl { height: 7.5rem; width: 7.5rem }
.avatar-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #44a2d2; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% }
.img-thumbnail { background-color: var(--bs-body-bg) !important }
.bg-purple-subtle { background-color: rgba(78,87,211,.3411764706) }
.bg-pink-subtle { background-color: rgba(255,52,120,.2549019608) }
.font-size-10 { font-size: 10px !important }
.font-size-11 { font-size: 11px !important }
.font-size-12 { font-size: 12px !important }
.font-size-13 { font-size: 13px !important }
.font-size-14 { font-size: 14px !important }
.font-size-15 { font-size: 15px !important }
.font-size-16 { font-size: 16px !important }
.font-size-17 { font-size: 17px !important }
.font-size-18 { font-size: 18px !important }
.font-size-20 { font-size: 20px !important }
.font-size-22 { font-size: 22px !important }
.font-size-24 { font-size: 24px !important }
.fw-medium { font-weight: 500 }
.fw-semibold { font-weight: 600 }
.social-list-item { height: 2rem; width: 2rem; line-height: calc(2rem - 2px); display: block; border: 1px solid #adb5bd; border-radius: 50%; color: #adb5bd; text-align: center }
ol { list-style: none }
.w-xs { min-width: 80px }
.w-sm { min-width: 95px }
.w-md { min-width: 110px }
.w-lg { min-width: 140px }
.w-xl { min-width: 160px }
.toast:not(:last-child) { margin-bottom: .75rem }
.bg-light { background-color: var(--bs-border-color) !important }
.container-fluid { padding-left: 12px !important; padding-right: 12px !important }
.text-dark { color: var(--bs-emphasis-color) !important }
.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.accordion-button.collapsed { border-bottom-width: 1px }
.bg-subtle-primary { background-color: rgba(68,162,210,.25) !important }
.bg-subtle-secondary { background-color: rgba(108,117,125,.25) !important }
.bg-subtle-success { background-color: rgba(10,207,151,.25) !important }
.bg-subtle-info { background-color: rgba(45,123,244,.25) !important }
.bg-subtle-warning { background-color: rgba(249,188,11,.25) !important }
.bg-subtle-danger { background-color: rgba(241,85,108,.25) !important }
.bg-subtle-purple { background-color: rgba(119,126,221,.25) !important }
.bg-subtle-pink { background-color: rgba(255,103,155,.25) !important }
.bg-subtle-light { background-color: rgba(248,249,250,.25) !important }
.bg-subtle-dark { background-color: rgba(15,17,29,.25) !important }
.bg-dark-primary { background-color: #2c88b7 !important }
.bg-dark-secondary { background-color: #545b62 !important }
.bg-dark-success { background-color: #089e74 !important }
.bg-dark-info { background-color: #0c60e2 !important }
.bg-dark-warning { background-color: #cc9905 !important }
.bg-dark-danger { background-color: #ed2643 !important }
.bg-dark-purple { background-color: #4e57d3 !important }
.bg-dark-pink { background-color: #ff3479 !important }
.bg-dark-light { background-color: #dae0e5 !important }
.bg-dark-dark { background-color: #000 !important }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bs-secondary-bg); z-index: 9999 }
#status { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px }
.spinner-chase { margin: 0 auto; width: 40px; height: 40px; position: relative; -webkit-animation: spinner-chase 2.5s infinite linear both; animation: spinner-chase 2.5s infinite linear both }
.chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-animation: chase-dot 2s infinite ease-in-out both; animation: chase-dot 2s infinite ease-in-out both }
    .chase-dot:before { content: ""; display: block; width: 25%; height: 25%; background-color: #44a2d2; border-radius: 100%; -webkit-animation: chase-dot-before 2s infinite ease-in-out both; animation: chase-dot-before 2s infinite ease-in-out both }
    .chase-dot:nth-child(1) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
        .chase-dot:nth-child(1):before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
    .chase-dot:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s }
        .chase-dot:nth-child(2):before { -webkit-animation-delay: -1s; animation-delay: -1s }
    .chase-dot:nth-child(3) { -webkit-animation-delay: -.9s; animation-delay: -.9s }
        .chase-dot:nth-child(3):before { -webkit-animation-delay: -.9s; animation-delay: -.9s }
    .chase-dot:nth-child(4) { -webkit-animation-delay: -.8s; animation-delay: -.8s }
        .chase-dot:nth-child(4):before { -webkit-animation-delay: -.8s; animation-delay: -.8s }
    .chase-dot:nth-child(5) { -webkit-animation-delay: -.7s; animation-delay: -.7s }
        .chase-dot:nth-child(5):before { -webkit-animation-delay: -.7s; animation-delay: -.7s }
    .chase-dot:nth-child(6) { -webkit-animation-delay: -.6s; animation-delay: -.6s }
        .chase-dot:nth-child(6):before { -webkit-animation-delay: -.6s; animation-delay: -.6s }

@-webkit-keyframes spinner-chase {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes spinner-chase {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@-webkit-keyframes chase-dot {
    100%,80% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes chase-dot {
    100%,80% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@-webkit-keyframes chase-dot-before {
    50% { -webkit-transform: scale(.4); transform: scale(.4) }
    0%,100% { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes chase-dot-before {
    50% { -webkit-transform: scale(.4); transform: scale(.4) }
    0%,100% { -webkit-transform: scale(1); transform: scale(1) }
}

.form-check-right { padding-left: 0; display: inline-block; padding-right: 1.25rem }
    .form-check-right .form-check-input { right: 0; margin-left: 0 }
    .form-check-right .form-check-label { display: block }
.form-control { background-color: var(--bs-input-bg) !important }
.custom-control-right { padding-left: 0; padding-right: 1.5rem; display: inline-block }
    .custom-control-right .form-check-label { display: inline-block }
        .custom-control-right .form-check-label:after, .custom-control-right .form-check-label:before { left: auto; right: -1.5rem }
    .custom-control-right .form-check-input { left: auto }
.form-check-label { cursor: pointer }
.icon-info i { font-size: 36px }
.live-tile { width: 100%; height: 120px; margin: 0; border-radius: 5px; background-color: var(--bs-tertiary-bg); -ms-flex-item-align: center; align-self: center }
.todo-list .todo-box .remove { position: absolute; right: 20px; z-index: 10; font-size: 18px; margin-top: 6px; color: #adb5bd; padding: 0 }
.todo-list .todo-box .todo-task { padding: 4px 0 }
    .todo-list .todo-box .todo-task label { display: inline-block; margin-bottom: .5rem }
    .todo-list .todo-box .todo-task .ckbox { font-weight: 400; position: relative; display: block; line-height: 24px }
        .todo-list .todo-box .todo-task .ckbox span { padding-left: 16px }
            .todo-list .todo-box .todo-task .ckbox span:before { content: ""; width: 20px; height: 20px; background-color: transparent; border: 2px solid var(--bs-border-color); top: 2px; left: 0; border-radius: 5px; position: absolute }
            .todo-list .todo-box .todo-task .ckbox span:after { top: 1px; left: 0; width: 20px; height: 20px; content: "\f012c"; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 14px; text-align: center; color: #6c757d; background-color: transparent; line-height: 20px; display: none; border-radius: 5px; position: absolute }
        .todo-list .todo-box .todo-task .ckbox input[type=checkbox] { opacity: 0; margin: 0 5px 0 0 }
            .todo-list .todo-box .todo-task .ckbox input[type=checkbox]:checked + span:after { display: block }
    .todo-list .todo-box .todo-task input:checked + span { text-decoration: line-through }
.todo-list .form-control { color: #0f111d; background: #e7eff7; border: 1px solid transparent }
    .todo-list .form-control:focus { border-color: transparent; background: #e7eff7; -webkit-box-shadow: none; box-shadow: none }
.jvectormap-zoomin, .jvectormap-zoomout { display: none }
#animating-donut { -webkit-filter: drop-shadow(0 2px 1px #e7eff7); filter: drop-shadow(0 2px 1px #e7eff7) }
.income h1 { font-weight: 300 }
.overview-content i { width: 44px; height: 44px; line-height: 40px; display: inline-block; text-align: center; border: 2px solid; border-radius: 50%; font-size: 20px }

@media (max-width:1366px) {
    .overview .overview-content i { width: 36px; height: 36px; line-height: 34px; font-size: 16px }
    .overview h4 { font-size: 18px !important }
    .live-tile { height: 150px }
    .knob-prosess-btn { display: none }
    .income h1 { font-size: 30px }
}

.button-items, .button-list { margin-left: -8px; margin-bottom: -12px }
    .button-items .btn, .button-list .btn { margin-bottom: 12px; margin-left: 8px }
.mfp-popup-form { max-width: 1140px }
.bs-example-modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block }
.icon-demo-content { color: #6c757d }
    .icon-demo-content i { font-size: 22px; margin-right: 5px; vertical-align: middle; width: 30px; display: inline-block }
    .icon-demo-content .col-sm-6 { margin-top: 30px; cursor: pointer }
        .icon-demo-content .col-sm-6:hover i { color: #44a2d2 }
.grid-structure .grid-container { background-color: #f8f9fa; margin-top: 10px; font-size: .8rem; font-weight: 500; padding: 10px 20px }

@media print {
    .footer, .navbar-header, .page-title-box, .right-bar, .vertical-menu { display: none !important }
    .card-body, .main-content, .page-content, .right-bar, body { padding: 0; margin: 0 }
    .card { border: 0 }
}

[data-simplebar] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit }
.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0 }
.simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0 !important; bottom: 0; right: 0 !important; padding: 0; margin: 0; -webkit-overflow-scrolling: touch }
.simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; padding: 0 !important }
    .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none }
.simplebar-content:after, .simplebar-content:before { content: " "; display: table }
.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none }
.simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0 }
.simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1 }
.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden }
[data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none }
[data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all }
.simplebar-scrollbar { position: absolute; right: 2px; width: 4px; min-height: 10px }
    .simplebar-scrollbar:before { position: absolute; content: ""; background: #a2adb7; border-radius: 7px; left: 0; right: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear }
    .simplebar-scrollbar.simplebar-visible:before { opacity: .5; -webkit-transition: opacity 0s linear; transition: opacity 0s linear }
.simplebar-track.simplebar-vertical { top: 0; width: 11px }
    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px }
.simplebar-track.simplebar-horizontal { left: 0; height: 11px }
    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px }
    .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto }
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0 }
.hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll }
.simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none }
.custom-scroll { height: 100% }
.fc td, .fc th { border: var(--bs-border-width) solid var(--bs-border-color) }
.fc .fc-toolbar h2 { font-size: 16px; line-height: 30px; text-transform: uppercase }

@media (max-width:767.98px) {
    .fc .fc-toolbar .fc-center, .fc .fc-toolbar .fc-left, .fc .fc-toolbar .fc-right { float: none; display: block; text-align: center; clear: both; margin: 10px 0 }
    .fc .fc-toolbar > * > * { float: none }
    .fc .fc-toolbar .fc-today-button { display: none }
}

.fc .fc-toolbar .btn { text-transform: capitalize }
.fc .fc-col-header-cell { background-color: var(--bs-tertiary-bg) }
.fc .fc-col-header-cell-cushion { display: block; padding: 8px 4px; color: var(--bs-secondary-color) !important }
.fc .fc-scrollgrid { border: 1px solid var(--bs-border-color) !important }
.fc .fc-daygrid-day-number { width: 24px; height: 24px; border-radius: 50%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 500; margin: 2px; color: var(--bs-secondary-color) }
.fc .fc-daygrid-day.fc-day-today { background-color: rgba(68,162,210,.1) }
    .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { background-color: #44a2d2; color: #fff }
.fc .fc-button-group button { background-color: #44a2d2; border-color: var(--bs-border-color) }
    .fc .fc-button-group button:hover { background-color: #44a2d2; border-color: var(--bs-border-color) }
    .fc .fc-button-group button:active { background-color: #44a2d2 !important; border-color: var(--bs-border-color) !important }
.fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #44a2d2 !important; border-color: var(--bs-border-color) !important }
.fc .fc-list-event:hover td { background: 0 0 }
.fc .fc-list-event-dot { border-color: #fff }
.fc .fc-list-event-title a { color: #fff !important }
.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table { width: 100% !important }
.fc .fc-list-day th { background-color: var(--bs-secondary-bg) !important }
.fc-theme-bootstrap a:not([href]) { color: var(--bs-body-color) }
.fc-event { color: #fff }
.fc th.fc-widget-header { background: var(--bs-border-color); color: #495057; line-height: 20px; padding: 10px 0; text-transform: uppercase; font-weight: 600 }
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: var(--bs-border-color) }
    .fc-unthemed td.fc-today { background: #eff1f3 }
.fc-button { background: var(--bs-secondary-bg); border-color: #e7eff7; color: #495057; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; padding: 6px 12px !important; height: auto !important }
.fc-state-active, .fc-state-disabled, .fc-state-down { background-color: #44a2d2; color: #fff; text-shadow: none }
.fc-event { border-radius: 2px; border: none; cursor: move; font-size: .8125rem; margin: 5px 7px; padding: 5px 5px; text-align: center }
.fc-event, .fc-event-dot { background-color: #44a2d2 }
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background-color: #44a2d2 }
.fc-daygrid-dot-event { color: #fff !important }
    .fc-daygrid-dot-event .fc-event-title { font-weight: 600 }
.fc-daygrid-event-dot { border-color: #fff !important; color: #fff !important }
.fc-event .fc-content { color: #fff }
#external-events .external-event { text-align: left; padding: 8px 16px; margin: 6px 0 }
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content { color: #f8f9fa }
[dir=rtl] .fc-header-toolbar { direction: ltr !important }
[dir=rtl] .fc-toolbar > * > :not(:first-child) { margin-left: .75em }

@media (max-width:575.98px) {
    .fc-toolbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px }
}

.task-box { border: 1px solid #e7eff7 }
.gu-transit { border: 1px dashed #6c757d !important; background-color: #e9ecef !important }
.tippy-tooltip .light-theme[data-animatefill] { background-color: transparent }
.light-theme { color: #0f111d; -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.08),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.08),0 1px 0 0 rgba(0,0,0,.02); background-color: #fff }
    .light-theme .tippy-backdrop { background-color: #fff }
    .light-theme .tippy-roundarrow { fill: #fff }
.gradient-theme .tippy-backdrop { background: #44a2d2; background: -webkit-gradient(linear,right top,left top,from(#f1556c),to(#44a2d2)); background: linear-gradient(to left,#f1556c,#44a2d2) }
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow { border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent }
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow { border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent }
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow { border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent }
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow { border-right: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent }
#session-timeout-dialog .close { display: none }
#session-timeout-dialog .countdown-holder { color: #f1556c; font-weight: 500 }
#session-timeout-dialog .btn-default { background-color: #fff; color: #f1556c; -webkit-box-shadow: none; box-shadow: none }
.irs--flat .irs-bar, .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { background: #44a2d2 !important; font-size: 11px }
    .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before { border-top-color: #44a2d2 }
.irs--flat .irs-line { background: var(--bs-border-color); border-color: var(--bs-border-color) }
.irs--flat .irs-grid-text { font-size: 11px; color: #ced4da }
.irs--flat .irs-max, .irs--flat .irs-min { color: #adb5bd; background: var(--bs-border-color); font-size: 11px }
.irs--flat .irs-handle { width: 10px; height: 20px; top: 21px }
    .irs--flat .irs-handle i:first-child { background-color: #44a2d2 !important }
.swal2-container .swal2-title { font-size: 20px; font-weight: 500; color: var(--bs-emphasis-color) }
.swal2-modal { font-size: 14px }
.swal2-icon.swal2-question { border-color: #2d7bf4; color: #2d7bf4 }
.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #0acf97 }
.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(10,207,151,.3) }
.swal2-icon.swal2-warning { border-color: #f9bc0b; color: #f9bc0b }
.swal2-popup { background-color: var(--bs-secondary-bg) }
.swal2-styled:focus { -webkit-box-shadow: none; box-shadow: none }
.swal2-progress-steps .swal2-progress-step { background: #44a2d2 }
    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #44a2d2 }
        .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: rgba(68,162,210,.3) }
.swal2-progress-steps .swal2-progress-step-line { background: #44a2d2 }
.swal2-loader { border-color: #44a2d2 transparent #44a2d2 transparent }
.dd-list .dd-item .dd-handle { background: var(--bs-tertiary-bg); border: none; padding: 8px 16px; height: auto; font-weight: 400; border-radius: 3px; color: var(--bs-body-color) }
    .dd-list .dd-item .dd-handle:hover { color: #44a2d2 }
.dd-list .dd-item button { height: 36px; font-size: 17px; margin: 0; color: #6c757d; width: 36px }
.dd-list .dd3-item { margin: 5px 0 }
    .dd-list .dd3-item .dd-item button { width: 36px; height: 36px }
.dd-list .dd3-handle { margin: 0; height: 36px !important; float: left }
.dd-list .dd3-content { height: auto; border: none; padding: 8px 16px 8px 46px; background: #f5f6f8 }
    .dd-list .dd3-content:hover { color: #44a2d2 }
.dd-list .dd3-handle:before { content: "\f35c"; font-family: "Material Design Icons"; color: #adb5bd }
.dd-empty, .dd-placeholder { background: rgba(206,212,218,.2); border-color: #ced4da }
.custom-dd-empty .dd-list .dd3-handle { border: none }
.dd-dragel .dd-handle { -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02) }
.dd-dragel .dd3-handle { border: none !important }
:not(pre) > code[class*=language-], pre[class*=language-] { background: #f2f5f7 }
code[class*=language-], pre[class*=language-] { color: #6c757d; text-shadow: none }
.br-wrapper { display: inline-block }
.br-theme-bars-1to10 .br-widget .br-current-rating { line-height: inherit }
.br-theme-fontawesome-stars .br-widget a, .br-theme-fontawesome-stars-o .br-widget a { font-family: "Font Awesome 5 Free" }
    .br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after, .br-theme-fontawesome-stars-o .br-widget a.br-selected:after { font-weight: 900 }
    .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after, .br-theme-fontawesome-stars-o .br-widget a:after { content: "\f005" }
pre[class*=language-] { background-color: var(--bs-body-bg); padding: 1em; margin: .5em 0; overflow: auto; font-size: 1em }
.token { color: #905 }
    .token.comment { color: var(--bs-body-color) }
.error { color: #f1556c }
.parsley-error { border-color: #f1556c }
.parsley-errors-list { display: none; margin: 0; padding: 0 }
    .parsley-errors-list.filled { display: block }
    .parsley-errors-list > li { font-size: 12px; list-style: none; color: #f1556c; margin-top: 5px }
.select2-container .select2-selection--single { background-color: var(--bs-input-bg); border: 1px solid var(--bs-border-color); height: 38px }
    .select2-container .select2-selection--single:focus { outline: 0 }
    .select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 12px; color: var(--bs-body-color) }
    .select2-container .select2-selection--single .select2-selection__arrow { height: 34px; width: 34px; right: 3px }
        .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #adb5bd transparent transparent transparent; border-width: 6px 6px 0 6px }
.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #adb5bd transparent !important; border-width: 0 6px 6px 6px !important }
.select2-container--default .select2-search--dropdown { padding: 10px; background-color: var(--bs-secondary-bg) }
    .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--bs-border-color); background-color: var(--bs-input-bg); color: #6c757d; outline: 0 }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #44a2d2 }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #f8f9fa; color: #06070c }
    .select2-container--default .select2-results__option[aria-selected=true]:hover { background-color: #44a2d2; color: #fff }
.select2-results__option { padding: 6px 12px }
.select2-dropdown { border: 1px solid var(--bs-border-color-translucent); background-color: var(--bs-secondary-bg); -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02) }
.select2-search input { border: 1px solid #e7eff7 }
.select2-container .select2-selection--multiple { min-height: 38px; background-color: var(--bs-input-bg); border: 1px solid var(--bs-border-color) !important }
    .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 2px 10px }
    .select2-container .select2-selection--multiple .select2-search__field { border: 0; color: var(--bs-body-color) }
        .select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder { color: var(--bs-body-color) }
        .select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder { color: var(--bs-body-color) }
        .select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder { color: var(--bs-body-color) }
        .select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder { color: var(--bs-body-color) }
        .select2-container .select2-selection--multiple .select2-search__field::placeholder { color: var(--bs-body-color) }
    .select2-container .select2-selection--multiple .select2-selection__choice { background-color: #e9ecef; border: 1px solid #e7eff7; border-radius: 1px; padding: 0 7px }
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #ced4da }
input[switch] { display: none }
    input[switch] + label { font-size: 1em; line-height: 1; width: 56px; height: 24px; background-color: #ced4da; background-image: none; border-radius: 2rem; padding: .16667rem; cursor: pointer; display: inline-block; text-align: center; position: relative; font-weight: 500; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out }
        input[switch] + label:before { color: #0f111d; content: attr(data-off-label); display: block; font-family: inherit; font-weight: 500; font-size: 12px; line-height: 21px; position: absolute; right: 1px; margin: 3px; top: -2px; text-align: center; min-width: 1.66667rem; overflow: hidden; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out }
        input[switch] + label:after { content: ""; position: absolute; left: 3px; background-color: #e9ecef; -webkit-box-shadow: none; box-shadow: none; border-radius: 2rem; height: 20px; width: 20px; top: 2px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out }
    input[switch]:checked + label { background-color: #44a2d2 }
    input[switch]:checked + label { background-color: #44a2d2 }
        input[switch]:checked + label:before { color: #fff; content: attr(data-on-label); right: auto; left: 3px }
        input[switch]:checked + label:after { left: 33px; background-color: var(--bs-secondary-bg) }
input[switch=bool] + label { background-color: #f1556c }
    input[switch=bool] + label:before, input[switch=bool]:checked + label:before, input[switch=default]:checked + label:before { color: #fff }
input[switch=bool]:checked + label { background-color: #0acf97 }
input[switch=default]:checked + label { background-color: #a2a2a2 }
input[switch=primary]:checked + label { background-color: #44a2d2 }
input[switch=success]:checked + label { background-color: #0acf97 }
input[switch=info]:checked + label { background-color: #2d7bf4 }
input[switch=warning]:checked + label { background-color: #f9bc0b }
input[switch=danger]:checked + label { background-color: #f1556c }
input[switch=dark]:checked + label { background-color: #0f111d }
.square-switch { margin-right: 7px }
    .square-switch input[switch] + label, .square-switch input[switch] + label:after { border-radius: 0 }
[dir=rtl] .datepicker { right: 0 !important; left: auto }
[dir=rtl] .bootstrap-timepicker-widget { right: 0 !important; left: auto }
[dir=rtl] .timepicker-orient-top { top: calc(1.5em + .94rem + calc(var(--bs-border-width) * 2)) !important }
[dir=rtl] .timepicker-orient-bottom { top: auto !important; bottom: calc(1.5em + .94rem + calc(var(--bs-border-width) * 2)) !important }
.datepicker { border: 1px solid #e7eff7; padding: 8px; z-index: 999 !important }
    .datepicker table tr th { font-weight: 500 }
    .datepicker table tr td .active.disabled, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td.active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: #44a2d2 !important; background-image: none; -webkit-box-shadow: none; box-shadow: none; color: #fff !important }
    .datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #f8f9fa }
    .datepicker table tr td span.new, .datepicker table tr td span.old, .datepicker table tr td.new, .datepicker table tr td.old { color: #adb5bd; opacity: .6 }
    .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background-color: #e7eff7 }
.table-condensed > tbody > tr > td, .table-condensed > thead > tr > th { padding: 7px }
.bootstrap-datepicker-inline .datepicker-inline { width: auto !important; display: inline-block }
.datepicker-container { border: 1px solid #e7eff7; -webkit-box-shadow: none; box-shadow: none; background-color: var(--bs-secondary-bg) }
    .datepicker-container.datepicker-inline { width: 212px }
.datepicker-panel > ul > li { background-color: var(--bs-secondary-bg); border-radius: 4px }
    .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { background-color: rgba(68,162,210,.25); color: #44a2d2 }
    .datepicker-panel > ul > li.highlighted, .datepicker-panel > ul > li.highlighted:hover, .datepicker-panel > ul > li:hover { background-color: #44a2d2; color: #fff }
    .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #adb5bd; opacity: .6 }
.datepicker-panel > ul[data-view=week] > li { font-weight: 500 }
    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover { background-color: var(--bs-secondary-bg) }
.tox-tinymce { border: 1px solid var(--bs-border-color) !important }
.tox .tox-statusbar { border-top: 1px solid var(--bs-border-color) !important }
.tox .tox-edit-area__iframe, .tox .tox-menubar, .tox .tox-statusbar { background-color: var(--bs-secondary-bg) !important; background: 0 0 !important }
.tox .tox-mbtn { color: #495057 !important }
    .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { background-color: var(--bs-border-color) !important }
.tox .tox-tbtn:hover { background-color: var(--bs-border-color) !important }
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { background: var(--bs-secondary-bg) !important }
.tox .tox-tbtn { color: var(--bs-emphasis-color) !important }
    .tox .tox-tbtn svg { fill: var(--bs-emphasis-color) !important }
.tox .tox-edit-area__iframe { background-color: var(--bs-secondary-bg) !important }
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount { color: var(--bs-emphasis-color) !important }
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { border-right: 1px solid var(--bs-border-color) !important }
.tox .tox-toolbar-overlord .tox-toolbar__primary { border-color: var(--bs-border-color) !important; border-bottom: 1px solid var(--bs-border-color) }
.tox-mbtn__select-label { color: var(--bs-emphasis-color) !important }
.dropzone { min-height: 230px; border: 2px dashed #ced4da; background: var(--bs-secondary-bg); border-radius: 6px }
    .dropzone .dz-message { font-size: 24px }
.dropify-wrapper { border: 2px solid var(--bs-border-color); background: var(--bs-secondary-bg); border-radius: 6px; color: #495057 }
    .dropify-wrapper:hover { background-image: linear-gradient(-45deg,rgba(231,239,247,.4) 25%,transparent 25%,transparent 50%,rgba(231,239,247,.4) 50%,rgba(231,239,247,.4) 75%,transparent 75%,transparent) }
    .dropify-wrapper .dropify-preview { background-color: var(--bs-border-color) }
.form-wizard-wrapper label { font-size: 14px; text-align: right }
.wizard ul { list-style: none !important; padding: 0; margin: 0 }
.wizard > .steps > ul > li { width: 25% }
.wizard > .steps .current-info { position: absolute; left: -999em }
.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover { margin: 3px; padding: 15px; display: block; width: auto; border-radius: 5px }
.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover { background-color: #44a2d2 !important; color: #fff !important }
    .wizard > .steps .current a .number, .wizard > .steps .current a:active .number, .wizard > .steps .current a:hover .number { border: 2px solid #fff !important }
.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover { background-color: #bfdff0; color: #44a2d2 }
    .wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number, .wizard > .steps .done a .number, .wizard > .steps .done a:active .number, .wizard > .steps .done a:hover .number { border-color: #44a2d2 }
.wizard > .steps .number { font-size: 16px; padding: 5px; border-radius: 50%; border: 2px solid #fff; width: 38px; display: inline-block; font-weight: 500; text-align: center; margin-right: 10px; background-color: rgba(68,162,210,.25) }
.wizard .wizard.vertical > .actions, .wizard .wizard > .actions { margin-top: 20px }
.wizard > .content { background-color: transparent; margin: 0 5px; border-radius: 0; min-height: 150px }
    .wizard > .content > .title { position: absolute; left: -999em }
    .wizard > .content > .body { width: 100%; height: 100%; padding: 30px 0 0; position: static }
.wizard > .actions { position: relative; display: block; text-align: right; width: 100% }
    .wizard > .actions > ul { display: inline-block; text-align: right }
        .wizard > .actions > ul > li { display: block; margin: 0 .5em }
    .wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover { background-color: #44a2d2; border-radius: 4px; padding: 8px 15px; color: #fff }
    .wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover { opacity: .65; background-color: #44a2d2; color: #fff; cursor: not-allowed }
    .wizard > .actions > ul > li, .wizard > .steps > ul > li { float: left }
.vertical-wizard { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .vertical-wizard .steps > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
        .vertical-wizard .steps > ul > li { width: 100% !important }
    .vertical-wizard .actions, .vertical-wizard .content, .vertical-wizard .steps { width: 100% }

@media (min-width:1200px) {
    .vertical-wizard .steps { width: 25% }
}

.vertical-wizard .content { padding: 24px }

@media (min-width:1200px) {
    .vertical-wizard .content { width: 70%; margin: 0 auto; padding: 12px 24px }
}

.vertical-wizard .content > .body { padding: 0 }

@media (max-width:768px) {
    .wizard > .steps > ul > li { width: 50% }
    .form-wizard-wrapper label { text-align: left }
}

@media (max-width:520px) {
    .wizard > .steps > ul > li { width: 100% }
}

#form-horizontal-t-1 { background-color: #bfdff0; color: #44a2d2 }
#form-horizontal-t-2 { background-color: #bfdff0; color: #44a2d2 }
#form-horizontal-t-3 { background-color: #bfdff0; color: #44a2d2 }
#form-vertical-t-1 { background-color: #bfdff0; color: #44a2d2 }
#form-vertical-t-2 { background-color: #bfdff0; color: #44a2d2 }
.editable-input .form-control { display: inline-block }
.editable-buttons { margin-left: 7px }
    .editable-buttons .editable-cancel { margin-left: 7px }
.table-rep-plugin .btn-toolbar { display: block }
.table-rep-plugin .table-responsive { border: none !important }
.table-rep-plugin .btn-group .btn-default { background-color: #6c757d; color: #f8f9fa; border: 1px solid #6c757d }
    .table-rep-plugin .btn-group .btn-default.btn-primary { background-color: #44a2d2; border-color: #44a2d2; color: #fff; -webkit-box-shadow: 0 0 0 2px rgba(68,162,210,.5); box-shadow: 0 0 0 2px rgba(68,162,210,.5) }
.table-rep-plugin .btn-group.pull-right { float: right }
    .table-rep-plugin .btn-group.pull-right .dropdown-menu { right: 0; -webkit-transform: none !important; transform: none !important; top: 100% !important }
.table-rep-plugin tbody th { font-size: 14px; font-weight: 400 }
.table-rep-plugin .checkbox-row { padding-left: 40px }
    .table-rep-plugin .checkbox-row label { display: inline-block; padding-left: 5px; position: relative }
        .table-rep-plugin .checkbox-row label::before { -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; background-color: #fff; border-radius: 3px; border: 1px solid #e7eff7; content: ""; display: inline-block; height: 17px; left: 0; margin-left: -20px; position: absolute; transition: .3s ease-in-out; width: 17px; outline: 0 !important }
        .table-rep-plugin .checkbox-row label::after { color: #e9ecef; display: inline-block; font-size: 11px; height: 16px; left: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; position: absolute; top: -1px; width: 16px }
    .table-rep-plugin .checkbox-row input[type=checkbox] { cursor: pointer; opacity: 0; z-index: 1; outline: 0 !important }
        .table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label { opacity: .65 }
        .table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before { outline-offset: -2px; outline: 0 }
        .table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900 }
        .table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before { background-color: #f8f9fa; cursor: not-allowed }
        .table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before { background-color: #44a2d2; border-color: #44a2d2 }
        .table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after { color: #fff }
.table-rep-plugin .fixed-solution .sticky-table-header { top: 70px !important; background-color: #44a2d2 }
    .table-rep-plugin .fixed-solution .sticky-table-header table { color: #fff }

@media (min-width:992px) {
    body[data-layout=horizontal] .fixed-solution .sticky-table-header { top: 120px !important }
}

.table-edits input, .table-edits select { height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); padding: .25rem .5rem; border: 1px solid var(--bs-border-color); color: var(--bs-body-color); border-radius: var(--bs-border-radius); background-color: var(--bs-input-bg) }
    .table-edits input:focus, .table-edits select:focus { outline: 0; border-color: #a2d1e9 }
.jstree-open > .jstree-anchor > .fa-folder:before { margin-left: 2px; content: "\f07c" }
.fa-folder:before { content: "\f07b" }
.jstree-anchor > .jstree-themeicon { margin-right: 6px }
.jstree-default .jstree-anchor { line-height: 24px; height: 32px }
.shepherd-text { font-size: 14px }
.shepherd-button { margin-right: .5rem }
    .shepherd-button.btn-primary:not(:disabled):hover { background-color: #3a9dd0 }
    .shepherd-button.btn-secondary:not(:disabled):hover { background-color: #666f76 }
    .shepherd-button.btn-success:not(:disabled):hover { background-color: #09c38e }
    .shepherd-button.btn-info:not(:disabled):hover { background-color: #2173f3 }
    .shepherd-button.btn-warning:not(:disabled):hover { background-color: #f1b506 }
    .shepherd-button.btn-danger:not(:disabled):hover { background-color: #f04962 }
    .shepherd-button.btn-purple:not(:disabled):hover { background-color: #6d74da }
    .shepherd-button.btn-pink:not(:disabled):hover { background-color: #ff5a93 }
    .shepherd-button.btn-light:not(:disabled):hover { background-color: #f1f3f5 }
    .shepherd-button.btn-dark:not(:disabled):hover { background-color: #0b0c15 }
.morris-charts text { fill: var(--bs-secondary-color); font-family: var(--bs-font-sans-serif) !important }
.morris-hover { position: absolute; z-index: 10 }
    .morris-hover.morris-default-style { font-size: 12px; text-align: center; border-radius: 5px; padding: 10px 12px; background: rgba(248,249,250,.8); color: #0f111d; border: 2px solid #e9ecef; font-family: var(--bs-font-sans-serif) }
        .morris-hover.morris-default-style .morris-hover-row-label { font-weight: 700; margin: .25em 0 }
        .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: .1em 0; color: #fff }
.workloed-chart { height: 273px !important }
.project-budget-detail-chart { height: 265px !important }
.project-budget-chart { height: 322px !important }
.ct-golden-section:before { float: none }
.ct-chart { max-height: 300px }
    .ct-chart .ct-label { fill: #adb5bd; color: #adb5bd; font-size: 12px; line-height: 1 }
    .ct-chart.simple-pie-chart-chartist .ct-label { color: #fff; fill: #fff; font-size: 16px }
.ct-grid { stroke: rgba(15,17,29,.09); stroke-width: 1px; stroke-dasharray: 3px }
.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice-donut { stroke: #44a2d2 }
.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut { stroke: #ced4da }
.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice-donut { stroke: #f9b3bd }
.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice-donut { stroke: #2d7bf4 }
.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut { stroke: #f1556c }
.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice-donut { stroke: #ff679b }
.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice-donut { stroke: #777edd }
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie { fill: #0acf97 }
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie { fill: #f1556c }
.ct-series-c .ct-area, .ct-series-c .ct-slice-pie { fill: #e7eff7 }
.ct-area { fill-opacity: .15 }
.chartist-tooltip { position: absolute; display: inline-block; opacity: 0; min-width: 10px; padding: 2px 10px; border-radius: 3px; background: #0f111d; color: #e7eff7; text-align: center; pointer-events: none; z-index: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear }
    .chartist-tooltip.tooltip-show { opacity: 1 }
.ct-line { stroke-width: 3px }
.ct-point { stroke-width: 7px }
.flot-charts-height { height: 300px }
.flotTip { padding: 8px 12px; background-color: rgba(15,17,29,.9); z-index: 100; color: #f8f9fa; -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02); border-radius: 4px }
.legendLabel { color: #adb5bd }
.jqstooltip { -webkit-box-sizing: content-box; box-sizing: content-box; width: auto !important; height: auto !important; background-color: #181b2e !important; -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.08),0 1px 0 0 rgba(0,0,0,.02); box-shadow: 0 0 24px 0 rgba(0,0,0,.08),0 1px 0 0 rgba(0,0,0,.02); padding: 5px 10px !important; border-radius: 3px; border-color: #0f111d !important }
.jqsfield { color: #e9ecef !important; font-size: 12px !important; line-height: 18px !important; font-family: var(--bs-font-sans-serif) !important; font-weight: 500 !important }
.gmaps, .gmaps-panaroma { height: 300px !important; background: #f8f9fa; border-radius: 3px }
.gmaps-overlay { display: block; text-align: center; color: #fff; font-size: 16px; line-height: 40px; background: #44a2d2; border-radius: 4px; padding: 10px 20px }
.gmaps-overlay_arrow { left: 50%; margin-left: -16px; width: 0; height: 0; position: absolute }
    .gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #44a2d2 }
    .gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #44a2d2 }
.jvectormap-label { border: none; background: #181b2e; color: #f8f9fa; font-family: var(--bs-font-sans-serif); font-size: .8125rem; padding: 5px 8px }
.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }
div.dataTables_wrapper div.dataTables_filter { text-align: right }

@media (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter { text-align: center }
}

div.dataTables_wrapper div.dataTables_filter input { margin-left: .5em; margin-right: 0 }
div.dataTables_wrapper div.dataTables_length label { margin-bottom: .5rem }
.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td { position: relative }
    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control { padding-left: 30px }
        .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before { top: 50%; left: 5px; height: 14px; width: 14px; margin-top: -9px; display: block; position: absolute; color: #fff; border: 2px solid #fff; border-radius: 14px; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; text-indent: 0 !important; line-height: 14px; content: "+"; background-color: #44a2d2 }
.sp-container { background-color: var(--bs-secondary-bg) }
    .sp-container button { padding: .25rem .5rem; font-size: .71094rem; border-radius: .2rem; font-weight: 400; color: #0f111d }
        .sp-container button.sp-palette-toggle { background-color: #f8f9fa }
        .sp-container button.sp-choose { background-color: #0acf97; margin-left: 5px; margin-right: 0 }
.sp-palette-container { border-right: 1px solid #e7eff7 }
.sp-input { background-color: var(--bs-input-bg); border-color: var(--bs-border-color) !important; color: var(--bs-body-color) }
    .sp-input:focus { outline: 0 }
[dir=rtl] .sp-alpha { direction: ltr }
[dir=rtl] .sp-original-input-container .sp-add-on { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important }
[dir=rtl] input.spectrum.with-add-on { border: 1px solid var(--bs-border-color); border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius) }
.home-btn { position: absolute; top: 15px; right: 25px }
.auth-body-bg { background-color: var(--bs-secondary-bg) }
.accountbg { background: url(../images/bg-1.jpg); background-size: cover; background-position: center center; height: 100%; width: 100%; top: 0; -webkit-box-shadow: inset 0 0 0 2000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 2000px rgba(0,0,0,.7) }
    .accountbg .account-title { width: 470px; position: relative; display: block; margin: 0 auto }
        .accountbg .account-title h1 { font-size: 40px }
.error-content h1 { font-size: 98px; font-weight: 700; line-height: 150px; text-shadow: #fff 1px 1px,#44a2d2 2px 2px,#44a2d2 3px 3px }
.email-leftbar { width: 236px; float: left; padding: 20px; border-radius: 5px }
.email-rightbar { margin-left: 260px }
.chat-user-box p.user-title { color: var(--bs-emphasis-color); font-weight: 500 }
.chat-user-box p { font-size: 13px }

@media (max-width:767px) {
    .email-leftbar { float: none; width: 100% }
    .email-rightbar { margin: 0 }
}

.mail-list a { display: block; color: var(--bs-secondary-color); line-height: 24px; padding: 8px 5px; font-size: 14px }
    .mail-list a.active { color: #f1556c; font-weight: 500 }
.message-list { display: block; padding-left: 0 }
    .message-list li { position: relative; display: block; height: 50px; line-height: 50px; cursor: default; -webkit-transition-duration: .3s; transition-duration: .3s }
        .message-list li a { color: var(--bs-secondary-color) }
        .message-list li:hover { background: var(--bs-apex-grid-color); -webkit-transition-duration: 50ms; transition-duration: 50ms }
        .message-list li .col-mail { float: left; position: relative }
        .message-list li .col-mail-1 { width: 320px }
            .message-list li .col-mail-1 .checkbox-wrapper-mail, .message-list li .col-mail-1 .dot, .message-list li .col-mail-1 .star-toggle { display: block; float: left }
            .message-list li .col-mail-1 .dot { border: 4px solid transparent; border-radius: 100px; margin: 22px 26px 0; height: 0; width: 0; line-height: 0; font-size: 0 }
            .message-list li .col-mail-1 .checkbox-wrapper-mail { margin: 15px 10px 0 20px }
            .message-list li .col-mail-1 .star-toggle { margin-top: 18px; margin-left: 5px }
            .message-list li .col-mail-1 .title { position: absolute; top: 0; left: 110px; right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0 }
        .message-list li .col-mail-2 { position: absolute; top: 0; left: 320px; right: 0; bottom: 0 }
            .message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject { position: absolute; top: 0 }
            .message-list li .col-mail-2 .subject { left: 0; right: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
            .message-list li .col-mail-2 .date { right: 0; width: 170px; padding-left: 80px }
        .message-list li.active, .message-list li.active:hover { -webkit-box-shadow: inset 3px 0 0 #44a2d2; box-shadow: inset 3px 0 0 #44a2d2 }
        .message-list li.unread { background-color: var(--bs-apex-grid-color); font-weight: 500; color: var(--bs-body-color) }
            .message-list li.unread a { color: var(--bs-body-color); font-weight: 500 }
    .message-list .checkbox-wrapper-mail { cursor: pointer; height: 20px; width: 20px; position: relative; display: inline-block; -webkit-box-shadow: inset 0 0 0 1px #ced4da; box-shadow: inset 0 0 0 1px #ced4da; border-radius: 1px }
        .message-list .checkbox-wrapper-mail input { opacity: 0; cursor: pointer }
            .message-list .checkbox-wrapper-mail input:checked ~ label { opacity: 1 }
        .message-list .checkbox-wrapper-mail label { position: absolute; height: 20px; width: 20px; left: 0; cursor: pointer; opacity: 0; margin-bottom: 0; -webkit-transition-duration: 50ms; transition-duration: 50ms; top: 0 }
            .message-list .checkbox-wrapper-mail label:before { content: "\f012c"; font-family: "Material Design Icons"; top: 0; height: 20px; color: var(--bs-body-color); width: 20px; position: absolute; margin-top: -16px; left: 4px; font-size: 13px }

@media (max-width:575.98px) {
    .message-list li .col-mail-1 { width: 200px }
}

.cd-container { width: 90%; max-width: 1170px; margin: 0 auto }
    .cd-container:after { content: ""; display: table; clear: both }
#cd-timeline { margin-bottom: 2em; margin-top: 2em; padding: 2em 0; position: relative }
    #cd-timeline::before { border-left: 3px solid var(--bs-border-color); content: ""; height: 100%; left: 18px; position: absolute; top: 0; width: 3px }

@media only screen and (min-width:1170px) {
    #cd-timeline { margin-bottom: 3em; margin-top: 3em }
        #cd-timeline::before { left: 50%; margin-left: -2px }
}

.cd-timeline-block { margin: 2em 0; position: relative }
    .cd-timeline-block:after { clear: both; content: ""; display: table }
    .cd-timeline-block:first-child { margin-top: 0 }
    .cd-timeline-block:last-child { margin-bottom: 0 }

@media only screen and (min-width:1170px) {
    .cd-timeline-block { margin: 4em 0 }
        .cd-timeline-block:first-child { margin-top: 0 }
        .cd-timeline-block:last-child { margin-bottom: 0 }
}

.cd-timeline-img { position: absolute; top: 11px; left: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 27px; font-size: 20px; color: #fff; background-color: #44a2d2; border: 5px solid var(--bs-secondary-bg) }
    .cd-timeline-img i { margin-left: 1px }

@media only screen and (min-width:1170px) {
    .cd-timeline-img { width: 50px; height: 50px; line-height: 40px; left: 50%; top: 0; margin-left: -24px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden }
}

.cd-timeline-content { border-radius: 5px; border: 2px solid var(--bs-border-color); margin-left: 60px; padding: 1em; position: relative; background-color: var(--bs-tertiary-bg) }
    .cd-timeline-content:after { clear: both; content: ""; display: table }
    .cd-timeline-content p { color: var(--bs-secondary-color) }
    .cd-timeline-content h2 { margin-top: 0 }
    .cd-timeline-content .cd-read-more { background: #44a2d2; border-radius: .25em; color: #fff; float: right; font-size: 14px; padding: .8em 1em }
    .cd-timeline-content .cd-date { display: inline-block; font-size: 14px }
    .cd-timeline-content .left-number { font-size: 36px; font-weight: 300; color: #6c757d }
    .cd-timeline-content h3 { font-size: 16px; margin: 0 0 10px 0; border-radius: 5px }
    .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7 }
    .cd-timeline-content:before { content: ""; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 12px solid transparent; border-right: 12px solid var(--bs-border-color) }

@media only screen and (min-width:1170px) {
    .cd-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; text-align: right }
        .cd-timeline-content:before { top: 12px; left: 100%; border-color: transparent; border-left-color: var(--bs-border-color) }
        .cd-timeline-content .cd-read-more { float: left }
        .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 2px; text-align: left }
    .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; text-align: left }
        .cd-timeline-block:nth-child(even) .cd-timeline-content:before { top: 12px; left: auto; right: 100%; border-color: transparent; border-right-color: var(--bs-border-color) }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right }
}

.pricingTable { text-align: center; margin: 16px 0 }
    .pricingTable .pricing-icon i { width: 80px; height: 80px; text-align: center; line-height: 70px; font-size: 28px; border: 6px solid var(--bs-secondary-bg); border-radius: 50%; -webkit-box-shadow: 0 0 5px .15px var(--bs-tertiary-bg); box-shadow: 0 0 5px .15px var(--bs-tertiary-bg); -webkit-transition: all .3s linear 0s; transition: all .3s linear 0s }
    .pricingTable .amount { display: block; font-size: 36px; font-weight: 500; color: var(--bs-emphasis-color); padding: 12px 0 6px; margin: 0 }
.accordion .card-header { background-color: #e9ecef; padding: 0 12px }
.profile .online-circle { position: absolute; right: 0; top: 116px; left: 70px }
.profile ul li a span { border: 1px dotted #0acf97; border-radius: 50%; background-color: rgba(10,207,151,.15); display: inline-block; color: #0acf97; line-height: 36px }
.language-skill li { margin-top: 8px; border: 1px solid rgba(10,207,151,.15); border-radius: 5px; padding: 0 8px; background-color: rgba(10,207,151,.15); color: #0acf97; font-size: 13px }
.peity-data { position: absolute; top: 35px; right: 35px }
.activity { position: relative; border-left: 1px solid var(--bs-tertiary-bg); margin-left: 16px }
    .activity .item-info { margin-left: 30px; margin-bottom: 30px }
        .activity .item-info h5 { font-weight: 400; font-size: 15px }
    .activity .img-activity, .activity i { border: 1px solid var(--bs-tertiary-bg); width: 36px; height: 36px; text-align: center; line-height: 34px; border-radius: 50%; position: absolute; left: -17px; color: #44a2d2; background-color: var(--bs-tertiary-bg); font-size: 20px; -webkit-box-shadow: 0 0 0 .5px var(--bs-tertiary-bg); box-shadow: 0 0 0 .5px var(--bs-tertiary-bg) }
.custom-tab.tab-profile .nav-tabs .nav-link { padding: 8px 14px }
.custom-tab.tab-profile .nav-link.active { background-color: transparent }
#settings .dropify-wrapper { width: 14%; height: 164px; margin-bottom: 30px }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1 }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: .8 }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 }

@media (max-width:767px) {
    #settings .dropify-wrapper { width: auto }
    .profile #lineChart { height: auto !important }
}

.accordion-plus-icon .btn { white-space: normal }
.accordion-plus-icon .card { -webkit-box-shadow: none; box-shadow: none }
    .accordion-plus-icon .card .accordion-header .accordion-button.collapsed::after { content: "\f067"; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
    .accordion-plus-icon .card .accordion-header .accordion-button { padding-left: 54px }
        .accordion-plus-icon .card .accordion-header .accordion-button:after { content: "\f068"; font-family: "Font Awesome 5 Free" !important; font-weight: 600; position: absolute; left: 18px; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .25s; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #44a2d2; font-size: 12px; background-image: none }

@media (max-width:1024px) {
    .mo-b-15 { margin-bottom: 15px }
}

.accordion { -webkit-box-shadow: none; box-shadow: none }
    .accordion .card-header { background-color: rgba(233,236,239,.5); border: 1px solid rgba(233,236,239,.5); padding: 0 12px }
    .accordion .btn { margin-bottom: 0; text-decoration: none; display: block; width: 100%; text-align: left; color: #181b2e }
#accordionExample .card-header h5 button.collapsed::before { content: "\f067"; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
#accordionExample .card-header h5 button::before { content: "\f068"; font-family: "Font Awesome 5 Free" !important; font-weight: 600; position: absolute; top: 18px; left: 20px; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .25s; -webkit-transform: rotate(0); transform: rotate(0); color: #44a2d2 }
#accordionExample2 .card-header h5 button.collapsed::before { content: "\f107"; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
#accordionExample2 .card-header h5 button::before { content: "\f106"; font-family: "Font Awesome 5 Free" !important; font-weight: 600; position: absolute; top: 18px; right: 25px; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .25s; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #44a2d2 }
/*# sourceMappingURL=app.min.css.map */



/* Dashboard Kodları*/

/*.dashboard-thead { background-color: #b8effb !important; font-size: 12px; font-weight: bold; }
*/.dashboard-card { height: 380px; display: flex; flex-direction: column; }
.dashboard-table-container { flex: 1; overflow-y: auto; }
.dashboard-table tbody { display: block; max-height: 230px; overflow-y: auto; }
.dashboard-table thead,
.dashboard-table tbody tr { display: table; width: 100%; table-layout: fixed; }
.dashboard-table thead { position: sticky; top: 0; background: #e9e9e9; z-index: 1; }
.dashboard-table.table td, .dashboard-table.table th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dashboard-table .toplam-tutar { font-weight: bold; font-size: 1rem; color: #198754; }
.dashboard-table .col-tarih { width: 15%; }
.dashboard-table .col-islem { width: 20%; }
.dashboard-table .col-musteri { width: 45%; }
.dashboard-table .col-tutar { width: 20%; }