/* 
    Created on : 02-abr-2019, 15:25:12
    Author     : mauendara
*/

* {
    font-family: 'Roboto';
}

body {
    font-family: 'Roboto';
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: 'Roboto';
}

/* common styles */
.center-element {
    margin: 0 auto;
}

.no-border {
    border: none;
}

/* login page */
.perxona-login-logo {
    vertical-align: bottom;
    height: 50px;
}

/* cabecera page */
.perxona-cabecera-logo {
    vertical-align: bottom;
    height: 110px;
    display: block;
    margin: 0px auto;
}

.cabecera-certificacion{
    vertical-align: bottom; 
    width: 100%;
    display: block;
    margin: 0px auto;
}

.cabecera-certificacion-perxona{
    vertical-align: bottom; 
    width: 30%;
    display: block;
    margin: 0px auto;
}

.menuLink {
    background-image: none !important; 
    color: #858585 !important;

}
.menuLink:hover , .menuLink:focus{
    background-image: none !important; 
    color: #6ec5ff !important;
}

a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .1s;
}

a:hover, a:focus {
    background-size: 100% 2px;
}

body .ui-widget-content.no-border {
    border: none;
}

.botonParentesco{
    width:70px;
    font-size: 120%;
    height: 30px;
    background-color: #EBE2A9 !important;
    color: black !important;
}

.ui-panelgrid.no-border .ui-panelgrid-content {
    border: none;
}

.password-dialog div.ui-dialog-titlebar {
    background-color: #6ec5ff !important;
    color: #ffffff !important;
}

.password-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: #ffffff !important;
}

.title-h {
    margin-block-start: 0;
    margin-block-end: 0;
}

.sinbordes{
    border:none;

}

.margenTabView{
    display: block;
    padding-left: 5px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-right: 5px;
}
.title-dos {
    font-size: 26px;
    color: #afafc0;
    font-weight:bold
}

.red-btn {
    background-color: red;
} 

.colorDatosR {
    color: black;
}

.colorHeaderText {
    color: #ffffff;
}

.dialogoCertificar {
    top: 70px;
}

.marginBotton, .ui-calendar.marginBotton input {
    margin-bottom: 10px !important;
}

.marginTop, .ui-calendar.marginTop input {
    margin-top: 5px !important;
}

.sub_title{
    text-align: left;
}

.login-center {
    display: inline-grid;
    padding: 12px 0px;
    width: 60%;
}

/* register page */
.login-body .login-panel .ui-g-12.half-ui-g-padding {
    padding: 6px 0px;

}

.panelObjS{   
    border: rgba(0, 0, 0, 0.1) 1px solid;
    -webkit-box-shadow: 5px 7px 16px 1px rgba(0,0,0,0.34); 
    box-shadow: 5px 7px 16px 1px rgba(0,0,0,0.34);
}

.data-inteligenxia .ui-datagrid-header {
    border: none;
    padding: 0px;
}

.data-inteligenxia .ui-paginator-top {
    border: none;
}

.data-inteligenxia .ui-paginator-bottom {
    border: none;
}

.titulosInfoGrupo{
    font-size: 130%;
    color: #6ec5ff;

}

.panelObj{   
    border:1px solid #ddd;
    border-radius: 0px 30px 0px 30px;
}

.panelObj:hover{
    -webkit-box-shadow: 5px 7px 16px 1px rgba(0,0,0,0.34); 
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.40);
    font-weight: bolder !important;
}

.fondo-login {
    background-image: url("/perxona/javax.faces.resource/images/fondo1.jpg.xhtml;jsessionid=H4GLQyM4f-LfHOZLZ0sJKTDU3mDXuu4kc4IBn2qG.dooku?ln=perxona");
    background-repeat: no-repeat; 
    background-size: auto;
}

.no-padding-sides {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.register-panel .ui-selectonemenu .ui-selectonemenu-label {
    padding: 10px 10px !important;
}

.register-panel .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    top: 6px !important;
}

/* menu */
.menu-top-panel2 .ui-widget-content {
    border-bottom: none;
}

.menu-bottom-panel .ui-widget-content {
    border-top: none;
}

.icono-menu {
    position: absolute;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    cursor: pointer;
}

.boton-menu {
    background-color: transparent ! important;
    border: none !important; 

}

.zoomIt{
    display:block!important;
    -webkit-transition:-webkit-transform 1s ease-out;
    -moz-transition:-moz-transform 1s ease-out;
    -o-transition:-o-transform 1s ease-out;
    -ms-transition:-ms-transform 1s ease-out;
    transition:transform 1s ease-out;
}
.zoomIt:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.treePolitica{

    text-align: left !important;
}

.treeP{
    width:auto !important;

}
.icono-column {
    position: relative;
    width: 8%;
    text-align: center;
}

/*Foto menú */
.user-menu {
    height: 80px;
    width: 80px;
    border-radius: 0px 30px 0px 30px;
    border: 2px solid; 
}

.user-menuj {
    height: 80px;
    width: 120px;
    border-radius: 10%;
    border: 2px solid;
    padding: 5px;
}

/* Foto menú */
.user-column {
    width: 35%;
    text-align: left;
    padding-top: 36px !important;
    padding-left: 50px !important;
}

.logo-menu {
    height: 156px;
    z-index: 0;
}

.logo-column {
    width: 15%;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.totalesDerecha{
    font-size: 85%;

}

.totalesDerecha .ui-panelgrid-cell {
    padding: 1px !important;
    text-align: right !important;
}

.totalesIzquierda{
    font-size: 85%;
    margin-left: 12px;
}

.totalesIzquierda .ui-panelgrid-cell {
    padding: 1px !important;
    text-align: left !important;
}

.panelTotalesI{
    margin-top: -10px !important;
    font-size: 90%;
    font-weight: bolder ! important;

}
.panelTotalesI .ui-panelgrid-cell {
    padding: 1px !important;
    text-align: left !important;
}
.panelTotalesD{
    margin-top: -10px !important;
    font-size: 90%;
    font-weight: bolder ! important;

}
.panelTotalesD .ui-panelgrid-cell {
    padding: 1px !important;
    text-align: left !important;
}

.nombre-menu {
    position: relative;
    height: 100%;
    z-index: 0;
    width: 100%;
}

.perxona-logo-cabecera{
    z-index: 0;
    height: 156px;
    width: 100%;
}

.nombre-column {
    position: relative;
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    width: 57%;
    height: 156px;
    z-index: 0;
}

#menu-options-id {
    display: none;
    transition: all 2s linear;
}

.columna-menu.ui-panel {
    border: none;
    text-align: left;
}

.columna-menu div.ui-panel-content {
    padding: 0;
}

.columna-menu div.ui-panel-titlebar {
    padding-left: 14px;
    border-bottom: 1px solid #858585;
}

.primera-columna * a, .primera-columna * a:hover {
    color: #1b6bad;
}

.datagrid-menu div div div.ui-datagrid-column{
    padding-left: 0px;
    padding-right: 0px;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.datagrid-no-border div.ui-datagrid-content {
    border: none;
    text-align: left;
}

.treeTableObjetos {
    background-color: #6ec5ff !important;
    border-color: #777777 !important;
    color: #000000 !important; 

}


/*Estilos tablas */
.ui-datatable thead th {
    background-color: #6ec5ff !important;
    border-color: #777777 !important;
    color: #000000 !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-highlight {
    color: #000000 !important;
    background-color: #cccccc !important;
    border-color: #777777 !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    color: #ffffff !important;
    background-color: #cccccc !important;
    border-color: #777777 !important;
}

/* Estilos relaciones */
.ui-datatable.relacion th {
    background: #f0ebeb !important;
}

.ui-progressbar-label{
    width: 50px;
}

.titulos_importantes.ui-fieldset .ui-fieldset-legend {
    margin-bottom: 20px;
    font-size: 24px;
}

.titulos_importantes-nomargin.ui-fieldset .ui-fieldset-legend {
    margin-bottom: -10px;
    font-size: 24px;
}

.titulos_internos.ui-fieldset .ui-fieldset-legend {
    margin-bottom:20px;
    font-size: 14px;
}

body .ui-fieldset .ui-fieldset-legend{
    margin-bottom:20px;
    color: black;
    font-size: 14px;
}

body .ui-datagrid.menu-grid {
    text-align: left;
    border: none;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    border :none;
    width: 25%;
    background: whitesmoke;
    margin: initial;
    padding: initial;
}

body .ui-fileupload .ui-fileupload-content {
    display:  none;
}

.verticalCenterColumn {
    vertical-align: bottom !important;
}

body .ui-toolbar {
    border: none;
    opacity: unset;
}

body .ui-widget-header {
    background: none;
}

.ui-shadow {
    box-shadow: none;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    display: none;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1), .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) {
    width: 45%;
    padding: 4px;
}

.center-column{
    text-align: center;
}

.titulo-derecha{
    position: relative;
    height: 40px;
    left: 800%;
    font-weight: bold;
}

.right {
    text-align: right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}

.progress-bar-vertical.ui-progressbar {
    border: 0 none;
    background-color: #ffffff;
    transform: rotate(270deg);
    height: 52px;
    width: 164px;
    top: 50px;
    left: -52px;
}

.progress-perxona div div:nth-child(2) .ui-panelgrid-cell {
    height: 160px;
}

.textEditor-no-border .ql-container.ql-snow {
    border: none;
    padding: 0px;
}

.ql-snow * {
    padding: 0px
}

.cell-horizontal .ui-panelgrid.form-group .ui-panelgrid-cell {

    height: 160px;
    width: 90px
}

.dataTable.ui-datatable table{
    table-layout: auto;
}

.ui-datagrid-no-border .ui-datagrid-content {
    border: none;
} 

.ui-paginator .ui-paginator-current{
    display: none;
}
.grid-portada .ui-panelgrid .ui-panelgrid-content {
    background-color: whitesmoke;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav {
    background-color: whitesmoke !important;
    text-align: center; 
}

.boton-perjuridica .ui-button .ui-button-text{
    background-color: white;
    color: black;
}

.custom-padding-menu div div:nth-child(1) .ui-panelgrid-cell { 
    padding-bottom: 0px; 
} 

.custom-padding-menu div div:nth-child(2) .ui-panelgrid-cell { 
    padding-top: 2px; 
    padding-left: 7px; 
}

.boldLabelSelectItems.ui-selectonemenu label.ui-selectonemenu-label {
    font-weight: bold;
    font-size: 14px;
}

.bluePanel.ui-panel .ui-panel-titlebar{
    color: #0084b4;
}

.panelFondoNegro .ui-panel-titlebar{
    background-color: #100C08;
    color: white;
}

.panelFondoAzul .ui-panel-titlebar{
    background-color: #6ec5ff;
    color: white;
}

.panelFondoVerde .ui-panel-titlebar{
    background-color: #4CB626;
    color: white;
}

.panelFondoAmarillo .ui-panel-titlebar{
    background-color: #F0F051;
    color: white;
}

/* botón grabar */
.ui-boton-grabar {
    position: fixed; 
    right: 40px; 
    top: 50%; 
    z-index: 999;
    font-size: 16px !important;
    width: 88px; 
}

/* Grabar datos básicos persona natural y jurídica */
.ui-save-personan {
    position: fixed; 
    right: 40px; 
    top: 50%; 
    z-index: 999;
    font-size: 18px !important;
    width: 90px;
    height: 50px; 
    background-color: red !important
}

.no-fieldset-legend-padding .ui-fieldset-legend {
    margin-bottom: 0px !important;
}

.personan-fieldset-rules div div .ui-panelgrid-cell {
    padding-left: 0px;
}

.personan-no-padding div div .ui-panelgrid-cell {
    padding-top: 0px;
    padding-bottom: 4px;
}

.personan-fieldset-rules * .ui-state-disabled {
    opacity: 1;

    background-color: #e2e2e2;

} 

/* Campos no editables */
.input-disabled {
    background-color: #f1f1f1 !important;
}

.alignmentRight {
    text-align : right;
    border: 1px solid black;
    background-color: lime;
}

.ui-button.ui-state-disabled {
    background-color: #cccccc !important;
}

/* registro colaborativo (detalle_invitacion) */
.fieldset-no-padding .ui-fieldset-content {
    padding: 0 !important;
}

.fieldset-no-padding .ui-panelgrid-cell {
    padding: 0 !important;
}

.panelgrid-padding .ui-panelgrid-cell {
    padding: 4px 20px !important;
}

.ui-datatable-data> tr> td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}


.formatCard{
    border-radius: 0px 0px 3px 3px;
    background-color:
        #ffffff;
    border: solid 1px
        #dce2e7;
    width: 479px;
    margin: 0 auto 40px;
    border-top-width: 0px;
}

.wrong{
    color:red;
    font-size: 10pt;
    font-family: 'Roboto';
    text-align: right;
}

.good{
    color:green;
    font-size: 10pt;
    font-family: 'Roboto';
    text-align: right;
}

.borderDemo {
    background-color:powderblue;
}

.className td {
    text-align: left;
}
body .ui-panelgrid-tarjeta.ui-widget-content {
    padding: 0px 0px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    background-color: transparent !important;
}    

.classCondiciones p{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    text-align: left;
}

.classVencimiento{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    text-align: left;
}
.infoPortada{
    font-size: 20px; 
    font-family: sans-serif;
}
.tarjetaFranja{
    border:none !important;
    text-align: center ;
    height:40px; 
    padding:0 !important;
}
.panelFechaV{

    bottom:0px !important;
    font-weight: bold ;
    background-color: transparent !important;
    bottom:0px !important;
    border:none !important;
    size: auto !important;
    text-align: center;

}

.panelPrex .ui-panelgrid-cell{
    padding:1px !important;    
}
.panelCardAmigos{
    position: relative ;
    width: 100%  ;
    left: 0px ;  
    border:none;

}
.panelCard{
    position: relative ;
    width: 106%  ;
    left: 0px ;  
    height: 80% ;
    border:none;
}
.fondo-tarjeta:after {
    content: "";
    background: url("/perxona/javax.faces.resource/images/perxona_gris.png.xhtml;jsessionid=H4GLQyM4f-LfHOZLZ0sJKTDU3mDXuu4kc4IBn2qG.dooku?ln=perxona");
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat; 
    background-size: contain;
    background-position: right;
}
.fondo-panel{

    background: url("/perxona/javax.faces.resource/images/perxona_gris_fondo.png.xhtml;jsessionid=H4GLQyM4f-LfHOZLZ0sJKTDU3mDXuu4kc4IBn2qG.dooku?ln=perxona");
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat; 
    background-size: contain;
    background-position: right;

}

.mypanel{
    background: url("/perxona/javax.faces.resource/images/perxona_gris.png.xhtml;jsessionid=H4GLQyM4f-LfHOZLZ0sJKTDU3mDXuu4kc4IBn2qG.dooku?ln=perxona");
    opacity: 0.3;
    background-repeat: no-repeat; 
    background-size: contain;
    background-position: right;
}
.classD td {
    padding-left: 0px;
    padding-right: 0px;
}

.classOverlay .ui-menubutton .ui-state-default{
    background-color:transparent;
    font-size: 16px;
    font-weight: bold;
    border:none;
}

ul{
    padding: 0;
    list-style: none; 
    text-align: center; 
}
.ulMenuTarjeta li{
    display: inline-block;
    position: relative;
    line-height: 21px;
}
.ulMenuTarjeta li a{
    color:#F0F8FF;
    font-size: 16px;
    font-weight: bold;  
}
.ulMenuTarjeta li a:hover{
    color: #FFFFFF;
    cursor: pointer;
}
ul li ul.dropdown-menu{
    display: none;
    position: absolute;
    z-index: 999999;
    left: 0;
    text-align: left;
}

.quitarPaddingColumnas{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.descripcionRecompenxaTitulo{
    text-align: center;
    font-size: 150%;
    width: 140px; 
    overflow-x: hidden;
    height: 52px; 
    overflow-y: hidden; 
    display:block;
    overflow-wrap: break-word;
}

.descripcionRecompenxa{
    height: 125px;
    overflow-y: hidden; 
    background-color:#f0f0f0 !important;
}
.contenedor{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
}

.descripcionCertificacion{
    height: 60px; 
    overflow-y: hidden; 
    overflow-wrap: break-word;
    background-color:#f0f0f0 !important;
}

.titulos_internos_certificacion.ui-fieldset .ui-fieldset-legend {
    font-size: 14px;
    margin-bottom: 5px;
}

.ui-orderlist .ui-orderlist-list {
    text-align: left;
    width: 250px;
    height: 300px; 

}

.ui-panelgrid-cell .sin-padding {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    word-wrap: break-word;}

.bordeSombreado{
    -webkit-box-shadow: 5px 7px 16px 1px rgba(0,0,0,0.34); 
    box-shadow: 5px 7px 16px 1px rgba(0,0,0,0.34);
}

#vla_content{
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#panelImagen_content{
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.titulo-modal{
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.tablaPc {
    width: 100%;
}

.tablaPc tbody  {
    width: 100%;
}

.tablaPc tbody tr {
    width: 100%;
}

.tablaPc tbody tr td {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 5vh;
}

.tablaPc tbody tr td:first-child {
    justify-content: flex-start;
}

.timeline-frame .timeline-event {
    border-color: whitesmoke !important;
}

.vis-item {
    background-color: white !important;
    border-color: #BDBABA !important;
    padding: 0px !important;
}

.vis-item.vis-box {
    border-radius: 5px !important;
}

/* Icono menú de baldosas en inteligenxia */
.inteligenxia-icon {
    font-size: 160%;
    background-image: none !important;
}
.inteligenxia-icon:hover {
    color: black;
}

/* Icono menú de baldosas en Grupos */
.tarjeta-icon {
    font-size: 160%;
    color: white;
    background-image: none !important;
}
.tarjeta-icon:hover {
    color: #6ec5ff;
}

.editor-icon {
    font-size: 180% !important;
    color: black !important;
    background-image: none !important;
}
.editor-icon:hover {
    color: #3bb1ff !important;
}

.boton-negro .ui-button {
    background-color: black;
}

.onemenu-size.ui-selectonemenu .ui-selectonemenu-label {
    font-size: 200%;
}

.button-size.ui-button .ui-button-text {
    font-size: 200%;
}

.fondoPicker .ui-button {
    background-color: transparent;
}

body .booleanCheckbox.ui-chkbox {
    width: auto;
}

body .booleanCheckbox .ui-chkbox-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

body .booleanCheckbox .ui-chkbox-label {
    vertical-align: middle;
    margin-top: 0;
}

.confirmInteligenxia  {
    left: 80px !important;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert {
    padding: 0px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.base-timer {
    position: relative;
    width: 130px;
    height: 130px;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 10px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.base-timer__path-remaining.green {
    color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
    color: orange;
}

.base-timer__path-remaining.red {
    color: red;
}

.base-timer__label {
    position: absolute;
    width: 130px;
    height: 130px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Identidad */
.modelo_head{
    background-color: #6EC5FF;
    text-align: center;
    color: white;
    font-weight: bold;
    border-left: 1px solid #777777;
    border-right: 1px solid #777777; 
    border-top: 1px solid #777777;

}
.modelo_body{
    text-align: center;
    border: 1px solid #777777;
}

.cover {
    object-fit: cover;
}