/*Le saco el estilo que viene por defecto en jqm a los botones*/
header .ui-btn {
    background-color: transparent !important;
    border-radius: 0;
    border: none;
    box-shadow: none !important;
    z-index: 5;
}

header .ui-btn-icon-notext:after {
    background-color: rgba(0, 0, 0, 0) !important;
}

.ui-navbar ul li .ui-btn::after {
    background-color: rgba(0, 0, 0, 0) !important;

}

/*
.icono_sin_disco{
    background-color: transparent !important;
    border-radius: 0;
    border: none;
    box-shadow: none !important;
    z-index: 5;
}

.icono_sin_disco::after{
    background-color: rgba(0, 0, 0, 0) !important;
}

.icono_sin_disco:after{
    background-color: rgba(0, 0, 0, 0) !important;
}
*/


/* SETEO DE FUENTES*/

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}


h1,
h2,
h3 {
    font-family: 'Montserrat', sans-serif;
}

h1 strong,
h2 strong,
h3 strong {
    font-family: 'Montserrat', sans-serif;
}

h2 {
    font-weight: 300;
    font-size: 1em;
}

h3 {
    font-weight: 300;
    font-size: 0.6em;
}

/* Seteo de estilos personalizados*/

#loader_bienvenida{
    position: fixed;
        top: calc(50% - 23px);
        left: calc(50% - 23px);
}

ul {
    list-style-type: none;
}

.color_rojo {
    background-color: rgb(177, 47, 47) !important;
}


header {
    height: 30vh;
    background-image: url(../imgs/bring_it.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;

}

header .degrade_de_fondo_header {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #03001e;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #fdeff9, #ec38bc, #7303c0, #03001e);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #fdeff9, #ec38bc, #7303c0, #03001e);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background: linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,199,25,0.3) 80%, rgba(255,175,0,0.2) 100%);*/
    background-blend-mode: overlay;
    mix-blend-mode: overlay;
}

header .header_texto {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 3vw;
    margin: 0;
    text-shadow: none;
    color: white;
}

header div h1,
header div p {
    margin-top: 0;
    display: block;

}

header div h1 {
    margin-top: 15vh;
    margin-bottom: 10px;
}

header div p {
    font-weight: 300;
    font-style: italic;
}

header .header_buscador {
    width: 100%;
    height: 2em;
    padding: 0;
    margin: 0;
    /*position: absolute;
    top: 10px;
    right: 40vw;*/
    z-index: 5;
}

header .header_buscador input {
    margin: 0 !important;
    /*padding: 0 !important;*/
    width: 100%;
    height: 100%;
}

header .header_acciones {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    /*position: absolute;
    top: 10px;
    right: 40vw;*/
    z-index: 5;
}

header .boton_buscar {
    right: 30px !important;
}


main .agregar {
    position: fixed;
    bottom: 12vh;
    right: 5vw;
    z-index: 100;
    width: 50px;
    height: 50px;
    background-color: rgba(50, 150, 250, 0.5);
    border-radius: 50%;
    background-image: url(../imgs/icons/mas_alt.svg);
    background-size: 50px 50px;
    filter: drop-shadow( -3px 3px 2px rgba(100, 100, 100, .5));
}

/*
main .agregar:hover{
    cursor: pointer;
}*/


.menu_agregar_elemento,
.menu_agregar_tablero {
    background: white;
    width: 100%;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    display: none;
}

.bajar {
    background-color: black;
    color: white;
    text-align: center
}


.menu_agregar_elemento h3,
.menu_agregar_tablero h3 {
    font-size: 1em;
    margin: 0;
    padding: 2vh 0;
    display: inline-block;
}

.bajar h3 {
    font-size: 1em;
    margin: 0;
    padding: 2vh 0;
}




.aviso_de_vista_vacia {
    display: block;
    text-align: center;
    margin-bottom: 5vh;
}

.ocultar {
    display: none !important;
}

/* Estilos de los estados por defecto*/

.estado_nuevo {
    background-color: #9CB5FF !important;
}

.estado_pendiente {
    background-color: #EBD265 !important;
}

.estado_en_progreso {
    background-color: #A8FF78 !important;
}

.estado_realizado {
    background-color: #7DF0D4 !important;
}



/*------------------------ Estilos de la vista de bienvenida ------------------------*/

#msj_response_login{
    color: red;
}


#logueo h1, #msj_bienvenida h1{
    text-align: center;
}

.imagen_bienvenida{
    max-width: 20%;
    margin: auto;
}

#mensaje_error_repetir_contrasena{
    color: red;
}

/*------------------------ Estilos de la vista de inicio ------------------------*/

#inicio header .boton_buscar {
    right: 0 !important;
}

/*
#inicio .ui-content ul {
    display: none;
}
*/

/*
#inicio .ui-content ul li a {
    position: relative;
}

*/

#inicio .ui-content ul li a img {
    width: 16px;
    vertical-align: center;
}


.listview_inicio_bloque_de_texto {
    display: inline-block !important;
    width: 80%;
    margin: 0 0 0 30px;
}

#inicio form label h2{
    font-weight: 700 !important;
}

#inicio form label p{
    font-weight: 300 !important;
}
/*
.listview_inicio_estado {

    position: absolute;
    top: 40% !important;
    right: 20px !important;


    width: 30px;
    height: 30px;
    border-radius: 10%;
    padding: 0;
    margin: 0;
    display: inline-block;


    text-align: center;
    vertical-align: middle;

}

.listview_inicio_estado p {
    text-align: center;
    font-weight: 700 !important;
    color: white;
    vertical-align: middle;
}
*/


/*
.listview_inicio_checkbox {
    display: inline;
    position: absolute;
    left: 0 !important;
    bottom: 100px !important;
    right: 10px !important;
    margin: 0;
}
*/

/*------------------------ Estilos de la vista de tableros ------------------------*/

/*
#tableros_fijados, #otros_tableros{
    display: none
}*/


#tableros header div p {
    display: none;
}


#tableros header .boton_buscar {
    right: 0 !important;
}


#tableros .ui-content .tablero a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0;
    color: rgb(68, 68, 68);
}

#tableros .ui-content .tablero {
    display: block;
    width: 98%;
    /*border: 1px solid rgba(0, 0, 0, .2);*/
    border-radius: 10px;
    padding: 0.7em;
    margin: 2vh 1%;

    background-color: rgb(255, 237, 154);
    box-sizing: border-box;

    font-family: "Roboto";
    font-weight: 400;
    font-size: 1em;

}

#tableros .ui-content .tablero ul {
    list-style-type: disc;
}

#tableros .ui-content .tablero ul li {
    word-break: break-all;
}

#tableros .ui-content .tablero h2 {
    font-weight: 400;
    font-size: 1.6em;
    margin-top: 0;
    color: black;

}

#otros_tableros {
    margin-bottom: 15vh;
}


/*------------------------ Estilos de la vista de tablero PARTICULAR ------------------------*/

.tablero_particular .ui-content .elemento {
    position: relative;
    display: block;
    padding: 2vh 0;
}

.tablero_particular .ui-content .elemento p {
    margin: 0;
}

.tablero_particular .ui-content .elemento input {
    width: 15px;
    vertical-align: center;
}

.tablero_particular .contenido_elemento {
    position: absolute;
    left: 25px;
    vertical-align: center;
}

.tablero_particular .ui-content .elemento .props {
    position: absolute;
    right: 10px;
    vertical-align: center;

}

.tablero_particular .ui-content .elemento .props div {
    display: inline-block;
}


.tablero_particular .ui-content .props .estado_elemento {
    width: 15px;
    height: 15px;
    border-radius: 10%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.tablero_particular .ui-content .props .deadline img {
    width: 15px;
}

.tablero_particular .ui-content form fieldset div {
    margin: 0;
}

.aviso_de_tablero_en_papelera {
    background-color: rgb(206, 206, 206);
    padding: 1em 2em;
    border-radius: 0.3em;
}

/*
.aviso_de_tablero_en_papelera a {
    color: white !important;
    text-shadow: none !important;
}*/



/*------------------------ Estilos de la vista de Ajustes ------------------------*/

#acerca_de {
    text-align: center;
}

#ajustes .boton_buscar {
    right: 0 !important;
}

#ajustes .botones_de_acciones {
    margin-top: 20vh;
}

.boton_eliminar {
    color: white !important;
    text-shadow: none !important;
}

#acerca_de ul {
    text-align: left;
    list-style-type: disc;
}

.img_de_perfil img {
    width: 50%;
    max-width: 500px;
    border-radius: 50%;
    text-align: center;
}