/*
 *  Symfony Demo Application by @symfony
 *  License: MIT License
 */

/* Basic styles
   ------------------------------------------------------------------------- */
p, ul, ol {
    font-size: 19px;
    margin-bottom: 1.5em
}

li {
    margin-bottom: 0.5em
}

code {
    background: #ecf0f1;
    color: #5A6B7D;
}

.text-danger, .text-danger:hover {
    color: #e74c3c
}

i {
    margin-right: 0.25em
}

.table.table-middle-aligned th,
.table.table-middle-aligned td {
    vertical-align: middle;
}

/* Utilities
   ------------------------------------------------------------------------- */
.m-b-0 { margin-bottom: 0 }

/* Page elements
   ------------------------------------------------------------------------- */

body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

header {
    
}

header ul.nav li {
    margin-bottom: 0
}

header .locales a {
    padding-right: 10px
}

.navbar{
    background-color: #ECF0F1 !important;
    /*border-right: 1px solid darkgrey;*/
    -moz-box-shadow:    3px 3px 5px 0px #ccc;
    -webkit-box-shadow: 3px 3px 5px 0px #ccc;
    box-shadow:         3px 3px 5px 0px #ccc;   
}
.navbar-brand, .navbar-nav>li>a{
    color:#1a1a1a !important;
}
.navbar-brand, .navbar-nav>li>a:hover{
    color:#189c9c !important;
}

.body-container {
    -webkit-flex: 1;
    flex: 1;
    /* needed to prevent pages with a very small height and browsers not supporting flex */
    min-height: 600px
}

.body-container #main h1, .body-container #main h2 {
    margin-top: 0
}

#sidebar .section {
    margin-bottom: 2em
}

#sidebar p {
    font-size: 15px
}

#sidebar p + p {
    margin: 1.5em 0 0
}

footer {
    background: #ecf0f1;
    margin-top: 2em;
    padding-top: 2em;
    padding-bottom: 2em
}

footer p {
    color: #7b8a8b;
    font-size: 13px;
    margin-bottom: 0.25em
}

footer #footer-resources {
    text-align: right
}

footer #footer-resources i {
    color: #7b8a8b;
    font-size: 28.5px;
    margin-left: 0.5em
}

.modal-body{
    align-content: center;
}

#sourceCodeModal h3 {
    font-size: 19px;
    margin-top: 0
}

#sourceCodeModal h3 small {
    color: #7b8a8b;
    font-size: 80%
}

#sourceCodeModal pre {
    margin-bottom: 2em;
    padding: 0
}

#confirmationModal .modal-dialog {
    width: 500px
}

#confirmationModal .modal-footer button {
    min-width: 75px
}
.btn-propi{
    padding: 5px !important;
    margin: 8px;
}
.navbar-brand, .navbar-nav>li>.btn-propi {
    color:#ffffff !important;
}
#menuHeader{
    padding-top: 10px;
    padding-right: 10px;
    max-height: 65px;
}

#menuHeader > .container{
    width: 100%;
}

.usuari-header{
    font-size: 30px;
}
/* Misc. elements
   ------------------------------------------------------------------------- */
.section.rss a {
    color: #f39c12;
    font-size: 21px;
}

/* Forms
   ------------------------------------------------------------------------- */
.form-group.has-error .form-control {
    border-color: #e74c3c
}

.form-group.has-error .control-label {
    color: #e74c3c
}

.form-group.has-error .help-block {
    background-color: #e74c3c;
    color: #fff;
    font-size: 15px;
    padding: 1em
}

.form-group.has-error .help-block ul,
.form-group.has-error .help-block li {
    margin-bottom: 0
}
.form-group.has-error .help-block li + li {
    margin-top: 0.5em;
}

textarea {
    max-width: 100%
}

/* Page: 'Technical Requirements Checker'
   ------------------------------------------------------------------------- */
body#requirements_checker header h1 {
    margin-bottom: 0;
    margin-top: 0
}

body#requirements_checker header h1 span {
    font-size: 120%;
    opacity: 0.7;
    padding: 0 5px
}

body#requirements_checker .panel li {
    margin-bottom: 1em
}

/* Page: 'Homepage'
   ------------------------------------------------------------------------- */
body#homepage {
    text-align: center
}

/* Page: 'Login'
   ------------------------------------------------------------------------- */
body#login #login-users-help p {
    font-size: 15px;
    line-height: 1.42857
}

body#login #login-users-help p:last-child {
    margin-bottom: 0
}

body#login #login-users-help p .label {
    margin-right: 5px
}

body#login #login-users-help p .console {
    display: block;
    margin: 5px 0;
    padding: 10px
}

/* Pacientes */

.paciente{
    text-align: center;
    border: 1px dashed gray;
    border-radius: 5px;
    padding: 0.5vw;
    margin: 1vw;
    height: 175px; 
}

.trabajador{
    text-align: center;
    border: 1px dashed gray;
    border-radius: 5px;
    margin: 1vw;
}

.ficha{
    border: 1px dashed gray;
    border-radius: 5px;
    margin: 1vw;
    padding: 2vh 2vw 2vh 2vw;
}
.usuario{
    text-align: center;
    border: 1px dashed gray;
    border-radius: 5px;
    padding: 0.5vw;
    margin: 1vw;
    height: 175px; 
}






/* Common Blog page elements
   ------------------------------------------------------------------------- */
.post-metadata {
    color: #b4bcc2;
    font-size: 19px;
    margin-bottom: 16px;
}
.post-metadata .metadata {
    margin-right: 1.5em;
}

.post-tags .label {
    margin-right: 5px;
}

/* Page: 'Blog index'
   ------------------------------------------------------------------------- */
body#blog_index h1,
body#blog_index p {
    margin-bottom: 0.5em
}

body#blog_index article.post {
    margin-bottom: 3em;
}

body#blog_index .post-metadata {
    font-size: 16px;
    margin-bottom: 8px;
}

body#blog_index .post-tags .label-default {
    background-color: #e9ecec;
    color: #6d8283;
}
body#blog_index .post-tags .label-default i {
    color: #a3b2b2;
}

/* Page: 'Blog post show'
   ------------------------------------------------------------------------- */
body#blog_post_show h3 {
    margin-bottom: 0.75em
}

body#blog_post_show .post-tags .label-default {
    background-color: #e9ecec;
    color: #6D8283;
    font-size: 16px;
    margin-right: 10px;
    padding: .4em 1em .5em;
}
body#blog_post_show .post-tags .label-default i {
    color: #95A6A7;
}

body#blog_post_show #post-add-comment {
    margin: 2em 0
}

body#blog_post_show #post-add-comment p {
    margin-bottom: 0
}

body#blog_post_show #post-add-comment p a.btn {
    margin-right: 0.5em
}

body#blog_post_show .post-comment {
    margin-bottom: 2em
}

body#blog_post_show .post-comment h4 {
    font-size: 13px;
    line-height: 1.42857;
    margin-top: 0
}

body#blog_post_show .post-comment h4 strong {
    display: block
}

/* Page: 'Comment form error'
   ------------------------------------------------------------------------- */
body#comment_form_error h1.text-danger {
    margin-bottom: 1em
}

/* Page: 'Backend post index'
   ------------------------------------------------------------------------- */
body#admin_post_index .item-actions {
    white-space: nowrap
}

body#admin_post_index .item-actions a.btn + a.btn {
    margin-left: 4px
}

/* Page: 'Backend post show'
   ------------------------------------------------------------------------- */
body#admin_post_show .post-tags .label-default {
    background-color: #e9ecec;
    color: #6D8283;
    font-size: 16px;
    margin-right: 10px;
    padding: .4em 1em .5em;
}
body#admin_post_show .post-tags .label-default i {
    color: #95A6A7;
}


@media (min-width: 768px) and (max-width: 1200px) {
    .container {
        width: 98%;
    }
}


/* Scroll per a el autocomplete */
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 150px;
z-index: 5000;
}
/*INFORMES*/
.pagination{
    font-size: 13px;
}

.fondoInforme{
    width: 100%;
}

.contenedorInforme{
    position: relative;
    display: inline-block;
}
.textoInforme{
    position: absolute;
    top: 200px;
    padding:30px;
}
.textoInforme > div > p{
    font-size:15px!important;
}