@font-face {
    font-family: "rubik";
    src: url("/wp-includes/fonts/Rubik-VariableFont_wght.ttf");
}

body {
    font-family: "rubik", arial;
    font-size: 14px;
    padding: 5px;
}

#search-page-heading {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

#search-input-box {
    text-align: center;
    width: 264px;
    padding-right: 0;
    font-family: rubik, "Font Awesome 5 Free", Arial, sans-serif;
    background-color: white;
    /* background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" transform="rotate(90)"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="%237da7cc"/></svg>') no-repeat */
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.0264%2011.774C18.0264%2012.5848%2017.8667%2013.3877%2017.5564%2014.1368C17.2461%2014.8859%2016.7913%2015.5665%2016.218%2016.1398C15.6446%2016.7132%2014.964%2017.168%2014.2149%2017.4783C13.4658%2017.7886%2012.6629%2017.9483%2011.8521%2017.9483C11.0413%2017.9483%2010.2384%2017.7886%209.48927%2017.4783C8.74017%2017.168%208.05952%2016.7132%207.48618%2016.1398C6.91285%2015.5665%206.45805%2014.8859%206.14776%2014.1368C5.83747%2013.3877%205.67777%2012.5848%205.67777%2011.774C5.67777%2010.1364%206.32828%208.56597%207.48618%207.40806C8.64409%206.25015%2010.2145%205.59965%2011.8521%205.59965C13.4896%205.59965%2015.0601%206.25015%2016.218%207.40806C17.3759%208.56597%2018.0264%2010.1364%2018.0264%2011.774ZM16.8074%2017.9765C15.2222%2019.2429%2013.2123%2019.8543%2011.1904%2019.6851C9.16856%2019.5159%207.28821%2018.5789%205.93557%2017.0666C4.58294%2015.5544%203.86068%2013.5816%203.91714%2011.5534C3.9736%209.52527%204.80449%207.59572%206.23917%206.16104C7.67384%204.72637%209.6034%203.89547%2011.6316%203.83901C13.6597%203.78255%2015.6325%204.50481%2017.1448%205.85745C18.657%207.21009%2019.594%209.09043%2019.7632%2011.1123C19.9324%2013.1342%2019.321%2015.1441%2018.0546%2016.7293L23.0611%2021.734C23.1431%2021.816%2023.2081%2021.9134%2023.2525%2022.0205C23.2969%2022.1277%2023.3198%2022.2425%2023.3198%2022.3585C23.3198%2022.4745%2023.2969%2022.5893%2023.2525%2022.6964C23.2081%2022.8036%2023.1431%2022.901%2023.0611%2022.983C22.9791%2023.065%2022.8817%2023.13%2022.7746%2023.1744C22.6674%2023.2188%2022.5526%2023.2416%2022.4366%2023.2416C22.3206%2023.2416%2022.2058%2023.2188%2022.0986%2023.1744C21.9915%2023.13%2021.8941%2023.065%2021.8121%2022.983L16.8074%2017.9765Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: 25px 25px;
    /* Adjust icon size */
    /* background-position: calc(100% - 20px) center; */
    background-position: 20px center;
    box-sizing: border-box;
    border-radius: 3px;
    border: 3px solid #c9cfe0 !important;
}

#search-input-box::placeholder {
    color: #000000;
    font-size: 20px;
    font-family: "rubik";
    text-align: center;
}

#realtime-data-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.title-above-data {
    font-size: 22px !important;
    color: #000000;
    font-weight: 700 !important;
    text-align: center;
}

#etf-rt-data-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    row-gap: 43px;
    column-gap: 20px;
}

.rt-item-title,
.general-item-title {
    background-color: #a9cddeb2;
    font-size: 20px;
    color: #000000;
    text-align: center;
    font-family: "rubik";
    font-weight: 400;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap-mode: nowrap;
}

.rt-item-value,
.general-item-value {
    background-color: #f1f7fa;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

#profile-exposure-general-data-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.etf-exposure-profile-container-parts {
    width: 185px;
}

/* #general-info-etf-container, */
/* #fees-container, */
#dedicated-time-container,
#time-on-sunday,
#time-on-other-days {
    width: 100%;
}

#dedicated-time-container {
    height: 40%;
}

#sunday,
#rest-of-the-days {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}

#time-on-sunday,
#time-on-other-days {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    width: 75%;
    direction: ltr;
    height: 35%;
}

.clock-time-part-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 1);
    position: relative;
    top: 3px;
}

.time-part-digits {
    position: relative;
    top: 8px;
    font-size: 18px;
}

.dedicated-hour-title {
    font-size: 23px !important;
    font-weight: 500 !important;
}

#dedicated-hours-and-fees {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}

#general-info-etf-container {
    width: 40%;
}

#etf-long-name {
    text-align: center;
    color: #000000;
    font-weight: 600;
}

#etf-name-and-manager {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.hide-results {
    visibility: hidden;
}

.show-results {
    visibility: visible;
}

#all-etf-search-results {
    overflow: hidden scroll;
    max-height: 19em;
    position: absolute;
    background-color: #ffffff;
    list-style-type: none;
    top: 32px;
    width: 50%;
    z-index: 12;
    border: 2px solid #00367c;
    border-radius: 5px;
    width: 264px;
    margin: 0;
}

#all-etf-search-results li:hover {
    background-color: #e6ebf2;
    color: #00285b;
}

#more-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.data-part {
    font-family: "rubik", arial;
    font-size: 14px;
    padding: 5px;
}

.table-style {
    border-collapse: collapse;
    margin-bottom: 15px;
}

th {
    /* font-weight: normal; */
    padding: 2px !important;
}

td {
    padding: 5px;
    text-align: center;
    color: #000000;
}

#recruites-neto,
#yield-table,
#avg-cycle-table,
#standard-deviation-table,
#fees-table,
#sunday,
#rest-of-the-days,
#class-classification-table,
#table-separation-israel-abroad,
#fees-container {
    width: 100%;
}

/* #class-classification-table,
#table-separation-israel-abroad {
  width: 100%;
} */

/* #recruites-neto tr, */
/* #recruites-neto tr th, */
/* #recruites-neto tr td, */
/* #yield-table tr, */
/* #yield-table tr th, */
/* #yield-table tr td, */
/* #avg-cycle-table tr, */
/* #avg-cycle-table tr th, */
/* #avg-cycle-table tr td, */
/* #standard-deviation-table tr, */
/* #standard-deviation-table tr th, */
/* #standard-deviation-table tr td, */
#table-separation-israel-abroad tr,
/* #table-separation-israel-abroad tr th, */
/* #table-separation-israel-abroad tr td, */
#class-classification-table tr,
#class-classification-table tr th,
#class-classification-table tr td

/* #fees-table tr th, */
/* #fees-table tr td, */
/* #fees-table-body tr, */
/* #fees-table-body tr td, */
/* #fees-table-body tr th */
    {
    border: 1px solid black;
    background-color: white;
}

#fees-table {
    border: 2px solid #d9d9d9;
    border-radius: 10px;
}

#fees-table thead tr th:first-child {
    border-top-right-radius: 10px;
}

#fees-table thead tr th:last-child {
    border-top-left-radius: 10px;
}

#fees-table-body tr td,
#redemptions-12-months,
#avg-deals-3-months-value {
    text-align: center;
    font-size: 16px;
    color: #000000;
}

#redemptions-neto-year-table-body tr td:first-child,
#avg-deals-3-months-table tbody tr td:first-child {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

#fees-table thead tr th {
    background-color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

#classification-table,
#table-separation-israel-abroad,
#trustee-value-table {
    border-collapse: separate;
    border-radius: 5px;
}

#trustee-value-table {
    border: 2px solid #d9d9d9;
}

#classification-table thead tr th:first-child,
#table-separation-israel-abroad thead tr th:first-child,
#recruites-neto thead tr th:first-child,
#yield-table thead tr th:first-child,
#avg-cycle-table thead tr th:first-child,
#standard-deviation-table thead tr th:first-child {
    border-right: 2px solid #d9d9d9;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    border-left: none;
    border-top-right-radius: 5px;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

#classification-table thead tr th:nth-child(2),
#table-separation-israel-abroad thead tr th:nth-child(2),
#recruites-neto thead tr th:nth-child(2),
#yield-table thead tr th:nth-child(2),
#avg-cycle-table thead tr th:nth-child(n + 2):not(:nth-child(n + 4)) {
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    border-right: none;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

#classification-table thead tr th:last-child,
#table-separation-israel-abroad thead tr th:last-child,
#recruites-neto thead tr th:last-child,
#yield-table thead tr th:last-child,
#avg-cycle-table thead tr th:last-child,
#standard-deviation-table thead tr th:last-child {
    border-left: 2px solid #d9d9d9;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    border-top-left-radius: 5px;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

#classification-table-body tr td:first-child,
#separation-israel-abroad-table-body tr td:first-child,
#recruites-neto tbody tr td:first-child,
#yield-table-body tr td:first-child,
#avg-cycle-table-body tr td:first-child,
#standard-deviation-table-body tr td:first-child {
    border-right: 1.5px solid #d9d9d9;
    border-bottom: 1.5px solid #d9d9d9;
    border-left: none;
    border-bottom-right-radius: 5px;
    text-align: center;
    font-size: 16px;
    /* color: #000000; */
}

#classification-table-body tr td:nth-child(2),
#separation-israel-abroad-table-body tr td:nth-child(2),
#recruites-neto tbody tr td:nth-child(2),
#yield-table-body tr td:nth-child(2),
#avg-cycle-table-body tr td:nth-child(n + 2):not(:nth-child(n + 4)) {
    border-right: none;
    border-bottom: 1.5px solid #d9d9d9;
    border-left: none;
    text-align: center;
    font-size: 16px;
    /* color: #000000; */
}

#classification-table-body tr td:last-child,
#separation-israel-abroad-table-body tr td:last-child,
#recruites-neto tbody tr td:last-child,
#yield-table-body tr td:last-child,
#avg-cycle-table-body tr td:last-child,
#standard-deviation-table-body tr td:last-child {
    border-right: none;
    border-bottom: 1.5px solid #d9d9d9;
    border-left: 1.5px solid #d9d9d9;
    border-bottom-left-radius: 5px;
    text-align: center;
    font-size: 16px;
    /* color: #000000; */
}

#trustee-table-body tr td {
    text-align: center;
    font-size: 16px;
    color: #000000;
}

#trustee-table-body tr td:first-child {
    font-weight: bold;
}

#general-info-table-body tr td {
    background-color: white;
}

#etf-boolean-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    text-align: center;
    width: 50%;
}

.etf-feature-right-side {
    border-right: 2px solid #d9d9d9;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    border-left: 1.5px solid #d9d9d9;
}

.etf-feature-left-side {
    border-left: 2px solid #d9d9d9;
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    border-right: 1.5px solid #d9d9d9;
}

#etf-boolean-features .single-etf-feature-container:first-child {
    border-top-right-radius: 5px;
}

#etf-boolean-features .single-etf-feature-container:nth-child(2) {
    border-top-left-radius: 5px;
}

#etf-boolean-features .single-etf-feature-container:nth-child(9) {
    border-bottom-right-radius: 5px;
}

#etf-boolean-features .single-etf-feature-container:nth-child(10) {
    border-bottom-left-radius: 5px;
}

#etf-tax-status-value,
#etf-payments-value {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
}

#graph-realtime-etf-line,
#graph-realtime-etf-candle {
    /* background-image:url('/wp-content/uploads/2023/08/weinvest-10.png') !important; */
    background-repeat: no-repeat;
    background-size: 94% 91%;
    height: 267px;
    width: 650px;
}

#graph-realtime-etf-line .apexcharts-toolbar,
#graph-realtime-etf-candle .apexcharts-toolbar {
    direction: ltr;
}

.apexcharts-toolbar {
    left: 0;
}

#curr-value-and-daily-change {
    display: flex;
    gap: 15px;
}

#container-clock-history-general,
#fees-and-dedicated-time-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    margin-top: 30px;
    justify-content: space-evenly;
}

#fees-and-dedicated-time-container {
    margin-bottom: 40px;
}

#container-clock-history {
    display: flex;
    flex-direction: column;
    width: 50%;
}

#clocks-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80%;
}

#speedometer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

#speedometer {
    position: relative;
    width: 265px;
    height: 136px;
    display: flex;
    justify-content: center;
    align-items: end;
    overflow: hidden;
    transform: scale(var(--meter-scale));
}

#speedometer-background {
    position: absolute;
    width: 250px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#speedometer-needle-daily {
    position: absolute;
    bottom: 15px;
    width: 50px;
    height: 110px;
    background-color: #000000;
    border-radius: 50px 50px 0 0;
    transform-origin: bottom center;
    transform: rotate(-90deg) translateX(-50%);
    transition: transform 0.9s ease-in-out;
    clip-path: polygon(50% 0%, 60% 100%, 50% 100%, 40% 100%);
    z-index: 1;
    left: 106px;
}

#speedometer-ranges {
    position: absolute;
    width: 265px;
    height: 140px;
    /* bottom: -7px; */
    /* background-image: url("/wp-content/plugins/stock/page/stockSpeedometerDaily/ranges.png"); */
    background: url(https://weinvest.co.il/wp-content/plugins/stock/page/stockSpeedometerDaily/speedometerBody.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* background-size: cover; */
}

#speedometer-center {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: solid 2px #b7bbc7;
    background-color: #1e222d;
    outline: solid 7px #1e222d;
    z-index: 2;
}

#min-max-clock-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: 100%;
    /*77%*/
}

#min-max-current-container {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(3, 1.25fr);
    grid-template-rows: repeat(2, 0.25fr);
    justify-content: center;
    gap: 1px;
    transform: translateY(7px);
    width: 60%;
    font-size: 16px;
    /* font-weight: 700; */
    border: 1px solid #d9d9d9c9;
    border-radius: 5px;
}

#min-max-current-container div:nth-child(-n + 3) {
    font-weight: 700;
}

.clock-and-time-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

/* #clock-min-max-daily, */
#historical-info {
    height: 50%;
}

#clock-min-max-daily {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 75px;
    /* height: 35%; */
    width: 40%;
}

#general-info {
    width: 45%;
    height: auto;
}

#general-info-etf-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto) 1fr;
    column-gap: 15px;
    row-gap: 25px;
}

#general-info-etf-grid-container.single-col {
    grid-template-columns: 1fr;
}

#dedicated-time-title {
    text-align: center;
}

.title-above-table {
    margin: 0;
    position: relative;
    /* right: 97px; */
    padding: 5px;
    font-weight: 500;
}

#fees-title {
    width: 100%;
    text-align: center;
}

.graph-time-btn,
.graph-type-btn {
    background-color: #ffffff;
    border: 1px solid #97133f;
    cursor: pointer;
    color: #3199f4;
    box-shadow: 0 2px 4px gray;
    border-radius: 10px;
    border: none;
    margin: 6px;
    text-wrap-mode: nowrap;
    width: 85px;
    height: 26px;
    text-align: center;
}

.graph-time-btn.active,
.graph-type-btn.active {
    /* background-color: #97133f; */
    background-color: #3199f4;
    color: white;
}

#wrapper-of-chart {
    display: flex;
    flex-direction: column;
    width: 55%;
}

/* #graph-realtime-etf-line svg{
    width:650px;
} */
#line-to-choose-date {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 50%;
    gap: 2px;
    position: relative;
    top: 25px;
}

#buttons-to-filter-by-time {
    box-shadow: 0 2px 4px #c9cfe0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

#select-date-confirm {
    word-wrap: break-word;
    margin-right: 2px;
    outline: none;
    list-style: none;
    font-style: normal;
    box-sizing: border-box;
    padding: 0px;
    cursor: pointer;
    vertical-align: middle;
    /* width: 100px; */
    justify-self: left;
    /* border: 1px solid #e5b485; */
    /* border-radius: 10px; */
    color: #3d7fb8;
    background-color: white;
    /* height: 35px; */
}

.label-info {
    line-height: 2;
}

.hide-graph {
    display: none;
}

.hide-element {
    display: none !important;
}

#fromDate,
#toDate,
#search-input-box {
    background-color: white !important;
}

#fromDate,
#toDate {
    border: 2px solid #45a6dd !important;
    border-radius: 5px;
    padding: 3px;
    height: 28px;
}

#redemptions-neto-year-table,
#avg-deals-3-months-table {
    width: 100%;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
}

.single-rt-title-and-value {
    width: 97%;
}

#wrapper-of-chart .apexcharts-toolbar .apexcharts-pan-icon {
    display: none;
}

#wrapper-of-chart .apexcharts-toolbar {
    gap: 6px;
}

#export-buttons-etfs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

#facebook-share-button,
#twitter-share-button,
#whatsapp-share-button,
#print-as-image-button,
#export-data-button,
#save-as-image-button {
    background-color: #ffffff;
    padding: 0px !important;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#facebook-share-button {
    background: url("https://weinvest.co.il/wp-includes/images/fb-icon.svg");
    height: 22px;
    width: 22px;
}

#whatsapp-share-button {
    background: url("https://weinvest.co.il/wp-includes/images/whatsapp-icon.svg");
    height: 22px;
    width: 22px;
}

.general-item-etf {
    /* width: 80%; */
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.etf-feature-name {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

/* #clock-and-general-info, */
#etf-historical-info-fees-dedicated-hour {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 25px;
}

#clock-and-general-info {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 3%;
    margin-top: 25px;
}

.center-standard-deviation-no-dedicated-time-and-fees {
    justify-content: center !important;
}

#etf-classification-separation-trustee-and-features {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 40px;
}

#classification-separation-trustee {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
}

.etf-history-title-and-data,
#history-data-container {
    display: flex;
    flex-direction: column;
}

#history-data-container {
    width: 45%;
}

.clock-unit-etf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}

.clock-unit-etf:not(:last-child)::after {
    content: ":";
    position: absolute;
    font-size: 1em;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.4);
    top: 45%;
    right: -95%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {

    #realtime-data-section,
    #clock-and-general-info,
    #etf-historical-info-fees-dedicated-hour,
    #etf-classification-separation-trustee-and-features {
        flex-direction: column;
    }

    #wrapper-of-chart,
    #clock-min-max-daily,
    #etf-boolean-features,
    #history-data-container,
    #dedicated-hours-and-fees,
    #etf-general-data-container,
    #general-info-etf-container,
    #classification-separation-trustee,
    .etf-exposure-profile-container-parts,
    #profile-exposure-general-data-container {
        width: 100% !important;
    }

    #profile-exposure-general-data-container {
        margin-top: 25px;
    }

    #graph-realtime-etf-line {
        width: 100vw;
    }

    .rt-item-title {
        height: 50px;
        padding: 5px;
    }

    #time-on-sunday,
    #time-on-other-days {
        height: 50%;
    }

    .data-part td {
        direction: ltr;
    }
}