body{
  padding:0;
  margin:0;
}

.bg{
  background-color:#fff; 
  background-image: url('/files/images/login_bg.jpg');
  min-height: 100%; 
  width:100%;
  position: absolute;
  background-size:cover;
  z-index:0;
  background-color: rgba(0, 0, 0, 0.5);
}

.header, .tabs, .company, .language, .support{
  min-width: 350px;
  max-width: 450px;
  padding: 0px;
  margin: 0 auto;
  z-index:100;
  opacity: 1;
}

.language{
  text-align: right;
  font-size: 18px;
}

.language a, .support a{
  text-decoration: none;
  color: 00008B;
}

.support{
  padding: 5px;
  font-size: 16px;
  background: rgba(255,255,255,0.5);
  text-shadow_: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);
}

.language a:hover, .support a:hover{
  color: #ff4500;
}

.header{
  font-size: 92px;
  color: white;
  text-shadow: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);
}

.company{
  font-size: 14px;
  padding-bottom: 30px;
}

.tabs{
  background: rgba(255,255,255,0);
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.tabs>section {
	display: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #bbb;
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 5px 10px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}

.tabs>input:checked+label {
	color: #555;
	border-top: 3px solid #ffcc00;
	border-bottom: 1px solid #fff;
	background: #fff;
}

#login:checked~#content-login, #registration:checked~#content-registration, #recover_password:checked~#content-recover_password {
	display: block;
}

 
.div_tr{
  display: flex;
  padding-bottom: 5px;
}	
 
.div_td_left, .div_td_right{
  border_: 1px solid #ddd;
  width: 100%;
  padding: 0px;
  font-size: 14px;
}	
 
.div_td_right input{
  width: 100%;
  padding_: 0px;
} 
 
.div_td_left{
  text-align: right;
  padding-right: 2px;
  padding-top: 2px;
}	 	
 
#delete{
  display: block;
}	
 
.google_play{
  width: 135px;
  height: 44px;
  background-image: url("/files/images/google_play.png");
  background-size: contain;
}
 
@media screen and (max-width: 680px) {
	.tabs{
       top: 0;
       transform: translate(-50%, 0);
    }
	.tabs>label {
		font-size: 12px;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
	
	.div_tr{
	  display: block;
	}	
	.div_td_left{
      text-align: left;
    }
	body{
      padding: 5px;
    }
}

@media screen and (max-width: 400px) {
	.tabs>label {
	  padding: 3px;
	}
	.div_tr{
	  display: block;
	}
}