@font-face {
  font-family: pageFont;
  src: url('../conf/Iceland.ttf');
}

.download_support_tool {
position: absolute;
background: #42bff5;
padding: 10px;
font-family: pageFont;
color: white;
font-size:small;
border-radius: 25px;


}

.download_support_tool a {
transition: all ease 1.0s;
color: white;
text-decoration: none;
}
.download_support_tool a:hover {

color: #42bff5;
text-decoration: none;
background: white;
border-radius: 25px;
padding: 5px;
}


.login_center {
position: absolute;
left: 50%;
top: 35%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:450px;
border: 5px solid #808080;
text-align: center;
#color: #808080;
color: white;

font-family: pageFont;
font-size: x-large;
font-weight: bold;
line-height: 1.5;
z-index: 1;
background-color: #42bff5;
border-radius: 25px;

}

a{
color: white;
text-decoration: none;
font-weight:normal;
transition: all ease 1.0s;
}

a:hover{
background-color:white;
color: #42bff5; !important;
border-radius: 25px;
padding: 5px;
}

.close_login {
position: static;
display:inline-block;
float: right;
width:100%;
 text-align: right;
z-index:5;
font-size:small;
font-weight:normal;
font-family: pageFont;
#padding: 10px;
padding:10px 10px 0px 0px;
}





.login {
#border: 5px solid #808080;
padding: 30px 20px 0px 20px;
background: #42bff5;
height:auto;
#width:450px;
font-family: pageFont;
color: white;
font-size:normal;
z-index: 2;
border-radius: 25px;
}

.login_botton_center {
padding: 15px 0px 0px 0px;
width:100%;
text-align: center;
}

.login_message {
display: inline-block;
padding: 0px 0px 10px 0px;
font-weight: bold;
font-size: small;
width:100%;
#border: 5px solid #808080;
text-align: left;
}

.login_message a {
text-decoration: underline;
color: white;
}

.login_message a:hover {
background-color:white;
border-color: #808080;
color: #42bff5; 
text-decoration: none;
}



.login table {
width: 100%;
text-align:center;
color: white;
font-weight: bold;
font-size: normal;
text-decoration: none;
border-collapse: separate;
border-spacing: 0;
border: 2px solid white;
border-radius: 25px;
-moz-border-radius: 5px;
padding: 5px;
}

.login td {
color: white;
font-weight: bold;
font-size: 20px;
}

.login input[type=text],input[type=password], input[type=email]{
background-color: #42bff5;
border: 0;
outline: 0;
border-bottom: 2px solid;

color: white;
padding: 1px;
cursor: pointer;
font-family: pageFont;
font-weight: bold;
font-size: large;
text-decoration: none;
horizontal-align: middle;

}

.login input[type=submit]{
background-color: #42bff5;
border: solid;
border-radius: 25px;
color: white;
padding: 5px;
cursor: pointer;
font-family: pageFont;
font-weight: bold;
font-size: normal;
text-decoration: none;

}

.login input[type=submit]:hover{
	transition: all ease 1.0s;
background-color:white;
border-color: #808080;
color: #42bff5;
}


#remember_checkbox[type="checkbox"] {

position: relative;
left: 0px;
top: 0px;
z-index: 0;
-webkit-appearance: none;
}


#remember_checkbox[type="checkbox"] + label {
  display: block;
  cursor: pointer;
font-family: pageFont;
  font-size: small;
  line-height: 1.3;
position: relative;
margin-top: -30px;
}



#remember_checkbox[type="checkbox"] + label:before {
  width: 60px;
  height: 15px;
  border-radius: 15px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";

  transition: background-color 0.5s linear;
z-index: 5;
position: absolute;
left: 0px;
}


#remember_checkbox[type="checkbox"] + label:after {
  width: 30px;
  height: 15px;
  border-radius: 30px;
  background-color: #42bff5;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
position: absolute;
  left: 2px;
  top: 2px;
z-index: 10;
}


#remember_checkbox[type="checkbox"]:checked + label:before {
  background-color: #42bff5;
}



#remember_checkbox[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
background-color: #fff;


}


.mail_valid_center {
position: absolute;
left: 50%;
top: 35%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:auto;
border: 5px solid #808080;
text-align: center;
#color: #808080;
color: white;

font-family: pageFont;
font-size: x-large;
font-weight: bold;
line-height: 1.5;
z-index: 1;
background-color: #42bff5;
border-radius: 25px;

}

.mail_valid {
#border: 5px solid #808080;
padding: 30px 20px 0px 20px;
background: #42bff5;
height:auto;
#width:450px;
font-family: pageFont;
color: white;
font-size:normal;
z-index: 2;
border-radius: 25px;
}

.mail_valid_message {
display: inline-block;
padding: 0px 0px 10px 0px;
font-weight: bold;
font-size: small;
width:100%;
#border: 5px solid #808080;
text-align: left;
}


.offline_center {
position: absolute;
left: 50%;
top: 35%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:auto;
border: 5px solid #808080;
text-align: center;
#color: #808080;
color: white;

font-family: pageFont;
font-size: x-large;
font-weight: bold;
line-height: 1.5;
z-index: 1;
background-color: #42bff5;
border-radius: 25px;

}

.offline_content {
#border: 5px solid #808080;
padding: 30px 20px 0px 20px;
background: #42bff5;
height:auto;
width:450px;
font-family: pageFont;
color: white;
font-size:normal;
z-index: 2;
border-radius: 25px;
}

.offline_content_message {
display: inline-block;
padding: 0px 0px 10px 0px;
font-weight: bold;
font-size: small;
width:100%;
#border: 5px solid #808080;
text-align: left;
}

.tooltip .tooltiptext {
  visibility: hidden;
  display: inline-block;
  background-color: #42bff5;
  color: #ffbd17;
  text-align: left;
  border-radius: 6px;
  border: 2px solid white;
  padding: 5px;
font-weight: normal;
font-size: small;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}