body.disable-scroll{overflow:hidden}#chartingBlock{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:20px;width:100%;max-width:100%;margin:55px auto;padding:0 20px;box-sizing:border-box}#chartingBlock #chartControls{width:20%;background:#efefef}#chartingBlock #chartControls>div{margin:15px 25px}#chartingBlock #chartControls #formatchoices{margin:0 0 25px}#chartingBlock #chartControls .heading{color:#0c1451;font-weight:700;font-size:14px;text-transform:uppercase;line-height:18px;margin:15px 0 5px}#chartingBlock #chartControls #formatchoices{padding:0}#daterange input{height:40px;width:100%;padding:0 10px;color:#666}#charttype input{margin-bottom:10px}#chartingBlock #chartControls #formatchoices,#chartingBlock #chartBox #symbolbar{display:flex;flex-flow:row nowrap;width:100%}#chartingBlock #chartControls #formatchoices a,#chartingBlock #chartBox #symbolbar a{display:inline-block;width:50%;text-align:center;text-decoration:none;text-transform:uppercase;background:#0c1451;color:#fff;padding:15px}#chartingBlock #chartControls #formatchoices a:hover,#chartingBlock #chartControls #formatchoices a.active,#chartingBlock #chartBox #symbolbar a:hover,#chartingBlock #chartBox #symbolbar a.active{color:#000;background:#ffc000}#chartingBlock #chartBox #symbolbar a{width:25%}#chartingBlock #chartBox{width:80%;position:relative}#chartBox #chartPanel{margin-top:25px;width:100%;height:600px}#chartBox #dataPanel{display:none}#chartBox .loading{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-size:100px 100px}#chartcontent #dataPanel table{width:100%;margin-top:25px;border-spacing:0;border-right:1px solid #ccc;border-top:1px solid #ccc}#chartcontent #dataPanel table thead tr th{padding:15px;font-weight:400;text-transform:uppercase;font-size:16px;border-left:1px solid #ccc;border-bottom:1px solid #666;background:#eee}#chartcontent #dataPanel table tbody tr td{font-size:14px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;margin:0;padding:5px 10px}#chartcontent #dataPanel table tbody tr:nth-child(2n){background:#f4f4f4}.page-template-template-charts table.ui-datepicker-calendar:not(.recaptchatable) th,.page-template-template-charts table.ui-datepicker-calendar td{border-width:inherit;font-size:inherit}@media screen and (max-width:920px){#chartingBlock{flex-flow:column nowrap}#chartingBlock #chartControls,#chartingBlock #chartBox{width:100%}#chartingBlock #chartControls #formatchoices{margin:0}#chartingBlock #chartControls #daterange{display:flex;flex-flow:row nowrap;gap:25px;margin-top:0}#chartingBlock #chartControls #daterange>div{width:50%}#chartingBlock #chartControls #charttype{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center}#chartingBlock #chartControls #charttype .heading{margin:0}#chartingBlock #chartControls #charttype input{margin-bottom:0}}@media screen and (max-width:480px){#chartingBlock #chartControls #daterange{flex-flow:row wrap;gap:5px}#chartingBlock #chartControls #daterange>div{width:100%}#chartingBlock #chartBox #symbolbar a{font-size:14px;padding:15px 5px}#chartBox #chartPanel{height:400px}#chartcontent #dataPanel table thead tr th{padding:5px;font-size:14px}#chartcontent #dataPanel table tbody tr td{font-size:12px;padding:5px}}