@media (max-device-width:700px ) {
    .hideSmall {
        display: none;
    }

    .div-signin {
        overflow-y: auto;
        padding: 15px;
        width: 100%;
        -webkit-box-shadow: 9px 10px 5px 0px #000000;
        -webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 9px 10px 5px 0px #000000;
        -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 9px 10px 5px 0px #000000;
        box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        background-color: rgba(0, 106, 180, 0.55);
        height: 100%;
    }
}

@media (min-device-width:700px ) {
    .hideSmall {
    }

    .div-signin {
        padding: 15px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 500px;
        -webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
        background-color:  rgba(0, 106, 180, 0.55);
    }
}

.login-stripe {
    height: 10%;
}

.login-gradient {
    background: #006AB4; /* Old browsers */
    height: 100%;
    min-height: 100%;
    background-image: url('/Images/6.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.fill {
    height: 100%;
    min-height: 100%;
}


html, body {
    height: 100%;
}

.login-btn {
    width: 45%;
}

.profile-img {
    height: 120px;
    margin: 0 auto 10px;
    display: block;
    border: 0px;
    border-style: solid;
    border-color: #1e5799;
    -webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.25);
}

.login-footer {
    width: 100%;
    border-top: 1px;
    border-top-style: solid;
    border-color: #1e5799;
    padding-top: 10px;
}

.center-horizontally {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.top-nav {
    width: 100%;
    height: 30px;
    top: 0px;
    background-color: #1e5799;
}

.invalid-input {
    border-color: red;
}

.login-input-group-addon {
    padding: 3px 12px;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border: 1px solid !important;
    color: #484848 !important;
    border-color: darkgrey !important;
}

.form-control-feedback {
    margin-top: -3px;
}

.form-control-login {
    border-color: darkgrey !important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.glyphicon-ok {
    color: green;
}

.nav > li {
    margin: 0px 8px;
}

.fa-asterisk {
    margin-top: 7px;
}

.glyphicon-remove {
    color: red;
}

.glyphicon {
    margin-right: 4px;
}

div-message {
    
}

@media (min-width: 692px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.embros {
    text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8) !important; /* 50% white from bottom */
    color: #006AB4 !important;
}

/* Remove default IE reveal password functionality from password fields.
   Replaced by custom cross-browser solution.
*/

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}