body
{
    background-color:#1D3A57;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #1A7BD1;    
}

/* a:link { text-decoration: none; } */

/* a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; } */

.white-link
{
    color: #ffffff;    
}
.light-gray-text
{
    color: #e2e2e2;
}
.white-link:hover
{
    background-color: #282828;
    border: 2px solid #282828;
}

.bright-link
{
    text-decoration: underline;
    color: #e68b31;
}

.section
{
    width: 1200px;
    margin: auto;
}

.section-body-title
{
    font-size: 40px;
    font-style: bold;
}

.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}
.align-center
{
    text-align: center;
}

.section-indent
{
    padding: 20px;
    width: 100%;
}

.section-header
{
    padding: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.section-body
{
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #132436;    
}

.section-fishnet-header
{
    background-color: #1977CD;
    border: 2px solid #1977CD;
}

.section-fishnet-body
{
    border: 2px solid #1977CD;
}

.sponsor-hathora
{
    margin: auto;
    width: 840px;
    border-bottom: 2px solid #02FE57;
}
.sponsor-hathora:hover
{
    border-bottom: 2px solid #e68b31;
}

.section-downloads-header
{
    background-color: #4F988C;
    border: 2px solid #4F988C;
}

.section-downloads-body
{
    border: 2px solid #4F988C;
}

.section-social-header
{
    background-color: #8549FF;
    border: 2px solid #8549FF;
}

.section-social-body
{
    border: 2px solid #8549FF;
}

.content
{
    width: 1200px;
    padding: 0px;
}

.header1
{
    font-size: 40px;
    font-weight: bold;
}

.bg-dark0
{
    width: 100%;
    min-width:100%;
    background-color: #11181F;
    color: #ffffff;
}

.bg-light0
{
    width: 100%;
    min-width:100%;
    background-color: #1D3A57;
    color: #ffffff;
}

.bg-light1
{
    background-color: #152b41;
    color: #ffffff;
}

.row-fixed
{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 20px;
}

.info-column
{
    display: table-cell;
    background-color: #1a334d;
    /* border: 1px solid #132436; */
    padding: 20px;
}

.legacy-download-column
{
    display: table-cell;
    background-color: #1a334d;
    /* border: 1px solid #132436; */
    padding: 20px;
}


.button
{
    text-decoration: none;
    padding: 12px;
    font-size: 18px;
}
.button-block
{
    margin: auto;
    width:90%;
    display:block;
    text-decoration: none;
    padding: 12px;
    font-size: 18px;
}
.header-link-basic
{
    background-color: transparent;
    color: #ffffff;
}

.header-link-basic:hover
{
    background-color: #282828;
}

.header-link-special
{
    background-color: #1A7BD1;   
    color: #ffffff;
}

.header-link-special:hover
{
    background-color: #1562a7;
}


.download-legacy
{
	outline-width: 2px;
	outline-style: hidden;
    background-color: #e68b31;   
    color: #ffffff;	
}

.download-legacy:hover
{
    background-color: #C06A16;
}

.download-present
{
	outline-width: 2px;
	outline-style: hidden;
    background-color: #1A7BD1;   
    color: #ffffff;	
}

.download-present:hover
{
    background-color: #1562a7;
}

br-small {
   display: block;
   margin: 4px 0;
}


.outlined-white
{
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff
}

.outlined-white:hover
{
    background-color: #282828;
    border: 2px solid #282828;
}

.oval
{
    border-radius: 25px;
}

.rounded
{
    border-radius: 6px;
}

.info-indicator
{
    background-color: #FFFFFF;	
	color: #000000;
	border-radius: 50%;
	padding:0px;
	font-size:14px;
	font-weight:bold;
}

.info-indicator:hover
{
    background-color: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF
}

.about-text
{
    font-size: 16.5px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 5%;
  margin-left: -180px;
  margin-bottom: 5px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}