/*
========================================================================================================================
== ESTA HOJA DE ESTILO SE INTRODUCIRA TODO ESTILO CSS PERSONALIZADO PARA LA TASACIÓN EN LÍNEA QUE SE AGREGEN A FUTURO ==
========================================================================================================================
*/

/*
    ESTILOS GENERALES
*/
input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f8 inset !important;
    /*background-color:white !important;*/
    color:Black;
}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #c7c7c7;
    font-family:Lato, Sans-Serif;
    font-style:italic;
    font-size:1em;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #c7c7c7;
    font-family:Lato, Sans-Serif;
    font-style:italic;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #c7c7c7;
    font-family:Lato, Sans-Serif;
    font-style:italic;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #c7c7c7;
    font-family:Lato, Sans-Serif;
    font-style:italic;
}

h1,h2,h3,h4,h5
{
    font-family:Lato, Sans-Serif;
    padding:0.5em;    
}

.tituloBlanco
{
    color:White;
}

/*
=====================================================
===             HEADER DEL DOCUMENTO              ===      
=====================================================
*/


/*HEADER TASACION EN LÍNEA */
.headerTasacion
{
    background:#0078D7;
    padding:0.5em;
}

/*
===================================================
===             BODY DEL DOCUMENTO              ===      
===================================================
*/

/*ESTILO LOGIN TASACÍON*/
.EncabezadoLogin
{
       background:#2568b3;
       top:0;
       position:absolute;
       height:40px;
       margin-left:22%;
       border-bottom-left-radius:10px;
       border-bottom-right-radius:10px;
       box-sizing: border-box;
       width:50%;
       /*background: linear-gradient(to bottom,#168bc4,#096896 50%);**/
       cursor:default;
       box-shadow: 0 8px 6px -6px #bababa;
}

.cajasLogin
{
    margin-bottom:0.5em;
}

.olvideContraseña
{
    color:#8e8e93;
    font-size:0.9em;
}
.olvideContraseña:hover
{
    color:#7c7c7e;    
}

.login
{
    border-radius:0.5em;
}

.botom-azul
{
    background:none;
    border:0.1em solid #2568b3;
    color:#2568b3;
    display:inline-block;
    font-family:Lato, Sans-Serif;
    font-size:1em;
    margin-left:45%;
    position: relative;
    padding:0.5em 1em;
    /* animacion fantasma */
    -webkit-transition: color 300ms, background 500ms, border-color 700ms;
    transition: color 300ms, background 500ms, border-color 700ms;
    
    
}

.botom-azul:hover
{
    background:#2568b3;
    border-color:#2568b3;
    color:#ffffff;
}

.contrornoDegradado
{
    border:1px solid #c7c7c7;
    box-shadow:0 0 10px #c7c7c7;    
}

.enlacesRegistrar
{
    color:#8e8e93;
    cursor:default;
        
}
.EnlaceCuenta
{
    color:#8e8e93;
    font-weight:bold;
    font-size:12pt;
    cursor:pointer;
}

/*
    ESTILOS DE CREAR CUENTA
*/
.contenedorTitulos
{
    background:#0078D7;
    border:1px solid #0078D7;
    font-family:Lato, Sans-Serif;
    margin-top:0; 
    padding:1em; 
}

.colorContenedorFondo
{
 background:#f7f7f8; 
 border:1px solid #dddddd; 
}

.text-1x-anaranjado
{
    color:#e38d13;    
}
.text-1x
{

    font-size:1em !important;
}
.text-2x
{

    font-size:1.5em !important;
}
.text-3x
{

    font-size:2em !important;
}

.text-azul
{
    color:#2568b3
}

.text-1x,.text-2x,.text-3x
{
    font-family:Lato, Sans-Serif;
}

.contenedorGrupo
{
    background:white;
    margin:1em;
}

.legend-1x
{
    width:10%;
    padding:5px;
    border-radius:5px;
}

.legend-2x
{
    width:20%;
    padding:5px;
    border-radius:5px;
}

.legend-3x
{
    width:30%;
    padding:5px;
    border-radius:5px;
}

.legend-1x,.legend-2x,.legend-3x
{
    font-family:Lato, Sans-Serif;    
}

.iconoCircular
{
    font-size: 16pt; 
    border: 3px solid #2568b3; 
    padding: 7px; 
    border-radius: 50%;
}

#lnkLogin:hover
{
    color:#2568b3;
}

/*
    BOTOM GUARDAR COTIZACIÓN
*/
.botom-guardar
{
    font-size:1em;
}

.botom-guardar:before
{
    content:"\f0c7";
    font-family:FontAwesome;
    font-size:1.5em; 
    color:Red;
    right:1.5em;   
}

.negrita
{
    font-weight:bold;    
}

/*
=====================================================
===             FOOTER DEL DOCUMENTO              ===      
=====================================================
*/

/*ESTILOS FOOTER TASACIÓN*/
.footerTasacion
{
    background:#0078D7;
    bottom:0 !important; 
    float:left;
    left:0;   
    overflow:hidden;
    padding:1em;
    width:100%; 
    margin-top:3em;
    border:none;
}

.LeyendaGrupo
{
    color:#096896;
    font-family:Lato, Sans-Serif;  
    width:40%;  
}

.errorMensaje
{
    color:#ED5564;    
}