@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

body {
    background-color: #f9f9f9 !important;
    font-family: 'Roboto',sans-serif !important;
    font-size: 11px;
}

.well {
    height: 300px;
    background-color: #fff !important;
    border-radius: 0 !important;
    border: black solid 1px;
    font-family: 'Roboto',sans-serif !important;
}




.well.login-box {
    max-width: 80%;
    align-self:center !important;
    border: #d1d1d1 solid 1px;
    margin: 0 auto;
    margin-top: 30px;
}

.well.passwordReset.login-box {
    max-width: 80%;
    align-self: center !important;
    border: #d1d1d1 solid 1px;
    margin: 0 auto;
    margin-top: 30px;
}

.well.login-box legend {
    font-size: 36px;
    text-align: center;
    font-weight: 300;
}

.well.passwordReset.login-box legend {
    font-size: 36px;
    text-align: center;
    font-weight: 300;
}

.well.login-box label {
    font-weight: 300;
    font-size: 13px;
}

.well.passwordReset.login-box label {
    font-weight: 300;
    font-size: 13px;
}

.well.login-box input[type="text"] {
    box-shadow:none;
    height: 40px;      
    border-left: 5px solid #1c8fa0 !important;
    border-color: #f2f2e2;
    
    border-radius: 0;
    cursor: auto;
    
    border-width: 1px;
    border-style: solid;
    border-image: initial;
}

    .well.passwordReset.login-box input[type="text"] {
        box-shadow: none;
        width: 98%;
        height: 40px;
        border-left: 5px solid #1c8fa0 !important;
        border-color: #f2f2e2;
        border-radius: 0;
        cursor: auto;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
    }

    .well.login-box input[type="password"] {
        box-shadow: none;
        height: 40px;
        border-left: 5px solid #1c8fa0 !important;
        border-color: #f2f2e2;
        border-radius: 0;
        cursor: auto;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
    }

.well.welcome-text {
    font-size: 21px;
}

/* Notifications */

.notification {
    position: fixed;
    top: 20px;
    right: 0;
    background-color: #FF4136;
    padding: 20px;
    color: #fff;
    font-size: 21px;
    display: none;
}

.notification-success {
    background-color: #3D9970;
}

.notification-show {
    display: block !important;
}

/*Loged in*/
.btn-default {
    color: #333;
    align-self:center;
    max-width: 100px;
    background-color: #f9f9f9;
    border-color: #ccc;
    border: 1px solid;
    text-align: center;
    cursor: pointer;
    color: #5e5e5e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f9f9f9)), #f9f9f9;
    background: -moz-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    background: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
    border-color: #c3c3c3 #c3c3c3 #bebebe;
    -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}

.bg-pattern-blue-80 {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("https://321tag.com/img/banner/banner.jpg") center no-repeat;
    background-size: cover !important;
}

p {
    font-size: 1.6rem;
}

.text-center {
    text-align:center;
}