body {
            font-family: BNazanin,Tahoma;
        }
        .modal-title
        {
            color: #2b2b57;
        }

            body[role="login"] {
                background: #2b2b57;
                background-size: cover;
                color: #EFEFEF;
            }

        [role="login"] .container {
            margin-top: 100px;
        }

        [role="login"] .btn-success {
            background: #00a0e3;
            border: 1px solid #679F2C;
            float: left;
        }

        [role="login"] label {
            font-weight: normal;
            color: #FFF;
        }

        .panel-heading {
            padding: 5px 15px;
        }

        .form-inline {
            margin: 5px;
        }

        .panel-footer {
            padding: 1px 15px;
            color: #A0A0A0;
        }

        hr {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #FFF, rgba(0, 0, 0, 0));
            margin: 5px;
        }

        .profile-img {
            margin: 0 auto 10px;
            display: block;
            width: 100px;
        }

        .panel-default {
            opacity: .9;
            -webkit-box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.45);
            -moz-box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.45);
            box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.45);
            background: transparent url('../images/bg-white.png') repeat scroll 0% 0%;
        }