/*PRINT STYLES*/

	@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE10+ CSS styles go here */
		html{
			margin-right:-75mm !important;
		}
		#content{
			-webkit-column-count: 1;
			        column-count: 1;
		}

	}

	/* GLOBAL */

	html{
		margin: 0 !important;
		height: 100% !important;
	}

	body {
	  height: 100%;
	  font-family: verdana, sans-serif !important;
	  /*letter-spacing: -0.03em;*/
	  padding-bottom: 30px;
	}


	header {
		text-align: center;
	}
	#calendar {
		width: 100%;
		margin-bottom: 2em;
		border: 1px solid #ccc;	
	}
	#calendar ul{
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	/*build out the list view of the calendar*/
	.calendar-responsive .weekdays, .calendar-responsive .other-month {
		/*display: none;*/
	}


	#calendar .seven-cols{
		-webkit-box-sizing:border-box;
        box-sizing:border-box;
		margin-bottom: -1px;
	}

	#calendar .weekdays, #calendar .seven-cols{
		-webkit-box-shadow: -5px 0 7px -5px rgba(0,0,0,0.3);
	        box-shadow: -5px 0 7px -5px rgba(0,0,0,0.3);
		letter-spacing: -0.03em;
	}
	#calendar .event{
		padding: 2px;
	}

	.header-row .input-group{
		float:none !important;
		margin: 0 auto;
	}

	/*week header items*/
	.weekdays li{
		background: #00467A !important;
		color: white;
		text-transform: uppercase;
		padding: 5px;
		text-align: center;
		font-weight: bold;
		border: 1px solid white;
		border-top: none;
	}
	.weekdays li:first-child{
		border-left: none;
	}

	.emt-level, .event-time, .shift-info, .observer-info{
		display:inline !important;
	}

	.modal-header {
	    background-color: #00467A;
	    border-color: #00467A;
	    color: white;
	    font-size: 14px;
	    text-decoration: none;
	}
	.modal-footer .row{
		text-align: center;
	}

	.rig-container:nth-child(even){
		background-color: #F5F5F5; /*WhiteSmoke*/
	}

	.day-container.airevac{
		background-color: #FFFF00;
	}
	#calendar .other-month{
		background-color: #00467A;
		border-top: thin solid #FFF;
		border-bottom: thin solid #FFF;
		padding-bottom: 1px;

	}


	/*styling for the calendar items*/
	.day-container{
		height:125px;
		border: thin solid #ccc;
	}
	#calendar .date.today{
		background-color:#beffbe;
	}
	hr.border{
		margin:0 auto;
		width: 90%;
	}
	/*legacy trainer icon*/
	.trainer{
		color: red;
	}


	/*lightest red #dfb9b9;*/
	/*lighter red: #FFA8A8*/
	/*light red: #FF7F7F*/
	/*emt level circle border*/
	.emt-level:not(.legacy) span{
	 border-radius: 100%;
	    border: 1px solid #FFA8A8;
	    padding: 1px 5px 1px 5px; 
	    width: 30px;
	    font-size: .8rem;
	    height: 1rem; 
	}

	/*emt level coloring*/
	.bg-white{    
	   color: #FFA8A8;
	}
	.bg-red{
	    color: white;
	    background-color: #FFA8A8;
	}
	.recurring{
 		color:#585858 !important;
	}


	/*shift time*/
	.event-time{
	  font-family:Courier, monospace;
	  color:#282828;
	  width: 11em;
	  padding-right:1px;
	}
	.blank-day:last-child{
		border-right: 1px solid #CCC;;
	}
	.weekdays li:last-child{
		border-right: none;
	}
	.printDate{
		display:none;
	}

	.printDate, .day-link{
		padding-right: 1%;
	}
	#calendar .date{
		text-decoration: none;
		text-align: center;
		background-color: #E0F7FF; /*lightblue*/
		color: #00467A !important; /*ems darkerblue*/
		font-weight: bold;
		border-bottom: 2px solid  #e5e5e5 !important;
	}

	#calendar .date .today{
		background-color:#beffbe;
	}


	.position-title{
		color: #585858;
		font-weight: 400;
		font-size: x-small;
	}
	/*temporary until we bootstrap the toolbar, the float:left in 'core-bootstrapped' doesn't allow for the toolbar to center perfectly in page.*/
	#toolbar{
		width: 100%;
		margin: 0 auto;	
	}

	.calendar-item{overflow: hidden}

	/*display the position description on top or to the right depending on user setting*/
	.position-top{
		display: block;
	}
	.position-right{
		padding-left: 1em;
	}
	.user-name{
		float:left;
	}

	/*//override bootstrap padding for the table container*/
	.col-sm-12{
		padding: 0 !important;
	}


/*full calendar view*/
@media only screen and (min-width: 700px) {

	.calendar .weekday-name{
		display: none;
	}


	 #calendar .seven-cols {   /*week days header and the days throughout the week*/
		-webkit-box-flex: 1;
	    -moz-box-flex: 1;
	    -o-box-flex: 1;
	}


	/*force the days to have matching heights*/
	.row.table-row{
	    overflow: hidden; 
	}

	.row.table-row, ul.weekdays {

	  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	  display: -ms-flexbox;  /* TWEENER - IE 10 */
	  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	  -webkit-flex-wrap: nowrap;
	  -ms-flex-wrap: nowrap;
	      flex-wrap: nowrap;
	}

	.weekdays li{
		flex-basis: auto;
	}

	.day, .weekdays li{ /*make sure the days / weekday header fills the screen*/
		-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
		    -ms-flex: 1; /* IE 10 */
		        flex: 1; /* NEW, Spec - Firefox, Chrome, Opera */
	}

	.day{ /*prevent a collapsed row*/
		min-height:140px;
	}


	/*update the affix class (bootstrap utility/plugin for handling 'sticky' headers*/
	.affix {
		z-index: 9999 !important;
		width: 100% !important;
		top: 0;
		left: 0;
		padding: 0 15px 0 15px !important;
		right: 0;
  	}
}

/*hacky fix for weekday display issues*/
@media only screen and (max-width: 700px) {
	.weekdays, .other-month{
		display:none;
	}
	#calendar{
		font-size: 1.4rem;  /*bump up font sizes for mobile*/
	}
}