﻿

/*para añadir scroll al modal cuando es muy grande*/
.modal .modal-body {
    max-height: 1000px;
    overflow-y: auto;
}

/*para que si el modal no cabe el la pantalla (especialmente si minimizamos) aparezca el scroll y pueda verse entero*/
.modal {
    overflow-y: auto;
}


/******************     NAVEGATION MASTER         *********/


.carousel .item > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
}

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 450px;
}

.carousel-indicators li {
    background-color: #E0F8F7;
    box-shadow: black 0.1em 0.1em 0.2em 0.05em;
    -moz-box-shadow: black 0.1em 0.1em 0.2em 0.05em;
    -webkit-box-shadow: black 0.1em 0.1em 0.2em 0.05em;
}

.carousel-indicators .active {
    background-color: #51C2E0;
}

.textoCarousel {
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    color: white;
    text-shadow: rgb(0,0,0) 0.1em 0.1em 0.2em;
    /*text-shadow: rgba(0,0,0,0) 0.1em 0.1em 0.2em 0.05em;
        -moz-text-shadow: black 0.1em 0.1em 1.2em 0.05em;
        -webkit-text-shadow: rgba(255,255,255,0.5) 0.1em 0.1em 0.2em 0.05em;*/
}


/********************************      CONTACTO      ******************************/


.margenContacto {
    margin-top: 4em;
    margin-left: 14em;
    margin-right: 4em;
    max-width: 60em;
    min-width: 20em;
}

.margenCajaForm {
    padding-right: 3em;
    padding-left: 3em;
    max-width: 50em;
}

.header {
    color: #999999;
    font-size: 27px;
    padding: 10px;
}

.bigicon {
    font-size: 35px;
    color: #36A0FF;
}

.margenCampo {
    margin-left: 10em;
}

#alertFormEnviado {
    text-align: center;
    margin-top: 3em;
    max-width: 38em;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}




/********************************  COLORES ESCENARIOS   ***************************************/

.colorFondoAppSensores {
    background-color: #CEE3F6; /*rgba(1,1,223,0.2);*/
}

.colorFondoSaludMental {
    background-color: rgba(8,176,112,0.2);
}


.colorFondoMayores {
    background-color: rgba(254,100,46,0.2); /*#FE642E;*/
}



.colorFondoTEA {
    background-color: rgba(130,88,250,0.2); /*#8258FA*/
}

.colorFondoGeolocalizacion{
      background-color:   rgba(78,144,254,0.7);/*#4E90FE*/
}

.colorFondoAppIntellectia{
      background-color:   rgba(252,187,102,0.7);/*#FCBB66*/
}


/*************************  PÁGINAS DE INFORMACIÓN  **********************/

.margenSuperiorInfo {
    margin-top: -3em;
}
/*
.centrarImagenInfo1 {
    margin-left: 9em;
}


.centrarImagenInfo1b {
    margin-left: 9.5em;
}

.centrarImagenGrafico1 {
    margin-left: 3em;
}



.centrarImagenInfo2 {
    margin-left: 13em;
}

.centrarImagenInfo3 {
    margin-left: 5.8em;
}


.centrarImagenInfo4 {
    margin-left: 21em;
    margin-top: -5em;
}

.centrarImagenInfo5 {
    margin-left: 13em;
    margin-top: -3em;
}

.centrarImagenInfo6 {
    margin-left: 30em;
}

.centrarImagenInfo7 {
    margin-left: 28em;
}

.centrarImagenInfo8 {
    margin-left: 11.5em;
}

.centrarImagenInfo9 {
    margin-left: 10.9em;
}

.centrarImagenInfo10 {
    margin-left: 34em;
}
.centrarImagenInfo11{
    margin-left:1.5em;
}*/
.margenRow {
    margin-top: 5em;
}

.parrafo {
    text-align: justify;
}

.titulo {
    text-align: center;
}






/***************************INICIAR SESION*************************************/

#contPrincipal {
    margin-top: 5em;
    margin-bottom: 5em;
}

#bloqueIzq {
    float: left;
  /*  width: 60%;*/
    height: 600em;
    max-height: 500px;
    border-width: 1px 1px 1px 1px;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    border-radius: 10px;
}

#bloqueDer {
    float: left;
  /*  width: 40%;*/
    height: 600em;
    max-height: 500px;
    border-width: 1px 1px 1px 1px;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    border-radius: 10px;
}

.cont2 {
    max-width: 550px;
    padding: 2em;
    margin: auto;
    margin-top: 2em;
    text-align: center;
}

.cont3 {
    max-width: 250px;
    margin: auto;
}

.cont4 {
    max-width: 400px;
    text-align: center;
    margin: auto;
    margin-top: 12em;
}

.cont5 {
    max-width: 130px;
    margin: auto;
    margin-top: 3em;
}

#btnInicioSesion {
    margin-top: 2em;
}

.contenedorAlerta {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-top: -1em;
    margin-bottom: -1em;
}

.medicamentosCargados {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-bottom: -1em;
}

.contenedorAlertaRecetaElectronica {
    text-align: center;
    margin: auto;
    margin-top: -1em;
}

#recuperarContrasena {
    text-align: center;
}

#btRegistro {
    background-color: #51C2E0;
}

#btnIniciarSesion {
    background-color: #51C2E0;
}


/****************************PRINCIPAL****************************/

.articlesContainer {
    margin-left: -4em;
}

    .articlesContainer article {
       /* width: 25%;*/
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-right: -1em;
    }

        .articlesContainer article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 17.2em;
            height: 14.5em;
            margin: 3em 0em 2em 2em;
            padding: 0.7em 0.7em;
            text-align: center;
        }

            .articlesContainer article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }


#tituloPrincipal {
    padding: 1em;
    text-align: center;
}

/****************************USER MASTER****************************/

.pequeña {
    margin-top: 50px;
    margin-left: 60px;
    max-width: 120px;
    max-height: 100px;
}

#colIzq {
    margin: auto;
    margin-left: 0px;
    float: left;
    width: 20%;
}

#colDer {
    float: right;
    width: 80%;
}

#menuUser {
    margin: auto;
    margin-top: 3em;
    width: 200px;
    text-align: center;
   
}

ul.menuUser li {
    width: 10px;
    
}

ul.sub-level {
    margin-top: 3px;
    display: none;
    width: 160px;
    margin: auto;
    font-size: 80%;
    border-radius: 7px;
    background: #E0F8F7;
    border-top: #E0F8F7 1px solid;

}

    ul.sub-level li {
        border-radius: 7px;
    }


#subMedicacion {
    display: none;
}

#subInformacionMedica {
    display: none;
}

.VolverTea {
    margin-top: 3em;
    margin-left: 2em;
}

.VolverSaludMental {
    margin-top: 3em;
    margin-left: 0.3em;
}

.VolverMayores {
    margin-top: 3em;
    margin-left: 1.4em;
}
/****************************MENU 4 ITEMS****************************/


.articlesContainerSubMenu4 {
    margin-left: 6.5em;
    margin-top: 3em;
    /*padding: 1em 1em 1em 1em;*/
}

    .articlesContainerSubMenu4 article {
        /*width: 30%;*/
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        /*margin-left: 4.5em;*/
    }

        .articlesContainerSubMenu4 article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenu4 article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }


/****************************SUBMENU 5 ITEMS****************************/


.articlesContainerSubMenu5Inferior {
    margin-left: 9em;
    margin-top: -2em;
    padding: 1em 1em 1em 1em;
}

    .articlesContainerSubMenu5Inferior article {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-left: 1em;
    }

        .articlesContainerSubMenu5Inferior article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenu5Inferior article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }



.articlesContainerSubMenu5 {
    margin-left: -1em;
    margin-top: 3em;
    padding: 1em 1em 1em 1em;
}

    .articlesContainerSubMenu5 article {
        width: 26%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-left: 2em;
    }

        .articlesContainerSubMenu5 article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenu5 article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }






/****************************SUBMENU 2 ITEMS****************************/



.articlesContainerSubMenu2 {
    margin-left: 9em;
    margin-top: 5em;
    /*padding: 1em 1em 1em 1em;*/
}

    .articlesContainerSubMenu2 article {
        /*width: 35%;*/
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-left: 2em;
    }

        .articlesContainerSubMenu2 article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenu2 article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }



/****************************SUBMENU 3 ITEMS****************************/
/*utilizar submenu de 2 items para el superior y este en el inferior*/


.articlesContainerSubMenu1 {
    margin-left: 20em;
    margin-top: -2em;
    padding: 1em 1em 1em 1em;
}

    .articlesContainerSubMenu1 article {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-left: 2em;
    }

        .articlesContainerSubMenu1 article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenu1 article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }

/******************** SUBMENU 8 ITEMS ***************************/


#articlesContainerMINI {
    margin-top: 5em;
    padding: 1em 1em 1em 1em;
    margin-left: -2em;
}

    #articlesContainerMINI article {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-right: 3em;
    }

        #articlesContainerMINI article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            #articlesContainerMINI article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }



#tituloPrincipal {
    padding: 1em;
    text-align: center;
}

.margenSuperiorMenus {
    margin-top: 5em;
}

.margenSuperiorh2 {
    margin-top: 3em;
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}



/**************************** CENTRADO TABLAS Y BOTONES GENERALES ****************************/


.botonAEI{
    margin-right:5px;
    margin-top:5px;
}

.btnAnadir {
    margin-top: 3em;
    margin-left: 18em;
}

#myTabs {
    margin-left: 6.2em;
}

#bordeIzqTabs {
    margin-top: -2.5em;
}

.txtCenter {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.textoCentrado {
    text-align: center;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 20030 !important;
}

#margenUsuario {
    margin-top: 1.8em;
    margin-left: -1.25em;
}

.centerTable {
    margin-top: 4.4em;
    margin-left: 6.2em;
    border-left: 0.05em solid #dddddd;
    border-right: 0.05em solid #dddddd;
    border-bottom: 0.05em solid #dddddd;
}

.modal {
    overflow-y: hidden;
}

.nombreObligatorio {
    max-width: 37em;
    width: 37em;
    margin-top: 0.6em;
    margin-left: 0.6em;
    margin-bottom: -0.6em;
}

.mailObligatorio {
    max-width: 37em;
    width: 37em;
    margin-top: 0.6em;
    margin-left: 0.6em;
    margin-bottom: -0.6em;
}

.nombreObligatorio1 {
    max-width: 37em;
    width: 37em;
    margin-top: 0.6em;
    margin-left: 0.6em;
    margin-bottom: -0.6em;
}

.fechaObligatoria {
    max-width: 37em;
    width: 37em;
    margin-top: 0.6em;
    margin-left: 0.6em;
    margin-bottom: -0.6em;
}



.btnAnadirSolo {
    margin-top: 3em;
    margin-left: 29em;
}


/**************************************CITAS MEDICAS*************************************************/

.centerTable2 {
    margin-left: 1.25em;
    margin-right: 1.25em;
    border-left: 0.1em solid #dddddd;
    border-right: 0.1em solid #dddddd;
    border-bottom: 0.1em solid #dddddd;
}

#margenArchivos {
    margin-top: 1.25em;
    margin-left: 1.25em;
    margin-right: 1.25em;
}

#FileUploadContainer {
    margin-top: 1.25em;
    margin-left: 1.25em;
    margin-right: 1.25em;
}


.examinar {
    margin-top: 1.25em;
    border-top: 0.1em solid #dddddd;
}

#btnAnadirCitasMedicas {
    margin-left: 0.7em;
}




/*MEDICIONES*/
#btnAnadirMediciones {
    margin-left: 2em;
}

/*ARCHIVOS*/


#centerFileUp {
    width: 26.875em;
    margin: auto;
    margin-top: 3.75em;
}

#centerButtonFileUp {
    margin-left: 8.75em;
    margin-top: 1.25em;
    margin-bottom: -1.25em;
}

.fileUpload {
    width: 35em;
    height: 2em;
    margin-bottom: 0.6em;
}


/*MEDICAMENTOS*/


#btnAnadirMedicacion {
    margin-left: -1.25em;
}

#margenUsuarioMedicacion {
    margin-top: 2.5em;
}

.lblSemanaActual {
    font-size: 1.25em;
    margin-left: 2.5em;
    margin-right: 2.5em;
}

/*SEGUIMIENTO*/

.lblDias {
    font-size: 1.25em;
    margin-left: -12.5em;
}

.margenTituloDias {
    margin-top: 3.75em;
    margin-left: -6.25em;
}

.lblTituloDias {
    font-size: 1.25em;
    margin-left: 28.5em;
}

.centerTableSeguimiento {
    margin-top: 1em;
    margin-left: 2.2em;
    border-left: 0.05em solid #dddddd;
    border-right: 0.05em solid #dddddd;
    border-bottom: 0.05em solid #dddddd;
}


#editTomaModal .modal-body {
    overflow: hidden;
    height: 20.5em;
}

/* HISTORICO*/

.btnElegirFechaHistorico {
    margin-top: 5em;
    /*margin-left: 29.4em;*/
}



#btnElegirMedicamentoHistorico {
    margin-left: 10.5em;
    width: 18.75em;
    margin-top: 1.25em;
}

#medicamentoNoSeleccionado {
    margin-top: 1.25em;
}


.fechaObligatoria {
    margin-top: -1.25em;
    margin-bottom: 1.5em;
}

.fechas {
    margin-top: 2em;
    margin-bottom: 1.25em;
    width: 15em;
    margin-left: 1.3em;
}

.lblNoDatosHistoricoMedicacion {
    text-align: center;
    margin-top: 45em;
    font-size: 1.2em;
    margin-left: 22em;
}


/*ALIMENTACION*/

.verResumen {
    /*margin-left: 27.5em;*/
    margin-top: 2.5em;
}

.btnAnadirConResumen {
    margin-top: 1.9em;
    /*margin-left: 16.7em;*/
}

.centrarTextBox td {
    text-align: center;
}

.centrarTextBoxes {
    width: auto;
}

#GridFechas {
    border-right: blue 0.1em solid;
    border-top: blue 0.1em solid;
    border-left: black 0.1em solid;
    border-bottom: black 0.1em solid;
}

.tablaPersFecha th {
    background-color: #F5F5F5 !important;
    /*width: 9.5em;*/
}


    .tablaPersFecha th:last-child {
        border-right: #D8D8D8 0.01em solid;
    }

/*.tablaPersFecha th:first-child{
    border-left:#D8D8D8 0.01em solid;
}*/


#margenGridComidas {
    margin-top: 4.4em;
    margin-left: 0em;
    margin-right: 0em;
}

.margenGridAlimentos {
    margin-top: -1.8em;
    margin-left: 0em;
    margin-right: 0em;
}

.lblFechaSeleccionada {
    padding: 1em;
    text-align: center;
    margin-left: 19em;
    font-size: 1.25em;
}

#margenPestañasComidas {
    margin-top: 2.25em;
}

.centrado {
    margin-left: auto;
    margin-right: auto;
}

.tablaElegirCategoria td:hover {
    background-color: #f5f5f5;
}

.totalCaloriasComida {
    display: inline-block;
    margin-top: 1.25em;
    margin-left: 25.5em;
    background-color: #f5f5f5;
}





#divPieChart {
    margin-left: 12em;
    margin-top: 2em;
    margin-bottom: -2em;
    width: 62em;
    height: 22em;
}

#pieChart {
    width: 100em;
    height: 200%;
    margin-top: 2.5em;
}

.lblNoDatos {
    position: absolute;
    margin-left: 20em;
    margin-top: -16.25em;
    margin-bottom: -24em;
}


.btnCambiarGrafico {
    margin-left: 17.5em;
}

/*#verGraficoModal .modal-content{
    width:50em;
    position:absolute;

}*/

#verGraficoModal .modal-content {
    width: 50em;
    overflow: hidden;
}

#verGraficoModal .modal-body {
    overflow: hidden;
}




.titulosGrafico1 {
    margin-top: 2em;
    margin-left: -16em;
}

.titulosGrafico2 {
    margin-left: 26em;
    font-size: large;
}



#addMomentoComidaModal .modal-body {
    overflow: hidden;
    max-height: 50em;
}

/*
#addAnadirAlimentoModal .modal-content {
    width: 44em;
    position: absolute;
}

#addAnadirAlimentoModal .modal-body {
    overflow-x: hidden;
    max-height: 45em;
}
    */
#editAlimentoModal .modal-content {
    width: 44em;
    position: absolute;
}

#editAlimentoModal .modal-body {
    max-height: 45em;
}




#addCategoriaAlimentoModal .modal-body {
    max-height: 53em;
}
/*#addAnadirAlimentoModal .modal-footer{
     margin-top:1em;

 }*/

/*ACTIVIDAD FISICA*/


#margenPrincipalActividadFisica {
    margin-top: 8em;
}



#botonesActividadFisica {
    margin-left: -2.8em;
}


.alignCategoriaActividad {
    margin-top: -1.25em;
}

#pieCategoria {
    margin-top: -1.5em;
}

#deporteIndividualModal .modal-content {
    width: 66em;
    position: absolute;
    margin-left: -10em;
}

#deporteGrupoModal .modal-content {
    width: 46em;
    position: absolute;
}

#txtEditCaloriasActividad {
    padding: 1.8em;
}


#deporteIndividualModal .modal-body {
    max-height: 53em;
}

.resumenActividadFisica {
    margin-left: 12em;
    margin-bottom: 1.8em;
}

#divLineChart {
    width: 40em;
    height: 30em;
}



#divBarChart {
    height: 28em;
}

#divPieChartActividades {
    margin-top: 2.5em;
    margin-bottom: -15.3em;
    margin-left: 6em;
}


.btnFitbit {
    margin-top: 3em;
    margin-left: 27.5em;
}


/*PERFIL DE EMERGENCIA*/

#datosPrincipalesPerfilEmergencia {
    margin-left: 5.5em;
    margin-bottom: 3em;
}

    #datosPrincipalesPerfilEmergencia #fecha {
        margin-bottom: 0.5em;
        margin-top: 1em;
    }

.tituloTablaPerfilEmergencia {
    text-align: center;
    margin-bottom: -4em;
    margin-top: 4em;
}

.tituloCentrado {
    text-align: center;
}

.btnAnadirPerfil {
    margin-top: 3em;
    margin-left: 23em;
}


/*NOTIFICACIONES*/
.itemTabla {
    color: black;
}

    .itemTabla:hover {
        text-decoration: none;
        color: black;
    }

.table-hoverNotificacion > tbody > tr:hover > td {
    background-color: #a0a0a0;
}

.btnNotificaciones {
    margin-top: 3.2em;
    margin-left: 7em;
}

    .btnNotificaciones > button {
        margin-left: 3.2em;
    }

.bloqueNotificaciones {
    border-top: 0.05em solid #dddddd;
    border-left: 0.05em solid #dddddd;
    border-right: 0.05em solid #dddddd;
    border-bottom: 0.05em solid #dddddd;
    border-radius: 0.5em;
    margin-left: 5em;
    margin-right: 0.625em;
}



.btnMarcadoNotificaciones {
    margin-top: 4em;
    margin-left: 16em;
}

.marcarSeleccionadas {
    margin-left: 4em;
}

#bloqueNoDatosNotificaciones {
    margin-top: 30em;
    margin-left: -5em;
}

.tamNoDatos {
    font-size: 1.5em;
    color: black;
}

/*CALENDARIO*/


@media (min-width: 975px) {
    #margenCalendario {
        margin-top: 3em;
        margin-left: 2em;
        margin-right: 0.7em;
    }
}

@media (max-width: 975px) {

    #margenCalendario {
    margin-top: 10em;
    margin-left: 3.5em;
    margin-right: 0.7em;
}

}


#CategoriasCalendario {
    width: 100%;
    margin-left: 9em;
    margin-bottom: 2em;
    margin-top: -1.25em;
}

.buttonMargen {
    color: white;
    margin-left: 1.25em;
}


/*PERFIL USUARIO*/



.separador {
    border-top: 0.01em solid #dddddd;
    /*margin-top: 1em;
    margin-bottom: 1em;*/
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
}


.txtCenterBloquePerfil {
    text-align: center;
    background-color: #E0F8F7; /*#E0E0E7;*/
    height: 4.5em;
    margin-top: -0.001em;
    padding: 0.03em;
    border-radius: 0.5em;
    
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
}



    .txtCenterBloquePerfil .botonAdd {
        margin-top: -0.1em;
        margin-left: 0.5em;
    }


.bloquePerfil {
    border-top: 2px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0.8em;
    margin-left: 4em;
    margin-right: 0.7em;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
}

.contenidoPerfil {
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 2.5em;
    margin-bottom: 3em;
}

.campo {
    padding: 0.3em;
}

.btnEditarPerfil {
    float: right;
    margin-top: -0.6em;
}


.tituloDatos {
    font-weight: bold;
    float: left;
}

.valorDatos {
    font-weight: normal;
    margin-right: 1.25em;
}

#txtCorreoElectronico {
    width: 150px;
}

#txtImagen {
    width: 70px;
}

#txtNombre {
    width: 75px;
}

#txtApellidos {
    width: 85px;
}

#txtDNI {
    width: 45px;
}

#txtFechaNacimiento {
    width: 160px;
}

#txtGrupoSanguineo {
    width: 135px;
}

#txtSexo {
    width: 55px;
}

#txtDireccion {
    width: 85px;
}

#txtCiudad {
    width: 70px;
}

#txtCodigoPostal {
    width: 110px;
}

#txtProvincia {
    width: 85px;
}

#txtTelefono {
    width: 80px;
}

#txtProfesion {
    width: 90px;
}

#txtEstudios {
    width: 80px;
}

#txtEstadoCivil {
    width: 100px;
}

.btnEliminarImagen {
    margin-top: 4em;
    margin-left: 2em;
}

.imgP {
    max-width: 12em;
    max-height: 12em;
    margin-left: 4em;
}

.btnAnadirContactoEmergencia {
    margin-top: 2em;
    margin-left: 20em;
}

#tablaFoto {
    margin-top: 0px;
    border-top-color: white;
}

#subirFoto {
    margin-top: 15px;
    margin-bottom: -40px;
    height: 80px;
}


/*COMPARTIR INFORMACION*/


#bloqueNoDatosCompartirInformacion {
    margin-top: 30em;
    margin-left: -8em;
}

.lblNoDatosCompartirInfo {
    position: absolute;
    margin-left: 20em;
    margin-top: -16.25em;
    margin-bottom: -54em;
    text-align: center;
}

.panelNoDatosCompartirInfo {
    margin-bottom: -18em;
}




/*********************************************************************    SALUD MENTAL    ***************************************************************************/


/*BOTONES SALUD MENTAL*/
.btn-green {
    color: #ffffff;
    background-color: #08B070;
    border-color: #08B079;
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        color: #ffffff;
        background-color: #088A68;
        border-color: #088A68;
    }

    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        background-image: none;
    }

    .btn-green.disabled,
    .btn-green[disabled],
    fieldset[disabled] .btn-green,
    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled:active,
    .btn-green[disabled]:active,
    fieldset[disabled] .btn-green:active,
    .btn-green.disabled.active,
    .btn-green[disabled].active,
    fieldset[disabled] .btn-green.active {
        background-color: #08B070;
        border-color: #08B079;
    }



/*PRINCIPAL SALUD MENTAL*/

#articlesContainerPrincipalSaludMental {
    margin-top: 2em;
    padding: 1em 1em 1em 1em;
    margin-left: 1em;
}

    #articlesContainerPrincipalSaludMental article {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-right: 1em;
    }

        #articlesContainerPrincipalSaludMental article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 17.2em;
            height: 14.5em;
            margin: 3em 0em 2em 2em;
            padding: 0.7em 0.7em;
            text-align: center;
        }

            #articlesContainerPrincipalSaludMental article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }


/*SALUD MENTAL FAVORITOS*/

#btnAnadirEstrella {
    margin-left: 9.3em;
}

#btnAnadirSpecialStar {
    margin-left: 8.5em;
}

.centerTableFavoritos {
    margin-top: 4.4em;
    margin-left: 8em;
    margin-right: 6em;
    border-left: 0.10em solid #dddddd;
    border-right: 0.05em solid #dddddd;
    border-bottom: 0.05em solid #dddddd;
}




.radioButtonListAnadirSaludMental {
    list-style: none;
    margin-left: 2em;
    padding: 0;
}

.radioButtonListAnadirSaludMental {
    margin-left: 0.5em;
    margin-top: 1em;
}

    .radioButtonListAnadirSaludMental.vertical li {
        display: inline;
          margin-left:-3em;
    }

    .radioButtonListAnadirSaludMental label {
        display: inline;
        margin-left: 0.3em;
      
    }

    .radioButtonListAnadirSaludMental tr td {
        width: 20em;
        
    }



/*SALUD MENTAL ACTIVIDADES*/

.GridSrc {
    float: left;
    margin-left: 4em;
    width: 23em;
    margin-top: 2em;
    margin-bottom: 2em;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
}


.GridDest {
    float: left;
    margin-left: 3em;
    width: 23em;
    margin-top: 2em;
    margin-bottom: 2em;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
}

.GridSrc td {
    background-color: #eee;
    color: black;
    font-size: 10pt;
    line-height: 200%;
    cursor: pointer;
    width: 100px;
}

.GridSrc th {
    background-color: #6C6C6C;
    color: White;
    font-size: 13pt;
    line-height: 200%;
    width: 100px;
    height: 3em;
    border: 0.8px solid black;
}

.GridDest td {
    background-color: #eee;
    color: black;
    font-size: 10pt;
    line-height: 200%;
    cursor: pointer;
    width: 100px;
}


.GridDest th {
    background-color: #08B070 !important;
    color: White;
    font-size: 13pt;
    line-height: 200%;
    width: 100px;
    height: 3em;
    border: 0.8px solid black;
}

#instrucciones {
    margin-left: 25.8em;
    margin-bottom: 1em;
}

.SaveListaActividades {
    float: left;
    margin-left: 3em;
    width: 6em;
    margin-top: 2em;
}

.SeleccionarTipoActividades {
    margin-left: 8em;
}
#labelActividades{
    margin-left:2.5em;
}


/*SALUD MENTAL REGISTROS*/

.margenSupRegistro {
    margin-top: 6em;
}

/*SALUD MENTAL GRAFICOS*/
.btnElegirFechasResumenSM {
    margin-top: 3em;
    margin-left: -27em;
    margin-bottom: 4em;
}

#divPieChartSM {
    margin-left: 1em;
    margin-top: 4em;
    margin-bottom: -10em;
    width: 70em;
    height: 30em;
}

.lblTituloGraficoSM {
    text-align: center;
    font-size: 1.25em;
    margin-top: 5em;
    margin-bottom: 2em;
}

#graficosActividades {
    margin-top: -20em;
    margin-left: 5em;
}

#divBarChartSM {
    margin-left: -4em;
    margin-top: 1em;
    margin-bottom: 10em;
    width: 70em;
    height: 30em;
}

.lblNoDatosSM {
    text-align: center;
    margin-top: 5em;
}


/*********************************************************************    TEA    ***************************************************************************/

/*BOTONES TEA*/
.btn-violet {
    color: #ffffff;
    background-color: #8258FA;
    border-color: #8258FD;
}

    .btn-violet:hover,
    .btn-violet:focus,
    .btn-violet:active,
    .btn-violet.active,
    .open .dropdown-toggle.btn-violet {
        color: #ffffff;
        background-color: #6600CC;
        border-color: #6600CF;
    }

    .btn-violet:active,
    .btn-violet.active,
    .open .dropdown-toggle.btn-violet {
        background-image: none;
    }

    .btn-violet.disabled,
    .btn-violet[disabled],
    fieldset[disabled] .btn-violet,
    .btn-violet.disabled:hover,
    .btn-violet[disabled]:hover,
    fieldset[disabled] .btn-violet:hover,
    .btn-violet.disabled:focus,
    .btn-violet[disabled]:focus,
    fieldset[disabled] .btn-violet:focus,
    .btn-violet.disabled:active,
    .btn-violet[disabled]:active,
    fieldset[disabled] .btn-violet:active,
    .btn-violet.disabled.active,
    .btn-violet[disabled].active,
    fieldset[disabled] .btn-violet.active {
        background-color: #6600CC;
        border-color: #6600CF;
    }

/*PRINCIPAL TEA*/

.articlesContainerPrincipalTEA {
    margin-top: 2em;
    padding: 2px 2px 2px 2px;
    margin-left: -55px;
}

    .articlesContainerPrincipalTEA article {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-right: 40px;
    }

        .articlesContainerPrincipalTEA article figure {
            background-color: White;
            border-radius: 8px;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 240px;
            margin: 30px 1px 20px 20px;
            padding: 10px 10px;
            text-align: center;
        }

            .articlesContainerPrincipalTEA article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }


.btnAuth {
    color: black !important;
    background-color: white !important;
}

a.btnAuth:hover {
    background-color: #E6E6E6 !important;
}


/*INICIO TEA*/

#margenCarousel {
    margin-left: 5em;
    margin-right: 5em;
}

.inicioTEA {
    margin-top: 5em;
    margin-bottom: 2em;
}

#parrafoInicioTEA {
    margin-left: 5em;
}



.carousel-innerTEA > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 300px;
}



/* MI PERFIL TEA*/

.txtCenterBloquePerfilTEA {
    text-align: center;
    background-color: #CCCCFF; /* #D0A9F5;*/
    height: 4.5em;
    margin-top: -0.001em;
    padding: 0.03em;
    border-radius: 0.5em;
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
}

#txtPais {
    width: 3.7em;
}



#txtNombreTutor {
    width: 5.2em;
}


#txtApellidosTutor {
    width: 5.7em;
}

#txtVinculoTutor {
    width: 5em;
}

#txtCorreoTutor {
    width: 10.5em;
}

#txtTelefonoTutor {
    width: 5.6em;
}

/*DATOS GENERALES TEA*/




.radioButtonList {
    list-style: none;
    margin-left: 2em;
    padding: 0;
}

.radioButtonList {
    margin-left: 3em;
    margin-top: 0.2em;
}

    .radioButtonList.horizontal li {
        display: inline;
    }

    .radioButtonList label {
        display: inline;
        margin-left: 0.3em;
    }

    .radioButtonList tr td {
        width: 7em;
    }

.margenRadioButtonList {
    margin-left: 2em;
}

.TBSensorialOtro {
    margin-left: -5.9em;
    margin-top: 0em;
    height: 2em;
}

.TBOtro {
    margin-left: -21em;
    margin-top: 1.6em;
    height: 2em;
}

.cbApoyo {
    margin-left: 2em;
}

.margenCB {
    margin-left: -1em;
    margin-top: 1.8em;
}


#TablaOtrasEnfermedades {
    margin-top: 2em;
}

.centerTableDatosGenerales {
    margin-top: 1em;
    margin-left: 2em;
    border-left: 0.05em solid #dddddd;
    border-right: 0.05em solid #dddddd;
    border-bottom: 0.05em solid #dddddd;
}

.btnAnadirEnDiagnostico {
    margin-left: 22.5em;
    margin-top: 2em;
    margin-bottom: 3em;
}

.tituloTablaDatos {
    text-align: center !important;
    font-size: 20px;
}


#campoBajoTabla {
    margin-top: 2em;
}

.cbApoyo input[type="checkbox"] {
    margin-right: 8px;
}

#txtOtrasDificultadesFPS {
    width: 30em;
}


.bloqueCb {
    margin-top: 1em;
}

/*diagnostico*/
#txtOtrasDificultadesFPS {
    width: 27em;
}

#TablaPersonasConvivencia {
    margin-top: 2em;
}

#editOtrosDatosTEA .modal-body {
    min-height: 55em;
}

/*#cbOtroNoSoporta, #txtOtroNosoporta {
    display: inline-block;
}*/

.margenCbNoSoportaOtro {
    margin-top: 0.2em;
}

.margenCBOtro {
    margin-left: -1em;
}


.txtOtro {
    margin-left: -26em;
    width: 15em;
    height: 2em;
    margin-top: -0.4em;
}

.txtOtroDC {
    margin-left: -14em;
    width: 15em;
    height: 2em;
    margin-top: -0.4em;
}

/* bloque otros datos*/

#txtTipoVivienda {
    width: 9.6em;
}

#txtTipoEscolarizacion {
    width: 12.2em;
}

#txtCursoEscolarizacion {
    width: 13em;
}

#txtServiciosTerapeuticos {
    width: 17.5em;
}

#txtIdioma {
    width: 4.6em;
}

#txtManoDominante {
    width: 9.5em;
}


#txtOtrasDificultades {
    width: 26.8em;
}

#txtHabilidadesDestacadas {
    width: 19.4em;
}





#txtIntereses {
    width: 6em;
}

#txtNoSoporta {
    width: 7em;
}

#txtProductosApoyo {
    width: 11.2em;
}

#txtEscalas {
    width: 19.8em;
}


/* bloque familia*/
#txtNombreFamilia {
    width: 16.6em;
}

#txtApellidosFamilia {
    width: 6em;
}

#txtTelefonoFamilia {
    width: 5.8em;
}

#txtCorreoFamilia {
    width: 10.5em;
}

#txtCentroSanitarioFamilia {
    width: 17.2em;
}

#txtInteresFamilia {
    width: 26.5em;
}

/*bloque to */
#txtNombreTO {
    width: 10em;
}

#txtTelefonoTO {
    width: 1em;
}

#txtNombreTO {
    width: 5.3em;
}

#txtApellidosTO {
    width: 5.8em;
}

#txtTelefonoTO {
    width: 5.6em;
}

#txtCorreoTO {
    width: 10.5em;
}

/*.margenSeparador{
    
 
}*/

/*TEA DATOS ESPECIFICOS*/



.tabAutismoEspecificos {
    font-size: 2em;
    font-weight: bold;
    width: 9.8em;
    text-align: center;
}

.autismo > li > a {
    color: #8258FA !important;
}

.encuadreTest {
    margin-left: 70px;
    margin-top: 80px;
    margin-right: 30px;
}


.tituloTest {
    color: #8258FA;
    font-size: 20px;
    margin-top: 3em;
}

.preguntaTest {
    width: 800px;
    margin-top: 20px;
}

/*rating  basico*/
.rating-c .br-widget {
    height: 52px;
}

    .rating-c .br-widget a {
        display: block;
        width: 35px;
        height: 35px;
        float: left;
        background-color: #e3e3e3; /*gris*/
        margin: 2px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
        line-height: 2.2;
        text-align: center;
        color: #b6b6b6; /* color de los numeros (gris mas oscuro)*/
    }

        .rating-c .br-widget a.br-active,
        .rating-c .br-widget a.br-selected {
            background-color: #8258FA; /* este es el azul de la cabecera */
            color: white;
        }


/*rating cif*/

.rating-g .br-widget {
    height: 25px;
}

    .rating-g .br-widget a {
        display: block;
        width: 50px;
        height: 16px;
        float: left;
        background-color: #e3e3e3;
        margin: 1px;
    }

        .rating-g .br-widget a.br-active,
        .rating-g .br-widget a.br-selected {
            background-color: #8258FA;
        }

    .rating-g .br-widget .br-current-rating {
        line-height: 1.1;
        float: left;
        padding: 0 20px 0 20px;
        color: #646464; /*texto lateral seleccionado*/
    }


.margenRatingG {
    margin-top: 1em;
    margin-bottom: 2em;
}



.txtOtroTest {
    margin-left: -44.5em;
    width: 15em;
    height: 2em;
    margin-top: -0.4em;
}


.txtOtroTestCuestionario {
    margin-left: -50.5em;
    width: 15em;
    height: 2em;
    margin-top: -0.4em;
}


.btnEvaluacion {
    margin-left: 23em;
    margin-top: 2em;
}


.tablaEvaluaciones {
    margin-left: -0.5em;
    margin-top: -0.2em;
}

.encuadreCbEspecificos {
    margin-left: 2em;
}

/*Cuestionario DIA A DIA*/

.anterior {
    float: left;
    margin-left: -35em;
}

.siguiente {
    float: right;
}

.fin {
    float: right;
}


.btnGuardar {
    margin-top: 2em;
    float: left;
    margin-left: 16em;
    margin-bottom: 4em;
}

.btnGuardar2 {
    margin-top: 2em;
    float: left;
    margin-left: 3em;
    margin-right: 15em;
    margin-bottom: 4em;
}


.containerCuestionarioDiaDia {
    margin-left: 15em;
    margin-top: 2em;
}


/*Cuestionario TIC*/


.radioButtonListFrecuencia label {
    display: inline;
    margin-left: 0.3em;
}

.colorTea {
    color: #8258FA;
}

.margenPreguntaTestTic {
    margin-top: 3em;
}


/*INTERVENCION*/

#margenMenuIntervencion {
    margin-top: 8em;
    margin-left: 0em;
}


/*EJEMPLOS*/

#margenEjemplosTEA {
    margin-top: 5em;
    margin-left: 2em;
}


.bloqueEjemplos {
    border-top: 2px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0.8em;
    box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);
    margin-left: 2em;
}


#BloqueAgendas {
    height: 22em;
    width: 30.62em;
}

#contenidoAgendas {
    margin-top: 5em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.textoAgenda {
    width: 9em;
}

#textoa2 {
    margin-left: -0.4em;
}

#textoa3 {
    margin-left: 0.4em;
}


#BloqueHistoriasSociales {
    height: 22em;
    width: 30.62em;
}

#contenidoHistoriasSociales {
    margin-top: 5em;
    margin-left: 0.4em;
    margin-right: 1em;
}


.textoHS {
    width: 10em;
    margin-left: -0.5em;
    margin-right: -2em;
}

#textohs2 {
    margin-left: 1em;
    width: 8.1em;
}

#textohs3 {
    margin-left: -1em;
}

#margenBloqueAplicaciones {
    margin-top: 2em;
    margin-left: 0em;
}


#BloqueAplicaciones {
    height: 31em;
}

.bordesApp {
    border-radius: 1.3em;
}

.bordesApp1 {
    border-radius: 0.9em;
}



.bordesApp2 {
    border-radius: 0.5em;
}


#contenidoApliaciones {
    margin-top: 5em;
    margin-left: 6em;
    margin-right: 0em;
}

.aplicacionMargen {
    margin-top: 3em;
}

.textoApp {
    width: 12em;
}

#textoApp1 {
    margin-left: -1em;
}

#textoApp2 {
    margin-left: 0em;
}

#textoApp3 {
    margin-left: -0.5em;
}

#textoApp4 {
    margin-left: -1.3em;
}

#textoApp5 {
    margin-left: -1em;
}


#textoApp6 {
    margin-left: -1em;
}

#textoApp7 {
    margin-left: -2em;
}

#textoApp8 {
    margin-left: -2.5em;
}



/*CONTENIDOS PROPUESTOS*/


.tituloPropuesta {
    color: #8258FA;
    font-size: 25px;
    margin-top: 2em;
}

#btnCompletarDatos {
    margin-top: 2em;
}


#NoDatos {
    margin-top: 5em;
    font-size: 1.2em;
    text-align: center;
}

#encuadreContenidos {
    margin-left: 5em;
}




.Tablapropuesta {
    margin-top: 3em;
}

/*MAS SERVICIOS*/



.articlesContainerSubMenuMasServicios {
    margin-left: 2em;
    margin-top: -2em;
    padding: 1em 1em 1em 1em;
}

    .articlesContainerSubMenuMasServicios article {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-left: 2em;
    }

        .articlesContainerSubMenuMasServicios article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerSubMenuMasServicios article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }




/*********************************************************************    MAYORES    ***************************************************************************/

/*BOTONES MAYORES*/
.btn-orange {
    color: #ffffff;
    background-color: #FE642E;
    border-color: #FE642D;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-color: #E62E00;
        border-color: #E62E04;
        color: white;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-orange:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #E62E00;
        border-color: #E62E04;
    }

.btn-location {
    color: #ffffff;
    background-color: #417CDB;
    border-color: #417CDB;
    margin-right: 11px;
    margin-top: 17px;
}

    .btn-location:hover,
    .btn-location:focus,
    .btn-location:active,
    .btn-location.active,
    .open .dropdown-toggle.btn-location {
        color: #ffffff;
        background-color: #285E8E;
        border-color: #285E8E;
    }

    .btn-location:active,
    .btn-location.active,
    .open .dropdown-toggle.btn-location {
        background-image: none;
    }

    .btn-location.disabled,
    .btn-location[disabled],
    fieldset[disabled] .btn-location,
    .btn-location.disabled:hover,
    .btn-location[disabled]:hover,
    fieldset[disabled] .btn-location:hover,
    .btn-location.disabled:focus,
    .btn-location[disabled]:focus,
    fieldset[disabled] .btn-location:focus,
    .btn-location.disabled:active,
    .btn-location[disabled]:active,
    fieldset[disabled] .btn-location:active,
    .btn-location.disabled.active,
    .btn-location[disabled].active,
    fieldset[disabled] .btn-location.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

.btn-location .badge {
    color: #5bc0de;
    background-color: #fff;
}

/*PRINCIPAL MAYORES*/





.articlesContainerPrincipalMayores {
    margin-top: 70px;
    /*padding: 2px 2px 2px 2px;*/
}

    .articlesContainerPrincipalMayores article {
        /*width: 30%;*/
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        /*margin-right: -15px;*/
    }

        .articlesContainerPrincipalMayores article figure {
            background-color: White;
            border-radius: 8px;
            /* box-shadow: 4px 4px 12px 1px rgba(0,0,0,0.5);*/
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 240px;
            margin: 30px 1px 20px 20px;
            padding: 10px 10px;
            text-align: center;
        }

            .articlesContainerPrincipalMayores article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }

#subAplicaciones {
    margin-bottom: 10px;
}

.letrasNaranja {
    color: #FE642E;
}



/*PERFIL MAYORES*/




.articlesContainerPerfilM {
    margin-top: 5em;
    padding: 1em 1em 1em 1em;
    margin-left: 3em;
}

    .articlesContainerPerfilM article {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        padding: 0em 1em;
        color: #666;
        margin-right: 7em;
    }

        .articlesContainerPerfilM article figure {
            background-color: White;
            border-radius: 1em;
            box-shadow: 0.5em 0.5em 1.5em 0.1em rgba(0,0,0,0.5);
            width: 15.5em;
            height: 13.5em;
            margin: 2em 1em 1.5em 1em;
            padding: 1em 1em;
            text-align: center;
        }

            .articlesContainerPerfilM article figure:hover {
                -moz-transform: scale(1.1,1.1);
                -webkit-transform: scale(1.1,1.1);
                -o-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
            }



.menuInferior {
    margin-top: -7em;
}


.articlesContainerPerfilM article figure:hover {
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}



/* DATOS PERSONALES*/

.txtCenterBloquePerfilMayores {
    text-align: center;
    background-color: #F5D0A9; /* #D0A9F5;*/
    height: 4.5em;
    margin-top: -0.001em;
    padding: 0.03em;
    border-radius: 0.5em;
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.2);
}


/* DATOS DE SALUD*/

.pestanaMayor li {
    color: orange;
}

/*MI ENTORNO*/
.tablaOpciones {
    width: 100%;
}




.radioButtonListConvivencia {
    margin-left: 0.8em;
    margin-top: 1em;
}

    .radioButtonListConvivencia.horizontal li {
        display: inline;
    }

    .radioButtonListConvivencia label {
        display: inline;
        margin-left: 0em;
    }

    .radioButtonListConvivencia tr td {
        width: 9em;
    }

.radioButtonListAyuda {
    margin-left: 0.8em;
    margin-top: 1em;
}

    .radioButtonListAyuda.horizontal li {
        display: inline;
    }

    .radioButtonListAyuda label {
        display: inline;
        margin-left: 0em;
    }

    .radioButtonListAyuda tr td {
        width: 7em;
    }


.txtOtroConvivencia {
    margin-left: -25em;
    width: 15em;
    height: 2em;
    margin-top: -0em;
}

.txtOtroAyuda {
    margin-left: -24.5em;
    width: 15em;
    height: 2em;
    margin-top: -0em;
}

.margenTopCBOtro {
    margin-left: -1em;
    margin-top: 0.3em;
}


.tablaOpciones tr {
}

.Ancho {
    width: 8em;
}


#editContextoSocial .modal-body {
    /*overflow: hidden;*/
    min-height: 45em;
}

.txtOtroServicio {
    margin-left: -22.5em;
    width: 15em;
    height: 2em;
    margin-top: -0em;
}


#lblNucleoConvivencia {
    width: 12em;
}

#lblServicioAyudaDomicilio {
    width: 15em;
}

#lblRedesApoyoDisponibles {
    width: 15em;
}

#lblPersonasServicio {
    width: 19.6em;
}

#lblFrecuencia {
    width: 24.5em;
}

#lblRedesApoyo {
    width: 14.5em;
}

#lbTipoVivienda {
    width: 9em;
}

#lblAdaptaciones {
    width: 8em;
}

#lblBarreras {
    width: 13em;
}



/*PRODUCTOS DE APOYO*/

#lblUsaGafas {
    width: 6em;
}

#lblMotivoUsoGafas {
    width: 1em;
}

#lblOtrosProductosVision {
    width: 9em;
}

#lblUsaAudifono {
    width: 7.5em;
}

#lblOidoUsa {
    width: 3.5em;
}


#lblUsaBaston {
    width: 6.7em;
}

#lblBastonRegulable {
    width: 6em;
}


#lblBastonPlegable {
    width: 5.3em;
}

#lblBastonEmpunadura {
    width: 11em;
}

#lblBastonRuedas {
    width: 10em;
}


#lblBastonConteras {
    width: 6em;
}

#lblBastonAccesorios {
    width: 7em;
}

#lblUsaMuleta {
    width: 8em;
}


#lblMuletaPierna {
    width: 12em;
}


#lblMuletaRegulable {
    width: 6em;
}

#lblMuletaEmpunadura {
    width: 11em;
}

#lblUsaAndador {
    width: 7.5em;
}

#lblAndadorRuedas {
    width: 10em;
}

#lblAndadorRegulable {
    width: 6.5em;
}


#lblAndadorPlegable {
    width: 5.7em;
}

#lblAndadorAccesorios {
    width: 7em;
}

#lblSillaRuedas {
    width: 10em;
}

#lblSillaAutodirigida {
    width: 7em;
}

#lblTipoSilla {
    width: 7em;
}

#lblUsaPastillero {
    width: 8em;
}

#lblTipoPastillero {
    width: 9.3em;
}

#lblFrecuenciaPastillero {
    width: 6.7em;
}




/* GRAFICOS*/

.verResumenActividadesMayores {
    margin-left: -0em;
    margin-top: 5em;
}

.ChartCaloriasSeguimientoMayores {
    margin-top: 3em;
    margin-left: 9em;
}

.lblGraficoSeguimientoMayores {
    margin-top: 4em;
}

.ChartActividadesSeguimientoMayores {
    margin-top: 3em;
    margin-left: 6em;
}


/*CONTENIDOS*/

#ContenidoBienvenida {
    margin-left: 1em;
}


.tituloContenidos {
    color: #FE642E;
    font-size: 25px;
    margin-top: 2em;
}

#modalVideo .modal-body {
    max-height: 800px;
    height: auto;
    overflow-y: auto;
}

#modalVideo .modal-dialog {
    width: 850px;
}

.ScrollModal {
    overflow: auto;
}


.radioButtonListPermisos{
    margin-left:1em;
}

.radioButtonListPermisos label {
    display: inline;
    /*margin-left: 0.3em;*/
    margin-right:3em;
}

