pre.highlight,
.highlight pre {
max-height: 30rem;
margin: 1.5rem 0;
overflow: auto;
border-radius: var(--tblr-border-radius);
}
pre.highlight,
.highlight pre {
scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
}
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
	-webkit-transition: none;
	transition: none;
}
}
pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
}
pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
background: transparent;
}
pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
}
pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
background: transparent;
}

.highlight {
margin: 0;
}
.highlight code > * {
margin: 0 !important;
padding: 0 !important;
}
.highlight .c, .highlight .c1 {
color: #a0aec0;
}
.highlight .nt, .highlight .nc, .highlight .nx {
color: #ff8383;
}
.highlight .na, .highlight .p {
color: #ffe484;
}
.highlight .s, .highlight .dl, .highlight .s2 {
color: #b5f4a5;
}
.highlight .k {
color: #93ddfd;
}
.highlight .s1, .highlight .mi {
color: #d9a9ff;
}

.example {
padding: 2rem;
margin: 1rem 0 2rem;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: 3px 3px 0 0;
position: relative;
min-height: 12rem;
display: flex;
align-items: center;
overflow-x: auto;
}

.example-centered {
justify-content: center;
}
.example-centered .example-content {
flex: 0 auto;
}

.example-content {
font-size: 0.875rem;
line-height: 1.4285714286;
color: var(--tblr-body-color);
flex: 1;
max-width: 100%;
}
.example-content .page-header {
margin-bottom: 0;
}

.example-bg {
background: #f6f8fb;
}

.example-code {
margin: 2rem 0;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-top: none;
}
.example-code pre {
margin: 0;
border: 0;
border-radius: 0 0 3px 3px;
}
.example + .example-code {
margin-top: -2rem;
}

.example-column {
margin: 0 auto;
}
.example-column > .card:last-of-type {
margin-bottom: 0;
}

.example-column-1 {
max-width: 26rem;
}

.example-column-2 {
max-width: 52rem;
}

.example-modal-backdrop {
background: #182433;
opacity: 0.24;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
border-radius: 2px 2px 0 0;
}

.card-sponsor {
background: var(--tblr-primary-lt) no-repeat center/100% 100%;
border-color: var(--tblr-primary);
min-height: 316px;
}

.dropdown-menu-demo {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin-bottom: 1rem !important;
}

.demo-icon-preview {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.demo-icon-preview svg,
.demo-icon-preview i {
width: 15rem;
height: 15rem;
font-size: 15rem;
stroke-width: 1.5;
margin: 0 auto;
display: block;
}
@media (max-width: 575.98px) {
.demo-icon-preview svg,
.demo-icon-preview i {
	width: 10rem;
	height: 10rem;
	font-size: 10rem;
}
}

.demo-icon-preview-icon pre {
margin: 0;
-webkit-user-select: all;
	-moz-user-select: all;
		user-select: all;
}

.demo-dividers > p {
opacity: 0.2;
-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
}

.demo-icons-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -2px -1px 0;
list-style: none;
}
.demo-icons-list > * {
flex: 1 0 4rem;
}

.demo-icons-list-wrap {
overflow: hidden;
}

.demo-icons-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1;
text-align: center;
padding: 0.5rem;
border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
color: inherit;
cursor: pointer;
}
.demo-icons-list-item .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.demo-icons-list-item:hover {
text-decoration: none;
}

.settings-btn {
position: fixed;
right: -1px;
top: 10rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
}

.settings-scheme {
display: inline-block;
border-radius: 50%;
height: 3rem;
width: 3rem;
position: relative;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
}
.settings-scheme-light {
background: linear-gradient(135deg, #ffffff 50%, #fcfdfe 50%);
}
.settings-scheme-mixed {
background-image: linear-gradient(135deg, #182433 50%, #fff 50%);
}
.settings-scheme-transparent {
background: #fcfdfe;
}
.settings-scheme-dark {
background: #182433;
}
.settings-scheme-colored {
background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #fcfdfe 50%);
}


/* custom */

/* Tamaño de iconos */
.ti {
font-size: 1.2em !important;
}

/* .progress, .progress-stacked */

.header-progress {
--tblr-progress-height: 1.5rem !important;
}

/* DATATABLES */

#example {
border-bottom: none;
border-color: rgba(4, 32, 69, 0.14);
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
border-color: rgba(4, 32, 69, 0.14);
}

tr:last-child td {
border-bottom: none;
}

.dataTables_paginate {
margin-top: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
border: none !important;
padding: 4px 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: var(--tblr-primary) !important;
color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: var(--tblr-primary) !important;
color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
background: var(--tblr-disabled-color) !important;
color: #ffffff !important;
}

.table-servicios td{
	padding: 3px 0.75rem 3px 0.75rem !important;
}

.table-servicios .form-switch .form-check-input {
margin-top: 4px !important;
}

.btn-sm, .btn-group-sm > .btn {
	border-radius: 4px !important;
}

.nowrap {
white-space: nowrap !important;
}

.hidden {
display: none !important;
}

.timer {
width: 80px;
}

.list-group-responsables .list-group-item{
padding: 4px 10px !important;
}

.list-group-responsables a{
font-size: 13px !important;
}

/* Calendario */

.fc-event-title-container{
	text-align: center;
}

/* .fc-event-title .fc-sticky{
	text-align: left !important;
} */

.fc .fc-bg-event{
	opacity: 1 !important;
}

.fc-bg-event .fc-event-title{
color: #ffffff !important;
font-size: 10px !important;
}

/* .litepicker .container__days .day-item.is-highlighted {
	background-color:  var(--tblr-secondary);
	color: #ffffff;
} */

.fc, .fc *, .fc ::after, .fc ::before {
border-color: var(--tblr-border-color-translucent) !important;
}

/* alerts */

.alert {
	margin-bottom: -7px !important;
}

/* facturas */

.vertical_text {
	display: none;
}

.step-item{
font-size: 10px;
}

.form-selectgroup-input:disabled + .form-selectgroup-label {
z-index: 1;
color: var(--tblr-secondary);
background: rgba(var(--tblr-secondary-rgb), 0.04);
border-color: var(--tblr-secondary);
}

.fc-toolbar-title {
color: #999999 !important;
}

.litepicker .container__months {
box-shadow: none !important;
}

.litepicker .container__main {
/*border: none !important;*/
}


/* slider */

#input_horas .rs-range-color  {
background-color: #33B5E5;
}
#input_horas .rs-path-color  {
background-color: #C2E9F7;
}
#input_horas .rs-handle  {
background-color: #C2E9F7;
padding: 7px;
border: 2px solid #C2E9F7;
}
#input_horas .rs-handle.rs-focus  {
border-color: #33B5E5;
}
#input_horas .rs-handle:after  {
border-color: #33B5E5;
background-color: #33B5E5;
}
#input_horas .rs-border  {
border-color: transparent;
}

#input_horas2 .rs-range-color  {
background-color: #33B5E5;
}
#input_horas2 .rs-path-color  {
background-color: #C2E9F7;
}
#input_horas2 .rs-handle  {
background-color: #C2E9F7;
padding: 7px;
border: 2px solid #C2E9F7;
}
#input_horas2 .rs-handle.rs-focus  {
border-color: #33B5E5;
}
#input_horas2 .rs-handle:after  {
border-color: #33B5E5;
background-color: #33B5E5;
}
#input_horas2 .rs-border  {
border-color: transparent;
}

#kilometros .rs-range-color  {
background-color: orange;
}
#kilometros .rs-path-color  {
background-color: rgb(248, 226, 186);
}
#kilometros .rs-handle  {
background-color: rgb(248, 226, 186);
padding: 7px;
border: 2px solid rgb(248, 226, 186);
}
#kilometros .rs-handle.rs-focus  {
border-color: orange;
}
#kilometros .rs-handle:after  {
	border-color: orange;
	background-color: orange;
}
#kilometros .rs-border  {
	border-color: transparent;
}

#kilometros2 .rs-range-color  {
background-color: orange;
}
#kilometros2 .rs-path-color  {
background-color: rgb(248, 226, 186);
}
#kilometros2 .rs-handle  {
background-color: rgb(248, 226, 186);
padding: 7px;
border: 2px solid rgb(248, 226, 186);
}
#kilometros2 .rs-handle.rs-focus  {
border-color: orange;
}
#kilometros2 .rs-handle:after  {
	border-color: orange;
	background-color: orange;
}
#kilometros2 .rs-border  {
	border-color: transparent;
}

#input_horas .rs-edit, #input_horas2 .rs-edit  {
	font-size: 19px !important;
	font-weight: bold;
	color: #33B5E5 !important;
}

#kilometros .rs-edit, #kilometros2 .rs-edit {
	font-size: 19px !important;
	font-weight: bold;
	color: orange !important;
}

.rs-bg-color {
	background: var(--tblr-bg-surface) !important;
}

.rs-top .rs-tooltip {
	bottom: -6px !important;
}

.rs-tooltip.rs-edit {
	padding: 0px 8px !important;
}

.fc-event:hover {
	cursor: pointer;
}

.fc-bg-event .fc-event-title {
	color: #999 !important;
	font-weight: bold;
}

#select-proyecto-modal-equipo-ts-control, #select-tareas-modal-equipo-ts-control {
	line-height: 18px !important;
}

/* icons header */

.icon-header-light {
	background: var(--tblr-bg-surface-tertiary);
	color: rgba(var(--tblr-vk-rgb), 1) !important;
}

/* articulos */

.my_empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 1rem;
	text-align: center;
	padding-top: 80px;
	margin-left: 30px;
}

.background {
	background: url('/assets/backend/img/scan.png') no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height: 400px; /* You must set a specified height */
}

.text-transparent {
	color: #999;
}

.fc-day-today { 
	background: var(--tblr-primary-lt) !important; 
}

.small-table-11 {
	font-size: 11px;
}

.small-table-12 {
	font-size: 12px;
}

/* corrección modo noche visivilidad columnas datatable */
.dt-button-collection-title {
	--tblr-text-opacity: 1;
	  color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
}

div.dt-button-collection .dt-button {
	--tblr-text-opacity: 1;
	color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
	font-size: 12px;
}

div.dt-button-collection .dt-button-active {
	color: green !important;
}

.dt-button-collection {
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-tertiary-bg-rgb), var(--tblr-bg-opacity)) !important;
}

/* alert */
.alert-danger p {
	margin-bottom: 0 !important;
	font-size: 12px;
}

/* tareas */

#select-tareas-ts-dropdown {
    min-height: 400px !important; 
}

/* selects disabled */

select:disabled {
    opacity: 0.5 !important;
}

.lang-link:hover {
	opacity: 1;
}

.lang-link-disabled {
	opacity: 0.4;
}

/* badge */

.badge {
	user-select: text !important;
}

/* datagrid */

.datagrid {
    --tblr-datagrid-padding: 10px !important;
}

/* selects */

/* .ts-dropdown, .ts-control, .ts-control input {
    font-size: 13px !important;
} */

.form-label {
    color: rgba(var(--tblr-body-color-rgb), 0.65);
}

.avatar {
	object-fit: cover; 
}

/* IMPRESIÓN WEB */

@media print {
	.vertical_text {
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		font-size: 8px;
		position: absolute;
		margin: 420px 0 0 -356px !important;
		padding: 0 !important;
	display: inherit;
	}
	.card-lg > .card-body {
		padding: 1rem;
	}
	.factura_final_text{
		font-size: 9px;
	}
	.concepto_factura_text{
		font-size: 12px;
	}
}