@font-face { font-family:'electronicFont'; src: url("../../font/DS-DIGIT.TTF"); } li.station a{ display: block; padding: .25rem .625rem !important; color: #000000 !important; position: relative; font-size: 13.3px; -webkit-transition: all .4s; transition: all .4s; font-family: Inter,sans-serif; font-weight: 500; } .current_station span{ font-weight: bold; color:blue; } .current_station{ background: rgba(86,100,210,.18); } .vertical-menu-2 { z-index: 1001; bottom: 0; margin-top: 0; position: fixed; top: 70px; left:180px; width: 200px; background: white; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .vertical-collpsed .vertical-menu-2{ left:0px !important; } .vertical-collpsed .main-content{ margin-left:200px !important; } .status_cycle{ width: 50px; height: 50px; border-radius: 50%; margin-right: 14px; font-size:16px; padding: 16px 0 0 0; } .target_name{ font-size: 16px; font-weight: 600; margin-right: 20px; display: inline-block; width: 70px; } .btn-ctrl{ margin-right: 20px; } .update_time{ float: right; font-size: 14px; color:blue; } .e-font{ font-size: 27px; font-family: 'electronicFont'; line-height: 18px; } .spinner-border{ display: inline-block; width: 1.25rem; height: 1.25rem; vertical-align: text-bottom; border: .2em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; margin-top:-10px; } #click2wait{display: none;} .svg_frame{ position: relative; width: 820px; height: 380px; } .svg_container { position: inherit; width: 100%; } .svg_overlay { position: absolute; } .btn-ctrl-sm{ padding: 0 8px; height: calc(1.1em + .94rem + 2px); } .form-control{ height: calc(1.1em + .94rem + 2px) !important; }