.fancybox-slide--iframe .fancybox-content{
  width  : 700px;
  height : 600px;
  max-width  : 70%;
  max-height : 70%;
  margin: 0;
}

.w3-btn-small, .w3-button-small {
      border: none;
      display: inline-block;
      padding: 8px 10px;
      vertical-align: middle;
      overflow: hidden;
      text-decoration: none;
      color: inherit;
      background-color: inherit;
      text-align: center;
      cursor: pointer;
      white-space: nowrap;
      border-radius: 4px;
      margin-top: -5px;
      margin-right: 8px;
  }

.w3-blue, .w3-hover-blue:hover {
        background-color: #135f8e !important;
}

.w3-lightblue, .w3-hover-lightblue:hover {
        color:#2d7184 !important;
        background-color:#d0dfe2 !important;
    }

.addticker:hover {filter: invert(100%);}

.left {float:left;}
.right {float:right;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.alert-secondary {
    color: #383d41;
    background-color: white;
    border-top: 3px solid white !important;
}
.nav-link {
    display: block;
    padding: .5rem 1.2rem .7rem 1.2rem;
    font-size: 14.5px;
}
.nav-item .active {
  font-weight:bold !important;
    color: #000 !important;
    background-color: #f9f9f7 !important;
    border-top: 6px solid #F1C232 !important;
    margin-top: -5px !important;
}
.nav-link:hover { background-color:#f9f9f7 !important;color: #555;}
li, a, h1, h2, h3, h4, h5, p, td {
    font-family: 'Roboto', Arial, sans-serif;
}
h3 {
    font-size: 0.75rem;
}

td { font-size: 18px;}

.followText {font-size: 18px;}

@media (min-width: 1200px) {
  .container{
max-width: 1240px;
}
}
@media only screen and (max-width: 600px) {
.nav-item {
  width:100%;
}
}
@media screen and (max-width: 600px) {
#card table {
border: 0;
}
#card table thead {
display: none;
}
}

@media screen and (max-width: 1000px) {
.hideWhenMobile { display:none; }
}

.w3-bar{width:100%;overflow:hidden; margin-top: 10px;}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;background-color:#F0F0F0;}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-red{color:#fff!important;background-color:#1155cc!important }
.w3-red:hover{color:#1155cc!important; background-color: white !important}
.w3-white,.w3-hover-white:hover{color:#1155cc!important;background-color:#F0F0F0!important}
.w3-bar-item:hover {cursor:pointer;background-color:#fff!important; color: black; }
.table{
      font-size: 0.6rem;
      font-weight:800;
}

.bg-darkblue { background-color: #0B5394 }

td { font-size: 13px !important; font-weight: normal; font-family: Arial, sans-serif; }

ul.fin-tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.fin-tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.fin-tabs li.current{
    background: #ededed;
    color: #222;
}

.sub-tab-content{
    display: none;
    background: #ededed;
    padding: 15px;
}

.sub-tab-content.current{
    display: inherit;
}

.thermometerGrade { padding-bottom: 25px !important; padding-left: 40px !important; padding-right: 40px !important; font-weight:bold !important;border-left: 1px  solid #BBB !important;}

.ui .bggradeA, .bggradeA { background-color: #38761d !important; color: white; }
.ui .bggradeB, .bggradeB { background-color: #6aa84f !important; color: white; }
.ui .bggradeC, .bggradeC { background-color: #f1c232 !important; color: white; }
.ui .bggradeD, .bggradeD { background-color: #ff9900 !important; color: white; }
.ui .bggradeF, .bggradeF { background-color: #990000 !important; color: white; }
.ui .bggrade, .bggrade { background-color: #BBB !important; color: white; }

.gradeTile {padding: 3px 12px 3px 12px; border-radius: 2px; font-size: 16px; font-weight: bold; text-align:center;}
.gradeTileSm {padding: 2px 8px 2px 8px; border-radius: 2px; font-size: 16px; font-weight: bold; text-align:center;}
.gradeTileSm2 {padding: 1px 6px 1px 6px; border-radius: 2px; font-size: 14px; font-weight: bold; text-align:center;}