img {
    max-width: 100%;
    height: auto;
}

@font-face {
    font-family: 'FuturaExtraBlack';
    src: url('/css/FuturaExtraBlack.ttf') format('truetype');
}

.jumbotron {
background-color:#000080;
color: yellow;
padding-top: 60px;
padding-bottom: 5px;
}

.jumbotron h1 {
margin-top: 5px;
margin-bottom: 5px;
font-family: "FuturaExtraBlack"
}

.jumbotron p {
margin-bottom: 0px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.navbar {
  background-color:#000080;
  color: black;
}

        footer {
            padding-top: 10px;
            padding-bottom: 30px;
        	background-color: #000080;
        	margin-top:10px;
          	color:#FDF5E6;
        }
        
        footer a {
        	color: #ccc;
        }
        footer a:hover {
        	color: #ddd;
        }

footer ul {
    display: block;
list-style-type: none;
padding-left: 0px;
}

body {
background-color:white;
}

.camra-row {
height: 50px;
padding-top: 10px;
text-align: right;
margin-bottom: 10px;
font-weight: bold;
}

.camra-red {
background-color: #400000;
}

.camra-blue {
background-color: #000080;
}

.camra-green {
background-color: #008000;
}

.camra-white {
background-color: white;
color: black;
}

.camra-padding {
padding-top: 0px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 10px;
}

.camra-margin {
margin-bottom: 20px;
}

label.normal{
float:left;
width:180px;
background-color:white;
padding: 3px 3px 3px 3px;
margin-right:5px;
font-weight:normal;
}

.question{
height:35px;
width:550px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.question2{
height:130px;
width:550px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.question3{
height:230px;
width:550px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.question4{
height:130px;
width:550px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

.inputtext{
font-family: "trebuchet ms", helvetica, tahoma, verdana, arial;
font-size:11pt;
border: 1px solid #404040;
}

.form_title{
height: 25px;
width: 550px;
background: black;
color:white;
font-weight:bold;
padding: 1px 1px 1px 1px;
}

td.table-day{
width:40px;
border: 1px solid #333;
}

td.table-times{
width: 60px;
border: 1px solid #333;
}

td.table-head{
width: 30px;
border: 1px solid #333;
}

td.table-text{
width: 30px;
border: 1px solid #333;
}

td.table-info{
border: 1px solid #333;
padding-left:5px;
}

.table-yellow{
background-color: yellow;
}

.table-setup{
background-color: #FFCCFF;
}

.table-open{
background-color: #99FFFF;
}

.table-takedown{
background-color: #CCFF99;
}

.table-key1{
margin-left:10px;
float:left;
border:1px black solid;
height:15px;
width:15px;
}

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

.camra-padding {
padding-top: 0px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 0px;
}

.camra-margin {
margin-bottom: 5px;
}

}

.col-md-12 ul {
list-style-type: none;
padding-left: 0px;
}
.col-md-12 ul li {
    display: inline;
	margin-right: 20px;
}