/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*Acomodar un poco el icono en el login*/

.dlgfuncionario{
    width: 50% !important;
}

.dlgverpdf{
    width: 50% !important;
}

.mostrarmsg1{
    width: 20% !important;
    height: auto !important;
    left: 40% !important;
    top: auto !important;
    z-index: 1004 !important;
}

.mostrarmsgcontatos{
    width: 45% !important;
    height: auto !important;
    left: 25% !important;
    top: auto !important;
    z-index: 1004 !important;
}

.imagenlogo{
    width: 300px;
    top: 20px;
    height: auto;
}

.imagenlogocorto{
    position: fixed;
    left: 10px;
    top: 10px;
    width: 75px;
}

#btnRegistro{
    background: #CFAC65;
}

#titulocompleto{
    display: block;
    color:#EAEBEC !important;
}
#titulocorto{
    display: none;
    color:#EAEBEC !important;
}

#logocorto{
    display: none;
}

#titulocompleto2{
    margin-top: 10px;
    display: block;
}
#titulocorto2{
    display: none;
    margin-top: 10px;
    color:#EAEBEC !important;
}


@media only screen and (max-width: 1472px) {

    #logofull{
        display: none;
    }
    #logocorto{
        display: block;
    }

}
@media only screen and (max-width: 950px) {


    #titulocompleto2{
        display: none;
    }
    #titulocorto2{
        display: block;
    }
    
    .mostrarmsgcontatos{
        width: 80% !important;
        left: 10% !important;
    }
    
   
}



@media only screen and (max-width: 880px){
    #titulocompleto{
        display: none;
    }
    #titulocorto{
        display: block;
    }
}

@media only screen and (max-width: 1162px){
    .mostrarmsg1{
        width: 30% !important;
    }

}

@media only screen and (max-width: 774px) and (min-width: 581px) {
    .mostrarmsg1{
        width: 50% !important;
        left: 25% !important;
    }

}

@media only screen and (max-width: 581px){
    .mostrarmsg1{
        width: 60% !important;
        left: 20% !important;
    }

    .mostrarmsgcontatos{
        width: 100% !important;
        left: 0px !important;
    }

}

@media only screen and (max-width: 2560px){
    .dlgfuncionario{
        width: 35% !important;
    }
    
}

@media only screen and (max-width: 2000px){
    .dlgfuncionario{
        width: 35% !important;
    }
}

@media only screen and (max-width: 1700px){
    .dlgfuncionario{
        width: 45% !important;
    }
}

@media only screen and (max-width: 1500px){
    .dlgfuncionario{
        width: 55% !important;
    }
}

@media only screen and (max-width: 1200px){
    .dlgfuncionario{
        width: 65% !important;
    }
}

@media only screen and (max-width: 1100px){
    .dlgfuncionario{
        width: 75% !important;
    }
}

@media only screen and (max-width: 1000px){
    .dlgfuncionario{
        width: 80% !important;
    }
}