/* CSS used for the whole application */

/* generic bootstrap tweaks */

/* smaller half of XS */
@media (max-width: 479px) {
	
	body > .container-fluid,
	[class*="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}
	body header,
	body footer,
	body .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	form.form-horizontal .form-group {
		margin-right: -5px !important;
		margin-left: -5px !important;
	}
	form:not(.form-horizontal) .form-group {
		margin-left: 0;
		margin-right: 0;
	}
}

/* layout */
header .navbar.navbar-inverse {
	border-radius: 0;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	color: #AAA;
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #AAA;
	}
}

.navbar.navbar-inverse {
	margin-bottom: 15px;
}

@media (min-width: 992px) {
	.navbar ul.nav > li.dash {
		margin-left: 30px;
	}
}

#content-bottom {
	height: 15px;
	width: 100%;
}

/* generic */
a.text-success {
	color: #3c763d; /* BS's color */
}
table .min-width-cell {
	width: 1%;
	white-space: nowrap;
}
.bold {	font-weight: bold; }
.inline-block { display: inline-block; }
.margin-right-15 { margin-right: 15px; }
.margin-top-10 { margin-top: 10px; }
.no-margin-bottom { margin-bottom: 0; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.page-title { margin-top: 10px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
hr { margin: 15px 0; }
input[type="file"] { width: 100%; }
textarea {
	resize: vertical;
	min-height: 100px; /* 5 rows */
}
form div.alert.alert-danger,
div.alert.company-add-success,
div.alert.company-add-error {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
#content .alert {
	margin-bottom: 10px;
}
#content .alert .alert-link {
	text-decoration: underline;
}

/* prevent Firefox bug with .table-responsive class */
@-moz-document url-prefix() {
  #dashboard fieldset { display: table-cell; }
}

/* specific styling */

#upload-example .table {
	background-color: white;
}

#dashboard .input-td {
	white-space: nowrap;
	padding: 2px;
}
@media (max-width: 1300px) {
	#dashboard input {
		width: 100px;
	}
}
@media (min-width: 992px) {
	#dashboard .date-td,
	#dashboard .phone-td {
		white-space: nowrap;
	}
}

#dashboard input + button,
#dashboard button + button {
	margin-left: 2px;
}

#dashboard .bg-danger {
	background-color: #f2dede; /* stock BS color */
}
#dashboard .bg-success {
	background-color: #dff0d8; /* stock BS color */
}

#dashboard .table-striped tr:nth-child(even) td.bg-transition {
	background-color: #fff;
}
#dashboard .table-striped tr:nth-child(odd) td.bg-transition {
	background-color: #f9f9f9; /* BS table-striped row grey color */
}
#dashboard .bg-transition {
	background-color: #fff;
}
#dashboard .table-striped .bg-transition {
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

#dashboard #closeout-period {
	margin-top: 10px;
}

#dashboard span.glyphicon-refresh:hover {
	cursor: pointer;
}

/* sort direction indicators for table headers */
.asc:after,
.desc:after {
	/* from bootstrap .glyphicon */
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* end from BS */

	padding-left: 5px;
}
.asc:after {
	/* from bootstrap glyphicon-chevron-up:before */
	content: "\e113";
}
.desc:after {
	/* from bootstrap glyphicon-chevron-down:before */
	content: "\e114";
}
/* end sort dir for table headers */

#dashboard .pagination {
	margin-top: 0;
	margin-bottom: 5px;
}

#edit-job-sheet .table th {
	background-color: #222;
	color: #FFF;
}
#edit-job-sheet tfoot {
	background-color: lightgray;
}
#edit-job-sheet td .form-group {
	margin-bottom: 0;
}

/* autocomplete dropdown */
.ui-autocomplete {
	border: solid 1px #ccc;
	background-color: white;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* hovered or keyboard-selected autocomplete list item */
.ui-state-focus {
	background-color: #eee;
	margin: 0 !important;
}

/* hovered or keyboard-selected autocomplete BOTTOM list item */
.ui-autocomplete .ui-state-focus:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}