/* body {
	background:#eeeeee;
	
}
.wrap {
	width:100%;
}

.login_area {
	width:420px;
	min-height:271px;
	background:#016e8d;
	margin:0 auto;
	margin-top:5%;
	border-radius:10px 10px;
	padding:20px;
    box-shadow: 5px 5px 2px #555;
}

.login_area h1 {
	font-size:30px;
	color:#ffffff;
	text-align: center;
	margin-bottom:30px;
}

.login_area .submit_area {
	text-align: center;
}

.login_area .large-12 {
	margin-bottom:10px;
}

.login_area input {
	    box-shadow: 2px 2px 5px #333;	
	    border-radius:2px 2px;
}
.login_area .submit_area button {
	border-radius:5px;
	    box-shadow: 0px 3px 5px #333;
	    font-weight: bold;
}

.login_area #login_error {
	color: #fff000;
    margin-bottom: 20px;
    margin-top: -20px;
    text-align: center;
    font-size: 19px;
} */

/* <link href="https://fonts.googleapis.com/css?family=Patua+One&display=swap" rel="stylesheet"> */

@font-face {
	font-family: 'PatuaOne-Regular';
	src: url('/res/css/fonts/PatuaOne-Regular.ttf') format('truetype');
  }

body {
	background:#f9f9f9;
	
}
.wrap {
	width:100%;
}

.login_area {
    width: 420px;
    min-height: 290px;
    background: #016e8d;
    background: linear-gradient( #03A9F4, #016e8d);
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.1) inset;  position: absolute;
  	left: 50%;
  	top: 43%;
  	transform: translate(-50%, -50%);
}

.login_area h1 {
	font-family: 'PatuaOne-Regular';
    text-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
	font-size:32px;
	color:#FFF;
	text-align: center;
	margin-bottom:40px;
/* 	text-transform: lowercase; */
	letter-spacing: 4px;
}

.login_area .submit_area {
	text-align: center;
}

.login_area .large-12 {
	margin-bottom:10px;
}

.login_area input {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
}
.login_area .submit_area button {
	font-family: 'Serif';
	font-weight: bold;
	font-size:19px;
	padding:10px;
	letter-spacing: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	width: 100%;
	color:rgb(3, 1, 0);
	background:#42c100;
	text-transform: lowercase;
	border-radius: 5px;
}

.login_area #login_error {
	color: #fff000;
    margin-bottom: 20px;
    margin-top: -20px;
    text-align: center;
    font-size: 19px;
}

div#confirmation.reveal.small h2 {
	text-align: center;
}

div#confirmation.reveal.small p.lead {
	text-align: center;
}


button.button.success.yes.modal_confirm {
	width: 26%;
}

button.button.alert.float-right.modal_confirm {
	width: 26%;
}

div.reveal-overlay input#info_istoric {
	width: 70%;
    margin: 0 auto;
    border-radius: 10px;
    border: 2px solid cadetblue;
    margin-top: 8px;
    margin-bottom: 18px;
}

div.reveal-overlay div#confirmation.reveal label {
	text-align: center;
	font-size: 18px;
}

button:focus {
	outline:none;
}

.mask-wrapper {
	position: relative;
}

.mask-wrapper input[type="password"] {
	color: black;
	font-size: 1.25rem;

}

#parola + .unmask {
	position: absolute;
	right: 11px;
	margin-top: -34px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent: 32px;
	width: 29px;
	background: url(../imgs/not-show.png) no-repeat;
	cursor: pointer;
	border: none;
	box-shadow: none;
	height: 24px;
	background-position-y: center;
}


.addUnmask {
	position: absolute;
	right: 11px;
	margin-top: -34px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent: 32px;
	width: 29px;
	background: url('../imgs/show.png') no-repeat;
	cursor: pointer;
	border: none;
	outline-width: 0;
	box-shadow: none;
	height: 24px;
	background-position-y: center;
}