@font-face {
  font-family: "rubik";
  src: url("/wp-includes/fonts/Rubik-VariableFont_wght.ttf");
}
body {
  font-family: "Rubik", Arial, Helvetica, sans-serif;
  direction: rtl;
  text-align: center;
}

h2 {
  font-weight: bold;
  font-size: 25px;
  color: #00367c;
  margin: 6px !important;
}

#tase-messages-table {
  width: 100%;
  table-layout: fixed;
}

.upcoming-offering-container,
#upcoming-offering-table {
  width: 100%;
}

#upcoming-offering-data-container {
  border: 2px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#upcoming-offering-table-head th,
#tase-messages-table th {
  background-color: #e3f0ff80;
  color: #01549d;
  min-width: 100px;
}

#upcoming-offering-table-head {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  /* gap: 140px; */
  border: 1px solid #d9d9d9;
  height: 38px;
}

#upcoming-offering-table-head > span {
  width: 20%;
  text-wrap-mode: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}

.upcoming-offering-list-item-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  height: 34px;
  direction: rtl;
  font-size: 14px;
}

#upcoming-offering-list > li:hover {
  background-color: #e9e9e9;
}

/*ul#tase-messages-ul::-webkit-scrollbar {
    margin-top:12px;
    content: "";
    position:absolute;
    height: 95%;
    background-color: #747474;
    width: 9px;
    direction: rtl;
    border-radius: 5px;
    margin-left:547px;
    z-index: 3;

}*/
#upcoming-offering-tbody tr:nth-child(even)
/* #tase-messages-table tr:nth-child(even) */ {
  background: #ffebcd80;
}

.upcoming-thead-container {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 5px;
}

#upcoming-offering-table {
  min-width: 800px;
}

#tase-messages-table thead {
  position: sticky;
  top: 0;
  background-color: white;
}

/* #tase-messages-table-body tr:nth-child(even) {
    background-color: #ffebcd80;

}

#tase-messages-table-body tr:nth-child(odd) {
    background-color: white;

} */

#tase-messages-table-body tr {
  background-color: white;
  border-bottom: 3px solid #c9cfe080;
  font-size: 17px;
  font-family: "rubik", Arial, Helvetica, sans-serif;
}

/* #tase-messages-ul {
  margin-right: 10px;
} */
#tase-messages-table-body tr:hover {
  background-color: #c9cfe0;
}

#tase-messages-table-body tr td {
  border-bottom: 3px solid #c9cfe080;
  border: 1px solid #ccc; /* Sets a 1px solid grey border */
}

#tase-messages-table-body tr:hover td {
  border-left: 2px solid #c9cfe0;
}

/* #tase-messages-table-header-stock-page tr{
    position:sticky;
    top:0;
    background-color: #e3f0ff80 !important;
} */

#upcoming-offering-table-head th:first-child,
#upcoming-offering-tbody td:first-child

/* #tase-messages-table th:first-child,
#tase-messages-table td:first-child */ {
  position: sticky;
  right: 0;
  background-color: #f1f7ff;
}

/* .tase-messages-container {
    max-height: 440px;
    overflow-y: scroll;
} */

#tase-messages-container {
  direction: ltr;
  /*box-shadow:3px 4px 10px 0px #C9CFE0;*/
  position: relative;
  background: transparent;
}
ul#tase-messages-ul::-webkit-scrollbar {
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 15px;
  width: 9px;
  background-color: #d9d9d9 !important;
}
ul#tase-messages-ul::-webkit-scrollbar-thumb {
  background-color: #45a6dd87;
  border-radius: 15px;
  z-index: 2;
}
/*ul#tase-messages-ul::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 12px;
}

ul#tase-messages-ul::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 12px;
}*/
.maya-date {
  font-weight: bold;
  font-size: 13px;
  display: flex;
  margin-top: 10px;
  justify-content: center;
}

.company-name {
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.read-more-icon {
  /* margin:20px 3px; */
  float: left;
  padding: 12px;
}

#newswrapper {
  height: 348px;
}

.ul-newsticker {
  text-align: center;
  padding: 0 5px;
  list-style-type: none;
  height: 348px;
}

.ul-newsticker > li {
  margin-bottom: 25px !important;
}

.title {
  color: white;
  background-color: #00367c;
  width: 100%;
  max-width: 395px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
}

.newsticker > li {
  margin: 15px 0px;
}

.newsticker {
  height: 348px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  direction: rtl;
  overflow: hidden;
}

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bursting-messages {
  height: 400px;
  width: 200px;
  position: relative;
  top: 71px;
  overflow: hidden;
}

#tase-messages-table-body tr {
  height: 30px;
  /*box-shadow: 15px 30px #888888;*/
  border-radius: 15px;
}

#tase-messages-table-body tr td:nth-child(1) {
  direction: rtl;
  width: 24% !important; /*30px*/
  text-align: right;
}

#tase-messages-table-body tr td:nth-child(2) {
  /* text-align: center; */
  width: 20% !important;
  text-align: right;
  color: #000;
}

.date-row-stock-exchange-messages {
  color: #00000061;
  /*font-weight: bold;*/
  text-align: top !important;
  font-size: 100%;
  justify-content: start;
  display: flex;
  width: 100%;
}

/* #tase-messages-table tr:nth-child(1){
    width:98px;
} */
#stock-exchange-reports-title {
  background-color: white;
  color: #333333;
  font-size: 19.5px;
  text-align: center;
  margin-bottom: 10px;
}

#company-name-maya-report {
  width: 2%;
}

.company-name-maya-report {
  padding: 0px 10px;
}

#upcoming-offering-table-title,
#stock-exchange-table-title {
  margin-bottom: 17.43px;
  font-size: 19.5px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}

#upcoming-offering-table-title::after,
#stock-exchange-table-title::after {
  content: "";
  position: absolute;
  height: 1.5px;
  width: 100%;
  right: 0;
  bottom: 0;
  background-color: #ffa527;
}

.stock-exchange-message a {
  width: 95%;
}
.stock-exchange-message-content {
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  /* max-width: 450px; */
  width: 100%;
  vertical-align: middle;
  direction: rtl;
}
.messageWrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 15px;
}
.container-company-message:hover {
  background-color: #f0f0f0;
}
li.container-company-message {
  display: grid;
  grid-template-columns: 1fr 11fr;
}
/*.container-company-message:on-click{
      background-color: #ff0000;
}*/
.container-company-message {
  /* display: flex;
  flex-direction: column;
  height: 29px;
  align-items: center;
  padding: 17px 25px;
  position: relative; */
  display: grid;
  grid-template-columns: 1fr 10fr;
  /* flex-direction: column; */
  /* height: 29px; */
  align-items: center;
  gap: 0;
  padding: 15px 15px;
  position: relative;
  /* justify-content: center; */
}
.container-company-message::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #c9cfe080;
  bottom: 0%;
  width: 99%;
  direction: rtl;
}

.stock-exchange-message {
  width: 100%;
  text-align: right;
}

.stock-exchange-company {
  width: 26%;
  text-align: right;
  font-weight: bold;
}
#tase-messages-ul {
  list-style-type: none;
  padding: 0px;
  max-height: 403px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#tase-messages-ul > li:hover {
  background-color: #c9cfe0;
}

#tase-messages-ul > li {
  border-bottom: 1px solid #c9cfe080;
}

.messages-date-title {
  position: sticky;
  top: 0;
}

#upcoming-offering-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 455px;
  overflow-y: auto;
  direction: ltr;
}

.upcoming-offering-list-item-wrapper > span:not(:first-child) {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.upcoming-offering-list-item-wrapper > span:first-child {
  width: 20%;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
  padding: 8px 10px;
}

@media (max-width: 768px) {
  .mobile-title {
    position: relative;
    right: -15%;
  }
  .container {
    /* overflow-x: scroll; */
  }
  .upcoming-offering-container {
    /* width: max-content; */
    width: 100%;
  }
  #upcoming-offering-table {
    width: 100%;
    min-width: 100%;
  }
  #upcoming-offering-table-title {
    right: -30%;
  }
  #upcoming-offering-list {
    width: 100%;
    max-height: 280px;
    overflow: scroll;
    direction: rtl;
  }
  .upcoming-offering-list-item-wrapper {
    width: 800px;
  }
  .upcoming-offering-list-item-wrapper > span:first-child {
    position: sticky;
    right: 0;
    background-color: #f1f7ff;
  }
  #upcoming-offering-table-head {
    width: 800px;
    position: sticky;
    top: 0;
    background-color: #f1f7ff;
    z-index: 10;
  }
  #upcoming-offering-table-head span:first-child {
    position: sticky;
    right: 0;
    background-color: #f1f7ff;
    width: 22%;
  }
}