.layout {width: 100%; height: 100%;}
.layout-center {padding: 0px 0px 30px 0px; text-align: left; vertical-align: top;}

.group {width: 100%;}
.group-title {height: 32px; background: #ffffff; border-bottom: 1px #eeeeee solid;}
.group-title-layout {height: 100%; cursor: pointer;}
.group-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.group-title-layout-text {}
.group-title-layout-text-layout {height: 100%;}
.group-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.group-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #666666;}
.group-body {background: #ffffff;}
.group-body-layout-collapsed {width: 100%; display: none;}
.group-body-layout-collapsed-contenido {}
.group-body-layout-expanded {width: 100%; display: block;}
.group-body-layout-expanded-contenido {}

.group-selected {width: 100%;}
.group-selected .group-title {height: 32px; background: #eeeeee; border-bottom: 1px #dddddd solid;}
.group-selected .group-title-layout {height: 100%; cursor: pointer;}
.group-selected .group-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.group-selected .group-title-layout-text {}
.group-selected .group-title-layout-text-layout {height: 100%;}
.group-selected .group-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.group-selected .group-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #000000;}
.group-selected .group-body {background: #ffffff;}
.group-selected .group-body-layout-collapsed {width: 100%; display: none;}
.group-selected .group-body-layout-collapsed-contenido {}
.group-selected .group-body-layout-expanded {width: 100%; display: block;}
.group-selected .group-body-layout-expanded-contenido {}

.audiencias {width: 100%;}
.audiencias-title {height: 32px; background: #ffffff; border-bottom: 1px #eeeeee solid; padding: 0px 0px 0px 20px;}
.audiencias-title-layout {height: 100%; cursor: pointer;}
.audiencias-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.audiencias-title-layout-text {}
.audiencias-title-layout-text-layout {height: 100%;}
.audiencias-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.audiencias-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #666666;}
.audiencias-body {background: #ffffff;}
.audiencias-body-layout-collapsed {width: 100%; display: none;}
.audiencias-body-layout-collapsed-contenido {}
.audiencias-body-layout-expanded {width: 100%; display: block;}
.audiencias-body-layout-expanded-contenido {}

.audiencias-selected {width: 100%;}
.audiencias-selected .audiencias-title {height: 32px; background: #eeeeee; border-bottom: 1px #dddddd solid; padding: 0px 0px 0px 20px;}
.audiencias-selected .audiencias-title-layout {height: 100%; cursor: pointer;}
.audiencias-selected .audiencias-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.audiencias-selected .audiencias-title-layout-text {}
.audiencias-selected .audiencias-title-layout-text-layout {height: 100%;}
.audiencias-selected .audiencias-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.audiencias-selected .audiencias-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #000000;}
.audiencias-selected .audiencias-body {background: #ffffff;}
.audiencias-selected .audiencias-body-layout-collapsed {width: 100%; display: none;}
.audiencias-selected .audiencias-body-layout-collapsed-contenido {}
.audiencias-selected .audiencias-body-layout-expanded {width: 100%; display: block;}
.audiencias-selected .audiencias-body-layout-expanded-contenido {}

.juzgados {width: 100%;}
.juzgados-title {height: 32px; background: #ffffff; border-bottom: 1px #eeeeee solid; padding: 0px 0px 0px 40px;}
.juzgados-title-layout {height: 100%; cursor: pointer;}
.juzgados-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.juzgados-title-layout-text {}
.juzgados-title-layout-text-layout {height: 100%;}
.juzgados-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.juzgados-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #666666;}
.juzgados-body {background: #ffffff;}
.juzgados-body-layout-collapsed {width: 100%; display: none;}
.juzgados-body-layout-collapsed-contenido {}
.juzgados-body-layout-expanded {width: 100%; display: block;}
.juzgados-body-layout-expanded-contenido {}

.juzgados-selected {width: 100%;}
.juzgados-selected .juzgados-title {height: 32px; background: #eeeeee; border-bottom: 1px #dddddd solid; padding: 0px 0px 0px 40px;}
.juzgados-selected .juzgados-title-layout {height: 100%; cursor: pointer;}
.juzgados-selected .juzgados-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.juzgados-selected .juzgados-title-layout-text {}
.juzgados-selected .juzgados-title-layout-text-layout {height: 100%;}
.juzgados-selected .juzgados-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.juzgados-selected .juzgados-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #000000;}
.juzgados-selected .juzgados-body {background: #ffffff;}
.juzgados-selected .juzgados-body-layout-collapsed {width: 100%; display: none;}
.juzgados-selected .juzgados-body-layout-collapsed-contenido {}
.juzgados-selected .juzgados-body-layout-expanded {width: 100%; display: block;}
.juzgados-selected .juzgados-body-layout-expanded-contenido {}

.gbyear {width: 100%;}
.gbyear-title {height: 32px; background: #ffffff; border-bottom: 1px #eeeeee solid; padding: 0px 0px 0px 60px;}
.gbyear-title-layout {height: 100%; cursor: pointer;}
.gbyear-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.gbyear-title-layout-text {}
.gbyear-title-layout-text-layout {height: 100%;}
.gbyear-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.gbyear-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #666666;}
.gbyear-body {background: #ffffff;}
.gbyear-body-layout-collapsed {width: 100%; display: none;}
.gbyear-body-layout-collapsed-contenido {}
.gbyear-body-layout-expanded {width: 100%; display: block;}
.gbyear-body-layout-expanded-contenido {}

.gbyear-selected {width: 100%;}
.gbyear-selected .gbyear-title {height: 32px; background: #eeeeee; border-bottom: 1px #dddddd solid; padding: 0px 0px 0px 60px;}
.gbyear-selected .gbyear-title-layout {height: 100%; cursor: pointer;}
.gbyear-selected .gbyear-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.gbyear-selected .gbyear-title-layout-text {}
.gbyear-selected .gbyear-title-layout-text-layout {height: 100%;}
.gbyear-selected .gbyear-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.gbyear-selected .gbyear-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #000000;}
.gbyear-selected .gbyear-body {background: #ffffff;}
.gbyear-selected .gbyear-body-layout-collapsed {width: 100%; display: none;}
.gbyear-selected .gbyear-body-layout-collapsed-contenido {}
.gbyear-selected .gbyear-body-layout-expanded {width: 100%; display: block;}
.gbyear-selected .gbyear-body-layout-expanded-contenido {}

.gbmonth {width: 100%;}
.gbmonth-title {height: 32px; background: #ffffff; border-bottom: 1px #eeeeee solid; padding: 0px 0px 0px 80px;}
.gbmonth-title-layout {height: 100%; cursor: pointer;}
.gbmonth-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.gbmonth-title-layout-text {}
.gbmonth-title-layout-text-layout {height: 100%;}
.gbmonth-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.gbmonth-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #666666;}
.gbmonth-body {background: #ffffff;}
.gbmonth-body-layout-collapsed {width: 100%; display: none;}
.gbmonth-body-layout-collapsed-contenido {}
.gbmonth-body-layout-expanded {width: 100%; display: block;}
.gbmonth-body-layout-expanded-contenido {}

.gbmonth-selected {width: 100%;}
.gbmonth-selected .gbmonth-title {height: 32px; background: #eeeeee; border-bottom: 1px #dddddd solid; padding: 0px 0px 0px 80px;}
.gbmonth-selected .gbmonth-title-layout {height: 100%; cursor: pointer;}
.gbmonth-selected .gbmonth-title-layout-imagen {width: 16px; padding: 0px 0px 0px 8px;}
.gbmonth-selected .gbmonth-title-layout-text {}
.gbmonth-selected .gbmonth-title-layout-text-layout {height: 100%;}
.gbmonth-selected .gbmonth-title-layout-text-layout-imagen {padding: 0px 4px 0px 0px;}
.gbmonth-selected .gbmonth-title-layout-text-layout-titulo {font: normal 9pt tahoma; color: #000000;}
.gbmonth-selected .gbmonth-body {background: #ffffff;}
.gbmonth-selected .gbmonth-body-layout-collapsed {width: 100%; display: none;}
.gbmonth-selected .gbmonth-body-layout-collapsed-contenido {}
.gbmonth-selected .gbmonth-body-layout-expanded {width: 100%; display: block;}
.gbmonth-selected .gbmonth-body-layout-expanded-contenido {}

.audiencia {width: 100%;}
.audiencia-center {background: #fcfcfc; border-bottom: 1px #dddddd solid; padding: 5px 5px 5px 20px;}
.audiencia-center-fecha {margin: 2px;}
.audiencia-center-fecha-image {width: 25px; text-align: center; vertical-align: middle;}
.audiencia-center-fecha-text {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-center-audiencia {margin: 2px;}
.audiencia-center-audiencia-text {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-center-juez {margin: 2px;}
.audiencia-center-juez-text {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-center-lugar {margin: 2px;}
.audiencia-center-lugar-text {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}

.audiencia-fecha {margin: 2px;}
.audiencia-fecha-left {width: 25px; text-align: center; vertical-align: middle;}
.audiencia-fecha-right {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-causa {margin: 2px;}
.audiencia-causa-center {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-toca {margin: 2px;}
.audiencia-toca-center {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-delito {margin: 2px;}
.audiencia-delito-center {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}
.audiencia-resuelve {margin: 2px;}
.audiencia-resuelve-center {font: normal 10pt tahoma; color: #666666; padding: 0px 6px 0px 0px;}

.message {width: 100%; height: 100px;}
.message-left {width: 50px; background: #f9f9f9; text-align: right; vertical-align: middle; border-bottom: 1px #eeeeee solid; padding: 0px 10px 0px 0px;}
.message-right {background: #f9f9f9; font: normal 11pt tahoma; color: #444444; border-bottom: 1px #eeeeee solid; padding: 0px 6px 0px 0px;}

.page-title {width: 100%;}
.page-title-center {padding: 0px 0px 20px 20px;}

.x-text-title {width: 100%;}
.x-text-title .x-text-title-center {font: bold 30pt tahoma; letter-spacing: 0px; background: #b94746; background: linear-gradient(to top, #9685bb 0%, #56476e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}