* {
	
	
	-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
	
}

body { margin:0px; background-color:black; }
.frame { width:100%; height:100vh; display:flex; justify-content:center;flex-direction:column; }

.window { margin-top:0px;width:calc(100% - 20px);max-width:350px;height:450px;position:absolute;-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.75);box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.75); }

.pop-tab { 

position:absolute;
display:flex;width:100%;
font-family: Rajdhani;
    font-size: 25px;
    text-shadow: 0px 0px 20px rgba(255,255,255,0.6);color: rgba(166, 234, 252, 1);
top:-48px;
}

.pop-tab-frame { position:relative;width:100px;height:50px;cursor:hand;cursor:pointer; }
.pop-tab-frame .pop-tab-text:hover { filter: drop-shadow(8px 8px 10px gray); }
.pop-tab-border { 
border-top:2px solid rgba(24, 108, 137,0.7);border-right:2px solid rgba(24, 108, 137,0.7);border-bottom:2px solid rgba(24, 108, 137,1);
box-sizing: border-box;position:absolute;top:10px;left:0px;width:100%;height:40px; }
.ptba { border-top:2px solid #186c89;border-left:2px solid #186c89;border-right:2px solid #186c89;border-bottom:none;top:0px;height:50px;}
.pop-tab-bg { background-color:rgba(57,72,105,0.3);position:absolute;top:12px;left:0px;width:100%;height:36px; }
.ptbga { top:6px;left:6px;width:calc(100% - 12px);height:48px; }
.pop-tab-text { position:absolute;top:12px;left:0px;width:100%;height:36px;display: flex;align-items: center;justify-content:center;color: rgba(166, 234, 252, 0.2); }
.ptta { color: rgba(166, 234, 252, 1); }
.pop-tab-left { border-right:none; }
.pop-tab-left-first { border-left:2px solid rgba(24, 108, 137,0.7); }


.light {
	
box-shadow: 3px 3px 49px -13px rgba(166, 234, 252,0.5);
-webkit-box-shadow: 3px 3px 49px -13px rgba(166, 234, 252,0.5);
-moz-box-shadow: 3px 3px 49px -13px rgba(166, 234, 252,0.5);
}

.button { cursor:hand;cursor:pointer; }

.button:hover { 

-webkit-filter: saturate(80%); /* Safari 6.0 - 9.0 */
  filter: saturate(80%);

 }

::placeholder { color: rgba(166, 234, 252,0.2); }

.inp-error {
	
border:1px solid #FF4545!important;
background-color:rgba(255,65,65,0.1)!important;
	
	
}

.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.tab-frame { display:flex; }
.tab { cursor:hand;cursor:pointer;display:flex;align-items:center;
margin-left:5px;
background: linear-gradient(-90deg, rgba(57, 72, 105,0.1) 0%, rgba(57, 72, 105,0.3) 50%, rgba(57, 72, 105, 0.1) 100%);
padding-left:20px;padding-right:20px;color: rgba(166, 234, 252,0.2);
    font-family: Rajdhani;
    font-size: 30px;
    text-shadow: 0px 0px 20px rgba(255,255,255,0.6); }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #1a6e8f;
    background-color: rgba(22,33,48,0.7);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: rgba(22,33,48,0.9);
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #1a6e8f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=text],input[type=password],input[type=number] {

width:100%;
border:1px solid #1a6e8f;
background-color:rgba(22,33,48,0.7);
padding-left: 10px;
    box-sizing: border-box;
    font-family: Roboto;
    font-weight: 500;
    color: #a6eafc;
	    height: 40px;
    font-size: 15px;
	
}



input[type=submit] {

width:100%;

padding-left: 10px;
    box-sizing: border-box;
   
    font-family: Rajdhani;
    font-size: 20px;
   text-shadow: 0px 0px 20px rgba(255,255,255,0.6); 
   
    font-weight: 500;
    color: white;
	    height: 40px;
   
border:1px solid #1a6e8f;
background-color:#1a6e8f;	
}

.text {
   font-family:arial;
   font-size:11;
   color:white;
	}

.text_normal {
   font-family:arial;
   font-size:12;
   color:white;
	}

A:link {text-decoration: none;color: #a6eafc;font-weight:600;}
A:visited {text-decoration: none;color: #a6eafc;}
A:active {text-decoration: none;color: #a6eafc;}
A:hover {text-decoration: underline; color: #a6eafc;}


.btn {
    cursor: hand;
    cursor: pointer;
    position: relative;
    display: flex;
    height: 45px;
    width: 200px;
    min-width: 140px;
	font-size:25px;color:white;
    font-family: Rajdhani;
    text-shadow: 0px 0px 20px rgba(255,255,255,0.6);
    background-color: #1a6e8f;
	
	 
    justify-content: center;
    align-items: center;
	
}

.btn img {
	height:30px;
    filter: drop-shadow(0px 4px 0px rgba(0,0,0,0.3));
}

.btn-green { background-color: #3eb038; }

.btn:hover { 
-webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,0.2));
  filter: drop-shadow(0px 0px 10px  rgba(255,255,255,0.2));
 }