@import url(https://fonts.cdnfonts.com/css/source-sans-pro);
:root{--color-primary:#003da5;--color-secondary:#ff6a13;--color-tertiary:#888b8d}
*,::after,::before{box-sizing:border-box}
body{margin:0;padding:0;font-family:'Source Sans Pro',sans-serif}
.wrapper-chart{margin:auto;padding:32px;max-width:1144px}
.chart-container{position:relative}
#chart{width:100%;height:500px;position:relative}
.chart-controls{display:flex;align-items:center;gap:3px;position:absolute;top:45px;right:10px}
.custom-button{height:22px;width:40px;text-align:center;border:none;background-color:var(--color-tertiary) !important;color:#fff;border-radius:2px;padding:0 !important;margin:0 0 0 2px;cursor:pointer}
.custom-button:hover{background-color:var(--color-secondary) !important}
.custom-button-selected{background-color:var(--color-primary) !important; border-radius: 0 !important;}
#cad-currency,#usd-currency{font-weight:400}
.custom-input{display:flex;align-items:center;gap:5px;z-index:3}
.custom-input input{width:80px;border-radius:4px;height:22px;border:1px solid var(--color-tertiary)}
#chart-table{overflow-x:auto}
#chart-table-title{font-size:16px;font-weight:600}
#chart-table table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;border-radius:4px;table-layout:fixed;overflow:hidden}
#chart-table td,#chart-table th{padding:8px; text-align: left;}
#chart-table tr{background-color:#efefef}
#chart-table tr:nth-child(even){background-color:#ddd}
#chart-table th{font-size:16px;padding-top:10px;padding-bottom:10px;text-align:left;background-color:var(--color-primary);color:#fff}
#chart-table th:first-of-type{width:35%}
@media (min-width:821px){
.title-break{display:none}
}
@media (max-width:820px){
  .wrapper-chart{padding: 0;}
.chart-controls{top:60px;right:unset;left:10px}
.highcharts-title{width: 100% !important;}
}