.user {
    padding: 6px 12px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #eee;
}

.trucada{
    padding: 2px 4px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
}







/***************************************************
*              Capçalera y layout                  *
***************************************************/

.logotitolcap{
    align-content: center;
    height: 100%;
}


/***************************************************
*                 Estadístiques                    *
***************************************************/

.minigraph {
    margin-bottom: 50px;
    margin-right: 15px;
    float: left;
    text-overflow: ellipsis;
}

.minigraph #titol {
    height: 40px;
    margin-left: 20px;
}

#postMinigraph {
    clear: both;
}


/***************************************************
*                   Misastges                      *
***************************************************/

.missatge {
    border-bottom: 1px solid rgb(153, 153, 153);
    margin: 10px 0px;
    padding: 20px 0px;
}

.bloc_queries {}


/***************************************************
*               DatePicker jquery                  *
***************************************************/

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px !important;
}


/***************************************************
*                     Buttons                      *
***************************************************/

.buttons.center {
    text-align: center;
    margin-top: 100px;
}

.buttons.right {
    text-align: right;
    margin-top: 100px;
}

fieldset {
    margin-top: 3%;
}

.sonvar.level-0 {
    margin-left: 5%;
}

.sonvar.level-1 {
    margin-left: 10%;
}

.sonvar.level-2 {
    margin-left: 15%;
}

.col-md-6 h3 {
    margin-left: -3%;
}

.varinfo {
    margin-left: -3%;
    margin-top: -6%;
    margin-bottom: 2%;
}

.varinfo2 {
    margin-left: -3%;
    margin-top: -2%;
    margin-bottom: 2%;
}

.buttons-end {
    margin-top: 50px;
}


/***************************************************
*              Queries i validacions               *
***************************************************/

.queryRed .alert {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.queryGris .alert {
    background: rgba(204, 204, 204, 0.28);
    border-color: #ccc;
    color: #000;
}

.ma_cursor {
  cursor: pointer;
}


/***************************************************
*          Radio an checkbos disabled              *
***************************************************/

input[type="radio"]:disabled+label:before {
    color: #ccc;
}

input[type="checkbox"]:disabled+label:before {
    color: #ccc;
}


/***************************************************
*                   Loading bar                    *
***************************************************/

#cargando {
    width: 50%;
    position: absolute;
    top: 30%;
    left: 25%;
}

#cargando h5 {
    text-align: center;
}

#loadPage {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


/***************************************************
*              Filter + cerca pacients             *
***************************************************/

.cercador_pacients {}

.cercador_pacients .btn-default {
    margin-top: 2px;
}

.cercador_pacients .cercador {
    height: 35px;
}

.boto_filtrar {
    margin-left: 55%;
}

label.filtre {
    padding-left: 15px;
    padding-right: 15px;
}

.botons-filtre {
    margin-bottom: 25px;
    margin-top: 15px;
    text-align: center;
}

.form-filtre {
    padding-right: 0px !important;
    padding-left: 0px !important;
    float: left;
}


/***************************************************
*    Centrar Radio Buttos i evitar bots de carro   *
***************************************************/

#inform .form-horizontal label,
#inform .form-horizontal label.control-label {
    width: 95%;
    vertical-align: middle;
}


/***************************************************
*   Checkboxes a formularis interns, no formulari  *
***************************************************/

.checkbox_forms {
    float: left;
    margin-top: 11px !important;
}

.checkbox_forms_vue {
    float: left;
    margin-left: 15px !important;
}


.label_checkbox_forms {
    width: auto
}


/***************************************************
*            Ocultar secció llistat forms          *
***************************************************/

.is-collapsed {
    display: none;
}

.boto-seccio {
    border-radius: 0px;
    padding-right: 6px;
}


/***************************************************
*         Detalls sistema columnes bootstrap       *
***************************************************/

.row.nomargin {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
}


/***************************************************
*                  Mensajes de sesión              *
***************************************************/

.sessionmess {
    text-align: center;
    background-color: #ccc;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
}


/***************************************************
*              Registres amb format taula          *
***************************************************/

.columna {
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    overflow: hidden;
}

.querytaula {
    margin-right: 10px;
    float: right;
}

.botonsvartaula {
    float: right;
}

.botonsVFtaula {
    margin-right: 10px;
    float: right;
}

.row.taula {
    margin-left: 0px;
    margin-right: 0px;
}

.buttons-end-taula {
    margin-top: 10px;
    text-align: right;
}

.row.variable {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
}

fieldset.columna {
    margin-top: 0px;
}

.botonsvartaula .fa-exclamation-triangle {
    color: #DF0101;
}

.columna .valor {
    float: left;
    width: 80%;
}

.columna.botonsvartaula {
    widows: 20%;
}

.form-group input[type="radio"] {
    margin-right: 5px;
}

.verticalTableHeader {
    min-width: 50px; /* for firefox */
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}


/***************************************************
*               Registres crear y veure           *
***************************************************/

.info_pacient_esquerra {
    float: left;
    margin-bottom: 20px;
    width: 48%;
}

.info_pacient_dreta {
    float: right;
    margin-bottom: 20px;
    width: 48%;
}

.info_menu_esquerra {
    float: left;
    width: 97%;
}

.info_menu_dreta {
    float: right;
    margin-bottom: 10px;
    width: 3%;
}

.info_firma h6{
    margin-bottom: 2px;
    margin-top: 2px;
}

fieldset {
    margin-top: 0%;
}

/***************************************************
*       Registres aprovació variable a variable    *
***************************************************/

.variable_form.row .validation{
    text-align: center;
    margin-top: 78px;
}

.capsalera.row .validation{
    text-align: center;
}

.peu.row .validation{
    text-align: left;
}

/***************************************************
*                Formulari Crear/Editar            *
***************************************************/

.form-group .tabulat {
    margin-left: 100px;
}

#Pacients #PacientForms {
    margin-top: 50px;
}

#Pacients #PacientForms #formulari.print {
    margin-top: 50px;
    margin-bottom: 50px;
}

#PacientForms .format_impressio {
    border-bottom: 1px solid #ccc;
}

/***************************************************
*               Labels no en negreta               *
***************************************************/
input[type="radio"]+label, input[type="checkbox"]+label{
    font-weight: normal;
}
/***************************************************
*                  Editor fórmulas VUE             *
***************************************************/



.grupCondition{
    margin-left: 5px;
}

.conditionCode  p{
    height: 40px;
    margin-left: 5px;
    margin-right: 0 px;
    margin-top: -10px;
}

.conditionCode {
    float: left;
    width: auto;
    height: 40px;
    border-top: 20px solid #f0ad4e;
    border-bottom: 20px solid #f0ad4e;
    border-left: 5px solid transparent;
    margin-bottom: 5px;
    margin-left: 5px;
}

.punta {
    float: left;
    width: 0;
    height: 0;
    border-left: 5px solid #f0ad4e;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.formeditor_trash{
    width: 60%;
    height: 80px;
    margin-left: 20%;
    margin-top: 25px;
    background: #ccc;
    text-align: center;
    border-radius: 15px;

}
.formeditor_trash .fa-trash{
    font-size: 2em;
    line-height: .75em;
    vertical-align: -15%;
    margin-top: 28px;
}

.llistatcondicions{
    margin-top: 25px;
}

.dragarea{
    min-height: 40px;
}

.dragarea.trash{
    height: 80px;
    background-image: url("/img/trash.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 15px;
    padding-left: 25%;
}

.titol_editor{
    padding-top: 7px;
}

.button_createBlock{
    float: right;
}




/***************************************************
*                     ADMINISTRACIO                *
***************************************************/

.usuari-badge .badge{
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;
    float: left;
}

.usuari-badge .badge .fa.fa-trash{
    cursor: pointer;
}


/***************************************************
*              Formulario lista variables          *
***************************************************/

#FormVarschanges{
    display: block;
    width: 26%;
    margin-left:37%;
    margin-top: 30px;
    height: 45px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

#FormVarschanges .titol{
    margin-top: 4px;
    margin-left: 30px;
    float: left;
}

#FormVarschanges .spinner {
    margin-right: 30px;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    float: right;
}

#FormVarschanges .spinner>div {
    height: 30px;
    width: 6px;
    background-color: #333;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

#FormVarschanges .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

#FormVarschanges .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

#FormVarschanges .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

#FormVarschanges .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}


.tabla-formulario .titulo{
    float: left;
}


.variableTemplate{
    border-radius: 5px;
    margin-top: 5px;
    background-color: #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}


.div{
    background-color: #aaa;
}

.anidar1{
    margin-left: 20px;
}
.anidar2{
    margin-left: 35px;
}
.anidar3{
    margin-left: 50px;
}
.anidar4{
    margin-left: 65px;
}
.anidar5{
    margin-left: 80px;
}
.anidar6{
    margin-left: 95px;
}
.anidar7{
    margin-left: 110px;
}
.anidar8{
    margin-left: 120px;
}
.anidar9{
    margin-left: 7130x;
}
.anidar10{
    margin-left: 140px;
}
.anidar11{
    margin-left: 150px;
}
.anidar12{
    margin-left: 160px;
}
.anidar13{
    margin-left: 170px;
}
.anidar14{
    margin-left: 180px;
}
.anidar15{
    margin-left: 190px;
}



/***************************************************
*    Desplegable VF en el listado del formulario   *
***************************************************/

.bloc_validacions{
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 10px;
}

.badge-success{
    padding: 6px 12px;
    border: 1px solid transparent;
    background-color: rgb(40, 167, 69);
    border-radius: 3px;
    text-transform: uppercase;
    font-family: nexa_boldregular;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857143;
}

.new_block{
    background: #aaa;
    margin: 20px 20px 20px 20px;
    padding: 10px 0px 25px 10px;
}

.bloc_rol_VF{
    border: 2px solid #ccc;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    height: auto;
}

.bloc_rol_VF label{
    height: 40px;
    overflow: hidden;
}

.iconesVF{
    text-align: right;
    margin-right: 10px;
}


/***************************************************
*        Alarmes i plantilles nou Reg generat      *
***************************************************/

.alarma .alarma_missatge{
    margin-bottom: 10px;
}

/***************************************************
*                 Textarea responsive              *
***************************************************/
textarea {

    max-width:100%;

    width:100%;
}

/***************************************************
*           Legend marge superior compatible       *
***************************************************/

legend{
    margin-top: 0em !important;
    padding-top: 1em !important;
}

.pagination>li {display: inline-block;}
    .pagination>li.bwselect {
        vertical-align: top;
        border: 1px solid #ddd;
        padding: 0;
        margin: 0;
        border-left: 0;
    }
        .pagination>li.bwselect select.form-control{height: 32px;border:0;box-shadow:none;}