/*
Copyright (C) 2013 peter

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : 11-dic-2013, 18:06:39
    Author     : peter
*/

/* Show error messages in red */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url('https://fonts.googleapis.com/css?family=DM+Sans:500,700&display=swap');
body {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
}
.login {
  width: 400px;
  margin: 16px auto;
  font-size: 16px;
}
.login-header,
.login p {
  margin-top: 0;
  margin-bottom: 0;
}

.login-header {
  background: red;
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.login-container {
 
  padding: 12px;
  border-radius: 25px;
  border: 2px solid red;
  width: 350px;
  height: 300px; 
}

.login p {
  padding: 12px;
}

.login input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  padding: 16px;
  outline: 0;
  font-family: inherit;
  font-size: 0.95em;
}

.login input[type="email"],
.login input[type="password"] {
  background: white;
  border-color: red;
  border-radius: 10px;
  color: #555;
}

/* Text fields' focus effect */
.login input[type="email"]:focus,
.login input[type="password"]:focus {
  border-color: red;
  border-radius: 15px;
  padding: 12px;
  
}

.login input[type="submit"] {
  background: red;
  border-color: transparent;
  color: white;
  cursor: pointer;
  border-radius: 10px;
  padding: 12px;
}

.login input[type="submit"]:hover {
  background: white;
  border-color: red;
  color: red;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
  border-color: red;
}

.split {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 20px;
}
.vl {
  border-left: 5px solid red;
  position: absolute;
  left: 100%;
  margin-left: -3px;
}

/* Control the left side */
.left {
  left: 0;
  background-color: white;
}
/* Control the right side */
.right {
  right: 0;
  background-color: white;
}

/* If you want the content centered horizontally and vertically */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
 
}

/* Style the image inside the centered container, if needed */
.centered img {
  width: 300px;
  border-radius: 0%;
}
.error {
 color: red;
}


p.Welcome{
font-weight:bold;
text-align:right;
display: block;
border-height:auto;
width: auto;
border-width: 0.5px;
border-radius:15px;
border-style: solid;
padding: 16px;
outline: 0;
font-family: inherit;
font-size: 0.95em;
color:red;

position:relative;
top:0;
margin-top:0;
}