.ToolTipHeader {
    font-family: 'Segoe UI';
    font-weight: 850;
    font-size: 11px;
    text-transform: uppercase;
    color: #4B4B4B;
    /*    padding-top:5px; */
    margin-bottom: 0px;
}

.TooltipDescription {
    font-family: 'Segoe UI';
    font-weight: 500;
    font-size: 11px;
    color: #4B4B4B;
    margin-top: 0px;
}

.customtip.e-tooltip-wrap.e-popup {
    background-color: #F6F6F6;
    border: 1px solid #D1D1D1;
    box-shadow: 2px 2px 4px #0000001A;
    width: auto !important;
    height: auto !important;
    padding: 10px 10px 0px 10px;
    border-radius: 3px;
    opacity: 1;
    max-height: 30vh !important;
    max-width: 280px !important;
    transform: translate(0px,-8px);
}

.customtip.e-tooltip-wrap .e-tip-content {
    width: fit-content !important;
    height: fit-content !important;
    color: #4B4B4B;
    padding: 0px !important;
}

.customtip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
    box-shadow: none;
    color: #F6F6F6;
    box-shadow: 2px 2px 4px #0000001A;
    border: 1px solid #D1D1D1;
}

.customtip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    /*   display: none;  */
    box-shadow: 2px 2px 4px #0000001A;
    left: 2px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid #D1D1D1;
}

.customtip.e-tooltip-wrap .e-arrow-tip.e-tip-top {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid #D1D1D1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.customtip.e-tooltip-wrap .e-arrow-tip.e-tip-left {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #D1D1D1;
    border-top: 1px solid transparent;
}

.customtip.e-tooltip-wrap .e-arrow-tip.e-tip-right {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #D1D1D1;
    border-top: 1px solid transparent;
}


/* for the button */
.button-tooltip.e-tooltip-wrap.e-popup {
    background-color: #F6F6F6;
    border: 1px solid #D1D1D1;
    box-shadow: 2px 2px 4px #0000001A;
    width: auto !important;
    height: auto !important;
    padding: 10px 10px 0px 10px;
    border-radius: 3px;
    opacity: 1;
    max-height: 30vh !important;
    max-width: 280px !important;
    /* transform: translate(0px,-8px);*/
}

.button-tooltip.e-tooltip-wrap .e-tip-content {
    width: fit-content !important;
    height: fit-content !important;
    color: #4B4B4B;
    padding: 0px !important;
}

.button-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
    box-shadow: none;
    color: #F6F6F6;
    box-shadow: 2px 2px 4px #0000001A;
    border: 1px solid #D1D1D1;
}

.button-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    /*   display: none;  */
    box-shadow: 2px 2px 4px #0000001A;
    left: 2px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid #D1D1D1;
}

.button-tooltip.e-tooltip-wrap .e-arrow-tip.e-tip-top {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid #D1D1D1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.button-tooltip.e-tooltip-wrap .e-arrow-tip.e-tip-left {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #D1D1D1;
    border-top: 1px solid transparent;
}

.button-tooltip.e-tooltip-wrap .e-arrow-tip.e-tip-right {
    box-shadow: 2px 2px 4px #0000001A;
    height: 10px;
    width: 20px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #D1D1D1;
    border-top: 1px solid transparent;
}