body {
	padding-bottom:5px;
	background-color: #000;
	color:#fff;
}

.calendar{
	width: 50%;
	height: 500px;
}

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

@media screen and (orientation:portrait) {
  
  .calendar { 
    height: 400px; 
    width: 100%; 
  }
  
  #envelope{
  	width: 100%;
  }
}

@media screen and (orientation:landscape) {
   .calendar {
   height: 300px;
   width: 500px;
   }
   
   #envelope{
  	width: 100%;
  }
}

}

.calendar_header{
	text-align: center;
	background-color: #ccffff;
	color: #000;
	border: 1px solid black;
}

.calendar_body{
	 background-color: white;
	color: #000;
}

.row_month{
	
}

.row_weekdays{
	background-color: #ccffff;
}

.row_dates{
	
}

.head_month{
	text-align: center;
	vertical-align: middle;
}

.head_weekday{
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}

.data_date{
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}

.report{
	color: #000;
}

.report_header{
	background-color: #ccffff;
}

.report_heads{
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	padding: 5px;
}

.report_body{
	background-color: #fff;
}

.report_data{
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	padding: 5px;
}

.glyphicon{
	color:#000;
}

.float-left{
	float: left;
}

.loadinputs{
	padding-left:1px;
	padding-right:1px;
}

.jumbotron{
	background:#555;
}

.home-button{
	width:75%;
	margin-bottom:8px;
}

.date-badge{
	margin-top:5px;
}

.badge{
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

.navbar-brand {	
	padding-top:9px;
	padding-left:9px;
}

.calendar-page{
	margin: auto;
}

.home-menu{
	background:#555; 
	border-radius:6px; 
	margin: auto; 
	padding-top:20px;
	
}

.aelabels{
	margin-top:5px;
}

.popover-title{
	color:#000;
}

.popover{
	min-width: 180px;
}

.list-row{
	margin-bottom:10px;
}

.btn-save{
	text-align:right;
}

.load-good{
	background-color:#080;
}

.load-bad{
	background-color:#800;
}

/* The spinner stuff */
.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
	width: 10px;
}

.has-spinner.btn-small.active .spinner {
	width: 13px;
}

.has-spinner.btn.active .spinner {
	width: 16px;
}

.has-spinner.btn-large.active .spinner {
	width: 19px;
}
/* END spinner stuff */

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #000;
	color: #fff;
	opacity: 1;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}

.moment{
	color:#000;
}

.center{
	text-align:center;
}

.load-row{
	padding-top:20px;
}

.load-button{
	width:90px;
}

.takeoff-button{
	width:90px;
}

.save-button{
	width:90px;
}

.completed-button{
	width:90px;
}

.generate-button{
	width:90px;
	margin-top:30px;
}

.download-button{
	width:90px;
	margin-top:30px;
	margin-bottom:30px;
}


/* DATE PICKER */
#datepicker-container{
  text-align:center;
}
#datepicker-center{
  display:inline-block;
  margin:0 auto;
}
div.ui-datepicker{
	font-size: 2.9vmax;
}
#calendar {
    margin-top: 40px;
}   
.event a {
    background-color: #42B373 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.ui-datepicker-current-day {
    background: #00f !important;
}

/* Top Center Date */
.navbar-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
	padding-top:8px;
	z-index:-1;
}
.navbar-toggle {
    z-index:99;
}

.badge-info{
	background-color:#337ab7;
	font-size: 16px;
	padding:5px 10px 5px 10px;
}
.badge-danger{
	background-color:#d9534f;
	font-size: 16px;
	padding:5px 10px 5px 10px;
}


/* Report Generator */
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#edf6ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #67a1db 5%, #66a1dd 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #67a1db), color-stop(1, #66a1dd) );
	background:-moz-linear-gradient( center top, #67a1db 5%, #66a1dd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#67a1db", endColorstr="#66a1dd");	background: -o-linear-gradient(top,#67a1db,66a1dd);

	background-color:#67a1db;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #67a1db 5%, #66a1dd 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #67a1db), color-stop(1, #66a1dd) );
	background:-moz-linear-gradient( center top, #67a1db 5%, #66a1dd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#67a1db", endColorstr="#66a1dd");	background: -o-linear-gradient(top,#67a1db,66a1dd);

	background-color:#67a1db;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.bounds{
	padding-left:20px;
}


.jqplot-axis {
	color:#fff;
}