body {
    font-family: var(--font-family-serif);
    height: 100%;
    font-size: var(--fontsize13);
    background: var(--background-white);
    color: var(--ink);
}
.no_result_table {
    background-color: var(--background-white);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}
.darkmodeview .lead-management-modern .lm-lr.active .lm-lrm {
    color: #ededed;
}

.table_header_icon {
    border-radius: var(--borderradius6);
    width: var(--size30);
    height: var(--size30);
}

    .table_header_icon svg, .table_header_icon img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
    }

.darkmodeview .edsybtn_button_blue {
}

.darkmodeview .edsybtn_button_white {
    color: #fff;
    background: #292e32;
    border: 1px solid #32383e;
}

    .darkmodeview .edsybtn_button_white:hover {
        color: #fff;
        background: #292e32;
        border: 1px solid #32383e;
        box-shadow: none;
    }

h1 {
    font-size: var(--fontsize16);
    margin: 0px;
    font-weight: var(--font-weight-regular);
    line-height: normal;
}

h2 {
    font-size: var(--fontsize14);
    margin: 0px;
    font-weight: var(--font-weight-regular);
    line-height: normal;
}

h3 {
    font-size: var(--fontsize13);
    margin: 0px;
    font-weight: var(--font-weight-regular);
    line-height: normal;
}

h4 {
    font-size: var(--fontsize13);
    margin: 0px;
    font-weight: var(--font-weight-regular);
    line-height: normal;
}

h5 {
    font-size: var(--fontsize12);
    margin: 0px;
    font-weight: var(--font-weight-regular);
    line-height: normal;
}

.pageinner_title {
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    font-size: var(--fontsize13);
}

.edsydropdown .dropdown-menu li.active a .countbox {
    background: var(--button-hovercolor);
    color: var(--textwhite-color);
}

.pageinner_title svg, .pageinner_title img {
    height: var(--svgiconheightwidth20);
    width: var(--svgiconheightwidth20);
    display: flex;
}

    .pageinner_title svg path {
        stroke: var(--subinfocolor);
    }

.form-control:disabled::-webkit-input-placeholder {
    color: var(--othercolor);
}

.form-control:disabled::-moz-placeholder {
    color: var(--othercolor);
}

.form-control:disabled:-ms-input-placeholder {
    color: var(--othercolor);
}

.form-control:disabled:-moz-placeholder {
    color: var(--othercolor);
}

.form-control::-webkit-input-placeholder {
    color: var(--searchplaceholdercolor);
}

.form-control::-moz-placeholder {
    color: var(--searchplaceholdercolor);
}

.form-control:-ms-input-placeholder {
    color: var(--searchplaceholdercolor);
}

.form-control:-moz-placeholder {
    color: var(--searchplaceholdercolor);
}

::-webkit-scrollbar {
    width: 6px;
}

    ::-webkit-scrollbar:horizontal {
        width: 6px;
        height: 6px;
    }

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--button-bordercolor);
    border-radius: 9999px;
}

textarea {
    resize: unset;
}

a {
    text-decoration: none;
    color: var(--button-hovercolor);
}

.font\/20 {
    font-size: var(--fontsize20);
}

.font\/18 {
    font-size: var(--fontsize18);
}

.font\/16 {
    font-size: var(--fontsize16);
}

.font\/14 {
    font-size: var(--fontsize13);
}

.font\/13 {
    font-size: var(--fontsize13);
}

.font\/12 {
    font-size: var(--fontsize12);
}

.weight\/400 {
    font-weight: var(--font-weight-regular);
}

.weight\/500 {
    font-weight: var(--font-weight-medium);
}

.weight\/600 {
    font-weight: var(--font-weight-semibold);
}

.padding\/16 {
    padding: 0 var(--padding16);
}

.padding\/12 {
    padding: 0 var(--padding12);
}

.borderradius\/12 {
    border-radius: var(--borderradius12);
}

.borderradius\/16 {
    border-radius: var(--borderradius16);
}

.borderradius\/10 {
    border-radius: var(--borderradius6);
}

.borderradius\/8 {
    border-radius: var(--borderradius6);
}

.borderradius\/5 {
    border-radius: var(--borderradius5);
}

.borderradius\/30 {
    border-radius: 30px;
}
/*margin gap css start*/
.ml-8 {
    margin-left: var(--margin8);
}

.mb-8 {
    margin-bottom: var(--margin8);
}

.mb-12 {
    margin-bottom: var(--margin12);
}

.mb-16 {
    margin-bottom: var(--margin16);
}

.mb-20 {
    margin-bottom: var(--margin20);
}

.mb-24 {
    margin-bottom: var(--margin24);
}

.mt-8 {
    margin-top: var(--margin8);
}

.mt-12 {
    margin-top: var(--margin12);
}

.mt-16 {
    margin-top: var(--margin16);
}

.mt-20 {
    margin-top: var(--margin20);
}

.mt-24 {
    margin-top: var(--margin24);
}

.mb-30 {
    margin-bottom: 30px;
}
/*margin gap css end*/

/*grid view*/
.edsy_grid1 {
    grid-template-columns: 1fr;
}

.edsy_grid2 {
    grid-template-columns: 1fr 1fr;
}

.edsy_grid3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.edsy_grid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.edsy_grid5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.edsy_grid6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.edsy_gridview {
    display: grid;
    grid-gap: var(--gap12);
    align-items: center;
}
/*grid view*/

/*flex view*/
.edsy_flexview {
    display: flex;
    grid-gap: var(--gap12);
}

.edsy_justify_content {
    justify-content: space-between;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex_align_end {
    align-items: flex-end;
}
/*flex view*/

/*theme bg color*/
.background_gray {
    background-color: var(--background-gray_body);
}

.background_white {
    background-color: var(--background-white);
}
/*theme bg color*/

/*wrapper css start*/
.wrapperview {
    margin-left: 250px;
    position: relative;
    transition: 0.5s;
}

.wrapper_gaping_top {
    padding: 10px 16px;
    position: sticky;
    top: 0;
    width: calc(100% - 250px);
    left: 250px;
    z-index: 9999;
    transition: 0.5s;
    background: var(--topleftcolor);
    border-bottom: 1px solid var(--button-bordercolor);
}

.Menutext {
    font-size: var(--fontsize14);
    font-weight: 500;
    color: var(--ink);
}

.wrapper_gaping_bottom {
    padding: 16px 16px 0;
}

.wrapper_gaping {
    padding: 16px;
}
/*wrapper css end*/

/*header start*/
.edsy_header_left {
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

.logo_pws svg, .logo_pws img {
    width: auto;
    height: 30px;
    display: flex;
}

.logotext {
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    line-height: 17.6px;
}

.edsy_header_left h1 {
    margin: 0;
    font-size: 16px;
    color: var(--ink);
    font-weight: var(--font-weight-semibold);
}

.edsy_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edsy_header_right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--gap8);
}

.clear_search {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: var(--fontsize13);
    color: var(--brandprimary-color);
    font-weight: var(--font-weight-regular);
    padding: 0 12px 0 0;
    cursor: pointer;
    line-height: var(--minheight30);
}

.edsy_header_search .form-control {
    border: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    padding: 0px 52px 0 32px;
    border-radius: var(--borderradius6);
    height: var(--size30);
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    width: 306px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.edsy_header_search .form-control:focus {
    box-shadow: none;
    outline: 0;
    background: var(--background-white);
}

.search_icon svg, .search_icon img {
    width: var(--svgiconheightwidth14);
    height: var(--svgiconheightwidth14);
    display: flex;
}

    .search_icon svg path {
        stroke: var(--subinfocolor);
    }

.search_icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translate(0, -50%);
    display: flex;
}

.edsy_header_search {
    position: relative;
}
/* -- Global search results popup -- */
.search-results {
    position: absolute;
    top: 48px;
    left: 0;
    width: 340px;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    border-radius: var(--borderradius6);
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    z-index: 9999;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

.gs-item {
    display: flex;
    align-items: center;
    padding: 5px 12px;
    cursor: pointer;
    text-decoration: none;
    color: var(--ink);
    gap: 6px;
    border-bottom: 1px solid var(--button-bordercolor);
}

    .gs-item:last-child {
        border-bottom: none;
    }

    .gs-item.gs-label {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--subinfocolor);
        padding: 8px 16px 4px;
        cursor: default;
        pointer-events: none;
        background: var(--background-white);
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .gs-item.gs-loading,
    .gs-item.gs-empty {
        padding: 12px 16px;
        color: var(--subinfocolor);
        font-size: 13px;
        cursor: default;
        pointer-events: none;
    }

    .gs-item.gs-result:hover,
    .gs-item.gs-result.active {
        background: var(--background-gray);
    }

.gs-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
}

.gs-icon-form {
    background: var(--card-greenseparator);
    color: var(--card-greendark);
}

    .gs-icon-form::before {
        content: 'F';
    }

.gs-icon-lead {
    background: var(--card-blueseparator);
    color: var(--card-bluedark);
}

    .gs-icon-lead::before {
        content: 'L';
    }

.gs-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.gs-hl {
    color: var(--brandprimary-color);
    font-weight: 600;
}

.edsy_header_left > .edsy_header_box_icon {
    border: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    border-radius: var(--borderradius6);
    height: var(--size30);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    cursor: pointer;
    width: var(--size30);
    justify-content: center;
    transition: 0.5s;
}

.edsy_header_right > .edsy_header_box_icon {
    border: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    border-radius: var(--borderradius6);
    height: var(--size30);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    cursor: pointer;
    width: var(--size30);
    justify-content: center;
    transition: 0.5s;
}

.edsy_header_right > .edsydropdown .edsy_header_box_icon {
    border: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    border-radius: var(--borderradius6);
    height: var(--size30);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    cursor: pointer;
    width: var(--size30);
    justify-content: center;
    transition: 0.5s;
}

.edsybtn_button_gray:hover {
    background: var(--stone);
    color: var(--ink);
}

span.labelwithicon i {
    color: var(--button-hovercolor);
    font-size: 14px;
}

.edsy_header_box_icon:hover svg path {
    stroke: var(--brandprimary-color);
}

.edsy_header_right > .edsydropdown .edsy_header_box_icon:hover, .edsy_header_box_icon:hover {
    background: var(--stone);
    color: var(--ink);
}

.edsy_header_box_icon svg, .edsy_header_box_icon img {
    height: var(--svgiconheightwidth14);
    width: var(--svgiconheightwidth14);
    display: flex;
}

    .edsy_header_box_icon svg path {
        stroke: var(--subinfocolor);
        transition: 0.5s;
    }

.edsy_header_box_icon .darkmode {
    display: none;
}

.edsy_header_box_icon .lightmode.lightmodeshow {
    display: none;
}

.edsy_header_box_icon .darkmode.darkmodeshow {
    display: block;
}

.leftrightview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
}

.edsybreadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
}

.edsybreadcrumb_main {
    display: flex;
    grid-gap: 8px;
}

.edsybreadcrumb_backicon svg {
    width: var(--svgiconheightwidth14);
    height: var(--svgiconheightwidth14);
    display: flex;
    position: relative;
    top: 5px;
}

    .edsybreadcrumb_backicon svg path {
        stroke: var(--ink);
    }

.edsybreadcrumb {
    padding-top: 4px;
}

    .edsybreadcrumb .breadcrumb li {
        font-size: var(--fontsize13);
        color: var(--ink);
    }

.leftrightview_title {
    position: relative;
}

    .leftrightview_title h1 {
        font-weight: var(--font-weight-semibold);
        font-size: var(--fontsize14);
        color: var(--h1color);
        line-height: 28px;
        margin-bottom: 0px;
    }

.leftrightview_right.widthincrease {
    width: 250px;
}
/*header end*/

/*slidbar menu start*/
ul.sidebar-submenu ul.secondelevel {
    background: var(--dropdownbgcolor);
    min-width: 180px;
    filter: drop-shadow(1px 1px 11.7px var(--shadowbg));
    border-radius: 6px;
    padding: 12px;
}

ul.secondelevel:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: -9px;
    box-sizing: border-box;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid var(--dropdownbgcolor);
    transform: translate(0, -50%);
}

.secondelevel[show-popper] {
    display: block;
    z-index: 9999;
}

.secondelevel[data-popper-reference-hidden] {
    opacity: 0;
}

.sidebar-menu > ul > li.sidebar-dropdown:last-child ul {
    margin-bottom: 0;
}

.sidebar-menu.newbusiness_scroll {
}

.sidebar-menu {
}

.edsydropdown.websitesearchview {
    display: none;
}

.sidemenuclose {
    display: none;
}

.edsy_header_box_icon.menuicon {
    display: none;
}

.edsynavbar {
    position: fixed;
    height: 100vh;
    top: 0;
    width: 250px;
    z-index: 9;
    left: 0px;
    transition: 0.5s;
    display: flex;
}

.edsynavbar_modules {
    height: 100vh;
    background: var(--background-white);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-top: var(--padding40);
    padding-bottom: var(--padding20);
}

li.modules_heading.selected a {
    font-weight: var(--font-weight-medium);
}

.modules_heading a {
    font-size: var(--fontsize16);
    color: var(--ink);
}

.modules_heading.active a {
    font-weight: var(--font-weight-semibold);
}

.modules_heading {
    font-size: var(--fontsize16);
    color: var(--ink);
    font-weight: var(--font-weight-regular);
    margin-bottom: var(--margin24);
    line-height: 22.4px;
}

.edsynavbar_top > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    /*    height: calc(100vh - 286px);
    overflow: auto;
    overflow-x: hidden;*/
}

    .edsynavbar_top > ul > li {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        height: 75px;
        align-items: center;
    }

        .edsynavbar_top > ul > li > a svg, .edsynavbar_top > ul > li > a img {
            height: var(--svgiconheightwidth24);
            width: var(--svgiconheightwidth24);
            display: flex;
        }

        .edsynavbar_top > ul > li.active a:before {
            background: var(--brandprimary-color);
            transform: scaleY(1);
        }

        .edsynavbar_top > ul > li > a:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            background: transparent;
            width: 3px;
            height: 100%;
            border-radius: 0 var(--borderradius6) var(--borderradius6) 0;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: transform 0.5s;
        }

        .edsynavbar_top > ul > li > a:hover:before {
            transform: scaleY(1);
            transform-origin: top;
            background: var(--brandprimary-color);
        }

        .edsynavbar_top > ul > li > a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 61px;
            transition: 0.5s;
        }

.createview_bottom button {
    width: 100%;
}

.createview_bottom {
}

.modules_top {
}

.edsylogo_icon {
    text-align: center;
    padding-bottom: 101px;
}

    .edsylogo_icon svg, .edsylogo_icon img {
        width: 30px;
        height: 26px;
    }

.selectdropdown_icon {
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

.infoiconview svg, .infoiconview img {
    height: var(--svgiconheightwidth24);
    width: var(--svgiconheightwidth24);
}

    .infoiconview svg path {
        stroke: var(--ink);
    }

.dropdown-toggle.imagedropdown img {
    width: var(--size30);
    height: var(--size30);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
    object-fit: cover;
    object-position: top center;
    cursor: pointer;
}

.dropdownbutton_small .dropdown-toggle.imagedropdown {
    height: auto;
    padding: 0;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userprofilebottomview {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 20px;
}

.infoiconview {
    text-align: center;
    cursor: pointer;
}



.module_title {
    font-size: var(--fontsize18);
    color: #6831ff;
    font-family: "Sulphur Point", serif;
    font-weight: 700;
    text-align: right;
}

.module_view_open button {
    width: 100%;
    justify-content: space-between;
}

.module_view_open {
    padding: 24px 0;
}

.menurightview {
    display: none;
}

.menurightview_show {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100dvh;
}

.menu_top_with_logo {
    border-bottom: 1px solid var(--button-bordercolor);
    padding: 0 16px;
    height: 51px;
    display: flex;
    align-items: center;
}

.logo_slide_menu {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .logo_slide_menu img, .logo_slide_menu svg {
        width: 36px;
        height: 36px;
    }

.sb-name {
    font-size: var(--fontsize14);
    font-weight: 500;
    color: var(--ink);
    line-height: normal;
}

.sb-school {
    font-size: 10px;
    color: var(--ink3);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
    line-height: normal;
}

.menurightview.menurightviewactive {
    display: block;
}

.edsynavbar_modules_inner {
    width: 100%;
    height: 100vh;
    background: var(--topleftcolor);
    border-right: 1px solid var(--button-bordercolor);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.sidebar-menu .sidebar-submenu {
    display: none;
}

ul.sidebar-submenu > li > a span {
    line-height: normal;
}

ul.sidebar-submenu > li > a .ml-auto {
    margin-left: auto;
}

ul.sidebar-submenu > li > a .cricle_right_side {
    background: var(--danger-status);
    color: #fff;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-menu > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .sidebar-menu > ul > li.recently_opened span {
        text-transform: uppercase;
        display: inline-block;
        font-size: var(--fontsize12);
        color: var(--recentlyopened);
    }

    .sidebar-menu > ul > li.recently_opened {
        padding-bottom: 4px;
        margin-bottom: 8px;
        position: relative;
    }

        .sidebar-menu > ul > li.recently_opened:before {
            content: '';
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 20px;
            height: 1px;
            background: var(--recentlyopenedborder);
        }

    .sidebar-menu > ul > li.sidebar-dropdown {
        position: relative;
    }

        .sidebar-menu > ul > li.sidebar-dropdown:nth-child(1):before {
            display: none;
        }

        .sidebar-menu > ul > li.sidebar-dropdown:before {
            content: '';
            border-bottom: 1px solid var(--button-bordercolor);
            width: calc(100% - 8px);
            display: flex;
            margin: 4px auto;
        }

        .sidebar-menu > ul > li.sidebar-dropdown:last-child {
            margin-bottom: 0;
            padding-bottom: 0px;
        }

        .sidebar-menu > ul > li.sidebar-dropdown > a:hover {
            color: var(--ink4);
        }

        .sidebar-menu > ul > li.sidebar-dropdown > a span {
            line-height: normal;
        }

        .sidebar-menu > ul > li.sidebar-dropdown > a {
            font-size: var(--fontsize12);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 8px 4px;
            text-transform: uppercase;
            letter-spacing: .07em;
            color: var(--ink4);
        }

.menuiconwith {
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
}

    .menuiconwith .menutitle_icon svg, .menuiconwith .menutitle_icon img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
    }

        .menuiconwith .menutitle_icon svg path {
            stroke: var(--ink);
        }

.sidebar-menu > ul > li.sidebar-dropdown.boldactive > a {
}

.sidebar-menu > ul > li.sidebar-dropdown > a > .mdi-chevron-down > svg, .sidebar-menu > ul > li.sidebar-dropdown > a > .mdi-chevron-down > img {
    height: var(--svgiconheightwidth16);
    width: var(--svgiconheightwidth16);
    display: flex;
    transition: 0.5s;
}

    .sidebar-menu > ul > li.sidebar-dropdown > a > .mdi-chevron-down > svg path {
        transition: 0.5s;
        stroke: var(--ink);
    }

.sidebar-menu > ul > li.sidebar-dropdown > a > .mdi-chevron-down.mdi-flip-v > svg, .sidebar-menu > ul > li.sidebar-dropdown > a > .mdi-chevron-down.mdi-flip-v > img {
    rotate: 180deg;
}

.mdi-chevron-arrow-right {
    width: var(--svgiconheightwidth16);
    height: var(--svgiconheightwidth16);
    transition: 0.5s;
    background-color: var(--ink);
    -webkit-mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-right.svg);
    mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-right.svg);
}

ul.sidebar-submenu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    ul.sidebar-submenu > li {
        position: relative;
        transition: 0.5s;
    }

        ul.sidebar-submenu > li > a i {
            font-size: 16px;
            flex-shrink: 0;
            width: 16px;
        }

        ul.sidebar-submenu > li > a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 0px 8px;
            border-radius: var(--borderradius6);
            cursor: pointer;
            color: var(--ink2);
            transition: all .12s;
            margin-bottom: 1px;
            border: none;
            background: transparent;
            width: 100%;
            text-align: left;
            font-size: var(--fontsize13);
            height: var(--size30);
        }

            ul.sidebar-submenu > li > a > .mdi-chevron-down.mdi-flip-v svg {
                rotate: 180deg;
            }

            ul.sidebar-submenu > li > a > .mdi-chevron-down svg {
                height: var(--svgiconheightwidth16);
                width: var(--svgiconheightwidth16);
                display: flex;
                transition: 0.5s;
            }

                ul.sidebar-submenu > li > a > .mdi-chevron-down svg path {
                    transition: 0.5s;
                    stroke: var(--ink);
                }

.edsynavbar.solidiocngreenbg ul.sidebar-submenu > li:hover a:before {
    transform: scaleY(1);
    transform-origin: top;
    background: var(--menuhovercolor);
}

ul.sidebar-submenu > li:last-child {
    margin-bottom: 0px;
}

ul.sidebar-submenu > li > a:hover, ul.sidebar-submenu > li.active > a {
    color: var(--brandprimary-color);
}

.edsynavbar .edsynavbar_top > ul > li.active .outline_icon svg.fill path {
    stroke: transparent;
    fill: var(--button-hovercolor);
}

.edsynavbar .edsynavbar_top > ul > li.active .outline_icon svg.stroke path {
    stroke: var(--button-hovercolor);
    fill: transparent;
}

.edsynavbar .edsynavbar_top > ul > li .outline_icon svg.fill path {
    stroke: transparent;
    fill: var(--ink);
}

.edsynavbar .edsynavbar_top > ul > li .outline_icon svg.stroke path {
    stroke: var(--ink);
    fill: transparent;
}

.edsynavbar .edsynavbar_top > ul > li > a:hover .outline_icon svg.stroke path {
    stroke: var(--button-hovercolor);
    fill: transparent;
}

.edsynavbar .edsynavbar_top > ul > li > a:hover .outline_icon svg.fill path {
    fill: var(--button-hovercolor);
    stroke: transparent;
}

.solidiocngreenbg .edsynavbar_top > ul > li.active a:before {
    display: none;
}

.solidiocngreenbg .edsynavbar_top > ul > li.active > a {
    background: var(--menulightcolor);
}
/*.solidiocngreenbg .edsynavbar_top>ul>li>a:hover{
	background:var(--menulightcolor);
}
.solidiocngreenbg .edsynavbar_top>ul>li>a:hover .solid_icon{
	display:block;
}
.solidiocngreenbg .edsynavbar_top>ul>li>a:hover .outline_icon{
	display:none;
}
.solidiocngreenbg .edsynavbar_top>ul>li>a:hover .solid_icon svg.fill path{
	stroke: transparent;
    fill: var(--menuhovercolor);
}
.solidiocngreenbg .edsynavbar_top>ul>li>a:hover .solid_icon svg.stroke.fill path {
    stroke: var(--menuhovercolor);
    fill: var(--menuhovercolor);
}*/
.solidiocngreenbg .edsynavbar_top > ul > li > a:hover .outline_icon svg.stroke path {
    stroke: var(--ink);
}

.solidiocngreenbg .edsynavbar_top > ul > li > a {
    border-radius: var(--borderradius16) 0 0 var(--borderradius16);
}

    .solidiocngreenbg .edsynavbar_top > ul > li > a:before {
        display: none;
    }

.solidiocngreenbg ul.sidebar-submenu > li.active > a {
    background: var(--forest-l);
    color: var(--button-hovercolor);
    font-weight: 500;
}

    .solidiocngreenbg ul.sidebar-submenu > li.active > a:hover {
        background: var(--forest-l);
        color: var(--button-hovercolor);
    }

.solidiocngreenbg ul.sidebar-submenu > li > a:hover {
    background: var(--stone);
    color: var(--ink);
}

.solidiocngreenbg ul.sidebar-submenu > li.selected > a {
    color: var(--menuhovercolor);
    font-weight: var(--font-weight-medium);
}


.mdi-chevron-down.mdi-flip-v {
    transform: rotate(180deg);
}

.sidebar-menu > ul > li.sidebar-dropdown.active > a > .mdi-chevron-down {
    transform: rotate(180deg);
}

.mdi-chevron-arrow-right.mdi-chevron-arrow-down {
    transform: rotate(90deg);
}

.mdi-chevron-down {
    width: var(--svgiconheightwidth16);
    height: var(--svgiconheightwidth16);
    transition: 0.5s;
    background-color: var(--ink);
    -webkit-mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-down.svg);
    mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-down.svg);
}

.solidiocngreenbg .btn_bluecolor {
    background: var(--background-white);
    border: 2px dashed var(--menuhovercolor);
    color: var(--menuhovercolor);
    transition: 0.5s;
}

    .solidiocngreenbg .btn_bluecolor:hover {
        background: var(--menuhovercolor);
        color: var(--background-white);
    }

        .solidiocngreenbg .btn_bluecolor:hover svg path {
            stroke: var(--background-white);
        }

.solidiocngreenbg .edsynavbar_top > ul > li.active > a .solid_icon svg.stroke.fill path {
    stroke: var(--menuhovercolor);
    fill: var(--menuhovercolor);
}

.solidiocngreenbg .edsynavbar_top > ul > li.active > a .solid_icon svg.fill path {
    stroke: transparent;
    fill: var(--menuhovercolor);
}

.solidiocngreenbg .edsynavbar_top > ul > li.active > a .solid_icon svg.stroke path {
    stroke: var(--menuhovercolor);
    fill: transparent;
}

.solidiocngreenbg .edsynavbar_top > ul > li.active > a .solid_icon {
    display: block;
}

.solidiocngreenbg .edsynavbar_top > ul > li.active > a .outline_icon {
    display: none;
}

.edsynavbar span.solid_icon {
    display: none;
}

.edsynavbar .btn_bluecolor svg path {
    stroke: var(--background-white);
}

.solidiocngreenbg .btn_bluecolor svg path {
    stroke: var(--menuhovercolor);
    transition: 0.5s;
}

.selectwithicon {
    position: relative;
}

.eyeicon_sidemenu {
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 9;
}

    .eyeicon_sidemenu svg, .eyeicon_sidemenu img {
        width: var(--svgiconheightwidth16);
        height: var(--svgiconheightwidth16);
        position: absolute;
        display: flex;
        top: 4px;
        left: 0;
    }

        .edsynavbar.solidiocngreenbg .eyeicon_sidemenu svg.line_eye, .eyeicon_sidemenu img.line_eye {
            opacity: 0;
        }

        .edsynavbar.solidiocngreenbg .eyeicon_sidemenu svg.solid_eye, .eyeicon_sidemenu img.solid_eye {
            opacity: 1;
        }

        .edsynavbar .eyeicon_sidemenu svg.line_eye, .eyeicon_sidemenu img.line_eye {
            opacity: 1;
        }

        .edsynavbar .eyeicon_sidemenu svg.solid_eye, .eyeicon_sidemenu img.solid_eye {
            opacity: 0;
        }

.solidiocngreenbg .eyeicon_sidemenu svg.solid_eye path {
    fill: var(--menuhovercolor);
}

ul.sidebar-submenu ul {
    padding: 0;
    margin: 0 0 0 8px;
    list-style: none;
    display: none;
}

    ul.sidebar-submenu ul li {
        position: relative;
        margin-bottom: 12px;
    }

        ul.sidebar-submenu ul li a {
            font-size: var(--fontsize13);
            color: var(--othercolor);
            transition: 0.5s;
            display: flex;
            align-items: center;
            line-height: 19.6px;
        }

            ul.sidebar-submenu ul li a::before {
                display: none;
            }

        ul.sidebar-submenu ul li:last-child {
            margin-bottom: 0px;
        }

.edsynavbar.solidiocngreenbg ul.sidebar-submenu ul li a:hover {
    color: var(--menuhovercolor);
}

.edsynavbar.solidiocngreenbg ul.sidebar-submenu ul li.active a {
    color: var(--menuhovercolor);
    font-weight: var(--font-weight-medium);
}

.edsynavbar ul.sidebar-submenu ul li a:hover {
    color: var(--brandprimary-color);
}

.edsynavbar ul.sidebar-submenu ul li.active a {
    color: var(--brandprimary-color);
}

.mainheadingview ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

    .mainheadingview ul li.recently_opened {
        padding-bottom: 4px;
        margin-bottom: 8px;
        position: relative;
    }

        .mainheadingview ul li.recently_opened span {
            text-transform: uppercase;
            display: inline-block;
            font-size: var(--fontsize12);
            color: var(--recentlyopened);
            line-height: 16.8px;
            font-weight: var(--font-weight-regular);
        }

        .mainheadingview ul li.recently_opened:before {
            content: '';
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 20px;
            height: 1px;
            background: var(--recentlyopenedborder);
        }
/*slidbar menu end*/

/* Dashboard box Start */
.dashboard_main {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: var(--gap16);
}

.dashboardbox.dashboardbox_color {
    background-color: var(--card-orangelight);
    border: 1px solid var(--card-orangeseparator);
}

.box_bg1 .dashboardbox_color .boxrightsideicon svg path, .box_bg2 .dashboardbox_color .boxrightsideicon svg path, .box_bg3 .dashboardbox_color .boxrightsideicon svg path {
    fill: var(--background-white);
}

.box_bg4 .dashboardbox_color .boxrightsideicon svg path {
    stroke: var(--background-white);
}

.boxrightsideicon svg path {
    stroke-opacity: 1;
    fill-opacity: 1;
}

.dashboardbox_shadow.dashboardbox_shadow_hide:after {
    display: none;
}

.dashboardbox.edsydropdown {
    padding: 0;
}

.dashboardbox_inner {
    padding: 16px;
}

.dashboardbox {
    background-color: var(--background-white);
    border-radius: var(--borderradius10);
    border: 1px solid var(--button-bordercolor);
    padding: 16px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.dashboardbox_shadow {
    position: relative;
}

.box_bg1 .boxrightsideicon svg, .box_bg1 .boxrightsideicon img {
    width: 132px;
    height: 79px;
    display: flex;
}

    .box_bg1 .boxrightsideicon svg path {
        fill: var(--shapiconcolor1);
    }

.box_bg2 .boxrightsideicon svg, .box_bg2 .boxrightsideicon img {
    width: 137px;
    height: 79px;
    display: flex;
}

    .box_bg2 .boxrightsideicon svg path {
        fill: var(--shapiconcolor2);
    }

.box_bg3 .boxrightsideicon svg, .box_bg3 .boxrightsideicon img {
    width: 90px;
    height: 80px;
    display: flex;
}

    .box_bg3 .boxrightsideicon svg path {
        fill: var(--shapiconcolor1);
    }

.box_bg4 .boxrightsideicon svg, .box_bg4 .boxrightsideicon img {
    width: 71px;
    height: 80px;
    display: flex;
}

    .box_bg4 .boxrightsideicon svg path {
        stroke: var(--shapiconcolor2);
    }

.dashboardbox_shadow:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    width: 85%;
    height: 20px;
    bottom: -5px;
    transition: 0.5s;
    display: none;
}

.box_bg1:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    width: 85%;
    height: 20px;
    background: var(--dashboardhovershadow1);
    bottom: -5px;
    -webkit-filter: blur(14px);
}

.box_bg2:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    width: 85%;
    height: 20px;
    background: var(--dashboardhovershadow2);
    bottom: -5px;
    -webkit-filter: blur(14px);
}

.box_bg3:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    width: 85%;
    height: 20px;
    background: var(--dashboardhovershadow1);
    bottom: -5px;
    -webkit-filter: blur(14px);
}

.box_bg4:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    width: 85%;
    height: 20px;
    background: var(--dashboardhovershadow2);
    bottom: -5px;
    -webkit-filter: blur(14px);
}

.boxtext {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: var(--gap6);
}

.boxtop_details {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.boxbottom_details {
    position: relative;
    z-index: 1;
}

.boxicon {
    cursor: pointer;
    position: relative;
    z-index: 9;
}

    .boxicon svg, .boxicon img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .boxicon svg path {
            stroke: var(--ink);
        }

.boxtext .boxtext_heading {
    font-size: var(--fontsize12);
    margin: 0;
    font-weight: var(--font-weight-regular);
    color: var(--othercolor);
    position: relative;
    z-index: 9;
}

.boxtext .boxtext_content {
    font-size: var(--fontsize14);
    margin: 0;
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
    line-height: normal;
    position: relative;
    z-index: 9;
}

    .boxtext .boxtext_content span {
        color: var(--ink);
        font-weight: var(--font-weight-regular);
        font-size: var(--fontsize16);
    }

.boxrightsideicon svg, .boxrightsideicon img {
    border-radius: 0 0 var(--borderradius16) 0;
}

.boxrightsideicon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 0;
}

.upnextview {
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

    .upnextview p {
        margin-bottom: 0px;
        font-size: var(--fontsize12);
        color: var(--othercolor);
    }

        .upnextview p span {
            color: var(--subinfocolor);
        }

.outline_btn_more {
    background: var(--background-white);
    border: 1px solid var(--subinfocolor);
    border-radius: var(--borderradius40);
    font-size: var(--fontsize12);
    padding: 0 8px;
    height: 25px;
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    cursor: pointer;
    color: var(--subinfocolor);
}

    .outline_btn_more span {
        font-weight: var(--font-weight-medium);
    }

.due_checking ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .due_checking ul:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 5px;
        background: var(--button-disabledbordercolor);
        border-radius: 20px;
    }

    .due_checking ul li {
        color: var(--subinfocolor);
        font-size: var(--fontsize12);
        font-weight: var(--font-weight-semibold);
        padding: 10px 0;
    }

        .due_checking ul li span {
            font-weight: var(--font-weight-regular);
        }

    .due_checking ul:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 55%;
        height: 5px;
        background: var(--progres-status);
        border-radius: 20px;
    }

.forums_created {
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
}

    .forums_created svg, .forums_created img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

    .forums_created p {
        margin: 0px;
        font-size: var(--fontsize12);
        font-weight: var(--font-weight-regular);
        color: var(--subinfocolor);
    }
/* Dashboard box End */

/* users list start */
ul.multiuserview {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
}

    ul.multiuserview li img {
        border-radius: 50%;
        object-fit: cover;
        object-position: top center;
        border: 1px solid var(--othercolor);
    }

    ul.multiuserview li:first-child {
        margin-left: 0;
    }

    ul.multiuserview li {
        margin-left: -16px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fontsize13);
        font-weight: var(--font-weight-regular);
    }

    ul.multiuserview.imgsize36 li {
        width: var(--size36);
        height: var(--size36);
    }

        ul.multiuserview.imgsize36 li img {
            width: var(--size36);
            height: var(--size36);
        }

    ul.multiuserview.imgsize40 li {
        width: var(--size30);
        height: var(--size30);
    }

        ul.multiuserview.imgsize40 li img {
            width: var(--size30);
            height: var(--size30);
        }

    ul.multiuserview.imgsize42 li {
        width: 42px;
        height: 42px;
    }

        ul.multiuserview.imgsize42 li img {
            width: 42px;
            height: 42px;
        }

    ul.multiuserview.imgsize30 li {
        width: 30px;
        height: 30px;
    }

        ul.multiuserview.imgsize30 li img {
            width: 30px;
            height: 30px;
        }

    ul.multiuserview li .dropdown-menu ul li img {
        border: 0px;
        width: var(--size36);
        height: var(--size36);
    }

    ul.multiuserview.bordercolor_gray li {
        border: 1px solid var(--othercolor);
        color: var(--othercolor);
    }

        ul.multiuserview.bordercolor_gray li img {
            border: 1px solid var(--othercolor);
        }

    ul.multiuserview.bordercolor_white li {
        border: 2px solid var(--borderwithimg);
        color: var(--ink);
    }

        ul.multiuserview.bordercolor_white li img {
            border: 2px solid var(--borderwithimg);
        }

    ul.multiuserview li.dropstart span:before {
        display: none;
    }

    ul.multiuserview li.dropstart {
        cursor: pointer;
    }

    ul.multiuserview li .dropdown-menu ul li:hover {
        border-radius: 0px;
        background-color: var(--brandsecondary-color);
    }

    ul.multiuserview li .dropdown-menu ul li {
        width: auto;
        height: auto;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0;
        border: 0px;
        grid-gap: var(--gap8);
        font-size: var(--fontsize13);
        color: var(--ink);
        font-weight: var(--font-weight-regular);
        padding: 4px 16px;
        transition: 0.5s;
        border-radius: 0px;
    }

    ul.multiuserview li .dropdown-menu h3 {
        padding: 10px 16px 8px 16px;
        font-size: var(--fontsize16);
        color: var(--ink);
        font-weight: var(--font-weight-medium);
        margin: 0;
    }

    ul.multiuserview li .dropdown-menu ul {
        padding: 0;
        margin: 0;
        max-height: 264px;
        overflow-y: auto;
    }

    ul.multiuserview li .dropdown-menu {
        border: 0px;
        filter: drop-shadow(1px 1px 11.7px var(--shadowbg));
        padding: 0 0 6px 0;
        border-radius: 6px;
        background: var(--dropdownbgcolor);
        min-width: max-content;
    }

        ul.multiuserview li .dropdown-menu[data-popper-placement="left-end"]:before {
            bottom: 16px;
            right: -9px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 10px solid var(--tooltipbg);
        }

        ul.multiuserview li .dropdown-menu[data-popper-placement="left-start"]:before {
            top: 16px;
            right: -9px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 10px solid var(--tooltipbg);
        }

        ul.multiuserview li .dropdown-menu[data-popper-placement="right-end"]:before {
            bottom: 16px;
            left: -9px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 10px solid var(--tooltipbg);
        }

        ul.multiuserview li .dropdown-menu[data-popper-placement="right-start"]:before {
            top: 16px;
            left: -9px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 10px solid var(--tooltipbg);
        }

        ul.multiuserview li .dropdown-menu:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            box-sizing: border-box;
        }

    ul.multiuserview.single_li_click.bordercolor_white li {
        border: 0px;
        color: unset;
    }

    ul.multiuserview.single_li_click.imgsize30 li {
        width: auto;
        height: auto;
    }

    ul.multiuserview.single_li_click.imgsize36 li {
        width: auto;
        height: auto;
    }

    ul.multiuserview.single_li_click.imgsize40 li {
        width: auto;
        height: auto;
    }

    ul.multiuserview.single_li_click.imgsize42 li {
        width: auto;
        height: auto;
    }

    ul.multiuserview.single_li_click li {
        border-radius: unset;
    }

        ul.multiuserview.single_li_click li span.dropdown-toggle {
            display: flex;
            align-items: center;
        }

            ul.multiuserview.single_li_click li span.dropdown-toggle span:nth-child(2) {
                margin-left: -16px;
            }

            ul.multiuserview.single_li_click li span.dropdown-toggle span:nth-child(3) {
                border: 2px solid var(--borderwithimg);
                background: var(--button-disabledbordercolor);
                color: var(--ink);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: -16px;
            }

    ul.multiuserview.single_li_click.imgsize42 li span.dropdown-toggle span:nth-child(3) {
        width: var(--size42);
        height: var(--size42);
    }

    ul.multiuserview.single_li_click.imgsize40 li span.dropdown-toggle span:nth-child(3) {
        width: var(--size30);
        height: var(--size30);
    }

    ul.multiuserview.single_li_click.imgsize36 li span.dropdown-toggle span:nth-child(3) {
        width: var(--size36);
        height: var(--size36);
    }

    ul.multiuserview.single_li_click.imgsize30 li span.dropdown-toggle span:nth-child(3) {
        width: var(--size30);
        height: var(--size30);
    }
/* users list end */

/*edsycards start*/
.edsycardsbox.is-hidden {
    display: none;
}

.edsycardsbox {
    padding: var(--padding16);
    border-radius: var(--borderradius16);
}

.edsycardstop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .edsycardstop:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -16px;
        width: 3px;
        height: var(--size36);
        border-radius: 0 var(--borderradius6) var(--borderradius6) 0;
        transform: translate(0, -50%);
    }

.edsycardsicon {
    position: relative;
}

.right_arrow_card {
    cursor: pointer;
}

.edsycardsicon svg path {
    stroke: var(--ink);
    transition: 0.5s;
}

.edsycardsicon svg.fill path {
    stroke: unset;
    fill: var(--ink);
}

.edsydropdown .dropdown-menu li a:hover svg.fill path {
    stroke: unset;
    fill: var(--button-hovercolor);
}

.edsycardsicon svg, .edsycardsicon img {
    height: var(--svgiconheightwidth16);
    width: var(--svgiconheightwidth16);
    display: flex;
}

.edsycardstextview {
    display: grid;
    align-items: center;
    grid-template-columns: 48px auto;
    grid-gap: var(--gap16);
}

.edsycardscricleicon {
    background-color: var(--background-white);
    width: var(--size48);
    height: var(--size48);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .edsycardscricleicon svg, .edsycardscricleicon img {
        height: var(--svgiconheightwidth24);
        width: var(--svgiconheightwidth24);
        display: flex;
    }

.edsycardstext h3 {
    margin: 0;
    font-size: var(--fontsize16);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
}

.edsycardstext h5 {
    margin: 0;
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    padding-bottom: 8px;
}

.separator {
    border-bottom: 1px solid;
    margin: 16px 0;
}
/*blue card*/
.edsycardsblue .separator {
    border-color: var(--card-blueseparator);
}

.edsycardsblue {
    background-color: var(--card-bluelight);
}

    .edsycardsblue .edsycardstext h5 {
        color: var(--card-bluedark);
    }

    .edsycardsblue .edsycardstop:before {
        background-color: var(--card-bluedark);
    }

    .edsycardsblue .edsycardscricleicon svg.fill path {
        stroke: transparent;
        fill: var(--card-bluedark);
    }

    .edsycardsblue .edsycardscricleicon svg.stroke path {
        fill: transparent;
        stroke: var(--card-bluedark);
    }

    .edsycardsblue .edsycardscricleicon svg.mix path {
        fill: var(--card-bluedark);
        stroke: var(--card-bluedark);
    }
/*blue card*/

/*magenta card*/
.edsycardsmagenta .separator {
    border-color: var(--card-purpleseparator);
}

.edsycardsmagenta {
    background-color: var(--card-purplelight);
}

    .edsycardsmagenta .edsycardstext h5 {
        color: var(--card-purpledark);
    }

    .edsycardsmagenta .edsycardstop:before {
        background-color: var(--card-purpledark);
    }

    .edsycardsmagenta .edsycardscricleicon svg.fill path {
        stroke: transparent;
        fill: var(--card-purpledark);
    }

    .edsycardsmagenta .edsycardscricleicon svg.stroke path {
        stroke: var(--card-purpledark);
        fill: transparent;
    }

    .edsycardsmagenta .edsycardscricleicon svg.mix path {
        stroke: var(--card-purpledark);
        fill: var(--card-purpledark);
    }
/*magenta card*/

/*green card*/
.edsycardsgreen .separator {
    border-color: var(--card-greenseparator);
}

.edsycardsgreen {
    background-color: var(--card-greenlight);
}

    .edsycardsgreen .edsycardstext h5 {
        color: var(--card-greendark);
    }

    .edsycardsgreen .edsycardstop:before {
        background-color: var(--card-greendark);
    }

    .edsycardsgreen .edsycardscricleicon svg.fill path {
        stroke: transparent;
        fill: var(--card-greendark);
    }

    .edsycardsgreen .edsycardscricleicon svg.stroke path {
        stroke: var(--card-greendark);
        fill: transparent;
    }

    .edsycardsgreen .edsycardscricleicon svg.mix path {
        stroke: var(--card-greendark);
        fill: var(--card-greendark);
    }
/*green card*/

/*orang card*/
.edsycardsorang .separator {
    border-color: var(--card-orangeseparator);
}

.edsycardsorang {
    background-color: var(--card-orangelight);
}

    .edsycardsorang .edsycardstext h5 {
        color: var(--card-orangedark);
    }

    .edsycardsorang .edsycardstop:before {
        background-color: var(--card-orangedark);
    }

    .edsycardsorang .edsycardscricleicon svg.fill path {
        stroke: transparent;
        fill: var(--card-orangedark);
    }

    .edsycardsorang .edsycardscricleicon svg.stroke path {
        stroke: var(--card-orangedark);
        fill: transparent;
    }

    .edsycardsorang .edsycardscricleicon svg.mix path {
        stroke: var(--card-orangedark);
        fill: var(--card-orangedark);
    }
/*orang card*/

/*completed card*/
.cardscompletedbox {
    position: relative;
}

.edsycardsbox.edsycardscompleted {
    background: var(--background-gray);
}

    .edsycardsbox.edsycardscompleted .edsycardscricleicon {
        background: var(--button-disabledbordercolor);
    }

        .edsycardsbox.edsycardscompleted .edsycardscricleicon svg.fill path {
            stroke: transparent;
            fill: var(--cardcompletedtextcolor);
        }

        .edsycardsbox.edsycardscompleted .edsycardscricleicon svg.stroke path {
            stroke: var(--cardcompletedtextcolor);
            fill: transparent;
        }

        .edsycardsbox.edsycardscompleted .edsycardscricleicon svg.mix path {
            stroke: var(--cardcompletedtextcolor);
            fill: var(--cardcompletedtextcolor);
        }

    .edsycardsbox.edsycardscompleted .edsycardstop:before {
        background-color: var(--cardcompletedtextcolor);
    }

    .edsycardsbox.edsycardscompleted .edsycardstext h5 {
        color: var(--cardcompletedtextcolor);
    }

    .edsycardsbox.edsycardscompleted .edsycardstext h3 {
        color: var(--cardcompletedtextcolor);
    }

.cardscompleted {
    text-align: center;
}

.edsycardscompleted .right_arrow_card {
    display: none;
}

.edsycardsbox .cardscompleted {
    display: none;
}

.edsycardsbox.edsycardscompleted .cardscompleted {
    display: block;
}

.edsycardscompleted .separator {
    display: none;
}

.edsycardscompleted .edsycardsbottom {
    display: none;
}

.cardscompleted svg, .cardscompleted img {
    height: var(--svgiconheightwidth24);
    width: var(--svgiconheightwidth24);
    display: flex;
    margin: 0 auto;
}

    .cardscompleted svg path {
        fill: var(--success-status);
        stroke: var(--success-status);
    }

.cardscompleted p {
    margin: 0;
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    color: var(--subinfocolor);
}
/*completed card*/

/*fillter show tabing view*/
.datatablebuttonview {
    display: none;
}

    .datatablebuttonview.showdatatabingview {
        display: block;
    }
/*fillter show tabing view*/

/*card list item*/
ul.edsycardslist {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

    ul.edsycardslist li {
        display: flex;
        align-items: center;
        grid-gap: var(--gap6);
        color: var(--ink);
        position: relative;
    }

        ul.edsycardslist li svg path {
            stroke: var(--ink);
        }

        ul.edsycardslist li svg.fill path {
            stroke: unset;
            fill: var(--ink);
        }

        ul.edsycardslist li svg, ul.edsycardslist li img {
            height: var(--svgiconheightwidth16);
            width: var(--svgiconheightwidth16);
            display: flex;
        }

        ul.edsycardslist li span {
            font-size: var(--fontsize13);
            color: var(--ink);
            font-weight: var(--font-weight-regular);
            line-height: normal;
        }

.edsyrankingbox ul.edsycardslist li span {
    color: var(--subinfocolor);
}

ul.edsycardslist li:first-child:before {
    display: none;
}

ul.edsycardslist li:last-child:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -12px;
    width: 4px;
    height: 4px;
    background: var(--subinfocolor);
    border-radius: var(--borderradius6);
    transform: translate(0, -50%);
}
/*card list item*/
/*edsycards end*/

/*card header with number % */
.class_schedule_height {
    height: 797px;
}

.studentsperformance_inner {
    overflow-y: scroll;
    padding-right: 18px;
    margin-right: -24px;
    overflow-x: hidden;
    height: 367px;
}

.class_discussion_height {
    height: 465px;
}

.unit_plans_height {
    height: 524px;
}

.edsyboxstructure_box_scroll {
    overflow-y: scroll;
    padding-right: 18px;
    margin-right: -24px;
    overflow-x: hidden;
}

.class_schedule {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.class_schedule_title {
    color: var(--subinfocolor);
    font-size: var(--fontsize16);
    font-weight: var(--font-weight-regular);
}

.class_schedule_number {
    font-size: var(--fontsize13);
    color: var(--subinfocolor);
    font-weight: var(--font-weight-regular);
    position: relative;
}

    .class_schedule_number:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        background: var(--success-bg);
        height: 2px;
        border-radius: var(--borderradius6);
    }

    .class_schedule_number:after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        height: 2px;
        border-radius: var(--borderradius6);
        background: var(--success-status);
    }

.percentage0:after {
    width: 0;
}

.percentage50:after {
    width: 50%;
}
/*card header with number % */

/*rankingbox card*/
.edsyrankingbox {
    border-radius: var(--borderradius16);
    padding: var(--padding24);
    position: relative;
    background: var(--background-white);
    min-height: 110px;
    display: flex;
    align-items: center;
}

.edsyrankinginner {
    display: grid;
    grid-template-columns: 58px auto;
    grid-gap: var(--gap24);
    align-items: center;
}

.edsyrankingright {
    display: flex;
    align-items: flex-start;
    grid-gap: var(--gap12);
    flex-wrap: wrap;
    flex-direction: column;
}

    .edsyrankingright h2 {
        font-size: var(--fontsize18);
        margin: 0;
        font-weight: var(--font-weight-medium);
        color: var(--ink);
    }

.edsyrankingleft p {
    text-align: center;
    margin: 0;
    font-size: var(--fontsize20);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
}

.edsyranking_gold .edsyrankingbox {
    background: linear-gradient(var(--background-white), var(--background-white)) padding-box, linear-gradient(to right, var(--rankinggradientborderyellowlight), var(--rankinggradientborderyellowdark)) border-box;
    border: 1px solid transparent;
}

.edsyranking_gray .edsyrankingbox {
    background: linear-gradient(var(--background-white), var(--background-white)) padding-box, linear-gradient(to right, var(--rankinggradientborderwhiteblacklight), var(--rankinggradientborderwhiteblackdark)) border-box;
    border: 1px solid transparent;
}

.edsyranking_brown .edsyrankingbox {
    background: linear-gradient(var(--background-white), var(--background-white)) padding-box, linear-gradient(to right, var(--rankinggradientborderbrownlight), var(--rankinggradientborderbrowndark)) border-box;
    border: 1px solid transparent;
}

.edsyranking_normal .edsyrankingbox {
    background: linear-gradient(var(--background-white), var(--background-white)) padding-box, linear-gradient(to right, var(--button-bordercolor), var(--button-bordercolor)) border-box;
    border: 1px solid transparent;
}

.edsybadge {
    position: relative;
}

    .edsybadge svg, .edsybadge img {
        width: 58px;
        height: 58px;
    }

.badgenumber {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    color: var(--background-white);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-medium);
    padding: 0 8px;
    border-radius: 30px;
}

.goldcolor {
    background-color: var(--badgecoloryellow);
}

.blackwhitecolor {
    background-color: var(--badgecolorblackwhite);
}

.browncolor {
    background-color: var(--badgecolorbrown);
}
/*ranking card*/

/*card for scroll strat*/
.listing_overview {
    border-radius: var(--borderradius16);
    padding: 24px 0 24px 24px;
    position: relative;
    background: var(--background-white);
    border: 1px solid var(--button-bordercolor);
    margin-top: 16px;
}

.listing_overview_slide {
    margin-top: var(--margin24);
}

.listing_overview_right_gap .listing_overview_header {
    padding-right: 0px;
}

.listing_overview_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 24px;
}

.listing_overview_heading {
}

    .listing_overview_heading h2 {
        font-size: var(--fontsize18);
        font-weight: var(--font-weight-medium);
        color: var(--ink);
        display: flex;
        align-items: center;
        grid-gap: 20px;
        margin: 0;
    }

    .listing_overview_heading b {
        font-weight: var(--font-weight-medium);
        position: relative;
        line-height: 25.2px;
    }

        .listing_overview_heading b:before {
            content: '';
            position: absolute;
            top: 50%;
            right: -12px;
            width: 4px;
            height: 4px;
            background: var(--subinfocolor);
            border-radius: var(--borderradius6);
            transform: translate(0, -50%);
        }

.owlpageingview button {
    border: 0px;
    background: var(--brandsecondary-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.listing_overview_heading span {
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--othercolor);
    line-height: 19.6px;
}

.listing_overview_box {
    border: 1px solid var(--button-bordercolor);
    border-radius: var(--borderradius16);
}

.listing_overview_box_top {
    padding: 0 var(--padding24);
    display: grid;
    align-items: center;
    grid-template-columns: auto 150px;
    height: 80px;
    grid-gap: 12px;
}

.listing_overview_box_bottom {
    border-radius: 0 0 var(--borderradius16) var(--borderradius16);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}

.listing_overview_green {
    background: var(--success-bg);
}

    .listing_overview_green .listing_overview_attendence {
        color: var(--success-text);
    }

        .listing_overview_green .listing_overview_attendence svg path {
            stroke: var(--success-text);
        }

.listing_overview_orange {
    background: var(--warning-bg);
}

    .listing_overview_orange .listing_overview_attendence {
        color: var(--warning-text);
    }

        .listing_overview_orange .listing_overview_attendence svg path {
            stroke: var(--warning-text);
        }

.listing_overview_red {
    background: var(--danger-bg);
}

    .listing_overview_red .listing_overview_attendence {
        color: var(--danger-text);
    }

        .listing_overview_red .listing_overview_attendence svg path {
            stroke: var(--danger-text);
        }

.listing_overview_time {
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    font-size: var(--fontsize13);
    color: var(--othercolor);
    justify-content: flex-end;
}

    .listing_overview_time span {
        line-height: 19.6px;
    }

    .listing_overview_time svg, .owl-carousel .owl-item .listing_overview_time img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .listing_overview_time svg path {
            stroke: var(--othercolor);
        }

.listing_overview_title {
}

    .listing_overview_title h3 {
        font-size: var(--fontsize16);
        font-weight: var(--font-weight-medium);
        color: var(--ink);
        margin: 0px;
        line-height: 22.4px;
    }

.listing_overview_attendence {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--gap8);
    font-size: var(--fontsize13);
}

    .listing_overview_attendence span {
        line-height: 19.6px;
    }

    .listing_overview_attendence svg, .owl-carousel .owl-item .listing_overview_attendence img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

.listing_overview_slide.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    top: -44px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listing_overview_slide.owl-theme .owl-dots .owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    background: transparent;
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    padding: 0;
    box-shadow: none;
    border: 0px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listing_overview_slide.owl-theme .owl-dots {
    counter-reset: dots;
    margin: 0 !important;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    position: absolute;
    top: -50px;
    right: 50px;
}

    .listing_overview_slide.owl-theme .owl-dots span {
        display: none;
    }

    .listing_overview_slide.owl-theme .owl-dots .owl-dot.active:before {
        color: var(--brandprimary-color);
        background-color: var(--brandsecondary-color);
        font-weight: var(--font-weight-medium);
    }

.listing_overview_slide .owl-stage {
    padding-left: 0 !important;
}

.listing_overview_slide.owl-theme .owl-nav button {
    padding: 0;
    margin: 0;
}

    .listing_overview_slide.owl-theme .owl-nav button svg, .listing_overview_slide.owl-theme .owl-nav button img {
        width: var(--svgiconheightwidth16);
        height: var(--svgiconheightwidth16);
        display: flex;
    }

        .listing_overview_slide.owl-theme .owl-nav button svg path {
            stroke: var(--ink);
        }

    .listing_overview_slide.owl-theme .owl-nav button.disabled {
    }

    .listing_overview_slide.owl-theme .owl-nav button:hover {
        background: transparent;
    }
/*card for scroll end*/

/*card unitplan*/
.unitplan_title {
    position: relative;
}

    .unitplan_title h3 {
        font-size: var(--fontsize16);
        color: var(--othercolor);
        font-weight: var(--font-weight-regular);
        margin: 0px;
    }

.shapbtnview {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.shapbtnview_right.yellow_shapbtnview {
    background: var(--progres-bg);
    color: var(--progres-text);
}

.shapbtnview_right.green_shapbtnview {
    background: var(--success-bg);
    color: var(--success-text);
}

.shapbtnview_right {
    padding: 0 12px;
    border: 1px solid var(--button-bordercolor);
    border-bottom: 0px;
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
    background: var(--background-gray);
    font-size: var(--fontsize13);
    color: var(--ink);
    font-weight: var(--font-weight-medium);
    height: 32px;
    display: flex;
    align-items: center;
}

.card_for_tab_main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.card_for_text h3 .inactivebtn {
    background: var(--danger-bg) !important;
}

.card_for_text h3 .dotactive {
    width: auto;
    height: 19px;
    border-radius: 20px;
    background: var(--success-bg);
    border: 0px !important;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    line-height: 20px;
}

.card_for_tab {
    background: var(--background-white);
    border: 1px solid var(--button-bordercolor);
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.card_for_left {
}

.card_for_graph {
    background: var(--background-white);
}

    .card_for_graph .pie svg circle:nth-child(1) {
        stroke-width: 10px;
    }

    .card_for_graph .pie svg circle:nth-child(2) {
        stroke-linecap: round;
    }

.listing_overview_box_top .card_for_graph .pie svg {
    height: 70px;
    width: 70px;
}

.listing_overview_box_top .card_for_graph .pie {
    height: 70px !important;
    width: 70px !important;
}

.card_for_graph .pie svg {
    height: 87px;
    width: 87px;
}

.card_for_graph .pie {
    height: 87px !important;
    width: 87px !important;
}

.card_for_tab_top {
    padding: var(--padding16);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card_for_tab_bottom.hidegridview {
    display: block;
}

.card_for_tab_bottom {
    background: var(--background-gray);
    padding: 16px;
    border-radius: 0 0 var(--borderradius16) var(--borderradius16);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--gap12);
}

.icon_card_for_tab {
    background: var(--background-gray-dark);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edsydropdown.box_dropdown .dropdown-toggle {
    padding: 0 12px;
    width: 100%;
    border: 1px solid var(--button-bordercolor);
    background-color: var(--background-white);
    outline: 0;
    border-radius: var(--borderradius6);
    color: var(--ink);
    height: 55px;
    display: grid;
    grid-template-columns: 30px auto;
}

.box_dropdown .dropdown-toggle svg path {
    stroke: var(--subinfocolor);
}

.edsydropdown.box_dropdown .dropdown-toggle:after {
    display: none;
}

.edsydropdown.box_dropdown .dropdown-toggle h5 {
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    color: var(--othercolor);
    margin: 0;
    text-align: left;
}

.edsydropdown.box_dropdown .dropdown-toggle.show h2 {
    color: var(--ink);
}

.edsydropdown.box_dropdown .dropdown-toggle.show h5 {
    color: var(--ink);
}

.edsydropdown.box_dropdown .dropdown-toggle h2 {
    font-size: var(--fontsize18);
    font-weight: var(--font-weight-medium);
    color: var(--subinfocolor);
    margin: 0;
}

.edsydropdown.box_dropdown .dropdown-toggle.show {
    border: 1px solid var(--cardcompletedtextcolor);
}

    .edsydropdown.box_dropdown .dropdown-toggle.show h4 {
        color: var(--ink);
    }

.edsydropdown.box_dropdown .dropdown-menu h3 {
    margin: 0;
    font-size: var(--fontsize12);
    color: var(--ink);
    font-weight: var(--font-weight-medium);
}

.edsydropdown.box_dropdown .dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .edsydropdown.box_dropdown .dropdown-menu ul li {
        font-size: var(--fontsize12);
        color: var(--ink);
        padding: 0;
        border: 0px;
        padding-left: 20px;
        position: relative;
        font-weight: var(--font-weight-regular);
    }

        .edsydropdown.box_dropdown .dropdown-menu ul li a:hover {
            color: var(--button-hovercolor);
            background: transparent;
        }

        .edsydropdown.box_dropdown .dropdown-menu ul li a {
            color: var(--subinfocolor);
            transition: 0.5s;
            padding: 0px;
            font-size: var(--fontsize12);
            height: auto;
        }

.edsydropdown.box_dropdown .dropdown-menu p {
    color: var(--subinfocolor);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    margin: 0;
}

.edsydropdown.box_dropdown .dropdown-menu {
    padding: 10px 16px;
}

    .edsydropdown.box_dropdown .dropdown-menu .dropdown_box_gap {
        margin-bottom: 12px;
    }

        .edsydropdown.box_dropdown .dropdown-menu .dropdown_box_gap:last-child {
            margin-bottom: 0;
        }

    .edsydropdown.box_dropdown .dropdown-menu ul li:before {
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        top: 50%;
        left: 8px;
        background: var(--subinfocolor);
        border-radius: var(--borderradius6);
        transform: translate(0, -50%);
    }

    .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li:before {
        display: none;
    }

    .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li {
        padding: 0;
        margin-bottom: 10px;
    }

        .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li a svg, .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li a img {
            display: flex;
            height: var(--svgiconheightwidth16);
            width: var(--svgiconheightwidth16);
        }

            .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li a svg path {
                transition: 0.5s;
            }

        .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li a:hover svg path {
            stroke: var(--button-hovercolor);
        }

        .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li a {
            display: flex;
            align-items: center;
            grid-gap: var(--gap8);
            font-weight: var(--font-weight-medium);
        }

        .edsydropdown.box_dropdown .dropdown-menu ul.icon_text_list li:last-child {
            margin-bottom: 0;
        }

.card_for_text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

    .card_for_text h3 {
        font-weight: var(--font-weight-medium);
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        grid-gap: 6px;
    }

    .card_for_text h2 {
        font-size: var(--fontsize18);
        font-weight: var(--font-weight-medium);
        color: var(--ink);
        margin: 0;
    }

    .card_for_text ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: flex-start;
        list-style: none;
        grid-gap: 16px;
    }

        .card_for_text ul li {
            display: flex;
            align-items: flex-start;
            grid-gap: var(--gap6);
        }

            .card_for_text ul li svg path {
                stroke: var(--ink);
            }

            .card_for_text ul li svg, .card_for_text ul li img {
                display: flex;
                height: var(--svgiconheightwidth16);
                width: var(--svgiconheightwidth16);
            }

            .card_for_text ul li label {
                color: var(--othercolor);
                font-size: var(--fontsize13);
                line-height: normal;
                white-space: nowrap;
            }

            .card_for_text ul li span {
                display: flex;
                color: var(--ink);
                font-size: var(--fontsize13);
                font-weight: var(--font-weight-regular);
                line-height: normal;
            }
/*card unitplan*/

/*edsytabing*/
.edsytabing.border_bottom_full .nav-tabs li {
    border-bottom: 0px;
}

.edsytabing .nav-tabs li {
    padding-right: 8px;
    position: relative;
}

    .edsytabing .nav-tabs li:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        border-bottom: 1px solid var(--button-bordercolor);
        width: 100%;
    }

.edsytabing .nav-tabs {
    border-bottom: 0px;
    position: relative;
}

.edsytabing.border_bottom_full .nav-tabs:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid var(--button-bordercolor);
    width: 100%;
}

.edsytabing .nav-tabs li .nav-link {
    border-radius: 0px;
    margin-bottom: 0;
    border: 0px;
    padding: 6px 10px;
    color: var(--subinfocolor);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    position: relative;
    background: transparent;
}

    .edsytabing .nav-tabs li .nav-link.active {
        color: var(--button-hovercolor);
        font-weight: var(--font-weight-semibold);
    }

        .edsytabing .nav-tabs li .nav-link.active:before {
            content: "";
            position: absolute;
            bottom: -0.4px;
            left: 0px;
            width: 100%;
            height: 1px;
            background: var(--button-hovercolor);
            border-radius: 10px;
        }

    .edsytabing .nav-tabs li .nav-link:focus-visible {
        outline: 0;
        box-shadow: none;
    }

.edsytabing .nav-tabs li:last-child {
    padding-right: 0px;
}
/*edsytabing*/

/*select2 dropdown menu start*/
.select2-container--default .select2-results > .select2-results__options {
    max-height: 240px !important;
}

.titlewithselect2 {
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

.select2-selection[aria-expanded="true"] .select2-selection__rendered {
    font-weight: var(--font-weight-regula) !important;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 6px;
    padding: 0px 12px;
    border: 1px solid var(--button-bordercolor);
    height: var(--size30);
    outline: 0;
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    background-color: var(--background-white);
}

body .select2-search--dropdown {
    padding: 6px;
}

.select2-results__option {
    color: var(--ink);
    position: relative;
    transition: 0.5s;
    font-weight: var(--font-weight-regular);
    background: var(--background-white);
}

.select2height48 .select2-results__option {
    height: var(--size48);
    line-height: var(--size48);
}

.select2height40 .select2-results__option {
    height: var(--size30);
    line-height: var(--size30);
}

.select2height36 .select2-results__option {
    height: var(--size36);
    line-height: var(--size36);
}

.select2padding12 .select2-results__option {
    padding: 0 var(--padding12);
}

.select2padding16 .select2-results__option {
    padding: 0 var(--padding16);
}

.select2fontsize12 .select2-results__option {
    font-size: var(--fontsize12);
}

.select2fontsize13 .select2-results__option {
    font-size: var(--fontsize13);
}

.select2fontsize14 .select2-results__option {
    font-size: var(--fontsize12);
}

.select2fontsize16 .select2-results__option {
    font-size: var(--fontsize12);
}

body .select2-container--open .select2-dropdown--below.select2borderradius5 {
    border-radius: var(--borderradius5);
}

body .select2-container--open .select2-dropdown--below.select2borderradius8 {
    border-radius: var(--borderradius6);
}

body .select2-container--open .select2-dropdown--below.select2borderradius10 {
    border-radius: var(--borderradius6);
}

body .select2-container--open .select2-dropdown--above.select2borderradius5 {
    border-radius: var(--borderradius5);
}

body .select2-container--open .select2-dropdown--above.select2borderradius8 {
    border-radius: var(--borderradius6);
}

body .select2-container--open .select2-dropdown--above.select2borderradius10 {
    border-radius: var(--borderradius6);
}

body .select2-container--open .active_noactive.select2-dropdown--below {
    border: 0px;
    box-shadow: 1px 1px 11.7px 0px var(--shadowbg);
    margin-top: 8px;
    z-index: 999999;
    background: var(--background-white);
}

body .select2-container--open .active_noactive.select2-dropdown--above {
    border: 0px;
    box-shadow: 1px 1px 11.7px 0px var(--shadowbg);
    margin-top: -8px;
    z-index: 999999;
    background: var(--background-white);
}

body .select2-container--open .select2-dropdown--below {
    border: 1px solid var(--button-bordercolor);
    margin-top: 8px;
    z-index: 999999;
    background: var(--background-white);
    overflow: hidden;
}

body .select2-container--open .select2-dropdown--above {
    border: 1px solid var(--button-bordercolor);
    margin-top: -8px;
    z-index: 999999;
    background: var(--background-white);
    overflow: hidden;
}

body .select2-container--default .select2borderradius8 .select2-results__option[aria-selected=true]:first-child {
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
}

body .select2-container--default .select2borderradius8 .select2-results__option[aria-selected=false]:first-child {
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
}

body .select2-container--default .select2borderradius8 .select2-results__option[aria-selected=false]:last-child {
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

body .select2-container--default .select2borderradius8 .select2-results__option[aria-selected=true]:last-child {
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

body .select2-container--default .select2borderradius5 .select2-results__option[aria-selected=true]:first-child {
    border-radius: var(--borderradius5) var(--borderradius5) 0 0;
}

body .select2-container--default .select2borderradius5 .select2-results__option[aria-selected=false]:first-child {
    border-radius: var(--borderradius5) var(--borderradius5) 0 0;
}

body .select2-container--default .select2borderradius5 .select2-results__option[aria-selected=false]:last-child {
    border-radius: 0 0 var(--borderradius5) var(--borderradius5);
}

body .select2-container--default .select2borderradius5 .select2-results__option[aria-selected=true]:last-child {
    border-radius: 0 0 var(--borderradius5) var(--borderradius5);
}

body .select2-container--default .select2borderradius10 .select2-results__option[aria-selected=true]:first-child {
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
}

body .select2-container--default .select2borderradius10 .select2-results__option[aria-selected=false]:first-child {
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
}

body .select2-container--default .select2borderradius10 .select2-results__option[aria-selected=false]:last-child {
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

body .select2-container--default .select2borderradius10 .select2-results__option[aria-selected=true]:last-child {
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

.select2borderradius5 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2borderradius5 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: var(--borderradius5);
    border-bottom-right-radius: var(--borderradius5);
    border: 1px solid var(--button-bordercolor);
}

.select2borderradius5 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2borderradius5 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: var(--borderradius5);
    border-top-right-radius: var(--borderradius5);
    border: 1px solid var(--button-bordercolor);
}

.select2borderradius8 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2borderradius8 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: var(--borderradius6);
    border-bottom-right-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

.select2borderradius8 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2borderradius8 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: var(--borderradius6);
    border-top-right-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

.select2borderradius10 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2borderradius10 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: var(--borderradius6);
    border-bottom-right-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

.select2borderradius10 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2borderradius10 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: var(--borderradius6);
    border-top-right-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

.select2-dropdown {
    z-index: 99999;
}

body .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--brandsecondary-color) !important;
    color: var(--ink) !important;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brandsecondary-color) !important;
    color: var(--ink) !important;
}

.active_noactive .select2-results__options li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.active_noactive .select2-results__option:before {
    content: "";
    display: block;
    width: var(--svgiconheightwidth16);
    height: var(--svgiconheightwidth16);
    border: 2px solid var(--cardcompletedtextcolor);
    background-color: var(--background-white);
    border-radius: 50%;
}

body .select2-container--default .optionWithImage.active_noactive .select2-results__option[aria-selected=true]:after {
    right: 16px;
    top: 16px;
}

.select2-container--default .active_noactive .select2-results__option[aria-selected=true]:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    width: var(--svgiconheightwidth16);
    height: var(--svgiconheightwidth16);
    border-radius: 50%;
    background: var(--radiocheckbtncolor);
    border: 4px solid var(--background-white);
    outline: 2px solid var(--radiocheckbtncolor);
    outline-offset: -2px;
}

.select2-container--default .active_noactive .select2-results > .select2-results__options {
    max-height: 286px;
    overflow: auto;
}

.select2height48 .select2-container .select2-selection--single {
    height: var(--size48);
}

.select2height40 .select2-container .select2-selection--single {
    height: var(--size30);
}

.select2height36 .select2-container .select2-selection--single {
    height: var(--size36);
}

.select2borderradius5 .select2-container .select2-selection--single {
    border-radius: 5px;
}

.select2borderradius8 .select2-container .select2-selection--single {
    border-radius: 6px;
}

.select2borderradius10 .select2-container .select2-selection--single {
    border-radius: 10px;
}

.select2paddingwithicon .select2-container .select2-selection--single {
    padding: 0 var(--padding12) 0 32px;
}

.select2withtext .select2-container .select2-selection--single {
    position: relative;
}

    .select2withtext .select2-container .select2-selection--single:before {
        content: 'Date :';
        color: var(--othercolor);
        white-space: nowrap;
        line-height: normal;
        margin-right: -4px;
    }

.select2padding16 .select2-container .select2-selection--single {
    padding: 0 var(--padding16);
}

.select2padding12 .select2-container .select2-selection--single {
    padding: 0 var(--padding12);
}

.select2fontsize16 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--fontsize16);
}

.select2fontsize14 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--fontsize12);
}

.select2fontsize13 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--fontsize13);
}

tr td .select2-container .select2-selection--single.tablehoverbg {
    background: transparent;
}

.select2-container .select2-selection--single {
    border: 1px solid var(--button-bordercolor);
    background-color: var(--background-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--gap8);
}

    .select2-container .select2-selection--single:focus-visible {
        outline: 0;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--ink);
    line-height: normal;
    padding: 0;
    font-weight: var(--font-weight-regular);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative;
    top: 0;
    right: 0;
    transform: unset;
    width: var(--svgiconheightwidth16);
    height: var(--svgiconheightwidth16);
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 0;
        margin-left: 0;
        margin-top: 0;
        width: var(--svgiconheightwidth14);
        height: var(--svgiconheightwidth14);
        transition: 0.5s;
        position: relative;
        top: 0px;
        left: 0;
        display: flex;
        background-color: var(--ink);
        -webkit-mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-down.svg);
        mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-arrow-down.svg);
        mask-size: 14px;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    rotate: 180deg;
    border-width: 0;
    border-color: transparent;
}

.select2-container .select2-selection--multiple {
    border: 1px solid var(--button-bordercolor);
    background-color: var(--background-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap8);
}

.select2padding12 .select2-container .select2-selection--multiple {
    padding: 0 var(--padding12);
}

.select2padding16 .select2-container .select2-selection--multiple {
    padding: 0 var(--padding16);
}

.select2height48 .select2-container .select2-selection--multiple {
    min-height: var(--minheight48);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select2height40 .select2-container .select2-selection--multiple {
    min-height: var(--minheight30);
    padding-top: 6px;
    padding-bottom: 6px;
}

.select2height36 .select2-container .select2-selection--multiple {
    min-height: var(--minheight36);
    padding-top: 4px;
    padding-bottom: 4px;
}

.select2borderradius5 .select2-container .select2-selection--multiple {
    border-radius: var(--borderradius5);
}

.select2borderradius8 .select2-container .select2-selection--multiple {
    border-radius: var(--borderradius6);
}

.select2borderradius10 .select2-container .select2-selection--multiple {
    border-radius: var(--borderradius6);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--button-bordercolor);
    outline: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--brandsecondary-color);
    border: 1px solid var(--button-bordercolor);
    float: unset;
    border-radius: var(--borderradius5);
    margin: 0;
    padding: 0 6px;
    font-size: var(--fontsize12);
    color: var(--brandprimary-color);
    font-weight: var(--font-weight-regular);
    height: 25px;
    line-height: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    flex-wrap: wrap;
    padding: 0px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--gap4);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-weight: var(--font-weight-regular);
    display: flex;
    margin: 0;
    color: var(--brandprimary-color);
    line-height: normal;
    position: relative;
    top: -1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:hover {
    background: var(--brandprimary-color);
    border-color: var(--brandprimary-color);
    color: var(--textwhite-color);
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li:hover .select2-selection__choice__remove {
        color: var(--textwhite-color);
    }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child:hover {
    background: transparent;
    border-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
    font-size: var(--fontsize12);
    color: var(--ink);
}

.iconwithselect2 {
    position: absolute;
    z-index: 9;
    left: 12px;
    top: 8px;
    display: flex;
    align-items: center;
}

    .iconwithselect2 svg {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .iconwithselect2 svg.stroke path {
            stroke: var(--subinfocolor);
        }

        .iconwithselect2 svg.fill path {
            fill: var(--subinfocolor);
        }
/*select2 dropdown menu start*/
/*select2 dropdown with dots*/
.select2iconandimg i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}

.select2iconandimg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .select2iconandimg i.undefined {
        display: none;
    }

.select_greendots {
    background: var(--success-status);
}

.select_reddots {
    background: var(--danger-status);
}

.select_orangedots {
    background: var(--warning-status);
}

.select_yellowdots {
    background: var(--progres-status);
}
/*select2 dropdown with dots*/
/*select2 with image*/
.optionWithImage .select2-results__option span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--gap8);
}

    .optionWithImage .select2-results__option span img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
        object-position: top center;
    }

.select2-container--default .select2-selection--single.select2withimgcontainer .select2-selection__rendered span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: var(--gap8);
}

    .select2-container--default .select2-selection--single.select2withimgcontainer .select2-selection__rendered span img {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        object-fit: cover;
        object-position: top center;
    }

.optionWithImage .select2-results__option.select2-results__message:before {
    display: none;
}

.optionWithImage .select2-results__option.select2-results__message:after {
    display: none;
}

.select2-container--default .active_noactive.optionWithImage .select2-results > .select2-results__options {
    max-height: 245px;
    overflow-y: auto;
}

.select2-container .select2-selection--single.selectnumberview {
    flex-direction: column;
    grid-gap: var(--gap4);
    justify-content: center;
}

.select2-container--default .select2-selection--single.selectnumberview .select2-selection__rendered {
    line-height: normal;
}

.select2-container--default .selectnumberviewdrop .select2-results > .select2-results__options {
    max-height: max-content;
}

body .selectnumberviewdrop .select2-results__option {
    text-align: center;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: var(--background-gray);
    box-shadow: none;
    background: var(--background-gray);
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: var(--othercolor);
    }

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
        background-color: var(--othercolor);
    }
/*select2 with image*/
/* Button CSS start*/
.edsybtn_button {
    outline: 0;
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
    transition: 0.5s;
    justify-content: center;
}

    .edsybtn_button span {
        line-height: normal;
    }

    .edsybtn_button svg, .edsybtn_button img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
    }

    .edsybtn_button.edsybtn_button_large {
        height: var(--size40);
    }

    .edsybtn_button.edsybtn_button_medium {
        height: var(--size30);
    }

    .edsybtn_button.edsybtn_button_small {
        height: var(--size30);
    }
/*button blue*/
.edsybtn_button_blue {
    background-color: var(--button-hovercolor);
    font-size: var(--fontsize12);
    color: var(--textwhite-color);
    padding: 0 var(--padding12);
    height: var(--size30);
    font-weight: var(--font-weight-regular);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-hovercolor);
}

    .edsybtn_button_blue:hover {
        background-color: var(--button-hovercolor-view);
    }

    .edsybtn_button_blue svg.stroke path {
        stroke: var(--textwhite-color);
    }

    .edsybtn_button_blue svg.fill path {
        fill: var(--textwhite-color);
    }

button[disabled].edsybtn_button_blue {
    background-color: #CBC1FF
}

a[disabled].edsybtn_button_blue {
    background-color: #CBC1FF
}
/*button blue*/
/*button white*/
.edsybtn_button_white {
    background-color: var(--background-white);
    font-size: var(--fontsize13);
    color: var(--button-hovercolor);
    padding: 0 var(--padding12);
    height: var(--size30);
    font-weight: var(--font-weight-regular);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-hovercolor);
}

    .edsybtn_button_white:hover {
        color: var(--button-hovercolor-view);
        border: 1px solid var(--button-hovercolor-view);
    }

    .edsybtn_button_white svg.stroke path {
        stroke: var(--button-hovercolor);
    }

    .edsybtn_button_white svg.fill path {
        fill: var(--button-hovercolor);
    }

    .edsybtn_button_white:hover svg.stroke path {
        stroke: var(--button-hovercolor-view);
    }

    .edsybtn_button_white:hover svg.fill path {
        fill: var(--button-hovercolor-view);
    }

button[disabled].edsybtn_button_white {
    border-color: #CBC1FF;
    color: #CBC1FF;
    box-shadow: none;
}

    button[disabled].edsybtn_button_white svg.stroke path {
        stroke: #CBC1FF;
    }

    button[disabled].edsybtn_button_white svg.fill path {
        fill: #CBC1FF;
    }

a[disabled].edsybtn_button_white {
    border-color: #CBC1FF;
    color: #CBC1FF;
    box-shadow: none;
}

    a[disabled].edsybtn_button_white svg.stroke path {
        stroke: #CBC1FF;
    }

    a[disabled].edsybtn_button_white svg.fill path {
        fill: #CBC1FF;
    }
/*button white*/
/*button gray*/
.edsybtn_button_gray {
    background-color: var(--background-white);
    font-size: var(--fontsize12);
    color: var(--ink);
    padding: 0 var(--padding12);
    height: var(--size30);
    font-weight: var(--font-weight-regular);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

    .edsybtn_button_gray svg.stroke path {
        stroke: var(--ink);
    }

    .edsybtn_button_gray svg.fill path {
        fill: var(--ink);
    }

button[disabled].edsybtn_button_gray {
    border-color: var(--background-gray);
    color: var(--othercolor);
    box-shadow: none;
    background: var(--background-gray);
}

    button[disabled].edsybtn_button_gray svg.stroke path {
        stroke: var(--othercolor);
    }

    button[disabled].edsybtn_button_gray svg.fill path {
        fill: var(--othercolor);
    }

a[disabled].edsybtn_button_gray {
    border-color: var(--background-gray);
    color: var(--othercolor);
    box-shadow: none;
    background: var(--background-gray);
}

    a[disabled].edsybtn_button_gray svg.stroke path {
        stroke: var(--othercolor);
    }

    a[disabled].edsybtn_button_gray svg.fill path {
        fill: var(--othercolor);
    }
/*button white*/
/*button text*/
.edsybtn_button_text {
    background: transparent;
    border: 0px;
    padding: 0;
    color: var(--headingcolor);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    justify-content: left;
}


    .edsybtn_button_text svg.stroke path {
        stroke: var(--button-hovercolor);
    }

    .edsybtn_button_text svg.fill path {
        fill: var(--button-hovercolor);
    }

    .edsybtn_button_text:hover svg.stroke path {
        stroke: var(--button-hovercolor-view);
    }

    .edsybtn_button_text:hover svg.fill path {
        fill: var(--button-hovercolor-view);
    }

button[disabled].edsybtn_button_text {
    border-color: #CBC1FF;
    color: #CBC1FF;
    box-shadow: none;
    text-shadow: none;
}

    button[disabled].edsybtn_button_text svg.stroke path {
        stroke: #CBC1FF;
    }

    button[disabled].edsybtn_button_text svg.fill path {
        fill: #CBC1FF;
    }

a[disabled].edsybtn_button_text {
    border-color: #CBC1FF;
    color: #CBC1FF;
    box-shadow: none;
    text-shadow: none;
}

    a[disabled].edsybtn_button_text svg.stroke path {
        stroke: #CBC1FF;
    }

    a[disabled].edsybtn_button_text svg.fill path {
        fill: #CBC1FF;
    }
/*button text*/
/*button green*/
.edsybtn_button_green {
    color: var(--menuhovercolor);
    border: 2px dashed var(--menuhovercolor);
    background-color: var(--background-white);
    font-size: var(--fontsize16);
    height: var(--size30);
    font-weight: var(--font-weight-regular);
    padding: 0 var(--padding16);
    border-radius: var(--borderradius6);
}

    .edsybtn_button_green:hover {
        background: var(--menuhovercolor);
        color: var(--background-white);
        border: 2px dashed var(--menuhovercolor);
    }

    .edsybtn_button_green svg path {
        stroke: var(--menuhovercolor);
        transition: 0.5s;
    }

    .edsybtn_button_green:hover svg path {
        stroke: var(--background-white);
    }

/*button green*/
.width\/100 {
    width: 100%;
}

.h\/48 {
    height: var(--size48);
}

.h\/36 {
    height: var(--size36);
}

.h\/30 {
    height: var(--size30);
}

.h\/40 {
    height: var(--size30);
}

.w\/48 {
    width: var(--size48);
    padding: 0px;
}

.w\/40 {
    width: var(--size30);
}

.w\/36 {
    width: var(--size36);
}

.smw\/40 {
    padding: 0;
    width: var(--size30);
    justify-content: center;
}

.filltertypebutton {
    background: var(--brandsecondary-color);
    border: 1px solid var(--button-bordercolor);
    border-radius: 50px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
}

    .filltertypebutton svg {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .filltertypebutton svg.stroke path {
            stroke: var(--subinfocolor);
        }

        .filltertypebutton svg.fill path {
            fill: var(--subinfocolor);
        }

    .filltertypebutton span {
        font-weight: var(--font-weight-medium);
    }

.dialog_msgpopup_button {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: var(--gap16);
}

.text_color_green:hover {
    color: var(--success-text);
    text-shadow: none;
}

.text_color_green {
    color: var(--success-text);
}

    .text_color_green svg path {
        stroke: var(--success-text);
    }

.text_color_red:hover {
    color: var(--danger-text);
    text-shadow: none;
}

.text_color_red {
    color: var(--danger-text);
}

    .text_color_red svg path {
        stroke: var(--danger-text);
    }

.text_color_black {
    color: var(--button-textcolor);
}

    .text_color_black svg path {
        stroke: var(--button-textcolor);
    }

.text_color_blue {
    color: var(--brandprimary-color);
}

    .text_color_blue svg path {
        stroke: var(--brandprimary-color);
    }

.text_color_disable {
    color: var(--button-disabledcolor);
}

    .text_color_disable svg path {
        stroke: var(--button-disabledcolor);
    }

.btn_center {
    justify-content: center;
}

.dotactive {
    width: 8px;
    height: 8px;
    display: flex;
    border-radius: 50%;
}

    .dotactive.activebtn {
        background: var(--success-text);
    }

    .dotactive.inactivebtn {
        background: var(--danger-text);
    }

.activebtn {
    background: var(--success-bg);
    color: var(--success-text);
    border: 1px solid var(--success-text) !important;
}

.inactivebtn {
    background: var(--danger-bg);
    color: var(--danger-text);
    border: 1px solid var(--danger-text) !important;
}

.alerttextview p {
    margin: 0;
    color: var(--ink);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    font-style: italic;
}

.alerttextview {
    margin-top: 12px;
}
/* Button CSS end*/

/* edsy Filter start */
.singlefilter {
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

    .singlefilter p {
        margin: 0;
        color: var(--othercolor);
        font-size: var(--fontsize12);
        font-weight: var(--font-weight-medium);
    }

ul.filterview_anchor li .edsydropdown .dropdown-menu {
    width: auto;
}

ul.filterview_anchor {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    flex-wrap: wrap;
}

.edsydropdown ul.filterview_anchor {
    margin-top: 8px;
}

ul.filterview_anchor li:last-child .dropdown-toggle {
    border-radius: 30px;
    display: flex;
    justify-content: center;
    height: 36px;
    padding: 0px 12px;
    color: var(--ink);
}

ul.filterview_anchor > li > a {
    font-size: 11px;
    color: var(--ink);
    font-weight: var(--font-weight-regular);
    background: var(--background-white);
    border: 1px solid var(--button-bordercolor);
    padding: 0px 10px;
    border-radius: 50px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    grid-gap: 2px;
    height: 25px;
    line-height: normal;
}

ul.filterview_anchor > li svg, ul.filterview_anchor > li img {
    height: var(--svgiconheightwidth14);
    width: var(--svgiconheightwidth14);
    display: flex;
}

    ul.filterview_anchor > li svg path {
        fill: var(--ink);
    }

ul.filterview_anchor > li.active > a {
    background-color: var(--brandsecondary-color);
}

ul.filterview_anchor > li > a:hover {
    background-color: var(--brandsecondary-color);
    border-color: var(--button-bordercolor);
}

ul.filterview_anchor > li > a > span.textcloseicon {
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
}

ul.filterview_anchor.filterview_small {
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    flex-wrap: wrap;
    padding: 0px;
    margin: 0;
}

    ul.filterview_anchor.filterview_small li a {
        background: transparent;
        border: 0.5px solid var(--button-bordercolor);
        float: unset;
        border-radius: var(--borderradius5);
        margin: 0;
        padding: 0 6px;
        font-size: 11px;
        color: var(--ink2);
        font-weight: var(--font-weight-regular);
        height: 25px;
        line-height: 25px;
    }

.edsydropdown ul.filterview_anchor.filterview_small li {
    padding: 0;
}

ul.filterview_anchor.filterview_small li a:hover {
    background: var(--stone);
}

ul.filterview_anchor.filterview_small > li a:hover svg path {
    fill: #fff;
}

ul.filterview_anchor.filterview_small > li > a > span.textcloseicon {
    flex-direction: row-reverse;
}

ul.filterview_anchor.filterview_small > li svg, ul.filterview_anchor.filterview_small > li img {
    height: 12px;
    width: 12px;
    position: relative;
    top: 0.6px;
}

    ul.filterview_anchor.filterview_small > li svg path {
        stroke: transparent;
        fill: var(--brandprimary-color);
    }

.dottext {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.dottext2 {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

ul.filterview {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

    ul.filterview li {
        font-size: var(--fontsize13);
        color: var(--ink);
        font-weight: var(--font-weight-regular);
        background: var(--background-white);
        border: 1px solid var(--button-bordercolor);
        padding: 8px 12px;
        border-radius: 35px;
        cursor: pointer;
        transition: 0.3s;
        display: flex;
        align-items: center;
        grid-gap: var(--gap8);
    }

        ul.filterview li.active {
            background-color: var(--brandsecondary-color);
            border-color: var(--button-bordercolor);
            font-weight: var(--font-weight-medium);
        }

        ul.filterview li:hover {
            background-color: var(--brandsecondary-color);
            border-color: var(--button-bordercolor);
        }

        ul.filterview li span.textcloseicon {
            display: flex;
            align-items: center;
            grid-gap: var(--gap4);
        }

span.dots {
    width: 8px;
    height: 8px;
    background: var(--othercolor);
    border-radius: 50%;
}

.dots.success {
    background-color: var(--success-status);
}

.dots.danger {
    background-color: var(--danger-status);
}

.dots.progres {
    background-color: var(--progres-status);
}

.kpifilterbox {
    background: var(--background-white);
    border: 1px solid var(--button-bordercolor);
    border-radius: var(--borderradius12);
    padding: 8px 16px;
    display: grid;
    grid-template-columns: 33px auto;
    grid-gap: var(--gap8);
    align-items: center;
    transition: 0.5s;
}

    .kpifilterbox.active {
        border: 1px solid var(--brandprimary-color);
        box-shadow: 2px 0px 5px 0px rgb(0 0 0 / 13%);
    }

    .kpifilterbox:hover {
        border: 1px solid var(--brandprimary-color);
    }

.kpifilter_left {
    width: 33px;
    height: 33px;
    background: var(--button-disabledbordercolor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kpifilter_list.kpifilter_list_four {
    display: grid;
    grid-template-columns: auto 2fr 2fr 2fr 2fr;
}

.tepbarslide_text {
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    text-align: center;
    margin-top: 29px;
}

.filter_andstepbar {
    display: grid;
    grid-template-columns: auto 520px;
}

.stepbarview {
    width: 100%;
    height: 25px;
    border-radius: var(--borderradius40);
    float: left;
    margin-top: 5px;
}

    .stepbarview .stepbarslide {
        height: 25px;
        width: 33.3%;
        display: block;
        border-radius: var(--borderradius40);
        float: left;
        margin-left: -20px;
        position: relative;
        right: -40px;
    }

.stepbarslide.eassessment {
    background: #6831ff;
}

.stepbarslide.Classic {
    background: #9a75ff;
}

.stepbarslide.online {
    background: #cebdfe;
}

.stepbarview .stepbarslide:first-child {
    margin-left: 0;
}

.kpifilter_list.kpifilter_list_two {
    display: grid;
    grid-template-columns: auto 2fr 2fr;
}

.kpifilter_list.kpifilter_list_three {
    display: grid;
    grid-template-columns: auto 2fr 2fr 2fr 1fr;
}

.kpifilter_list.kpifilter_list_six {
    display: grid;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr;
}

.kpifilter_list {
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

.kp_filterby {
    font-weight: var(--font-weight-medium);
    color: var(--othercolor);
    font-size: var(--fontsize12);
}

.kpifilter_left svg, .kpifilter_left img {
    height: var(--svgiconheightwidth20);
    width: var(--svgiconheightwidth20);
    display: flex;
}

    .kpifilter_left svg path {
        stroke: var(--subinfocolor);
    }

.kpifilter_right h3 {
    color: var(--subinfocolor);
    margin: 0 0 4px 0;
}

.kpifilter_right h4 {
    margin: 0;
    color: var(--ink);
}
/* edsy Filter end */

/*edsydropdown start*/
.edsydropdown {
    position: relative;
}

    .edsydropdown .dropdown-toggle:after {
        display: none;
    }

.dropdown-toggle span {
    line-height: normal;
}

.dropdownbutton_large .dropdown-toggle {
    height: var(--size48);
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    padding: 0 var(--padding16);
    border-radius: var(--borderradius6);
}

.edsydropdown.dropdownbutton_large .dropdown-menu li a {
    height: var(--size48);
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    padding: 0 var(--padding16);
}

.edsydropdown.dropdownbutton_large.dateofbirthmaxwidth .dropdown-menu {
    min-width: auto;
}

.edsydropdown.dropdownbutton_small.dateofbirthmaxwidth .dropdown-menu {
    min-width: auto;
}

.dropdownbutton_small .dropdown-toggle.filter_height_auto {
    height: auto;
    padding: 7.5px var(--padding12);
}

.dropdownbutton_small .dropdown-toggle {
    height: var(--size30);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    padding: 0 var(--padding10);
    border-radius: var(--borderradius6);
}

.edsydropdown.dropdownbutton_small .dropdown-menu li a {
    height: var(--size30);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    padding: 0 8px;
}

.dropdownbutton_xs_small .dropdown-toggle {
    height: var(--size30);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    padding: 0 6px;
    border-radius: 30px;
}

.dropdown_menu_scroll {
    max-height: 240px;
    overflow: auto;
    padding: 0;
    margin: 0;
}

ul.dropdown_menu_scroll {
    list-style: none;
}

.edsydropdown.dropdownbutton_xs_small .dropdown-menu li a {
    height: var(--size30);
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    padding: 0 var(--padding12);
}

.dropdownbutton_blue {
    background-color: var(--background-white);
    color: var(--button-hovercolor);
    border: 1px solid var(--button-hovercolor);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

    .dropdownbutton_blue svg path {
        stroke: var(--button-hovercolor);
    }

.dropdown-toggle svg, .dropdown-toggle img {
    height: var(--svgiconheightwidth14);
    width: var(--svgiconheightwidth14);
    display: flex;
}

.dropdownbutton_gray svg path {
    stroke: var(--subinfocolor);
}

.dropdownbutton_gray {
    background-color: var(--background-white);
    color: var(--ink);
    border: 1px solid var(--button-bordercolor);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

.dropdownbutton_red {
    background-color: var(--background-white);
    color: var(--danger-text);
    border: 1px solid var(--danger-text);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

    .dropdownbutton_red svg path {
        stroke: var(--danger-text);
    }

    .dropdownbutton_red svg.fill path {
        fill: var(--danger-text);
        stroke: transparent;
    }

span.addleadbtn {
    display: flex;
    align-items: center;
    grid-gap: 4px;
}

    span.addleadbtn i {
        font-size: 16px;
        height: 16px;
    }

.dropdownbutton_green {
    background: var(--button-hovercolor);
    color: var(--textwhite-color);
    border: 1px solid var(--button-hovercolor);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

    .dropdownbutton_green svg path {
        stroke: var(--success-text);
    }

    .dropdownbutton_green:hover {
        background: var(--forest-m);
    }

.edsydropdown .dropdown-menu {
    padding: 0;
    border: 0px;
    border-radius: 6px;
    background: var(--dropdownbgcolor);
    min-width: max-content;
    border: 1px solid var(--button-bordercolor);
}

    .edsydropdown .dropdown-menu:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        box-sizing: border-box;
        transform-origin: 0 0;
    }

    .edsydropdown .dropdown-menu[data-popper-placement="top-start"]:before {
        bottom: -9px;
        left: 12px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
       /* border-top: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu[data-popper-placement="bottom-start"]:before {
        top: -9px;
        left: 12px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        /*border-bottom: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu[data-popper-placement="top-end"]:before {
        bottom: -9px;
        right: 12px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        /*border-top: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu[data-popper-placement="bottom-end"]:before {
        top: -9px;
        right: 12px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        /*border-bottom: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu.moredropdownview[data-popper-placement="right-start"]:before {
        top: 22px;
        left: -9px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        /*border-right: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu.moredropdownview[data-popper-placement="right-end"]:before {
        bottom: 22px;
        left: -9px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
       /* border-right: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu.userlogoutview[data-popper-placement="right-start"]:before {
        bottom: 10px;
        left: -9px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
       /* border-right: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu.userlogoutview[data-popper-placement="right-end"]:before {
        bottom: 10px;
        left: -9px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        /*border-right: 10px solid var(--tooltipbg);*/
    }

    .edsydropdown .dropdown-menu.bordertype_dropdown:before {
        display: none;
    }

    .edsydropdown .dropdown-menu.bordertype_dropdown {
        filter: none;
        border: 1px solid var(--button-bordercolor);
    }

        .edsydropdown .dropdown-menu.bordertype_dropdown.position_set.show {
            transform: translate3d(-135px, -185px, 0px) !important;
            inset: 0px auto auto 0px !important;
        }

    .edsydropdown .dropdown-menu li {
        padding: 0;
        border: 0px;
    }

        .edsydropdown .dropdown-menu li a {
            display: flex;
            align-items: center;
            grid-gap: var(--gap8);
            transition: 0.5s;
            color: var(--ink);
        }

        .edsydropdown .dropdown-menu li.active a {
            background-color: var(--forest-l);
            color: var(--button-hovercolor);
        }

        .edsydropdown .dropdown-menu li a:hover {
            background-color: var(--forest-l);
            color: var(--button-hovercolor);
        }

        .edsydropdown .dropdown-menu li a svg, .edsydropdown .dropdown-menu li a img {
            height: var(--svgiconheightwidth16);
            width: var(--svgiconheightwidth16);
            display: flex;
            transition: 0.5s;
        }

            .edsydropdown .dropdown-menu li a svg path {
                transition: 0.5s;
                stroke: var(--ink)
            }

            .edsydropdown .dropdown-menu li a svg.fill path {
                stroke: transparent;
                fill: var(--ink);
            }

        .edsydropdown .dropdown-menu li.active a svg path {
            stroke: var(--button-hovercolor);
        }

        .edsydropdown .dropdown-menu li:first-child a {
            border-radius: 6px 6px 0 0;
        }

        .edsydropdown .dropdown-menu li:last-child a {
            border-radius: 0 0 6px 6px;
        }

.dropdown-toggle.show .dropdown_arrowicon {
    transform: rotate(180deg);
}

.dropdown_arrowicon {
    transition: 0.3s;
}

.dropdownbutton_small .dropdown-toggle.dropdownbutton_icon {
    height: auto;
    padding: 0;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    color: var(--ink);
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
}

.dropdownbutton_icon.dropdown-toggle svg path {
    stroke: var(--ink);
}

.dropdownbutton_large .dropdown-toggle.dropdownbutton_icon {
    height: auto;
    padding: 0;
    border: 0px;
    border-radius: 0px;
    background: transparent;
}

.edsydropdown .dropdown-menu li a .bordercolor_white img {
    border: 1px solid #fff;
}

.edsydropdown .dropdown-menu li a .imgsize42 img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.edsydropdown .dropdown-menu li a .imgsize30 img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.edsydropdown .dropdown-menu li a .imgsize40 img {
    width: var(--size30);
    height: var(--size30);
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.edsydropdown .dropdown-menu li a .imgsize36 img {
    width: var(--size36);
    height: var(--size36);
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.edsydropdown .dropdown-menu li a .imgsize30 img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}
/*arrow shadow dropdown*/
/*edsydropdown end*/

/*slide popup css start*/
.edsy_overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: var(--overlaybg);
    z-index: 99999;
    display: none;
}

    .edsy_overlay.edsy_overlay_open {
        display: block;
    }

.filter_sideview_small {
    width: 423px;
    right: -423px;
}

    .filter_sideview_small .bottom_btn_filter {
        width: 423px;
        right: -423px;
    }

.filter_sideview_mid {
    width: 600px;
    right: -600px;
}

    .filter_sideview_mid .bottom_btn_filter {
        width: 600px;
        right: -600px;
    }

.filter_sideview_medium {
    width: 900px;
    right: -900px;
}

    .filter_sideview_medium .bottom_btn_filter {
        width: 900px;
        right: -900px;
    }

.filter_sideview_large {
    width: 90%;
    right: -90%;
}

    .filter_sideview_large .bottom_btn_filter {
        width: 90%;
        right: -90%;
    }

.filter_sideview_main.edsy_overlay_zindex {
    z-index: 999999;
}
.setting_page .setting_page_box:first-child {
    padding-top: 0;
}

.setting_page .setting_page_box:last-child {
    padding-bottom: 0;
}
.edsy_overlay.edsy_overlay_zindex {
    z-index: 999999;
}
.tablewithborder_header {
    background: var(--background-white);
    position: relative;
    z-index: 9;
    border: 0.5px solid var(--button-bordercolor);
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;
    margin-bottom: -6px;
    box-shadow: 0 -5px 13px rgb(0 0 0 / 3%);
}


.filter_sideview_main {
    position: fixed;
    top: 0;
    background: var(--background-white);
    z-index: 99999;
    height: 100vh;
    border-radius: 16px 0 0 0;
    transition: 0.5s;
}

.filter_sideview_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--padding16);
    background: var(--background-white);
    border-bottom: 1px solid var(--button-bordercolor);
    border-radius: 6px 0 0 0;
    height: 50px;
}

.filter_sideview_title {
    font-size: var(--fontsize14);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
    line-height: normal;
}

.filter_sideview_icon svg.stroke path {
    fill: transparent;
    stroke: var(--ink);
}

.quillslidetop {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

    .quillslidetop .filter_sideview_icon svg.stroke {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
    }

.filter_sideview_icon svg path {
    fill: var(--ink);
}

.filter_sideview_icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid var(--button-bordercolor);
    background: transparent;
    color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .12s ease;
}
.filter_sideview_icon:hover {
    background: var(--background-gray);
}
.wizemenpopupclosesmall {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--button-bordercolor);
    background: transparent;
    color: var(--ink);
    align-items: center;
    justify-content: center;
    transition: background-color .12s ease;
}
.wizemenpopupclosesmall:hover {
    background: var(--background-gray);
}
.notifications_card .notifications_box:first-child {
    padding-top: 0;
}

.notifications_card .notifications_box:last-child {
    padding-bottom: 0;
}
    .filter_sideview_icon svg, .filter_sideview_icon img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
    }

.filter_sideview_body {
    padding: 16px;
}

.filter_sideview_main.filter_sideview_open {
    right: 0px !important;
}

.filter_sideview_bodyview {
    overflow-y: hidden;
}
/*slide popup css end*/

/*kpfilter for checkbox*/
.kpfiltercheckbox {
}

    .kpfiltercheckbox ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .kpfiltercheckbox ul li {
            position: relative;
            min-width: 185px;
        }

            .kpfiltercheckbox ul li p {
                font-weight: var(--font-weight-medium);
                color: var(--othercolor);
                font-size: var(--fontsize12);
                margin: 0px;
            }

            .kpfiltercheckbox ul li label {
                display: flex;
            }

                .kpfiltercheckbox ul li label input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: none;
                    width: 100%;
                    height: 100%;
                    outline: 0;
                }

        .kpfiltercheckbox ul.wireframe li label > span {
            grid-template-columns: auto;
            grid-gap: var(--gap4);
        }

            .kpfiltercheckbox ul.wireframe li label > span > span {
                display: grid;
                grid-template-columns: 33px auto;
                align-items: center;
                grid-gap: var(--gap8);
            }

                .kpfiltercheckbox ul.wireframe li label > span > span.kpifiltertextsmall {
                    display: grid;
                    grid-template-columns: auto;
                    grid-gap: 0px;
                }

        .kpfiltercheckbox ul li label > span {
            background: var(--background-white);
            border: 1px solid var(--button-bordercolor);
            border-radius: var(--borderradius6);
            padding: 0px 16px;
            display: grid;
            grid-template-columns: 33px auto;
            grid-gap: var(--gap8);
            align-items: center;
            transition: 0.5s;
            width: 100%;
            height: 57px;
        }

.kpifiltertextsmall {
    color: var(--subinfocolor);
    display: flex;
    line-height: normal;
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize12);
}

.kpifilter_right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-gap: var(--gap4);
    line-height: normal;
}

.kpifiltertextlarge {
    color: var(--ink);
    display: flex;
    line-height: normal;
    font-weight: var(--font-weight-semibold);
    font-size: var(--fontsize16);
}

.kpfiltercheckbox ul li label input:checked + span {
    border: 1px solid var(--brandprimary-color);
    box-shadow: 2px 0px 5px 0px rgb(0 0 0 / 13%);
}
/*kpfilter for checkbox*/

/*page bottom fix bar*/
.page_bottom_fix_bar {
    padding-bottom: 96px;
}

.table_bottom_fixe {
    position: fixed;
    bottom: 0px;
    background: var(--background-white-bottom);
    width: calc(100% - 264px);
    left: 264px;
    padding: var(--padding16) var(--padding24);
    box-shadow: 30px 21px 25px 25px var(--sidebarmenuboxshadow);
    z-index: 999;
}

.table_bottom_fixe_left {
    display: flex;
    align-items: center;
    grid-gap: var(--gap24);
    float: left;
}

.table_bottom_fixe_right ul.edsycardslist {
    margin-right: 20px;
}

.table_bottom_fixe_right {
    display: flex;
    align-items: center;
    grid-gap: var(--gap16);
    float: right;
}
/*page bottom fix bar*/

/*status button view*/
.table_header_icon i {
    font-size: 14px;
    color: var(--ink2);
}

.edsywrapper .table > tbody > tr > td i {
    font-size: 16px;
    color: var(--ink2);
}

.statusbtn {
    line-height: normal;
    font-size: 12px;
    font-weight: var(--font-weight-regular);
    padding: 0px 12px;
    border-radius: 50px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    grid-gap: var(--gap8);
    height: var(--size25);
    justify-content: center;
    border: 0px !important;
}

    .statusbtn svg, .statusbtn img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

.greenstatus {
    background: var(--greenlight);
    color: var(--greendark);
    border: 1px solid var(--greendark);
}

    .greenstatus svg path {
        stroke: var(--greendark);
    }

.orangestatus {
    background: var(--orangelight);
    color: var(--orangedark);
    border: 1px solid var(--orangedark);
}

    .orangestatus svg path {
        stroke: var(--orangedark);
    }

.redstatus {
    background: var(--redlight);
    color: var(--reddark);
    border: 1px solid var(--reddark);
}

    .redstatus svg path {
        stroke: var(--reddark);
    }

.bluestatus {
    background: var(--bluelight);
    color: var(--bluedark);
    border: 1px solid var(--bluedark);
}

    .bluestatus svg path {
        stroke: var(--bluedark);
    }

.yellowstatus {
    background: var(--yellowlight);
    color: var(--yellowdark);
    border: 1px solid var(--yellowdark);
}

    .yellowstatus svg path {
        stroke: var(--yellowdark);
    }

.graystatus {
    background: var(--graylight);
    color: var(--graydark);
    border: 1px solid var(--graydark);
}

    .graystatus svg path {
        stroke: var(--graydark);
    }

.pinkstatus {
    background: var(--pinklight);
    color: var(--pinkdark);
    border: 1px solid var(--pinkdark);
}

    .pinkstatus svg path {
        stroke: var(--pinkdark);
    }

.purplestatus {
    background: var(--purplelight);
    color: var(--purpledark);
    border: 1px solid var(--purpledark);
}

    .purplestatus svg path {
        stroke: var(--purpledark);
    }

.lightbluestatus {
    background: var(--lightbluelight);
    color: var(--lightbluedark);
    border: 1px solid var(--lightbluedark);
}

    .lightbluestatus svg path {
        stroke: var(--lightbluedark);
    }

.table_data_view.bg_border_remove {
    background: transparent;
    border: 0px;
}
/*status button view*/

/*welcome box css start*/
.gradient_css {
    /*    background: linear-gradient(269.43deg, var(--headergradientcolororange) 0%, var(--headergradientcolorblue) 99.88%);
    background: linear-gradient(269.43deg, var(--headertopfixscroll) 0%, var(--headertopfix) 99.88%);*/
}

.edsy_welcome_card_top {
    padding: var(--padding24) var(--padding40);
    border-radius: var(--borderradius24) var(--borderradius24) 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.welcome_card_top_left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: var(--gap12);
}

.heyview {
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
}

    .heyview h2.heytext {
        font-size: var(--fontsize18);
        margin: 0;
        font-weight: var(--font-weight-medium);
        color: var(--ink);
    }

    .heyview svg, .heyview img {
        width: var(--svgiconheightwidth20);
        height: var(--svgiconheightwidth20);
        display: flex;
    }

.welcomeview {
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
}

    .welcomeview h1 {
        font-size: var(--fontsize24);
        font-weight: var(--font-weight-regular);
        color: var(--ink);
        margin: 0;
    }

        .welcomeview h1 span {
            font-weight: var(--font-weight-semibold);
            line-height: normal;
        }

.welcome_btn {
    color: var(--ink);
    font-weight: var(--font-weight-regular);
    background: var(--brandsecondary-color);
    border: 1px solid var(--button-bordercolor);
    padding: 0 12px;
    border-radius: 50px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    height: 35px;
    line-height: 14px;
}

    .welcome_btn span {
        font-weight: var(--font-weight-medium);
    }

.edsy_welcome_card_bottom {
    padding: var(--padding24);
    background: var(--background-white);
    border-radius: 0 0 var(--borderradius24) var(--borderradius24);
    border: 1px solid var(--button-bordercolor);
    border-top: 0px;
}

.outline_edsybutton {
    display: flex;
    align-items: center;
    grid-gap: var(--gap16);
}
/*welcome box css end*/

/*edsyboxstructure*/
.edsyboxstructure {
    background-color: var(--background-white);
    border-radius: var(--borderradius24);
    border: 1px solid var(--button-bordercolor);
    padding: var(--padding24);
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}
.edsywrapper .tablewithborder_box .table > thead > tr > th {
    padding-top: 10px;
    position: relative;
}
    .edsyboxstructure.edsyboxstructure_medium {
        border-radius:10px;
        padding:12px;
    }

    .edsyboxstructure.edsyboxstructure_small {
        border-radius: var(--borderradius6);
        padding: var(--padding12);
    }

.edsyboxheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edsyboxtitle {
    font-size: var(--fontsize20);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
}

.edsyboxstructure.edsyboxstructure_gapbottom {
    padding-bottom: 0px;
}

.edsy_box_main.fixed_or_custom_fields {
    margin-left: -4px;
    margin-right: -4px;
}

.fixed_or_custom_fields .edsy_box_gap {
    padding: 0 4px;
}

.edsy_box_main {
    margin-left: -12px;
    margin-right: -12px;
}

.edsy_box_gap {
    padding: 0 12px;
}

.edsy_box_center {
    justify-content: center;
}

.edsyboxstructure.edsyboxstructure_gap_reduce {
    padding: 0;
}

.edsyboxstructure_gap_reduce .edsyboxheader {
    padding: 24px 24px 0 24px;
}

.edsyboxstructure_gap_reduce .edsyboxbody {
    padding-left: 7px;
    padding-right: 12px;
}
/*edsyboxstructure*/

/*table in class code view*/
.class_code_tag {
    display: grid;
    align-items: center;
    grid-gap: var(--gap12);
    cursor: pointer;
    transition: 0.5s;
    grid-template-columns: 36px auto;
}

.class_tag {
    background: var(--card-bluelight);
    border-radius: var(--borderradius6);
    border: 1px solid var(--card-bluedark);
    color: var(--ink);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    width: var(--size36);
    height: var(--size36);
    justify-content: center;
    display: flex;
    align-items: center;
}

.class_code a {
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
    color: var(--ink);
}

.class_code {
    font-weight: var(--font-weight-medium);
    transition: 0.5s;
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
    line-height: normal;
}

    .class_code svg, .class_code img {
        width: var(--svgiconheightwidth16);
        height: var(--svgiconheightwidth16);
        display: flex;
        opacity: 0;
    }

.class_code_tag:hover .class_code svg, .class_code_tag:hover .class_code img {
    opacity: 1;
}

.class_code svg path {
    stroke: var(--brandprimary-color);
}

.class_code_tag:hover .class_code {
    color: var(--brandprimary-color);
}

.notconfigured {
    color: var(--danger-text);
}
/*table in class code view*/

/*fileuploadview*/
.fileuploadview {
    background: var(--card-bluelight);
    border: 2px dashed var(--card-bluedark);
    border-radius: var(--borderradius6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 24px 0;
}

.uploadicon svg, .uploadicon img {
    width: 90px;
    height: 90px;
}

    .uploadicon svg path {
        fill: var(--card-bluedark);
    }

.fileuploadview p {
    margin: 20px 0;
    color: var(--ink);
    font-size: var(--fontsize16);
    font-weight: var(--font-weight-regular);
    text-align: center;
    padding: 0 16px;
}

.fileuploador {
    position: relative;
    width: 100%;
    max-width: 220px;
    text-align: center;
    margin-bottom: var(--margin24);
}

    .fileuploador:before {
        content: '';
        position: absolute;
        top: 13px;
        left: 0;
        border-bottom: 1px solid var(--card-bluedark);
        width: 100%;
    }

.fileuploadview p strong {
    font-weight: var(--font-weight-medium);
}

.fileuploador span {
    background: var(--card-bluelight);
    position: relative;
    padding: 0 10px;
    font-size: var(--fontsize16);
}

#filetype-error {
    color: red;
    margin: 10px 0;
}

#filesize-error {
    color: red;
    margin: 10px 0;
}

ul#document-images {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.document-file {
    display: flex;
    align-items: center;
    background: var(--card-bluelight);
    border-radius: var(--borderradius6);
    margin-top: 12px;
    justify-content: space-between;
}

    li.document-file p svg {
        margin-right: 8px;
    }

    li.document-file p {
        margin: 0;
        padding: var(--padding10);
        font-size: var(--fontsize13);
    }

.fileshort img {
    width: var(--size16);
}

.fileshort {
    display: flex;
    align-items: center;
    padding-left: var(--padding10);
    width: 200px;
}

    .fileshort p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

li.document-file p button {
    border: 0px;
    background: transparent;
    padding: 0;
    outline: 0;
}

#input-empty-error {
    background: var(--danger-bg);
    border: 1px solid var(--danger-text);
    color: var(--danger-status);
    padding: var(--padding10);
    border-radius: var(--borderradius6);
    margin-top: 20px;
    text-align: center;
    font-size: var(--fontsize13);
}

.hidden {
    display: none;
}

.smallareafileupload .fileuploadview {
    padding: 16px;
}

.smallareafileupload .uploadicon svg, .smallareafileupload .uploadicon img {
    width: 65px;
    height: 65px;
}

.smallareafileupload .fileuploadview p {
    margin: 12px 0;
    font-size: var(--fontsize13);
}

.smallareafileupload .fileuploador {
    margin-bottom: 12px;
}
/*fileuploadview*/

/*class listing edsycalendar*/
.edsycalendar {
    background: var(--background-white);
    border-radius: var(--borderradius16);
    padding: 16px;
    border: 1px solid var(--button-bordercolor);
}
/*class listing edsycalendar*/

/*chart js*/
body .apexcharts-legend.apexcharts-align-left:before {
    content: 'View by:';
    color: var(--othercolor);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-medium);
}

body .apexcharts-legend::-webkit-scrollbar {
    width: 6px;
}

    body .apexcharts-legend::-webkit-scrollbar:horizontal {
        width: 6px;
        height: 6px;
    }

body .apexcharts-legend::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 9999px;
}

body .apexcharts-legend::-webkit-scrollbar-thumb {
    background-color: var(--button-bordercolor);
    border-radius: 9999px;
}


body .apexcharts-legend {
    /* padding: 0;
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
    padding-left: 17px;
    padding-right: 11px;*/
    padding: 0;
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
    padding-left: 17px;
    padding-right: 11px;
    white-space: nowrap;
    flex-wrap: nowrap !important;
    padding-bottom: 5px;
    top: 0px !important;
}

.apexcharts-inner {
    position: relative;
    margin-top: 14px;
}

body .apexcharts-legend-series:after {
    content: '';
    background-color: var(--ink);
    -webkit-mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-Cross.svg);
    mask-image: url(https://cdn.wizemen.net/images/edsyicons/line-Cross.svg);
    width: 14px;
    height: 14px;
    mask-size: 14px;
    margin-left: 4px;
}

body .apexcharts-legend-series.apexcharts-inactive-legend:after {
    display: none;
}

body .apexcharts-legend-series {
    padding: 0px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    height: var(--size35);
    line-height: normal;
    margin: 0px !important;
    background-color: var(--brandsecondary-color);
    border: 1px solid var(--button-bordercolor);
    position: relative;
}

body .apexcharts-legend-text {
    font-size: var(--fontsize13) !important;
    color: var(--ink) !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: var(--font-family-serif) !important;
    line-height: normal;
    font-weight: var(--font-weight-medium) !important;
}

body .apexcharts-legend-marker {
    width: 8px !important;
    height: 8px !important;
    margin-right: 6px !important;
    opacity: 1 !important;
}

    body .apexcharts-legend-marker svg {
        border-radius: 50%;
    }

body .apexcharts-legend-series.apexcharts-inactive-legend {
    background: var(--background-white);
    border: 1px solid var(--button-bordercolor);
    opacity: 1 !important;
}

    body .apexcharts-legend-series.apexcharts-inactive-legend .apexcharts-legend-text {
        font-weight: var(--font-weight-regular) !important;
    }

.apexcharts-tooltip.apexcharts-theme-light {
    border: 0px !important;
    border-radius: 6px;
    cursor: default;
    word-wrap: break-word;
    background-color: var(--tooltipbg) !important;
    padding: 10px 12px;
    filter: drop-shadow(0 0px 11px var(--shadowbg));
    box-shadow: none;
    font-size: 12px;
}

.tooltip-custom h4 {
    font-size: var(--fontsize13);
    color: var(--ink);
    margin: 0 0 4px 0;
    font-weight: var(--font-weight-medium);
}

.tooltip-custom p {
    font-size: var(--fontsize12);
    color: var(--ink);
    margin: 0px;
}

    .tooltip-custom p strong {
        font-weight: var(--font-weight-medium);
    }

.tooltip-custom span {
    font-size: var(--fontsize12);
    color: var(--ink);
}

    .tooltip-custom span strong {
        font-weight: var(--font-weight-medium);
    }
/*chart js*/

/*one week calander*/
.calendar_week_header {
    border-bottom: 1px solid var(--button-bordercolor);
    padding-bottom: 24px;
}

.calendar_week_title {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    font-size: var(--fontsize16);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
}

    .calendar_week_title svg, .calendar_week_title img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .calendar_week_title svg path {
            stroke: var(--ink);
        }

.calendar_week_list .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 4px;
    cursor: pointer;
    position: relative;
    padding-top: 14px;
}

    .calendar_week_list .item.active:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 2px;
        background: var(--tabcolor);
        border-radius: 10px;
    }

    .calendar_week_list .item.active span.c_date, .calendar_week_list .item.active span.c_day {
        color: var(--tabcolor);
    }

    .calendar_week_list .item span.c_date {
        font-size: var(--fontsize20);
        color: var(--othercolor);
        font-weight: var(--font-weight-regular);
        line-height: normal;
    }

    .calendar_week_list .item span.c_day {
        font-size: var(--fontsize13);
        color: var(--othercolor);
        font-weight: var(--font-weight-regular);
        line-height: normal;
    }

.calendar_week_list {
    margin-top: -2px;
}

    .calendar_week_list.owl-theme .owl-nav {
        margin-top: 0;
    }

    .calendar_week_list .owl-nav button.owl-prev {
        position: absolute;
        top: -43px;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .calendar_week_list .owl-nav button.owl-next {
        position: absolute;
        top: -43px;
        right: 0;
        margin: 0;
        padding: 0;
    }

    .calendar_week_list .owl-nav button svg {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .calendar_week_list .owl-nav button svg path {
            stroke: var(--ink);
        }

    .calendar_week_list.owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
        color: transparent;
    }
/*one week calander*/

/*form css*/
.edsyform {
    position: relative;
}

.slide_popup_scroll_nobutton {
    height: calc(100vh - 66px);
    overflow-y: scroll;
    padding-right: 10px;
    margin-right: -16px;
    overflow-x: hidden;
}

.slide_popup_scroll {
    height: calc(100dvh - 130px);
    overflow-y: scroll;
    padding-right: 10px;
    margin-right: -16px;
    overflow-x: hidden;
}

.bottom_btn_filter.left_side_view {
    justify-content: flex-start;
}

    .bottom_btn_filter.left_side_view button.btn_primary, .bottom_btn_filter.right_side_view button.btn_primary {
        width: auto;
    }

.bottom_btn_filter.right_side_view {
    justify-content: flex-end;
}

.bottom_btn_filter {
    position: fixed;
    bottom: 0px;
    background: var(--background-white);
    padding: var(--padding16);
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--gap8);
}

    .bottom_btn_filter.shadowadd {
        border-top: 1px solid var(--button-bordercolor);
    }

    .bottom_btn_filter .btn_primary {
        width: 100%;
    }

    .bottom_btn_filter.bottom_btn_filter_show {
        right: 0px !important;
    }

.form-control.textarea_large {
    min-height: 134px;
    padding: var(--padding16);
    resize: unset;
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    border-radius: 8px;
}

.form-control.textarea_small {
    min-height: 126px;
    padding: var(--padding12);
    resize: unset;
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    border-radius: 8px;
}

.form-control.textarea_table_inner {
    padding: 6px var(--padding16);
    resize: unset;
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    height: 48px;
    line-height: 19px;
}

.form-control {
    color: var(--ink);
    border: 1px solid var(--button-bordercolor);
    background-color: var(--background-white);
    line-height: normal;
}
/*.form_control_large:read-only, .form_control_small:read-only, form_control_medium:read-only {
    height: auto;
    border-radius: 0px;
    padding: 0px;
    border: 0px;
}*/
/*.form_control_large:focus:read-only, .form_control_small:focus:read-only, .form_control_medium:focus:read-only {
    border: 0px;
}*/
.form_control_fileupload {
    height: var(--size36);
    border-radius: var(--borderradius6);
    padding: 0 var(--padding12);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    line-height: 35px;
}

.form_control_large {
    height: var(--size35);
    border-radius: var(--borderradius6);
    padding: 0 var(--padding12);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize12);
}

.form_control_small {
    height: var(--size30);
    border-radius: var(--borderradius6);
    padding: 0 var(--padding12);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize12);
}

.form_control_medium {
    height: var(--size30);
    border-radius: var(--borderradius6);
    padding: 0 var(--padding12);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize12);
    line-height: var(--size30);
}

.form_control_noborder:focus {
    background: transparent;
}

.form-control:disabled {
    opacity: 1;
    border-color: var(--background-gray);
    box-shadow: none;
    background: var(--background-gray);
}

.form_control_noborder {
    height: var(--size48);
    border-radius: var(--borderradius6);
    padding: 0 var(--padding16);
    font-weight: var(--font-weight-regular);
    font-size: var(--fontsize13);
    background: transparent;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid var(--button-bordercolor);
}

.darkmodeview .form-control:focus {
    box-shadow: none;
    color: var(--bs-body-bg);
    border: 1px solid var(--button-bordercolor);
    background: var(--bs-body-color);
}

.table_edit_view {
    padding: 0 8px;
}

.inputinnericon {
    position: relative;
}

.inputiconview {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size30);
    height: 100%;
    z-index: 9;
}

    .inputiconview svg, .inputiconview img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
        cursor: pointer;
    }

.iconwithselect2 img {
    width: 14px;
}

.inputiconview svg path {
    stroke: var(--ink);
}

.form-label_with_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--gap8);
}

.edsyform .form-label_with_flex .form-label {
    margin-bottom: 0px;
}

.labelwithicon {
    cursor: pointer;
}

    .labelwithicon svg, .labelwithicon img {
        height: var(--svgiconheightwidth14);
        width: var(--svgiconheightwidth14);
        display: flex;
    }

        .labelwithicon svg path {
            stroke: var(--subinfocolor);
        }

.edsyform .form-label.aligncenter {
    align-items: center;
    margin-bottom: 0px;
    grid-gap: 4px;
}

.customerprofile_date_time .edsybtn_button_text {
    font-size: var(--fontsize13);
    cursor: pointer;
}

.edsyform .form-label, .formgroup label {
    display: flex;
    line-height: normal;
    color: var(--ink2);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    margin-bottom: var(--gap8);
}

.formcardtoppart .form-label {
    align-items: center;
    grid-gap: var(--gap4);
}

.form-label-value {
    color: var(--ink);
    font-size: var(--fontsize16);
}

.edsyform .form-label sup {
    color: var(--danger-status);
    top: 5px;
}

.edsyform .formgroup .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
}

    .edsyform .formgroup .dropdown-toggle.show {
        border: 1px solid var(--button-bordercolor);
        color: var(--ink);
        font-weight: var(--font-weight-medium);
    }

.edsyform .edsydropdown .dropdown-menu.bordertype_dropdown.show {
    /*box-shadow: 1px 1px 11.7px 0px var(--shadowbg);*/
}

.edsyform .formgroup .dropdown-menu {
    width: 100%;
    padding: 0;
}

.edsyform .edsydropdown .dropdown-menu li {
    padding: 0;
    border: 0;
}

.dropdown_search_view {
    padding: 8px;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

    .dropdown_search_view input {
        width: 100%;
        border: 1px solid var(--button-bordercolor);
        border-radius: var(--borderradius6);
        padding: 0 12px 0 32px;
        height: var(--size30);
        outline: 0px;
        font-size: var(--fontsize12);
        color: var(--ink);
        background-color: var(--background-white);
    }

        .dropdown_search_view input:focus {
            border: 1px solid var(--button-bordercolor);
        }

.dropdown_heightauto ul.custome_dropdown {
    max-height: 240px;
    overflow: auto;
}

ul.custome_dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 160px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    ul.custome_dropdown li {
        display: flex;
        align-items: center;
        width: 100%;
        grid-gap: var(--gap12);
        position: relative;
        cursor: pointer;
    }

span.list_dropdown_img {
    display: flex;
    align-items: center;
    grid-gap: 12px;
}

.list_dropdown_img img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
}

.Searchicon_dropdown {
    position: absolute;
    top: 16px;
    left: 19px;
}

    .Searchicon_dropdown svg, .Searchicon_dropdown img {
        width: var(--svgiconheightwidth14);
        height: var(--svgiconheightwidth14);
        display: flex;
    }

        .Searchicon_dropdown svg path {
            stroke: var(--ink);
        }

.dropdown_search_view.with_nosearch {
    display: none;
}

.clearordone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--button-bordercolor);
    padding: 8px;
    background: var(--background-white);
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

.dropdown_clear:hover .clear_text, .dropdown_clear:hover .clear_icon svg path {
    color: var(--button-hovercolor);
    fill: var(--button-hovercolor);
}

.dropdown_clear {
    display: flex;
    align-items: center;
    grid-gap: 2px;
    cursor: pointer;
    transition: 0.5s;
}

    .dropdown_clear .clear_icon svg, .dropdown_clear .clear_icon img {
        display: flex;
        width: var(--svgiconheightwidth16);
        height: var(--svgiconheightwidth16);
    }

        .dropdown_clear .clear_icon svg path {
            fill: var(--ink);
        }

.dropdown_done .done_icon svg path {
    stroke: var(--ink);
}

.dropdown_clear .clear_text {
    color: var(--ink);
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
}

.dropdown_done {
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
    cursor: pointer;
    transition: 0.5s;
}

    .dropdown_done:hover .done_text, .dropdown_done:hover .done_icon svg path {
        color: var(--button-hovercolor);
        stroke: var(--button-hovercolor);
    }

    .dropdown_done .done_text {
        color: var(--ink);
        font-size: var(--fontsize12);
        font-weight: var(--font-weight-regular);
    }

    .dropdown_done .done_icon svg, .dropdown_done .done_icon img {
        display: flex;
        width: var(--svgiconheightwidth16);
        height: var(--svgiconheightwidth16);
    }

ul.custome_dropdown li .checkbox {
    height: auto;
    max-width: unset;
    display: block;
    width: 100%;
}

    ul.custome_dropdown li .checkbox input[type="checkbox"] + label.textwithiconandimge {
        flex-direction: row;
    }

ul.custome_dropdown.custome_dropdown_countbox li .checkbox input[type="checkbox"] + label {
    display: grid;
    grid-template-columns: auto 20px;
    justify-content: unset;
}

.countbox_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.custome_dropdown.custome_dropdown_countbox li .checkbox input[type="checkbox"]:checked + label .countbox {
    /*    background: var(--radiocheckbtncolor);
    color: var(--textwhite-color);*/
}

.countbox_main .countbox {
    background: var(--background-gray);
    color: var(--ink);
    border-radius: var(--borderradius5);
    font-size: var(--fontsize12);
    padding: 3px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.custome_dropdown li .checkbox input[type="checkbox"] + label {
    grid-gap: var(--gap8);
    padding: 0 6px 0 12px;
    height: var(--size30);
    flex-direction: row-reverse;
    justify-content: space-between;
}

ul.custome_dropdown.userimgshowinfilter li .checkbox input[type="checkbox"] + label {
    height: var(--size30);
}

ul.custome_dropdown li .checkbox input[type="checkbox"]:checked + label {
    background: var(--forest-l);
}
/*form css*/

/*edsyprogress*/
.edsyprogress {
    display: flex;
    height: 64px;
    overflow: hidden;
    background-color: transparent;
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
    margin-top: -1px;
}

.edsyprogress-bar {
    background-color: var(--background-white);
    opacity: 1;
    background-image: linear-gradient(135deg, transparent 25%, #F8F8F8 25%, #F8F8F8 50%, transparent 50%, transparent 75%, #F8F8F8 75%, #F8F8F8);
    background-size: 50px 50px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 46px;
}

.edsyprogress_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(269.43deg, var(--headertopfixscroll) 0%, var(--headertopfix) 99.88%);
    border-radius: 0 100px 100px 0;
}

.edsyprogress_filename {
    line-height: 19.6px;
    text-align: left;
    position: relative;
    font-size: var(--fontsize13);
    color: var(--ink);
    font-weight: var(--font-weight-regular);
}

.edsyprogress_uploaded {
    line-height: 19.6px;
    text-align: left;
    position: relative;
    font-size: var(--fontsize13);
    color: var(--ink);
    font-weight: var(--font-weight-regular);
}
/*edsyprogress*/

/*button part*/
.bottom_button_view_popup.bottom_button_position {
    position: relative;
    border-radius: 0px;
    background: transparent;
    padding: 0;
    left: unset;
    bottom: unset;
}
/*button part*/

/*message*/
.msgtextview {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

    .msgtextview .textmore {
    }

.msgtitle {
    position: relative;
    margin-right: 4px;
}

.fileattachment_main {
    display: grid;
    align-items: center;
    grid-gap: var(--gap8);
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.edsywrapper .table tr.read span {
    font-weight: var(--font-weight-regular);
}

.edsywrapper .table tr.unread span {
    font-weight: var(--font-weight-medium);
}

.fileattachment_img svg, .fileattachment_img img {
    height: var(--svgiconheightwidth16);
    width: var(--svgiconheightwidth16);
    display: flex;
}

.fileattachment {
    display: flex;
    align-items: center;
    padding: 0 12px;
    grid-gap: var(--gap8);
    border-radius: 40px;
    height: 30px;
    border: 1px solid var(--button-bordercolor);
}

    .fileattachment span {
        line-height: normal;
    }

.fileattachment_title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.fileattachment.fileattachmentmore {
    width: 30px;
    height: 30px;
    padding: 0;
    justify-content: center;
    cursor: pointer;
}

.checkbox span.imgsize40 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.checkbox span.imgsize36 img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top center;
}

.imgwith_checkbox {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.textmorechecbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 4px;
}

.textmorechecbox_small {
    font-size: var(--fontsize12);
    color: var(--othercolor);
}

.messagepartview {
}

    .messagepartview .messagepartview_inner {
    }

.messagepartview_inner p {
    margin-bottom: 10px;
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
}

    .messagepartview_inner p:last-child {
        margin-bottom: 0px;
    }

.messagepartview_inner .edsyform {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .messagepartview_inner .edsyform .form-label {
        font-size: var(--fontsize13);
    }

.messagepartview_inner a {
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    margin-bottom: 10px;
    display: block;
}

p.hintmsg {
    color: var(--warning-text);
    font-weight: var(--font-weight-medium);
}

.table_imgtext_email b {
    font-weight: var(--font-weight-medium);
    color: var(--ink);
}

.messagedelete svg {
    height: var(--svgiconheightwidth16);
    width: var(--svgiconheightwidth16);
    display: flex;
}

.messagedelete {
    cursor: pointer;
}

    .messagedelete svg path {
        stroke: var(--ink);
    }
/*message*/

/*ck*/
.edsycontainer .cke_toolbox {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap4);
}

    .edsycontainer .cke_toolbox > .cke_toolbar {
        display: flex;
        float: unset;
    }

    .edsycontainer .cke_toolbox .cke_toolbar_break {
        display: none;
    }

.edsycontainer .cke_toolgroup {
    float: unset;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    grid-gap: var(--gap4);
}

    .edsycontainer .cke_toolgroup .cke_toolbar_separator {
        display: none;
    }

.edsycontainer .cke_combo:after {
    display: none !important;
}

.edsycontainer a.cke_button {
    display: inline-block;
    height: auto;
    padding: 0 7px !important;
    outline: 0;
    cursor: default;
    position: relative;
    background: var(--background-white) !important;
    border: 1px solid var(--button-bordercolor) !important;
    height: 30px;
    display: flex;
    border-radius: var(--borderradius5);
    align-items: center;
}

.edsycontainer a.cke_button_off:hover, .edsycontainer a.cke_button_off:focus, .edsycontainer a.cke_button_off:active {
    padding: 0 7px !important;
    background: #f0f0f0 !important;
    border: 1px solid var(--button-bordercolor) !important;
    height: 30px;
    display: flex;
    align-items: center;
}

.edsycontainer .cke_chrome {
    display: block;
    border: 1px solid var(--button-bordercolor);
    padding: 0;
    border-radius: var(--borderradius6);
}

.edsycontainer .cke_inner {
    border-radius: var(--borderradius6);
}

.edsycontainer .cke_top {
    border-bottom: 1px solid var(--button-bordercolor);
    background: var(--background-white);
    padding: 12px;
    white-space: normal;
    border-radius: var(--borderradius6) var(--borderradius6) 0 0;
}

.edsycontainer .cke_toolgroup a.cke_button:last-child:after, .edsycontainer .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
    display: none;
}

.edsycontainer .cke_combo {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    background: var(--background-white) !important;
    border: 1px solid var(--button-bordercolor) !important;
    border-radius: var(--borderradius5);
    margin-right: 5px;
}

.edsycontainer .cke_combo_on a.cke_combo_button, .edsycontainer .cke_combo_off a.cke_combo_button:hover, .edsycontainer .cke_combo_off a.cke_combo_button:focus, .edsycontainer .cke_combo_off a.cke_combo_button:active {
    background: transparent !important;
    border: 0px !important;
    padding: 0 !important;
    margin-left: 0 !important;
}

.edsycontainer .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button, .edsycontainer .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover, .edsycontainer .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus, .edsycontainer .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active, .edsycontainer .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button, .edsycontainer .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover, .edsycontainer .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus, .edsycontainer .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
    padding: 0 !important;
    margin-left: 0 !important;
}

.edsycontainer a.cke_combo_button {
    padding: 0;
    display: flex;
}

.edsycontainer .cke_combo_text {
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    float: unset;
    cursor: default;
    color: var(--ink);
    padding: 8px 11px;
}

.edsycontainer .cke_combo_open {
    cursor: default;
    display: inline-block;
    font-size: 0;
    height: auto;
    line-height: normal;
    margin: 0;
    width: auto;
    position: absolute;
    top: 4px;
    right: 5px;
}

.edsycontainer .cke_combo.cke_combo__fontsize {
    margin-right: 0px;
}

.cke_combopanel {
    z-index: 999999 !important;
}

.cke_panel {
    border: 1px solid var(--button-bordercolor) !important;
    margin-top: 8px !important;
    border-radius: var(--borderradius6) !important;
    z-index: 999999 !important;
}

.cke_dialog_background_cover {
    z-index: 99999 !important;
}

.cke_dialog_container {
    z-index: 99999 !important;
}

.edsycontainer .cke_bottom {
    padding: 7px 10px 4px;
    position: relative;
    border-top: 1px solid var(--button-bordercolor);
    background: #f0f0f0;
    border-radius: 0 0 var(--borderradius6) var(--borderradius6);
}

.darkmodeview .cke_button_icon {
    filter: brightness(0) invert(1);
}

.cke_button__source_label, .cke_button__sourcedialog_label {
    display: none !important;
}
/*body .cke_ltr .cke_button__source_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/simcard-1.svg)!important;
}
body .cke_ltr .cke_button__preview_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/global-search.svg) !important;
}
body .cke_button__print_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/printer.svg) !important;
}
body .cke_ltr .cke_button__templates_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/receipt-search.svg) !important;
}
body .cke_ltr .cke_button__copy_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/document-copy.svg) !important;
}
body .cke_ltr .cke_button__undo_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/undo.svg) !important;
}
body .cke_ltr .cke_button__redo_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/redo.svg) !important;
}
body .cke_ltr .cke_button__find_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/search-normal-1.svg) !important;
}
body .cke_button__image_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/gallery.svg) !important;
}
body .cke_button__html5video_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/video.svg) !important;
}
body .cke_button__justifyleft_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/textalign-left.svg) !important;
}
body .cke_button__justifycenter_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/textalign-center.svg) !important;
}
body .cke_button__justifyright_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/textalign-right.svg) !important;
}
body .cke_button__justifyblock_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/textalign-justifycenter.svg) !important;
}
body .cke_button__bold_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-bold.svg) !important;
}
body .cke_button__italic_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-italic.svg) !important;
}
body .cke_button__underline_icon {
    background-position: center center !important;
    background-size: 100% !important;
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-underline.svg) !important;
}
body .cke_button__strike_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/strikethrough.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__blockquote_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/quote-down.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__ckeditor_wiris_formulaeditor_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/math.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__cut_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/scissor-1.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__textcolor_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/brush-2.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__bgcolor_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/bucket.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__table_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/grid-1.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__replace_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/recovery-convert.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_rtl .cke_button__outdent_icon, body .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/indent-decrease.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
body .cke_ltr .cke_button__outdent_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/indent-decrease.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_rtl .cke_button__indent_icon, body .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/indent-increase.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
    background: none !important;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
body .cke_ltr .cke_button__indent_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/indent-increase.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_rtl .cke_button__numberedlist_icon, body .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/number-list.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__numberedlist_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/number-list.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_rtl .cke_button__bulletedlist_icon, body .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/bullet-list.svg) !important;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__bulletedlist_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/bullet-list.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__bidiltr_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-direction-left.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__bidirtl_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-direction-right.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__smiley_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/emoji-funny-circle.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__specialchar_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/special-character.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__subscript_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/subscript.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__superscript_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/superscript.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__removeformat_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/remove-format.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__copyformatting_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/text-block.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__paste_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/note-text.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__pastetext_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/txt-text-file-extension.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_ltr .cke_button__pastefromword_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/word-file.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__horizontalrule_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/align-horizontally.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__selectall_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/tick-square.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}
body .cke_button__scayt_icon {
    background-image: url(https://cdn.wizemen.net/images/edsyicons/spell-check.svg) !important;
    background-position: center center !important;
    background-size: 100% !important;
}*/
/*ck*/
/*timepicker*/
.mdtp__wrapper[data-theme='yellow'] .mdtp__time_holder {
    background-color: #F9A825;
}

.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__clock_dot {
    background-color: #F9A825;
}

.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__digit.active span,
.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover {
    background-color: #F9A825 !important;
}

.mdtp__wrapper[data-theme='yellow'] .mdtp__clock .mdtp__digit.active:before {
    background-color: #F9A825;
}

.mdtp__wrapper[data-theme='yellow'] .mdtp__button {
    color: #F9A825;
}
/*timepicker*/

/*tooltip*/
.tooltipjs_view svg {
    height: var(--svgiconheightwidth16);
    width: var(--svgiconheightwidth16);
    display: flex;
}

.tooltipjs_view {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
}

#tooltipjs_view {
    cursor: pointer;
}

.tooltipjs_view svg.stroke path {
    stroke: var(--ink);
}

.tooltipjs_view svg.fill path {
    fill: var(--ink);
}
/*tooltip*/

/*createviewtab*/
.createviewtab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
    margin-bottom: 24px;
}

.createviewbox svg, .createviewbox img {
    height: var(--svgiconheightwidth24);
    width: var(--svgiconheightwidth24);
    display: flex;
    margin: 0 auto;
}

.createviewbox.blue input[type="radio"] + label > span {
    color: var(--brandprimary-color);
}

.createviewbox.green input[type="radio"] + label > span {
    color: var(--card-greendark);
}

.createviewbox.yellow input[type="radio"] + label > span {
    color: var(--progres-text);
}

.createviewbox.pink input[type="radio"] + label > span {
    color: var(--card-purpledark);
}

.createviewbox.red input[type="radio"] + label > span {
    color: var(--danger-text);
}

.createviewbox.blue input[type="radio"] + label {
    background-color: var(--brandsecondary-color);
}

.createviewbox.blue input[type="radio"]:checked + label {
}

.createviewbox.green input[type="radio"] + label {
    background-color: var(--card-greenlight);
}

.createviewbox.yellow input[type="radio"] + label {
    background-color: var(--progres-bg);
}

.createviewbox.pink input[type="radio"] + label {
    background-color: var(--card-purplelight);
}

.createviewbox.red input[type="radio"] + label {
    background-color: var(--danger-bg);
}

.createviewbox.blue svg path {
    stroke: var(--brandprimary-color);
}

.createviewbox.green svg path {
    stroke: var(--card-greendark);
}

.createviewbox.yellow svg path {
    stroke: var(--progres-text);
}

.createviewbox.pink svg path {
    stroke: var(--card-purpledark);
}

.createviewbox.red svg path {
    stroke: var(--danger-text);
}

.createviewbox input[type="radio"] {
    width: 100%;
    height: 100%;
}

    .createviewbox input[type="radio"] + label {
        padding: 24px 16px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        grid-gap: 12px;
        color: unset;
        border-radius: 16px;
    }

        .createviewbox input[type="radio"] + label > span {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            flex-direction: column;
            grid-gap: 12px;
        }
/*createviewtab*/

/*more text*/
.textmoreview {
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    justify-content: space-between;
}

    .textmoreview p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: break-spaces;
    }

.text_area_view {
    display: flex;
    align-items: center;
    grid-gap: var(--gap8);
    width: 100%;
    min-width: 350px;
}

.readmoreicon {
    cursor: pointer;
}

    .readmoreicon svg, .readmoreicon img {
        height: var(--svgiconheightwidth16);
        width: var(--svgiconheightwidth16);
        display: flex;
    }

        .readmoreicon svg.stroke path {
            stroke: var(--ink);
        }

.readmore_text p {
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-regular);
    color: var(--ink);
    margin: 0;
}
/*more text*/

/*footer*/
.footer {
    position: fixed;
    width: calc(100% - 257px);
    left: 257px;
    z-index: 999;
    transition: 0.5s;
    padding: 16px;
    bottom: 0px;
    background: var(--footer-color);
    box-shadow: 2px 0px 20.2px 0px var(--sidebarmenuboxshadow);
}

    .footer p {
        font-size: var(--fontsize13);
        font-weight: var(--font-weight-regular);
        color: var(--ink);
        margin: 0;
    }
/*footer*/

/*login*/
.login_page {
    display: flex;
}

.login_left {
    background-color: var(--button-hovercolor);
    width: 35%;
    height: 100vh;
}

.login_right {
    width: 65%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginform {
    width: 55%;
}

.forgotview {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*login*/

/*fancybox*/
.fancybox__container {
    z-index: 99999 !important;
}

ul.assignmentdetails_file li svg.pdforg {
    height: var(--svgiconheightwidth20);
    width: var(--svgiconheightwidth20);
}

    ul.assignmentdetails_file li svg.pdforg path {
        stroke: transparent;
    }

.edsydropdown .dropdown-menu li a:hover svg.pdforg path {
    stroke: transparent;
}
/*fancybox*/

/*dashboard triviabox*/
.triviabox {
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
    grid-gap: var(--gap24);
}

.trivia_right h3 {
    font-size: var(--fontsize16);
    margin: 0;
    font-weight: var(--font-weight-medium);
}

.trivia_right p {
    font-size: var(--fontsize13);
    margin: 0;
    font-weight: var(--font-weight-regular);
}

.trivia_right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: var(--gap24);
}

.trivia_left svg, .trivia_left img {
    width: 200px;
    height: 200px;
}
/*dashboard triviabox*/

/*edsy_two_field*/
.edsy_two_field {
    grid-template-columns: 110px auto;
}

    .edsy_two_field .oneline_checkbox {
        margin-bottom: 0;
    }

.edsyform .edsy_two_field .form-label {
    margin-bottom: 0;
    white-space: nowrap;
}

.edsy_two_field .edsy_flexview {
    align-items: center;
}
/*edsy_two_field*/

/*userlogout*/
.edsydropdown .dropdown-menu.userlogoutview {
    padding: 12px;
    min-width: 240px;
}
/*userlogout*/

.edsydropdown .dropdown-menu.thememode_dropdown {
    min-width: 150px;
}



.colorselect {
    height: 115px;
    overflow: auto;
}

.edsydropdown .dropdown-menu.notificationdropdown:before {
    display: none;
}

.edsydropdown .dropdown-menu.thememode_dropdown:before {
    display: none;
}

.edsydropdown .dropdown-menu.userlogoutview:before {
    display: none;
}

.edsydropdown .dropdown-menu.notificationdropdown {
    min-width: 385px;
}

.notification_top {
    padding: var(--padding12);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 6px 6px 0 0;
}

.notification_top_left h2 {
    color: var(--ink);
    font-weight: var(--font-weight-medium);
    font-size: var(--fontsize13);
}

.edsydropdown .dropdown-menu.dropdown_heightauto1 {
    min-width: unset;
}

.custome_dropdown_li_base li {
    width: 100%;
}

    .custome_dropdown_li_base li a {
        width: 100%;
    }

.notification_bottom ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height:400px;
    overflow: auto;
}

.loading_effect .notification_text_top {
    background: #e9e9e9;
    height: 16px;
    border-radius: 3px;
}

.loading_effect .notification_text_bottom_left {
    background: #e9e9e9;
    height: 16px;
    border-radius: 3px;
}

.loading_effect .notification_icon {
    background: #e9e9e9;
}

.edsydropdown .dropdown-menu .notification_bottom ul li a {
    padding: 8px 12px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid var(--button-bordercolor);
}

.right_noti {
}

.edsydropdown .dropdown-menu .notification_bottom ul li {
}

.notification_text_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.notification_icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown-menu li a .notification_icon svg, .dropdown-menu li a .notification_icon img {
    height: var(--svgiconheightwidth20);
    width: var(--svgiconheightwidth20);
}

.notification_icon.noti_assignment {
    background: var(--card-bluelight);
}

    .notification_icon.noti_assignment svg path {
        stroke: var(--card-bluedark) !important;
    }

.dropdown-menu li a:hover .notification_icon.noti_assignment svg path {
    stroke: var(--card-bluedark) !important;
}

.notification_icon.noti_newlead {
    background: var(--warning-bg);
}

    .notification_icon.noti_newlead svg path {
        stroke: var(--warning-text) !important;
    }

.dropdown-menu li a:hover .notification_icon.noti_newlead svg path {
    stroke: var(--warning-text) !important;
}

.notification_text_top_left {
    font-size: var(--fontsize13);
    font-weight: var(--font-weight-medium);
    color: var(--ink);
}

.notification_text_top_right {
    font-size: var(--fontsize12);
    font-weight: var(--font-weight-regular);
    color: var(--othercolor);
}

.notification_text_bottom {
}

.viewallbtn {
    padding: var(--padding12);
}

.notification_text_bottom_left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 4px;
}

    .notification_text_bottom_left h3 {
        font-weight: var(--font-weight-medium);
        color: var(--ink);
        font-size: var(--fontsize12);
    }

    .notification_text_bottom_left h4 {
        color: var(--ink2);
        font-size: 11px;
    }

    .notification_text_bottom_left .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: block;
        position: relative;
        top: 2px;
    }

.unread .dot {
    background: var(--danger-status);
}

.read .dot {
    background: var(--success-text);
}

.notification_text_top_right .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

.title_align_time {
}

.notification_text_bottom_right {
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    color: var(--othercolor);
}

.edsydropdown .dropdown-menu .notification_bottom ul li .border_right_side {
}

.notification_text {
    line-height: normal;
}

.notification_top_right .dropdownbutton_small .dropdown-toggle.dropdownbutton_icon:hover {
    background: var(--background-gray-dark);
}

.notification_top_right .dropdownbutton_small .dropdown-toggle.dropdownbutton_icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notifications_mob .no_result_view svg path {
    stroke: var(--background-gray-dark);
    fill: unset !important;
}

.notification_top_left .nav-tabs {
    padding: 0 !important;
}

.edsy_header_box_icon i {
    font-size: 16px;
    color: var(--ink2);
}

.notification_number {
    position: absolute;
    top: 4px;
    font-size: 8px;
    background: var(--danger-status);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textwhite-color);
    margin-left: 13px;
}

.read .notification_text_top_left {
    color: var(--othercolor);
}

.read .notification_text_bottom_left {
    color: var(--othercolor);
}

.read .notification_text_bottom_right {
    color: var(--othercolor);
}

.dropdownbutton_small .dropdown-toggle.hover_blue:hover {
    border-color: var(--button-bordercolor);
    background: var(--brandsecondary-color);
}

    .dropdownbutton_small .dropdown-toggle.hover_blue:hover svg path {
        stroke: var(--brandprimary-color);
    }

.linksvg svg, .linksvg img {
    width: 16px;
    height: 16px;
}

    .linksvg svg path {
        stroke: var(--ink);
    }

.show-export {
    display: none !important;
}

.intl-tel-input {
    display: flex;
}

    .intl-tel-input .country-list {
        font-size: 12px;
        width: 290px;
        background: var(--background-white);
        border: 1px solid var(--button-bordercolor);
        border-radius: 6px;
    }

        .intl-tel-input .country-list .country {
            padding: 5px 10px;
            white-space: normal;
        }

.datatable_bottom_left > .dt-buttons > .dt-button.buttons-colvis span {
    position: relative;
}

.edsydropdown .dropdown-menu li a:hover svg path {
    stroke: var(--button-hovercolor);
}

.business_profile_grid_top p {
    margin: 0;
    font-size: var(--fontsize12);
}

.table_header_top .inputinnericon {
    width: 140px;
}

.edsydropdown.dropdownbutton_small .dropdown-menu ul.withoutcheckbox li a {
    width: 100%;
    justify-content: space-between;
}

.edsywrapper .table.withoutdatatable > thead > tr > th label {
    margin-bottom: 0px;
    color: var(--ink);
}

.darkmodeview .position_set_quil img {
    filter: unset;
}

.calenda-from-to {
    display: flex;
    grid-gap: 16px;
}

    .calenda-from-to .daterangepicker {
        position: relative;
        top: 0 !important;
        display: block !important;
        margin: 0px;
        border: 0px;
        left: 0 !important;
        width: 100%;
    }

    .calenda-from-to .drp-buttons {
        display: none !important;
    }

    .calenda-from-to .drp-calendar {
        padding: 0px !important;
    }

.ui-menu-item-wrapper {
    font-size: var(--fontsize13);
}

    .ui-menu-item-wrapper strong {
        font-weight: 500;
    }

.auto_lead_icon > div:before {
    content: 'Lead';
    color: var(--card-bluedark);
    background: var(--card-blueseparator);
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 3px;
    height: 18px;
    display: inline-block;
    margin-right: 6px;
}

.auto_form_icon > div:before {
    content: 'Form';
    background: var(--card-greenseparator);
    color: var(--card-greendark);
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 3px;
    height: 18px;
    display: inline-block;
    margin-right: 6px;
}



.notifications_box {
    position: relative;
    display: flex;
    gap: 9px;
    padding: 11px 0;
    border-bottom: 0.5px solid var(--button-bordercolor);
    align-items: flex-start;
}

.notifications_box_right {
    display: grid;
    align-items: center;
    grid-template-columns: auto;
    grid-gap: 20px;
    position: relative;
}

.notifications_icon {
    width: var(--size48);
    height: var(--size48);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

    .notifications_icon svg, .notifications_icon img {
        height: var(--svgiconheightwidth20);
        width: var(--svgiconheightwidth20);
    }

    .notifications_icon.noti_assignment {
        background: var(--card-bluelight);
    }

        .notifications_icon.noti_assignment svg path {
            stroke: var(--card-bluedark);
        }

    .notifications_icon.noti_newlead {
        background: var(--warning-bg);
    }

        .notifications_icon.noti_newlead svg path {
            stroke: var(--warning-text);
        }

.notifications_text_date {
    font-size: 11px;
    font-weight: var(--font-weight-regular);
    color: var(--ink4);
}

.notifications_box:last-child {
    border-bottom: 0px;
}

.reddot:before {
    width: 6px;
    height: 6px;
}

.border_right_side {
    width: 6px;
    height: 6px;
    border-radius: 10px;
    transform: unset;
}

    .border_right_side.reddot {
        background: var(--danger-status);
    }

.notifications_text {
    /*    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 24px;*/
}

.notifications_text_view {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 2px;
}

    .notifications_text_view h4 {
        font-size: 12px;
        color: var(--ink2);
    }

    .notifications_text_view h3 {
        font-weight: 400;
        color: var(--ink);
    }

.dashboardbox_shadow .edsydropdown .dropdown-menu {
    max-height: 280px;
    overflow: auto;
}



body.bodyscrollhide {
    overflow-y: hidden;
}

.titleeditview {
    height: var(--svgiconheightwidth14) !important;
    width: var(--svgiconheightwidth14) !important;
    position: relative;
    top: -8px;
    cursor: pointer;
}

.fixentryvalformhtml {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tagviewemail {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    flex-wrap: wrap;
}

.tagviewemail_box {
    background: var(--bluelight);
    color: var(--bluedark);
    display: flex;
    padding: 5px 12px;
    font-size: var(--fontsize13);
    border-radius: 5px;
    border: 1px dashed var(--bluedark);
    cursor: pointer;
}

.filter_sideview_two {
    display: flex;
    align-items: center;
    grid-gap: 12px
}

.scrollpartmenu {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.newbusiness_view {
    padding: 6px 8px;
}

.profileviewuser .profileviewuser-inner {
    padding: 6px 8px;
    border-radius: var(--borderradius6);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profileviewuser-inner:hover {
    background: var(--stone);
}

.profileviewuser-inner .table_imgtext_group {
    grid-gap: var(--gap8);
}

.profileviewuser .table_imgtext_title {
    font-size: var(--fontsize13);
    font-weight: 500;
    color: var(--ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profileviewuser .table_imgtext_email {
    font-size: 10px;
    color: var(--ink3);
}

.profileviewuser .table_imgtext_right {
    grid-gap: 0px;
}

.profileviewuser {
    padding: 8px;
    border-top: 1px solid var(--button-bordercolor);
}

.edsydropdown .dropdown-menu li a .countbox {
    font-size: 10px;
}

.edsybtn_button_red {
    background-color: var(--danger-bg);
    font-size: var(--fontsize16);
    color: var(--danger-text);
    padding: 0 var(--padding16);
    height: var(--size30);
    font-weight: var(--font-weight-regular);
    border-radius: var(--borderradius6);
    border: 1px solid var(--button-bordercolor);
}

.html5tooltip-text {
    font-size: var(--fontsize12);
}

.html5tooltip-box {
    padding: 6px 8px;
}



.sl {
}

.sn {
    margin-bottom: 16px;
   
}

    .sn ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        overflow: auto;
        border-bottom: 1px solid var(--button-bordercolor);
    }

        .sn ul li a {
            padding: 8px 13px;
            font-size: var(--fontsize13);
            color: var(--ink2);
            cursor: pointer;
            border-bottom: 2px solid transparent;
            border-top: 0;
            border-left: 0;
            border-right: 0px;
            transition: all .12s;
            background: transparent;
            font-family: inherit;
            display: flex;
            white-space: nowrap;
        }

            .sn ul li a.active {
                color: var(--button-hovercolor);
                border-color: var(--button-hovercolor);
                font-weight: var(--font-weight-medium);
            }

.sns {
    font-size: var(--fontsize13);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 4px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--ink4);
}

.sni {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 8px;
    border-radius: var(--borderradius6);
    cursor: pointer;
    color: var(--ink2);
    transition: all .12s;
    margin-bottom: 1px;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    font-size: var(--fontsize13);
    height: var(--size30);
}

    .sni i {
        font-size: 16px;
        flex-shrink: 0;
    }

.innerheading {
    font-size: var(--fontsize14);
    font-weight: 500;
    margin-bottom: 4px;
}

.edsyaccordion .accordion-item:nth-child(1) .accordion-header.accordion_header_minheight {
    padding-top: 0;
}

.edsyaccordion .accordion-item:last-child .accordion-header.accordion_header_minheight {
    padding-bottom: 0;
}

.innersubheading {
    font-size: var(--fontsize12);
    color: var(--ink3);
}

.sc {
}

.sp {
    display: none;
}

    .sp.active {
        display: block;
    }

.headingintegrations {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
}

.edsybtn_button i {
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: normal;
}

.subheadingintegrations {
    font-size: 12px;
    margin-bottom: 6px;
    color: var(--ink3);
}

.integrationsboxview {
    display: flex;
    gap: 7px;
    align-items: center;
}





.themesettingsbox {
    position: fixed;
    bottom: 16px;
    right: -203px;
    display: flex;
    align-items: center;
    z-index:99;
}

.themesettingsview {
    width: 200px;
    border: 1px solid var(--button-bordercolor);
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
    border-radius: 6px;
    padding: 12px;
    background: var(--background-white);
}

.headingtheme {
    font-size: var(--fontsize13);
    color: var(--ink);
    font-weight: 500;
    margin-bottom: 8px;
}

.themesettingsview ul {
    padding: 0;
    margin: 0 0 14px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
}

    .themesettingsview ul li {
        grid-gap: 8px;
        font-size: var(--fontsize13);
        color: var(--ink);
        padding: 7px 10px;
        border: 1px solid var(--button-bordercolor);
        background: var(--background-white);
        border-radius: 6px;
        box-shadow: 0 0 10px rgb(0 0 0 / 5%);
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

.hideicon {
    opacity: 0;
}

span.greentheme {
    width: 16px;
    height: 16px;
    background: #1b5e3b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

span.bluetheme {
    width: 16px;
    height: 16px;
    background: #6831ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

body.darkmodeview .edsybtn_button_text img.svg-convert {
    filter: brightness(0) invert(1);
}

.themesettingsview ul li span i {
    font-size: 11px;
    position: relative;
}

.themesettingsview ul li i {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.themesettingsbox.themesettingsviewopen {
    right: 0;
}

.themesettings {
    background: var(--button-hovercolor);
    color: #fff;
    width: 36px;
    height: 36px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px 0 0 6px;
}


#lead_partial ul.filterview_anchor li {
    margin: 4px 0 0;
}

#lead_partial ul.filterview_anchor {
    row-gap: 0px;
}
#lead_partial .filter_table {
    margin-top: 10px;
}