.top-header .navbar .searchbar .form-control {
    border-radius: 10px !important;
}

.top-header .navbar .user-setting {
    border-right: 0px solid #e2e3e4 !important;
}

.sidebar-wrapper .sidebar-header .logo-icon {
    width: 133px;
}

.icon-small {
    width: 50px !important;
}

@media screen and (min-width: 1025px) {
    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {
        display: none;
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .icon-small {
        width: 133px;
    }
}

.top-header .navbar .top-navbar-right .nav-link {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

.cardforcircle-primary {
    width: fit-content;
    height: fit-content;
    box-shadow: 1px 1px 5px 5px rgb(79 63 230 / 8%);
}

.cardforcircle-danger {
    width: fit-content;
    height: fit-content;
    box-shadow: 1px 1px 5px 5px rgb(277 0 166 / 8%);
}

.px-12px {
    padding-right: 12px;
    padding-left: 12px;
}

.px-15px {
    padding-right: 15px;
    padding-left: 15px;
}

.px-14px {
    padding-right: 14px;
    padding-left: 14px;
}

.bg-primary2 {
    background-color: #4f3fe6 !important;
}

.bg-danger2 {
    background-color: #e30074;
}

.bg-warning2 {
    background-color: #ff6618;
}

.bg-warning3 {
    background-color: #fff7f4;
}

.bg-danger3 {
    background-color: rgb(255, 229, 242);
}

.bg-primary3 {
    background-color: #DBD8FA;
}

.bg-success2 {
    background-color: #cbffc0;
}

.text-primary2 {
    color: #4f3fe6;
}

.text-danger2 {
    color: #e30074;
}

.text-warning2 {
    color: #ff6618;
}

.btn-primary2 {
    background-color: #4f3fe6;
    color: #fff;
    border-color: #4f3fe6;
}

.btn-primary2:hover {
    background-color: #4f3fe6;
    color: #fff;
    border-color: #4f3fe6;
}

.btn-primary2:focus {
    background-color: #4f3fe6;
    color: #fff;
    border-color: #4f3fe6;
}

.btn-primary2:active {
    background-color: #4f3fe6;
    color: #fff;
    border-color: #4f3fe6;
}

.btn-primary3 {
    background-color: #DBD8FA;
    color: #4f3fe6;
    border-color: #DBD8FA;
}

.btn-primary3:hover {
    background-color: #DBD8FA;
    color: #4f3fe6;
    border-color: #DBD8FA;
}

.btn-primary3:active {
    background-color: #DBD8FA;
    color: #4f3fe6;
    border-color: #DBD8FA;
}

.btn-primary3:focus {
    background-color: #DBD8FA;
    color: #4f3fe6;
    border-color: #DBD8FA;
}

.btn-danger2 {
    background-color: #f4cce0;
    color: #e30074;
    border-color: #f4cce0;
}

.btn-danger2:hover {
    background-color: #f4cce0;
    color: #e30074;
    border-color: #f4cce0;
}

.btn-danger2:focus {
    background-color: #f4cce0;
    color: #e30074;
    border-color: #f4cce0;
}

.btn-danger2:active {
    background-color: #f4cce0;
    color: #e30074;
    border-color: #f4cce0;
}

.btn-warning2 {
    background-color: #efcbb9;
    color: #ff6618;
    border-color: #efcbb9;
}

.btn-warning2:focus {
    background-color: #efcbb9;
    color: #ff6618;
    border-color: #efcbb9;
}

.btn-warning2:active {
    background-color: #efcbb9;
    color: #ff6618;
    border-color: #efcbb9;
}

.btn-warning2:hover {
    background-color: #efcbb9;
    color: #ff6618;
    border-color: #efcbb9;
}

.btn-success2 {
    background-color: #cbffc0;
    color: #93c98a;
    border-color: #cbffc0;
}

.btn-success2:hover {
    background-color: #cbffc0;
    color: #93c98a;
    border-color: #cbffc0;
}

.btn-success2:focus {
    background-color: #cbffc0;
    color: #93c98a;
    border-color: #cbffc0;
}

.btn-success2:active {
    background-color: #cbffc0;
    color: #93c98a;
    border-color: #cbffc0;
}

.btn-info2 {
    background-color: #9affff;
    color: #93c98a;
    border-color: #9affff;
}

.btn-info2:focus {
    background-color: #9affff;
    color: #93c98a;
    border-color: #9affff;
}

.btn-info2:active {
    background-color: #9affff;
    color: #93c98a;
    border-color: #9affff;
}

.btn-info2:hover {
    background-color: #9affff;
    color: #93c98a;
    border-color: #9affff;
}

.btn-gradient1 {
    background: linear-gradient(45deg, rgba(255, 150, 0, 1) 0%, rgba(9, 57, 122, 1) 100%);
    color: #fff;
    border-color: transparent;
}

.flip_H {
    transform: scale(-1, 1);
}

.fc .fc-daygrid-event {
    height: 5px;
    width: 5px;
    border-radius: 10000px;
    z-index: 6;
    margin-top: 1px;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    color: transparent;
    padding: 1px;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    justify-content: center;
    display: flex;
    position: relative;
    min-height: 2em;
}

.fc .fc-button-primary {
    color: #0d6efd;
    background-color: #fff;
    border-color: #0d6efd;
}

.fc .fc-button-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.fc .fc-button-primary:focus {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.fc .fc-button-primary:checked {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

#debug-icon {
    display: none !important;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px #DFDFDF;
    -moz-box-shadow: 0 0 4px #DFDFDF;
    -webkit-box-shadow: 0 0 4px #DFDFDF;
}

.small-circle {
    height: 7px;
    width: 7px;
    border-radius: 50px
}

.sidebar-wrapper .metismenu .mm-active>.sub-menu,
.sidebar-wrapper .metismenu .sub-menu:active,
.sidebar-wrapper .metismenu .sub-menu:focus,
.sidebar-wrapper .metismenu .sub-menu:hover {
    color: #4f3fe6;
    text-decoration: none;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

.sidebar-wrapper .metismenu ul a i {
    margin-right: 10px;
    font-size: 25px;
}

.sidebar-wrapper .sidebar-header {
    background-color: #fff;
}

.sidebar-wrapper {
    background-color: #fff;
}

.top-header .navbar {
    background-color: #fff;
}

.top-header .navbar .user-setting {
    background-color: #fff;
}

.h-280 {
    height: 280px !important;
}

.minh-294 {
    min-height: 294px !important;
}

.apexcharts-legend.position-bottom .apexcharts-legend-series,
.apexcharts-legend.position-top .apexcharts-legend-series {
    border-radius: 6px;
    padding: 6px;
    border: solid 1px lightgray;
    display: flex;
    align-items: center;
}

.w-fitcontent {
    width: fit-content;
}

.col-2-5 {
    width: 20%;
}

.bg-overlayxx:hover {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    border: 0px;
    border-bottom: #4f3fe6 3px solid;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    border: 0px;
    border-bottom: #4f3fe6 3px solid;
}

.show {
    display: block !important;
}

.tab-pane .fade {
    display: none;
}

.chat-listx .list-group-item.active {
    background-color: rgb(13 110 253 / .12);
}

.chat-listx .list-group-item {
    border: 1px solid rgb(0 0 0 / 0%);
    background-color: transparent;
}

.chat-time {
    text-wrap: nowrap;
}

.chat-top-header-menu a {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: unset;
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    border-radius: unset;
    margin: 3px;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 15%);
}

.chat-content-rightside .chat-right-msg {
    width: fit-content;
    background-color: #4f3fe6;
    padding: 0.8rem;
    border-radius: 12px;
    float: right;
    max-width: 480px;
    text-align: left;
    border-bottom-right-radius: 0;
    color: #fff;
}

.fc .fc-toolbar-title {
    color: #ff6618;
    font-size: 1.3em;
    margin: 0;
}

.fc .fc-daygrid-day-top {
    display: block;
    text-align: center;
    flex-direction: row-reverse;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #ff6618;
    background-color: var(--fc-button-active-bg-color, #ff6618);
    border-color: #ff6618;
    border-color: var(--fc-button-active-border-color, #ff6618);
}

.w-25 {
    width: 25% !important;
}

.w-60 {
    width: 60%;
}

.w-40 {
    width: 40%;
}

.col-2-5 {

    width: 20%;

}

#overlay:hover {

    position: fixed;
    /* Sit on top of the page content */

    display: none;
    /* Hidden by default */

    width: 100%;
    /* Full width (cover the whole page) */

    height: 100%;
    /* Full height (cover the whole page) */

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */

    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */

    cursor: pointer;
    /* Add a pointer on hover */

}

.top-header .navbar .mobile-toggle-icon {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}