@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

* {
    font-family: 'Rubik', sans-serif;
}

.tables-wraper{
    display: flex;
    flex-direction: column;
    gap: 2vh;
}

#insights-wraper{
    display: flex; 
    flex-direction: row-reverse; 
    gap: 10px;
}

#insights-table-scroll-container , #history-insights-scroll-container{
    width: 100%;
}


#insights-table , #history-insights-table{
    direction: rtl;
    width: 100%;
    /* border: 2px solid #d9d9d9; */
    border-collapse: separate; 
    border-spacing: 0;         
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
}

#insights-table .insight-row{
    grid-template-columns: 0.5fr 1fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr
}
#history-insights-table .insight-row{
    grid-template-columns: repeat(8 , 1fr);
}
.insight-row{
    display: grid;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    height: 34px;
    align-items: center;
    text-align: center;
}

.insight-row [id^="stock-name"]{
    cursor: pointer;
}

.insight-row [id^="stock-name"] a{
    text-decoration: none;
    color: black;
}

.insight-row span{
    font-size: 14px;
}

.insight-row.header-row{
    cursor:unset;
    background-color: white;
}

.insight-row.header-row span{
    font-weight: bold;
}

.insight-row:hover{
    background-color: #e9e9e9;
}

#insights-table .insight-row:nth-child(1){
    background-color: white;
    cursor: unset;
    font-weight: 600;
}

.buttons-wraper{
    display: flex;
    gap:5px;
    justify-content: center;
}

.icon-button{
    background-color: transparent;
    border: none;
    border-radius: 5px;
    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
    cursor: pointer;
}

.icon-button:hover{
    background-color: #45A6DD;
}

.icon-button:hover .heart-icon{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3' stroke-width='0.5' stroke='%23fff'/%3E%3C/svg%3E");
}
.icon-button:hover .case-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M15 3.75h-3.49L11.11 2a1 1 0 0 0-1-.77H6A1 1 0 0 0 5 2l-.4 1.73H1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-.98M6.17 2.5h3.76l.29 1.25H5.88zM14.75 5v2.5H1.25V5zm-13.5 8.5V8.75H6V9a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.25h4.75v4.75z' stroke-width='0.5' stroke='%23fff'/%3E%3C/svg%3E");
}

.green-text{
    color: green;
}
.red-text{
    color: red;
}

.stock-current-profit{
    direction: ltr;
}

.crowd-title{
    align-self:center;
    color: #00367c;
    font-weight: bold;
}

/* .crowd-title:after{
    content: "";
    display: block;
    border-bottom: 3px solid #ffa527;
    margin-top: 1px;
} */

#top-insights-title{
    font-size: 22px;
}
#history-insight-title{
    font-size: 19px;
}

.side-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: fit-content;
    padding: 5px 10px;
    gap: 5px;
}

.side-container span{
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}


    /* / ICONS */

.arrow-up-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%232bdc25' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20V4m-7 7l7-7l7 7'/%3E%3C/svg%3E");
}

.arrow-down-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath fill='%23eb230e' d='M4.5 13c-.28 0-.5-.22-.5-.5v-9c0-.28.22-.5.5-.5s.5.22.5.5v9c0 .28-.22.5-.5.5' stroke-width='0.5' stroke='%23eb230e'/%3E%3Cpath fill='%23eb230e' d='M4.5 14a.47.47 0 0 1-.35-.15l-3.5-3.5c-.2-.2-.2-.51 0-.71s.51-.2.71 0l3.15 3.15l3.15-3.15c.2-.2.51-.2.71 0s.2.51 0 .71l-3.5 3.5c-.1.1-.23.15-.35.15Z' stroke-width='0.5' stroke='%23eb230e'/%3E%3C/svg%3E");
}

.arrow-static-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  transform: rotateZ(90deg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='12' d='M12 12l0 -8.5M12 12l0 8.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M12 3l-4 4M12 21l-4 -4M12 3l4 4M12 21l4 -4'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.4s' dur='0.4s' to='0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.dash-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M234.667 234.666v42.667H85.333v-42.667zm192 0v42.667H277.333v-42.667z' stroke-width='13' stroke='%23000'/%3E%3C/svg%3E");
}

.case-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300367C' d='M15 3.75h-3.49L11.11 2a1 1 0 0 0-1-.77H6A1 1 0 0 0 5 2l-.4 1.73H1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-.98M6.17 2.5h3.76l.29 1.25H5.88zM14.75 5v2.5H1.25V5zm-13.5 8.5V8.75H6V9a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.25h4.75v4.75z' stroke-width='0.5' stroke='%2300367C'/%3E%3C/svg%3E");
}


.heart-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300367C' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3' stroke-width='0.5' stroke='%2300367C'/%3E%3C/svg%3E");
}


@media (max-width: 768px) {
    .insight-row{
       zoom:0.75;
    }
    #insights-wraper{
        flex-direction: column-reverse;
    }
    .side-container {
        /* flex-direction: row; */
        /* justify-content: space-around; */
        /* text-align: left; */
        display: grid;
        grid-template-columns: 1fr 1fr;
        direction: rtl;
    }
    #insights-table , #history-insights-table{
        width: 1000px;
    }
    #insights-table-scroll-container , #history-insights-scroll-container{
        width: 100%;
        overflow-x: scroll;
        direction: rtl;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }
    #insights-table-scroll-container::-webkit-scrollbar,
    #history-insights-scroll-container::-webkit-scrollbar{
        display: none; /* Chrome/Safari */
    }
}