/* COLORES PRINCIPALES ************************************************************************ */
.ip-fg1 { color:#385cae !important; }
.ip-fg2 { color:#38b5e6 !important; }
.ip-fg3 { color:#d84c1c !important; }
.ip-bg1 { background-color:#385cae !important;}
.ip-bg2 { background-color:#38b5e6 !important;}
.ip-bg3 { background-color:#d84c1c !important;}
.ip-bg1:hover { background-color:#22727d !important; color:#fff !important; }
.ip-bg2:hover { background-color:#235f68 !important; color:#fff !important; }
.ip-bg3:hover { background-color:#EB6C34 !important; color:#fff !important; }

.ip-bg_header { background-color:#385cae !important;}

/* ESTILOS GENERALES ************************************************************************ */
.color-azul     { color: #00f; }
.color-verde    { color: #0c0; }
.color-naranja  { color: #ff5000; }
.color-rojo     { color: #f00; }
.color-amarillo { color: #ff0; }
.color-blanco   { color: #fff; }
.color-negro    { color: #000; }

.fondo-blanco       { background-color: #fff; }
.fondo-verde    	{ background-color: #0c0; }
.fondo-rojo         { background-color: #f00; }
.fondo-amarillo     { background-color: #ff0; }
.fondo-gris-claro   { background-color: #eee; }
.fondo-gris-medio   { background-color: #ddd; }
.fondo-negro        { background-color: #000; }

.bordered-grey { border:1px solid #bbb; }
.borde-verde { border:1px solid #0c0; }
.borde-rojo { border:1px solid #f00; }

.borde-inferior { border-bottom: 3px solid #000 !important; }

.bold   { font-weight: bold !important; }
.bolder { font-weight: bolder !important; }

.versalitas { font-variant: small-caps !important; }
.mayusculas { text-transform: uppercase; }
.nospaces   { white-space: nowrap; }

.separador-10 { margin-top:10px; }
.separador-30 { margin-top:30px; }
.separador-50 { margin-top:50px; }

.monospace { font-family: monospace; }

.oculto { visibility:hidden; display:none; }

.clear-both { clear:both; }
.float-left { float:left !important; }
.float-right { float:right !important; }

.tamano-05 { font-size: 0.5em !important; }
.tamano-08 { font-size: 0.8em !important; }
.tamano-10 { font-size: 1.0em !important; }
.tamano-15 { font-size: 1.5em !important; }
.tamano-30 { font-size: 3.0em !important; }
.tamano-50 { font-size: 5.0em !important; }

/* USO GENERAL ************************************************************************ */
.support-data {
    line-height:30px;
    font-size: 1.1em;
    padding:15px 0px;
}
.support-data a {
    color: inherit;
}
#nuevo_registro a:hover {
    color:#fff;
}
.boton-atras a:hover {
    color:#fff;
}
.mapa-vectorizado {
    width:800px;
    height:500px;
    border:1px solid #ccc;
}
.label-informativo {
    font-size:1.4em !important;
    color:#888 !important;
    margin-bottom:10px;
}
.label-informativo-2 {
    font-size:1.2em !important;
    color:#888 !important;
    margin-bottom:10px;
}
.btn-death {
    background:#000;
    color:#fff;
    border-color:#ccc;
}
.btn-death:hover {
    color:#f00;
}
.cuadro-resultados {
    padding:5px;
    margin-top:1px;
    margin-left:5px;
    width:25px;
    text-align:center;
}
.mouseover:hover {
    cursor:pointer;
}
.input_invisible {
    width:1px;
    height:1px;
    color:transparent;
    background-color:transparent;
    border:0px;
    padding:0px;
    margin:0px;
    line-height:1px;
    float:left;
}
.formlabel_cabecera {
    background-color: #eef;
    font-weight: bold;
    padding:5px 0px 5px 5px;
    margin-bottom:15px;
}
.pastilla {
    text-transform: lowercase;
    font-variant: small-caps;
    padding:4px 8px;
    border-radius:5px;
}
.pastilla-required {
    text-transform: lowercase;
    font-variant: small-caps;
    padding:2px 4px;
    border-radius:5px;
    background-color:#f00;
    color:#fff;
}
/* MÓDULO USUARIOS */
#fa_secret {
    font-family:monospace;
    font-size:1.6em;
}
#fa_code {
    text-align:center;
    font-size:2em;
    font-family:monospace;
}

#testing-container {
	margin-left:50px !important;
	line-height:30px;
	margin-top:10px !important;
	height:30px !important;
	margin:auto;
	text-align:center;
	background:#ffff00;
}
.testing-stripes {
	width:50px;
	background: repeating-linear-gradient(45deg, #000, #000 10px, #ffff00 10px, #ffff00 20px);
	position:relative;
	float:left;
}
#testing-content {
	color:#000;
	font-weight:bold;
	padding:1px 20px 1px 20px;
	position:relative;
	float:left;
}

/* CABECERA DE LA PÁGINA ************************************************************************ */
#header, .page-footer {
	background: #385cae !important;
}
#perfil-usuario-lg {
    color: #fff;
}
#perfil-usuario-lg img {
    height:30px;
    border-radius:15px;
    margin-right:8px;
}
/*
#perfil-usuario-sm {
}
*/
#aviso-2fa {
    text-align:center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:#fff;
    padding-right:2px;
    margin-right:10px;
}
#aviso-2fa a {
    color: #f00;
}
.btn-header > :first-child > a {
    cursor:pointer !important;
}
.btn-header > :first-child > a:hover {
    color:#ff0 !important;
}

.buscador-superior {
    margin:8px 15px 0 0 !important;
}
.buscador-superior span {
    color:#fff !important;
}
.buscador-superior input {
    background:#fff !important;
    color:#000;
}
.buscador-superior #boton-buscador {
    margin-right:0px;
}
.buscador-superior .btn-label {
    background: rgba(255,255,255,.75)
}
#idioma_preferido {
    padding:3px;
    margin-top:12px;
    background:#fff;
    border:1px solid #000;
}

/* LOGOTIPO DEL CLIENTE EN HEADER ************************************************************************ */
#logo-group {
    width:auto !important;
    margin-left:46px;
}
#client-logo-holder {
    margin:10px 0px 0px 10px;
}
#client-logo-holder img {
    height:30px;
    float:left;
}
#client-logo-holder div {
    float:left;
    margin-left:10px;
    color: #fff;
    font-size: 1.5em;
    line-height: 30px;
}

/* PIE DE LA PÁGINA ************************************************************************ */
#pie-usuario {
    color: #fff !important;
    line-height: 30px;
    text-align: left;
    float:left;
    margin-top:-10px;
}
#pie-cliente {
    color: #fff !important;
    line-height: 12px;
    text-align: right;
    float:right;
}
#pie-usuario a, #pie-cliente a {
    color: #fff;
}
#pie-usuario a:hover, #pie-cliente a:hover {
    color: #ff0;
}
.page-footer {
    height: 40px;
}
#developer-help {
    position: absolute;
    bottom:39px;
    left:0px;
    padding:0px 0px 0px 50px;
    height:30px;
    background: #f88 !important;
    color: #fff !important;
    line-height: 30px;
    width:100%;
}
#developer-help a {
    color: #fff;
    margin-right:10px;
}
#developer-help a:hover {
    color: #888;
}

/* MENÚ ************************************************************************ */
body.smart-style-6 aside, body.smart-style-6 nav ul ul {
    /*background-image: linear-gradient(360deg,rgba(150,150,150,.18),transparent);*/
    background-color:#385cae;
}
body.smart-style-6 nav ul li a {
    color: #fff !important;
}
body.smart-style-6 nav ul li:not(.active) a:hover {
    background: #38b5e6;
}
/* COLOR DE ITEM ACTIVO */
body.smart-style-6 nav ul li.active a {
    color: #fff !important;
    background: #38b5e6 !important;
    border-right: 1px solid #385cae;
}
body.smart-style-6 nav ul li.active a:hover {
    color: #385cae;
}

#inferior-dev {
    height: 40px;
    padding: 2px 13px 0;
    background: #385cae;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
    font-size:1.5em;
}
#inferior-dev-name {
    padding: 0px;
    border: 0px;
    width: 100%;
    font-size:10px;
    text-align: center;
    position:absolute;
    top:0px;
    left:0px;
    color:#fff;
    font-weight: 100;
}
#inferior-dev-links {
    margin-top:11px;
}
#inferior-dev a {
    color:#fff;
}
body.smart-style-6.minified nav > ul > li.menu-separador {
    height:1px !important;
    border-bottom:1px solid #ccc !important;
}

/* DASHBOARD ************************************************************************ */
.separador-aviso {
    height:1px;
    border-bottom: 1px dashed #bbb;
    margin:20px 0;
}
.logo-login-container {
    text-align: center;
}
#logo-login {
    height: auto;
    max-width: 360px;
    padding-bottom:50px;
}
#logo-dashboard {
    height: auto;
    max-width: 360px;
    padding-bottom:25px;
}
#intranet {
    font-size: 3em;
    color:#385cae;
}
#welcome-data {
    line-height:2em;
}
.contador {
    font-family:monospace;
    font-size:2.4em;
    margin:-6px 0px 4px 0px;
}
.jarviswidget > header {
    background-image: linear-gradient(270deg,rgba(255,255,225,.18),transparent);
    background-color:#385cae;
    color: #fff;
}

/* LISTADOS ************************************************************************ */
#nuevo_registro {
    float:right;
    padding-top:5px;
}
.inactivo {
    color: #f00;
}
.i-trans {
    width:27px;
    height:12px;
    display:inline-flex;
    background-color:transparent;
}

/* CORRECCIONES GENERALES ************************************************************************ */
#main {
    padding-bottom: 0px;
}
html {
    background: #fff;
}
body.smart-style-6 {
    background-color:#fff;
}
body.smart-style-6 #ribbon {
    background-color:#fbfbfb;
}
.jarviswidget {
    padding:0px;
    border:1px solid #385cae;
}
.jarviswidget .widget-body {
    min-height:auto;
    padding-bottom:0px;
}
.jarviswidget > header {
    border:0px;
}
.jarviswidget > div {
    border:0px;
}
.jarviswidget > header > h2 {
    margin:0px;
    float:none;
    text-align:center;
    font-size:1.4em;
}
#ribbon {
    padding-top:3px !important;
    padding-bottom: 0px;
}
/* Padding en celdas de sortables */
body.smart-style-6 .table > tbody > tr > td, body.smart-style-6 .table > tbody > tr > th, body.smart-style-6 .table > tfoot > tr > td, body.smart-style-6 .table > tfoot > tr > th, body.smart-style-6 .table > thead > tr > td, body.smart-style-6 .table > thead > tr > th {
    padding: 8px 10px;
    vertical-align:middle;
}
/* Anchura de los campos select2 */
.smart-form .btn-label {
    left:0px;
}
.smart-form .boton-texto {
    padding:0px 10px;
}
/* Duplicidad de los campos select2 */
.input-control.select2 {
    display: none !important;
}
/* Ruta de las banderas */
.flag{
    width:16px;
    height:11px;
    background:url('/library/media/images/flags/flags.png') no-repeat;
    margin-top:-.18em;
    display:inline-block
}
/* Banderas asociadas a otras nomenclaturas usadas en smartadmin-production.min.css */
.flag.flag-en { background-position:-176px -44px; } /* Inglés */
.flag.flag-el { background-position:-112px -55px; } /* Griego */
.flag.flag-zh { background-position:-208px -22px; } /* Chino */
.flag.flag-hi { background-position:-128px -66px; } /* Hindi */

.flag.flag-cat { background-position:-192px -165px; } /* Català */
.flag.flag-eus { background-position:-208px -165px; } /* Euskera */
.flag.flag-gal { background-position:-224px -165px; } /* Galego */

/* Indicador de sección activa. Upgrade FA */
nav ul li.active > a::before {
    /*content: url('/intranet/media/images/desarrollo/caret-left.png');*/
    content: url('');
    height: 18px;
    width: 10px;
    position: absolute;
    right: -5px;
    line-height:27px;
}
.minified nav > ul > li.active > a::before {
    /*content: url('/intranet/media/images/desarrollo/caret-left.png');*/
    content: url('');
    height: 18px;
    width: 10px;
    position: absolute;
    right: -5px;
    line-height:27px;
}
/* Espacio en icono para expandir/reducir el menú */
body.smart-style-6 .minifyme {
    padding: 3px 3px 2px 3px;
}
.minifyme {
    height:30px;
}
/* Corrige una limitación de font-awesome con pseudoelementos. Se necesita especificar font-family y font-weight */
.ui-spinner-down::before,
.ui-spinner-up::before,
.select2-container .select2-choice .select2-arrow b::before,
.select2-selection__arrow b::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

/* Espacio interior superior en contenido de tabs */
.tab-content {
    margin-top:25px;
}
/* Elementos del menú */
.smart-style-6 nav ul li a {
    color: #400 !important;
}
.smart-style-6 nav ul li.active > a, .smart-style-6 nav ul li.active > a b {
    color: #fff !important;
}
/* MAYÚSCULAS EN LOS MENÚS */
body.smart-style-6 nav > ul > li > a {
    text-transform: none;
}
/* ESTRUCTURA INPUTS */
body.smart-style-6 .form-control, body.smart-style-6 .smart-form .icon-append, body.smart-style-6 .smart-form .icon-prepend, body.smart-style-6 .smart-form .input input, body.smart-style-6 .smart-form .select select, body.smart-style-6 .smart-form .textarea textarea {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left:10px;
}
/* ANCHURA POR DEFECTO DE LOS SPINNERS (antes 100%) */
.ui-spinner {
    width:auto;
}
/* POSICIÓN DEL ICONO EN EL TIMELINE */
.smart-timeline-icon {
    line-height:28px;
}
/* POSICIÓN DE LA LINEA VERTICAL EN EL TIMELINE */
.smart-timeline-list::after {
    left: 107px;
    background-color: #385cae;
}

/* Altura de los iconos en formularios tipo outer-smart-form */
.outer-smart-form .input-icono {
    line-height: 30px;
}
/* Fuente del icono de los switch */
.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch::before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch::before {
    font-family: 'Font Awesome 5 Pro';
}
/* Espacio vertical de los switch */
.onoffswitch {
    margin-top: 7px;
}
/* Posicionamiento del texto en botones */
.btn-xs {
    padding: 2px 5px 0px 5px;
}

/* CORRECIONES UX */
.bg-info-big {
    color: #01579B;
    background-color: #B3E5FC;
    border-color: #03A9F4;
}
.bg-info-big:hover {
    color: #01579B !important;
    background-color: #82d4fa;
}
.bg-danger-big {
    color: #fff;
    background-color: #F44336;
    border-color: #f32c1e;
}
.bg-danger-big:hover {
    color: #fff !important;
    background-color: #ba160a
}
#ribbon {
    padding-left:44px;
    padding-right:44px;
    padding-bottom:2px;
    border-bottom:1px solid #ccc;
}
.bg-primary {
    color: #fff;
    background-color: #385cae;
}
body.smart-style-6 .alert-warning {
    border-color: #F9A825;
    color: #2d271f;
    background-color: #fcd392;
}

/* ACORDEÓN */
.rotate {
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-180deg); /* Firefox */
    -ms-transform: rotate(-180deg); /* IE 9 */
    transform: rotate(-180deg); /* Standard syntax */
}

/* ESTRUCTURA DE FORMULARIOS ************************************************************************ */
.form-error {
    color: #f66;
    padding:0px 4px 4px 4px;
    text-transform: lowercase;
    font-variant: small-caps;
    white-space: nowrap;
}
.control-label {
    text-align:right;
}
.form-grupo {
    clear:both;
}
.control-etiqueta, .control-etiqueta-show {
    text-align:right !important;
    margin-bottom:8px;
    color:#000;
}
.control-etiqueta-left, .control-etiqueta-show-left {
    text-align:left !important;
    margin-bottom:8px;
    color:#000;
}
.control-etiqueta, .control-etiqueta-left {
    padding-top:8px;
    padding-right:10px !important;
}
.control-etiqueta-show, .control-etiqueta-show-left {
    padding-top:0px;
    padding-right:0px !important;
}
.control-etiqueta-sm {
    margin-top:14px;
    color:#000;
}
.input-grupo {
    display:table;
    width:100%;
    margin-bottom:8px !important;
}
.input-icono {
    display:table-cell;
    border:1px solid #a3a3a3;
    /*border-right:0px;*/
    background:#eee;
    min-width:36px;
    width:36px;
    text-align: center;
    line-height: 32px;
    vertical-align: top;
}
.input-control {
    display:table-cell;
    padding-left:8px;
    /* border-left:0px; */
}
.form-info {
    font-size:1.2em;
    color:#aaa;
}
textarea.input-control {
    height:152px;
    margin:0px !important;
}
.smart-form .onoffswitch {
    padding-left:8px;
    margin-top:8px;
}
.rating {
    float:left;
    padding-left:8px;
    padding-right:8px;
    padding-top:3px;
}
.form-line {
    border-bottom: 1px dashed rgba(0,0,0,.4);
    margin-bottom: 15px;
    clear:both;
    /* height:12px; */
}
/*
.form-label {
}
*/
.form-botones {
    clear:both;
    padding: 32px 0px 32px 0px;
}
.select2-selection {
    margin-right:-8px;
}
.select2-selection__rendered {
    padding-left: 8px;
}
#buscador-submit {
    visibility: hidden;
    display: none;
}
.ibcspinner {
    width:80px !important;
    padding:2px;
}

/* DETALLES ************************************************************************ */
.show-group {
    height:32px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 32px;
    margin:8px 0px;
    clear:both;
}
.show-icon {
    float:left;
    width:36px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 7px 9px;
    margin-right:26px;
}
.show-detail {
    float:left;
    line-height:16px;
    padding-top:8px;
    width: calc(100% - 70px) !important;
}
.show-multiline {
    width:100%;
    line-height:24px;
    max-height:300px;
    overflow-y:auto;
}

/* IMÁGENES ************************************************************************ */
.picture-not-available {
    border:1px solid #bbb;
    width:150px;
}
.imagen-th-48 {
    height:48px;
}
.imagen-th-100 {
    width:100px;
}
.imagen-th-200 {
    width:200px;
}
.imagen-radius-24 {
    border-radius: 24px;
}
.imagen-radius-50 {
    border-radius: 50px;
}
.imagen-box, .imagen-box-2 {
    margin-bottom:20px;
    margin-right: 20px;
    background:#fff;
    float:left;
    text-align:center;
    border:1px solid #ddd;
    /*-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);*/
    /*box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);*/
}
.imagen-box img {
    margin:25px;
    border:1px solid #ccc;
    height: 350px;
}
.imagen-box-2 img {
    margin:25px;
    border:1px solid #ccc;
}

/* PASSWORD STRENGTH CHECKER ************************************************************************ */
#strchecker_container span { font-weight: bold; }
#strchecker_container .corto        { color: #ff0000; }
#strchecker_container .debil        { color: #ffa500; }
#strchecker_container .correcto     { color: #cccccc; }
#strchecker_container .fuerte       { color: #2d98f3; }
#strchecker_container .excelente    { color: #32cd32; }

/* ARREGLOS CROPPIE ************************************************************************ */
.croppie-container a.btn-upload {
    background-color: #d9d9d9;
    border:1px solid #b7b7b7;
    color: #000;
    padding: 10px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    cursor: pointer;
    margin:0px 0px 10px 0px;
}
.croppie-container a.btn-upload:hover {
    background-color: #c8c8c8;
}
.croppie-container input[type="file"] {
    cursor: pointer;
}
.croppie-container .file-btn {
    position: relative;
}
.croppie-container .file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.croppie-container .upload-process-wrap {
    border:0px;
    padding-top:20px;
    margin: 0 auto;
    width: 100%;
}
.croppie-container .cr-viewport {
    background: #3daae2 url('/library/media/images/desarrollo/upload-brand.png') center center no-repeat;
    /*background-size: 100px 100px;*/
    border:1px solid rgba(255,255,255,0.5) !important;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.6) !important;
    box-sizing: border-box; /* https://github.com/Foliotek/Croppie/issues/463 */
}
.croppie-container .croppie-button-container {
    text-align:center;
    padding:0px;
    margin:0px;
}
.croppie-bordered {
    border:1px solid #ccc !important;
}

/* MAPAS ***************************************************************************************************** */
#myMap {
    height: 450px;
}
#myMap2 {
    height: 250px;
}
#mapcontent p{
    margin: 0;
    font-size: 16px;
}

/* TABLAS **************************************************************************************************** */
.tabladedatos tr td:last-child, .tabladedatos tr th:last-child {
    width:1%;
    white-space:nowrap;
}
table.lineas_finas {
    width:100%;
    border-bottom: 1px solid #888;
    border-collapse: collapse;
}
table.lineas_finas tr {
    border-top: 1px solid #888;
}
table.lineas_finas th {
    padding:5px;
    background:#ccccff;
    color:#000;
    text-align:center;
}
table.lineas_finas th:not(:last-child) {
    border-right:1px solid #888;
}
table.lineas_finas td {
    padding:5px;
    white-space: nowrap;
}
table.lineas_finas input, table.lineas_finas select {
    border:1px solid #ccc;
}
table.lineas_finas .ui-widget-content {
    background-color:transparent !important;
}

.table-separada th {
    background-color: #385cae;
    color:#fff;
}
.table-separada th i {
    color:#fff;
}
.table-separada tr.table-separador {
    background-color:#dddddd !important;
    border:0px;
}

table.bordes td.cabecera {
    background:#ccf;
    font-weight:bold;
    text-align:center;
    color:#000;
}
table.bordes td.lateral {
    background:#eee;
    font-weight:bold;
    color:#000;
}
table.bordes {
  border-collapse: collapse;
  border: 1px solid #000;
}
table.bordes td {
  border: 1px solid black;
  padding:5px;
}
table.bordes tr:first-child td {
  border-top: 0;
}
table.bordes tr td:first-child {
  border-left: 0;
}
table.bordes tr:last-child td {
  border-bottom: 0;
}
table.bordes tr td:last-child {
  border-right: 0;
}

/* BUSCADOR ************************************************************************ */
.contenedor-buscador {
    height:50px;
    text-align:center;
    background-color: #eaeaea;
    border-bottom:1px solid #ccc;
    padding: 8px 0px;
}
.campo-buscador {
    display: inherit;
    width:400px;
    font-size:1.2em;
    padding:3px 10px 0px 10px;
    background-color:#fff !important;
}
#boton-buscador {
    display: inherit;
    margin-right:25px;
    margin-top:-1px;
    border-radius: 5px;
    padding:6px 12px 4px 12px;
    border:1px solid #c7c7c7;
}
#boton-buscador:hover {
    cursor: pointer;
    background-color: #d8d8d8;
}

#tablaRequired th {
    background-color:#ccc !important;
}

/* LISTINGS ************************************************************************ */
.listing_container {
    margin-bottom:30px;
    border: 1px solid #ccc;
    /*border-left:10px solid #ccc !important;*/
    padding:0px 0px 20px 0px;
    color:#ccc;
}
.listing_container .listing_title {
    background-color: #ccc;
    color:#fff;
    padding:5px 10px;
    font-size:1.2em;
}
.listing_container .listing_form {
    padding:15px 20px 15px 20px;
    color:#888;
    height:50px;
}


.listing_container_activo {
    margin-bottom:30px;
    border: 1px solid #01579B;
    /*border-left:10px solid #01579B !important;*/
    padding:0px 0px 20px 0px;
    color:#000;
}
.listing_container_activo .listing_title {
    background-color: #01579B;
    color:#fff;
    padding:5px 10px;
    font-size:1.2em;
}
.listing_container_activo .listing_form {
    padding:18px 20px 15px 20px;
    height:50px;
}
.listing_container_activo:hover {
    background-color: #f5f5f5;
}

.listing_select_container {
    float:right;
}
.listing_select {
    border: 1px solid #ccc;
    padding: 5px;
    float:left;
    background-color:#fff;
    height: 33px;
    margin-left:10px;
    color: #888;
    line-height: 33px !important;
}

.listing_boton {
    display: inherit;
    margin-right:10px;
    margin-left:-4px;
    padding:7px 12px 6px 12px;
}
.listing_boton:hover {
    cursor: pointer;
    background-color: #bbb;
}

/* BUSCADOR SUPERIOR ************************************************************************ */
.buscador-submit {
    visibility: hidden;
    display: none;
}
.boton-buscador {
    display: inherit;
    margin-right:10px;
    margin-left:-4px;
    border-radius: 0 3px 3px 0;
    padding:7px 12px 6px 12px;
}
.boton-buscador:hover {
    cursor: pointer;
    background-color: #bbb;
}
.buscador-submit {
    visibility: hidden;
    display: none;
}

/* TIMELINE HORIZONTAL https://www.bootdey.com/snippets/view/timeline-steps ************************************************ */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}
@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #385cae;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #385cae;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}
.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}
.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #385cae
}
.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #385cae;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

/* MODALES DE CONTENIDO */
#modalRead .modal-dialog,
#modalRead .modal-content {
    width:900px !important;
    /*height: 700px;*/
}
#modalRead .modal-body {
    max-height: calc(100vh - 143px);
    overflow-y: auto;
}
#modalRead .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
#modalRead .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#modalRead .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching
    full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}



/* ESPECÍFICOS PROYECTO ******************************************************************************** */

/* BAREMOS */
.show_baremo {
    padding: 10px;
}
.show_baremo_on {
    font-weight: bold;
}
.show_baremo_off {
    color: #bbb;
}

/* RECLAMACIONES > DOCUMENTOS */
.icono-lista-documentos {
    font-size:44px;
    float:left;
    margin-right:10px;
}
.contenedor-documento {
    padding:16px 0px;
    border-bottom: 1px solid #ccc;
}
.contenedor-documento:last-child {
    border-bottom: 0px;
}
.contenedor-documento:hover {
    background-color:#f5f5f5;
}
.contenedor-documento .borrar {
    float:right;
}
#nuevo_titulo {
    padding:5px 10px;
    max-width:500px !important;
    width:90%;
}

/* INFORMES/REPORTES */
.pastilla-tabla {
    display:inline table;
    width:30px;
    padding:3px 3px 1px 3px;
    margin-right:5px;
}

.contenedor_puntuacion {
    margin-top:-5px;
    margin-bottom:-1px;
    /*padding-bottom:-5px !important;*/
    float:right;
    padding:0px 10px;
    height:29px !important;
    width:100px;
    /*background-color:#ccccee !important;*/
    /*height:30px !important;*/
    border-left:7px solid #fff !important;
    /*border:1px solid #000 !important;*/
    line-height:29px;
    text-align:center;
}

.detail_relationship {
    margin:5px 0px;
}





/* PUBLIC */
#main {
	margin-left: 0px;
	font-size: 1.05em;
}
.control-etiqueta {
	font-size: 1.05em;
}
.eliminar_fichero {
	padding: 5px 10px;
	border-radius: 5px;
}
.wtp {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}