@charset "utf-8";
body {
	padding-top:50px;
}

#page-login {
	/*background:url(../img/bg.jpg) no-repeat center center fixed;*/
	background-size: cover;
}

video { display: block; } 
video#bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(../img/bg.jpg) no-repeat;
	background-size: cover;
	opacity:0.6;
}
.vdh-mask { display:none; }


@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

#login-container {
	background-color: rgba(38,83,53,0.9); /* green #2f7145 */
	margin-top:15%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	box-shadow:0 0 5px #000;
	color:#fff;
}
#login-container a {
	color:#fff;
}
#login-container .form-group {
	margin-bottom: 2px;
}
#login-container .btn-group {
	margin-bottom: 10px;
}
#login-container .form-control {
	padding:10px;
	height:auto;
}

/* animated spinning icon */
.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

/* bootstrap wizard next/prev buttons */
li.next>a, li.last>a, li.previous>a, li.first>a {
	border:1px solid #aaa;font-size:16px;color:#222;
	border-radius:0;padding:10px;
	/*background-color: #9EFFA1;*/
}
.pager>li>a { font-weight:normal; }

@media screen and (max-device-width: 800px) {
	#page-login { background: url(../video/bg.jpg) #fff no-repeat center center fixed; background-size: cover; }
	#bgvid { display: none; }
	#login-container {
		margin-top:5%;
		padding-left:30px;
		padding-right:30px;
	}
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{ max-height:450px; }
label.control-label { font-size:14px; }

th,td { font-size:14px; }

/* large modal via http://stackoverflow.com/questions/10169432/how-can-i-change-the-default-width-of-a-twitter-bootstrap-modal-box */
@media screen and (min-width: 768px) {
	body .modal-large {
		width: 80%; /* desired relative width */
        height: 80%;
        max-height: 800px;
        min-height: 80%;
        /* place center */
		margin-left:auto;
		margin-right:auto; 
	}
    body .modal-large-content {
}

/*wizard previous/next buttons*/
li.next>a, li.last>a, li.previous>a, li.first>a { border:1px solid #777;font-size:15px;color:#222; }
.alert { font-size: 14px; }

/* PURPLE buttons for active invoices -> wave pick list series&location */
.btn-purple { 
  color: #ffffff; 
  background-color: #AE7FEB; 
  border-color: #352970; 
} 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #ffffff; 
  background-color: #7C46C2; 
  border-color: #352970; 
} 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #AE7FEB; 
  border-color: #352970; 
} 
.btn-purple .badge { 
  color: #AE7FEB; 
  background-color: #ffffff; 
}

.scrollable-menu {
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}

/* collapsible Bootstrap panels */
.clickable{
    cursor: pointer;   
}
.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}
/* collapsible Bootstrap panels */

/* for controlling print / no print views */
.printonly { display:none; }
@media print {
    .noprint { display:none; }
    .printonly { display:block; }
    .dataTables_length,.dataTables_filter,.dataTables_paginate { display:none; }
}

.prodcode-status-badge { font-size:12px;white-space:nowrap;padding-left:5px;padding-right:5px; }