.InputTextNoBorder {
    border-style: none;
    background-color: transparent;
    box-shadow:none;
}

.TextH3 {
    font-weight: 700;
    letter-spacing: -0.05rem;
    font-size: 1.875rem;
    line-height: 1.375;
    color: #344767;
}

.hover_visible_i i {
    visibility: hidden;
}

.hover_visible_i:hover i {
    visibility: visible;
}




.input-color div {
    border-radius: 0.5rem !important;
    height: 100%;
    width: 100%;
    box-shadow: 0 3px 5px 1px rgb(0 0 0 / 9%), 0 2px 3px 1px rgb(0 0 0 / 7%);
    border: none;
    height: 30px;
    width: 30px;
}

/*.input-color:hover div {
    border: none;
}*/

.input-color .sp-dd {
    visibility: hidden !important;
}

.input-color .sp-preview-inner {
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.2));
}

.chart {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

    .antChart canvas {
        height: 100% !important;
        width: 100% !important;
        overflow: hidden;
    }

    .antChart div:not(.g2-tooltip) {
        height: 100% !important;
        width: 100% !important;
        overflow: hidden;
    }

.btn-icon2 {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

/* Bootstrap Grid does not include the gap utilities from the full Bootstrap bundle. */
.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.ql-editor iframe {
    pointer-events: none;
}