@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@media screen and (min-width:768px){
    .navbar-brand-centered {

        position: absolute;
        left: 50%;
        display: block;
        /*width: 160px;*/
        text-align: center;
        /*background-color: #eee;*/
        max-width: 300px;

    }
    .navbar>.container .navbar-brand-centered,
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}

hr{
    border-top: 1px solid black
}


.border_down {
    border-bottom: 1px solid #1C5D8B;
    border-radius: 0;
    border-top: None;
    border-left: None;
    border-right: none;
    outline: none !important;
    box-shadow: none;
}

.border_down:focus,.border_down:active{
    outline: none !important;
    box-shadow: none;
}

.font{
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}

.footer {
    position: fixed;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    height: 35px;
    bottom: 0;
    width: 100%;
    background-color: #fcfcff;
}

.likelink{
    padding-top: 15px;
    text-decoration: none;
    padding-bottom: 15px;
}
.likelink:hover{
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

.counter{
	text-align: center;
	background-color: #FFFfF8;
	z-index=100;
	position:relative;
	font-size: 30px;
	font-weight: 100;
	color: #FA423F;
}

.controls{
    text-align: center;
    background-color: white;
    z-index=100;
    position:relative;
    font-size: 30px;
    font-weight: 100;
}

input[type=range]:disabled {
    /* Disabled Element */
    opacity: 0.4;
}

.title{
	font-size:12px;
	color: black;
}

.myfluid{
	margin:1px;
	overflow-x: hidden; /* Prevent horizontal overflow */
}

#top{
    /*background-color: #299ACB;*/
    /*background-color: #003298;*/
}

.statistics{
    color: #003298
}

#down_btn{
    background-color: #fff;
}

.modal{
    font-family:  'Open Sans',Helvetica,Arial,Lucida,sans-serif; 
}

/* Fix for potential overflow issues */
.container-fluid {
    overflow-x: hidden;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/* Ensure tables don't cause overflow */
table {
    table-layout: fixed;
    word-wrap: break-word;
}