.modal.fade.ng-isolate-scope.modal-login{
  opacity: 1;
}

.modal.fade.modal-login .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-login{
    width: 100%;
    height: 100%;

    .modal-dialog{
        margin: 0px;
        width: 100%;
        height: 100%;
        border: none;


        .modal-content{
            height: 100%;
            border: none;
            box-shadow: none;

            .modal-body{
                position: absolute;
                width: 340px;
                height: 550px;
                left: 50%;
                top: 50%;
                margin-top: -275px;
                margin-left: -170px;
                padding: 20px 40px;
                border: 2px solid #eee;
                text-align: center;

                .logo-login{
                    margin: 0 auto;
                    width: 40px;
                    height: 60px;
                    background-image: url(/images/logo-login.png);
                }
                .signin{
                    margin: 10px;
                    text-transform: uppercase;
                    font-size: 16px;
                    color: #424242;
                }
                .btn-login{

                    a{
                        width: 100%;
                        display: block;
                        height: 40px;
                        margin-top: 10px;
                        text-transform: uppercase;
                        color: #fff;
                        text-decoration: none;
                        padding-top: 8px;
                        padding-left: 25px;
                        font-size: 12px;
                        line-height: 2.0;
                        text-align: left;
                    }

                    .google{
                        background-color: #c44b35;
                        border-bottom: 3px solid #9d3c2b;
                        border-radius: 2px;
                        .login-google{
                            width: 25px;
                            height: 25px;
                            background-image: url(/images/login-google.png);
                            display: inline-block;
                            float: left;
                            margin-right: 15px;
                            margin-left: 5px;
                        }
                    }
                    .facebook{
                        background-color: #455799;
                        border-bottom: 3px solid #37457a;
                        border-radius: 2px;
                        .login-facebook{
                            width: 25px;
                            height: 25px;
                            background-image: url(/images/login-facebook.png);
                            display: inline-block;
                            float: left;
                            margin-right: 20px;
                        }
                    }
                    .dropbox{
                        background-color: #427ae5;
                        border-bottom: 3px solid #3562b7;
                        border-radius: 2px;
                        .login-dropbox{
                            width: 25px;
                            height: 25px;
                            background-image: url(/images/login-dropbox.png);
                            display: inline-block;
                            float: left;
                            margin-right: 20px;
                        }
                    }
                }

                .login-line{
                    border-bottom: 1px solid #e4e4e4;
                    position: relative;
                    height: 20px;
                    margin: 10px 0px;

                    p{
                        width: 40px;
                        background-color: #fff;
                        height: 20px;
                        position: absolute;
                        left: 50%;
                        margin-left: -20px;
                        top: 50%;
                        text-transform: uppercase;
                        font-size: 14px;
                        color: #9F9F9F;
                    }
                }

                .form-horizontal{
                    margin-top: 20px;
                    input{border: 1px solid #e4e4e4;}
                    input[type="placeholder"]{
                        color: #e4e4e4;
                        font-size: 14px;
                    }
                    ::-webkit-input-placeholder { /* WebKit browsers */
                        font-size: 11px;
                        padding-top: 5px;
                    }
                    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                        font-size: 11px;
                        padding-top: 5px;
                    }
                    ::-moz-placeholder { /* Mozilla Firefox 19+ */
                        font-size: 11px;
                        padding-top: 5px;
                    }
                    :-ms-input-placeholder { /* Internet Explorer 10+ */
                        font-size: 11px;
                        padding-top: 5px;
                    }

                    .form-group {
                        .alert-warning{
                            padding: 5px;
                            margin: 0px 15px;
                            font-size: 12px;
                        }

                        button{border: none;}
                    }

                    .btn-submit{
                        width: 100%;
                        height: 40px;
                        display: block;
                        background-color: #f0595f;
                        margin-bottom: 5px;
                        font-size: 14px;
                        text-decoration: none;
                        padding-top: 10px;
                        border-bottom: 3px solid #c0474c;
                        border-radius: 2px;
                    }
                    .btn-submit:focus{
                        color: #fff;
                    }

                    p.login-text-small{margin: 0px;}

                    p.login-text-small a{
                        font-size: 12px;
                        color: #424242;
                    }
                }
            }
            .modal-footer{
                border: none;
            }

        }



    }

}