/*
File: app.css
*/

.sidebar-wrapper .metismenu li a .parent-icon svg path {
    fill: #fff !important;
    stroke: unset !important;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    margin-left: 1rem;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-Light.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: Nunito;
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/Nunito/static/Nunito-Black.ttf) format("truetype");
}

:root {
    /* --primary-color: #008d91;
    --secondary-color: #776abe;
    --text-color: #4c5258;
    --background-color: #f1f1f1;
    --border-color: #e4e4e4;
    --hover-bg-color: #E8DEFF; */
    --hover-bg-dark: #5c636b;
    /* --red-color: #FF696F; */
    --red-color: #ff8489;
    --green-color: #45CC8C;
    /* --green-color: #51957b; */
    --purple-color: #B3B9EF;
    --text-dark: #000;
    --text-light: #4B5157;
    --sidebar-bg: #2F2562;
    --sidebar-text: #000;
    --path: #fff;
    --path-dark: #404040;
    --dark-sidebar-text: #404040;
    --model-close-bg: #472D74;
    --model-header-bg: #2F2562;
    --save-btn-bg: #9B6DFF;
}

body {
    font-size: 14px;
    /* color: #fff; */
    color: #212529;
    /*	letter-spacing: .5px;*/
    /*	background: #f2f3f5;*/
    background: #f1f1f1;
    overflow-x: hidden;
    /* font-family: Roboto, sans-serif */
}

label {
    color: #212529;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Nunito;
}

a {
    text-decoration: none
}

.form-control,
.form-select {
    border: 1px solid #A9A9A9;
    border-radius: 5px !important;
}

.btn {
    font-size: 0.8rem;
    padding: 10px 10px;
    border-radius: .3rem;
}

.custom-height-37 {
    height: 37px;
}

.wrapper {
    width: 100%;
    position: relative
}

.sidebar-wrapper {
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    /* background: #201849; */
    /* background: #2f2562; */
    z-index: 11;
    transition: all .2s ease-out;
}


/* .sidebar-wrapper.dark-mode {
    width: 220px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #FCFCFC;
    z-index: 11;
    transition: all .2s ease-out;
} */

.swal2-container.swal2-backdrop-show {
    background-color: rgba(0, 0, 0, 0.8) !important;
    /* default ~0.4, so 0.7 is darker */
}

.swal2-popup.swal2-animate-scale {
    animation: swal2-scale-bounce 0.28s cubic-bezier(.2, .8, .2, 1) !important;
}

@keyframes swal2-scale-bounce {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.sidebar-header {
    width: 250px;
    height: 63px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    padding: 0 26px;
    z-index: 5;
    background-clip: padding-box;
    border: none;
}

.simplebar-content {
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.custom-progress {
    background-color: #e9ecef !important;
    display: flex;
    height: 7px !important;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    /* margin-top: 8px !important; */
    width: 90%;
}

.rest_contract {
    color: #cd2c2c !important;
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
    height: unset !important;
    /* position: absolute;
    top: 4px;
    right: 10px; */
}

.custom-progress .progress-bar {
    background-color: #1CB079 !important;
}

.iti__flag {
    width: 18px !important;
    height: 12px !important;
}

.logo-icon {
    width: 140px;
}

.logo-header-light {
    filter: brightness(0) saturate(100%);
    image-rendering: -webkit-optimize-contrast;
}

.logo-text {
    font-size: 22px;
    margin-left: 10px;
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #008d91;
}

.toggle-icon {
    font-size: 22px;
    cursor: pointer;
    color: #008d91
}

.topbar {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    height: 63px;
    /*	border-bottom: 2px solid rgb(228 228 228 / 0%);*/
    z-index: 10;
    /*	-webkit-box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);*/
    /*    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);*/
}

.topbar .navbar {
    width: 100%;
    height: 100%;
    padding-left: 1.5rem;
    padding-right: 30px;
    justify-content: space-between;
}


/* .page-wrapper {
    height: 100%;
    min-height: 85vh;
    margin-top: 62px;
    margin-bottom: 30px;
    margin-left: 220px
} */

.bx-edit-alt {
    font-size: 20px;
    color: #000;
    transition: 0.3s all ease-in-out;
    line-height: normal !important;
}

.bx-edit-alt:hover {
    font-size: 20px;
    color: #305ddb !important;
}

.page-wrapper {
    margin-top: 62px;
    margin-left: 250px
}

.simplebar-content-wrapper {
    border-right: 1px solid #ccc !important;
}

.page-content {
    padding: 1.5rem 1.5rem 0.7rem 1.5rem;
}

.page-footer {
    width: calc(100% - 220px);
    background: #fff;
    color: #303030;
    left: 220px;
    right: 0;
    bottom: 0;
    position: relative;
    text-align: center;
    padding: 15px;
    font-size: 11px;
    border-top: 1px solid #e4e4e4;
    z-index: 3;
    display: none;
}

.wrapper.toggled .topbar {
    left: 70px
}

.wrapper.toggled .page-wrapper {
    margin-left: 70px
}

.wrapper.toggled .page-footer {
    left: 70px
}

.sidebar-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: 0 0
}

.sidebar-wrapper .metismenu {
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* padding: 1.5rem 16px; */
    /* margin-top: 63px; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* height: calc(100% - 55px); */
    justify-content: flex-start;
}


/* .sidebar-wrapper .metismenu.light-menuText li.mm-active a {
    background-color: #2F2562;
} */


/* .sidebar-wrapper .metismenu.light-menuText li.mm-active a .menu-title,
.sidebar-wrapper .metismenu.light-menuText li.mm-active a .parent-icon i {
    color: #fff;
} */

.sidebar-wrapper .metismenu.light-menuText li a .counter-menu_title span,
.sidebar-wrapper .metismenu.light-menuText li.mm-active a .counter-menu_title span {
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.sidebar-wrapper .metismenu.light-menuText li a .bell-icon-light svg path,
.sidebar-wrapper .metismenu.light-menuText li.mm-active a .cbell-icon-light svg path {
    fill: #fff !important;
    stroke: #000;
}

.bell-icon-dark svg path {
    stroke: #000;
}


/* .sidebar-wrapper .metismenu.light-menuText li a:hover {
    background-color: #2F2562;
} */

.sidebar-wrapper .metismenu.light-menuText li:last-child a:hover {
    background-color: #FED065 !important;
}


/* .sidebar-wrapper .metismenu.light-menuText li a:hover .menu-title,
.sidebar-wrapper .metismenu.light-menuText li a:hover .parent-icon i {
    color: #fff;
} */

.sidebar-wrapper .metismenu li+li {
    margin-top: 5px
}

.sidebar-wrapper .metismenu li:first-child {
    margin-top: 0px
}

.sidebar-wrapper .metismenu li:last-child {
    margin-bottom: 5px
}

.sidebar-wrapper .metismenu>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.sidebar-wrapper .metismenu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 8px 15px;
    font-size: 12px;
    /* color: #776abe; */
    outline-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .5px;
    border: 1px solid #ffffff00;
    transition: all .3s ease-out;
    border-radius: .3rem !important;
    height: 41.48px;
}

.sidebar-wrapper .metismenu a:hover {
    transition: all .3s ease-out;
    /* transform: scale(1.05); */
}

.contract-used-title {
    color: #fff;
    font-size: 12px;
    /* margin: 10px 16px; */
    /* position: absolute; */
    bottom: 0px;
    /* padding: 22px 22px 22px 22px; */
    /* border-top: 1px solid #ccc; */
    /* border-radius: 30px; */
    width: 100%;
    margin-bottom: 0px !important;
    gap: 10px;
}

.contract-used-title h5 {
    color: #000 !important;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    justify-content: start;
    margin-bottom: 8px;
    /* font-weight: 700; */
    font-family: 'Nunito';
}

.drive-contract_used {
    color: #000 !important;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 600;
}

.contract-used-title svg {
    margin-left: 10px;
}

.sidebar-wrapper .metismenu a .parent-icon {
    font-size: 24px;
    line-height: 1
}

.sidebar-wrapper .metismenu .new-agreement a i,
.sidebar-wrapper .metismenu .new-agreement:hover a i {
    color: #000 !important;
}

.sidebar-wrapper .metismenu a .menu-title {
    margin-left: 10px;
    font-weight: 400;
    /*	color: #000;*/
    /* color: #fff; */
}

.sidebar-wrapper .new-agreement a .menu-title {
    font-weight: 400;
    font-family: 'Roboto';
}

.sidebar-wrapper .metismenu .new-agreement a .menu-title {
    color: #000 !important;
}

.sidebar-wrapper .metismenu ul a {
    padding: 6px 15px 6px 15px;
    font-size: 13px;
    border: 0
}

.sidebar-wrapper .metismenu ul a i {
    margin-right: 10px
}

.sidebar-wrapper .metismenu ul {
    border: 1px solid #ededed;
    background: #fff
}

.sidebar-wrapper .metismenu ul ul a {
    padding: 8px 15px 8px 30px
}

.sidebar-wrapper .metismenu ul ul ul a {
    padding: 8px 15px 8px 45px
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
    /*	color: #008d91;*/
    text-decoration: none;
    /*	background: rgb(220 205 255);*/
    /* background: #E8DEFF; */
    border-radius: 15px;
}


/* .sidebar-wrapper .metismenu a:hover .menu-title {
    color: #776abe;
} */


/* .sidebar-wrapper .metismenu a:hover .parent-icon .bx {
    color: #776abe;
} */


/* .sidebar-wrapper .metismenu .mm-active>a .menu-title,
.sidebar-wrapper .metismenu .mm-active>a .parent-icon .bx {
    color: #776abe;
} */

.menu-label {
    padding: 20px 15px 5px 5px;
    color: #b0afaf;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .5px
}

.metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: .5em;
    height: .5em;
    border-style: solid;
    border-width: 1.6px 0 0 1.6px;
    border-color: #7d68c6;
    right: 15px;
    transform: rotate(-135deg) translateY(-50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out
}

.dropdown-menu-end {
    right: -1.5rem !important;
    left: auto;
}

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

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {
        width: 70px
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
        width: 70px
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {
        display: none
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
        justify-content: center
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
        width: 70px
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {
        justify-content: center
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {
        display: none
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {
        display: none
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {
        display: none
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {
        display: none
    }

    .email-toggle-btn {
        display: none !important
    }

    .chat-toggle-btn {
        display: none !important
    }
}

.product-show {
    font-size: 18px;
    left: 15px
}

.product-discount {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 14px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.color-indigator-item {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #e6e0e0;
    border-radius: 50%;
    cursor: pointer
}

.product-grid .card {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.Permission_role_rights {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 22px;
}

.Permission_role_rights .user_select_yes {
    width: 50% !important;
}

@media (min-width:992px) {
    .product-grid .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3);
        box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3)
    }
}

.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    position: fixed;
    border-radius: 10px;
    bottom: 20px;
    right: 12px;
    background-color: #008d91;
    z-index: 5
}

.back-to-top:hover {
    color: #fff;
    background-color: #000;
    transition: all .5s
}

.breadcrumb-title {
    font-size: 20px;
    border-right: 1.5px solid #aaa4a4
}

.page-breadcrumb .breadcrumb li.breadcrumb-item {
    font-size: 13px;
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    font-family: LineIcons;
    content: "\ea5c"
}

.icon-badge {
    width: 45px;
    height: 45px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.widgets-icons {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 26px;
    border-radius: 10px
}

.widgets-icons-2 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 19px;
    border-radius: 10px;
    border: none !important;
}

.widgets-icons-22 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #ededed; */
    font-size: 19px;
    border-radius: 7px !important;
    border: none !important;
    /* background: #604fc14D; */
    border: 1px solid #000 !important;
}

.widgets-icons-text {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 22px;
    border-radius: 5px;
    border: none !important;
    margin-left: 4px;
}

.take_actionHeartBeat {
    /* Heartbeat animation */
    animation: smoothHeartbeat 2.5s ease-in-out infinite;
}

/* Keyframes */
@keyframes smoothHeartbeat {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }

}

#ReminderNoticeDate {
    color: #4B5157 !important;
    font-size: 11px !important;
    font-weight: 500;
    font-family: 'Nunito';
    min-width: 80px;
}

/* Selected option bold */
#ReminderNoticeDate option:checked {
    font-weight: 700;
    /* bold */
}

/* Optional: focus ke time thoda smooth */
#ReminderNoticeDate:focus {
    font-weight: 700;
}

.custom-select-year {
    margin-top: 0.6rem;
}

.custom-manageColumn .custom-select-list,
.custom-select-year .custom-select-list {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ababab;
    border-radius: 10px;
    font-size: 14px;
    margin: 0px;
    padding: 5px 0px;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1050;
    background-color: #fff;
    width: auto;
    left: 0;
    list-style-type: none;
}

.custom-manageColumn .custom-select-list li,
.custom-select-year .custom-select-list li {
    font-size: 13px;
    width: 100%;
    display: block;
    color: #4c5258 !important;
    align-items: center;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    padding: 8px 10px;
}

.custom-manageColumn .custom-select-list li:hover,
.custom-select-year .custom-select-list li:hover {
    background-color: #D5D5D5 !important;
}

.custom-manageColumn .custom-select-list::before,
.custom-select-year .custom-select-list::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -7px;
    right: 14px;
    transform: rotate(45deg);
    border-top: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

.custom-manageColumn .custom-select-selected,
.custom-select-year .custom-select-selected {
    font-weight: 400;
    height: auto !important;
    padding: 8px 12px;
    color: #000;
    background-color: #fff;
    border: none;
    font-family: 'Nunito';
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ababab !important;
}

.custom-manageColumn .custom-select-list li.active,
.custom-select-year .custom-select-list li.active {
    background-color: #D5D5D5 !important;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-manageColumn .custom-select-list li.active::after,
.custom-select-year .custom-select-list li.active::after {
    content: "✓";
    font-size: 14px;
    font-weight: 700;
    color: var(--theme-green, #4EA082);
    flex-shrink: 0;
}

.customize-column_name {
    line-height: 1rem;
    font-size: 14px;
    color: #4c5258;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Nunito';
}

#geographic-map {
    width: 100%;
    height: 440px
}

#geographic-map-2 {
    width: 100%;
    height: 300px
}

#geographic-map-3 {
    width: 100%;
    height: 350px
}

.product-img {
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6
}

.product-img img {
    width: 60px;
    height: 60px;
    padding: 6px
}

.product-img-2 {
    width: 45px;
    height: 45px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6
}

.product-img-2 img {
    width: 45px;
    height: 45px;
    padding: 1px
}

.border-light-2 {
    border-color: rgb(255 255 255 / 12%) !important;
}

.product-list {
    position: relative;
    height: 380px
}

.dashboard-top-countries {
    position: relative;
    height: 360px
}

.customers-list {
    position: relative;
    height: 450px
}

.store-metrics {
    position: relative;
    height: 450px;
}

.product-list-2 {
    position: relative;
    height: 450px;
}

.product-list .row {
    background-color: #f8f9fa;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media (min-width:992px) {
    .product-list .row:hover {
        background-color: #fff;
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .2);
        box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .2)
    }
}

.recent-product-img {
    width: 40px;
    height: 40px;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6
}

.recent-product-img img {
    width: 40px;
    height: 40px;
    padding: 6px
}

.theme-icons {
    background-color: #fff
}

.lead-table .table {
    border-collapse: separate;
    border-spacing: 0 10px
}

.fm-menu .list-group a {
    font-size: 16px;
    color: #5f5f5f;
    display: flex;
    align-items: center
}

.fm-menu .list-group a i {
    font-size: 23px
}

.fm-menu .list-group a:hover {
    background: #008d91;
    color: #fff;
    transition: all .2s ease-out
}

.fm-file-box {
    font-size: 25px;
    background: #e9ecef;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem
}

.fm-icon-box {
    font-size: 32px;
    background: #fff;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem
}

.user-plus {
    width: 33px;
    height: 33px;
    margin-left: -14px;
    line-height: 33px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    border: 1px dotted #a9b2bb;
    color: #404142
}

.user-groups img {
    margin-left: -14px;
    border: 1px solid #e4e4e4;
    padding: 2px;
    cursor: pointer
}

.contacts-social a {
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 50%;
    color: #2b2a2a
}

.customers-contacts a {
    font-size: 16px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 50%;
    color: #2b2a2a
}

.order-actions a {
    font-size: 11px;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #868686;
    text-align: center;
    border-radius: 0.5rem;
    color: #000 !important;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    /*	width: 80%;*/
    /*    left: 10%;*/
    position: relative;
}

.order-actions button {
    font-size: 10px;
    /*    width: 100%;*/
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #656870;
    border: 1px solid #656870;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 80%;
    left: 10%;
    position: relative;
}

.order-actions button:hover {
    border-color: #656870;
    background: #656870;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    /*width: 80%;
    left: 10%;
    position: relative;*/
}

.order-actions a:hover {
    border-color: #fff;
    background: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.customers-list .customers-list-item {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media (min-width:992px) {
    .customers-list .customers-list-item:hover {
        background-color: #f8f9fa;
        border-radius: 10px;
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .2);
        box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .2)
    }
}

.right-15 {
    right: 15px !important
}

.font-11 {
    font-size: 11px !important
}

.font-12 {
    font-size: 12px !important
}

.font-13 {
    font-size: 13px !important
}

.font-14 {
    font-size: 14px !important
}

.font-15 {
    font-size: 14px !important
}

.font-16 {
    font-size: 16px !important
}

.font-17 {
    font-size: 17px !important
}

.font-18 {
    font-size: 18px !important
}

.font-19 {
    font-size: 19px !important
}

.font-20 {
    font-size: 20px !important
}

.font-21 {
    font-size: 21px !important
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-30 {
    font-size: 30px
}

.font-35 {
    font-size: 35px
}

.font-50 {
    font-size: 50px
}

.font-60 {
    font-size: 60px
}

.radius-30 {
    border-radius: 30px
}

.radius-10 {
    border-radius: 20px
}

.radius-15 {
    border-radius: 15px
}

.row.row-group>div {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.row.row-group>div:last-child {
    border-right: none;
}

.cursor-pointer {
    cursor: pointer
}

.dash-wrapper {
    margin: -1.5rem -1.5rem -3.5rem -1.5rem;
    padding: 1.5rem 1.5rem 3.5rem 1.5rem;
}

.dash-array-chart-box {
    width: 105px;
    height: 90px;
    position: relative;
    top: -15px;
    right: 30px;
}

div:where(.swal2-icon).swal2-warning {
    border-color: var(--red-color) !important;
    color: var(--red-color) !important;
}

div:where(.swal2-icon).swal2-info {
    border-color: var(--red-color) !important;
    color: var(--red-color) !important;
}

div:where(.swal2-icon).swal2-success {
    border-color: var(--green-color) !important;
    color: var(--green-color) !important;
}

.chart-container-0 {
    position: relative;
    height: 320px;
}

.chart-container-1 {
    position: relative;
    height: 260px;
}

.chart-container-2 {
    position: relative;
    height: 220px;
}

.chart-container-3 {
    position: relative;
    height: 188px;
}

.chart-container-4 {
    position: relative;
    height: 162px;
}

.chart-container-5 {
    position: relative;
    height: 110px;
}

.chart-container-6 {
    position: relative;
    height: 205px;
}

.chart-container-7 {
    position: relative;
    height: 60px;
}

.chart-container-8 {
    position: relative;
    height: 260px;
}

.chart-container-9 {
    position: relative;
    height: 280px;
}

.chart-container-10 {
    position: relative;
    height: 300px;
    top: 20px;
}

.chart-container-11 {
    position: relative;
    height: 280px;
}

.chart-container-12 {
    position: relative;
    height: 160px;
}

.chart-container-13 {
    position: relative;
    height: 240px;
}

.chart-container-14 {
    position: relative;
    height: 40px;
}

.chart-container-15 {
    position: relative;
    height: 360px;
}

.chart-container-16 {
    position: relative;
    height: 230px;
    width: 100%;
}


/*.circle-analitycs .chart-container-15 {
    width: 60%;
    min-width: 1px;
}*/

.w_chart {
    position: relative;
    display: inline-block;
    width: 65px !important;
    height: 65px !important;
    text-align: center;
    color: #32393f;
}

.w_chart canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px !important;
    height: 65px !important;
}

.w_percent {
    display: inline-block;
    line-height: 65px !important;
    z-index: 2;
}

.w_percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.chip {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    color: rgba(0, 0, 0, .7);
    cursor: pointer;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 16px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    box-shadow: none
}

.chip img {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 -12px;
    border-radius: 50%
}

.chip .closebtn {
    padding-left: 10px;
    font-weight: 700;
    float: right;
    font-size: 16px;
    cursor: pointer
}

.chip.chip-md {
    height: 42px;
    line-height: 42px;
    border-radius: 21px
}

.chip.chip-md img {
    height: 42px;
    width: 42px
}

#invoice {
    padding: 0
}

.invoice {
    position: relative;
    background-color: #fff;
    min-height: 680px;
    padding: 15px
}

.invoice header {
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #008d91
}

.invoice .company-details {
    text-align: right
}

.invoice .company-details .name {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .contacts {
    margin-bottom: 20px
}

.invoice .invoice-to {
    text-align: left
}

.invoice .invoice-to .to {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .invoice-details {
    text-align: right
}

.invoice .invoice-details .invoice-id {
    margin-top: 0;
    color: #008d91
}

.invoice main {
    padding-bottom: 50px
}

.invoice main .thanks {
    margin-top: -100px;
    font-size: 2em;
    margin-bottom: 50px
}

.invoice main .notices {
    padding-left: 6px;
    border-left: 6px solid #008d91;
    background: #e7f2ff;
    padding: 10px
}

.invoice main .notices .notice {
    font-size: 1.2em
}

.invoice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px
}

.invoice table td,
.invoice table th {
    padding: 15px;
    background: #eee;
    border-bottom: 1px solid #fff
}

.invoice table th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px
}

.invoice table td h3 {
    margin: 0;
    font-weight: 400;
    color: #008d91;
    font-size: 1.2em
}

.invoice table .qty,
.invoice table .total,
.invoice table .unit {
    text-align: right;
    font-size: 1.2em
}

.invoice table .no {
    color: #fff;
    font-size: 1.6em;
    background: #008d91
}

.invoice table .unit {
    background: #ddd
}

.invoice table .total {
    background: #008d91;
    color: #fff
}

.invoice table tbody tr:last-child td {
    border: none
}

.invoice table tfoot td {
    background: 0 0;
    border-bottom: none;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px;
    font-size: 1.2em;
    border-top: 1px solid #aaa
}

.invoice table tfoot tr:first-child td {
    border-top: none
}

.invoice table tfoot tr:last-child td {
    color: #008d91;
    font-size: 1.4em;
    border-top: 1px solid #008d91
}

.invoice table tfoot tr td:first-child {
    border: none
}

.invoice footer {
    width: 100%;
    text-align: center;
    color: #777;
    border-top: 1px solid #aaa;
    padding: 8px 0
}

@media print {
    .invoice {
        font-size: 11px !important;
        overflow: hidden !important
    }

    .invoice footer {
        position: absolute;
        bottom: 10px;
        page-break-after: always
    }

    .invoice>div:last-child {
        page-break-before: always
    }
}

.main-row {
    height: 100vh
}

.main-col {
    max-width: 500px;
    min-height: 300px
}

.todo-done {
    text-decoration: line-through
}

.chat-wrapper {
    width: auto;
    height: 600px;
    border-radius: .25rem;
    position: relative;
    background: #fff;
    box-shadow: 0 .1rem .7rem rgba(0, 0, 0, .1)
}

.chat-sidebar {
    width: 340px;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.chat-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0 solid rgba(0, 0, 0, .125);
    border-top-left-radius: .25rem;
    padding: 15px
}

.chat-sidebar-content {
    padding: 0
}

.chat-user-online {
    position: relative
}

.chat-sidebar-header .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 40px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e
}

.chat-list .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 36px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e
}

.chat-content {
    margin-left: 340px;
    padding: 85px 15px 15px 15px
}

.chat-header {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: .25rem;
    z-index: 1
}

.chat-footer {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-bottom-right-radius: .25rem
}

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

.chat-tab-menu li a.nav-link {
    padding: .3rem .2rem;
    line-height: 1.2;
    color: #4a4b4c
}

.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show>.nav-link {
    color: #008d91;
    background-color: rgb(0 123 255 / 0%)
}

.chat-title {
    font-size: 14px;
    color: #272b2f
}

.chat-msg {
    font-size: 13px;
    color: #6c757d
}

.chat-time {
    font-size: 13px;
    color: #6c757d
}

.chat-list {
    position: relative;
    height: 300px
}

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

.chat-list .list-group-item:hover {
    border: 1px solid rgb(0 0 0 / 0%);
    background-color: rgb(13 110 253 / .12)
}

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

.chart-online {
    color: #16e15e
}

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

.chat-content {
    position: relative;
    width: auto;
    height: 520px
}

.chat-content-leftside .chat-left-msg {
    width: fit-content;
    background-color: #eff2f5;
    padding: .8rem;
    border-radius: 12px;
    max-width: 480px;
    text-align: left;
    border-top-left-radius: 0
}

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

.chat-toggle-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    font-size: 24px;
    color: #6c757d;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 15%)
}

.email-wrapper {
    width: auto;
    height: 600px;
    overflow: hidden;
    border-radius: .25rem;
    position: relative;
    background: #fff;
    box-shadow: 0 .1rem .7rem rgba(0, 0, 0, .1)
}

.email-sidebar {
    width: 250px;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.email-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0 solid rgba(0, 0, 0, .125);
    border-top-left-radius: .25rem;
    padding: 15px
}

.email-navigation {
    position: relative;
    padding: 0;
    height: 345px;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.email-header {
    position: absolute;
    height: 70px;
    left: 250px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: .25rem;
    z-index: 1
}

.email-content {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 70px;
    height: auto;
    margin-left: 250px;
    padding: 0;
    background: #fff;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.email-navigation a.list-group-item {
    color: #404142;
    padding: .35rem 1.25rem;
    background-color: #fff;
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    transition: all .3s ease-out
}

.email-navigation a.list-group-item:hover {
    background-color: rgb(13 110 253 / .12)
}

.email-navigation a.list-group-item.active {
    color: #0b5ed7;
    font-weight: 600;
    background-color: rgb(13 110 253 / .12)
}

.email-meeting {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.email-meeting a.list-group-item {
    color: #404142;
    padding: .35rem 1.25rem;
    background-color: #fff;
    border-bottom: 1px solid rgb(0 0 0 / 0%)
}

.email-meeting a.list-group-item:hover {
    background-color: rgb(0 123 255 / 15%);
    transition: all .3s ease-out
}

.email-hangout .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 45px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e
}

.email-toggle-btn {
    width: auto;
    height: auto;
    margin-right: 10px;
    text-align: center;
    font-size: 24px;
    color: #404142;
    border-radius: 0;
    cursor: pointer;
    background-color: #fff;
    border: 0 solid rgb(0 0 0 / 15%)
}

.email-actions {
    width: 230px
}

.email-time {
    font-size: 13px;
    color: #6c757d
}

.email-list div.email-message {
    background: #fff;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    color: #383a3c
}

.email-list div.email-message:hover {
    transition: all .2s ease-out;
    background-color: #eceef1
}

.email-list {
    position: relative;
    height: 530px
}

.email-star {
    color: #6c757d
}

.email-read-box {
    position: relative;
    height: 530px
}

.compose-mail-popup {
    width: 42%;
    position: fixed;
    bottom: -30px;
    right: 30px;
    z-index: 15;
    display: none
}

.compose-mail-toggled {
    display: block
}

.compose-mail-title {
    font-size: 16px
}

.compose-mail-close {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    background-color: rgb(255 255 255 / 0%)
}

.compose-mail-close:hover {
    background-color: rgb(255 255 255 / 20%)
}

.nav-primary.nav-tabs .nav-link.active {
    color: #008d91;
    border-color: #008d91 #008d91 #fff
}

.nav-danger.nav-tabs .nav-link.active {
    color: #f41127;
    border-color: #f41127 #f41127 #fff
}

.nav-success.nav-tabs .nav-link.active {
    color: #17a00e;
    border-color: #17a00e #17a00e #fff
}

.nav-warning.nav-tabs .nav-link.active {
    color: #ffc107;
    border-color: #ffc107 #ffc107 #fff
}

.nav-pills-danger.nav-pills .nav-link.active {
    color: #fff;
    background-color: #f41127
}

.nav-pills-success.nav-pills .nav-link.active {
    color: #fff;
    background-color: #17a00e
}

.nav-pills-warning.nav-pills .nav-link.active {
    color: #000;
    background-color: #ffc107
}

.nav-search input.form-control {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 45%);
    color: #fff
}

.nav-search button[type=submit] {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 32%);
    color: #fff
}

.nav-search input.form-control::placeholder {
    opacity: .5 !important;
    color: #fff !important
}

.nav-search input.form-control::-ms-input-placeholder {
    color: #fff !important
}

.round-pagination.pagination .page-item:first-child .page-link {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.round-pagination.pagination .page-item:last-child .page-link {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.bg-light-primary {
    background-color: rgb(13 110 253 / .11) !important
}

.bg-light-success {
    background-color: rgb(23 160 14 / .11) !important
}

.bg-light-danger {
    background-color: rgb(244 17 39 / .11) !important
}

.bg-light-warning {
    background-color: rgb(255 193 7 / .11) !important
}

.bg-light-info {
    background-color: rgb(13 202 240 / 18%) !important
}

.bg-light-transparent {
    background-color: rgb(0 0 0 / 15%) !important
}

.bg-gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc) !important;
    background: linear-gradient(45deg, #6a11cb, #2575fc) !important;
}

.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
    background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(45deg, #00b09b, #96c93d) !important;
    background: linear-gradient(200deg, #90e0c0, #63bb99) !important;
}

.bg-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
    background: linear-gradient(80deg, #f0979e, #f4b1b7) !important;
}

.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
    background: linear-gradient(45deg, #17ead9, #6078ea) !important;
}

.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}

.bg-gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
    background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
}

.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
    background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
}

.bg-gradient-cosmic {
    background: linear-gradient(200deg, #9c93d2, #6d60b3) !important;
}

.bg-gradient-burning {
    background: linear-gradient(to right, #ff6e7a, #e96670) !important;
}

.bg-gradient-lush {
    background: linear-gradient(to right, #56ab2f, #a8e063) !important
}

.bg-gradient-kyoto {
    background: linear-gradient(to left, #f4cb9f, #c0905c) !important
}

.bg-gradient-blues {
    background: linear-gradient(to right, #56ccf2, #2f80ed) !important
}

.bg-gradient-moonlit {
    background: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important
}

.bg-color-1 {
    background: #7765D4;
}

.bg-color-2 {
    background: #63AEFF;
}

.bg-color-3 {
    background: #1CB079;
}

.bg-color-4 {
    background: #C3DE39;
}

.bg-color-5 {
    background: #F5C44A;
}

.bg-color-6 {
    background: #EB6363;
}


/**/

.bg-color-7 {
    background: #f7666a;
}

.bg-color-8 {
    background: #e490b2;
}

.bg-color-9 {
    background: #6458b7;
}

.bg-color-10 {
    background: #9889ce;
}

.bg-color-11 {
    background: #707070;
}

.font-color-7070 {
    color: #707070;
}

.bg-color-12 {
    background: #a4a4a4;
}

.bg-color-13 {
    background: #5467ab;
}

.bg-color-14 {
    background: #e590df;
}

.bg-color-15 {
    background: #7fd634;
}

.bg-color-16 {
    background: #393454;
}

.bg-color-20 {
    background: #40c887;
}

.bg-purple-1 {
    background: #a585ee;
}

.bg-purple-2 {
    background: #9C8FE3;
}

.bg-purple-3 {
    background: #393454;
}

.bg-light-purple-1 {
    background: #f4efff;
}

.bg-light-purple-2 {
    background: #f2efff;
}

.bg-light-purple-3 {
    background: #ffffff
}

.bg-color-light-7 {
    background: #ffe8e9;
}

.bg-color-light-6 {
    background: #fff3ec;
}

.bg-color-light-3 {
    background: #f2fff4;
}

.bg-color-1 {
    background: #7765D4;
}

.bg-color-2 {
    background: #63AEFF;
}

.bg-color-3 {
    background: #1CB079;
}

.bg-color-4 {
    background: #C3DE39;
}

.bg-color-5 {
    background: #F5C44A;
}

.bg-color-6 {
    background: #EB6363;
}

.bg-color-7 {
    background: #f7666a;
}

.bg-color-8 {
    background: #e490b2;
}

.bg-color-9 {
    background: #6458b7;
}

.bg-color-10 {
    background: #9889ce;
}

.bg-color-11 {
    background: #707070;
}

.bg-color-12 {
    background: #a4a4a4;
}

.bg-color-13 {
    background: #5467ab;
}

.bg-color-14 {
    background: #e590df;
}

.bg-color-15 {
    background: #7fd634;
}

.bg-color-16 {
    background: #EB6363;
}

.bg-color-17 {
    background: #3373D4;
}

.bg-color-18 {
    background: #1CB079;
}

.border-color-1 {
    border-color: #2b3866 !important;
}

.border-color-2 {
    border-color: #6cb2ff !important;
}

.border-color-3 {
    border-color: #58c66c !important;
}

.border-color-4 {
    border-color: #88ae67 !important;
}

.border-color-5 {
    border-color: #dccf5e !important;
}

.border-color-6 {
    border-color: #fba26f !important;
}

.border-color-7 {
    border-color: #f7666a !important;
}

.border-color-8 {
    border-color: #e490b2 !important;
}

.border-color-9 {
    border-color: #6458b7 !important;
}

.border-color-10 {
    border-color: #9889ce !important;
}

.border-color-11 {
    border-color: #707070 !important;
}

.border-color-12 {
    border-color: #a4a4a4 !important;
}

.border-color-13 {
    border-color: #5467ab !important;
}

.border-color-14 {
    border-color: #e590df !important;
}

.border-color-15 {
    border-color: #7fd634 !important;
}

.border-color-purple-1 {
    border-color: #a585ee !important;
}

.border-color-purple-2 {
    border-color: #776ABE !important;
}

.border-color-purple-3 {
    border-color: #393454 !important;
}

.border-color-yellow {
    border-color: #f7d666 !important
}

.font-color-1 {
    color: #2b3866 !important;
}

.font-color-2 {
    color: #6cb2ff !important;
}


/*.font-color-3{color: #1CB079!important;}*/

.font-color-3 {
    color: #099d66 !important;
}

.font-color-4 {
    color: #40c887 !important;
}

.font-color-5 {
    color: #dccf5e !important;
}

.font-color-151 {
    color: #f0a800 !important;
}


/*.font-color-6{color: #fba26f!important;}*/

.font-color-6 {
    color: #eb8347 !important;
}


/*.font-color-7{color: #EB6363!important;}*/

.font-color-7 {
    color: #c53936 !important;
}

.font-color-8 {
    color: #e490b2 !important;
}

.font-color-9 {
    color: #6458b7 !important;
}

.font-color-10 {
    color: #9889ce !important;
}

.font-color-11 {
    color: #707070 !important;
}

.font-color-12 {
    color: #a4a4a4 !important;
}

.font-color-13 {
    color: #5467ab !important;
}

.font-color-14 {
    color: #e590df !important;
}

.font-color-15 {
    color: #7fd634 !important;
}

.font-color-16 {
    color: #979595 !important;
}

.font-color-17 {
    color: #c53936 !important;
}

.font-color-18 {
    color: #4B5157 !important;
}

.font-color-purple-1 {
    color: #a585ee !important;
}

.font-color-purple-2 {
    color: #9C8FE3 !important;
}

.font-color-purple-3 {
    color: #776ABE !important;
}

.font-color-coral-3 {
    color: #BD4036 !important;
}

.font-color-000 {
    color: #000 !important;
}

.font-color-c1c1 {
    color: #5A5A5A !important;
}

.bg-border-type-c2c2 {
    border: 1px solid #CD2C2C;
}

.bg-color-c2c2 {
    background-color: #CD2C2C;
}

.font-color-c2c2 {
    color: #CD2C2C;
}

.font-color-065 {
    color: #FED065;
}

.bx.fw-500 {
    font-weight: 500;
}

.font-color-yellow {
    color: #f2ad3a !important
}

.bg-type-1 {
    background: #00AEAC;
}

.bg-type-2 {
    background: #E65584;
}

.bg-type-3 {
    background: #1963d8;
}

.bg-type-4 {
    background: #8472e4;
}

.bg-type-5 {
    background: #eb65cb;
}

.bg-type-6 {
    background: #40c8878c !important;
}

.bg-type-7 {
    background: #4B3BC7;
}

.bg-type-8 {
    background: #718C71;
}

.bg-type-9 {
    background: #3b317a;
}

.bg-type-10 {
    background: #965D5D;
}

.bg-type-11 {
    background: #FE9DA2;
}

.bg-type-12 {
    background: #8b8289;
}

.bg-type-13 {
    background: #FF774D;
}

.bg-type-14 {
    background: #F1A83A;
}

.bg-type-15 {
    background: #529cec;
}

.bg-type-16 {
    background: #ff0000;
}

.font-family-nunito {
    font-family: Nunito;
}

.contracts-folders__wrapper--title.color-type-16 {
    color: #ff0000;
}

.contracts-folders__wrapper--folder span.color-type-16 {
    color: #ff0000;
}

.contracts-folders__wrapper--folder .folder-icon.color-type-16 {
    background-color: #ff0000;
}

.border-type-1 {
    border-color: #00AEAC !important;
}

.border-type-2 {
    border-color: #E65584 !important;
}

.border-type-3 {
    border-color: #1963d8 !important;
}

.border-type-4 {
    border-color: #8472e4 !important;
}

.border-type-5 {
    border-color: #eb65cb !important;
}

.border-type-6 {
    border-color: #40c8878c !important;
}

.border-type-7 {
    border-color: #4B3BC7 !important;
}

.border-type-8 {
    border-color: #718C71 !important;
}

.border-type-9 {
    border-color: #3b317a !important;
}

.border-type-10 {
    border-color: #965D5D !important;
}

.border-type-11 {
    border-color: #FC6463 !important;
}

.border-type-12 {
    border-color: #8b8289 !important;
}

.border-type-13 {
    border-color: #FF774D !important;
}

.border-type-14 {
    border-color: #F1A83A !important;
}

.border-type-15 {
    border-color: #529cec !important;
}

.border-type-16 {
    border-color: #EB6363 !important;
}

.border-type-17 {
    border-color: #3373D4 !important;
}

.border-type-18 {
    border-color: #40c8878c !important;
}

.border-type-new {
    /* border: 1px solid #a4a4a4 !important; */
    background-color: #fff !important;
    color: #505050 !important;
    font-size: 12px !important;
    border-radius: .25rem !important;
    height: 2.2rem !important;
    align-items: center;
    margin: 0;
    flex-direction: row !important;
    display: flex !important;
}

.border-type-reset {
    border: 1px solid #a4a4a4 !important;
    background-color: #fff !important;
    color: #505050 !important;
    font-size: 12px !important;
    border-radius: .25rem !important;
    height: 29.17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-type-reset:hover {
    border: 1px solid #a4a4a4 !important;
    background-color: #5c636b !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: .25rem !important;
}

.bg-lighter-type-1 {
    background: #00AEAC;
}

.bg-lighter-type-2 {
    background: #E65584;
}

.bg-lighter-type-3 {
    background: #1963d8;
}

.bg-lighter-type-4 {
    background: #8472e4;
}

.bg-lighter-type-5 {
    background: #eb65cb;
}

.bg-lighter-type-6 {
    background: #40c8878c !important;
}

.bg-lighter-type-7 {
    background: #4B3BC7;
}

.bg-lighter-type-8 {
    background: #718C71;
}

.bg-lighter-type-9 {
    background: #3b317a;
}

.bg-lighter-type-10 {
    background: #965D5D;
}

.bg-lighter-type-11 {
    background: #FC6463;
}

.bg-lighter-type-12 {
    background: #8b8289;
}

.bg-lighter-type-13 {
    background: #FF774D;
}

.bg-lighter-type-14 {
    background: #F1A83A;
}

.bg-lighter-type-15 {
    background: #529cec;
}

.font-type-1 {
    color: #00AEAC !important;
}

.font-type-2 {
    color: #E65584 !important;
}

.font-type-3 {
    color: #1963d8 !important;
}

.font-type-4 {
    color: #8472e4 !important;
}

.font-type-5 {
    color: #eb65cb !important;
}

.font-type-6 {
    color: #40c8878c !important;
}

.font-type-7 {
    color: #4B3BC7 !important;
}

.font-type-8 {
    color: #718C71 !important;
}

.font-type-9 {
    color: #3b317a !important;
}

.font-type-10 {
    color: #965D5D !important;
}

.font-type-11 {
    color: #FC6463 !important;
}

.font-type-12 {
    color: #8b8289 !important;
}

.font-type-13 {
    color: #FF774D !important;
}

.font-type-14 {
    color: #F1A83A !important;
}

.font-type-15 {
    color: #529cec !important;
}

.font-type-16 {
    color: #EB6363 !important;
}

.font-type-17 {
    color: #3373D4 !important;
}

.font-type-18 {
    color: #40c8878c !important;
}

.agreements-item .card.border-type-1:hover {
    background: #00AEAC;
}

.agreements-item .card.border-type-2:hover {
    background: #E65584;
}

.agreements-item .card.border-type-3:hover {
    background: #1963d8;
}

.agreements-item .card.border-type-4:hover {
    background: #8472e4;
}

.agreements-item .card.border-type-5:hover {
    background: #eb65cb;
}

.agreements-item .card.border-type-6:hover {
    background: #1CB079;
}

.agreements-item .card.border-type-7:hover {
    background: #4B3BC7;
}

.agreements-item .card.border-type-8:hover {
    background: #718C71;
}

.agreements-item .card.border-type-9:hover {
    background: #3b317a;
}

.agreements-item .card.border-type-10:hover {
    background: #965D5D;
}

.agreements-item .card.border-type-11:hover {
    background: #FC6463;
}

.agreements-item .card.border-type-12:hover {
    background: #8b8289;
}

.agreements-item .card.border-type-13:hover {
    background: #FF774D;
}

.agreements-item .card.border-type-14:hover {
    background: #F1A83A;
}

.agreements-item .card.border-type-15:hover {
    background: #529cec;
}

.font-color-dark {
    color: #0b0b0b !important;
}

.font-color-orange {
    color: #ff7700 !important;
}

.font-color-gray {
    color: #545759 !important;
}

.font-color-gr {
    color: #40c887;
}

.split-bg-primary {
    background-color: #0c62e0;
    border-color: #0c62e0
}

.split-bg-secondary {
    background-color: #515a62;
    border-color: #515a62
}

.split-bg-success {
    background-color: #128e0a;
    border-color: #128e0a
}

.split-bg-info {
    background-color: #0bb2d3;
    border-color: #0bb2d3
}

.split-bg-warning {
    background-color: #e4ad07;
    border-color: #e4ad07
}

.split-bg-danger {
    background-color: #e20e22;
    border-color: #e20e22
}

.bg-facebook {
    background-color: #3b5998 !important
}

.bg-twitter {
    background-color: #55acee !important
}

.bg-google {
    background-color: #e52d27 !important
}

.bg-linkedin {
    background-color: #0976b4 !important
}


/* Text Color */

.text-option {
    color: #32393f !important
}

.text-facebook {
    color: #3b5998 !important
}

.text-twitter {
    color: #55acee !important
}

.text-youtube {
    color: #e52d27 !important
}

.text-sky-light {
    color: #b4d2ff;
}

.section-authentication-signin {
    height: 100vh
}

.authentication-forgot {
    height: 100vh;
    padding: 0 1rem
}

.authentication-reset-password {
    height: 100vh;
    padding: 0 1rem
}

.authentication-lock-screen {
    height: 100vh;
    padding: 0 1rem
}

.error-404 {
    height: 100vh;
    padding: 0 1rem
}

.error-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.bg-login {
    /*	background-image: url(../images/login-images/bg-login-img.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*	background-image: linear-gradient(45deg, #048eaf 0%, #028f95 20%, #048487 50%);*/
}

.bg-forgot {
    /*	background-image: url(../images/login-images/bg-forgot-password.jpg);*/
    background-image: linear-gradient(45deg, #048eaf 0%, #028f95 20%, #048487 50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.bg-lock-screen {
    /*	background-image: url(../images/login-images/bg-lock-screen.jpg);*/
    background-image: linear-gradient(45deg, #048eaf 0%, #028f95 20%, #048487 50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.bg-login .card {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 13%), 0 2px 6px 0 rgb(0 0 0 / 8%);
}

.login-separater span {
    position: relative;
    top: 26px;
    margin-top: -10px;
    background: #fff;
    padding: 5px;
    font-size: 12px;
    color: #cbcbcb;
    z-index: 1
}

.btn i {
    vertical-align: middle;
    font-size: 1.3rem;
    margin-top: -1em;
    margin-bottom: -1em;
    margin-right: 5px
}

.btn-inverse-primary {
    color: #008d91;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgb(209, 234, 255);
}

.btn-inverse-primary:hover {
    color: #008d91;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgba(0, 140, 255, 0.18);
}

.btn-inverse-primary:focus {
    color: #008d91;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgba(0, 140, 255, 0.18);
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .3)
}

.btn-inverse-secondary {
    color: #75808a;
    background-color: rgba(117, 128, 138, 0.18);
    border-color: rgb(230, 232, 234);
}

.btn-inverse-secondary:hover {
    color: #75808a;
    background-color: rgba(117, 128, 138, 0.18);
    border-color: rgba(117, 128, 138, 0.18);
}

.btn-inverse-success {
    color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgb(212, 246, 214);
}

.btn-inverse-success:hover {
    color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgba(21, 202, 32, 0.18);
}

.btn-inverse-success:focus {
    color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgba(21, 202, 32, 0.18);
    box-shadow: 0 0 0 .25rem rgb(23 160 14 / 32%)
}

.btn-inverse-danger {
    color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgb(255, 218, 223);
}

.btn-inverse-danger:hover {
    color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgba(253, 53, 80, 0.18);
}

.btn-inverse-danger:focus {
    color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgba(253, 53, 80, 0.18);
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .3)
}

.btn-inverse-warning {
    color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgb(255, 236, 209);
}

.btn-inverse-warning:hover {
    color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgba(255, 151, 0, 0.18);
}

.btn-inverse-warning:focus {
    color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgba(255, 151, 0, 0.18);
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .3)
}

.btn-inverse-info {
    color: #0dceec;
    background-color: rgba(13, 206, 236, 0.18);
    border-color: rgb(211, 246, 252);
}

.btn-inverse-info:hover {
    color: #0dceec;
    background-color: rgba(13, 206, 236, 0.18);
    border-color: rgba(13, 206, 236, 0.18);
}

.btn-inverse-light {
    color: #a7aaaa;
    background-color: rgba(233, 234, 234, 0.2);
    border-color: rgb(251, 251, 251);
}

.btn-inverse-light:hover {
    color: #a7aaaa;
    background-color: rgba(233, 234, 234, 0.2);
    border-color: rgba(233, 234, 234, 0.2);
}

.btn-inverse-dark {
    color: #223035;
    background-color: rgba(34, 48, 53, 0.2);
    border-color: #d7d9da;
}

.btn-inverse-dark:hover {
    color: #223035;
    background-color: rgba(34, 48, 53, 0.2);
    border-color: rgba(34, 48, 53, 0.2);
}

.btn-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, .14), 0 3px 1px -2px rgba(59, 89, 152, .2), 0 1px 5px 0 rgba(59, 89, 152, .12);
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-facebook:hover {
    color: #fff
}

.btn-white {
    background-color: #fff;
    border-color: #e7eaf3
}

.chart-container1 {
    position: relative;
    height: 340px
}

.gmaps,
.gmaps-panaroma {
    height: 400px;
    background: #eee;
    border-radius: 3px
}

.pricing-table .card {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.pricing-table .card .card-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

@media (min-width:992px) {
    .pricing-table .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3);
        box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3)
    }
}

.pricing-table .card .card-title {
    font-size: 1rem;
    letter-spacing: .2rem;
    font-weight: 500
}

.pricing-table .card .card-price {
    font-size: 2.7rem
}

.pricing-table .card .card-price .term {
    font-size: .875rem
}

.pricing-table .card ul li.list-group-item {
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    color: #3b3b3b;
    font-size: 16px
}

input::placeholder {
    color: #000 !important;
    opacity: .3 !important
}

.card-group {
    margin-bottom: 1.5rem
}

.search-bar-box {
    width: 25.9%;
    padding-right: 10px;
}

.search-control {
    background-color: #fff;
    border: none;
    padding-right: 2.5rem;
    color: #000;
}

.search-control-2 {
    color: #fff;
    background-color: #212529;
    border: 1px solid rgb(255 255 255 / 12%) !important;
    padding-right: 2.5rem
}

.search-control-2:focus {
    color: #fff;
    padding-right: 2.5rem;
    background-color: #212529;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

input.search-control-2::placeholder {
    color: #fff !important;
    opacity: .5 !important
}

.search-show {
    font-size: 18px;
    right: 6px;
    line-height: normal;
    /* border: 1px solid #5C5C5C; */
    padding: 4px 9px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.search-show:hover {
    transform: scale(1.04) !important;
    top: 18% !important;
}

.search-close {
    font-size: 24px;
    right: 10px;
    cursor: pointer;
    display: none
}

.topbar .navbar .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
    color: #252323;
    font-size: 22px;
    display: flex;
}

.dropdown-toggle-nocaret:after {
    display: none
}

.alert-count {
    position: absolute;
    top: 5px;
    left: 22px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #f62718
}

.topBar_user-img {
    width: 30px;
    height: 30px;
    /* background-color: #EBDFFF; */
    border-radius: 50%;
    /* border: 2px solid #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.topBar_user-img .user-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50%;
    border: none;
    padding: 0
}

.topBar_user-img h6 {
    /* color: #604fc1; */
    font-size: 11px;
    margin-bottom: 0px;
    line-height: normal;
    font-family: 'Roboto';
    font-weight: 500;
}

.user-info .user-name {
    font-size: 12px;
    font-weight: 600;
    /* color: #413c3c */
}

.user-info .designattion {
    font-size: 13px;
    color: #a9a8a8
}

.user-box {
    display: flex;
    align-items: center;
    height: 60px;
    /*	border-left: 1px solid #f0f0f0;*/
    margin-left: 1rem
}

.user-box img {
    width: 24px !important;
    height: 16px !important;
}

.lng-changer {
    gap: .5rem;
    cursor: pointer;
}

.lng-changer i {
    /* color: #fff; */
    display: flex;
    align-items: center;
    font-size: 18px;
    /* top: -4px; */
    position: relative;
    margin-left: .255em;
    /* display: none !important; */
}

.dropdown_item-setting {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding: 0px !important;
}

.dropdown_item-setting:hover,
.dropdown_item-setting:focus {
    background-color: transparent !important;
    transform: scale(1.05);
}

.dropdown-large {
    position: relative
}

.dropdown-large .dropdown-menu {
    width: 360px;
    border: 0;
    padding: 0 0;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.topbar .navbar .dropdown-large .dropdown-menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -6px;
    right: 16px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.topbar .navbar .dropdown-menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -6px;
    right: 22px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.user-box.dropdown .currency-dropdown_menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -6px;
    right: 30px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.currency-dropdown_menu {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ababab;
    border-radius: 10px;
    font-size: 14px !important;
    animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    overflow: visible !important;
}

.dropdown-large .msg-header {
    padding: .8rem 1rem;
    border-bottom: 1px solid #ededed;
    background-clip: border-box;
    background: #fff;
    text-align: left;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.dropdown-large .msg-header .msg-header-title {
    font-size: 15px;
    color: #1c1b1b;
    margin-bottom: 0;
    font-weight: 500
}

.dropdown-large .msg-header .msg-header-clear {
    font-size: 12px;
    color: #585858;
    margin-bottom: 0
}

.dropdown-large .msg-footer {
    padding: .8rem 1rem;
    color: #1c1b1b;
    border-top: 1px solid #ededed;
    background-clip: border-box;
    background: 0 0;
    font-size: 14px;
    font-weight: 500;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.dropdown-large .user-online {
    position: relative
}

.dropdown-large .msg-name {
    font-size: 14px;
    margin-bottom: 0
}

.dropdown-large .msg-info {
    font-size: 13px;
    margin-bottom: 0
}

.dropdown-large .msg-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px
}

.dropdown-large .msg-time {
    font-size: 12px;
    margin-bottom: 0;
    color: #919191
}

.dropdown-large .user-online:after {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 17px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e
}

.dropdown-large .dropdown-menu .dropdown-item {
    padding: .5rem 1.3rem;
    border-bottom: 1px solid #ededed
}

.header-message-list {
    position: relative;
    height: 360px
}

.header-notifications-list {
    position: relative;
    height: 360px
}

.dropdown-large .notify {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    background-color: #f1f1f1;
    margin-right: 15px
}

.app-box {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 26px;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: #f6f6f6
}

.app-title {
    font-size: 14px
}

.user-box .dropdown-menu i {
    vertical-align: middle;
    margin-right: 10px
}

.dropdown-menu {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ababab;
    border-radius: 10px;
    font-size: 14px
}

.datepicker-dropdown {
    padding: 1rem
}

.topbar .navbar .dropdown-menu {
    -webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
    animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown
}

@-webkit-keyframes animdropdown {
    from {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes animdropdown {
    from {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.mobile-search-icon {
    display: none
}

.mobile-toggle-menu {
    display: none;
    font-size: 26px;
    color: #404142;
    cursor: pointer
}

.switcher-wrapper {
    width: 280px;
    height: 100%;
    position: fixed;
    right: -280px;
    top: 0;
    bottom: 0;
    z-index: 16;
    background: #fff;
    border-left: 0 solid #d2d2d2;
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .13);
    transition: all .2s ease-out
}

.switcher-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    background: #008d91;
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .13);
    color: #fff;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    top: 40%;
    right: 100%;
    cursor: pointer
}

.switcher-wrapper.switcher-toggled {
    right: 0
}

.switcher-body {
    padding: 1.25rem
}

.switcher-body .form-check .form-check-input,
.switcher-body .form-check .form-check-label {
    cursor: pointer
}

.header-colors-indigators .indigator {
    width: 45px;
    height: 45px;
    background-color: #f4f2f2;
    border-radius: 10px;
    cursor: pointer
}

.notification-pulse {
    animation: pulse 1s ease-in-out infinite;
    /* Infinite pulse animation */
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #FED065;
    }

    70% {
        box-shadow: 0 0 0 8px rgba(255 255 0 / 0%);
        /* Reduced shadow spread */
    }

    100% {
        box-shadow: 0 0 0 0 rgba(254 255 0 / 0%);
    }
}

@media screen and (max-width:1280px) {
    .email-header {
        height: auto
    }

    .email-content {
        padding: 100px 0 0 0
    }
}

@media only screen and (max-width: 1199px) {
    .row.row-group>div {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    .row.row-group>div:last-child {
        border-right: none;
        border-bottom: 0;
    }
}

@media screen and (max-width:1024px) {
    .topbar {
        left: 0 !important
    }

    .mobile-search-icon {
        display: block
    }

    .mobile-toggle-menu {
        display: block
    }

    .sidebar-wrapper {
        left: -300px;
        box-shadow: none
    }

    .page-wrapper {
        margin-left: 0
    }

    .page-footer {
        left: 0
    }

    .search-bar {
        display: none
    }

    .full-search-bar {
        display: flex;
        align-items: center;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 100;
        background: #ffffff;
        height: 60px;
        padding: 0 1.4rem
    }

    .search-bar-box {
        width: 100%
    }

    .search-close {
        display: block
    }

    .search-show {
        left: 15px;
        right: auto
    }

    .search-control {
        background-color: #fff;
        border: 1px solid #f2efef00;
        padding-left: 2.5rem
    }

    .search-control-2 {
        color: #fff;
        background-color: #212529;
        border: 1px solid rgb(255 255 255 / 12%) !important;
        padding-left: 2.5rem
    }

    .wrapper.toggled .sidebar-wrapper {
        left: 0
    }

    .wrapper.toggled .page-wrapper {
        margin-left: 0
    }

    .wrapper.toggled .overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: .6;
        z-index: 10;
        display: block;
        cursor: move;
        transition: all .2s ease-out
    }

    .error-404 {
        height: auto;
        padding: 6rem 1rem
    }

    .chat-header {
        border-top-left-radius: .25rem
    }

    .chat-footer {
        border-bottom-left-radius: .25rem
    }

    .chat-sidebar {
        left: -370px
    }

    .chat-content {
        margin-left: 0
    }

    .chat-header {
        left: 0
    }

    .chat-footer {
        left: 0
    }

    .chat-toggled .chat-sidebar {
        left: 0
    }

    .chat-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 340px;
        background: #000;
        opacity: .5;
        z-index: 11;
        display: block;
        cursor: move;
        transition: all .3s ease-out
    }

    .email-header {
        border-top-left-radius: .25rem
    }

    .email-sidebar {
        left: -280px
    }

    .email-content {
        margin-left: 0
    }

    .email-header {
        left: 0
    }

    .email-toggled .email-sidebar {
        left: 0
    }

    .email-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 250px;
        background: #000;
        opacity: .5;
        z-index: 9;
        display: block;
        cursor: move;
        transition: all .3s ease-out
    }
}

@media screen and (max-width:991px) {
    .section-authentication-signin {
        height: 100%;
        margin-top: 6rem;
        margin-bottom: 2rem
    }

    .authentication-reset-password {
        height: auto;
        padding: 2rem 1rem
    }

    .authentication-lock-screen {
        height: auto;
        padding: 2rem 1rem
    }

    .compose-mail-popup {
        width: auto;
        position: fixed;
        bottom: -30px;
        right: 0;
        left: 0
    }
}

@media screen and (max-width:767px) {
    .user-box .user-info {
        display: none
    }

    .authentication-forgot {
        height: auto;
        padding: 2.5rem 1rem
    }
}

@media screen and (max-width:620px) {

    /* .topbar .navbar .dropdown-menu::after {
        display: none
    } */
    .topbar .navbar .dropdown {
        position: static !important
    }

    /* .topbar .navbar .dropdown-menu {
        width: 100%!important
    } */
}

@media screen and (max-width:520px) {

    .chat-footer-menu,
    .chat-top-header-menu {
        display: none
    }
}

.btn.btn-next {
    border-color: #1CB079 !important;
    border-radius: 10px;
    background: #1CB079 !important;
    font-family: Nunito;
    font-size: 0.8rem;
    color: #fff !important;
    border-radius: 30px;
    font-weight: 500;
    max-width: 120px;
    min-width: 110px;
    margin: 2rem 0.5rem 0px 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn.btn-sub {
    border-color: #1CB079 !important;
    border-radius: 10px;
    background: #1CB079 !important;
    font-family: Nunito;
    font-size: 0.8rem;
    color: #fff !important;
    border-radius: 30px;
    font-weight: 500;
    max-width: 120px;
    min-width: 120px;
    margin: 2rem 0.5rem 0px 0.5rem;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn.btn-back {
    border-color: #FED065 !important;
    border-radius: 10px;
    background: #FED065 !important;
    font-family: Nunito;
    font-size: 0.8rem;
    color: #000 !important;
    border-radius: 30px;
    font-weight: 500;
    max-width: 120px;
    min-width: 110px;
    margin: 2rem 0.5rem 0px 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-right: 8px !important;
}

.btn-primary {
    border-color: var(--green-color) !important;
    border-radius: 10px;
    background: var(--green-color) !important;
    font-family: Nunito;
    font-size: 0.8rem;
    color: #000 !important;
    border-radius: .3rem;
}

.btn-purple {
    border-color: #776abe;
    border-radius: 0.5rem;
    background: #e6e1ff;
    font-family: Nunito;
    font-size: 0.8rem;
    color: #776abe;
    border-radius: 15px;
}

.border-none {
    border: unset !important;
}

.form-input-card {
    border: none !important;
    border-radius: 10px;
    padding: 10px;
    background-color: #F1F1F1;
    height: 45px !important;
}

.label-form-card {
    font-size: 0.9rem;
    color: #fff;
    margin-bottom: .5rem;
}

.ElementsApp .InputElement.is-invalid {
    color: #000 !important;
}

.ElementsApp::placeholder,
.ElementsApp .InputElement::placeholder {
    color: #000 !important;
    font-size: 14px;
}

.form-check-input:checked {
    /*	background-color: #4f4f4f;
    border-color: #c7c7c7;*/
    background-color: #4EA082;
    border-color: #84d89e;
    font-size: 0.95rem;
}

.form-check-input.checked {
    background-color: #776abe;
    border-color: #c2bbe8;
}

.form-check-input.checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

a {
    /*	color: #776abe!important;*/
    color: unset !important;
    cursor: pointer;
}


/* .section-authentication-signin img {
    filter: brightness(100);
} */

.complete-section {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
}

.complete-section img {
    filter: none;
}

.complete-section h3 {
    font-size: 40px;
    color: #fff;
    padding-top: 1.5rem;
}

.complete-section p {
    font-size: 1rem;
    color: #fff;
}

.auth-cover-right {
    display: flex;
    background-color: #ffffff;
    min-height: 100vh;
}

.text-upper {
    text-transform: uppercase;
}

.auth-cover-right a {
    font-size: 0.8rem;
    color: #5E5E5E;
    border-radius: 5px;
    transition: all 300ms;
}

.auth-cover-right .auth-cover-right__fp {
    color: #4A60AE;
    transition: 0.3s all ease-in-out;
    display: inline-block;
}

.auth-cover-right .auth-cover-right__fp:hover {
    color: #604fc1 !important;
    transform: scale(1.05) !important;
    transition: 0.3s all ease-in-out;
    display: inline-block;
}

.e-post_btnLogin {
    transition: 0.3s all ease-in-out;
}

.e-post_btnLogin:hover {
    background-color: #38755f !important;
    transform: scale(1.03);
    transition: 0.3s all ease-in-out;
    color: #fff !important;
    border: 1px solid #38755f !important;
}

.btn-primary:hover {
    background-color: #459174;
    border-color: #459174;
}

.section-authentication-cover .login-left img {
    width: 475px;
    object-fit: cover;
    height: auto;
    margin-right: 8px;
}

.logo-wrapper img {
    filter: brightness(0.65);
}

.text-primary {
    color: #4EA082;
}

.color-green {
    color: #45af00;
}

.color-dark-blue {
    color: #0a46e0;
}

.color-orange {
    color: #f8a21b;
}

.color-pink {
    color: #fe466a;
}

.color-purple {
    color: #776abe !important;
}

.color-white {
    color: #fff !important;
}

.color000 {
    color: #000 !important;
}

.topbar .navbar {
    /*	background: #9C8FE3;*/
    /* background: rgb(119 106 190); */
    /* background: rgba(64, 49, 146, 1); */
    /* background: #604fc1; */
}


/* .topbar .navbar.topNavbar {
    background-color: #E6E6E6;
} */

.bs-stepper.vertical .bs-stepper-header {
    background-color: #e6e6eb !important;
    border-right: 1px solid #e3e4fb !important;
}

.active .bs-stepper-circle {
    /* background-color: #2F2562 !important;
    border: none !important; */
    width: 35px !important;
    height: 35px !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #2F2562 !important;
    background-color: #dbd9e8 !important;
}

.active .bs-stepper-circle svg path {
    fill: #fff;
}

.step.step2 .step-trigger .bs-stepper-circle i {
    display: none;
}

.step.step2.done .step-trigger .bs-stepper-circle svg {
    display: none;
}

.step.step2.done .step-trigger .bs-stepper-circle i {
    display: block;
}


/* .new-agreement a{
    justify-content: center !important;
} */

.new-agreement.mm-active>a {
    border-radius: .3rem !important;
    background: #FED065 !important;
}

.new-agreement>a:active {
    border-radius: .3rem !important;
    background: #FED065 !important;
}

.bs-stepper-circle {
    background-color: #fff !important;
}

.border-pink {
    border: 1px solid#fd3650;
}

.border-purple {
    border: 1px solid#776abe;
}

.border-light-purple {
    border: 1px solid#ababab;
    border-radius: 20px;
}

.border-green {
    border: 1px solid#0fb118;
}

.gap-6vw {
    gap: 6vw;
}

.register-agreement .card-body {
    /*	display: flex;*/
    /*flex-direction: column;
    justify-content: center;
    align-items: center;*/
    display: block;
    position: relative;
}

.register-agreement .card-body a:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.dark-green-bg {
    background-color: #4EA082 !important;
}

.dark-green-border {
    border: 1px solid#4EA082 !important;
}

.pink-powder-border {
    border: 1px solid#F49097 !important;
}

.pink-powder-bg {
    background-color: #F49097 !important;
}

.step .steper-title {
    font-size: 13px !important;
}

.bs-stepper .step-trigger {
    padding: 10px 0px !important;
}

.bs-stepper-circle {
    width: 2rem !important;
    height: 2rem !important;
}

.color-red {
    color: #ff6e6e;
}


/*.form-control::-webkit-input-placeholder {
	color: #575a5d;
	opacity: 1
}
.form-control::-moz-placeholder {
	color: #575a5d;
	opacity: 1
}
.form-control::placeholder {
	color: #575a5d;
	opacity: 1
}
*/

.bg-login__header {
    height: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #2F2562; */
    background: #2B2453;
}

.auth-cover-left {
    /* background: linear-gradient(45deg, #5140AE 0%, rgba(81, 64, 174, 0.46) 100%); */
    /* background-color: #604fc1; */
    background-color: #6652d3;
}

.auth-cover-right__title {
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.forgot-password-section .auth-cover-right__title {
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.auth-cover-right__subtitle {
    color: var(--soft-black, #303030);
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.auth-cover-right__f {
    color: #4A60AE;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.auth-cover-right .form-body label {
    color: var(--soft-black, #303030);
    font-size: 18px;
    line-height: normal;
    font-weight: 300;
}

.auth-cover-right .form-body input {
    border: 1px solid var(--soft-black, #303030);
    /*	border-radius: 0;*/
    height: 45px;
    border-radius: 5px;
}

.btn-login {
    padding: 13px 10px !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border: 1px solid;
    /*    border-radius: 0;*/
    border-radius: 0px 5px 5px 0px;
}

.btn-primary {
    padding: 10px 10px;
}

.custom-save-btn {
    margin-right: 22px;
    width: 66px;
}


/* .custom-save-btn:hover {
    background-color: #00b09b !important;
    border-color: #00b09b !important;
} */

.contracts-tbl {
    width: 100%;
}

.contracts-tbl tr {
    height: auto;
}

.contracts-tbl tr td {
    border-bottom: 1px solid #dbdbdb;
    padding: 8px 10px;
}

.contracts-tbl tr th {
    font-size: 10px;
    /* font-weight: 800; */
    color: #000 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border-top: 0px;
    font-family: 'Nunito';
}

.contracts-tbl tr th:first-child {
    border-left: 0px;
}

.contracts-tbl tr th:last-child {
    border-right: 0px;
}

.card-body {
    flex: 1 1 auto;
    padding: 26px 1rem;
}

.contracts-expiring__name_tbl .terminate_btn,
.contracts-expiring__name_tbl .renew_btn,
.contracts-expiring__name .renew_btn {
    position: relative;
    overflow: hidden;
}

.contracts-expiring__name_tbl .renew_btn,
.contracts-expiring__name_tbl .renew_btn:hover,
.contracts-expiring__name .renew_btn,
.contracts-expiring__name .renew_btn:hover {
    background-color: var(--green-color) !important;
    display: flex !important;
    align-items: center;
    line-height: unset;
    width: 90%;
    color: #000 !important;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none !important;
    height: 29px !important;
    border-radius: .25rem !important;
    padding: 6px 0px;
    margin: 0 auto !important;
}

.contracts-expiring__name_tbl .evaluate_btn,
.contracts-expiring__name_tbl .evaluate_btn:hover,
.contracts-expiring__name .evaluate_btn,
.contracts-expiring__name .evaluate_btn:hover {
    background-color: #b3b9ef !important;
    display: flex !important;
    align-items: center;
    line-height: unset;
    width: 90%;
    color: #000 !important;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none !important;
    height: 29px !important;
    border-radius: .25rem !important;
    padding: 6px 0px;
    margin: 0 auto !important;
}

.contracts-expiring__name_tbl .terminate_btn,
.contracts-expiring__name_tbl .terminate_btn:hover,
.contracts-expiring__name .terminate_btn,
.contracts-expiring__name .terminate_btn:hover {
    background-color: var(--red-color) !important;
    display: flex !important;
    align-items: center;
    line-height: unset;
    width: 90%;
    color: #000 !important;
    font-size: 11px;
    font-weight: 400;
    margin-top: 3px;
    text-decoration: none !important;
    height: 29px !important;
    border-radius: .25rem !important;
    padding: 6px 0px;
    margin: 0 auto !important;
}

.add-category-colorList_item-wrap {
    /* overflow: scroll; */
    gap: 12px;
    /* scrollbar-width: none; */
    display: flex;
    flex-wrap: wrap;
}

.past-date {
    background-color: #ffcccc;
    /* Light red for past date */
}

.future-date {
    background-color: #ccccff;
    /* Light blue for future date */
}

.add-category-colorList .add-category-colorList_item {
    background-color: #000000;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.csm-select-icon-btn {
    background-color: transparent;
    border: 1px solid #A9A9A9 !important;
    height: 40px;
    border-radius: 10px;
    padding: 0.375rem 1.75rem 0.375rem 1rem;
    position: relative;
    text-align: left;
}

.csm-select-icon-btn:hover {
    background-color: transparent !important;
    color: #707070 !important;
}

.csm-select-icon-btn:focus {
    border: none;
    outline: none !important;
    box-shadow: unset !important;
    background-color: transparent !important;
}

.csm-select-icon-btn::after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 12px;
    height: 15px;
    background-repeat: no-repeat;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.add-category-logoList {
    cursor: pointer;
    height: 23px;
}


/* .add-category-colorList,
.add-category-logoList-wrap {
    margin: 20px 0px;
} */

.add-category-optional select {
    height: auto;
    font-size: 12px;
    height: 40px;
}

.add-category-optional select:focus {
    box-shadow: unset !important;
    outline: none;
}

.add-category_detailWrap input {
    font-size: 12px;
    height: 40px;
    margin-bottom: 10px;
}

.add-category_detailWrap input::placeholder {
    color: #707070;
}

.add-category_detailWrap input:focus {
    box-shadow: unset !important;
    outline: none;
}

.add-category_detailWrap P {
    color: #333;
    font-family: 'Nunito';
    margin-bottom: 10px;
    /* text-transform: capitalize; */
}

.add-category-dropdown {
    margin-bottom: 10px;
}

.add-category-dropdown .dropdown-menu {
    width: 100%;
    height: 200px;
    overflow: auto;
}

.add-category-dropdown .dropdown-menu li a {
    padding: 8px 1rem;
}

.add-category-dropdown .dropdown-menu li a:hover {
    background-color: #D5D5D5 !important;
}


/* .modal .modal-dialog .Add-categoryClose_btn {
    opacity: 1 !important;
    filter: unset !important;
    font-size: 12px !important;
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    z-index: 1;
} */

.add-category-logoList_item {
    /* width: 40px;
    height: 40px;
    background-color: #EDEDED;
    border-radius: 50%;
    padding: 8px; */
    height: 25px;
    border-radius: 50%;
    width: 25px;
}

.add-category-logoList_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.add-category-logoList_item i {
    width: 100%;
    font-size: 20px;
}

.file-element-text {
    background-color: #A3A3A3;
    border-radius: 8px;
    padding: 8px 13px;
    position: absolute;
    top: -19px;
    left: 9px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.file-element-text span {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}


/*Free trial*/

.basic-card {
    border-radius: 20px;
    background: #303030;
}

.basic-card__title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    /* border-bottom: 1px solid; */
    margin: 0 1.9rem;
    margin-bottom: 5rem;
}

.basic-card__btn {
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    width: 228px;
    height: 47px;
    text-transform: uppercase;
    margin-top: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.basic-card__sectitle {
    color: #303030;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    border: none;
    text-align: left;
    padding-top: 2rem;
}

.basic-card .form-label {
    font-size: 0.9rem;
    color: #fff;
}

.section-authentication-signin.trial {
    height: 100%;
}

.basic-card__row {
    margin-top: 80px;
    margin-bottom: 80px;
}

.basic-card .form-check-label {
    color: #fff;
}

.basic-card .form-check {
    max-width: 480px;
    width: 316px;
}

.card-payment-card {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: transparent;
    border: 1px solid #fff;
    cursor: pointer;
}

.card-payment-card.active {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #fff;
    border: 1px solid #fff;
}

.card-payment-card .form-check-input {
    width: 18px;
    height: 18px;
    margin: 0px;
    cursor: pointer;
}

.card-payment-card .form-check-input.checked:checked,
.card-payment-card.active .form-check-input {
    background-color: #776abe !important;
    border-color: #c2bbe8 !important;
}

.card-payment-card .form-check-input {
    background-color: unset !important;
    border-color: unset !important;
}

.card-payment-card-text {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: space-between;
}

.card-payment-card-text h3 i {
    margin-right: 5px;
}

.card-payment-card.active .card-payment-card-text h3,
.card-payment-card.active .card-payment-card-text strong {
    color: #000;
    font-size: 13px;
}

.card-payment-card-text h3 {
    font-size: 0.9rem;
    color: #fff;
    margin-bottom: 0px;
    max-width: 145px;
    min-width: 145px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
}

.default-currency-text {
    background-color: #fff;
    padding: 14px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.shift-lng_setting {
    background: #fff;
    padding: .375rem .75rem;
    cursor: pointer;
    border: 1px solid #A9A9A9;
    border-radius: 5px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
}

.user-name-setting {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.default-currency-text p {
    margin-bottom: 0px;
    color: #4c5258;
}

.default-currency-text i {
    margin-right: 5px;
}

.card-payment-card-text strong {
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}

.basic-card .form-body .row {
    margin: 0 1.5rem;
}

.basic-card__second {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 2%), 0 2px 6px 0 rgb(0 0 0 / 2%);
    padding: 1rem 0.5rem;
    border: 1px solid #cbcbcb;
    /* height: 100%;
    max-height: 525px; */
    max-height: 617px;
    height: 100%;
    min-height: 569px;
}

.basic-card__third {
    border-radius: 1rem;
    padding: 1rem 0.5rem;
    max-height: 617px;
    height: 100%;
    background-color: #FFF5EA;
    border: 1.1px solid #A4A4A4;
    box-shadow: 0px 5.28px 14.08px 0px #0000001F;

}

.basic-card__seccontent {
    font-size: 18px;
    line-height: 140%;
    color: #303030;
}

.curve-arrow {
    top: 1.5rem;
    display: flex;
    position: relative;
    left: -6rem;
}

.basic-card__summary {
    flex-grow: 1;
}

.card-body .rounded {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.basic-card__summary--line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.5rem 0.1rem;
}

.basic-card__summary--line .plan-amount {
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    width: 42%;
    text-align: left;
}

.basic-card__summary--line .biling-list-subscription {
    width: 45%;
}

.basic-card__summary--total {
    display: flex;
    justify-content: center;
    padding: 1rem;
    border: 1px solid #cbcbcb;
    border-radius: 0.5rem;
    font-size: 1rem;
    background: #cbcbcb;
    font-weight: 600;
    line-height: 1rem;
    font-size: 0.9rem;
}

.custom-select-wrap {
    position: relative;
    width: 100%;
}

.custom-select-selected {
    font-weight: 300;
    height: auto !important;
    padding: 12px 12px;
    color: #000;
    background-color: #fff;
    border: none;
    font-family: 'Roboto';
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company_size-dropdown {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ced4da;
    margin-top: 4px;
    list-style: none;
    padding: 0;
    display: none;
    z-index: 99;
}

.company_size-dropdown li {
    padding: 8px 12px;
    cursor: pointer;
    color: #444444;
}

.company_size-dropdown li:hover,
.company_size-dropdown li.active {
    background: #D5D5D5;
}

.company_detail__label {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 15px;
}

.selected-company_detail__label {
    font-weight: 300;
    height: auto !important;
    padding: 12px;
    color: #000;
    font-size: 14px;
    background-color: #CBCBCB;
    border: none;
    font-family: 'Roboto';
    border-radius: 10px;
}

.company_detail__input {
    font-family: 'Roboto';
}

.company_order_caption {
    font-family: 'Roboto';
    font-weight: 400;
    color: #5c636b;
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px;
    min-height: 71.9px;
}

.order-price__label {
    margin-top: 36px;
    margin-bottom: 0px;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 13px;
}

.infoTooltip_contractVolumn {
    position: absolute;
    background-color: #000000d6;
    border-radius: 5px;
    right: -6px;
    top: -50px;
    opacity: 0;
    z-index: -1;
    transition: 0.3s all ease-in-out;
}

.infoTooltip_contractVolumn::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #000000d6;
    position: absolute;
    top: unset;
    right: 17px;
    transform: rotate(45deg);
    border-bottom: 1px solid #000000d6;
    border-right: 1px solid #000000d6;
    bottom: -6px;
}

.infoTooltip_contractVolumn p {
    margin: 0px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    display: block;
    font-family: 'Roboto';
    line-height: 16px;
    font-weight: 400;
}


/* .custom_info_icon:hover+.infoTooltip_contractVolumn {
    opacity: 1;
    z-index: 1;
    transition: 0.3s all ease-in-out;
} */

.custom_info_icon:hover .infoTooltip_contractVolumn,
.custom_info_icon:hover .infoTooltip_onUser {
    opacity: 1;
    z-index: 99;
    transition: 0.3s all ease-in-out;
}

.infoTooltip_onUser {
    position: absolute;
    background-color: #000000d6;
    border-radius: 5px;
    right: -6px;
    top: unset;
    opacity: 0;
    z-index: -1;
    transition: 0.3s all ease-in-out;
    bottom: 41px;
    min-width: 320px;
    max-width: 100%;
}

.infoTooltip_onUser::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #000000d6;
    position: absolute;
    top: unset;
    right: 17px;
    transform: rotate(45deg);
    border-bottom: 1px solid #000000d6;
    border-right: 1px solid #000000d6;
    bottom: -6px;
}

.infoTooltip_onUser p {
    margin: 0px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    display: block;
    font-family: 'Roboto';
    line-height: 16px;
    font-weight: 400;
}

.custom_info_icon:hover+.infoTooltip_onUser {
    opacity: 1;
    z-index: 1;
    transition: 0.3s all ease-in-out;
}

.ai-iconOntop {
    height: 35px;
    width: 35px;
    border: none;
    border-radius: 3px;
}

.ai-iconOntop img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.select_contract-volume-wrap {
    background-color: #F1F1F1;
    border-radius: 10px;
    padding: 11px 12px;
    cursor: pointer;
    height: 69.31px;
    display: flex;
    align-items: center;
}

.select_contract-volume-wrap i {
    position: absolute;
    right: 12px;
    top: 42%;
    color: #000;
}

.contract-volume-list {
    margin: 0;
    padding: 0px;
    list-style-type: none;
    background-color: #F1F1F1;
    /* padding: 11px 12px; */
    opacity: 0;
    height: 0px;
    transition: 0.3s all ease-in-out;
    position: absolute;
    top: 73px;
    left: 0;
    right: 0;
    z-index: -1;
}

.contract-volume-list.active {
    opacity: 1;
    height: auto;
    max-height: 215px;
    overflow: auto;
    min-height: 80px;
    z-index: 1;
}

.contract-volume-list li {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    cursor: pointer;
}

.contract-volume-list li:last-child {
    border-bottom: 0px;
}

.contract-volume-list li:hover {
    background-color: #D5D5D5;
}

.contract-volume-list li.active {
    background-color: #D5D5D5;
}

.contract_number_show {
    /* background-color: #B9E891; */
    border-radius: 50px;
    font-size: 12px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #444444;
    padding: 3px 0px;
    display: inline-block;
    margin-bottom: 0px;
}

.fa.fa-check {
    color: #4EA082;
    font-size: 20px;
}

.contract-billing_num {
    color: #444444;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 19px;
    display: flex;
    align-items: center;
}

.contract-billing_num small {
    background-color: #4EA082;
    border-radius: 50px;
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    padding: 5px 12px;
    margin-left: 10px;
    margin-bottom: 4px;
}

.select-contract-period-wrapper {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 30px;
}

.select-contract-period-wrapper .select-contract-period {
    display: flex;
    align-items: center;
    gap: 5px;
}

.select-contract-period-wrapper .select-contract-period label {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: normal;
}

.select-contract-period-tooltip {
    margin-top: 20px;
    padding-right: 8px;
}

.select-contract-period-tooltip p {
    background-color: #85B9D7;
    color: #000;
    border-radius: 5px;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.select-contract-period-tooltip {
    display: none;
    transition: 0.5s all ease-in-out;
    position: relative;
}

.select-contract-period-tooltip::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #85B9D7;
    position: absolute;
    top: -5px;
    right: 0;
    left: 35%;
    transform: rotate(45deg);
    border-top: 1px solid #85B9D7;
    border-left: 1px solid #85B9D7;
}

.select-contract-period-tooltip.active {
    display: inline-block;
    position: absolute;
}

.basic-card__custom .card-body {
    min-height: 577px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
}

.ai-modal-dialog {
    height: 100%;
    margin: 0 0px 0 auto;
    display: flex;
    align-items: end;
    max-width: 650px !important;
}

.ai-modal-dialog .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #353535;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    height: 550px;
}

.ai-modal-dialog .modal-content .modal-header {
    border: 1px solid #262626 !important;
}

.ai-custom-backdrop {
    background-color: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(0px);
    transition: all 0.3s ease;
}

.ai-modal-dialog .modal-body {
    padding: 20px 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.AI-modal-title {
    font-size: 18px;
    font-weight: 700;
    color: #E8E8E8;
    margin: 0;
}

.welcome-message-ai {
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.welcome-message-ai h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 54px;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Nunito';
    margin-bottom: 6px;
}

.welcome-message-ai p {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #848484;
    font-family: 'Nunito';
    text-align: center;
}

.ai-custom-select {
    position: relative;
    width: 100%;
}

.alert-message-uploadDoc {
    background-color: #fff3cd;
    border-radius: 5px;
    padding: 10px 20px;
}

.alert-message-uploadDoc h4 {
    color: #000;
    font-size: 16px;
    text-align: left;
}

.ai-select-box {
    cursor: pointer;
    background: #fff;
    background-color: #262626;
    border: none;
    height: 45px;
    padding: 10px 30px 10px 30px !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #fff !important;
    font-family: 'Nunito';
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    width: 100%;
}

/* .ai-select-box {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #fff !important;
    font-family: 'Nunito';
} */
.ai-selected-wrap {
    position: relative;
}

.ai-selected-wrap i {
    position: absolute;
    top: 15px;
    right: 30px;
    color: #fff;
}

.ai-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    max-height: 150px;
    overflow-y: auto;
}

.ai-options li {
    font-size: 13px;
    width: 100%;
    display: block;
    color: #4c5258 !important;
    align-items: center;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    padding: 8px 30px;
}

.ai-options li:hover {
    background: #f2f2f2;
}

.ai-options li.active {
    background-color: #D5D5D5 !important;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-options li.active::after {
    content: "✓";
    font-size: 14px;
    font-weight: 700;
    color: var(--theme-green, #4EA082);
    flex-shrink: 0;
}

/* active */
.ai-custom-select.active .ai-options {
    display: block;
}

.ai-modal-input {
    border-radius: 30px;
    background-color: #262626;
    border: none;
    height: 45px;
    padding: 10px 70px 10px 30px !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #fff !important;
    font-family: 'Nunito';
}

.ai-modal-input:focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background-color: #262626 !important;
}

.ai-modal-input::placeholder {
    color: #848484;
    /* text-transform: capitalize !important; */
}

.ai-modal-submit-btn {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 11px;
    right: 18px;
    transition: 0.3s all ease-in-out;
}

.ai-modal-submit-btn:hover {
    transform: scale(1.04) !important;
}

.ai-modal-submit-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ai-top-icons img,
.ai-top-icons button {
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.ai-top-icons img:hover,
.ai-top-icons button:hover {
    transform: scale(1.2) !important;
}

.hint-contract-tabs-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.hint-contract-tab {
    background-color: transparent;
    color: #848484;
    border: 1px solid #626262;
    padding: 8px 12px;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    pointer-events: none;
}

.hint-contract-tab.active {
    background-color: #fff;
    color: #555555;
    border: 1px solid #555555;
    padding: 8px 152x;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    pointer-events: unset;
}

.hint-contract-tab.active:focus {
    background-color: #fff !important;
    color: #555555 !important;
    border: 1px solid #555555;
}

.hint-contract-tab:focus {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #626262 !important;
    background-color: transparent !important;
}

.ai-modal-dialog.full-screen {
    height: calc(100% - 62px);
    margin: 62px 15px 0 auto;
    display: flex;
    align-items: end;
    max-width: calc(100% - 255px) !important;
}

.ai-modal-dialog .modal-content.full-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #353535;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    height: 100%;
}

.full-screen-icon {
    cursor: pointer;
}

.ai-modal-dialog .modal-content.full-content .modal-body .ai-modal-input-section {
    width: 700px;
    margin: 0 auto;
}

.ai-modal-dialog .modal-content.full-content .modal-body .hint-contract-tabs-wrapper {
    width: 700px;
    margin: 24px auto;
}

.email-warning-label {
    background-color: #FFF3CD;
    border-radius: 10px;
    padding: 10px 25px;
    margin-bottom: 20px;
    border: 1px solid #a4a4a4;
}

.contractDetail_terminateBtn {
    background-color: var(--red-color) !important;
    color: #000 !important;
    padding: 5px 15px !important;
    border-radius: 5px !important;
    border: none;
    font-size: 14px !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.contractDetail_renewBtn {
    background-color: var(--green-color) !important;
    color: #000 !important;
    padding: 5px 15px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    margin-right: 10px !important;
    border: none !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.contractDetail_terminateBtn:hover,
.contractDetail_renewBtn:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

/*** Footer ***/

footer {
    color: #c8c8c8;
    background-color: #303030;
}

.footer .btn.btn-contact {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #c8c8c8;
    font-weight: normal;
    transition: .3s;
}

.footer .btn.btn-contact:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
}

.header-topbar .btn.btn-contact {
    display: block;
    margin-bottom: 2px;
    padding: 0;
    text-align: left;
    color: #c8c8c8;
    font-weight: normal;
    transition: .3s;
}

.header-topbar .btn.btn-contact:hover {
    color: var(--light);
    letter-spacing: 0px;
    box-shadow: none;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #fff;
    font-weight: normal;
    transition: .3s;
}

.footer .btn.btn-link:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: #A7A8B4;
    border: 1px solid#A7A8B4;
}

.footer .btn.btn-square:hover {
    color: var(--secondary);
    border-color: var(--light);
}

.footer .copyright {
    padding: 35px 0;
    font-size: 15px;
    /*    border-top: 1px solid rgba(256, 256, 256, .1);*/
}

.footer .copyright a {
    color: var(--secondary);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}

.footer .logo-img {
    max-width: 200px;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin: 0;
}

.footer-bottom {
    border-bottom: 1px solid;
    margin-bottom: 2rem;
}

.footer-copyright {
    font-size: 12px;
    color: #fff;
}

.footer-copyright__links {}

.footer-copyright__links a {
    color: #FFF;
    font-weight: 400;
    line-height: normal;
}

.footer-copyright__links ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.footer-copyright__links ul li {
    list-style: none;
    padding: 0 1rem;
}

.footer-copyright__links ul li:last-child {
    padding-right: 0;
}

.pricing-plan_checklist {
    list-style-type: none;
}

.pricing-plan_checklist li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    padding: 0.5rem 0.1rem;
}

.online-payment .basic-card {
    /* background: #604fc1; */
    background-image: url(/assets/images/pricing-bg-light.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.online-payment .basic-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.6;
    border-radius: 20px;
}

.online-payment .basic-card .card-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 55%);
    z-index: 1;
    border-radius: 20px;
}

.online-payment .basic-card .card-body form#myForm {
    position: relative;
    z-index: 1;
}

.section-authentication-signin.online-payment {
    height: 100%;
}

.section-authentication-signin.online-payment .curve-arrow {
    top: 22rem;
}

.model-folder__lock {
    font-size: 22px;
    color: #292828;
    height: auto;
    position: absolute;
    bottom: -8px;
    right: -1px;
}

.note-monthly {
    color: #000;
    background-color: #DDFFDD;
    border-radius: 5px;
    padding: 18px 14px;
    display: flex;
    align-items: flex-start;
}

.note-yearly {
    color: #000;
    background-color: #DDFFDD;
    border-radius: 5px;
    padding: 14px 14px;
    display: flex;
    align-items: flex-start;
}

.note-invoice {
    color: #000;
    background-color: #DDFFDD;
    border-radius: 5px;
    padding: 14px 14px;
    display: flex;
    align-items: flex-start;
}

.section-authentication-signin .basic-card__btn {
    margin-top: 0;
    margin-bottom: 4rem;
}

.section-authentication-signin .form-check a {
    color: #fff;
    font-weight: 700;
}

.gap-2-0vw {
    gap: 2vw 0vw;
}

.agreements-item .card-title {
    font-size: 0.75rem;
    font-weight: 600;
}


/*.agreements-item:nth-child(0) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(0) .btn{ color: #15ca20; }
.agreements-item:nth-child(1) > .card{ border: 1px solid #229abe; } .agreements-item:nth-child(1) .btn{ color: #229abe; }
.agreements-item:nth-child(2) > .card{ border: 1px solid #6f15ca; } .agreements-item:nth-child(2) .btn{ color: #6f15ca; }
.agreements-item:nth-child(3) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(3) .btn{ color: #15ca20; }
.agreements-item:nth-child(4) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(4) .btn{ color: #15ca20; }
.agreements-item:nth-child(5) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(5) .btn{ color: #15ca20; }
.agreements-item:nth-child(6) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(6) .btn{ color: #15ca20; }
.agreements-item:nth-child(7) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(7) .btn{ color: #15ca20; }
.agreements-item:nth-child(8) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(8) .btn{ color: #15ca20; }
.agreements-item:nth-child(9) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(9) .btn{ color: #15ca20; }
.agreements-item:nth-child(10) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(10) .btn{ color: #15ca20; }
.agreements-item:nth-child(11) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(11) .btn{ color: #15ca20; }
.agreements-item:nth-child(12) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(12) .btn{ color: #15ca20; }
.agreements-item:nth-child(13) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(13) .btn{ color: #15ca20; }
.agreements-item:nth-child(14) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(14) .btn{ color: #15ca20; }
.agreements-item:nth-child(15) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(15) .btn{ color: #15ca20; }
.agreements-item:nth-child(16) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(16) .btn{ color: #15ca20; }
.agreements-item:nth-child(17) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(17) .btn{ color: #15ca20; }
.agreements-item:nth-child(18) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(18) .btn{ color: #15ca20; }
.agreements-item:nth-child(19) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(19) .btn{ color: #15ca20; }
.agreements-item:nth-child(20) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(20) .btn{ color: #15ca20; }
.agreements-item:nth-child(21) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(21) .btn{ color: #15ca20; }
.agreements-item:nth-child(22) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(22) .btn{ color: #15ca20; }
.agreements-item:nth-child(23) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(23) .btn{ color: #15ca20; }
.agreements-item:nth-child(24) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(24) .btn{ color: #15ca20; }
.agreements-item:nth-child(25) > .card{ border: 1px solid #15ca20; } .agreements-item:nth-child(25) .btn{ color: #15ca20; }*/

.agreements-item .card {
    border: 1px solid #b6a1e8;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 20px;
}

.agreements-item .btn {
    color: #776abe;
}

.agreements-item .btn {
    background: unset;
    border: none;
    /*    color: #000;*/
    font-size: 0.75rem;
    font-weight: 400;
    transition: all .2s ease-out
}

.agreements-item .btn:hover {
    padding-bottom: 0;
    transition: all .2s ease-out
}

.agreements-item .card-title {
    transition: all .2s ease-out;
    color: #b6a1e8;
}

.agreements-item .btn:hover .card-title {
    transition: all .2s ease-out;
    margin-bottom: 0;
}

.agreements-item .card:hover {
    transition: all .4s ease-out;
    background: #b6a1e8;
    transform: scale(1.1);
    border-radius: 20px;
}

.agreements-item .card-body:hover .card-title {
    transition: all .2s ease-out;
    color: #fff;
}

.agreements-item .card-body:hover .btn {
    transition: all .2s ease-out;
    color: #fff;
}

.bs-stepper .form-label {
    font-weight: 500;
    font-family: 'Nunito';
    font-size: 13px;
    color: #343434;
}


/*Form Wizard*/

@charset "UTF-8";

.stepper .nav-tabs {
    position: relative;
}

.stepper .nav-tabs>li {
    width: 25%;
    position: relative;
}

.stepper .nav-tabs>li:after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    width: 100%;
    height: 5px;
    top: 30px;
    left: 50%;
    z-index: 1;
}

.stepper .nav-tabs>li.completed::after {
    background: #34bc9b;
}

.stepper .nav-tabs>li:last-child::after {
    background: transparent;
}

.stepper .nav-tabs>li.active:last-child .round-tab {
    background: #34bc9b;
}

.stepper .nav-tabs>li.active:last-child .round-tab::after {
    content: "✔";
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    display: block;
}

.stepper .nav-tabs [data-toggle="tab"] {
    width: 25px;
    height: 25px;
    margin: 20px auto;
    border-radius: 100%;
    border: none;
    padding: 0;
    color: #f1f1f1;
}

.stepper .nav-tabs [data-toggle="tab"]:hover {
    background: transparent;
    border: none;
}

.stepper .nav-tabs>.active>[data-toggle="tab"],
.stepper .nav-tabs>.active>[data-toggle="tab"]:hover,
.stepper .nav-tabs>.active>[data-toggle="tab"]:focus {
    color: #34bc9b;
    cursor: default;
    border: none;
}

.stepper .tab-pane {
    position: relative;
    padding-top: 50px;
}

.stepper .round-tab {
    width: 25px;
    height: 25px;
    line-height: 22px;
    display: inline-block;
    border-radius: 25px;
    background: #fff;
    border: 2px solid #34bc9b;
    color: #34bc9b;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 14px;
}

.stepper .completed .round-tab {
    background: #34bc9b;
}

.stepper .completed .round-tab::after {
    content: "✔";
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    display: block;
}

.stepper .active .round-tab {
    background: #fff;
    border: 2px solid #34bc9b;
}

.stepper .active .round-tab:hover {
    background: #fff;
    border: 2px solid #34bc9b;
}

.stepper .active .round-tab::after {
    display: none;
}

.stepper .disabled .round-tab {
    background: #fff;
    color: #f1f1f1;
    border-color: #f1f1f1;
}

.stepper .disabled .round-tab:hover {
    color: #4dd3b6;
    border: 2px solid #a6dfd3;
}

.stepper .disabled .round-tab::after {
    display: none;
}

.metismenu .has-arrow[aria-expanded=true]:after,
.metismenu .mm-active>.has-arrow:after {
    transform: rotate(45deg) translateY(-50%);
}

.mx-21 {
    margin-left: 2.1rem;
}

.agreements-item.custom .card {
    border: none;
    background: none;
    box-shadow: unset;
}

.agreements-item.custom .btn {
    font-weight: 900;
}

.agreements-item.custom .card-body:hover .btn {
    color: #7d68c6;
}

.step.done .bs-stepper-circle {
    background-color: #40c8878c !important;
    color: #000;
    border: none;
}

.step .bs-stepper-circle {
    border: 1px solid#b9b5d5;
}

.step.done .bx:before {
    content: "\e9a4";
}

.step.done svg:before {
    content: "\e9a4";
}

.bs-stepper.vertical .bs-stepper-header {
    border: 1px solid #a1a0ad !important;
    border-radius: 0.25rem;
}

.bs-stepper-content__title {
    background: #c9c9cc;
    color: #555555;
    padding: 25px;
    border-radius: 0.25rem;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    border-radius: 20px;
    /*text-transform: capitalize;*/
    color: #fff;
    background: #2F2562;
    line-height: normal;
}

.card.register-steps {
    /* max-width: 70%; */
    display: flex;
    border: 1px solid #a4a4a4;
    width: 100%;
    border-radius: 20px;
}

.timeLimit-title {
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}

.timeLimit-title span {
    color: #f60707 !important;
    text-decoration: underline;
}

.reminder-renewed strong {
    color: #f60707 !important;
    text-decoration: underline;
}

.steps-buttons {
    display: flex;
    /*    border-top: 2px solid#fff;*/
    padding-top: 0;
    margin-top: 0rem;
    justify-content: flex-end;
    gap: 12px;
}

.steps-buttons .btn-outline-secondary {
    /* padding: 8px 10px;
    color: #4d4d4d !important;
    font-weight: 800;
    position: relative;
    transition: 0.3s all ease-in-out;
    width: 80px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: block; */
    padding: 8px 10px !important;
    background: none !important;
    color: #4c5258 !important;
    font-weight: 400 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: 1px solid #ababab !important;
    border-radius: 5px !important;
    font-size: 0.7rem !important;
    font-family: 'Roboto';
    width: 80px;
    height: 2rem;
}

.steps-buttons .btn-outline-secondary:hover {
    /* background-color: #E6E6EB; */
    background-color: #fff !important;
    transition: all .2s ease-out;
    color: #4c5258 !important;
    border: 1px solid #000 !important;
}

.steps-buttons .btn-primary {
    width: 80px;
    padding: 8px 10px !important;
    background-color: var(--green-color) !important;
    color: #000 !important;
    font-weight: 600 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 0.8rem !important;
    font-family: 'Roboto';
    /* height: 2rem; */
}

.steps-buttons .btn-primary:hover {
    background-color: var(--green-color) !important;
    transition: all .2s ease-out;
    color: #000 !important;
    border: none !important;
    transform: scale(1.03);
}

.steps-buttons .btn-outline-secondary .bx {
    position: absolute;
    left: 0;
    bottom: 2px;
    margin: 0;
}

.steps-buttons .btn-primary .bx {
    position: absolute;
    right: 0;
    bottom: 2px;
    margin: 0;
}

.bs-stepper.vertical .bs-stepper-header {
    justify-content: space-between;
}

.bs-stepper.vertical .bs-stepper-header {
    padding: 1rem 2rem 1rem 1.5rem !important;
}

.text-left {
    text-align: left;
}

.step-app .bs-stepper-content {
    width: 100%;
}

.step-app .bs-stepper-content hr {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: calc(100% - 1rem);
    background: #ababab;
    opacity: 1;
    margin: 20px 0px;
}

.select-all_checkbox {
    accent-color: #519b80;
    margin-bottom: 3px;
}

.step-btn.finish {
    padding-right: 0.5rem;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23776abe;transform: ;msFilter:;'%3E%3Cpath d='M7 11h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zm0 4h2v2h-2zm4-4h2v2h-2zm0 4h2v2h-2z'%3E%3C/path%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zM19 8l.001 12H5V8h14z'%3E%3C/path%3E%3C/svg%3E");
    width: 17px;
    height: 17px;
    border-width: thin;
    cursor: pointer;
}

.register-agreement__title {
    font-size: 16px;
    display: flex;
    width: auto;
    position: relative;
    background: #776abe;
    color: #555555;
    padding: 1rem;
    border-radius: 0.25rem;
    font-size: 20px;
    font-weight: 700;
    border-radius: 20px;
    /*text-transform: capitalize;*/
    color: #000;
    background: #2F2562;
}

.table>:not(caption)>*>* {
    /*	background-color: #ffffff;*/
    /*	background-color: #fcfcfc;*/
    /*	border-color: #dccdff;*/
}

.card-body thead.table-light tr th {
    border-bottom-color: #e4e4e4 !important;
    color: #545454;
    text-shadow: none;
    font-size: 13px;
    font-weight: 500;
}

.recent-list .card-body h6 {
    padding-left: 0.4rem;
}

.w-2rem {
    width: 2rem;
}

.card-body__titlewrap {
    height: 4rem;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.agreements-item.custom .btn {
    background: rgb(220 205 255);
    border-radius: 0.25rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 8px 15px;
    font-size: 14px;
    outline-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .5px;
    border: 1px solid #b6a1e8;
    transition: all .3s ease-out;
    font-weight: 500;
    color: #776abe;
}

.agreements-item.custom .btn:hover {
    transition: all .3s ease-out;
    transform: scale(1.1);
}

.langs .dropdown-menu-end {
    right: -0.25rem;
    left: auto;
    top: 2.5rem;
    padding: 0.65rem 0;
}

.langs .dropdown-item.chosen {
    color: #776abe;
}

.langs .dropdown-menu {
    min-width: 3rem;
}

.topbar .navbar .langs .dropdown-menu::after {
    right: 18px;
}

.height-70px {
    height: 70px;
}

.circle-analitycs .chart-container-2 {
    width: 60%;
    min-width: 1px;
}

.contract-categories-chart.circle-analitycs .chart-container-2 {
    width: 99%;
    min-width: 1px;
}

.circle-analitycs .list-group {
    width: 40%;
    min-width: 1px;
    border-left: 1px solid#e1e1fb;
}

.circle-analitycs,
.wave-analitycs {
    height: 320px;
}

.circle-analitycs .list-group-flush>.list-group-item {
    border: none;
}

.circle-analitycs .list-group-flush>.list-group-item {
    font-size: 0.75rem;
}

.circle-analitycs .list-group-flush>.list-group-item .badge {
    font-size: 0.7rem;
}

.chart-container__total {
    position: absolute;
    top: 39%;
    left: 41%;
    font-size: 1.3rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    color: #848484;
    line-height: 1.5rem;
}

.chart-container__total span {
    font-size: 1rem;
    opacity: .9;
}

.metismenu .bx {
    font-size: 1.2rem;
}

.navbar .bx {
    font-size: 1.2rem;
}

.card.steps-summary {
    display: none;
}

.steps-summary__row {}

.steps-summary__left {
    margin-top: 30px;
}

.steps-summary__right {
    margin-top: 30px;
}

.steps-summary__group {
    border: 1px solid #ababab;
    border-radius: 15px;
    position: relative;
}

.steps-summary__group legend {
    top: -0.7rem;
    position: relative;
    width: auto;
    left: 0.5rem;
    font-size: 0.8rem;
    color: #000;
    background: #A3A3A3;
    margin-bottom: 0;
    border-radius: 0.5rem;
    padding: 10px 13px;
    height: 36px;
    text-transform: uppercase;
    min-width: 115px;
    max-width: 100%;
    text-align: center;
    line-height: normal;
    font-family: 'Roboto';
    display: flex;
    align-items: center;
    justify-content: center;
}

.steps-summary__right--img {
    border-radius: 0px;
    overflow: hidden;
    margin-top: 0.5rem;
    position: relative;
}

.steps-summary__right--img img {
    width: 100%;
    border-radius: 0.5rem;
}

.social-login {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 0;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.social-login img {
    margin-right: 1rem;
    width: 21px;
}

.social-login__btn {
    display: grid;
    grid-template-columns: 1fr 5fr;
    text-align: left;
}

.auth-cover-right a:hover {
    transform: scale(1.05);
    transition: all 300ms;
}

.social-login-buttons {}

.btn-rounded {
    border-radius: 3rem;
}

.steps-summary__group .title {
    font-size: 12px;
    color: #8d8d8d;
    /* height: 1rem; */
    margin-top: 0.5rem;
    font-family: 'Roboto';
    display: inline-block;
    /* text-transform: capitalize; */
}

.changeble-text {
    font-size: 12px !important;
    color: #4C5258 !important;
    font-weight: 600;
    line-height: 21px;
    font-family: 'Roboto';
}

.select-changeable__btn {
    padding: 2px 10px !important;
    align-items: center;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Roboto';
}

.steps-summary__group .title.color-red {
    color: red;
}

.highcharts-root {
    height: 100%;
}

.datepicker-wrap .bx {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    color: #656870;
    font-size: 1rem;
}

.datepicker-wrap {
    position: relative;
}

.select2-container--default {
    width: 100% !important;
}

.steps-summary__group--edit {
    position: absolute;
    top: -30px;
    right: 0.3rem;
    font-size: 1.2rem;
    color: #656870;
}

.bs-stepper-content__title--note {
    font-size: 0.75rem;
    background: #f1b03a;
    color: #191919;
    position: absolute;
    right: 1rem;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
    height: 2rem;
    font-weight: 600;
    z-index: 10;
    line-height: 1.7rem;
    top: 19px;
    margin: 0px;
}

.section-authentication-cover .btn-primary {
    font-size: 18px;
    font-weight: 800;
}

.p-relative {
    position: relative;
}

.select2-icon-group .bx {
    position: absolute;
    z-index: 9;
    font-size: 1rem;
    color: #656870;
    left: 0.5rem;
    top: 0.3rem;
}

.select2-selection.select2-selection--multiple {
    padding-left: 2rem;
}

.order-actions__icon {
    display: none !important;
}

button.swal2-confirm.swal2-styled {
    box-shadow: unset !important;
    display: inline-block;
    --swal2-action-button-outline: unset !important;
    background-color: var(--green-color) !important;
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    margin-right: 10px !important;
    border: none !important;
    transition: all .3s ease-out;
}

button.swal2-confirm.swal2-styled:focus {
    outline: none !important;
}

.order-actions:hover>.order-actions__title {
    display: none !important;
}

.order-actions:hover>.order-actions__icon {
    display: flex !important;
}

.order-actions__icon .bx {
    font-size: 17px;
    height: 100%;
    padding-top: 0rem;
}

.search-bar .form-select {
    color: #b2b2b2;
    border-radius: 10px;
    font-size: 0.7rem;
}

.search-bar .form-control {
    font-size: 0.7rem;
}

.search-bar .product-show {
    right: 10px;
    left: auto;
}

.w-4rem {
    width: 4rem;
}

.agreements-stack {
    background-color: #fff;
    border-radius: 0.25rem;
    /* box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%); */
    padding: 2rem 0.5rem;
    border: 1px solid #ababab !important;
    border-radius: 20px;
    box-shadow: 0px 2px 6px 2px #3C404326;
}

.mb-2rem {
    margin-bottom: 2rem !important;
}

.mb-3rem {
    margin-bottom: 3rem !important;
}

.h-430 {
    height: 430px;
}

.h-435 {
    height: 435px;
}

.h-530 {
    height: 530px;
}

.h-350 {
    height: 350px;
}

.h-150 {
    height: 150px;
}

.column-flex-52 {
    min-height: 52px;
}


/* .contract-remainder-card .changeble-text {
    height: 25px;
} */

#RemindersPopup .btn-close,
#RemindersPopupOrange .btn-close,
#RemindersPopupGreen .btn-close,
#RemindersPopupExpired .btn-close {
    position: absolute;
    right: -2rem;
    top: 0rem;
    z-index: 99;
}

#RemindersPopup .modal-body .card {
    box-shadow: none;
}

.popover {
    border-color: #c8c0f6 !important;
}

.filled-title {
    color: #32393F;
    padding: 0;
    border-radius: 0.25rem;
    text-align: center;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    font-family: 'Nunito';
    font-size: 24px;
}

.user-profile-img {
    width: auto;
    display: inline-block;
}

.user-profile-img .user_upload_pimg {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background-color: #EBDFFF;
    justify-content: center;
    border: 5px solid #B99AFF;
}

.user-profile-img .user_upload_pimg img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user-profile-img .user_upload_pimg .topBar_user-img {
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: #604fc1;
    font-weight: 400;
    font-family: 'Nunito';
}

.user_info_field {
    color: #4C5258 !important;
    font-weight: 400;
    font-family: 'Roboto';
    line-height: 21px !important;
    height: auto;
    margin-top: 0.25rem;
    border-radius: 10px;
}

.user_info_field:disabled {
    opacity: 1 !important;
}

.email-hover-showColor input {
    pointer-events: visible !important;
    cursor: pointer;
}

.email-hover-showColor input:hover {
    transform: scale(1.01);
    transition: all 300ms;
    color: #305ddb !important;
    pointer-events: visible !important;
}

.newAddUser_icon {
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease-in-out;
    height: 32px;
    width: 32px;
    padding: 8px;
}

.newAddUser_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.newAddUser_icon:hover {
    transform: scale(1.03);
}

.fillter-layer img {
    width: 20px;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.fillter-layer:hover img {
    transform: scale(1.03);
}

.fillter-layer {
    position: relative;
}

.fillter-layer::after {
    content: attr(data-tooltipp);
    position: absolute;
    /* bottom: 100%; */
    left: 150%;
    /* transform: translateX(-50%); */
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
}

.fillter-layer:hover::after {
    opacity: 1;
}

.upload-profile-link {
    width: 25px;
    height: 25px;
    border: none;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    padding: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-profile-link:focus {
    outline: none;
}

.upload-profile-link img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    text-align: center;
    display: block;
    margin-right: 2px;
}

.card-outline {
    background: #FCFCFC;
    box-shadow: 0px 2px 6px 2px #1e21244d;
    border-radius: 8px;
    padding: 20px 10px 20px 10px;
}

.category-card-outline {
    background: #F1F1F1;
    min-height: 275px;
    max-height: 100%;
}

.height-generally-f.active {
    height: 50.98px;
}

.counterparty-telephoneText+.iti__selected-dial-code {
    margin-left: 6px;
    display: none !important;
}

.edit-flag-wrap .iti__flag-container,
.edit-flag-wrap-Coun .iti__flag-container {
    position: relative !important;
}

.edit-flag-wrap .iti__selected-dial-code,
.edit-flag-wrap-Coun .iti__selected-dial-code {
    display: none;
}

.edit-flag-wrap .iti__selected-flag,
.edit-flag-wrap-Coun .iti__selected-flag {
    padding: 0px !important;
}

.edit-flag-wrap input,
.edit-flag-wrap-Coun input {
    padding-left: 23px !important;
}

.edit-input-space input {
    padding-left: 63px !important;
}

.folder-checkbox {
    height: 20px;
    width: 20px;
    border-radius: 5px;
    accent-color: #4EA082;
}


/* .temp-hidden .iti__selected-dial-code {
    margin-left: 6px;
    display: block !important;
} */

.user_profile_info {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.user_profile_info h2 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    font-family: 'Nunito';
    margin-bottom: 7px;
}

.user_profile_info h5 {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Roboto';
    margin-bottom: 7px;
}

.user_profile_info h5:last-child {
    margin-bottom: 0px;
    background-color: #5935A0;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 12px;
}

.user_element_title {
    color: #4C5258;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.user_select_yes,
.user_select_no {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
}

.user_select_yes span,
.user_select_yes label h4 {
    color: #4C5258;
    font-family: 'Roboto';
    font-weight: 800;
    font-size: 12px;
    line-height: 19px;
}

.user_select_no span,
.user_select_no label h4 {
    color: #4C5258;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
}

.user_select_yes input {
    accent-color: #4EA082;
    width: 16px;
    height: 16px;
}

.user_select_no input {
    accent-color: #CD2C2C;
    width: 16px;
    height: 16px;
}

.selecttitleNone {
    display: none !important;
}

.access-text {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Nunito';
    color: #000;
}

.profile-permission-user svg {
    background-color: #DCFCE8;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    padding: 8px;
    margin-bottom: 8px;
}

.profile-permission-administrator svg {
    background-color: #EDE6FF;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    padding: 8px;
    margin-bottom: 8px;
}

.profile-permission-owner svg {
    background-color: #FEF4C7;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    padding: 8px;
    margin-bottom: 8px;
}

.border-cosmic {
    border-color: #6d60b3 !important;
}

.border-ibiza {
    border-color: #f0979e !important;
}

.border-ohhappiness {
    border-color: #63bb99 !important;
}

.table-dark tr th:first-child {
    border-radius: 0px 0 0 0px !important;
}

.table-dark tr th:last-child {
    border-radius: 0 0px 0px 0;
}


/*select:invalid {
	opacity: .65!important;
	color: #fff!important;
}
*/

select {
    color: #5c5c5c !important;
}

select.valid {
    color: #212529 !important;
}

.border-purple {
    border: 1px solid #c8c0f6;
}

.fc-header-toolbar .fc-toolbar-chunk>div {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.agreements-item .card.border-color-1:hover {
    background: #2b3866 !important;
}

.agreements-item .card.border-color-2:hover {
    background: #6cb2ff !important;
}

.agreements-item .card.border-color-3:hover {
    background: #58c66c !important;
}

.agreements-item .card.border-color-4:hover {
    background: #88ae67 !important;
}

.agreements-item .card.border-color-5:hover {
    background: #dccf5e !important;
}

.agreements-item .card.border-color-6:hover {
    background: #fba26f !important;
}

.agreements-item .card.border-color-7:hover {
    background: #f7666a !important;
}

.agreements-item .card.border-color-8:hover {
    background: #e490b2 !important;
}

.agreements-item .card.border-color-9:hover {
    background: #6458b7 !important;
}

.agreements-item .card.border-color-10:hover {
    background: #9889ce !important;
}

.agreements-item .card.border-color-11:hover {
    background: #707070 !important;
}

.agreements-item .card.border-color-12:hover {
    background: #a4a4a4 !important;
}

.agreements-item .card.border-color-13:hover {
    background: #5467ab !important;
}

.agreements-item .card.border-color-14:hover {
    background: #e590df !important;
}

.agreements-item .card.border-color-15:hover {
    background: #7fd634 !important;
}

.agreements-item .card.border-color-1:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-2:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-3:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-4:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-5:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-6:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-7:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-8:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-9:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-10:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-11:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-12:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-13:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-14:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-15:hover .card-title {
    color: #fff !important;
}

.agreements-item .card.border-color-1:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-2:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-3:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-4:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-5:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-6:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-7:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-8:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-9:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-10:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-11:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-12:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-13:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-14:hover a {
    color: #fff !important;
}

.agreements-item .card.border-color-15:hover a {
    color: #fff !important;
}

.search-bar__left {
    min-width: 1px;
    width: 100%;
}

.search-bar__right {
    /*	min-width: 1px;*/
    width: 0%;
    display: flex;
    justify-content: center;
}

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

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

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

.page-item.active .page-link {
    width: 30px !important;
    height: 30px !important;
    color: #3a3a3a !important;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
    font-size: 11px !important;
}

.page-item:first-child .page-link {
    width: 30px !important;
    height: 30px !important;
    font-size: 11px !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
    width: 30px !important;
    height: 30px !important;
    font-size: 11px !important;
}

.page-link {
    color: #545454 !important;
    width: 50px;
    text-align: center;
    padding: .375rem;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}

.page-link:focus {
    border: unset;
    box-shadow: unset !important;
    outline: none !important;
}

.fc-h-event.fc-event-future {
    border: 1px solid #58c66c;
    background-color: #58c66c;
}

.user-permissions__header {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr;
}

.user-permissions__values .row {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr;
    margin: 0;
    /*	margin-bottom: 0.5rem;*/
    padding: 0.1rem;
    border-bottom: 1px solid #fcfcfc;
}

.user-permissions__values .row:last-child {
    border-bottom: none;
}

.user-permissions__values--incl .bx {
    font-size: 1.3rem;
}

.permissionsAll__wrap .user-permissions__values--name {
    width: 40%;
}

/* .permissionsAll__wrap .user_select_yes,
.permissionsAll__wrap .user_select_no {
    width: 25%;
} */

.permissionsAll__wrap .administrator.user_select_yes {
    width: 49%;
    background-color: #F9F5FF;
    border: 1px solid #9b6dff57;
    padding: 20px 10px;
}

.permissionsAll__wrap .administratorUser.user_select_yes {
    width: 49%;
    background-color: #F9F5FF;
    border: 1px solid #9b6dff57;
    padding: 20px 10px;
}

.permissionsAll__wrap .administratorUser.user_select_yes.acountOwner{
    background-color: #FFFBEC;
    border: 1px solid #F5950F;
}

.permissionsAll__wrap .administrator.user_select_yes.administratorAdmin{
    background-color: #F5F0FF;
    border: 1px solid #9B6DFF;
}
.permissionsAll__wrap .administratorUser.user_select_yes.user{
    background-color: #F0FFF4;
    border: 1px solid #22C55F;
}

.permissionsAll__wrap .user_select_yes {
    background-color: #F0FFF4;
    border: 1px solid #51DB9A;
    border-radius: 5px;
    padding: 5px 10px;
}

.permissionsAll__wrap .user_select_no {
    background-color: #FFF1F0;
    border: 1px solid #FF8489;
    border-radius: 5px;
    padding: 5px 10px;
}


.permissionsAll__wrap .user_select_yes input,
.permissionsAll__wrap .user_select_no input {
    float: unset !important;
    margin-left: 0 !important;
    /* display: none; */
}

.permissionsAll__wrap .user_select_yes.disabled,
.permissionsAll__wrap .user_select_no.disabled {
    opacity: 0.6;
    background-color: #F9F5FF;
    border: 1px solid #dbdbdb;
}

.permissionsAll__wrap .user_select_yes.editMode input,
.permissionsAll__wrap .user_select_no.editMode input {
    display: block;
}


.permissionsAll__wrap .user_select_yes input[type="radio"]:checked {
    accent-color: #4EA082 !important;
    opacity: 1 !important;
    cursor: not-allowed;
    pointer-events: none;
}

.permissionsAll__wrap .user_select_no input[type="radio"]:checked {
    accent-color: #CD2C2C !important;
    opacity: 1 !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* Checked AND disabled */

.permissionsAll__wrap .user_select_yes input[type="radio"].disabled {
    accent-color: #4EA082 !important;
    opacity: 1 !important;
    /* remove greyed look */
    cursor: not-allowed;
    pointer-events: none;
    /* optional for UX */
}

.permissionsAll__wrap .user_select_no input[type="radio"].disabled {
    accent-color: #CD2C2C !important;
    opacity: 1 !important;
    /* remove greyed look */
    cursor: not-allowed;
    pointer-events: none;
    /* optional for UX */
}

.permissionsAll__wrap .user-permissions__values--incl {
    width: 49%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
}

.user-permissions__values--name {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    color: #5C5C5C;
    /* font-weight: 700; */
    font-family: 'Roboto';
    padding: 0px;
}

.fs-75 {
    font-size: 0.75rem;
}

.fs-08 {
    font-size: 0.8rem;
}

.user-permissions__values--incl {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .user-permissions__values {
    border-radius: 8px;
    border: 1px solid #ABABAB;
    padding: 33px 25px;
    background-color: #fff;
} */

.card-body__typeicon img {
    width: 1.5rem;
}

.w-3rem {
    width: 3rem;
}

nav.navbar.navbar-expand.pe-5:before {
    content: "";
    height: 15px;
    width: 14px;
    position: absolute;
    display: block;
    top: 63px;
    left: 0;
    background: #3b317a;
}

nav.navbar.navbar-expand.pe-5:after {
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    display: block;
    top: 63px;
    left: 0;
    /*    background: #f2f3f5;*/
    border-radius: 50%;
    background-image: linear-gradient(275deg, transparent 50%, #f1f1f1 50%), linear-gradient(90deg, #f1f1f1 50%, transparent 50%);
}

.search-bar-box .bx-search {
    color: #080707;
    font-size: 16px;
    margin-top: 0px;
    font-weight: 600 !important;
}

.no-bg {
    background: unset;
}

.imageuploadify {
    border-radius: 20px !important;
}

.paginate_button .page-link {
    background: unset;
    font-size: 0.7rem;
}

.dataTables_info {
    font-size: 0.7rem;
}

.paginate_button.active .page-link {
    color: #000 !important;
    background-color: #ffffff;
    border-color: #656870;
}

.paginate_button.disabled .page-link {
    background: unset;
}

.agreements-item__hovered {
    display: flex;
    opacity: 0;
    position: relative;
    /*    top: -4rem;*/
    gap: 0.3rem;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: none;
}

.agreements-item .card:hover .agreements-item__hovered {
    opacity: 1;
    height: 100%;
    display: flex;
}

.agreements-item .card:hover .card-title {
    display: none;
    opacity: 0;
}

.agreements-item .card:hover .btn {
    opacity: 0;
}

.agreements-item__hovered ul {
    list-style: none;
    color: #fff;
    font-size: 0.7rem;
    line-height: 1.2rem;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    list-style: disc;
}

.agreements-item .card-body {
    /*	top: 0%;*/
    /*	transform: translateY(0%);*/
    transition: all 300ms;
}

.agreements-item .card:hover .card-body {
    /*	transform: translateY(-18%);*/
}

.agreements-item .card.hov-5:hover .card-body {
    /*	transform: translateY(-20%);*/
    transform: translateY(-30%);
}

.agreements-item .card.hov-4:hover .card-body {
    transform: translateY(-12%);
}

.agreements-item .card.hov-3:hover .card-body {
    transform: translateY(-5%);
}

.agreements-item .card.hov-2:hover .card-body {
    transform: translateY(0%);
}

.agreements-item .card:hover .card-body__typeicon {
    opacity: 0 !important;
    display: none;
}

.agreements-item .card:hover .Add_category__icon {
    opacity: 1 !important;
    display: flex;
}

.agreements-item__hovered--title {
    text-align: center;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

.agreements-item__hovered.new-type {
    top: -1rem;
}

.h-auto {}

.table thead tr th {
    padding: 0.75rem 0.5rem 0.5rem 0.5rem;
    font-size: 0.65rem;
    /* text-transform: uppercase; */
    font-weight: 500;
    border-bottom-color: #c9c9cc;
    background-color: #fff !important;
    /* height: 39px; */
}

.blinking {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.6;
        color: #f23325;
    }
}

.form-select.pagination-show-selector {
    height: 1.8rem;
    background-position: right 0.25rem center;
    padding: 0.25rem 1.75rem 0.25rem 0.25rem;
}

.rounded-4 {
    border-radius: 1rem !important;
}

.import-agreement__wrapper {
    box-shadow: none;
}

.form-control::placeholder {
    color: #5c5c5c !important;
    opacity: 1 !important;
}

.table tbody tr td a {
    display: flex;
    transition: all 300ms;
    font-weight: 400;
    color: #292929 !important;
    font-size: 0.75rem;
}

.table tbody tr td a[data-bs-target="#RemindersPopup"]:hover {
    color: #6788e5 !important;
}

.csm-contract-list__tbl tbody tr td .contract-link-reccord a {
    /* text-decoration: underline; */
    color: #305ddb !important;
    font-size: 6px;
}

.csm-contract-list__tbl tbody tr td .contract-link-reccord a:hover {
    /* text-decoration: underline; */
    /* color: #305ddb !important; */
    color: #000 !important;
    transform: scale(1.01) !important;
    transition: all 300ms;
}


/* .contract-link-reccord:hover {
    color: #305ddb !important;
    transform: scale(1.01) !important;
    transition: all 300ms;
} */

.table tbody tr td a:hover {
    transform: scale(1.01);
    transition: all 300ms;
    /*	font-weight: 600;*/
    color: #305ddb !important;
}

.w-08rem {
    width: .8rem;
}

.h-08rem {
    height: .8rem;
}

.w-15rem {
    width: 1.5rem;
}

.red-border {
    border: 1px solid#f7666a;
}

.bg-light-red {
    background: var(--red-color) !important;
    background-color: var(--red-color) !important;
}

.bg-red-coral {
    background-color: #F6C7C6 !important;
}

.w-12rem {
    width: 1.2rem;
}

/* .modal-backdrop.show {
    opacity: .9;
} */

body.ai-modal-open .modal-backdrop {
    background: transparent !important;
    opacity: 0 !important;
    transition: none !important;
}

.card-body .badge {
    height: 32px;
    border-radius: 0.5rem;
}

.form-select.permissions {
    padding-left: 0.1rem !important;
    padding-right: 1.2rem !important;
    border: none;
    background-position: right 0.2rem center;
    background-color: #f2f3f5;
    text-align: center;
    width: 6rem;
}

.selectPermissions {
    /*	width: 5.5rem;*/
    /*width: 9rem;*/
}

.selectPermissions .btn {
    color: #666870 !important;
}

.import-agreement__wrapper .bs-stepper .step-trigger {
    gap: 0.5rem;
}

.import-agreement__wrapper .bs-stepper-line,
.import-agreement__wrapper .bs-stepper .line {
    background-color: rgba(0, 0, 0, .08);
    max-width: 50px;
}

.import-contract-card {
    background-color: #fff;
    border: 1px solid #ababab;
    padding: 26px 16px;
    border-radius: 20px;
    height: 100%;
}

.import-contract-card h2 .import-cardNumber {
    border: 1px solid #4C5258;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #4C5258;
    font-family: 'Nunito';
}

.import-contract-card h2 .import-cardNumber.active {
    background-color: #8BD6B4;
    color: #fff;
}

.import-contract-card p {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #4C5258;
    font-family: 'Nunito';
    margin-bottom: 0px;
    margin-top: 20px;
}

.excel-info-card {
    background-color: #FFF3CD;
    /* box-shadow: 0px 2px 6px 2px #3C404326;
    box-shadow: 0px 1px 2px 0px #3C40434D; */
    padding: 40px 20px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    align-items: self-start;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #ababab;
}

.excel-info-card p {
    font-size: 14px;
    font-weight: 400;
    color: #4C5258;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0px;
}

#scrollableTableContainer .contracts-list-table td input {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem !important;
    height: 35px;
}

#scrollableTableContainer .contracts-list-table th {
    padding: 16px 10px !important;
    font-size: 14px !important;
}

#scrollableTableContainer .contracts-list-table tr:nth-child(even) td {
    background-color: #fff !important;
}

#scrollableTableContainer .contracts-list-table tr:nth-child(odd) td {
    background-color: #F7F7FA !important;
}

#scrollableTableContainer .contracts-list-table tr>td:nth-child(1) {
    background-color: #fff !important;
    background-image: unset !important;
    font-size: 18px;
    color: #4C5258 !important;
    text-align: center;
}

#scrollableTableContainer .contracts-list-table th,
#scrollableTableContainer .contracts-list-table td {
    border: 1px solid #ADBAC7 !important;
}

.bg-none {
    background: unset !important;
}

.dt-buttons .btn {
    padding: 8px 12px;
}

.dt-buttons .btn-outline-secondary {
    border-color: #DBDBDB;
    font-size: 0.7rem;
    border-radius: 0.3rem;
}

.dt-buttons {
    display: flex;
    gap: 0.5rem;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0.5rem !important;
}

.bs-stepper.vertical .bs-stepper-header {
    width: 35%;
}

.text-no-wrap {
    text-wrap: nowrap;
}

.border-light-gray {
    border-color: #aeaeae;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

.table .bx.bx-minus,
.table .bx.bx-plus {
    font-weight: 800;
}

table .bxs-circle:after {
    background: #000;
}

table .bxs-circle.font-color-3:after {
    /*	background: #fff;*/
    background: unset;
}

table .bxs-circle.font-color-7:after {
    /*	background: #fff;*/
    background: unset;
}

.popover.alert-notice {
    padding: 0.5rem 1rem;
    background: #f1b03a;
    color: #202124;
}

.popover.alert-notice .popover-body {
    padding: 0.25rem 0;
}

.popover.alert-notice>.popover-arrow::after {
    border-bottom-color: #f1b03a;
}

.price-container {
    border: 1px solid #BEEDDC;
    border-radius: 0.3rem;
    padding: 0.25rem 0.5rem;
    height: 1.75rem;
    min-width: 85px;
    text-align: center;
    border: none;
}

.price-container.costs {
    border-color: #EDBEBE;
    color: #EB6363;
}

.price-container.income {
    color: #1CB079;
}

.action-contract {
    border: 1px solid #BEEDDC;
    border-radius: 0.3rem;
    padding: 0.25rem 0.5rem;
    height: 1.75rem;
    min-width: 95px;
    text-align: center;
    font-weight: 400;
}

.action-contract.end {
    /*	color: #EB6363;
	border-color: #EDBEBE;*/
    border: none;
    color: #393354;
    border-color: unset;
}

.action-contract.end .bx {
    color: #EB6363;
}

.action-contract.renew {
    /*	color: #1CB079;
	border-color: #BEEDDC;*/
    border: none;
    color: #393354;
    border-color: unset;
}

.action-contract.renegotiate {
    /*   color: #3273d4;
    border-color: #a0c2f6;*/
    border: none;
    color: #393354;
    border-color: unset;
}

.add-contract-xls {
    background: #F0FFF4;
    border-color: #40c887;
    transition: all 300ms;
    color: #000 !important;
    width: 30%;
    border: 2px solid #40c887;
}

.add-contract-manually {
    background: #F9F5FF;
    border-color: #B3B9EF;
    transition: all 300ms;
    color: #000 !important;
    width: 30%;
    border: 2px solid #B3B9EF;
}

.download-contract-xls {
    background-color: #FF8489;
    border-color: #FF8489;
    transition: all 300ms;
    color: #000 !important;
    width: 30%;
}

.add-drag-drop-file {
    background-color: #F9F5FF;
    border: 1.6px dashed #ccc;
    transition: all 300ms;
    color: #000 !important;
}

.add-drag-drop-file:hover {
    background-color: #F9F5FF;
    border: 1.6px dashed #ccc;
    transition: all 300ms;
    color: #000 !important;
    transform: scale(1.02);
}

.download-contract-xls:hover {
    background-color: #FF8489;
    border-color: #FF8489;
    transition: all 300ms;
    color: #000 !important;
}

.download_template_btnn.add-contract-manually svg {
    width: 50px;
    height: 50px;
    background-color: #EDE6FF;
    border-radius: 10px;
    padding: 8px;
}

.download_template_btnn.add-contract-xls svg {
    width: 50px;
    height: 50px;
    background-color: #DCFCE8;
    border-radius: 10px;
    padding: 8px;
}

.download_template_btnn.add-drag-drop-file svg {
    width: 50px;
    height: 50px;
    background-color: #EDE6FF;
    border-radius: 10px;
    padding: 8px;
}

.download_template_btnn span {
    font-size: 18px;
    font-family: 'Nunito';
    font-weight: 800;
    text-align: left;
}

.download_template_btnn h5 {
    font-size: 11px;
    font-family: 'Nunito';
    text-align: left;
}

.orEller-text {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
}

.orEller-text span {
    font-size: 16px;
    background-color: #fff;
    padding: 5px 15px;
    font-family: 'Nunito';
    position: relative;
}

.orEller-text::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #ccc;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    top: 50%;
}

.add-contract-ai {
    background: #8472e4;
    border-color: #8472e4;
    transition: all 300ms;
}

.add-contract-only {
    background: #776abe;
    border-color: #776abe;
    transition: all 300ms;
    color: #fff !important;
}

.add-contract-manually:hover {
    background: #B3B9EF;
    border-color: #B3B9EF;
    color: #000 !important;
}

.add-contract-ai:hover {
    background: #8472e4;
    border-color: #8472e4;
}

.add-contract-only:hover {
    background: var(--green-color);
    border-color: var(--green-color);
}

.add-contract-xls:hover {
    background: #40c8878c;
    border-color: #40c8878c;
    color: #000 !important;
}

.steps-summary__group a {
    /* line-height: 1.5rem; */
    /* display: flex; */
    gap: 0.25rem;
    color: #4c5258 !important;
    font-family: 'Roboto';
}

.steps-summary__group a:hover {
    color: #305ddb !important;
}

.w-09rem {
    width: 0.9rem;
}

.dt-buttons .btn-outline-secondary:hover {
    color: #fff;
    background-color: #40c887;
    border-color: #40c887;
}

.analitycs-blocks__range .dt-buttons__costs:hover {
    color: #fff;
    background-color: #F08080;
    border-color: #F08080;
}

.list-group .badge b {
    border-left: 1px solid;
    padding-left: 0.5rem;
}

.list-group .badge:hover {
    transform: scale(1.03);
    transition: all 300ms;
}

.export-btns {
    gap: 0.5rem;
}

.export-btns .btn {
    background-color: #FFF !important;
    /* border-color: #a4a4a4; */
    border: 1px solid #a4a4a4;
    border-radius: 0.3rem;
    color: #505050 !important;
    line-height: 1.25rem;
    /* height: 2.2rem; */
    /* width: auto; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-family: 'Nunito';
}

.export-btns .export-reset-button {
    border: 1px solid #fc121c !important;
    color: #fc121c !important;
    border-radius: 0.3rem;
    line-height: 1.25rem;
    /* height: 2.2rem; */
    /* width: auto; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-family: 'Nunito';
}

.export-btns .btn.export-reset-button:hover {
    background-color: #fff !important;
    border: 1px solid #fc121c !important;
    color: #fc121c !important;
    border-radius: 0.3rem;
    line-height: 1.25rem;
    /* height: 2.2rem; */
    /* width: auto; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-family: 'Nunito';
}

.export-btns .export-reset-button[disabled] {
    background-color: #8b8289;
    /* border-color: #a4a4a4; */
    border: 1px solid #a4a4a4 !important;
    border-radius: 0.3rem;
    color: #505050 !important;
    line-height: 1.25rem;
    /* height: 2.2rem; */
    /* width: auto; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-family: 'Nunito';
}

.dropdown-export_list {
    display: block;
    width: 100%;
    padding: .375rem 2rem .375rem .75rem !important;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    /* border: 1px solid #ced4da; */
    border: 1px solid #ababab;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2.2rem;
    cursor: pointer;
}

.dropdown-export_list:focus {
    outline: none;
    box-shadow: unset !important;
    border-color: unset !important;
}

.edit_column_btn {
    /* min-width: 140px; */
    height: 37px;
}

.iti--separate-dial-code input[type=text] {
    padding-left: 70px !important;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    font-size: 0.8rem !important;
    color: #212529;
}

.demo-contract-move {
    width: 45px !important;
    float: inline-start;
    height: 30px;
}

.export-btns .btn:hover {
    background-color: #fff !important;
    color: #505050 !important;
    border: 1px solid #000;
}

.export-btns .btn:hover i {
    color: #fff !important;
}

.active-contract-category {
    z-index: 999;
    position: relative;
    color: #4B5157;
    font-family: 'Nunito';
    font-size: 11px;
    font-weight: 800;
    white-space: normal;
    display: inline-block;
}

.w-10rem {
    width: 10rem;
}

.costs-pie.circle-analitycs .chart-container-2 {
    width: 99%;
}


/* .metismenu li a {
    color: #9C8FE3 !important;
} */

input.search-control::placeholder {
    color: #707070 !important;
    opacity: 1 !important
}

.recent-list .card-body .badge,
.all-contracts .card-body .badge {
    border-radius: 0.25rem;
    font-weight: 500;
    border-color: #a2a2a2 !important;
    color: #646464 !important;
}

.hover-scaled:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
    z-index: 9;
}

.focused-email {
    background: #6c757d;
    margin-right: 5px;
    border: 1px solid #c9c9cc;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px !important;
    line-height: 19px;
    font-family: 'Nunito';
    font-size: 13px;
    color: #fff;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.p-20 {
    padding: 20px;
}

.rotated-270 {
    transform: rotate(270deg);
}

.rotated-180 {
    transform: rotate(180deg);
}

.search-bar__left label {
    position: relative;
    left: 0.1rem;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Nunito';
    /*    font-size: 12px;*/
    font-size: 0.7rem;
    color: #4B5157;
    padding-bottom: 8px;
}

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

.calendars-block {}

.calendars-block__list {
    color: #707070;
    width: 20%;
}

.calendars-block__list img {
    height: 1.25rem;
}

.calendars-block__list .google-calendar img {
    height: 1.5rem;
}

.font-nunito {
    font-family: Nunito;
}

.font-roboto {
    font-family: "Roboto", sans-serif;
}

.step .bx-paperclip {
    transform: rotate(270deg);
}

.step.done .bx-paperclip {
    transform: rotate(0deg);
}

.popover-notice-header {
    background: #9f919d;
    color: #fff;
    padding: 0.2rem 0.75rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

.border-bottom-gray {
    border-bottom: 1px solid#dbdbdb;
}

.calendars-block__list--link {
    color: #4B5157 !important;
    font-family: 'Roboto';
}

.btn-bordered {
    border: 1px solid #ababab;
}

.currency-card-body {
    min-height: 185px;
    max-height: 185px;
    overflow: auto;
}

.currency-changer-setting .currency-card-body .bordered {
    margin-bottom: 1rem;
}

.currency-changer-setting .currency-card-body .bordered:last-child {
    margin-bottom: 0px;
}

.currency-changer-setting .currency-card-body::-webkit-scrollbar {
    width: 8px;
}

.currency-changer-setting .currency-card-body::-webkit-scrollbar-track {
    background: #FCFCFC;
    margin: 15px;
}

.currency-changer-setting .currency-card-body::-webkit-scrollbar-thumb {
    background: #3B317A;
    border-radius: 3px;
}

.currency-changer-setting .currency-card-body::-webkit-scrollbar-thumb:hover {
    background: #3B317A;
}

.bordered input {
    width: 16px;
    height: 16px;
    accent-color: #3B317A;
    margin-right: 10px;
}

.currency-dropdown_menu {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.currency-dropdown_menu.show {
    display: block;
    opacity: 1;
}

.currency-dropdown_menu .bordered input {
    display: none;
}

.currency-dropdown_menu .bordered .TFA-radio {
    display: flex;
    align-items: center;
    padding: 6px 1rem;
    cursor: pointer;
}

.currency-dropdown_menu .bordered .TFA-radio:hover {
    background-color: #D5D5D5;
    transition: all .3s ease-out;
}

.bordered .TFA-radio {
    display: flex;
    align-items: center;
}

.bordered img {
    margin-right: 8px;
    width: 18px;
}

.more-items {
    position: absolute;
    left: 0.5rem;
    font-size: 1rem;
    top: 0.6rem;
}

.more-items.hover-scaled:hover i {
    transform: scale(1.15);
}

.more-items i {
    color: #5b5a5b !important;
}

.hiddenRow {
    padding: 0 !important;
}

.list-badges {
    background: none;
}

.list-badges.active.bg-color-1,
.list-badges:hover.bg-color-1 {
    background: #00AEAC;
    border-color: #00AEAC !important;
    color: #fff !important;
}

.list-badges.active.bg-color-2,
.list-badges:hover.bg-color-2 {
    background: #E65584;
    border-color: #E65584 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-3,
.list-badges:hover.bg-color-3 {
    background: #1963d8;
    border-color: #1963d8 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-4,
.list-badges:hover.bg-color-4 {
    background: #8472e4;
    border-color: #8472e4 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-5,
.list-badges:hover.bg-color-5 {
    background: #eb65cb;
    border-color: #eb65cb !important;
    color: #fff !important;
}

.list-badges.active.bg-color-6,
.list-badges:hover.bg-color-6 {
    background: #1CB079;
    border-color: #1CB079 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-7,
.list-badges:hover.bg-color-7 {
    background: #4B3BC7;
    border-color: #4B3BC7 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-8,
.list-badges:hover.bg-color-8 {
    background: #718C71;
    border-color: #718C71 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-9,
.list-badges:hover.bg-color-9 {
    background: #3b317a;
    border-color: #3b317a !important;
    color: #fff !important;
}

.list-badges.active.bg-color-10,
.list-badges:hover.bg-color-10 {
    background: #965D5D;
    border-color: #965D5D !important;
    color: #fff !important;
}

.list-badges.active.bg-color-11,
.list-badges:hover.bg-color-11 {
    background: #FC6463;
    border-color: #FC6463 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-12,
.list-badges:hover.bg-color-12 {
    background: #8b8289;
    border-color: #8b8289 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-13,
.list-badges:hover.bg-color-13 {
    background: #FF774D;
    border-color: #FF774D !important;
    color: #fff !important;
}

.list-badges.active.bg-color-14,
.list-badges:hover.bg-color-14 {
    background: #F1A83A;
    border-color: #F1A83A !important;
    color: #fff !important;
}

.list-badges.active.bg-color-15,
.list-badges:hover.bg-color-15 {
    background: #529cec;
    border-color: #529cec !important;
    color: #fff !important;
}

.list-badges.active.bg-color-16,
.list-badges:hover.bg-color-16 {
    background: #EB6363;
    border-color: #EB6363 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-17,
.list-badges:hover.bg-color-17 {
    background: #3373D4;
    border-color: #3373D4 !important;
    color: #fff !important;
}

.list-badges.active.bg-color-18,
.list-badges:hover.bg-color-18 {
    background: #1CB079;
    border-color: #1CB079 !important;
    color: #fff !important;
}

.table tbody tr td.table-font-color-1,
.table tbody tr td.table-font-color-1 a {
    color: #00AEAC !important;
}

.bs-stepper-content__title--note .bx {
    position: absolute;
    right: 0.1rem;
    font-size: 1rem;
}

.opacity-7 {
    opacity: .7;
}

.reminded-date {
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 0.6rem;
    color: #000000;
}

.width-80 {
    width: 80%;
}

.w-08rem {
    width: 0.8rem;
}

.stepper-import__next {
    padding: 0.5rem;
    background: none;
    border: none;
    color: #4ea082 !important;
    font-weight: 900;
    position: relative;
    padding-right: 1.75rem;
    transition: all .2s ease-out;
    /* width: 50%; */
    text-align: right;
}

.stepper-import__back {
    border: none;
    padding: 0.5rem;
    margin-right: 0.5rem;
    color: #4d4d4d;
    font-weight: 800;
    position: relative;
    padding-left: 1.75rem;
    transition: all .2s ease-out;
    text-align: left;
}

.stepper-import__next:hover {
    background: none;
    transition: all .2s ease-out;
    padding-right: 1.4rem !important;
}

.stepper-import__back:hover {
    background: none;
    transition: all .2s ease-out;
    padding-left: 1.4rem !important;
    color: #4d4d4d;
}

.stepper-import__next .bx {
    position: absolute;
    right: 0;
    bottom: 2px;
    margin: 0;
}

.stepper-import__back .bx {
    position: absolute;
    left: 0;
    bottom: 2px;
    margin: 0;
}

.stepper-import__buttons {
    bottom: -5rem;
    position: relative;
}

.p-absolute {
    position: absolute;
}

.fs-2rem {
    font-size: 2rem;
}

.filter-gray {
    filter: contrast(0.2);
}

.w-125rem {
    width: 1.25rem;
}

.border-color-gray {
    border-color: #b3b3b3 !important;
}

.card-body a.dropdown-item {
    color: #707070 !important;
}

.card-body a.dropdown-toggle {
    color: #707070 !important;
}

.dropdown-menu.short-dropdown {
    width: 90px;
    min-width: 90px;
}

.calendars-block__list--link {
    color: #4B5157 !important;
    border: 1px solid #a4a4a4;
    border-radius: 0.3rem;
    padding: 1.5rem 1rem;
    height: 2.5rem;
    margin: 0 1.5rem;
    font-size: 0.8rem;
    font-family: 'Roboto';
}

.analitycs-blocks {}

.analitycs-blocks__wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 26px 0 0;
    overflow-x: auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    justify-content: start;
    background: linear-gradient(to right, white 90%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 90%, rgba(255, 255, 255, 0));
}

.analitycs-blocks__item--bar img {
    /* width: 1.9rem;
    object-fit: contain;
    height: 26px; */
    width: 100%;
    object-fit: contain;
}

.analitycs-blocks__item--bar .bx {
    font-size: 1.7rem !important;
}

.analitycs-blocks__item {
    min-width: 1px;
    width: 8%;
    display: flex;
    flex-direction: column;
    /* cursor: pointer; */
    transition: all .2s ease-out;
    gap: 0;
    border: 1px solid #96a1ab;
    border-radius: 0.5rem;
    padding: 0rem;
    flex: 0 0 auto;
    /* width: calc(100% / 12 - 0.5rem); */
    width: calc(100% / 7 - 0rem) !important;
    position: relative;
    transition: all .2s ease-out;
}

.analitycs-blocks__item:hover {
    transition: all .2s ease-out;
    transform: scale(1.03);
}

.analitycs-blocks__item a {
    padding: 1.2rem 0.2rem 1.2rem 0.2rem;
}

.tooltip {
    position: absolute;
    /* left: 0; */
    /* transform: translateX(-50%); */
    /* background: #E4E4E4; */
    color: #fff;
    padding: 0px;
    border-radius: 6px;
    font-size: 12px;
    white-space: normal;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease;
    width: 200px;
    font-weight: 400;
    /* max-height: 118px;
    min-height: 118px; */
    bottom: 109%;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    right: 0;
    left: unset;
    width: 170%;
    border: 1px solid #a4a4a4;
}

.cost_under_contract {
    color: #305ddb !important;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Nunito';
    margin-bottom: 0px;
    line-height: 18px;
    text-transform: lowercase;
    padding-top: 2px;
}

.contract-under_costCard {
    transition: 0.3s all ease-in-out;
}

.contract-under_costCard:hover {
    transform: scale(1.03);
}


/* .tooltip::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    right: 30px;
    transform: rotate(45deg);
    border-bottom: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    bottom: -7px;
    z-index: -1;
} */

.costOverview_tooltip::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    right: 30px;
    transform: rotate(45deg);
    border-bottom: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    bottom: -7px;
    z-index: -1;
}

.analitycs-blocks__item:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.tble-responsive {
    overflow: auto;
    /* height: 105px; */
}

.tble-responsive::-webkit-scrollbar {
    width: 5px;
}

.tble-responsive::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 10px;
}

.tble-responsive::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.tble-responsive::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 10px;
}

.tooltip .tooltip_tbl {
    width: 100%;
}

.tooltip .tooltip_tbl tr th,
.tooltip .tooltip_tbl tr td {
    border: none;
    padding: 5px 5px 5px 10px;
    color: #707070;
    /* border-bottom: 1px solid #C1C1C1; */
    font-size: 11px;
    font-family: Roboto, sans-serif;
    /* font-weight: 500; */
}

.tooltip .tooltip_tbl tr th {
    background-color: #C1C1C1 !important;
    font-weight: 500;
    font-size: 10px;
}

.tooltip .tooltip_tbl tr th:nth-child(1),
.tooltip .tooltip_tbl tr td:nth-child(1) {
    width: 60%;
}

.tooltip .tooltip_tbl tr td:nth-child(1) a {
    /* text-decoration: underline; */
}

.tooltip .tooltip_tbl tr td:nth-child(1) a span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #6788e5;
}

.tooltip .tooltip_tbl tr {
    height: auto;
}

.tooltip .tooltip_tbl tr:last-child td {
    border-bottom: 0px;
}

.tooltip .tooltip_tbl tr td a,
.tooltip .tooltip_tbl tr td span {
    font-size: 10px;
}

.tooltip .tooltip_tbl tbody tr:nth-child(even) td {
    background-color: #F1F1F1;
}

.tooltip .tooltip_tbl tbody tr:nth-child(odd) td {
    background-color: #fff;
}

.analitycs-blocks__item {
    position: relative;
    /* Ensure tooltip is positioned relative to the item */
}

.analitycs-blocks__item:hover .tooltip {
    display: block;
    /* Show tooltip on hover */
}

.analitycs-blocks__wrapper .analitycs-blocks__item:nth-child(1) .tooltip.right,
.analitycs-blocks__wrapper .analitycs-blocks__item:nth-child(8) .tooltip.right {
    left: 0;
    right: unset;
}

.analitycs-blocks__wrapper .analitycs-blocks__item:nth-child(1) .tooltip.right::before,
.analitycs-blocks__wrapper .analitycs-blocks__item:nth-child(8) .tooltip.right::before {
    left: 30px;
    right: unset;
}

.card_body_tabs {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    padding: 0rem 1rem;
}

.folder_sv {
    width: calc(100% / 7 - 0.5rem) !important;
}


/*.analitycs-blocks__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none;
}*/


/*.scroll-hint:after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 100%;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: -1;
    height: 7rem;
    top: -2rem;
}*/

.scroll-hint {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #555353;
    cursor: pointer;
    pointer-events: all;
    background: white;
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 1px solid #555353;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); */
    transition: all .2s ease-out;
}

.scroll-hint:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    transition: all .2s ease-out;
}

.scroll-hint .bx {
    /*	font-size: 2rem;*/
}

.scroll-right.scroll-hint {
    right: -18px;
}

.scroll-left.scroll-hint {
    left: -10px;
}

#scrollable-costs-wrapper::-webkit-scrollbar {
    display: none;
    /* Hide the scrollbar */
}

#scrollable-costs-wrapper {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* Hide the scrollbar */
    scrollbar-width: none;
    /* Firefox */
}

/* .analitycs-blocks__item--bar {
    width: 100%;
    height: 65px;
    border-radius: 0.25rem;
    border: 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
} */

 .analitycs-blocks__item--bar {
    background-color: #F1EDFF;
    width: 40px;
    display: flex;
    height: 40px;
    padding: 10px;
    margin: 10px auto;
    text-align: center;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.analitycs-blocks__item--numbers {
    text-align: center;
    font-weight: 700;
    color: #4B5157;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
    font-family: 'Roboto';
}

.analitycs-blocks__item--title {
    font-size: 12px;
    text-align: center;
    overflow-wrap: normal;
    line-height: 0.8rem;
    min-height: 25px;
    max-height: 25px;
    font-weight: 600;
    font-family: 'Nunito';
    color: #000;
}

.analitycs-blocks__item--numbers span {
    font-size: 11px;
    color: #000;
}

.analitycs-blocks__item--numbers .analitycs-numbers__costs{
    font-size: 18px;
    font-weight: 900;
    font-family: 'Nunito';
    color: #000;
}

/* .analitycs-blocks__item:hover .analitycs-blocks__item--numbers {
    transform: scale(1.1);
    transition: all .2s ease-out;
} */

.contracts-folders__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 1.5rem 1rem;
    padding: 0 1rem;
}

.contracts-folders__wrapper--item {}

.contracts-folders__wrapper--folder {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.contracts-folders__wrapper--folder i {
    font-size: 5rem;
    height: 6.5rem;
    color: #acacac;
}

.contract__folder-listView {
    width: 100%;
    height: 423px;
    overflow: auto;
}

.listView__wrapper {
    width: 100%;
}

.contracts-folders__wrapper-listView {
    padding: 0px 20px 26px 38px;
}

.contracts-folders__wrapper-listView .contracts-folders__wrapper--item {
    width: auto;
    display: inline-block;
}

.contracts-folders__wrapper--folder span {
    position: absolute;
    top: 2.4rem;
    color: #656565;
    font-size: 0.8rem;
    left: 0;
    right: 0;
    text-align: center;
}

.contracts-folders__wrapper--folder span i {
    font-size: 1rem;
    height: 2rem;
    top: -0.2rem;
    position: relative;
    color: #656565;
}

.contracts-folders__wrapper--title {
    display: flex;
    align-self: center;
    text-align: center;
    line-height: 1rem;
    font-size: 11px;
    color: #4c5258;
}

.calender-title-yearView {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -225%);
    right: 0;
    z-index: 1;
    display: block;
    text-align: center;
}

.calender-title-yearView span {
    color: #707070;
    font-weight: 500;
    font-size: 1.5rem;
}


/*.contracts-folders__wrapper--item:hover.bx-folder.font-type-1{color: #00AEAC!important}
.list-badges.active.bg-color-2, .list-badges:hover.bg-color-2{color: #E65584!important}
.list-badges.active.bg-color-3, .list-badges:hover.bg-color-3{color: #1963d8!important}
.list-badges.active.bg-color-4, .list-badges:hover.bg-color-4{color: #8472e4!important}
.list-badges.active.bg-color-5, .list-badges:hover.bg-color-5{color: #eb65cb!important}
.list-badges.active.bg-color-6, .list-badges:hover.bg-color-6{color: #1CB079!important}
.list-badges.active.bg-color-7, .list-badges:hover.bg-color-7{color: #4B3BC7!important}
.list-badges.active.bg-color-8, .list-badges:hover.bg-color-8{color: #718C71!important}
.list-badges.active.bg-color-9, .list-badges:hover.bg-color-9{color: #3b317a!important}
.list-badges.active.bg-color-10, .list-badges:hover.bg-color-10{color: #965D5D!important}
.list-badges.active.bg-color-11, .list-badges:hover.bg-color-11{color: #FC6463!important}
.list-badges.active.bg-color-12, .list-badges:hover.bg-color-12{color: #8b8289!important}
.list-badges.active.bg-color-13, .list-badges:hover.bg-color-13{color: #FF774D!important}
.list-badges.active.bg-color-14, .list-badges:hover.bg-color-14{color: #F1A83A!important}
.list-badges.active.bg-color-15, .list-badges:hover.bg-color-15{color: #529cec!important}*/

.contracts-expiring {}

.contracts-expiring__item {
    display: flex;
    justify-content: space-between;
    padding: 0.51rem 0;
    border-bottom: 1px solid #dbdbdb;
    gap: 2rem;
}


/* .contracts-expiring__item:last-child {
    border-bottom: none;
} */

.contracts-expiring__name {
    text-align: left;
    display: flex;
    min-width: 1px;
    width: 25%;
    font-size: 12px;
}

.contracts-expiring__due {
    min-width: 1px;
    width: 25%;
    font-size: 12px;
}

.contracts-expiring__heading {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 0.5rem;
    font-size: 12px;
    gap: 1rem;
    color: #4B5157 !important;
}

.height30 {
    height: 30px;
}

.contracts-expiring__name_tbl a:hover,
.contracts-expiring__name a:hover {
    transition: all .3s ease-out;
    transform: scale(1) !important;
    display: block;
}

.contracts-expiring__heading div {
    width: 22%;
    font-family: 'Nunito';
}

.swal2-title {
    font-size: 22px !important;
}

tbody>td,
tbody>tr {
    height: 3rem;
}

.scale-07 {
    transform: scale(0.7);
}


/* .folder-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Шар_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 538.4 510.7' style='enable-background:new 0 0 538.4 510.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23222222;stroke-width:17;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19.2,103.2c0-28,0-42,5.4-52.7c4.8-9.4,12.4-17.1,21.9-21.9c10.7-5.4,24.7-5.4,52.7-5.4H185 c12.5,0,18.8,0,24.5,1.7c5,1.5,9.7,4,13.8,7.4c4.6,3.8,8.1,9,15,19.4l28.7,43c6.9,10.4,10.4,15.6,15,19.4c4.1,3.3,8.7,5.8,13.8,7.4 c5.7,1.7,11.9,1.7,24.5,1.7h119.1c28,0,42,0,52.7,5.4c9.4,4.8,17.1,12.4,21.9,21.9c5.4,10.7,5.4,24.7,5.4,52.7v206.7 c0,28,0,42-5.4,52.7c-4.8,9.4-12.4,17.1-21.9,21.9c-10.7,5.4-24.7,5.4-52.7,5.4h-340c-28,0-42,0-52.7-5.4 c-9.4-4.8-17.1-12.4-21.9-21.9c-5.4-10.7-5.4-24.7-5.4-52.7V103.2z'/%3E%3C/svg%3E%0A");
    yh 
} */


/* .folder-icon {
    -webkit-mask-image: url("../images/Folder-Icon.svg");
    mask-image: url("../images/Folder-Icon.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
} */

.folder-document {
    /*	opacity: .3;*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NjQgODU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NjQgODU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgyODI4Mjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY4LjUsODMwaDUyNWMyMC43LDAsMzcuNS0xNi44LDM3LjUtMzcuNXYtNTI1YzAtMC40LTAuMi0wLjgtMC4yLTEuMmMwLTAuNi0wLjItMS4xLTAuMy0xLjYKCQljLTAuNC0xLjgtMS4xLTMuNC0yLjItNC44Yy0wLjItMC4yLTAuMi0wLjUtMC4zLTAuN2wtMjAwLTIyNWMtMC4xLTAuMS0wLjItMC4xLTAuMi0wLjJjLTEuNS0xLjYtMy40LTIuNy01LjYtMy4zCgkJYy0wLjUtMC4xLTAuOS0wLjItMS40LTAuM2MtMC43LTAuMS0xLjQtMC40LTIuMS0wLjRoLTM1MEM0Ny44LDMwLDMxLDQ2LjgsMzEsNjcuNXY3MjVDMzEsODEzLjIsNDcuOCw4MzAsNjguNSw4MzB6IE00MzEsNzUuNAoJCUw1OTAuNywyNTVINDQzLjVjLTUuNSwwLTEyLjUtMTAuNS0xMi41LTE4LjhWNzUuNHogTTU2LDY3LjVDNTYsNjAuNiw2MS42LDU1LDY4LjUsNTVINDA2djE4MS4yYzAsMjAuMiwxNi40LDQzLjgsMzcuNSw0My44SDYwNgoJCXY1MTIuNWMwLDYuOS01LjYsMTIuNS0xMi41LDEyLjVoLTUyNWMtNywwLTEyLjUtNS41LTEyLjUtMTIuNVY2Ny41eiIvPgo8L2c+Cjwvc3ZnPgo=);
    /*	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCo0LDRgF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTkxIDcwNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTkxIDcwNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNNTY0LjcsMTY4LjZWNjAxYzAsNDYtMzcuMyw4My4zLTgzLjMsODMuM0gxMTQuN2MtNDYsMC04My4zLTM3LjMtODMuMy04My4zVjEwMWMwLTQ2LDM3LjMtODMuMyw4My4zLTgzLjNoMjk5LjEKCWM0LjQtMC4zLDksMS4yLDEyLjcsNC45bDEzMy4zLDEzMy4zQzU2My41LDE1OS42LDU2NC45LDE2NC4yLDU2NC43LDE2OC42eiBNMzk4LDUxSDExNC43Yy0yNy42LDAtNTAsMjIuNC01MCw1MHY1MDAKCWMwLDI3LjYsMjIuNCw1MCw1MCw1MGgzNjYuN2MyNy42LDAsNTAtMjIuNCw1MC01MFYxODQuNEg0MTQuN2MtOS4yLDAtMTYuNy03LjUtMTYuNy0xNi43VjUxeiBNNDMxLjMsNzQuNlYxNTFoNzYuNEw0MzEuMyw3NC42eiIvPgo8L3N2Zz4K);*/
}

.categoryUser-add-single {
    position: absolute;
    top: 20px;
    right: 6px;
}

.categoryUser-add-single small {
    color: #000 !important;
    font-weight: 500;
    font-family: 'Nunito';
    font-size: 10px;
}

.categoryUser-add.single {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip hidden by default */
.user-tooltip {
    position: absolute;
    bottom: 45%;
    left: 41%;
    transform: translateX(50%);
    background: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 1;
}

.user-tooltip p {
    margin-bottom: 5px;
}

/* Hover par show */
.categoryUser-add:hover .user-tooltip {
    opacity: 1;
    visibility: visible;
}

.contracts-folders__wrapper--folder .folder-icon {
    display: flex;
    height: 5.5rem;
    color: #acacac;
    background-size: cover;
    width: 5.2rem;
    background-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
}

.contracts-folders__wrapper--folder .folder-icon svg {
    width: auto !important;
    height: auto !important;
}

.contracts-folders__wrapper--folder .folder-document {
    display: flex;
    height: 4.25rem;
    color: #acacac;
    background-size: contain;
    width: 3.3rem;
    margin-bottom: 0.85rem;
    margin-top: 0.5rem;
}

.border-right-gray {
    border-right: 1px solid#c9c9cc;
}

.analitycs-blocks .wave-analitycs {
    height: 260px;
}

.register-steps__summary--actions h5 {
    width: 85%;
}

.register-steps__summary--actionsbtn {
    width: 15%;
}

label.form-check-label {
    -webkit-user-select: none;
    user-select: none;
}

.chart_reminders--monthes {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 0 0.5rem;
    color: #fbe06f;
    position: absolute;
    width: 100%;
    bottom: 0rem;
}

.chart_reminders--monthes .bx-active {
    border-radius: 0.25rem;
    border: 1px solid #a4a4a4;
    height: 1.4rem;
    background: rgb(55 55 55 / 37%);
    width: 70%;
    left: 15%;
    display: block;
    position: relative;
    color: #fff !important;
}

.modal1 {
    width: 100%;
    padding: 20px;
}

.modal1 h2 {
    margin: 0 0 20px;
    font-size: 16px;
    color: #333;
}

.search-bar {
    margin-bottom: 15px;
}

.search-bar input {
    width: 100%;
    padding: 8px;
    border: 1px solid #333;
    border-radius: 4px;
    font-size: 14px;
}

.search-bar input:focus {
    outline: none;
}

.permissions-list {
    max-height: 320px;
    overflow-y: auto;
    margin-bottom: 20px;
    overflow-x: hidden;
}

.permissions-list::-webkit-scrollbar,
.category_change_name::-webkit-scrollbar,
.category.to-do::-webkit-scrollbar {
    width: 8px;
    background-color: #ccc;
    border-radius: 4px;
}

.permissions-list::-webkit-scrollbar-thumb,
.category_change_name::-webkit-scrollbar-thumb,
.category.to-do::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.permissions-list::-webkit-scrollbar-thumb:hover,
.category_change_name::-webkit-scrollbar-thumb:hover,
.category.to-do::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.permissions-list label {
    display: block;
    margin: 12px 0;
    font-size: 14px;
    color: #333;
    font-family: 'Nunito';
    margin: 0px;
}

.permissions-list label input {
    margin-right: 8px;
}

.permissions-list label input {
    accent-color: #458c72;
}

.check-controls {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.check-controls button {
    background: transparent;
    border: 1px solid #c1c1c1;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 30px;
    transition: 0.3s all ease-in-out;
}

.check-controls button:hover {
    background: #1CB079;
    border: 1px solid #1CB079;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 30px;
}

.check-controls button:focus {
    outline: none;
}

.jumbotron h1 {
    color: #fff;
}

.example {
    margin: 4rem auto;
}

.example>.row {
    margin-top: 2rem;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid rgba(200, 202, 211, 0.5);
}

.example>.row:first-of-type {
    border: none;
    height: auto;
    text-align: left;
}

.example h3 {
    font-weight: 400;
}

.example h3>small {
    font-weight: 200;
    font-size: 0.75em;
    color: #a2a6b1;
}

.example h6 {
    font-weight: 700;
    font-size: 0.65rem;
    letter-spacing: 3.32px;
    text-transform: uppercase;
    color: #c8cad3;
    margin: 0;
    line-height: 5rem;
}

.assign-column .btn-toggle,
.assign-roles .btn-toggle {
    position: relative;
    /* top: 0%;
    transform: translateY(-50%); */
    margin: 0 4rem;
    padding: 0;
    border: none;
    height: 1.5rem;
    width: calc(1.5rem * 2);
    border-radius: 1.5rem;
    background: #c8cad3;
    color: #6b7381;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 2rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle:before,
.btn-toggle-cus:before {
    content: var(--btn-toggle-hide);
    left: -4rem;
}

.btn-toggle:after,
.btn-toggle-cus:after {
    content: var(--btn-toggle-show);
    right: -4rem;
    opacity: 0.5;
}

.btn-toggle .handle,
.btn-toggle-cus .handle {
    position: absolute;
    top: 3px;
    left: calc(1.5rem * 0.125);
    width: calc(1.5rem * 0.75);
    height: calc(1.5rem * 0.75);
    border-radius: 50%;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle-cus.active,
.btn-toggle.active,
.btn-toggle-cus.active {
    background-color: #4EA082 !important;
}

.btn-toggle-cus.active .handle,
.btn-toggle.active .handle,
.btn-toggle.activee .handle {
    left: calc(100% - calc(1.5rem * 0.75) - 3px);
}

.btn-toggle.active:before {
    opacity: 0.5;
}

.btn-toggle.active:after {
    opacity: 1;
}


/* Large Button */

.btn-toggle.btn-lg {
    height: 2.5rem;
    font-size: 1rem;
    margin: 0 5rem;
}


/* Small Button */

.btn-toggle.btn-sm {
    font-size: 0.55rem;
    margin: 0px 0px 0px 0px;
    background-color: #BDC1C8;
    width: 40px;
    /* Reduced width for a closer match to the image */
    height: 24px;
    border-radius: 20px;
}

.btn-toggle.btn-sm[style*="--btn-toggle-hide: 'HIDDEN'"] {
    width: 70px;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: calc(1.5rem - 2px);
    color: #000000d9;
    letter-spacing: unset;
    /* left: calc(1.5rem * 0.275); */
    /* width: calc(1.5rem * 1.55); */
    font-size: 8px;
    left: 9px;
    font-family: 'Nunito';
}

.btn-toggle.btn-sm[style*="--btn-toggle-hide: 'HIDDEN'"]::before {
    left: calc(2.5rem* 0.7);
}

.btn-toggle.btn-sm:before {
    left: calc(2.5rem * -0.9);
    width: 30px;
    text-align: left;
    opacity: 0.4;
}


.btn-toggle.btn-sm:after {
    text-align: left;
    width: 33px;
    opacity: 0;
    left: calc(2.5rem* -0.9);
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

button.light-mode.activee,
button.light-mode {
    background-color: #fff !important;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 12px !important;
    width: 50px !important;
}

button.light-mode::before {
    content: '';
    position: absolute;
    opacity: 0 !important;
}

button.light-mode::after {
    content: '';
    position: absolute;
    opacity: 0 !important;
}

button.light-mode .handle {
    background: #413c3c !important;
}


/* Extra Small Button */

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    display: none;
}


/* Secondary Active Toggle */

.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.assign-column,
.assign-roles {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 2px;
    margin-bottom: 15px;
}

.fs-07 {
    font-size: 0.7rem;
}

.fs-05 {
    font-size: 0.5rem;
}

.chart-container-1-1 {
    height: 260px;
}

thead.table-dark {
    /*	border: 1px solid#c9c9cc;*/
}


/* .csm-contract-list__tbl tbody tr {
    background-color: #fff !important;
} */

.csm-contract-list__tbl thead tr th,
.csm-contract-list__tbl tbody tr td {
    border: 1px solid #ccc !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    font-family: 'Nunito';
}

.csm-contract-list__tbl thead tr th {
    border-bottom: 1px solid #ccc !important;
}

.csm-contract-list__tbl tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.csm-contract-list__tbl tbody tr:nth-child(even),
.csm-contract-list__tbl tbody tr:nth-child(even) td {
    background-color: #f1f1f1 !important;
}

.csm-contract-list__tbl tbody tr:nth-child(even),
.csm-contract-list__tbl tbody tr:nth-child(even) td {
    background-color: #fff !important;
    white-space: normal;
}

.csm-contract-list__tbl tbody tr td,
.csm-contract-list__tbl tbody tr td a {
    color: #4B5157 !important;
    font-size: 11px !important;
    font-weight: 500;
}

.csm-bordered-tble {
    border: 1px solid #ababab !important;
}

.csm-contract-list__tbl tbody tr:last-child td {
    border-bottom: 0px !important;
}

.csm-contract-list__tbl tbody tr td:first-child,
.csm-contract-list__tbl thead tr th:first-child {
    border-left: 0px !important;
}

.csm-contract-list__tbl tbody tr td:last-child,
.csm-contract-list__tbl thead tr th:last-child {
    border-right: 0px !important;
}

.csm-contract-list__tbl thead tr:first-child th {
    border-top: 0px !important;
    position: sticky;
    top: 0;
}

.first-tr-bold tr td:first-child {
    color: #4B5157 !important;
    font-weight: 500;
}

.contracts-list-table.table>:not(caption)>*>* {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.table-pagination nav>div:nth-child(1) {
    display: none;
}

.table-responsive.bordered {
    /* border: 1px solid #000; */
    /* border-radius: 20px; */
}

.table>:not(:last-child)>:last-child>* {
    border-top: none;
    border-bottom: none;
}

.contracts-list-table.table>:not(caption)>*>* {
    border-left: none;
}

.contracts-list-table.table>:not(caption)>*>*:last-child {
    border-right: none;
}

.bg-light-gray {
    background: #eeeeee;
}

.fs-12rem {
    font-size: 1.2rem;
}

.fs-1rem {
    font-size: 1rem !important;
}

#EditColumnsPopup .btn-close {
    position: absolute;
    right: 0.5rem;
    /* top: 0.5rem; */
}

.edit-columns-popup-wrapper {
    padding: 2rem;
}

.edit-columns-popup-wrapper__selected {}

.edit-columns-popup-wrapper__selected li:hover {
    background: #d9d9d9;
}

.edit-columns-popup-wrapper__select label {
    font-size: 14px;
    margin-bottom: 1rem;
}

.contracts-expiring__name_tbl a,
.contracts-expiring__name a {
    /* color: #4c5258!important; */
    font-size: 11px;
    color: #305ddb !important;
}

.contracts-expiring__name_tbl a:hover,
.contracts-expiring__name a:hover {
    /* color: #4c5258!important; */
    font-size: 11px;
}

.contracts-expiring__name_tbl span,
.contracts-expiring__name_tbl h6,
.contracts-expiring__name span,
.contracts-expiring__due span {
    color: #4B5157 !important;
    font-size: 11px !important;
    font-weight: 500;
    font-family: 'Nunito';
}

.contracts-expiring__name_tbl a:hover,
.contracts-expiring__name a:hover {
    /* color: #305ddb !important; */
    color: #000 !important;
    transform: scale(1.01) !important;
}

.demo-version-inform {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 1rem 1rem 1rem;
    border: 1px solid#ffe62c;
    padding: 1rem;
    border-radius: 0.5rem;
    color: #ffe62c;
    font-size: 0.8rem;
    gap: 1rem;
    margin-top: 1rem;
}

.demo-version-inform span {
    display: flex;
    justify-content: center;
    font-size: 0.75rem;
}

.demo-version-inform span a {
    background: #ffe62c;
    color: #3b327a !important;
    font-weight: 500;
    border: 1px solid;
    border-radius: 0.5rem !important;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.demo-version-inform span a:hover {
    background: unset;
    color: #ffe62c !important;
}

.h-380 {
    height: 380px;
}

.opacity-08 {
    opacity: .8;
}

.bs-stepper-content__title--status {
    font-size: 0.75rem;
    background: #fff;
    /* color: #367a02; */
    color: #489a09;
    position: absolute;
    left: 1rem;
    padding: 0.2rem 1rem 0.3rem 1rem;
    border-radius: 0.5rem;
    height: 1.5rem;
    font-weight: 500;
    border: 1px solid #a7c094;
    top: 24px;
    text-align: center;
}

.bs-stepper-content__title--note.alert {
    background: #ff0000a1;
    color: #fff;
    line-height: 1.5rem;
}

.contracts-list-table.table td.selected {
    /*	background-color: #e9deff;*/
}

.steps-summary__group .select2-container--default .select2-selection--multiple {
    padding-left: 0.25rem;
}

#toolbar {
    background-color: #A8A8A8 !important;
    color: rgb(255, 255, 255);
}

.text_highlightedRed_icon {
    color: #CD2C2C;
}

.text_highlightedBlue {
    color: #066BCA;
    font-size: 14px;
}


/* My style Start */


/* Toggle switch style */

.TFA-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    margin-right: 8px;
    margin-bottom: 15px;
}

.TFA-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.two_factor_description {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto';
    color: #4C5258;
    line-height: 21px;
}

.TFA_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.TFA_slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 18px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.TFA-switch input:checked+.TFA_slider {
    background-color: #4EA082;
}

.TFA-switch input:checked+.TFA_slider:before {
    transform: translateX(20px);
}


/* Rounded slider */

.TFA_slider.round {
    border-radius: 34px;
}

.TFA_slider.round:before {
    border-radius: 50%;
}

.no-data-text span {
    font-size: 12px;
    color: #212529;
    text-align: center;
}

.no-data-text span i {
    font-size: 14px;
    color: #c53936;
}

.language-conv {
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 999;
}

.nav-wrapper {
    text-align: center;
}

.sl-nav {
    display: inline;
}

.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.sl-nav li {
    cursor: pointer;
    padding-bottom: 10px;
}

.sl-nav li ul {
    display: none;
}

.sl-nav ul .selected__name {
    cursor: pointer;
    border-radius: 4px;
    padding: 8.5px 32px 8.5px 14px;
    border: 1px solid #ccc;
    height: 40px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sl-nav ul .selected__name:hover {
    border-color: #000;
}

.sl-nav ul .selected__name .country-lng-name {
    font-size: 15px;
    font-weight: 400;
}

.language-card .selected__name .selected-icon {
    margin-right: 3px;
}

.fa-caret-down.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.fa-caret-down {
    transition: transform 0.3s ease;
    color: rgba(0, 0, 0, 0.54);
}

.sl-nav li .language__dropdown-show {
    position: absolute;
    top: 39px;
    right: 0px;
    left: 0px;
    display: block;
    width: 100%;
    padding-top: 0px;
    z-index: 1;
    border-radius: 5px;
    padding: 8px 0px;
    display: none;
}

.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 7px 15px;
    z-index: 2;
    font-size: 15px;
    color: #3c3c3c;
    transition: 0.3s all ease-in-out;
    display: flex;
    align-items: center;
}

.sl-nav li ul li:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.sl-nav li ul li span {
    padding-left: 0px;
    font-size: 15px;
    font-weight: 400;
}

.active-setlanguage {
    background-color: rgba(25, 118, 210, 0.08) !important;
}

.sl-flag {
    width: 16px;
    display: inline-block;
}

.flag-size {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sl-flag- {
    display: inline-block;
    width: 25px;
    height: 15px;
    background: #aaa;
    position: relative;
    top: 2px;
    overflow: hidden;
}

.select-dropdown_arrow {
    width: 1em;
    height: 1em;
    position: absolute;
    top: calc(50% - 0.5em);
    right: 7px;
    display: flex;
    align-items: center;
}

.paypal-wrap {
    background: #D5DEED;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paypal-wrap img {
    width: 100%;
    height: 60px;
    object-fit: contain;
}

.chngecredit-card-btn {
    margin: 22px 0px 15px 0px;
    text-align: end;
}

.chngecredit-card-btn a {
    padding: 16px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff !important;
    background: #1CB079;
    border: none;
    border-radius: 15px;
    display: block;
    margin-top: 5px;
    font-family: Nunito;
}


/* .biling-list-subscription .billing-period {
    background-color: #fff;
    border-radius: 15px;
    padding: 1rem 1rem !important;
    text-decoration: none;
    padding: 0px;
} */

.alert.alert-warning {
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.biling-list-subscription .billing-period span:nth-child(1) {
    color: #444;
    font-weight: 700;
}


/* .biling-list-subscription .billing-period span:nth-child(2) {
    font-weight: 400;
    color: #444;
    margin-top: 1rem;
    display: block;
} */

.checkHistory__btn {
    background: #40C8878C;
    border: 1px solid #40C8878C;
    border-radius: 5px;
    padding: 7px 15px;
    color: #000;
    margin: 23px auto 0px auto;
    display: block;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: 'Nunito';
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.biling-list-subscription,
.biling-list-subscription-detail {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0;
}

.biling-list-subscription li,
.biling-list-subscription-detail li {
    margin-bottom: 24px;
}

.biling-list-subscription-detail span {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #3F3F3F;
}

.biling-list-subscription span {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #3F3F3F;
}

.biling-list-subscription li::marker {
    font-size: 20px;
    color: #3B317A;
}

.biling-list-subscription li:last-child,
.biling-list-subscription-detail li:last-child {
    margin-bottom: 0px;
}

.biling-list-subscription li span {
    font-weight: 700;
}

.biling-list-subscription li span:nth-child(2) {
    font-weight: 400;
    /* color: #bd4036; */
}

.biling-list-subscription li span:nth-child(3) {
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    display: block;
}

.biling-list-subscription li.alert span:nth-child(3) {
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.biling-list-subscription li a {
    color: #bd4036 !important;
    text-decoration: underline;
}

.remainder-icon-wrap {
    width: 10%;
}

.remainder-date-wrap {
    width: 88%;
    font-weight: 400;
    color: #4B5157;
}

.billing-period {
    border: 1px solid #a4a4a4 !important;
}

.choose-calendar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 10px 2rem 10px;
}

.choose-calendar:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.choose-calendar input[type="radio"] {
    width: 20px;
    height: 20px;
}

.choose-calendar input[type="radio"] {
    accent-color: #138a5eb0;
}

.choose-calendar img {
    width: 20px;
    margin-left: 18px !important;
}

.calendar-model-footer button {
    width: 90px;
    border-radius: 5px;
    transition: all .3s ease-out;
    margin: 0px;
}

.calendar-model-footer button:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.choose-calendar-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.choose-calendar-wrap .choose-calendar-img {
    background-color: #1CB079;
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-calendar-wrap .choose-calendar-img svg {
    height: 100%;
    width: 100%;
}

.choose-calendar-wrap .choose-calendar-img svg path {
    fill: #5c636b !important;
}


/* .choose-calendar-btn {
    opacity: 1 !important;
    filter: unset !important;
    font-size: 12px !important;
} */

.google-calendar svg {
    width: 20px;
    height: 20px;
}

.google-calendar svg path {
    fill: #000;
}

.google-calendar:hover svg path {
    fill: #fff;
}

.bg-theme-red_btn {
    background-color: #c53936 !important;
}

.swal2-show {
    padding-bottom: 2.5em !important;
}


/* .upgrade-subscription- {
    position: absolute;
    top: 19%;
    right: 2%;
} */

.upgrade-subscription {
    font-size: 0.76rem;
    margin-bottom: 0px;
    color: #BD4036 !important;
    padding: 2px 10px 0px 10px;
    border-radius: 15px;
    text-decoration: none;
    display: flex;
    align-items: baseline;
    font-family: 'Roboto';
    font-weight: 400;
    /* text-decoration: underline; */
}

.upgrade-subscription:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.upgrade-subscription a i {
    display: flex;
    position: absolute;
    left: -13px;
    background-color: #bd4036;
    color: #fff;
    width: 30px;
    height: 30px;
    top: -2px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

@keyframes vibrate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-6deg);
    }

    50% {
        transform: rotate(5deg);
    }

    75% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(5deg);
    }
}

.lng-active {
    font-weight: 600;
}

.se-demo-circle {
    background-color: #FED065;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    font-size: 13.6px;
    line-height: 20px;
    font-weight: 400;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 15px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: -41px;
    top: -26px;
    z-index: 99;
}

.pricing__list {
    background-color: #fff;
    border-radius: 20px;
    padding: 32px;
    position: relative;
}

.pricing__list_title {
    margin-bottom: 16px;
}

.info-hover-card {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgb(78, 160, 130);
    color: rgb(78, 160, 130);
    padding: 1rem;
    position: absolute;
    right: -235px;
    width: 230px;
    top: 0px;
    z-index: -1;
    transition: visibility 0.2s linear, opacity 0.2s linear;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
    visibility: hidden;
}

.info-hover-card p {
    font-size: 15px;
    font-weight: 300;
}

.price-detail-info {
    position: relative;
}

.price-detail-info img {
    cursor: pointer;
}

.price-detail-info img:hover+.info-hover-card {
    z-index: 999;
    visibility: visible;
    transition: visibility 0.2s linear, opacity 0.2s linear;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

.pricing__list_title>span {
    color: #4EA082;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
    font-family: 'Nunito';
    padding-bottom: 22px;
    border-bottom: 4px solid #4EA082;
    display: inline-block;
}

.pricing__list_title h4 {
    color: #303030;
    margin-top: 21px;
    font-weight: 800;
    font-family: 'Nunito';
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0px;
}

.pricing_checkList {
    list-style-type: none;
    padding: 0;
    padding: 16px 32px;
}

.pricing_checkList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 37px;
}

.pricing_checkList li .info-img {
    width: 20px;
}

.pricing_checkList li .checkList-title {
    display: flex;
    align-items: center;
}

.pricing_checkList li .checkList-title img {
    width: 20px;
}

.pricing_checkList li .checkList-title h5 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #303030;
}

.chekout-btn {
    font-family: 'Nunito';
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(78, 160, 130, 1);
    border-radius: 100px;
    padding: 14px 55px;
    border: none;
    display: block;
    margin: 15px auto 5px auto;
}

.chekout-btn:focus {
    outline: none;
}

.theme-back__btn {
    padding: 8px 10px !important;
    background: none !important;
    color: #4c5258 !important;
    font-weight: 600 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: 1px solid #ababab !important;
    border-radius: 0.3rem !important;
    font-size: 0.8rem !important;
    font-family: 'Roboto';
    width: 80px;
}

.theme-back__btn:hover {
    background-color: #5c636b !important;
    transition: all .2s ease-out;
    color: #fff !important;
}

.pricing-tabs-wrap .pricing-main-title {
    font-size: 28px;
    line-height: 50px;
    font-weight: 800;
    font-family: 'Nunito';
    color: rgba(255, 255, 255, 1);
    margin-bottom: 32px;
    text-align: center;
}


.pricing-main-label {
    font-weight: 700;
    font-size: 18.83px;
    line-height: 30.24px;
    text-align: center;
    color: rgba(254, 208, 101, 1);
    margin-bottom: 18px;
}

.pricing-main-label img {
    width: 25px;
    height: 17px;
}

.pricing-plan-card p strong.price-suffix {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #d9c9ff;
    font-family: 'Nunito';
}

.pricing-plan-card p .price-amount {
    font-weight: 800;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-family: 'Nunito';
    transition: 0.3s all ease-in-out;
}

.pricing-plan-card:hover p .price-amount {
    color: rgba(52, 58, 64, 1);
}

.pricing-plan-card p .price-suffix-yearly {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #d9c9ff;
    font-family: 'Nunito';
    font-style: italic;
}

.nav-tabs .nav-pricing-tab.active {
    padding: 14px 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-family: 'Nunito';
    background-color: rgba(254, 208, 101, 1);
    color: rgba(52, 58, 64, 1);
    border-radius: 100px;
    border: none;
}

.nav-tabs .nav-pricing-tab {
    padding: 14px 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-family: 'Nunito';
    background-color: rgba(255, 255, 255, 1);
    color: rgba(52, 58, 64, 1);
    border-radius: 100px;
    border: none;
    min-width: 187px;
}

.nav-tabs .nav-pricing-tab:nth-child(1) {
    margin-right: 32px;
}

.nav-tabs .nav-pricing-tab:focus {
    outline: none;
}



.pricing-plan-card {
    border: 0.84px solid rgba(226, 226, 226, 1);
    /* backdrop-filter: blur(7.517161846160889px); */
    background-color: #6E52BB;
    display: block;
    text-align: center;
    padding: 30px 30px;
    border-radius: 15px;
    font-family: 'Nunito';
    height: 100%;
    position: relative;
    text-decoration: none !important;
    height: 221px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s all ease-in-out;
}

.pricing-plan-card:hover {
    background-color: rgba(254, 208, 101, 1);
}

.pricing-plan-card:hover p strong {
    color: rgba(52, 58, 64, 1) !important;
    font-family: 'Nunito';
}

.pricing-plan-card:hover button {
    /* color: rgb(255, 255, 255) !important; */
    background-color: #2B2453 !important;
    border: 1px solid #2B2453 !important;
    /* background-color: rgba(255, 255, 255, 1); */
    color: #fff !important;
    font-family: Nunito !important;
}

.pricing-plan-card.active {
    border: 0.84px solid rgba(226, 226, 226, 1);
    backdrop-filter: blur(7.517161846160889px);
    background: #bdbfc0 !important;
    display: block;
    text-align: center;
    padding: 30px 30px;
    border-radius: 15px;
    font-family: 'Nunito';
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.pricing-plan-card.active h4,
.pricing-plan-card.active p,
.pricing-plan-card.active strong {
    color: rgba(52, 58, 64, 1);
    font-family: 'Nunito';
}

.pricing-plan-card.active button {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(52, 58, 64, 1);
    font-family: 'Nunito';
}

.pricing-plan-card h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #d9c9ff;
    margin-bottom: 10px;
    font-family: 'Nunito';
    transition: 0.3s all ease-in-out;
    display: block;
    width: 100%;
    text-align: left;
}

.pricing-plan-card:hover h4 {
    color: rgba(52, 58, 64, 1);
    ;
}

.pricing-plan-card p {
    font-weight: 500;
    font-size: 17.64px;
    line-height: 24.7px;
    text-align: left;
    color: #d9c9ff;
    margin-bottom: 15px;
    font-family: 'Nunito';
    width: 100%;
}

.pricing-plan-card p strong {
    font-weight: 800;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
    color: #d9c9ff;
    font-family: 'Nunito';
    transition: 0.3s all ease-in-out;
}

.pricing-plan-card button {
    border: 1px solid #d9c9ff !important;
    background-color: #8167C4 !important;
    padding: 12px 16px;
    color: rgba(255, 255, 255, 1) !important;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    border-radius: 10px;
    width: 100%;
    font-family: 'Nunito';
    transition: 0.3s all ease-in-out;
    /* text-transform: uppercase; */
}

.pricing-plan-card button:focus {
    outline: none;
}

.proceed-payment-btn {
    border: none;
    background-color: #FED065;
    padding: 14px 38px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Nunito';
    border-radius: 100px;
    width: auto;
    font-family: 'Nunito';
    margin-top: 18px;
    margin: 18px 0 0 auto;
    display: block;
}

.month-tab-title h3 {
    font-family: 'Nunito';
    font-weight: 900;
    font-size: 30px;
    line-height: normal;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 12px;
}

.month-tab-title p {
    font-weight: 500;
    font-size: 18.5px;
    line-height: normal;
    text-align: center;
    margin-bottom: 37px;
    color: #d9c9ff;
    font-family: 'Nunito';
}

.nav-mb-18 {
    margin-bottom: 18px;
}

.nav-mb-32 {
    margin-bottom: 32px;
}

.pricing-plan-card h6 {
    height: 27px;
}

.pricing-plan-card h6 del {
    color: rgba(223, 0, 0, 1);
    font-weight: 500;
    font-size: 17.82px;
    line-height: 24.36px;
    text-align: center;
    font-family: 'Nunito';
}

.pricing-plan-card h6 del:nth-child(2) {
    color: rgba(223, 0, 0, 1);
    font-weight: 500;
    font-size: 12.82px;
    line-height: 24.36px;
    text-align: center;
    font-family: 'Nunito';
}

.label-highligh {
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(99, 84, 182, 1);
    color: rgba(255, 255, 255, 1);
    line-height: 10.94px;
    font-size: 9.92px;
    font-weight: 400;
    font-family: 'Nunito';
    border-radius: 31px;
    box-shadow: 0px 3.65px 10.94px 2.92px rgba(0, 0, 0, 0.1);
    padding: 8px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pricing-plan-card.active .label-highligh {
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(52, 58, 64, 1);
    line-height: 10.94px;
    font-size: 9.92px;
    font-weight: 400;
    font-family: 'Nunito';
    border-radius: 31px;
    box-shadow: 0px 3.65px 10.94px 2.92px rgba(0, 0, 0, 0.1);
    padding: 8px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.active-categories_card {
    height: 550px;
}

.pricing-plan-card h5 {
    background-color: #FED065;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 12px;
    color: #fff;
    font-family: 'Nunito';
    font-weight: 900;
    line-height: normal;
    position: absolute;
    top: -12px;
    animation: smoothHeartbeat 2.5s ease-in-out infinite;
    color: #2B2453;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* My style End */

/* Unique classes for Current Plan Card */
.wp-current-plan-card {
    background-color: #FFF9E5;
    border-radius: 20px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    font-family: 'Nunito', sans-serif;
    border: 1px solid #FFEBB1;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
    width: 100%;
}

.wp-current-plan-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wp-current-plan-icon {
    font-size: 24px;
    color: #FED065;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-current-plan-content h5 {
    font-weight: 800;
    font-size: 16px;
    color: rgba(52, 58, 64, 1);
    margin-bottom: 8px;
    text-align: left;
    margin-top: 0;
}

.wp-current-plan-status {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.wp-current-plan-progress {
    width: 150px;
    height: 10px;
    background-color: #E2E0F0;
    border-radius: 10px;
    overflow: hidden;
}

.wp-current-plan-progress-bar {
    height: 100%;
    background: linear-gradient(to right, #45CC8C 0%, #FED77C 50%, #cd2c2c 100%);
    border-radius: 10px;
}

.wp-current-plan-usage {
    font-weight: 700;
    font-size: 16px;
    color: #F06292;
    margin-bottom: 0;
    line-height: normal;
}

.wp-current-plan-remaining {
    background-color: #FDEDC1;
    color: #8B6D11;
    font-weight: 700;
    font-size: 14px;
    padding: 3px 14px;
    border-radius: 50px;
    white-space: nowrap;
}

.wp-current-plan-price {
    font-weight: 800;
    font-size: 16px;
    color: rgba(52, 58, 64, 1);
    font-family: 'Nunito';
}

@media (min-width: 992px) {
    #AddContractMethod .modal-dialog {
        max-width: 600px;
    }
}


/* .analitycs-blocks__item:hover .analitycs-blocks__item--numbers {
    color: #EB6363;
} */

.bs-stepper-content__title--note.success {
    background: #98e076;
}

.export-button.ready-to-export {
    background-color: #4EA082 !important;
    color: #000000 !important;
    border-color: #4EA082 !important;
}

.export-button.ready-to-export .bx {
    color: #fff !important;
}

.profile-img i {
    position: absolute;
    right: 10px;
    background: #fff;
    border-radius: 1rem;
    width: 1.5rem;
    bottom: 0;
    height: 1.5rem;
}

.permissions-list .form-check-success .form-check-input:checked {
    background-color: #1CB079;
    border-color: #1CB079;
    top: 6px;
    position: absolute;
}


/* .category-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
} */

.bs-stepper-content__title--status.archived {
    padding: 0.3rem 1rem 0.3rem 1rem;
    color: #545454;
    border: 1px solid #7c7c7c;
    background: #fff;
}

.step .bs-stepper-circle:after {
    content: '';
}

.step .bs-stepper-circle:before {
    content: '';
    width: 2px;
    background: #b9b5d5;
    height: 20px;
    top: -10px;
    position: absolute;
}

.step:first-child .bs-stepper-circle:before {
    content: '';
    display: none;
}

.bs-stepper .step-trigger {
    position: relative;
}

.user-card__contracts--list {}

.user-card__contracts--list a {
    color: #292929 !important;
}

.user-card__contracts--list a:hover {
    color: #6788e5 !important;
}

.user_telephone__list .iti__selected-flag {
    padding: 0 !important;
}

.steps-buttons-wrapper {
    position: absolute;
    /*    bottom: 0rem;*/
    right: 0;
    bottom: -3.5rem;
}

.steps-buttons {
    width: auto;
}

.reminded-date__val {
    font-weight: 500;
    font-family: 'Nunito';
    font-size: 13px;
    color: #343434;
}

.reply-text {
    color: #4C5258 !important;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    margin-right: 5px;
    cursor: pointer;
}

.emoji-toggle {
    cursor: pointer;
}

.emoji-toggle path {
    fill: #4C5258 !important;
}

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

.temp-hidden {
    display: none !important;
}

.steps-summary__right--img:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 1px;
    height: 5px;
    background: #4d5154;
    left: 0;
}

.user-card-contract {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin-bottom: 1.2rem;
    gap: 2rem;
}

#AddCategoryFirst .form-check-input {
    margin-top: 0.5rem;
}

#ChooseMonthlyIncome.active,
#ChooseMonthlyIncome:hover {
    background-color: #7dac5e;
    color: #fff;
    border-color: #7dac5e !important;
}

#ChooseMonthlyCosts.active,
#ChooseMonthlyCosts:hover {
    background-color: #f29392;
    color: #fff;
    border-color: #f29392 !important;
}

#ChooseMonthlyCosts,
.widgets-icons-2 #ChooseMonthlyIncome {
    font-size: 0.65rem;
    color: #161616;
}

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

.imageuploadify-container__title {
    position: absolute;
    left: 1rem;
    top: 0.5rem;
}

.category_contract_list {
    font-size: 12px;
    padding: 5px 10px !important;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 21px;
    border-radius: .2rem !important;
    color: #4B5157 !important;
    /* background-color: #F7C1EA !important; */
}

.notes-edit-dropdown::after {
    display: none;
}

.notes_dropdown-box {
    position: absolute !important;
    top: -1px !important;
    right: 0px !important;
}

.summary-documents {
    margin-top: 0px;
}

.cancel-comment {
    position: relative;
    background-color: #EEEEEE;
    padding: 6px 12px;
    border-radius: 5px;
    height: 2rem;
    border-color: #c9c9cc;
    border: 1px solid #c9c9cc;
    transition: 0.3s all ease-in-out;
    font-size: 0.7rem;
    color: #4c5258 !important;
}

.cancel-comment:hover {
    background-color: #5C636A;
    color: #fff !important;
}

.save-comment {
    line-height: 1.4rem;
    height: 2rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border-color: #40c8878c;
    font-family: Nunito;
    font-size: 0.7rem;
    color: #fff !important;
}

.terminate_date_OverDate {
    /* background-color: #FED065 !important; */
    /* background-color: #ff84897d !important; */
    /* background-color: #db5f64 !important; */
    color: #4B5157 !important;
    border-radius: .2rem;
    padding: 3px 8px;
    font-family: 'Nunito';
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 62px; */
    font-weight: 800;
}

.terminate_date_OverDate_contract {
    /* background-color: #FED065 !important; */
    background-color: #ff84897d !important;
    color: #000 !important;
    border-radius: .2rem;
    padding: 3px 8px;
    font-family: 'Nunito';
    font-size: 10px;
    line-height: normal;
    font-weight: 400;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terminate_date_ExDate {
    /* background-color: #ff8489 !important; */
    /* background-color: #db5f64 !important; */
    color: #4B5157 !important;
    border-radius: .2rem;
    padding: 3px 8px;
    font-family: 'Nunito';
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 75px; */
}

.tooltip-popup-expiration {
    background-color: transparent !important;
    color: #4B5157 !important;
    border-radius: .2rem;
    padding: 3px 8px;
    font-family: 'Nunito';
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* width: 75px; */
    font-weight: 800;
    /* border: 1px solid #5a5a5a !important; */
}

.tooltip-popup-termination,
.tooltip-popup-expiration {
    position: relative;
}

.tooltip-popup-expiration:hover::before,
.tooltip-popup-termination:hover::before {
    opacity: 1;
    pointer-events: auto;
}

.tooltip-popup-termination::before {
    content: attr(data-tooltipp);
    position: absolute;
    right: 80px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: pre-line;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    font-weight: 500;
    top: unset;
    max-width: max-content;
    min-width: 130px;
    bottom: -4px;
    text-align: center;
    z-index: 9999;
    visibility: visible;
    left: unset;
}

.tooltip-popup-termination-dashboard {
    position: relative;
}

.tooltip-popup-termination-dashboard:hover::before {
    opacity: 1;
    pointer-events: auto;
}

.tooltip-popup-termination-dashboard::before {
    content: attr(data-tooltipp);
    position: absolute;
    right: -140px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: pre-line;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    font-weight: 500;
    top: unset;
    max-width: min-content;
    min-width: 133px;
    bottom: -24px;
    text-align: center;
    z-index: 9999;
    visibility: visible;
    left: unset;
}

.tooltip-popup-expiration::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: 80px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: pre-line;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    font-weight: 500;
    top: -21px;
    max-width: max-content;
    min-width: 200px;
    bottom: unset;
    text-align: center;
    z-index: 9999;
    visibility: visible;
    left: unset;
    right: 8px;
}

.custom-popover-responsible {
    max-width: max-content !important;
    border-color: #ccc !important;
}

.custom-popover-responsible .popover-body {
    background-color: #000 !important;
    border-radius: 5px !important;
}

.tooltip-responsibleUser {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 16px;
    padding: 10px;
    border: none;
    width: 100% !important;
    min-width: auto;
}

.custom-popover-responsible .popover-body .tooltip-responsibleUser .user-info__label {
    color: #fff !important;
}

.custom-popover-responsible .popover-body .tooltip-responsibleUser .user_info_field {
    color: #C9C9CC !important;
}

.custom-popover-responsible .popover-arrow::after {
    border-bottom-color: #000000 !important;
}

.iti__flag-container {
    position: absolute;
    top: 0px !important;
    bottom: 0;
    padding: 0px !important;
    left: 0px !important;
}

.counterparty-telephoneText {
    padding-left: 40px;
    position: absolute;
    top: 32px;
    left: 2px;
}


/* .iti.iti--allow-dropdown{
    display: block;
    position: absolute;
    top: 41px;
    left: 6px;
} */

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    /* max-height: 200px !important; */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* height: 200px; */
}

.iti.iti--allow-dropdown {
    display: flex;
    width: 100%;
    gap: 3px;
}

.user_telephone__list .iti.iti--allow-dropdown {
    display: flex;
    width: auto;
}

/* .iti__arrow {
    display: none;
} */

.div-container .iti__flag-container {
    position: absolute;
    top: 4px !important;
    bottom: 0;
    padding: 1px;
    left: -5px !important;
}

.iti__country-list {
    width: 270px;
    top: 40px;
    left: 3px;
}

.div-container .iti__country-list {
    width: 270px;
    top: 17px;
    left: 0px;
}

.summary-documents__line {
    display: grid;
    /*grid-template-columns: 2fr 4fr 2fr 1fr;*/
    grid-template-columns: 3fr 7fr 4fr 2fr 0fr;
    padding: 0.25rem 0.25rem;
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    gap: 0.25rem;
    align-items: center;
}


/* .iti--allow-dropdown input[type=text] {
    padding-left: 40px !important;
} */

.summary-document-heading {}

.summary-document-heading__column {
    font-size: 12px;
    color: #8d8d8d;
    height: 1rem;
    font-family: 'Roboto';
}

.History_table-wrap tr {
    height: auto;
}

.History_table-wrap tr th {
    font-size: 12px;
    color: #8d8d8d;
    height: 36.19px !important;
    font-family: 'Roboto';
    padding: 0.25rem 0.25rem;
    padding-bottom: 0.6rem !important;
    padding-top: 0.6rem !important;
    font-weight: 400;
    border-bottom: 1px solid #dee2e6 !important;
    line-height: normal;
    vertical-align: bottom;
    border-top: 0px !important;
    position: sticky;
    top: 0;
    background-color: #FCFCFC;
    z-index: 1;
}

.History_table-wrap tr td {
    font-size: 12px !important;
    color: #4C5258 !important;
    font-weight: 600;
    line-height: 21px;
    font-family: 'Roboto';
    padding: 0.25rem 0.25rem;
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    /* border-bottom: 1px solid #dee2e6; */
    height: 41.19px;
}

.History_table-wrap tr:last-child td {
    border-bottom: none;
}

.td-radio {
    position: relative;
}

.td-radio::before {
    content: '';
    position: absolute;
    height: 24px;
    width: 1px;
    background-color: #A3A3A3;
    top: 35px;
    right: 16px;
}

.History_table-wrap tr:last-child .td-radio::before {
    display: none;
}

.custom-radio {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.custom-radio input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.radio-mark {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 2px solid #4EA082;
    display: inline-block;
    position: relative;
}


/* .custom-radio input:checked + .radio-mark::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: 9px;
    width: 9px;
    background: #4EA082;
    border-radius: 50%;
} */

.custom-radio input:disabled+.radio-mark {
    border-color: #ccc;
    cursor: not-allowed;
}

.custom-radio input:disabled+.radio-mark::after {
    background: #ccc;
}

.summary-document {}

.summary-document__type {}

.summary-document__name {}

.summary-document__date {
    font-size: 12px !important;
    color: #4C5258 !important;
    font-weight: 600;
    line-height: 21px;
    font-family: 'Roboto';
}

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

.summary-document__action .bx {
    width: 14px;
    height: 14px;
    border-radius: 6rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.summary-document__name a:hover {
    transition: all .3s ease-out;
    color: #6788e5 !important;
}

.steps-summary__group .summary-document-delete {
    color: #000000bf !important;
    font-size: 14px;
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 4px 9px;
    border: 1px solid #000000bf;
}

.steps-summary__group .summary-document-delete:hover,
.steps-summary__group .summary-document-delete:hover i {
    color: #4C5258 !important;
}

.summary-document__action a {
    transition: all .3s ease-out;
}

.summary-document__action a:hover {
    transition: all .3s ease-out;
    transform: scale(1.1);
}

.field-h-55 {
    min-height: 55px;
    max-height: 75px;
}

.field-h-59 {
    min-height: 59px;
    max-height: 75px;
}

.subcategory-row__flag {
    position: absolute;
    right: 0.5rem;
    top: 0.65rem;
    border-radius: 0.2rem;
}

.contracts-list-table__colorlabel {
    width: 100%;
    display: flex;
    height: 20px;
    border-radius: 0.5rem;
}

.reply-input {
    width: 100%;
    padding: 6px 0px;
    border-bottom: 1px solid #c9c9cc !important;
    border-radius: 0px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-family: 'Nunito';
    color: #4C5258;
}

.emoji-picker {
    z-index: 1000;
}

.reply-input-container {
    transition: all 0.3s ease-in-out;
}

.emoji-picker {
    z-index: 1000;
    border: 1px solid #ccc;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
}

.reply-input:focus {
    outline: none !important;
}

.table-pagination svg {
    width: 20px;
}

.table-pagination {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
}

.table-pagination nav div+div {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    align-items: end;
}

.table-pagination nav {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
}

.rotate-270 {
    transform: rotate(270deg);
}

.contract-page__icon {
    background: #f1f1f1;
    border-radius: 1rem;
    margin-bottom: 1rem;
    width: 100px;
}

.dshb-dropdown__btn {
    border: 1px solid #a4a4a4;
    border-radius: 0.3rem;
    padding: 9px 12px;
    font-size: 11px;
    min-width: 100px;
    max-width: 100px;
    background: #fff;
    color: #4c5258;
}

.dshb-dropdown__btn:hover {
    border: 1px solid #000;
}

.dshb-dropdown__btn:focus {
    border: 1px solid #c9c9c9 !important;
    border-color: unset !important;
    outline: none;
}

.totalAmount_text {
    border: 1px solid #a4a4a4 !important;
    border-radius: 0.3rem;
    padding: 9px 12px;
    font-size: 12px;
    min-width: 120px;
    max-width: 120px;
    background: #fff;
    color: #4B5157;
    font-weight: bold;
    text-align: center;
    margin-right: 7px;
}

.auto-renewal-check {
    display: flex;
    align-items: center;
}

.auto-renewal-check input {
    width: 12px;
    margin-right: 6px;
    accent-color: #8BD6B4;
    margin-bottom: 1px;
}

.dshb-dropdown__btn.active {
    background-color: var(--red-color);
    color: #000;
    border: 1px solid #c9c9c9 !important;
}

.ai-tooltip-wrap:hover::after {
    opacity: 1;
}

.ai-tooltip-wrap::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: unset;
    /* transform: translateX(-50%); */
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    top: -27px;
    right: 0;
}

.mail-btn-wrap:hover::after {
    opacity: 1;
    z-index: 99;
}

.mail-btn-wrap::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: 0%;
    /* transform: translateX(-50%); */
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    top: -28px;
}

.pin-comment-box {
    position: relative;
}

.pin-comment-box:hover::after {
    opacity: 1;
}

.pin-comment-box::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: 15px;
    /* transform: translateX(-50%); */
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    top: -3px;
    line-height: normal;
}

.attachment-btn-wrap:hover::after {
    opacity: 1;
    z-index: 99;
}

.attachment-btn-wrap::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: 0%;
    /* transform: translateX(-50%); */
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    top: -28px;
}

.mail-btn-wrap-1::after {
    content: attr(data-tooltipp);
    position: absolute;
    right: 24px !important;
    /* Position tooltip to the left */
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    /* margin-right: 5px; */
    z-index: 10;
}

.mail-btn-wrap-1:hover::after {
    opacity: 1;
}

.edit-btn-wrap::after {
    content: attr(data-tooltipE);
    position: absolute;
    right: 116%;
    background: #000;
    color: #fff;
    padding: 5px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'roboto';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
    top: -3px;
    line-height: normal;
}

.edit-btn-wrap:hover::after {
    opacity: 1;
    z-index: 99;
}

.select_activeInactive select:focus {
    box-shadow: unset !important;
    outline: none !important;
    border-color: unset !important;
}

.select_activeInactive select:hover {
    border: 1px solid #000;
}

.analitycs-blocks__range .dt-buttons__costs {
    color: #c53936;
    border-color: #c53936;
}

.analitycs-blocks__range .dt-buttons__costs.actives {
    background: #F08080;
    color: #fff;
    border-color: #F08080 !important;
}

.analitycs-blocks__range .dt-buttons__income {
    color: #40c887;
    border-color: #40c887;
}

.analitycs-blocks__range .dt-buttons__income.actives {
    background: #40c887;
    color: #fff;
}

.analitycs-blocks__range .dt-buttons button {
    min-width: 80px;
    max-width: 120px;
}

.analitycs-blocks__range .form-select {
    font-size: 0.7rem;
}

.analitycs-blocks__range .btn-outline-secondary.active.dt-buttons__costs {
    border-color: #EB6363 !important;
}

.analitycs-blocks__range .btn-outline-secondary.active.dt-buttons__income {
    border-color: #1CB079 !important;
}

.analitycs-blocks__wrapper.income .analitycs-blocks__item:hover .analitycs-blocks__item--numbers {
    color: #438907;
}


/* .analitycs-blocks__wrapper.costs .analitycs-blocks__item:hover .analitycs-blocks__item--numbers {
    color: #c53936;
} */

.analitycs-blocks__wrapper.income .analitycs-numbers__costs {
    display: none;
}

.analitycs-blocks__wrapper.costs .analitycs-numbers__income {
    display: none;
}

.costs-income-total.__income .costs-income-total__costs {
    display: none;
}

.costs-income-total.__costs .costs-income-total__income {
    display: none;
}

.notes__date {
    font-size: 11px;
    /* font-weight: 600; */
    margin-bottom: 0.5rem;
    color: #4C5258;
    font-weight: 400;
    font-family: 'Roboto';
}

.comment-text {
    color: #4C5258;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 12px;
}

.notes__wrapper {}

.notes__wrapper ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    max-height: 250px !important;
    min-height: 30px !important;
    overflow: auto;
}

.notes__line {
    border-bottom: 1px solid #daad15;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    background-color: #f6e9cd;
    border: none;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #717174;
}

.notes__line:last-child {
    margin-bottom: 0;
}

.summary-documents__line .form-select {
    /*	width: 90px;*/
}

.summary-documents__line--types {}

.summary-documents__line--name {
    /*	width: 200px;*/
    width: 150px;
}

.page-contract {
    padding: 2rem 2rem !important;
}

.manage-category-dialog {
    max-width: 400px;
    margin: .5rem auto;
}


/* .modal .manage-category-dialog .manage-category-header .btn-close {
    position: absolute;
    top: 22px !important;
    right: 18px !important;
    font-size: 16px;
} */

.disabled-field {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    pointer-events: none;
    color: #4C5258 !important;
    font-weight: 600;
    font-family: 'Roboto';
}

.user-info__label {
    color: #8d8d8d !important;
    margin-bottom: 0px;
}

.user-info__label.active {
    color: #4c5258 !important;
}


/* .user_telephone__list .iti__flag-container {
    display: none !important;
} */


/* .number-flagUser .iti__flag-container {
    display: none;
} */


/* .number-flagUser.active .iti__flag-container {
    display: block;
} */

body .number-flagUser .phone-input {
    padding-left: 0px !important
}

body .number-flagUser.active .phone-input {
    padding-left: 80px !important
}

.number-flagUser.active .iti__flag-container .iti__flag {
    display: block !important;
}

.number-flagUser.active .iti__flag-container .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05);
    padding: 0px 6px 0px 8px !important;
    width: 73px;
}

.number-flagUser .iti__flag-container {
    position: relative;
}

.number-flagUser.active .iti__flag-container {
    position: absolute;
}

.number-flagUser .iti__flag-container .iti__selected-flag {
    background-color: transparent;
    padding: 0px !important;
}

.number-flagUser .iti__flag-container .iti__flag {
    display: none !important;
}

.number-flagUser .iti__selected-dial-code {
    margin-left: 0px !important;
    margin-top: -3px;
    background-color: transparent !important;
    cursor: default;
    font-weight: 600;
    color: #4C5258 !important;
}

.number-flagUser.active .iti__selected-dial-code {
    margin-left: 6px !important;
    margin-top: -3px;
    margin-right: 5px !important;
    pointer-events: none;
}

body .number-flagUser .phone-input {
    padding-left: 0px !important
}

#exampleModalFav .modal-content,
#exampleModalColor .modal-content,
#exampleModalMoveContract .modal-content,
#exampleModalEditCategory .modal-content,
#exampleModalRemoveCategory .modal-content {
    height: 502px;
}

#exampleModalColor .modal-body,
#exampleModalMoveContract .modal-body,
#exampleModalEditCategory .modal-body,
#exampleModalRemoveCategory .modal-body {
    overflow: auto;
}

.modal-dialog .btn-close {
    opacity: 0.7;
    filter: invert(1) grayscale(100%) brightness(200%);
    font-size: 11px;
    margin: -.5rem 0rem -.5rem auto !important;
    /* right: -55px !important;
    top: -2px ! important; */
    /* margin: 0px !important; */
}

.picker__table tbody>td,
.picker__table tbody>tr {
    height: 1.5rem;
}

.save-cancel-changes-group {
    position: absolute;
    top: -49px;
    right: 0;
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0rem;
}

.steps-summary__group a.save-cancel-changes-group__save {
    color: #000 !important;
    font-size: 0.7rem;
    line-height: 1.4rem;
    height: 2rem;
    border-radius: 5px;
}

#cancelNewCommentBtn,
.steps-summary__group a.save-cancel-changes-group__cancel {
    color: #4c5258 !important;
    font-size: 0.7rem;
    line-height: 1.4rem;
    height: 2rem;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #a4a4a4;
}

#cancelNewCommentBtn:hover,
.steps-summary__group a.save-cancel-changes-group__cancel:hover {
    color: #4c5258 !important;
    background-color: transparent;
    border: 1px solid #000;
}

.theme-cancel_btnNew {
    color: #4c5258 !important;
    font-size: 0.8rem;
    line-height: 1.4rem;
    height: 2rem;
    border-radius: 5px;
    background-color: #fff !important;
    border-color: #ababab !important;
    font-family: 'Nunito';
    transition: 0.3s all ease-in-out;
}

.theme-cancel_btnNew:hover {
    color: #4c5258 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.theme-save_btnNew {
    color: #000 !important;
    font-size: 0.8rem;
    line-height: 1.4rem;
    height: 2rem;
    border-radius: 5px;
    border-color: var(--green-color) !important;
    font-family: 'Nunito';
}

.userProfile_editorBtn,
.userInfo_editorBtn1,
.userInfo_editorBtn {
    position: absolute;
    top: -18px;
    right: 0;
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0rem;
}

.page-contract .register-steps__summary--actionsbtn {
    width: 15%;
}

.page-contract .register-steps__summary--actions h5 {
    width: 100%;
}

.page-contract .steps-summary__group {
    border: 1px solid #828282;
    padding: 30px 30px 30px 30px;
}

.select2-container .select2-search--dropdown {
    position: relative;
}

.select2-container .select2-search--dropdown .select2-search__field {
    padding-right: 28px;
    /* right icon ke liye space */
}

.select2-container .select2-search--dropdown::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url("https://cdn-icons-png.flaticon.com/512/622/622669.png") no-repeat center;
    background-size: 13px;
    pointer-events: none;
    /* icon click block na kare */
}

#cropModal .modal-content {
    height: 400px;
    /* fix height */
}

#cropModal .modal-body {
    height: calc(100% - 120px);
    /* leave space for header+footer */
    overflow: hidden;
    /* prevent scrollbars */
    display: flex;
    justify-content: center;
    align-items: center;
}

#cropImage {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.attach-file-link {
    z-index: 9;
    justify-content: end;
    width: 100%;
    transition: 0.3s all ease-in-out;
    color: #4c5258 !important;
    font-family: 'Roboto';
}

.steps-summary__group .attach-file-link:hover {
    text-decoration: underline;
    color: #4c5258 !important;
    font-family: 'Roboto';
}

.summary-documents__line--upload {}

.summary-documents__line--upload a {
    font-size: 0.7rem;
    margin-top: 0.5rem;
    line-height: 1rem;
    position: relative;
    background-color: #fff;
    padding: .5rem 12px !important;
    display: inline-block !important;
    border-radius: 5px;
    border: 1px solid #a4a4a4;
    color: #505050;
    margin-right: -6px;
}

.summary-documents__line--upload a i {
    font-size: 0.8rem;
}

.borderTopDown-wrap {
    border-top: 1px solid #ABABAB;
    padding: 0px 0px 20px 0px;
}

.borderTopDown-wrap:first-child {
    border-top: none;
}

.user-permissions-wrapper {
    box-shadow: 0px 2px 6px 2px #3C404326;
    padding: 18px 20px;
    border-radius: 8px;
    background-color: #FCFCFC;
}

.user-permissions__values--heading {
    /* font-weight: 500;
    font-size: 0.8rem;
    padding-bottom: 0.5rem!important; */
    color: #5C5C5C;
    font-weight: 700;
    font-family: 'Roboto';
    font-size: 15px;
    margin-bottom: 25px;
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.user-permissions__values--heading img {
    width: 16px;
    margin-right: 11px;
}

.user-permissions__values--heading i {
    width: 16px;
    margin-right: 11px;
    font-size: 18px;
    color: #5C5C5C;
}

.user-box .dropdown-toggle::after {
    display: none !important;
}

.contracts-list-table .price-container {
    min-width: auto;
    text-align: left;
    padding: 0.25rem 0.25rem;
}

/* .table-view-height{
    height: calc(100vh - 320px);
    overflow-y: auto;
} */
.info-tags span {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Nunito';
    color: #000;
}

.circle-avslutad {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #CD2C2C;
}

.circle-evaluate {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #9B6DFF;
}

.circle-renew {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #4EA082;
}

.circle-today {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #EDE6FF;
    border: 2px solid #9B6DFF;
}

.spotify-premium_text {
    color: #305ddb !important;
    font-size: 11px !important;
    font-weight: 500;
    font-family: 'Nunito';
    margin-left: 0px;
    line-height: normal;
    margin-bottom: 0px;
    transition: all .3s ease-out;
}

.spotify-premium_text:hover {
    color: #000 !important;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Nunito';
    transition: all .3s ease-out;
    transform: scale(1.03) !important;
}

.plus_category_btn {
    background-color: #fff !important;
    padding: 12px 30px !important;
    border: 1px solid #a4a4a4 !important;
    font-family: 'Nunito';
    border-radius: 0.3rem;
    color: #4B5157 !important;
    margin-right: 22px !important;
    transition: all .3s ease-out;
    font-weight: 600;
}

.plus_category_btn:hover {
    background-color: #fff !important;
    color: #505050 !important;
    transition: all .3s ease-out;
    transform: scale(1.05);
    border: 1px solid #000 !important;
}

.plus_category_btn:hover svg path {
    fill: #505050 !important;
    transition: all .3s ease-out;
}

.imageuploadify {
    /*	border: 2px dashed #ababab !important;*/
}

.imageuploadify .imageuploadify-images-list button.btn-default {
    color: #65686F;
    border-color: #656870;
}

#UploadNewFile .btn-close {
    position: absolute;
}

.summary-documents__line--upload a:hover {
    color: #505050 !important;
    border: 1px solid #000;
    background-color: #fff;
}

.modal-dialog.attach-file-modal {
    margin-top: 6rem !important;
    max-width: 800px;
}

.steps-summary__group .steps-summary__group--add {
    position: relative;
    background-color: #fff;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 5px;
    border-color: #c9c9cc;
    border: 1px solid #a4a4a4;
}

.steps-summary__group .steps-summary__group--add:hover {
    background-color: #fff;
    color: #505050 !important;
    border: 1px solid #000;
}

.steps-summary__group .steps-summary__group--add:hover span {
    color: #505050 !important;
}

.steps-summary__group .steps-summary__group--add span {
    font-weight: 400;
    font-size: 12px;
    color: #555555 !important;
    font-family: 'Roboto';
}

.update-comment_btn,
.send-reply_btn {
    margin-top: 5px;
    color: #fff;
    font-size: 0.7rem;
    height: 2rem;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    padding: 5px 10px;
    transition: 0.3s all ease-in-out;
    border-color: #40c8878c;
    background: #40c8878c;
}

.cancel-edit_btn,
.cancel-reply_btn {
    margin-top: 5px;
    color: #4c5258 !important;
    border: 1px solid #a4a4a4 !important;
    font-size: 0.7rem;
    height: 2rem;
    border-radius: 5px;
    background-color: #fff !important;
    border: 1px solid #EEEEEE;
    padding: 6px 10px;
    transition: 0.3s all ease-in-out;
    border-color: #c9c9cc;
    font-family: 'Roboto';
}

.cancel-edit_btn:hover,
.cancel-reply_btn:hover {
    background-color: #fff;
    color: #4c5258 !important;
    border-color: #000 !important;
}

.cancel-edit_btn:focus,
.cancel-reply_btn:focus {
    outline: none !important;
}

.update-comment_btn:hover,
.send-reply_btn:hover {
    color: #fff;
    background-color: #459174;
    border-color: #459174;
}

.update-comment_btn:focus,
.send-reply_btn:focus {
    outline: none !important;
}

.send-reply_btn:disabled {
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3)) !important;
    color: #000000bf !important;
    border-color: #A3A3A3 !important;
}

.newComent-here {
    padding-left: 15px;
    display: block;
    font-size: 12px;
    font-family: 'Nunito';
    padding-right: 10px;
}

.Subcomment-inner-pin {
    font-size: 10px;
    /* color: #A3A3A3; */
    cursor: pointer;
}

.Subcomment-inner-pin-testing {
    font-size: 10px;
    color: #db5f64;
    cursor: pointer;
}

.Subcomment-inner-pin.active {
    font-size: 10px;
    color: #000;
    cursor: pointer;
}

.user-comment {
    border-bottom: none;
    background-color: #fff;
    padding: 5px;
    border-radius: .2rem;
    margin: 10px 0px;
}

.steps-summary__group a.save-cancel-notes-group__cancel {
    color: #555555 !important;
    font-size: 0.7rem;
    line-height: 1.4rem;
    height: 2rem;
}

.steps-summary__group a.save-cancel-notes-group__cancel:hover {
    color: #fff !important;
}

.pdf-format_upload-file {
    border: 4px dashed #AADEEA;
    background-color: #F6FDFF;
    text-align: center;
    border-radius: 15px;
    height: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pdf-format_upload-file {
    padding-top: 22px;
}

.pdf-format_upload-file img {
    margin-bottom: 45px;
}

.pdf-format_attach-file img {
    width: 35px;
    margin-bottom: 19px;
}

.max-fileUpload-text {
    color: #A8A8A8;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto';
    text-align: center;
}

.pdf-select__browse {
    border: 1px solid #4C5258;
    color: #4C5258;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto';
    text-align: center;
    padding: 6px 25px;
    margin-top: 45px;
    margin-bottom: 25px;
    text-align: center;
    background-color: transparent;
    transition: 0.3s all ease-in-out;
}

.drag-and-drop__browse {
    border: 1px solid #4C5258;
    color: #4C5258;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto';
    text-align: center;
    padding: 6px 25px;
    margin-top: 19px;
    margin-bottom: 25px;
    text-align: center;
    background-color: transparent;
    transition: 0.3s all ease-in-out;
}

.pdf-select__browse:hover,
.drag-and-drop__browse:hover {
    background-color: rgb(102, 104, 113);
    color: #fff;
}

.pdf-select__browse:focus,
.drag-and-drop__browse:focus {
    outline: none;
}

a.save-cancel-notes-group__save {
    color: #fff !important;
    font-size: 0.7rem;
    line-height: 1.4rem;
    height: 2rem;
}

.custom-theme__btn {
    padding: 8px 10px !important;
    background-color: #fff !important;
    color: #4ea082 !important;
    font-weight: 700 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: 1px solid #ababab !important;
    border-radius: 0.3rem !important;
    font-size: 0.89rem !important;
    font-family: 'Nunito';
}

.btn-width-90px {
    min-width: 100px;
    max-width: 100%;
}

.custom-theme__btn:hover {
    background-color: #fff !important;
    transition: all .2sease-out;
    color: #4B5157 !important;
    border: 1px solid #000 !important;
}

.saveUser__button {
    padding: 8px 10px !important;
    background: #fff !important;
    color: #505050 !important;
    font-weight: 400 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: 1px solid #a4a4a4 !important;
    border-radius: .25rem !important;
    font-size: 11px !important;
}

.saveUser__button:hover {
    background-color: #5c636b !important;
    transition: all .2sease-out;
    color: #fff !important;
}

a.save-cancel-notes-group__save:hover {
    color: #fff !important;
}

thead.table-dark tr:first-child {
    /* border-left: 1px solid #5c636b;
    border-right: 1px solid #5c636b; */
    border-left: transparent;
    border-right: transparent;
}

.permissions-select-wrapper {
    position: relative;
    display: inline-block;
    width: 7rem;
}

.permissions-select {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    border-radius: 0.5rem;
    border: 1px solid #dbdbdb;
    min-width: 250px;
    left: -60px;
    color: #212529;
    padding: 1rem;
}

.permissions-select-option {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding-bottom: 0.5rem;
}

.permissions-select-option:last-child {
    border-bottom: none;
}


/*.permissions-select-option:hover {
    background-color: #f1f1f1;
}*/

/* .permissions-select-toggle {
    padding: 10px;
    cursor: pointer;
    width: 100%;
    color: #4c5258;
    padding-left: 28px !important;
} */

.permissions-select-toggle {
    background-color: #F9F5FF;
    border: 1px solid #9b6dff57;
    cursor: pointer;
    width: 100%;
    color: #4c5258;
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-family: 'Nunito';
    font-weight: 500;
}

.hidden-input {
    display: none;
}

.permissions-select.show {
    display: block;
}

.permissions-select-option button {
    background: #9f919d;
    color: #fff;
    padding: 0.2rem 0.75rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    border: none;
    width: 100%;
    margin-top: 1rem;
    border: 2px solid #9f919d;
    transition: all .3s ease-out;
}

.form-select.permissions {
    width: 8rem;
}

.select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    padding: 0.2rem 1.75rem 0.375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    /*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: right .75rem center;*/
    /*    background-size: 16px 12px;*/
    /* border: 1px solid #ced4da; */
    border: 1px solid #ababab;
    border-radius: 4px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2.2rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 18px !important;
}

.form-check-input:focus {
    border-color: none;
    box-shadow: unset;
}

.all-contracts .form-check-input:checked {
    font-size: inherit;
}

.all-contracts .form-check-input[type=checkbox] {
    font-size: 1rem;
}

.w-1rem {
    width: 1rem;
}

.h-1rem {
    height: 1rem;
}

.browse-file_btn {
    text-align: center;
    justify-content: center;
    padding: 7px 12px !important;
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    color: #555555 !important;
    font-size: 12px;
    font-weight: 400;
}

.calendars-block__list--link:hover {
    background-color: #fff !important;
    color: #4B5157 !important;
    border: 1px solid #000 !important;
}

.calendars-block__list--link:hover svg path {
    fill: #4B5157 !important;
}

.highlighted-area {
    background: #F5F5F5;
    border-radius: 8px;
    border: 1px solid #9793AF;
    position: relative;
    /* min-height: 211px; */
}

.highlighted-area__icon {
    position: absolute;
    top: -0.75rem;
    left: 11px;
    height: 25px;
    width: 25px;
}

.highlighted-area__icon i {
    background: #A3A3A3;
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    align-items: center;
}

.add-comment-text,
.add-comment-text:hover {
    color: #555555 !important;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: 400;
    padding: 6px 11px;
    background-color: #EEEEEE !important;
    border: 1px solid #C9C9CC !important;
}

.contract_limitedTime_card_wrap,
.contract_remainder_card_wrap {
    background-color: #FFF3CD;
    box-shadow: 0px 1.78px 4.76px 0px #0000001F;
    border: 1px solid #FFECB5;
    padding: 7px;
    border-radius: 10px;
    display: flex;
    align-items: start;
    gap: 6px;
    margin-bottom: 13px;
    margin-top: 0.5rem;
}

.contract_limitedTime_card_wrap .contract_remainder_card p span {
    text-decoration: underline;
    color: #F60707;
}

.contract_remainder_icon {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contract_remainder_card h5 {
    color: #444444;
    font-weight: 700;
    font-size: 6px;
    line-height: 7.8px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.contract_terminate_card h5 {
    color: #444444;
    font-weight: 700;
    font-size: 6px;
    line-height: 7.8px;
    margin-bottom: 0px;
    margin-top: 3px;
}

.contract_remainder_card p {
    font-size: 5px;
    font-weight: 400;
    line-height: 7px;
    margin-bottom: 0px;
}

.contract_terminate_card h3 {
    color: #823A3A;
    font-size: 7px;
    line-height: 10px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 3px;
}

.contract_remainder_card p span {
    text-decoration: underline;
}

.contract_terminate_card_wrap {
    background-color: #FFC2C2;
    box-shadow: 0px 1.78px 4.76px 0px #0000001F;
    border: 0.37px solid #FFC2C2;
    padding: 7px;
    border-radius: 3px;
    display: flex;
    align-items: start;
    gap: 4px;
}

.notes__line span {
    color: #4C5258;
}


/* .line-height-15 {
    line-height: 1.5rem;
} */

.folder-label {
    line-height: 0.9rem;
    height: 1.45rem;
}

.steps-summary__group--show {
    position: absolute;
    top: -30px;
    right: 2.5rem;
    font-size: 1.2rem;
}

.popover {
    max-width: 200px;
    /* Adjust the max width */
}

.popover-body {
    font-size: 0.75rem !important;
    /* Make the font size smaller */
    padding: 5px 10px !important;
    /* Adjust the padding */
}

.popover-header {
    font-size: 0.875rem !important;
    /* Make the header font size smaller */
    padding: 5px 10px !important;
    /* Adjust the padding */
}

.permissions-select-option button:hover {
    transition: all .3s ease-out;
    background: none;
    color: #9f919d;
}

.edit-columns-popup-wrapper {
    display: grid;
    grid-template-columns: 3fr 1fr 3fr;
}

.edit-columns-popup-wrapper__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.edit-columns-popup-wrapper__actions a {
    width: 3rem;
    color: #555 !important;
}

.edit-columns-popup-wrapper__select,
.edit-columns-popup-wrapper__selected {
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 0.5rem;
}

.edit-columns-popup-wrapper .form-check .form-check-input {
    margin-left: 0.5em !important;
}

.bg-light-yellow {
    background: #f6ff955c;
}

.edit-columns-popup-wrapper__actions a:hover {
    transition: all .3s ease-out;
    background: #555;
    color: #fff !important;
}

.dropdown-item {
    color: #212529 !important;
}

.currency-item img {
    margin-right: 8px;
    width: 20px;
}

.currency-dropdown_menu {
    min-width: 7rem !important;
    height: auto;
    overflow: auto;
}

.currency-dropdown_menu::after- {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -6px;
    right: 30px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: visible !important;
}

.bs-stepper-content__title--note.onscroll {
    top: 70px;
    right: 30px;
    width: 250px;
    height: 45px;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    align-items: center;
    position: fixed;
    padding-left: 0.5rem !important;
    background: #db4545fa;
}

.changeble-text.emptys {
    display: none !important;
}

.changeble-label.emptys {
    display: none !important;
}

.circle-number {
    background: #FFF2D6 !important;
    width: 20px;
    height: 20px;
    border-radius: 1rem;
    color: #707070 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 0.65rem;
    line-height: 15px;
    border: 1px solid #000000 !important;
}

.NotificationAlert {}

.NotificationAlert__btns {}

.NotificationAlert__title {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    padding-top: 1rem;
}

.NotificationAlert__subtitle {
    color: #fff;
}

.NotificationAlert__wrapper {
    transform: translateY(35%) !important;
}

.NotificationAlert__btns--terminate {
    background: #fff;
    color: #c53936 !important;
    border: none;
    font-weight: 500;
    border: 1px solid #fff;
}

.NotificationAlert__btns--terminate:hover {
    color: #fff !important;
    background: #c53936;
}

.NotificationAlert__btns--review {
    background: #fff;
    color: #40c887 !important;
    border: none;
}

.NotificationAlert__btns--review:hover {
    color: #fff !important;
    background: #40c887;
}

.NotificationAlert__wrapper .card {
    background: #c53936;
    text-align: center;
    align-items: center;
}

.NotificationAlert__wrapper .modal-content {
    background: none;
}

.NotificationAlert__icon {
    display: flex;
    position: relative;
    background: #fff;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
}

.NotificationAlert__icon i {
    font-size: 1.5rem;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-dialog.NotificationAlert__wrapper {
    max-width: 400px !important;
}

.edit-columns-popup-wrapper .form-check.border {
    border-color: #b2b2b2 !important;
}

.bg-color-11.circle-number {
    background: #707070 !important;
}

.imageuploadify-overlay__validfiles {
    margin-bottom: 0;
    color: #A8A8A8;
    font-weight: 400;
    font-size: 13px;
}

.imageuploadify .imageuploadify-images-list button.btn-default {
    margin-bottom: 1rem;
}

.bs-stepper-content__title--note .bs-stepper-close-note {
    display: none;
}

.bs-stepper-content__title--note.onscroll .bs-stepper-close-note {
    display: block;
    font-size: 1.2rem;
    padding-right: 0.5rem;
    cursor: pointer;
}

.bs-stepper-content__title--note.closed {
    z-index: 0;
}

.analitycs-blocks__item--numbers.locked {
    height: 1rem;
}

.analitycs-blocks__item {
    margin-bottom: 1rem;
    transition: all .3s ease-in-out;
}

.analitycs-blocks__item:hover {
    background-color: #D6D8DB;
}

.contracts-folders__wrapper--title,
.analitycs-blocks__item--title {
    text-transform: capitalize;
}

.contracts-folders__wrapper--title.nda,
.analitycs-blocks__item--title.nda,
.contracts-folders__wrapper--title.it,
.analitycs-blocks__item--title.it,
.analitycs-blocks__item--title.hr,
.contracts-folders__wrapper--title.hr {
    /* text-transform: uppercase; */
}

.contracts-expiring {
    height: 100%;
}

.contracts-take-action {
    height: 235px;
    overflow: auto;
}

.analitycs-blocks .card-bordered {
    /* height: calc(100% - 1.5rem);
    min-height: 300px; */
    height: auto;
}

.wave-analitycs h6 span {
    background: #5c636b;
    color: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 0.4rem;
    height: 1.5rem;
    position: absolute;
    line-height: 1.25rem;
    top: -0.25rem;
}

.status-active {
    background: #70ff0038;
    color: #fff;
    border-color: #56b40e;
}

.status-delete {
    background: #ff000038;
    color: #fff;
    border-color: #b40e0e;
}

.status-archive {
    background: #ffff0038;
    color: #fff;
    border-color: #b4b40e;
}

.status-select {
    display: none;
    position: absolute;
    left: 1rem;
    background: none;
    color: #fff !important;
    border-color: #fff;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    height: 1.5rem;
    width: 90px;
}

.modal-status-wrapper {
    position: relative;
}

.modal-status-wrapper #status-display {
    position: absolute;
    top: 0;
}

.modal-status-wrapper .bx-chevron-down {
    position: absolute;
    left: 110px;
    top: 2px;
}

.color-type-11 {
    color: #FC6463;
}

.hover-color-type-11:hover {
    color: #FC6463;
}

.notes__line {
    position: relative;
    /* max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden; */
}

.terminate_date_OverDate_contract_sweet_alert {
    /* background-color: #FED065 !important; */
    background-color: #db5f64 !important;
    color: #fff !important;
    border-radius: .2rem;
    padding: 3px 8px;
    font-family: 'Nunito';
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    height: 26px;
    margin: 10px auto 10px 5px !important;
    display: inline-block;
    /* display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px !important;
    margin: 10px auto 0px auto !important;
    width: max-content !important; */
}

.notes__line .dropdown {
    position: absolute;
    top: -0.8rem;
    right: -1.5rem;
}

.notes__line .dropdown-item:focus,
.notes__line .dropdown-item:hover {
    font-size: 0.8rem;
    background-color: #c9c9cc;
    color: #ffffff !important;
}

.notes__line .dropdown-item {
    font-size: 0.8rem;
}

.notes__line .dropdown-menu {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.NotificationAlert .btn-close {
    top: 1rem !important;
    position: absolute;
    right: 1rem !important;
    z-index: 1;
    font-size: 1rem;
}


/* .permissions-select-toggle.warrows:after {
    content: "";
    position: absolute;
    left: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAActJREFUaEPtl7lKBEEURc+4fYt+hakLijvihojmgpGYa2BkKIiIuyKuCIIY+BOCf+KK+qBKmmZGu96rRgark4HhLffcW9XQFer8qdS5fhLAXyeYEkgJGB1IR8hooLk9JWC20DggJWA00NyeEjBbaByQEjAaaG7/9wm0A/dGG00zLAmsAgvALLCphJgBNoAVYEkzQwuwCCy7hR/AJLAXKGAc2IHvr8J5YC1whuqTsg14yC0KhZgAtjPi/bhW4DEEQpvAHLCeE/AOjAInvwgYAo6AhkydGDDtoEL0qxLwC6aArSoQA8BlDRUi/hBojCFeZmgT+AniDRisAtELnFYRP+aggpz3xVYAmSPHZj9nhkD0ADduUQdwBTRlVMqRk7sgiaifGAAeYjfn7gvQ+fW2agEu3K8XKuKHgTO1ctcYC0DGjQAHucv55KCac84XueyF2GICyMJ+4Dh3VLJC5Gj1AdeF1BUoig0gK7uB8yoQrw4wmvgYb6FaHuUhRLz8d1vA1KCSMhLwAkSwv6SliC8zAQ/RBTwDd0G2BhSXmUCADH1pAtB7F6czJRDHR/2UlIDeuzidKYE4PuqnpAT03sXpTAnE8VE/JSWg9y5O5yeZYT4x7VuRIwAAAABJRU5ErkJggg==);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    top: 0;
} */

/* .permissions-select-toggle:after {
    content: "";
    position: absolute;
    left: -2px;
    top: 2px;
    display: inline-block;
    width: 21px;
    height: 15px;
    background-image: url("data:image/svg+xml;utf8,<svg width='21' height='15' viewBox='0 0 21 15' xmlns='http://www.w3.org/2000/svg'><path d='M1 0.995117H5.5L8 2.99512H16.5L17.5 3.49512L18 4.99512L20 5.49512L18 13.9951H1V0.995117Z' fill='%23FED065'/><path d='M0 12.6745C0 13.9544 1.04072 14.9951 2.32062 14.9951H2.96703H2.98319H16.4415C17.4596 14.9951 18.3484 14.3455 18.6522 13.3759L20.5721 7.32867C20.7983 6.61438 20.6755 5.85808 20.2327 5.25691C19.7899 4.65252 19.108 4.30669 18.3581 4.30669H18.2741V4.2679C18.2741 2.98801 17.2334 1.94728 15.9535 1.94728H8.23853C7.83129 1.94728 7.44021 1.75336 7.19457 1.42369L6.82288 0.925951C6.38656 0.34418 5.69166 -0.00488281 4.96445 -0.00488281H2.32062C1.04072 -0.00488281 0 1.03907 0 2.31897L0 12.6745ZM19.415 5.85808C19.6639 6.19744 19.7317 6.62085 19.6057 7.02162L17.6858 13.072C17.5145 13.615 17.0136 13.9803 16.4447 13.9803H3.00259C2.99612 13.9803 2.99289 13.9803 2.98643 13.9803C2.56626 13.9803 2.18164 13.7863 1.93277 13.447C1.6839 13.1044 1.61603 12.681 1.74208 12.2802L3.66193 6.22977C3.83323 5.68678 4.3342 5.32156 4.90304 5.32156H17.7666H18.3613C18.7815 5.32156 19.1661 5.51871 19.415 5.85808ZM1.0181 2.31897C1.0181 1.60145 1.6031 1.01645 2.32062 1.01645H4.96445C5.37169 1.01645 5.76277 1.21037 6.0084 1.54004L6.38009 2.03778C6.81642 2.61955 7.51131 2.96861 8.23853 2.96861H15.9567C16.6742 2.96861 17.2592 3.55362 17.2592 4.27114V4.30992H4.90627C3.88817 4.30992 2.99935 4.95956 2.69554 5.92918L1.0181 11.2039V2.31897Z' fill='%235C5C5C'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
} */

.contract-duration__buttons {
    display: flex;
    justify-content: start;
    gap: 1rem;
    margin-top: 0.5rem;
}

.steps-summary__group a.btn-secondary:hover {
    color: #505050 !important;
}

.steps-summary__group a.NotificationAlert__btns--terminate {
    color: #c53936 !important;
    font-weight: 400;
    font-size: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid #c53936;
}

.steps-summary__group a.NotificationAlert__btns--review {
    color: #40c887 !important;
    font-size: 0.75rem;
    font-weight: 400;
    border: 1px solid;
    border-radius: 0.75rem;
}

.steps-summary__group a.NotificationAlert__btns--review:hover {
    background: #40c887;
    color: #fff;
}

.btn-default {
    color: #4e4e4e;
}

.all-contracts table thead tr th div,
.all-contracts table thead tr th {
    /*	font-weight: 800;*/
    /* text-transform: capitalize; */
}

.contracts-list-table thead tr th div,
.contracts-list-table thead tr th {
    /* font-weight: 800 !important; */
    /* text-transform: capitalize; */
    font-size: 10px !important;
    line-height: normal;
    /* color: rgb(112, 112, 112) !important; */
    color: #000 !important;
    font-weight: 600;
}

.contracts-list-table thead tr th div input,
.contracts-list-table tbody tr td div>div input {
    margin-top: 0px;
}


/* .contracts-list-table thead tr th:nth-child(1){
    border-right: 0px;
} */

.bg-dark-gray {
    background: #5c636b;
}

.form-label {
    font-size: 0.8rem;
}

.K_count__number {
    background: #fff;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 5px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: normal;
    border: 1px solid #000;
    font-family: 'Nunito';
    padding: 2px 5px;
    margin-left: 4px !important;
}

.form-label-bold {
    font-weight: 700;
    font-family: 'Nunito';
    font-size: 13px;
    color: #343434;
    margin-bottom: 0px;
}

.table-dark.bg-warn tr th {
    background-color: #c1c1c1 !important;
    padding: 0.75rem 0.5rem 0.5rem 0.5rem;
    font-size: 0.65rem;
    height: 44px;
    width: 10%;
}

.custom-table-dark tr th {
    height: 44px !important;
    padding: 0.75rem 0.5rem 0.5rem 0.5rem !important;
    font-size: 11px !important;
    background-color: #fff !important;
}

.custom-table-dark tr:nth-child(even) {
    background-color: #fff !important;
}

.table .no-record-found td {
    background-color: #fff !important;
    background-image: unset !important;
    padding: 2rem 10px 2rem 10px;
    text-align: center;
}

.table .no-record-found td img {
    width: 54px !important;
    margin-bottom: 10px !important;
    margin-right: 0px;
    opacity: 0.6;
}

.table .no-record-found td svg {
    width: 46px;
    height: 46px;
    background-color: #F1EDFF;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.table .no-record-found td p {
    font-size: 13px;
}

.table-responsive.bg-warn .table>:not(:last-child)>:last-child>* {
    border-left: 1px solid #c1c1c1;
}

.table-responsive.bg-warn .contracts-list-table.table>thead>tr:not(caption)>*:last-child {
    border-right: 1px solid #c1c1c1;
}


/*.table-responsive.bordered.bg-warn {
    border: 1px solid #c53936;
}*/


/*.table-responsive.bordered.bg-warn .contracts-list-table.table>:not(caption)>*>*{
	border-top: 1px solid #c53936;
    border-bottom: 1px solid #c53936;
}*/

.breadcrumb-title {
    color: #32393f;
}

.table>:not(caption)>*>* {
    font-size: 12px;
    color: #4c5258 !important;
}

.p-relative {
    position: relative;
}

.bs-stepper-content__title--note.green {
    background: #638561;
    color: #fff;
    /*	border: 1px solid #56b40e;*/
}

.color-gray {
    color: #5c636a !important;
}

.border-gray {
    border: 1px solid #5c636a;
}

.bg-light-green {
    background: #d2f0b4;
}

.bg-light-red {
    background: #ffefef;
}

.bg-light-yellow {
    background: #fafbd2;
}

.bg-light-orange {
    background: #fed065d9;
}

.bg-light-grey {
    background: #ebebeb;
}

.bg-light-parple {
    background: #CFD3F4;
}

.font-color-blue-3 {
    color: #5256B6 !important;
}

.font-color-darkgrey-3 {
    color: #000 !important;
}

.font-color-coral-3 {
    color: #BD4036 !important;
}

.bg-light-sky {
    background: #BDE0FC;
}

.font-color-sky-3 {
    color: #407DBC !important;
}


/* .bg-light-parrot {
    background: #40C887;
} */

.bg-light-parrot {
    background: var(--green-color) !important;
}

.font-color-parrot-3 {
    color: #fff !important;
}

.contracts-folders__change-folders {
    font-size: 1.2rem;
    display: flex;
    gap: 0.25rem;
    align-self: center;
}

.contracts-folders__change-folders a i {
    margin-right: 6px;
}

.contracts-folders__change-folders .fa.fa-caret-down {
    font-size: 16px;
    height: auto;
    display: flex;
    align-items: center;
    margin-left: 6px;
    cursor: pointer;
}

.edit-folder_hvr {
    transition: all .3s ease-in-out;
    z-index: 1;
}

.edit-folder_hvr:hover {
    transition: all .3s ease-in-out;
    /* transform: scale(1.05); */
    z-index: 1;
}

.edit-dropdown-list {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ababab;
    border-radius: 10px;
    font-size: 14px;
    margin: 0px;
    padding: 10px 0px;
    position: absolute;
    top: 29px;
    right: -32px;
    z-index: 1050;
    background-color: #fff;
    width: auto;
}

.edit-dropdown-list::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -7px;
    right: 30px;
    transform: rotate(45deg);
    border-top: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

.masterCard-dropdown-list::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    right: 30px;
    transform: rotate(45deg);
    border-bottom: 1px solid #ababab;
    border-right: 1px solid #ababab;
    bottom: -6px;
}

.edit-dropdown-list li {
    list-style-type: none;
}

.edit-dropdown-list li .dropdown-list-number {
    padding: .25rem 1rem;
    font-size: 13px;
    width: 100%;
    display: block;
    color: #4c5258 !important;
    display: flex;
    align-items: center;
    transition: 0.3s all ease-in-out;
    height: 36px;
    font-weight: 400;
}

.edit-dropdown-list li .dropdown-list-number:hover,
.masterCard-dropdown-list li .dropdown-list-number:hover {
    background-color: #D5D5D5 !important;
    transition: 0.3s all ease-in-out;
}

.edit-dropdown-list li .dropdown-list-number i {
    margin-right: 8px;
    font-size: 20px;
    color: #000;
}

.edit-dropdown-list li .dropdown-list-number span {
    white-space: nowrap;
}

.edit-dropdown-list li .dropdown-list-number img {
    width: 20px;
    margin-right: 9px;
    height: 18px;
}

.py-40 {
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
}

.reset__btn-list {
    /* background-color: #ff797fb8 !important; */
    color: #000;
    border: none;
    border-radius: 15px;
    font-weight: 400;
    width: auto;
    padding: 6px 20px !important;
    height: 2.1rem;
}

.import-agreement__wrapper {}

.import-agreement {}

.import-agreement__inputs {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    border: 1px dashed #c2c2c2;
    padding: 2rem 3rem;
    margin: 2rem;
    width: calc(100% - 2rem);
    max-width: unset;
    align-items: center;
}

.import-agreement__table {
    position: relative;
}

.import-agreement__table .scroll-hint {
    top: 60%;
}

.import-agreement__inputs--action {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 30%;
}

.import-agreement__inputs--notes {
    border-left: 2px solid #d5d5d5;
    padding-left: 2rem;
    width: 70%;
}

.import-agreement__table .contracts-list-table {
    overflow-x: auto;
    /* Horizontal scroll */
    overflow-y: auto;
    /* Vertical scroll */
    width: 100%;
}

.import-agreement__inputs--action .btn {
    max-width: 200px;
}

.import-agreement__inputs--action span {
    font-size: 0.8rem;
}

.import-agreement__table span {
    margin-bottom: 1rem;
    display: flex;
    color: #4C5258;
    font-weight: 400;
    font-family: 'Roboto';
}

.import-agreement__table .contracts-list-table thead tr th {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

.import-agreement__table .contracts-list-table thead tr th:first-child {
    width: 5px;
    max-width: 5px;
    min-width: 5px;
}

.line-top-white {
    border-top: 1px solid #fff;
}

.basic-card .form-check-label {
    color: #fff;
    font-size: 0.9rem;
    flex-grow: 1;
}

.basic-card .form-control {
    height: 2rem;
    padding: 1.25rem;
    -webkit-appearance: none;
    /* Safari / Chrome Mac */
    -moz-appearance: none;
    /* Firefox */
    appearance: none;
}

.basic-card .form-control option {
    background-color: #ffffff;
    color: #000;
}

.note-label {
    font-size: 0.8rem;
}

.price-plan-modal-header {
    padding: 0px;
    background-color: #6354B6;
    border: none;
}

.modal-content .price-plan-modal-header button {
    position: absolute;
    right: 26px !important;
    top: 8px !important;
    z-index: 999;
    font-size: 14px !important;
}

.payment-setting-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.no-saved-method {
    display: flex;
    align-items: center;
}

.no-saved-method i {
    color: #3B317A;
    font-size: 20px;
    margin-right: 8px;
}

.old-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FCFCFC;
    padding: 1rem;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
}

.master-card {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.master-card img {
    background-color: #fff;
    padding: 5px 8px;
    margin-right: 0px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.mastercard-detail {
    display: flex;
    gap: 80px;
    align-items: center;
}

.mastercard-title {
    font-size: 14px;
    font-weight: 700;
    color: #32393f;
    margin-bottom: 0px;
    line-height: normal;
}

.mastercard-detail .expiry-date {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: normal;
}

.three-dots img {
    cursor: pointer;
}

.three-dots {
    padding: 2px 0px;
}

.three-dots.active {
    background-color: #ccc;
    padding: 2px 0px;
}

.masterCard-dropdown-list {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid #ababab;
    border-radius: 10px;
    font-size: 14px;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    position: absolute;
    top: -167px;
    right: -17px;
    z-index: 1050;
    background-color: #fff;
    width: 160px;
}

.masterCard-dropdown-list li {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.masterCard-dropdown-list li:last-child {
    list-style-type: none;
    border-bottom: none;
}

.masterCard-dropdown-list li:last-child .dropdown-list-number span {
    color: red;
}

.masterCard-dropdown-list li .dropdown-list-number {
    padding: .25rem 1rem;
    font-size: 14px;
    width: 100%;
    display: block;
    color: #212529 !important;
    display: flex;
    align-items: center;
    transition: 0.3s all ease-in-out;
    height: 36px;
    font-weight: 400;
}

.nextDate_show {
    font-size: 0.8rem;
    color: #32393f;
    width: 100%;
    display: block;
    border: 1px solid #ababab;
    border-radius: 10px;
    padding: .375rem 1.75rem .375rem .75rem;
    height: 35px;
    font-weight: 400;
}

.nextDate_show.disabled {
    background-color: #E6E6EB;
}

.reminder-options_checkbox {
    display: flex;
}

.custom-card-shadow.p-30 {
    padding: 30px;
}

.custom-card-shadow.p-18 {
    padding: 18px;
}

.custom-card-shadow,
.card.card-bordered,
.alert-custom-shadow {
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
    box-shadow: 0px 2px 6px 2px #3C404326;
    border: 1px solid #ababab !important;
    border-radius: 10px !important;
}

.setting-element__heading {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4C5258;
    margin-bottom: 10px;
}

.setting-element__input {
    border: 1px solid #A9A9A9;
    border-radius: 5px !important;
}

.setting-element__input:focus {
    outline: none !important;
    box-shadow: unset !important;
    border-color: unset !important;
}

.contractManager-addUser {
    color: #343434 !important;
    font-weight: 500;
    font-family: 'Nunito';
    font-size: 13px;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.contractManager-addUser i {
    font-size: 18px;
}

.highlight-today {
    background-color: #FFC107 !important;
    /* Custom highlight color for today */
    color: #000 !important;
    /* Ensure text is readable */
    font-weight: bold;
    border: 2px solid #FF5722 !important;
    /* Add a border for better visibility */
}

.selected-notifyy {
    background-color: #ffeabc;
    font-weight: 500;
    font-family: 'Nunito';
    font-size: 12px;
    color: #000;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0px;
    border: 1px solid #daad15;
    position: absolute;
    top: 6px;
    left: 30px;
}

.custom-select-item span .select2-selection__rendered {
    flex-wrap: wrap !important;
    display: flex !important;
    /* width: calc(100% - 97px) !important; */
    height: 100% !important;
    align-items: center !important;
    row-gap: 3px !important;
    margin: 3px 0px !important;
}

.custom-select-item span .select2-selection__rendered li {
    font-size: 12px !important;
    padding: 5px 8px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center;
}

.custom-select-item span .select2-selection__rendered li input {
    margin-top: 0px !important;
}

.custom-select-item span .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px !important;
}

.bellIcon-terminateBefore {
    background-color: #fff !important;
    width: 45px !important;
    padding: 2px !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    font-size: 0.8rem;
    cursor: pointer;
}

.bellIcon-terminateBefore i {
    font-size: 16px;
    margin-right: 0px;
    color: #000;
}

.bellIcon-terminateBefore:hover {
    border: 1px solid #565e64;
    transition: 0.3s all ease-in-out;
    transform: scale(1.03);
}

.swal-confirm-btn,
.swal2-container .swal2-actions .swal2-confirm {
    background-color: var(--green-color) !important;
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    margin-right: 10px !important;
    border: none !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.swal-confirm-btn:focus,
.swal-cancel-btn:focus,
.swal2-container .swal2-actions .swal2-confirm:focus,
.swal2-container .swal2-actions .swal2-cancel:focus {
    outline: none !important;
}

.btn-cancel-rename {
    border: 1px solid #5c5c5c !important;
    background-color: white;
    color: #000 !important;
    padding: 5px 8px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.btn-cancel-rename:hover {
    transform: scale(1.05);
}

.swal-deny-btn,
.swal2-container .swal2-actions .swal2-confirm {
    /* background-color: var(--green-color) !important; */
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    margin-right: 10px !important;
    border: none !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.btn-cancel-rename:focus,
.swal-deny-btn:focus,
.swal-cancel-btn:focus,
.swal2-container .swal2-actions .swal2-confirm:focus,
.swal2-container .swal2-actions .swal2-cancel:focus {
    outline: none !important;
}

.swal-cancel-btn,
.swal2-container .swal2-actions .swal2-cancel {
    background-color: var(--red-color) !important;
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    border: none;
    font-size: 14px !important;
    transition: all .3s ease-out;
    font-family: 'Nunito';
}

.swal-confirm-btn:hover,
.swal-cancel-btn:hover,
.swal-deny-btn:hover,
.swal2-container .swal2-actions .swal2-cancel:hover,
.swal2-container .swal2-actions .swal2-confirm:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.contract_volumn_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: rgba(52, 58, 64, 1);
    margin-bottom: 10px;
    font-family: 'Nunito';
}

.drag-drop-file {
    width: 35px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 14px !important;
    padding: 19px !important;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #4C5258;
}

.imageuploadify .imageuploadify-images-list button.btn-default {
    margin-bottom: 15px !important;
    margin-top: 0px !important;
    border: 1px solid #4C5258 !important;
    border-radius: 2px !important;
    padding: 7px 23px !important;
}

.imageuploadify {
    border: 2px dashed #4C5258 !important;
    padding: 37px 30px 30px 30px !important;
}

.get_StartedBtn {
    /* background-color: #4EA082;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-family: 'Nunito';
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 700;
    width: 148px;
    margin-right: 20px;
    transition: all .3s ease-out; */
    padding: 8px 10px !important;
    background: #4EA082 !important;
    color: #fff !important;
    font-weight: 800 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none;
    border-radius: 0.3rem !important;
    font-size: 12px !important;
    font-family: 'Nunito';
    margin-right: 20px;
    width: 128px;
    height: 32px;
    line-height: normal;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.get_StartedBtn:hover,
.get_StartedBtn-popUp:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.get_StartedBtn-popUp {
    padding: 13px 20px !important;
    background: #4EA082 !important;
    color: #fff !important;
    font-weight: 800 !important;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none;
    border-radius: 0.3rem !important;
    font-size: 12px !important;
    font-family: 'Nunito';
    margin-right: 20px;
    width: 132px;
    line-height: normal;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.get_StartedBtn:focus {
    outline: none !important;
}


/* contract detail page start */

.modelPopup-card {
    border: 1px solid #00000033;
    border-radius: 16px;
    background-color: #FFFFFF;
    padding: 35px 40px;
}

.custom-backArrow {
    width: 25px;
    font-size: 25px;
    cursor: pointer;
    line-height: normal;
    margin-bottom: 34px;
}

.check-icon-resolved {
    /* background-color: var(--green-color) !important; */
    width: 24px;
    height: 24px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000 !important;
}

.check-icon-resolved i {
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 600;
    width: 14px;
    margin-right: 2px;
}

.select-color-radio input[type="radio"]:checked,
.select-color-radio input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.select-color-radio input[type="radio"]:checked+label,
.select-color-radio input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-family: 'Nunito';
}

.select-color-radio input[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #4EA082;
    border-radius: 100%;
    background: #fff;
}

.select-color-radio input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    border-radius: 100%;
    background: #fff;
}


/* .contract-list__cost {
    background-color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    color: #4B5157 !important;
    border-radius: .2rem !important;
    font-family: 'Nunito';
    font-size: 11px;
    line-height: normal;
    border: 1px solid #ed747b;
} */

.contract-list__cost {
    background-color: transparent;
    padding: 0px;
    border-radius: 5px;
    border-radius: .2rem !important;
    font-family: 'Nunito';
    font-size: 11px;
    line-height: normal;
    border: none;
    color: #4B5157 !IMPORTANT;
    height: 20px;
    display: flex;
    align-items: center;
    line-height: normal;
    font-weight: 800;
}

.contract-list__cost:nth-child(4) {
    background-color: #95E0BC;
    /* border: 1px solid #cbe4c3; */
    padding: 4px 10px;
    border-radius: 5px;
    color: #4B5157 !important;
}

.active_contract__amount span:nth-child(2) {
    font-weight: 500;
    font-family: Nunito;
    color: rgb(75, 81, 87) !important;
    font-size: 11px !important;
}

.contractRem_terminate {
    background-color: #FB9A9F !important;
    line-height: 22px;
    color: #4C5258 !important;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
    text-decoration: none !important;
    border-radius: .2rem !important;
    padding: 2px 10px;
    height: auto !important;
}

.AddcontractRem_yes {
    background-color: #96E1BD !important;
    line-height: 21px;
    color: #4C5258 !important;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
    text-decoration: none !important;
    border-radius: .2rem !important;
    padding: 0px 10px !important;
    height: auto !important;
}

.AutoRenew_NO {
    background-color: transparent !important;
    border-color: unset !important;
    font-family: 'Roboto';
    color: #4C5258 !important;
    font-size: 12px;
    padding: 0px 0px 0px 0px !important;
    height: auto !important;
    line-height: 21px;
    border: none !important;
    font-weight: 600;
}

.generally-cost {
    /* background-color: #ff797fb8 !important; */
    /* background-color: #FB9A9F !important; */
    /* color: #4B5157 !important; */
    /* color: #fc121c !important; */
    border-radius: .2rem;
    padding: 0px;
    font-family: 'Roboto';
    /* font-size: 12px; */
    line-height: 20px;
    font-weight: 400;
    border: none;
}


/* .csm-contract-list__tbl tr:nth-child(5) td:last-child .contract-list__cost {
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    color: #4B5157 !important;
    border: 1px solid #41b57d;
} */


/* .csm-contract-list__tbl tr:nth-child(5) td:last-child .contract-list__cost {
    background-color: transparent;
    padding: 0px;
    border-radius: 5px;
    color: #ed747b !important;
    border: none;
} */

.delete-category__changes {
    height: 151px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


/* .active-contract__item tr td:nth-child(2) span span,
.active-contract__item tr td:nth-child(3),
.active-contract__item tr td:nth-child(4),
.active-contract__item tr td:nth-child(5) a,
.active-contract__item tr td:nth-child(7){
    font-size: 12px !important;
} */

.select-color-radio input[type="radio"]:checked+label:after,
.select-color-radio input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #4EA082;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.select-color-radio input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.select-color-radio input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.number-flagUser .iti__selected-flag {
    height: 100%;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 10px 0px 0px 10px;
    margin: 0;
}


/* .number-flagUser .iti__flag-container {
    top: 0px !important;
    padding: 0px;
} */

.select-color-radio h5 {
    font-size: 12px;
    padding: 10px 0px;
    margin-bottom: 0px;
    color: #4c5258;
}

.select-color-wrap .select-color-radio:first-child {
    border-bottom: 0px;
}

.select-color-wrap .select-color-radio {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 20px;
}

.select-color-wrap .select-color-radio:last-child {
    /* margin-bottom: 0px; */
    border-bottom: 0px;
}

.color-round {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    margin-right: 5px;
}

#AddressMap {
    height: 500px;
}

#AddressMap iframe {
    width: 100%;
    height: 100%;
}

.modal-dialog .csm-btn_close {
    opacity: 0.7;
    filter: unset;
    font-size: 14px;
    right: -55px !important;
    top: -2px ! important;
}

.zoom-control {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    gap: 10px;
    color: white;
    border: 1px solid #a4a4a4;
    border-radius: 0.3rem;
    color: #505050 !important;
    line-height: 1.25rem;
    height: 37px;
    font-family: 'Nunito';
}

.zoom-control button {
    background-color: transparent;
    border: none;
    color: #5c636b;
    padding: 5px 0px;
    font-size: 22px;
    cursor: pointer;
    border-radius: 4px;
}

.zoom-control button:focus {
    outline: none;
}

#zoomSlider {
    width: 80px;
    height: 2px;
    -webkit-appearance: none;
    background: #ddd;
    border-radius: 3px;
    outline: none;
}

#zoomSlider::-webkit-slider-runnable-track {
    height: 2px;
    /* background: linear-gradient(to right, #5c636b 0%, #5c636b 50%, #ddd 50%, #ddd 100%); */
    border-radius: 3px;
}


/* The thumb */

#zoomSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    background: #5c636b;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -5px;
    /* Center the thumb vertically */
}

#zoomValue {
    margin-left: 10px;
    background: #444;
    padding: 5px 10px;
    border-radius: 4px;
}

.range-tooltip {
    position: absolute;
    top: -54px;
    left: 0;
    transform: translateX(-50%);
    background: #fff;
    color: #000;
    padding: 4px 8px;
    border-radius: .25rem;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    transition: left 0.1s ease;
    width: 45px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Nunito';
    font-size: 10px;
    border: 1px solid #a4a4a4;
    display: none;
}

.range-tooltip.show {
    display: block;
}

.range-tooltip::after {
    /* content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent; */
    content: '';
    width: 10px;
    height: 10px;
    background: #ffff;
    position: absolute;
    transform: translateX(-50%);
    left: 41%;
    transform: rotate(45deg);
    border-bottom: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    bottom: -6px;
}

.category_change_name {
    flex-wrap: wrap;
    display: flex;
    /* height: 368px;
    overflow: auto; */
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0px 1rem 0px 5px;
}

.remove_category_change_name {
    flex-wrap: wrap;
    display: flex;
    height: 150px;
    overflow: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0px 1rem 0px 5px;
}

.edit-category-name {
    cursor: pointer;
    text-align: right;
    margin-bottom: 5px;
    display: inline-block;
    margin: 0 0 0px auto;
    /* height: 50px; */
}

.drop-drop-contracts {
    text-align: center;
    border: 2px dashed #ABABAB !important;
    padding: 70px 30px 70px 30px !important;
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 20px;
    height: auto;
}

.drop-drop-contracts * {
    pointer-events: none;
}

.category-folder__list {
    width: 30%;
}

.category-folder__list:hover {
    transform: unset !important;
}

.edit-category-name span {
    color: #707070 !important;
    font-weight: 500;
    font-family: 'Nunito';
}

.save-category-name {
    background: var(--green-color) !important;
    line-height: normal;
    height: 2rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    border-color: var(--green-color) !important;
    font-family: Nunito;
    font-size: 0.7rem;
    color: #fff !important;
}

.reset-category-name {
    position: relative;
    background-color: #fff;
    padding: 6px 12px;
    border-radius: .25rem;
    height: 2rem;
    border-color: #c9c9cc;
    border: 1px solid #ababab !important;
    transition: 0.3s all ease-in-out;
    font-size: 0.7rem;
    color: #4c5258 !important;
}

.reset-category-name:hover {
    background-color: #5C636A;
    color: #fff !important;
}

.reset-category-name11 {
    padding: 5px 12px !important;
    background: none !important;
    color: #000 !important;
    font-weight: 400;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    background-color: #FE9DA2 !important;
}

.resetBtn-category {
    padding: 5px 12px !important;
    background: none !important;
    color: #000 !important;
    font-weight: 400;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    background-color: #FE9DA2 !important;
    display: block;
    margin: 0 0 0 auto;
}

.resetBtn-category.active {
    padding: 5px 12px !important;
    background: none !important;
    color: #000 !important;
    font-weight: 400;
    position: relative !important;
    transition: 0.3s all ease-in-out;
    text-align: center !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    background-color: #FE9DA2 !important;
    display: block;
    margin: 0 0 0 auto;
}

.resetBtn-category {
    display: none;
}

.save-category-name:focus,
.reset-category-name:focus,
.resetBtn-category:focus {
    outline: none;
}

.action-button-wrapper {
    opacity: 0;
    visibility: hidden;
    height: 0px;
}

.action-button-wrapper.show {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-top: 43px;
}

.category-Listfolder__title h5 {
    display: flex;
    text-align: start;
    line-height: 1rem;
    font-size: 12px;
    color: #4c5258;
    /* text-transform: capitalize; */
    padding: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
}

.category-folder__title h5 {
    display: flex;
    align-self: center;
    text-align: center;
    line-height: 1rem;
    font-size: 11px;
    color: #4c5258;
    /* text-transform: capitalize; */
    padding: 3px;
    /* margin-top: 5px; */
    margin-bottom: 5px;
    font-weight: 600;
    max-width: 105px;
    width: 105px;
    justify-content: center;
}

.category-folder__title h5 br {
    display: none;
}

.category-folder__title h5:focus-visible {
    outline: 1px solid #000;
}

.category-folder-single {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.category-folder-single .folder-icon {
    display: flex;
    height: 50px;
    color: #acacac;
    background-size: cover;
    width: 4.2rem;
    background-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
}

.category-folder-single .folder-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.category-folder-single span {
    position: absolute;
    top: 20px;
    color: #656565;
    font-size: 0.8rem;
}

.swap-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swap-img img {
    width: 30px;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    background-color: #FE9DA2 !important;
    color: #000;
    border-radius: 10px !important;
    font-size: 0.8rem !important;
}

button.swal2-cancel.swal2-styled.swal2-default-outline,
button.swal2-cancel.swal2-styled {
    display: inline-block;
    background-color: transparent !important;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px !important;
    font-size: 0.8rem !important;
}

button.swal2-confirm.swal2-styled {
    background-color: var(--green-color) !important;
    color: #000;
    /* border-radius: 10px !important; */
    font-size: 0.8rem !important;
}

.custom-select-category:focus {
    outline: none;
}

.category.to-do {
    width: 100%;
    height: 270px;
    overflow: auto;
    padding-right: 1rem;
}

.overlay-contact-folder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.category.in-progress {
    width: 45%;
    border: 1px solid #a4a4a4;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}

.swap-img {
    width: 5%;
}

.grid_system {
    display: flex;
    align-items: center;
    gap: 25px;
}

.grid_system a {
    display: block;
    width: 18px;
    height: auto;
}

.grid_system a:hover {
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.grid_system a img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.grid_system a.active img {
    opacity: 1;
}

.grid-tooltip {
    position: relative;
}

.grid-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    /* position above */
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    margin-bottom: 5px;
    font-family: 'Nunito';
    /* border: 1px solid #a4a4a4; */
    font-weight: 500;
}

.grid-tooltip:hover::after {
    opacity: 1;
}

.checkBox-favourite {
    height: 20px;
    width: 20px;
    border-radius: 5px;
    accent-color: #4EA082;
}

.folder-favStar {
    position: absolute;
    right: -13px;
    bottom: 7px;
}

.welcome-modal_title {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
    color: #303030;
    margin-bottom: 30px;
}

.welcome-modal_para {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #303030;
    margin-bottom: 10px;
}

.modal-body .welcome-modal_para:nth-child(3) {
    margin-bottom: 30px;
}

.close-welcome-btn {
    filter: unset !important;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 5px !important;
    color: #fff;
    /* background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important; */
    border: 0;
    border-radius: 0.25rem;
    opacity: 1 !important;
    background-color: #fff !important;
}

.close-welcome-btn:hover {
    transform: scale(1) translateY(-1px);
    transition: all 0.4s ease;
}

.modal-header {
    background-color: var(--model-header-bg) !important;
    border-radius: 13px 13px 0px 0px !important;
}

.modal-header .modal-title {
    color: var(--path) !important;
}

.user_active_btn {
    border: none;
    background-color: var(--green-color) !important;
    padding: 8px 14px;
    border-radius: 3px;
    font-size: 11px;
    line-height: normal;
    font-weight: 400;
    font-family: 'Nunito';
    color: #000 !important;
    display: inline;
}

.user_active_btn:focus {
    outline: none !important;
}

.user_active_btn22 {
    border: none;
    background-color: #FF9EA3;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
    font-family: 'Nunito';
    color: #000 !important;
    display: inline;
}

.user_active_btn22:focus {
    outline: none !important;
}

.user_user_icon i {
    font-size: 14px;
    background-color: #fff;
    color: #000000bf;
    border-radius: 3px;
    padding: 4px 9px;
    border: 1px solid #000000bf;
}

.user_user_icon span {
    font-size: 10.5px;
    background-color: #fff;
    color: #000000bf;
    border-radius: 3px;
    padding: 4px 9px;
    border: 1px solid #000000bf;
}

.user_user_icon:hover,
.user_delete_icon:hover {
    transform: scale(1.05) !important;
    transition: 0.3s all ease-in-out;
}

.user_delete_icon i {
    font-size: 14px;
    background-color: #FFFFFF;
    color: #000000bf;
    border-radius: 3px;
    padding: 4px 9px;
    border: 1px solid #000000bf;
}

.user_delete_icon:hover i::before {
    display: block;
    padding-top: 2px;
}

.no-delete-permission i {
    font-size: 14px;
    background-color: #FFFFFF;
    color: #000000bf;
    border-radius: 3px;
    padding: 4px 9px;
    border: 1px solid #000000bf;
}

.user_tick_icon i {
    font-size: 14px;
    background-color: #4EA082;
    color: #fff;
    border-radius: 3px;
    padding: 4px 9px;
}

.user_edit_icon i {
    font-size: 14px;
    background-color: #A7A7A7;
    color: #fff;
    border-radius: 3px;
    padding: 4px 9px;
}

.zoom-icons i {
    cursor: pointer;
}

.step-summery__title {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    /* text-transform: uppercase; */
    font-family: 'Roboto';
    height: 22px;
}

.setting_section__title {
    color: #000000 !important;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'Nunito';
    margin-bottom: 0.6rem;
    margin-top: 1.5rem;
    /* text-transform: capitalize; */
    gap: .5rem !important;
}

.edit_bx_icon:hover {
    color: #305ddb !important
}

.timeline-container {
    margin: 50px 0px;
}

#refreshContractBtn:hover i {
    color: #5c636b !important;
    transition: all .3s ease-out;
}

.timeline {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.timeline-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 25%;
}

.timeline_circle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #D9D9D9;
    z-index: 2;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.1px solid #525252
}

.timeline_circle.start {
    background-color: #FCFCFC;
    border-color: #000;
}

.timeline_circle.start .inner-circle {
    background-color: #8BD6B4;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.inner-circle {
    background-color: #FCFCFC;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.timeline-step p {
    margin-top: 8px;
    color: #4C5258;
    font-weight: 600;
    font-family: 'Roboto';
    margin-bottom: 0px;
    font-size: 12px;
}

.timeline::before {
    content: "";
    position: absolute;
    top: 12.5px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #525252;
    z-index: 1;
    width: 75%;
    margin: 0 auto;
}

.arrow-container {
    position: absolute;
    top: -22px;
    left: 20%;
    right: 0;
    width: 10%;
}


/* .arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  transform: rotate(45deg);
  margin-top: -4px;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: -25px;
} */

.arrow {
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}

.days-label {
    font-size: 11px !important;
    color: #CD2C2C;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-bottom: 8px;
    font-family: 'Roboto';
    font-weight: 600;
}

.move-select-contracts {
    width: 48%;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

.light-dark-mode {
    padding: 1.5rem 0px 0px 0px;
}

.custom__line_ul {
    padding: 1.5rem 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 63px);
    margin-top: 63px;
}

.light-dark-mode .light-mode-text,
.light-dark-mode .dark-mode-text {
    padding-left: 10px;
    font-weight: 400;
    font-size: 12px !important;
    line-height: normal;
    font-family: 'Nunito';
}

.remove-height {
    height: 50.98px;
}

body .custom-blueTheme-color {
    color: #305ddb !important;
    transition: 0.3s all ease-in-out;
}

body .custom-blueTheme-color:hover {
    color: #000 !important;
    transform: scale(1.01) !important;
}

body .custom-blueTheme-color.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.add_moreIcon {
    padding: 8px 1rem;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.icon-container .icon-container .icon-item input[type="radio"] {
    accent-color: #4EA082;
}

.icon-container .icon-item {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 25px;
    padding-left: 40px;
}

.icon-container .icon-item input {
    width: 16px;
    height: 16px;
    accent-color: #4EA082;
}

.icon-container .icon-item i {
    font-size: 18px;
}

.add-category__card {
    cursor: pointer !important;
    border: 1px solid #a4a4a4 !important;
}

.add-category__card:hover {
    background-color: transparent !important;
    border: 1px solid #000000 !important;
}

.add-category__card:hover h5 {
    color: #4B5157 !important;
}

.add-category__card:hover .card-title {
    display: block !important;
    opacity: 1 !important;
}

.agreements-item .add-category__card:hover .card-body__typeicon {
    opacity: 1 !important;
    display: flex !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #D5D5D5 !important;
}

.animate-button.ani-two {
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.6) 50%,
            rgba(255, 255, 255, 0) 70%) !important;
    background-size: 200% 100% !important;
    background-position: -200% 0 !important;
    background-repeat: no-repeat !important;
    transition: background-position 1.2s ease !important;
}

.animate-button.ani-two:hover {
    background-position: 200% 0 !important;
}

.bydefault .flag-display-span {
    background-color: #ccc;
    width: 18px;
    height: 12px;
}

.bydefault .flag-display-span .iti__flag.iti__se {
    display: none;
}

.status-select1-switch {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b0b0b !important;
    background-color: #fff !important;
    border-radius: .3rem;
    border-color: #c9c9cc;
    padding: 6px !important;
    width: 105px;
}

.status-select1-switch .form-check-input {
    height: 20px;
    background-color: #BDC1C8;
    /* Grey for inactive */
    border-color: #BDC1C8;
    cursor: pointer;
    margin: 0px;
    width: 35px;
}

.status-select1-switch .form-check-input:checked {
    background-color: #4EA082 !important;
    /* Green for active */
    border-color: #4EA082 !important;
}

.status-select1-switch .form-check-label {
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 8px;
    min-width: 46px;
    text-align: left;
    font-family: 'Nunito';
}

.status-select1-switch .status-label--active {
    color: #000;
}

.status-select1-switch .status-label--inactive {
    color: #000;
}

.status-select1-switch.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}

.status-select1-switch.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}

.status-select1-switch.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

@media(max-width: 1024px) {
    .bx.bx-search {
        color: #fff;
    }
}

@media(max-width:991px) {
    .basic-card__second {
        background: #fff;
        border-radius: 1rem;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / 2%), 0 2px 6px 0 rgb(0 0 0 / 2%);
        padding: 1rem 0.5rem;
        border: 1px solid #cbcbcb;
        height: auto;
    }

    .pricing-plan-card p {
        font-size: 14.64px;
        font-family: 'Nunito';
    }

    .pricing-plan-card p strong {
        font-size: 22px;
        line-height: 32px;
    }

    .month-tab-title h3 {
        font-size: 24px;
    }

    .label-highligh {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 0 auto;
    }

    .pricing-plan-card.active .label-highligh {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 0 auto;
    }

    .category-card-outline {
        min-height: 245px;
    }

    .user-permissions-wrapper {
        padding: 22px 22px;
    }
}

@media(max-width:767px) {
    .basic-card__title {
        color: #FFF;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0 1.9rem;
        margin-bottom: 5rem;
    }

    .card-body .rounded {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 0px !important;
    }

    .w-sm-50 {
        padding: 0px !important;
    }

    .contracts-folders__wrapper {
        display: grid;
        grid-template-columns: 5fr 5fr 5fr 5fr 5fr;
        gap: 1.5rem 1rem;
        padding: 0 1rem;
        height: 470px;
        overflow: auto;
    }

    .grid-columns-5 {
        grid-template-columns: 4fr 4fr 4fr;
    }
}

@media(max-width:575px) {
    .nav-tabs .nav-pricing-tab:nth-child(1) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .pricing-tabs-wrap .pricing-main-title {
        font-size: 22px;
        line-height: 40px;
    }

    .month-tab-title h3 {
        font-size: 24px;
    }

    .pricing-plan-card {
        padding: 20px 20px;
        position: relative;
    }

    .pricing-plan-card.active {
        padding: 20px 20px;
        position: relative;
    }

    .label-highligh {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 0 auto;
    }

    .pricing-plan-card.active .label-highligh {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 0 auto;
    }

    .move-select-contracts {
        width: 100%;
    }

    .swap-img {
        width: 100%;
    }

    .category.in-progress {
        width: 100%;
    }

    .swap-img img {
        width: 30px;
        transform: rotate(90deg);
    }

    .user-permissions__values {
        border-radius: 8px;
        border: 1px solid #ABABAB;
        padding: 15px 15px;
        background-color: #fff;
        opacity: 1;
    }

    .bx.bx-search {
        color: #fff;
    }

    .w-sm-100 {
        display: none !important;
    }

    .w-sm-50 {
        width: 50% !important;
        padding: 0px 2px;
    }

    .w-sm-30 {
        width: 20% !important;
        padding: 0px 2px;
    }

    .page-content {
        padding: 1.5rem 20px;
    }

    .user-permissions-wrapper {
        padding: 22px 12px;
    }

    .topbar .navbar {
        padding: 0px 20px;
        gap: 10px;
        justify-content: space-between;
    }

    .get_StartedBtn {
        padding: 8px 8px !important;
        font-size: 11px !important;
        margin-right: 0px;
        width: auto;
        white-space: nowrap;
    }

    .lng-changer i {
        font-size: 14px;
        margin-left: .255em;
    }

    .dropdown-toggle-caret::after {
        font-size: 11px;
    }

    .lng-changer {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .topbar .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }

    .top-menu {
        margin: 0px !important;
    }

    .bx.bx-menu {
        font-size: 21px;
    }

    .mobile_header-wrapper {
        gap: 15px;
    }

    .currency-dropdown_menu {
        top: 100%;
        left: unset;
        right: -32px;
    }

    .user-box ul.dropdown-menu {
        right: 0px !important;
    }

    .analitycs-blocks__item {
        width: calc(100% / 4 - 0.5rem) !important;
    }

    .dshb-dropdown__btn {
        padding: 9px 7px;
        font-size: 11px;
        min-width: 46%;
    }

    .totalAmount_text {
        padding: 9px 10px;
        font-size: 12px;
        min-width: 30%;
        margin-right: 8px;
    }

    .contracts-folders__wrapper {
        display: grid;
        grid-template-columns: 2fr 2fr;
        gap: 1rem 1rem;
        padding: 0 1rem;
    }

    .contracts-folders__wrapper {
        display: grid;
        grid-template-columns: 3fr 3fr 3fr;
        gap: 1rem 1rem;
        padding: 0 1rem;
        height: 470px;
        overflow: auto;
    }

    .active-categories_card {
        height: 470px;
    }

    .welcome-modal_title {
        font-size: 20px;
    }

    .analitycs-blocks__wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        padding: 122px 0 0;
        overflow-x: auto;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background: linear-gradient(to right, white 90%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 90%, rgba(255, 255, 255, 0));
    }

    /* .language-conv {
        position: relative;
        margin: 0 0 0 auto;
    }
    .nav-wrapper{
        display: block;
        text-align: right;
        margin: 21px 21px 0px 21px;
    }
    .auth-cover-right {
        flex-direction: column;
    } */
    .auth-cover-right__title {
        font-size: 36px;
    }

    .sl-nav li .language__dropdown-show {
        position: absolute;
        top: 42px;
        padding: 0px 0px;
        display: none;
        background-color: #fff;
        box-shadow: 0px 0px 1px grey;
    }

    /* .edit_column_btn {
        width: 100px;
        height: 37px;
    } */
    .grid-columns-5 {
        grid-template-columns: 1fr;
    }

    .permissionsAll__wrap .user_select_yes,
    .permissionsAll__wrap .user_select_no {
        gap: 5px;
    }

    .Permission_role_rights {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .Permission_role_rights .user_select_yes {
        padding: 0px !important;
        width: 100% !important;
    }

    .setting_section__title {
        font-size: 15px;
    }

    .currency-card-body {
        min-height: 185px;
        max-height: 100%;
        overflow: auto;
    }

    .master-card {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .mastercard-detail {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        width: 100%;
    }

    .three-dots {
        padding: 0px;
    }

    .master-card img {
        background-color: #fff;
        padding: 5px 8px;
        margin-right: 0;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .three-dots.active {
        background-color: #ccc;
        padding: 0px;
    }

    .custom-select-wrapper {
        position: relative;
        width: 100% !important;
    }

    .biling-list-subscription li span {
        font-weight: 500;
        font-size: 12px;
    }

    .biling-list-subscription-detail li span {
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 12px;
        line-height: 21px;
        color: #3F3F3F;
    }
}

@media(max-width: 480px) {
    .analitycs-blocks__item {
        width: calc(100% / 3 - 0.5rem) !important;
    }

    .contracts-folders__wrapper {
        display: grid;
        grid-template-columns: 2fr 2fr;
        gap: 1rem 1rem;
        padding: 0 1rem;
    }

    .tooltip .tooltip_tbl tr th:nth-child(1),
    .tooltip .tooltip_tbl tr td:nth-child(1) {
        width: 55%;
    }

    .active-contract_wrapper {
        flex-wrap: wrap;
    }

    .active_contracts_btnCol {
        width: 100%;
        margin-top: 20px;
    }

    .tasks-container {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column;
    }
}