@import url('https://fonts.cdnfonts.com/css/sf-pro-display');
@font-face {
	font-family: 'Arcadia Display';
	src: url('/static/fonts/ArcadiaDisplay-Variable.woff2') format('woff2');
	font-weight: 380 500;
	font-display: swap;
}
@font-face {
	font-family: 'Arcadia Text';
	src: url('/static/fonts/ArcadiaText-Variable.woff2') format('woff2');
	font-weight: 380 500;
	font-display: swap;
}

html {
	scroll-behavior: smooth;
}


.react-entry {
    overflow-x: hidden;
    width: 100%;
}

.button.is-brown {
	background-color: #bd6237;
}
.button.is-brown.is-hovered, .button.is-brown:hover {
	background-color: #b15b32;
}

.button.is-warning {
	background-color: #ffa535;
}
.button.is-warning.is-hovered, .button.is-warning:hover {
	background-color: #ed9930;
}


/* header image below navbar */
.header {
	background-image: url(/static/img/header_abstract2.jpg);
	min-width: 100%;
    height: 130px;
    background-size: cover;
    margin-bottom: 0 !important;
}

.background-image {
	background-image: url(/static/img/background.jpg);
	background-size: cover;
}

body { overflow-x:hidden; }

/* en reporting, la ultima row de la tabla es una tabla, y no tiene borde */

.table tbody tr:last-child td, .table tbody tr:last-child th {
	border-bottom-width: 1px;
}

.content table tbody tr:last-child td, .content table tbody tr:last-child th {
	border-bottom-width: 1px;
}

/* segundo menú */

@media screen and (max-width: 1024px) {
	.is-fixed-top-submenu {
		/* position: sticky; */
		/* top: 52px; */
		left: 0;
		right: 0;
		z-index: 1;
	}
}

@media screen and (min-width: 1023px) {
	.is-fixed-top-submenu {
		position: sticky;
		top: 0px;
		left: 0;
		right: 0;
		z-index: 1;
	}
}


html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

input:invalid {
    outline: none !important;
}


@media only screen and (max-width: 1500px) {
    #toc-navbar {
        display: none;
    }

}

@media only screen and (max-width: 1200px) {
    #components-navbar {
        display: none;
    }
}

.ag-theme-quartz .ag-root-wrapper  {
    border: none;
}

@media print {

	@page {
		size: letter portrait;
		margin-top: 5mm;
		margin-bottom: 5mm;
		margin-left: 0;
		margin-right: 0;
	}

	body * {
		visibility: hidden;
		margin:0;
		padding:0;
	}

	.print, .print * { 
		visibility: visible;
	}
	#wrapper {
		margin: 0;
		padding: 0;
		font-size: 0px;
	}
	.no-print {
		display: none;
	}
	.hide-print {
		padding: 0 !important;
		margin: 0 !important;
	}
	.stack {
		gap: 0 !important;
	}

	::-webkit-scrollbar {
		display: none;
	}

	.page-break-inside {
		page-break-inside: avoid;
	}

	.mantine-Paper-root {
		border: 0 !important;
	}
}

.hover-row { position: relative; border-radius: 8px; }
.hover-row:hover { background: var(--mantine-color-gray-1); }
.hover-reveal {
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
    margin-left: 12px;
    text-decoration: underline;
}
.hover-row:hover .hover-reveal {
    opacity: 1;
    pointer-events: auto;
}

.mantine-Table-tr { position: relative; border-radius: 8px; }
/* .mantine-Table-tr:hover { background: var(--mantine-color-gray-1); } */

.hover-reveal {
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
    margin-left: 12px;
    text-decoration: underline;
}
.mantine-Table-tr:hover .hover-reveal {
    opacity: 1;
    pointer-events: auto;
}