#myModalWindowLogin {
    display:none
}

*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body{
    font-family: 'Open Sans', sans-serif;
    background:#ebebeb;
}

.container{
    position:relative;
    top:150px;
    margin:auto;
    display:block;
    margin-bottom:80px;
    width:500px;
    height:500px;
    background:#fff;
    box-shadow: rgba(14, 30, 37, 0.10) 0px 2px 4px 0px, rgba(14, 30, 37, 0.22) 0px 2px 16px 0px;
    border-radius:5px;
    overflow:hidden;
    z-index:1;
}

h2{
    padding:20px;
    font-weight:lighter;
    text-transform:uppercase;
    color:#414141;
    text-align:center;
}

input{
    display:block;
    height:50px;
    width:90%;
    margin:0 auto;
    border:none;
    &::placeholder{
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transition:.5s;
        transition:.5s;
    }
    &:hover,
        &:focus,
        &:active:focus{
        color:#166bb3;
        outline:none;
        border-bottom:1px solid #166bb3;
        &::placeholder{
            color:#444;
            position:relative;
            -webkit-transform:translateY(-20px);
            transform:translateY(-20px);

        }
    }
}



.email,
.pwd{
    position:relative;
    z-index:1;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-left:20px;
    font-family: 'Open Sans', sans-serif;
    color:#858585;
    font-weight:lighter;
    -webkit-transition:.5s;
    transition:.5s;
}



.link{
    text-decoration:none;
    display:inline-block;
    margin:27px 28%;
    text-transform:uppercase;
    color:#858585;
    font-weight:lighter;
    -webkit-transition:.5s;
    transition:.5s;
}



button{
    cursor:pointer;
    display:inline-block;
    float:right;
    width:200px;
    height:40px;
    line-height:24px;
    margin-right:25px;
    margin-top:5px;
    border:none;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    color:#fff;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5 s ease-out;

    span{
        position:absolute;
        display:block;
        margin:-10px 20%;
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:.5s;
        transition:.5s;
    }
    &:hover{
        span{
            -webkit-transform:translateX(30px);
            transform:translateX(30px);
        }
    }
}

.signin {
    background-color:#f9b129;
    border-radius:4px;
}

.signin:hover {
    background-color: #d89820;
}

.signin_adescom {
    background-color:#a54592;
}

.signin_adescom:hover {
    background-color: #973c85;
}

.signin_play {
    background-color:#583787;
}

.signin_play:hover {
    background-color:#6a479b;
}

.reg{
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateY(-100%) scale(1);
    transform:translateY(-100%) scale(1);
    display:block;
    width:20px;
    height:20px;
    border-radius:50px;
    background:#673ab7;
    z-index:5;
    -webkit-transition:.8s ease-in-out;
    transition:.8s ease-in-out;
}



.sig{
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:translateY(-100%) scale(1);
    transform:translateY(-100%) scale(1);
    display:block;
    width:20px;
    height:20px;
    display:block;
    background:#ff5722;
    z-index:5;
    -webkit-transition:.8s ease-in-out;
    transition:.8s ease-in-out;
}

h3{
    position:absolute;
    top:-100%;
    left:20%;
    text-transform:uppercase;
    font-weight:bolder;
    color:rgba(255,255,255,.3);
    -webkit-transition:.3s ease-in-out 1.2s;
    transition:.3s ease-in-out 1.2s;
}


.logo {
    display:flex;
    flex-direction: row;
    padding:10px;
    padding-bottom:0px;

}

.logoLeft {
    width:33%;
}

.logoCenter {
    width:33%;
    text-align:center;
}

.logoRight {
    width:33%;
    text-align:right;
}
.logoImage {
    width:80px;
}

.logoImageApp {
    margin-top:0px;
}

.vappLinks {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top:1px solid #eee;
    padding-top:10px;
    margin:20px;
    line-height:24px;
}

.copyrightContainer {
    text-align:right;
    margin-right:30px;
    margin-top:-10px;
}


.login_window_outside {
    width:100%;
    height:150%;
    background-color:#A8A8A8;
    position:absolute;
    text-align:center;
    margin:0px auto;
    z-index:10001;
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity:0.6;
}

.login_window_inside {
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top:250px;
    background-color:#F0F0F0;
    border-radius: 4px;
    text-align:center;
    font-family:Tahoma;
    font-size:13px;
    padding:30px;
    border:1px solid #BFBFBF;
    width:450px;
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
    z-index:11000;
}


.loginDivProgress {
    padding-top:70px;
    padding-bottom:40px;
    display:flex;
    flex-direction: row;
    text-align:center;
}

.progressPleaseWait {
    color:#666;
    font-size:15px;
    padding-top:15px;
    font-weight:bold
}