@import
	url("//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css");

/* ==========================
   Albaolaren urdina eta bere kolore bateragarriak:
   		https://mycolor.space/?hex=%23437ab5&sub=1
   		
   		Small Switch Palette erabiltzen dugu:
   		Kolore nagusia: #437ab5
   		Kolore osagarri argia: #dbece9 Small Switch Palette
   		Kolore osagarri ilunagoa: #398882
   		
   =============================*/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
	color: #222;
	font-size: 1.0em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	*, *:before, *:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

/* ==========================================================================
   Hiztegi kontsultaren estiloak
   ========================================================================== */
.kolore_nagusia {
	color: #437ab5;
}

.kolore_osagarria {
	color: #dbece9;
}

#content {
	min-height: calc(100vh - 480px);
}

.ui-widget-content, .ui-panelgrid .ui-panelgrid-cell {
	border: none;
}

ul.style-none {
	list-style-type: none;
}

.azpimarra {
	padding: 15px 0px;
	border-bottom: 3px solid #dbece9;
}

.gainmarra {
	padding: 15px 0px;
	border-top: 3px solid #dbece9;
}

.eskuinmarra {
	padding: 0px 15px;
	border-right: 3px solid #dbece9;
}
.ezkermarra {
	padding: 0px 15px;
	border-left: 3px solid #dbece9;
}

.ui-datascroller li.ui-datascroller-item {
	padding: 2px 0px;
}

.footer {
	font-size: .875rem;
	color: #63707c;
	/*border-top: 3px dotted #dbece9;*/
}

.logoak {
	width: 100%;
	height: 90px;
	object-fit: contain;
}

.ui-menu .ui-menu-item .eu_autoc, .ui-menu .ui-menu-item .es_autoc,
	.ui-menu .ui-menu-item .en_autoc, .ui-menu .ui-menu-item .fr_autoc {
	display: block;
	width: 100%;
	padding: .375rem 1.75rem .375rem 3.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	vertical-align: middle;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left .75rem center;
	background-size: 26px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ui-menu .ui-menu-item .eu_autoc {
	background-image: url("../../resources/irudiak/eu.png");
}

.ui-menu .ui-menu-item .es_autoc {
	background-image: url("../../resources/irudiak/es.png");
}

.ui-menu .ui-menu-item .en_autoc {
	background-image: url("../../resources/irudiak/en.png");
}

.ui-menu .ui-menu-item .fr_autoc {
	background-image: url("../../resources/irudiak/fr.png");
}

.ui-menu .ui-menu-item .ui-state-active, .ui-selectonemenu-panel .ui-selectonemenu-list-item:hover
	{
	background-color: #dbece9; /*Small Switch Palette*/
	font-weight: normal;
	border: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

body .ui-inputfield.ui-state-focus, .form-control:focus, .form-control:focus:hover
	{
	border-color: #398882;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(57, 136, 130, 1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(57, 136, 130, 1);
}

.form-group .ui-selectonemenu {
	width: 100%;
	padding: 0;
}

.ui-state-hover, .ui-state-focus, .form-control:hover {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
}

.sailkapen {
	color: gray;
	white-space: inherit;
}

.ezkergrisa {
	float: left;
	color: gray;
}

.ui-state-active, body .ui-button, body .ui-button.ui-state-hover, body .ui-button.ui-state-active:hover,
	body .ui-button.ui-state-down, .bilatu, .bilatu:hover, .bilatu:focus {
	background: #437ab5;
	border-radius: 10px;
	color: #fff;
	background-color: #437ab5;
	border-color: #437ab5;
}

body .ui-button.ui-state-hover, .bilatu:hover, .bilatu:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
}

.btn-outline-primary {
	color: #437ab5;
	border-color: #437ab5;
	border-radius: 10px;
}

.btn-outline-primary:hover {
	color: #437ab5;
	background-color: #fff;
	border-color: #437ab5;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(67, 122, 181, .6);
}

.highlight {
	font-weight: bold;
	color: white;
	background-color: #7abb54;
	padding: 1px 2px;
	border-radius: 2px;
}

.euskalterm {
	font-weight: bold;
	color: black;
}

/* goiburuko fondoko opakotasuna mantentzeko, bertako beste elementuek position relative izan behar dute */
.navbar, .goiburua {
	position: relative;
}

.navbar::before {
	content: "";
	background-image: url("../../resources/irudiak/Nao_San_Juan_m.jpg");
	/* 1-5 arteko zenbakiak daude probatzeko*/
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	/*opacity: 0.5;*/
}

.h1 {
	position: relative;
}

.izenburua {
	text-decoration: none;
	color: #dbece9;
	text-shadow: black 1px 0 10px;
	font-weight: bold;
}

.izenburua:hover {
	color: #398882;
	text-shadow: black 1px 0 5px;
}

.ui-widget.menua {
	text-decoration: none;
	font-size: .75rem;
}

#locale {
	float: right;
	margin-right: 1rem;
}

.goiburuHizkuntza {
	padding-bottom: 0.5rem;
	padding-right: 1.5rem;
}

.honiBuruz {
	text-decoration: none;
	border: 2px solid #d2d2d2;
	border-radius: 0.3rem;
	padding: 3px;
	border-top-color: transparent;
	border-left-color: transparent;
}

.goiburuTestuak {
	padding-top: 0.5rem;
	padding-right: 0.5rem;
}

/*.locale:hover {
	color: #3d9945;
	cursor: pointer;
	/*font-weight: bold;
}*/
.errorMsg {
	color: #c12f2f;
}

.cookieConsentContainer {
	width: 350px;
	padding: 10px;
	background: #dbece9;
	position: fixed;
	bottom: 30px;
	left: 30px;
	font-size: 13px;
}

@media ( max-width :980px) {
	.cookieConsentContainer {
		bottom: 0;
		left: 0;
		width: 100%;
	}
}

/* Cookie politikarako esteka */
.cookieLink {
	font: inherit;
}

/* switchak */
.ui-toggleswitch-slider {
	background-color: #ccc;
}

.ui-toggleswitch-slider:before {
	background-color: white;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: #437ab5;
}

/* Onartu eta gorde botoiak */
.cookieButtonManage {
	font-size: 13px;
	width: 100%;
}

/* cookie bakoitza azaltzen den taula */
.cookieConsentContainer .cookieDesc .cookieTable {
	margin-bottom: 5px;
	margin-top: 5px;
	font: inherit;
}

.cookieIzena {
	font-weight: bold;
	font-size: 16px;
}

.cookieConsentContainer .cookieTable .cookieTestua {
	padding: 0;
	color: #437ab5;
}

/* Ezarpenak berriz irekitzeko botioa */
.cookieButton {
	background-color: #dbece9;
	color: #437ab5;
	right: auto;
}

#backToTop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	background: #dbece9;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#backToTop i {
	color: #437ab5;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#backToTop:hover {
	background: #437ab5;
	color: #dbece9;
}

#backToTop:hover i {
	color: #dbece9;
	top: 5px;
}

#iruzkinariDeia {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #dbece9;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#iruzkinariDeia i {
	color: #437ab5;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#iruzkinariDeia:hover {
	background: #437ab5;
	color: #dbece9;
}

#iruzkinariDeia:hover i {
	color: #dbece9;
	font-size: 24px;
	top: 11px;
	left: 14px;
}

#iruzkinariDeia.itzala {
	box-shadow: 0 0 8px #dbece9;
}

body .ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: inherit;
}

body .ui-panelgrid .ui-panelgrid-cell {
	padding: 4px 10px;
}

body .ui-datascroller .ui-datascroller-content {
	border: none;
	padding: 4px 10px;
}

.logo-span {
	position: absolute;
	top: 45%; /* Ajusta según sea necesario */
	right: 1%; /* Ajusta según sea necesario */
	transform: translateY(-50%);
}

.ui-selectbooleancheckbox.form-control {
	padding: 0;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	position: inherit;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
}

/* Dialogoaren estilo pertsonalizatuak */
.ui-dialog.irudi-dialogo {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	padding: 0 !important;
	box-shadow: none !important;
	border: none !important;
	height: fit-content !important;
	width: fit-content !important;
}

.ui-dialog.irudi-dialogo .ui-dialog-titlebar {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.ui-dialog.irudi-dialogo .ui-dialog-titlebar-close {
	position: fixed !important;
	/* Aldaketa nagusia: fixed => pantailara lotuta */
	right: 20px !important; /* Eskuinertzetik distantzia */
	top: 20px !important; /* Goitik distantzia */
	color: white !important;
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 50% !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	z-index: 10001;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	outline: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease; /* Efektu leuna hoverrerako */
	text-decoration: none;
}

.ui-dialog.irudi-dialogo .ui-dialog-titlebar-close:hover {
	background: rgba(0, 0, 0, 0.8) !important;
	transform: scale(1.05); /* Efektu sotila hoverrean */
}

.ui-dialog.irudi-dialogo .ui-dialog-titlebar-close span {
	color: white !important;
	font-size: 20px !important; /* Ikono handiagoa */
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	height: 100% !important;
}

.ui-dialog.irudi-dialogo .ui-dialog-content {
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
}

.irudi_txikia {
	max-height: 250px;
	max-width: 400px;
}

.partekatu-sistema {
	position: relative;
	display: inline-block;
}

.kopiatu-mezua {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	display: none;
	animation: fadeIn 0.3s;
}

.plataforma-aukerak {
	display: none;
	position: absolute;
	bottom: -260px;
	left: 50%;
	transform: translateX(-50%);
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 15px;
	width: 220px;
	z-index: 100;
	animation: fadeIn 0.3s;
}

.plataforma-botoia {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	margin: 5px 0;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.2s;
	color: #333;
	text-decoration: none;
}

.plataforma-botoia:hover {
	background-color: #f0f0f0;
}

.plataforma-botoia img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
#partekatuBotoia img {
	width: 20px;
	height: 20px;
}
#partekatuBotoia {
	padding: inherit;
	line-height: 1;
}

.plataforma-izenburua {
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
	text-align: center;
}

@keyframes fadeIn {from { opacity:0;
	transform: translate(-50%, 5px);
	}to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

.float-right{
	float: right;
}

.h-fit {
    height: fit-content;
}
.w-fit {
    width: fit-content;
}

@media ( min-width : 1200px) {
	.w-xl-18 {
		width: 18%;
	}
	.w-xl-23 {
		width: 23%;
	}
}