/* common css frame */
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	color: #aab;
}
@media only screen and (max-width: 770px) {
	.new,
	.orders,
	div.navbar-form {
		padding: 10px;
		margin: 0;
	}
	ul.navbar-form {
		padding: 0;		
		margin: 0;
		margin-top: 5px;
	}
	.hideOnMobile {
		display: none !important;
	}
}
label {
	font-weight: normal;
}
a {
	text-decoration: underline;
}
a:hover,
.navbar a {
	text-decoration: none;
	cursor: pointer;
}
nav.navbar .nav.navbar-nav input[type="checkbox"],
nav.navbar .nav.navbar-nav span.glyphicon {
	vertical-align: middle;
}
nav.navbar {
	margin: 0;
}
nav.navbar .nav.navbar-nav input[type="range"] {
	width: 50px;
	margin-top: 20px;
}
.pointer {
	cursor: pointer;
}
.navbar-brand {
	padding: 0;
}
.navbar-brand img {
	width: 100px;
	max-height: 52px;
}
.position-absolute {
	position: absolute;
}
.position-relative {
	position: relative;
}
.round {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
}
.fixed {
	position: fixed;
}
.w100 {
	width: 100% !important;
}
.minHeight100 {
	height: 100px !important;
	min-height: 100px;
}
.h100 {
	height: 100% !important;
}
.shadow12 {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
}
.blur10 {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.nowrap {
	white-space: nowrap;
}
.abs_center {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.al_l {
	text-align: left;
}
.al_c {
	text-align: center;
}
.al_r {
	text-align: right;
}
.clr {
	clear: both;
}
.fw200 {
	font-weight: 200;
}
.txt_shadow6 {
	text-shadow: 0 0 6px rgba(0,0,0,.9);
}
.trans02 {
	-webkit-transition: all .2s ease-out;
}
.blink {
	-webkit-animation: blink .6s linear infinite;
}
.blink_fst {
	-webkit-animation: blink .17s linear infinite;
}
.rot90 {
	transform: rotate(90deg);
}
.rot180 {
	transform: rotate(180deg);
}
.hide {
	display: none;
}
@keyframes blink {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
  	opacity: 0.3;	
  }
}
.shakeX {
	position: relative;
	-webkit-animation: shakeX .5s linear;
}
@keyframes shakeX {
  0%,20%,40%,60%,80% {
    left: -10px;
  }
  10%,30%,50%,70%,90% {
    left: 10px;
  }  
  100% {
  	left: 0;
  }
}
.dropdown:hover .dropdown-menu {
	z-index: 1000;
    display: block;
    margin-top: 0;
}
.select2-container {
    width: 100% !important;
}
.error {
	color: #f00;
}
.orders table,
.users table {
	width: 100%;
	border-collapse: collapse;
}
.orders table thead th {
	font-weight: normal;
	white-space: nowrap;
}
.orders table thead th.sortBy {
	font-weight: bold;
}
.orders .col-sm-12 table thead th a {
	color: #039;
}
.orders .col-sm-12 table thead tr {
	background-color: #777;
}
.orders table.ordersTable tbody tr:nth-child(even),
.users table.usersTable tbody tr:nth-child(even) {
	background-color: #333;
}
.orders table.ordersTable tbody tr:nth-child(odd),
.users table.usersTable tbody tr:nth-child(odd) {
	background-color: #444;
}
.orders table.ordersTable tbody tr:hover,
.users table.usersTable tbody tr:hover {
	background-color: #fc3 !important;
	color: #667;
}
.orders table.ordersTable td,
.orders table.ordersTable th,
.users table.usersTable td,
.users table.usersTable th {
	padding: 4px;
	border: 1px solid #ccc;
}
.orders table.ordersTable td.alarms {
	white-space: nowrap;
}
.users table.usersTable td select {
	background-color: rgba(0,0,0,0);
    border: 0;
}
.orders table.ordersTable td.options b,
.orders table.ordersTable td.steps b {
	margin: 0;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 3px;	
	padding-right: 3px;
	font-size: 13px;
	display: inline-flex;
	white-space: nowrap;
	overflow: hidden;	
}
.orders table.ordersTable td.steps {
	white-space: normal;
}
.orders table.ordersTable td.steps b.finished {
	cursor: pointer;
}
.orders table.ordersTable td.options b {
	border: 1px solid #aaa;	
	background-color: #333;
}
.orders table.ordersTable tr:hover td.options b {
	color: #aab;
}
.orders table.ordersTable td.steps b {
	border-color: #c00;
    background-color: #c00;
    color: #fff;
}
.orders table.ordersTable td.steps b.finished {
	border-color: #0a0;
    background-color: #0a0;
    color: #fff;
}
.orders table.ordersTable td.alarms span {
	margin: 2px;
	margin-left: 4px;
	margin-right: 4px;
	opacity: 0.2;
}
.orders table.ordersTable td.alarms span.ok {
	opacity: 1;
}
div.edit {
	min-width: 60px;
	min-height: 20px;
}
.steps ul li {
	cursor: move;
}
.steps ul li span.name,
.steps ul li span.type {
	cursor: text;	
}
.steps ul li span.type {
	font-style: italic;
}
.steps ul li input {
	margin: -4px;
}
.login_img_back {
	background-size: 100%;	
	text-align: center;
	margin: 0px;
	overflow: hidden;
}
.login_img_back {
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.login_form {
	width: 300px;
	color: #fff;
    border: 1px solid;
    border-color: rgba(255,255,255,.35);
    background-color: rgba(0,0,0,.5);	
}
.login_form .form {
	position: relative;
}
.login_form input {
    background-color: rgba(0,0,0,.75);
    border: 0.5px solid rgba(255,255,255,.2);
    color: #fff;
}
.login_form input:hover {
    background-color: rgba(0,0,0,.5);
    border: 0.5px solid rgba(255,255,255,.75);
}
.login_form_back {
	background-size: 400%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.login_form.form-control {
	height: initial !important;
}
.login_form .app_name {
	position: relative;
    font-size: 50px;
    font-weight: 200;
}
.copy_text {
	position: absolute;
	bottom: 10px;
	left: 50%;
	font-size: 10px;
	padding: 5px;
	font-weight: 200;
	transform: translateX(-50%);
}