body {
  font-family: sans-serif;
}
.us-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
}

.us-stocks-result-pagination-container{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
  direction: ltr;
}

.us-stocks-pagination-componenet{
  display: flex;
  width: 300px;
  justify-content: space-evenly;
}

.us-stocks-current-page-text{
  border: 1px solid blue;
}

.center {
  display: flex;
  flex-direction: column;
  width: 70%;
}

.side {
  display: flex;
  flex-direction: column;
  width: 20%;
  background-color: #244242;
margin: 0 auto;
}

.logo-style{
  background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: whitesmoke;
border: 1px solid #000;
}

.stock-values{
  display: flex;
  justify-content: space-evenly;
  font-size: 0.8rem;
}

.stock-values p{
  margin-top:0;
  margin-bottom:5px;
}

.red{
  color: red;
}
.ltr{
  direction: ltr;
}

.green{
  color: green;
}

.chart{
  /* display: none; */
}

.charts-container{
  position: relative;
  height:250px;
  width:100%;
  max-width:500px;
  margin: 0px auto;
  overflow: hidden;
}

ul {
  display: flex;
  align-items: center;
padding-inline-start: 0px;
justify-content: space-between;
  list-style-type: none;
  /* margin: 40px 10%; */
  margin-right:10%;
  margin-left:10%;
  width: 80%;
}

li {
  width: 120px;
  height: 25px;
  background-color: #476b6b;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
}

li:hover {
  transform: scale(1.1);
}

.selected {
  border: 3px solid #699393;
  pointer-events: none;
}

table {
  text-align: center;
  /* max-width: 800px; */
}

.result-conteiner {
  height: 500px;
  overflow-y: scroll;
}

.result-conteiner > table{
  width: 100%;
}

th {
  color: #476b6b;
  cursor: pointer;
}
td, th {
  padding: 10px 5px;
  width: 8%;
  direction: ltr;
  font-size: 0.8em;
}


tr {
  cursor: pointer;
}

#us-stocks-result>tr:hover {
  background-color: #abc4c4;
}

td:first-child, th:first-child {
  width: 15%;
}

.green {
  color: seagreen;
  font-weight: bold;
}

.red {
  /* color: tomato; */
  font-weight: bold;
}

.bar {
  margin: 15px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}


#clock-us {
  font-size: 1em;
  background-color: white;
  color: #476b6b;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

h2 {
  text-align: center;
  color: white;
  font-size: 1.2em;
}

#us-stocks-news {
  height: 500px;
  overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */

  flex-direction: column;
  text-align: center;
  font-size: 12px
}
#us-stocks-news::-webkit-scrollbar {
  width: 0;
height: 0;
}
#us-stocks-news>a {
  text-decoration: none;
  color: black;
  margin-bottom: 20px;
  color: white;

}
.title {
  display: block;
  margin-bottom: 5px;
}

.pubDate {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
}


.us-events{
  height:450px !important;
}

.tradingview-widget-container{
  margin-bottom: 30px;
  width: 100% !important;
}

.tradingview-widget-container >iframe{
  width: 100% !important;
}
.market-quotes-widget__field--name-width{
  min-width: 50px !important;
}

.market-quotes-widget__filling{
  display:none !important;
}

.market-quotes-widget__ro.market-quotes-widget__row--symbol.quote-ticker-inited{
  justify-content: flex-start;
}
@media only screen and (max-width: 600px) {
  body {
    display: flex;
    flex-direction: column;
  }
  ul {
    margin: 0;
    width: 100%;
  }
  li {
    height: 5px;
  }
  .center {
    width: 100%;
  }

  .side {
    width: 100%;
  }
  td:nth-child(2), th:nth-child(2), td:nth-child(4), th:nth-child(4),
  td:nth-child(5), th:nth-child(5), td:nth-child(7), th:nth-child(7) {
    display: none;
  }
  .result-conteiner {
    max-height: 270px;
  }
  .time {
    display: none;
  }
  #us-stocks-news {
    max-height: 100px;
  }
}

#wallstreetWidget{
  direction:ltr;
  height: 690px;
  overflow: hidden;
  display: inline;
}



/* WIDGET */

.tabs-btns-container{
  display: flex;
  justify-content: center;
  background: #F7F7F7;
  height: 46px;
  direction: rtl;
   list-style-type: none;
   margin-top: 0;
}

.tab-btn{
  padding: 10px;
  width: 50%;
  border:none;
  cursor: pointer;
  border-bottom: 3px solid #EAEAEA;
  background: #efeded;
  font-size: 17px;
  border:1px solid #000;
}

.tab-btn.active{
  background-color: rgb(171 188 188);
  box-shadow: 0 -1px 2px #d4d4d4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: none;
  border:1px solid #000;
}

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

.widget-container{
  overflow: hidden;
}
.chart-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: sans-serif;
  align-items: flex-start;
}

.widget-table {
  text-align: center;
  width: 100%;
}

.result-conteiner {
  height: 35rem;
  overflow-y: auto;
}

.widget-th {
  color: #476b6b;
  cursor: pointer;
}
.widget-td, .widget-th {
  padding: 9px 5px;
  width: 8%;
  direction: ltr;
  font-size: 0.8em;
}

.widget-tr {
  cursor: pointer;
  font-size: 13px;
}

.carousel-li{
  background-color:transparent;
}

.carousel-li a{
  color: #fff;
}

.slick-list.draggable{
  height: 400px !important;
}