body {
    padding-top: 50px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0px;
    margin-left: 0px;
}

a {
    color: #00B7FF
}

h1 {
    padding-top: 30px
}

h2 {
    padding-top: 10px
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td 
{
  padding: 3px;
}


.row {
    padding-top: 5px
}


.table {
    margin-top: 15px;
    
}

.ta-center 
{
  text-align: center; 
}


.t-bold { font-weight: bold; }


.text-center-row>th,
.text-center-row>td {
  text-align: center;
}


.wd-3
{
  width: 4%;
}

.wd-45r
{
  width: 45%;
  float: right; 
}


.f-left
{
  float: left; 
}


.f-right
{
  float: right; 
}


.btn-submit
{
  float: right; 
  width: 15%; 
  margin-top: 15px;
}

.d-none { display: none }
.d-block { display: block }

.c-red { color: red; }
.bc-red { background-color: red; }


.c-down { color: #ea3943; }
.c-up   { color: #16c784; }


.chart
{
  width: 100%;
  max-height: 600px;
  height: 100vh;
}


.chart-h700
{
  width: 100%;
  max-height: 650px;
  height: 100vh;
}


.chart-sm
{
  width: 50%;
  max-height: 300px;
  height: 50vh;
}


.btn-sm { padding: 2px 10px; font-size: 12px; }

.btn-xsm { padding: 2px 2px; font-size: 10px; }

.btn-primary-red {color:#fff; background-color:#ef0000; border-color:#357ebd }


.gly-ani { animation: ani 1s infinite linear; }

@keyframes ani {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); } }