.chart-container, .fw-chart-holder-0 { position:relative } .chart-container:before { background:url('https://www.freightwaves.com/wp-content/uploads/2022/08/FW_SONAR_2018_White-1.png') no-repeat scroll 45% 50%; background-size:35%; content:''; display:block; height:100%; left:0; opacity:.5; position:absolute; top:0; width:100% } .chart-container canvas, .chart-container .stx-holder, .fw-chart-holder-0 canvas, .fw-chart-holder-0 .stx-holder { top:0; } .chart-container .stx-holder, .fw-chart-holder-0 .stx-holder { position:absolute; } .chart-controls { border-top:1px solid; } .chart-controls div { border-bottom:1px solid; cursor:pointer; padding:5px } .chart-controls div.active { background-color:#3475b6; color:white; } .ticker-conttols {  max-height:220px;  overflow:auto; } .ticker-toggle {  background-color:#369;  box-sizing:border-box;  color:#fff;  cursor:pointer;  display:flex;  flex-direction:column;  font-size:16px;  justify-content:center;  line-height:1.1;  height:55px;  opacity:0.5;  padding:0 0.5em; } .ticker-toggle-active {  opacity:1; } .ticker-toggle_header, .ticker-toggle_subheader {  font-size:0.7em; }  @font-face {  font-family:Poppins;  src:url(https://gosonar.com/wp-content/plugins/fw-sonar-charts-v3/assets/fonts/Poppins/Poppins-Regular.ttf); } @font-face {  font-family:'Gotham';  src:url(https://gosonar.com/wp-content/plugins/fw-sonar-charts-v3/assets/fonts/Gotham/gotham-medium-new.woff); } @font-face {  font-family:'Gothamlight';  src:url(https://gosonar.com/wp-content/plugins/fw-sonar-charts-v3/assets/fonts/Gotham/GothamLight.ttf); } .chart-title{  display:none; } .fw-ticker-table-area tr.active {   background-color:#314558; } button.active.tab-bar-item.tab-button {   font-weight:800;   color:#FFF; } .stx_xaxis,.stx_yaxis{  color:#FFF;  font-family:'GOTHAMLIGHT'; } .fw-ticker-chart-wrapper {   background-color:#304150;   color:#FFF; } .fw-ticker-chart-body{  padding:13px 20px 0px 20px; } .fw-ticker-chart-area{  background:url(https://www.freightwaves.com/uploads/2024/10/28/SONAR-Short-White-2.png);  background-repeat:no-repeat;  background-position:42% 27.5%;  background-size:80%; } .fw-ticker-table-area::-webkit-scrollbar {   width:1px; } .fw-ticker-table-area::-webkit-scrollbar-track {   -webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.4); } .fw-ticker-table-area::-webkit-scrollbar-thumb {  background-color:rgba(31,41,51,0.6);  outline:1px solid slategrey; } .fw-ticker-chart-header{   text-align:center;   padding:10px 0;   background-color:#080e16; } .tab-bar{   display:-webkit-flex;   display:flex;   -webkit-justify-content:space-between;   justify-content:space-between;display:-webkit-flex;   display:flex;   -webkit-justify-content:space-between;   justify-content:space-between;   margin-bottom:25px; } button.tab-bar-item.tab-button {   color:#c0c0c0;   font-size:13px;   font-weight:100;   font-family:'GOTHAMLIGHT'; } .fw-ticker-table-area{  max-height:180px;  overflow:auto;  height:180px; } .fw-ticker-table-area table thead th{   background:none;   background-color:none;   color:#FFF !important;   border:0;   font-size:9px;   font-weight:400 !important;   line-height:1.3;   font-family:'GOTHAM'; } .fw-ticker-table-area table thead{ color:#FFF !important;   background:#304150;   background-color:#304150;   position:sticky;   top:-2px;   z-index:2; } .fw-ticker-table-area table tbody{   background:none;   background-color:none; } .fw-ticker-table-area table tbody tr.tickerItem{  cursor:pointer; } .fw-ticker-table-area table tbody td{   border:0 !important;   line-height:1.5; } .fw-ticker-table-area table tbody td a{  color:#FFF;  font-size:12px;  font-weight:400;  font-family:'GOTHAM';  text-transform:uppercase; } .fw-ticker-table-area table tbody td span{   display:block;   font-size:9px;   font-weight:400;   font-family:'GOTHAM';   text-transform:uppercase; } .fw-ticker-chart-footer{  text-align:center;  font-family:Gotham;  font-size:16px; } .fw-ticker-chart-footer .footer-content{   border-top:2px solid #2d3b48;   position:relative;   padding:10px 15px; } .fw-ticker-chart-footer p{  margin-bottom:0;  font-family:Gotham; } .fw-ticker-chart-footer p span{   font-size:30px; } .fw-ticker-table-area table thead th{   text-align:center; } .fw-ticker-table-area table thead th:nth-of-type(1){   text-align:left; } .fw-ticker-table-area table tbody tr td{   text-align:center;   font-size:11px;   font-family:'POPPINS';   font-weight:500; } .fw-ticker-table-area table tbody tr td:nth-of-type(1){   text-align:left; } .stx_jump_today{  opacity:0;  visibility:hidden; } .footer-content a{  color:#FFF !important; } .footer-content a:hover{  color:#d0d0d0 !important; } .fw-ticker-chart-body .tab-content{  padding:0 !important; } .fw-ticker-table-area th, .fw-ticker-table-area td {  padding-left:0;  padding-right:0; }  .lds-dual-ring {  display:none;  width:40px;  height:40px;  position:absolute;  top:23%;  left:50%;  transform:translate(-50%,-23%); } .lds-dual-ring:after {  content:" ";  display:block;  width:26px;  height:26px;  margin:8px;  border-radius:50%;  border:3px solid #fff;  border-color:#fff transparent #fff transparent;  animation:lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring {  0% {   transform:rotate(0deg);  }  100% {   transform:rotate(360deg);  } }  .fw-ticker-chart-wrapper button {  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  background:none;  border:0;  border-radius:0;  cursor:pointer;  line-height:inherit;  margin:0;  padding:0;  text-transform:none; } .fw-ticker-chart-wrapper img {  max-width:100%; } .fw-ticker-chart-wrapper table {  width:100%; }