@import url(all.css);
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,700,900");*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

html, body, div, span,iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, dfn, em, img, strong, sub, b, u, i, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, footer, header, menu, nav, output, section, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	*:focus {
		outline: none;
	}
	
	/* Elements */
	
	body{
	  background-color:fff;
	  font-family: 'Open Sans', sans-serif;
	  font-size:16pt;
	}
	
	ul li{
	  text-decoration:none;
	  display: inline;
	}
	
	h1{
	  font-size:3em;
	  font-weight:900;
	  color:#585858;
	  margin: 0 0 0.5em 0;
	}
	
	.thin{
	  font-weight:100;
	}
	.strong{
		font-weight:900;
	}
	
	h2{
	  font-size:2em;
	  font-weight:700;
	  color:#999;
	}
	
	.term{
		font-size:0.5em;
	}
	
	a:link {
	  text-decoration: none;
	  /*color: #555;*/
      
    }
    
    a:{
	  color:red;
	}
    
	a:hover{
	  color:#e57373;
	  /*color:#ed4e45;*/
	  transition:0.1s;
	  cursor:pointer;
	}
	
	.inv:hover {
		background-color:#c9c9c9;
		color: white;
		transition:0.2s;
		font-weight:900;
		/*border: solid 1px rgba(229, 115, 115, 1);*/
	}
	
	li a{
	  color: #555;
	}
	
	p{
    margin: 0 0 2em 0;
	}
	
	#overlay {
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.9);
		z-index: 2;
		cursor: pointer;
		}
	.el{
		position:relative;
		margin:auto;
		vertical-align: middle;
		color:#fff;
		text-align: center;
		top:30%;
		margin:0 3em;
		  
		}
	
	.delete:hover{
		color:#ed4e45;
		transition:0.1s;
		cursor:pointer;
		font-weight:900;
	}
	
	.alert{
	  font-weight:100;
	  color:#e57373;
	}
	
	.delete{
	  color:#e57373;
	}
	
	.mydata:hover{
		font-weight:900;
	}
	
	.mydata{
		color:#0095e2;
	}
	
	.cleantext{
		text-transform: none;
	}
	
	.pad{
	  padding:10px ;	
	}
	
	.m5{
	 margin: 5px 0 5px 0;
	}
	
	.icon{
	  font-size:10em;
	  color: #999;
	  margin: 0 0 0.2em 0;
	}
	
	.checkbox{
	  -webkit-appearance: checkbox;
	  cursor: pointer;
	  padding:0;
	  margin:0;
	  width:2em;
	}
	
	.left{
	  float:left;
	}
	
	.right{
	  float:right;
	}
	
	.over{
	   overflow: hidden;
	}
	
	.half{
	  width: calc(50% - 0.4em);
	  margin-left: 0.2em;
	  margin-right: 0.2em;
	}
	
	.four{
	  width: calc(25% - 0.4em);
	  margin-left: 0.2em;
	  margin-right: 0.2em;
	}
	
	/* APP UI */
	
	.usertab{
		background-color:#616161;
	  /*background-color:#585858;*/
	  color:#fff;
		
	}
	
	.counter{
	  padding-left:0.75em;
	}
	
	
	#count{
		padding-left:10px;
	}
	
	#count_message{
		color:beige;
		padding-left:10px;
	}
	
	#mes a:link {
	  text-decoration: none;
	  color:#ed4e45;
      
    }
    
    #mes p{
      margin:0;  
    }
	
	#panel{
		display:none;
	}
	
	#history{
		font-size:16px;
	}
	
	.main_menu{
	  transition: 0.1s;
	  cursor: pointer;
	}
	
	.main_menu:hover{
		background-color:#e57373;
	 /* background-color:#ed4e45;*/
	  color:#fff;
	  cursor: pointer;
	}
	
	.page_menu{
	  text-align:left;
	  font-weight:100;
	}
	
	.page_menu a{
	  color: #999;
	  padding: 0 0.5em;
	  border-right: solid 1px rgba(144, 144, 144, 0.3);
	}
	
	.page_menu .linkicon{
		border-right:none;
	}
	
	.page{
		font-weight:800;
		padding: 0 0.5em;
		border-right: solid 1px rgba(144, 144, 144, 0.3);
		background-color:#e57373;
		color:#fff;
	}
	
	
	.pagelink:hover{
	  background-color:#e57373;
	  color:#fff;
	  cursor: pointer;
	}
	 
	.searchme{
		height:2.7em;
		margin-bottom:0;
	}
	
	.tar{
		text-align:right;
	}
	
	.invnum{

	}
	
	
	/* UI */
	
	#demo-human{
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}
	
	
	
	input{
	  height: 3em;
	  box-shadow: none;
	  color:000;
	  -webkit-appearance: none;
	  background-color: transparent;
	  border: none;
	  border-radius: 5px;
	  border: solid 1px #c9c9c9;
	  color: inherit;
	  display: block;
	  outline: 0;
	  text-decoration: none;
	  width: 100%;
	  font-size:inherit;
	  box-sizing: border-box;
	  text-align:center;
	  /*margin-bottom:0.5em;*/
	  /*margin-bottom:0.5em;*/
	}
	
	label{
	  min-height: 3em;
	  line-height:3em;
	  display: block;
	  font-size:inherit;
	}
	
	.la_label{
	  height: 3em;
	 /* line-height:3em; */
	  display: block;
	  font-size:inherit;
	}
	
	.button{
	  cursor: pointer;
      display: inline-block;
      font-size:inherit;
      font-weight: 700;
      height: 3em;
      /*letter-spacing: 0.35em;*/
      line-height: 3em;
	  min-width:12em;
	  text-transform: uppercase;
	  margin-bottom:0.5em;
	 /* margin-bottom:0.5em;*/
	}
	
	
	.small{
	  height: 2em;
	  line-height: 2em;
	  min-width:12em;
	}
	
	.dark{
	  border-radius: 5px;
	  color:#fff;
	  background-color:#616161;
	}
	
	.dark:link {
	  color:#fff;
	}
	
	.red{
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  border-radius: 5px;
	  border: solid 1px #ed4e45;
	  color:#ed4e45;
	}
	
	.red:link {
	  color:#ed4e45;
	}
	
	.nega{
	  border-radius: 5px;
	  color:#585858;
	  background-color:#fff;
	}
	
	.thru{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius: 5px;
		border: solid 1px #585858;
		color:#585858;
	}
	
	.wrapper{
	  margin:0;
	  padding:0;
	}
	
	select{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: transparent;
		border-radius: 5px;
		border: solid 1px #c9c9c9;
		padding:0 10px;
		cursor: pointer;
		display: inline-block;
		height: 3em;
		line-height: 3em;
		min-width:12em;
		font-size: inherit;
		box-sizing: border-box;
		text-transform: uppercase;
		outline: 0;
		text-decoration: none;
		width:100%;
		text-align: -webkit-center;
		text-align-last: center;
		
	}
	
	
	
	.button:hover{
	  background-color:#e57373;
	  color:#fff;
	  cursor: pointer;
	}
	
	.main{

	}
	
	.inner{
	  max-width:90%;
	  margin:0 auto;
	  text-align:center;
	  overflow:hidden;
	  }
	
	.box{
	  padding:2em 0;
	  border: solid 1px #c9c9c9;
	  border-radius:5px;
	}
	
	.breath{
	 padding:2em 0;
	}
	
	.dot{
		border: none;
		border-top: 1px dotted #ed4e45;
		color: #fff;
		background-color: #fff;
		height: 1px;
	}
	
	.frame{
	  border: solid 1px #c9c9c9;
	  border-radius:5px;
	  box-sizing: border-box;
	  padding:0 0.2em;
	}
	
	.bframe{
	  border: solid 1px #c9c9c9;
	  border-radius:5px;
	  box-sizing: border-box;
	}
	
	.space{
	  margin:2em 0;
	}
	
	.quarter{
	  width:100%;
	  float:left;
	}
	
	.inner_space{
	  padding:2em 0;
	  
	}
	
	.center{
	  width:100%;
	  margin:0 auto;
	  text-align:center;
	}
	
	.align-left{
	 text-align:left;
	}
	
	.align-right{
	 text-align:right;
	}
	
	.form_space{
	  padding:1em 0 4em 0;
	  }
	
	.row{
	  padding:0 0 0.1em 0.1em;
	  float:left;
	  width:9%;
	  text-align:center;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	}
	
	.client{
	width:25%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	}
	
	.vat{
	  text-align:left;
	}
	
	.clcl{
	  width:70%;
	}
	
	.flat{
	  width:100%;
	}
	
	.login_form{
	  max-width: 30em;
	}
	
	.tabs{
	  overflow:hidden;
	}
	
	.desc{
	  width:50%;
	  text-align:center;
	}
	
	.item{
		width:5%;
		text-align:center;
	}
	
	.price{
		width:10%;
		text-align:center;
	}
	
	.fbutton{
		min-width:auto;
		text-align:center;
	}
	
	.features{
	  padding:5em 0;
	}
	
	.error{
	  font-size:8em;
	  color: #000;
	  margin: 0 0 0.1em 0;
	}
	
	
	/* Header */
	
	.top_header{
	  background: #fff;
	  border-bottom: solid 1px rgba(144, 144, 144, 0.3);
	  color: #555;
	  height: 3.25em;
	  left: 0;
	  line-height: 3.25em;
	  /*position: relative;*/
	  text-align: right;
	  text-transform: uppercase;
	  top: 0;
	  width: 100%;
	  z-index: 10001;  
	
	}
	
	.buzz_a {
      border: none;
      float: left;
      margin: 0;
      height: inherit;
    }
    
    .buzz{
    /*  padding: 10px 0;
      max-height: -webkit-fill-available;*/
	  max-height: 3em;
    }
	
	.top_header a{
	  display: inline-block;
	  color: #555;
	}
	
	.login{
	  border-right: solid 1px rgba(144, 144, 144, 0.3);
	  padding: 0 1.25em;
	}
	
	.signup{
	  padding: 0 1.25em;
	}

	.logo{
	  height: inherit;
	  line-height: inherit;
	  position: absolute;
	  left: 0.75em;
	}
	
	
	.user_logo{
	  max-height: 63px;
	  max-width: -webkit-fill-available;
	}
	
	.app_menu{
		position:absolute;
		right:0;
	}
	
	.menu{
		position:absolute;
		right:0;
	}
	
	
	/* NAV */

    ul.nav-menu{
		position:absolute;
		top:50px;
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
		display: none;
	}
	ul.nav-menu.active{
		height:auto;
	}
	ul.nav-menu li{
		width:100%;
	}
	ul.nav-menu li a{
		width:100%;
		padding:0;
		text-align:center;
		background-color:#2c2c2c;
	}
	ul.nav-menu li a:hover{
		background-color:#1c1c1c;
	}

	.nav-overlay.active{
		visibility:hidden;
		opacity:0;
	}
	
	
	
	nav.navigation{
		position:relative;
		/*height:50px;*/
		z-index:2;
	}
	
	.nav-logo{
		float:left;
		height:50px;
		line-height:50px;
		padding:0 20px;
		background-color:#11999e;
		color:#ffffff;
		font-weight:700;
		text-transform:uppercase;
	}
	
	ul.nav-menu, ul.nav-menu li, ul.nav-menu li a{
		float:left;
	}
	
	ul.nav-menu li a{
		height:50px;
		line-height:50px;
		padding:0px;
		color:#ffffff;
		text-decoration:none;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	
	ul.nav-menu li a:hover{
		/*color:#ed4e45;*/
		color:#e57373;
	}
	
	.nav-toggle{
		position:absolute;
		top:7px;
		right:0.75em;
		width:40px;
		height:40px;
		/*background-color: rgba(0, 0, 0, 0.3);*/
		cursor:pointer;
		display:none;
	}
	
	span.icon-bar{
		position:absolute;
		right:7px;
		display:block;
		width:26px;
		height:2px;
		background-color:#585858;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	
	.icon-bar:nth-child(1){
		top:12px;
	}
	
	.icon-bar:nth-child(2){
		top:20px;
	}
	
	.icon-bar:nth-child(3){
		top:28px;
	}
	
	.nav-overlay{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(0,0,0,0.5);
		z-index:1;
		opacity:0;
		visibility:hidden;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	
	.nav-overlay.active{
		opacity:1;
		visibility:visible;
	}
	
	/* ICON BARS ANIMATION */
	
	.nav-toggle.active .icon-bar:nth-child(1){
		top:20px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.nav-toggle.active .icon-bar:nth-child(2){
		width:0;
	}
	
	.nav-toggle.active .icon-bar:nth-child(3){
		top:20px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	
	/* input Checkbox */
	
	/*.checkbo{
	  height: 1.8em;
	  width: 25%;
	  margin-left: auto;
	  margin-right: auto;
	}*/
	
	input[type="submit"], input[type="reset"], input[type="button"], button, .button{
	  transition:0.1s;
	  cursor:pointer;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		/*margin-right: -2em;*/
		opacity: 0;
		/*width: 1em;*/
		height: 1.8em;
		z-index: -1;
		margin:0;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #585858;
			cursor: pointer;
			/*display: inline-block;*/
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			/*padding-right: 0.75em;*/
			/*position: absolute;*/
			position: relative;
			line-height:1.5em;
			height: 1.8em;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px #c9c9c9;
				content: '';
				display: inline-block;
				height: 1.6em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0em;
				width: 1.6em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #585858;
			border-color: #585858;
			color: #ffffff;
			content: '\f00c';
		}


		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #ed4e45;
			box-shadow: 0 0 0 1px #ed4e45;
		}


	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}
	
	
	.humanoid{
		display:unset;
	}

	
	/* Table */
	
	table thead tr th{
	  padding:0.5em;
	}	
	
	
	
	/* plate */
	
	#plate {
	  /*background-attachment: scroll, fixed; */
	    background-color: #fff;
		background-position: top left,center center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
		text-align: center;
		height: calc(100vh - 3.25em);
		min-height: 30em;
		}
		
		#plate .inner{
		  padding-top: 15vh;
		}
		
		#plate_ui {
	  /*background-attachment: scroll, fixed; */
	/*    background-color: transparent;  */
	/*	background-position: top left,center center;  */
	/*	background-repeat: repeat,no-repeat;  */
	/*	background-size: auto,cover;  */
	/*	height: calc(100vh - 3.25em);  */
	/*	min-height: 30em;  */
		}
	
	
	/* Banner */

	
	.logo_banner{
	  max-width: 15em;
	}

	#banner {
	  /*background-attachment: scroll, fixed; */
	    background-color: #daebfe;
	   /* background-color: #666;
		background-image: url("images/overlay.png"), url("../../images/banner.jpg");*/
		background-image: url("images/overlay.png"), url("../../images/banner1.png");
		background-position: top left,center center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
		color: #fff;
		text-align: center;
		height: calc(100vh - 3.25em);
		min-height: 30em;
	}

		#banner :last-child {
		/*	margin-bottom: 0; */
		}

		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#banner h2 {
			font-size: 3.5em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
		}
		
		#banner li{
		  padding:0.5em;
			
		}
		
		#banner .inner{
		  padding-top: 35vh;
		}
		
		#banner_error {
	  /*background-attachment: scroll, fixed; */
	    background-color: #fff;
		background-position: top left,center center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
		color: #fff;
		text-align: center;
		height: calc(100vh - 3.25em);
		min-height: 30em;
		}
		
		#banner_error .inner{
		  padding-top: 20vh;
		}
		
		#banner_error .error{
		  color:#666;
		}
		
		#banner_error h1{
		  color:#666;
		}
		
		
	/* Footer */
	
	footer{
	  padding:6em 0;
	  background-color: #f6f6f6;
	  color: #555;
	  text-transform: uppercase;
	}
	
	footer a{
	  color: #555;
	}
	
	footer li{
	 display:inline;
	}
	
	footer > .inner .copy li {
    display: inline-block;
    border-left: solid 1px rgba(88, 88, 88, 0.15);
    line-height: 1;
    padding: 0 0 0 1em;
    margin: 0 0 0 1em;
    }
    
    footer > .inner .copy li:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    }
	
	.copy{
	  text-align:center;
	}
	
	.copyright{
	  font-size:10pt;
	}
	
	/* Break */
	
	@media screen and (max-width: 1280px) {
		
		 body{
	    font-size:12pt;
	  }
		
		
		
		
	}
	

	
	@media screen and (max-width: 768px) {
		
	   body{
	    font-size:12pt;
	  }
	  
	  h1{
		font-size:2em;
		font-weight:700;
	  }
	  
	  
	  h2{
	  font-size:1.5em;
	  font-weight:300;
	  }
	  
	  .buzz{
		  max-height: 2.5em;
		  vertical-align: middle;
		}
	  
	  
	  .half{
	    width:100%;
	    margin-left: 0;
	    margin-right: 0;
	  }
	  
	  .inner{
	    max-width:90%;
	  }
	  
	  #plate{
	    min-height: 690px;
	  }
	  
	  #plate .inner{
		  padding-top: 5vh;
		}
	  
	  #banner .inner{
		  padding-top: 25vh;
		}
		
	  #banner_error .inner{
		  padding-top: 15vh;
		}
	  
	  .icon,.error{
	    font-size:4em;
	  }
	  
	  #banner li {
	   padding:0;
	   }
	  
	  #mes{
		float:none;
		width:100%;
		  
	  }
	  
	  #history{
		font-size:8px;
		}
	  
	 .space {
	   margin: 1em 0;
	   }
	   
	  .inner_space {
	   padding: 1em 0;
	  }
	  
	  .features{
	  padding:2em 0;
	  }
	  
	  .form_space{
	    padding:1em 0 2em 0;
	  }
	  
	  .sub_desc{
		display:none;  
	  }
	  
	  .ui_main{
		overflow:hidden;
		  
	  }
	 /* .frame{
		float:left;
		width:50%;
		padding:1em;
		  
	  }*/
	  .m5 {
	  }
	  
	  
	  .app_dev{
		overflow:hidden;
		  
	  }
	  
	  .row{
	  padding:0;
	  width:100%;
	  float:left;
	  text-align:left;
	  }
	  
	  .button{
	    width:100%;
		min-width: 100%;
	  }
	  
	  .page_menu{
	  text-align:center;
	}
	
	.searchme{
		margin-top:0.5em;
	}
	
	.menu{
		display:none;
	}
	
	.nav-toggle{;
		display:block;
	}
	
	.tac{
		text-align:center;
	}
	
	}