@font-face 
{
	font-family: "DINNextW01-Light";
    src: url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f1327ff3311b2617.eot");
    src: url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f1327ff3311b2617.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f1327ff3311b2617.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f1327ff3311b2617.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f1327ff3311b2617.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/9ae5e19516bc6428f13 27ff3311b2617.svg#DINNextW01-Light") format("svg");
}

body
{
	font-family: Arial, sans-serif;
	font-size:1em;
	padding:0px; 
	margin: 0px;
}

button{
    cursor:pointer;
}

.shadow {
	-webkit-box-shadow:10px 10px 10px #777;
	-moz-box-shadow: 10px 10px 10px #777;
	box-shadow:10px 10px 10px #777; 
}


.dt_input {float:right;font-size:0.8em;}
.dt_input input { width:10em; font-size:0.8em;}


.dt_header {
	padding: 10px 10px 10px 10px ;
	font-weight:bold;
	background:#8396b8; 
	background:-webkit-gradient(linear, left top, left bottom, from(#b1bed7), to(#8396b8)); 
	background:-webkit-linear-gradient(#b1bed7, #8396b8); 
	background:   -moz-linear-gradient(#b1bed7, #8396b8);  
	background:    -ms-linear-gradient(#b1bed7, #8396b8);
	background:     -o-linear-gradient(#b1bed7, #8396b8);
	background:        linear-gradient(#b1bed7, #8396b8);
}

a:link.red_nav {color:#eee;text-decoration:none;}   
a:visited.red_nav {color:#eee;text-decoration:none;} 
a:hover.red_nav {color:#eee;text-decoration:underline;}
a:active.red_nav {color:#eee;text-decoration:underline;}
.red_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: #F00;
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.a_nav {color:#eee;text-decoration:none;}   
a:visited.a_nav {color:#eee;text-decoration:none;} 
a:hover.a_nav {color:#eee;text-decoration:underline;}
a:active.a_nav {color:#eee;text-decoration:underline;}
.a_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,133,66);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.pr_nav {color:#eee;text-decoration:none;}   
a:visited.pr_nav {color:#eee;text-decoration:none;} 
a:hover.pr_nav {color:#eee;text-decoration:underline;}
a:active.pr_nav {color:#eee;text-decoration:underline;}
.pr_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,120,250);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.nav {color:#eee;text-decoration:none;}   
a:visited.nav {color:#eee;text-decoration:none;} 
a:hover.nav {color:#eee;text-decoration:underline;}
a:active.nav {color:#eee;text-decoration:underline;}
.nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,66,133);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
	width: 130px;
    text-align: center;
}

.dt_total_error {
	background: #f00;
	color: #fff;
	padding: 1px 15px 1px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

.dt_total_ok {
	background: #0a0;
	font-weight: bold;
	color: #fff;
	padding: 1px 15px 1px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

.dt_filtered {
	font-style: italic;
	font-weight: normal;
}


h3 {font-size:1.2em; border-bottom: 1px solid #000;margin:0px;padding-right:2px;};
html {padding:0px; margin: 0px;}
.page {padding:0px; margin:0px;}
.place_text {font-size:0.8em;color:#555; }
.mtext {
	color: #999;	
	font-style:italic;
}

.smaller { font-size:0.7em;}
.small_txt { font-size:0.7em; color:#555}
.minor_txt { font-size:0.8em; color:#555}
.info_tbl { padding-top:10px;padding-bottom:10px;width:100%;border-spacing:0px; }
.info_tbl td {  font-size:0.8em; border-bottom: 1px solid #000;margin:0px;padding-right:2px; }
.info_tbl tr { vertical-align: top; border-bottom: 1px solid #000}
.info_tbl .grey {  font-style:italic;color:#555 }
.info_tbl th {font-size:0.8em; font-weight:bold;color:#AAA;background-color:#000;padding:2px; }

.value_table tr  { vertical-align: top; }
.value_table tr td:first-child { font-weight:bold; text-align: right; padding-right:5px; }
.value_table tr td:first-child { font-weight:bold; text-align: right; padding-right:5px; }
.value_table tr td td { padding-left:50px; }

.info_div td, .info_div  { font-size:0.9em; }
.info_header  { font-weight:bold; padding-top:10px;font-style: italic; }
.select_div  { padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #badaba; border: 2px solid #333 }
.error_div  { margin-top: 10px; margin-bottom: 10px; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #DB8C8C; border: 2px solid #000 }

.page-title  {background-color: #054285;color: #eee;font-weight:bold;padding:5px;margin:0px 0px 5px 0px;}
.page-header {height:70px;background-color: #054285;}
.page-footer {height:70px;background-color: #054285; }
a:link, a:visited { color: #000; }

.page-content {width:1000px;text-align: center; margin:auto;}
.content-secondary { float: left; width: 30%; text-align: left; margin: 0px; padding: 0px; }
.content-primary { background-color: #fff; width: 60%; float: right; text-align: left; margin: 0px 0px; padding: 0px 0px 0px 0px; }

.infoelement{font-size:0.9em;color:#555;}
.infoheader { background-color: #ccc; color: #000; margin-top: 10px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; font-size: 1.1em; }

.dt_header {
	padding: 10px 10px 10px 10px ;
	font-weight:bold;
	background:#8396b8; 
	background:-webkit-gradient(linear, left top, left bottom, from(#b1bed7), to(#8396b8)); 
	background:-webkit-linear-gradient(#b1bed7, #8396b8); 
	background:   -moz-linear-gradient(#b1bed7, #8396b8);  
	background:    -ms-linear-gradient(#b1bed7, #8396b8);
	background:     -o-linear-gradient(#b1bed7, #8396b8);
	background:        linear-gradient(#b1bed7, #8396b8);
}

.r_open_bg { background:#C44; }
.r_closed_bg { background:#CCC; }
.r_supplier_bg { background:#EE4; }
.r_following_bg { background:#EE4; }

.rc_bg { background:#f0fff0 }
.rc_open_bg { background:rgb(5,133,66);color:white; }
.rc_closed_bg { background:#77ba97;color:white; }

.normalRoundBorder10 {
	border:1px solid #000;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
}
.boldRoundBorder10 {
	border:2px solid #000;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
}

.normalRoundBorder20 {
	border:1px solid #000;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;  border-radius: 20px;
}
.boldRoundBorder20 {
	border:2px solid #000;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;  border-radius: 20px;
}

.openreport {
	border:2px solid #000;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #000;
}
.followingreport {
	border:2px solid #000;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #000;
}
.supplierreport {
	border:2px solid #777;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #000;
}
.closedreport {
	border:1px solid #777;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #777;
}

.one-col {clear:both;float:none;width:100%;margin-right:0px;margin-bottom:5px}
@media all and (min-width: 250px) {

.mwidth {width:95%;}
.bpadding {padding:3px;}
dl    { margin:5px 0; overflow: auto; font-size:1em; }
dl dt { font-size:1em; font-weight:bold; width:90%; margin-right:5px; text-align:left; float:left; clear: both; padding:0px 0px 0px 3px; }
dl dd { text-align:left; clear: both; float:left; width:90%; padding:0px 0px 5px 20px; margin:0; }

 .lowp {display:none;}
 .page-content {width:100%}
 .nav-button { display:block;}
 .two-col {float:none;width:100%;margin-right:0px;margin-bottom:5px}
 .content-secondary { display:none;float: none; width: 100%; text-align: left; background: #ccc; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; }
 .content-primary { background-color: #fff; float: none; width: 100%; text-align: left; margin: 0px 0px; padding: 0px 0px 0px 0px; }
 .infoelement { overflow: visible; padding: 5px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: none; width: 100%; text-align: left; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 5px; float: none; width: 90%; margin-left: 0px; }
}
@media all and (min-width: 750px) {
.mwidth {width:75%;}
.bpadding {padding:10px;}

dl    { margin:5px 0; overflow: auto; font-size:1em; }
dl dt { font-size:1em; clear: both; font-weight:bold; width:38%; margin-right:5px; text-align:right; float:left; padding:2px 0; }
dl dd { text-align:left; clear: none; float:left; width:58%; padding:2px 0; margin:0; }
 .lowp {display:table-cell;}
 .page-content {width:100%}
 .nav-button { display:block;}
 .two-col {float: left;width:48%;margin-right:5px;margin-bottom:5px}
 .content-secondary {display:block;float: left; width: 20%; text-align: left; background: none; margin: 0px; padding: 0px; }
 .content-primary { background-color: #fff; float: right; width: 75%; text-align: left; margin: 0px 0px; padding: 0px 0px 0px 0px; }	
 .infoelement { overflow: auto; padding: 0px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: left; width: 30%; text-align: right; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 0px; float: left; width: 60%; margin-left: 10px; } 
}

@media all and (min-width: 1200px) {
.mwidth {width:75%;}
.bpadding {padding:15px;}
 .lowp {display:table-cell;}
 .page-content {width:1200px}
 .nav-button { display:block;}
 .two-col {float:left;width:48%;margin-right:5px;margin-bottom:5px}
 .content-secondary {display:block;float: left; width: 20%; text-align: left; margin: 0px; padding: 0px; }
 .content-primary { background-color: #fff; width: 75%; float: right; text-align: left; margin: 0px 0px; padding: 0px 0px 0px 0px; }
 .infoelement { overflow: auto; padding: 0px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: left; width: 30%; text-align: right; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 0px; float: left; width: 60%; margin-left: 10px; }
}


.fixedf{font-family: Courier}
.righta{text-align:right}
.w50{width:100px}
.mw150{max-width:150px}

#tabs{font-size: 14px;}
.ui-widget-header {
    background:#b0e0e6;
    border: 1px solid #b0e0e6;
}

.disabled{
    cursor:not-allowed !important;
    background-color:Gray;
    text-decoration:none !important;
}

.tpe_history{
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
}

.tpe_config{
    padding-left: 40px;
    padding-top:10px !important;
    clear:both!important;
}

#selectionGlobale{
    cursor: pointer;
}

table.dataTable td:last-child {
text-align:center;
}

#as_results>tbody>tr>td:last-child{
    background-color: white !important;
}

.pointer{
    cursor:pointer !important;
}

.products_machine{
    font-size:0.8em;
    margin-top: 5px;
}

.products_machine table{
    width:85%;
    margin:auto;
}

.products_machine caption{
    font-size:1em;
    font-style:italic;
    text-align:left;
    font-weight:bold;
}

.products_machine tr:nth-child(1){
    font-size:0.9em;
    font-style:italic;
    font-weight:bold;
    background-color: #efe;
}

.products_machine tr:nth-child(even){
    background-color:#ccc;
    color:#000;
}

.cardWrap {
  width: 27em;
  color: #fff;
  font-family: sans-serif;
  display : inline-block;
}

.card {
  background: linear-gradient(to bottom, #054285 0%, #054285 26%, #ecedef 26%, #ecedef 100%);
  height: 14em;
  float: left;
  position: relative;
  padding: 1em;
  margin-top: 50px;
}
 

.cardLeft {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 16em;
}

.cardRight {
  width: 6.5em;
  border-left: .18em dashed #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.cardRight:before, .cardRight:after {
  content: "";
  position: absolute;
  display: block;
  width: .9em;
  height: .9em;
  background: #fff;
  border-radius: 50%;
  left: -.5em;
}
.cardRight:before {
  top: -.4em;
}
.cardRight:after {
  bottom: -.4em;
}

h1 {
  font-size: 1.1em;
  margin-top: 0;
}
h1 span {
  font-weight: normal;
}

.title, .name, .seat, .time {
  text-transform: uppercase;
  font-weight: normal;
}
.title h2, .name h2, .seat h2, .time h2 {
  font-size: .7em;
  color: #525252;
  margin: 0;
}
.title span, .name span, .seat span, .time span {
  font-size: .7em;
  color: #a2aeae;
}

.title {
  margin: 2em 0 0 0;
}

.name, .seat {
  margin: .7em 0 0 0;
}

.time {
  margin: .7em 0 0 1em;
}

.seat, .time {
  float: left;
}

.eye {
  position: relative;
  width: 2em;
  height: 1.5em;
  background: #fff;
  margin: 0 auto;
  border-radius: 1em/0.6em;
  z-index: 1;
}
.eye:before, .eye:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}
.eye:before {
  width: 1em;
  height: 1em;
  background: #054285;
  z-index: 2;
  left: 8px;
  top: 4px;
}
.eye:after {
  width: .5em;
  height: .5em;
  background: #fff;
  z-index: 3;
  left: 12px;
  top: 8px;
}

.number {
  text-align: center;
  text-transform: uppercase;
}
.number h3 {
  color: #054285;
  margin: .9em 0 0 0;
  font-size: 2.5em;
}
.number span {
  display: block;
  color: #a2aeae;
}

.barcode {
  height: 2em;
  width: 0;
  margin: 1.2em 0 0 .8em;
  box-shadow: 1px 0 0 1px #343434, 5px 0 0 1px #343434, 10px 0 0 1px #343434, 11px 0 0 1px #343434, 15px 0 0 1px #343434, 18px 0 0 1px #343434, 22px 0 0 1px #343434, 23px 0 0 1px #343434, 26px 0 0 1px #343434, 30px 0 0 1px #343434, 35px 0 0 1px #343434, 37px 0 0 1px #343434, 41px 0 0 1px #343434, 44px 0 0 1px #343434, 47px 0 0 1px #343434, 51px 0 0 1px #343434, 56px 0 0 1px #343434, 59px 0 0 1px #343434, 64px 0 0 1px #343434, 68px 0 0 1px #343434, 72px 0 0 1px #343434, 74px 0 0 1px #343434, 77px 0 0 1px #343434, 81px 0 0 1px #343434;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


.buttons {
  $w: 500px;
  $h: 260px;
  width: $w;
  height: $h;
  margin-top: -($h/2);
  margin-left: -($w/2);
}

.btn {
  display: inline-block;
  min-width: 110px;
  margin: 15px 5px;
  padding: 10px 15px 12px;
  font: 700 12px/1 'Open Sans', sans-serif;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
  cursor: pointer;
  text-align : center;
}

.btn.pri:hover { background: #f5f5f5; color : #054285;}

.btn.pri {
  color: #fff;
  background: #054285;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.btn.pri.selected {
  color : #054285;
  background: #f5f5f5;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.btn.sec.ico,
.btn.pri.ico {
  position: relative;
  padding-left: 40px;
  text-align: left;
}

.password-container{
  position: relative;
  z-index:0;
}
.password-container input[type="password"],
.password-container input[type="text"]{
  width: 100%;
  padding: 12px 36px 12px 12px;
  box-sizing: border-box;
}
.fa-eye{
  position: absolute;
  top: 50%;
  right: 11%;
  cursor: pointer;
  color: lightgray;
}