/** ### LOGIN ### **/
.visible-ie {
    display: none;
}

.input-icon {
    position: relative;
}

    .input-icon > i {
        color: #cacaca;
        display: block;
        position: absolute;
        margin: 10px 2px 4px 10px;
        z-index: 3;
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

    .input-icon > .form-control {
        padding-left: 33px;
    }

#LoginUser {
    margin: 0 auto;
}

.login {
    background-color: #666 !important;
}

    .login label {
        font-weight: normal;
    }

    .login .logo {
        margin: 0 auto;
        margin-top: 60px;
        padding: 15px;
        text-align: center;
    }

    .login img {
        width: 306px;
    }

    .login .content {
        background-color: rgba(255, 255, 255, 0.40);
		width: 360px;
		margin: 15px auto 0 auto;
		padding: 20px 30px 30px 30px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28);
    }
	
	.login-form .form-control:focus{
		border-color: #2f8ecd !important;
	}

        .login .content p,
        .login .content label {
            color: #2f8ecd;
        }

        .login .content .login-form {
            padding: 0px;
            margin: 0px;
        }

        .login .content .form-control {
            background-color: #fff;
        }

        .login .content .form-title {
            font-weight: 300;
            margin-bottom: 25px;
            margin-top: 0px;
            font-family: 'Titillium Web', sans-serif;
            font-size: 32px;
			color: #2F8ECD;
            text-align: center;
        }

.recovery a {
    color: #2F8ECD;
    line-height: 30px;
}

    .recovery a:hover {
        text-decoration: underline;
    }

.login-txt {
    color: #2f8ecd;
}
/**BOTONES*/
.btn-01 {
    color: #FFFFFF;
    background-color: #2f8ecd;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .x-btn-pressed,
    .btn-01:hover,
    .btn-01:focus,
    .btn-01:active,
    .btn-01.active,
    .open .dropdown-toggle.btn-01 {
        color: #FFFFFF;
        background-color: #333;
    }

    .btn-01:active,
    .btn-01.active,
    .open .dropdown-toggle.btn-01 {
        background-image: none;
    }

    .btn-01.disabled,
    .btn-01[disabled],
    fieldset[disabled] .btn-01,
    .btn-01.disabled:hover,
    .btn-01[disabled]:hover,
    fieldset[disabled] .btn-01:hover,
    .btn-01.disabled:focus,
    .btn-01[disabled]:focus,
    fieldset[disabled] .btn-01:focus,
    .btn-01.disabled:active,
    .btn-01[disabled]:active,
    fieldset[disabled] .btn-01:active,
    .btn-01.disabled.active,
    .btn-01[disabled].active,
    fieldset[disabled] .btn-01.active {
        background-color: #bfbfbf;
    }

    .btn-01 .badge {
        color: #000;
        background-color: #FFFFFF;
    }

.btn-02 {
    color: #FFFFFF;
    background-color: #4b5457;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .x-btn-pressed,
    .btn-02:hover,
    .btn-02:focus,
    .btn-02:active,
    .btn-02.active,
    .open .dropdown-toggle.btn-02 {
        color: #FFFFFF;
        background-color: #000;
    }

    .btn-02:active,
    .btn-02.active,
    .open .dropdown-toggle.btn-02 {
        background-image: none;
    }

    .btn-02.disabled,
    .btn-02[disabled],
    fieldset[disabled] .btn-02,
    .btn-02.disabled:hover,
    .btn-02[disabled]:hover,
    fieldset[disabled] .btn-02:hover,
    .btn-02.disabled:focus,
    .btn-02[disabled]:focus,
    fieldset[disabled] .btn-02:focus,
    .btn-02.disabled:active,
    .btn-02[disabled]:active,
    fieldset[disabled] .btn-02:active,
    .btn-02.disabled.active,
    .btn-02[disabled].active,
    fieldset[disabled] .btn-02.active {
        background-color: #bfbfbf;
    }

    .btn-02 .badge {
        color: #4b5457;
        background-color: #FFFFFF;
    }
/** #### RESPONSIVE ###**/
/* Large desktop */
@media (min-width: 1200px) {
}

@media (min-width: 980px) and (max-width: 1199px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

@media(min-width:768px) {
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        padding: 30px;
        width: 300px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .recovery {
        text-align: left;
    }

    .login .form-group {
        margin-bottom: 15px;
    }

    .login label {
        padding-top: 0px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
}
/* Small Devices */
@media (max-width: 320px) {
}