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

html {
  font-family: "rubik", arial;
  direction: rtl;
  /* text-align: center; */
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
  /* min-height: 710px; */
  font-size: 14px;
}

table {
  width: 100%;
  border-spacing: 0px;
}

th,
td {
  box-sizing: border-box;
  /* width: 12%; */
  width: auto;
  padding: 3px;
  direction: ltr;
}

th {
  cursor: default;
  text-align: center;
  margin-right: 10px;
}

.favorite-tr:not(:first-child):hover,
.folder-content:hover,
#my-stocks-table thead .folder-content:hover {
  background-color: transparent; /*rgb(170, 186, 186)*/
}

.folder-content {
  position: relative;
}

#current,
#daily-minimum,
#daily-maximum {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 5px;
  line-height: 1.8;
}

/* #folder-values {
  width: 100%;
  margin: 7px 5px 39px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border: 1px solid #3d7fb8;
} */

#title-folder-value {
  font-size: 18px;
  font-weight: bold;
}

.green {
  color: #008000; /*seagreen*/
}

.red {
  color: #ff0000; /*tomato*/
}

/* .stars {
  direction: ltr;
  min-width: 80px;
}

.stars > span {
  color: #ef9b4b;
  
  -webkit-text-stroke: 1px #ef9b4b;
  
} */

.folder {
  cursor: pointer;
}

.folder-chart {
  /* width: 45%; */
  margin-top: 50px;
  width: 100%;
  /* float: left; */
}

.appendComments,
.displayComments {
  width: 711px;
  margin: 0px;
  display: inline-block;
  max-height: 300px;
}

.appendComments {
  width: 1080px;
}

#comments,
#comments > li > ul,
#addComment {
  list-style-type: none;
  padding-inline-start: 0px;
  padding: 0;
  margin: 0;
}

.username-comment {
  color: white;
  background-color: #3d7fb8;
  font-weight: bold;
  /* width: 100%; */
  text-align: right;
  border-radius: 5px;
  padding-right: 10px;
}

#username-comment,
#username-comment-guest-page {
  color: #3d7fb8;
  background-color: white;
  padding: 0;
}

.text-comment {
  width: 100%;
  text-align: right;
  margin-bottom: 16px;
}

.time-comment {
  width: 100%;
  font-size: 0.7em;
  text-align: left;
  margin-bottom: 30px;
}

#addStock {
  list-style-type: none;
  position: relative;
  text-align: right;
  /* background-color: silver; */
  background-color: white;
  direction: rtl;
  padding-inline-start: 10px;
  animation: easy-in 0.4s;
  max-width: 340px;
  margin: 15px auto;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  /* align-items:center; */
  box-shadow: 1px 1px 1px 1px;
  border-radius: 15px;
}

#add-stock-container-content {
  display: flex;
  flex-direction: column; /*row*/
  gap: 1em;
}

#labels-only,
#container-for-inputs {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /*space-around*/
}

#container-for-inputs input {
  border-right: none;
  outline: none;
  border: 2px solid #f1f1f1;
}

#addStock li:last-child {
  align-self: center;
}

#addStock li:first-child {
  display: flex;
  align-items: center;
  gap: 55px;
}

#popup-heading {
  display: flex;
  align-items: center;
  gap: 55px;
}

#addStock li input {
  background-color: #e8f4ff !important;
  border-bottom: 2px solid #346cad !important;
}

#addStockPanelTitle {
  font-size: 19px;
  font-family: "rubik";
}

#addStockToBagBtn {
  color: white;
  background-color: #60a8c4 !important;
  width: 62px;
  border-radius: 10px;
  align-self: center;
  margin: 1.5em;
}

#close-add-stock-panel {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  background-color: transparent;
  display: flex;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  color: black;
  position: relative;
  top: -7px;
  right: -3px;
}

#editStock {
  padding: 0;
}

#editStock input {
  outline: none;
  background-color: #e8f4ff !important;
}

.edit-stock-title {
  align-self: center;
  margin: 0;
  position: relative;
  top: 25px;
}

.blur {
  background: #000;
}

.edit-stock-container {
  list-style-type: none;
  position: relative;
  text-align: right;
  background-color: silver;
  direction: rtl;
  padding-inline-start: 10px;
  animation: easy-in 0.4s;
  max-width: 340px;
  margin: 15px auto;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}

#edit-stock-container {
  position: relative;
  background-color: white;
  direction: rtl;
  padding-inline-start: 10px;
  box-shadow: 1px 1px 1px 1px;
  border-radius: 15px;
}

#popup-button-on-close,
#add-stock-to-bag-button {
  /* background-color:#346cad !important; */
  align-self: center;
  /* color:white; */
  width: 55px;
}
#addStockbutton {
  /* float: right; */
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  border: 1px solid #3d7fb8;
  color: #3d7fb8;
  background-color: white;
  height: 30px;
  position: relative;
  top: 11px;
  border: 1px solid #e5b485;
}

#folder-stocks-content {
  /* max-height: 409px; */
  /* overflow-y: scroll; */
  direction: ltr;
  max-height: 160px;
}

#folder-history-content {
  max-height: 300px !important; /*400px*/
  /* overflow-y: scroll !important; */
}

#folder-stocks-content,
#folder-history-content {
  overflow-y: auto;
  display: block;
}

#folder-history-content td {
  border-top: none;
}

/* #folder-stocks-content tr td:nth-child(2) {
  text-align: right;
} */

/* #folder-history-content tr td:nth-child(1),
#folder-history-content tr td:nth-child(2),
#folder-history-content tr td:nth-child(3),
#folder-history-content tr td:nth-child(4),
#folder-history-content tr td:nth-child(5),
#folder-history-content tr td:nth-child(6),
#folder-history-content tr td:nth-child(7) {
  text-align: center;
} */

/* #folder-stocks-content tr td:nth-child(2) a {
  color: blue;
}
#folder-stocks-content tr td:nth-child(1),
#folder-stocks-content tr td:nth-child(3),
#folder-stocks-content tr td:nth-child(4),
#folder-stocks-content tr td:nth-child(5),
#folder-stocks-content tr td:nth-child(6),
#folder-stocks-content tr td:nth-child(7),
#folder-stocks-content tr td:nth-child(8) {
  text-align: center;
} */

#folder-history > thead > tr,
#my-stocks-table > thead > tr {
  /* width: 100%; */
}

#my-stocks-table tr {
  display: grid;
  /* grid-template-columns: 4% 20% 10% 10% 10% 6% 10% 10% 9% 15%; */
  grid-template-columns: 12% 20% 10% 10% 10% 6% 10% 10% 14% 15%;
  align-items: center;
  text-align: center;
  justify-items: center;
  direction: rtl;
}

#my-stocks-table tr:hover,
#my-stocks-table tr:not(:first-child):hover,
#folder-history-content tr:hover,
#favorite-tbody tr:hover {
  background-color: #e9e9e9;
}

/* #my-stocks-table thead,
#folder-history thead,
#favorite-tbody  thead{
    background-color:none !important;
} */

#my-stocks-table-body {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
  top: 20px;
  border: 1px solid #3d7fb8;
  margin-top: 20px;
  margin-bottom: 20px;
}

#bag-value-title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

#social-table-body {
  width: 100%;
}

#social-table-body tr td,
#social-table thead tr th {
  text-align: center;
}

#favorite-tbody tr td:nth-child(2),
#favorite-tbody tr td:nth-child(3),
#favorite-tbody tr td:nth-child(4),
#favorite-tbody tr td:nth-child(5),
#favorite-tbody tr td:nth-child(6),
#favorite-tbody tr td:nth-child(7),
#favorite-tbody tr td:nth-child(8) {
  text-align: center;
}

#favorite-tbody {
  max-height: 390px;
  overflow-y: scroll;
}

#folder-history tr {
  display: grid;
  grid-template-columns: 17% 12% 11% 12% 11% 12% 14% 14%;
  direction: rtl;
}

#sum {
  display: grid;
  grid-template-columns: repeat(8, 1fr) 1.4fr;
}

#addStock {
  display: none;
}

#editStock > li::before {
  opacity: 0;
}

#editStock > li:last-child {
  text-align: center;
}

#editStock > li {
  transition: opacity 0.3s;
}

#search-results {
  height: fit-content;
  overflow: hidden scroll;
  max-height: 170px;
  position: absolute;
  background-color: whitesmoke;
  z-index: 5;
  width: 59%; /*80%*/
}

#search-results > li:hover {
  background-color: lightgray;
}

button {
  margin: 10px;
  border: 0px;
  border-radius: 5px;
  background-color: #aababa;
  padding: 5px;
}

button:hover {
  cursor: pointer;
}

.inner-cont {
  border-radius: 10px;
  background-color: #f1f7ff;
  margin: 10px;
  padding: 0 15px 30px;
}

.folder-scroll {
  max-height: 430px;
  overflow-y: auto;
}

.cont {
  display: grid;
  grid-template-columns: 50% 50%;
}

/* #editRow {
  animation: easy-in 0.4s;
} */

.pro-background {
  /* background-image: url("https://weinvest.co.il/wp-content/uploads/logo-pro-transparent-30.png") !important; */
  background-size: 80%;
  background-position: 80% 50%;
  background-repeat: no-repeat;
}

.normal-background {
  /* background-image: url('/wp-content/uploads/2023/04/graph-bg.png') !important; */
  /* background-image:url("https://weinvest.co.il/wp-content/uploads/2024/03/logo.png") !important; */
  /* background-image: url("/wp-content/uploads/2023/08/weinvest-10.png") !important; */
  background-size: 77% 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.apexcharts-canvas {
  /* background-image: url('/wp-content/uploads/2023/04/graph-bg.png') !important; */
  background-size: 77% 50%;
  background-position: center;
  background-repeat: no-repeat;
}

@-webkit-keyframes easy-in {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#add-stock-container {
  position: fixed;
  z-index: 3;
  width: 100%;
}

#add-stock-btn {
  font-family: "rubik";
}

#addStock > li,
#editStock > li {
  padding: 5px;
  display: block;
}

li > input {
  border: 0px;
  border-radius: 5px;
  padding: 5px;
}

.exit-button {
  border-radius: 3px;
  position: relative;
  /* right: 133px; */
  right: 192px;
  /* top: -10px; */
  top: -52px;
  background-color: tomato;
  color: white;
  border: 0;
  margin: 0px;
  padding: 4px 7px;
}

#add-comment-button {
  padding: 5px;
  background: #f1f7ff; /*#f2f9fc*/
  border: 1px solid #3d7fb8;
  border-radius: 2px;
}

#add-comment-button:hover {
  background: #ffebcd80;
}

.option-stock > a {
  background-color: #ffebcd80;
  padding: 3px;
  margin: 0px;
  color: #000;
  text-decoration: none;
  border-radius: 1px;
  cursor: pointer;
  font-size: 0.9em;
}

.option-stock > a:first-child {
  display: none;
}

#addStock > li:first-child {
  text-align: left;
}

#addStock > li > .exit-button {
  right: -4px;
  top: -10px;
}

.graph-btns-container {
  display: flex;
  justify-content: center;
}

.graph-btns-container button {
  background-color: #fff9f4;
  border: 1px solid #97133f;
  margin-right: 1px;
  border-radius: 0;
}

.graph-btns-container button:focus {
  background-color: rgb(151, 19, 63);
  color: white;
}

.folder-tabs {
  display: flex;
  /* justify-content: space-evenly; */
  justify-content: center;
  align-items: center;
  position: relative;
  top: -20px;
}

#folder-tbody tr td {
  text-align: center;
}

#mybag-data {
  width: 86%;
}

#container-table-and-add-stock {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 43px;
  justify-content: space-between;
}

#folder-tabs-header {
  border: none !important;
}

.folder-tab {
  width: 15%;
  border: 2px solid black;
  margin: 0;
  padding: 15px;
  position: relative;
  cursor: pointer;
  /* color: #3d7fb8; */
  color: #1c85df;
  text-align: center;
}

.apexcharts-menu-item.exportCSV {
  display: none;
}

.folder-tab.active {
  /* background-color: rgb(170, 186, 186);
     */
  /* background-color:#f1f7ff; */
  background-color: transparent;
}

#editRow,
#editRowFavorites,
#popupAddFavorite,
#popupCannotAddFavorite {
  position: fixed;
  top: 0px;
  width: 100%;
  display: flex !important;
  z-index: 99;
}

#editRowFavorites:hover {
  background-color: transparent !important;
}

#editRow:hover {
  background: rgb(217 217 217 / 50%) !important;
}

#editRow {
  background: rgb(217 217 217 / 50%);
  backdrop-filter: blur(2px);
}

.popup-td {
  width: 100%;
  margin: auto auto;
}

.option-stock > a.active {
  background-color: #e8f4ff !important;
  color: black;
  border: 1px solid black;
  box-shadow: 2px 2px 5px black;
}

#delete-stock-from-bag,
#add-stock-to-bag-button,
#popup-button-on-close {
  border: 1px solid #e5b485;
  color: #3d7fb8 !important;
  background-color: white;
}

.title {
  margin: 0;
  font-weight: normal;
  font-size: 19.5px;
  color: #333333;
  text-align: center;
}

.folder-value-table {
  width: 250px;
  margin: 0 auto;
}

.apexcharts-tooltip-text-y-value {
  direction: ltr;
}

.apexcharts-toolbar {
  right: unset !important;
}

.action-icon {
  cursor: pointer;
}

#mobile-history-stock-extended-data-popup.hide-stock-popup,
#mobile-stock-extended-data-popup.hide-stock-popup {
  display: none;
}

#folder-history-content > tr td[id^="tabledata-"] a {
  color: #000000;
  text-decoration: none;
  text-align: right;
}

#folder-history-content tr td:nth-child(2) div:first-child {
  gap: 5px;
}

#folder-history {
  border-bottom: 2px solid #d9d9d9;
}

@media screen and (min-width: 1024px) {
  #personal-bag-pro-page-folder-data-wrapper .folder-details,
  #personal-bag-pro-page-folder-data-wrapper #folder-values {
    width: 50%;
  }
  .post-insight-block {
    width: -webkit-fill-available;
    margin-right: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    width: 95%;
    position: relative;
    top: 3rem;
  }
}

@media only screen and (orientation: portrait) and (max-width: 650px) {
  .folder-chart,
  .appendComments,
  .displayComments {
    width: 100%;
  }

  .cont {
    grid-template-columns: 100%;
  }

  /* textarea {
    width: 97%;
    resize: none;
  } */

  /* .folder-content > td:nth-child(4),
  .folder-content > td:nth-child(n + 6) {
    display: none;
  } */

  /* .folder-content > th:nth-child(4),
  .folder-content > th:nth-child(n + 6) {
    display: none;
  } */

  .option-stock > a:first-child {
    display: initial;
  }

  .exit-button {
    right: 0px;
  }
}

/* #folder-content tr td:nth-child(1), */
#folder-most-followers tr,
#my-followed-folders tr {
  cursor: pointer;
}

#folder-content tr td,
#my-followed-folders tr td {
  text-align: center;
}

/* #folder-content tr, */
#table-my-stocks-in-bag thead tr,
#table-my-stocks-in-bag #folder-content tr,
#folder-history-content tr,
#table-history-stocks-in-bag thead tr {
  display: grid;
  grid-template-columns: repeat(7, 1fr) 1.3fr;
  align-items: center;
}

#table-my-stocks-in-bag {
  direction: rtl;
}

#table-history-stocks-in-bag {
  max-height: 180px;
  margin-bottom: 15px;
  overflow: scroll;
  direction: rtl;
}

#folder-content tr td:nth-child(1):hover,
#my-followed-folders tr td:nth-child(1):hover {
  color: blue;
}

#my-stock-table {
  /* width: 250px; */
  margin: 0 auto;
}

#all-folders-link {
  position: absolute;
  right: 15px;
  top: -1px;
  font-size: 14px;
}

.subTitle {
  text-align: center;
  margin: 15px;
  font-weight: 600;
}

#social-table {
  /* width: 250px; */
  width: 800px;
  border-spacing: 0px;
  position: relative;
  top: 37px;
}

#social-table-follow-button-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sortable-personal-bag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

ul#addComment {
  /* width: 710px; */
  margin-left: 5px;
}

/* textarea {
  font-size: 15px;
  height: 150px;
  width: 100%;
} */

.tables-cotnainer {
  display: flex;
  justify-content: space-evenly;
}

#comment-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.appendComments {
  flex: 0 1 50%;
  padding: 10px;
  box-sizing: border-box;
}

.displayComments {
  margin-top: 10px;
  flex: 0 1 50%;
  overflow-y: auto;
}

#personal-folder-tab,
#follow-folder-tab,
#favorite-folder-tab {
  border: none;
}

#follow-folder-tab:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  width: 0%;
  height: 5px;
  background-color: #e5b485;
  transition:
    width 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
}

/* #personal-folder-tab:hover:after{
    content: "";
    position: absolute;
    bottom: 3px;
    left: 10%;
    width: 0%;
    height: 5px;
    background-color: #e5b485;
    transition: width 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
        left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
} */

#follow-folder-tab.active:after,
#follow-folder-tab:hover:after,
#follow-folder-tab:focus:after {
  content: "";
  position: absolute;
  bottom: 3px;
  /* left: 50%;
    width: 0%; */
  height: 5px;
  background-color: #e5b485;
  transition:
    width 500ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
  left: 70% !important;
  right: 43% !important;
  width: 146px !important;
}

#sum-values-of-table {
  /* display:flex;
    flex-direction:row;
    justify-content:space-evenly; */
  display: grid;
  grid-template-columns: repeat(9, 1fr); /* Creates 9 equal-width columns */
  grid-gap: 10px;
}

#sum-values-of-table div {
  padding: 4px;
  text-align: left;
}

#sum-values-of-table div:nth-child(8) {
  position: relative;
  left: 70px;
}
#sum-values-of-table div:nth-child(6) {
  position: relative;
  right: 51px;
}

#user-comment-text-area {
  height: 98px;
  font-family: "rubik", arial;
}

#user-comment-textarea {
  font-family: "rubik", arial;
}

#comment-user-and-time,
#comment-user-and-time-guest-page {
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-bottom: 1px solid #e5b485;
}

#comments-display-section {
  max-height: 150px;
  overflow-y: scroll;
}

#comments-display-guest-page {
  max-height: 183px;
  overflow-y: scroll;
  width: 50%;
}

#add-comments-section-guest-page {
  width: 50%;
}

#time-comment,
#time-comment-guest-page {
  margin-bottom: 0;
  color: #3d7fb8;
  font-size: 13px;
  font-weight: 600;
  width: 31%;
}

#comments-section-container,
#comments-section-container-guest-page {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}

#comment-description,
#comment-description-guest-page {
  margin-top: 10px;
}

#container-display-append-comments {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  top: 13px;
}

/* #icon-delete-stock-tooltip{
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
  
} */

/* #icon-delete-stock:hover #icon-delete-stock-tooltip{
    visibility: visible;
} */

/* #open-tab-btn.active::after,
#open-tab-btn:hover:after,
#open-tab-btn:focus:after {
    left: 535% !important;
    right: 34% !important;
    width: 128px !important;
}

#close-tab-btn.active::after,
#close-tab-btn:hover:after,
#close-tab-btn:focus:after {
    left: 9% !important;
    right: 39% !important;
    width: 88px !important;
} */
#message-invalid-amount-message,
#price-error-details,
#amount-error-details,
.price-error-details-on-edit,
.amount-error-details-on-edit {
  color: red;
  line-height: 1;
  white-space: nowrap;
}
.message-invalid-amount-hidden {
  display: none;
}
.form-add-stock-line {
  display: flex;
  width: 88%;
  justify-content: space-between;
}

.input-field-container-of-popup input[name="stock-quantity"]:invalid,
.input-field-container-of-popup input[name="stock-price"]:invalid,
#stock-quantity-edit:invalid,
.popup-window-edit-line #stock-price:invalid {
  border: 2px solid #d56060 !important;
  outline: none;
}

#popup-exit-btn,
#popup-exit-btn-favorites {
  background-color: white;
  color: black;
  position: relative;
  right: -184px;
  top: -17px;
}

#popup-exit-btn-favorites {
  background-color: white;
  color: black;
  position: relative;
  right: 0px;
  top: -44px;
  cursor: pointer;
}

#popup-delete-favorites-title {
  z-index: 1;
}

#search-input-container {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 5px;
}

#search-input-container input {
  font-family: "rubik", sans-serif;
  /* border: 1px solid #7da7cc !important; */
  border: 2px solid #00367c !important;
  border-radius: 3px;
  background-color: white !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><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;
  text-align: center;
  box-sizing: border-box;
  background-position: 50px center;
  background-size: 16px 16px;
  height: 30px;
  width: 250px;
  padding-right: 0;
  padding-left: 5px;
}

#search-stocks-favorites::placeholder {
  font-weight: 350;
  color: #3472a7;
  font-size: 15px;
}

#results-stocks-favorites {
  height: fit-content;
  /* overflow: hidden scroll; */
  overflow-y: hidden;
  overflow-x: hidden;
  align-items: center;
  justify-content: center;
  max-height: 206px;
  position: absolute;
  background-color: white;
  z-index: 5;
  width: 245px;
  list-style-type: none;
  top: 33px;
  padding-inline-start: 0;
  /* border: 1px solid #c5c5c5; */
  border: 2px solid #00367c;
  margin: 0;
}

#results-stocks-favorites > li {
  padding: 2px 0px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-family: "rubik", Arial, sans-serif !important;
  background-color: white;
}

#results-stocks-favorites > li:hover {
  /* background-color: #3472a7d1;
  color: white; */
  color: black;
  background-color: #e6ebf2;
}

#delete-stock-from-favorites,
#add-stock-to-favorites {
  color: #3d7fb8;
  background-color: white !important;
  width: 62px;
  align-self: center;
  border: 1px solid #e5b485;
}

#personal-folder-of-user {
  padding: 5px 327px;
  color: #3d7fb8;
  text-decoration: 3px underline #e5b485;
}

.bag-value-parameters {
  line-height: 1.6;
}

/* #personal-folder-of-user:after{
    content: "";
    position: absolute;
    display:block;
    top:71px;
    bottom: 3px;
    left: 36%;
    width: 35%;
    height: 5px;
    background-color: #e5b485;
    transition: width 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
        left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
} */

#user-follow button {
  position: relative;
  top: 47px;
  left: 55px;
  border: 1px solid #e5b485;
  color: #3d7fb8;
  height: 30px;
  background-color: White !important;
}

#my-stocks-history-title {
  display: flex;
  justify-content: center;
  margin-top: 5%;
}

#user-stocks-in-bag {
  position: relative;
  top: 50px;
  margin-bottom: 45px;
}

#add-favorite-stock-container,
#add-favorite-stock-container-error {
  position: relative;
  background-color: white;
  direction: rtl;
  padding-inline-start: 10px;
  box-shadow: 1px 1px 1px 1px;
  border-radius: 15px;
}

#message-no-history,
#no-comments-message {
  text-align: center;
  display: flex;
  justify-content: center;
}

#folder-graph-section {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

#add-comment-btn-container,
#add-comment-button-guest-page {
  display: flex;
  justify-content: center;
}

#name-time-comment-container,
#name-time-comment-container-guest-page {
  display: flex;
  flex-direction: column;
  width: 90%;
}

#user-profile-picture,
#user-profile-picture-guest-page {
  width: 10%;
}

#chart-user-profits {
  width: 100%;
  height: 290px; /*290px*/
}

#chart-user-profits .apexcharts-canvas {
  background-image: none !important;
}

.profit-btn-active,
.chosen-filter-graph-btn {
  background-color: #97133f !important;
  color: white;
}

/* #main-content-AI-bag-pro{
    height:1700px;
} */

.tooltip-window {
  height: fit-content;
  width: 100px;
}

.tooltip-date {
  background-color: #eceff1;
  text-align: right;
  margin-top: 0;
  border-bottom: 1px solid #ddd;
}

.tooltip-date,
.tooltip-value {
  padding-right: 10px;
}

.filter-button-folder-profit {
  width: auto;
  height: 19.76px;
  line-height: 0.75;
  margin-left: 3px;
}

#graph-filter-by-time-buttons {
  margin-top: -50px; /*-17px*/
  margin-bottom: 22px; /*13px*/
}

#comment-wrapper,
.history-table-wrapper-container {
  position: relative;
}

/* NEW DESIGN CLASSES */
.folder-values,
.folder-details {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  box-shadow: 2px 4px 4px #c9cfe0;
}

.guest-folder,
.guest-folder {
  width: 49%;
}

.folder-values-grid {
  width: 40%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  border-radius: 5px;
  box-shadow: 2px 4px 4px gray;
}

.seprator {
  grid-column: 1 /5;
  grid-row: 2;
  height: 1px;
  background-color: #c7cfd7;
}

.folder-values-titles {
  display: flex;
  justify-content: space-evenly;
  padding-right: 45px;
  gap: 25px;
  width: 40%;
}
.folder-values-titles-grid,
.folder-values-data-grid,
.folder-details-titles-grid,
.folder-details-data-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: 100%;
  align-items: center;
  text-align: center;
  text-wrap: auto;
}
.folder-values-titles-grid > div,
.folder-details-titles-grid > div {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.folder-details-titles {
  display: flex;
  justify-content: space-evenly;
  padding-right: 18px;
  gap: 25px;
  width: 40%;
}
.folder-values-data {
  display: flex;
  justify-content: space-evenly;
  padding-right: 26px;
  gap: 22px;
  width: 40%;
}

.folder-details-data {
  display: flex;
  justify-content: space-evenly;
  padding-right: 26px;
  gap: 22px;
  width: 40%;
}

.folder-values-titles > div,
.folder-details-titles > div {
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
}

.add-stock-container {
  background-color: #45a6dd;
  text-align: center;
  color: white;
  /* box-shadow: 8px 9px #1477da40, 0 0 0 3px #1477da40; */
  box-shadow: 8px 9px #f5f5f5;
  border-radius: 5px;
  font-weight: 400;
  font-size: 1.1rem;
}

.add-stock-container:hover {
  box-shadow:
    0 0 0 3px #f5f5f5,
    4px 6px #c9cfe0;
  background-color: #71bbe5;
  transform: translate(2px, 2px);
}

.folder-headers-container {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  gap: 200px;
}

.folder-header {
  font-weight: 700;
}

.icon-container,
.icon-container.is-down {
  flex-shrink: 0;
  cursor: default;
  /* z-index: 1; */
}

.icon-container:hover {
  animation: moveArrowIconUp 1s ease-in-out infinite;
}
.icon-container.is-down:hover {
  cursor: default;
  animation: moveArrowIconDown 1s ease-in-out infinite;
}

@keyframes moveArrowIconUp {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(3px, -3px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes moveArrowIconDown {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(3px, 3px);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes moveToggleThumbRight {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(50px, 0);
  }
}
@keyframes moveToggleThumbLeft {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-50px, 0);
  }
}

.graph-container {
  width: 200px;
  height: 100px;
  border: 2px solid black;
  border-radius: 5px;
  /* transform: scale(0.4); */
  display: none;
  position: absolute !important;
  z-index: 10000;
  background-color: white;
}

#graph-container.graph-container {
  border: 1px solid #d9d9d9;
}

.hide-graph-btn {
  position: relative;
  /*  */
}

.action-icon:hover {
  color: #3199f4;
}

.chart-btn {
  color: #3199f4;
  border-radius: 10px;
  box-shadow: 0 2px 4px gray;
  background-color: white;
  width: 60px;
}

.chart-btn-active {
  color: white;
  background-color: #3199f4;
}

.graph-btns-panel {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 20px;
}

.chart-btn-wraper {
  display: flex;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 2px 4px #c9cfe0;
  position: relative;
  top: 0px;
}

.chart-btn-wraper-guest {
  display: flex;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 2px 4px #c9cfe0;
  position: relative;
  /* top: -50px; */
  /* left: 15%; */
}

.tooltip-chart {
  width: 100%;
  height: 100%;
}

.date-picker {
  border: 2px solid #c9cfe0 !important;
  border-radius: 4px;
  height: 24px;
  background-color: white !important;
}

.date-picker-wraper {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  /* right: 280px; */
}

.date-picker-wraper-guest {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  /* right: 210px; */
  top: 10px;
}

.search-btn {
  cursor: pointer;
}

.comment-section-container,
.my-insights-container {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: 0 2px 4px gray;
  width: 49%;
}
.write-comment-block {
  display: flex;
  /* flex-direction: column;
  width: 80%; */
}

/* .post-insight-block {
  width: -webkit-fill-available;
  margin-right: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  width: 95%;
  position: relative;
  top: 3rem;
} */

#empty-input-message {
  color: red;
  font-size: 14px;
}

#empty-input-message.message-not-displayed {
  display: none;
}
.post-insight-btn {
  margin: 10px;
  border: 0px;
  border-radius: 7px;
  background-color: #45a6dd;
  color: #fff;
  padding: 5px;
  height: 20%;
  width: 25%;
  align-self: flex-end;
}

#message-no-insights {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}

.comment-text-area {
  resize: none;
  flex-grow: 1;
  height: 60px;
  font-family: "rubik";
  font-size: 14px;
}

.publish-comment-block {
  background-color: #f0f0f0;
}

.publish-comment-btn {
  margin: 0 10px;
  border-radius: 7px;
  background-color: #45a6dd;
  color: white;
  font-weight: 600;
  height: 30px; /*20%*/
  align-self: center; /*end*/
}

.user-img {
  float: right;
  margin-top: -10px;
  margin-left: 5px;
  margin-right: 5px;
}

.comments-block,
.insights-block {
  max-height: 300px;
  direction: rtl;
  padding: 10px;
}

#comments-block {
  max-height: 381px;
}

.insight-seperator,
.comment-seperator {
  height: 1px;
  background-color: gray;
  margin-top: 5px;
}

#view-insights {
  width: 100%;
}

#comment-insight-container .my-insights-container {
  flex-direction: column;
}

.view-insights-invisible {
  display: none;
}
.view-insights-visible {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
}

.comments-scrollable-wraper,
.insights-scrollable-wraper,
.table-scrollable-wraper {
  direction: ltr;
  overflow-y: auto;
  margin-top: 10px;
  width: 100%;
}

.comments-scrollable-wraper {
  margin: 0 5px;
}

.insights-scrollable-wraper {
  margin-top: 10px;
}

.insight-textarea {
  width: 95%;
  height: 110px;
  position: relative;
  border: 3px solid #f5f5f5;
  font-family: "rubik";
  font-size: 14px;
}

.comment-details-container {
  display: flex;
  margin-right: 5px;
  gap: 15px;
  margin-bottom: 10px;
}
.insight-details-container {
  display: flex;
  margin-right: 5px;
  gap: 15px;
  margin-bottom: 10px;
  text-align: start;
}

.comment-interaction-container,
.insight-interaction-container {
  display: flex;
  align-items: end;
  font-size: smaller;
  align-self: end;
}

.comment-container,
.insight-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
}

.titles-container {
  display: flex;
  justify-content: center;
  gap: 39%;
  position: relative;
  top: 19px;
  font-size: 22px;
}

.comments-scrollable-wraper::-webkit-scrollbar-track,
.insights-scrollable-wraper::-webkit-scrollbar-track,
#folder-stocks-content::-webkit-scrollbar-track,
.table-scroll-container::-webkit-scrollbar-track,
.history-table-scroll-container::-webkit-scrollbar-track,
#folder-history-content::-webkit-scrollbar-track {
  border-radius: 10px;
}
.comments-scrollable-wraper::-webkit-scrollbar-thumb,
.insights-scrollable-wraper::-webkit-scrollbar-thumb,
#folder-stocks-content::-webkit-scrollbar-thumb,
.table-scroll-container::-webkit-scrollbar-thumb,
.history-table-scroll-container::-webkit-scrollbar-thumb,
#folder-history-content::-webkit-scrollbar-thumb {
  background: #3199f4;
  border-radius: 10px;
}

/* .stocks-table tr, */

.stocks-table th,
.history-stocks-table th,
.guest-stocks-table th,
.favorites-table th {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
}

.favorite-tbody tr {
  height: 34px;
}

.stocks-table td,
.history-stocks-table td {
  text-align: center;
  /* padding-right: 20px; */
}

.guest-stocks-table tr td {
  padding: 0px !important;
}

#my-stocks-table > thead > tr,
#folder-history > thead > tr,
#favorites-table > thead > tr,
#table-my-stocks-in-bag > thead > tr,
#table-history-stocks-in-bag > thead > tr {
  border: 2px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

#my-stocks-table > tbody > tr,
#folder-history > tbody > tr,
#favorites-table > tbody > tr,
#table-my-stocks-in-bag > tbody > tr,
#table-history-stocks-in-bag > tbody > tr {
  border-bottom: 1px solid #d9d9d9;
  border-right: 2px solid #d9d9d9;
  border-left: 2px solid #d9d9d9;
}

#my-stocks-table > tbody > tr:hover,
#folder-history > tbody > tr:hover,
#favorites-table > tbody > tr:hover,
#table-my-stocks-in-bag > tbody > tr:hover,
#table-history-stocks-in-bag > tbody > tr:hover {
  background-color: #e9e9e9;
}

#my-stocks-table > tfoot > tr,
#folder-history > tfoot > tr,
#favorites-table > tfoot > tr,
#table-my-stocks-in-bag > tfoot > tr,
#table-history-stocks-in-bag > tfoot > tr {
  border: 2px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}

/* #my-stocks-table tr {
  border: 2px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
} */

/* .stocks-table tr td:nth-child(2),
.stocks-table tr td:nth-child(5) {
  padding-right: 40px !important;
}
.stocks-table tr td:nth-child(3),
.stocks-table tr td:nth-child(6) {
  padding-right: 35px !important;
}
.stocks-table tr td:nth-child(4) {
  padding-right: 50px !important;
} */

.history-stocks-table tr td:nth-child(2) {
  padding-right: 5px !important;
}
/* .history-stocks-table tr td:nth-child(5) {
  padding-right: 15px !important;
} */

/* .history-stocks-table tr td:nth-child(3) {
  padding-right: 35px !important;
} */
/* .history-stocks-table tr td:nth-child(4) {
  padding-right: 20px !important;
} */
.history-stocks-table tr td:nth-child(6) {
  padding-right: 0px !important;
}
.history-stocks-table tr td:nth-child(7) {
  padding-right: 4px !important;
}
.stocks-table-row {
  border-bottom: 2px solid rgb(215, 211, 211);
}

.arrows {
  display: flex;
  flex-direction: column;
}

/* .header-row {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center;
} */

/* stars classes */

.star {
  font-size: 20px;
}

.full-star {
  margin-right: -9px;
}
.full-star > label::before {
  content: "★";
}

/* .half-star > label::after {
} */
.half-star-container {
  display: flex;
}
.half-star {
  margin-right: -1rem;
}
.half-star > label:before {
  content: "⯨";
}

.reverse-half-star {
  /* margin-right: -1.5px !important;*/
}
.reverse-half-star > label:before {
  content: "⯨";
  display: inline-block;
  transform: rotateY(180deg);
}

.stars-row {
  /* display: grid;
  grid-template-columns: repeat(5, 1fr); */
  display: flex;
}

.gold-star {
  color: #ffa723;
}

.gray-star {
  color: #666;
}

/* .hide-gold {
  overflow: hidden;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 10s linear;
}

.animate-gold {
  clip-path: inset(0 0% 0 0);
} */
/*  */

/* toggle button my insights*/

/* Property 1=Default */

.insight-toggle-btn {
  position: absolute;
  width: 93.86px;
  height: 32.94px;
  scale: 0.75;
  left: -5px;
  /* top: 20px;  */
}

.page-toggle-btn {
  position: relative;
  display: block;
  width: 77.86px;
  height: 32.94px;
  scale: 0.75;
  margin-left: -8px;
}
.follow-toggle-btn {
  position: relative;
  display: block;
  width: 77.86px;
  height: 32.94px;
  scale: 0.75;
  right: 10px;
  margin-left: -8px;
}

/* Rectangle 66 */

.toggle-btn-privacy-container,
.follow-btn-container {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background: #99c4de;
  border: 2px solid #000000;
  border-radius: 36px;
  /* width: 100%; */
}

/* אישי */
.label-privacy {
  position: absolute;
  left: 10%;
  right: 60.58%;
  top: 22.22%;
  bottom: 18.52%;
  font-family: "rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}

.label-follow,
.label-page-privacy {
  right: 50%;
}

/* Rectangle 68 */

.toggle-btn-privacy-thumb,
.toggle-btn-follow-thumb {
  position: absolute;
  left: 64.99%;
  right: 3.5%;
  top: 9.53%;
  bottom: 9.52%;
  background: #ffffff;
  border-radius: 10px;
}

.thumb-move-right {
  left: 4.26%;
  right: 64.23%;
  animation: moveToggleThumbRight 0.2s linear;
}

.thumb-move-left {
  left: 64.99% !important;
  right: 3.5% !important;
  animation: moveToggleThumbLeft 0.2s linear;
}

/* Rectangle 66 */
.insight-privacy-checkbox:checked + .toggle-btn-privacy-container,
.page-privacy-checkbox:checked + .toggle-btn-privacy-container,
.follow-checkbox:not(.not-logged-in):checked + .follow-btn-container {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;

  background: #ffc67c;
  border: 2px solid #000000;
  border-radius: 36px;
}

/* Rectangle 68 */
.insight-privacy-checkbox:checked
  + .toggle-btn-privacy-container
  .toggle-btn-privacy-thumb,
.page-privacy-checkbox:checked
  + .toggle-btn-privacy-container
  .toggle-btn-privacy-thumb,
.follow-checkbox:not(.not-logged-in):checked
  + .follow-btn-container
  .toggle-btn-follow-thumb:not(.not-logged-in) {
  position: absolute;
  left: 4.26%;
  right: 64.23%;
  top: 9.53%;
  bottom: 9.52%;
  background: #ffffff;
  border-radius: 10px;
  /* animation: 3s linear; */
}

/* ציבורי */
.insight-privacy-checkbox:checked
  + .toggle-btn-privacy-container
  .label-privacy,
.page-privacy-checkbox:checked + .toggle-btn-privacy-container .label-privacy,
.follow-checkbox:not(.not-logged-in):checked
  + .follow-btn-container
  .label-privacy {
  position: absolute;
  left: 55.4%;
  right: 10.18%;
  top: 24.46%;
  bottom: 16.29%;

  font-family: "rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  text-align: center;

  color: #000000;
}
/*  */

/* Popup window */

/* Rectangle 54 */
.popup-window {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 400px;
  height: 275px;
  left: 30%;
  top: 0;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 3px 10px 4px #c9cfe0;
  border-radius: 10px;
}

.short-popup {
  height: 200px;
}

.popup-window-btns-container {
  /* Frame 38 */
  width: 80%;
  align-self: center;
  display: flex;
  justify-content: center;
}

.popup-window-buy-btn {
  /* Rectangle 77 */
  position: absolute;
  width: 85px;
  height: 42px;
  left: 206px;
  top: 11px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.popup-window-btn {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
}
.popup-window-btn > label {
  color: #60a8c4;
}
.popup-window-btn-active {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  background: #60a8c4 !important;
}
.popup-window-btn-active > label {
  color: #fff;
}

.popup-window-btn > .plus {
}

.popup-window-buy-btn-container {
  /* Rectangle 77 */
  width: 85px;
  height: 42px;
  transform: scale(0.65);
  /* left: 103px;
  top: 11px; */

  border-radius: 5px;
}

.popup-window-delete-btn-container {
  /* Rectangle 77 */
  width: 85px;
  height: 42px;
  transform: scale(0.65);
  /* left: 0px;
  top: 11px; */

  border-radius: 5px;
}
.popup-window-sell-btn-container {
  /* Rectangle 77 */
  width: 85px;
  height: 42px;
  transform: scale(0.65);
  /* left: 206px;
  top: 11px; */
  border-radius: 5px;
}

.popup-window-btn-sell-text {
  /* מכירה */
  position: absolute;
  width: 85px;
  height: 25.85px;
  left: 206px;
  top: 14px;
}
.popup-window-btn-buy-text {
  /* קנייה */
  position: absolute;
  width: 85px;
  height: 25.36px;
  left: 103px;
  top: 14.1px;
}
.popup-window-btn-delete-text {
  /* מחיקה */

  position: absolute;
  width: 85px;
  height: 25.85px;
  left: 0px;
  top: 14px;
}

.popup-window-btn-text {
  font-family: "rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  position: relative;
  bottom: 5px;
  /* color: #60a8c4; */
}
.popup-window-btn-active-text {
  font-family: "rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  /* color: #ffffff; */
}

.popup-window-edit-container {
  display: grid;
  margin-right: 40px;
  gap: 5px;
  min-width: 70%;
}

.popup-window-edit-line {
  display: grid;
  grid-template-columns: 20% 60%;
}

.popup-window-edit-input {
  height: 20px;
  align-self: center;
  border: 3px solid rgb(176, 173, 173, 0.2) !important;
  border-radius: 5px;
  background-color: white !important;
  width: 180px;
}

.popup-window-text {
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #60a8c4;
}

.popup-window-warning-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  color: #000;
}

.popup-window-confirm-btn {
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #60a8c4;
  width: 60px;
  height: 24px;
  color: white;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  bottom: 10px;
}
/*  */

#table-scroll-container #my-stocks-table thead tr.folder-content {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#table-scroll-container #my-stocks-table #folder-stocks-content tr:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.favorites-table tr {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  justify-items: center;
  border-collapse: collapse;
  align-items: center;
}

#no-stocks-message,
#no-history-stocks-message {
  text-align: center;
  font-size: 20px;
}

.no-scroll {
  overflow: hidden;
}

/* scroll table */
.table-scroll-container {
  max-height: 409px; /* Set a fixed height for the scrollable area */
  overflow-y: auto; /* Enable vertical scrolling */
  direction: ltr;
  background-color: white;
  margin-bottom: 10%;
}

.table-scroll-container a,
.folder-history-content a {
  text-decoration: none;
  color: #000;
}

#folder-history-content.folder-history-content tr {
  /* grid-template-columns: 12% 9% 16% 9% 16% 9% 15% 11% !important; */
  grid-template-columns: 13% 11% 13% 10% 16% 9% 15% 11% !important;
}

#folder-content tr td:nth-child(2) .name-and-icon-container,
#folder-history-content tr td:nth-child(2) .name-and-icon-container {
  display: flex;
  justify-content: end;
  gap: 16px;
}

#folder-content tr td:nth-child(2) .name-and-icon-container a,
#folder-history-content tr td:nth-child(2) .name-and-icon-container {
  flex-grow: 1;
  text-align: right;
}

#folder-content
  tr
  td:nth-child(2)
  .name-and-icon-container
  .icon-container
  span.material-symbols-outlined,
#folder-history-content
  tr
  td:nth-child(2)
  .name-and-icon-container
  .icon-container
  span.material-symbols-outlined {
  color: green;
}

#folder-content
  tr
  td:nth-child(2)
  .name-and-icon-container
  .icon-container.is-down
  span.material-symbols-outlined,
#folder-history-content
  tr
  td:nth-child(2)
  .name-and-icon-container
  .icon-container.is-down
  span.material-symbols-outlined {
  color: red;
}
.history-table-scroll-container {
  overflow-y: auto; /* Enable vertical scrolling */
  direction: ltr;
  background-color: white;
}

.table-scroll-container table,
.history-table-scroll-container table {
  width: 98%;
  border-collapse: collapse; /* Collapse borders for a cleaner look */
}

.table-scroll-container thead,
.history-table-scroll-container thead {
  /* Position the header at the top, making it fixed */
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 2;
}

.table-scroll-container tfoot {
  /* Position the header at the top, making it fixed */
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: 2;
}

#table-scroll-container {
  overflow: hidden;
}

/* chart toolbar */
.apexcharts-toolbar {
  direction: ltr;
  top: -40px !important;
  left: 240px;
}

#folder-graph-section .apexcharts-toolbar {
  top: -10px;
  left: 97px;
}

.apexcharts-toolbar .apexcharts-menu.apexcharts-menu-open {
  position: absolute !important;
  top: 25px !important;
  left: 75px;
}

.apexcharts-menu-icon svg {
  /* visibility: hidden; */
  display: none;
}

.apexcharts-toolbar .apexcharts-reset-icon svg path {
  fill: white;
}

.apexcharts-toolbar .apexcharts-toolbar-custom-icon[title="Menu"] {
  position: relative;
  left: 5px;
}
.apexcharts-toolbar .apexcharts-toolbar-custom-icon[title="Search By Dates"] {
  position: relative;
  top: 2px;
  left: 14px;
}

.apexcharts-toolbar .apexcharts-pan-icon.apexcharts-selected svg {
  pointer-events: all !important;
}

/* Icons */
/* black trash */
.simple-line-icons--trash {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  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 1024 1024'%3E%3Cpath fill='%23000' d='m896.8 159.024l-225.277.001V71.761c0-40.528-33.008-72.496-73.536-72.496H426.003c-40.528 0-73.52 31.968-73.52 72.496v87.264h-225.28c-17.665 0-32 14.336-32 32s14.335 32 32 32h44.015l74.24 739.92c3.104 34.624 32.608 61.776 67.136 61.776h398.8c34.528 0 64-27.152 67.088-61.472l74.303-740.24h44.016c17.68 0 32-14.336 32-32s-14.32-31.985-32-31.985zM416.482 71.762c0-5.232 4.271-9.505 9.52-9.505h171.984c5.248 0 9.536 4.273 9.536 9.505v87.264h-191.04zm298.288 885.44c-.16 1.777-2.256 3.536-3.376 3.536h-398.8c-1.12 0-3.232-1.744-3.425-3.84l-73.632-733.856H788.45z'/%3E%3C/svg%3E");
}

/* blue trash */
.simple-line-icons--trash:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23006BB7' d='m896.8 159.024l-225.277.001V71.761c0-40.528-33.008-72.496-73.536-72.496H426.003c-40.528 0-73.52 31.968-73.52 72.496v87.264h-225.28c-17.665 0-32 14.336-32 32s14.335 32 32 32h44.015l74.24 739.92c3.104 34.624 32.608 61.776 67.136 61.776h398.8c34.528 0 64-27.152 67.088-61.472l74.303-740.24h44.016c17.68 0 32-14.336 32-32s-14.32-31.985-32-31.985zM416.482 71.762c0-5.232 4.271-9.505 9.52-9.505h171.984c5.248 0 9.536 4.273 9.536 9.505v87.264h-191.04zm298.288 885.44c-.16 1.777-2.256 3.536-3.376 3.536h-398.8c-1.12 0-3.232-1.744-3.425-3.84l-73.632-733.856H788.45z'/%3E%3C/svg%3E");
}

/* black plus */
.mdi--plus-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  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='%23000' d='M4 9h5V4h6v5h5v6h-5v5H9v-5H4zm7 4v5h2v-5h5v-2h-5V6h-2v5H6v2z'/%3E%3C/svg%3E");
}
/* blue plus */
.mdi--plus-outline:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2345A6DD' d='M4 9h5V4h6v5h5v6h-5v5H9v-5H4zm7 4v5h2v-5h5v-2h-5V6h-2v5H6v2z'/%3E%3C/svg%3E");
}

/* black minus */
.typcn--minus-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  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='%23000' d='M18 16H6c-1.654 0-3-1.346-3-3s1.346-3 3-3h12c1.654 0 3 1.346 3 3s-1.346 3-3 3M6 12c-.551 0-1 .449-1 1s.449 1 1 1h12c.551 0 1-.449 1-1s-.449-1-1-1z'/%3E%3C/svg%3E");
}

/* blue minus */
.typcn--minus-outline:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2345A6DD' d='M18 16H6c-1.654 0-3-1.346-3-3s1.346-3 3-3h12c1.654 0 3 1.346 3 3s-1.346 3-3 3M6 12c-.551 0-1 .449-1 1s.449 1 1 1h12c.551 0 1-.449 1-1s-.449-1-1-1z'/%3E%3C/svg%3E");
}

/*person */
.proicons--person {
  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='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 20.75a1 1 0 0 0 1-1v-1.246c.004-2.806-3.974-5.004-8-5.004s-8 2.198-8 5.004v1.246a1 1 0 0 0 1 1zM15.604 6.854a3.604 3.604 0 1 1-7.208 0a3.604 3.604 0 0 1 7.208 0'/%3E%3C/svg%3E");
}

/* Blue plus */
.plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2360A8C4' d='M5 13v-1h6V6h1v6h6v1h-6v6h-1v-6z'/%3E%3C/svg%3E");
}

.plus.active {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  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='M5 13v-1h6V6h1v6h6v1h-6v6h-1v-6z'/%3E%3C/svg%3E");
}

/* blue minus */
.minus {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2360A8C4' d='M5 13v-1h13v1z'/%3E%3C/svg%3E");
}

.minus.active {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  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='M5 13v-1h13v1z'/%3E%3C/svg%3E");
}

.trash {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  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='%2360A8C4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 9l-.84 8.398c-.127 1.273-.19 1.909-.48 2.39a2.5 2.5 0 0 1-1.075.973C15.098 21 14.46 21 13.18 21h-2.36c-1.279 0-1.918 0-2.425-.24a2.5 2.5 0 0 1-1.076-.973c-.288-.48-.352-1.116-.48-2.389L6 9m7.5 6.5v-5m-3 5v-5m-6-4h4.615m0 0l.386-2.672c.112-.486.516-.828.98-.828h3.038c.464 0 .867.342.98.828l.386 2.672m-5.77 0h5.77m0 0H19.5'/%3E%3C/svg%3E");
}

.trash.active {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 10px;
  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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 9l-.84 8.398c-.127 1.273-.19 1.909-.48 2.39a2.5 2.5 0 0 1-1.075.973C15.098 21 14.46 21 13.18 21h-2.36c-1.279 0-1.918 0-2.425-.24a2.5 2.5 0 0 1-1.076-.973c-.288-.48-.352-1.116-.48-2.389L6 9m7.5 6.5v-5m-3 5v-5m-6-4h4.615m0 0l.386-2.672c.112-.486.516-.828.98-.828h3.038c.464 0 .867.342.98.828l.386 2.672m-5.77 0h5.77m0 0H19.5'/%3E%3C/svg%3E");
}

/* add folder */
.mdi--briefcase-add-outline {
  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='%23000' d='M10 2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v5.53a5.7 5.7 0 0 0-2-1.19V8H4v11h8.08c.12.72.37 1.39.72 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4V4a2 2 0 0 1 2-2m4 4V4h-4v2zm0 11h3v-3h2v3h3v2h-3v3h-2v-3h-3z'/%3E%3C/svg%3E");
}

.mdi--briefcase-add-outline:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23006BB7' d='M10 2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v5.53a5.7 5.7 0 0 0-2-1.19V8H4v11h8.08c.12.72.37 1.39.72 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4V4a2 2 0 0 1 2-2m4 4V4h-4v2zm0 11h3v-3h2v3h3v2h-3v3h-2v-3h-3z'/%3E%3C/svg%3E");
}

#no-folder-values-header {
  font-size: 20px;
  text-align: center;
}

#no-favorites-popup {
  background-color: #d9d9d9;
  width: 80%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  right: 10%;
}

.flex-container {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#favorites {
  min-height: 570px; /*300px*/
}

.logo-image {
  position: absolute;
  bottom: 11%;
  z-index: 100;
  width: 26%;
  right: 1%;
}
.guest-logo-image {
  position: absolute;
  bottom: 18%;
  z-index: 100;
  width: 26%;
  right: 1%;
}

#favoritePopUp {
  display: none;
  position: fixed !important;
  z-index: 5;
  /* top: 109px; */
  transform: translate(-144%, 50%);
  background-color: rgba(0, 0, 0, 0.5);
  list-style-type: none;
  position: relative;
  text-align: right;
  background-color: silver;
  background-color: white;
  direction: rtl;
  padding-inline-start: 10px;
  animation: easy-in 0.4s;
  max-width: 340px;
  width: 290px;
  height: 115px;
  margin: 15px auto;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  /* align-items: center; */
  box-shadow: 1px 1px 1px 1px;
  border-radius: 15px;
}

.stars-row-no-pro {
  position: relative;
  z-index: 0;
}

.stars-row-no-pro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/plugins/folder/stars-white-bg.png");
  background-size: cover;
  background-position: center;
  filter: blur(2px);
  z-index: -1; /* keep it behind the content */
}

#favorites-table > tbody > tr:hover .stars-row-no-pro::before,
#my-stocks-table > tbody > tr:hover .stars-row-no-pro::before {
  background-image: url("/wp-content/plugins/folder/stars-hover-bg.png");
}

td:has(.stars-row-no-pro) {
  width: 100%;
}

#my-folder-favorites-table-wrapper {
  overflow-x: auto;
}

/* #favorites-table #favorite-tbody tr td:first-child {
  position: sticky;
  right: 0;
  background-color: white;
} */

/* #favorites-table {
  width: max-content;
} */

#my-folder-favorites-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #3d7fb8;
  border-radius: 10px;
}

#my-stocks-table thead .folder-content th.sorted-by-column::before,
#folder-history
  .history-table-scroll-container.thead
  .folder-content
  th.sorted-by-column::before {
  content: "*";
  color: #ffa527;
  font-size: 28px;
  font-weight: 700;
}

#add-stock-button-mobile.hidden-on-desktop,
#folder-stocks-content tr td:first-child.more-info-on-stock-mobile,
#folder-history-content tr td:first-child.more-info-on-stock-mobile {
  display: none;
}

#edit-stock-container .popup-window-confirm-btn {
  position: relative;
  bottom: -2px;
}

#folder-history .history-table-scroll-container.thead tr th.sortable {
  justify-content: center;
}

#folder-history-content > tr,
#folder-history .history-table-scroll-container.thead tr {
  grid-template-columns: 12% 11% 12% 11% 12% 14% 14% 14%;
}

#stock-delete-message-success {
  color: green;
  font-weight: 500;
}

#table-my-stocks-in-bag,
#table-history-stocks-in-bag {
  border-bottom: 2px solid #d9d9d9;
}

#table-my-stocks-in-bag #folder-content {
  display: block;
  max-height: 12em;
  overflow: auto;
}
#table-my-stocks-in-bag #folder-content tr td.more-info-on-stock-mobile {
  display: none;
}

#folder-stocks-content tr td:nth-child(2),
#my-folder-favorites-table-wrapper #favorite-tbody tr td:first-child {
  width: 100%;
}

#folder-stocks-content tr td:nth-child(2) div[id^="tabledata-"] a {
  text-align: right;
}

#folder-stocks-content tr td:nth-child(2) div[id^="tabledata-"] {
  gap: 5px;
}

#my-folder-favorites-table-wrapper
  #favorite-tbody
  tr
  td:first-child
  div:first-child {
  justify-content: flex-end !important;
  gap: 5px;
}

#favorite-tbody tr.favorite-tr td:first-child div span:first-child {
  text-align: right;
}

#add-stock-container.hide-add-stock-container {
  display: none;
}

#add-stock-container:focus {
  outline: none;
  border: none !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  #personal-folder-tab.active:after,
  #personal-folder-tab:hover:after,
  #personal-folder-tab:focus:after {
    content: "";
    position: absolute;
    bottom: 14px; /*3px*/
    /* left: 50%;
    width: 0%; */
    height: 3.5px; /*5px*/
    /* background-color: #e5b485; */
    background-color: #ff9f42;
    transition:
      width 500ms cubic-bezier(0.25, 0.8, 0.25, 1),
      left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
    left: 17% !important; /*50%*/
    right: 21.1% !important; /*19%*/
    width: 117px !important; /*121px*/
  }
  #favorite-folder-tab:after {
    content: "";
    position: absolute;
    bottom: 14px; /*3px*/
    left: 15%;
    width: 0%;
    height: 3.5px; /*5px*/
    /* background-color: #e5b485; */
    background-color: #ff9f42;
    transition:
      width 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
      left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
  }

  #favorite-folder-tab.active:after,
  #favorite-folder-tab:hover:after,
  #favorite-folder-tab:focus:after {
    content: "";
    position: absolute;
    bottom: 14px; /*3px*/
    /* left: 50%;
    width: 0%; */
    height: 3.5px; /*5px*/
    /* background-color: #e5b485; */
    background-color: #ff9f42;
    transition:
      width 500ms cubic-bezier(0.25, 0.8, 0.25, 1),
      left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
    left: 25% !important;
    right: 20.1% !important; /*17.1%*/
    width: 122px !important; /*143px*/
  }

  #personal-folder-tab:after {
    content: "";
    position: absolute;
    bottom: 14px; /*3px*/
    left: 85%;
    width: 0%;
    height: 3.5px; /*5px*/
    /* background-color: #e5b485; */
    background-color: #ff9f42;
    transition:
      width 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
      left 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  #page-container .folder-tabs {
    width: 100%;
    justify-content: space-around;
    white-space: nowrap;
    margin-bottom: 7em;
    top: 1em !important;
  }

  #personal-folder-tab,
  #favorite-folder-tab {
    width: 7em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #006bb70f;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    padding: 10px;
  }

  #personal-folder-tab.active,
  #favorite-folder-tab.active {
    background-color: #006bb7;
    color: #ffffff;

    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  #personal-folder-tab.active:after,
  #favorite-folder-tab.active:after {
    content: "";
    position: absolute;
    bottom: 14px;
    /* height: 3.5px; */
    /* background-color: #ff9f42; */
    /* transition:
      width 500ms cubic-bezier(0.25, 0.8, 0.25, 1),
      left 400ms cubic-bezier(0.25, 0.8, 0.25, 1); */
    pointer-events: none;
    /* width: 100% !important; */
    /* right: 0 !important; */
    left: 10%;
    top: 50%;
    width: 12px !important;
    height: 12px;
    border-left: 4px solid white;
    border-bottom: 4px solid white;
    border-radius: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: transparent;
  }

  /* .main-content-of-personal-bag-pro-page .folder-headers-container {
    display: none;
  } */

  #folder-values,
  .main-content-of-personal-bag-pro-page .folder-details {
    width: 100%;
    /* overflow-x: auto; */
  }

  #folder-values::-webkit-scrollbar,
  .main-content-of-personal-bag-pro-page .folder-details::-webkit-scrollbar,
  .graph-btns-panel::-webkit-scrollbar,
  /* .titles-container, */
  #table-scroll-container::-webkit-scrollbar,
  #all-folders-link,
  #folder-main-data-container .guest-folder.folder-details::-webkit-scrollbar,
  #folder-graph-section .chart-btn-wraper-guest::-webkit-scrollbar,
  #history-table-container::-webkit-scrollbar,
  #favorites::-webkit-scrollbar,
  /* .titles-container, */
  #add-stock-btn.hidden-on-mobile,
  #personal-folder-container-main-page
    #main-content.main-content::-webkit-scrollbar,
  #data-container-and-actions-under-graph::-webkit-scrollbar,
  #my-stocks-table #table-footer,
  #folder-value-and-details-top-page-part .folder-details::-webkit-scrollbar {
    display: none;
  }

  #history-table-container {
    direction: rtl;
    /* max-height: 18.9em; */
    border-bottom: 2px solid #d9d9d9;
  }

  #folder-history thead tr th:not(:nth-child(7)) {
    justify-content: center;
  }

  #folder-history thead tr th:nth-child(8) {
    justify-content: end;
  }

  #folder-history tr td:nth-child(7) {
    padding-right: 38px;
  }

  /* #folder-history #folder-history-content tr, */
  #table-history-stocks-in-bag thead tr.folder-content
  /* #folder-history-content tr.folder-content  */ {
    grid-template-columns: 17% repeat(6, 1fr) 14% !important;
  }

  /* #folder-history tr td:nth-child(2) {
    padding-right: 25px !important;
  } */

  #folder-history tr td:nth-child(3)
  /* #folder-history-content tr td:nth-child(2)  */ {
    padding-right: 14px !important;
  }

  /* .folder-details-data-grid {
    gap: 2em;
  } */

  #folder-values-data-grid {
    gap: 2.5em; /*4.3em*/
  }

  #folder-values-data-grid #curr-profit,
  #folder-values-data-grid #curr-yeild,
  #folder-values-data-grid #min-day-profit,
  #folder-values-data-grid #max-day-profit,
  #folder-values-data-grid #history-value {
    padding: 0px 10px;
  }

  #folder-values .folder-values-titles-grid {
    gap: 2.5em; /*3.5em*/
  }

  .main-content-of-personal-bag-pro-page div:nth-child(2),
  #personal-bag-pro-page-folder-data-wrapper {
    flex-direction: column-reverse;
    gap: 2em;
  }

  /* #folder-values-data-grid, */
  /* .folder-details-data-grid, */
  /* .folder-details-titles-grid */
  /* #table-my-stocks-in-bag, */
  /* #table-history-stocks-in-bag  */
  /* {
    width: max-content;
  } */

  #table-my-stocks-in-bag.guest-stocks-table thead tr {
    grid-template-columns: repeat(3, 1fr);
  }

  #table-my-stocks-in-bag.guest-stocks-table #folder-content tr {
    grid-template-columns: 0.35fr 1fr 1fr 1fr;
    border-bottom: none;
  }

  /* #folder-values .folder-values-titles-grid,
  .folder-details .seprator {
    width: 46rem;
  } */
  #folder-graph-section .graph-btns-panel,
  #folder-graph-section .chart-btn-wraper-guest {
    width: 100vw;
    white-space: nowrap;
    overflow-x: auto;
  }

  /* #folder-graph-section .graph-btns-panel .chart-btn-wraper {
    justify-content: center;
  } */

  #folder-graph-section .graph-btns-panel .chart-btn-wraper > button {
    margin: 7px;
    flex-basis: 0;
  }

  #stocks-folder-graph-container {
    width: 116vw;
  }

  #stocks-folder-graph-container .logo-image {
    right: 11%;
  }

  #stocks-folder-graph-container #chart,
  #stocks-folder-graph-container #chart .apexcharts-canvas,
  #stocks-folder-graph-container #chart .apexcharts-canvas svg,
  #comment-section,
  .my-insights-container {
    width: 100% !important;
  }

  #chart .apexcharts-toolbar {
    right: 34em !important;
    top: 1em !important;
  }

  #table-scroll-container {
    overflow: auto;
    direction: rtl;
  }

  /* #folder-stocks-content tr td:first-child,
  #folder-history-content tr td:first-child, */
  #favorites-table #favorite-tbody tr.favorite-tr td:first-child
  /* #user-stocks-in-bag
    #table-my-stocks-in-bag
    #folder-content
    tr
    td:first-child  */ {
    position: sticky;
    right: 0;
    background-color: #f1f7ff;
    width: 100%;
    height: 100%;
  }

  /* #table-my-stocks-in-bag thead tr th:first-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #f1f7ff;
    height: 100%;
    margin-right: 0;
  } */

  /* #my-stocks-table thead tr th:first-child, */
  /* #folder-history
    .history-table-scroll-container.thead
    .folder-content.header-row
    th:first-child, */
  #table-my-stocks-in-bag thead tr th:first-child,
  #table-history-stocks-in-bag thead tr th:first-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #f1f7ff;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    margin-right: 0;
  }

  #my-stocks-table thead tr.folder-content,
  #my-stocks-table thead tr.folder-content th:nth-child(2) {
    align-items: flex-start;
  }

  #my-stocks-table thead tr.folder-content th:nth-child(2) {
    align-items: center;
  }

  /* #my-stocks-table thead tr.folder-content, */
  /* #folder-history
    .history-table-scroll-container.thead
    .folder-content.header-row, */
  #table-my-stocks-in-bag thead tr,
  #table-history-stocks-in-bag thead tr.folder-content {
    background-color: #f1f7ff;
  }

  #user-stocks-in-bag
    #table-my-stocks-in-bag
    #folder-content
    tr
    td:first-child {
    justify-content: center;
  }

  #table-my-stocks-in-bag #folder-content tr,
  #table-my-stocks-in-bag thead tr {
    grid-template-columns: repeat(7, 1.7fr) 1.3fr;
  }

  /* #folder-stocks-content tr td:first-child .icon-container {
    transform: translateX(-4em);
  } */

  #my-stocks-table {
    width: 84em;
  }

  #folder-history {
    width: 100%;
  }
  #view-insights .post-insight-block {
    margin: 0;
  }

  #comment-insight-container {
    flex-direction: column;
    gap: 3em;
  }
  #folder-history-content::-webkit-scrollbar-thumb {
    background: #3199f4;
    border-radius: 10px;
  }

  /* #folder-values .seprator {
    width: 46em;
  } */

  /* .main-content-of-personal-bag-pro-page .folder-details .seprator {
    width: 51em;
  } */

  #folder-main-data-container,
  #folder-comments-and-insights-container {
    flex-direction: column-reverse;
    gap: 3em;
  }

  #personal-folder-of-user {
    padding: 0;
  }

  #folder-main-data-container .guest-folder.folder-details {
    width: 100%;
    overflow-x: auto;
  }

  #guest-folder-profit-graph-container #guest-folder-logo-profit-graph {
    bottom: 12%;
    right: 6%;
  }

  #table-my-stocks-in-bag #folder-content tr td:first-child {
    position: sticky;
    right: 0;

    background-color: white;
    height: 100%;
    display: flex;
    align-items: center;
  }

  #comment-section-container {
    width: 100%;
  }

  #folder-main-data-container
    .guest-folder.folder-details
    .folder-details-data-grid {
    gap: 3em;
    padding-right: 3em;
    grid-template-columns: repeat(5, 0.5fr);
  }

  #folder-main-data-container .folder-details-titles-grid {
    grid-template-columns: repeat(5, 0.7fr);
  }

  #folder-main-data-container .guest-folder.folder-details .seprator {
    width: 36em;
  }

  #viewers-guest-folder {
    padding-left: 0.8em;
  }

  #followers-guest-folder,
  #open-time-guest-folder {
    padding-right: 1em;
  }

  #is-public-guest-folder .follow-toggle-btn {
    right: 0;
    transform: translateX(1em);
  }

  /* #curr-yeild-guest-folder {
    transform: translateX(-1.1em);
  } */

  /* #min-day-guest-folder {
    transform: translateX(-2.1em);
  } */

  /* #folder-values-data-grid #curr-yeild {
    transform: translateX(0.5em);
  } */

  /* #folder-values-data-grid #min-day-profit {
    transform: translateX(1em);
  } */

  /* #folder-values-data-grid #max-day-profit,
  #folder-values-data-grid #history-value {
    transform: translateX(2em);
  } */

  /* .guest-folder.folder-values
    #folder-values-data-grid
    #history-value-guest-folder {
    transform: translateX(-4.2em);
  } */
  /* .guest-folder.folder-values #folder-values-data-grid #max-day-guest-folder {
    transform: translateX(-3em);
  } */

  #folder-values .folder-values-titles-grid div:nth-child(3) {
    padding-right: 1em;
  }

  /* #folder-values .folder-values-titles-grid div:nth-child(4) {
    margin-right: 1em;
  } */

  .folder-details .folder-details-data-grid {
    /* padding-right: 2em;
    gap: 5em; */
    justify-items: center;
    align-items: flex-start;
    /* gap: 2em; */
  }

  #folder-values .folder-values-titles-grid div:first-child(5) {
    padding-right: 2em;
  }

  #comment-insight-container
    .my-insights-container
    label[for="insight-privacy-checkbox"] {
    position: relative;
    display: block;
    /* top: -41em; */
  }

  #add-insight-btn {
    position: relative;
    /* top: 15em; */
    margin-bottom: 0;
  }

  #view-insights #insights-scrollable-wraper {
    position: relative;
    /* top: 3em; */
  }

  #table-scroll-container {
    max-height: 22.5em;
  }

  #folder-stocks-content tr td div[id$="rt-graph"] a,
  #folder-history-content tr td[id|="tabledata"] a {
    width: auto;
    flex-grow: 0 !important;
  }

  #folder-stocks-content tr td div[id$="rt-graph"],
  #folder-history-content tr td div:first-child,
  #favorite-tbody .favorite-tr td div:first-child {
    justify-content: center !important;
  }

  #favorites {
    overflow-y: auto;
    max-height: 31em;
  }

  #no-history-stocks-message {
    position: absolute;
    right: 6em;
  }

  #folder-value-and-details-top-page-part {
    flex-direction: column;
    gap: 1em;
  }

  #folder-value-and-details-top-page-part .folder-details {
    box-shadow: 3px 10px 4px 0px rgba(201, 207, 224, 1);
    width: 99%;
    border-radius: 10px;
    overflow-x: auto;
  }
  #folder-value-and-details-top-page-part
    .folder-details
    .folder-details-titles-grid,
  #folder-value-and-details-top-page-part
    .folder-details
    .folder-details-data-grid,
  #folder-value-and-details-top-page-part
    #folder-values
    #folder-values-data-grid {
    width: auto;
  }

  #folder-value-and-details-top-page-part
    .folder-details
    .folder-details-titles-grid
    > div {
    font-size: 16px;
    font-weight: 500;
  }

  #folder-value-and-details-top-page-part .folder-details-titles-grid {
    /* gap: 5em;
    padding-right: 2em; */
    justify-items: center;
    gap: 2em;
  }

  #main-content::after {
    background: none;
  }

  #folder-stocks-content tr td:nth-child(n + 5):not(:nth-child(n + 11)),
  #my-stocks-table thead tr th:nth-child(n + 4):not(:nth-child(n + 11)),
  #folder-history
    .history-table-scroll-container.thead
    tr
    th:nth-child(n + 4):not(:nth-child(n + 9)),
  #folder-history-content tr td:nth-child(n + 5):not(:nth-child(n + 10)) {
    display: none;
  }

  #folder-followers .proicons--person {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIwIDIyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE4LjM3MjcgMjAuOTk5OFYxOC43Nzc1QzE4LjM3MjcgMTcuNTk4OCAxNy45MTUxIDE2LjQ2ODMgMTcuMTAwNiAxNS42MzQ4QzE2LjI4NjEgMTQuODAxMyAxNS4xODE0IDE0LjMzMyAxNC4wMjk1IDE0LjMzM0g1LjM0MzE2QzQuMTkxMjkgMTQuMzMzIDMuMDg2NTggMTQuODAxMyAyLjI3MjA4IDE1LjYzNDhDMS40NTc1OCAxNi40NjgzIDEgMTcuNTk4OCAxIDE4Ljc3NzVWMjAuOTk5OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNjg2MyA5Ljg4OTAxQzEyLjA4NSA5Ljg4OTAxIDE0LjAyOTUgNy44OTkxNCAxNC4wMjk1IDUuNDQ0NTFDMTQuMDI5NSAyLjk4OTg3IDEyLjA4NSAxIDkuNjg2MyAxQzcuMjg3NjQgMSA1LjM0MzE0IDIuOTg5ODcgNS4zNDMxNCA1LjQ0NDUxQzUuMzQzMTQgNy44OTkxNCA3LjI4NzY0IDkuODg5MDEgOS42ODYzIDkuODg5MDFaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
    position: relative;
    margin-top: 0.5em;
  }

  #folder-views .folder-views-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIyIDE2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEgOEMxIDggNC41MDM1NSAxIDEwLjYzNDggMUMxNi43NjYgMSAyMC4yNjk1IDggMjAuMjY5NSA4QzIwLjI2OTUgOCAxNi43NjYgMTUgMTAuNjM0OCAxNUM0LjUwMzU1IDE1IDEgOCAxIDhaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNjM1OCAxMC42MjVDMTIuMDg3IDEwLjYyNSAxMy4yNjM0IDkuNDQ5NzUgMTMuMjYzNCA4QzEzLjI2MzQgNi41NTAyNSAxMi4wODcgNS4zNzUgMTAuNjM1OCA1LjM3NUM5LjE4NDU2IDUuMzc1IDguMDA4MTIgNi41NTAyNSA4LjAwODEyIDhDOC4wMDgxMiA5LjQ0OTc1IDkuMTg0NTYgMTAuNjI1IDEwLjYzNTggMTAuNjI1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
  }

  #personal-folder-container-main-page #folder-values .seprator {
    width: 0;
  }

  #personal-folder-container-main-page
    #folder-values
    .folder-values-titles-grid,
  #personal-folder-container-main-page #folder-values #folder-values-data-grid {
    display: flex;
    flex-direction: column;
    width: 50%;
  }

  #folder-value-and-details-top-page-part #folder-values {
    flex-direction: row;
    justify-content: space-evenly;
  }

  #folder-value-and-details-top-page-part
    #folder-values
    .folder-values-titles-grid
    > div:not(:last-child),
  #folder-value-and-details-top-page-part #folder-values-data-grid #curr-profit,
  #folder-value-and-details-top-page-part #folder-values-data-grid #curr-yeild,
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #min-day-profit,
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #max-day-profit {
    width: 100%;
    /* padding: 0; */
    border-bottom: 2px solid rgba(245, 245, 245, 1);
    padding: 0.5em 0 0.5em 0.5em;
  }

  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #history-value {
    width: 100%;
    padding: 0.5em 0 0.5em 0.5em;
  }

  #folder-value-and-details-top-page-part
    #folder-values
    .folder-values-titles-grid
    > div {
    padding: 0.5em;
    font-size: 20px;
    font-weight: 600;
  }

  #folder-value-and-details-top-page-part .folder-values-titles-grid,
  #folder-value-and-details-top-page-part #folder-values-data-grid {
    gap: 1.5em;
  }
  #folder-value-and-details-top-page-part #folder-values-data-grid #curr-profit,
  #folder-value-and-details-top-page-part #folder-values-data-grid #curr-yeild,
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #min-day-profit,
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #max-day-profit,
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #history-value {
    padding: 0.9em;
    text-align: right;
    line-height: 1.05em;
  }
  #folder-value-and-details-top-page-part
    #folder-values-data-grid
    #history-value,
  #folder-value-and-details-top-page-part #folder-values-data-grid #curr-yeild {
    word-spacing: 5em;
  }

  #add-stock-button-mobile {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjQiIGhlaWdodD0iMTI1IiB2aWV3Qm94PSIwIDAgMTY0IDEyNSIgZmlsbD0ibm9uZSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY5OV8yNzU1KSI+CjxyZWN0IHg9IjEiIHdpZHRoPSIxNTYiIGhlaWdodD0iMTExIiByeD0iMTAiIGZpbGw9IiM0NUE2REQiIGZpbGwtb3BhY2l0eT0iMC43NiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIi8+CjxyZWN0IHg9IjMuNSIgeT0iMi41IiB3aWR0aD0iMTUxIiBoZWlnaHQ9IjEwNiIgcng9IjcuNSIgc3Ryb2tlPSIjRjVGNUY1IiBzdHJva2Utd2lkdGg9IjUiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGQ9Ik04Mi45OTk0IDUzSDY2Ljk5OTlDNjUuOTM5MSA1MyA2NC45MjE3IDUzLjQ2MzIgNjQuMTcxNSA1NC4yODc3QzYzLjQyMTQgNTUuMTEyMiA2MyA1Ni4yMzA0IDYzIDU3LjM5NjRWOTIuNTY3OEM2MyA5My43MzM4IDYzLjQyMTQgOTQuODUyMSA2NC4xNzE1IDk1LjY3NjVDNjQuOTIxNyA5Ni41MDEgNjUuOTM5MSA5Ni45NjQyIDY2Ljk5OTkgOTYuOTY0Mkg5MC45OTkyQzkyLjA2MDEgOTYuOTY0MiA5My4wNzc0IDk2LjUwMSA5My44Mjc2IDk1LjY3NjVDOTQuNTc3NyA5NC44NTIxIDk0Ljk5OTEgOTMuNzMzOCA5NC45OTkxIDkyLjU2NzhWNjYuMTg5M0w4Mi45OTk0IDUzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTgzLjAwMDQgNTNWNjYuMTg5M0g5NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTc5LjAwMjUgODguMTc3NVY3NC45ODgzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzMuMDAyNCA4MS41NzQySDg1LjAwMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA0OCAzOS40MzhDMTYuOTE2IDM5LjQzOCAxNi44MDggMzkuMzk2IDE2LjcyNCAzOS4zMTJDMTYuNjQgMzkuMjI4IDE2LjU5OCAzOS4xMiAxNi41OTggMzguOTg4VjMwLjIyMkMxNi41OTggMzAuMTAyIDE2LjY0IDMwIDE2LjcyNCAyOS45MTZDMTYuODA4IDI5LjgyIDE2LjkxNiAyOS43NzIgMTcuMDQ4IDI5Ljc3MkgxOC45OTJDMTkuMTI0IDI5Ljc3MiAxOS4yMzIgMjkuODIgMTkuMzE2IDI5LjkxNkMxOS40IDMwIDE5LjQ0MiAzMC4xMDIgMTkuNDQyIDMwLjIyMlYzOC45ODhDMTkuNDQyIDM5LjEyIDE5LjQgMzkuMjI4IDE5LjMxNiAzOS4zMTJDMTkuMjMyIDM5LjM5NiAxOS4xMjQgMzkuNDM4IDE4Ljk5MiAzOS40MzhIMTcuMDQ4Wk0yMS4zMTQgMzYuMjE2QzIxLjIwNiAzNi4yNTIgMjEuMDk4IDM2LjIxNiAyMC45OSAzNi4xMDhDMjAuODk0IDM2IDIwLjg0NiAzNS44ODYgMjAuODQ2IDM1Ljc2NlYzNC4wMzhDMjAuODQ2IDMzLjkxOCAyMC44ODggMzMuODA0IDIwLjk3MiAzMy42OTZDMjEuMDU2IDMzLjU4OCAyMS4xNjQgMzMuNTEgMjEuMjk2IDMzLjQ2MkwyMS44NzIgMzMuMjI4QzIyLjIwOCAzMy4wODQgMjIuNTE0IDMyLjkwNCAyMi43OSAzMi42ODhDMjMuMDc4IDMyLjQ2IDIzLjMwNiAzMi4xNiAyMy40NzQgMzEuNzg4QzIzLjY0MiAzMS40MTYgMjMuNzI2IDMwLjkzIDIzLjcyNiAzMC4zM0MyMy43MjYgMjkuODE0IDIzLjY2NiAyOS40IDIzLjU0NiAyOS4wODhDMjMuNDI2IDI4Ljc3NiAyMy4yMjIgMjguNTQ4IDIyLjkzNCAyOC40MDRDMjIuNjQ2IDI4LjI2IDIyLjI1IDI4LjE4OCAyMS43NDYgMjguMTg4SDE3LjA0OEMxNi45MjggMjguMTg4IDE2LjgyIDI4LjE0NiAxNi43MjQgMjguMDYyQzE2LjY0IDI3Ljk3OCAxNi41OTggMjcuODcgMTYuNTk4IDI3LjczOFYyNi4xNTRDMTYuNTk4IDI2LjAzNCAxNi42NCAyNS45MzIgMTYuNzI0IDI1Ljg0OEMxNi44MiAyNS43NjQgMTYuOTI4IDI1LjcyMiAxNy4wNDggMjUuNzIySDIyLjM0QzIzLjQyIDI1LjcyMiAyNC4yNzggMjUuODk2IDI0LjkxNCAyNi4yNDRDMjUuNTUgMjYuNTggMjYuMDEyIDI3LjA5IDI2LjMgMjcuNzc0QzI2LjU4OCAyOC40NDYgMjYuNzMyIDI5LjI3NCAyNi43MzIgMzAuMjU4QzI2LjczMiAzMS4wNzQgMjYuNiAzMS44IDI2LjMzNiAzMi40MzZDMjYuMDg0IDMzLjA3MiAyNS43MzYgMzMuNjMgMjUuMjkyIDM0LjExQzI0Ljg0OCAzNC41NzggMjQuMzQ0IDM0Ljk2OCAyMy43OCAzNS4yOEMyMy4yMjggMzUuNTkyIDIyLjY1MiAzNS44MzIgMjIuMDUyIDM2TDIxLjMxNCAzNi4yMTZaTTI4LjkyOTEgMzEuNzUyQzI4Ljc5NzEgMzEuNzUyIDI4LjY4OTEgMzEuNzEgMjguNjA1MSAzMS42MjZDMjguNTIxMSAzMS41MyAyOC40NzkxIDMxLjQyMiAyOC40NzkxIDMxLjMwMlYyNi4xNzJDMjguNDc5MSAyNi4wNCAyOC41MjExIDI1LjkzMiAyOC42MDUxIDI1Ljg0OEMyOC42ODkxIDI1Ljc2NCAyOC43OTcxIDI1LjcyMiAyOC45MjkxIDI1LjcyMkgzMS4wNTMxQzMxLjE4NTEgMjUuNzIyIDMxLjI5MzEgMjUuNzY0IDMxLjM3NzEgMjUuODQ4QzMxLjQ2MTEgMjUuOTMyIDMxLjUwMzEgMjYuMDQgMzEuNTAzMSAyNi4xNzJWMzEuMzAyQzMxLjUwMzEgMzEuNDIyIDMxLjQ2MTEgMzEuNTMgMzEuMzc3MSAzMS42MjZDMzEuMjkzMSAzMS43MSAzMS4xODUxIDMxLjc1MiAzMS4wNTMxIDMxLjc1MkgyOC45MjkxWk0zNC4yMTI3IDI4LjA4QzM0LjA4MDcgMjguMDggMzMuOTcyNyAyOC4wMzggMzMuODg4NyAyNy45NTRDMzMuODA0NyAyNy44NyAzMy43NjI3IDI3Ljc2MiAzMy43NjI3IDI3LjYzVjI2LjE3MkMzMy43NjI3IDI2LjA0IDMzLjgwNDcgMjUuOTMyIDMzLjg4ODcgMjUuODQ4QzMzLjk3MjcgMjUuNzY0IDM0LjA4MDcgMjUuNzIyIDM0LjIxMjcgMjUuNzIySDM5LjE0NDdDNDAuMjI0NyAyNS43MjIgNDEuMTMwNyAyNS44NzggNDEuODYyNyAyNi4xOUM0Mi41OTQ3IDI2LjQ5IDQzLjE0NjcgMjYuOTY0IDQzLjUxODcgMjcuNjEyQzQzLjg5MDcgMjguMjYgNDQuMDc2NyAyOS4xIDQ0LjA3NjcgMzAuMTMyVjM1LjU1QzQ0LjA3NjcgMzUuNjgyIDQ0LjAzNDcgMzUuNzkgNDMuOTUwNyAzNS44NzRDNDMuODY2NyAzNS45NTggNDMuNzU4NyAzNiA0My42MjY3IDM2SDQxLjYxMDdDNDEuNDc4NyAzNiA0MS4zNzA3IDM1Ljk1OCA0MS4yODY3IDM1Ljg3NEM0MS4yMDI3IDM1Ljc5IDQxLjE2MDcgMzUuNjg4IDQxLjE2MDcgMzUuNTY4VjMwLjIyMkM0MS4xNjA3IDI5LjUyNiA0MC45ODY3IDI4Ljk5OCA0MC42Mzg3IDI4LjYzOEM0MC4zMDI3IDI4LjI2NiAzOS43Njg3IDI4LjA4IDM5LjAzNjcgMjguMDhIMzQuMjEyN1pNMzYuNDQ0NyAyNi44MzhIMzcuMjU0N0MzNy41Nzg3IDI2LjgzOCAzNy44MDA3IDI2LjkwNCAzNy45MjA3IDI3LjAzNkMzOC4wNTI3IDI3LjE2OCAzOC4wODg3IDI3LjMwNiAzOC4wMjg3IDI3LjQ1QzM3LjkyMDcgMjcuODM0IDM3LjgzMDcgMjguMiAzNy43NTg3IDI4LjU0OEMzNy42ODY3IDI4Ljg4NCAzNy42MzI3IDI5LjIzMiAzNy41OTY3IDI5LjU5MkMzNy41NzI3IDI5Ljk1MiAzNy41NjA3IDMwLjM1NCAzNy41NjA3IDMwLjc5OEwzNy43MDQ3IDM1LjU1QzM3LjcwNDcgMzUuNjgyIDM3LjY1NjcgMzUuNzkgMzcuNTYwNyAzNS44NzRDMzcuNDc2NyAzNS45NTggMzcuMzc0NyAzNiAzNy4yNTQ3IDM2TDMzLjUyODcgMzUuOTgyQzMzLjQwODcgMzUuOTgyIDMzLjMwMDcgMzUuOTQgMzMuMjA0NyAzNS44NTZDMzMuMTIwNyAzNS43NzIgMzMuMDc4NyAzNS42NjQgMzMuMDc4NyAzNS41MzJWMzQuMkMzMy4wNzg3IDM0LjA2OCAzMy4xMjA3IDMzLjk2IDMzLjIwNDcgMzMuODc2QzMzLjMwMDcgMzMuNzggMzMuNDA4NyAzMy43MzIgMzMuNTI4NyAzMy43MzJMMzQuOTg2NyAzMy43NVYzMC44MzRDMzQuOTg2NyAzMC40MzggMzQuOTk4NyAzMC4wNjYgMzUuMDIyNyAyOS43MThDMzUuMDQ2NyAyOS4zNTggMzUuMDg4NyAyOC45OTIgMzUuMTQ4NyAyOC42MkMzNS4yMjA3IDI4LjI0OCAzNS4zMjI3IDI3Ljg1OCAzNS40NTQ3IDI3LjQ1QzM1LjUxNDcgMjcuMjgyIDM1LjYxMDcgMjcuMTM4IDM1Ljc0MjcgMjcuMDE4QzM1Ljg4NjcgMjYuODk4IDM2LjEyMDcgMjYuODM4IDM2LjQ0NDcgMjYuODM4Wk00OC4zNDc5IDM2LjIxNkM0OC4yMjc5IDM2LjI1MiA0OC4xMTM5IDM2LjIxNiA0OC4wMDU5IDM2LjEwOEM0Ny45MDk5IDM2IDQ3Ljg2MTkgMzUuODg2IDQ3Ljg2MTkgMzUuNzY2VjM0LjAzOEM0Ny44NjE5IDMzLjkxOCA0Ny45MDM5IDMzLjgwNCA0Ny45ODc5IDMzLjY5NkM0OC4wNzE5IDMzLjU4OCA0OC4xNzk5IDMzLjUxIDQ4LjMxMTkgMzMuNDYyTDQ4Ljg4NzkgMzMuMjI4QzQ5LjIyMzkgMzMuMDg0IDQ5LjUyOTkgMzIuOTA0IDQ5LjgwNTkgMzIuNjg4QzUwLjA5MzkgMzIuNDYgNTAuMzIxOSAzMi4xNiA1MC40ODk5IDMxLjc4OEM1MC42NTc5IDMxLjQxNiA1MC43NDE5IDMwLjkzIDUwLjc0MTkgMzAuMzNDNTAuNzQxOSAyOS44MTQgNTAuNjgxOSAyOS40IDUwLjU2MTkgMjkuMDg4QzUwLjQ0MTkgMjguNzc2IDUwLjIzNzkgMjguNTQ4IDQ5Ljk0OTkgMjguNDA0QzQ5LjY3MzkgMjguMjYgNDkuMjc3OSAyOC4xODggNDguNzYxOSAyOC4xODhINDguMzQ3OUM0OC4yMjc5IDI4LjE4OCA0OC4xMTk5IDI4LjE0NiA0OC4wMjM5IDI4LjA2MkM0Ny45Mzk5IDI3Ljk3OCA0Ny44OTc5IDI3Ljg3IDQ3Ljg5NzkgMjcuNzM4VjI2LjE1NEM0Ny44OTc5IDI2LjAzNCA0Ny45Mzk5IDI1LjkzMiA0OC4wMjM5IDI1Ljg0OEM0OC4xMTk5IDI1Ljc2NCA0OC4yMjc5IDI1LjcyMiA0OC4zNDc5IDI1LjcyMkg0OS4zNTU5QzUwLjQzNTkgMjUuNzIyIDUxLjI5MzkgMjUuODk2IDUxLjkyOTkgMjYuMjQ0QzUyLjU3NzkgMjYuNTggNTMuMDM5OSAyNy4wOSA1My4zMTU5IDI3Ljc3NEM1My42MDM5IDI4LjQ0NiA1My43NDc5IDI5LjI3NCA1My43NDc5IDMwLjI1OEM1My43NDc5IDMxLjA3NCA1My42MTU5IDMxLjggNTMuMzUxOSAzMi40MzZDNTMuMDk5OSAzMy4wNzIgNTIuNzUxOSAzMy42MyA1Mi4zMDc5IDM0LjExQzUxLjg2MzkgMzQuNTc4IDUxLjM2NTkgMzQuOTY4IDUwLjgxMzkgMzUuMjhDNTAuMjYxOSAzNS41OTIgNDkuNjc5OSAzNS44MzIgNDkuMDY3OSAzNkw0OC4zNDc5IDM2LjIxNlpNNDguOTc3OSAyOC4xODhINDUuOTM1OUM0NS44MTU5IDI4LjE4OCA0NS43MDc5IDI4LjE0NiA0NS42MTE5IDI4LjA2MkM0NS41Mjc5IDI3Ljk3OCA0NS40ODU5IDI3Ljg3IDQ1LjQ4NTkgMjcuNzM4VjIzLjY3QzQ1LjQ4NTkgMjMuNTM4IDQ1LjUyNzkgMjMuNDMgNDUuNjExOSAyMy4zNDZDNDUuNzA3OSAyMy4yNjIgNDUuODE1OSAyMy4yMiA0NS45MzU5IDIzLjIySDQ3Ljc3MTlDNDcuOTAzOSAyMy4yMiA0OC4wMTE5IDIzLjI2MiA0OC4wOTU5IDIzLjM0NkM0OC4xNzk5IDIzLjQzIDQ4LjIyMTkgMjMuNTM4IDQ4LjIyMTkgMjMuNjdWMjUuNzIySDQ4Ljk5NTlMNDguOTc3OSAyOC4xODhaTTY0LjM5NiAzNkM2NC4yNjQgMzYgNjQuMTUgMzUuOTU4IDY0LjA1NCAzNS44NzRDNjMuOTcgMzUuNzkgNjMuOTI4IDM1LjY4OCA2My45MjggMzUuNTY4VjMwLjIyMkM2My45MjggMjkuNTI2IDYzLjc2IDI4Ljk5OCA2My40MjQgMjguNjM4QzYzLjA4OCAyOC4yNjYgNjIuNTQ4IDI4LjA4IDYxLjgwNCAyOC4wOEg1OS4xMDRDNTguOTg0IDI4LjA4IDU4Ljg3NiAyOC4wMzggNTguNzggMjcuOTU0QzU4LjY5NiAyNy44NyA1OC42NTQgMjcuNzYyIDU4LjY1NCAyNy42M1YyNi4xNzJDNTguNjU0IDI2LjA0IDU4LjY5NiAyNS45MzIgNTguNzggMjUuODQ4QzU4Ljg3NiAyNS43NjQgNTguOTg0IDI1LjcyMiA1OS4xMDQgMjUuNzIySDYxLjkxMkM2Mi45OTIgMjUuNzIyIDYzLjg5OCAyNS44NjYgNjQuNjMgMjYuMTU0QzY1LjM2MiAyNi40NDIgNjUuOTE0IDI2LjkxIDY2LjI4NiAyNy41NThDNjYuNjcgMjguMTk0IDY2Ljg2MiAyOS4wNDYgNjYuODYyIDMwLjExNFYzNS41NUM2Ni44NjIgMzUuNjgyIDY2LjgxNCAzNS43OSA2Ni43MTggMzUuODc0QzY2LjYzNCAzNS45NTggNjYuNTI2IDM2IDY2LjM5NCAzNkg2NC4zOTZaTTY5LjMwNjEgMzEuNzUyQzY5LjE3NDEgMzEuNzUyIDY5LjA2NjEgMzEuNzEgNjguOTgyMSAzMS42MjZDNjguODk4MSAzMS41MyA2OC44NTYxIDMxLjQyMiA2OC44NTYxIDMxLjMwMlYyNi4xNzJDNjguODU2MSAyNi4wNCA2OC44OTgxIDI1LjkzMiA2OC45ODIxIDI1Ljg0OEM2OS4wNjYxIDI1Ljc2NCA2OS4xNzQxIDI1LjcyMiA2OS4zMDYxIDI1LjcyMkg3MS40MzAxQzcxLjU2MjEgMjUuNzIyIDcxLjY3MDEgMjUuNzY0IDcxLjc1NDEgMjUuODQ4QzcxLjgzODEgMjUuOTMyIDcxLjg4MDEgMjYuMDQgNzEuODgwMSAyNi4xNzJWMzEuMzAyQzcxLjg4MDEgMzEuNDIyIDcxLjgzODEgMzEuNTMgNzEuNzU0MSAzMS42MjZDNzEuNjcwMSAzMS43MSA3MS41NjIxIDMxLjc1MiA3MS40MzAxIDMxLjc1Mkg2OS4zMDYxWk03NC4zODYyIDMxLjc1MkM3NC4yNTQyIDMxLjc1MiA3NC4xNDYyIDMxLjcxIDc0LjA2MjIgMzEuNjI2QzczLjk3ODIgMzEuNTMgNzMuOTM2MiAzMS40MjIgNzMuOTM2MiAzMS4zMDJWMjYuMTcyQzczLjkzNjIgMjYuMDQgNzMuOTc4MiAyNS45MzIgNzQuMDYyMiAyNS44NDhDNzQuMTQ2MiAyNS43NjQgNzQuMjU0MiAyNS43MjIgNzQuMzg2MiAyNS43MjJINzYuNTEwMkM3Ni42NDIyIDI1LjcyMiA3Ni43NTAyIDI1Ljc2NCA3Ni44MzQyIDI1Ljg0OEM3Ni45MTgyIDI1LjkzMiA3Ni45NjAyIDI2LjA0IDc2Ljk2MDIgMjYuMTcyVjMxLjMwMkM3Ni45NjAyIDMxLjQyMiA3Ni45MTgyIDMxLjUzIDc2LjgzNDIgMzEuNjI2Qzc2Ljc1MDIgMzEuNzEgNzYuNjQyMiAzMS43NTIgNzYuNTEwMiAzMS43NTJINzQuMzg2MlpNNzkuMTI0MiAzNkM3OS4wMDQyIDM2IDc4Ljg5NjIgMzUuOTU4IDc4LjgwMDIgMzUuODc0Qzc4LjcxNjIgMzUuNzkgNzguNjc0MiAzNS42ODIgNzguNjc0MiAzNS41NVYzNC4wOTJDNzguNjc0MiAzMy45NiA3OC43MTYyIDMzLjg1MiA3OC44MDAyIDMzLjc2OEM3OC44OTYyIDMzLjY4NCA3OS4wMDQyIDMzLjY0MiA3OS4xMjQyIDMzLjY0Mkg4NC45MDIyVjM1LjU4NkM4NC45MDIyIDM1LjcwNiA4NC44NjAyIDM1LjgwOCA4NC43NzYyIDM1Ljg5MkM4NC42OTIyIDM1Ljk2NCA4NC41ODQyIDM2IDg0LjQ1MjIgMzZINzkuMTI0MlpNODIuNzA2MiAzNkM4Mi41NzQyIDM2IDgyLjQ2NjIgMzUuOTU4IDgyLjM4MjIgMzUuODc0QzgyLjI5ODIgMzUuNzkgODIuMjU2MiAzNS42ODIgODIuMjU2MiAzNS41NUw4MS45ODYyIDMwLjAwNkM4MS45NzQyIDI5LjU2MiA4MS45MjYyIDI5LjE5IDgxLjg0MjIgMjguODlDODEuNzU4MiAyOC41NzggODEuNjE0MiAyOC4zNDQgODEuNDEwMiAyOC4xODhDODEuMjA2MiAyOC4wMzIgODAuOTAwMiAyNy45NTQgODAuNDkyMiAyNy45NTRINzkuNTkyMkM3OS40NzIyIDI3Ljk1NCA3OS4zNjQyIDI3LjkxMiA3OS4yNjgyIDI3LjgyOEM3OS4xODQyIDI3LjczMiA3OS4xNDIyIDI3LjYxOCA3OS4xNDIyIDI3LjQ4NlYyNi4wNjRDNzkuMTQyMiAyNS45MzIgNzkuMTg0MiAyNS44MjQgNzkuMjY4MiAyNS43NEM3OS4zNjQyIDI1LjY1NiA3OS40NzIyIDI1LjYxNCA3OS41OTIyIDI1LjYxNEg4MC41NjQyQzgxLjM0NDIgMjUuNjE0IDgyLjAxMDIgMjUuNzA0IDgyLjU2MjIgMjUuODg0QzgzLjExNDIgMjYuMDUyIDgzLjU2NDIgMjYuMzIyIDgzLjkxMjIgMjYuNjk0Qzg0LjI3MjIgMjcuMDU0IDg0LjUzNjIgMjcuNTE2IDg0LjcwNDIgMjguMDhDODQuODg0MiAyOC42MzIgODQuOTkyMiAyOS4yODYgODUuMDI4MiAzMC4wNDJMODUuMjgwMiAzNS41NUM4NS4yOTIyIDM1LjY4MiA4NS4yNTAyIDM1Ljc5IDg1LjE1NDIgMzUuODc0Qzg1LjA1ODIgMzUuOTU4IDg0Ljk1MDIgMzYgODQuODMwMiAzNkg4Mi43MDYyWk05MS42NTggMjguMDhDOTEuNTI2IDI4LjA4IDkxLjQxOCAyOC4wMzggOTEuMzM0IDI3Ljk1NEM5MS4yNSAyNy44NyA5MS4yMDggMjcuNzYyIDkxLjIwOCAyNy42M1YyNi4xNzJDOTEuMjA4IDI2LjA0IDkxLjI1IDI1LjkzMiA5MS4zMzQgMjUuODQ4QzkxLjQxOCAyNS43NjQgOTEuNTI2IDI1LjcyMiA5MS42NTggMjUuNzIySDk2LjU5Qzk3LjY3IDI1LjcyMiA5OC41NzYgMjUuODc4IDk5LjMwOCAyNi4xOUMxMDAuMDQgMjYuNDkgMTAwLjU5MiAyNi45NjQgMTAwLjk2NCAyNy42MTJDMTAxLjMzNiAyOC4yNiAxMDEuNTIyIDI5LjEgMTAxLjUyMiAzMC4xMzJWMzUuNTVDMTAxLjUyMiAzNS42ODIgMTAxLjQ4IDM1Ljc5IDEwMS4zOTYgMzUuODc0QzEwMS4zMTIgMzUuOTU4IDEwMS4yMDQgMzYgMTAxLjA3MiAzNkg5OS4wNTZDOTguOTI0IDM2IDk4LjgxNiAzNS45NTggOTguNzMyIDM1Ljg3NEM5OC42NDggMzUuNzkgOTguNjA2IDM1LjY4OCA5OC42MDYgMzUuNTY4VjMwLjIyMkM5OC42MDYgMjkuNTI2IDk4LjQzMiAyOC45OTggOTguMDg0IDI4LjYzOEM5Ny43NDggMjguMjY2IDk3LjIxNCAyOC4wOCA5Ni40ODIgMjguMDhIOTEuNjU4Wk05My44OSAyNi44MzhIOTQuN0M5NS4wMjQgMjYuODM4IDk1LjI0NiAyNi45MDQgOTUuMzY2IDI3LjAzNkM5NS40OTggMjcuMTY4IDk1LjUzNCAyNy4zMDYgOTUuNDc0IDI3LjQ1Qzk1LjM2NiAyNy44MzQgOTUuMjc2IDI4LjIgOTUuMjA0IDI4LjU0OEM5NS4xMzIgMjguODg0IDk1LjA3OCAyOS4yMzIgOTUuMDQyIDI5LjU5MkM5NS4wMTggMjkuOTUyIDk1LjAwNiAzMC4zNTQgOTUuMDA2IDMwLjc5OEw5NS4xNSAzNS41NUM5NS4xNSAzNS42ODIgOTUuMTAyIDM1Ljc5IDk1LjAwNiAzNS44NzRDOTQuOTIyIDM1Ljk1OCA5NC44MiAzNiA5NC43IDM2TDkwLjk3NCAzNS45ODJDOTAuODU0IDM1Ljk4MiA5MC43NDYgMzUuOTQgOTAuNjUgMzUuODU2QzkwLjU2NiAzNS43NzIgOTAuNTI0IDM1LjY2NCA5MC41MjQgMzUuNTMyVjM0LjJDOTAuNTI0IDM0LjA2OCA5MC41NjYgMzMuOTYgOTAuNjUgMzMuODc2QzkwLjc0NiAzMy43OCA5MC44NTQgMzMuNzMyIDkwLjk3NCAzMy43MzJMOTIuNDMyIDMzLjc1VjMwLjgzNEM5Mi40MzIgMzAuNDM4IDkyLjQ0NCAzMC4wNjYgOTIuNDY4IDI5LjcxOEM5Mi40OTIgMjkuMzU4IDkyLjUzNCAyOC45OTIgOTIuNTk0IDI4LjYyQzkyLjY2NiAyOC4yNDggOTIuNzY4IDI3Ljg1OCA5Mi45IDI3LjQ1QzkyLjk2IDI3LjI4MiA5My4wNTYgMjcuMTM4IDkzLjE4OCAyNy4wMThDOTMuMzMyIDI2Ljg5OCA5My41NjYgMjYuODM4IDkzLjg5IDI2LjgzOFpNMTA1Ljg3OCAyOC4xODhWMjguOTA4QzEwNS44OSAyOS4xNDggMTA1LjkzMiAyOS4zNTIgMTA2LjAwNCAyOS41MkMxMDYuMDc2IDI5LjY4OCAxMDYuMTkgMjkuNzkgMTA2LjM0NiAyOS44MjZMMTA2Ljg1IDMwLjAwNkMxMDYuOTQ2IDMwLjA0MiAxMDcuMDE4IDMwLjExNCAxMDcuMDY2IDMwLjIyMkMxMDcuMTI2IDMwLjMxOCAxMDcuMTU2IDMwLjQzMiAxMDcuMTU2IDMwLjU2NEwxMDcuMTc0IDMxLjQyOEMxMDcuMTc0IDMxLjYwOCAxMDcuMDk2IDMxLjc0NiAxMDYuOTQgMzEuODQyQzEwNi43ODQgMzEuOTM4IDEwNi41OTIgMzEuOTc0IDEwNi4zNjQgMzEuOTVMMTA1LjYyNiAzMS44NDJDMTA1LjIzIDMxLjc3IDEwNC44NyAzMS42MDIgMTA0LjU0NiAzMS4zMzhDMTA0LjIyMiAzMS4wNzQgMTAzLjk2NCAzMC43MiAxMDMuNzcyIDMwLjI3NkMxMDMuNTkyIDI5LjgyIDEwMy41MDIgMjkuMjkyIDEwMy41MDIgMjguNjkyVjI2LjE3MkMxMDMuNTE0IDI2LjA0IDEwMy41NTYgMjUuOTMyIDEwMy42MjggMjUuODQ4QzEwMy43MTIgMjUuNzY0IDEwMy44MiAyNS43MjIgMTAzLjk1MiAyNS43MjJIMTA3LjU1MkMxMDguNjMyIDI1LjcyMiAxMDkuNTE0IDI1LjkxNCAxMTAuMTk4IDI2LjI5OEMxMTAuODgyIDI2LjY3IDExMS4zOTIgMjcuMjA0IDExMS43MjggMjcuOUMxMTIuMDY0IDI4LjU4NCAxMTIuMjUgMjkuMzk0IDExMi4yODYgMzAuMzNDMTEyLjI5OCAzMC41MSAxMTIuMzA0IDMwLjY5IDExMi4zMDQgMzAuODdDMTEyLjMwNCAzMS4wMzggMTEyLjI5OCAzMS4yMTIgMTEyLjI4NiAzMS4zOTJDMTEyLjI1IDMyLjMxNiAxMTIuMDY0IDMzLjEyNiAxMTEuNzI4IDMzLjgyMkMxMTEuMzkyIDM0LjUxOCAxMTAuODgyIDM1LjA1OCAxMTAuMTk4IDM1LjQ0MkMxMDkuNTE0IDM1LjgxNCAxMDguNjMyIDM2IDEwNy41NTIgMzZIMTA0LjE2OEMxMDQuMDM2IDM2IDEwMy45MjggMzUuOTU4IDEwMy44NDQgMzUuODc0QzEwMy43NiAzNS43OSAxMDMuNzE4IDM1LjY4MiAxMDMuNzE4IDM1LjU1VjMzLjk4NEMxMDMuNzE4IDMzLjg1MiAxMDMuNzYgMzMuNzQ0IDEwMy44NDQgMzMuNjZDMTAzLjkyOCAzMy41NzYgMTA0LjAzNiAzMy41MzQgMTA0LjE2OCAzMy41MzRIMTA3LjQ2MkMxMDguMDg2IDMzLjUzNCAxMDguNTk2IDMzLjM0OCAxMDguOTkyIDMyLjk3NkMxMDkuNCAzMi42MDQgMTA5LjYyMiAzMi4wNzYgMTA5LjY1OCAzMS4zOTJDMTA5LjY3IDMxLjIxMiAxMDkuNjc2IDMxLjAzOCAxMDkuNjc2IDMwLjg3QzEwOS42NzYgMzAuNjkgMTA5LjY3IDMwLjUxIDEwOS42NTggMzAuMzNDMTA5LjYzNCAyOS42MzQgMTA5LjQxOCAyOS4xMDYgMTA5LjAxIDI4Ljc0NkMxMDguNjAyIDI4LjM3NCAxMDguMDg2IDI4LjE4OCAxMDcuNDYyIDI4LjE4OEgxMDUuODc4Wk0xMTguODU1IDM2LjE4QzExNy4yMTEgMzYuMTggMTE1Ljk5MyAzNS43NzggMTE1LjIwMSAzNC45NzRDMTE0LjQwOSAzNC4xNyAxMTQuMDEzIDMzLjA2NiAxMTQuMDEzIDMxLjY2MlYyNi4xNzJDMTE0LjAxMyAyNi4wNCAxMTQuMDU1IDI1LjkzMiAxMTQuMTM5IDI1Ljg0OEMxMTQuMjIzIDI1Ljc2NCAxMTQuMzMxIDI1LjcyMiAxMTQuNDYzIDI1LjcyMkgxMTkuMDM1QzEyMC4yMzUgMjUuNzIyIDEyMS4xODMgMjUuODk2IDEyMS44NzkgMjYuMjQ0QzEyMi41NzUgMjYuNTkyIDEyMy4wNzkgMjcuMDkgMTIzLjM5MSAyNy43MzhDMTIzLjcxNSAyOC4zODYgMTIzLjg5NSAyOS4xNiAxMjMuOTMxIDMwLjA2QzEyMy45NDMgMzAuMTggMTIzLjk0OSAzMC4zNTQgMTIzLjk0OSAzMC41ODJDMTIzLjk0OSAzMC44MSAxMjMuOTQ5IDMxLjAzOCAxMjMuOTQ5IDMxLjI2NkMxMjMuOTQ5IDMxLjQ4MiAxMjMuOTQzIDMxLjY1IDEyMy45MzEgMzEuNzdDMTIzLjg5NSAzMi42ODIgMTIzLjcwOSAzMy40NjggMTIzLjM3MyAzNC4xMjhDMTIzLjA0OSAzNC43ODggMTIyLjUyMSAzNS4yOTggMTIxLjc4OSAzNS42NThDMTIxLjA1NyAzNi4wMDYgMTIwLjA3OSAzNi4xOCAxMTguODU1IDM2LjE4Wk0xMTguODU1IDMzLjcxNEMxMTkuNzA3IDMzLjcxNCAxMjAuMjk1IDMzLjU1OCAxMjAuNjE5IDMzLjI0NkMxMjAuOTQzIDMyLjkyMiAxMjEuMTE3IDMyLjQgMTIxLjE0MSAzMS42OEMxMjEuMTUzIDMxLjU2IDEyMS4xNTkgMzEuNDA0IDEyMS4xNTkgMzEuMjEyQzEyMS4xNTkgMzEuMDA4IDEyMS4xNTkgMzAuODEgMTIxLjE1OSAzMC42MThDMTIxLjE1OSAzMC40MjYgMTIxLjE1MyAzMC4yNyAxMjEuMTQxIDMwLjE1QzEyMS4xMTcgMjkuNDU0IDEyMC45MzEgMjguOTM4IDEyMC41ODMgMjguNjAyQzEyMC4yNDcgMjguMjU0IDExOS43MDEgMjguMDggMTE4Ljk0NSAyOC4wOEgxMTYuNjk1VjMxLjYyNkMxMTYuNjk1IDMyLjMzNCAxMTYuODgxIDMyLjg2MiAxMTcuMjUzIDMzLjIxQzExNy42MzcgMzMuNTQ2IDExOC4xNzEgMzMuNzE0IDExOC44NTUgMzMuNzE0Wk0xMjYuMjI2IDM2QzEyNi4wOTQgMzYgMTI1Ljk4NiAzNS45NTggMTI1LjkwMiAzNS44NzRDMTI1LjgxOCAzNS43OSAxMjUuNzc2IDM1LjY4MiAxMjUuNzc2IDM1LjU1VjI2LjE3MkMxMjUuNzc2IDI2LjA0IDEyNS44MTggMjUuOTMyIDEyNS45MDIgMjUuODQ4QzEyNS45ODYgMjUuNzY0IDEyNi4wOTQgMjUuNzIyIDEyNi4yMjYgMjUuNzIySDEyOC4zNUMxMjguNDgyIDI1LjcyMiAxMjguNTkgMjUuNzY0IDEyOC42NzQgMjUuODQ4QzEyOC43NTggMjUuOTMyIDEyOC44IDI2LjA0IDEyOC44IDI2LjE3MlYzNS41NUMxMjguOCAzNS42ODIgMTI4Ljc1OCAzNS43OSAxMjguNjc0IDM1Ljg3NEMxMjguNTkgMzUuOTU4IDEyOC40ODIgMzYgMTI4LjM1IDM2SDEyNi4yMjZaTTEzOC4wNyAzNkMxMzcuOTM4IDM2IDEzNy44MjQgMzUuOTU4IDEzNy43MjggMzUuODc0QzEzNy42NDQgMzUuNzkgMTM3LjYwMiAzNS42ODggMTM3LjYwMiAzNS41NjhWMzAuMjIyQzEzNy42MDIgMjkuNTI2IDEzNy40MzQgMjguOTk4IDEzNy4wOTggMjguNjM4QzEzNi43NjIgMjguMjY2IDEzNi4yMjIgMjguMDggMTM1LjQ3OCAyOC4wOEgxMzEuNDQ2QzEzMS4zMTQgMjguMDggMTMxLjIwNiAyOC4wMzggMTMxLjEyMiAyNy45NTRDMTMxLjAzOCAyNy44NyAxMzAuOTk2IDI3Ljc2MiAxMzAuOTk2IDI3LjYzVjI2LjE3MkMxMzAuOTk2IDI2LjA0IDEzMS4wMzggMjUuOTMyIDEzMS4xMjIgMjUuODQ4QzEzMS4yMDYgMjUuNzY0IDEzMS4zMTQgMjUuNzIyIDEzMS40NDYgMjUuNzIySDEzNS41NjhDMTM3LjE4OCAyNS43MjIgMTM4LjQxOCAyNi4wODggMTM5LjI1OCAyNi44MkMxNDAuMTEgMjcuNTQgMTQwLjUzNiAyOC42NzQgMTQwLjUzNiAzMC4yMjJWMzUuNTVDMTQwLjUzNiAzNS42ODIgMTQwLjQ4OCAzNS43OSAxNDAuMzkyIDM1Ljg3NEMxNDAuMzA4IDM1Ljk1OCAxNDAuMiAzNiAxNDAuMDY4IDM2SDEzOC4wN1pNMTMxLjQ0NiAzNkMxMzEuMzE0IDM2IDEzMS4yMDYgMzUuOTU4IDEzMS4xMjIgMzUuODc0QzEzMS4wMzggMzUuNzkgMTMwLjk5NiAzNS42ODIgMTMwLjk5NiAzNS41NVYzMC4yMjJDMTMwLjk5NiAzMC4xMDIgMTMxLjAzOCAzMCAxMzEuMTIyIDI5LjkxNkMxMzEuMjA2IDI5LjgyIDEzMS4zMTQgMjkuNzcyIDEzMS40NDYgMjkuNzcySDEzMy40NjJDMTMzLjU5NCAyOS43NzIgMTMzLjcwMiAyOS44MiAxMzMuNzg2IDI5LjkxNkMxMzMuODcgMzAgMTMzLjkxMiAzMC4xMDIgMTMzLjkxMiAzMC4yMjJWMzUuNTVDMTMzLjkxMiAzNS42ODIgMTMzLjg3IDM1Ljc5IDEzMy43ODYgMzUuODc0QzEzMy43MDIgMzUuOTU4IDEzMy41OTQgMzYgMTMzLjQ2MiAzNkgxMzEuNDQ2WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjk5XzI3NTUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNjQiIGhlaWdodD0iMTI1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHg9IjMiIGR5PSIxMCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjc4ODIzNSAwIDAgMCAwIDAuODExNzY1IDAgMCAwIDAgMC44Nzg0MzEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2OTlfMjc1NSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yNjk5XzI3NTUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-color: white;
    height: 6em;
    background-size: 37%;
    background-position: center;
  }

  #data-container-and-actions-under-graph
    #container-of-stock-action
    #popup-window-edit-container {
    margin-right: 0;
  }

  #data-container-and-actions-under-graph
    #container-of-stock-action
    #popup-window-edit-container
    .popup-window-edit-line
    .popup-window-edit-input {
    width: 165px;
  }

  #personal-folder-container-main-page #main-content.main-content {
    max-height: 58em;
    overflow-y: auto;
    height: 53em;
  }

  #folder-stocks-content tr td:first-child.more-info-on-stock-mobile,
  #folder-history-content tr td:first-child.more-info-on-stock-mobile,
  #table-my-stocks-in-bag
    #folder-content
    > tr
    td:first-child.more-info-on-stock-mobile {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNjk1XzIyMDUpIj4KPGNpcmNsZSBjeD0iMTUuNjcwOSIgY3k9IjEzLjY3MDkiIHI9IjExLjY3MDkiIGZpbGw9IiMwMDM2N0MiIGZpbGwtb3BhY2l0eT0iMC4wMyIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIi8+CjwvZz4KPHBhdGggZD0iTTE4IDEyLjA3MDNIMTRWMjAuMDcwM0gxOFYxMi4wNzAzWiIgZmlsbD0iIzAwMzY3QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSI5IiByPSIyIiBmaWxsPSIjMDAzNjdDIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI2OTVfMjIwNSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMxLjM0MTgiIGhlaWdodD0iMzEuMzQxOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY5NV8yMjA1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2OTVfMjIwNSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 80%;
    width: 100%;
    background-position: center;
    display: block;
  }

  #table-my-stocks-in-bag #folder-content tr td:not(:first-child) {
    border-bottom: 2px solid #d9d9d9;
    height: 100%;
    width: 100%;
  }

  /* #my-stocks-table thead tr.folder-content, */
  #folder-history .history-table-scroll-container.thead tr {
    grid-template-columns: repeat(3, 1fr); /* 4% 15% 10% 10% 10%*/
    background-color: white;
    height: 4em;
    align-items: center;
  }

  #my-stocks-table thead tr.folder-content {
    grid-template-columns: 1.2fr repeat(2, 0.9fr);
    background-color: white;
    height: 4em;
    align-items: center;
  }

  #my-stocks-table #folder-stocks-content tr[id^="row-id"],
  #folder-history #folder-history-content > tr {
    grid-template-columns: 0.35fr 1fr 1fr 1fr; /*3% 10% 12% 10%        4% 10% 10% 10%*/
    border-bottom: none;
  }

  #folder-history-content > tr {
    grid-template-columns: 0.35fr 1fr 1fr 1fr;
  }

  #my-stocks-table #folder-stocks-content tr[id^="row-id"] td:not(:first-child),
  #personal-folder-container-main-page
    #my-stocks-table
    thead
    tr.folder-content
    th,
  #folder-history-content tr td:not(:first-child) {
    border-bottom: 2px solid #d9d9d9;
    width: 100%;
    height: 100%;
  }

  #personal-folder-container-main-page
    #my-stocks-table
    thead
    tr.folder-content
    th {
    justify-content: center;
  }

  #my-stocks-table thead tr th:first-child {
    background-color: white;
  }

  #additional-stock-data-grid-on-mobile,
  #history-stock-data-container {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    row-gap: 1em;
    padding: 1em;
  }

  /* #mobile-history-stock-extended-data-popup.popup-on-personal-folder-page {
    transform: translate(-5%, -50%);
    top: unset; 
  } */

  #current-price-mobile-title,
  #current-daily-profit-mobile-title,
  #current-stock-average-buy-mobile-title,
  #current-stocks-num-mobile-title,
  #current-stock-value-in-folder-mobile-title,
  #current-stock-yeild-from-purchase-day-mobile-title,
  #current-stock-system-recommendation-stars-title,
  #history-stock-close-price-mobile-title,
  #history-stock-daily-profit-mobile-title,
  #history-stock-average-buy-mobile-title,
  #history-stock-stocks-num-mobile-title,
  #history-stock-deals-value-in-folder-mobile-title,
  #history-stock-total-yeild-mobile-title,
  #history-stock-system-recommendation-stars-title {
    text-decoration: underline;
    text-underline-offset: 6px;
  }

  #mobile-stock-extended-data-popup.hide-stock-popup,
  #mobile-history-stock-extended-data-popup.hide-stock-popup {
    /* display: none !important; */
    visibility: hidden;
  }

  #mobile-stock-extended-data-popup,
  #mobile-history-stock-extended-data-popup {
    position: fixed;
    transform: translate(0%, -50%);
    top: 31em;
    border: 1px solid black;
    border-radius: 15px;
    background-color: white;
    padding: 0.5em;
    z-index: 3;
    width: 87vw;
  }

  #mobile-history-stock-extended-data-popup {
    top: 50%;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, 141%);
  }

  #close-stock-data-popup,
  #close-history-stock-data-popup {
    background-color: white;
    border: none;
    display: flex;
    justify-content: flex-start;
    margin: 0;
  }

  #stock-rt-graph {
    height: 9em !important;
    width: 100% !important;
  }

  #current-stock-system-recommendation-stars-title,
  #current-stock-system-recommendation-stars-rate,
  #history-stock-system-recommendation-stars-title,
  #history-stock-system-recommendation-stars-rate {
    grid-column: span 2;
  }

  #current-stock-daily-profit-value .red,
  #current-stock-daily-profit-value .green,
  #history-stock-profit-value .red,
  #history-stock-profit-value .green {
    text-align: center;
  }

  #popup-window-edit-container .popup-window-edit-line:nth-child(2) {
    gap: 0;
  }

  #operations-on-stock-buttons {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    gap: 0.5em;
    flex-direction: row;
  }

  #buy-stock-button,
  #sell-stock-button,
  #delete-stock-button {
    color: #00367c;
    background-color: white;
    width: 33%;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
  }

  #current-stock-system-recommendation-stars-rate,
  #history-stock-system-recommendation-stars-rate {
    direction: ltr;
  }

  .main-navigation-button {
    margin-top: 0;
  }

  #table-scroll-container.table-scroll-container #no-stocks-message {
    display: none;
  }

  .navigation-buttons-conatiner {
    width: 100%;
    margin-top: 0;
  }

  .navigation-buttons-conatiner .navigation-button {
    width: 33%;
  }
  #personal-folder-container-main-page .border-img,
  #personal-folder-container-main-page #my-stocks-table #table-footer {
    display: none;
  }

  #personal-folder-container-main-page #folder-stocks-content #editRow {
    right: 5em;
    background-color: white;
  }

  #personal-folder-container-main-page #my-stocks-table {
    width: 100%; /*147em*/
  }
  #personal-folder-container-main-page
    #my-stocks-table
    thead
    tr.folder-content {
    border-bottom: none;
  }

  .popup-data-content #popup-current-stock-name,
  .popup-data-content #popup-history-stock-name {
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    padding: 1em;
  }

  .popup-data-content #stock-rt-chart-wrapper {
    width: 100%;
    height: fit-content;
  }

  #data-container-and-actions-under-graph {
    max-height: 27em;
    overflow-y: auto;
  }

  #container-of-stock-action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #container-of-stock-action .popup-window-confirm-btn {
    position: relative;
    bottom: 0;
  }

  #operations-on-stock-buttons
    .operation-stock-button.active-stock-operation-button {
    color: white;
    background-color: #00367c;
  }

  #my-stocks-table {
    width: 100%;
    /* border-bottom: 2px solid #d9d9d9; */
    border: 1px solid #9d9d9d26;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  }

  /* #popup-data-content #stock-name {
    text-align: center;
  } */
  #mobile-stock-extended-data-popup.popup-on-personal-folder-page {
    /* top: 77em;
    z-index: 100; */
    top: 50%;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, -100%);
  }

  /* #addStock {
    position: fixed;
    z-index: 20;
    transform: translate(-33%, -25%);
  } */

  /* #folder-value-and-details-top-page-part .folder-details-titles-grid,
  #folder-value-and-details-top-page-part .folder-details-data-grid {
    overflow-x: auto;
  } */

  #folder-value-and-details-top-page-part
    .folder-details-titles-grid::-webkit-scrollbar,
  #folder-value-and-details-top-page-part
    .folder-details-data-grid::-webkit-scrollbar {
    display: none;
  }

  #folder-graph-section .graph-btns-panel {
    width: 100%;
    box-shadow: 0 2px 4px #c9cfe0;
    border-radius: 1em;
  }

  #folder-graph-section .graph-btns-panel .chart-btn-wraper {
    width: 100%;
    gap: 0.3em;
    box-shadow: none;
  }

  .date-picker-wraper .date-picker {
    width: 8em;
  }

  #folder-graph-section .date-picker-wraper {
    gap: 1px;
  }

  #chart .apexcharts-tooltip.apexcharts-theme-light.apexcharts-active,
  #chart .apexcharts-tooltip-series-group.apexcharts-active {
    gap: 0px;
    flex-direction: column;
  }

  #chart .apexcharts-tooltip-series-group.apexcharts-active {
    gap: 0px;
    flex-direction: row;
  }

  .main-content-of-personal-bag-pro-page #addStock {
    transform: translate(2%, 30%);
    padding: 1em;
  }

  #folder-value-and-details-top-page-part
    #folder-values.folder-values
    .folder-values-titles-grid
    div:nth-child(2) {
    padding-bottom: 1.2em;
  }

  #my-folder-favorites-table-wrapper
    #favorites-table
    thead
    tr
    th.sortable:first-child {
    height: 100%;
    width: 100%;
    justify-content: center;
    background-color: white;
  }

  #add-stock-container-content .form-add-stock-line:nth-child(2) {
    flex-direction: unset !important;
    gap: 0;
  }

  .form-add-stock-line label[for="stock-quantity"] {
    white-space: nowrap;
  }

  .form-add-stock-line {
    width: 100%;
  }

  .form-add-stock-line input[type="date"][name="stock-date"] {
    width: 52%;
  }

  #table-my-stocks-in-bag
    .sortable-personal-bag:nth-child(n + 4):not(:nth-child(n + 9)),
  #table-my-stocks-in-bag
    #folder-content
    tr
    td:nth-child(n + 5):not(:nth-child(n + 10)),
  #table-history-stocks-in-bag
    thead
    tr.folder-content
    th:nth-child(n + 4):not(:nth-child(n + 9)),
  #table-history-stocks-in-bag
    #folder-history-content
    tr
    td:nth-child(n + 5):not(:nth-child(n + 9)) {
    display: none;
  }

  #table-history-stocks-in-bag thead tr.folder-content {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  #table-history-stocks-in-bag #folder-history-content tr {
    grid-template-columns: 0.35fr repeat(3, 1fr) !important;
    border-bottom: none;
  }

  #favorites-table #favorite-tbody tr td:first-child {
    position: sticky;
    right: 0;
    background-color: white;
  }

  .main-content-of-personal-bag-pro-page
    .my-insights-container
    #view-insights
    #insight-block
    .insight-container {
    flex-direction: column;
    gap: 0;
  }

  #folder-history.history-stocks-table.history-table-scroll-container.table
    #folder-history-content {
    max-height: 160px !important;
  }

  .main-content-of-personal-bag-pro-page
    #personal-bag-pro-page-folder-data-wrapper {
    flex-direction: column !important;
  }

  .main-content-of-personal-bag-pro-page
    .folder-details-titles-grid
    .folder-details-title-text {
    font-size: clamp(11px, 4.2vw, 19px);
  }

  #personal-bag-pro-page-folder-data-wrapper .folder-details-titles-grid {
    font-size: clamp(11px, 3.2vw, 15px);
    padding: 1.5em 0 1em;
  }

  #personal-bag-pro-page-folder-data-wrapper .folder-details {
    box-shadow: 3px 10px 4px #c9cfe0;
    border: 1px solid #f5f5f5;
    width: 94%;
    margin-right: 1em;
    border-radius: 10px;
  }

  #personal-bag-pro-page-folder-data-wrapper .folder-details .seprator {
    height: 5px;
    background-color: #f5f5f5;
  }

  #personal-bag-pro-page-folder-data-wrapper .folder-values-titles-grid,
  #personal-bag-pro-page-folder-data-wrapper #folder-values-data-grid {
    grid-template-columns: 1fr;
  }

  #personal-bag-pro-page-folder-data-wrapper #folder-values {
    flex-direction: row;
    border: 1px solid #f5f5f5;
    box-shadow: 3px 10px 4px #c9cfe0;
    border-radius: 10px;
    padding: 1em;
    gap: 0;
    align-items: stretch;
    width: 94%;
    margin-right: 1em;
  }

  /* #personal-bag-pro-page-folder-data-wrapper #folder-values-data-grid {
    row-gap: 3em;
  } */

  #personal-bag-pro-page-folder-data-wrapper .folder-values-titles-grid {
    justify-items: flex-start;
  }

  #folder-values .folder-values-titles-grid .folder-value-title-text {
    font-weight: 500;
    text-align: right;
    padding-right: 0.9em;
  }

  #folder-values
    .folder-values-titles-grid
    .folder-value-title-text:not(:last-child),
  #folder-values-data-grid #curr-profit,
  #folder-values-data-grid #curr-yeild,
  #folder-values-data-grid #min-day-profit,
  #folder-values-data-grid #max-day-profit {
    border-bottom: 2px solid #f5f5f5;
    width: 100%;
    font-size: 1.5em;
  }

  #folder-values-data-grid #min-day-profit,
  #folder-values-data-grid #max-day-profit,
  #folder-values-data-grid #curr-profit {
    display: flex;
  }

  #folder-values-data-grid #curr-yeild,
  #folder-values-data-grid #history-value {
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }

  #folder-values .folder-values-titles-grid .folder-value-title-text:last-child,
  #folder-values-data-grid #history-value {
    width: 100%;
    font-size: 1.5em;
  }

  #folder-values-data-grid,
  #folder-values .folder-values-titles-grid {
    flex: 1;
  }

  #folder-values .folder-values-titles-grid,
  #folder-values-data-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 20em;
    row-gap: 2em !important;
  }

  #folder-graph-section .date-picker-wraper {
    flex-direction: row !important;
  }

  .main-content-of-personal-bag-pro-page #stocks-folder-graph-container #chart {
    border: 1px solid #9d9d9d26;
    border-radius: 13px;
    width: 83% !important;
    margin-right: 2.5em;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  }

  #folder-comments-title {
    font-size: 23px;
  }

  .person-icon-mobile {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIyIDE2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEgOEMxIDggNC41MDM1NSAxIDEwLjYzNDggMUMxNi43NjYgMSAyMC4yNjk1IDggMjAuMjY5NSA4QzIwLjI2OTUgOCAxNi43NjYgMTUgMTAuNjM0OCAxNUM0LjUwMzU1IDE1IDEgOCAxIDhaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNjM1OCAxMC42MjVDMTIuMDg3IDEwLjYyNSAxMy4yNjM0IDkuNDQ5NzUgMTMuMjYzNCA4QzEzLjI2MzQgNi41NTAyNSAxMi4wODcgNS4zNzUgMTAuNjM1OCA1LjM3NUM5LjE4NDU2IDUuMzc1IDguMDA4MTIgNi41NTAyNSA4LjAwODEyIDhDOC4wMDgxMiA5LjQ0OTc1IDkuMTg0NTYgMTAuNjI1IDEwLjYzNTggMTAuNjI1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin-top: 0.5em;
  }

  .proicons--person::after {
    content: "";
    position: absolute;
    width: 88%;
    background: #000;
    bottom: 0;
    left: 1px;
    height: 2px;
  }

  #folder-open,
  #folder-last-update {
    font-size: 0.9em;
  }
}