@charset "UTF-8";

body{ 
    background: url(../img/gob/bglogin2.png)  no-repeat  top left fixed #FFFFFF;
    font-family:'UniviaPro-Regular';
    background-size: 100% auto;
}
@font-face {
    font-family:'UniviaPro-Regular';
    src: url(../fonts/univia/UniviaPro-Regular.otf);
}
@font-face {
    font-family:'UniviaPro-Bold';
    src: url(../fonts/univia/UniviaPro-Bold.otf);
}
@font-face {
    font-family:'UniviaPro-Light';
    src: url(../fonts/univia/UniviaPro-Light.otf);
}
@font-face {
    font-family:'UniviaPro-Ultra';
    src: url(../fonts/univia/UniviaPro-Ultra.otf);
}
.logoTdC{
    line-height:1;
    text-align:center;
    color:#828282;
    color:rgba(0,0,0,0.4);
}
.escudo-tdc {   
    background-size: auto 100%;
    height:180px;
    margin-bottom:25px;
}
.loginTdC{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.15) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.15) 100%)!important;
    position: absolute;
    left:50%;
    width:480px;
    top: 50%;
    margin-left:-240px;
    margin-top:-250px;
    box-shadow: 25px 0px 25px rgba(255,255,255,0.15);
}
.loginTdC form{
    padding:50px 0 25px 0;
    padding-top:150px;
    background:url(../img/gob/escudo.png) no-repeat 50% 30px;
    width: 280px;
    margin:0 auto;
   
}
.loginTdC form input{
    background-color:#FFF;
    background-color: rgba(255,255,255,0.8);
    border:0px solid #ccc;
    border-bottom:3px solid #ccc;
    box-shadow:inset 0 0 10px rgba(0,0,0,0.15);
    /*border-bottom: 3px dashed #ccc;*/
    border-radius: 0px!important;
}
.loginTdC form input:focus{
    -webkit-box-shadow: 0 0 0px 1000px #eee inset !important;
    border:1px solid #aaa;
    box-shadow:inset 0 0 5px rgba(0,0,0,0.075);
}
.loginTdC form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
}

.has-success .form-control {
    border-color: #888;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.loginTdC form button{
    width:50%;
    margin:0 auto;
    border-radius: 2px!important;
    background:#f9f9f9!important;
    border:1px solid #bbb;
    border-bottom: 3px solid #aaa;
    color:#545454!important;
    box-shadow:inset 0 0 15px rgba(0,0,0,0.1), 0 7px 7px rgba(0,0,0,0.1);
    text-shadow: 1px 1px 0px #FFF;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: 25px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(234, 242, 241)!important;
    background-image: none!important;
    color: rgb(33, 58, 53)!important;
}
.loginTdC form button:hover{
    background:#f2f2f2!important;
    border:1px solid #aaa;
    border-bottom: 3px solid #999;
    color:#545454!important;
    box-shadow:inset 0 -15px  15px rgba(0,0,0,0.1), 0 9px 9px rgba(0,0,0,0.15);
    text-shadow: 1px 1px 0px #FFF;
}

.loginTdC form button::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #999;
    transition: width .3s;
}
.alert-login{
    background:rgba(255,255,255,0.5)!important;
    background-color: transparent !important;
    width: 350px;
    margin: 0 auto;
    text-align: center;
    border: none;
}
.alert-danger, .alert-success{
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)!important;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
}
.alert-danger{
    border-bottom: 2px solid #C4131B;
    color: #1F934C;
}
.alert-success{
    border-bottom: 2px solid #1F934C;
    color: #1F934C;
}
@media (max-width: 767px) {
    .loginTdC{
        top:0;
        margin-top:0;
    }
    .loginTdC form{
        width: 320px;
    }
    .loginTdC form button{
        border:1px solid #ccc!important;
    }
    .loginTdC form input{
        border-radius: 1px !important;
    }
}