/*app.css contains the app specific styles */
/*(Note: I commented out all but the dataTable styles, because I am not sure if we are using any of the rest or moved them to style.css)*/
/* [START] DataTable styles
-------------------------------------------------- */
/*
@media(max-width: 600px){
    ul.pagination li{
        display:none;
    }
    ul.pagination li.prev,ul.pagination li.next, ul.pagination li.active {
        display:inline;
    }
}
*/
/*View Details and More into on 'More' action menu*/



.title{
    color: red;
    display: inline-block;
    font-family: Arial;
}

@media ( max-width : 400px) {
	.show-now {
		display: none;
	}
	.app-branding .media-heading {
		font-weight: 700;
		font-size: 1.3rem;
	}
}

td .show-now {
	float: left;	
}

@media ( min-width : 400px) {
	.show-later {
		display: none;
	}
}

.dataTable .dropdown-menu li a {
	background-color: #f1f1f1;
}
/* [END] DataTable styles
-------------------------------------------------- */
/* Sticky footer styles
-------------------------------------------------- */
/*html {
	position: relative;
	min-height: 100%;
}*/
/*body {
	 Set the bottom margin to be the same as the footer height
	margin-bottom: 5.5em;
}*/
/* Header styles
-------------------------------------------------- */
/*.masthead .list-group .list-group-item {
	border: 0;
	padding: 0;
	margin: 0;
}

.masthead {
	margin-top: 1em;
	vertical-align: middle;
}

.masthead .media .logo {
	 Set the total left and right margin of the image to the tagline to be 1/3 of the height of the image
	margin-right: 5px;
	margin-left: 15px;
}*/
/* Content styles
-------------------------------------------------- */
/*#content {
	padding-bottom: 1em;
}*/
/* Info styles
-------------------------------------------------- */
/*abbr {
  border-bottom: none !important;
  color: red;
  cursor: default !important;
}*/
/* Form styles
-------------------------------------------------- */
/*.form-actions {
	margin-top:10px !important;
	border:1px solid #e5e5e5 !important;
	border-radius:6px;
	background-color:#f5f5f5 !important;
	padding:.7em 1em 1em!important
}

.form-horizontal,.section {
	padding: 5px 10px 5px 10px;
	border: 1px solid #DDD;
	background: #FFF;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075);
	margin-top: 1em;
} */
/* Workaround for not including angular.js in the header, prevent flicker during compile
-------------------------------------------------- */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}