@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{background: #EBEEEF; background-size: cover;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,body{font-family: "Inter", sans-serif;}

:root{--ct-logo-lg-height:20px;--ct-logo-sm-height:22px;--ct-leftbar-width:240px;--ct-leftbar-width-md:175px;--ct-leftbar-width-sm:80px;--ct-leftbar-condensed-height:1600px;--ct-twocolumn-sidebar-width:220px;--ct-twocolumn-sidebar-iconview-width:66px;--ct-twocolumn-sidebar-iconview-size:22px;--ct-topbar-height:59px;--ct-horizontal-menu-height:55px;--ct-menu-transition:all .1s ease-in-out;--ct-menu-item-padding-x:10px;--ct-menu-item-gap:5px;--ct-menu-link-padding-x:15px;--ct-menu-link-padding-y:10px;--ct-menu-link-item-gap:10px;--ct-menu-item-icon-size:16px;--ct-menu-item-font-size:15.2px;--ct-footer-height:60px;--ct-boxed-layout-width:1300px;--ct-sidebar-width:225px; }:root,

html[data-menu-color=light] {

    --ct-menu-bg: #fff;

    --ct-menu-item-color: #6c757d;

    --ct-menu-item-hover-color: #2892fd;

    --ct-menu-item-active-color: #2892fd;

    --ct-menu-icon-twotone-fill: rgba(40,  146,  253,  0.2);

    --ct-menu-item-active-bg: rgba(40,  146,  253,  0.2);

}

html[data-bs-theme=dark][data-menu-color=light], html[data-menu-color=dark] {

    --ct-menu-bg: #37424c;

    --ct-menu-item-color: #9097a7;

    --ct-menu-item-hover-color: #c8cddc;

    --ct-menu-item-active-color: #2892fd;

    --ct-menu-icon-twotone-fill: rgba(40,  146,  253,  0.2);

    --ct-menu-item-active-bg: rgba(40,  146,  253,  0.2);

}

html[data-menu-color=brand] {

    --ct-menu-bg: #2892fd;

    --ct-menu-item-color: #cedce4;

    --ct-menu-item-hover-color: #ffffff;

    --ct-menu-item-active-color: #ffffff;

    --ct-menu-icon-twotone-fill: rgba(255,  255,  255,  0.2);

    --ct-menu-item-active-bg: rgba(255,  255,  255,  0.2);

}

html[data-menu-color=gradient] {

    --ct-menu-bg: #683ba9;

    --ct-menu-item-color: #cedce4;

    --ct-menu-item-hover-color: #ffffff;

    --ct-menu-item-active-color: #ffffff;

    --ct-menu-icon-twotone-fill: rgba(255,  255,  255,  0.2);

    --ct-menu-gradient-image: linear-gradient(270deg,  rgba(64,  149,  216,  0.15),  transparent);

    --ct-menu-item-active-bg: rgba(255,  255,  255,  0.2);

}

html[data-two-column-color=light] {

    --ct-twocolumn-iconview-bg: #161819;

    --ct-twocolumn-iconview-item-color: #6c757d;

    --ct-twocolumn-iconview-item-hover-color: #2892fd;

    --ct-twocolumn-iconview-item-active-color: #2892fd;

    --ct-twocolumn-iconview-icon-active-bg: rgba(40,  146,  253,  0.2);

}

html[data-bs-theme=dark][data-two-column-color=light], html[data-two-column-color=dark] {

    --ct-twocolumn-iconview-bg: #37424c;

    --ct-twocolumn-iconview-item-color: #9097a7;

    --ct-twocolumn-iconview-item-hover-color: #c8cddc;

    --ct-twocolumn-iconview-item-active-color: #fff;

    --ct-twocolumn-iconview-icon-active-bg: rgba(40,  146,  253,  0.2);

}

html[data-two-column-color=brand] {

    --ct-twocolumn-iconview-bg: #2892fd;

    --ct-twocolumn-iconview-item-color: #cedce4;

    --ct-twocolumn-iconview-item-hover-color: #ffffff;

    --ct-twocolumn-iconview-item-active-color: #ffffff;

    --ct-twocolumn-iconview-icon-active-bg: rgba(255,  255,  255,  0.2);

}

html[data-two-column-color=gradient] {

    --ct-twocolumn-iconview-bg: #683ba9;

    --ct-twocolumn-iconview-item-color: #cedce4;

    --ct-twocolumn-iconview-item-hover-color: #ffffff;

    --ct-twocolumn-iconview-item-active-color: #ffffff;

    --ct-twocolumn-iconview-icon-active-bg: rgba(255,  255,  255,  0.2);

}

html[data-topbar-color=light] {

    --ct-topbar-bg: #fff;

    --ct-topbar-item-color: #000000;

    --ct-topbar-item-hover-color: #2892fd;

    --ct-topbar-search-bg: #f8f8f8;

}

html[data-bs-theme=dark][data-topbar-color=light], html[data-topbar-color=dark] {

    --ct-topbar-bg: #38414a;

    --ct-topbar-item-color: rgba(255, 255, 255, .6);

    --ct-topbar-item-hover-color: #bccee4;

    --ct-topbar-search-bg: #464f5b;

}

html[data-topbar-color=brand] {

    --ct-topbar-bg: linear-gradient(135deg,  #6379c3 0%,  #546ee5 60%);

    --ct-topbar-item-color: rgba(255,  255,  255,  0.7);

    --ct-topbar-item-hover-color: #ffffff;

    --ct-topbar-search-bg: rgba(255,  255,  255,  0.1);

}

@font-face {

    font-family: "Cerebri Sans, sans-serif";

    src: url(../fonts/cerebrisans-light.eot);

    src: local("Cerebri-sans Light"), url(../fonts/cerebrisans-light.woff) format("woff");

    font-weight: 300;

}

@font-face {

    font-family: "Cerebri Sans, sans-serif";

    src: url(../fonts/cerebrisans-regular.eot);

    src: local("Cerebri-sans Regular"), url(../fonts/cerebrisans-regular.woff) format("woff");

    font-weight: 400;

}

@font-face {

    font-family: "Cerebri Sans, sans-serif";

    src: url(../fonts/cerebrisans-medium.eot);

    src: local("Cerebri-sans Medium"), url(../fonts/cerebrisans-medium.woff) format("woff");

    font-weight: 500;

}

@font-face {

    font-family: "Cerebri Sans, sans-serif";

    src: url(../fonts/cerebrisans-semibold.eot);

    src: local("Cerebri-sans Semibold"), url(../fonts/cerebrisans-semibold.woff) format("woff");

    font-weight: 600;

}

@font-face {

    font-family: "Cerebri Sans, sans-serif";

    src: url(../fonts/cerebrisans-bold.eot);

    src: local("Cerebri-sans Bold"), url(../fonts/cerebrisans-bold.woff) format("woff");

    font-weight: 700;

}

.navbar-custom {

    background: transparent;

    min-height: var(--ct-topbar-height);

    top: 0;

    position: sticky;

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    z-index: 1000;

    border: var(--ct-theme-border-width) solid transparent;

    border-bottom: var(--ct-theme-border-width) solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

.navbar-custom .topbar {

    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;

    margin: 0 auto;

    padding: 0 ;

}span.taskIcon {

    background: #D91E71;

    width: 24px;

    height: 24px;

    border-radius: 50%;line-height: 23px; margin-right: 5px;

    text-align: center;

}

button.button-toggle-menu:after {

    content: "";

    width: 2px;

    height: 23px;

    background: #D9D9D9;

    position: absolute;

    right: 0;

    top: 20px;

}span.user-pic-icon {

    background: #3D474D;

    color: #fff;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    text-align: center;

    line-height: 33px;font-size: 12px;

    font-weight: 600;

}

.navbar-custom .topbar ul {

    list-style-type: none;

    margin-bottom: 0;

}

.navbar-custom .topbar li {

    max-height: var(--ct-topbar-height); position: relative;

}

.navbar-custom .topbar li .nav-link.show {

    color: var(--ct-topbar-item-hover-color);

}

.navbar-custom .topbar .nav-link {

    padding: 0 .75rem;

    position: relative;

    color: var(--ct-topbar-item-color);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: var(--ct-topbar-height);

    cursor: pointer;    font-size: 16px;

    font-weight: 600;

}

.navbar-custom .topbar .nav-link:hover {

    color: var(--ct-topbar-item-hover-color);

}

.navbar-custom .topbar .app-search form .form-control {

    color: var(--ct-topbar-item-color);

    background-color: var(--ct-topbar-search-bg);

}

.navbar-custom .topbar .app-search form .form-control::-webkit-input-placeholder {

    color: var(--ct-topbar-item-color);

}

.navbar-custom .topbar .app-search form .form-control::-moz-placeholder {

    color: var(--ct-topbar-item-color);

}

.navbar-custom .topbar .app-search form .form-control:-ms-input-placeholder {

    color: var(--ct-topbar-item-color);

}

.navbar-custom .topbar .app-search form .form-control::-ms-input-placeholder {

    color: var(--ct-topbar-item-color);

}

.navbar-custom .topbar .app-search form .form-control::placeholder {

    color: var(--ct-topbar-item-color);

}

.navbar-custom .topbar .app-search form span.search-icon {

    color: var(--ct-topbar-item-color);

}

.app-search {

    position: static;

    overflow-y: hidden;

}

.app-search form {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

}

.app-search form .form-control {

    border: none;

    height: calc(1.5em + .9rem + 2px);

    padding-right: 40px;

    padding-left: 20px;

    background-color: var(--ct-secondary-bg);

    -webkit-box-shadow: none;

    box-shadow: none;

}

.app-search form span.search-icon {

    position: absolute;

    z-index: 4;

    font-size: 20px;

    line-height: 38px;

    right: 10px;

    top: 0;

    z-index: 5;

    color: var(--ct-secondary);

}

.app-search form .input-group-text {

    margin-left: 0;

    z-index: 4;

}

.app-search form .dropdown-menu {

    z-index: 1060;

}

.nav-user {

    padding: 0 12px!important;

}

.nav-user img {

    height: 32px;

    width: 32px;

}

html[data-bs-theme=dark] .navbar-custom .logo-box .logo-light, html[data-topbar-color=brand] .navbar-custom .logo-box .logo-light, html[data-topbar-color=dark] .navbar-custom .logo-box .logo-light {

    display: block;

}

html[data-bs-theme=dark] .navbar-custom .logo-box .logo-dark, html[data-topbar-color=brand] .navbar-custom .logo-box .logo-dark, html[data-topbar-color=dark] .navbar-custom .logo-box .logo-dark {

    display: none;

}

html[data-bs-theme=dark] #light-dark-mode .ri-moon-line::before {

    content: "\f1bf"}

.button-toggle-menu {

   border: none;
    color: #ffffff;
    width: 35px;
    height:35px;
    background-color: #0094FF;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    border-radius: 5px; margin-left: 5px;

}
button.button-toggle-menu:after{display: none;}
.fullscreen-enable .fe-maximize::before {

    content: "\e88d"}

@media (max-width:375px) {

    .navbar-custom .button-toggle-menu {

    width: auto;

}

.navbar-custom .logo-box {

    display: none!important;

}

}@media (max-width:575.98px) {

    .navbar-custom .topbar-menu {

    position: initial;

}

.navbar-custom .dropdown {

    position: static;

}

.navbar-custom .dropdown .dropdown-menu {

    left: 10px!important;

    right: 10px!important;

}

}@media (max-width:767.98px) {

    .navbar-custom {

    padding: 0 .75rem;

}

.navbar-custom .logo-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.navbar-custom .logo-box .logo-lg {

    display: none;

}

.navbar-custom .logo-box .logo-sm {

    display: block;

}

}@media (min-width:1200px) {

    .navbar-custom .logo-box {

    display: none;

}

}.right-bar {

    width: 260px!important;

}

.user-box {

    padding: 25px;

    text-align: center;

}

.user-box .user-img {

    position: relative;

    height: 64px;

    width: 64px;

    margin: 0 auto 15px auto;

}

.user-box .user-img .user-edit {

    position: absolute;

    right: -5px;

    bottom: 0;

    height: 24px;

    width: 24px;

    background-color: #fff;

    line-height: 24px;

    border-radius: 50%;

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

}

.user-box h5 {

    margin-bottom: 2px;

}

.user-box h5 a {

    color: var(--ct-dark);

}

.notification-item .noti-user-item {

    padding: .75rem 1rem;

}

.notification-item .noti-user-item:hover {

    background-color: var(--ct-light);

}

.notification-item .user-status {

    position: absolute;

    right: 0;

    bottom: -4px;

    font-size: 10px;

}

.notification-item .user-status.online {

    color: #5ad092;

}

.notification-item .user-status.away {

    color: #fdc45e;

}

.notification-item .user-status.busy {

    color: #f75964;

}

.page-title-box .page-title {

    font-size: 1.25rem;

    margin: 0;

    line-height: 75px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.page-title-box .page-title-right {

    float: right;

    margin-top: 20px;

}

.page-title-box .breadcrumb {

    padding-top: 8px;

}

.page-title-box-sm .page-title {

    line-height: 1!important;

    margin-bottom: 25px;

}

.page-title-box-sm .page-title-right {

    float: right;

    margin-top: 0;

}

.page-title-box-sm .breadcrumb {

    padding-top: 0;

    margin-top: -3px!important;

}

@media (max-width:767.98px) {

    .page-title-box .page-title {

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    line-height: 70px;

}

.page-title-box .breadcrumb {

    display: none;

}

.page-title-box .page-title-right {

    display: none;

}

}@media (max-width:419px) {

    .page-title-box .breadcrumb {

    display: none;

}

}.app-menu {

    top: 0;

    position: sticky;

    z-index: 1001;

    height: 100vh;

    min-height: 100vh;

    max-height: 100vh;

    width: var(--ct-leftbar-width);

    min-width: var(--ct-leftbar-width);

    padding-bottom: var(--ct-topbar-height);

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    background: var(--ct-menu-bg);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    border-right: var(--ct-theme-border-width) solid var(--ct-border-color);

}

.logo-box {

    top: 0;

    position: sticky;

    z-index: 1000;

    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;

    white-space: nowrap;

    height: var(--ct-topbar-height);

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    padding: 0 var(--ct-menu-item-padding-x);

}

.logo-box .logo-lg {

    height: var(--ct-logo-lg-height);

}

.logo-box .logo-sm {

    height: var(--ct-logo-sm-height);

}

.logo-box .logo-sm {

    display: none;

}

.logo-box .logo-light {

    display: none;

}

.logo-box .logo-dark {

    display: block;

}

html[data-bs-theme=dark] .app-menu .logo-box .logo-light, html[data-menu-color=brand] .app-menu .logo-box .logo-light, html[data-menu-color=dark] .app-menu .logo-box .logo-light, html[data-menu-color=gradient] .app-menu .logo-box .logo-light {

    display: block;

}

html[data-bs-theme=dark] .app-menu .logo-box .logo-dark, html[data-menu-color=brand] .app-menu .logo-box .logo-dark, html[data-menu-color=dark] .app-menu .logo-box .logo-dark, html[data-menu-color=gradient] .app-menu .logo-box .logo-dark {

    display: none;

}

#wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    height: 100%;

    width: 100%}

.content-page {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    width: calc(100% - var(--ct-sidebar-width));

    position: relative;

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

}

.content-page .content {

    min-height: calc(100vh - var(--ct-topbar-height));

    padding: 0 15px var(--ct-footer-height);

}

.user-box {

    padding: 30px 20px;

    text-align: center;

    display: none;

}

.user-box a {

    color: var(--ct-menu-item-color);

}

.user-box .user-pro-dropdown {

    -webkit-box-shadow: none;

    box-shadow: none;

    width: 90%;

    margin-left: 5%!important;

    margin-top: 10px!important;

}

.user-box .user-pro-dropdown .dropdown-item {

    border-radius: 3px;

}

.user-box .user-pro-dropdown .dropdown-item:hover {

    background-color: #2892fd;

    color: #fff;

}

html[data-sidenav-user=true] .user-box {

    display: block;

}

.menu {

    padding-left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    list-style-type: none;

    gap: var(--ct-menu-item-gap);

    padding-top: var(--ct-menu-item-gap);

}

.menu ul {

    padding-left: 0;

    list-style-type: none;

}

.menu>.menu-item {

    padding: 0 var(--ct-menu-item-padding-x); margin-bottom: 15px;

}

.menu .menu-title {

    opacity: .6;

    cursor: default;

    font-size: calc(var(--ct-menu-item-font-size) * .75);

    letter-spacing: .05em;

    text-transform: uppercase;

    color: var(--ct-menu-item-color);

    font-weight: 600;

    padding: var(--ct-menu-link-padding-y) calc(var(--ct-menu-link-padding-x) + var(--ct-menu-item-padding-x));

}

.menu .menu-item .menu-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    list-style: none;

    position: relative;

    color: #000;

    gap: var(--ct-menu-link-item-gap);

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    border-radius: var(--ct-border-radius);

    font-size: var(--ct-menu-item-font-size);

    padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);

}

.menu .menu-item .menu-link.show, .menu .menu-item .menu-link:focus, .menu .menu-item .menu-link:hover, .menu .menu-item .menu-link[aria-expanded=true] {

    color: var(--ct-menu-item-hover-color);

}

.menu .menu-item .menu-link>.menu-icon {

    width: var(--ct-menu-item-icon-size);

    font-size: var(--ct-menu-item-icon-size);

    line-height: var(--ct-menu-item-icon-size);

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

}

.menu .menu-item .menu-link>.menu-icon svg {

    width: var(--ct-menu-item-icon-size);

    height: var(--ct-menu-item-icon-size);

}

.menu .menu-item .menu-link>.menu-icon+.menu-text {

    padding-left: 0;

}

.menu .menu-item .menu-link>.menu-text {

    white-space: nowrap;

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    font-size: var(--ct-menu-item-font-size);

    line-height: var(--ct-menu-item-font-size);

    padding-left: calc(var(--ct-menu-item-icon-size) + var(--ct-menu-link-item-gap));

}

.menu .menu-item .menu-link>.menu-arrow {

    margin-left: auto;

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    line-height: var(--ct-menu-item-font-size);

    font-size: calc(var(--ct-menu-item-font-size) * 1.18);

}

.menu .menu-item .menu-link>.menu-arrow:before {

    content: "\f0142";

    font-family: "Material Design Icons"}

.menu .menu-item .menu-link[aria-expanded=true]>.menu-arrow {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

.menu .menu-item .sub-menu {

    display: grid;

}

.menu .menu-item .sub-menu .menu-text {

    font-size: calc(var(--ct-menu-item-font-size) * .95);

}

.menu .menu-item .sub-menu .sub-menu {

    padding-left: calc(var(--ct-menu-item-icon-size));

}

.menu .menu-item.menuitem-active>.menu-link {

    color: var(--ct-menu-item-active-color);

}

.menu .menu-item.menuitem-active>.menu-link:not(.collapsed)>.menu-arrow {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

html[dir=rtl] .menu-arrow:before {

    content: "\f0141"!important;

}

html[data-menu-icon=twotones] .menu-icon svg {

    fill: var(--ct-menu-icon-twotone-fill);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu {

    width: var(--ct-leftbar-width-sm);

    min-width: var(--ct-leftbar-width-sm);

    min-height: var(--ct-leftbar-condensed-height);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-content-wrapper, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-mask {

    overflow: visible!important;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-scrollbar {

    display: none!important;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-offset {

    bottom: 0!important;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .user-box {

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box {

    background: var(--ct-menu-bg);

    border-radius: var(--ct-border-radius);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box .logo-lg {

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box .logo-sm {

    display: block;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-title {

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item {

    position: relative;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link {

    -webkit-transition: none;

    transition: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.badge, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-text {

    -webkit-transition: none;

    transition: none;

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-icon {

    text-align: center;

    -webkit-transition: none;

    transition: none;

    width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2 - var(--ct-menu-link-padding-x) * 2);

    font-size: calc(var(--ct-menu-item-icon-size) * 1.25);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-icon svg {

    width: calc(var(--ct-menu-item-icon-size) * 1.25);

    height: calc(var(--ct-menu-item-icon-size) * 1.25);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-text {

    padding-left: 0;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-text::before {

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.collapsing {

    display: none;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing {

    display: block;

    left: 100%;

    margin-top: -2px;

    position: absolute;

    height: inherit!important;

    -webkit-transition: none!important;

    transition: none!important;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu {

    background: var(--ct-secondary-bg);

    margin-left: 1px;

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

    padding-bottom: var(--ct-menu-item-gap);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link {

    margin: 0 var(--ct-menu-item-gap);

    z-index: 5;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link>.menu-text, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link>.menu-text {

    display: block;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link>.menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link>.menu-arrow {

    display: block;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.collapsing, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.collapsing {

    top: 0;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link {

    color: var(--ct-body-color);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link.show, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link:focus, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link:hover, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link[aria-expanded=true], html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link.show, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link:focus, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link:hover, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link[aria-expanded=true] {

    color: var(--ct-primary);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item.menuitem-active>.menu-link, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item.menuitem-active>.menu-link {

    color: var(--ct-primary);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .collapsing, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .collapse, html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .collapsing {

    top: 0;

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item:hover>.menu-link::after {

    content: "";

    inset: 0;

    position: absolute;

    width: var(--ct-leftbar-width);

}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item:hover>.menu-link>.menu-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    left: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) + 1px);

    background: var(--ct-menu-bg);

    line-height: var(--ct-menu-item-icon-size);

    width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));

    padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu {

    width: var(--ct-leftbar-width-md);

    min-width: var(--ct-leftbar-width-md);

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu {

    gap: calc(var(--ct-menu-item-gap) * 2);

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .menu-title {

    text-align: center;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .menu-link {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: var(--ct-menu-link-item-gap);

    text-align: center;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .menu-link .badge, html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .menu-link .menu-arrow {

    display: none;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .sub-menu {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: var(--ct-menu-link-item-gap);

    padding-top: var(--ct-menu-link-padding-y);

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .sub-menu .menu-link {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .sub-menu .menu-link .menu-arrow {

    margin: 0;

    display: block;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .sub-menu .menu-text {

    padding-left: 0;

}

html[data-sidenav-size=compact]:not([data-layout=horizontal]) .app-menu .menu .sub-menu .menu-text::before {

    display: none;

}

html[data-sidenav-size=full]:not([data-layout=horizontal]) .app-menu {

    position: fixed;

    margin-left: calc(var(--ct-leftbar-width) * -1);

    border-color: transparent;

    opacity: 0;

}

html[data-sidenav-size=full]:not([data-layout=horizontal]) .app-menu .sub-menu .sub-menu {

    padding-left: 0;

}

html[data-sidenav-size=full]:not([data-layout=horizontal]) .navbar-custom .logo-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

html[data-sidenav-size=full]:not([data-layout=horizontal]).sidebar-enable .app-menu {

    opacity: 1;

    z-index: 1055;

    margin-left: 0;

}

html[data-sidenav-size=full]:not([data-layout=horizontal])[data-layout=two-column].sidebar-enable .app-menu {

    left: var(--ct-twocolumn-sidebar-iconview-width);

}

html[data-sidenav-size=fullscreen]:not([data-layout=horizontal]) .app-menu {

    margin-left: calc(var(--ct-leftbar-width) * -1);

    opacity: 0;

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) {

    margin: .75rem .75rem;

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .logo-box {

    border-radius: var(--ct-border-radius);

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .app-menu {

    top: .75rem;

    height: calc(100vh - 1.5rem);

    min-height: calc(100vh - 1.5rem);

    max-height: calc(100vh - 1.5rem);

    border-radius: var(--ct-border-radius);

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .content-page .content {

    min-height: calc(100vh - var(--ct-topbar-height) - 1.5rem - var(--ct-theme-border-width) * 2);

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .content-page .navbar-custom {

    top: .75rem;

    margin: 0 .75rem;

    border-radius: var(--ct-border-radius);

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .content-page .footer {

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    margin: 0 .75rem;

    border-radius: var(--ct-border-radius);

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

}

html[data-layout-mode=detached]:not([data-layout=horizontal])[data-sidenav-size=full] #wrapper .app-menu {

    top: .75rem;

    left: .75rem;

}

html[data-layout-mode=detached]:not([data-layout=horizontal])[data-sidenav-size=condensed] #wrapper .app-menu {

    height: var(--ct-leftbar-condensed-height)!important;

    min-height: var(--ct-leftbar-condensed-height)!important;

    max-height: var(--ct-leftbar-condensed-height)!important;

}

@media (min-width:1400px) {

    html[data-layout-width=boxed] .content-page .content {

    width: 100%;

    max-width: var(--ct-boxed-layout-width);

    margin: 0 auto;

}

}@media (max-width:767.98px) {

    html[data-layout-mode=detached]: not([data-layout=horizontal]) #wrapper {

    max-width: 100%!important;

}

html[data-layout-mode=detached]:not([data-layout=horizontal]) #wrapper .navbar-custom {

    margin: 0;

    padding: 0;

}

}html[data-menu-color=gradient] .app-menu {

    background-image: var(--ct-menu-gradient-image);

}

html[data-layout=two-column] .left-side-menu {

    width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));

    min-width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

html[data-layout=two-column] .sidebar-icon-menu {

    position: fixed;

    width: var(--ct-twocolumn-sidebar-iconview-width);

    min-width: var(--ct-twocolumn-sidebar-iconview-width);

    padding-bottom: var(--ct-topbar-height);

    background: var(--ct-twocolumn-iconview-bg);

    top: 0;

    bottom: 0;

    border: var(--ct-theme-border-width) solid var(--ct-border-color);

    border-right: 0!important;

}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link {

    text-align: center;

    margin: var(--ct-menu-item-gap) auto;

    border-radius: var(--ct-border-radius);

    color: #fff;font-size: 10px;

    padding: 0;

}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link>.menu-icon {

    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;

    width: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);

    height: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);

}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link svg {

    height: var(--ct-twocolumn-sidebar-iconview-size);

    width: var(--ct-twocolumn-sidebar-iconview-size);

    color: var(--ct-twocolumn-iconview-item-color);

}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link.active {

    color: #F6EC3F;

    background-color: transparent;

}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link.active svg {

    color: var(--ct-twocolumn-iconview-item-active-color);

}

.sidebar-icon-menu .menu .menu-item>.menu-link img.default{display: inline-block ;}

.sidebar-icon-menu .menu .menu-item>.menu-link img.active{display: none;}



.sidebar-icon-menu .menu .menu-item>.menu-link.active img.default{display: none;}

.sidebar-icon-menu .menu .menu-item>.menu-link.active img.active{display: inline-block;}



html[data-layout=two-column] .app-menu {

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

    width: var(--ct-twocolumn-sidebar-width);

    min-width: var(--ct-twocolumn-sidebar-width);

    position: fixed;

    top: 0;

    bottom: 0;

    margin-left: var(--ct-twocolumn-sidebar-iconview-width);

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out;

    border-left: 1px solid rgba(162, 173, 183, .2)!important;

}

html[data-layout=two-column] .app-menu .menu>.menu-item>.menu-link>.menu-text {

    padding-left: 0;

}

html[data-layout=two-column] .app-menu .menu .menu-item .sub-menu .menu-link .menu-text {

    padding-left: calc(var(--ct-menu-link-item-gap) * 1.25);

}

html[data-layout=two-column] .app-menu .menu>.menu-item.menuitem-active>.menu-link {

    background-color: var(--ct-menu-item-active-bg);

}

html[data-layout=two-column] .twocolumn-menu-item {

    display: none;

}

html[data-layout=two-column] #menu-icon-color {

    display: block;

}

html[data-layout=two-column] #sidebar-size, html[data-layout=two-column] #sidebar-user {

    display: none;

}

#menu-icon-color {

    display: none;

}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu {

    width: calc(var(--ct-twocolumn-sidebar-iconview-width));

    min-width: calc(var(--ct-twocolumn-sidebar-iconview-width));

}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu .app-menu {

    width: 0;

    min-width: 0;

    opacity: 0;

    z-index: -99;

}

html[data-layout=two-column][data-sidenav-size=full] .left-side-menu {

    height: calc(100vh - 1.5rem);

    min-height: calc(100vh - 1.5rem);

    max-height: calc(100vh - 1.5rem);

    position: fixed;

    margin-left: calc((var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width)) * -1);

    opacity: 0;

}

html[data-layout=two-column][data-sidenav-size=full].sidebar-enable .left-side-menu {

    opacity: 1;

    z-index: 1055;

    margin-left: 0;

}

html[data-layout=two-column][data-layout-mode=detached] .left-side-menu {

    border-radius: var(--ct-border-radius);

}

html[data-layout=two-column][data-layout-mode=detached] .left-side-menu .sidebar-icon-menu {

    position: sticky;

    top: .75rem;

    height: calc(100vh - 1.5rem);

    min-height: calc(100vh - 1.5rem);

    max-height: calc(100vh - 1.5rem);

    border-radius: var(--ct-border-radius) 0 0 var(--ct-border-radius)!important;

}

html[data-layout=two-column][data-layout-mode=detached] .left-side-menu .app-menu {

    top: .75rem;

    border-radius: 0 var(--ct-border-radius) var(--ct-border-radius) 0!important;

}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu {

    width: calc(var(--ct-twocolumn-sidebar-iconview-width));

    min-width: calc(var(--ct-twocolumn-sidebar-iconview-width));

}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu .app-menu {

    width: 0;

    min-width: 0;

    opacity: 0;

    z-index: -99;

}

html[data-layout=two-column][data-sidenav-size=condensed][data-layout-mode=detached] .sidebar-icon-menu {

    border-radius: var(--ct-border-radius)!important;

}

html[data-layout=two-column][data-sidenav-size=full][data-layout-mode=detached] .left-side-menu {

    margin-left: calc((var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width)) * -1);

    opacity: 0;

}

html[data-layout=two-column][data-sidenav-size=full][data-layout-mode=detached].sidebar-enable .left-side-menu {

    opacity: 1;

    z-index: 1055;

    margin-left: 0;

}

html[data-layout=two-column][data-sidenav-size=full][data-layout-mode=detached].sidebar-enable .left-side-menu .app-menu {

    left: calc(var(--ct-twocolumn-sidebar-iconview-width) + .75rem)!important;

}

html[data-layout=horizontal] #wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

html[data-layout=horizontal] .content, html[data-layout=horizontal] .menu, html[data-layout=horizontal] .topbar, html[data-layout=horizontal] footer>* {

    width: 100%;

    max-width: 90%;

    margin: 0 auto;

}

html[data-layout=horizontal] .content {

    min-height: calc(100vh - var(--ct-topbar-height) - var(--ct-horizontal-menu-height));

}

html[data-layout=horizontal] .navbar-custom {

    margin-top: calc(var(--ct-topbar-height) * -1);

    margin-bottom: var(--ct-topbar-height);

    -webkit-box-shadow: none;

    box-shadow: none;

}

html[data-layout=horizontal] .navbar-custom .topbar .logo-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background: 0 0;

}

html[data-layout=horizontal] .navbar-custom .topbar .button-toggle-menu {

    display: none;

}

html[data-layout=horizontal] .app-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: var(--ct-horizontal-menu-height);

    min-height: var(--ct-horizontal-menu-height);

    max-height: var(--ct-horizontal-menu-height);

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    z-index: 999;

    top: var(--ct-topbar-height);

    padding: 0;

    border-radius: 0;

    border-top: 1px solid var(--ct-topbar-search-bg);

}

html[data-layout=horizontal] .app-menu .simplebar-content-wrapper, html[data-layout=horizontal] .app-menu .simplebar-mask {

    overflow: visible!important;

    position: static!important;

}

html[data-layout=horizontal] .app-menu .simplebar-placeholder {

    width: 100%!important;

    height: 100%!important;

}

html[data-layout=horizontal] .app-menu .simplebar-scrollbar {

    display: none!important;

}

html[data-layout=horizontal] .app-menu .simplebar-offset {

    bottom: 0!important;

    right: auto!important;

    left: auto!important;

}

html[data-layout=horizontal] .app-menu .logo-box, html[data-layout=horizontal] .app-menu .user-box {

    display: none;

}

html[data-layout=horizontal] .app-menu .menu {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    margin: 0 10%;

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    padding: 0 1.5rem;

}

html[data-layout=horizontal] .app-menu .menu>.menu-item>.menu-link {

    height: var(--ct-horizontal-menu-height);

}

html[data-layout=horizontal] .app-menu .menu>.menu-item:first-of-type>.menu-link {

    padding-left: 0;

}

html[data-layout=horizontal] .app-menu .menu .menu-item {

    position: relative;

    padding: 0 var(--ct-menu-item-gap);

}

html[data-layout=horizontal] .app-menu .menu .menu-item .menu-link>.menu-text {

    padding-left: 0;

}

html[data-layout=horizontal] .app-menu .menu .menu-item .menu-link .menu-arrow {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

html[data-layout=horizontal] .app-menu .menu .menu-item:hover .menu-arrow {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

}

html[data-layout=horizontal] .app-menu .menu .menu-item:hover>.collapse, html[data-layout=horizontal] .app-menu .menu .menu-item:hover>.collapsing {

    display: block!important;

    position: absolute;

    height: inherit!important;

    -webkit-transition: none!important;

    transition: none!important;

}

html[data-layout=horizontal] .app-menu .menu .menu-item .sub-menu {

    padding: var(--ct-menu-item-gap) 0;

}

html[data-layout=horizontal] .app-menu .menu .menu-item .sub-menu .menu-arrow {

    -webkit-transform: rotate(0);

    transform: rotate(0);

}

html[data-layout=horizontal] .app-menu .menu .menu-item.menuitem-active>.menu-link:not(.collapsed)>.menu-arrow {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

html[data-layout=horizontal] .app-menu .collapse, html[data-layout=horizontal] .app-menu .collapsing {

    width: 200px;

    display: none;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    background-clip: padding-box;

    background: var(--ct-secondary-bg);

    -webkit-animation-name: DropDownSlide;

    animation-name: DropDownSlide;

    z-index: 1000;

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    border-radius: var(--ct-border-radius);

    border: 1px solid var(--ct-border-color);

}

html[data-layout=horizontal] .app-menu .collapse .menu-item .menu-link, html[data-layout=horizontal] .app-menu .collapsing .menu-item .menu-link {

    color: var(--ct-body-color);

}

html[data-layout=horizontal] .app-menu .collapse .menu-item .menu-link.show, html[data-layout=horizontal] .app-menu .collapse .menu-item .menu-link:focus, html[data-layout=horizontal] .app-menu .collapse .menu-item .menu-link:hover, html[data-layout=horizontal] .app-menu .collapse .menu-item .menu-link[aria-expanded=true], html[data-layout=horizontal] .app-menu .collapsing .menu-item .menu-link.show, html[data-layout=horizontal] .app-menu .collapsing .menu-item .menu-link:focus, html[data-layout=horizontal] .app-menu .collapsing .menu-item .menu-link:hover, html[data-layout=horizontal] .app-menu .collapsing .menu-item .menu-link[aria-expanded=true] {

    color: var(--ct-dark);

}

html[data-layout=horizontal] .app-menu .collapse .menu-item.menuitem-active>.menu-link, html[data-layout=horizontal] .app-menu .collapsing .menu-item.menuitem-active>.menu-link {

    color: var(--ct-dark);

    background-color: var(--ct-light);

}

html[data-layout=horizontal] .app-menu .collapse .menu-item .collapse, html[data-layout=horizontal] .app-menu .collapse .menu-item .collapsing, html[data-layout=horizontal] .app-menu .collapsing .menu-item .collapse, html[data-layout=horizontal] .app-menu .collapsing .menu-item .collapsing {

    top: 0;

}

html[data-layout=horizontal] .app-menu .collapse.collapse-lg, html[data-layout=horizontal] .app-menu .collapsing.collapse-lg {

    width: 30rem;

}

html[data-layout=horizontal] .app-menu .collapse.collapse-lg .sub-menu, html[data-layout=horizontal] .app-menu .collapsing.collapse-lg .sub-menu {

    grid-template-columns: repeat(3, minmax(0, 1fr));

}

html[data-layout=horizontal] .app-menu .collapse.collapse-md, html[data-layout=horizontal] .app-menu .collapsing.collapse-md {

    width: 20rem;

}

html[data-layout=horizontal] .app-menu .collapse.collapse-md .sub-menu, html[data-layout=horizontal] .app-menu .collapsing.collapse-md .sub-menu {

    grid-template-columns: repeat(2, minmax(0, 1fr));

}

html[data-layout=horizontal] #layout-mode, html[data-layout=horizontal] #sidebar-size, html[data-layout=horizontal] #sidebar-user, html[data-layout=horizontal] .menu-title {

    display: none;

}

@media (min-width:992px) {

    html[data-layout=horizontal] .collapse .collapse, html[data-layout=horizontal] .collapse .collapsing, html[data-layout=horizontal] .collapsing .collapse, html[data-layout=horizontal] .collapsing .collapsing {

    left: 100%;

    right: auto;

}

}@media (max-width:1700px) {

    html[data-layout=horizontal] .collapse .collapse, html[data-layout=horizontal] .collapse .collapsing, html[data-layout=horizontal] .collapsing .collapse, html[data-layout=horizontal] .collapsing .collapsing {

    right: 100%;

    left: auto;

}

}@media (max-width:1440px) {

    html[data-layout=horizontal] .collapse-lg .collapse, html[data-layout=horizontal] .collapse-lg .collapsing, html[data-layout=horizontal] .collapse-md .collapse, html[data-layout=horizontal] .collapse-md .collapsing {

    right: 100%!important;

    left: auto!important;

}

}@media (min-width:1400px) {

    html[data-layout=horizontal][data-layout-width=boxed] #wrapper {

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    width: 100%;

    max-width: var(--ct-boxed-layout-width);

    margin: 0 auto;

}

html[data-layout=horizontal][data-layout-width=boxed] #wrapper .content, html[data-layout=horizontal][data-layout-width=boxed] #wrapper .menu, html[data-layout=horizontal][data-layout-width=boxed] #wrapper .topbar, html[data-layout=horizontal][data-layout-width=boxed] #wrapper footer>* {

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

}

}.footer {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: var(--ct-footer-height);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 1.5rem;

    background-color: var(--ct-secondary-bg);

    color: var(--ct-secondary-color);

    border-top: var(--ct-theme-border-width) solid var(--ct-border-color);

    -webkit-transition: var(--ct-menu-transition);

    transition: var(--ct-menu-transition);

}

.footer .footer-links a {

    color: var(--ct-secondary-color);

    -webkit-transition: all .4s;

    transition: all .4s;

}

.footer .footer-links a:hover {

    color: var(--ct-secondary-color);

}

.footer-alt {

    border: none;

    text-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

@media (max-width:767.98px) {

    .footer {

    text-align: center;

}

}.bg-pattern {

    background-image: url(../images/bg-pattern-2.png);

    background-size: cover;

}

body.authentication-bg {

    background-color: #00acc1;

    background-size: cover;

    background-position: center;

}

body.authentication-bg footer {

    background-color: transparent!important;

}

body.authentication-bg-pattern {

    background-image: url(../images/bg-pattern.png);

}

.logout-icon {

    width: 140px;

}

.auth-fluid {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 100vh;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    background: url(../images/bg-auth.jpg) center;

    background-size: cover;

}

.auth-fluid .auth-fluid-form-box {

    max-width: 480px;

    border-radius: 0;

    z-index: 2;

    padding: 3rem;

    background-color: var(--ct-secondary-bg);

    position: relative;

    width: 100%}

.auth-fluid .auth-fluid-right {

    padding: 6rem 3rem;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    color: #fff;

    background-color: rgba(0, 0, 0, .3);

}

.auth-brand {

    margin-bottom: 2rem;

}

.auth-user-testimonial {

    position: absolute;

    margin: 0 auto;

    padding: 0 1.75rem;

    bottom: 3rem;

    left: 0;

    right: 0;

}

.auth-user-testimonial p.lead {

    font-size: 1.125rem;

    margin: 0 auto 20px auto;

    max-width: 700px;

}

@media (max-width:991.98px) {

    .auth-fluid {

    display: block;

}

.auth-fluid .auth-fluid-form-box {

    max-width: 100%;

    min-height: 100vh;

}

.auth-fluid .auth-fluid-right {

    display: none;

}

}.auth-brand {

    margin-bottom: 2rem;

}

.auth-brand .logo-dark {

    display: block;

}

.auth-brand .logo-light {

    display: none;

}

html[data-bs-theme=dark] .auth-brand .logo-light {

    display: block;

}

html[data-bs-theme=dark] .auth-brand .logo-dark {

    display: none;

}

.button-list {

    margin-left: -8px;

    margin-bottom: -12px;

}

.button-list .btn {

    margin-bottom: 12px;

    margin-left: 8px;

}

.grid-structure .grid-container {

    background-color: var(--ct-light);

    margin-bottom: 10px;

    font-size: .8rem;

    font-weight: 600;

    padding: 10px 20px;

}

.icons-list-demo div.col-sm-6 {

    cursor: pointer;

    line-height: 45px;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    overflow: hidden;

}

.icons-list-demo div.col-sm-6 p {

    margin-bottom: 0;

    line-height: inherit;

}

.icons-list-demo i {

    text-align: center;

    vertical-align: middle;

    font-size: 22px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin-right: 12px;

    color: var(--ct-gray);

    border-radius: 3px;

    display: inline-block;

    -webkit-transition: all .2s;

    transition: all .2s;

}

.icons-list-demo .col-md-4 {

    border-radius: 3px;

    background-clip: padding-box;

    margin-bottom: 10px;

}

.icons-list-demo .col-md-4:hover, .icons-list-demo .col-md-4:hover i {

    color: #2892fd;

}

.icons-list-demo .icon-item svg {

    margin-right: 10px;

}

.icons-list-demo .icon-item span {

    line-height: 30px;

    display: inline-block;

    vertical-align: middle;

}

.scrollspy-example {

    position: relative;

    height: 200px;

    margin-top: .5rem;

    overflow: auto;

}

.text-error {

    color: #2892fd;

    text-shadow: rgba(40, 146, 253, .3) 5px 1px, rgba(40, 146, 253, .2) 10px 3px;

    font-size: 84px;

    line-height: 90px;

    font-family: "IBM Plex Sans", sans-serif;

}

.error-text-box {

    font-size: 10rem;

    font-family: "IBM Plex Sans", sans-serif;

    min-height: 200px;

}

.error-text-box .text {

    fill: none;

    stroke-width: 6;

    stroke-linejoin: round;

    stroke-dasharray: 30 100;

    stroke-dashoffset: 0;

    -webkit-animation: stroke 9s infinite linear;

    animation: stroke 9s infinite linear;

}

.error-text-box .text:nth-child(5n+1) {

    stroke: #f75964;

    -webkit-animation-delay: -1.2s;

    animation-delay: -1.2s;

}

.error-text-box .text:nth-child(5n+2) {

    stroke: #fdc45e;

    -webkit-animation-delay: -2.4s;

    animation-delay: -2.4s;

}

.error-text-box .text:nth-child(5n+3) {

    stroke: #2892fd;

    -webkit-animation-delay: -3.6s;

    animation-delay: -3.6s;

}

.error-text-box .text:nth-child(5n+4) {

    stroke: #4fc6e1;

    -webkit-animation-delay: -4.8s;

    animation-delay: -4.8s;

}

.error-text-box .text:nth-child(5n+5) {

    stroke: #5ad092;

    -webkit-animation-delay: -6s;

    animation-delay: -6s;

}

@-webkit-keyframes stroke {

    100% {

    stroke-dashoffset: -400;

}

}@keyframes stroke {

    100% {

    stroke-dashoffset: -400;

}

}@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    .error-text-box .text {

    fill: #f75964;

    stroke: #f75964;

    stroke-width: 6;

    stroke-dasharray: 0 0;

    stroke-dashoffset: 0;

    -webkit-animation: none;

    animation: none;

}

}.logout-checkmark {

    width: 100px;

    margin: 0 auto;

    padding: 20px 0;

}

.logout-checkmark .path {

    stroke-dasharray: 1000;

    stroke-dashoffset: 0;

    -webkit-animation: dash 2s ease-in-out;

    animation: dash 2s ease-in-out;

}

.logout-checkmark .spin {

    -webkit-animation: spin 2s;

    animation: spin 2s;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%}

@-webkit-keyframes dash {

    0% {

    stroke-dashoffset: 1000;

}

100% {

    stroke-dashoffset: 0;

}

}@keyframes dash {

    0% {

    stroke-dashoffset: 1000;

}

100% {

    stroke-dashoffset: 0;

}

}@-webkit-keyframes spin {

    0% {

    -webkit-transform: rotate(0);

}

100% {

    -webkit-transform: rotate(360deg);

}

}@keyframes spin {

    0% {

    -webkit-transform: rotate(0);

}

100% {

    -webkit-transform: rotate(360deg);

}

}@-webkit-keyframes text {

    0% {

    opacity: 0;

}

100% {

    opacity: 1;

}

}@keyframes text {

    0% {

    opacity: 0;

}

100% {

    opacity: 1;

}

}.faq-question-q-box {

    height: 30px;

    width: 30px;

    color: #2892fd;

    text-align: center;

    border-radius: 50%;

    float: left;

    font-weight: 700;

    line-height: 30px;

    background-color: rgba(40, 146, 253, .15);

}

.faq-question {

    margin-top: 0;

    margin-left: 50px;

    font-weight: 400;

    font-size: 16px;

}

.faq-answer {

    margin-left: 50px;

    color: var(--ct-gray);

}

.svg-computer {

    stroke-dasharray: 1134;

    stroke-dashoffset: -1134;

    -webkit-animation: draw-me 5s infinite;

    animation: draw-me 5s infinite;

    -webkit-animation-direction: normal;

    animation-direction: normal;

    height: 160px;

}

@-webkit-keyframes draw-me {

    from {

    stroke-dashoffset: -1134;

}

to {

    stroke-dashoffset: 0;

}

}@keyframes draw-me {

    from {

    stroke-dashoffset: -1134;

}

to {

    stroke-dashoffset: 0;

}

}@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    .svg-computer {

    stroke-dasharray: 0;

    stroke-dashoffset: 0;

    -webkit-animation: none;

    animation: none;

    -webkit-animation-direction: normal;

    animation-direction: normal;

}

}.timeline {

    margin-bottom: 50px;

    position: relative;

}

.timeline:before {

    background-color: var(--ct-border-color);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    top: 30px;

    width: 2px;

    z-index: 0;

}

.timeline .time-show {

    margin-bottom: 30px;

    margin-top: 30px;

    position: relative;

}

.timeline .timeline-box {

    background: var(--ct-secondary-bg);

    display: block;

    margin: 15px 0;

    position: relative;

    padding: 20px;

    border-radius: var(--ct-border-radius);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

.timeline .timeline-album {

    margin-top: 12px;

}

.timeline .timeline-album a {

    display: inline-block;

    margin-right: 5px;

}

.timeline .timeline-album img {

    height: 36px;

    width: auto;

    border-radius: 3px;

}

@media (min-width:768px) {

    .timeline .time-show {

    right: 35px;

    text-align: right;

}

.timeline .timeline-box {

    margin-left: 45px;

}

.timeline .timeline-icon {

    background: var(--ct-border-color);

    border-radius: 50%;

    display: block;

    height: 20px;

    left: -54px;

    margin-top: -10px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 20px;

}

.timeline .timeline-icon i {

    color: var(--ct-body-color);

    font-size: 13px;

    position: absolute;

    left: 4px;

    margin-top: 1px;

}

.timeline .timeline-desk {

    display: table-cell;

    vertical-align: top;

    width: 50%}

.timeline-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.timeline-item:before {

    content: "";

    display: block;

    width: 50%}

.timeline-item .timeline-desk .arrow {

    border-bottom: 12px solid transparent;

    border-right: 12px solid var(--ct-secondary-bg)!important;

    border-top: 12px solid transparent;

    display: block;

    height: 0;

    left: -12px;

    margin-top: -12px;

    position: absolute;

    top: 50%;

    width: 0;

}

.timeline-item.timeline-item-left:after {

    content: "";

    display: block;

    width: 50%}

.timeline-item.timeline-item-left .timeline-desk .arrow-alt {

    border-bottom: 12px solid transparent;

    border-left: 12px solid var(--ct-secondary-bg)!important;

    border-top: 12px solid transparent;

    display: block;

    height: 0;

    left: auto;

    margin-top: -12px;

    position: absolute;

    right: -12px;

    top: 50%;

    width: 0;

}

.timeline-item.timeline-item-left .timeline-desk .album {

    float: right;

    margin-top: 20px;

}

.timeline-item.timeline-item-left .timeline-desk .album a {

    float: right;

    margin-left: 5px;

}

.timeline-item.timeline-item-left .timeline-icon {

    left: auto;

    right: -56px;

}

.timeline-item.timeline-item-left:before {

    display: none;

}

.timeline-item.timeline-item-left .timeline-box {

    margin-right: 45px;

    margin-left: 0;

    text-align: right;

}

}@media (max-width:767.98px) {

    .timeline .time-show {

    text-align: center;

    position: relative;

}

.timeline .timeline-icon {

    display: none;

}

}.timeline-sm {

    padding-left: 110px;

}

.timeline-sm .timeline-sm-item {

    position: relative;

    padding-bottom: 20px;

    padding-left: 40px;

    border-left: 2px solid var(--ct-border-color);

}

.timeline-sm .timeline-sm-item:after {

    content: "";

    display: block;

    position: absolute;

    top: 3px;

    left: -7px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: var(--ct-secondary-bg);

    border: 2px solid #2892fd;

}

.timeline-sm .timeline-sm-item .timeline-sm-date {

    position: absolute;

    left: -104px;

}

@media (max-width:420px) {

    .timeline-sm {

    padding-left: 0;

}

.timeline-sm .timeline-sm-date {

    position: relative!important;

    display: block;

    left: 0!important;

    margin-bottom: 10px;

}

}.inbox-leftbar {

    width: 240px;

    float: left;

    padding: 0 20px 20px 10px;

    position: relative;

}

.inbox-leftbar:before {

    border-right: 5px solid var(--ct-body-bg);

    content: "";

    position: absolute;

    top: 0;

    right: -15px;

    bottom: -1.5rem;

}

.inbox-rightbar {

    margin: -1.5rem 0 -1.5rem 250px;

    border-left: 5px solid var(--ct-body-bg);

    padding: 1.5rem 0 1.5rem 25px;

}

.message-list {

    display: block;

    padding-left: 0;

}

.message-list li {

    position: relative;

    display: block;

    height: 51px;

    line-height: 50px;

    cursor: default;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

}

.message-list li a {

    color: var(--ct-body-color);

}

.message-list li:hover {

    background: var(--ct-light);

    -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;

    color: var(--ct-dark-border-subtle);

    margin-left: 10px;

}

.message-list li .col-mail-1 .title {

    position: absolute;

    top: 0;

    left: 100px;

    right: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-bottom: 0;

    line-height: 50px;

}

.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: 110px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.message-list li .col-mail-2 .date {

    right: 0;

    width: 100px;

    padding-left: 10px;

}

.message-list li.active, .message-list li.mail-selected {

    background: var(--ct-light);

    -webkit-transition-duration: 50ms;

    transition-duration: 50ms;

}

.message-list li.active, .message-list li.active:hover {

    -webkit-box-shadow: inset 3px 0 0 #4fc6e1;

    box-shadow: inset 3px 0 0 #4fc6e1;

}

.message-list li.unread a {

    font-weight: 600;

    color: var(--ct-heading-color);

}

.message-list .checkbox-wrapper-mail {

    cursor: pointer;

    height: 20px;

    width: 20px;

    position: relative;

    display: inline-block;

    -webkit-box-shadow: inset 0 0 0 2px var(--ct-dark-bg-subtle);

    box-shadow: inset 0 0 0 2px var(--ct-dark-bg-subtle);

    border-radius: 3px;

}

.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;

    top: 3px;

    left: 3px;

    right: 3px;

    bottom: 3px;

    cursor: pointer;

    background: var(--ct-body-color);

    opacity: 0;

    margin-bottom: 0!important;

    -webkit-transition-duration: 50ms;

    transition-duration: 50ms;

}

.message-list .checkbox-wrapper-mail label:active {

    background: #87949b;

}

.mail-list a {

    color: var(--ct-body-color);

    padding: 9px 10px;

    display: block;

    font-size: 15px;

}

.reply-box {

    border: 2px solid var(--ct-light);

}

@media (max-width:648px) {

    .inbox-leftbar {

    width: 100%;

    float: none;

    padding: 0 20px;

}

.inbox-leftbar:before {

    border-right: none;

}

.inbox-rightbar {

    padding-top: 40px;

    margin: 0;

    border: 0;

    padding-left: 0;

}

.message-list li .col-mail-1 .checkbox-wrapper-mail {

    margin-left: 0;

}

}@media (max-width:520px) {

    .inbox-rightbar>.btn-group {

    margin-bottom: 10px;

}

.message-list li .col-mail-1 {

    width: 150px;

}

.message-list li .col-mail-1 .title {

    left: 80px;

}

.message-list li .col-mail-2 {

    left: 160px;

}

.message-list li .col-mail-2 .date {

    text-align: right;

    padding-right: 10px;

    padding-left: 20px;

}

}.sitemap {

    list-style: none;

    padding-left: 0;

}

.sitemap>li>ul {

    margin-top: 1rem;

    padding-left: 0;

}

.sitemap li {

    line-height: 1.5rem;

    vertical-align: top;

    list-style: none;

    position: relative;

}

.sitemap li a {

    text-decoration: none;

    color: var(--ct-body-color);

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.sitemap li a i {

    display: inline-block;

}

.sitemap li a:hover {

    color: #2892fd;

}

.sitemap ul {

    margin-left: 1.5rem;

    margin-bottom: 1rem;

    padding-top: 10px;

}

.sitemap ul li {

    position: relative;

}

.sitemap ul li a {

    margin-left: 2rem;

}

.sitemap ul li:before {

    content: "";

    display: inline-block;

    width: 1.5rem;

    height: 1.5rem;

    border-bottom: 1px solid var(--ct-border-color);

    border-left: 1px solid var(--ct-border-color);

    position: absolute;

    top: -1rem;

}

.search-result-box .tab-content {

    padding: 30px 30px 10px 30px;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.search-result-box .search-item {

    padding-bottom: 20px;

    border-bottom: 1px solid var(--ct-light);

    margin-bottom: 20px;

}

.search-result-box .nav-bordered .nav-link {

    padding: 10px 5px!important;

    margin-right: 10px;

}

.card-pricing {

    position: relative;

}

.card-pricing .card-pricing-plan-name {

    padding-bottom: 20px;

}

.card-pricing .card-pricing-icon {

    font-size: 22px;

    background-color: rgba(40, 146, 253, .1);

    height: 60px;

    display: inline-block;

    width: 60px;

    line-height: 62px;

    border-radius: 50%}

.card-pricing .card-pricing-price {

    padding: 30px 0 0;

}

.card-pricing .card-pricing-price span {

    font-size: 40%;

    color: var(--ct-gray);

    letter-spacing: 2px;

    text-transform: uppercase;

}

.card-pricing .card-pricing-features {

    color: var(--ct-gray);

    list-style: none;

    margin: 0;

    padding: 20px 0 0 0;

}

.card-pricing .card-pricing-features li {

    padding: 10px;

}

.card-pricing-recommended {

    background-color: #2892fd;

    color: #fff;

}

.card-pricing-recommended .card-pricing-icon {

    background-color: rgba(255, 255, 255, .1);

}

.card-pricing-recommended .card-pricing-features, .card-pricing-recommended .card-pricing-price span {

    color: rgba(255, 255, 255, .7);

}

.filter-menu {

    margin-bottom: 20px;

}

.filter-menu a {

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    color: var(--ct-dark);

    border-radius: 3px;

    padding: 5px 10px;

    display: inline-block;

    margin-bottom: 5px;

    font-weight: 500;

    font-family: "IBM Plex Sans", sans-serif;

}

.filter-menu a:hover {

    background-color: rgba(40, 146, 253, .15);

    color: #2892fd;

}

.filter-menu a.active {

    background-color: #2892fd;

    color: #fff;

}

.gal-box {

    background-color: var(--ct-secondary-bg);

    border-radius: 3px;

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    margin-bottom: 24px;

}

.gal-box .image-popup {

    padding: 10px;

    display: block;

}

.gal-box .image-popup img {

    cursor: -webkit-zoom-in;

    cursor: zoom-in;

}

.gal-box .gall-info {

    padding: 15px;

    border-top: 1px solid var(--ct-light-border-subtle);

    position: relative;

}

.gal-box .gall-info h4 {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.gal-box .gall-info .gal-like-btn {

    position: absolute;

    right: 15px;

    font-size: 22px;

    top: 24px;

}

.counter-number {

    font-size: 32px;

    font-weight: 700;

    color: #fff;

}

.counter-number span {

    font-size: 15px;

    font-weight: 400;

    display: block;

}

.coming-box {

    float: left;

    width: 25%}

.svg-rocket {

    height: 80px;

}

.rocket-clouds__bubble, .rocket-clouds__cloud, .rocket-inner__rocket-and-lines, .rocket-rocket {

    fill: #fff;

}

.post-user-comment-box {

    background-color: var(--ct-light);

    margin: 0 -.75rem;

    padding: 1rem;

    margin-top: 20px;

}

.task-item {

    padding-left: 12px;

    position: relative;

}

.task-item:before {

    content: "\f01db";

    font-family: "Material Design Icons";

    position: absolute;

    left: 0;

    font-size: 19px;

    top: -3px;

}

.tasklist {

    min-height: 40px;

    margin-bottom: 0;

}

.tasklist li {

    background-color: var(--ct-secondary-bg);

    border: 1px solid var(--ct-border-color);

    padding: 20px;

    margin-bottom: 15px;

    border-radius: 3px;

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

.tasklist li:last-of-type {

    margin-bottom: 0;

}

.tasklist li .btn-sm {

    padding: 2px 8px;

    font-size: 12px;

}

.tasklist .form-check {

    margin-left: 20px;

    margin-top: 5px;

}

.tasklist .form-check .form-check-input {

    margin-left: 0;

}

.task-placeholder {

    border: 1px dashed var(--ct-border-color)!important;

    background-color: var(--ct-light)!important;

    padding: 20px;

}

.product-box {

    position: relative;

    overflow: hidden;

}

.product-box .product-action {

    position: absolute;

    right: 0;

    top: 0;

    padding: 1.5rem 1.5rem 0 1.5rem;

    z-index: 3;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}

.product-box:hover .product-action {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateX(0);

    transform: translateX(0);

}

.product-box .product-info {

    padding-top: 1.5rem;

}

.product-box .product-price-tag {

    height: 48px;

    line-height: 48px;

    font-weight: 700;

    font-size: 20px;

    background-color: var(--ct-light);

    text-align: center;

    padding: 0 10px;

    border-radius: 3px;

}

.product-thumb {

    padding: 3px;

    margin-top: 3px;

}

.product-thumb.active {

    background-color: var(--ct-body-color)!important;

}

.track-order-list ul li {

    position: relative;

    border-left: 2px solid var(--ct-border-color);

    padding: 0 0 14px 21px;

}

.track-order-list ul li:first-child {

    padding-top: 0;

}

.track-order-list ul li:last-child {

    padding-bottom: 0;

}

.track-order-list ul li:before {

    content: "";

    position: absolute;

    left: -7px;

    top: 0;

    height: 12px;

    width: 12px;

    background-color: #2892fd;

    border-radius: 50%;

    border: 3px solid var(--ct-secondary-bg);

}

.track-order-list ul li.completed {

    border-color: #2892fd;

}

.track-order-list ul li .active-dot.dot {

    top: -9px;

    left: -16px;

    border-color: #2892fd;

}

.dot {

    border: 4px solid #2892fd;

    background: 0 0;

    border-radius: 60px;

    height: 30px;

    width: 30px;

    -webkit-animation: pulse 3s ease-out;

    animation: pulse 3s ease-out;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    position: absolute;

    top: -15px;

    right: -2px;

    z-index: 1;

    opacity: 0;

}

@-webkit-keyframes pulse {

    0% {

    -webkit-transform: scale(0);

    opacity: 0;

}

25% {

    -webkit-transform: scale(0);

    opacity: .1;

}

50% {

    -webkit-transform: scale(.1);

    opacity: .3;

}

75% {

    -webkit-transform: scale(.5);

    opacity: .5;

}

100% {

    -webkit-transform: scale(1);

    opacity: 0;

}

}@keyframes pulse {

    0% {

    -webkit-transform: scale(0);

    opacity: 0;

}

25% {

    -webkit-transform: scale(0);

    opacity: .1;

}

50% {

    -webkit-transform: scale(.1);

    opacity: .3;

}

75% {

    -webkit-transform: scale(.5);

    opacity: .5;

}

100% {

    -webkit-transform: scale(1);

    opacity: 0;

}

}/*!

 * 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: 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: radial-gradient(circle, #fff 100%, #000 100%);

    mask-image: 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;

    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;

}

.apex-charts {

    min-height: 10px!important;

}

.apex-charts text {

    font-family: var(--ct-font-sans-serif)!important;

}

.apex-charts .apexcharts-canvas {

    margin: 0 auto;

}

.apexcharts-tooltip-text, .apexcharts-tooltip-title {

    font-family: var(--ct-font-sans-serif)!important;

}

.apexcharts-tooltip {

    border: 1px solid var(--ct-border-color)!important;

    background-color: var(--ct-secondary-bg)!important;

    -webkit-box-shadow: var(--ct-box-shadow)!important;

    box-shadow: var(--ct-box-shadow)!important;

}

.apexcharts-tooltip * {

    font-family: var(--ct-font-sans-serif)!important;

    color: var(--ct-dark)!important;

}

.apexcharts-tooltip .apexcharts-tooltip-title {

    background-color: rgba(var(--ct-light-rgb), .75)!important;

    border-bottom: 1px solid var(--ct-border-color)!important;

}

.apexcharts-tooltip.apexcharts-theme-dark * {

    color: #fff!important;

}

.apexcharts-legend-series {

    font-weight: 600;

}

.apexcharts-gridline {

    pointer-events: none;

    stroke: var(--ct-light);

}

.apexcharts-legend-text {

    color: var(--ct-body-color)!important;

    font-family: var(--ct-font-sans-serif)!important;

    font-size: 13px!important;

    vertical-align: middle;

}

.apexcharts-legend-marker {

    vertical-align: middle;

    margin-right: 5px!important;

}

.apexcharts-pie-label {

    fill: #fff!important;

}

.apexcharts-subtitle-text, .apexcharts-title-text {

    fill: var(--ct-body-color);

    font-family: var(--ct-font-sans-serif)!important;

}

.apexcharts-xaxis text, .apexcharts-yaxis text {

    font-family: var(--ct-font-sans-serif)!important;

    fill: var(--ct-body-color);

}

.apexcharts-yaxis-title {

    font-weight: 500;

}

.apexcharts-annotation-rect {

    fill: var(--ct-light)!important;

}

.apexcharts-xaxis-annotations rect, .apexcharts-yaxis-annotations rect {

    stroke: none;

}

.apex-toolbar .btn-light.active {

    background-color: #2892fd;

    border-color: #2892fd;

    color: #fff;

    -webkit-box-shadow: 0 2px 6px 0 rgba(var(--ct-primary-rgb), .5);

    box-shadow: 0 2px 6px 0 rgba(var(--ct-primary-rgb), .5);

}

.apexcharts-xaxistooltip {

    background-color: var(--ct-secondary-bg)!important;

    border: 1px solid var(--ct-border-color)!important;

    -webkit-box-shadow: var(--ct-box-shadow)!important;

    box-shadow: var(--ct-box-shadow)!important;

    color: var(--ct-body-color)!important;

}

.apexcharts-xaxistooltip-bottom:before {

    border-bottom-color: var(--ct-border-color)!important;

}

.apexcharts-datalabels text, .apexcharts-xaxistooltip-text {

    font-family: var(--ct-font-sans-serif)!important;

}

.apexcharts-datalabel-value {

    fill: var(--ct-body-color)!important;

}

.apexcharts-menu {

    background: var(--ct-secondary-bg)!important;

    padding: .25rem .25rem!important;

    -webkit-box-shadow: var(--ct-box-shadow)!important;

    box-shadow: var(--ct-box-shadow)!important;

    border: 1px solid var(--ct-border-color)!important;

    text-align: center!important;

}

.apexcharts-menu .apexcharts-menu-item:hover {

    color: var(--ct-dark)!important;

    background-color: var(--ct-light)!important;

}

.apexcharts-radar-series polygon {

    fill: transparent;

    stroke: var(--ct-border-color);

}

.apexcharts-radar-series line {

    stroke: var(--ct-border-color);

}

.apexcharts-track path {

    stroke: var(--ct-border-color);

}

.irs {

    position: relative;

    display: block;

    -webkit-touch-callout: none;

    -ms-user-select: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

    font-size: 12px;

}

.irs-line {

    position: relative;

    display: block;

    overflow: hidden;

    outline: 0!important;

}

.irs-bar {

    position: absolute;

    display: block;

    left: 0;

    width: 0;

}

.irs-shadow {

    position: absolute;

    display: none;

    left: 0;

    width: 0;

}

.irs-handle {

    position: absolute;

    display: block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    cursor: default;

    z-index: 1;

}

.irs-handle.type_last {

    z-index: 2;

}

.irs-max, .irs-min {

    position: absolute;

    display: block;

    cursor: default;

}

.irs-min {

    left: 0;

    right: auto;

}

.irs-max {

    right: 0;

    left: auto;

}

[dir=rtl] .irs-min {

    right: 0;

    left: auto;

}

[dir=rtl] .irs-max {

    left: 0;

    right: auto;

}

.irs-from, .irs-single, .irs-to {

    position: absolute;

    display: block;

    top: 0;

    cursor: default;

    white-space: nowrap;

}

.irs-grid {

    position: absolute;

    display: none;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 20px;

}

.irs-with-grid .irs-grid {

    display: block;

}

.irs-grid-pol {

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 8px;

    background: #6c757d;

}

.irs-grid-pol.small {

    height: 4px;

}

.irs-grid-text {

    position: absolute;

    bottom: 0;

    left: 0;

    white-space: nowrap;

    text-align: center;

    font-size: 9px;

    line-height: 9px;

    padding: 0 3px;

    color: #6c757d;

}

.irs-disable-mask {

    position: absolute;

    display: block;

    top: 0;

    left: -1%;

    width: 102%;

    height: 100%;

    cursor: default;

    z-index: 2;

}

.lt-ie9 .irs-disable-mask {

    background: #6c757d;

    cursor: not-allowed;

}

.irs-disabled {

    opacity: .4;

}

.irs-hidden-input {

    position: absolute!important;

    display: block!important;

    top: 0!important;

    left: 0!important;

    width: 0!important;

    height: 0!important;

    font-size: 0!important;

    line-height: 0!important;

    padding: 0!important;

    margin: 0!important;

    overflow: hidden;

    outline: 0!important;

    z-index: -9999!important;

    background: 0 0!important;

    border-style: solid!important;

    border-color: transparent!important;

}

.irs--flat {

    height: 40px;

}

.irs--flat.irs-with-grid {

    height: 60px;

}

.irs--flat .irs-line {

    top: 25px;

    height: 12px;

    background-color: var(--ct-light);

    border-radius: 4px;

}

.irs--flat .irs-bar {

    top: 25px;

    height: 12px;

    background-color: #2892fd;

}

.irs--flat .irs-bar--single {

    border-radius: 4px 0 0 4px;

}

.irs--flat .irs-shadow {

    height: 1px;

    bottom: 16px;

    background-color: var(--ct-light);

}

.irs--flat .irs-handle {

    top: 22px;

    width: 16px;

    height: 18px;

    background-color: transparent;

}

.irs--flat .irs-handle>i:first-child {

    position: absolute;

    display: block;

    top: 0;

    left: 50%;

    width: 2px;

    height: 100%;

    margin-left: -1px;

    background-color: #0580fd;

}

.irs--flat .irs-max, .irs--flat .irs-min {

    top: 0;

    padding: 1px 3px;

    color: var(--ct-secondary-text);

    font-size: 10px;

    line-height: 1.333;

    text-shadow: none;

    background-color: var(--ct-light);

    border-radius: 4px;

}

.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {

    color: #fff;

    font-size: 10px;

    line-height: 1.333;

    text-shadow: none;

    padding: 1px 5px;

    background-color: #2892fd;

    border-radius: 4px;

}

.irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {

    position: absolute;

    display: block;

    content: "";

    bottom: -6px;

    left: 50%;

    width: 0;

    height: 0;

    margin-left: -3px;

    overflow: hidden;

    border: 3px solid transparent;

    border-top-color: #2892fd;

}

.irs--flat .irs-grid-pol {

    background-color: var(--ct-light);

}

.irs--flat .irs-grid-text {

    color: var(--ct-secondary-text);

}

[dir=rtl] .irs-bar--single {

    border-radius: 0 4px 4px 0!important;

}

.calendar {

    float: left;

    margin-bottom: 0;

}

.fc-view {

    margin-top: 30px;

}

.none-border .modal-footer {

    border-top: none;

}

.fc-toolbar {

    margin: 6px 0 5px 0!important;

}

.fc-toolbar h2 {

    font-size: 1.25rem!important;

    line-height: 1.875rem;

    text-transform: uppercase;

}

.fc-day-grid-event .fc-time {

    font-weight: 600;

}

th.fc-day-header {

    padding: .5rem 0;

}

.fc-day {

    background: 0 0;

}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {

    z-index: 0;

}

.fc th.fc-widget-header {

    background: var(--ct-light);

    font-size: 13px;

    line-height: 20px;

    padding: 10px 0;

    text-transform: uppercase;

    font-weight: 600;

}

.fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {

    width: 100%!important;

}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {

    border-color: var(--ct-light);

}

.fc-unthemed .fc-divider, .fc-unthemed td.fc-today {

    background: var(--ct-light);

}

.fc-button {

    background: var(--ct-light);

    border: none;

    color: var(--ct-secondary-text);

    text-transform: capitalize;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 3px;

    margin: 0 3px;

    padding: 6px 12px;

    height: auto;

}

.fc-text-arrow {

    font-family: inherit;

    font-size: 1rem;

}

.fc-cell-overlay, .fc-state-highlight, .fc-state-hover {

    background: var(--ct-light);

}

.fc-state-active, .fc-state-disabled, .fc-state-down {

    background-color: #2892fd;

    color: #fff;

    text-shadow: none;

}

.fc-unthemed .fc-today {

    background: #fff;

}

.fc-event {

    border-radius: 2px;

    border: none;

    cursor: move;

    font-size: .8125rem;

    margin: 5px 7px;

    padding: 5px 5px;

    text-align: center;

    color: #fff;

}

.fc-event.bg-dark .fc-event-time, .fc-event.bg-dark .fc-event-title {

    color: var(--ct-light);

}

.fc-event.bg-dark .fc-daygrid-event-dot {

    border-color: var(--ct-light);

}

.external-event {

    cursor: move;

    margin: 10px 0;

    padding: 8px 10px;

    color: #fff;

    border-radius: 4px;

}

.fc-basic-view td.fc-week-number span {

    padding-right: 8px;

}

.fc-basic-view td.fc-day-number {

    padding-right: 8px;

}

.fc-basic-view .fc-content {

    color: #fff;

}

.fc-time-grid-event .fc-content {

    color: #fff;

}

.fc-daygrid-day-number {

    float: right;

    height: 20px;

    width: 20px;

    text-align: center;

    line-height: 20px;

    background-color: var(--ct-light);

    border-radius: 50%;

    margin: 5px;

    font-size: 11px;

    padding: 0!important;

}

.fc-daygrid-event-dot {

    border-color: #fff;

}

.fc-event-time, .fc-event-title {

    color: #fff;

}

.fc .fc-list-sticky .fc-list-day>*, .table-active, .table-active>td, .table-active>th {

    background-color: transparent;

}

.fc .fc-list-event:hover td {

    background-color: inherit;

}

@media (max-width:767.98px) {

    .fc-toolbar {

    display: block!important;

}

.fc-toolbar .fc-toolbar-chunk {

    margin: 6px 0;

}

.fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right {

    float: none;

    display: block;

    clear: both;

    margin: 10px 0;

}

.fc .fc-toolbar>*>* {

    float: none;

}

.fc-today-button {

    display: none;

}

}.fc-toolbar .btn {

    --ct-btn-padding-y: 0.28rem;

    --ct-btn-padding-x: 0.8rem;

    --ct-btn-font-size: 0.765625rem;

    --ct-btn-border-radius: var(--ct-border-radius-sm);

}

.fc-list-item-time, .fc-list-item-title {

    color: #fff;

}

#calendar .table-bordered td, #calendar .table-bordered th {

    border: var(--ct-border-width) solid var(--ct-border-color);

}

[dir=rtl] .fc-toolbar-chunk .btn-group .btn:first-child {

    border-top-left-radius: 0!important;

    border-bottom-left-radius: 0!important;

    border-radius: var(--ct-border-radius-sm);

}

[dir=rtl] .fc-toolbar-chunk .btn-group .btn:last-child {

    border-top-right-radius: 0!important;

    border-bottom-right-radius: 0!important;

    border-radius: var(--ct-border-radius-sm);

}

.colorpicker {

    background: var(--ct-secondary-bg);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    border: 1px solid var(--ct-border-color);

}

.sp-picker-container .sp-alpha-handle {

    right: 0;

    left: auto;

}

.jqstooltip {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: auto!important;

    height: auto!important;

    background-color: #fff!important;

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    padding: 5px 10px!important;

    border-radius: 3px;

    border-color: #fff!important;

}

.jqsfield {

    color: #000!important;

    font-size: 12px!important;

    line-height: 18px!important;

    font-family: var(--ct-font-sans-serif)!important;

    font-weight: 600!important;

}

.dataTables_wrapper.container-fluid {

    padding: 0;

}

table.dataTable {

    border-collapse: collapse!important;

    margin-bottom: 15px!important;

}

table.dataTable.dtr-inline.collapsed>tbody>tr th.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {

    background-color: #2892fd;

    -webkit-box-shadow: 0 0 2px 0 #2892fd;

    box-shadow: 0 0 2px 0 #2892fd;

}

table.dataTable thead:not.table-light th {

    background-color: transparent;

    border-bottom-color: var(--ct-border-color);

}

table.dataTable tbody tr.even td, table.dataTable tbody tr.odd td {

    background-color: transparent;

}

table.dataTable tbody>tr.selected td {

    background-color: #2892fd;

}

table.dataTable.table-striped>tbody>tr.selected:nth-of-type(odd)>* {

    --ct-table-accent-bg: $primary!important;

}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {

    right: .5rem;

    left: auto;

    content: "\f0360";

    font-family: "Material Design Icons";

    font-size: 1rem;

    top: 12px;

}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {

    right: .5em;

    left: auto;

    content: "\f035d";

    font-family: "Material Design Icons";

    top: 18px;

    font-size: 1rem;

}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {

    padding-right: 30px;

    padding-left: .85rem;

}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {

    background-color: #2892fd;

}

table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected td {

    border-color: #2892fd;

}

table.dataTable tbody td:focus {

    outline: 0!important;

}

table.dataTable tbody td.focus, table.dataTable tbody th.focus {

    outline: 2px solid #2892fd!important;

    outline-offset: -1px;

    background-color: rgba(var(--ct-primary-rgb), .15);

}

.dataTables_info {

    font-weight: 600;

}

.dtfh-floatingparent {

    top: var(--ct-topbar-height)!important;

}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    background-color: #5ad092;

    top: auto;

    bottom: auto;

}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {

    background-color: #f75964;

}

div.dt-button-info {

    background-color: #2892fd;

    border: none;

    color: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 3px;

    text-align: center;

    z-index: 21;

}

div.dt-button-info h2 {

    border-bottom: none;

    background-color: rgba(255, 255, 255, .2);

    color: #fff;

}

@media (max-width:767.98px) {

    li.paginate_button.next, li.paginate_button.previous {

    display: inline-block;

    font-size: 1.5rem;

}

li.paginate_button {

    display: none;

}

.dataTables_paginate ul {

    text-align: center;

    display: block;

    margin: 1.5rem 0 0!important;

}

div.dt-buttons {

    display: inline-table;

    margin-bottom: 1.5rem;

}

}.activate-select .sorting_1 {

    background-color: var(--ct-light)!important;

}

div.dataTables_wrapper div.dataTables_filter {

    text-align: right;

}

@media (max-width:576px) {

    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 {

    text-align: left;

}

@media (max-width:576px) {

    div.dataTables_wrapper div.dataTables_length {

    text-align: center;

}

}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {

    padding-right: 0;

}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {

    padding-left: 0;

}

div.dataTables_scrollBody {

    border-left: none!important;

}

div.dataTables_scrollBody>table {

    margin-bottom: 15px!important;

}

div.dataTables_scrollBody>table>:not(:first-child) {

    border-top: none!important;

}

.daterangepicker {

    font-family: var(--ct-font-sans-serif);

    border: 1px solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    background-color: var(--ct-secondary-bg);

}

.daterangepicker .calendar-table {

    border: 1px solid var(--ct-secondary-bg);

    background-color: var(--ct-secondary-bg);

}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {

    color: var(--ct-body-color);

}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {

    border-color: var(--ct-body-color);

}

.daterangepicker .ranges li:hover {

    background-color: var(--ct-light);

}

.daterangepicker .ranges li.active {

    background-color: #2892fd;

}

.daterangepicker td.in-range {

    background: var(--ct-light);

    color: var(--ct-secondary-text);

}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {

    background-color: var(--ct-secondary-bg);

    color: var(--ct-body-color);

    opacity: .5;

}

.daterangepicker td.active, .daterangepicker td.active:hover {

    background-color: #2892fd;

    color: #fff;

}

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.available:hover, .daterangepicker th.available:hover {

    background-color: #2892fd;

    color: #fff;

}

.daterangepicker td.active span, .daterangepicker td.active:hover span, .daterangepicker td.available:hover span, .daterangepicker th.available:hover span {

    border-color: #fff;

}

.daterangepicker:after {

    border-bottom: 6px solid var(--ct-secondary-bg);

}

.daterangepicker:before {

    border-bottom: 7px solid var(--ct-border-color);

}

.daterangepicker .drp-buttons {

    border-top: 1px solid var(--ct-border-color);

}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {

    background: var(--ct-light);

    border: 1px solid var(--ct-light);

    color: var(--ct-body-color);

}

.daterangepicker.show-ranges .drp-calendar.left {

    border-left: 1px solid var(--ct-border-color)!important;

}

.form-wizard-header {

    margin-left: -1.5rem;

    margin-right: -1.5rem;

    background-color: var(--ct-light);

}

.select2-container {

    width: 100%!important;

}

.select2-container .select2-selection--single {

    border: 1px solid var(--ct-border-color);

    height: calc(1.5em + .9rem + 2px);

    background-color: var(--ct-secondary-bg);

    outline: 0;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 36px;

    padding-left: 12px;

    color: var(--ct-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: var(--ct-secondary-color) transparent transparent transparent;

    border-width: 6px 6px 0 6px;

}

.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: transparent transparent var(--ct-secondary-color) transparent!important;

    border-width: 0 6px 6px 6px!important;

}

.select2-results__option {

    padding: 6px 12px;

}

.select2-dropdown {

    border: 1px solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    background-color: var(--ct-secondary-bg);

    z-index: 1056;

}

.select2-results__options::-webkit-scrollbar {

    -webkit-appearance: none;

}

.select2-results__options::-webkit-scrollbar:vertical {

    width: 5px;

    margin-right: 5px;

}

.select2-results__options::-webkit-scrollbar:horizontal {

    height: 5px;

}

.select2-results__options::-webkit-scrollbar-thumb {

    background-color: rgba(var(--ct-dark-rgb), .2);

    border-radius: 10px;

    margin-right: 5px;

    border: none;

}

.select2-results__options::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: transparent;

}

.select2-results__options::-webkit-scrollbar-corner {

    background-color: transparent;

}

.select2-container--default .select2-results__option--selected {

    background-color: var(--ct-light);

}

.select2-container--default .select2-search--dropdown {

    padding: 10px;

    background-color: var(--ct-secondary-bg);

}

.select2-container--default .select2-search--dropdown .select2-search__field {

    outline: 0;

    border: 1px solid var(--ct-border-color);

    background-color: var(--ct-secondary-bg);

    color: var(--ct-body-color);

    border-radius: var(--ct-border-radius);

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #2892fd;

}

.select2-container--default .select2-results__option[aria-selected=true] {

    background-color: var(--ct-secondary-bg);

    color: var(--ct-dark);

}

.select2-container--default .select2-results__option[aria-selected=true]:hover {

    background-color: #2892fd;

    color: #fff;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

    padding-left: 36px;

    padding-right: 5px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    right: 1px;

    left: auto;

}

.select2-container .select2-selection--multiple {

    min-height: calc(1.5em + .9rem + 2px);

    border: 1px solid var(--ct-border-color)!important;

    background-color: var(--ct-secondary-bg);

}

.select2-container .select2-selection--multiple .select2-selection__rendered {

    padding: 1px 4px;

}

.select2-container .select2-selection--multiple .select2-search__field {

    border: 0;

    color: var(--ct-body-color);

}

.select2-container .select2-selection--multiple .select2-selection__choice {

    background-color: #2892fd;

    border: none;

    color: #fff;

    border-radius: 3px;

    padding: 0 7px 0 0;

    margin-top: 6px;

}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {

    color: #fff;

    margin-right: 7px;

    border-color: #3e9dfd;

    padding: 0 8px;

}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {

    color: #fff;

    background-color: #2892fd;

}

.select2-container .select2-search--inline .select2-search__field {

    margin-top: 7px;

    font-family: var(--ct-font-sans-serif);

}

.select2-container .select2-search textarea::-webkit-input-placeholder {

    color: var(--ct-secondary-color);

}

.select2-container .select2-search textarea::-moz-placeholder {

    color: var(--ct-secondary-color);

}

.select2-container .select2-search textarea:-ms-input-placeholder {

    color: var(--ct-secondary-color);

}

.select2-container .select2-search textarea::-ms-input-placeholder {

    color: var(--ct-secondary-color);

}

.select2-container .select2-search textarea::placeholder {

    color: var(--ct-secondary-color);

}

[dir=rtl] .select2-container--open .select2-dropdown {

    left: auto;

    right: 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%}

.jq-toast-single {

    text-align: left!important;

    padding: 15px;

    font-family: var(--ct-font-sans-serif);

    background-color: #2892fd;

    font-size: 13px;

    line-height: 22px;

}

.jq-toast-single h2 {

    font-family: var(--ct-font-sans-serif);

}

.jq-toast-single a {

    font-size: .875rem;

}

.jq-toast-single a:hover {

    color: #fff;

}

.jq-has-icon {

    padding: 10px;

}

.close-jq-toast-single {

    position: absolute;

    top: -12px;

    right: -12px;

    font-size: 20px;

    cursor: pointer;

    height: 32px;

    width: 32px;

    background: var(--ct-dark);

    color: var(--ct-light);

    border-radius: 50%;

    text-align: center;

    line-height: 32px;

}

.jq-toast-loader {

    height: 3px;

    top: 0;

    border-radius: 0;

}

.jq-icon-primary {

    background-color: #2892fd;

    color: #fff;

    border-color: #2892fd;

}

.jq-icon-secondary {

    background-color: #6c757d;

    color: #fff;

    border-color: #6c757d;

}

.jq-icon-success {

    background-color: #5ad092;

    color: #fff;

    border-color: #5ad092;

}

.jq-icon-info {

    background-color: #4fc6e1;

    color: #fff;

    border-color: #4fc6e1;

}

.jq-icon-warning {

    background-color: #fdc45e;

    color: #fff;

    border-color: #fdc45e;

}

.jq-icon-danger {

    background-color: #f75964;

    color: #fff;

    border-color: #f75964;

}

.jq-icon-light {

    background-color: #f3f7f9;

    color: #fff;

    border-color: #f3f7f9;

}

.jq-icon-dark {

    background-color: #323a46;

    color: #fff;

    border-color: #323a46;

}

.jq-icon-pink {

    background-color: #f672a7;

    color: #fff;

    border-color: #f672a7;

}

.jq-icon-blue {

    background-color: #6658dd;

    color: #fff;

    border-color: #6658dd;

}

.jq-icon-error {

    background-color: #f75964;

    color: #fff;

    border-color: #f75964;

}

.jq-icon-error, .jq-icon-info, .jq-icon-success, .jq-icon-warning {

    background-image: none;

}

.swal2-popup {

    background-color: var(--ct-secondary-bg)!important;

    border-radius: .25rem;

}

.swal2-popup .swal2-title {

    font-weight: 500;

    font-size: 1.3rem;

    color: var(--ct-dark);

}

.swal2-popup .swal2-content, .swal2-popup .swal2-html-container {

    font-weight: 400;

    font-size: 1.1rem;

    margin-top: 1.5rem;

    color: var(--ct-heading-color);

}

.swal2-popup .swal2-footer {

    border-top-color: var(--ct-border-color)!important;

}

.swal2-popup .btn {

    margin: 15px 5px 0;

}

.swal2-popup .swal2-styled:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.swal2-popup .swal2-actions {

    margin: 1.5rem auto 1rem auto;

}

.swal2-modal {

    font-family: var(--ct-font-sans-serif);

    -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);

}

.swal2-modal .swal2-title {

    font-size: 24px;

}

.swal2-modal .swal2-content {

    font-size: 16px;

}

.swal2-modal .swal2-spacer {

    margin: 10px 0;

}

.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {

    border: 2px solid var(--ct-border-color);

    font-size: 16px;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.swal2-modal .swal2-confirm {

    background-color: #2892fd!important;

    font-size: .875rem!important;

}

.swal2-modal .swal2-cancel.btn-cancel {

    background-color: #f75964!important;

    font-size: .875rem;

}

.swal2-modal .swal2-cancel, .swal2-modal .swal2-confirm {

    margin: .3125em;

    padding: .625em 2em;

    font-weight: 500;

    -webkit-box-shadow: none;

    box-shadow: none;

    font-size: .875rem!important;

}

.swal2-modal .swal2-cancel:focus, .swal2-modal .swal2-confirm:focus {

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

}

.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {

    outline: 0;

    border: 2px solid #2892fd;

}

.swal2-icon.swal2-question {

    color: #2892fd!important;

    border-color: #2892fd!important;

}

.swal2-icon.swal2-success {

    border-color: #5ad092;

}

.swal2-icon.swal2-success .line, .swal2-icon.swal2-success [class^=swal2-success-line], .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {

    background-color: #5ad092!important;

}

.swal2-icon.swal2-success .placeholder, .swal2-icon.swal2-success .swal2-success-ring {

    border-color: #5ad092!important;

}

.swal2-icon.swal2-warning {

    color: #fdc45e!important;

    border-color: #fdc45e!important;

}

.swal2-icon.swal2-error {

    border-color: #f75964!important;

}

.swal2-icon.swal2-error .line {

    background-color: #f75964!important;

}

.swal2-icon.swal2-info {

    border-color: #4fc6e1;

    color: #4fc6e1;

}

.swal2-actions {

    margin: 1.6em auto 0!important;

}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {

    background-color: rgba(0, 0, 0, .5)!important;

}

.selectize-input {

    min-height: calc(1.5em + .9rem + 2px);

    padding: .45rem .9rem;

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--ct-body-color);

    background-color: var(--ct-secondary-bg)!important;

    border: 1px solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow-sm);

    box-shadow: var(--ct-box-shadow-sm);

}

.selectize-input>input {

    color: var(--ct-body-color);

}

.selectize-input>input::-webkit-input-placeholder {

    color: var(--ct-secondary-color);

}

.selectize-input>input::-moz-placeholder {

    color: var(--ct-secondary-color);

}

.selectize-input>input:-ms-input-placeholder {

    color: var(--ct-secondary-color);

}

.selectize-input>input::-ms-input-placeholder {

    color: var(--ct-secondary-color);

}

.selectize-input>input::placeholder {

    color: var(--ct-secondary-color);

}

.selectize-input.focus {

    color: var(--ct-body-color);

    background-color: var(--ct-secondary-bg);

    border-color: var(--ct-border-color);

    outline: 0;

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

}

.selectize-control.multi .selectize-input>div {

    padding: 1px 8px;

    background-color: var(--ct-border-color);

    color: var(--ct-heading-color);

}

.selectize-control.multi .selectize-input>div>a {

    color: var(--ct-heading-color);

}

.selectize-control.multi .selectize-input>div.active {

    background: #2892fd;

}

.selectize-control.multi .selectize-input>div.active>a {

    color: color-yiq(#2892fd);

}

.selectize-control.single .selectize-input:after {

    border-style: solid;

    border-width: 0 2px 2px 0;

    border-color: transparent var(--ct-dark-border-subtle) var(--ct-dark-border-subtle) transparent;

    content: "";

    display: block;

    height: 7px;

    margin-top: -5px;

    pointer-events: none;

    position: absolute;

    right: 15px;

    left: auto;

    top: 50%;

    -webkit-transform-origin: 66% 66%;

    transform-origin: 66% 66%;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all .15s ease-in-out;

    transition: all .15s ease-in-out;

    width: 7px;

}

.selectize-control.single .selectize-input.dropdown-active:after {

    border-width: 0 2px 2px 0;

    margin-top: -5px;

    border-color: transparent var(--ct-dark-border-subtle) var(--ct-dark-border-subtle) transparent;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

}

.selectize-dropdown {

    padding: .3rem;

    color: var(--ct-body-color);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    background-color: var(--ct-secondary-bg);

    background-clip: padding-box;

    border: 1px solid var(--ct-border-color);

    border-radius: var(--ct-border-radius);

    -webkit-animation-name: DropDownSlide;

    animation-name: DropDownSlide;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    margin: 0;

    font-size: .875rem;

    position: absolute;

    z-index: 1000;

}

.selectize-dropdown.show {

    top: 100%!important;

}

.selectize-dropdown.active {

    color: var(--ct-dark);

    background-color: var(--ct-light);

}

.selectize-dropdown .scientific {

    color: var(--ct-body-color);

}

.selectize-dropdown .optgroup-header, .selectize-dropdown .option {

    display: block;

    width: 100%;

    padding: .375rem 1.5rem;

    clear: both;

    cursor: pointer;

    font-weight: 400;

    color: var(--ct-body-color);

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

}

.selectize-dropdown .optgroup-header:focus, .selectize-dropdown .optgroup-header:hover, .selectize-dropdown .option:focus, .selectize-dropdown .option:hover {

    color: var(--ct-dark);

    text-decoration: none;

    background-color: var(--ct-light)!important;

}

.selectize-dropdown.plugin-optgroup_columns .optgroup {

    border-right-color: var(--ct-border-color);

}

.selectize-dropdown .optgroup:before {

    background-color: var(--ct-border-color);

}

.selectize-dropdown-header {

    border-bottom: 1px solid transparent;

    color: var(--ct-dark);

    background-color: var(--ct-light);

    text-decoration: none;

}

.selectize-dropdown-header .selectize-dropdown-header-close {

    right: 12px;

    left: auto;

}

.selectize-dropdown-content>div {

    background-color: transparent!important;

    color: var(--ct-body-color)!important;

}

.tippy-tooltip .light-theme[data-animatefill] {

    background-color: transparent;

}

.light-theme {

    color: color-yiq(#fff);

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    background-color: #fff;

}

.light-theme .tippy-backdrop {

    background-color: #fff;

}

.light-theme .tippy-roundarrow {

    fill: #fff;

}

.gradient-theme .tippy-backdrop {

    background: #2892fd;

    background: -webkit-gradient(linear, right top, left top, from(#f75964), to(#2892fd));

    background: linear-gradient(to left, #f75964, #2892fd);

}

.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;

}

.dd-list .dd-item .dd-handle {

    border: none;

    padding: 8px 16px;

    height: auto;

    font-weight: 600;

    border-radius: 3px;

    background: var(--ct-light);

    color: var(--ct-body-color);

}

.dd-list .dd-item .dd-handle:hover {

    color: #2892fd;

}

.dd-list .dd-item button {

    height: 36px;

    font-size: 17px;

    margin: 0;

    color: var(--ct-body-color);

    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: var(--ct-light);

    color: var(--ct-body-color);

    font-weight: 600;

}

.dd-list .dd3-content:hover {

    color: #2892fd;

}

.dd-list .dd3-handle:before {

    content: "\f035c";

    font-family: "Material Design Icons";

    color: var(--ct-dark-border-subtle);

}

.dd-empty, .dd-placeholder {

    background: var(--ct-light);

}

.dd-dragel .dd-handle {

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

div.hopscotch-bubble {

    border: 3px solid #2892fd;

    border-radius: 5px;

    z-index: 999;

}

div.hopscotch-bubble .hopscotch-next, div.hopscotch-bubble .hopscotch-prev {

    background-color: #2892fd!important;

    background-image: none!important;

    border-color: #2892fd!important;

    text-shadow: none!important;

    margin: 0 0 0 5px!important;

    font-family: var(--ct-font-sans-serif);

    color: #fff!important;

}

div.hopscotch-bubble .hopscotch-bubble-number {

    background: #f75964;

    padding: 0;

    border-radius: 50%}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {

    border-right: 19px solid #2892fd;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {

    border: none;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {

    border-left: 19px solid #2892fd;

    left: -2px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {

    border-left: 0 solid #2892fd;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {

    border-bottom: 19px solid #2892fd;

    top: 0;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {

    border-bottom: 0 solid rgba(0, 0, 0, .5);

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {

    border-top: 19px solid #2892fd;

    top: -2px;

}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {

    border-top: 0 solid rgba(0, 0, 0, .5);

}

div.hopscotch-bubble h3 {

    font-family: "IBM Plex Sans", sans-serif;

    margin-bottom: 10px;

}

div.hopscotch-bubble .hopscotch-content {

    font-family: var(--ct-font-sans-serif);

}

.flotTip {

    padding: 8px 12px;

    background-color: var(--ct-dark);

    z-index: 100;

    color: var(--ct-light);

    opacity: 1;

    border-radius: 3px;

}

.legend {

    font-size: 14px;

}

.legend tr {

    height: 30px;

    font-family: "IBM Plex Sans", sans-serif;

}

.legend>div {

    background-color: transparent!important;

}

.legendLabel {

    padding-left: 5px!important;

    line-height: 10px;

    padding-right: 10px;

    font-size: 13px;

    font-weight: 500;

    color: var(--ct-body-color);

    text-transform: uppercase;

}

.legendColorBox div div {

    border-radius: 50%}

.flot-text {

    color: var(--ct-gray)!important;

}

.flot-svg text {

    fill: var(--ct-gray)!important;

}

@media (max-width:767.98px) {

    .legendLabel {

    display: none;

}

}.legendIcon {

    width: 1.5em;

    height: 1.5em;

}

.morris-chart text {

    font-family: "IBM Plex Sans", sans-serif!important;

    fill: var(--ct-body-color);

}

.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: var(--ct-dark);

    color: var(--ct-light);

    font-family: var(--ct-font-sans-serif);

}

.morris-hover.morris-default-style .morris-hover-row-label {

    font-weight: 700;

    margin: .25em 0;

    font-family: "IBM Plex Sans", sans-serif;

}

.morris-hover.morris-default-style .morris-hover-point {

    white-space: nowrap;

    margin: .1em 0;

    color: #fff;

}

.chartjs-chart {

    margin: auto;

    position: relative;

    width: 100%}

.ct-golden-section:before {

    float: none;

}

.ct-grid {

    stroke: rgba(var(--ct-gray), .2);

}

.ct-chart {

    max-height: 300px;

}

.ct-chart .ct-label {

    fill: var(--ct-dark-border-subtle);

    color: var(--ct-dark-border-subtle);

    font-size: 12px;

    line-height: 1;

}

.ct-chart.simple-pie-chart-chartist .ct-label {

    color: #fff;

    fill: #fff;

    font-size: 16px;

}

.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: #6658dd;

}

.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: #5ad092;

}

.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: #fdc45e;

}

.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: #f75964;

}

.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: #4fc6e1;

}

.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: #f672a7;

}

.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: #2892fd;

}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {

    fill: #6658dd;

}

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {

    fill: #5ad092;

}

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {

    fill: #fdc45e;

}

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie {

    fill: #f75964;

}

.ct-area {

    fill-opacity: .33;

}

.chartist-tooltip {

    position: absolute;

    display: inline-block;

    opacity: 0;

    min-width: 10px;

    padding: 2px 10px;

    border-radius: 3px;

    background: var(--ct-dark);

    color: var(--ct-light);

    text-align: center;

    pointer-events: none;

    z-index: 1;

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

}

.chartist-tooltip.tooltip-show {

    opacity: 1;

}

.c3-tooltip {

    -webkit-box-shadow: var(--ct-box-shadow-lg);

    box-shadow: var(--ct-box-shadow-lg);

    opacity: 1;

}

.c3-tooltip td {

    border-left: none;

    font-family: "IBM Plex Sans", sans-serif;

}

.c3-tooltip td>span {

    background: var(--ct-dark);

}

.c3-tooltip tr {

    border: none!important;

}

.c3-tooltip th {

    background-color: var(--ct-dark);

    color: var(--ct-light);

}

.c3-chart-arcs-title {

    font-size: 18px;

    font-weight: 600;

}

.c3 text {

    font-family: var(--ct-font-sans-serif);

    fill: var(--ct-body-color);

}

.c3-legend-item {

    font-family: "IBM Plex Sans", sans-serif;

    font-size: 14px;

}

.c3 line, .c3 path {

    stroke: var(--ct-dark-bg-subtle);

}

.c3-chart-arc.c3-target g path {

    stroke: #fff;

}

#legend {

    background: #fff;

    position: absolute;

    top: 0;

    right: 15px;

}

#legend .line {

    color: var(--ct-dark);

}

.rickshaw_graph svg {

    max-width: 100%}

.rickshaw_legend .label {

    font-family: inherit;

    letter-spacing: .01em;

    font-weight: 600;

}

.rickshaw_graph .detail .item, .rickshaw_graph .detail .x_label, .rickshaw_graph .x_tick .title {

    font-family: var(--ct-font-sans-serif);

}

.gauge-chart text {

    font-family: var(--ct-font-sans-serif)!important;

}

.responsive-table-plugin .dropdown-menu li.checkbox-row {

    padding: 7px 15px;

    color: var(--ct-body-color);

}

.responsive-table-plugin .table-responsive {

    border: none;

    margin-bottom: 0;

}

.responsive-table-plugin .btn-toolbar {

    display: block;

}

.responsive-table-plugin tbody th {

    font-size: 14px;

    font-weight: 400;

}

.responsive-table-plugin .checkbox-row {

    padding-left: 40px;

}

.responsive-table-plugin .checkbox-row label {

    display: inline-block;

    padding-left: 5px;

    position: relative;

    margin-bottom: 0;

}

.responsive-table-plugin .checkbox-row label::before {

    background-color: transparent;

    border-radius: 3px;

    border: 1px solid var(--ct-dark-bg-subtle);

    content: "";

    display: inline-block;

    height: 17px;

    left: 0;

    margin-left: -20px;

    position: absolute;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    width: 17px;

    outline: 0;

}

.responsive-table-plugin .checkbox-row label::after {

    color: var(--ct-dark-bg-subtle);

    display: inline-block;

    font-size: 9px;

    height: 16px;

    left: 0;

    margin-left: -19px;

    padding-left: 3px;

    padding-top: 1px;

    position: absolute;

    top: -2px;

    width: 16px;

}

.responsive-table-plugin .checkbox-row input[type=checkbox] {

    cursor: pointer;

    opacity: 0;

    z-index: 1;

    outline: 0;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label {

    opacity: .65;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:focus+label::before {

    outline-offset: -2px;

    outline: 0;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after {

    content: "\f00c";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label::before {

    background-color: var(--ct-border-color);

    cursor: not-allowed;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::before {

    background-color: transparent;

    border-color: #2892fd;

}

.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after {

    color: #2892fd;

}

.responsive-table-plugin .sticky-table-header, .responsive-table-plugin table.focus-on tbody tr.focused td, .responsive-table-plugin table.focus-on tbody tr.focused th {

    background: #2892fd;

    --ct-table-accent-bg: $primary!important;

    border-color: #2892fd;

    color: #fff;

}

.responsive-table-plugin .sticky-table-header table, .responsive-table-plugin table.focus-on tbody tr.focused td table, .responsive-table-plugin table.focus-on tbody tr.focused th table {

    color: #fff;

}

.responsive-table-plugin .fixed-solution .sticky-table-header {

    top: var(--ct-topbar-height)!important;

}

.responsive-table-plugin .btn-default {

    --ct-btn-color: var(--ct-gray-900);

    --ct-btn-hover-bg: var(--ct-gray-100);

    --ct-btn-border-color: var(--ct-gray-300);

    --ct-btn-hover-border-color: var(--ct-gray-100);

}

.responsive-table-plugin .btn-default.btn-primary {

    background-color: #2892fd!important;

    border-color: #2892fd!important;

    color: #fff!important;

    -webkit-box-shadow: 0 0 0 2px rgba(40, 146, 253, .5);

    box-shadow: 0 0 0 2px rgba(40, 146, 253, .5);

}

.responsive-table-plugin .btn-group.pull-right {

    float: right;

}

.responsive-table-plugin .btn-group.pull-right .dropdown-menu {

    left: auto;

    right: 0;

}

.no-touch .dropdown-menu>.checkbox-row:active, .no-touch .dropdown-menu>.checkbox-row:hover {

    color: var(--ct-dark);

    background-color: var(--ct-light);

}

@font-face {

    font-family: footable;

    src: url(../fonts/footable.eot);

    src: url(../fonts/footable.eot?#iefix) format("embedded-opentype"), url(../fonts/footable.woff) format("woff"), url(../fonts/footable.ttf) format("truetype"), url(../fonts/footable.svg#footable) format("svg");

    font-weight: 400;

    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {

    font-family: footable;

    src: url(../fonts/footable.svg#footable) format("svg");

    font-weight: 400;

    font-style: normal;

}

}.footable-odd {

    background-color: transparent;

}

.footable-detail-show, .footable-row-detail {

    background-color: rgba(0, 0, 0, .025);

}

.footable-pagination li {

    margin-left: 5px;

    float: left;

}

.footable-pagination li a {

    padding: .375rem .75rem;

    margin-left: -var(--ct-border-width);

    line-height: 1.5;

    color: var(--ct-dark);

    background-color: var(--bs-body-bg);

    display: block;

    border: var(--ct-border-width) solid var(--ct-border-color);

    border-radius: var(--ct-border-radius);

}

.footable-pagination li a:hover {

    z-index: 2;

    color: var(--ct-dark);

    text-decoration: none;

    background-color: var(--ct-light);

    border-color: var(--ct-border-color);

}

.footable-pagination li.active a {

    color: #fff;

    background-color: #2892fd;

    border-color: #2892fd;

}

.footable>thead>tr>th>span.footable-sort-indicator {

    float: right;

}

.footable {

    width: 100%}

.footable.breakpoint>tbody>tr.footable-detail-show>td {

    border-bottom: none;

}

.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e001"}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {

    cursor: pointer;

}

.footable.breakpoint>tbody>tr>td.footable-cell-detail {

    border-top: none;

}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {

    display: inline-block;

    font-family: footable;

    padding-right: 5px;

    font-size: 14px;

}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {

    content: "\e000"}

.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e005"}

.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before {

    content: "\e004"}

.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e003"}

.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before {

    content: "\e002"}

.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e007"}

.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before {

    content: "\e006"}

.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e009"}

.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before {

    content: "\e008"}

.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e00f"}

.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before {

    content: "\e011"}

.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e013"}

.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before {

    content: "\e015"}

.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e01b"}

.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before {

    content: "\e01d"}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e00b"}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before {

    content: "\e00d"}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e01f"}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before {

    content: "\e021"}

.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before {

    content: "\e017"}

.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before {

    content: "\e019"}

.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {

    font-size: 18px;

}

.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {

    font-size: 24px;

}

.footable>thead>tr>th {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: -moz-none;

    -ms-user-select: none;

    user-select: none;

}

.footable>thead>tr>th.footable-sortable:hover {

    cursor: pointer;

}

.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {

    content: "\e012"}

.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {

    content: "\e013"}

.footable>thead>tr>th>span.footable-sort-indicator {

    display: inline-block;

    font-family: footable;

    padding-left: 5px;

    opacity: .3;

}

.footable>thead>tr>th>span.footable-sort-indicator:before {

    content: "\e022"}

.footable>tfoot .pagination {

    margin: 0;

}

.footable.no-paging .hide-if-no-paging {

    display: none;

}

.footable-row-detail-inner {

    display: table;

}

.footable-row-detail-row {

    display: table-row;

    line-height: 1.5em;

}

.footable-row-detail-group {

    display: block;

    line-height: 2em;

    font-size: 1.2em;

    font-weight: 700;

}

.footable-row-detail-name {

    display: table-cell;

    font-weight: 700;

    padding-right: .5em;

}

.footable-row-detail-value {

    display: table-cell;

}

.bootstrap-table .table:not(.table-sm)>tbody>tr>td, .bootstrap-table .table:not(.table-sm)>tbody>tr>th, .bootstrap-table .table:not(.table-sm)>tfoot>tr>td, .bootstrap-table .table:not(.table-sm)>tfoot>tr>th, .bootstrap-table .table:not(.table-sm)>thead>tr>td {

    padding: .85rem;

}

.bootstrap-table .table {

    border-bottom: none;

}

.bootstrap-table .table>thead>tr>th {

    border-bottom: none;

}

.bootstrap-table table.table-borderless tr {

    border: none!important;

}

.bootstrap-table table.table-borderless tr td, .bootstrap-table table.table-borderless tr th {

    border: none!important;

}

.bootstrap-table table.table-bordered tr {

    border-color: var(--ct-border-color)!important;

}

.table-borderless.table-bordered {

    border: none!important;

}

table[data-toggle=table] {

    display: none;

}

.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {

    margin-top: 20px;

    margin-bottom: 0;

}

.fixed-table-pagination .pagination .page-link {

    border-radius: 30px!important;

    margin: 0 3px;

    border: none;

}

.fixed-table-container {

    border: none;

}

.fixed-table-container thead th .th-inner {

    padding: .85rem;

}

.fixed-table-toolbar .fa {

    font-family: "Font Awesome 5 Free";

    font-weight: 400;

}

.fixed-table-toolbar .fa.fa-sync {

    font-weight: 900;

}

.fixed-table-toolbar .fa-toggle-down:before {

    content: "\f150"}

.fixed-table-toolbar .fa-toggle-up:before {

    content: "\f151"}

.fixed-table-toolbar .fa-refresh:before {

    content: "\f01e";

    font-weight: 900;

}

.fixed-table-toolbar .fa-th-list:before {

    content: "\f0ca";

    font-weight: 900;

}

.tablesaw thead {

    background: var(--ct-light);

    background-image: none;

    border: none;

}

.tablesaw thead th {

    text-shadow: none;

}

.tablesaw thead tr:first-child th {

    border: none;

    font-weight: 500;

    font-family: "IBM Plex Sans", sans-serif;

}

.tablesaw td {

    border-top: 1px solid var(--ct-light)!important;

    border-bottom-width: 0;

}

.tablesaw tbody th, .tablesaw td {

    font-size: inherit;

    line-height: inherit;

    padding: 10px!important;

}

.tablesaw tbody tr, .tablesaw-stack tbody tr {

    border-bottom: none;

}

.tablesaw-bar .btn-select.btn-micro:after, .tablesaw-bar .btn-select.btn-small:after {

    font-size: 8px;

    padding-right: 10px;

}

.tablesaw-swipe .tablesaw-cell-persist {

    -webkit-box-shadow: none;

    box-shadow: none;

    border-color: var(--ct-light);

}

.tablesaw-enhanced .tablesaw-bar .btn {

    text-shadow: none;

    background-image: none;

    text-transform: none;

    border: 1px solid var(--ct-border-color);

    padding: 3px 10px;

    color: var(--ct-dark);

}

.tablesaw-enhanced .tablesaw-bar .btn:after {

    display: none;

}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {

    background: #fff;

}

.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .btn:hover {

    color: #2892fd!important;

    background-color: rgba(0, 0, 0, .075);

    outline: 0!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

    background-image: none;

}

.tablesaw-columntoggle-popup .btn-group {

    display: block;

}

.tablesaw-swipe .tablesaw-swipe-cellpersist {

    border-right: 2px solid var(--ct-light);

}

.tablesaw-sortable-btn {

    cursor: pointer;

}

.tablesaw-swipe-cellpersist {

    width: auto!important;

}

.tablesaw-bar-section label {

    color: inherit;

    margin-bottom: .5rem;

}

.jsgrid-cell {

    padding: .85rem;

    border: var(--ct-border-width) solid var(--ct-border-color);

}

.jsgrid-edit-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell {

    border: none;

}

.jsgrid-row>.jsgrid-cell {

    background: 0 0!important;

}

.jsgrid-alt-row>.jsgrid-cell {

    background: rgba(0, 0, 0, .025);

}

.jsgrid-selected-row>.jsgrid-cell {

    background: rgba(0, 0, 0, .075);

    border-color: var(--ct-border-color);

}

.jsgrid-header-row>.jsgrid-header-cell {

    background: var(--ct-light);

    text-align: center!important;

}

.jsgrid-filter-row>.jsgrid-cell {

    background: var(--ct-light-border-subtle);

}

.jsgrid-edit-row>.jsgrid-cell, .jsgrid-insert-row>.jsgrid-cell {

    background: var(--ct-light);

}

.jsgrid input, .jsgrid select, .jsgrid textarea {

    padding: .4em .6em;

    outline: 0!important;

    color: var(--ct-body-color);

    background-color: var(--ct-secondary-bg);

    border: 1px solid var(--ct-border-color);

    border-radius: var(--ct-border-radius);

}

.jsgrid-pager-container {

    margin-top: 10px;

}

.jsgrid-pager-page {

    padding: 0;

    margin: 0 2px;

}

.jsgrid-pager-page.jsgrid-pager-current-page {

    background-color: #2892fd;

    color: #fff;

}

.jsgrid-pager-current-page, .jsgrid-pager-page a {

    background-color: var(--ct-light);

    border-radius: 50%;

    height: 24px;

    width: 24px;

    display: inline-block;

    text-align: center;

    line-height: 24px;

    color: var(--ct-body-color);

}

.jsgrid-pager-nav-button a {

    color: var(--ct-body-color);

    font-weight: 600;

}

.jsgrid-pager-nav-button a:hover {

    color: #2892fd;

}

.jsgrid .jsgrid-button {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-image: url(../images/jsgrid.png);

    background-color: var(--ct-light-border-subtle);

    outline: 0!important;

}

.jsgrid .jsgrid-button:hover {

    opacity: .9;

    background-color: var(--ct-light);

}

.jsgrid-search-mode-button {

    background-position: 0 -295px;

}

.jsgrid-insert-button {

    background-position: 0 -160px;

}

.jsgrid-header-sort:before {

    position: absolute;

}

.ms-container {

    background: transparent url(../images/multiple-arrow.png) no-repeat 50% 50%;

    width: auto;

    max-width: 370px;

}

.ms-container .ms-list {

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid var(--ct-border-color);

    -webkit-box-shadow: var(--ct-box-shadow-sm);

    box-shadow: var(--ct-box-shadow-sm);

}

.ms-container .ms-list.ms-focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid var(--ct-border-color);

}

.ms-container .ms-selectable li.ms-elem-selectable {

    border: none;

    padding: 5px 10px;

    color: var(--ct-body-color);

}

.ms-container .ms-selectable li.ms-hover {

    background-color: #2892fd;

    color: #fff;

}

.ms-container .ms-selection li.ms-elem-selection {

    border: none;

    padding: 5px 10px;

    color: var(--ct-body-color);

}

.ms-container .ms-selection li.ms-hover {

    background-color: #2892fd;

    color: #fff;

}

.ms-selectable {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: 0!important;

}

.ms-optgroup-label {

    font-weight: 500;

    font-family: "IBM Plex Sans", sans-serif;

    color: var(--ct-dark)!important;

    font-size: 13px;

}

.ms-container .ms-selectable, .ms-container .ms-selection {

    background-color: var(--ct-secondary-bg);

}

.autocomplete-suggestions {

    border: 1px solid var(--ct-border-color);

    background-color: var(--ct-secondary-bg);

    cursor: default;

    overflow: auto;

    max-height: 200px!important;

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

}

.autocomplete-suggestion {

    padding: 5px 10px;

    white-space: nowrap;

    overflow: hidden;

}

.autocomplete-no-suggestion {

    padding: 5px;

}

.autocomplete-selected {

    background: var(--ct-light-border-subtle);

    cursor: pointer;

}

.autocomplete-suggestions strong {

    font-weight: 700;

    color: var(--ct-dark);

}

.autocomplete-group {

    padding: 5px;

    font-weight: 500;

    font-family: "IBM Plex Sans", sans-serif;

}

.autocomplete-group strong {

    font-weight: 700;

    font-size: 16px;

    color: var(--ct-dark);

    display: block;

}

.bootstrap-touchspin .btn .input-group-text {

    padding: 0;

    border: none;

    background-color: transparent;

    color: inherit;

}

.parsley-errors-list {

    margin: 0;

    padding: 0;

}

.parsley-errors-list>li {

    list-style: none;

    color: #f75964;

    margin-top: 5px;

    padding-left: 20px;

    position: relative;

}

.parsley-errors-list>li:before {

    content: "\f0159";

    font-family: "Material Design Icons";

    position: absolute;

    left: 2px;

    top: -1px;

}

.parsley-error {

    border-color: #f75964;

}

.parsley-success {

    border-color: #5ad092;

}

.flatpickr-calendar {

    background: var(--ct-secondary-bg);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    border: 1px solid var(--ct-border-color);

}

.flatpickr-calendar.arrowTop:before {

    border-bottom-color: var(--ct-secondary-bg);

}

.flatpickr-calendar.arrowTop:after {

    border-bottom-color: var(--ct-secondary-bg);

}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {

    border-top-color: var(--ct-secondary-bg);

}

.flatpickr-current-month {

    font-size: 110%}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {

    background: #2892fd;

    border-color: #2892fd;

}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {

    -webkit-box-shadow: -10px 0 0 #2892fd;

    box-shadow: -10px 0 0 #2892fd;

}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {

    background: var(--ct-secondary-bg);

    color: var(--ct-dark);

}

.flatpickr-months .flatpickr-month {

    height: 36px;

}

.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {

    color: var(--ct-body-color);

    fill: var(--ct-body-color);

}

.flatpickr-weekdays {

    background-color: var(--ct-light);

}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, .flatpickr-day, .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator, .flatpickr-time input, span.flatpickr-weekday {

    color: var(--ct-body-color);

    fill: var(--ct-body-color);

}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {

    color: var(--ct-dark-border-subtle);

}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {

    background: var(--ct-light);

    border-color: var(--ct-light);

}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {

    border-top: 1px solid var(--ct-secondary-bg);

}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover {

    background-color: transparent;

    color: var(--ct-dark);

}

.flatpickr-day.inRange {

    -webkit-box-shadow: -5px 0 0 var(--ct-light), 5px 0 0 var(--ct-light);

    box-shadow: -5px 0 0 var(--ct-light), 5px 0 0 var(--ct-light);

}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {

    color: var(--ct-dark-border-subtle);

}

.sp-container {

    background-color: var(--ct-secondary-bg);

    z-index: 9;

}

.sp-container button {

    padding: .25rem .5rem;

    font-size: .71094rem;

    border-radius: .2rem;

    font-weight: 400;

    color: var(--ct-dark);

}

.sp-container button.sp-palette-toggle {

    background-color: var(--ct-light);

}

.sp-container button.sp-choose {

    background-color: #5ad092;

    margin-left: 5px;

    margin-right: 0;

}

.sp-palette-container {

    border-right: 1px solid var(--ct-border-color);

}

.sp-input {

    background-color: var(--ct-secondary-bg);

    border-color: var(--ct-border-color)!important;

    color: var(--ct-body-color);

}

.sp-input:focus {

    outline: 0;

}

.clockpicker-popover .btn-default {

    background-color: #2892fd;

    color: #fff;

}

.clockpicker-popover {

    background: var(--ct-secondary-bg);

    -webkit-box-shadow: var(--ct-box-shadow);

    box-shadow: var(--ct-box-shadow);

    border: 1px solid var(--ct-border-color);

}

.clockpicker-popover .popover-title {

    background-color: transparent;

    font-weight: 500;

}

.clockpicker-popover .clockpicker-plate {

    background: var(--ct-light);

    border: 1px solid var(--ct-border-color);

}

.clockpicker-popover .popover-content {

    background-color: transparent;

}

.clockpicker-tick {

    color: var(--ct-body-color);

}

.clockpicker-tick:hover {

    background-color: rgba(40, 146, 253, .35);

}

.clockpicker-canvas line {

    stroke: #2892fd;

}

.clockpicker-canvas-bg {

    fill: rgba(40, 146, 253, .35);

}

.clockpicker-canvas-bearing, .clockpicker-canvas-fg {

    fill: #2892fd;

}

.clockpicker-button {

    display: block;

    width: 100%}

[dir=rtl] .sp-alpha {

    direction: ltr;

}

[dir=rtl] .sp-original-input-container .sp-add-on {

    border: none;

    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(--ct-border-color);

    border-left: 0;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: var(--ct-border-radius);

    border-bottom-right-radius: var(--ct-border-radius);

}

.sp-original-input-container .sp-add-on {

    border: none!important;

}

.ql-container {

    font-family: var(--ct-font-sans-serif);

    border-bottom-left-radius: var(--ct-border-radius);

    border-bottom-right-radius: var(--ct-border-radius);

}

.ql-container.ql-snow {

    border-color: var(--ct-border-color);

}

.ql-bubble {

    border: 1px solid var(--ct-border-color);

    border-radius: var(--ct-border-radius);

}

.ql-toolbar {

    font-family: var(--ct-font-sans-serif)!important;

    border-top-left-radius: var(--ct-border-radius);

    border-top-right-radius: var(--ct-border-radius);

}

.ql-toolbar span {

    outline: 0!important;

    color: var(--ct-body-color);

}

.ql-toolbar span:hover {

    color: #2892fd!important;

}

.ql-toolbar.ql-snow {

    border-color: var(--ct-border-color);

}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {

    border-color: transparent;

}

.ql-toolbar.ql-snow .ql-formats {

    margin-right: 15px;

    margin-left: 0;

}

.ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke {

    stroke: var(--ct-body-color);

}

.ql-snow .ql-fill {

    fill: var(--ct-body-color);

}

.ql-snow .ql-picker-options {

    background-color: var(--ct-secondary-bg);

    border-color: var(--ct-border-color)!important;

}

.ql-editor {

    text-align: left;

}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {

    position: absolute;

    margin-top: -9px;

    right: 0;

    left: auto;

    top: 50%;

    width: 18px;

}

.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {

    padding-left: 1.5em;

    padding-right: 0;

}

.ql-editor li:not(.ql-direction-rtl):before {

    margin-left: -1.5em;

    margin-right: .3em;

    text-align: right;

}

.ql-editor ol, .ql-editor ul {

    padding-left: 1.5em;

    padding-right: 0;

}

.dropzone {

    border: 2px dashed var(--ct-border-color);

    background: var(--ct-secondary-bg);

    border-radius: 6px;

    cursor: pointer;

    min-height: 150px;

    padding: 20px;

}

.dropzone .dz-message {

    text-align: center;

    margin: 2rem 0;

}

.dropzone.dz-started .dz-message {

    display: none;

}

@font-face {

    font-family: dropify;

    src: url(../fonts/dropify.eot);

    src: url(../fonts/dropify.eot#iefix) format("embedded-opentype"), url(../fonts/dropify.woff) format("woff"), url(../fonts/dropify.ttf) format("truetype"), url(../fonts/dropify.svg#dropify) format("svg");

    font-weight: 400;

    font-style: normal;

}

.dropify-wrapper {

    border: 2px dashed var(--ct-border-color);

    background: var(--ct-secondary-bg);

    border-radius: 6px;

    color: var(--ct-body-color);

}

.dropify-wrapper:hover {

    background-image: linear-gradient(-45deg, var(--ct-secondary-bg) 25%, transparent 25%, transparent 50%, var(--ct-secondary-bg) 50%, var(--ct-secondary-bg) 75%, transparent 75%, transparent);

}

.dropify-wrapper .dropify-preview {

    background-color: var(--ct-light-border-subtle);

}

.file-icon p {

    font-size: 20px;

}

.editable-clear-x {

    background: url(../images/clear.png) center center no-repeat;

}

.editableform-loading {

    background: url(../images/loading.gif) center center no-repeat;

}

.editable-checklist label {

    display: block;

}

.editable-input .form-control, .editable-input .form-select {

    display: inline-block;

}

.editable-buttons {

    margin-left: 7px;

}

.editable-buttons .editable-cancel {

    margin-left: 7px;

}

.editable-checklist>div {

    margin-bottom: 7px;

}

.image-crop-preview .img-preview {

    float: left;

    margin-bottom: .5rem;

    margin-right: .5rem;

    overflow: hidden;

    background-color: var(--ct-light);

    text-align: center;

    width: 100%}

.image-crop-preview .img-preview>img {

    max-width: 100%}

.image-crop-preview .preview-lg {

    height: 9rem;

    width: 16rem;

}

.image-crop-preview .preview-md {

    height: 4.5rem;

    width: 8rem;

}

.image-crop-preview .preview-sm {

    height: 2.25rem;

    width: 4rem;

}

.image-crop-preview .preview-xs {

    height: 1.125rem;

    margin-right: 0;

    width: 2rem;

}

.img-crop-preview-btns>.btn, .img-crop-preview-btns>.btn-group {

    margin-bottom: 8px;

    margin-right: 8px;

}

.docs-cropped .modal-body>canvas, .docs-cropped .modal-body>img {

    max-width: 100%}

.docs-drop-options {

    max-height: 400px;

    overflow-y: auto;

}

.gmaps, .gmaps-panaroma {

    height: 300px;

    background: var(--ct-light);

    border-radius: 3px;

}

.gmaps-overlay {

    display: block;

    text-align: center;

    color: #fff;

    font-size: 16px;

    line-height: 40px;

    background: #2892fd;

    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 #2892fd;

}

.gmaps-overlay_arrow.below {

    top: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-bottom: 16px solid #2892fd;

}

.jvectormap-label {

    border: none;

    background: var(--ct-dark);

    color: var(--ct-light);

    font-family: "IBM Plex Sans", sans-serif;

    font-size: .875rem;

    padding: 5px 8px;

}

.mapael .map {

    position: relative;

}

.mapael .map .zoomIn {

    top: 25px;

}

.mapael .map .zoomOut {

    top: 50px;

}

.mapael .mapTooltip {

    position: absolute;

    background-color: #2892fd;

    opacity: .95;

    border-radius: 3px;

    padding: 2px 10px;

    z-index: 1000;

    max-width: 200px;

    display: none;

    color: #fff;

    font-family: "IBM Plex Sans", sans-serif;

}

.mapael .zoomIn, .mapael .zoomOut, .mapael .zoomReset {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    border-radius: 2px;

    font-weight: 500;

    cursor: pointer;

    background-color: #2892fd;

    text-decoration: none;

    color: #fff;

    font-size: 14px;

    position: absolute;

    top: 0;

    left: 10px;

    width: 24px;

    height: 24px;

    line-height: 24px;

}

.mapael .plotLegend text {

    font-family: var(--ct-font-sans-serif)!important;

    fill: var(--ct-gray);

}

.datepicker {

    padding: 10px!important;

}

.datepicker td, .datepicker th {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    font-size: 13px;

    line-height: 30px;

}

.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover: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: #2892fd!important;

    background-image: none!important;

    color: #fff;

}

.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: var(--ct-light);

}

.datepicker table tr td span.new, .datepicker table tr td span.old, .datepicker table tr td.new, .datepicker table tr td.old {

    color: var(--ct-secondary-text);

    opacity: .4;

}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {

    background: var(--ct-light);

}

.datepicker .datepicker-switch:hover {

    background: 0 0;

}

.datepicker-dropdown:after {

    border-bottom: 6px solid var(--ct-secondary-bg);

}

.datepicker-dropdown:before {

    border-bottom-color: var(--ct-border-color);

}

.datepicker-dropdown.datepicker-orient-top:before {

    border-top: 7px solid var(--ct-border-color);

}

.datepicker-dropdown.datepicker-orient-top:after {

    border-top: 6px solid var(--ct-secondary-bg);

}

.daterangepicker {

    z-index: 1000;

}

[dir=rtl] .daterangepicker.opensright:after {

    right: 10px;

    left: auto;

}

[dir=rtl] .daterangepicker.opensright:before {

    right: 9px;

    left: auto;

}

.bg-dragula {

    background-color: var(--ct-light);

}

.gu-mirror {

    position: fixed!important;

    margin: 0!important;

    z-index: 9999!important;

    opacity: .8;

}

.gu-hide {

    display: none!important;

}

.gu-unselectable {

    -webkit-user-select: none!important;

    -moz-user-select: none!important;

    -ms-user-select: none!important;

    user-select: none!important;

}

.gu-transit {

    opacity: .2;

}

.dragula-handle {

    position: relative;

    width: 36px;

    height: 36px;

    font-size: 24px;

    text-align: center;

    cursor: move;

}

.dragula-handle:before {

    content: "\f01db";

    font-family: "Material Design Icons";

    position: absolute;

}

/*# sourceMappingURL=app.min.css.map */

.menuinfo{    width: 100%;  display: flex;    align-items: center;    font-size: 14px;    font-weight: 500;}

.btn-pink{background: #D91E71; border-color: #D91E71}

.rightContainer {

    background: #161819;

    width: 59px;

    position: absolute;

    right: 0;

    height: calc(100vh - var(--ct-topbar-height));    top: 0;

    text-align: center;

}.activityBox {

    background: #3D474D;

    height: 53px;

    display: flex;

    align-items: center;

    justify-content: center;

}.rightContainer ul {

    padding: 0;

    list-style: none;

    padding: 0 5px;

}

.rightContainer ul li a span{display: block; margin: auto;}

.rightContainer ul li a{color: #fff; font-size: 10px; position: relative; margin: auto;

    display: block;}.rightContainer ul li {

    margin: 25px 0;

}

.grayBg{background: #D9D9D9 !important; color: #000000 !important}

.pinkBg{background: #D91E71 !important}

#projectSetting:before {

    content: "";

    background: #2E3132;

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0;

    top: -13px;

}.columnBox {

    width: 280px;

     flex-shrink: 0; margin-right: 0; height: fit-content;    max-height: 100vh;min-height: 100vh;position: relative;
    overflow: auto;

}.columnBoxOuter {    display: flex;     width: 100%; height: 100%;    overflow-x: auto;

   }

.mainContainer_outer{position: relative;}

.columnBoxHeader {

    

    display: flex;

    align-items: center;

    padding: 15px;

}
div#voiceMsg {
    margin: 10px 0;
}
.columnBoxHeader.bg-green{ background: #1DD3B0;}

span.columnBoxheading {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-left: 10px;

}span.columnBoxNo {

    width: 26px;

    height: 26px;

    background: rgba(228, 228, 228, 1);

    color: #000;

    border-radius: 50%;

    line-height: 26px;

    text-align: center;

    margin-left: 5px;

    font-size: 12px;

    font-weight: 600;flex-shrink: 0;

}.columnBoxBody {

    padding:  15px 15px;

}

.columnBox .card{border-radius: 11px; margin-bottom: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);}

.card-header {font-size: 14px;  font-weight: 500;    border-radius: 11px 11px 0 0 !important; display: flex;

    align-items: center; padding: 10px}

.card.card-red .card-header{background: #FFD4D4;    color: #FF0000;}
.card.card-yellow .card-header {
    background: rgba(255, 238, 212, 1);
    color: rgba(83, 83, 83, 1);
}
.card-header-icon {    margin-right: 5px;

    width: 20px;

    height: 20px;   

    border-radius: 50%;

    display: block;

    text-align: center;

    font-size: 11px;

    line-height: 20px;background: #D9D9D9;color: #606060;

}

.bg-yellow {
    background: #FFAB28 !important;
    color: #fff;
}

.card-header-icon.bg-red {background: #FF0000;color: #fff;}

span.tasluserIcon {

       background: #959595;

    width: 21px;

    height: 21px;

    display: block;

    color: #fff;

    border-radius: 50%;

    font-size: 10px;

    text-transform: uppercase;flex-shrink: 0;

    text-align: center;

    line-height: 21px;

    margin-left: 5px;

}.cardtaskicon {

    display: flex;

    align-items: center;

}

.cardtaskicon {

    display: flex;

    align-items: center;

    justify-content: flex-end;
   width: 57%; flex-wrap: wrap;
    flex-shrink: 0;

}

.columnBox h5.card-title {

    display: flex;

    align-items: flex-start;justify-content: space-between; margin: 0;

}.cardtaskName {

    font-size: 14px;

    font-weight: 500;color: rgba(83, 83, 83, 1);

    line-height: 18px;    width: 43%;
    flex-shrink: 0; cursor: pointer;

}

.columnBox .card-body {

    padding: 10px;

}.taskDate {

    display: flex;font-size: 12px;

    font-weight: 600;    margin-top: 10px;

    align-items: center;

}

.card.card-red .taskDate{color: #f00}

.taskmetaItem span {

    background: #D9D9D9;    margin-right: 8px;



    width: 21px;

    height: 21px;

    border-radius: 50%;

    display: block; flex-shrink: 0;

    text-align: center;

}.taskmetaItem,.taskmetaList {

    display: flex;
font-size: 13px;
    align-items: center;

}.taskmetaItem {

    margin-right: 15px;

}.taskStatus .badge {

    font-size: 13px;    margin-right: 5px;

    font-weight:500;

    padding: 5px 7px;    margin-top: 2px;
    margin-bottom: 2px;

}.bg-danger {    background-color: #D53042 !important;}

.bg1{background-color: #01D4B2}

.bg2{background-color: #C878FB}

.bg3{background-color: #00A8FC}

.bg4{background-color: #6DE236}



.bg-warning{background: rgba(255, 183, 3, 1) !important}

.bg-success{background-color: rgba(185, 198, 70, 1) !important;}

.taskStatus{

    display: flex; flex-wrap: wrap;

    align-items: center;    margin-top: 10px;

   /* justify-content: space-between;*/

}.taskStatus div span {

    display: block;

    font-size: 10px;

    color: #959595 !important;

    text-align: right;

}.taskStatus div {

    font-size: 12px;

    line-height: 13px;

    color: #4D4E4F;

    font-weight: 500;

}

span.unuserIcon {

    cursor: pointer;

}.unuserIcon .dropdown-menu {

    width: 250px;

    padding: 15px;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);

    border-radius: 15px;

}.unuserIcon a.dropdown-item {

    display: flex;

    align-items: center;

    background: #e2fffc;

    padding: 7px;

    border-radius: 5px;

}

.sidebar {

    width: 225px;

    background: #fff;

    backdrop-filter: blur(50px);

    padding: 15px;

}

.userInfoOuter {

    display: flex;

    align-items: flex-start;    margin: 0 0 15px; cursor: pointer;

}
.userIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.userIcon {

    width: 43px;

    height: 43px;    flex-shrink: 0;

    border: 2px solid rgba(0, 0, 0, 1);

    font-size: 20px;

    color: #000;

    text-align: center;

   line-height: 35px;overflow: hidden;

    border-radius: 50%;

    margin-right: 10px;

}
.userInfo div {
    color: #767676;
    font-size: 10px;
    font-weight: 500;
    line-height: 13px; margin: 3px 0;
}.userInfo h5 {
    font-size: 14px;
    margin: 5px 0 0;
}
.userInfo h4 {

    color: #000;

    font-size: 16px;

}.userInfo p {

    color: rgba(182, 190, 193, 1);

    font-size: 13px;

}.menuinfo img {

    margin-right: 10px;

}.sidebar a.btn {border-radius: 6px;

    width: 100%;

    display: block;

    background: #fff;

    border: 1px solid rgba(177, 177, 177, 1);

    text-align: left;

    margin: 10px 0;

    font-size: 12px;

    font-weight: 600;

    color: #000;padding: 9px 10px;

}.sidebar a.btn img {

    margin-right: 5px; filter: contrast(0.2);

}
.sidebar a.btn:hover {
    background: #0094FF !important;border-color: #0094FF !important;
    color: #fff;
}
.sidebar a.btn.active {

    background: #0094FF;

    border-color: #0094FF;

    color: #fff;

}.sidebar a.btn.active img {filter: none;}

   .searchBar .searchBarIcon{

    position: absolute;
    left: 10px;
    top: 9px;
    border-right: 1px solid #60696D;
    padding-right: 8px;

}
.searchBar input:focus {
    border-color: #00A8FC;
}
.searchBar {

    position: relative;

}.searchBar input {

    padding-left: 40px;

    border-radius: 6px;

    border: 1px solid rgba(177, 177, 177, 1);

}.leftTopBar,.rightTopBar {

    /*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);

    background: #fff;

    height: 47px;

    border-radius: 50px;

    padding:0 45px 0 15px;*/

}
.navbar-custom .topbar {
    padding-top: 9px;
}
.logo_Outer img {
    width: 170px;
}

a.logo span {

    width: 26px;

    height: 26px;

    background: #0094FF;

    display: inline-block;

    text-align: center;

    border-radius: 3px;

    line-height: 25px;    margin-right: 10px;

    float: left;

}a.logo {

   font-size: 20px;
    font-weight: 500;
    color: #000;
    max-width: 250px;
    height: 30px;
    overflow: hidden;

}.nav-link-item {

    color: #000;

    font-size: 13px;

    font-weight: 500;

    margin-left: 25px;

    position: relative;

}
.leftTopBar a.nav-link-item,.leftTopBar .dropdown.nav-link-item a {
    color: #8A9499 !important;
}
.nav-link-item:before,.dropdown.nav-link-item:before {

    position: absolute;

    content: "";

    width: 1px;

    height: 18.5px;

    background: rgba(138, 148, 153, 1);

    left: -16px;

    top: 2px;

}.addCardBox{box-shadow: none}

.addCardBox a{display: inline-block;}

.dropdown-menu-animated{   border-radius: 8px;  box-shadow: 0 2px 4px 0 #00000040;}.dropdown-item {

    padding: 5px;

}
.navbar-custom {
    padding: 0 15px; background: #fff;box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.dropdown.nav-link-item a{ color: #000;}

a.nav-link-item.first:before ,a.nav-link-item:last-child:before {display: none;}

.content-page {

        height: 100%;

}.rightTopBar {

    padding: 0 10px;

}.columnBoxinner {

   

}


.taskmetaListView ul {

    padding: 0;

    list-style: none;padding-left: 0px !important; margin-bottom: 0;

}span.taskmetaListcount {

    background: none;

    font-size: 12px;

    color: rgba(182, 190, 193, 1);

    margin-left: 5px;width:42px

}.taskmetaListView .form-check {

    font-size: 12px;

    color: rgba(96, 105, 109, 1);display: flex;
    align-items: center;

}.line-through {

    text-decoration: line-through;

}label.form-check-label {
font-size: 12px;
    line-height: 14px;

}.form-check-input {

    width: 17px;

    height: 17px;

    flex-shrink: 0;

}.form-check-input:checked {

        background-color: #00A8FC;
    border-color: #00A8FC;

}
.taskmetaListView  .form-check-input:checked {
    background-color: #1FA94D;
    border-color: #1FA94D;
}
.taskmetaListView .form-check input.check-item-input {
    margin-left: 8px !important;
    font-size: 12px; color: #60696D;
}.card-body hr {
    background: #F1F4F5; margin: 0;
}.toggle-input {
    width: 170px;
    margin-left: 5px;
}.toggle-input {
    width: 170px;
    margin-left: 5px;
    border: 1px solid #eee !important;
    padding: 5px;
    outline: none;
}span.badge.selected:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    position: absolute;
    right: 20px;
    color: #000;
    font-size: 20px;
}
.taskmetaListView  .form-check-input{border: 1px solid #0094FF; margin-right: 6px}
.taskmetaListView  label.form-check-label {

    margin-left: 5px;

}span.createdByIcon {

    width: 24px;

    height: 24px;

    background: rgba(205, 228, 249, 1);

    display: block;

    color: #000;

    border-radius: 50%;

    text-align: center;

    line-height: 24px;    margin-right: 5px;font-size: 10px;
    font-weight: 600;

}.createdBy {

    display: flex;

    font-size: 12px;

    color: rgba(96, 105, 109, 1);

    align-items: center;border-top: 1px solid rgba(241, 244, 245, 1);    padding-top: 8px;

}

.taskmetaListView {

    border-top: 1px solid rgba(241, 244, 245, 1);

    padding-top: 10px;

}.addCardBox {

    text-align: center;

}.addCardBox a {
    border-radius: 50px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    height: 31px;
    line-height: 28px;
    color: #000000;
    background: #fff;
    width: 89px;
    padding: 0 7px;
}.mainContainer_outer {

    padding-top: ;

}

.bg-purple {

    background: rgba(199, 125, 255, 1) !important;

    border: 1px solid rgba(199, 125, 255, 1);

}

.addSection {

    height: 56px;

    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;

    border-radius: 0;

    padding: 17px 15px;

    cursor: pointer;

    color: rgba(90, 95, 98, 1);

    font-size: 16px;

    font-weight: 600;

}.sectionTitle {

    margin:0 15px;

}.selectOption .dropdown-menu {

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);

    border-radius: 15px;min-width: 250px;

    padding: 15px;

}.selectOptiontitle {

    font-size: 16px;

    font-weight: 600;

    color: #000;    text-transform: capitalize;

    margin: 0 0 11px;

}

.selectOptiontitle a {

        font-size: 14px;
    text-decoration: underline;
    color: #2196f3;
    font-weight: 500;
    position: relative;
}.btn-label {

    margin: 0;

    padding: 5px;

}#taskModal .unuserIcon a {

    color: rgba(91, 100, 105, 1);

}.modal-content {

    border-radius: 15px;

}

.selectOption .dropdown-menu a.dropdown-item {

    padding: 8px;

}.selectOption .dropdown-menu .btn {

    width: 100%;

    background: #eee;

    border-color: #eee;

    color: #000;

    margin: 10px 0 0;

}.selectOption hr {

    margin: 5px 0;

}.selectOption a.dropdown-toggle,.obcOpenInnerIcon {

    width: 26px;

    height: 26px;

 

    display: block;

    text-align: center;

    color: #000;

    border-radius: 50%;

    font-size: 10px;

    line-height: 27px;

}.tasknote i {

    position: absolute;

    left: 0;

    top: 12px;

    color: #FFC107;

    font-size: 25px;

}

.tasknote {

    position: relative;

    padding: 10px 10px 10px 40px;

    font-size: 12px;

    margin: 10px 0 0;

}.tasknote a {

    display: block;

    text-decoration: underline;

}



.modal-header .btn-close {

    margin: 0;

}#taskModal .modal-body {

    padding: 0;

}ul.taskModalSidebar {

    background: #F0F0F0;

    height: 100%;

    padding: 0;
    float: right;    border-radius: 0 0 9px 0;
    list-style: none; margin: 0; max-width: 290px; width: 100%;

}.taskModalitem i.fa-solid.fa-angle-down {

    margin-left: auto;

}
.taskinner {
    font-size: 12px;
    color: #5B5C5C;
}.taskModalitem .w-100.d-flex {    padding: 6px; padding-bottom: 0;    min-height: 32px;
    padding-left: 42px;
}
.form-check .form-check-input{cursor: pointer;}
.taskinner label {
    color: #000;text-transform: capitalize;    cursor: pointer;
}.relationsinfo i {
    position: absolute;
    left: -30px;
    font-size: 16px;
    top: 4px;
}.sub-task-section .form-check .form-check-input {
    cursor: pointer;margin-right: 10px;
}.complete-task-section {
    display: flex;
    align-items: center;
}
.pin-details a, .pin-details {
    border: none !important;
    outline: none !important;
    color: #fff !important;
}
.relationsinfo {
    position: relative;
    margin-top: 10px;
}
.taskModalitem {

    display: flex;    cursor: pointer;
position: relative;
    align-items: center;

}span.taskModalImg {
    display: flex;
    width: 32px;
    background: #fff;
    height: 32px;
    border-radius: 50%;
    line-height: 32px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
}ul.taskModalSidebar li {
border-radius: 0 0 9px 0;
    border: rgba(208, 208, 208, 1) 1px solid;

    padding: 15px;

}
ul.taskModalSidebar li:first-child {
    border-top: none;
}
ul.taskModalSidebar li:last-child {
    border-bottom: none;
}

span#mike img {
    width: 26px;
}
.taskModaliteminner {
    padding: 7px;
    padding-left: 40px;
}
span.contributor-icon {
    width: 28px;
    height: 28px;
    background: #F7F7F7;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 28px;
    color: #97A0A4;
    font-size: 10px;
}.completeTaskBtn {
    height: 34px;
    padding: 5px 9px;
    font-size: 14px;
    font-weight: 600;
}
.obcOpenInner {

    display: flex;

    align-items: flex-start;

}.obcOpenInnerCont {
    font-size: 10px;
    color: #000;line-height: 14px;
    margin: 0 0 10px;
}.obcOpenInnerIcon {

   margin-right: 10px;
    background: #757575;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 8px;
    line-height: 16px;

}.taskModalinner {

    padding: 15px 0 15px 25px;

}
.closeModal {
    cursor: pointer;
}
.taskModalTitle input {

    border-color: #fff;

    font-size: 16px;padding: 5px;

    color: #000;

}.taskFormating {

    display: none;

}
div#taskModalDes {
    margin: 10px 0 0;
}
#taskModalDesinput{ border-color: #fff;    font-size: 15px;    color: rgba(185, 185, 185, 1); padding: 5px}

div#check-list-item,#subtasks-list-item {

    display: none;

}.addtaskListitem-btn {

    color: rgba(0, 168, 252, 1);

    font-size: 14px;

    text-transform: capitalize;

    cursor: pointer;

    font-weight: 500;

}.addActivityTitle i {
    color: #8A9499;
    font-size: 12px;
}.attachmentList {
    margin-left: 5px;
}.addtaskListitem .card-header {
    padding: 0;
}
.addActivityTitle {
    font-size: 16px;
    margin: 0 0 5px;
    color: #000;
}.addActivityTitle .dropdown {

    cursor: pointer;

}.addActivityAct {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 0 0;

}
.addActivity textarea.form-control {
    height: 87px;
    border-radius: 10px;
}.addActivityAct i.fa-light.fa-face-smile {
    font-size: 22px;opacity: .5;
}

.addActivityAct button.btn {

    color: rgba(210, 210, 210, 1);

    padding: 0;

    border: none;

    font-size: 24px;

    cursor: pointer;

}
.bg-rblue {
    background: #3C66F5;
}
.addActivityList {
    margin-top: 20px;
}#prioritySetting .modal-body {
    min-height: 500px;
}#prioritySetting .modal-dialog {
    max-width: 701px;
}#prioritySetting .modal-footer,#projectSetting .modal-footer{
    border: none;
    padding: 25px;
}.modal-title {
    margin-top: 0;
    font-size: 20px;
}.bg-teal {
    background: #0097A7;
}
.activityIcon {

    color: rgba(0, 168, 252, 1);

    font-size: 26px;

    cursor: pointer; margin-right: 10px;

}ul.addActivityListitem li {

    display: flex;

    align-items: center;margin: 10px 0 0;padding: 0;
    border: none;

}.activityInfo p {

    margin: 0;

    font-size: 12px;color: #000;

}span.addRection {

    margin-left: auto;

}ul.addActivityListitem {

    padding: 0;max-height: 225px; overflow: auto;

}

ul.addActivityListitem li:first-child{margin:0}

.taskModalitem .dropdown-menu {

    width: 300px;

    padding: 15px;

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);

    border-radius: 15px;

}.datepicker-inline {

    width: 100%;

}.datepicker-inline table {

    width: 100%;

}.Dueat {

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px 0;

    display: flex;

    align-items: center;

    margin: 0 0 10px;

}.Dueat .form-control {

    width: 80px;

    padding: 5px;

    margin-left: 10px;

    text-align: center;

}.check-list-item {

    background: #fff; min-height: 25px;

    padding: 5px; margin-left: 16px;

}input.check-item-input {

  border-color: transparent !important;    cursor: pointer;

    background: transparent !important;outline: none !important;

}

.check-list-item  .delete-check-list ,.check-list-item  .selectOption,.subcheck-list-item .delete-subcheck-list,.subcheck-list-item .selectOption {display: none; cursor: pointer;}

.check-list-item:hover,.subcheck-list-item:hover{background: #eee}

.check-list-item:hover .delete-check-list ,.check-list-item:hover  .selectOption,.subcheck-list-item:hover .delete-subcheck-list,.subcheck-list-item:hover .selectOption{display: block;}

.addCheckListitem-btn {    padding: 0 20px;  cursor: pointer; color: #00A8FC}


.subtaskInput {
        cursor: pointer;
    margin-left: 25px;
    color: #00A8FC;
    font-weight: 500;
}
.text-line-through {

    text-decoration: line-through !important;

}input.check-item-input:focus {

    text-decoration: none !important;

}.subtask-item {

    display: flex;    margin: 10px 0;

    align-items: center;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 0px 1px, rgba(0, 0, 0, 0.07) 0px 2px 5px -1px;

    padding: 10px;
    cursor: pointer;
    border-radius: 5px;margin-left: 25px;

}.subtask-item .dropdown-menu {

    width: 250px;

}.attachment-dropdown {

    width: 210px;

    border-radius: 10px;

    padding: 15px;

    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);

}
.subtask-item .dropdown-menu span.closeDrop {
    float: right;
}
.attachment-dropdown hr {

    margin: 5px 0;

}.attachment-dropdown .btn {

    color: rgba(255, 0, 34, 1);

}

.attachment-dropdown a.dropdown-item {

    padding: 5px;

}

img{max-width: 100%}

.attachmentListBox {

    width: 82px;    margin-bottom: 5px;

    background: rgba(247, 247, 247, 1);

        padding: 8px;

    position: relative;

    margin-right: 12px;

}
.attachmentListBox img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}.attachmentListOuter {
    flex-wrap: wrap;
}
.attachmentListBox .dropdown {

   position: absolute;

    z-index: 9999;

    right: 0;

    top: 0;

    background: #fff;

    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

    border-radius: 50%;

}.attachmentListBox .dropdown a.dropdown-toggle {

    color: rgba(138, 148, 153, 1);

    font-size: 12px;

    line-height: 0;

    text-align: center;

    display: block;

    width: 16px;

    height: 16px;

    line-height: 17px;cursor: pointer;

}

.attachmentListBox .dropdown-menu {

    width: 200px;

    padding: 15px;

    border-radius: 10px;

}.attachmentListBox .dropdown-menu a {

    padding: 5px;

}.attachmentListBox .dropdown-menu hr {

    margin: 5px 0;

}

.attachmentListBox .dropdown-menu .btn{border: none;}

.attachmentList i.fa-solid.fa-ellipsis {

    color: rgba(131, 142, 149, 1);

}

.taskModalitem span.badge {

    font-size: 13px;

    font-weight: 400;

    padding: 5px 10px;

    margin: 5px 0;

}.tagModal .dropdown-menu {

    width: 250px;

}.badge-outline-light {

    color: rgba(138, 148, 153, 1);

    font-size: 12px;

    font-weight: 400;

    border: 1px solid rgba(138, 148, 153, 1);

}.settingTitle:before {

    position: absolute;

    content: "";

    width: 40px;

    height: 2px;

    background: rgba(0, 168, 252, 1);

    left: 13px;

    bottom: 0;

}

.settingTitle {

    color: rgba(0, 168, 252, 1);

    font-size: 16px;

    font-weight: 500;

    position: relative;

    border-bottom: 1px solid #ccc;

    margin: 0 -15px;

    padding: 0 15px 10px;

    margin-bottom: 20px;

}ul.tagListOuter li .tagListInner {

    background: rgba(247, 247, 247, 1);

    padding: 10px 20px;

    border-radius: 12px;    margin: 10px 0;

    display: flex;

    align-items: center;

}.tagColor {display: none;

    margin-left: auto;

    margin-right: 10px;

}

.color1{color: rgb(0, 170, 255) !important}

.color2{color: rgba(33, 215, 216, 1) !important}

.color3{ color:#0094FF  !important}

.color4{color: rgba(162, 117, 238, 1) !important}

.color5{ color:rgba(249, 84, 138, 1)  !important}

.color6{color: rgba(210, 27, 47, 1) !important}

.color7{color: rgba(245, 124, 0, 1) !important}

.color8{color: rgba(0, 151, 167, 1) !important}

.color9{ color:rgba(148, 221, 55, 1)  !important}

.color10{ color:rgba(54, 206, 77, 1)  !important}

.color11{color: rgba(61, 71, 77, 1) !important}

.color12{color: rgba(138, 148, 153, 1) !important}

.bgcolor1{background : rgb(0, 170, 255) !important}

.bgcolor2{background : rgba(33, 215, 216, 1) !important}

.bgcolor3{ background :#0094FF  !important}

.bgcolor4{background : rgba(162, 117, 238, 1) !important}

.bgcolor5{ background :rgba(249, 84, 138, 1)  !important}

.bgcolor6{background : rgba(210, 27, 47, 1) !important}

.bgcolor7{background : rgba(245, 124, 0, 1) !important}

.bgcolor8{background : rgba(0, 151, 167, 1) !important}

.bgcolor9{ background :rgba(148, 221, 55, 1)  !important}

.bgcolor10{ background :rgba(54, 206, 77, 1)  !important}

.bgcolor11{background : rgba(61, 71, 77, 1) !important}

.bgcolor12{background : rgba(138, 148, 153, 1) !important}


.table .bgcolor1{background : rgb(0, 170, 255) !important; color:#fff !important }

.table .bgcolor2{background : rgba(33, 215, 216, 1) !important; color:#fff !important }

.table .bgcolor3{ background :#0094FF  !important; color:#fff !important }

.table .bgcolor4{background : rgba(162, 117, 238, 1) !important; color:#fff !important }

.table .bgcolor5{ background :rgba(249, 84, 138, 1)  !important; color:#fff !important }

.table .bgcolor6{background : rgba(210, 27, 47, 1) !important; color:#fff !important }

.table .bgcolor7{background : rgba(245, 124, 0, 1) !important; color:#fff !important }

.table .bgcolor8{background : rgba(0, 151, 167, 1) !important; color:#fff !important }

.table .bgcolor9{ background :rgba(148, 221, 55, 1)  !important; color:#fff !important }

.table .bgcolor10{ background :rgba(54, 206, 77, 1)  !important; color:#fff !important }

.table .bgcolor11{background : rgba(61, 71, 77, 1) !important; color:#fff !important }

.table .bgcolor12{background : rgba(138, 148, 153, 1) !important; color:#fff !important }

/*.table .bgcolor1{background: #B9C646 !important; color: #fff !important;}

.table .bgcolor2{background: #D4162F !important; color: #fff !important;}

.table .bgcolor3{background: #FFAA00  !important; color: #fff !important;}

.table .bgcolor4{background: #00AAFF  !important; color: #fff !important;}

.table .bgcolor5{background: #1DD3B0  !important; color: #fff !important;}

.table .bgcolor6{background: #C77DFF  !important; color: #fff !important;}

.table .bgcolor7{background: #3C66F5  !important; color: #fff !important;}

.table .bgcolor8{background: #0097A7 !important; color: #fff !important;}

.table .bgcolor9{background: #70E000  !important; color: #fff !important;}



.table .bgcolor10{background: #FF0000  !important; color: #fff !important;}*/





#projectSetting .modal-header,#projectSetting .modal-footer {

    border: none;


}
div#taskModal .modal-lg {
    max-width: 944px;
}
#projectSetting .modal-header{padding-bottom: 0}
#projectSetting .modal-title {

    font-size: 20px;

}#projectSetting .modal-body {

    min-height: 600px;

}.tagColor span {
    margin: 0 3px;
    font-size: 15px;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    width: 15px;border: 2px solid transparent; cursor: pointer;
    
}
.tagListIocn i {
    font-size: 20px;
}
.tagColor span:hover{    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 4px;     border-color: #fff;}
.tagColor span.selected{box-shadow:rgb(0, 170, 255) 0px 0px 0px 2px }


.tagColor span i {
    outline: 2px solid #00000042;
    border-radius: 50%;
    display: block;
}

ul.tagListOuter {

    padding: 0;

    list-style: none;

}.tagRemove{display: none;     cursor: pointer;}

.tagListInner:hover .tagRemove,.tagListInner:hover .tagColor {

    display: block;

}
.dropdown-toggle{cursor: pointer;}
.no-bg {

    background: transparent !important;

    border: none !important;

}.relationsModalList .form-check .form-check-input {

    float: right; opacity: 0;

}.relationsModalList .form-check {

    padding: 0;

}

.relationsModalList .form-check .form-check-input:checked{opacity: 1}

.relationsModalList {list-style: none; padding: 0}

.relationsModalList .form-check-input:checked[type=radio] {    --ct-form-check-bg-image: url(../img/check.svg);    background-color: transparent;    border: none;}

.relationsModalList li {

    padding: 10px 0;

    border-bottom: 1px solid rgba(242, 242, 242, 1);

    font-size: 14px;

    font-weight: 400;

}

.relationsModalList li:last-child{border: none;}

.taskManegmentOuter {

    background: rgba(240, 241, 242, 1);

    padding: 30px 30px 10px;

    margin: 15px -15px 0;border-radius: 0 0 10px 10px !important;

}.card-title-icon {

    background:rgba(138, 148, 153, 1);

    width: 24px;

    height: 24px;

    border-radius: 50%;

    text-align: center;

    line-height: 23px;

    margin-right: 10px;

}

.card.card-green .card-header {

    background:rgba(215, 246, 218, 1);

    color: rgba(54, 206, 77, 1);

}span.card-header-icon.bg-green {

    background: rgba(54, 206, 77, 1);

    color: #fff;

}.welcomTitle {

    background: #fff;

    max-width: 900px;

    margin: auto;

    border-radius: 500px;

    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);

    padding: 15px; margin-top: 30px;

}.welcomTitle a {

    color: #000;

}.dashboardBox {

    display: flex;

    background: #fff;

    align-items: center;

    padding: 25px; margin-bottom: 20px;

    border-radius: 6px;

}.dashboardBox-icon {

    font-size: 24px;

    width: 42px;

    height: 42px;    margin-right: 15px;

    background: #eee;

    border-radius: 50%;

    text-align: center;

    line-height: 44px;

}.dashboardBox-info h5 {

    font-size: 18px;

    margin: 0;

}.dashboardBox-info p {

    margin: 0;

}



.dashboardBox.green .dashboardBox-icon {background: rgba(222, 255, 227, 1); color: rgba(35, 194, 59, 1)}

.dashboardBox.green .dashboardBox-info h5{color: rgba(35, 194, 59, 1)}

.dashboardBox.lblue .dashboardBox-icon {background: rgba(205, 238, 255, 1); color:rgba(0, 168, 252, 1)}

.dashboardBox.lblue .dashboardBox-info h5{color: rgba(48, 52, 199, 1)}



.dashboardBox.orange .dashboardBox-icon {background: rgba(255, 229, 189, 1); color: rgba(255, 171, 40, 1)}

.dashboardBox.orange .dashboardBox-info h5{color: rgba(48, 52, 199, 1)}

.dashboardBox.red .dashboardBox-icon {background: rgba(255, 213, 210, 1); color:rgba(174, 7, 22, 1)}

.dashboardBox.red .dashboardBox-info h5{color: rgba(174, 7, 22, 1)}



 .chart-container {

            position: relative;

            width: 50%; margin-left:50px;

        }

        .center-text {

            position: absolute;

            top: 50%;

            left: 38%;

            transform: translate(-50%, -50%);

            text-align: center;

            font-weight: bold;

            color: #000; line-height: 20px;

        }.card-header.d-block {

    border-bottom: 1px solid #D9D9D9;

}.activityList span.activityUsericon {

    width: 31px; flex-shrink: 0;

    height: 31px; margin-right: 10px;

    background: #00A3BE;

    display: block;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    line-height: 31px;

}ul.activityList li {

    display: flex;    margin: 0 0 10px;

    align-items: center;font-size: 12px;

    line-height: 15px;

    position: relative;

}

.activityList {

    padding: 0;

    height: 230px;

    overflow: auto;

}

.activityList i.fa-solid.fa-square-check {

    color: #45ABE5;

}

.activityList a {

    color: #004BC7;

    text-decoration: underline;

}

.card-header.d-block p{font-size: 12px}

span.typeWork {

    background: #0094FF;

    display: inline-block;

    width: 21px;

    height: 21px;

    color: #fff;

    text-align: center;

    border-radius: 3px;

    font-size: 11px;

    line-height: 21px;

}.typeProgressBar {

    background: #DCDFE4;

    height: 12px;

    border-radius: 50px; position: relative;

    width: 70%;

}.typeProgress {

    display: flex;justify-content: space-between;

    align-items: center; }

    .typeWorkTable table th:last-child{text-align: right !important;}

    .typeWorkTable table th{font-size: 13px; font-weight: 500; color: #000; padding: 10px 0}

    .typeWorkTable table td{padding: 10px 0}

    span.typeWorkFooter {

    width: 23px;

    height: 23px;

    background: #DCDFE4;

    border-radius: 2px;

    text-align: center;

    line-height: 25px;

    font-size: 12px;

}

.text-dark{color: #000 !important}

.typeWorkTable {

    height: 240px;

    overflow: auto;

}span.typeWork.typeWorkUser {

    border-radius: 50%;

}.typeProgressBarinner {

    position: absolute;

    height: 100%;

    border-radius: 50px;

    left: 0;

    top: 0;

}.viewTable th, .viewTable td {

    font-size: 14px;

    font-weight: 400;   min-width: 80px; padding: 7px 10px;

    text-align: center;    white-space: nowrap;vertical-align: middle;

}
a.addPlus {
    color: #050505;
}.viewTable .usersTableList span.createdByIcon {
    background: #959595;
    color: #fff;
}
.viewTable span.tasluserIcon,.viewTable .createdByIcon {

    display: inline-block;

}

/*.viewTable {table-layout: fixed;}*/
.viewTable .cardtaskName {
    cursor: pointer;
}
button.accordion-button {

    background: transparent !important;font-size: 20px;    padding-left: 40px; box-shadow: none !important;

}

.accordion-button::after {

    left: 20px;

    position: absolute;

}.viewTable span.badge {

    border-radius: 20px;

    padding: 5px 10px;

}

.viewTable td:nth-child(2),.viewTable th:nth-child(2) {text-align: left;}

.mobile-header {

    background: #fff; display: none;

    margin: -15px -15px 10px -15px;

    padding: 15px;

}

.button-toggle-menu{display: none;}



.completeTask {

    display: flex;

    align-items: center;

}.completeTaskIcon {

    color: #1FA94D;

    font-size: 31px;

    margin-right: 10px;

}.completeTaskInfo h6 {

    font-size: 14px;

    margin: 0;

    font-weight: 400;

}.completeTaskInfo p {

    margin: 0;

}.subTaskBox {

    display: flex;

    align-items: center;

}.subTaskBoxicon {

    margin-right: 10px;

}.subTaskBoxinfo p {

    margin: 0;

}

.subTaskBoxinfo h6 {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    color: #000;

}.subTaskOuter {

    background: #E9F2FE;

    padding: 10px; position: relative;

}

.subTaskOuter:before {

    position: absolute;

    content: "";

    width: 1px;

    height: 50px;

    background: #D0D0D0;

    left: 0;

    right: 0;

    margin: auto;

}

.dropdown-lg.filterDropdown {

    width: 248px;

    height: 244px;

    overflow: auto;

}

.topFilterBox a.dropdown-item {

    display: flex;

    align-items: center;font-size: 12px;

}

.topFilterBox a.dropdown-item img{margin-right: 5px}

.FilterBox .createdByIcon{margin-bottom: 5px}

.filterDropdown hr {  margin: 2px 0;}

.taskModalTitle input::placeholder {
    color: #000 !important;
}
.taskModalTitle {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

#mike {  margin-right: 5px;  cursor: pointer;}

span.mike {

    width: 31px;

    height: 31px;

    background: #F0F0F0;margin-right: 10px;

    display: flex;

    border-radius: 50%;

    align-items: center;

    justify-content: center;

}.voiceMsgbox {

    display: flex;

    align-items: center;

}.taskModalinfo .badge {

    padding: 5px 10px;

}

.subtask-item .unuserIcon, .subtask-item .subtaskDate {

    flex-shrink: 0;

}span.selectDate {

    display: inline-block;

    border: #FFAC2C 1px solid;

    padding: 5px 10px;

    border-radius: 50px;

    color: #FFAC2C;

    font-size: 12px;

}
span.selectDate.datenoborder {
    border-color: transparent;
}
.table-condensed > thead > tr:nth-child(2) > .prev {

  font-size: 0;

  background: url("../img/leftArrow.svg") 50% 50% / 7px  no-repeat #F2F2F2;

}



.table-condensed > thead > tr:nth-child(2) > .next {

  font-size: 0;

  background: url("../img/leftArrow.svg") 50% 50% / 7px  no-repeat #F2F2F2;    transform: rotate(180deg);

}.FilterBox span.badge {

    border: 1px solid #C3C6D4;

    padding: 8px 13px;

    font-size: 12px;color: #000;

    font-weight: 500;

    border-radius: 50px;

}

.FilterBox span.badge.active{background: #ECECEC}

.FilterBox label.form-check-label {

    font-size: 11px;

    color: #fff;

}.FilterBox .form-check .form-check-input {

    width: 12px;

    height: 12px;

    margin-top: 5px;

    margin-left: -17px;

}.FilterBox .form-check {

    padding: 2px 10px 2px 25px;    margin: 0 0 4px 2px;

    border-radius: 5px;

}.shareDropdown p {

  color: #000;

    font-size: 12px;

}

.shareDropdown label{color: #000000}

span.copyLink {

    font-size: 13px;

    color: #000;

}

span.teamIcon {

    background: #00AAFF;

    width: 31px;

    height: 31px;

    text-align: center;

    line-height: 30px;

    margin: 0 5px;

}.shareWithList .createdByIcon {

    background: #00AAFF;

}.shareWithList .createdByIcon {

    background: #00AAFF;

    width: 31px;

    height: 31px;

    line-height: 31px;

    font-size: 13px;

    color: #fff;

}

.shareWithList .form-switch .form-check-input{width: 40px; height: 24px}

.shareWithList .form-check-input:checked {

    background-color: #545454;

    border-color: #545454;

}

span.twitter-typeahead {

    display: block;

    width: 100%;

}.tt-menu {

    border-radius: 8px;

    box-shadow: 0 2px 4px 0 #00000040;

    background: #fff;

    width: 100%;

    height: 150px;

    overflow: auto;

}.tt-suggestion:hover {

    background: #E9F2FE;

}

.tt-suggestion.tt-selectable {

    font-size: 12px;

    font-weight: 500;

    cursor: pointer;

    padding: 5px;

    color: #000;

}

.tt-suggestion span {

    background: #CDE4F9;

    width: 26px;

    height: 26px;

    display: inline-block;

    border-radius: 50%;

    text-align: center;

    color: #000;

    line-height: 26px;

}.shareDropdown {

    max-width: 445px;

    width: 445px;

}div#the-basics .btn {

    position: absolute;

    right: 0;

}

div#the-basics {

    position: relative;

}

#the-basics .form-control{border: 1px solid #00AAFF;box-shadow: -1px 0 0 3px #D4F1FF;}

.memberMenu {

    width: 200px;

}

.memberMenu h6{color: #656565; font-size: 12px;     margin: 0 0 10px;}

.memberMenu {

    width: 200px;

    padding: 15px;

    border-radius: 10px;

    box-shadow: 0 2px 4px 0 #00000040;

}.userRoleBox h5 {

    font-size: 13px;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}.userRoleBox p {

    font-size: 9px;

    color: #656565;

    margin: 0;

}.userRoleBox.active {

    background: #F0F1F3;

    border: 1px solid #C3C6D4;

    box-shadow: 0 2px 4px 0 #00000040;

    border-radius: 5px;

    padding: 10px;

}.userRole hr {

    margin: 10px 0;

}

.shareDropdown button.btn.btn-secondary{

    background: transparent;

    color: #656565 !important;

    border-color: #BFBFBF;

}.planalertBox {

    background: #D4F1FF;

    padding: 20px 10px;

    text-align: center;

    margin: 10px 0;

    border-radius: 5px;

}.planalertBox h5 {

    color: #7C7A7A;

    margin: 0;

    font-size: 13px;

}

.planalertBox p {

    color: #7C7A7A;

    margin: 0;

    font-size: 10px;

    font-style: italic;

}.automationsDropdown {

    max-width: 100%;

    width: 100%;

    padding: 15px;

    margin-top: -10px !important;

    background: #E9F2FE;

}.automationsDropdown a {

    display: inline-block;

    margin-right: 40px;

}

.automationsFilter  .searchBar{position: relative;    margin: 0 10px;}

.automationsFilter .searchBar button {

    position: absolute;

    right: 10px;

    top: 10px;

    background: none;

    border: none;

    padding: 0;

    color: #C5C5C5;

}

.automationsFilter a.btn.btn-secondary {

    background: #3C3C3C;

}.feedback {

    font-size: 12px;

}span.modalTitle {

    font-size: 14px;

    color: #000;

    margin-left: 50px;

    position: relative;

}

span.modalTitle:before {

    position: absolute;

    content: "";

    width: 100px;

    height: 3px;

    background: #000;

    bottom: -21px;

    left: -13px;

}.categorySidebar {

    background: #F5F7FB;

}#templateModal h4 {

    margin: 0 0 15px;

}.categorySidebar ul li {

    margin: 8px 0;

}

.categorySidebar ul li a {

    color: #000;

    font-size: 14px;

}

.categorySidebar ul {

    padding: 0 0 0 17px;

    color: #000;

}span.btn.btn-outline-light {

    background: #fff;

    width: 100%;

}.linkList a {

    margin: 10px;

}

.linkList {

    display: flex;

    align-items: center;

    justify-content: center;

}div#templateModal .searchBar {

    max-width: 300px;

}div#templateModal .searchBar button {

    position: absolute;

    right: 10px;

    top: 10px;

    background: none;

    border: none;

    padding: 0;

    color: #C5C5C5;

}.tempBox {

    border: 1px solid #D9D9D9;

    padding: 15px;

    border-radius: 10px;

}.tempBox p span {

    color: #000;

}

.tempBox p {

    font-size: 20px;

    color: #C5C5C5;

    line-height: 26px;

    margin: 30px 0;

}

.tempBox {    margin: 0 0 20px;

    border: 1px solid #D9D9D9;

    padding: 15px;

    border-radius: 10px;

}.tempBox a.btn.btn-outline-light {

    display: block;

    font-size: 14px;

}

.templateModalinner {

    padding-right: 30px;    padding-top: 20px;

}.featuredBox {

    border: 1px solid #D9D9D9;

    width: 148px;

    padding: 15px;

    display: flex;

    align-items: center;

    border-radius: 10px;font-size: 12px;

    white-space: nowrap;

    min-height: 60px;

    margin: 0 0 15px;

    justify-content: center;

}.featuredBox img {

    margin-right: 10px;

}#templateModal h4 span {

    font-size: 12px;

    color: #C5C5C5;

}#templateModal h4 a {

    font-size: 12px;

}span.addtemplate,.deletetemplate {

    background: #D4D4D4;

    width: 27px;

    height: 27px;

    text-align: center;

    line-height: 27px;

    color: #4A4A4A;

    border-radius: 5px; margin-left: 5px;

}.templateUseBox h4 {

    font-size: 24px;

    color: #D4D4D4;

    font-weight: 400;

}.templateUseBox h4 span {

    color: #000;

    text-decoration: underline;

}.templateUseBox h3 {

    color: #0073EA;

    text-decoration: underline;

}

.FilterBox .form-check-input:checked[type=checkbox] {

    --ct-form-check-bg-image: url(../img/check.svg);

}

.FilterBox .form-check-input:checked {

    background-color: #fff;

    border-color: #fff;

}.summeryRow a.btn.btn-primary {

    background: #0094FF;

}

.taskModalitem span.createdByIcon {
    background: #838E95;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    text-transform: uppercase;
}
.obcOpenOuter h6 {
    font-size: 10px;
    line-height: 15px;
}
.taskModalitem .createdBy {

    border: none;    color: #000;

}

.createdBy.selected {

    background: #E6F7FF;

    padding: 5px;

    border-radius: 5px;

}
.taskModalitem .task-assign-user span.createdByIcon {
   
    width: 26px;
    height: 26px;
    line-height: 26px;
}
.taskModalitem .task-assign-user{padding: 5px}
.taskModalitem .createdBy.selected span.createdByIcon {

    background: #3D474D;

    color: #fff;

}



.login-content-wrap {

    display: flex;    align-items: center; height: 100vh;

}.loginPage{

    background: url(../img/loginBg.jpg); background-size: cover;

}

.login-form-content{padding: 100px 0}

.login-form-content,.login-form-img{ width:50%; height: 100%; display:flex; align-items:center; justify-content:center; }

.login-content-inner{width: 60%}

.login-form-content {

    border-right: 1px solid #999999;

    background: #fff;

}.loginOuter a.btn.bg-light {

    display: block;

    margin: 7px 0;

    background: #fff !important;

    border: 1px solid #E6E8E7;

    color: #191919;

}.loginOuter  .orPart span {

    background: #fff;

    display: inline-block;

    z-index: 99;

    position: relative;

    padding: 0 7px;

}

.loginOuter  .orPart:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    background: #D0CBCB;

    left: 0;

    top: 9px;

}a.forgotPass {

    position: absolute;

    right: 20px;

    top: 16px;

    color: #FF1200;

    font-weight: 600;

}input.form-control.passwordControl {

    padding-right: 140px;

}.loginOuter p a {

    color: #0073EA;

}

.loginOuter p {

    color: #000;

}

.loginOuter  .orPart {

    text-align: center;

    position: relative;    margin: 20px 0;

}.loginOuter .form-group.floatlabel {

    position: relative;

    margin: 25px 0;

}

.loginOuter .form-group.floatlabel label.placeholderLabel {

    position: absolute;

    left: 13px;

    top: -10px;

    font-size: 14px;

    background: #fff;

    z-index: 9;

    padding: 0 8px;

}.loginOuter .form-group.floatlabel input.form-control {

    height: 50px;

}button.btn.bt-primary i {

    background: #fff;

    color: #000000;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    line-height: 26px;

}

.loginOuter button.btn.bt-primary {

    background: #0094FF;

    color: #fff;

    border-radius: 50px;

}

.mt-100{margin-top: 100px}

.multiStepform {

    min-height: 400px;

}.btn-group label.btn.btn-outline-primary {

    margin-right: 10px;

    border: 1px solid #E6E8E7;

    color: #191919;

    border-radius: 50px !important;

    min-width: 83px;margin: 5px;

}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    color: #fff !important;

    background-color: #0094FF;

    border-color: #0094FF;

}.btn-group.roleBtn {

    flex-wrap: wrap;

}.roleBtn label.btn.btn-outline-primary,#teamradio label {

    margin-bottom: 15px;

}#role1,#schoolrole1 {

      display: none; /* Hide initially */

    }

.btn-group {flex-wrap: wrap;}

.copyLink .btn {

    position: absolute;

    right: 0;

    top: 0;

    background: #0094FF;

    width: auto;

    border-radius: 0;

}

.copyLink {

    position: relative;

}.copyLink {

    margin: 0 0 15px;

}#taskModal1 button.btn-close {

    margin-left: auto;

}.automationsBox a {

    color: #000000;

    margin-right: 25px;

    display: block;

    border-bottom: 2px solid #fff;

    padding: 10px;

}

.automationsBox {

    background: #fff;

    border-bottom: 1px solid #D9D9D9;

}

.automationsBox a.active{border-color: #000}
.sharingBox textarea.form-control {
    border: 1px solid #00A8FC;
    border-radius: 12px;
}.sharingBox {
    margin: 0 0 20px;
}.memberList {
    background: #F7F7F7;
    border-radius: 12px;
    padding: 20px;
}.memberHead {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #5B5C5C;
}.memberHead i {
    color: #3D474D;
    margin-right: 15px;
}span.memberHeadTag {
    font-size: 14px;
    color: #5B5C5C;
    background: #fff;
    display: block;
    padding: 2px 13px;
    border-radius: 50px;
    margin-left: 15px;
    font-weight: 600;
}.memberIcon {
    width: 37px;
    height: 37px;    margin-right: 15px;
    background: #3D474D;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 37px;
    font-size: 12px;
    font-weight: 600;
}.memberCont h5 {
    font-size: 16px;
    margin: 0;
}.memberrole {
    margin-left: auto;    font-size: 12px;
}
.memberBody li {
    display: flex;margin: 15px 0;
    align-items: center;
}.memberCont p {
    margin: 0;    font-size: 12px;
}.memberBody ul {
    padding: 0; margin: 0;
}.shareMemberlink {
    margin: 150px 0 0;
}.shareMemberlinkinner {
    display: flex;    align-items: center;
    border: 1px solid #C2C2C2;
    border-radius: 50px;
    padding: 10px 15px;
}.shareMemberlinkinner .form-switch .form-check-input {
    width: 55px;
    height: 30px;
    background-color: #2BA91F;
    border-color: #2BA91F;
}.shareMemberlinkinner p {
    margin: 0 0 0 10px;
    font-size: 16px;
}.shareMemberlinkinner a {
    color: #000;
    margin-left: auto;
    font-size: 24px;
}.shareMemberlink >p {
    margin: 0 0 7px;
    font-size: 15px;
}
.ui-widget.ui-widget-content {
    border: none;    width: 100%;
}.ui-widget-header {
    border: none;
    background: none;
    color: #60696D;
    font-weight: 400;
    font-size: 16px;
}.ui-datepicker th {
    color: #60696D;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}.ui-state-default {
    border: none !important;
     background: none !important; 
    text-align: center !important;
    height: 32px;
    line-height: 32px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
}
.ui-widget-header .ui-icon {
    background: url(https://fivotechnology.com/task_manager/public/assets/img/leftArrow.svg) no-repeat #eee;
    background-position: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
}

.ui-widget-header .ui-datepicker-next  .ui-icon{background: url(https://fivotechnology.com/task_manager/public/assets/img/leftArrow.svg) center no-repeat #eee; transform: rotate(180deg)}
.taskModalitem .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
}   /* .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: none;
    }*/
    .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today a {
    color: #00A8FC;
}

.taskmodal-scheduled .daterangepicker_input {
    display: none;
}.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    height: 25px;
    border: 1px solid #ccc;
    text-align: center;
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    font-weight: 400;
    padding: 6px 0;
}

.taskModalitem .taskmodal-scheduled  .dropdown-menu {
    width: 520px; right: 0 !important;
    left: auto !important;}
    button.applyBtn.btn.btn-sm.btn-success {
    background: #2892fd;
}
.daterangepicker.opensright:after,.daterangepicker:before{display: none;}
.taskModalinfo.assign-task-users {
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
ul.showActivityLogs li strong {
    font-size: 12px;
    font-weight: 400;
}
ul.showActivityLogs {
    padding: 0;
}ul.showActivityLogs li {
    list-style: none;
    position: relative;
    padding-left: 35px;margin: 0 0 15px;
}
ul.showActivityLogs li span.createdByIcon {
    position: absolute;
    left: 0;
    top: 0;
    background: #3D474D;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
}ul.showActivityLogs li p {
    margin: 0; color: #000; font-size: 12px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{color: #454545 !important;     height: 37px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #0094FF !important;
    color: #fff !important;
    border-radius: 50%;
}

td.active.start-date.available {
    border-radius: 50px 0 0 50px;
}
td.weekend.active.end-date.in-range.available {
    border-radius: 0 50px 50px 0;
}.daterangepicker td.in-range {
    background: #e6eef2;
    color: var(--ct-secondary-text);
}
 
.saveTaskIcon,.checkListIcon,.dueDateIcon,.priorityIcon,.scheduleDateIcon ,.uploadImageIcon,.tagSSIcon,.pinsIcon,.watcherIcon,.audiosIcon{
 
     background: rgba(0, 168, 252, 1);
    color: #fff;
    width: 30px;
    display: block;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}.addtaskListitem {
    margin: 15px 0;
}
div#new-pin-item a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.audiosIcon {  background: #eee;}
.uploadImageIcon{background: #6658dd }
.checkListIcon{background: #36CE4D}
.dueDateIcon{  background: #FFC107; }
.priorityIcon{background: #A275EE}
.scheduleDateIcon{background: #b9c646}
.tagSSIcon{background: #f9548a}
.pinsIcon{background: #FE6918}
.watcherIcon{background: #0097a7}

.taskModalTitle input.form-control:focus {
    background: #F7F7F7;
    border-color: #F7F7F7;
    color: #000;
    padding: 8px 15px;
}span#mike {
    margin-left: 10px;    display: none;
}span.taskListNo {
    background: #F7F7F7;
    width: 31px;
    height: 17px;
    margin-left: auto;
    border-radius: 20px;
    font-size: 11px;
    text-align: center;
}.subtask-item .form-check {
    padding-right: 25px;    display: flex;
    align-items: center;
}.addsubTaskitem-btn {
    margin-left: 25px;
}
.task-details-m.cardtaskName {
    width: 100%;
}
#subtasks-list-item .card-header .text-dark,#check-list-item .card-header .text-dark {
    color: #5B6469 !important;
}#subtasks-list-item .card-header .text-dark i ,#check-list-item .card-header .text-dark i {
    margin-right: 5px;
}.check-list-item .form-check .form-check-input {
    border: 2px solid #00A8FC;
}

.modal {
    background: #00000057;
}.selectedContributor {
    display: flex;
    align-items: center;
}.taskModalTitle input {
    padding: 8px 15px;    max-width: 559px;
}.watchersList span.createdByIcon {
    width: 26px;
    height: 26px;
    line-height: 27px;
}
.watchersList .createdBy {
    font-size: 14px;    padding: 5px;
}#subtaskModal .modal-dialog.modal-lg {
    max-width: 944px;
}.sub-task-list-item-btn {cursor: pointer;
    color: #00A8FC;
    font-weight: 500;margin-left: 20px;
}
.subcheck-list-item .subcheck-item-input, .subcheck-list-item .subcheck-item-input:focus {
    border-color: transparent !important;     background: transparent;   outline: none !important;
}
.subcheck-list-item {
    min-height: 25px;
    padding: 5px;    margin-left: 16px;
}.subcheck-list-item .form-check .form-check-input {
    border: 2px solid #00A8FC;
}
button#recordButton {
    background: url(https://fivotechnology.com/task_manager/public/assets/img/mike.svg) no-repeat #F0F0F0 center;
    width: 31px;
    height: 31px;
    margin-right: 10px;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 1000px;
    line-height: 50px;
}audio {
    background: #F0F0F0;
}div#voiceMsg {
    margin: 10px 0;
    display: flex;
    align-items: center;
}
.audio-section audio {
    background: #F0F0F0;
    width: 100%;    height: 20px;
   
}
.audioOuter {
    background: #F0F0F0;
    width: 90%;    margin: 10px 0;
    padding-top: 9px;
}.audiotime {    font-size: 10px;
    display: flex;
    align-items: center;margin-top: -6px;
    justify-content: space-between;padding: 0 45px;
}
.relationsModalList label.form-check-label {
    font-size: 14px;
    font-weight: 400;
}
.audio-item {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.deleteChekBtn{background: #f00;
    width: 40px; display:none;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;}
#relationsModal span.searchBarIcon {
    border: none;
}
#relationsModal .searchBar input {
   
    border: 1px solid #00A8FC;
}
#relationsModal  .taskManegmentOuter h4 {
    color: #535353;font-size: 16px;
}
#relationsModal .taskmetaItem span {  background: #E7E9EA;}

#relationsModal    .taskManegmentOuter .card {  border-radius: 7px;}

#relationsModal .card-header {
   
    border-radius: 7px 7px 0 0 !important;
}#relationsModal .modal-dialog {
    max-width: 479px;
}.bg-blue {
    background: #3C66F5 !important;
}#relationsModal .modal-body {
    padding-bottom: 0;
}#projectSharing .modal-dialog {
    max-width: 701px;
}.sharingBox + h4 {
    font-size: 15px;
    color: #000;
}
#projectSharing .modal-body {
    padding: 20px 30px;
}.memberBody li:last-child {
    margin-bottom: 0;
}.sidebar .searchBar img {
    position: absolute;
    top: 13px;
    left: 13px;
}button#toggle-btn {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    left: 0;
}.attachment-dropdown {
    width: 319px;
}.attachment-dropdown h5 {
    margin-top: 0;
}#uploadAttachment {
    border: 1px solid #D9D9D9 !important;
    height: 35px;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
    line-height: 25px;
}ul.attachmentOptionList li {
    color: #60696D;
    margin: 13px 0;
    font-weight: 400;
    font-size: 16px;
}ul.attachmentOptionList {
    padding: 0;
    list-style: none;
}ul.attachmentOptionList li img {
    width: 20px;
    margin-right: 10px;
}.attachment-dropdown p i {
    position: absolute;
    left: 0;
    top: 0;
}
.attachment-dropdown p {
    color: #2E2E2EB9;
    font-size: 14px;
    position: relative;
    padding-left: 34px;
    font-weight: 400;
}
/*.max-hight-box{max-height: 300px; overflow-y: auto; padding-right: 10px !important;}*/

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 6px;height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #98a6ad;
}


.subTaskBack {
    background: #d3eaf5;
    padding: 15px 25px;
}.subTaskBack a {
    text-decoration: underline;
}a.ui-state-default {
    width: 30px;
    height: 30px !important;
    line-height: 26px;
    font-size: 12px;
}textarea.subtask-textarea.form-control {
    margin-left: 25px;
    margin-top: 10px;
}
h4.taskTitle {
    display: flex;
    color: #8A9499;
    font-size: 14px;
    align-items: center;
}.taskTitle .card-header-icon {
    background: #D91E71 !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.content .container-fluid, .mainContainer_outer,.mainContainer {
    height: 100%;
}
.mainContainer .columnBox:first-child .dropdown-menu {
    right: -40px !important;
    left: auto !important;
}
/*button#startRecording:before {
    content: "\f04b";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #00A8FC;
    position: absolute;
    top: 11px;
    left: 15px;
}*/
button#startRecording {
    background: url(https://fivotechnology.com/task_manager/public/assets/img/mike.svg) #eee no-repeat center !important;
}
button#startRecording,#stopRecording {
    background: #eee;
    border: navajowhite;
    position: relative;
    color: #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;    margin-right: 10px;
}

button#stopRecording:before {
    content: "\f04d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #00A8FC;
    position: absolute;
    top: 11px;
    left: 15px;
}

.project-data-table  .addCardBox {
    max-width: 200px; width: 200px;
}
.project-data-table .form-control{width: auto;}
.dropdown.pinOption {
    display: flex;
    align-items: center;
}
.pinRemove {
    opacity: 0;
}ul.tagListOuter li .tagListInner:hover .pinRemove {
    opacity: 1;
}ul.showActivityLogs li p.activityText {
    background: #F7F7F7;
    padding: 10px;
    border-radius: 8px;
    color: #898989 !important;
    font-size: 10px;
    margin: 15px 0;
}
input.check-item-input,.check-list-item .form-check ,.subcheck-list-item .form-check,.subcheck-list-item .subcheck-item-input{
    width: 100%;
}.check-list-item .dropdown.selectOption.ms-2 {
    display: none !important;
}.check-list-item .delete-check-list {
    margin-right: 5px;
}.addtaskListitem .card-header .dropdown.selectOption,.subcheck-list-item .dropdown.selectOption {
    display: none !important;
}

.btn-primary {
    background: #0094FF !important;
    border-color: #0094FF !important;
}
.attachmentList .dropdown-menu-animated.show{    z-index: 99999;}
ul.emailList {
    padding: 0;
        width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px -10px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px;
    padding: 10px 15px;
    border-radius: 15px;
}li.dropdown-item.user-email {
    display: flex;
    align-items: center;
    margin: 5px 0;    cursor: pointer;
}

.selectedContributor {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.InReviewTask {display: flex; align-items: center;}
.InReviewTaskIcon i {
    font-size: 25px;
    color: #1FA94D;
}.InReviewTaskInfo h6 strong, .InReviewTaskInfo h6 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.InReviewTaskInfo p {
    margin: 0;
    font-size: 14px;
    color: #838E95;
}.InReviewTaskIcon {
    margin-right: 10px;
}.TaskStatusManage {
    display: flex
;
    align-items: center;
}#userinfomodal .modal-dialog {
    margin: 0;
    width: 235px;
}#userinfomodal .modal-content {
    border-radius: 7px;    top: 70px;
    left: 10px;
}.userICon {
    border: #E5E5E5 1px solid;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    text-align: center; overflow: hidden;
}.userICon span {
    background: #8A9499;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    font-weight: 500;
}.userICon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.userICon {
    border: #E5E5E5 1px solid;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    margin: auto;
}.mainUser-list h3 {
    text-align: center;
    margin: 5px 0 0;
    font-size: 18px;
}
.mainUser-list p {
    margin: 0;
    color: #8AA1C2;
    font-size: 14px;
    text-align: center;
}.mainUser-list h4 {
    color: #6D6E6F;
    text-align: center;
    font-size: 13px;
    display: flex;    margin: 5px 0;
    align-items: center;
    justify-content: center;
}.mainUser-list h4 img {
    margin-right: 8px;
}

.mainUser-list ul {
    padding: 0;
    list-style: none;
}span.modalIcon {
    width: 31px;
    height: 31px;
    display: block;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    text-align: center;
    padding: 4px;margin-right: 10px;
}.mainUser-list  ul {
    margin: 20px 0 0;
}
.mainUser-list  li {
    border-top: 1px solid #ECECEC;
    padding: 12px 10px;
}
.mainUser-list  li a {
    display: flex;
    align-items: center;
    color: #6D6E6F;
}div#userinfomodal .modal-body {
    padding-bottom: 0;
}
.mainUser-list .dropdown-menu {
    width: 235px;
    padding-top: 30px;
}
.mainUser-list  span.closeModal {
    position: absolute;
    right: 8px;
    top: 8px;
}
.profileHeader ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.profileHeader {
    background: #E9F2FE;
    padding: 14px 20px;
}.profileHeader li a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}.profileHeader ul li {
    margin-right: 20px;
}.profileHeader ul li:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #E9F2FE;
    position: absolute;
    left: 0;
    bottom: -12px;
}
.profileHeader ul li.active:before{background: #0094FF;}
.profileHeader ul li {
    margin-right: 20px;
    position: relative;
    padding: 0 10px;
}.profileDeatil {
    padding: 20px;background: #EBEEEF;
}.profileDeatil h3 {
    font-size: 18px;
    margin-bottom: 30px;
}.profileDeatil .form-control,.profileDeatil select.form-select {
    border: 1px solid #E6E8E7;
    max-width: 361px;
    height: 50px;
    border-radius: 6px;
    font-size: 13px;
}.profileDeatil label.me-2 {
    font-size: 14px;
}.fileUploadPAnel {
    width: 166px;
    height: 166px;
    border: 1px solid #EBF0F2;position: relative;
    border-radius: 50%;
    padding: 13px;
}.fileUploadBox {
    background: #EBF0F2 url(https://fivotechnology.com/task_manager/public/assets/images/imgicon.svg) no-repeat center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}.fileUploadarrow {
    width: 30px;
    height: 30px;
    border: 1px solid #EBF0F2;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 70px;
    text-align: center;
    background: #fff;
    line-height: 29px;
}.fileUploadPAnel_outer {
    width: 185px;
    text-align: center;
}.fileUploadPAnel_outer button.btn.btn-secondary {
    background: #4A4A4A;
    width: 143px;
    height: 46px;
    font-size: 16px;
    margin-top: 20px;
}.fileUploadarrow .dropdown-menu {
    width: 135px;
    box-shadow: 0 0 6px 0 #0000002e;
}.fileUploadarrow a {
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}span.rightList {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 999;
    cursor: pointer;color: #000;
    font-size: 18px;
}.project-listBox {
    position: relative;
}ul.projectdoneList span {
    color: #000;
    display: flex
;
    align-items: center;
}
ul.projectdoneList li {
    font-size: 14px;
    margin-right: 50px;
    font-weight: 400;
}
ul.projectdoneList p {
    margin: 0;
    color: #5B5C5C;
}
ul.projectdoneList {
    display: flex
;
    list-style: none;
    margin: 0;
    padding: 0;
}ul.projectdoneList span img {
    margin-right: 5px;
}.projectdelSettinginner input.form-control {
    border-radius: 11px;
    height: 41px;
}.projectdelSettinginner {
    min-height: 300px;
}#projectdelSetting .modal-dialog {
    width: 100%;
    max-width: 701px;
}#projectdelSetting .btn-outline-danger {
    border-radius: 12px;
}
.reviewuserList .dropdown-menu {
    width: 100%;
    padding: 0 15px 10px;
    border-radius: 0;
    border: none;
    box-shadow: 0 2.5px 4px 0 #00000040;
}.dropdown.reviewuserList a.dropdown-toggle.show {
    min-width: 303px;
    background: #fff;
    border-radius: 0 !important;
    padding:15px 0 8px;
    box-shadow: 0 0px 4px 0 #00000040;
    display: block;
}.dropdown-menu .InReviewTask:last-child {
    border: none;
}
 .dropdown-menu .InReviewTask {
    border-top: 1px solid #D1D1D1;
    padding: 8px 0;
}.my-project.active+span.rightList {
    color: #fff;
}

 .backLink a i {
    color: #000000;
    font-size: 19px;
    position: absolute;
    left: -13px;
    top: 2px;
}
img{max-width: 100%}
.filterInner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdownMenu select {
    border: none;color: #514E4E;
    font-size: 14px;
    border-radius: 0;
}
.dropdownMenu {
    min-width: 175px;
    background: #fff;
    box-shadow: 0 0 4px 0 #00000040;
    margin: 0 10px;height: 38px;
}
input#date-range {
    border: none;
    height: 38px;
    color: #514E4E;
    font-size: 14px;
    padding: 0 10px;
}section#filter {
    padding: 25px 0;
}
.progress {
    width: 52px;
    height: 52px;
    line-height: 51px;
    background: none;
    margin: 14px auto;
    position: relative;
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 5;
}

.progress .progress-left {
    left: 0;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
     background-color: #23C23B;
    transition: var(--bs-progress-bar-transition);
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    transform-origin: center left;
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    transform-origin: center right;
}

.progress .progress-value {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    line-height: 41px;
    text-align: center;
    position: absolute;
    top: 0%;
    left: 0%;
    border: 6px solid #DFDFDF;
    z-index: 2;
}

.progress.blue .progress-bar {
    border-color: #23C23B; /* Bright green color */
}

.totalPanelinner {
    display: flex
;
    align-items: center;
    justify-content: center;
}.totalPanelbox {
    background: #fff;
    min-width: 121px;
    box-shadow: 0 0 4px 0 #00000040;
    flex-shrink: 0;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;margin: 0 5px;    border-top: 3px solid #0094FF;display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}section#totalPanel {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 30px;
}.levelBox {
    background: #fff;
    box-shadow: 0 0 4px 0 #00000040;    justify-content: space-between;
    padding: 10px;
    display: flex; margin-bottom: 15px; width: 345px;
}.levelBoxleft h4 {
    font-size: 11px;    font-weight: 400;
    margin: 0;
}.levelBoxleft {
    width: 77px;
    flex-shrink: 0;
}.levelBoxright ul li span {
    display: block;font-size: 18px;
}.levelBoxmid {
    background: #F7F7F7;
    padding: 5px;width: calc(100% - 150px);
}.levelBoxright {
    margin-left: 10px;
}.levelBoxmid h2 {
    font-size: 14px;word-break: break-all;
    font-weight: 500;
    margin: 0;
}.levelBoxmid p {
    color: #707070;
    font-size: 12px;
    margin: 0;
}.campusOuter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}.campusBox strong {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}
.campusBox {
    background: #FFD4D4;
    padding: 4px;
    margin: 5px 0;
    line-height: 13px;
    height: 50px;
    min-width: 80px;
}.campusBox.greencampus {
    background: #B6EABE;
    min-width: 95px;
}.statusOuter {
    display: flex; flex-wrap: wrap;
    align-items: center;
}.statusBox span {
    display: block;
    width: 41px;
    height: 22px;
    background: #f00;
    font-size: 18px;
    color: #fff;
    font-weight: 600; line-height: 21px;
}.statusBox {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-right: 5px;
}.statusBox.statusBox2 span {
    background: #FFAA00;
}
.statusBox.statusBox3 span {
    background: #B9C646;
}
.levelBoxright ul li {
    padding: 0;line-height: 17px;
    width: 59px;
    height: 39px;
    text-align: center;
    border: 2px solid #0094FF;    font-size: 12px;
    font-weight: 600;
    margin: 0 0 3px;
}.levelBoxright ul {
    padding: 0;
    list-style: none; margin: 0;
}.levelBoxright ul li:last-child {
    margin: 0;
}
li.br2 {
    border-color: #2ED7D8 !important;
}
li.br3 {
    border-color: #3DCC3D !important;
}
li.br4 {
    border-color: #F11A13 !important;
}
.totalPanelbox.total1{border-color:  #0094FF}
.totalPanelbox.total2{border-color:  #2ED7D8}
.totalPanelbox.total3{border-color:  #3DCC3D}
.totalPanelbox.total4{border-color:  #FFD4D4}
.levelOuter h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}section.levelOuter {
    padding: 20px 0;
}
.bgodd{background: #E3E3E3}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
.taskModalitem .userslist {
    max-height: 250px;
    overflow: auto;
}

.slect-multiple-check {
    width: 17px;
    height: 17px;
    --ct-form-check-bg: var(--ct-secondary-bg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.143em;
    height: 1.143em;
    margin-top: .1785em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--ct-form-check-bg);
    background-image: var(--ct-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--ct-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    float: left;
    margin-left: -1.643em;
    border-radius: 3px;
}.slect-multiple-check:checked {
    background-color: #00A8FC;
    border-color: #00A8FC;
background-image: url(https://fivotechnology.com/task_manager/public/assets/img/check.svg);
background-blend-mode: color-dodge;
    background-size: 10px;
}
a.mainUser {
    border: 2px solid #0462DC;
    display: block;
    border-radius: 50%;
    width: 36px;
    height: 36px;    overflow: hidden;text-align: center;
    line-height: 34px;
}
ul.noti-list-inner {
    padding: 0 6px;
    margin-top: 20px;
}
span.notiIcon {
    width: 31px;
    height: 31px;
    display: block;
    border: 2px solid #23C23B;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;margin-right: 10px;
}
.notification-list .simplebar-wrapper {
    background: #ECEEEF;
    margin: 0 -11px !important;
}
h5.notiTitle {
    border-bottom: 1px solid #CACACA;
    font-size: 16px;
    color: #6D6E6F;
    padding: 10px 0 8px;
    margin: 0 0 10px;
}
.simplebar-wrapper {
    background: #ECEEEF;
    margin: 0 -11px !important;
}
.noti-list-info {
    background: #fff;
    box-shadow: 0 0 4px 0 #00000040;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}
ul.noti-list-inner li {
    display: flex;
    margin: 0 0 20px;
    align-items: center;
    width: 100%;
}
.noti-list-info p, .noti-list-info h6 {
    margin: 0;
}
.noti-list-info p {
    color: #6D6E6F;
    font-size: 12px;
}
.noti-list-info h6 {
    color: #000000;
    font-size: 14px;
}ul.noti-list-inner {
    padding: 0 6px;
}span.notiIcon {
    width: 31px;
    height: 31px;
    display: block;
    border: 2px solid #23C23B;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    margin-right: 10px;
    flex-shrink: 0;
}
span.notiIcon.orange-br {
    border-color: #E48625;
}
span.notiIcon.green-br {
    border-color: #23C23B;
}
.navbar-custom .topbar .nav-link {
    height: 40px;
    width: 40px;
    padding: 0;
    margin: 0 4px; font-size: 20px;
    justify-content: center;    border-radius: 50%;

}
.dropdown.nav-link-item a:hover {
    color: #0094FF !important;
}.menuinfo i {
    margin-right: 5px;
}
.navbar-custom .topbar li .nav-link.show {
   background: #2892fd;
    color: #fff;
}
.navbar-custom .topbar li .nav-link.show img {
    filter: invert(1);
}
#taskModalDesinput {
      width: 100%;
      min-height: 50px;
      overflow-y: hidden;
      resize: none; outline: none;
      padding: 10px;
      box-sizing: border-box;
    }
    .note-description h3 {
    margin: 10px 0 0;
    font-size: 18px;
}.notesListOuter {
    max-height: 500px;
    overflow: auto;
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
.parent_user_id1.dropdown.bootstrap-select button ,.parent_user_id.dropdown.bootstrap-select button {
    border: 1px solid #ccc;
    background: transparent; color: #999 !important;
    outline: none !important;
}
.parent_user_id1.dropdown.bootstrap-select,.parent_user_id.dropdown.bootstrap-select {
    width: 100% !important;
}
.backLink a {  font-size: 14px;    font-weight: 500;}    
        header{height: 69px; border-bottom:1px solid #D9D9D9;     padding: 5px 0;     background: #fff;} 

.columnBox:nth-child(1) .columnBoxHeader { background: #1DD3B0;}
.columnBox:nth-child(2) .columnBoxHeader { background: #C77DFF;}
.columnBox:nth-child(3) .columnBoxHeader { background: #00AAFF;}
.columnBox:nth-child(4) .columnBoxHeader { background: #FFAA00;}
.columnBox:nth-child(5) .columnBoxHeader { background: #70E000;}
.columnBox:nth-child(5n+1) .columnBoxHeader { background: #1DD3B0; }
.columnBox:nth-child(5n+2) .columnBoxHeader { background: #C77DFF; }
.columnBox:nth-child(5n+3) .columnBoxHeader { background: #00AAFF; }
.columnBox:nth-child(5n+4) .columnBoxHeader { background: #FFAA00; }
.columnBox:nth-child(5n+5) .columnBoxHeader { background: #70E000; }
.columnBox:nth-child(even) {
    background: #F1F4F5;
}
.login-form-img img {
    max-width: 80%;
}
.toggle-input {
    height: 25px;
}
.columnBoxHeader img {
    filter: sepia(1);
}span.delete-check-list {
    position: absolute;
    right: 10px;
    top: 9px;
}.check-list-item {
    position: relative;
}
.agendaDashboard .columnBox:nth-child(even) {
    background: transparent;
}
input#user_image_input {
    height: 35px;
}
.settingTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1450px) {
.levelBoxright ul li{width: 50px; font-size: 10px}
.levelBoxleft { width: 65px;}
.campusBox{    min-width: 50px;    width: 100%;}
.levelBox {width: 100%}
}

  .levelOuter .col-md-3 {
    width: auto;
}.pricing-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}.pricing-card h4 {
    font-weight: 700;
    font-size: 24px;
}.pricing-card h2 {
    color: #0094FF;
    font-size: 23px;
    font-weight: 700;
}
.pricing-card button.btn.btn-outline-primary.subscribe {
    border-color: #0094FF;
    color: #0094FF;
    margin: 15px 0 0;
}.pricing-card button.btn.btn-outline-primary.subscribe:hover {
    background: #0094FF;
    color: #fff;
}.subscriptionPage {
    padding: 0 25px; width: 100%;
}

.role-table th, .role-table td {
    white-space: nowrap;
}
.subscriptionPage h2.mainTitle {
    color: #fff;
}.subscriptionPage .col-md-3 {
    padding: 0 10px;
}.pricing-card.active {
    background: #0094FF;
    color: #fff;
}.pricing-card.active h4, .pricing-card.active h2, .pricing-card.active p {
    color: #fff !important;
}

.pricing-card.active button.btn.btn-outline-primary.subscribe {
    background: #fff;
}
.pricing-card.active button.btn.btn-outline-primary.subscribe:hover {
    color: #000;
}
.color-buttons button {
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 50%;
    padding: 0;
}
.selectOption .dropdown-menu{right: -40px !important}
@media (max-width: 1090px) {
    .nav-link-item:before, .dropdown.nav-link-item:before {
    height: 15.5px;
    background: rgba(138, 148, 153, 1);
    left: -13px;
}
    .navbar-custom .topbar .nav-link {
        padding: 0 0px !important;
        width: 25px;
    }
    .nav-link-item {font-size: 11px;     margin-left: 18px;}
}

@media (max-width: 990px) {
    .columnBox{width: 280px !important}
}