:root {
	--gc-smaller-font: 1.0em;
	--theme-primary: #006633;
	--theme-secondary: #003366;
}

/* ul with bullets */
ul.bullets {
	padding-left: 30px;
	list-style-type: circle;
	margin-bottom: 1rem;
}

.show-hide span.show:before {
	content: "mostrar";
}

.show-hide span:before {
	content: "ocultar";
}

.default-according .card .card-header .btn-link {
	font-family: Roboto, sans-serif;
}

/* grocery crud font*/
div.grocery-crud {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

/* grocery crud caption */
div.gc-caption-title {
	background-color: #006633 !important;
	color: white !important;
	font-variant: small-caps;
	/* text-transform: uppercase; */
	letter-spacing: 0.2ex;
	font-weight: 500;
	font-size: large;
	margin-top: 1ex !important;
}

/* grocery crud modal */
div.modal-header>h5.modal-title {
	color: #006633 !important;
	font-variant: small-caps;
	letter-spacing: 0.2em;
	font-weight: 500;
	font-size: larger;
}

/* change modal header curso to draggable */
div.modal-header {
	cursor: move;
}

/* grocery crud error dialog modal background color */
[class^="gc-error-dialog-"] .modal-header {
	background-color: #d25e5e !important;
}

/* grocery crud error dialog modal text color */
[class^="gc-error-dialog-"] .modal-header>h5.modal-title {
	color: white !important;
}

/* grocery crud resizable modal visual aid  */
div.ui-resizable-handle.ui-resizable-s {
	height: 15px;
	/* increase the height to 20px */
	cursor: ns-resize;
	/* Ensure cursor indicates resizing */
}

/* grocery crud resizable modal visual aid  */
.ui-resizable-s:hover::before {
	content: "Arraste para redimensionar";
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	pointer-events: none;
	z-index: 1000;
}

/* grocery crud resizable modal visual aid  */
.modal-footer::before {
	content: " ⭥ ";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: #dee2e6;
	font-size: 22px;
	line-height: 1;
	user-select: none;
}

/* modal with draggable footer for better grocery crud combo render */
.modal-footer {
	position: relative;
	padding-top: 1.5rem;
}

/* grocery crud table smaller buttons */
[class^="gc-"] .btn {
	padding: 0.15rem 0.25rem;
	font-size: var(--gc-smaller-font);
}

input[class^="gc-input-text"].form-control::placeholder {
	font-size: var(--gc-smaller-font);
}

/* grocery crud table spacing */
.table-crud th,
.table-crud td {
	padding: 0.10rem 0.25rem;
	font-size: var(--gc-smaller-font);
}

/* disable capitalization */
.breadcrumb-item.active,
.page-wrapper .page-body-wrapper .page-title .row h3 {
	text-transform: none;
}

.card .card-header h5:not(.mb-0),
.card .card-header h5:not(.m-0) {
	text-transform: none;
}

/* set menu icon color according to theme */
.sidebar-list svg {
	fill: rgba(82, 82, 108, 0.8);
	transition: fill 0.3s ease;
}

.sidebar-link.sidebar-title.link-nav.active .stroke-icon,
.sidebar-link.sidebar-title.link-nav.active .fill-icon,
.sidebar-link.sidebar-title.link-nav:hover .stroke-icon,
.sidebar-link.sidebar-title.link-nav:hover .fill-icon {
	fill: var(--theme-primary) !important;
}

.sidebar-link.sidebar-title.active .stroke-icon,
.sidebar-link.sidebar-title.active .fill-icon,
.sidebar-link.sidebar-title:hover .stroke-icon,
.sidebar-link.sidebar-title:hover .fill-icon {
	fill: var(--theme-primary) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
	visibility: hidden;
	position: absolute;
	top: 16px;
	right: 35px;
	color: var(--theme-primary) !important;
}

/*
.sidebar-link:hover .stroke-icon,
.sidebar-link:hover .fill-icon {
	fill: var(--theme-primary) !important;
}
*/

label.form-label {
	font-weight: 500;
	color: var(--theme-primary);
}

span.notification-slider {
	font-size: var(--gc-smaller-font);
	color: var(--theme-primary);
}

.form-control {
	font-size: 1em;
}

div.errorMsg {
	color: red;
	margin-bottom: 1ex;
	font-size: var(--gc-smaller-font);
	content: "↴";
}

label.form-label {
	text-transform: uppercase;
	/* font-variant: small-caps; */
	/* font-size: larger; */
}

/* select2 custom visuals */
.select2-container--bootstrap-5 .select2-selection {
	font-size: 1em !important;
}

.select2-container .select2-selection--single {
	height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 18px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--theme-primary) !important;
}

.form-control:focus {
	border-color: var(--theme-primary) !important;
	box-shadow: 0 0 0 0.25rem rgba(0, 102, 51, 0.25) !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: var(--theme-primary) !important;
	box-shadow: 0 0 0 .25rem rgba(0, 102, 51, 0.25) !important;
}

* {
	scrollbar-color: lightgray #ffffff !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
	color: #fff;
	background-color: var(--theme-primary) !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
	border-color: var(--theme-primary) !important;

}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	border-color: var(--theme-primary) !important;
	box-shadow: 0 0 0 .25rem rgba(0, 102, 51, 0.25) !important;
}

select.form-select:focus {
	border-color: var(--theme-primary) !important;
	box-shadow: 0 0 0 .25rem rgba(0, 102, 51, 0.25) !important;
}

#headingInstruct>h5>button {
	font-variant: small-caps;
	letter-spacing: 0.2ex;
	font-size: 0.85em;
}

/* remove border from grocery crud pagination buttons */
button.page-link {
	/* no border */
	border: none;
}

/* remove border from grocery crud pagination number input */
input[type="number"][class^="gc-page-number-"] {
	border: none;
	box-shadow: none !important;
}

table.table.horarios th,
table.table.horarios td {
	padding: 0.2rem !important;
}

/* grocery crud modal minimum height  */
[class^="gc-form-fields-"] {
	min-height: 300px;
}

/* add shadow and rounded corners to every grocery crud table */
div:has(> div.grocery-crud) {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}

.tooltip {
	background-color: var(--theme-primary) !important;
}

.tooltip-inner {
	background-color: var(--theme-primary) !important;
	/* Match the background color */
	color: #fff !important;
	/* Your desired text color */
}

.alert-flash {
	animation: blink 1.5s linear infinite;
	padding: 0.75rem 1rem;
	line-height: 1.25;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

/* use condensed font for condensed tables */
.table-condensed {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
	line-height: 1 !important;
}

#loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#loading-overlay div {
	color: white;
	font-size: 24px;
}