.choices__placeholder {
	font-size: 0.8rem;
    font-style: italic;
    opacity: .6;
    padding: .2rem 0rem;
}

.btn-disabled {
	background-color: #e8e8e8;
	border: solid 1px var(--template-bg-dark-20);
}

.align-right {
	text-align: right !important;
}

.align-center {
	text-align: center !important;
}

div.control-group label.p80f-spacer {
	width: 100%;
	font-weight: bold;
}

body.admin #itemsList {
	font-size: 80%;
}

#alternativeTableColumnsPosition div.pb-2 {
	padding-bottom: 0px !important; /* Fix para botón table-columns */
}

/**
 * Print configuration
 */
@media print {
	body {
		font-size: 80%;
	}
	.page-break {
		display: block !important;
		page-break-before: always;
		line-height: 1px;
	}
	.hidden-print, div.pagination, #filter-bar, #j-sidebar-container,
		.mce-toolbar, mce-toolbar-grp, input, button, .dragarea, ul.nav.nav-tabs,
		#g-main .g-container .breadcrumb, #P80FHeaderContainer button,
		#g-navigation, #g-footer {
		display: none !important;
	}
	#P80FHeaderContainer {
		display: none;
	}
	.doubleScroll-scroll-wrapper {
		display: none;
	}
	a:after {
		content: '' !important;
	}
	#j-main-container {
		width: 100%;
		margin: 0px;
	}
	.tab-pane {
		display: block !important;
	}
	.only-print {
		display: inline !important;
	}
	.mce-edit-area {
		width: 100% !important;
	}
	table {
		display: table;
		border-spacing: 0px;
	}
	table tr {
		display: table-row;
	}
	table td {
		display: table-cell;
		padding: 0px;
	}
	.table td.row-small {
		padding: 0px !important;
	}
}

.only-print {
	display: none;
}

@media all {
	.page-break {
		display: none;
	}
}

.center {
	text-align: center;
}


/**
 * Status machine
 */
@media (max-width: 600px) {
	.status-machine-status.historic,
	.status-machine-spacer-after.historic {
		display: none;
	}
}

.status-machine {
    display: flex; 
    justify-content: left; 
    align-items: center;
    margin-bottom: 25px;
    margin-top: 15px;
    margin-left: 10px;
}

.status-machine .status-machine-spacer-after:last-child {
	display: none;
}

.status-machine-status {
    padding: 5px 5px;
    border-radius: 3px;
    display: inline-block; 
    margin: 0px;
    /* text-shadow: 2px 2px 10px #fff; */     
}

.status-machine-status .status-machine-status-title {
	font-size: 90%;
}

.status-machine-status.historic {
    /*font-size: 80%;*/
}

.status-machine-status.current {
	/*padding: 5px 5px;*/
    /*font-size: 90%;*/
}

.status-machine-status.current::before {
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-weight: 900;	
	font-size: 28px;
	content: "\f064"; /* f064 f14d f0a7 f063 */
	transform: rotate(90deg);
	position: relative;
	top: -28px;
	float: left;
	left: 36px;
	margin-left: -30px;
	text-shadow: none;
	color: #999;
/*	display: inline-block;*/
	height: 10px;
}

.status-machine-spacer-after.historic,
.status-machine-spacer-after.current {
    margin: 0px 5px 0px 0px;
    width: 0; 
    height: 0; 
    /*border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;*/  
    border-left: 7px solid #e3e3e3;
}

.status-machine-next-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    border: 0px solid red;
}


.status-machine-spacer-after.next {
	margin: 0px 5px 0px 0px;
}


/**
 * Multilanguage
 */
.translated-input {
 	margin-bottom: 3px;
}
.translated-input label, .translated-input label:hover {
	background-repeat: no-repeat !important;
	background-size: 30% !important; 
	background-position: top right !important;
	width: auto !important;
	margin: 0px !important;
}

.form-control.form-control-editor {
	padding: 0px !important;
}

label.multilanguage span.form-control-feedback {
	display: none;
}

.dropdown-menu.dropdownMenuWithFlags .dropdown-item .flag {
	background-repeat: no-repeat; 
	background-position: center right; 
	padding: 10px; 
	margin: 10px;
}

/*
#P80FHeaderContainer {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background-color: white;
	z-index: 1;	
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(237, 242, 247);
	margin-bottom: 20px;
}
*/

#P80FHeaderContainer {
	margin-bottom: 20px;
}


#P80FHeaderContainer .buttonsContainer {
	/* Evitamos margen en bottom de un toolbar en el frontend. El backend lo pinta Joomla y no utiliza esta clase */
	/*margin-bottom: 15px;*/
}

/**
 * Forms
 */
.input-small {
	max-width: 5em;
}
 
#collapseSidebar .js-stools-container-filters-visible {
  display: block;
  grid-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  padding: 10px;
  /*background-color: #fff;*/
} 

#gesferia_edicion_id_fancyContainer .choices {
	min-width: 20em;
}

.btn-toolbar joomla-field-fancy-select {
	min-width: 20em;
}
 
.filter-search-j3 input {
	max-width: 5em;
	height: 19px !important;
}

.filter-search-j3 .dateIntervalselect {
	display: flex;
}

.p80f-usersfield-username,
.p80f-usersfield-id,
.p80f-usersfield-name,
.p80f-usersfield-email {
	/*margin-left: 5px;*/
}

.p80f-usersfield-username {
	font-weight: bold;
}


/* form controls for frontend */
.control-group, 
#collapseSidebar .js-stools-container-filters .control-group  {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1rem;
}

.hidden {
	display: none !important;
}

.boolean-value.success {
	color: #457d54;	
}

.boolean-value.danger {
	color: #c52827;	
}


joomla-field-user {
	width: 100%;
}

#validation-result-dni {
	cursor: default;
}

.modalWithModalInside .modal-header {
	display: none;	
}

.modalWithModalInside .modal-header,
.modalWithModalInside .modal-body {
	/*background: rgba(0,0,0,0.5);*/ 
}

.valueWithBackgroud {
	width: 100%; 
	display: inline-block;
	padding: 0px 3px;
	border: solid 1px #bababa;
	border-radius: 0.2rem;
	color: #333;
	/*text-shadow: 1px 1px 1px #ccc;*/
}

.gridbox.editInModal td.disabled {
	opacity: 1;
}

#system-message-container .stickyMessage {
	position: fixed;
	top: 25%;
	left: 50%;
	margin-right: -45%;
	transform: translate(-50%, -50%);
	z-index: 10000;
}



/**
 * Mensajes del sistema
 */
.tm-page #system-message-container {

	/*
	position: fixed;
	top: 25%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);	
	width: auto;
	margin: 10px;
	*/
	z-index: 10000;


	/*
	position: fixed;
	top: 0;
	right: 0; 
	*/

	/*	
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 100vh; 
	*/


}
.tm-page #system-message-container joomla-alert {
	padding: 20px;
	border-width: 5px;
}

.readMoreLink, .readLessLink {
	text-align: right;
}

/**
 * Enlaces leer más y leer menos
 */
.readMoreLink:before, .readLessLink:before {
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-weight: 400;
	margin-left: 0px;
	margin-right: 5px;
} 

.readLessLink:before {
	content: "";
} 

.readMoreLink:before {
	content: "";
} 

/**
 * Editor de sqls
 */
.CodeMirror {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
 

/**
 * subform de add y remove items from Joomla
 */
div.subform-repeatable-group {
    border: var(--border-width) solid var(--input-border-color);
    border-radius: .25rem;
    margin-top: 20px;
    padding: 32px 32px 16px 28px;
    position: relative;
}
div.subform-repeatable-group > .btn-toolbar .btn-group {
    position: static;
}
div.subform-repeatable-group > .btn-toolbar .btn.group-add {
    border-radius: .25rem 0;
    bottom: -1px;
    right: -1px;
}
div.subform-repeatable-group > .btn-toolbar .btn.group-remove {
    border-radius: 0 .25rem;
    top: -1px;
    right: -1px;
}
div.subform-repeatable-group > .btn-toolbar .btn {
    position: absolute;
}
.btn-group {
    border-radius: .25rem;
}
.btn-group, .btn-group-vertical {
    vertical-align: middle;
    display: inline-flex;
    position: relative;
}
.btn-toolbar {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
}
.btn-success {
    background-color: var(--success);
}
.btn {
    transition: none;
}
.text-end {
    text-align: right !important;
}

div.gridbox_dhx_terrace_dark.gridbox table.hdr td div.hdrcell {
	line-height: 20px !important;
}
div.gridbox_dhx_terrace_dark.gridbox table.hdr td  {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.fieldset-card-pane {
	margin: 30px 0px 0px 0px;
	--gutter-x: 2rem;
    background-color: var(--body-bg);
    box-shadow: none;
    border: 0;
    border-radius: .25rem;
    padding: 30px 2vw;
    /*border: 1px solid var(--border-color);*/
}

.uk-form-label .form-control-feedback {
	display: block;
	color: hsl(from var(--bs-danger) calc(h + 10) calc(s + 10) calc(l + 10));
	font-size: 0.9em;
	font-style: italic;
}

.collapsable-filters-has-values {
	top: -22px !important;
	border-radius: 50% !important;
	width: 22px !important;
	height: 22px !important;
	font-weight: 400 !important;
	background-color: #ff5e00 !important;
	border: 1px solid #ffffff;
	color: #fafafa !important;
	z-index: 100;
	/**/

	/*
	background-color: #ff8c00 !important;
	border: 1px solid #1b1b1b;
	color: #1b1b1b !important;
	/**/
}

.collapsable-filter-has-value {
	margin-top: 9px;
	margin-left: -25px !important;
	margin-right: 5px;
	border-radius: 50% !important;
	width: 22px !important;
	height: 22px !important;
	font-weight: 400 !important;
	background-color: #ff5e00 !important;
	border: 1px solid #ffffff;
	color: #fafafa !important;
	/**/

	/*
	background-color: #ff8c00 !important;
	border: 1px solid #1b1b1b;
	color: #1b1b1b !important;
	/**/
}

/* Bug con choices.js (FRONT y BACK), subimos z-index para que al seleccionar un elemento no haga click en lo que hay detrás */
.controls:has(joomla-field-fancy-select) .choices__list.choices__list--dropdown {
	z-index: 3 !important;
}
/* Bug con choices.css: para ver bien las etiquetas en vista movil (les aplicaba fondo y texto Blanco) */
.controls:has(joomla-field-fancy-select) .choices__list--multiple .choices__item {
	background-color: var(--template-bg-dark) !important;
}
.controls:has(joomla-field-fancy-select) .choices__list.choices__list--dropdown .choices__list {
	/* border: 1px var(--bs-primary) solid; */
}
.contentpane { 
	min-height: 100vh;
	/* background-color: rgba(255,0,0,0.10) !important; */
}
/* 
#akeeba-bootstrap {}
#adminForm {}
joomla-tab#formTabs {}
joomla-tab-element#tabcontent-scaffolding {} 
*/

.text-with-bottom-separator {
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 10px 0px;
}