#hot {
    height: 300px;
    width: 100%;
}

button {
    font-size: 16px;
    padding: 0;
    margin-left: 4px;
    color: inherit;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* עיצוב טבלת אקסל */
.ag-theme-alpine {
    --ag-header-background-color: #f4f4f4;
    --ag-header-foreground-color: #000; /* טקסט שחור */
    --ag-header-border-color: #d9d9d9; 
    --ag-row-border-color: #d9d9d9; 
    --ag-cell-border-color: #d9d9d9; 
    --ag-row-hover-color: #e8f0fe;
    --ag-cell-background-color: #fff;
    --ag-cell-focus-border: 1px solid #4caf50; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px; /* גודל טקסט קטן יותר */
    border: 1px solid #ccc;
    direction: rtl;
	text-align: right;
    color: #000; /* טקסט שחור */
}

/* עיצוב כותרות */
.ag-header-cell {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #d9d9d9; 
    background-color: #f4f4f4;
    font-size: 12px; /* גודל טקסט קטן יותר */
    line-height: 20px; /* התאמת גובה הטקסט */
    padding: 4px; /* הקטנת Padding */
    color: #000; /* טקסט שחור */
}

/* עיצוב שורות */
.ag-row {
    min-height: 24px; /* גובה שורות קטן */
    height: 24px;
}

/* עיצוב תאים */
.ag-cell {
    text-align: right;
    padding: 4px; /* Padding קטן יותר */
    border: 1px solid #d9d9d9; 
    color: #000; /* טקסט שחור */
    background-color: #fff; /* רקע לבן */
    line-height: 16px; /* התאמת גובה טקסט */
}

/* עיצוב כותרת HEADER של המספור */
.ag-theme-alpine .ag-header-cell[col-id="#"] {
    text-align: center; /* מרכז את הכותרת */
    font-weight: normal; /* ביטול BOLD */
    background-color: #f4f4f4; /* צבע רקע */
    font-size: 14px; /* גודל טקסט */
}

/* עיצוב המספרים בשורות */
.ag-theme-alpine .ag-cell[col-id="#"] {
    text-align: center; /* מרכז את המספרים */
    font-weight: normal; /* ביטול BOLD */
    font-size: 12px; /* גודל טקסט */
    color: #000; /* צבע הטקסט שחור */
    background-color: #fafafa; /* רקע בהיר */
}


/* צבע רקע לשורה פעילה */
.ag-row-hover {
    background-color: #e8f0fe;
}

/* סגנון אינפוט בכותרות */
.ag-header-cell input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    text-align: center;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #000; /* טקסט שחור */
}

/* יישור טקסט לימין */
.ag-theme-alpine .ag-header-cell {
    direction: rtl;
    text-align: center;
    font-weight: bold;
    background-color: #f4f4f4;
    border-right: 1px solid #d9d9d9; 
    color: #000; /* טקסט שחור */
}

.ag-theme-alpine .ag-row-number {
    background-color: #f8f8f8;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #d9d9d9; 
    color: #000; /* טקסט שחור */
}



/* גובה שורת הכותרת */
.ag-header {
    height: 27px !important; /* גובה מותאם */
    min-height: 27px !important; /* גובה מינימלי */
    display: flex;
    align-items: center; /* ממרכז אנכית */
    justify-content: center; /* ממרכז אופקית */
    padding: 0; /* מבטל רווחים פנימיים */
    line-height: 1.4; /* מקדם הרמת טקסט */
}

/* כותרות של עמודות */
.ag-header-cell {
    font-size: 13px; /* גודל טקסט */
    font-weight: normal; /* מסיר BOLD */
    height: 27px !important; /* גובה מותאם */
    line-height: 1.4; /* מרים טקסט למעלה */
    display: flex;
    align-items: center; /* ממרכז אנכית */
    justify-content: center; /* ממרכז אופקית */
    padding: 0 5px; /* רווח קטן מימין ושמאל */
    box-sizing: border-box; /* מונע בעיות ריווח */
    overflow: hidden; /* מונע גלישה */
    white-space: nowrap; /* מונע שבירת שורות */
    text-overflow: ellipsis; /* מסמן אם יש גלישה */
	
}

/* כותרת מספור */
.ag-theme-alpine .ag-header-cell[col-id="#"] {
    text-align: center; /* ממרכז את הטקסט */
    font-weight: normal; /* אין BOLD */
    height: 27px !important; /* גובה מותאם */
    line-height: 1.4; /* מרים טקסט למעלה */
    padding: 0; /* מבטל ריווח */
}

/* טקסט בתאים */
.ag-cell {
    text-align: right; /* יישור לימין */
    font-size: 12px; /* גודל טקסט */
    line-height: 20px; /* יישור אנכי מותאם */
    padding: 3px; /* ריווח פנימי */
    overflow: hidden; /* מונע גלישה */
    white-space: nowrap; /* מונע שבירת שורות */
    text-overflow: ellipsis; /* מסמן אם יש גלישה */
}


.ag-theme-alpine .ag-header-cell[col-id="#"] {
    order: 1; /* מיקום ראשון */
}

.ag-theme-alpine .ag-cell[col-id="#"] {
    order: 1; /* מיקום ראשון */
}
.ag-theme-alpine .ag-header-cell[col-id="field0"] {
    order: 2; /* מיקום שני */
}

.ag-theme-alpine .ag-cell[col-id="field0"] {
    order: 2; /* מיקום שני */
}
.ag-theme-alpine .ag-header-cell {
    order: 3; /* ברירת מחדל לשאר העמודות */
}

.ag-theme-alpine .ag-cell {
    order: 3; /* ברירת מחדל לשאר העמודות */
}


    .input-container {
        position: relative;
        width: 100%;
    }

    .icon {
		position: absolute;
		right: 129px;
		top: -12px;
		padding: 9px;
		text-align: center;
		pointer-events: none;
		font-size: 21px;
    }
	
	
	#chart-buttons button {
    border: none;
    background: none;
    cursor: pointer;
    margin: 5px;
}

#chart-buttons button img {
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: transform 0.2s ease;
}