/*Generic Style*/

/* @font-face {
  font-family: "Cairo-Black";
  src: url("../fontawesome/webfonts_Cairo-Black/Cairo-Black.ttf.woff")
      format("woff"),
    url("../fontawesome/webfonts_Cairo-Black/Cairo-Black.ttf.svg#Cairo-Black")
      format("svg"),
    url("../fontawesome/webfonts_Cairo-Black/Cairo-Black.ttf.eot"),
    url("../fontawesome/webfonts_Cairo-Black/Cairo-Black.ttf.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
} */
/* html {
  direction: rtl;
  text-align: right;
}
body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
} */

/*Charts Style*/
.index-graph-table {
  margin: 25px 0;
}
.highcharts-credits {
  display: none;
}
.highcharts-exporting-group {
  display: none;
}
.highcharts-input-group {
  display: none;
}
.highcharts-range-selector-buttons {
  display: flex;
  justify-content: center;
  display: none;
}
.highcharts-range-selector-buttons .highcharts-button .highcharts-button-box {
  fill: white;
}
.highcharts-range-selector-buttons .highcharts-label {
  display: none;
}
/* .fixed_header tbody {
    display: block;
    max-height: 350px;
    overflow-y: scroll;
    padding-top: 10px;
  } */

.fixed_header thead,
.fixed_header tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
/* table thead th {
    text-transform: capitalize;
  } */

.top-bar .btn-close {
  color: #fff;
  background: none;
  opacity: 0.8;
  left: 0;
  right: auto;
}
.top-grey-bar {
  background: #1b1c1c;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  border-radius: 0;
  border: none;
}
.top-red-bar {
  background: #ce2a2b;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  border-radius: 0;
  border: none;
}

/* header {
    background: #005594;
    padding: 15px 0;
    color: #fff;
  } */
.header-box {
  display: flex;
}
.search-header {
  flex: 1;
}
.logo-header {
  flex: 3;
}
.cnbc-logo {
  margin-bottom: 15px;
}

.header-nav .navbar {
  margin: 0;
  padding: 0;
}
.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-nav ul li {
  margin: 0 5px;
}
.header-nav ul li a {
  font-size: 18px;
  color: #fff;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 3px solid transparent;
}
.header-nav ul li a:hover,
.header-nav ul li a:focus {
  color: #fff;
  border-bottom-color: #fcb700;
}
.header-nav ul li.nav-item .dropdown-menu {
  background: #005594;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}
.header-nav ul li.nav-item .dropdown-menu li {
  padding: 0;
  margin: 0;
}
.header-nav ul li.nav-item .dropdown-menu li a {
  background: #005594;
  border-bottom: 1px solid #0066b1;
  font-size: 14px;
}
.header-nav .navbar-toggler .navbar-toggler-icon {
  color: #fff;
}

.search-header .search-box {
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.search-header .search-box input {
  background: #002f6c;
  border: none;
  font-weight: 600;
  color: #fff;
  border-radius: 0;
}
.search-header .search-box input::placeholder {
  font-weight: 600;
  color: #fff;
}
.search-header .search-box .input-group-text {
  background: none;
  border: none;
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
}

.header-search-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.header-search-nav ul li a {
  font-size: 18px;
  color: #fff;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

.youtube-icon {
  background: #ce2a2b;
  color: #fff;
  font-size: 7px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 5px 7px;
}

.page-nav .navbar .navbar-nav {
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}
.page-nav .navbar .navbar-nav .nav-item {
  padding: 0px 15px;
  margin-bottom: -2px;
}
.page-nav .navbar .navbar-nav .nav-item a {
  color: #777777;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
}
.page-nav .navbar .navbar-nav .nav-item a.active {
  color: #005594;
  border-bottom: 3px solid #005594;
}
.page-nav .navbar .navbar-nav .nav-item a:hover {
  color: #005594;
  border-bottom: 3px solid #005594;
}
.page-nav .navbar-toggler .navbar-toggler-icon {
  color: #005594;
}

@media screen and (max-width: 1280px) {
  .logo-header {
    flex: 2;
  }
}

@media screen and (max-width: 991px) {
  .logo-header {
    flex: 1;
  }
}

@media screen and (max-width: 991px) {
  .index-graph-table table {
    border: 0;
  }

  .index-graph-table table caption {
    font-size: 1.3em;
  }

  .index-graph-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .index-graph-table table tbody {
    width: 670px !important;
  }
  .index-graph-table table tr {
    display: block;
    margin-bottom: 0.625em;
    border-right: solid 1px #dddddd;
    padding-right: 20px;
  }
  .index-graph-table table tr.selected td {
    font-weight: 700;
    font-size: 14px;
  }
  .index-graph-table table tr.selected {
    position: relative;
  }
  .index-graph-table table tr.selected::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #002f6c;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .index-graph-table table tr.selected td b {
    font-weight: 700;
    font-size: 14px;
  }

  .index-graph-table table td {
    border: none;
    display: block;
    font-size: 14px;
    text-align: right;
    padding: 3px;
  }
  .index-graph-table table td.text-danger,
  .index-graph-table table td.text-success {
    display: inline-table;
  }
  .index-graph-table .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgb(255 255 255 / 5%);
  }
  .index-graph-table table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .index-graph-table table td:last-child {
    border-bottom: 0;
  }
  .d_sm_block {
    display: block !important;
  }
  .zagtrad_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px;
  }
  .zagtrad_btn button {
    background: none;
    border: none;
  }
  .zagtrad_btn button svg {
    fill: #dddddd;
  }
  .zagtrad_btn button svg:hover {
    fill: #002f6c;
  }

  /* slider CSS */
  #promotional_slider {
    width: 100%;
    padding: 20px 30px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    direction: ltr;
  }
  #promotional_slider .promotionalslider_wrapper {
    width: 100%;
    display: flex;
    /* slick initialized */
    padding-bottom: 80px;
  }
  #promotional_slider .promotionalslider_wrapper .slick-list {
    border-top: solid 4px #002f6c;
  }
  #promotional_slider .promotionalslider_wrapper .slick-arrow {
    font-size: 0;
    width: 75px;
    height: 20px;
    border: 0;
    background: transparent;
    outline: none;
    line-height: 10px;
  }
  #promotional_slider .promotionalslider_wrapper .slick-arrow:before {
    font-size: 50px;
    color: #002f6c;
  }
  #promotional_slider
    .promotionalslider_wrapper
    .slick-arrow.slick-next:before {
    content: '\27F6';
  }
  #promotional_slider
    .promotionalslider_wrapper
    .slick-arrow.slick-prev:before {
    content: '\27F5';
  }
  #promotional_slider .promotionalslider_wrapper .slick-arrow:hover {
    cursor: pointer;
  }
  #promotional_slider .promotionalslider_wrapper .slick-arrow.slick-disabled {
    opacity: 0.5;
  }
  #promotional_slider
    .promotionalslider_wrapper
    .slick-arrow.slick-disabled:hover {
    cursor: not-allowed;
  }
  #promotional_slider .promotionalslider_wrapper.slick-initialized {
    position: relative;
  }
  #promotional_slider
    .promotionalslider_wrapper.slick-initialized
    .slick-arrow {
    position: absolute;
    transform: translateY(-50%);
    z-index: 9;
    bottom: 0px;
  }
  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-next {
    right: 0;
    margin: auto;
    left: 80px;
  }
  #promotional_slider .promotionalslider_wrapper.slick-initialized .slick-prev {
    left: 0;
    right: 80px;
    margin: auto;
  }

  #promotional_slider
    .promotionalslider_wrapper
    .promotionalslider_single
    section {
    /* background: no-repeat center center / cover; */
    background-color: #ce2a2b;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #promotional_slider .promotionalslider_wrapper .promotionalslider_single p {
    background-color: #444;
    color: #fff;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
  }
}
/* graph table */
.graph_table ul {
  padding: 0;
}
.graph_table ul.t-header li {
  font-size: 12px;
}
.graph_table ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #777777;
  border-right: solid 6px transparent;
}

.graph_table ul li span b {
  font-family: 'cairo-black';
}
.graph_table ul li:nth-last-of-type(even) {
  background-color: #f7f7f7;
}
.graph_table ul li span {
  direction: ltr;
  max-width: 20%;
  min-width: 20%;
}
.graph_table ul li span.col_fouth {
  max-width: 40%;
  min-width: 40%;
}
.graph_table ul li span i {
  direction: rtl;
}
.graph_table ul li.selected,
.graph_table ul li:hover {
  border-right: solid 6px #0089d0;
}
.graph_table ul li.selected span,
.graph_table ul li:hover span {
  color: #0089d0;
}
@media screen and (max-width: 991px) {
  .graph_table ul.t-header {
    display: none;
  }
  .graph_table ul li:nth-last-of-type(even) {
    background-color: #fff;
  }
  .graph_table ul li span {
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .graph_table ul li span.d_sm_b {
    display: block;
  }
  .graph_table ul li {
    border-right: solid 1px #dddddd;
    margin-top: 18px;
    padding-right: 20px;
    position: relative;
  }

  .graph_table ul li.selected::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #002f6c;
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .graph_table ul li:last-child {
    border-right: 0;
  }
  .graph_table ul li.selected,
  .graph_table ul li:hover {
    border-right: 0;
  }
  .graph_table ul li.selected span,
  .graph_table ul li:hover span {
    color: inherit;
  }
}

@media screen and (max-width: 767px) {
  .index-graph-table table tbody {
    width: 515px !important;
  }
}
@media screen and (max-width: 575px) {
  .index-graph-table table tbody {
    width: 400px !important;
  }
}
@media screen and (max-width: 376px) {
  .index-graph-table table tbody {
    width: 350px !important;
  }
}
@media screen and (max-width: 320px) {
  .index-graph-table table tbody {
    width: 296px !important;
  }
}

/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}