/* app css stylesheet */

/* Original Bootstrap's CSS depends on empty href attributes 
 * to style cursors for several components (pagination, tabs etc.). 
 * But in AngularJS adding empty href attributes to link tags will 
 * cause unwanted route changes. This is why we need to remove empty 
 * href attributes from directive templates and as a result styling 
 * is not applied correctly. */
.nav, .pagination, .carousel, .panel-title a { 
	cursor: pointer; 
}

a {
	cursor:pointer;
}

body {
	overflow-y: scroll;
}

.em {
	font-style: italic;
}

.strong {
	font-weight: bold;
}

.faded {
	color: #DCDCDC;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

h4.djCalculatorTitle {
	margin-top:15px;
}

a.djCalculatorTitle {
	color:honeydew;
}

a.djCalculatorTitle:hover {
	text-decoration:none;
	color:#2a9fd6;
}

th a {
	cursor: pointer;
}

a.panel-action {
	margin-right:1em;
}

@media only screen and (min-device-width: 768px){
	.modal {
	 overflow-y: auto;
	}
	
	.modal-open {
	 overflow: auto;
	}
}

input[type=number].bpm {
	width:3em;
	background-color:inherit;
	color:inherit;
	border:none;
}

/* http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/ */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

div.table-scroll-container {
	overflow-y:auto;
	margin-right:1px;
}

.pitch-ok {
	color:rgb(42, 159, 214);
}

.pitch-not-as-ok {
	color:rgb(240, 88, 0);
}

.panel-text {
	clear:both;
	padding: 0.3em 0 0.3em 0;
}

.search-box {
	text-align:right;
	width:10em;
	padding:0 0.5em 0 0.5em;
	margin: 0 0.2em 0 0.2em;
}