@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Kanit", sans-serif;
    background-color: transparent !important;
}
input[type=text], input[type=date], input[type=number], select, button{
   border-radius:0px;
}
.symPrice{
  display:flex !important;
}
.sym{
  font-size:14px;
  margin-right:5px;
  margin-top:5px;
}
.price-div{
    display:none !important;
}
.price {
    font-size: 27px;
    color: #D91233;
    margin-right: 5px;
    align-self: flex-end;
}
.currency{
   color: #D91233;
   font-size:13px;
   align-self: flex-end;
   margin-bottom:3px;
}
:root{
    --accent:#1c1c34;
}
.legend-range-group .legend{
  display:none;
}

.range-group button.active {
    background: #EAEAEA;
    font-weight:bold;
    color: var(--ink);
}
#toolbarStyle1Extras{
 margin-top:2px;
}
.range-group button{
  padding:5px 10px;
  border-radius:5px;
}
.price-div .mv{
  border-left:1px solid #000000;
  border-right:1px solid #000000;  
}

.mv-delay-str,.gold-desc{
  text-transform:uppercase;
}
.price-val{
  font-size: 40px;
  color: #16325c;
  font-weight: bold;
  line-height: 1;
}
.mv-val{
  font-size: 25px;
  color: #16325c;
  line-height: 1;
}
.gold-val{
  font-size: 25px;
  line-height: 1;
  color: #F4A71C;
}
.chart-style-row{
  display:none;
}
.price-block{
  padding: 8px 5px;
}
.price-div{
  border-bottom: 2px solid black;
}
#chartWrap{
  border:none;
  padding:0px;
  background-color:transparent !important;
}
.toolbar{
  margin-bottom:0px;
  margin-top:0px;
}
.legend-range-group{
  margin-left: auto;  
}
.range-group button{
   text-transform:uppercase; 
}
.range-group{ 
  border:none;
  border-radius:unset;
  background:none;
}
.tt-value{
  padding-top:5px;
  font-size:22px
}
.tt-date{
  border-bottom:1px solid white;
  padding-bottom:5px;
}

.legend-swatch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    margin-bottom: 2px;
    border: 1px solid white;
}
#htmlTooltip {
    background-color: rgba(22, 50, 92, 0.8) !important;
}