@CHARSET "UTF-8";

td.date {
	width: 100px;
	font-size: 11px;
	color: #BBB;
	text-align: right;
}

tr.centered, td.centered, th.centered{
	text-align: center; 
	vertical-align: middle;
}

tr.right-align, td.right-align, th.right-align{
	text-align: right; 
	vertical-align: middle;
}
.label-primary{
	background-color: #04c;
}


/* td>span.label{
	line-height: 20px;
} */
body {
	/* background-color: whitesmoke; */
	background-color: white;
	/* padding-top: 50px; */
	font-size: 12px;
}

.nav-tabs > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.page-header {
	background-color: snow;
	padding: 10px;
	border: solid 1px #dcdcdc;
	border-radius: 5px;
	height: 30px;
}

/* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
.navbar-fixed-top .brand {
	font-weight: bold;
	/* color: #ffcc00; */
	color:white;
	text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
.navbar-fixed-top .brand:hover {
	text-decoration: none;
}

/* Modal example */
.modal-example .modal {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

.well {
	box-shadow: none;
	border: solid 1px #dcdcdc;
	background-color: #FFFFFF;
}

.table, .accordion-toggle {
	background-color: #FFFFFF;
}

.form-actions {
	background-color: transparent;
}

.page-header-top {
	background-attachment: scroll;
	background-clip: border-box;
	/* background-color: #F5F5F5; */
	background-color: white;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	/* margin-bottom: 30px; */
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2%;
	/* padding: 10px 20px 20px 0px; */
}

#login {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 425px;
	color: #ccc;
	font-size: 11px;
}

#login h3 {
	margin: 0px 0px;
	border: solid 1px #000000;
	padding: 5px 20px 10px 20px;
	background-color: #2d2d2d;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
}

#login form {
	background-color: #fff;
	border: solid 1px #d8d8d8;
	padding: 20px 20px 40px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#login form input[type=text], #login form input[type=password] {
	width: 365px;
	font-size: 14px;
	padding: 8px;
}

#login  .control-label {
	font-size: 14px;
	color: #999;
}

/* Page 404 or other error page */

.errorWrapper {
    margin: 200px auto;
    width: 559px;
    text-align: center;
}

.errorWrapper h1{
    font-size: 34px;
    margin-bottom: 20px;
}


/* used for form error message*/
form .controls label.error {
    color: #b94a48;
  	border-color: #b94a48; 
    text-align: left;    
    padding-top: 5px;
}

.loader {
	background: #333;
	color: white;
	width: 120px;
	height: 80px;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    position: absolute;
    opacity: 0.5;
    left: 50%;
    bottom: 0%;
    z-index:9999;
    overflow: auto;
}

/* use for back to top*/
#back-top {
	position: fixed;
	bottom: 30px;
	left: 30px;
	 
}

#back-top a {
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	border: 1px #bbb solid;
	border-radius: 3px;
	padding: 3px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
	border-color: #000;
}

.report-parameter-label{
	float: left;
	padding-top: 5px;
}

.jp-player{
	position: fixed;
	left: 10px;
	bottom: 10px;
}