*, *:before, *:after{
    box-sizing:border-box;
}

html{
    overflow-y:scroll;
}

body{
    background:#0283DE;
    font-family:'Titillium Web', sans-serif;
}

a{
    text-decoration:none;
    /*color: #1ab188;*/
    color:#FFF;
    -webkit-transition:.5s ease;
    transition:.5s ease;
}

a:hover{
    /*color: #179b77;*/
    color:#104E8B;
}

#login input{
    font-size:16px;
    display:block;
    width:60%;
    height:100%;
    padding:10px 16px;
    background:#eeeeee;
    background-image:none;
    border:none;
    color:#000;
    border-radius:0;
    -webkit-transition:border-color .25s ease, box-shadow .25s ease;
    transition:border-color .25s ease, box-shadow .25s ease;
}

#login input:focus{
    outline:0;
}



h1{
    text-align:center;
    color:#FFF;
    font-weight:300;
    padding:0;
}

.wrapper{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:500px;
    margin-top:-230px;
    overflow:hidden;
}

.container{
    max-width:600px;
    margin:0 auto;
    padding:20px 0;
    height:500px;
    text-align:center;
}

.form{
    width:92%;
    background:#F1F1F1;
    padding:14px 26px;
    max-width:600px;
    margin:10% auto 20px auto;
    border-radius:4px;
    /*box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);*/
}

.field-wrap{
    position:relative;
    border-bottom:1px solid #B4B4B4;
}

.field-wrap .icon{
    display:block;
    float:left;
    margin-top:10px;
}

.field-2 input{
    padding:16px 16px;
}

.field-2 .icon-password{
    margin-top:16px !important;
}

.icon-username, .icon-password, .icon-validate{
    width:17px; height:22px;
}

/*.icon-password {
  background: url(../images/loginPhone/pass.png) no-repeat;
}
/*.icon-password {
  background: url(../images/loginPhone/pass.png) no-repeat;
}
.icon-validate {
  background: url(../images/loginPhone/validate.png) no-repeat;
}*/
.icon-logo{
    position:absolute;
    width:48px; height:46px;
    left:50%;
    margin-left:-66px;
}

.title{
    font-size:22px;
    color:#FFF;
    height:50px;
}

.title span{
    
    margin-top:10px;

}

.btn{
    padding:10px;
    max-width:600px;
    margin:20px auto;
}

.button{
    border:0;
    outline:none;
    border-radius:4px;
    padding:14px 0;
    font-size:1rem;
    /*background: #1ab188;*/
    background:#025B9F;
    color:#FFF;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    -webkit-appearance:none;
}

.button:hover, .button:focus{
    /*background: #179b77;*/
    background:#104E8B;
}

.button-block{
    display:block;
    width:100%;
}

#userlogin{width:98%;}

.forgot{
    text-align:center;
    color:#FFF;
}

.valid{
    border:none;
    padding-top:2px;
}

.validate{
    width:60%;
    float:left;
    margin-right:10px;
    margin-top:1px;
}

.icon-back{
    width:30px;
    height:30px;
    margin-top:8%;
    margin-left:2%;
}

.valid-img{
    padding-top:10px;
}