.tooltip2 {
  position: relative;
  display: inline-block;
}
.tooltip2 .tooltiptext {
  visibility: hidden;
  width: 220px;
  font-size: 12;
  background-color: black;
  color: fff;
  text-align: left;
  border-radius: 6px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}
.tooltip2:hover .tooltiptext {
  visibility: visible;
}
.data_row {
    font-family: century gothic;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
}
.data_row a:link {
    font-family: century gothic;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: none;
}
.data_row a:visited {
    font-family: century gothic;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: none;
}
.data_row a:hover {
    font-family: century gothic;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: underline;
}
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  font-size: 12;
  background-color: black;
  color: fff;
  text-align: left;
  border-radius: 6px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.table_row {
   margin-top: 15px;
   margin-bottom: 15px;
}
.space {
   margin-top: 30px;
   background-color: d0d0d0;
}
.iframe:focus {
   outline: none;
}
.iframe[seamless] {
   display: block;
}
.center {
   padding-left: 20px;
   padding-right: 20px;
}
.link_med_gray {
    font-family: century gothic;
    font-size: 16px;
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    color: gray;
}
.link_med_gray a:link {
    color: gray;
    text-decoration: none;
}
.link_med_gray a:visited {
    color: gray;
    text-decoration: none;
}
.link_med_gray a:hover {
    color: gray;
    font-weight: bold;
    text-decoration: underline;
}
.link_small_gray {
    font-family: century gothic;
    font-size: 14px;
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    color: gray;
}
.link_small_gray a:link {
    color: gray;
    text-decoration: none;
}
.link_small_gray a:visited {
    color: gray;
    text-decoration: none;
}
.link_small_gray a:hover {
    color: gray;
    text-decoration: underline;
}
.link_med_blue {
    font-family: century gothic;
    font-size: 15px;
    font-weight: bold;
    color: 283E4A;
}
.link_med_blue a:link {
    color: 283E4A;
    font-weight: bold;
    text-decoration: none;
}
.link_med_blue a:visited {
    color: 283E4A;
    font-weight: bold;
    text-decoration: none;
}
.link_med_blue a:hover {
    color: 283E4A;
    font-weight: bold;
    text-decoration: underline;
}
.feed_title {
    font-family: century gothic;
    font-size: 19px;
    padding-top: 5px;
    padding-bottom: 0px;
    font-weight: bold;
    color: 283E4A;
}
.feed_title a:link {
    color: 283E4A;
    font-weight: bold;
    text-decoration: none;
}
.feed_title a:visited {
    color: 283E4A;
    font-weight: bold;
    text-decoration: underline;
}
.feed_title a:hover {
    color: 283E4A;
    font-weight: bold;
    text-decoration: underline;
}
.feed_option {
    font-family: century gothic;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    color: 000000;
}
.feed_option a:link {
    color: 000000;
    text-decoration: none;
}
.feed_option a:visited {
    color: 000000;
    text-decoration: underline;
}
.feed_option a:hover {
    color: 000000;
    text-decoration: underline;
}
.hub_header {
    font-family: century gothic;
    font-size: 24px;
    padding-left: 0px;
    font-weight: bold;
    color: 000000;
}
.hub_header a:link {
    color: ffffff;
    font-weight: bold;
    text-decoration: none;
}
.hub_header a:visited {
    color: ffffff;
    font-weight: bold;
}
.hub_header a:hover {
    color: ffffff;
    font-weight: bold;
    text-decoration: none;
}
.text_xsmall {
    font-family: century gothic;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: 000000;
}
.text_xsmall a:link {
    font-family: century gothic;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: 000000;
    text-decoration: none;
}
.text_xsmall a:visited {
    font-family: century gothic;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: 000000;
    text-decoration: none;
}
.text_xsmall a:hover {
    font-family: century gothic;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: 000000;
    text-decoration: underline;
}
.feed_header {
    font-family: century gothic;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    color: 000000;
}
.feed_header a:link {
    font-family: century gothic;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    color: 000000;
    text-decoration: none
}
.feed_header a:visited {
    font-family: century gothic;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    color: 000000;
    text-decoration: none
}
.feed_header a:hover {
    font-family: century gothic;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    color: 000000;
    text-decoration: underline;
}
.form_header {
    font-family: century gothic;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
}
.feed_sub_header {
    font-family: century gothic;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
}
.feed_sub_header a:link {
    font-family: century gothic;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: none;
}
.feed_sub_header a:visited {
    font-family: century gothic;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: none;
}
.feed_sub_header a:hover {
    font-family: century gothic;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    color: 000000;
    text-decoration: underline;
}
.banner {
    font-family: century gothic;
    font-size: 70px;
    padding-top: 10px;
    padding-left: 30px;
    color: ffffff;
    font-weight: bold;
}
.homesmall {
    font-family: century gothic;
    font-size: 12px;
    color: ffffff;
    padding-left: 40px;
    padding-top: 0px;
    font-weight: bold;
}
.input_select {
    font-family: century gothic;
    font-size: 16px;
    border: 1px solid gray;
    border-radius: 10px;
    height: 31px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    width: auto;
    background-color: ffffff;
    curson: pointer;
    color: 000000;
}
.footer_text_large {
    font-family: century gothic;
    font-size: 20px;
    font-weight: bold;
    color: ffffff;
}
.footer_text_medium {
    font-family: century gothic;
    font-weight: bold;
    font-size: 14px;
    color: ffffff;
}
.footer_text_small {
    font-family: century gothic;
    font-size: 11px;
    color: ffffff;
}
.input_textarea {
    font-family: century gothic;
    font-size: 16px;
    border: 1px solid gray;
    border-radius: 10px;
    width: 200px;
    height: 26px;
    width: auto;
    height: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: ffffff;
    curson: pointer;
    color: 000000;
}
.input_date {
    font-family: century gothic;
    font-size: 16px;
    border: 1px solid gray;
    border-radius: 10px;
    height: 30px;
    width: 165px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: ffffff;
    curson: pointer;
    color: 000000;
}
.input_text {
    font-family: century gothic;
    font-size: 16px;
    border: 1px solid gray;
    border-radius: 10px;
    width: 200px;
    height: 30px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: ffffff;
    curson: pointer;
    color: 000000;
}
.button_blue_large {
    font-family: century gothic;
    font-size: 18x;
    border-radius: 10px;
    width: auto;
    height: 36px;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: 156082;
    curson: pointer;
    color: ffffff;
    font-weight: bold;
}
.button_blue_large:hover {
    background-color: 0C2340;
    cursor: pointer;
    color: FFFFFF;
}
.button_blue {
    font-family: century gothic;
    font-size: 12px;
    border-radius: 10px;
    width: auto;
    height: 30px;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    background-color: 156082;
    curson: pointer;
    color: ffffff;
    font-weight: bold;
}
.button_blue:hover {
    background-color: 0C2340;
    cursor: pointer;
    color: FFFFFF;
}
.footer {
    margin-top: 25px;
    width: 100%;
}
.head {
    width: 100%;
    z-index: 2000;
    top: 0;
    left: 0;
    position: fixed;
}
.tab_active {
	height: auto;
	z-index: 100;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline-block;
	margin-left: 20px;
	width: auto;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-right: 20px;
	align: bottom;
	border-color: #b0b0b0;
	border-width: thin;
	border-style: solid;
	border-radius: 20px 20px 0px 0px;
	background-color: #ffffff;
	border-bottom: 0px;
}
.tab_not_active {
	height: auto;
	z-index: 100;
	padding-top: 7px;
	padding-left: 20px;
	padding-bottom: 7px;
	display: inline-block;
	margin-left: -4px;
	width: auto;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: bottom;
	padding-right: 20px;
	border-color: #b0b0b0;
	border-width: thin;
	border-style: solid;
	border-radius: 20px 20px 0px 0px;
	background-color: #f0f0f0;
	border-bottom: 0px;
}
.tab_option {
    font-family: century gothic;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: 000000;
    width: auto;
    height: auto;
    padding-top: 2px;
    padding-left: 2px;
    margin-left: 20px;
    margin-right: 200px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    border-radius: 6px;
    background-color: ffffff;
}
.main_box {
    width: auto;
    height: auto;
    z-index: 100;
    box-shadow: 0 1px 2px 0 a0a0a0, 0 1px 2px 0 a0a0a0;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
    border-radius: 2px;
    border-color: b0b0b0;
    border-width: thin;
    border-style: solid;
    border-radius: 20px;
    background-color: ffffff;
}
.main_box_2 {
	width: auto;
	height: auto;
	z-index: 100;
	box-shadow: 0 1px 2px 0 a0a0a0, 0 1px 2px 0 a0a0a0;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
	border-color: b0b0b0;
	border-width: thin;
	border-style: solid;
	border-radius: 0px 20px 20px 20px;
	background-color: ffffff;
	border-top: 0px;
}
.graph_box {
    z-index: 95;
}
.scroll_box {
    height: 215px;
    background-color: ffffff;
    overflow:auto;
}
.badge {
    border: 1px solid #e0e0e0;
    display: inline-block;
    box-shadow: 0 1px 2px 0 #a0a0a0, 0 1px 2px 0 #a0a0a0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-radius: 2px;
    border-color: #b0b0b0;
    border-width: thin;
    border-style: solid;
    border-radius: 20px;
    background-color: #ffffff;
}
.advisor_box {
    width: 150px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-left: 30px;
    margin-top: 30px;
    padding-right: 20px;
    border-radius: 10px;
    background-color: ffffff;
}
.right_box {
    width: 260px;
    height: auto;
    box-shadow: 0 1px 2px 0 a0a0a0, 0 1px 2px 0 a0a0a0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-color: b0b0b0;
    border-width: thin;
    border-style: solid;
    border-radius: 20px;
    background-color: ffffff;
}
.left_box {
    width: 260px;
    height: auto;
    box-shadow: 0 1px 2px 0 a0a0a0, 0 1px 2px 0 a0a0a0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: b0b0b0;
    border-width: thin;
    border-style: solid;
    border-radius: 20px;
    background-color: ffffff;
}
.box {
    width: auto;
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 30px;
    padding-right: 20px;
    border-radius: 10px;
    opacity: 0.95;
    background-color: d0d0d0;
}
.image_home {
    background-image: url('/images/network1.jpg');
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    height:100%;
}
.image_home_inn8 {
    background-image: url('/images/back4.jpg');
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    height:100%;
}
.image_title {
    background-image: url('/images/speed_header.png');
    width: 275px;
    height: 67px;
}
.space {
   margin-top: 60px;
   background-color: E7E6E6;
}
hr {
  border: none;
  height: 1px;
  color: c0c0c0;
  background-color: c0c0c0;
  padding-bottom: 0px;
  padding-top: 0xp;
  margin-top: 7px;
  margin-bottom: 10px;
}
body {
   margin: 0px;
   width: auto;
   background-color: E7E6E6;
}
.flow_on {
    font-family: century gothic;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    color: ffffff;
    border-radius: 20px;
    background-color: 80BD01;
}
.flow_on a:link {
    color: ffffff;
    font-weight: bold;
    text-decoration: none;
}
.flow_on a:visited {
    font-weight: bold;
    color: ffffff;
}
.flow_on a:hover {
    color: ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.flow_off {
    font-family: century gothic;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    color: 000000;
    border-radius: 20px;
    background-color: e0e0e0;
}
.flow_off a:link {
    color: 000000;
    font-weight: bold;
    text-decoration: none;
}
.flow_off a:visited {
    font-weight: bold;
    color: 000000;
}
.flow_off a:hover {
    color: 000000;
    font-weight: bold;
    text-decoration: underline;
}
.big_number_off {
    font-family: century gothic;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    color: 000000;
    border: 10px solid white;
    border-radius: 50px;
    background-color: b0b0b0;
}
.big_number_off a:link {
    color: 000000;
    font-weight: bold;
    text-decoration: none;
}
.big_number_off a:visited {
    font-weight: bold;
    color: 000000;
}
.big_number_off a:hover {
    color: 000000;
    font-weight: bold;
    text-decoration: underline;
}
.big_number {
    font-family: century gothic;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    color: 000000;
    border: 10px solid white;
    border-radius: 50px;
    background-color: 80BD01;
}
.big_number a:link {
    color: 000000;
    font-weight: bold;
    text-decoration: none;
}
.big_number a:visited {
    font-weight: bold;
    color: 000000;
}
.big_number a:hover {
    color: 000000;
    font-weight: bold;
    text-decoration: underline;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color: 156082;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:18px;
}
.float_top{
	position:fixed;
	width:130px;
	height:30px;
	top:95px;
	right:20px;
	background-color:#80BD01;
	color:#FFF;
	border-radius:0px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float_top{
	margin-top:10px;
}

.button_with_add {
    background-color: #002b48;
    color: white;
    width: 98%;
    height:36px;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
    font-family: century gothic;
}