* {
margin : 0;
padding : 0;
list-style : none;
font-family: 'Poppins', sans-serif;
transition : all 0.2s linear;
}
::selection {
color : #fff;
background : #4f5f70;
text-shadow : 0 0;
}
::-moz-selection {
color : #fff;
background : #4f5f70;
text-shadow : 0 0;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
body {
font-size : 12px;
font-weight : 300;
background : #4f5f70;
}
b {
font-weight : 500;
}
a {
text-decoration : none;
}
.clear {
clear:both;
}
.outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
color : #aaa;
text-align : center;
}
.loginbox {
margin : 10px auto;
width : 320px;
background : #fff;
box-shadow : 0 0 25px 0 rgba(0, 0, 0, 0.15);
overflow : hidden;
text-align : left;
}
.baslik {
display:block;
width : 100%;
height : 50px;
line-height : 50px;
box-sizing : border-box;
padding : 0px 10px;
background : linear-gradient(#fff, #eee);
font-size : 16px;
border-bottom : 1px solid #ccc;
}
.loginbox .baslik svg{
font-size : 22px;
height : 50px;
color : #697888;
position : absolute;
}
.loginbox span {
height : 50px;
color : #697888;
text-transform : uppercase;
padding-left : 30px;
font-size : 15px;
}
.loginbox form {
padding : 10px;
}
.loginbox .input svg{
font-size : 15px;
height : 38px;
color : #fff;
padding : 0 10px;
margin :  8px 2px;
position : absolute;
}
.loginbox input {
width : 100%;
margin : 7px 0px;
border : 1px solid #bbb;
border-left : 38px solid #bbb;
outline : 0;
height : 40px;
line-height : 40px;
box-sizing : border-box;
padding : 0px 10px 0px 10px;
}
.loginbox input:hover{
border : 1px solid #aaa;
border-left : 38px solid #aaa;
}
.loginbox input:focus{
border : 1px solid #697888;
border-left : 38px solid #697888;
}
.loginbox a#giris {
display: inline-block;
float : right;
border : 0;
outline : 0;
height : 40px;
line-height : 40px;
background : #697888;
color : #fff;
padding : 0px 10px;
box-sizing : border-box;
cursor : pointer;
font-weight : 500;
}
.loginbox a#giris:hover {
background : #4f5f70;
color : #fff;
}
a.sub2 {
display: inline-block;
float : right;
border : 0;
outline : 0;
height : 40px;
line-height : 40px;
background : #aaa;
color : #ddd;
padding : 0px 10px;
box-sizing : border-box;
cursor : wait;
font-weight : 500;
}
#sonuc {
float : left;
margin : 7px 0px;
min-width : 100%;
height : 40px;
line-height : 40px;
}
.sonuc {
float : left;
box-sizing : border-box;
color : #4f5f70;
font-weight : 400;
font-size : 13px;
background : #fff;
}
.sonuc svg{
float : left;
color : #f60;
font-size : 15px;
height : 40px;
margin : 0 7px;
}
.sonuc.ok svg{
color : #090;
}