@charset "UTF-8";
/* CSS Document */

*:focus {
    outline: none !important;
	border:0 !important;
}
a:visited {
	border:0 !important;
	text-decoration:none !important; 
	outline:none !important;
}
th { font-size: 0.9em; }
td { font-size: 0.8em; }


/* dataTables_wrapper styles
-------------------------------------------------- */


/* Sticky footer styles
-------------------------------------------------- */
/*
html {
  position: relative;
  min-height: 100%;
}
*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height: 130px; Set the fixed height of the footer here */
  /* line-height: 130px; Vertically center the text there */
}
body#bell {
    background-color: #1f154e !important;
}
body#store {
	background-color: #B9B219 !important;
}
body#conf {
    background-color: #17A1A7 !important;
}

.btn-primary.S-hyatt {
	background-color: #D3CB1A !important;
	border-color: #D3CB1A !important;
}
.btn-primary.S-hyatt:hover, .btn-primary.S-hyatt:focus, .btn-primary.S-hyatt:active, .btn-primary.S-hyatt.active, .open>.dropdown-toggle.btn-primary.S-hyatt {
    background-color: #D3CB1A !important;
	border-color: #D3CB1A !important;
}

.btn-primary.B-hyatt {
    background-color: #998BAB !important;
    border-color: #998BAB !important;
}
.btn-primary.B-hyatt:hover, .btn-primary.B-hyatt:focus, .btn-primary.B-hyatt:active, .btn-primary.B-hyatt.active, .open>.dropdown-toggle.btn-primary.B-hyatt {
    background-color: #998BAB !important;
    border-color: #998BAB !important;
}
.btn-primary.C-hyatt {
    background-color: #32B3B9 !important;
    border-color: #32B3B9 !important;
}
.btn-primary.C-hyatt:hover, .btn-primary.C-hyatt:focus, .btn-primary.C-hyatt:active, .btn-primary.C-hyatt.active, .open>.dropdown-toggle.btn-primary.C-hyatt {
    background-color: #32B3B9 !important;
    border-color: #32B3B9 !important;
}
/*
.btn-outline-light.hyatt {
    color: #6c5c7f !important;
}
*/
.btn-outline-light.hyatt:hover, .btn-outline-light.hyatt:focus, .btn-outline-light.hyatt:active, .btn-outline-light.hyatt.active, .open>.dropdown-toggle.btn-outline-light.hyatt {
    background-color: #0275d8 !important;
    color: #FFF !important;
}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	text-decoration: none;
}
.btn-group-justified .btn,
.btn-group-justified .btn-group {
  float: none;
  display: table-cell;
  width: 1%; 
}
.btn-group-justified .btn .btn,
.btn-group-justified .btn-group .btn {
  width: 100%; 
}
.btn-group-justified .btn .dropdown-menu,
.btn-group-justified .btn-group .dropdown-menu {
  left: auto; 
}
.storebutton {
/*    width: 80px; */
    text-align: center;
    vertical-align: bottom;
    font-size: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #EEEEEE;
    padding: 6px;
    margin: 4px;
    color: #000;
    position: relative;
/*	float: left;*/
}
.storebutton:hover {
	background-color: #dc3545;
	color: #FFF;
}
.storebutton a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link   doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background-color:white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.labelbutton {
    /*    width: 80px; */
    text-align: center;
    vertical-align: bottom;
    font-size: 0.9em;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #0275d8; /*secondary color*/
    padding: 6px;
    margin: 4px;
    color: #FFF;
    position: relative;
    text-decoration: none;/*	float: left;*/
}
.labelbutton:hover {
	background-color: #dc3545;
	color: #FFF;
    text-decoration: none;/*	float: left;*/
}
.labelbutton a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link   doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background-color:white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

/*file upload*/

    #progressbox {
	border: 1px solid #000;
	padding: 1px;
	position:relative;
	width:280px;
	border-radius: 3px;
	margin: 10px 0;
	display:none;
	text-align:left;
}
    #progressbar {
	height:30px;
	border-radius: 3px;
	background-color: #06F;
	width:1%;
}
    #statustxt {
	top:3px;
	left:45%;
	position:absolute;
	display:inline-block;
	color: #000000;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 8px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.Upload {
	font-size: 10px;
}

/* ----------------------------------------- */
/* Quagga and supporting styles:			       */ 
/* ----------------------------------------- */
#scanner-window-container {
	position: fixed;
	z-index: 1000000;
	height: 100%;
	width: 100%;
	background-color: black;
	top: 0;
	left: 0;
}
#scanner-window-container #scanner-window {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  text-align: center;
}
#scanner-window-container #scanner-window video {
  height: 100%;
}
#scanner-window-container #scanner-window canvas.drawingBuffer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000010;
}
#scanner-window-container #scanner-window-header {
  position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
}
#scanner-window-container #scanner-window-footer {
/*    background-color: #6c5c7f !important;*/
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
}
#scanner-window-container.is-loading {
  background-color: #447054;
}
#scanner-window-container .loading-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000015;
}
#scanner-window-container.is-loading .loading-overlay {
  display: block;
}
#scanner-window-container.is-loading video {
  opacity: 0.3;
}
#scanner-window-container.is-loading canvas.drawingBuffer,
#scanner-window-container.is-loading #scanner-window-footer {
  display: none;
}
input.scanner-input.error {
	border-color: #f09191;
	color: #b84d4d;
}
input.scanner-input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
form label.error {
  margin: 6px 0 0 0;
  color: #b84d4d;
}


#alert-container {
  position: fixed;
	z-index: 1000020;
	width: 100%;
  top: 0;
	left: 0;
}
#alert-container .scanner-js-alert {
  animation: animScale 0.35s;
}
@keyframes animScale {
  0% { opacity: 0; transform: translate3d(0,-40px,0) scale3d(0.1,0.6,1); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale3d(1,1,1); }
}