@font-face {
  font-family: "mnc400";
  font-style: normal;
  font-weight: 400;
  src: local("mnc400"), url("https://cdn.okezone.com/underwood/revamp/2024/revamp/desktop/font/mnc400.woff2") format("woff2");
  font-display: swap
}

@font-face {
  font-family: "mnc500";
  font-style: normal;
  font-weight: 500;
  src: local("mnc500"), url("https://cdn.okezone.com/underwood/revamp/2024/revamp/desktop/font/mnc500.woff2") format("woff2");
  font-display: swap
}

@font-face {
  font-family: "mnc700";
  font-style: normal;
  font-weight: 700;
  src: local("mnc700"), url("https://cdn.okezone.com/underwood/revamp/2024/revamp/desktop/font/mnc700.woff2") format("woff2");
  font-display: swap
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#header,
#table_id_currency_wrapper table.dataTable.display tbody tr > .sorting_1,
#table_id_currency_wrapper table.dataTable.order-column.stripe tbody tr > .sorting_1,
#table_id_wrapper table.dataTable.display tbody tr > .sorting_1,
#table_id_wrapper table.dataTable.order-column.stripe tbody tr > .sorting_1,
.popular-news .title-popular div.active-popular-news.white-bg {
  background-color: #fff;
}

#home .economic .group-economic .highlight-more a img,
#home .special-program .highlight-more div:nth-child(2) {
  width: 14px;
  height: 14px;
}

#detail .paging a .btn,
#detail .paging a.btn {
  background: #d4d4d4 !important;
}

#detail .content p,
#detail .next-but .btn,
#detail .next-but .paging .btn {
  word-wrap: break-word;
  word-wrap: break-word;
}

.user-profile-name,
.user-profile-tag,
.v-list__tile__sub-title,
.v-list__tile__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

#home .first-section .container-market-data,
#home .slider-headline,
.slider-about-us,
.test {
  overflow: hidden;
}

@font-face {
  font-display: swap;
  font-family: CenturyGothic;
  src: url(../font/CenturyGothic.ttf);
}

@font-face {
  font-display: swap;
  font-family: CenturyGothic-Bold;
  src: url(../font/CenturyGothic-Bold.TTF);
}

@font-face {
  font-display: swap;
  font-family: CenturyGothic-Bold-Italic;
  src: url(../font/CenturyGothic-Bold-Italic.TTF);
}

@font-face {
  font-display: swap;
  font-family: Futura;
  src: url(../font/Futura.ttf);
}

@font-face {
  font-display: swap;
  font-family: Futura-Bold;
  src: url(../font/Futura-Bold.ttf);
}

@font-face {
  font-display: swap;
  font-family: Futura-Medium;
  src: url(../font/Futura-Medium.ttf);
}

@font-face {
  font-display: swap;
  font-family: Futura-Medium-Italic;
  src: url(../font/Futura-Medium-Italic.ttf);
}

@font-face {
  font-display: swap;
  font-family: FuturaMediumBT;
  src: url(../font/FuturaMediumBT.ttf);
}

@font-face {
  font-display: swap;
  font-family: Roboto-Regular;
  src: url(../font/Roboto-Regular.woff);
}

@font-face {
  font-display: swap;
  font-family: Roboto-Medium;
  src: url(../font/Roboto-Medium.ttf);
}

@font-face {
  font-display: swap;
  font-family: Roboto-Bold;
  src: url(../font/Roboto-Bold.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../font/MaterialIcons-Regular.woff2) format("woff2"), url(../font/MaterialIcons-Regular.woff) format("woff"), url(../font/MaterialIcons-Regular.ttf) format("truetype");
}

#home .economic .group-economic .highlight-more a:link,
#home .economic .group-economic a:link,
#home .ecotainment .content-ecotainment a:link,
#home .first-section .a-title:link,
#home .first-section .title-3 a:link,
#home .second-section .content-news .text-content-news a:link,
#home .slider-headline a:link,
#home .special-program .content-special-program a:link,
.popular-news #tab-berita-utama a:link,
.popular-news #tab-popular a:link,
a,
a:link,
a:visited {
  text-decoration: none;
}

body {
  font-family: CenturyGothic, Arial, sans-serif !important;
}

:root {
  --idxcolor: #193f6e;
  --blacktext: #454545;
  --grey: #959595;
  --redIDX: #d82526;
  --green: #53a663
;
}

a[href^=tel] {
  color: var(--blacktext);
  text-decoration: none;
}

.image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.image-ecotainment {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.ads-header-home {
  background-color: #ff8e26;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: CenturyGothic-Bold;
  color: #000;
  line-height: 100%;
  width: 320px;
  height: 480px;
  margin: 0 auto;
}

#header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 9999;
}

#header .sub-1 .side-1 a {
  display: block;
  width: 124px;
}

#header .sub-1 {
  margin-top: 15px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header .sub-1 .side-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header .side-2 .idx-live {
  width: 99px;
  height: 30px;
}

.container-slider {
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  gap: 10px;
  overflow: hidden;
}

.container-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: CenturyGothic-Bold;
  gap: 5px;
  border-left: 1px solid #dfdfdf;
}

.container-slider .swiper-slide .component-1 .title-1,
.container-slider .swiper-slide .component-1 .title-1 a,
.container-slider .swiper-slide .component-1 .title-1 a:visited,
.container-slider .swiper-slide .component-1 .title-1:link {
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  color: var(--blacktext);
  white-space: nowrap;
}

.container-slider .swiper-slide .component-1 .title-2 {
  font-family: CenturyGothic !important;
  font-size: 12px;
  color: var(--blacktext);
}

.container-slider .swiper-slide .component-2 img {
  width: 8.6px;
  height: 4.5px;
}

.container-slider .swiper-slide .component-3 {
  font-family: CenturyGothic I !important;
  font-size: 12px;
  text-align: right;
}

.active-menu-lainnya,
.container-menu .text-menubar.active,
.red-icon-color {
  color: #d82526 !important;
}

.green-icon-color {
  color: #53a663 !important;
}

.grey-icon-color {
  color: var(--grey) !important;
}

#graph-page .sidebar-1 .head-title-1 .sub-title-2 a,
#graph-page .sidebar-1 .head-title-1 .sub-title-2 a:link,
#graph-page .sidebar-1 .head-title-1 .sub-title-2 a:visited,
.red-breadcrumb {
  color: #b22a2a;
}

.ini-padding .swiper-button-next::after,
.ini-padding .swiper-button-prev::after,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.ini-padding .swiper-button-next {
  background-image: url(../img/slider-right.png);
  right: 0;
}

.ini-padding .swiper-button-prev {
  background-image: url(../img/slider-left.png);
  left: 0;
}

.ini-padding .swiper-button-next,
.ini-padding .swiper-button-prev {
  display: block;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 42px;
}

.ini-padding {
  position: relative;
  background-color: #eee;
}

#about-us .content .t-about,
#disclaimer .content .t-about,
#home .ecotainment .content-ecotainment .author .nama-author,
#management .content .t-about,
#market-currencies .choice-transaction .button-choice,
#pedoman-media-siber .content .t-about,
#pedoman-media-siber .content .title-pedoman,
#privacy-policy .content .title-pedoman,
#redaksi .content .t-about,
.ini-padding .component .title-1 {
  font-family: CenturyGothic-Bold;
}

.container-menu {
  background-color: #204d7f;
}

.container-menu .header-menu-container {
  padding: 10px 15px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: 0;
  width: 100%;
  z-index: 1;
}

.container-menu .header-menu-container ul {
  position: relative;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 -10px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}

.container-menu .header-menu-container ul li {
  list-style: none;
  white-space: nowrap;
}

.container-menu .header-menu-container ul::-webkit-scrollbar {
  display: none;
}

.gallery-wrapper .swiper-container-detail-gallery::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #b22a2a;
}

.gallery-wrapper .swiper-container-detail-gallery::-webkit-scrollbar {
  height: 5px;
  background-color: #f3f3f3;
}

.gallery-wrapper .swiper-container-detail-gallery::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f3f3f3;
}

.container-menu .header-menu-container li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 13px;
  font-family: CenturyGothic-Bold;
  line-height: 20px;
  letter-spacing: .41px;
  margin: 0 10px;
}

.container-menu .header-menu-container .text-menubar {
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.container-menu .header-menu-container a:hover {
  color: #a3a3a3;
}

.container-menu .text-menubar {
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: .44px;
  height: 55px;
  overflow: hidden;
}

#home .ads-2 {
  width: 320px;
  height: 100px;
  margin: 2px auto 30px;
}

#about-us,
#detail .big-title,
#detail .comment,
#detail .content .the-point,
#detail .content h1,
#detail .content h2,
#detail .content ol,
#detail .content p:not(.bg-pink-detail),
#detail .news,
#detail .prm,
#detail .referrence,
#detail .share,
#detail .tag,
#detail .uptitle-idx,
#disclaimer,
#graph-page .news,
#graph-page .pagination-market,
#graph-page .sidebar-1 .head-title-1,
#graph-page .sidebar-1 .head-title-2,
#graph-page .table-padding,
#graph-page .top-gainers,
#home .economic,
#home .first-section,
#home .headline-text,
#home .news,
#home .popular-news,
#home .second-section,
#home .slider-headline,
#home .special-program .content-special-program,
#kontak-kami .content div,
#kontak-kami .tentang-kami,
#major-1 #checkbox-chart,
#major-1 .head-title-5,
#major-1 .head-title-6,
#major-1 .head-title-7,
#major-1 .head-title-8,
#major-1 .head-title-9,
#major-2 #checkbox-chart,
#major-2 .head-title-5,
#major-2 .head-title-6,
#major-2 .head-title-7,
#major-2 .head-title-8,
#major-2 .head-title-9,
#major-3 #checkbox-chart,
#major-3 .head-title-5,
#major-3 .head-title-6,
#major-3 .head-title-7,
#major-3 .head-title-8,
#major-3 .head-title-9,
#major-4 #checkbox-chart,
#major-4 .head-title-5,
#major-4 .head-title-6,
#major-4 .head-title-7,
#major-4 .head-title-8,
#major-4 .head-title-9,
#major-5 #checkbox-chart,
#major-5 .head-title-5,
#major-5 .head-title-6,
#major-5 .head-title-7,
#major-5 .head-title-8,
#major-5 .head-title-9,
#major-6 #checkbox-chart,
#major-6 .head-title-5,
#major-6 .head-title-6,
#major-6 .head-title-7,
#major-6 .head-title-8,
#major-6 .head-title-9,
#major-7 .head-title-5,
#major-commodities-1 .head-title-5,
#major-commodities-1 .head-title-6,
#major-commodities-1 .head-title-7,
#major-commodities-1 .head-title-8,
#major-commodities-1 .head-title-9,
#major-commodities-2 .head-title-5,
#major-commodities-2 .head-title-6,
#major-commodities-2 .head-title-7,
#major-commodities-2 .head-title-8,
#major-commodities-2 .head-title-9,
#major-commodities-3 .head-title-5,
#major-commodities-3 .head-title-6,
#major-commodities-3 .head-title-7,
#major-commodities-3 .head-title-8,
#major-commodities-3 .head-title-9,
#major-commodities-4 .head-title-5,
#major-commodities-4 .head-title-6,
#major-commodities-4 .head-title-7,
#major-commodities-4 .head-title-8,
#major-commodities-4 .head-title-9,
#major-commodities-5 .head-title-5,
#major-commodities-5 .head-title-6,
#major-commodities-5 .head-title-7,
#major-commodities-5 .head-title-8,
#major-commodities-5 .head-title-9,
#management,
#market-commodities .head-title-4,
#market-commodities .head-title-commodities,
#market-currencies .padding-currency,
#market-currencies .padding-table-currency,
#market-major .emiten-name,
#market-major .head-title-3,
#market-major .head-title-4,
#market-major .head-title-6,
#market-major .head-title-7,
#market-major .head-title-8,
#market-major .head-title-9,
#market-major .head-title-detail-market,
#pedoman-media-siber,
#privacy-policy,
#redaksi,
#text-convers-to,
#text-equals,
#text-value,
.content-headline-img-1,
.editor,
.jdl-headline-img-1,
.time-release-img-1 {
  padding: 0 15px;
}

#detail .content ol,
#detail ul {
  padding-left: 44px;
  margin-bottom: 1rem;
}

#home .first-section .title-1.first-1,
#home .title-slider-headline .title-1,
.news .content-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

#home .title-slider-headline .title-slider-headline {
  text-transform: lowercase !important;
  display: inline-block !important;
}

#detail .content .baca-juga strong::first-line,
#home .title-slider-headline .title-slider-headline::first-line {
  text-transform: capitalize !important;
}

#detail .next-but .btn,
#detail .next-but .paging .btn,
#detail .paging a.btn.btn-active,
.hypertube {
  text-transform: uppercase;
  text-transform: uppercase;
}

#detail,
#detail .news,
#graph-page .share-page-market .text,
#home .first-section .ads-3,
.img-about-us,
.mt-30,
.popular-news.padding-popular {
  margin-top: 30px;
}

#graph-page .top-gainers,
#home .ads-4,
#market-currencies .padding-currency,
.mb-30 {
  margin-bottom: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

#home .first-section .title-1 .img-title {
  width: 20px;
  height: 20px;
}

#home .first-section .title-2 {
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 160%;
  color: var(--blacktext);
}

#home .first-section .title-1 .text-title {
  font-family: CenturyGothic-Bold;
  color: #454545;
  font-size: 18px;
  margin-bottom: 10px;
}

#home .title-slider-headline .title-2 {
  color: #454545;
  font-family: CenturyGothic;
  font-size: 12px;
}

#home .first-section .title-2 .sub-1 {
  margin-bottom: 5px;
}

#home .first-section .title-3 {
  padding-top: 10px;
  padding-bottom: 25px;
  font-family: CenturyGothic;
  width: 193px;
}

#home .first-section .title-3 .sub-1 {
  color: var(--idxcolor);
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .21px;
  border: solid 1px var(--idxcolor);
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  text-align: center;
}

#home .first-section .content-1 {
  margin-bottom: 23px;
}

#home .first-section .content-1 ul:first-child {
  padding-left: 0 !important;
}

#graph-page .sidebar-1 .head-title-7,
#home .first-section .content-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#home .first-section .content-1 ul li {
  list-style-type: none;
  font-family: CenturyGothic;
  color: #959595;
  font-size: 14px;
}

#home .first-section .content-1 ul li.active-content-1 {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
  position: relative;
}

#home .first-section .content-1 ul li.active-content-1::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid var(--idxcolor);
  width: 30px;
  bottom: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#home .container-home-indexes,
#home .container-kanal-indexes {
  overflow: hidden;
  position: relative;
}

#home .container-home-indexes .swiper-pagination,
#home .container-kanal-indexes .swiper-pagination {
  bottom: 10px;
}

#chartcontrols2,
#chartcontrols3,
#chartcontrols4,
#detail .news .towrap .content-news.news-terkait::after,
#graph-page .hide,
#home .first-section .hide,
#home .hide,
#market-currencies .currencies-values .currencies-item:last-child:after,
#market-currencies .currencies-values-2 .currencies-item-2:last-child:after,
.am5stock-link:last-child,
.am5stock-link:nth-child(5),
.dataTables_length,
.hide,
.news .content-news:last-child::after,
.sticky-detail.bottom-min600,
.tabs input[type=radio] {
  display: none;
}

#home .first-section .border-home-indexes {
  border: solid 1px var(--grey);
  border-radius: 10px;
}

#home .first-section .border-home-indexes .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#home .first-section .side-1,
#home .first-section .side-2 {
  text-align: left;
  color: var(--blacktext);
  font-family: CenturyGothic;
  position: relative;
  padding-top: 20px;
}

#home .first-section .side-1 {
  padding-bottom: 50px;
}

#home .first-section .side-2,
.news .title-news {
  padding-bottom: 20px;
}

#home .first-section .side-1::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 97px;
  border-left: solid 1px var(--grey);
  top: 20px;
}

#home .first-section .line-border {
  border-left: solid 1px var(--grey);
  margin-left: 50px;
  margin-right: 50px;
  height: 95px;
  margin-top: 20px;
}

#home .first-section .side-1 .content-side-1,
#home .first-section .side-1 .content-side-2,
#home .first-section .side-1 .content-side-3,
#home .first-section .side-2 .content-side-1,
#home .first-section .side-2 .content-side-2,
#home .first-section .side-2 .content-side-3 {
  font-size: 14px;
  line-height: 160%;
}

#home .first-section .side-1 .content-side-2,
#home .first-section .side-2 .content-side-2,
.box-list .v-list__tile .footer-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#home .first-section .side-1 .content-side-2 .img-arrow,
#home .first-section .side-2 .content-side-2 .img-arrow {
  width: 17px;
  height: 9px;
}

#home .first-section .side-1 .side-detail,
#home .first-section .side-2 .side-detail {
  font-family: CenturyGothic-Bold;
  font-size: 16px;
  line-height: 160%;
}

#home .ecotainment .content-ecotainment .author .text-author,
#home .first-section .side-1 .content-side-1,
#home .first-section .side-2 .content-side-1 {
  font-family: CenturyGothic;
}

#home .slider-headline .img-slider-headline {
  width: 100%;
  height: 155px;
  margin-right: 10px;
  margin-bottom: 15px;
}

#home .headline-text {
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
}

#home .slider-headline .title-slider-headline,
#home .special-program .content-special-program .content-title {
  margin-top: 10px;
  display: inline;
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 11px;
}

#home .slider-headline .title-slider-headline .title-2,
#home .special-program .content-special-program .content-title .title-2 {
  font-family: CenturyGothic;
  font-size: 11px;
  display: inline;
}

#home .slider-headline .content-slider-headline,
#home .special-program .content-special-program .content-desc {
  margin-top: 10px;
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 20px;
}

#home .special-program .content-special-program .content-desc-infografis,
#home .special-program .content-special-program a,
#home .special-program .content-special-program a:link,
#home .special-program .content-special-program a:visited {
  margin-top: 10px;
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
  margin-bottom: 20px;
}

#home .slider-headline .swiper-pagination {
  width: 100%;
  position: relative !important;
  bottom: 10px;
  text-align: center;
  margin-right: 10px;
}

#home .slider-headline .swiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin-right: 10px;
  color: var(--grey);
}

#home .slider-headline .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--redIDX);
}

#home .ads-4,
#home .first-section .ads-3 {
  margin-right: auto;
  margin-left: auto;
  width: 300px;
  height: 250px;
}

#home .economic .highlight-title,
#home .special-program .highlight-title,
.news .title-news {
  font-family: CenturyGothic-Bold;
  font-size: 18px;
  color: var(--blacktext);
}

#home .economic .content-news .img-content-news,
#home .second-section .content-news .img-content-news,
.news .content-news .img-content-news {
  width: 130px;
  height: 78px;
}

#home .economic .content-news .text-content-news,
#home .second-section .content-news .text-content-news,
.news .content-news .text-content-news {
  width: calc(100% - 130px);
}

#home .economic .content-news .text-content-news .text-1,
#home .second-section .content-news .text-content-news .text-1,
.news .content-news .text-content-news .text-1 {
  color: var(--blacktext);
  font-family: CenturyGothic-Bold;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none !important;
}

.economic .content-news .text-content-news a,
.news .content-news .text-content-news a {
  text-decoration: none !important;
  color: var(--blacktext);
}

#home .economic .content-news .text-content-news .text-2,
#home .second-section .content-news .text-content-news .text-2,
.news .content-news .text-content-news .text-2 {
  margin-top: 5px;
  font-family: CenturyGothic-Bold;
  color: #a3a3a3;
  font-size: 12px;
}

#home .economic .content-news,
#home .second-section .content-news,
.news .content-news {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

#home .economic .content-news::after,
#home .second-section .content-news::after,
.news .content-news::after {
  content: "";
  position: absolute;
  border-top: 1px solid #d8d8d8;
  width: 100%;
  bottom: -15px;
}

#home .second-section .content-news.none-1::after,
#home .second-section .content-news.none-2::after {
  display: none !important;
}

#home .second-section .content-news.none-1 {
  padding-top: 10px;
}

#home .second-section .content-news.none-2 {
  padding-bottom: 15px;
}

#home .economic .content-news .top-text,
#home .second-section .content-news .top-text {
  color: #b22a2a;
  font-family: CenturyGothic;
  margin-bottom: 5px;
  font-size: 13px;
}

.popular-news {
  margin-bottom: 35px;
}

.popular-news .title-popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.popular-news .title-popular div {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f9f9f9;
  color: var(--grey);
  font-family: CenturyGothic-Bold;
  font-size: 16px;
  line-height: 160%;
  position: relative;
  z-index: 9;
  padding: 7px 0;
}

.popular-news .title-popular div.active-popular-news {
  color: var(--blacktext);
}

.popular-news .title-popular div.active-popular-news::before {
  content: "";
  position: absolute;
  background-image: url(../img/active-popular.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  top: 0;
  right: 0;
  z-index: -9;
}

.popular-news .title-popular div.active-popular-news.white-bg::before {
  content: "";
  position: absolute;
  background-image: url(../img/active-popular-2.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  top: 0;
  right: 0;
  z-index: -9;
}

.popular-news .content-popular .sub-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  position: relative;
  margin-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular-news .content-popular .sub-content img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}

.popular-news .content-popular .sub-content::after {
  content: "";
  position: absolute;
  border-top: 1px solid #dfdfdf;
  width: 100%;
  bottom: -10px;
}

.popular-news .content-popular .sub-content .div-content {
  width: 40px;
  height: 40px;
}

.popular-news .content-popular .sub-content .title-content {
  color: var(--blacktext);
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 160%;
}

#home .economic .group-economic,
#home .special-program .group-special-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

#detail .uptitle-idx .title-2,
#graph-page .stock-table-top .data-stock-table-top td.red,
#home .economic .group-economic .highlight-more a:visited,
#market-currencies .choice-transaction .text-choice,
#market-currencies .selectbox-selected.red {
  color: var(--redIDX);
}

#detail .berita-terkait .content a,
#detail .share .sosmed,
#home .economic .content-news,
#home .second-section .content-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

#home .economic .highlight-more,
#home .special-program .highlight-more {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  color: #d82526;
}

#home .special-program .highlight-more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: var(--redIDX);
}

#home .economic .highlight-more a {
  color: var(--redIDX);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#home .special-program .group-special-program {
  margin-bottom: 20px;
  padding: 0 15px;
}

#home .special-program .img-special-program {
  width: 100%;
  position: relative;
}

#home .special-program .img-special-program-infografis {
  height: 236px;
}

#home .special-program .img-special-program .btn-play {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 35%;
  left: 40%;
}

#home .ecotainment {
  width: 100%;
  margin-top: 30px;
}

#home .ecotainment .img-ecotainment-size {
  height: 159px;
  margin-bottom: 10px;
}

#home .ecotainment .bg-ecotainment {
  background-image: url(../img/bg-ecotainment.jpg);
  width: 100%;
  height: 373px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

#home .highlight-ecotainment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 15px 15px;
}

#home .ecotainment .bg-ecotainment .group-ecotainment .highlight-ecotainment .more-ecotainment a,
#home .ecotainment .bg-ecotainment .group-ecotainment .highlight-ecotainment .title-ecotainment,
#home .gallery-foto .gallery-sub-picture .swiper-wrapper,
.right-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#home .ecotainment .bg-ecotainment .group-ecotainment .highlight-ecotainment .title-ecotainment .text {
  font-family: CenturyGothic-Bold-Italic;
  font-size: 18px;
  color: #fff;
}

#home .ecotainment .bg-ecotainment .group-ecotainment .highlight-ecotainment .more-ecotainment .text {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  color: #53a663;
}

#home .ecotainment .content-ecotainment {
  overflow: hidden;
  margin-left: 15px;
}

#home .ecotainment .content-ecotainment .text-content-ecotainment {
  color: #fff;
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 160%;
}

#home .ecotainment .content-ecotainment .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 160%;
}

#home .ecotainment .swiper-pagination {
  height: 100%;
  position: relative;
  bottom: -20px;
}

#home .ecotainment .swiper-pagination-bullet.swiper-pagination-bullet-active,
#home-indexes .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--redIDX);
}

#home .ecotainment .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--grey);
}

#home .gallery-foto {
  margin-top: 30px;
  background-color: #f0f0f0;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

#home .gallery-foto .group-gallery,
#home .gallery-foto .title-gallery {
  padding-left: 15px;
  padding-right: 15px;
}

#home .gallery-foto .group-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

#home .gallery-foto .gallery-picture {
  height: 180px;
  margin-bottom: 2px;
}

#home .gallery-foto .gallery-sub-picture .swiper-wrapper .sub-picture-1,
#home .gallery-foto .gallery-sub-picture .swiper-wrapper .sub-picture-2 {
  height: 75px;
  padding-right: 2px;
}

#home .gallery-foto .gallery-sub-picture .swiper-wrapper .sub-picture-3 .img-sub-3 {
  height: 75px;
}

#home .gallery-foto .highlight-title {
  font-family: CenturyGothic-Bold;
  font-size: 18px;
  letter-spacing: .14px;
  color: var(--blacktext);
}

#home .gallery-foto .group-gallery .highlight-more .highlight-1 {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  letter-spacing: .14px;
  color: var(--redIDX);
}

#graph-page .sidebar-1 .head-title-7 .sub-title-2,
#home .gallery-foto .group-gallery .highlight-more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#content-profile,
#detail .content .baca-juga a,
#graph-page .stock-table .data-stock-table,
#home .gallery-foto .gallery-sub-picture .swiper-wrapper .sub-picture-3,
#major-1 .relative-iframe,
#market-currencies .button-choice,
#market-currencies .group-convers,
#market-currencies .group-convers-2,
#market-major .relative-iframe,
#redaksi .redaksi-sosmed a,
.dataTables_filter {
  position: relative;
}

#home .gallery-foto .gallery-sub-picture .swiper-wrapper .sub-picture-3 .clas-ab {
  position: absolute;
  color: #fff;
  top: 35%;
  left: 40%;
  font-family: CenturyGothic-Bold;
  font-size: 24px;
}

#home .gallery-foto .title-gallery {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  color: var(--blacktext);
  margin-bottom: 10px;
}

#detail .content p img,
#detail .content p strong img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

#detail .content .video-container iframe {
  width: 100%;
  height: 300px;
}

#detail .content ol {
  font-family: CenturyGothic;
  color: var(--blacktext);
  font-size: 13px;
  line-height: 20px;
}

#detail .content h2 a,
#detail .content h2 a:link,
#detail .content h2 a:visited,
#detail .content h2 strong a,
#detail .content h2 strong a:link,
#detail .content h2 strong a:visited {
  color: #d86565;
}

#detail .big-title,
#detail .content h1 {
  font-family: CenturyGothic-Bold;
  font-size: 20px;
  line-height: 160%;
  color: var(--blacktext);
  margin-bottom: 15px;
}

#detail .content h2,
#detail .content h3,
#detail .content h4,
#detail .content h5 {
  line-height: 1.63;
  margin-bottom: 16px;
  color: var(--blacktext);
  font-weight: 700;
  font-family: CenturyGothic;
}

#detail .content h2 {
  font-size: 18px;
}

#detail .content h3,
#detail .content h4,
#detail .content h5 {
  font-size: 16px;
}

#detail .next-but .paging .btn {
  margin: .375rem;
  color: inherit;
  white-space: normal;
  cursor: pointer;
  border: 0;
  border-radius: .125rem;
}

#detail ul li::marker {
  color: var(--blacktext);
}

#detail ul {
  font-family: CenturyGothic;
  color: var(--blacktext);
  font-size: 13px;
}

#detail .paging {
  width: 100%;
  font-family: CenturyGothic;
  margin-bottom: 20px;
}

#detail .paging .group-paging {
  background-color: #f5f5f5;
  margin: 0 15px;
  padding: 10px 10px 12px;
}

#detail .paging .paging-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#detail .paging .text {
  font-family: CenturyGothic;
  font-size: 13px;
  color: #000;
  white-space: nowrap;
  font-weight: 700;
}

#detail .paging a.btn {
  color: #fff !important;
}

#detail .paging .paging-see-all,
#detail .paging .paging-see-all:link,
#detail .paging .paging-see-all:visited {
  font-family: CenturyGothic;
  color: #fff !important;
  border: 1px solid #295d9e;
  padding: 6.5px 11.5px;
  background-color: #295d9e;
  border-radius: 5px;
  font-size: 13px;
}

a.waves-effect,
a.waves-light {
  display: inline-block;
}

#detail .next-but .btn {
  margin: .375rem;
  color: inherit;
  cursor: pointer;
  border: 0;
  border-radius: .125rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  padding: .84rem 2.14rem;
  font-size: .81rem;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  white-space: normal;
}

.waves-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

#detail .next-but .btn-blue {
  background-color: #204d7f !important;
  color: #fff !important;
  padding: .375rem .75rem !important;
  font-size: 12px;
}

#detail .next-but a {
  font-family: CenturyGothic-Bold;
  font-size: 12px;
}

#detail .paging a.btn.btn-active {
  background-color: #204d7f !important;
  color: #fff !important;
}

#detail .paging .float-right {
  float: right;
}

#detail .uptitle-idx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12.5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

#detail .uptitle-idx .title-1,
#detail .uptitle-idx .title-2 {
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  line-height: 160%;
}

#detail .next-but {
  padding: 24px 15px;
  font-size: 13px;
}

#detail .paging a,
#detail .paging a:link,
#detail .paging a:visited {
  text-decoration: none;
  padding: 7px 11px;
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 13px;
  border-radius: 3px;
}

#detail .paging .btn-active {
  background-color: #204d7f;
  color: #fff;
}

#detail .uptitle-idx .title-1,
#detail .uptitle-idx a,
#detail .uptitle-idx a:link,
#detail .uptitle-idx a:visited,
#graph-page .stock-table-top .title-stock-table,
#graph-page .stock-table-top .title-stock-table-top {
  color: var(--blacktext);
}

#detail .content .mb-15,
#detail .referrence,
.mb-15 {
  margin-bottom: 15px;
}

#detail .referrence .sub-referrence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  margin-bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#detail .referrence .sub-referrence .sub-kanal,
#detail .referrence .sub-referrence a,
#detail .referrence .sub-referrence a:link,
#detail .referrence .sub-referrence a:visited {
  font-family: CenturyGothic-Bold;
  color: var(--redIDX);
  font-size: 12px;
}

#detail .referrence .sub-referrence .writer-name,
#detail .referrence .sub-referrence .writer-name:link,
#detail .referrence .sub-referrence .writer-name:visited {
  font-family: CenturyGothic-Medium;
  color: var(--blacktext) !important;
  font-size: 12px;
}

#detail .referrence .time-article {
  font-family: CenturyGothic-Medium;
  color: var(--blacktext);
  font-size: 12px;
  line-height: 160%;
}

#detail .content .the-point .text {
  font-family: CenturyGothic-Medium;
  color: var(--blacktext);
  font-size: 14px;
  line-height: 160%;
}

#detail .content .the-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

#detail .content .img-high-sidebar {
  width: 6px;
  float: left;
}

#detail .content .img-content {
  height: 180px;
}

#detail .content .illustration {
  background-color: pink;
  margin: -5px 15px 0;
  padding-bottom: 20px;
  font-family: CenturyGothic-Medium;
  font-size: 12px;
  letter-spacing: .4px;
  color: #686a70;
  padding-top: 5px;
  padding-left: 15px;
}

#detail .ads-2-detail,
#detail .content .ads-1-detail {
  background-color: #ff8e26;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: CenturyGothic-Bold;
  color: #000;
  line-height: 100%;
}

#detail .content .ads-1-detail {
  width: 300px;
  height: 600px;
  margin: 20px auto 60px;
}

#detail .ads-2-detail {
  width: 300px;
  height: 250px;
  margin: 0 auto 30px;
}

#detail .content .bg-pink-detail {
  position: relative;
  z-index: 9;
  margin: 30px 15px;
}

#detail .content .bg-pink-detail::after {
  content: "";
  position: absolute;
  background-color: pink;
  width: 100%;
  height: 85px;
  top: -29px;
  left: 0;
  z-index: -1;
}

#detail .content p {
  font-family: "mnc400";
  font-size: 16px;
  line-height: 26px;
  color: var(--blacktext);
  letter-spacing: .44px;
  margin-bottom: 30px;
  overflow-wrap: break-word;
}

.baca-juga-new a {
  font-family: "mnc400" !important;
}

.baca-juga-new strong {
  font-family: "mnc400" !important;
}

#detail .content p a,
#detail .content p a:link,
#detail .content p a:visited {
  color: #d86565;
  text-decoration: none;
}

#graph-page .sidebar-1 .head-title-2 ul li,
#graph-page .sidebar-1 .head-title-2 ul li a,
#graph-page .sidebar-1 .head-title-2 ul li a:visited,
#text-equals {
  color: #979797;
}

#detail .content .baca-juga {
  margin-bottom: 30px !important;
  background-color: #eee;
  margin: 0 15px;
  font-size: 17px;
}

#detail .content .baca-juga a,
#detail .content .baca-juga a:link,
#detail .content .baca-juga a:visited {
  text-decoration: none;
  color: #454545;
  font-family: CenturyGothic-Bold;
  display: block;
  line-height: 22px;
  letter-spacing: .5px;
  font-size: 15px;
}

#detail .content .baca-juga strong {
  font-family: CenturyGothic;
  color: var(--redIDX);
  text-transform: lowercase !important;
  margin-bottom: 7px;
  display: inline-block;
  letter-spacing: .5px;
}

#detail .content .baca-juga div {
  font-family: CenturyGothic-Bold;
  position: relative;
  margin-left: 20px;
}

#detail .content .baca-juga .point {
  margin-bottom: 10px;
  color: var(--blacktext);
}

#detail .content .baca-juga .point-1 {
  margin-top: 20px;
}

#detail .content .text-caption {
  padding: 20px 15px;
  font-family: CenturyGothic-Bold-Italic;
  color: #686a70;
  line-height: 18px;
  letter-spacing: .4px;
  font-size: 12px;
}

#detail .comment .title,
#detail .prm,
#detail .tag .title {
  color: var(--blacktext);
}

#detail .prm {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .25px;
  margin-bottom: 20px;
}

#detail .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 33px;
  background-color: #f3f3f3;
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

#detail .share .text,
#graph-page .share-page-market .text,
#graph-page .share-page-market-detail-commodities .text {
  color: var(--blacktext);
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .21px;
}

#detail .tag .title,
#detail .tag .word .word-1 {
  letter-spacing: .29px;
  font-size: 14px;
  font-family: CenturyGothic-Bold;
  line-height: 18px;
}

#detail .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  margin-bottom: 30px;
}

#detail .tag .word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
}

#detail .tag .word .word-1 {
  color: var(--redIDX);
  position: relative;
}

#detail .tag .word .word-1::after {
  content: "";
  position: absolute;
  border-bottom: 2px solid #d8d8d8;
  width: 100%;
  height: 100%;
  bottom: -8px;
  left: 0;
  z-index: -1;
}

#detail .berita-terkait {
  background-color: var(--redIDX);
  margin-bottom: 30px;
  padding: 15px;
}

#detail .berita-terkait .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

#detail .berita-terkait .title .text {
  color: #fff;
  font-family: CenturyGothic-Bold;
  font-size: 18px;
  line-height: 160%;
}

#detail .berita-terkait .content img {
  width: 40%;
}

#detail .berita-terkait .content div {
  width: 60%;
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 160%;
  color: #fff;
}

#detail .comment .title {
  font-family: CenturyGothic-Bold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
  margin-bottom: 30px;
}

#detail .comment .typing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

#detail .comment .typing::after {
  content: "";
  position: absolute;
  width: 100%;
  border-top: 1px solid #ededed;
  bottom: -15px;
  left: 0;
}

#detail .comment .typing .text-typing {
  font-family: CenturyGothic;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .25px;
  color: #a3a3a3;
}

#detail .comment .text-1 {
  margin-top: 30px;
  color: #a3a3a3;
  font-family: 12px;
  letter-spacing: .4px;
  margin-bottom: 19px;
}

#detail .comment .text-2,
#detail .comment .text-3 {
  background-color: #f9f9f9;
  font-family: CenturyGothic;
  text-align: center;
}

#detail .comment .text-2 {
  border: 1px dashed #a3a3a3;
  color: #a3a3a3;
  padding: 10px 0;
  font-size: 14px;
  letter-spacing: .5px;
  margin-bottom: 20px;
}

#detail .comment .text-3 {
  color: var(--blacktext);
  padding: 40px 0;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: .21px;
}

#detail .news.relatenews {
  margin-top: 56px;
}

#detail .news .towrap,
#redaksi-news .content-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 22px;
}

footer .img-footer,
footer .store {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#detail .news .towrap .content-news.news-terkait {
  width: calc(50% - 12px);
  display: block;
  margin-bottom: 0 !important;
}

#detail .news .towrap .content-news.news-terkait .img-content-news {
  width: 100%;
  height: 80.4px;
}

#detail .news .towrap .content-news.news-terkait .text-content-news {
  width: 100%;
  margin-top: 8px;
}

#detail .border-detail {
  border-top: 1px solid #f5f5f5;
  margin-top: 30px;
  padding-bottom: 30px;
}

#detail ._popIn_feed_root ._popIn_recommend_container {
  padding: 0 !important;
}

._popIn_recommend_articles._popIn_feed_container {
  margin-top: 42px;
}

#_popIn_recommend {
  padding: 0 10px;
}

footer {
  padding: 30px 0;
  background-color: #204d7f;
}

footer .img-footer {
  margin-bottom: 30px;
}

footer .img-footer img {
  height: auto;
  width: auto;
}

footer .text {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  font-family: CenturyGothic-Bold;
  font-size: 12px;
}

footer .store {
  gap: 16px;
  margin-bottom: 30px;
}

footer .medsos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

footer .company-profile,
footer .network {
  color: #fff;
  padding: 0 15px;
  margin-bottom: 30px;
}

footer .company-profile .title,
footer .network .title {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 160%;
  padding-bottom: 15px;
}

footer .company-profile .content,
footer .network .content {
  font-family: CenturyGothic;
  font-size: 13px;
  line-height: 160%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .network .content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

footer .company-profile .content .side-1 a,
footer .company-profile .content .side-1 a:link,
footer .company-profile .content .side-1 a:visited,
footer .company-profile .content .side-2 a,
footer .company-profile .content .side-2 a:link,
footer .company-profile .content .side-2 a:visited,
footer .company-profile .content .side-3 a,
footer .company-profile .content .side-3 a:link,
footer .company-profile .content .side-3 a:visited,
footer .network .content .side-1 a,
footer .network .content .side-1 a:link,
footer .network .content .side-1 a:visited,
footer .network .content .side-2 a,
footer .network .content .side-2 a:link,
footer .network .content .side-2 a:visited,
footer .network .content .side-3 a,
footer .network .content .side-3 a:link,
footer .network .content .side-3 a:visited {
  color: #fff !important;
}

footer .company-profile .content .side-1 a,
footer .company-profile .content .side-2 a,
footer .company-profile .content .side-3 a,
footer .network .content .side-1 div,
footer .network .content .side-2 div,
footer .network .content .side-3 div {
  padding-bottom: 10px;
}

.redaktur-detail .section2.active,
.tabs input[type=radio]:checked + label + .tab,
footer .company-profile .content .side-1 a,
footer .company-profile .content .side-2 a,
footer .company-profile .content .side-3 a {
  display: block;
}

footer .logo-sponsor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
  margin-bottom: 30px;
}

footer .copyright {
  color: #fff;
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  text-align: center;
  padding-bottom: 50px;
}

footer .copyright-detail {
  color: #fff;
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  text-align: center;
  padding-bottom: 100px;
}

#graph-page .stock-table td,
#graph-page .stock-table th,
#graph-page .stock-table-top td,
#graph-page .stock-table-top th,
.tabs label {
  padding: 10px 0;
}

#graph-page .head-title-commodities {
  font-family: CenturyGothic-Bold;
  font-size: 24px;
  line-height: 160%;
  color: var(--idxcolor);
  margin-top: 20px;
}

#graph-page .sidebar-1 .head-title-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12.5px;
  margin-bottom: 15px;
  margin-top: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#graph-page .sidebar-1 .head-title-1 .sub-title-1,
#graph-page .sidebar-1 .head-title-1 .sub-title-1 a,
#graph-page .sidebar-1 .head-title-1 .sub-title-2,
#graph-page .sidebar-1 .head-title-1 .sub-title-2 a {
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .44px;
}

#graph-page .sidebar-1 .head-title-1 .sub-title-1 a,
#graph-page .sidebar-1 .head-title-1 .sub-title-2.black-currency a {
  color: #686a70;
}

#graph-page .sidebar-1 .head-title-1 a:link {
  text-decoration: none !important;
  color: #686a70;
}

#graph-page .sidebar-1 .head-title-2 {
  margin-bottom: 21px;
}

#graph-page .sidebar-1 .head-title-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
  cursor: pointer;
}

#graph-page .sidebar-1 .head-title-2 ul li {
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 16px;
  line-height: 26.97px;
  letter-spacing: .15px;
  list-style-type: none;
}

#graph-page .sidebar-1 .head-title-2 ul li.active-title-2,
#graph-page .sidebar-1 .head-title-2 ul li.active-title-2 a {
  color: #454545;
  position: relative;
}

#graph-page .sidebar-1 .head-title-2 ul li.active-title-2::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #b22a2a;
  width: 41px;
  bottom: -6px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#graph-page .sidebar-1 .head-title-2 a:link {
  text-decoration: none !important;
}

#graph-page .sidebar-1 .head-title-3 {
  color: #454545;
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 10px;
}

#graph-page #market-major .head-title-detail-market {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
  font-size: 24px;
  line-height: 160%;
}

#graph-page #market-major .emiten-name {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 10px;
}

#graph-page .sidebar-1 .head-title-4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

#graph-page .sidebar-1 .head-title-4 ul::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #959595;
  width: 100%;
  bottom: -2px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#graph-page .sidebar-1 .head-title-4 ul li {
  list-style-type: none;
  font-family: CenturyGothic;
  text-decoration: none;
  font-weight: 400;
  font-size: 13px;
  line-height: 20.8px;
  color: #959595;
}

#graph-page .sidebar-1 .head-title-4 ul li a:link,
#graph-page .sidebar-1 .head-title-4 ul li a:visited {
  color: #959595;
  text-decoration: none;
}

#market-commodities .head-title-4 ul li a.active-title-5,
#market-major .head-title-4 ul li a.active-title-4 {
  color: #193f6e !important;
  position: relative;
  font-weight: 700;
  font-family: CenturyGothic-Bold;
}

#graph-page .sidebar-1 .head-title-4 ul li a.active-title-4::after,
#graph-page .sidebar-1 .head-title-4 ul li a.active-title-5::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #193f6e;
  width: 100%;
  bottom: -6px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#graph-page .sidebar-1 .head-title-5 {
  margin: 15px 0;
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  color: #193f6e;
}

#graph-page .sidebar-1 .head-title-6 {
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 22px;
  line-height: 35.2 px;
  margin-bottom: 10px;
  color: var(--blacktext);
}

#graph-page .sidebar-1 .head-title-7 .sub-title-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

#graph-page .sidebar-1 .head-title-7 .sub-title-1 div {
  font-weight: 500;
  font-size: 14px;
  line-height: 22.4px;
}

#graph-page .sidebar-1 .head-title-7 .litle-border {
  border-left: 1px solid #e8e8e8;
  height: 21px;
}

#graph-page .sidebar-1 .head-title-7 .sub-title-2 .sub-1 {
  color: #454545;
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 16px;
}

#graph-page .sidebar-1 .head-title-7 .sub-title-2 .sub-2 {
  font-family: CenturyGothic;
  font-weight: 500;
  font-size: 14px;
  color: #d82526;
}

#graph-page .sidebar-1 .head-title-8 {
  margin-top: 15px;
  font-family: CenturyGothic;
  font-weight: 500;
  font-size: 12px;
  line-height: 180%;
  color: #454545;
  padding-bottom: 10px;
}

#graph-page .sidebar-1 .head-title-9 {
  gap: 5px;
}

.active-details-icon,
.rotate1,
.rotate2,
.rotate3,
.rotate4,
.rotate5,
.rotate6,
.rotate7,
.rotate8,
.trans-90-lainnya {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#graph-page .sidebar-1 .head-title-9 .text-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: CenturyGothic;
  font-weight: 400;
  gap: 5px;
}

#graph-page .head-title-9 .title-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

#graph-page .head-title-9 .group-content-details {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
          transform: rotate3d(0, 1, 0, 0deg);
  display: none;
}

#graph-page .head-title-9 .title-details .text-details {
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 160%;
  color: var(--idxcolor);
}

#graph-page .head-title-9 .title-details .details-icon {
  width: 15px;
  height: 15px;
}

#graph-page .sidebar-1 .head-title-9 .content-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#graph-page .sidebar-1 .head-title-9 .content-details::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #ededed;
  bottom: 9px;
  left: 0;
  width: 100%;
}

#graph-page .sidebar-1 .head-title-9 .content-details .group-details {
  width: 50%;
  margin-bottom: 16px;
}

#graph-page .sidebar-1 .head-title-9 .content-details .text-content {
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  line-height: 160%;
  color: var(--idxcolor);
  margin-bottom: 7px;
}

#graph-page .sidebar-1 .head-title-9 .content-details .number-content {
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 160%;
  color: var(--black);
}

#graph-page .stock-table,
#graph-page .stock-table-top {
  width: 100%;
  border-collapse: collapse;
}

#graph-page .stock-table .title-stock-table th {
  background-color: var(--blacktext);
  color: #fff;
  border-style: hidden !important;
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 160%;
  padding-top: 10px;
  padding-bottom: 10px;
  border: solid 1px var(--blacktext);
}

#graph-page .stock-table .title-stock-table th .t-1,
#graph-page .stock-table .title-stock-table th .t-2 {
  padding-left: 17px;
  text-align: left;
}

#graph-page .stock-table tr {
  border-bottom: 1pt solid var(--grey);
}

#graph-page .stock-table .title-stock-table th .t-3 {
  padding-right: 17px;
  text-align: right;
}

#graph-page .stock-table .data-stock-table td:first-child {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  line-height: 160%;
  padding-left: 17px;
}

#graph-page .stock-table .data-stock-table td:nth-child(2) {
  color: var(--blacktext);
  font-family: CenturyGothic-Bold;
  font-size: 12px;
  line-height: 160%;
  padding-left: 17px;
  text-align: left;
}

#graph-page .stock-table .data-stock-table td:nth-child(3) {
  color: var(--redIDX);
  font-family: CenturyGothic;
  font-size: 12px;
  text-align: right;
  padding-right: 17px;
}

#graph-page .stock-table-top .data-stock-table-top td:first-child a,
#graph-page .stock-table-top .data-stock-table-top td:first-child a:link,
#graph-page .stock-table-top .data-stock-table-top td:first-child a:visited {
  color: var(--idxcolor);
}

#graph-page .pagination-market {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}

#graph-page .pagination-market .number-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-family: CenturyGothic;
}

#graph-page .pagination-market .number-pagination div,
.like-to {
  font-family: CenturyGothic;
  color: var(--blacktext);
}

.hypertube,
.my-navbar .right-nav a.navbar-brand.hypertube:hover,
.my-navbar a:hover {
  color: #e59500;
}

#graph-page .pagination-market .number-pagination div.active-button-number {
  font-family: CenturyGothic-Bold;
  color: var(--idxcolor);
  position: relative;
}

#graph-page .pagination-market .number-pagination div.active-button-number::after {
  position: absolute;
  content: "";
  width: 100%;
  border-bottom: solid 1px var(--idxcolor);
  left: 0;
  bottom: 0;
}

#graph-page .pagination-market .button-pagination-1 {
  font-family: CenturyGothic-Bold;
  color: var(--grey);
  font-size: 12px;
}

#graph-page .pagination-market .button-pagination-2 {
  font-family: CenturyGothic-Bold;
  color: var(--blacktext);
  font-size: 12px;
}

#graph-page .page-number {
  text-align: center;
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 160%;
  color: var(--grey);
}

#graph-page .share-page-market,
#graph-page .share-page-market-detail-commodities {
  text-align: center;
  margin-bottom: 30px;
}

#content-redaksi .toggle-section .profile-redaksi .sm-title,
#graph-page .share-page-market-detail-commodities .text,
.drawer--mobile-socmed .footer--social-media-right {
  margin-top: 0;
}

#graph-page .share-page-market .medsos-market-group,
#graph-page .share-page-market-detail-commodities .medsos-market-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

#graph-page .share-page-market .medsos-market,
#graph-page .share-page-market .medsos-market a img,
#graph-page .share-page-market-detail-commodities .medsos-market,
#graph-page .share-page-market-detail-commodities .medsos-market a img {
  width: 36px;
  height: 36px;
}

#graph-page .top-gainers .title-top-gainers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

#graph-page .top-gainers .title-top-gainers .text {
  font-family: CenturyGothic-Bold;
  font-size: 18px;
  line-height: 160%;
  color: var(--blacktext);
}

#graph-page .stock-table-top .title-stock-table th {
  color: var(--blacktext);
  font-family: CenturyGothic;
  font-size: 11px;
  line-height: 160%;
  padding-top: 20px;
  padding-bottom: 20px;
}

#graph-page .stock-table-top .data-stock-table-top {
  border-bottom: 1pt solid var(--grey);
  text-align: left;
  position: relative;
  font-family: CenturyGothic-Bold;
}

#graph-page .stock-table-top .data-stock-table-top td:first a:link,
#graph-page .stock-table-top .data-stock-table-top td:first a:visited,
#graph-page .stock-table-top .data-stock-table-top td:first-child,
#graph-page .stock-table-top .data-stock-table-top td:first-child a {
  color: var(--idxcolor);
  font-size: 11px;
  line-height: 160%;
}

#graph-page .stock-table-top .data-stock-table-top .data-top-1:nth-child(2) {
  color: var(--blacktext);
  font-size: 12px;
  line-height: 160%;
}

#graph-page .stock-table-top .data-stock-table-top td:nth-child(3) {
  font-size: 12px;
}

#graph-page .stock-table-top .data-stock-table-top td:nth-child(4) {
  font-size: 11px;
  line-height: 160%;
}

#graph-page .stock-table-top .data-stock-table-top td.green,
#market-currencies .selectbox-selected.green {
  color: var(--green);
}

#graph-page .stock-table-top .title-stock-table-top th .t-1,
#graph-page .stock-table-top .title-stock-table-top th .t-2,
#graph-page .stock-table-top .title-stock-table-top th .t-3 {
  font-family: CenturyGothic;
  font-size: 11px;
  margin-bottom: 6px;
}

#graph-page .stock-table-top .data-stock-table-top .data-top-1,
#graph-page .stock-table-top .data-stock-table-top .data-top-2,
#graph-page .stock-table-top .data-stock-table-top .data-top-3,
#graph-page .stock-table-top .title-stock-table-top th .t-2,
#graph-page .stock-table-top .title-stock-table-top th .t-3 {
  text-align: center;
}

#market-currencies .kurs {
  font-family: CenturyGothic-Bold;
  font-size: 20px;
  line-height: 160%;
  color: var(--blacktext);
  margin-bottom: 10px;
}

#market-currencies .choice-transaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 160%;
  gap: 5px;
  margin-bottom: 5px;
}

#market-currencies .choice-transaction .text {
  color: var(--grey);
}

#market-currencies .group-convers,
#market-currencies .group-convers-2 {
  border: solid 1px var(--idxcolor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  border-radius: 7px;
}

#market-currencies .group-convers .button-choice-currency img,
#market-currencies .group-convers-2 .button-choice-currency-2 img {
  position: absolute;
  top: 10px;
  left: 38px;
}

#market-currencies .group-convers .button-choice-currency,
#market-currencies .group-convers-2 .button-choice-currency-2 {
  font-family: CenturyGothic-Bold;
  font-size: 15px;
  line-height: 160%;
  color: var(--idxcolor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#market-currencies .group-convers .line,
#market-currencies .group-convers-2 .line {
  border-left: solid 1px var(--grey);
  position: absolute;
  top: 10px;
  left: 65px;
  height: 50%;
}

#market-currencies .group-convers .number-conversion,
#market-currencies .group-convers-2 .number-conversion {
  border: 0;
  margin-left: 20px;
  font-family: CenturyGothic;
  font-size: 15px;
  line-height: 160%;
  color: var(--idxcolor);
  position: absolute;
  top: 8px;
  left: 61px;
  z-index: 0;
  width: 75%;
}

#market-currencies .group-convers .button-choice-currency,
#market-currencies .group-convers-2 .button-choice-currency-2 {
  border: none;
  position: relative;
}

#market-currencies .choice-transaction .button-choice:focus,
#market-currencies .group-convers .button-choice-currency {
  outline: 0;
}

#market-currencies .group-convers .number-conversion:focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}

#market-currencies .change-currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0 0;
}

#market-currencies .text-width {
  font-family: CenturyGothic-Bold;
  color: var(--grey);
  font-size: 14px;
  line-height: 160%;
}

#market-currencies .last-updated {
  font-family: CenturyGothic;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 16px;
  line-height: 160%;
  color: var(--grey);
}

#text-convers-to {
  font-family: CenturyGothic-Bold;
  font-size: 24px;
  line-height: 160%;
  color: var(--idxcolor);
  margin-bottom: 15px;
}

#text-equals,
#text-value {
  font-family: CenturyGothic;
  letter-spacing: .15px;
}

#text-equals {
  margin-bottom: 16px;
  font-size: 16px;
}

#text-value {
  color: #204d7f;
  font-size: 20px;
  margin-bottom: 20px;
}

.side-menu .v-list__tile--active {
  color: var(--redIDX) !important;
}

.hypertube {
  font-family: Plaster, cursive;
}

.button-live .text-body--1,
.index-news-revamp,
.text-caption--2,
.title-editor {
  font-family: CenturyGothic-Bold;
}

.my-navbar {
  position: fixed;
  background-color: #000;
  width: 100%;
  top: 0;
  z-index: 20;
}

.my-navbar a {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.my-navbar .left-nav a.logout,
.my-navbar .right-nav a,
.redaktur-detail .section2 .list-redaktur .nama-redaktur {
  color: #454545;
}

.drawer-container .side-menu .footer a:hover,
.my-navbar .left-nav a.logout:hover,
.my-navbar .right-nav a:hover {
  color: #e5dada;
}

.my-navbar .right-nav a.navbar-brand.hypertube {
  color: #e59500;
  font-size: 1.5rem;
}

.my-navbar .left-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.my-navbar img {
  width: 35px;
  height: 35px;
  border-radius: .25rem;
  cursor: pointer;
}

.drawer-container {
  width: 100%;
  height: 100%;
}

.list-link,
table tbody td,
table tbody th {
  height: 48px;
}

.drawer-container .side-menu {
  width: -webkit-fill-available;
  width: -moz-available;
  top: 0;
  width: 100%;
  right: -600px;
  height: 100%;
  position: fixed;
  -webkit-transition: .5s;
  transition: .5s;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 999999;
  background-color: #193f6e !important;
  padding: 10px;
  overflow: hidden;
}

.side-menu.open.show {
  width: auto;
}

.drawer-container .side-menu.open {
  right: 0;
  overflow: scroll;
}

.drawer-container .side-menu .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: rotate(180deg) skewX(0);
          transform: rotate(180deg) skewX(0);
}

.drawer-container .side-menu .close-side {
  width: 13px;
  margin: 0 20px;
}

.drawer-container .side-menu .footer {
  border-top: 2px solid #454545;
  padding-top: 10px;
}

.drawer-container .side-menu .footer a {
  -webkit-transition: .5s;
  transition: .5s;
  color: #454545;
  cursor: pointer;
}

.drawer-container .side-menu .footer a i {
  margin-right: 10px;
}

.drawer-container .side-menu.show {
  right: 0;
  overflow: scroll;
  box-sizing: border-box;
  width: 100%;
}

.drawer-container .side-menu.show .header i {
  -webkit-transform: rotate(0) skewX(0);
          transform: rotate(0) skewX(0);
}

.drawer-container .body-main {
  width: 100%;
  height: 100vh;
  background-color: grey;
  background-size: cover;
  margin-top: 56px;
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(35%, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), color-stop(75%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.9) 100%);
}

.drawer-container .body-main::before {
  content: "";
  background: url("../img/hamburger-white-icon.png") 0 0/cover;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.v-toolbar__content,
.v-toolbar__extension {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.v-toolbar__content {
  margin: 20px 0;
}

.drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-link,
.v-list__tile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-icon-app {
  padding: 0 16px;
}

.drawer-header .header-logo {
  background: url(../img/logo-idx-hamburger.png) center/contain no-repeat;
  padding: 0;
  position: relative;
  width: 97px;
  height: 40px;
}

.list-link {
  border-bottom: 1px solid #204d7f;
  font-size: 14px;
  color: inherit;
  font-weight: 400;
  padding: 0 5px;
  -webkit-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.list-link:hover {
  background: rgba(0, 0, 0, 0.04);
}

.v-list__tile__title:hover {
  color: #1976d2;
}

.v-list__tile__content {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.v-list__tile__action,
.v-list__tile__content {
  height: 100%;
}

.v-list__tile__sub-title,
.v-list__tile__title {
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}

.nav-list {
  list-style-type: none;
  padding: 8px 0;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.text-caption--2 {
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .21px;
}

.text-caption--2,
.text-caption--italic {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
}

.v-toolbar__content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bio-data a,
.box-list {
  color: #fff;
}

.v-list__tile {
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  padding: 0 16px;
  -webkit-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.footer--social-media-left,
.footer--social-media-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
}

.drawer--mobile.left-nav {
  background: 0 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
  width: 36px;
  height: 36px;
  margin: 6px 8px;
}

.search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

#major-1 .relative-iframe .white-box-home,
.white-box,
.white-box-home-detail {
  width: 100px;
  left: 0;
  z-index: 999;
  background-color: #fff;
}

.side-menu .search-bar .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.side-menu .search-bar .search .search__input {
  border: none;
  height: 40px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 40px;
  outline: 0;
  width: 100%;
  -webkit-appearance: none;
}

.search-bar .search-icon {
  background: url(../img/search-hamburger.png) center/contain no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  margin: 10px;
}

.tabs .tab,
.tabs input[type=radio]:checked + label {
  background: #92b6d5;
}

.button-live {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  border: 1px solid #fff;
  padding: 5px 11px;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button-live .dot {
  width: 8px;
  height: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-live .text-body--1 {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .41px;
}

.button-live .text-body--1:link,
.submenu-container a:link {
  text-decoration: none;
}

#home .ads-news-1 {
  width: 300px;
  height: 150px;
  margin: 30px auto;
}

.index-news-revamp {
  color: #204d7f;
  font-size: 13px;
  letter-spacing: .5px;
  text-align: center;
  border: 1px solid #204d7f;
  padding: 12px 0;
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.title-editor {
  font-size: 18px;
  color: #9c5454;
  margin-bottom: 20px;
}

#major-1 .relative-iframe .white-box-home {
  position: absolute;
  height: 18px;
  bottom: 33px;
}

#content-redaksi .toggle-section .down-arrow,
#content-redaksi .toggle-section .up-arrow,
.redaktur-detail .icon-img .redaksi-chevron {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
}

.white-box-home-detail {
  position: absolute;
  height: 18px;
  bottom: 31px;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs label {
  width: 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
  text-align: center;
  cursor: pointer;
  background: #838487;
  font-weight: 700;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
}

#checkbox-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 15px 10px;
}

.checkbox-chart {
  cursor: pointer;
  position: relative;
}

.checkbox-chart > span {
  color: #34495e;
  padding: 2px 0;
}

.checkbox-chart > input {
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #34495e;
  border-radius: 4px;
  outline: 0;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  cursor: pointer;
}

.checkbox-chart > input:checked {
  border: 1px solid #000;
  background-color: var(--idxcolor);
}

.checkbox-chart > input:active {
  border: 2px solid #34495e;
}

#chartcontrols1,
#chartcontrols2,
#chartcontrols3,
#chartcontrols4 {
  height: auto;
  padding: 0 0 0 16px;
  max-width: 100%;
}

#chartdiv1,
#chartdiv2,
#chartdiv3,
#chartdiv4 {
  width: 100%;
  height: 470px;
  position: relative;
}

.white-box {
  position: absolute;
  height: 14px;
  bottom: 33px;
}

.am5stock-control-button {
  border: none !important;
  padding: 0 !important;
}

.search-stock-table,
.search-stock-table-currency {
  height: 28px;
}

.dropdown-ico-more {
  background-image: url(../img/dropdown.svg);
  width: 9px;
  height: 6px;
  margin-left: 5px;
  background-size: 9px 6px;
}

#detail #block-yq1uxw38ek .block-yq1uxw38ekgz-mark-wrapper .block-yq1uxw38ekgz-block .block-yq1uxw38ekgz-block__items,
.am5stock-link {
  margin: 0 !important;
}

.submenu-container {
  padding-left: 14px;
}

.side-menu .v-list__tile__title {
  color: #fff;
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: .44px;
  text-align: left;
}

.submenu-container a {
  display: block;
  padding: 12px 0;
  outline: 0;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: background .3s, -webkit-box-shadow .3s;
  transition: background .3s, -webkit-box-shadow .3s;
  transition: background .3s, box-shadow .3s;
  transition: background .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

#home-commodities .border-home-commodities,
#home-currencies .border-home-currencies {
  border: solid 1px var(--grey);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.am5stock-link {
  color: var(--grey);
  font-family: CenturyGothic;
  padding: 1px 5px;
  border-radius: 5px;
}

.am5stock-link.am5stock-active,
.am5stock-link:hover {
  background-color: #fff !important;
  border: solid 1px var(--idxcolor);
  font-family: CenturyGothic-Bold;
  color: var(--idxcolor);
}

.am5stock-link.am5stock-active:first-child {
  border: solid 1px var(--idxcolor);
}

.am5stock-control-button {
  display: block !important;
  position: relative;
  border-radius: 4px;
  z-index: 1;
  cursor: default;
}

.am5stock-control-label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  margin: 0 10px 0 0 !important;
}

#market-currencies .group-choosen-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

#market-currencies .selectbox-values {
  position: absolute;
  top: 0;
  display: none;
  text-align: center;
  background: #fff;
  width: 100%;
  z-index: 9;
}

#market-currencies .currencies-values,
#market-currencies .currencies-values-2 {
  display: none;
  position: absolute;
  background-color: #fff;
  font-family: CenturyGothic-Bold;
  overflow: scroll;
  height: 98px;
  z-index: 9;
  width: 87px;
  padding: 1px;
}

#market-currencies .currencies-values .currencies-item,
#market-currencies .currencies-values-2 .currencies-item-2 {
  position: relative;
  color: var(--blacktext);
  padding: 5px;
  text-align: center;
}

#market-currencies .currencies-values .currencies-item::after,
#market-currencies .currencies-values-2 .currencies-item-2::after {
  content: "";
  position: absolute;
  border-bottom: ridge 1px var(--blacktext);
  width: 20px;
  height: 100%;
  top: 0;
  right: 32px;
}

#market-currencies .selectbox-item {
  padding: 5px;
  width: 100%;
  position: relative;
  z-index: 9;
}

#market-currencies .selectbox-item:first-child::after {
  position: absolute;
  content: "";
  border-bottom: ridge 1px var(--blacktext);
  width: 20px;
  height: 100%;
  top: 0;
  right: 10px;
}

#chart-batubara,
#chart-emas,
#chart-minyak,
#chart-nikel,
#chart-silver,
.container--index .container.disclaimer h5 {
  padding-top: 20px;
}

.headline-text-img-1 {
  padding: 0 15px;
  font-family: CenturyGothic-Bold;
  font-size: 20px;
  letter-spacing: .15px;
  color: var(--blacktext);
  margin-bottom: 10px;
  margin-top: 30px;
}

.headline-img-1 {
  width: 100%;
  height: 180px;
  margin-bottom: 10px;
}

.jdl-headline-img-1 {
  font-family: CenturyGothic-Bold;
  font-size: 16px;
  line-height: 160%;
  color: var(--blacktext);
  margin-bottom: 10px;
}

.content-headline-img-1,
.time-release-img-1 {
  color: #4a4a4a;
  font-family: CenturyGothic;
  line-height: 160%;
}

.time-release-img-1 {
  font-size: 12px;
  margin-bottom: 9px;
}

#kontak-kami .content div,
#redaksi .a-2,
.container--index .container.disclaimer .text-body--3 .content:last-child,
.content-headline-img-1 {
  margin-bottom: 30px;
}

.content-headline-img-1 {
  font-size: 14px;
}

.bottom-iklan,
.bottom-iklan-detail,
.sticky-detail {
  width: 100%;
  z-index: 99;
  background: #fff;
  margin: 0 auto;
  position: fixed;
  text-align: center;
  border: 0;
}

.bottom-iklan,
.bottom-iklan-detail {
  bottom: 0;
  height: 50px;
}

.bottom-iklan-detail-0 {
  bottom: 0;
}

.bottom-iklan-detail-46 {
  bottom: 46px;
}

.sticky-detail {
  bottom: 0;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  background-color: #fbfbfb;
  -webkit-box-shadow: 5px 8px 10px 10px #d4d4d4;
          box-shadow: 5px 8px 10px 10px #d4d4d4;
}

.sticky-detail .pick-listen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticky-detail .pick-listen .img-play {
  width: 28px;
  height: 28px;
  display: block;
  background-image: url("../img/speech-play.svg");
  background-size: 28px;
}

.sticky-detail .pick-listen .img-pause {
  width: 28px;
  height: 28px;
  display: block;
  background-image: url("../img/speech-stop.svg");
  background-size: 28px;
}

.sticky-detail .pick-listen span {
  font-family: CenturyGothic;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  margin-left: 5px;
}

.audioStiky {
  display: none;
}

.sticky-detail .pick-font {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: auto;
  margin-right: 25px;
}

.sticky-detail .pick-font div {
  color: #d4d4d4;
  font-family: Roboto-Medium;
}

.sticky-detail .pick-font div.active-sticky-detail {
  color: var(--blacktext);
  font-family: Roboto-Bold;
}

.sticky-detail .pick-font div:first-child {
  font-size: 12px;
  margin-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sticky-detail .pick-font div:nth-child(2) {
  font-size: 16px;
  margin-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sticky-detail .pick-font div:nth-child(3) {
  font-size: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sticky-detail .pick-share-medsos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#detail .content .gallery-wrapper {
  position: relative;
  z-index: 1;
  padding: 0 15px;
}

#detail .content iframe,
.swiper-container-detail-gallery {
  width: 100%;
}

#detail .content .gallery-wrapper .content-gallery-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#detail .content .gallery-wrapper .content-gallery-wrapper .gallery.full {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-container-detail-gallery .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb {
  position: relative;
  width: auto;
  max-width: 1020px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  margin-bottom: 40px;
}

.swiper-container-detail-gallery.swiper-thumbs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 10px;
}

#detail .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-container-detail-gallery .swiper-wrapper .swiper-slide .image img {
  width: 100%;
  height: 100% !important;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0 5px 4px 0 #000;
          box-shadow: 0 5px 4px 0 #000;
  border: 1px solid #f3f3f3;
  background-color: #fff;
  min-height: 100px;
  max-height: 1173px;
  -o-object-position: center;
     object-position: center;
}

.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-next-button.swiper-button-disabled,
.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-prev-button.swiper-button-disabled {
  opacity: .2;
}

.gallery-wrapper .content-gallery-wrapper .text-body--2 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .25px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: var(--blacktext);
  margin-bottom: 20px;
}

.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-container-detail-gallery .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100% !important;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0 5px 4px 0 #000;
          box-shadow: 0 5px 4px 0 #000;
  border: 1px solid #f3f3f3;
  background-color: #fff;
  min-height: 100px;
  max-height: 450px;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide {
  position: relative;
  width: 10vw;
  height: 10vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .image {
  -webkit-box-shadow: inset 0 0 0 2px #b22a2a;
          box-shadow: inset 0 0 0 2px #b22a2a;
  padding: 2px;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide .image {
  position: relative;
  width: 80px;
  height: 45px;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .image .overlay {
  opacity: 0;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide .image .overlay {
  position: absolute;
  left: 2px;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  width: calc(100% - 4px);
  height: calc(100% - 0px);
  opacity: .6;
}

.gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide .image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-next-button,
.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-prev-button {
  position: absolute;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  border-radius: 50%;
  background-color: #252525;
  height: 50px;
  z-index: 10;
  -webkit-box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
  color: #fff;
}

.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-next-button em,
.gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-prev-button em {
  font-size: 45px;
}

#table_id_currency_wrapper .actionLabel,
#table_id_wrapper .actionLabel {
  position: absolute;
  left: 8px;
  top: 10px;
  font-size: 16px;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

#table_id_currency_wrapper input[type=search]:focus ~ .actionLabel,
#table_id_wrapper input[type=search]:focus ~ .actionLabel {
  display: block;
  top: -20px;
  font-size: 12px;
  color: #1976d2;
}

#table_id_currency_wrapper input[type=search]:focus ~ .actionLine,
#table_id_wrapper input[type=search]:focus ~ .actionLine {
  background-color: #1976d2;
  position: absolute;
  content: " ";
  height: 1px;
  right: 35%;
  top: 40px;
  -webkit-transform: scaleX(5);
          transform: scaleX(5);
}

#table_id_currency_wrapper .actionLine,
#table_id_wrapper .actionLine {
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 20%;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: rgba(0, 0, 0, 0.42);
}

#table_id_currency_wrapper input,
#table_id_currency_wrapper textarea,
#table_id_wrapper input,
#table_id_wrapper textarea {
  outline: 0;
  border: 0;
  height: 28px;
  width: 83px;
  font-family: CenturyGothic;
  color: var(--blacktext);
}

#table_id_currency_wrapper input,
#table_id_wrapper input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

:focus {
  outline: unset;
}

#table_id,
#table_id_currency {
  border-radius: 2px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: unset;
}

#table_id thead,
#table_id_currency thead {
  background-color: #4a4a4a;
}

#table_id thead tr,
#table_id_currency thead tr {
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

#table_id thead th,
#table_id_currency thead th {
  color: #fff;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

#table_id_currency_wrapper table.dataTable thead .sorting_asc,
#table_id_currency_wrapper table.dataTable thead .sorting_desc,
#table_id_wrapper table.dataTable thead .sorting_asc,
#table_id_wrapper table.dataTable thead .sorting_desc {
  background-image: unset;
}

#table_id_currency_wrapper table.dataTable tbody tr,
#table_id_wrapper table.dataTable tbody tr {
  -webkit-transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  will-change: background;
  border-bottom: 1px solid var(--grey);
  background-color: #fff;
}

#table_id_currency_wrapper table.dataTable tbody tr td,
#table_id_currency_wrapper table.dataTable thead th,
#table_id_wrapper table.dataTable tbody tr td,
#table_id_wrapper table.dataTable thead th {
  padding: 0 24px;
}

#table_id_currency_wrapper table.dataTable.display tbody tr > .sorting_1 a,
#table_id_currency_wrapper table.dataTable.display tbody tr > .sorting_1 a:link,
#table_id_currency_wrapper table.dataTable.display tbody tr > .sorting_1 a:visited {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
}

#table_id_currency_wrapper table.dataTable.display tbody tr td:nth-child(2) {
  color: var(--idxcolor);
  font-family: CenturyGothic-Bold;
  text-align: center;
}

#table_id_currency_wrapper table.dataTable.display tbody tr td:nth-child(3) {
  color: #53a663;
  font-family: CenturyGothic-Bold;
  text-align: center;
}

#table_id_wrapper table.dataTable tbody tr td:first-child,
#table_id_wrapper table.dataTable.display tbody tr > .sorting_1 a,
#table_id_wrapper table.dataTable.display tbody tr > .sorting_1 a:link,
#table_id_wrapper table.dataTable.display tbody tr > .sorting_1 a:visited {
  font-family: CenturyGothic-Bold;
  color: var(--idxcolor);
}

#table_id_wrapper table.dataTable tbody tr td:nth-child(2) {
  font-family: CenturyGothic-Bold;
  color: var(--grey);
  text-align: left;
}

#table_id_wrapper table.dataTable tbody tr td:nth-child(3) {
  font-family: CenturyGothic;
  color: var(--redIDX);
  text-align: right;
}

.text-xs-right {
  text-align: right;
}

table tbody td {
  font-weight: 400;
  font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dataTables_wrapper .dataTables_info {
  position: absolute;
  top: 59px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px !important;
  padding-top: 0 !important;
}

#table_id_currency_next.disabled,
#table_id_currency_previous.disabled,
#table_id_next.disabled,
#table_id_previous.disabled {
  opacity: .5;
}

#table_id_currency_filter,
#table_id_filter {
  float: right;
  margin-bottom: 10px;
}

.container-datatable {
  padding: 0 15px;
  position: relative;
}

.container-datatable h5 {
  position: absolute;
  top: 6px;
  color: var(--blacktext);
  font-family: CenturyGothic-Bold;
}

.container-datatable .search-stock-table,
.container-datatable .search-stock-table-currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: CenturyGothic;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding-right: 15px;
  float: right;
  color: var(--blacktext);
  font-size: 12px;
  line-height: 160%;
  margin-bottom: 10px;
}

.container-datatable .datatable-bottom-toolbar {
  position: relative;
  margin-top: 10px;
}

.text-green {
  color: #3f8e42;
}

.market-list--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.market-list--list > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.market-list--list > div:nth-child(2) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.market-list--list > div:nth-child(2) .text-menubar {
  width: 27%;
}

.container-bg-login,
.market-list--change,
.redaktur-detail .icon-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container.view-stock {
  width: auto;
}

.view-stock .text-menubar {
  height: auto;
  overflow: unset;
}

.margin-add {
  margin-top: 80px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
  font-family: CenturyGothic;
  font-size: 14px;
  color: var(--blacktext) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  font-family: CenturyGothic;
  font-size: 12px;
  color: var(--blacktext);
}

.breaking-news h6,
.list-about-us li,
.tentang-kami,
.tentang-kami a,
.text-body--1 {
  font-family: CenturyGothic-Bold;
}

.dataTables_wrapper .dataTables_paginate a,
.dataTables_wrapper .dataTables_paginate span {
  line-height: 160%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #fff !important;
  border: none !important;
  position: relative;
  font-family: CenturyGothic-Bold;
  color: var(--idxcolor) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current::after {
  position: absolute;
  content: "";
  width: 50%;
  border-bottom: solid 1px var(--idxcolor);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
}

.container.breaking-news {
  width: auto;
  margin-top: 30px;
}

.container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: auto;
}

.title-breaking.text-body--1 {
  line-height: 23px;
  color: var(--blacktext);
}

#management .content,
#redaksi .content,
.about-us .content {
  line-height: 22px;
  letter-spacing: .44px;
}

.text-body--1 {
  letter-spacing: .5px;
  font-weight: 700;
}

.breaking-news h6 {
  width: 81px;
  color: #b22a2a !important;
  margin-right: 10px;
  margin-bottom: 0;
  font-size: 16px;
  display: contents;
  font-weight: 300;
}

.text-body--1,
.text-subtitle--2 {
  font-style: normal;
  font-stretch: normal;
}

.title-breaking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.thumbnail-overlay--lg {
  width: inherit;
  position: relative;
}

.icaii2022-2022 {
  color: #ffd382;
}

.dataTables_filter::before {
  content: url(../img/search-stock-table.png);
  position: absolute;
  top: 2px;
  left: -22px;
}

.dataTables_filter.hide-icon::before {
  content: "";
}

.container--index .thumbnail-grid .content--category .text-caption--2.text-bold,
.container--index .thumbnail-grid .content--category svg {
  margin-right: 5px;
}

.index-content--date {
  margin-top: 30px !important;
}

.container--index .thumbnail-overlay--lg {
  margin-bottom: 40px;
}

.list-about-us {
  list-style-type: none;
  margin-top: 30px;
  margin-left: 15px;
  white-space: nowrap;
  gap: 40px;
  position: relative;
}

.list-about-us::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #d9d9d9;
  width: calc(100% + 100%);
  left: -15px;
  bottom: 0;
}

.list-about-us::-webkit-scrollbar {
  display: none;
}

.list-about-us li {
  color: #a1a1a1;
  margin-bottom: 9px;
  display: inline-block;
  font-size: 14px;
}

.list-about-us li.active-about-us {
  position: relative;
  color: var(--blacktext);
}

.list-about-us li.active-about-us::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #b22a2a;
  left: 0;
  bottom: -6px;
}

.slider-about-us .swiper-slide {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.tentang-kami,
.tentang-kami a {
  color: var(--blacktext);
  font-size: 20px;
  letter-spacing: .15px;
  margin-bottom: 45px;
  margin-top: 30px;
}

.disini-red,
.persen-putih {
  font-family: centurygothic, Arial, sans-serif !important;
}

.tentang-kami a {
  position: relative;
  pointer-events: none;
  cursor: default;
}

.tentang-kami a::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 100%;
  border-bottom: 3px solid #b22a2a;
  left: 0;
  bottom: -13px;
}

.about-us .content {
  font-family: CenturyGothic;
}

#about-us .content,
#disclaimer .content,
#management .content,
#pedoman-media-siber .content,
#privacy-policy .content,
#redaksi .content {
  margin-bottom: 30px;
  color: var(--blacktext);
}

#about-us .content,
#management .content,
#redaksi .content {
  font-size: 14px;
}

#disclaimer .content,
#pedoman-media-siber .content,
#privacy-policy .content {
  font-size: 16px;
}

#disclaimer .content,
#pedoman-media-siber .content,
#privacy-policy .content {
  line-height: 26px;
  letter-spacing: .5px;
}

#kontak-kami .content div {
  line-height: 20px;
  letter-spacing: .44px;
  font-family: CenturyGothic;
  color: var(--blacktext);
  font-size: 16px;
}

#pedoman-media-siber .content {
  font-family: CenturyGothic;
}

#management .a-1,
#redaksi .a-1 {
  font-family: CenturyGothic-Bold;
}

#privacy-policy .content .title-pedoman:last-child {
  display: inline;
}

#kontak-kami .content iframe {
  min-height: 200px;
}

#redaksi .a-1 {
  font-size: 14px;
}

#management .a-1 {
  font-size: 14px;
  margin-top: 30px;
}

#management .a-2,
#redaksi .a-2 {
  font-family: CenturyGothic;
  font-size: 14px;
}

#management .a-2 {
  margin-bottom: 5px;
}

.ul-pedoman {
  padding-left: 20px;
}

.content-pedoman::marker {
  display: list-item;
  color: var(--blacktext);
  font-size: 1em;
}

.bg-login {
  background: #325681;
  border-radius: 10px;
  padding: 10px;
}

.login-side-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 90%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-text-login {
  padding-left: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}

.user-profile-tag {
  margin: 0 5px;
  height: 25px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  width: 80%;
}

.user-profile-name {
  margin: 0 5px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  width: 80%;
}

.container-user-profile {
  padding: 10px;
  width: 80%;
}

.img-login-user,
.img-login-user img {
  width: 42px;
  height: 42px;
}

.container-alert,
.container-alert-vb {
  position: fixed;
  height: 180px;
  background: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 25px 40px -10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 25px 40px -10px rgba(0, 0, 0, 0.4);
  bottom: 0;
}

.persen-datadiri {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  padding: 15px 0;
  color: #fff;
}

.persen-datadiri a {
  padding: 0 5px;
  display: contents;
  color: #fff;
}

.persen-putih {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 140% !important;
  padding: 0 5px !important;
  display: contents !important;
  color: #fff !important;
}

.info-datadiri {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
}

.info-datadiri a {
  display: initial;
  color: #d82526;
  margin: 0 5px;
}

.disini-red {
  display: initial !important;
  color: #d82526 !important;
  margin: 0 5px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 140% !important;
}

.container-button-datadiri {
  padding: 5px 0;
  font-weight: 700;
  font-size: 16px;
  color: #ed1c24;
}

.button-datadiri {
  padding: 12px 0;
}

.img-login-user img {
  border-radius: 50%;
}

.container-alert {
  width: 100%;
  border: 2px solid #509af8;
  border-radius: 20px 20px 0 0;
  z-index: 9999;
}

.container-alert-vb {
  width: 99%;
  border: 2px solid #509af8;
  border-radius: 20px 20px 0 0;
  z-index: 999988;
}

.warp-container-alert {
  display: inline-block;
  padding: 10px 25px;
}

.x-close {
  float: right;
  color: #0c2a75;
}

.alert-place {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bio-data {
  font-family: roboto;
  background: #509af8;
  color: #fff;
  border-radius: 5px;
  padding: 10px 0;
  margin: 10px 0;
  text-align: center;
}

.alert-place .alert-place-text {
  margin: 0 10px;
}

.alert-place .t-bold {
  font-weight: 700;
  font-size: 14px;
  color: #0c2a75;
  padding: 0 2px;
  line-height: 140%;
  font-family: roboto;
}

.alert-place .t-bold.light {
  font-weight: 500;
  font-size: 14px;
  color: #0c2a75;
  padding: 0 2px;
  font-family: roboto;
}

.alert-place img {
  width: 21px;
  height: 21px;
}

.container-button-datadiri .button-datadiri a {
  font-weight: 700;
  font-size: 14px;
  color: #ed1c24;
}

.bg-login .container-arrow-login .arrow-login.rotate {
  rotate: 180deg;
}

.submenu-container .v-list__tile__title,
.v-list__tile__title {
  font-size: 14px;
  -webkit-text-size-adjust: none;
}

.container-arrow-login {
  position: relative;
  float: right;
  top: -40px;
}

.redaktur-detail {
  padding: 0 24.5px;
}

.redaktur-detail .section1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f9f9f9;
}

.redaktur-detail .section1 .title {
  font-family: CenturyGothic-Bold;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .29px;
  color: #454545;
}

.redaktur-detail .icon-img .icon-tim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  margin-right: 10px;
}

.redaktur-detail .icon-img .icon-tim a:first-child {
  z-index: 99;
}

.redaktur-detail .icon-img .icon-tim a:nth-child(2) {
  z-index: 98;
}

.redaktur-detail .icon-img .icon-tim a:nth-child(3) {
  z-index: 97;
}

.redaktur-detail .icon-img .icon-tim a:nth-child(4) {
  z-index: 96;
}

.redaktur-detail .icon-img .icon-tim a:nth-child(5) {
  z-index: 95;
}

.redaktur-detail .icon-img .icon-tim a:nth-child(6) {
  z-index: 94;
}

.redaktur-detail .icon-img .icon-tim a {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: -10px;
}

#content-profile .img-profile img,
.redaksi-sosmed div img,
.redaktur-detail .icon-img .icon-tim a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

#redaksi .redaksi-sosmed a,
.redaksi-sosmed div {
  width: 24px;
  height: 24px;
}

.redaktur-detail .icon-img .redaksi-chevron {
  background-image: url(../img/redaksi-chevron.png);
}

.redaktur-detail .icon-img .redaksi-chevron.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.redaktur-detail .section2 {
  display: block;
  padding: 15px 0 25px 10px;
}

.redaktur-detail .section2 .list-redaktur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}

.redaktur-detail .section2 .list-redaktur .img-redaktur {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.redaktur-detail .section2 .list-redaktur a img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.redaktur-detail .section2 .list-redaktur .nama-redaktur div:first-child {
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .29px;
  color: #454545;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.redaktur-detail .section2 .list-redaktur .nama-redaktur div:nth-child(2) {
  font-family: CenturyGothic;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .29px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#content-profile {
  text-align: center;
  padding: 0 45px;
}

#content-profile .img-profile {
  margin: 0 auto;
  width: 156px;
  height: 156px;
}

#content-profile .job,
#content-profile .nama {
  margin-top: 8px;
  font-family: CenturyGothic-Bold;
}

#content-profile .nama {
  font-size: 18px;
  line-height: 28.8px;
  color: #193f6e;
  text-transform: capitalize;
}

#content-profile .job {
  font-size: 16px;
  line-height: 22.4px;
}

#content-profile .total-content {
  font-family: CenturyGothic-Bold;
  font-weight: 700;
  font-size: 14px;
  line-height: 22.4px;
  color: #193f6e;
  margin-top: 13px;
}

#content-profile span {
  font-family: CenturyGothic;
  font-weight: 400;
  line-height: 19.6px;
  color: #282828;
}

#content-profile .part {
  font-family: CenturyGothic-Bold;
  font-size: 14px;
  line-height: 19.6px;
  color: #282828;
  margin-top: 4px;
}

#content-profile .since {
  font-family: CenturyGothic;
  color: #959595;
  line-height: 16.8px;
  font-size: 12px;
  margin-top: 5px;
}

#content-profile .sub-content {
  font-family: CenturyGothic;
  font-size: 16px;
  line-height: 25.6px;
  margin-top: 4px;
  color: #454545;
}

#content-redaksi .bg-title {
  font-family: Heebo, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 28.8px;
  color: #535353;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#content-redaksi .sm-title {
  font-family: Heebo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  color: #282828;
  margin-top: 16px;
  background-color: #f9f9f9;
  padding: 4px 8px;
  display: inline-block;
}

#content-redaksi .ct-name {
  font-family: Heebo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6px;
  color: #282828;
  margin-top: 8px;
}

#content-redaksi .toggle-section .up-arrow {
  background-image: url(../img/up-arrow.png);
}

#content-redaksi .toggle-section .down-arrow {
  background-image: url(../img/down-arrow.png);
}

#content-redaksi .toggle-section .profile-redaksi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

#content-redaksi .toggle-section .profile-redaksi .img-profile {
  width: 77px;
  height: 77px;
  margin-right: 12px;
}

#content-redaksi .toggle-section .profile-redaksi .img-profile img,
#redaksi .redaksi-sosmed a img,
#redaksi-news .content-r a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tohide2,
.tohide3,
.tohide4,
.tohide5,
.tohide6,
.tohide7,
.tohide8 {
  display: none;
}

.redaksi-sosmed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  gap: 12px;
}

.redaksi-sosmed div {
  margin-right: 10px;
  margin-top: 18px;
  margin-bottom: 20px;
}

#content-profile .aset-atas {
  position: absolute;
  width: 100%;
  height: 231px;
  top: 0;
  left: 0;
  right: 0;
}

#content-profile .aset-bawah {
  position: absolute;
  width: 100%;
  height: 160px;
  bottom: -91px;
  left: 0;
  right: 0;
}

#redaksi-news {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-top: 25px;
}

#redaksi-news .title-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
}

#redaksi-news .title-r a,
#redaksi-news .title-r a:link,
#redaksi-news .title-r a:visited {
  font-family: CenturyGothic;
  font-size: 14px;
  line-height: 17.17px;
  letter-spacing: .15px;
  border: 1px solid #193f6e;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 10px;
  color: #193f6e;
  margin-right: 10px;
}

#redaksi-news .title-r a.active {
  background-color: #193f6e;
  color: #fff;
  font-family: CenturyGothic-Bold;
}

#redaksi-news .content-r .group-content-r {
  width: 46.8%;
}

#redaksi-news .content-r a {
  display: block;
  width: 100%;
}

#redaksi-news .content-r a:first-child {
  height: 80px;
}

#redaksi-news .content-r a:nth-child(2),
#redaksi-news .content-r a:nth-child(2):link,
#redaksi-news .content-r a:nth-child(2):visited {
  font-family: CenturyGothic-Bold;
  font-size: 13px;
  line-height: 20.8px;
  color: #454545;
  margin-top: 5px;
  margin-bottom: 5px;
}

#redaksi-news .content-r a:nth-child(3),
#redaksi-news .content-r a:nth-child(3):link,
#redaksi-news .content-r a:nth-child(3):visited {
  font-family: Futura;
  font-weight: 500;
  font-size: 12px;
  line-height: 15.94px;
  color: #a3a3a3;
}

.wa-channel {
  background: #d6e9ff;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 15px;
}

.wa-channel .desc-wa-channel {
  width: calc(100% - 55px);
  padding-right: 10px;
  font-family: CenturyGothic;
  font-size: 12px;
  font-style: normal;
  color: #204d7f;
  line-height: 150%;
}

.wa-channel .btn-follow-channel {
  display: block;
  padding: 8px;
  border-radius: 5px;
  background: #295d9e;
  color: #f9f9f9;
  font-family: CenturyGothic;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
}

@media screen and (min-width: 400px) {
  #redaksi-news .content-r a:first-child {
    height: 96px;
  }
}

@media screen and (min-width: 450px) {
  #redaksi-news .content-r a:first-child {
    height: 110px;
  }
}

@media screen and (min-width: 500px) {
  #redaksi-news .content-r a:first-child {
    height: 127px;
  }
}

@media screen and (min-width: 550px) {
  #redaksi-news .content-r a:first-child {
    height: 139px;
  }
}

@media screen and (min-width: 850px) {
  #redaksi-news .content-r a:first-child {
    height: 253px;
  }
}

@media screen and (max-width: 373px) {
  .group-content-r {
    width: 45% !important;
  }
}

@media screen and (max-width: 962px) {
  #home .first-section .side-1::after {
    left: 263px;
  }
  #home .first-section #home-indexes .container-home-indexes .swiper-wrapper .swiper-slide:last-child .side-1::after {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-next-button,
  .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-prev-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-next-button {
    right: 0;
    padding-left: 1vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-container-detail-gallery .swiper-wrapper .swiper-slide.swiper-slide-active {
    height: auto;
  }
  .container {
    padding: 0 15px !important;
  }
  .text-body--1,
  .text-body--3 {
    font-size: 13px;
  }
  .gallery-wrapper .content-gallery-wrapper .gallery.full .swiper-container-detail-gallery .swiper-wrapper {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .gallery-wrapper .content-gallery-wrapper .gallery.thumb {
    padding: 0;
    max-width: 100%;
  }
  .gallery-wrapper .content-gallery-wrapper .gallery.thumb .swiper-container-detail-gallery .swiper-wrapper .swiper-slide {
    width: auto !important;
    height: auto !important;
  }
  .container-slider {
    padding-bottom: 12px;
  }
  .ini-padding {
    padding: 0 24px;
  }
  .ini-padding .swiper-button-next,
  .ini-padding .swiper-button-prev {
    width: 21px;
  }
  #home .first-section .side-1::after {
    left: 217px;
  }
}

@media (min-width: 501px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 147px;
  }
}

@media screen and (max-width: 712px) {
  #home .first-section .side-1::after {
    left: 203px;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0 !important;
  }
  #home .first-section .side-1::after {
    left: 185px;
  }
}

@media (max-width: 600px) {
  #home .first-section .side-1::after {
    left: 174px;
  }
}

@media (max-width: 591px) {
  #home .first-section .side-1::after {
    left: 172px;
  }
}

@media (max-width: 561px) {
  #home .first-section .side-1::after {
    left: 164px;
  }
}

@media (max-width: 500px) {
  #home .first-section .side-1::after {
    left: 155px;
  }
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 118px;
  }
}

@media (max-width: 495px) {
  #home .first-section .side-1::after {
    left: 149px;
  }
}

@media (max-width: 480px) {
  #home .first-section .side-1::after {
    left: 144px;
  }
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 112px;
  }
}

@media (max-width: 452px) {
  #home .first-section .side-1::after {
    left: 89px;
  }
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 99px;
  }
}

@media (max-width: 443px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 101px;
  }
}

@media (max-width: 394px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 99px;
  }
  #home .first-section .side-1::after {
    left: 125px;
  }
}

@media (max-width: 390px) {
  #home .first-section .side-1::after {
    left: 123px;
  }
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 105px;
  }
}

@media (max-width: 377px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 96px;
  }
}

@media (max-width: 375px) {
  #home .first-section .side-1::after {
    left: 118px;
  }
}

@media (max-width: 374px) {
  .ini-padding {
    padding: 0 16px;
  }
  .ini-padding .swiper-button-next,
  .ini-padding .swiper-button-prev {
    width: 16px;
  }
}

@media (max-width: 353px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 94px;
  }
}

@media (max-width: 351px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 89px;
  }
}

@media (max-width: 340px) {
  .checkbox-chart > span {
    color: #34495e;
    padding: 2px 4px;
    font-size: 14px;
  }
  .checkbox-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 90px;
  }
}

@media (max-width: 331px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 87px;
  }
}

@media (max-width: 309px) {
  #detail .news .towrap .content-news.news-terkait .img-content-news {
    height: 84px;
  }
}

.GoogleActiveViewElement {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#visonplusiframe iframe {
  height: 773px;
}

.container-menu .header-menu-container li.esq {
  margin-right: 20px;
  width: 95px;
}

.nav-portal-ception ul li:last-child {
  margin-right: 30px;
}