@import url('https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic-ext');

@keyframes blinker {
  50% {
    opacity: 50%;
  }
}

/*warning*/
.warn{
	animation: blinker 4s linear infinite;
	color:#ff0000;
	font-size:16px;
}

/* general definition */
body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	background-color:rgba(238,238,238,0.4); 
	margin:0; padding:0;
	max-width: 800px;
	margin:auto;
	}
	
input[type="submit"], input[type="button"]{
	font-size:14px;
	border:1px solid #D3D3FE;
	border-radius:5px;
	background: #D3D3FE;
	color:#000;
  
}
input[type="submit"]:hover, input[type="button"]:hover{
background: #999999;
  cursor: pointer;
  text-decoration: none;
  
}
input[type="text"],input[type="password"]{
	border-radius: 2px;
	border:1px solid #999999;
}
input[type="text"]:not(.sys):hover,input[type="text"]:not(.sys):focus,
input[type="password"]:hover,input[type="password"]:focus{
	border-radius: 2px;
	border:1px solid #999999;
	background:#eeeeee;
}

h1,h2,h3{
	margin:0; padding:0;
}

/* logo */
.logo{
	width: 100vw;
	max-width: 250px;
	margin-top: 10px;
}
.logo_my{
	width: 100vw;
	max-width: 150px;
	margin-top: 10px;
}

/*tooltip icon*/
.icTooltip{
	color:blue; cursor:pointer;
	
}

/*google recaptcha*/
.grecaptcha-badge {
	bottom: 90px !important;
	}
/* copyright */
.copyright{
	font-size:0.7em; color:hsl(0, 1%, 21%); position: fixed;
    bottom: 0;
    right: 0;
	text-align: center;
}

/*inner page*/
.container{
	margin-left:10%; margin-right:10%;
    text-align: center;
}

/*index page - register form*/
.frmRegister{
	margin-left:20%; margin-right:20%;
    text-align: center;
}
.frmRegister td:nth-child(odd){
    text-align: right;
	white-space:nowrap;
}
.frmRegister table {width:100%; max-width: 500px;}
.frmRegister input[type="text"],input[type="email"],input[type="tel"]{
	width:100%;
}

/*profile page*/
.tblProfile table {width:100%; max-width: 500px;}
.tblProfile select,textarea,input[type="text"],input[type="email"],input[type="tel"]{
	width:100%;
}
.tblProfile td:nth-child(odd){
    text-align: right;
	white-space:nowrap;
}

/*orders page*/
#ordrRow{
	width:100%; max-width: 1500px;
	border:1px solid #5d5b5b;
	border-radius: 2px;
	margin:auto;
	height:120px;
	margin-bottom:4px;
}
#ordrID{
	float:left;
	font-size:calc(10px + 1.4vw);
	text-shadow: 1px 1px 2px #999999;
	border-right:1px solid #5d5b5b;
	height:120px;
	background-color: #dedcdc;
}
#ordrPreview{
	width:70px; height:70px;
	float:right;
	
}
#ordrDate{
	font-size:calc(10px + 1vw);
}
#ordrTitle{
	float:left;
	font-size:calc(10px + 0.8vw);
	font-weight: bolder;
	text-align: left;
	margin-left: 4px;;
	max-width: 500px;
}
#ordrDescr{
	font-weight:300;
	font-size:calc(10px + 1vw);
}


/*invoices table*/
#invRow{
	width:100%; max-width: 1500px;
	border:1px solid #5d5b5b;
	border-radius: 2px;
	margin:auto;
	height:230px;
	margin-bottom:4px;
}
#invID{
	float:left;
	font-size:calc(10px + 1.4vw);
	border-right:1px solid #5d5b5b;
	height:230px;
	background-color: #dedcdc;
}
#invNumb{
	text-shadow: 1px 1px 2px #999999;
}
#invDescr{
	font-weight:300;
	font-size:calc(10px + 0.4vw);
	float:left;
	text-align: left;
	margin-left:2px;
	
}
#invDescrTbl td:nth-child(odd){
    text-align: right;
	white-space:nowrap;
	font-weight: bold;
}

/*shipments table*/
#shipmentRow{
	width:100%; max-width: 1500px;
	border:1px solid #5d5b5b;
	border-radius: 2px;
	margin:auto;
	margin-bottom:4px;
}

#shipmentID{
	font-size:calc(10px + 1.4vw);
}
#shipmentNumb{
	text-shadow: 1px 1px 2px #999999;
	background-color: #dedcdc;
	border-bottom:1px solid #5d5b5b;
	white-space: nowrap;
}
#shipmentBarCode{
	font-size:160px; font-family: 'Libre Barcode EAN13 Text', cursive;
}
#shipmentDescrTbl{
	width:100%;
}
#shipmentDescrTbl td:nth-child(odd){
    text-align: right;
	white-space:nowrap;
	font-weight: bold;
	width:10%;
}
#shipmentDescrTbl td:nth-child(even){
    text-align: left;
}
#shipmentOrderPreview{
	width:50px;
}

/*buttons*/
.btnWide{
	min-width: 200px; max-width:250px; width:15vw;
	min-height: 200px; max-height:250px; height:15vw;
	cursor: pointer;
}
.btnWide strong{
	font-size:14pt;
}
.btnWide img{
	width:70%;
	position:relative; top:0;
}
.btnBig{
	min-width: 150px; max-width:200px; width:10vw;
	min-height: 150px; max-height:200px; height:10vw;
	cursor: pointer;
}
.btnBig img{
	width:90%;
	position:relative; top:0;
}

.btnMiddle{
	min-width: 100px; max-width:150px; width:6vw;
	cursor: pointer;
	font-size:18px;
}
.btnMiddle img{
	width:30%;
	position:relative; top:0;
}

.btnSmall{
	min-width: 50px; max-width:100px; width:5vw;
	cursor: pointer;
	font-size:14px;
}

@media only screen and (max-width: 800px){
	.container{margin-left:1%; margin-right:1%;}
	.frmRegister table {width:100%;}
    .frmRegister table td{
        display:block; text-align: center !important; 
    }
	.tblProfile table {width:100%;}
    .tblProfile table td{
        display:block; text-align: center !important; 
    }

	#ordrRow{width:100%;}
	#ordrID{
		font-size:calc(10px + 3vw);
	}
	#ordrTitle{
		font-size:calc(10px + 2vw);
		max-width: 200px;
	}
	#invRow{width:100%;}
	#invID{
		font-size:calc(10px + 3vw);
	}
	#invDescr{
		font-size:calc(10px + 0.8vw);
		
	}
	#shipmentID{
		font-size:calc(10px + 3vw);
	}
	
}