/*
** Colores estáticos por defecto (se sobreescriben dinamicamente con los que vienen de BD)
*/
:root {
	--color-fondo: #FFFFFF;
	--color-texto-fondo: #FFFFFF;
	--color-subfondo: #FFFFFF;
	--color-texto-subfondo: #FFFFFF;
	--color-seccion: #FFFFFF;
	--color-texto-seccion: #FFFFFF;
	--color-subseccion: #FFFFFF;
	--color-texto-subseccion: #FFFFFF;
	--color-serie: #FFFFFF;
	--color-texto-serie: #FFFFFF;
	--color-expediente: #FFFFFF;
	--color-texto-expediente: #FFFFFF;
}



.r01gContainer body {
	color: #212529;
}

body.no-scroll {
	overflow: hidden;
}

/* ESTRUCTURA */
.r01gContainer .row,
.rup-dialog .row,
.r01gContainer .form-row,
.rup-dialog .form-row {
	margin: 0;
}

.r01gContainer .col,
.rup-dialog .col,
.r01gContainer .col-auto,
.rup-dialog .col-auto {
	padding: 0;
}

.r01gContainer .contenedor-grid,
.rup-dialog .contenedor-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem 0;
}

.r01gContainer .contenedor-grid .row,
.rup-dialog .contenedor-grid .row {
	gap: 3rem;
}

.r01gContainer .contenedor-form-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem 0;
}

.r01gContainer .contenedor-form-grid .form-row,
.rup-dialog .contenedor-form-grid .form-row {
	gap: 1rem;
}

.r01gContainer .w-5 { width: 5rem !important; }
.r01gContainer .w-10rem { width: 10rem !important; }
.r01gContainer .w-15rem { width: 15rem !important; }
.r01gContainer .w-20rem { width: 20rem !important; }
.r01gContainer .w-25rem { width: 25rem !important; }
.r01gContainer .w-30rem { width: 30rem !important; }
.r01gContainer .w-35rem { width: 35rem !important; }
.r01gContainer .w-40rem { width: 40rem !important; }
.r01gContainer .w-45rem { width: 45rem !important; }
.r01gContainer .w-50rem { width: 50rem !important; }
.r01gContainer .w-55rem { width: 55rem !important; }
.r01gContainer .w-60rem { width: 60rem !important; }
.r01gContainer .w-65rem { width: 65rem !important; }
.r01gContainer .w-70rem { width: 70rem !important; }
.r01gContainer .w-75rem { width: 75rem !important; }
.r01gContainer .w-80rem { width: 80rem !important; }
.r01gContainer .w-85rem { width: 85rem !important; }
.r01gContainer .w-95rem { width: 95rem !important; }
.r01gContainer .w-100rem { width: 100rem !important; }
.r01gContainer .w-rupdate { width: 9.8em !important; }

/* CABECERA */
.r01gContainer .content-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background-color: #fdfdfd;
	padding: 1rem 1.25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #e6e6e6;
}
.r01gContainer .content-header > .section-title h2 {
	color: #076a9f;
	margin: 0;
}
.r01gContainer .content-header .user-metadata {
	display: flex;
	gap: 1rem;
	font-size: 0.7rem;
	color: #888;
}

/* TÍTULOS */
div.r01gContainer h2 {
	font-size: 1.5rem;
	font-weight: normal;
	padding: 0;
}

/* FIELDSETS */
.r01gContainer fieldset,
.rup-dialog fieldset {
	border: 1px solid #d0e3ee;
	border-radius: 8px;
	padding: 0;
	margin: 0 0 1rem;
}

.r01gContainer fieldset.fieldset-card {
	/*padding: 0 1rem;*/
}
.r01gContainer fieldset.fieldset-card > div.fieldset-card-title {
	font-size: 1.25rem;
	color: #076a9f;
	padding: 0.75rem 1.5rem;
	border-bottom: 1px solid #d0e3ee;
}
.r01gContainer fieldset.fieldset-card > .fieldset-card-content {
	padding: 1rem 1.5rem;
}

.r01gContainer fieldset ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.r01gContainer fieldset ul li {
	font-size: 1rem;
	padding: 0.25rem;
}
.r01gContainer fieldset ul li span.estadovaloracionserie {
	margin-right: 0.75rem;
}

/* BOTONES */
.r01gContainer .btn {
	font-size: 0.875rem;
	text-transform: none;
	color: #555555;
	border-radius: 8px;
	padding: 0.4rem 1rem;
	box-shadow: none;
	outline: none;
}
.r01gContainer .btn:focus {
	box-shadow: none;
	outline: none;
}

.r01gContainer .btn.btn-global {
	background-color: #555555;
	color: #fff;
	border: 1px solid #555555;
}
.r01gContainer .btn.btn-global:hover {
	background-color: transparent;
	color: #555555;
	border: 1px solid #555555;
	transition-duration: 0.3s;
}

.r01gContainer .btn.btn-global-outline,
.rup-dialog .btn-global-outline {
	background-color: transparent;
	border: 1px solid #555555;
}
.r01gContainer .btn.btn-global-outline:hover,
.rup-dialog .btn-global-outline:hover {
	background-color: #555555;
	color: #fff;
	transition-duration: 0.3s;
}

.r01gContainer .btn-material > i.mdi {
	font-size: 1rem;
}

/* BADGES */
.r01gContainer table span.badge {
	opacity: 0.75;
}

.r01gContainer span.badge.badge-fondo { background-color: var(--color-fondo); color: var(--color-texto-fondo); }
.r01gContainer span.badge.badge-subfondo { background-color: var(--color-subfondo); color: var(--color-texto-subfondo); }
.r01gContainer span.badge.badge-seccion { background-color: var(--color-seccion); color: var(--color-texto-seccion); }
.r01gContainer span.badge.badge-subseccion { background-color: var(--color-subseccion); color: var(--color-texto-subseccion); }
.r01gContainer span.badge.badge-serie { background-color: var(--color-serie); color: var(--color-texto-serie); }

/* GENÉRICOS */
.height-100 {
	height: 100% !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.flex1 {
	flex: 1;
	min-height: 0;
}

.euskera {
	color: #5A7C92 !important;
}

.centrar-verticalmente {
	display: flex;
	align-items: center; /* centra verticalmente */
}

span.tamaniopredeterminado1 {
	font-size: 1.125rem;
	font-weight: 600;
}

span.colorpredeterminado1 {
	color: #555555;
}

/* ESPECÍFICOS */
.r01gContainer .main-image {
	width: 25rem;
	margin-left: 1rem;
}
.r01gContainer .main-image img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
}

.r01gContainer span.estadovaloracionserie {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}
.r01gContainer span.estadovaloracionserie.sinvalorar {
	background-color: transparent;
	border: 2px solid #536480;
}
.r01gContainer span.estadovaloracionserie.enproceso {
	background-color: #2f7de1;
}
.r01gContainer span.estadovaloracionserie.valorada {
	background-color: #87c56a;
}

/* ADAPTACIONES SOBRE LOS CSS DEL PORTAL */
.r01gContainer .ui-widget.ui-widget-content {
	border: none;
}

div.r01gApplication p {
	margin-top: 0;
	margin-bottom: 1rem;
}

div.r01gContainer ul {
	margin: 0;
}

div.r01gApplication {
	font-size: 100%;
}

.r01gContainer .ui-widget,
.ui-dialog.dialog-personalizado.ui-widget,
.r01gContainer .ui-widget button,
.ui-widget button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.r01gApplication span {
	line-height: 1;
}

div.r01gContainer a:link {
	color: #555555;
}














.rup-dialog fieldset {
	border: 2px solid #d0e3ee !important;
	margin-bottom: 20px !important;
}

/* Modal */
/*
.rup-dialog .ui-dialog-content {
	padding: 0;
	margin: 1rem 0;
}

.rup-dialog .ui-dialog-titlebar {
	padding: 1rem 1.25rem !important;
	border-bottom: 1px solid #e6e6e6 !important;
	background-color: #fdfdfd !important;
}

.rup-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: #076a9f;
	font-size: 1.2rem !important;
	font-weight: 600;
}
*/
