html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

body {
	background: url("//d1bomxhyt3btnq.cloudfront.net/images/BG.png") repeat-x fixed 0px 0px rgb(12, 68, 126);
}

/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -130px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
min-height: 100px;
}
#footer {
	background: white;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px 15px 0px 15px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {

	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
}

.flex {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
}

.alternate {
	padding-left: 8px;
	padding-right: 8px;
}

.alternate:first-child {
	padding-left: 0px;

}

.alternate:last-child {
	padding-right: 0px;
}

.nav-icon {
	margin-right: 7px;
	opacity: 0.6;
}

.navbar-brand:hover > .nav-icon {
	opacity: 1;
}

.navbar-brand {
	padding: 6px 15px 4px 15px;
	border-right: 1px solid #888888;
}

.container {
	width: 100%;
}

.page-content {
	background: white;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
	overflow: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.page-header {
	margin-top: 15px;
	margin-bottom: 10px;
}

.img-thumbnail {
	max-height: 140px;
	max-width: 200px;
}

.right {
	float: right;
}

.accordion-container {
	padding-left: 0;
	overflow: hidden;
}

.panel-body {
	overflow: auto;
}






#blockly-frame {
	height: 9999px;
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.navbar-inverse {
	background-color: #000000;
}

.navbar-inverse a {
	color: #ffffff;
}

.modal-dialog {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}

.modal-footer {
	margin-top: 30px;
}

.open-dialog-table {
	max-height: 400px;
	overflow: auto;
}

#new-project-modal .modal-dialog {
	max-width: 400px;
}

#pages-list {
	margin-bottom: 10px;
}

#log-list {
	margin-bottom: 0;
}

#log-chat-field {
	margin-bottom: 15px;
}

.log-date {
	font-size: 80%;
	vertical-align: top; /* move date up a bit */
}

.glyph-bigger {
	font-size: 120%;
	vertical-align: middle;
	top: 0px; /* undo glyph default */
}

.glyph-green {
	color: #77dd77;
}

.glyph-red {
	color: #777777;
}

/* This is required by Angular Bootstrap */
.nav, .pagination, .carousel, .panel-title a {
	cursor: pointer;
}

.staff-photo {
	height: 200px !important;
	margin-top: 10px;
}

.fp-tournament-logo {
	width: 80px;
	margin-right: 10px;
}

.fp-tournament-blurb {
}

.thumbnail {
	display: table-cell;
	width: 25%;
}

.full-width {
	width: 100%;
}

.ace_editor {
	border-radius: 4px;
	width: 100% !important;
    }

.roHighlight {
	position: absolute;
	z-index: 3;
	background-color: #dadada;
}

/*
@media screen and (max-width: 1800px) , screen and (max-height: 700px) {
    .ace_editor {
        height: 600px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    }

}
@media screen and (max-width: 1600px) , screen and (max-height: 600px) {
    .ace_editor {
        height: 450px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    }

}
@media screen and (max-width: 995px) , screen and (max-height: 700px) {
  .ace_editor {
        height: 400px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    }

}
@media screen and (max-width: 780px)  , screen and (max-height: 600px){
      .ace_editor {
        height: 100px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    }

}
*/


.align-right {
	text-align: right;
	float: right;
}

.subheader {
	background-color: rgb(249, 249, 249) !important;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.form-horizontal {
	display: block;
}

.middle-align td {
	vertical-align: middle !important;
}

.progress-bar {
	position: relative;
}

.progress {
	overflow: visible;
	margin-bottom: 10px;
	margin-top: 10px;
}

.slider-handle {
	position: absolute;
	right: 0;
	height: 120%;
	margin-top: -2px;
	margin-right: -12px;
}

.animation {
	width: 100%;
	height: 9999px;
}

:-webkit-full-screen .animation {
	max-height: 9999px !important;
	height: 80%;
	height: -webkit-calc(100% - 91px);
	height: calc(100% - 91px);
}

:-moz-full-screen .animation {
	max-height: 9999px !important;
	height: 80%;
	height: -moz-calc(100% - 91px);
	height: calc(100% - 91px);
}

:-ms-fullscreen .animation {
	max-height: 9999px !important;
	height: 80%;
	height: calc(100% - 91px);
}

:fullscreen .animation {
	max-height: 9999px !important;
	height: 80%;
	height: -moz-calc(100% - 91px);
	height: -webkit-calc(100% - 91px);
	height: calc(100% - 91px);
}

:-webkit-full-screen {
		position: fixed;
		width: 100%;
		margin: 0px;
		top: 0;
		bottom: 0;
		background: white;
}

div.picker-dialog-bg {
	z-index:1052;
}

.picker-dialog {
	z-index: 1053 !important;
}

.navbar-default {
	margin-bottom: 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.blocklySvg {
	height: 100%;
	width: 100%;
}

.tip-right {
	position: absolute;
	right: 20px;
}

.log-body {
	word-wrap: break-word;
	white-space:pre-line;
}

.label-left {
	text-align: center !important;
}

.css-form input.ng-invalid.ng-dirty {
	background-color: #FA787E !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

/* HACK: Hides Blockly toolbox compression errors */
span.blocklyTreeIcon.undefined {
	display: none !important;
}

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  display:block !important;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.table-form td {
	padding: 5px;
}

.table-form td:last-child {
	min-width: 500px;
}

@media screen and (max-width: 1868px) {
    .lead {
        font-size:60px;
    }
    .lead_sub {
        font-size:40px;
    }
    .lead_sub_sub {
        font-size:30px;
    }
     .img_lead_l{
     width:250px;max-width:70%;margin-top: 2em;margin-left: 20px;
    }
    .img_lead_r{
     width:250px;max-width:100%;margin-top: 1.0em;float:right;
    }
 .img_lead_r2{
     width:250px;max-width:70%;margin-top: 2em;margin-right: 20px;float:right;
    }
	.img_footer{
	width:70px;
}
}

@media screen and (max-width: 900px) {
    .lead {
        font-size:2em;
    }
    .lead_sub {
        font-size:.8em;
    }
    .lead_sub_sub {
        font-size:.4em;
    }
    .img_lead_l{
    margin-top: 1.0em;

    }
    .img_lead_r{
     margin-top: 1.0em;

    }
.img_footer{
	width:40px;
}
}


@media screen and (max-width: 3550px) {

	#mit_fp_logo{width:5%;}#mit_fp_logo img{width:160px;float:left;}
	#main-footer-tbl{width:97%;}
	#ssl_fp_logo{width:5%;}#ssl_fp_logo img{width:90px;float:left;}
	#map_fp_logo{width:12%;}#map_fp_logo img{width:70px;float:left;}
	#afs_fp_logo{width:8%;}#afs_fp_logo img{width:90px;float:left;}
	#ilc_fp_logo{width:5%;}#ilc_fp_logo img{width:60px;float:left;}
	#stemx_fp_logo {width:8%;}#stemx_fp_logo img{width:90px;float:left;}
	#blank_fp_left{width:28%;}

	#zr_fp_logo{padding-left:30px;width:200px;}#zr_fp_logo img{height:80px;}

	#blank_fp_right{width:5%;}

	#ngf_fp_logo{width:55%;}#ngf_fp_logo img{height:100px;width:155px;float:right;}#ngf_fp_logo{float:left;font-size:14px;}
	#casis_fp_logo{width:40%;}#casis_fp_logo img{width:130px;float:right;}#casis_fp_logo{float:left;font-size:14px;}

	#esa_fp_logo{width:12%;}#esa_fp_logo img{width:100px;float:right;}
	#nasa_fp_logo{width:20%;}#nasa_fp_logo img{width:90px;float:right;}
}

@media screen and (max-width: 1800px){
	#main-footer-tbl{width:95%;}
	#mit_fp_logo{width:14%;}#mit_fp_logo img{width:120px;float:left;}
	#ssl_fp_logo img{width:12%;}#ssl_fp_logo img{width:60px;float:left;}
	#map_fp_logo img{width:17%;}#map_fp_logo img{width:60px;float:left;}
	#afs_fp_logo img{width:12%;}#afs_fp_logo img{width:60px;float:left;}
	#ilc_fp_logo {width:10%;}#ilc_fp_logo img{width:50px;float:left;}
	#stemx_fp_logo {width:10%;}#stemx_fp_logo img{width:100px;float:left;}
	#blank_fp_left{width:8%;}

	#zr_fp_logo img{height:60px;}

	#blank_fp_right{width:10%;}

	#ngf_fp_logo{width:55%;}#ngf_fp_logo img{height:73px;width:100px;float:right;}#ngf_fp_logo{float:left;font-size:8px;padding-left:60px;}
	#casis_fp_logo{width:45%;}#casis_fp_logo img{width:79px;float:right;}#casis_fp_logo{float:left;font-size:8px;padding-left:10px;}

	#esa_fp_logo{width:18%;}#esa_fp_logo img{width:65px;float:right;}
	#nasa_fp_logo{width:18%;}#nasa_fp_logo img{width:70px;float:right;}

}

@media screen and (max-width: 980px){
	#main-footer-tbl{width:92%;}
	#mit_fp_logo{width:14%;}#mit_fp_logo img{width:70px;float:left;}
	#ssl_fp_logo img{width:12%;}#ssl_fp_logo img{width:35px;float:left;}
	#map_fp_logo img{width:17%;}#map_fp_logo img{width:40px;float:left;}
	#afs_fp_logo img{width:12%;}#afs_fp_logo img{width:40px;float:left;}
	#ilc_fp_logo {width:10%;}#ilc_fp_logo img{width:30px;float:left;}
	#stemx_fp_logo {width:10%;}#stemx_fp_logo img{width:40px;float:left;}
#blank_fp_left{width:8%;}

	#zr_fp_logo img{height:28px;}

	#blank_fp_right{width:10%;}

	#ngf_fp_logo{width:55%;}#ngf_fp_logo img{height:50px;width:64px;float:right;}#ngf_fp_logo{float:left;font-size:6px;}
	#casis_fp_logo{width:45%;}#casis_fp_logo img{width:63px;float:right;}#casis_fp_logo{float:left;font-size:6px;}

	#esa_fp_logo{width:18%;}#esa_fp_logo img{width:45px;float:right;}
	#nasa_fp_logo{width:18%;}#nasa_fp_logo img{width:40px;float:right;}

}

@media screen and (max-width: 650px) {
	#main-footer-tbl{width:88%;}
	#mit_fp_logo{width:12%;}#mit_fp_logo img{width:50px;float:left;}
	#ssl_fp_logo img{width:10%;}#ssl_fp_logo img{width:28px;float:left;}
	#map_fp_logo img{width:15%;}#map_fp_logo img{width:28px;float:left;}
	#afs_fp_logo img{width:10%;}#afs_fp_logo img{width:28px;float:left;}
	#ilc_fp_logo {width:8%;}#ilc_fp_logo img{width:20px;float:left;}
	#stemx_fp_logo {width:10%;}#stemx_fp_logo img{width:40px;float:left;}
#blank_fp_left{width:12%;}

	#zr_fp_logo img{height:25px;}

	#blank_fp_right{width:5%;}

	#ngf_fp_logo{width:50%;}#ngf_fp_logo img{height:40px;width:50px;float:right;}#ngf_fp_logo{float:left;font-size:5px;}
	#casis_fp_logo{width:45%;}#casis_fp_logo img{width:50px;float:right;}#casis_fp_logo{float:left;font-size:5px;}

	#esa_fp_logo{width:18%;}#esa_fp_logo img{width:35px;float:right;}
	#nasa_fp_logo{width:18%;}#nasa_fp_logo img{width:30px;float:right;}



}

.navbar-right {
	margin-right: 0px;
}

.caret {
	border-top-style: solid;
	margin-left: 6px;
}

.td-clickable a {
    display: block;
    padding: 8px;
}

.td-clickable a:hover {
    text-decoration: none;
}

.td-clickable {
    padding: 0px ! important;
    width: 1%;
    white-space: nowrap;
}

.td-clickable:hover {
    background-color: #9bc4e3;
}

.warn-box > .modal-dialog {
    top: 20%;
    width: 50%;
}

.warn-box-icon {
    font-size: 200%;
    margin-right: 1ex;
}

.navbar-user {
    border-bottom: 1px solid #9d9d9d;
}

.navbar-user:hover, .navbar-signout:hover {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

.rank-team {
    padding: 0.75em;
}

.table-fixed tbody tr td {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.navbar-table {
	display: table;
	width: 100%;
	float: none !important;
}

.navbar-cell {
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	float: none !important;
}

.navbar-cell-right {
	text-align: right;
}

.navbar-cell-center {
	text-align: center;
	margin: 0px;
	/* width: 2% !important; */
}