.sidebar-bg{
    background: #1d2145;
}
.sidebar-bg li a:hover,.sidebar-hover-color{
    background: #545586 !important;
}

.content-bg{
    background: #e6e8ef;
}
.top-header,.search-top-header{
    background: #2e325f;
}
.search-top-header:focus{
    background: #545586;
}
.page-name-color{
    background: #545586;
}
.sidebar-active-color{
    background: #5562eb;
}
.bg-slate-1{
    background: #f0f3f7;
}
.border-slate-1{
    border-color: #e7ecf3;
}
.text-font-6 {
    font-size:4px;
}
.text-font-11 {
    font-size: 11px;
}
.text-font-12 {
    font-size: 12.5px;
}
.text-font-13{
    font-size: 13px;
}
.text-font-15{
    font-size: 15px;
}
.text-font-16{
    font-size: 16px;
}
.text-font-17{
    font-size: 17px;
}
.svg-icon-green {
    /*color: #3bb78f;*/
    position: relative;
    top: 2px;
}
.svg-icon-orange {
    color: #f39f86;
    position: relative;
    top: 2.5px;
}
.svg-icon-blue {
    color: #63a4ff;
    position: relative;
    top: 2.5px;
    right: 1px;

}
.border-r-3 {
    border-right-width: 3px;
}
.green-color{
    border-color: #00B38B;
}
/*.gradient-orange {*/
/*    background-color: #ffefef;*/
/*    !* background-image: linear-gradient(180deg, #ffecec 0%, #faf8f6 74%); *!*/
/*}*/
/*.gradient-blue{*/
/*    background-color: #63a4ff;*/
/*    background-image: linear-gradient(179deg, #d6e6fc 0%, #f1f9fc 74%);*/
/*}*/
/*.gradient-green{*/
/*    background-color: #defff4;*/
/*    !* background-image: linear-gradient(181deg, #c5f3e4 0%, #ebfff6 74%); *!*/
/*}*/
.small-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(255,255,255,0.2);z-index: 1;    border-radius: 0.3rem;}
.small-scroll::-webkit-scrollbar {width: 4px; height: 4px; background-color: #F5F5F5;z-index: 1;    border-radius: 0.3rem;}
.small-scroll::-webkit-scrollbar-thumb {background-color:#aaa;z-index: 1; border-radius: 0.3rem; }

.small-scroll-x::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(255,255,255,0.2);z-index: 1;    border-radius: 0.3rem;}
.small-scroll-x::-webkit-scrollbar {width: 4px; height: 15px; background-color: #F5F5F5;z-index: 1;    border-radius: 0.3rem;}
.small-scroll-x::-webkit-scrollbar-thumb {background-color:#bbb;z-index: 1; border-radius: 0.3rem; }

.requested li, .cancel li{
    padding: 10px;
    transition: all ease-in 100ms;
    margin: 0 0 8px;
    color: #333;
    background-image: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.06);;
}

.requested li:hover, .cancel li:hover {
    margin: 0 3px 8px 0;
    transition: all ease-in 200ms;
    color: #a987e1;
    background-image: linear-gradient(178deg, #ffe9f9 0%, #e3d7ff 74%);
    border-radius: 3px;
}
.cancel li:hover{
    color: #FE0944FF;
    background-image: linear-gradient(178deg, #ffd3de 0%, #ffecf1 74%);
}
.svg-icon-requested {
    fill: #a987e1;
    position: relative;
    top: 1px;
}
.svg-icon-cancel {
    fill: #FE0944FF;
    position: relative;
    top: 1px;
}

.text-muted {
    color: #A1A5B7;
}
.badge-light-danger {
    color: #F1416C;
    background-color: #FFF5F8;
    border: 1px solid #ffdae3;
}
/*.circle-shape:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 50px;*/
/*    width: 2px;*/
/*    top: 13px;*/
/*    bottom: 0;*/
/*    background-color: #ebebeb;*/
/*    z-index: 2;*/
/*}*/
.la-icons-style .la{
    font-size: 28px;
}

.customer-detail li{
    border-bottom: 1px solid #eee;
}
.customer-detail li:last-child{
    border-bottom: none;
}
.z-5{
    z-index: 5;
}

.progress {
    display: flex;
    height: 0.3rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #F5F8FA;
    border-radius: 6px;
    box-shadow: none;
}
.bg-primary {
    background-color: #009EF7 !important;
    --bg-color: 0, 158, 247 !important;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #009EF7;
    transition: width 0.6s ease;
}
.box.progress {
    display: flex;
    height: 0.5rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: none;
}
.product .active{
    border-bottom: 3px solid #3cb173;
}
.pain-height{
    height:382px;
}
.pain-height-charts{
    height: 325px;
}
.notification-widget-height {
    height: 9.7rem;
}
.pain{
    height: 497px;
}
.pain-2{
    height: 237px;
}
.pain-height-2{
    max-height: 216px;
}
.pain-height-3{
    max-height: 266px;
}
.pain-height-4{
    /*max-height: 337px;*/
    height: 378px;
}
.pain-height-5{
    /*max-height: 384px;*/
   height: 397px;
}
.pain-height-6{
    max-height: 455px;
}
.pain-height-7{
    /*max-height: 308px;*/
    max-height: 452px;
}
.pain-height-table{
    max-height: calc(497px - 116px);
}
.chart-overflow{
    overflow: hidden;
    max-height: 49px;
}
.chart-overflow-2 {
    overflow: hidden;
    max-height: 24px;
}
.chart-overflow-71 {
    overflow: hidden;
    max-height: 71px;
}
.chart-overflow-41 {
    overflow: hidden;
    max-height: 41px
}
.chart-overflow-49 {
    overflow: hidden;
    max-height: 49px
}
.chart-overflow-25 {
    overflow: hidden;
    max-height: 25px
}

.title-overflow-32{
    overflow: hidden;
    max-height: 32px;
}
.title-overflow-35{
    overflow: hidden;
    max-height: 35px;
}
.overflow-17 {
    overflow: hidden;
    max-height: 17px;
}
.overflow-20{
    overflow: hidden;
    max-height: 20px;
}
.overflow-15 {
    overflow: hidden;
    max-height: 15px;
}
.overflow-60 {
    overflow: hidden;
    max-height: 60px;
}
/*.dashboard-chart {--percent: 0;--width: calc(360 - ( 3.22 * var(--percent) ));}*/
/*.dashboard-chart svg {width: 114px;height: 114px;}*/
/*.dashboard-chart .bg {fill: none;stroke-width: 10px;stroke: #e8eaf1;}*/
/*.dashboard-chart .main-circular-chart {fill: none;stroke-width: 10px;stroke-linecap: round;transform: rotate(-90deg);transform-origin: 50% 50%;}*/
/*.dashboard-chart .main-circular-chart {stroke: #2487c0;stroke-dasharray: 360;stroke-dashoffset: var(--width);animation: progress-chart-animation .5s ease-out;}*/
/*@keyframes progress-chart-animation { from {stroke-dashoffset: 360;} to {stroke-dashoffset: var(--width);} }*/

.profile-bg{
    background: transparent;
}
.profile-bg:hover,.profile-bg.active{
    background: #545586;
}


/*-------------Sale Funnel----------------*/

.funnel {
    list-style-type: none;
    margin: 0;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    background-color: #fff;
    position: relative;
}
.funnel .funnel-item {
    padding: 15px 5px;
    margin: 0 0 5px;
    margin-bottom: 5px;
    margin-bottom: 3px;
    position: relative;
    overflow: hidden;
}
.funnel .funnel-item a{
    font-size: 17px
}
.funnel .funnel-item a:before,
.funnel .funnel-item a:after {
    content: '';
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 90px solid #fff;
}

.funnel .funnel-item a:before {
    left: 0;
    border-right: 15px solid transparent;
    border-left: 0;
}
.funnel .funnel-item a:after {
    right: 0;
    border-left: 15px solid transparent;
    border-right: 0;
}
.funnel .funnel-item:nth-child(1){
    width: 100%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(2){
    width: 90%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(3){
    width: 80%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(4){
    width: 70%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(5){
    width: 60%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(6){
    width: 50%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(7){
    width: 40%;
    margin: 0 auto 3px;
}
.funnel .funnel-item:nth-child(8){
    width: 30%;
    margin:0 auto 3px;
}
.funnel:before {
    content: "";
    position: absolute;
    top: 17px;
    height: 13px;
    background: #3b82f6;
    width: 99.2%;
    right: 1px;
    border-radius: 50%;
}
.custom-mb-3{
    margin-bottom: 3px;
}
.custom-funnel-padding{
    padding: 15px 35px;
}
.funnel-bullet:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 5px);
    right:16px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #93c5fd;
    box-shadow: inset 0 -2px 0 #3b82f6;
    z-index: 1;
}
.custom-funnel-padding-2 {
    padding: 15px 28px 15px 10px;
    font-size: 13.5px;
}
.funnel-bullet:after{
    content: "";
    position: absolute;
    width: 89px;
    right: -71px;
    top: 23px;
    z-index: 0;
    margin-bottom: 11px;
    height: 1px;
    background: -webkit-radial-gradient(#63A4FF, #b9c6fa);
    background: -o-radial-gradient(#63A4FF, #b9c6fa);
    background: -moz-radial-gradient(#63A4FF, #b9c6fa);
    background: radial-gradient(#63A4FF, #b9c6fa);
}

.custom-light-blue-bg{
    background: #fff/* #ecedff*/;
}
.border-gray{
    border-color: #ebe7e7;
}
.custom-color{
    color: #bbbbbe;
}
.custom-color:hover{
    color: #c084fc;
}
.table-font-size{
    font-size: 14px;
}
.data-table-btn-class{
    padding: 3px 0;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 3px;
    margin: 3px;
    display: flex;
    align-items: center;
}
.data-table-btn-class span.btn-icon-style{
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
/*whitespace-nowrap flex justify-center h-8 items-center m-1 btn*/
/*.data-table-btn-class{*/
/*    font-weight: 400;*/
/*    font-size: 13px;*/
/*    margin-left: 10px;*/
/*    letter-spacing: 0.2px;*/
/*    position: relative;*/
/*    border-radius: 3px;*/
/*    transition: all ease-in 100ms;*/
/*    padding-left: 10px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 3px;*/
/*    background-color: #fff !important;*/
/*    border: 1px solid;*/
/*    white-space: nowrap;*/
/*}*/

/*.data-table-btn-class i{*/
/*    font-size: 12px;*/
/*    padding: 6px;*/
/*    border-radius: 0;*/
/*    margin: 2px;*/
/*    height: 25px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.data-table-btn-class .fa.fa-pen{*/
/*    font-size: 10.5px;*/
/*}*/

/*.data-table-btn-class:nth-child(1), .data-table-btn-class.accept{*/
/*    color: #31C192 !important;*/
/*    border-color: #31C192;*/
/*}*/

/*.data-table-btn-class:nth-child(1) i, .data-table-btn-class.accept i{*/
/*    background: #daf8ee;*/
/*}*/
/*.data-table-btn-class:nth-child(1):hover, .data-table-btn-class.accept i:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #31C192  !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(1):hover i, .data-table-btn-class.accept:hover i{*/
/*    background-color: #4ed8ab !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

/*.data-table-btn-class:nth-child(2){*/
/*    color: #c084fc !important;*/
/*    border-color: #c084fc;*/
/*}*/
/*.data-table-btn-class:nth-child(2) i{*/
/*    background: #eee3f9;*/
/*}*/
/*.data-table-btn-class:nth-child(2):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #c084fc !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(2):hover i {*/
/*    background-color: #d3a4fc !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

/*.data-table-btn-class:nth-child(3), .data-table-btn-class.edit{*/
/*    color: #60a5fa !important;*/
/*    border-color: #60a5fa ;*/
/*}*/
/*.data-table-btn-class:nth-child(3) i, .data-table-btn-class.edit i{*/
/*    background: #e1ecfb;*/
/*}*/
/*.data-table-btn-class:nth-child(3):hover, .data-table-btn-class.edit:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #60a5fa !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(3):hover i, .data-table-btn-class.edit:hover i{*/
/*    background-color: #92bffd !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/



/*.data-table-btn-class:nth-child(4){*/
/*    color: #F47D9E !important;*/
/*    border-color: #F47D9E;*/
/*}*/
/*.data-table-btn-class:nth-child(4) i{*/
/*    background: #ffdfe8;*/
/*}*/
/*.data-table-btn-class:nth-child(4):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #F47D9E !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(4):hover i {*/
/*    background-color: #fbaac1 !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/



/*.data-table-btn-class:nth-child(5){*/
/*    color: #f7941d !important;*/
/*    border-color: #f7941d;*/
/*}*/
/*.data-table-btn-class:nth-child(5) i{*/
/*    background: #ffeed9;*/
/*}*/
/*.data-table-btn-class:nth-child(5):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #f7941d !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(5):hover i {*/
/*    background-color: #ffc177 !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/



/*.data-table-btn-class:nth-child(6){*/
/*    color: #E92CBD !important;*/
/*    border-color: #E92CBD;*/
/*}*/
/*.data-table-btn-class:nth-child(6) i{*/
/*    background: #ffd7f6;*/
/*}*/
/*.data-table-btn-class:nth-child(6):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #E92CBD !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(6):hover i {*/
/*    background-color: #f47dd8 !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/


/*.data-table-btn-class:nth-child(7){*/
/*    color: #A695CA !important;*/
/*    border-color: #A695CA;*/
/*}*/
/*.data-table-btn-class:nth-child(7) i{*/
/*    background:#dcd7e7;*/
/*}*/
/*.data-table-btn-class:nth-child(7):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background:#A695CA !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(7):hover i {*/
/*    background-color: #c2b5dc  !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/


/*.data-table-btn-class:nth-child(8){*/
/*    color:#7490CA !important;*/
/*    border-color:#7490CA;*/
/*}*/
/*.data-table-btn-class:nth-child(8) i{*/
/*    background: #cad7f0;*/
/*}*/
/*.data-table-btn-class:nth-child(8):hover{*/
/*    transition: all ease-in 100ms;*/
/*    background:#7490CA !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class:nth-child(8):hover i {*/
/*    background-color:#8ea6d3  !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/






/*.data-table-btn-class.cancel{*/
/*    color: #fc562a !important;*/
/*    border-color: #fc562a;*/
/*}*/
/*.data-table-btn-class.cancel i{*/
/*    background: #ffe7e1;*/
/*}*/
/*.data-table-btn-class.cancel:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #fc562a !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class.cancel:hover i{*/
/*    background-color: #ff977b !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

/*.data-table-btn-class.view{*/
/*    color: #c084fc !important;*/
/*    border-color: #c084fc;*/
/*}*/
/*.data-table-btn-class.view i{*/
/*    background: #eee3f9;*/
/*}*/
/*.data-table-btn-class.view:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #c084fc !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class.view:hover i {*/
/*    background-color: #d3a4fc !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

/*.data-table-btn-class.custom-show{*/
/*    color: #ff78bd !important;*/
/*    border-color: #ff78bd;*/
/*}*/
/*.data-table-btn-class.custom-show i{*/
/*    background: #fbe7f1;*/
/*}*/
/*.data-table-btn-class.custom-show:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #ff7ba9 !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class.custom-show:hover i {*/
/*    background-color:#ffacc9 !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

/*.data-table-btn-class.custom-delete{*/
/*    color: #fc1b15 !important;*/
/*    border-color: #fc1b15;*/
/*}*/
/*.data-table-btn-class.custom-delete i{*/
/*    background: #fbe4e3;*/
/*}*/
/*.data-table-btn-class.custom-delete:hover{*/
/*    transition: all ease-in 100ms;*/
/*    background: #fc1b15 !important;*/
/*    color: #fff !important;*/
/*}*/
/*.data-table-btn-class.custom-delete:hover i {*/
/*    background-color:#ff8986 !important;*/
/*    transition: all ease-in 100ms;*/
/*    color: #fff !important;*/
/*}*/

.data-table-btn-class-2{
    font-size: 13px;
    padding: 7px;
    height: 31px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.table td span{
    font-size: 13px !important;
}
.custom-top{
    top: -1px;
}
.custom-border-gray{
    border-color: #e1e1e1;
}

.custom-select {
    position: relative;
}
.custom-select:before {
    content: "\f107";
    position: absolute;
    color: #ccc;
    left: 11px;
    top: 6px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 11px;
}

.custom-select select {
    background-position: calc(24px - 0.9rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    /*padding-right: 1rem !important;*/
    outline: none;
    color: #71717a;
    border-radius: 3px !important;
}
.table-border{
    border-color: #d9dde9;
}
.table-header-color{
    background: #eeeeff;
}

.form-input{
    border-width: 1px 3px 1px 1px !important;
    border-radius: 0.15rem !important;
    margin: 0.5rem 0 0.4rem;
    box-shadow:0 4px 6px -1px rgb(0 0 0 / 5%), 0 2px 4px -1px rgb(0 0 0 / 4%) !important;
    border-color: #e1e1e1 !important;
}
/*.col-mp{*/
/*    margin-bottom: 1rem !important;*/
/*}*/
html[dir=rtl] .tags-input-span {
    padding-right: 0 !important;
}
/*.form-label{*/
/*    margin-bottom: 0.5rem !important;*/
/*}*/
html[dir=rtl] .form-input-eraser {
    left: 0.5rem !important;
}
.form-header-bg{
    background:#d0d5f8;

}

.form-header-page{
    background: #A5AAC6;

}
.form-header-color{
    color: #01539d;
}

.tags-input {
    border-width: 1px 3px 1px 1px !important;
    border-radius: 0.15rem !important;
    margin: 0.7rem 0 0.4rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 5%), 0 2px 4px -1px rgb(0 0 0 / 4%) !important;
    border-color: #e1e1e1 !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 0.5rem 0.75rem;
}
.form-rch{
    margin-top: 0.8rem !important;
}
.custom-active{
    background: #68d29a;
    color: #fff;
}
.notification-bg{
    /*background: #00C895;*/
    background-color: #70b2d9;
    background-image: linear-gradient(315deg, #70b2d9 0%, #39e5b6 74%);
}
.notification-bg-tab{
    background: #E7EFF9;
    color: #a3b1c6;
}
.notification-bg-tab-active{
    background:#CFD6E6;
    color: #8998ae;
}
.notification-delete{
    background: #E7EFF9;
    color: #a3b1c6;
}
.custom-w-full-16 {
    width: calc( 100% - 7rem);
}
.custom-top{
    top: -1px;
}
.form-label{
    margin-bottom: 0.7rem !important;
}
.table-tr-font-11{
    font-size: 11px;
    line-height: 1rem;
}
.table-tr-font-12{
    font-size: 12px;
    line-height: 1rem;
}
.table-tr-font-13{
    font-size: 13px;
    line-height: 1.5;
}
.table-tr-font-14{
    font-size: 14px;
    line-height: 1.5;
}
.table-tr-font-15{
    font-size: 15px;
    line-height: 1.5;
}

.img-size2{
    width: 37px;
}
.img-size{
    width: 35px;
}


/*--------------------Responsive-------------------------*/

@media only screen and (min-width : 1920px){/*4xl*/

}
@media only screen and (min-width : 1536px) and (max-width : 1919px) {/*3xl*/

}
@media only screen and (min-width : 1367px) and (max-width : 1535px) {/*2xl*/

}
@media only screen and (min-width : 1280px) and (max-width : 1366px) {/*xl*/
    .funnel .funnel-item a:before {
        border-right: 20px solid transparent;
    }
    .funnel .funnel-item a:after {
        border-left: 20px solid transparent;
    }
    .pain-height-7 {
        max-height: 454px;
    }
    .pain-height-4 {
        max-height: 383px;
    }
    .pain-height-table {
        max-height: 275px;
    }
}
@media only screen and (min-width : 1024px) and (max-width : 1279px) {/*lg*/
    .funnel .funnel-item a:before {
        border-right: 18px solid transparent;
    }
    .funnel .funnel-item a:after {
        border-left: 18px solid transparent;
    }
    .pain-height-7 {
        max-height: 455px;
    }
    /*.pain-height-4 {*/
    /*    max-height: 333px;*/
    /*}*/
    .pain-height-table {
        max-height: 262px;
    }
    .custom-pain-height-4 .pain-height-4 {
        max-height: 323px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {/*md*/
    .funnel .funnel-item a:before {
        border-right: 29px solid transparent
    }
    .funnel .funnel-item a:after {
        border-left: 29px solid transparent
    }
    .funnel-bullet:after{
        width: 170px;
        right: -148px;
    }
    .pain-height-7 {
        max-height: 452px;
    }
    .custom-pain-height-4 .pain-height-4 {
        max-height: 337px;
    }

}
@media only screen and (min-width : 640px) and (max-width : 767px) {/*sm*/
    .funnel .funnel-item a:before {
        border-right: 24px solid transparent
    }
    .funnel .funnel-item a:after {
        border-left: 24px solid transparent
    }
    .pain-height-7 {
        max-height: 454px;
    }
    .pain-height-table {
        max-height: 288px;
    }

}
@media only screen and (max-width : 767px){
    .header-sub-tools{
        border-radius: 3px !important;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%) !important;
        background-color: #f2f2f2 !important;
        border: none !important;
        flex-direction:row !important;
        flex-wrap: nowrap !important;
        padding: 0.6rem !important;
    }
    .header-sub-tools:before{
        content: '';
        position: absolute;
        top: -9px;
        border-bottom: 10px solid #f2f2f2;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        left: 17px;
    }
}
@media only screen and (max-width : 639px) {
    /*xs*/
    .funnel-bullet:before {
        right: 5px;
    }

    .funnel-bullet:after {
        width: 74px;
        right: -66px;
    }

    .custom-funnel-padding-2 {
        padding: 15px 17px 15px 10px;
    }

    .pain-height-7 {
        max-height: 449px;
    }

    .custom-pain-height-4 .pain-height-4 {
        max-height: 337px;
    }

    .pain-height-table {
        max-height: 389px;
    }
}
.dashboard-chart {--percent: 0;--width: calc(360 - ( 3.22 * var(--percent) ));}
.dashboard-chart svg {width: 114px;height: 114px;}
.dashboard-chart .bg {fill: none;stroke-width: 10px;stroke: #e8eaf1;}
.dashboard-chart .main-circular-chart {fill: none;stroke-width: 10px;stroke-linecap: round;transform: rotate(-90deg);transform-origin: 50% 50%;}
.dashboard-chart .main-circular-chart {stroke: #2487c0;stroke-dasharray: 360;stroke-dashoffset: var(--width);animation: progress-chart-animation .5s ease-out;}
@keyframes progress-chart-animation { from {stroke-dashoffset: 360;} to {stroke-dashoffset: var(--width);} }