.@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	

/*.help-block{
	color:red!important;
}*/


/*----------------------menú----------------------*/
/* 
html, body{
	width: 100%;
	height: 100%;
	position: relative;
}
.centro{
	margin-left: auto;
	margin-right: auto;
}

.pagination{
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 30px!important; 
	padding-bottom: 50px;
	display: table!important;
}

.ter{
	margin-left: 10px;
}

.fondo{
	background-size: cover;
	background-repeat: no-repeat;
}

.oculto{
	display:none;
}

header{
	margin-bottom: 20px;
	text-align: left;
	background-color: var(--itcons-color-primary);
	width: 230px;
	height: 100%;
	padding: 20px;
	position: fixed;

}

.sinfondo{
		background-color:rgba(0,0,0,0);
}

.login{
	background-color:rgba(73,182,149,0.5);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	position: absolute;
	top: 200px;
	left: 430px;
	height: 300px;
}


.login h1{
	font-family: 'Open Sans', sans-serif;
	color: rgba(255,255,255,1.00);
	margin-bottom: 50px;
	font-size: 30px;
}


.restablecer{
	font-size: 0.85rem!important;
	color: rgba(255,255,255,1.00);
	margin-bottom: 50px;
	margin-top: 38px;

}

.accion{
	margin-top: 20px;
}

.acciones{
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	border: thin solid #969696;
}

.log{
	background-color:rgba(0,0,0,0);
	border: none;
	color: rgba(255,255,255,1.00);
	border-bottom: thin solid #ea590b;
	margin-bottom: 20px;
	width: 50%;
		font-family: 'Open Sans', sans-serif;
}

.loginboton{
	width: 50%;
	background-color: rgba(73,182,149,1.0);
	margin-left: auto;
	margin-right: auto;
	border:none;
	color: rgba(255,255,255,1.00);
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
}

.image{
	margin-right: 30px; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100px;
	margin-bottom: 30px;
}

.image1{
	margin-right: 5px; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 150px;
	margin-bottom: 30px;
}
.loginboton:hover{
	background-color: rgba(73,182,149,0.5);
}
*/
#derecha{
	margin-top: 65px;
}
/*
.login a{
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	font-size: 13px;
}

.buscar{
	color: #FFFFFF;
	padding: 10px;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
	border-bottom: thin solid rgba(255,255,255,1.00);
	font-size: 0.85rem;
}


#menu{
	height: 100%;
	z-index:999;
	margin-top: 40px;
}

#menu ul li { 
	display: block;
	margin-bottom: 20px;
	
}

#menu ul li a {
	display: block;
	font-size: 0.85rem;
	color:rgba(255,255,255,1.00);
	text-decoration: none;
	float: none;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

.icono{
	margin-right: 20px;
}

#contacto{
	margin-top: 250px;
}

#contacto p{
	color: rgba(255,255,255,1.00);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
} */

/*----------------------menú----------------------*/

/*----------------------COMÚN----------------------*/

p {
	white-space: pre-line;
}

#container{
	width: calc( 100% - 220px);
	z-index:99;
	position: absolute;
	clear: both;
	overflow: visible;
	/* overflow: hidden; */
	/*margin-left: 25px;*/
}
#container2{
	/*width: calc( 100% - 300px);*/
	width: 100%;
	z-index:99;
	position: absolute;
	clear: both;
	overflow: visible;
	margin-left: 250px;
}

.cabecera{
	width: 100%;
	overflow: auto;
	margin-top: 30px;
}

#lista{
	display: inline-block;
	padding-left: 30px;
    padding-right: 30px;
}


.dash{
	color: var(--itcons-color-primary);
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 18px;
	float: left;
	margin-right: 20px;
}

.dash2{
	color: var(--itcons-color-primary);
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 18px;
	float: left;
	margin-right: 20px;
}

.user{
	float: right;
}

#tabla1 th:first-of-type, #tabla1 td:first-of-type {
	padding-top: 20px;
}

tr.datepicker-row>td {
	border: none!important;
}

/*.datepicker-date-display {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 270px;
    -ms-flex: 0 1 270px;
    max-height: fit-content!important;
}*/

.modal.modal-fixed-footer .modal-content {
    position: absolute;
    width: 100%;
    overflow-y: auto;
    vertical-align: middle;
    height: calc(100% - 150px);
}

div.datepicker-modal{
	max-height: 100%;
	height: 510px;
	overflow: hidden;
	top: calc(100vh - 255px)!important;
	/* bottom: -100%!important; */
	width: -webkit-fill-available;
}

/*.datepicker-full{
	max-width: 100%!important;
	width: 100%;
	height: auto;
	top: 0px!important; 
}*/


.filtro{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}

/*lista de ordenes*/


#lista h2{
	font-family: poppins;
	font-size: 1rem;
	margin-bottom: 10px;
    margin-top: 10px;
	float: left;
}

.anadir{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color: rgba(144,144,144,1.00);
	float: right;
	padding: 0px;
	margin-bottom: -17px;
}

.boton{
	float: right;
	border: 2px solid;
	background-color: rgba(255,255,255,1.00);
	font-family: 'POPPINS';
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	FONT-WEIGHT: 600;
	text-transform: uppercase;
	padding-bottom: 4px !important;
	box-shadow: 4px 4px 0 0 var(--itcons-color-primary);
}

.boton:disabled{
	opacity: 0.5;
}

.modeloDisabledA {
	cursor: not-allowed;
}

.modeloDisabledA .boton,
.boton.itcons-model-create-button--disabled {
	pointer-events: none;
	opacity: .48;
	filter: grayscale(.25);
	box-shadow: 4px 4px 0 0 color-mix(in srgb, var(--itcons-color-primary) 35%, transparent);
}

.boton2{
	border: 2px solid var(--itcons-color-secondary);
	background-color: rgba(255,255,255,1.00);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	color: var(--itcons-color-secondary);
	font-weight: bold;
}

.botonCentrado{
	text-align: center;
	border: 2px solid var(--itcons-color-secondary);
	background-color: rgba(255,255,255,1.00);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	color: var(--itcons-color-secondary);
	font-weight: 600;
	margin-top: 20px;
	text-transform: capitalize;
}

.boton:hover{
opacity: 0.5;
}

.editar{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	border-bottom: 1px solid var(--itcons-color-secondary);
	padding: 2px;
	text-decoration: none;
	float: right;
	color: var(--itcons-color-secondary);
	margin-bottom: 50px;
}

.editar:hover{
	opacity: 0.5;
}

#seccion{
	border-collapse: collapse;
	margin-top: 80px;
}

#seccion2{
	border-collapse: collapse;
}

#seccion3{
	border-collapse: collapse;
}

.tr{
	font-family: 'Poppins';
	font-size: 0.85rem;
	border-bottom: 2px solid var(--itcons-color-secondary);
	widows: 100%;
	text-align: left;
	color: var(--itcons-color-secondary);
}

.tr2{
	font-family: poppins;
	font-size: 0.85rem;
	border-bottom: thin solid rgba(131,131,131,0.5);
	widows: 100%;
	color: #555;
	text-align:justify;
	height: 80px;
}

td.botonera {
	padding-right: 5px !important;
}

#seccion td{
	font-family: poppins;
	font-size: 0.8rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
}

table.tablePartes > thead > tr.tr > th.th {
	border-bottom: 2px solid var(--itcons-color-secondary) !important;
}

table.tabla_linea{
	margin-bottom: 50px;
}

.txt{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.txt:hover{
	color: #b2b2b2;
}

.txt::before {
    color: var(--itcons-color-secondary);
    margin-right: 5px;
    font-size: 15px;
    content: "\25CF";
}

.ejecucion{
	background-color: #EF6C00;
	color: rgba(255,255,255,1.00);
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center;
	font-weight: 600;
	font-size: 0.85rem;
	height: 36px;
	padding: 0px 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	height: 36px;
}
.ejecucion:hover, .enviar3:hover  {
    box-shadow: var(--itcons-color-secondary-alpha26) 0px 4px 6px 0px, var(--itcons-color-secondary-alpha26) 0px 1px 20px 0px, rgba(0, 0, 0, 0.06) 0px 1px 7px 0px;
}
.swal-button {
	background-color: var(--itcons-color-primary) !important;
	border-radius: 25px;
	}
.swal-button--confirm:hover {
	background-color: var(--itcons-color-secondary) !important;
border-radius: 25px;

	}
	.swal-button--cancel {
	color: white;
	background-color: #6d6d6d !important;
border-radius: 25px;
	}
.swal-button--confirm:hover{
	

	}
.ejecucion2{
	background-color: #ff9800;
    color: rgba(255,255,255,1.00);
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    margin-top: 15px;
    margin-left: 50px;
	display: inline-block;
}

.completado{
	background-color:#8BC34A;
	color: rgba(255,255,255,1.00);
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center;
	font-weight: 600;
	font-size: 0.85rem;
	height: 36px;
	padding: 8px 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.completado2 {
    background-color: #8BC34A;
    color: rgba(255,255,255,1.00);
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    margin-top: 15px;
    margin-left: 50px;
	display: inline-block;
}


.completado3 {
    background-color: #8BC34A;
    color: rgba(255,255,255,1.00)!important;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
	float: right;
}


.enviado3 {
    background-color: #EF6C00;
    color: rgba(255,255,255,1.00)!important;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
	float: right;
	margin-bottom:0px;
	margin-right:15px;
}

.rechazado3{
	background-color: #EF6C00;
    color: rgba(255,255,255,1.00)!important;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
	float: right;
}

.anulado{
	background-color:#F44336;
	color: rgba(255,255,255,1.00);
	padding: 5px;
	border-radius: 8px 8px 8px 8px;
	width: auto;
	text-align: center;
}

.archivado2{
	background-color:#6d6d6d;
	color: rgba(255,255,255,1.00);
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center;
}

p.pparte{
	float: left;
}

.anulado2{
	background-color: #F44336;
    color: rgba(255,255,255,1.00);
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    margin-top: 15px;
    margin-left: 50px;
		display: inline-block;
}

.pendiente{
	background-color:#2196f3;
	color: rgba(255,255,255,1.00);
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center;
	font-weight: 600;
	font-size: 0.85rem;
	height: 36px;
	padding: 8px 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	height: fit-content;
}

.pendiente2{
	background-color: #2196f3;
    color: rgba(255,255,255,1.00);
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    margin-top: 15px;
    margin-left: 50px;
	display: inline-block;
}

.kanban-head-label-box{
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center;
	font-weight: 600;
	font-size: 0.85rem;
	height: 36px;
	padding: 8px 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	height: fit-content;
}

#paginacion{
	float: right;
	padding: 5px;
	margin-top: 5px;
}

.pagination{
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 0!important;
	padding-bottom: 50px;
	display: table!important;
}

.pagination>.active>span, .pagination>.active>span:hover{
    z-index: 2;
    color: #fff;
    background-color: var(--itcons-color-secondary)!important;
    border-color: var(--itcons-color-secondary)!important;
    cursor: default;
}

.atras{
	background-color: rgba(183,183,183,0.3);
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
}

.atras:hover{
	background-color: rgba(183,183,183,1);
}

.delante{
	background-color: rgba(183,183,183,0.3);
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
}

.delante:hover{
	background-color: rgba(183,183,183,1);
}

/*lista de ordenes*/



/*filtro*/

#filtro{
	/*margin-top: 40px; */
	display: inline-block;
}

#filtro h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	margin-bottom: 20px;
	color:rgba(0,0,0,0.3);

}

#item_filter_id .form-control{
	margin-bottom: 20px;
}

#item_filter_name .form-control{
	margin-bottom: 20px;
}


#form1 label{
	font-family: poppins;
	font-size: 0.8rem;
	color:rgba(0,0,0,0.3);
	display: block;/*alinear los input*/
	width: 100%;
	margin-bottom: 3px;
	margin-top: 8px;
}

#form2 > div:nth-child(8) > div.Label.workorder_label_form_group.Label{
	display: none;
}

#form2 > div:nth-child(9) > div.Label.workorder_label_form_group.Label > label{
	display: none;
}
#myModal > #attachedFiles >.Label{
	display: none;
}
#attachedFiles > div.Label.attached_file_label_form_group.Label > label{
	display: none;
}
.workorder-form {
	margin-top: 20px;
}

.input{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;
	color: rgba(0,0,0,0.3);
	border: thin solid rgba(0,0,0,0.3);
	width: 100%;
	/*margin-bottom: 15px;*/
}


#form1 select{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color: rgba(0,0,0,0.3);
	border: thin solid rgba(0,0,0,0.5);
	width: 100%;
	margin-bottom: 15px;
	padding: 10px
}

#form1 .date{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color: rgba(0,0,0,0.3);
	/*border: thin solid rgba(0,0,0,0.5);*/
	width: 100%;
	margin-bottom: 15px;
	padding: 5px
}

.pdf{
	color: var(--itcons-color-secondary);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding-left: 35px;
	
}

#s2id_autogen2{
	border: none!important;
}

#form1 .col-lg-9{
	width: 100%;
	padding: 0px;
}

#form4{
	margin-top: 110px;
}

.enviar{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	border: thin solid var(--itcons-color-secondary)!important;/*rgba(0,0,0,0.3);*/
	padding: 5px;
	color: var(--itcons-color-secondary)!important;/*rgba(0,0,0,0.3);*/
	margin-top: 30px;
	margin-bottom: 25px;
	border-radius: 5px 5px 5px 5px;
 	background-color: rgba(255,255,255,1.00);
	margin-right: 0px;
	float: right;
	width: 100%;
	text-align: center;
}

.enviar_bottom{
	font-family: 'Poppins';
	font-size: 0.85rem;
	border: thin solid var(--itcons-color-secondary)!important;/*rgba(0,0,0,0.3);*/
	/*padding: 5px; */
	color: var(--itcons-color-secondary)!important;/*rgba(0,0,0,0.3);*/
	border-radius: 25px 25px 25px 25px;
	background-color: rgba(255,255,255,1.00);
	margin-right: 0px;
	text-align: center;
	width: 5%;
	FONT-WEIGHT: 600;
}

.enviar:hover {
	opacity: 0.5;
}

.enviarr:hover{
	opacity: 0.5;
}


.enviar2{
	font-family: 'Poppins'
	font-size: 0.85rem;
	border: thin solid rgba(0,0,0,0.3);
	padding: 5px;
	color: rgba(0,0,0,0.3);
	margin-top: 10px;
	margin-bottom: 50px;
	border-radius: 25px 25px 25px 25px;
	background-color: rgba(255,255,255,1.00);

}


.enviar3{
	font-family: poppins;
	font-size: 0.85rem;
	background-color: var(--itcons-color-secondary);
	padding: 10px;
	color:rgba(255,255,255,1.00);
	margin-bottom: 20px;
	border-radius: 25px 25px 25px 25px;
	border: none;
	width: 180px;
	text-align: center;
	font-weight: 600;
}

.eliminar1{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	border: 1px solid var(--itcons-color-secondary);
	background-color:rgba(0,0,0,0);
	padding: 10px;
	color:var(--itcons-color-secondary);
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
}


/* crear orden **************** Ander ************* */

.crear{
	/* margin-top: 35px; */
	display: flex;
	margin-right: 20px;
}

#crear h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	margin-bottom: 20px;
	color:rgba(0,0,0,1.00);
}

/*Card Datos Generales Crear Usuario*/
.card_1{   
	margin-top: 3%;
	margin-left: 10%;
	padding-bottom: 25px;
}

/*Card Asignaciones Crear Usuario*/
.card_2{
	margin-top: 3%;
	margin-left: 10%;
	padding-bottom: 30px;
	
}

.card_3{             
	
	margin-top: 15px;
	margin-left: 10%;
	margin-right: 5%;
	padding-bottom: 20px;
	
}

.card_grupo{
	position: relative;
	margin-top: 50px;
	margin-left: 40px;
	padding-bottom: 25px;
}

.card_grupo h2{
	margin: 0;
	margin-top: 5px;
}

.card_config{
	position: relative;
	margin-top: 50px;
}

.itcons-jerga-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	color: rgba(71, 69, 69, .82);
	font-size: 13px;
	text-align: left;
}

.itcons-jerga-table th,
.itcons-jerga-table td {
	height: 40px;
	padding: 6px 10px;
	border-bottom: 1px solid var(--itcons-color-secondary-alpha26);
	vertical-align: middle;
}

.itcons-jerga-table th {
	color: rgba(71, 69, 69, .62);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.itcons-jerga-table tr:first-child th {
	border-top: 1px solid var(--itcons-color-secondary-alpha26);
}

.itcons-jerga-table tr:nth-child(even) td {
	background: rgba(255, 255, 255, .35);
}

.itcons-jerga-table .itcons-jerga-label {
	width: 30%;
	color: rgba(71, 69, 69, .72);
	font-weight: 700;
	white-space: nowrap;
}

.itcons-jerga-table input[type="text"] {
	box-sizing: border-box;
	height: 28px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid transparent !important;
	border-radius: 6px;
	background: rgba(255, 255, 255, .45);
	color: rgba(71, 69, 69, .86);
	font-size: 13px;
	line-height: 28px;
}

.itcons-jerga-table input[type="text"]:focus {
	border-color: var(--itcons-color-secondary-alpha44) !important;
	background: #fff;
	box-shadow: none !important;
}

.itcons-jerga-table input[type="text"]::placeholder {
	color: rgba(71, 69, 69, .38);
}

.itcons-jerga-delete {
	width: 34px;
	color: #f44336;
	text-align: center;
	cursor: pointer;
	opacity: .78;
	transition: opacity .15s ease, background-color .15s ease;
}

.itcons-jerga-delete:hover {
	background: rgba(244, 67, 54, .08);
	opacity: 1;
}

.itcons-jerga-delete .material-symbols-outlined {
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
}

.itcons-reset-colors-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	height: 30px;
	min-width: 0;
	padding: 0 10px !important;
	border: 1px solid rgba(71, 69, 69, .16) !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .72) !important;
	box-shadow: none !important;
	color: rgba(71, 69, 69, .68) !important;
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	text-transform: none;
}

.itcons-reset-colors-button:hover,
.itcons-reset-colors-button:focus {
	border-color: var(--itcons-color-secondary-alpha44) !important;
	background: var(--itcons-color-secondary-alpha1) !important;
	box-shadow: none !important;
	color: var(--itcons-color-secondary) !important;
}

.itcons-reset-colors-button .material-symbols-outlined {
	font-size: 16px;
	line-height: 16px;
}


.card_1 input[type="checkbox"], .card_2 input[type="checkbox"]{
    display: none;
}
  
#sonata_user_profile_form_grupos, #sonata_user_profile_form_modeloPartes, #sonata_user_profile_form_assignments, #sonata_user_profile_form_groups, #sonata_user_profile_form_calendars,#sonata_user_profile_form_locale {

	display: none;
  }
  
 #botonesUserCard{
	margin-left:30px; 
	margin-right:200px;
}

  
/******************************************************/



#form2{
	width: 95%;
	padding-left: 20px;
	
}



#form2 label{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color:rgba(0,0,0,1.00);
	display: block;/*alinear los input*/
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;

}



.input{
	font-family: 'Poppins';
	font-size: 0.8rem;
	color: #474545;
	border: thin solid;
	border-color: #f1eeee;
	width: 100%;
	/*margin-bottom: 15px;*/
	padding: 2px;
}

#formulario1 input, #formularioFooter input, #SectionForm input, #formularioColumna input, #formularioWebData input {
    background-color: white;
    height: 34px;
}
#form2 select{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color: rgba(0,0,0,1.00);
	border: thin solid rgba(0,0,0,0.5);
	width: 100%;
	margin-bottom: 15px;
	padding: 10px;
}


#form2 textarea{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color: rgba(0,0,0,1);
	border: thin solid rgba(0,0,0,0.5);
	width: 100%;
	margin-bottom: 15px;
	padding: 10px;
}

#s2id_tfs_partes_partesbundle_modeloParte_users ul.select2-choices {
	max-height: 120px;
}

#s2id_tfs_partes_partesbundle_modeloParte_workorderTypeList ul.select2-choices {
	max-height: 120px;
}

/*crear orden*/

/*ficha*/



#ficha{
	/*margin-top: 35px;*/
	width: 100%;
	margin-right: 20px;
	overflow: auto;
}


#titulofichaOrden{
	overflow: auto;
	float: left;
	width: 33%;
	padding-bottom: 15px;
	clear: both;
}
#tituloficha{
	/* overflow: auto; */
	float: left;
	padding-bottom: 15px;
	clear: both;
}

#ficha h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
	color:rgba(0,0,0,1.00);
	float: left;
	/* display: inline-block; */
	/*margin-right: 20px;*/
	font-weight: bold;
}

#ficha h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	margin-bottom: 10px;
	color:rgba(0,0,0,1.00);
	clear: both;
}

#ficha p{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color:rgba(0,0,0,0.8);
}

ul#sectionAddList{
	margin-bottom: 30px;
}

p#sectionHeading{
	line-height: 40px;
	margin-left: 50px;
	color: var(--itcons-color-secondary) !important;
	margin-top: 0px;
}

.estados3{
	background-color:rgba(0,23,163,1.00);
	color: rgba(255,255,255,1.00);
	padding: 8px;
	border-radius: 8px 8px 8px 8px;
	border:none;
	margin-top: 10px;
}


#acciones{
	float: right;
	margin-top: 25px;
}

.pendiente3{
background-color: #2196f3;
    color: white;
}

.notificar3{
background-color: white;
    color: rgba(0, 0, 0, 0.5);
}
.completar{
	background-color: #8BC34A;
    color: white;
}

.completar:hover{
	opacity: 0.5;
}

.completar3{
	background-color: #8BC34A;
    color: white;
}

.archivado3{
	background-color: #6d6d6d;
    color: white;
}

.anular{
background-color: #F44336;
    color: white;
}

.anular:hover{
	opacity: 0.5;
}


.eliminar, .ui-dialog .ui-dialog-buttonpane button.eliminar{background-color: #c6c6c6;color: white;text-align: center;border-radius: 25px;margin-bottom:5px;}

.eliminar:hover, .ui-dialog .ui-dialog-buttonpane button.eliminar:hover{
	background-color: #f44336;
	Color: #fff;
}

.btn:hover{
	opacity: 1;
	/* color: white!important; */
}

.infoficha{
	float: left;
	clear: both;
	width: auto;
}

#tabla1{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
padding-top: 20px;
	margin-bottom:30px;
	padding-bottom: 20px;
}

.thtabla{
	color: rgba(0,0,0,0.5);
	font-family: poppins;
	font-size: 0.85rem;
	width: 33%;
	vertical-align: top;
}

.thtabla a, .thtabla a:hover{
	color: rgba(144,144,144,1.00);
	font-weight: normal;
	float: right;
}

.firma{
	color: rgba(0,0,0,0.5)!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem!important;
	font-weight: bold;
}

.linea{
	border-bottom: 1px solid rgba(180,180,180,1.00);
}

.tdtabla{
	color: rgba(0,0,0,1.00)!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
}


.tdtabla2{
	padding-bottom: 20px;
	color: rgba(0,0,0,1.00)!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	width: 100%;

}

.activity{
	padding-bottom: 10px;
	padding-top: 10px;
	color: rgba(0,0,0,1.00)!important;
	font-family: poppins;
	font-size: 0.85rem;
}

.activity-dot-pending,
.activity-dot-creado,
.activity-dot-pendiente,
.activity-dot-pendiente-de-completar,
.activity-dot-pendiente-de-enviar,
.activity-dot-recibido,
.activity-dot-leido,
.activity-dot-editado,
.activity-dot-en-ejecucion,
.activity-dot-ejecutado,
.activity-dot-enviado,
.activity-dot-aceptado,
.activity-dot-completado,
.activity-dot-rechazado,
.activity-dot-eliminado,
.activity-dot-archivado,
.activity-dot-desarchivado,
.activity-dot-exportado{
	--activity-dot-color: #2f80ed;
	padding-left: 18px;
	position: relative;
}

.activity-dot-pending:before,
.activity-dot-creado:before,
.activity-dot-pendiente:before,
.activity-dot-pendiente-de-completar:before,
.activity-dot-pendiente-de-enviar:before,
.activity-dot-recibido:before,
.activity-dot-leido:before,
.activity-dot-editado:before,
.activity-dot-en-ejecucion:before,
.activity-dot-ejecutado:before,
.activity-dot-enviado:before,
.activity-dot-aceptado:before,
.activity-dot-completado:before,
.activity-dot-rechazado:before,
.activity-dot-eliminado:before,
.activity-dot-archivado:before,
.activity-dot-desarchivado:before,
.activity-dot-exportado:before{
	background: var(--activity-dot-color);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14);
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 16px;
	width: 8px;
}

.activity-dot-creado,
.activity-dot-pendiente,
.activity-dot-pendiente-de-completar,
.activity-dot-pendiente-de-enviar,
.activity-dot-recibido,
.activity-dot-leido{
	--activity-dot-color: #2f80ed;
}

.activity-dot-en-ejecucion,
.activity-dot-ejecutado{
	--activity-dot-color: #ef6c00;
}

.activity-dot-editado,
.activity-dot-enviado{
	--activity-dot-color: #ffc107;
}

.activity-dot-aceptado,
.activity-dot-completado,
.activity-dot-firmado1,
.activity-dot-firmado2,
.activity-dot-firmado3,
.activity-dot-firmado4{
	--activity-dot-color: #7cb342;
}

.activity-dot-rechazado,
.activity-dot-eliminado{
	--activity-dot-color: #f44336;
}

.activity-dot-archivado{
	--activity-dot-color: #666;
}

.activity-dot-desarchivado{
	--activity-dot-color: #26a69a;
}

.activity-context-leave.activity-dot-creado{
	--activity-dot-color: #ffc107;
}

.activity-dot-exportado{
	--activity-dot-color: var(--itcons-color-secondary);
}

#tabla2{
	padding-bottom: 20px;

}

#tabla2 .tdtabla, #tabla2 .thtabla{
	padding-bottom: 15px;
	margin-top: 15px;
		display: inline-block;
}

.infoficha2{
	margin-bottom: 30px;
	width: 100%;
	padding:0px;
	/*overflow: auto;*/

}

.linea{
	border-bottom: thin solid var(--itcons-color-secondary);
	margin-bottom: 30px;
	width: 100%;
}

#tabla2{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding-top: 20px;
	margin-bottom: 30px;
}

.subtitulo{
	font-family: poppins;
	font-size: 1rem!important;
	color:var(--itcons-color-secondary)!important;
	font-weight: 600;
	margin-bottom: 0px;
	margin-right: 0px;
}

/*-----AÑADIDO POR IDOIA-----*/

.image{
	height: 140px;
	background-position: center;
	background-size: cover;
}


.marginDefault{
	padding-top: 15px;
	padding-bottom: 15px;
}

#popup{
	background: #0000008a;
	width: 100%;
	position: fixed;
	z-index: 999999;
}

#popup .close{
	background-color: var(--itcons-color-secondary);
	opacity: 1;
	text-shadow: none;
	color: white;
	padding: 10px 14px;
	border-radius: 22px;
}
/*.btn{
	padding: 4px 8px!important;
}*/
.btn-editar, .btn-remove{
	/* padding: 0px 4px; */
	border-radius: 14px;
	border: none;
	background: rgba(183,183,183,0.3);
}

.fa-pencil{
	color:var(--itcons-color-secondary);
}

.fa-download{
	color: var(--itcons-color-secondary);
}

#acciones .fa-download{
	color: white;
}

.fa-times{
	color: #f4543c;
}

.float-right{
	float: right;
}

.values{
	display: inline-block;
}
tr.tr_2 td{
	padding-bottom: 5px;
	padding-top: 5px;
}
.btn.btn-danger{
	padding: 3px 8px;
}
.btn.guardar-linea, .btn.guardar-record{
	background-color: #6d6d6d;
	color: white;
	padding: 3px 8px;
	/*margin-left: 235px;
	margin-top: 10px;*/
}

.btn-actividad{
	background-color: var(--itcons-color-secondary);
	color: white;
}

.btn.aceptar, .btn.desarchivar, .aceptado{
	background-color: #8BC34A;
	color: white;
	border-radius: 25px;
}

.btn.archivar,.btn.archivado{
	background-color: #6d6d6d;
	color: white;
	border-radius: 25px;
}

.btn.rechazar, .rechazado{
	background-color: #F44336;
	color: white;
	border-radius: 25px;
}

.btn.pendiente3{
	background-color: #2196f3;
	color: white;
	border-radius: 25px;
}

.btn.notificar3{
	background-color: #f3f3f3;
	color: rgba(0, 0, 0, 0.5);
	border-radius: 25px;
}

.btn.completar{
	background-color: #8BC34A;
    color: white;
}

.btn.anular{
	background-color: #F44336;
    color: white;
}

.btn.borrar{
	background-color: #F44336;
    color: white;
}

.enviado{
	background-color: #FFC107;
	color: white;
	padding: 5px;
	border-radius: 25px 25px 25px 25px;
	width: auto;
	text-align: center
}
.aceptado{
	background-color: #8BC34A;
	color: white;
	padding: 5px;
	border-radius: 25px;
	width: auto;
	text-align: center;
}
.rechazado{
	background-color: #F44336;
	color: white;
	padding: 5px;
	/* border-radius: 8px 8px 8px 8px; */
	width: auto;
	text-align: center;
}

.exportado{
	background-color: #B25EE1;
	color: white;
}


.tabla_linea tr:not(.tr_button):not(.tr) td{
	border: 1px solid #e5e5e5;
	padding: 3px;
	max-width: 100px;	
}

table.same-column-width{
	table-layout: fixed;
}

th.th a {
	color: var(--itcons-color-secondary);
}

.close_input{
	background-color: #e6e6e6;
	border: none;
	padding: 6px 6px;
	vertical-align: bottom;
	float: left;
	position: relative;
	z-index: 999;
	margin-left: -23.5px;
	border: 1px solid #ccc;
}

input[type='button'].link{
	background: none;
	border: none;
	color: #367fa9;
	padding: 10px;
}

input[type='button'].link:hover{
	opacity: 0.5;
}

.overflow-auto{
	overflow: auto;
}

.overflow-hidden{
	overflow-y: hidden;
}

.margin-left-10{
	margin-left: 10px;
}

.margin-top-20{
	margin-top: 20px;
}

.clear-both{
	clear: both;
}

.timepicker a{
	color: white;
	box-shadow: none;
}

#filter_date_value>div>.input-group {
	width: 100%;
}

#filter_createdAt_value>div>.input-group {
	width: 100%;
}
.timepicker a:hover{
	color: var(--itcons-color-primary)!important;
}

.bootstrap-datetimepicker-widget td span:hover{
	background: transparent!important;
}

.notShow{
	visibility: hidden;
}

#btn-guardar{
	z-index: 999;
	right: calc(50% - 111px);
	bottom: 7%;
	position: fixed;
	padding-left: 80px!important;
    padding-right: 80px!important;
    width: auto!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    font-size: initial;
    font-weight: bold;
}

#btn-enviar{
	margin-left: calc(50% - 220px) !important;
	margin-top: 50px !important;
	padding-left: 80px!important;
    padding-right: 80px!important;
    width: auto!important;
    padding-top: 10px !important;
	padding-bottom: 40px !important;
    display: inline-block;
}

.textData{
	word-break: break-all;
}
.input-text{
	padding-right: 25px!important;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-weight: 700;
    color: white;
    background-color: #8BC34A;
    display: inline-block;
    width: max-content;
    padding: 8px;
    cursor: pointer;
    padding-right: calc(100% - 120px);
    float: left;
}

.inputfile:focus + label,
.inputfile + label:hover {
        opacity: 0.8;
}

.close_input.removeRecordImage, .close_input.removeRecordResourceImage{
	background-color: transparent;
	border: 0px;
	color: white;
	padding-top: 8px;
	font-weight: bold;
}

.note .close_input{
	margin-left: auto;
}

[class*='inputNote']{
	margin-bottom: 20px;
}
.signature{
	width: 40%;
}

.itcons-signature-card-action {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	overflow: hidden;
	min-height: 74px;
	padding: 12px 14px !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .96) !important;
	box-shadow: none !important;
	color: rgba(71, 69, 69, .72) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.15 !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .15s ease, color .15s ease;
}

.itcons-signature-card-action:hover,
.itcons-signature-card-action:focus,
.itcons-signature-card-action:active {
	background: rgba(255, 255, 255, .96) !important;
	box-shadow: none !important;
	color: rgba(71, 69, 69, .72) !important;
	filter: none !important;
	opacity: 1;
	text-decoration: none;
}

.itcons-signature-card-action br {
	display: none;
}

.itcons-signature-card-action .firmaWhiteCard {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0 !important;
	border-radius: 999px;
	background: var(--itcons-color-primary);
	color: #fff !important;
	font-size: 22px !important;
	line-height: 32px !important;
}

.itcons-signature-card-action > i[id^="desea-firmar-remoto"] {
	position: absolute;
	top: 10px;
	right: 12px;
	margin: 0 !important;
	color: var(--itcons-color-primary) !important;
	font-size: 22px !important;
	line-height: 22px !important;
}

.itcons-signature-card-action .waves-ripple {
	border-radius: 16px !important;
}

.without-margin{
	margin: 0px;
}

#lista .btn-editar {
    background: rgba(183,183,183,0.3);
    border-radius: 13px;
    margin-left: 3px;
}
#lista .tr2{
	text-align: inherit;
}
.without-link a {
    color: black;
    cursor: default;
    pointer-events: none;
}

.sonata-ba-list-field-actions .without-link a{
	pointer-events: auto;
    cursor: pointer;
	
}
/*****************MENU MODELOS**************************/
#slide-out #filterPartesList {
	display: block;
	width: calc(100% - 24px);
	height: 34px;
	margin: 8px 12px 6px;
	padding: 0 12px;
	border: 1px solid rgba(71, 69, 69, .12) !important;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .72);
	box-shadow: none !important;
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 500;
	line-height: 34px;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

#slide-out #filterPartesList::placeholder {
	color: rgba(71, 69, 69, .42);
	font-weight: 500;
}

#slide-out #filterPartesList:focus {
	border-color: var(--itcons-color-secondary-alpha45) !important;
	background-color: rgba(255, 255, 255, .92);
	box-shadow: inset 0 -1px 0 var(--itcons-color-secondary-alphaaa) !important;
	outline: none;
}

ul#menuModelos{
	max-height: 300px !important;
	padding-bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom-width: 1px;
	border-bottom-color: #aaa;
	border-bottom-style: solid;
	/* border-bottom-color: #111; */
	/* box-shadow: 1px -3px 6px 0 #aaaaaa87, 0px -12px 3px 0px #cccccc63, 0px -14px 11px 0px #aaaaaa6b; */
}
ul#menuModelos::-webkit-scrollbar {
	width: 10px;
}	
ul#menuModelos::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
		 
ul#menuModelos::-webkit-scrollbar-thumb {
	background: #888; 
}
ul#menuModelos::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
ul#menuModelos li a.aaa{
	display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--itcons-color-primary);
    height: 38px;
    line-height: 38px;
}

ul#menuModelos li a.aaa:hover {
	text-decoration: none !important;
}

.modeloDesactivado{
	opacity: 0.3;
}
/*.menu-tooltip {
    background: #333333;
    padding: 5px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 13px;
}
.menu-tooltip .ui-tooltip-content {
    border: none!important;
    font-family: 'Open Sans', sans-serif!important;
    color: #ccc!important;
    z-index: 10000!important;
    border-radius: 0px!important;
    padding: 0px;
}*/
.treeview-menu ul{
	list-style: none;
	padding-left: 0px;
}
.treeview-menu ul li a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 0.8rem;
    margin: 0;
    color: var(--itcons-color-primary);
}
/*----- PARA LISTADOS -----*/
.packId:before{
	content: 'P';
}
/*------ FILTROS ---------*/
.filterSearchBtn{
	margin-left: -33px;
    background: white;
    border: none;
    color: grey;
}
/*-----AÑADIDO POR IDOIA-----*/

/*partes relacionados*/

.partepen{
	border-bottom: thin solid rgba(0,0,0,0.3);
	margin-bottom: 40px;
	padding:0px!important;
	margin-top:20px;
}
.titparte{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	/*color:rgba(0,0,0,1.00)!important;*/
	color:#5180b4!important;
	font-weight:bold;
}

.nombre{
	font-family: 'Poppins';
	font-size: 0.85rem;
	color:rgba(0,0,0,0.5)!important;
}
.fechaparte{
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color:rgba(0,0,0,0.5);
}

.pparte{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	color:rgba(0,0,0,0.5);
	clear: both;
}

.estado-parte{
	display: flex;
	width: fit-content!important;
	color: #fff!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding: 7px;
/* 	width: 100px; */
	border-radius: 8px 8px 8px 8px;
	text-align: center;
	margin-top: 15px;
}

.estado-parte2{
    color: rgba(255,255,255,1.00)!important;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
	float: right;
	margin-bottom:0px;
	margin-right:15px;
}


/*partes relacionados*/


/*activity*/

.fecha{
	padding-left: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.tabla{
	border-bottom: thin solid rgba(188,188,188,1.00);
	padding-top: 10px;
	margin-left: 15px;
}

.info{
	padding: 5px;
	margin-left: 5px;
	margin-right: 10px;
	border-left: thin solid  rgba(188,188,188,1.00);
}

.info2{
	padding: 5px;
	margin-left: 5px;
}

.fecha1{
	color: var(--itcons-color-secondary);
	font-family: poppins;
	font-size: 0.85rem;
	font-weight: bold;
}

.fecha1::before{
	color: var(--itcons-color-secondary);
	margin-right: 5px;
	font-size: 15px;
	content: "\25CF";
}

.thtabla2{
	color: rgba(0,0,0,0.5);
	padding-bottom: 20px;
	font-family: Poppins;
	font-size: 0.65rem;
	padding-right: 5px;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 13px;
	width: 10px;
}

.mas{
	color:var(--itcons-color-secondary);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	
}

#superior{
	border-bottom: 1px solid var(--itcons-color-secondary);
	margin-bottom: 20px;
}




/*activity*/



/*ficha*/


/*alert*/

.ui-widget-header{
	background: var(--itcons-color-secondary)!important;
    color: white!important;
	font-weight: bold;
	border: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 22px!important;
	border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.ui-widget-content{
	border: none!important;
	font-family: 'Open Sans', sans-serif!important;
	color: var(--itcons-color-secondary)!important;
	margin-top: 10px!important;
	z-index: 10000!important;
}

.ui-widget-overlay.ui-front{
	z-index: 9999;
}


.ui-dialog .ui-dialog-buttonpane button{
	background: var(--itcons-color-secondary);
	font-family: 'Open Sans', sans-serif!important;
	border: none!important;
	color: white!important;
	padding: 5px!important;
}

.ui-dialog .ui-dialog-titlebar-close{
	font-size: 0.85rem;
	width: 25px!important;
	height: 25px!important;
	background: transparent!important;
	border: none!important;
	top:42%!important;
}

button.ui-dialog-titlebar-close::before{
	content: "X";
	color: white;
	font-size: 0.85rem;
}

.filtrar-btn{
	display: none!important;
	margin-bottom: 20px!important;
	color: var(--itcons-color-secondary)!important;
	border: thin solid var(--itcons-color-secondary)!important;
	background-color: rgba(255,255,255,1.00);
	border-radius: 5px 5px 5px 5px;
	font-family: 'Open Sans', sans-serif;
    font-size: 0.85rem;
}

.icheckbox_minimal {
    background-position: 0 0;
    margin-bottom: 5px!important;
}

.all-width{
	width: 97%!important;
}
/*alert*/

/*-----AÑADIDO POR IDOIA-----*/
/*responsive*/
@media(max-width: 992px){
	#container{
		width: 100%;
		/* overflow: hidden; */
		/* height: 100%; */
		/* position: absolute; */
		width:100%;
		/* overflow-y:hidden; */
		/* top:0; */
		/* bottom:0; */
	}
	
	.left-side.sidebar-offcanvas{
		z-index: 9999!important;
	}
	
	.row-offcanvas-left.active{
		left: 0px!important;
	}
	
		#filtro{
		display: none;
		position: absolute;
   		right: -7%;
    	background: #F9F9F9;
   		margin-top: 0px;
    	padding-top: 10px;
		border: 2px solid #efefef;
    	padding: 20px;
		top: 0px;
	}
	div#footerInfoBlock {
		position: absolute;
	}

}

@media(min-width: 992px){
.modal {
    border-radius: 15px;
}
}

@media(max-width: 1890px){
	#filtro{
		display: none;
		position: absolute;
   		right: -35px;
    	background: #F9F9F9;
   		margin-top: 30px;
    	padding-top: 10px;
		border: 2px solid #efefef;
    	padding: 20px;
		top: 0px;
	}
	
.modal-interno {
	position: relative;
}	

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    background-color: #ffffff;
    padding: 0;
    max-height: 100%;
    /* width: 55%; */
    /* margin: auto; */
    overflow-y: auto;
    will-change: top, opacity;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
	
	.filtrar-btn{
	display: block!important;
		float: right;
}
	.icheckbox_minimal {
    background-position: 0 0;
    margin-bottom: none!important;
}
	#lista{
		width: 100%;
	}
}

/*-----AÑADIDO POR IDOIA-----*/

/*AÑADIDO AHORA*/
.linea_naranja{
	border-bottom: 2px solid var(--itcons-color-primary);
	margin-top: 10px;
	margin-bottom: 30px;
	height: 0px;
}
.float-left{
	float: left;
}
/*.child-float-left *{
	float: left;
}*/

.adminNote{
	margin-top: 25px;
}

.adminNote button{
	background: var(--itcons-color-secondary);
    color: white;
    border: none;
    border-radius: 2px;
    float: right;
    margin-top: 10px;
    padding: 3px 10px;
    margin-bottom: 25px;
}

.adminData.isForPack{
	background-color: #eee; 
	padding: 20px; 
	margin-top: 20px; 
	border-radius: 5px;
}

.no-label label[for='']{
	display: none!important;
}

/*-----AÑADIDO POR UNAI-----*/

.gray-border{
	/* border: 0px solid #d0d3d8; */
	border-radius: 16px;
	padding:30px 5px 5px 10px;
	height:auto;
	margin:10px 10px;
	min-height: 500px;
	/* box-shadow: 0 4px 6px 0 rgb(85 85 85 / 9%), 0 1px 20px 0 rgb(0 0 0 / 8%), 0px 1px 11px 0px rgb(0 0 0 / 6%); */
}
.gray-border .seccion4{
	margin: 25px 0;
}
.gray-border .seccion4 tr.tr2:hover, .gray-border .tabla tr:hover, .table-orders tr.tr2.hover:hover, .lite-section tr:not(.tfoot):hover, table.compacto>tbody>tr:hover{
	background: linear-gradient(to right, #FFF,#f3f3f3, #FFF);
	cursor:pointer;   
	 box-shadow: inset 2px 0 0 var(--itcons-color-secondary-alphaaa);;
	
  color: #000;

}
.gray-border .header, .lite-section .header{
	display: flex;
	justify-content: space-between;
}
.gray-border .header *, .lite-section .header *{
	display:inline-block;
	vertical-align:middle;
}
.gray-border .header .boton, .lite-section .header .boton{
	margin: 0px;
}
.gray-border .header .deleteSection, .lite-section .deleteSection{
	float:right;
}
.gray-border .fa-times{
	display: inherit;
}
a[data-target='#modal1'] .fa-cog{
	display: inherit;
}

.lite-section .header{
	padding: 10px 0px;
}
.lite-section .tfoot{
	border: none !important;
}

.scrollable{
	overflow-y: scroll;
	overflow-x: hidden;
	max-height:505px !important;
	min-height:505px !important;
}
#activity{
	max-height:500px !important;
	min-height:500px !important;
}

.ejecucion3{
	
	background-color: #EF6C00;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.pendiente4{
	
	background-color: #2196f3;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.completado4{
	
	background-color: #8BC34A;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.anulado4{
	
	background-color: #F44336;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.enviado4{
	
	background-color: #FFC107;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.aceptado4{
	
	background-color: #8BC34A;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.rechazado4{
	
	background-color: #F44336;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.exportado4{
	
	background-color: #B25EE1;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.pendiente-completar4{
	
	background-color: #2196f3;
	padding:20px;
    border-radius: 10%;
	display: block;
	width:20px;
	margin-left:5px;
}
.field-icon{
	background-color: #097a45;
	width:50px;
	border-radius:100%;
	padding:5px;
	margin-right: 10px;
}

#modal1 {
	position: relative;
	margin-top: 400px;
}

#modal1 .modal-dialog{
	width: auto;
	width:70%;
}
#modal1 .modal-content{
	margin: auto;
}
.enviar4{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	font-weight:bold;
	background-color: var(--itcons-color-secondary);
	padding: 15px !important;
	color:rgba(255,255,255,1.00);
	margin:auto auto 20px auto;
	border-radius: 5px 5px 5px 5px;
	border: none;
	width: 250px;
	text-align: center;
	display:block;
}
#modal1 .col-lg-6{
	margin: 50px 0px 100px;
}
#modal1 .col-lg-6 .th{
	widht:100%;
	border-bottom: 1px solid black;
	margin: 15px 0px;
}
#modal1 .col-lg-6 .td{
	widht:100%;
}
#modal1 .col-lg-6 .td-min{
	widht:95%;
	margin-left:5%;
}
#modal1 .col-lg-6 .td label, #modal1 .col-lg-6 .td-min label{
	font-weight: normal;
}
#modal1 .col-lg-6 .td i, #modal1 .col-lg-6 .td-min i{
	float:right;
	display:none;
}
#modal1 .col-lg-6 .th .icheckbox_minimal{
	margin-right:10px;
}

#modal2{
	margin-top:350px;
	height:1000px;
	width: 890px;
}

.modal-body .installAll{
	font-size: 17px !important;
}
.modal-body .install{
	font-size: 13px !important;
}


/*-- estilos generales de textos --*/

.upper {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}
/*-- sonata general --*/
.right-side{
	background-color: #fff;
	min.height: 100%;
	background-image: url('https://app.itcons.app/images/bg-7-app.svg');
	background-repeat: repeat;
	background-size: 150px;
	min-height: calc(100vh - 50px);
}
.content-header .navbar{
	border: 0px;
}
.content-header .navbar-brand{
	color: var(--itcons-color-secondary)!important;
    font-weight: bold;
    font-size: 20px;
}
.box.box-success{
	border: 0px;
    box-shadow: none;
}
.box-header{
	color: var(--itcons-color-primary)!important;
	border-bottom: 2px solid var(--itcons-color-secondary)!important;
}
.well{
	background: none;
    border: 0px;
    box-shadow: none;
}
.btn.btn-success{
	font-family: 'POPPINS';
	font-size: 0.8rem;
	background-color: var(--itcons-color-secondary);
	/*padding: 10px;*/
	color: rgba(255,255,255,1.00);
	border-radius: 25px 25px 25px 25px;
	border: none;
	width: auto !important;
	text-align: center;
	margin-bottom: 5px;
	FONT-WEIGHT: 600;
}
.btn.btn-success:hover{
     box-shadow: var(--itcons-color-secondary-alpha26) 0px 4px 6px 0px, var(--itcons-color-secondary-alpha26) 0px 1px 20px 0px, rgba(0, 0, 0, 0.06) 0px 1px 7px 0px;
    
}
.chk-left .icheckbox_minimal{
	float: left;
}
/***********************************************************Añadido por Jon***********************************************************/
.subLink{
	height: 38px!important;
	line-height: 38px!important;
}
.subLink a{
	height: 38px!important;
	line-height: 38px!important;
}

#slide-out .subLink.active {
	background: transparent !important;
	box-shadow: inset 4px 0 0 var(--itcons-color-secondary-alphaaa);
}

#slide-out .subLink.active > a {
	background: transparent !important;
	color: var(--itcons-color-primary) !important;
	font-weight: 600;
}

#slide-out .subLink.active > a:hover,
#slide-out .subLink.active > a:focus {
	background: rgba(0, 0, 0, .03) !important;
	text-decoration: none;
}

i.subIcon{
	height: 38px!important;
	line-height: 38px!important;
	width: 20px!important;
}
#modelWorkorders>div.hover:hover{
	background: linear-gradient(to right, #F9F9F9,#dde4e3, #F9F9F9);
	cursor:pointer;
}
.workorderModal{
	/*display: none; /* Hidden by default */
    position: absolute!important; /* Stay in place */
    background-color: #fefefe;
    z-index: 1; /* Sit on top 
    /*left: 0;
    top: 0;*/
    /*width: 100%;  Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    padding: 20px;
    height: 100%!important;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}
.modalContainer{
	display: none;
	height: 300px;
	margin-top: 60px;
	position: relative!important;
}
.modal .nonMaterial{
background-color: rgba(238, 238, 238, 0.41);
padding: 100px 0 0;
max-height: 100%;
width: 100%;
}
#send-parte-hidden{
	position: fixed;
	z-index: -1;
	float: right;
	right: 10px;
	top: 23px;
	visibility: hidden;
}
div.workorderModal>span.close{
	color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
div.workorderModal>span.close:hover,
div.workorderModal>span.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.visible{
	display: block;
}
#insertWebData {
	float: right;
}
#modelSelect>div.hover:hover{
	background: linear-gradient(to right, #F9F9F9,#dde4e3, #F9F9F9);
	cursor:pointer;
}

a#multiModelo:hover {
	opacity: 0.8;
	font-weight: bold;
	color: white;
}
div.sonata_user_profile_form_Permissions_form_group>label{
	display: none!important;
}
.typeData {
	margin-left: 5px;
}

.sync-image {
    width: 120px;
    height: 120px;
    margin: 40px;
}
.boton-sync{
	border: 2px solid var(--itcons-color-secondary);
	background-color: rgba(255,255,255,1.00);
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85rem;
	padding: 10px;
	border-radius: 5px 5px 5px 5px;
	color: var(--itcons-color-secondary);
	font-weight: bold;
	margin-top: 20px;
	margin-right:40px;
	display:inline-block;
}
.sync-content{
	margin-left: 30%;
}
.sync-content div{
	display:inline-block;
}
.list-image{
	width: 100px;
	height:100px;
	margin: 0 auto;
	display: block;
}
.syncTypeModal{
	width:850px;
}
#syncTypeContainer{
	margin: 0 auto;
	width: auto;
	display:block;
}
#waiting{
	display:none;
	background-color:black;
	opacity:0.2;
	position:fixed;
	width:100%;
	height:100%;
    left: 0;
    top: 0;
	z-index:9999;
}
#waiting *{
	margin: 20% auto;
	display:block;
	widht:auto;
	opacity:1;
}

#createSyncForm #botones{
	clear:both;
}

/*canvas#c{
   cursor: crosshair;
   border:black solid 1px;
   background: #fff;
   margin: 0 auto;
   width: 90%;
   height: 70%;
   margin: 10px;
}
#firmaModal {
	width: 100%;
	height: 60%;
}*/
#clr div{
   cursor:pointer;
   width:20px;
   height:20px;
   float:left;
}
.no-editable {
	pointer-events: none;
}
#IOSpendiente {
	width: auto!important;
}
.ajax-loader {
   display:    none;
   position:   fixed;
   z-index:    1000;
   top:        0;
   left:       0;
   height:     100%;
   width:      100%;
}
/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading .ajax-loader {
    overflow: hidden;   
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-loader {
    display: block;
}

/***************************RESPONSIVE***************************************/
/*********MENU****************/
@media(max-width: 500px) , (max-height: 500px){
	
	ul#menuModelos {
		max-height: 200px!important;
	}
	
	#menuModelos li {
    	float: none;
    	line-height: 40px;
	}
	
	#menuModelos li>a>i.material-icons {
	    float: left;
	    height: 40px;
	    line-height: 40px;
	    /*margin: 0 32px 0 0;*/
	    width: 24px;
	}
	
	div#footerInfoBlock {
		display: none !important;
	}
	
/****************CREAR PARTE**********/
	header.dataValueHeader {
		margin-left: none !important;
	}	
}
/***************SHOW MODELO********************/
@media(max-width: 320px){
	
	li.textTooLong {
		font-size: 13px!important;
	}	
}

@media(min-width: 992px){
	
	div#footerInfoBlock {
		position: absolute; 
		margin-top: 100px;
		bottom: 10px;
	}
}
/************* Añadido por Unai *******************/

.reparto-edit-data{
	display:none;
}
 .modal{
	/* overflow: initial !important; */
	top: 40%;
}
#formulario1 input, #formularioFooter input, #SectionForm input, #formularioColumna input, #formularioWebData input{
	background-color: white;
}

.table-reparto{
	margin-bottom: 20px;
}
#table-palista .hours, #table-chofer .hours, #table-operario .hours{
	width: 20px;
}
#table-palista .areas, #table-chofer .areas, #table-operario .areas{
	width: 100px;
}
#table-palista td, #table-chofer td, #table-operario td{
	width: inherit;
}
.assignmentSection input{
	width: 50px;
}
.assignmentSection select{
	width: 40px;
}
.assignmentSection th{
	text-align: center;
}
.assignmentSection .btn-editar, .assignmentSection .btn-remove{
	padding: 5px 8px;
	margin: 0px 10px;
}
.assignmentSection #area{
	height: 95%;
}


.parteInfo th,.parteInfo td{
	text-align:center;
 	vertical-align:middle;
 	min-width: 20px;
 	padding:0px 5px;
}
.parteInfo td, .table-options td{
 	height: 32px;
}
.parteInfo tr td div{
	padding: 10px;
}

#tablasReparto input[type='number'][readonly=""] {
	-moz-appearance: textfield;
	pointer-events: none;
}
#tablasReparto select[disabled=""], #tablasReparto input[value="undefined"] {
  display: none;
}
#tablasReparto input[type='number'][readonly=""]::-webkit-inner-spin-button,
#tablasReparto input[type='number'][readonly=""]::-webkit-outer-spin-button,
#tablasReparto input[type='number'][readonly=""]:hover::-webkit-inner-spin-button, 
#tablasReparto input[type='number'][readonly=""]:hover::-webkit-outer-spin-button {
-webkit-appearance: none; 
 margin: 0; }
 .chofer{
 	background-color: #edeff2;
 }
 #tablasReparto input{
 	text-align:right;
 }
 .assignmentSection hr{
 	background-color: var(--itcons-color-primary);
 }
 
 #tablasReparto select{
 	display:initial;
 }
 #tablasReparto input[type='number'][readonly=""][value=""]{
 	display:none;
 }
 #modalSelect{
 	padding: 20px;
 }
 #tfs-add-cronjob-btn, #tfs-distribution-btn{
 	padding-top:8px;
 }
 
 


/*responsive*/
@media(max-width: 1200px){
	.callout{
		margin-top: 150px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
  
  ul.pagination a, ul.pagination span{
  	font-size: 10px;
  }
  
}
.logo{
	background-color: transparent !important;
	max-height: 150px;
}

#login-container .logo{
	display:block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.cronjob-schedule select{
	display: initial;
	width: initial;
	height: initial;
}
.navbar-top-links a{
	padding: 0 5px !important;
}
div#footerInfoBlock{
	background-color: #fbfbfb !important;
}
.lite-section{
	display:none;
	margin-bottom: 25px;
	border: 0px solid #d0d3d8;
	border-radius: 16px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.lite-section table.seccion4{
	margin-bottom:20px;	
}
.lite-section .aceptado{
	padding: 5px;
	border-radius: 8px 8px 8px 8px;
	width: auto;
	text-align: center
}
@media(max-width: 580px){
	.full-section{
		display:none;
		
	}
	.lite-section{
		display:block;
	}
	
	div.datepicker-modal{
		max-width: 100%!important;
		width: 100%;
		height: 100%;
		top: 100%!important;
		max-height: 100%;
		overflow: hidden;
		z-index: 1007!important;
		/* bottom: -100%!important; */
		/*margin-top: 400px;*/
	}
	
	.tap-target-content{
		font-size: 0.8rem;
	}
	
	footer.sticky-footer{
		height: 100px!important;
		/* margin: 0px!important; */
	}
}
#footerInfoBlock a#app_link_android img, #footerInfoBlock a#app_link_ios img{
	width:93px;
	height:30px;
}
.nav.navbar-top-links.breadcrumb {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	padding: 0 0 0 4px;
	background: transparent;
	border-radius: 0;
	color: rgba(71, 69, 69, .54);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
}

.nav.navbar-top-links.breadcrumb:before {
	display: none;
}

.nav.navbar-top-links.breadcrumb > li {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

.nav.navbar-top-links.breadcrumb > li + li:before {
	display: inline-flex;
	align-items: center;
	padding: 0 7px;
	color: rgba(71, 69, 69, .22);
	font-weight: 400;
	line-height: 1.2;
	transform: translateY(-1px);
	content: "/";
}

.nav.navbar-top-links.breadcrumb > li > a {
	display: inline-flex;
	align-items: center;
	height: 44px;
	min-height: 44px;
	padding: 0 4px !important;
	border-radius: 2px;
	color: var(--itcons-color-primary);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	opacity: .58;
	transition: background-color .15s ease, box-shadow .15s ease, color .15s ease, opacity .15s ease;
}

.nav.navbar-top-links.breadcrumb > li > a:hover,
.nav.navbar-top-links.breadcrumb > li > a:focus {
	background-color: transparent !important;
	box-shadow: inset 0 5px 0 var(--itcons-color-secondary-alphaaa);
	color: var(--itcons-color-primary);
	opacity: .86;
	text-decoration: none;
}

.nav.navbar-top-links.breadcrumb > .active,
.nav.navbar-top-links.breadcrumb > .active > span {
	display: inline-flex;
	align-items: center;
	height: 44px;
	color: rgba(71, 69, 69, .68) !important;
	font-weight: 600;
}

#botonesUserCard{
	margin-left:40px; 
	margin-right:0px;
}
/******************************************PROGRESSIVE WEB APP***************************************************************/

.requiredSpan{
	color: #A6A6A6;
	float: right;
}

/*.requiredAlert{
	text-align: left;
}*/

/*#sectionAlert{
	padding: 12;
	 margin-bottom: 20px; */
	/* border: 1px solid transparent; 
	border-radius: 4px !important;
}*/

.errorLabels{
	font-weight: normal;
	color: red;
}

.itcons-required-alert {
	text-align: left;
}

.itcons-required-alert-intro {
	margin: 0 0 10px;
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

.itcons-required-alert-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 6px 0;
	border-top: 1px solid rgba(71, 69, 69, .08);
}

.itcons-required-alert-row-label {
	flex: 0 0 36%;
	color: rgba(71, 69, 69, .76);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
}

.itcons-required-alert-items {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	color: rgba(71, 69, 69, .68);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
}

.swal-modal.itcons-required-alert-modal .swal-title {
	color: rgba(71, 69, 69, .86);
	font-size: 16px;
	font-weight: 800;
}

.swal-modal.itcons-required-alert-modal .swal-content {
	margin-top: 8px;
}

#notas-parte{
	line-height: 36px;
	margin: 0 auto !important;
	width: 100%;
	color: white;
	font-weight: bold;
	padding-bottom: 10px;
}

div#notaContainer{
	margin-top: 10px;
}

label.labelNota{
	/* border: solid; */
	/* border-color: #BCBCBC; */
	border-radius: 15px;
	/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 
		0 1px 5px 0 rgba(0, 0, 0, 0.2); */
	background-color: #fff;
	border-color: var(--itcons-color-secondary-alpha26);
	border-style: solid;
	border-width: 2px;
}



.modal-content {
    border: none;
    box-shadow: inherit; 
    background-color: inherit;
    border-radius: inherit;
    top: inherit;
}

.modal-firma .modal-content{
	border: none;
	box-shadow: inherit;
	background-color: inherit;
	border-radius: inherit;
	top: inherit;
	position: initial !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-radius: none !important;
}

/*****TIMEPICKER de Materialize, en caso de actualizar algún día el framework estilos guardados**************/
/*div.timepicker-modal{
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	margin-right: 0px;
	margin-left: 0px;
	/* position: absolute; *//*
	margin-top: 100px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
	top: 50%!important;
	z-index: 9999!important;
}

div.timepicker-container{
	height: 100%;
	width: 100%;
	top: 0% !important;
}
*/

header.stickyHeader{
	/*position: fixed; 
	 z-index: 1003; */
	/* background-color: white; */
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

footer.sticky-footer{
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	z-index: 1001;
	margin-left: 220px;
	background-color: #f9f9f9;
	color: #BBBBBB;
	/* vertical-align: middle; */
}

footer.sticky-footer > .container{
	text-align: center;
	/* z-index: 1001; */
	width: 100%;
	height: 100%;
	margin: 0;
	/* display: contents; */
	padding: 10px;
}

.stickTop {
	top: 0;
	position: fixed!important;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	width: fill-available;
	z-index: 100;
	background-color: #fff;
}

div.search i.material-icons{
	display: inline-block;
	position: absolute;
	margin-top: 18px;
}
div.search i.material-symbols-outlined{
	display: inline-block;
	position: absolute;
	margin-top: 18px;
}

tr.hover{
	width: 100%;
}

tr.hover>td.col-description{
	width: 100%;
}

div.filter-content{
	height: 70%;
}

.modal-filters .modal-footer{
	position: absolute;
}

h6.filter-title{
	padding-left: 10px!important;
	text-align: center;
}

div.steps-content{
	top: 0!important;
}

.image-preview-dimensions{
	/* max-height: 180px; */
}

img.image-box-ios{
	border: 1px solid #ddd; /* Gray border */
	border-radius: 4px;  /* Rounded border */
	/* padding: 5px; */ /* Some padding */
	/* Set a small width */
	height: 100px;
	width:100px;
	/* display:  none; */
	/* overflow: auto; */
	width: auto;
}

img.image-box-ios:hover{
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

div.headerImages, div.footerImages{
	margin-top: 10px;
	list-style-type: none;
	display: inline-block;
	width: 100%;
}

a.removeImage{
	float: right;
	z-index: 998!important;
	position:  absolute;
	/*margin-left: 80px;*/
	/* color: white; */
}

li.feature span.title, li.feature span.value, li.feature span.valueUnits{
	color: #474545;
}

li.lineas-parte{
	border: 1px solid white;
	border-shadow: 1px solid black;
	border-radius: 15px;
	/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); */
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: var(--itcons-color-secondary-alpha26);
	border-width: 2px;
}

ul.features.bordered::last-child{
	border-bottom: none!important;
}

.linea-button-container{
	margin-top: 10px;
	text-align: center;
}

article.resources{
	margin-bottom: 20px;
	/* background: linear-gradient(  to bottom,  var(--itcons-color-secondary-alpha26) 0%,  transparent 100%); */
}

.je-ui-modal input[type="number"], input[type="time"]{
	text-align: center;
	font-size: 30px!important;
}

article.resources header.center-align{
	font-weight: bold;
    font-size: 1.2rem;
    line-height: 2;
}

.centered{
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

a.active_button{
    background-color: rgba(0, 0, 0, 0.1);
    outline: 0;
    text-decoration: none;
    color: #333;
}

.select2-container-multi .select2-choices .select2-search-field input {
	height: auto;
}

div#parteMsg {
	display: block; 
	/*position: absolute;*/
	position:fixed;
	left:0;
	right:0;
	top:0;
	/*height:2em;*/ 
	z-index: 9999;
	padding: 5px;
	width: 100%;
	text-align: center;
	margin-left: 0px;
}

.caption-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  
}

.grid-caption {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.8rem;
}

ul.no-margins {
	margin-left: 0px;
	margin-right: 0px !important;
	padding: 0px;
}

ul.no-margins li.item{
	max-height: 250px !important;
}

div.resourceImage {
	margin: 0px;
	width: 100px;
	height: 100px;
	text-align: center;
	/* background-color: #868E96; */
	margin-bottom: 10px;
}

div.resourceImage>a{
	width: 100%!important;
	height: 100%;
	display: flex;
	/* line-height: 100%; */
	vertical-align: middle;
	border-radius:16px;
}

li.resource_icon{
	width: fit-content;
}

.selectedResource,
.selectedResource a,
.selectedResource img,
.selectedResource span {
//    background-color: rgba(7, 155, 110, 0.13);
	background-color: var(--itcons-color-secondary);
    color: white!important;
}

.selectedCategory {
//    background-color: rgba(7, 155, 110, 0.13);
	background-color: var(--itcons-color-secondary);
    color: white!important;
}

.selectedResource {
//	box-shadow: 0 12px 12px 0 rgba(7, 155, 110, 0.23), 0 10px 4px -5px rgba(7, 155, 110, 0.23), 0 4px 12px 0 rgba(7, 155, 110, 0.23);
	box-shadow: 0 12px 12px 0 rgba(155, 155, 155, 0.23), 0 10px 4px -5px rgba(155, 155, 155, 0.23), 0 4px 12px 0 rgba(155, 155, 155, 0.23);
}

.resourceName {
	font-weight: bold;
	color: #5D5D5D;
	/* vertical-align: middle; */
	margin: 0 auto;
	/* display: flex; */
	justify-content: center;
	font-size: 0.8rem;
	align-items: center;
	/* top: -50%; */
	/* padding-bottom: 30%; */
	/* padding-top: 30%; */
	line-height: 12px;
}

.resourceName.centered{
	display: flex; 
}

div.resourceContainer {
	height: 100%;
	vertical-align: middle;
}

ul.no-borders{
	border: none;
    box-shadow: none;
}

li.subCat{
	margin-top: 10px;
    margin-bottom: 10px;
}

div.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

.bottom-centered {
  position: absolute;
  /* left: 50%; */
  align: center;
  bottom: 0px;
  width: 100%;
  /*background-color: white;*/
  /* float: left; */
  overflow-wrap: break-word!important;
  /* margin: 0 auto; */
  /* transform: translate(-50%, -50%); */
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.polaroid img{
	/* flex: calc(600/800); */
	width: 80px;
	max-height: -webkit-fill-available;
	/* margin-left: 10%; */
	border-radius: 50%;
	/* margin-right: 10%; */
	margin: auto;
	overflow: hidden;
	/* margin-bottom: 20px; */
	/*width:80%;margin-bottom: 30px;margin-left: 10%;margin-right:10%;*/
}


a.toResources {
    color: #5D5D5D;
    font-weight: bold;
}

/*img.card-img {
	width: 100% !important;
	height: 100% !important;
}*/

li.withMargin{
	border: 0.5px solid white;
    border-shadow: 1px solid black;
   /* border-radius: 16px; */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal::-webkit-scrollbar { /* WebKit */
    width: 0 !important;
    height: 0 !important;
}

.modal-content::-webkit-scrollbar { /* WebKit */
    width: 0 !important;
    height: 0 !important;
}

.mobileListIcons {
	display: block;
	margin: 0 auto 5px;
	padding: 4px;
	wid;
	width: 28px;
	height: 28px;
	border-radius: 50% !important;
	box-sizing: border-box;
	line-height: 0px;
}

.mobileListIcons i.custom-icon{
	font-size: 20px;
	color: white;
	margin-top: 0%;
	font-weight: 100;
}

table.list td, table.list th {
	padding: 4px 6px;
}

table.list .itcons-mobile-workorder-link {
	display: block;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

table.list .itcons-mobile-workorder-link:hover,
table.list .itcons-mobile-workorder-link:focus {
	text-decoration: none;
}

table.list .itcons-mobile-workorder-link:focus-visible {
	border-radius: 6px;
	outline: 2px solid var(--itcons-color-secondary-alpha45);
	outline-offset: 3px;
}

.secondaryFloatButton{
	height: 50px!important;
	width: 50px!important;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--itcons-color-secondary-alphaaa);
}

.secondaryFloatIcons{
	line-height: 50px!important;
}
/***********************Nuevos estilos ModeloParte Responsive*******************************************************/
.material-tooltip {
	display:block;
	position: absolute;
	z-index: 100000 !important;
	background-color: #C9C9C9;
	color: white;
	text-align: center;
	/* padding: 5px; */
}

a.tooltipped {
	vertical-align: middle;
}

.noBorders {
	border: none !important;
	box-shadow: none;
}

.modeloDataHeader {
	color: var(--itcons-color-primary) !important;
}

.dataType-span {
	color: #C9C9C9;
}

.modeloDataHeader {
	color: var(--itcons-color-primary) !important;
	margin: 0px !important;
	background-color: var(--itcons-color-primary-alpha20) !important;
	border-radius: 15px;
}

.itcons-model-config-anchorlinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	width: 100%;
	height: auto;
	min-height: 0;
	margin: 8px 0 6px;
	padding: 0;
	background: transparent;
	box-shadow: none;
	line-height: 1;
}

.itcons-model-config-anchorlinks a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 22px;
	padding: 0 4px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: rgba(71, 69, 69, .52);
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
}

.itcons-model-config-anchorlinks a:hover,
.itcons-model-config-anchorlinks a:focus {
	background: rgba(0, 0, 0, .035);
	color: var(--itcons-color-primary);
}

.itcons-model-config-anchorlinks i.material-symbols-outlined {
	font-size: 15px;
	font-variation-settings: 'FILL' 0, 'wght' 250, 'GRAD' 0, 'opsz' 20;
	line-height: 1;
}

#modelo-signature-section,
#modelo-other-settings-section {
	scroll-margin-top: 72px;
}

#modeloDataCollapsible {
	padding: 0rem!important;
}

.dataType-span {
	color: #C9C9C9;
}

.titleContainer {
	height: 75px;
}

.btn-remove>i.material-icons {
	color: var(--itcons-color-secondary);
	vertical-align: middle;
}

.btn-editar>i.material-icons {
	color: var(--itcons-color-secondary);
	vertical-align: middle;
}

.no-background {
	background: none;
}

ul.sectionCollapsible {
	border-radius: 15px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	overflow:auto;
	clear:both;
	border-color: var(--itcons-color-secondary-alpha26) !important;
	border-width: 2px !important;
	border-style: solid !important;
}

a.importantDataIcon>i.material-icons {
	font-size: 15px!important;
	color: #BBBBBB;
	/* border: 1px solid #BBBBBB; */
}

a.columnIcons>i.material-icons {
	color: #BBBBBB;
}

.sectionCollapsible>li.feature {
	padding: 10px;
	line-height: 2;
}

.reorder-columns {
	background-color: #BBBBBB;
	border-radius: 16px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
	color: white;
	padding: 5px;
	text-transform: lowercase;
}



a.addColumn {
	background-color: #BBBBBB;
	border-radius: 16px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
	color: white;
}

.reorder-columns>i.material-icons {
	position: relative;
	top: 8px;
	margin-right: 10px;
}

#modelParteSave {
	position: fixed;
	top: 50px;
	width: 120px;
	z-index: 9999;
}

/***************Drag and Drop del modelo*************************************************/

.reorder-modal {
	/* display: inline-block; */
	height: -moz-min-content;
	height: -webkit-min-content;
	top: 80%!important;
	/* display: flex !important; */
	height: min-content!important;
	overflow-y: auto;
}

.drag-container > * {
	box-sizing: border-box;
}

.drag-container > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.drag-container {
	max-width: 1000px;
	margin: 20px auto;
}

.drag-list {
	display: flex;
	align-items: flex-start;
	
	@media (max-width: 690px) {
		display: block;
	}
}

.drag-column {
	flex: 1;
	margin: 0 10px;
	position: relative;
	background: rgba(black, 0.2);
	overflow: hidden;
	
	@media (max-width: 690px) {
		margin-bottom: 30px;
	}
}
	
.drag-column h2 {
		font-size: 0.8rem;
		margin: 0;
		text-transform: uppercase;
		font-weight: 600;
}
	
.drag-column-on-hold {
		.drag-column-header,
		.is-moved,
		.drag-options {
			/* background: #FB7D44; */
		}
	}
}

.drag-column-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}

.drag-inner-list {
	min-height: 50px;
}

.drag-item {
	margin: 10px;
	/* height: 100px; */
	background-color: #fff;
	transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
	border: 0.5px solid white !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    padding: 10px;
}

.drag-item.is-moving {
	transform: scale(1.5);
	background: rgba(black, 0.8);
}

.itcons-sortable-list {
	width: min(100%, 760px);
	margin: 18px auto 0;
	padding: 0 12px;
	box-sizing: border-box;
}

.itcons-sortable-list__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.itcons-sortable-list__header h2 {
	margin: 0;
	color: #474545;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
}

.itcons-sortable-list__items {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.itcons-sortable-list__item.drag-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin: 0;
	padding: 9px 12px;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
	color: #474545;
	cursor: grab;
	box-sizing: border-box;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background-color .15s ease;
}

.itcons-sortable-list__item.drag-item:hover {
	border-color: var(--itcons-color-secondary-alpha44) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .14) !important;
	transform: translateY(-1px);
}

.itcons-sortable-list__item.drag-item.is-moving {
	background: #fff;
	border-color: var(--itcons-color-secondary) !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	transform: scale(1.02);
}

.itcons-sortable-list__handle {
	flex: 0 0 auto;
	width: 24px;
	color: rgba(71, 69, 69, .42);
	font-size: 22px;
	line-height: 1;
}

.itcons-sortable-list__name {
	min-width: 0;
	overflow: hidden;
	color: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-priority-modelo-content,
.right-side .sonata-ba-content > .modal-content:has(.drag-container) {
	padding-bottom: 88px;
}

.itcons-priority-modelo-footer,
.right-side .sonata-ba-content > .modal-content:has(.drag-container) + .modal-footer {
	position: sticky;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 64px;
	padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
	border-top: 1px solid rgba(0, 0, 0, .08);
	background: rgba(249, 249, 249, .96);
	backdrop-filter: blur(8px);
	box-sizing: border-box;
}

.itcons-priority-modelo-footer .reorder-col-btn,
.right-side .sonata-ba-content > .modal-content:has(.drag-container) + .modal-footer .reorder-col-btn {
	margin: 0;
}

@media (max-width: 690px) {
	.itcons-priority-modelo-content,
	.right-side .sonata-ba-content > .modal-content:has(.drag-container) {
		padding-bottom: 112px;
	}

	.itcons-priority-modelo-footer,
	.right-side .sonata-ba-content > .modal-content:has(.drag-container) + .modal-footer {
		position: fixed;
		width: 100%;
	}
}

.drag-header-more {
	cursor: pointer;
}

.drag-options {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	transform: translateX(100%);
	opacity: 0;
	transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
}	
.drag-options.active {
	transform: translateX(0);
	opacity: 1;
}

.drag-options label {
	display: block;
	margin: 0 0 5px 0;
}

.drag-options input {
	opacity: 0.6;
}

.drag-options span {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 400;
	margin-left: 5px;
}



.modalIsOpen {
    overflow-y: hidden!important;
    /* top:0; */
    /* bottom:0; */
    position: fixed!important;
}

/* Dragula CSS  */

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
	list-style-type: none;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
}

/***********************Estilo personalizado para fullcalendar*******************************************************/
.fc-basicWeek-view .fc-day-header {
    font-size: 0.85rem;
    line-height: normal;
}
.fc-basicWeek-view .fc-day-header::before {
    content: "";
    display: block;
    font-size: 0.8rem;
}

@media only screen and (max-width: 600px){
	.fc-basicWeek-view .fc-day-header {
	    font-size: 24px;
	}
	
	ul#headerValuesData li, ul#footerValuesData li {
		padding: 0px!important; 
		font-size: 0.8rem;
	}

	ul#headerValuesData label, ul#footerValuesData label {
		padding-right: 0px!important;
	}
}

.fc-daygrid-event-dot{
	border: calc(var(--fc-daygrid-event-dot-width)/2) solid white;
}

.fc-event.fc-pendiente {
	background-color: #2196f3;
	border-color: #2196f3;
	color: white;
}

.fc-event.fc-ejecucion {
	background-color: #EF6C00;
	border-color: #EF6C00;
	color: white;
}

.fc-event.fc-completado {
	background-color: #8BC34A;
	border-color: #8BC34A;
	color: white;
}

.fc-event.fc-archivado {
	background-color: #6d6d6d;
	border-color: #6d6d6d;
	color: white;
}

.fc-event.fc-enviado{
	background-color: #FFC107;
	border-color: #FFC107;
}

.fc-event.fc-rechazado{
	background-color: #F44336;
	border-color: #F44336;
}

.fc-event.fc-exportado{
	background-color: #B25EE1;
	border-color: #B25EE1;
}

.fc-event.fc-aceptado{
	background-color: #8BC34A;
	border-color: #8BC34A;
}

.fc-event.fc-holiday{
	background-color: #F2763A;
	border-color: #F2763A;
}

.fc-event.fc-leaves{
	background-color: #F4A55F;
	border-color: #F4A55F;
}

.fc-event.fc-available{
	background-color: #d7f5ec;
	border-color: #d7f5ec;
    color: #49b695;
}

.fc-no-parte{
	background-color: #f5f5f5;
	border-color: #666666;
	border-style: dashed;
    color: #454545;
}

.fc-event.fc-leaves .fc-event-main-frame::after{
	content: "";
	float: right;
	width: 15px;
	height: 15px;
	border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
}

.fc-event.fc-leaves.fc-leaves-pendiente .fc-event-main-frame::after{
	background-color: #2196f3;
}

.fc-event.fc-leaves.fc-leaves-enviado .fc-event-main-frame::after{
	background-color: #FFC107;
}

.fc-event.fc-leaves.fc-leaves-aceptado .fc-event-main-frame::after{
	background-color: #8BC34A;
}

.fc-event.fc-leaves.fc-leaves-rechazado .fc-event-main-frame::after{
	background-color: #F44336;
}

.fc-toolbar.fc-header-toolbar, .fc-toolbar.fc-header-toolbar h2{
	margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.fc-row.fc-week.fc-widget-content, .fc-row.fc-widget-header {
	border-right-width: 0px !important; 
    margin-right: 0px !important;
}

.fc-scroller.fc-day-grid-container, .fc-scroller.fc-time-grid-container {
	height: 100% !important;
}

@media(max-width: 992px){
	.fc-content > .fc-time {
		display:none;
	}
	
	footer.sticky-footer{
		position: fixed;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 50px;
		z-index: 1001;
		background-color: white;
		text-align: center;
		margin: 0px;
		color: #BBBBBB;
		font-size: 0.8rem!important;
	}
}

.fc-event.fc-activity-pendiente {
	background-color: rgba(33, 150, 243, .14);
	border-color: rgba(33, 150, 243, .28);
	color: #2196f3;
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.fc-event.fc-activity-pendiente .material-icons,
.fc-event.fc-activity-pendiente .material-symbols-outlined{
	color: #2196f3;
}
.fc-event.fc-activity-ejecucion {
	background-color: rgba(239, 108, 0, .14);
	border-color: rgba(239, 108, 0, .28);
	color: #EF6C00;
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.fc-event.fc-activity-ejecucion .material-icons,
.fc-event.fc-activity-ejecucion .material-symbols-outlined{
	color: #EF6C00;
}
.fc-event.fc-activity-completado {
	background-color: rgba(139, 195, 74, .16);
	border-color: rgba(139, 195, 74, .32);
	color: #8BC34A;
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.fc-event.fc-activity-completado .material-icons,
.fc-event.fc-activity-completado .material-symbols-outlined{
	color: #8BC34A;
}
.fc-event.fc-activity-archivado {
	background-color: rgba(109, 109, 109, .14);
	border-color: rgba(109, 109, 109, .28);
	color: #6d6d6d;
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.fc-event.fc-activity-archivado .material-icons,
.fc-event.fc-activity-archivado .material-symbols-outlined{
	color: #6d6d6d;
}

.fc-event.fc-event-activity {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 19px;
	min-height: 19px;
	padding: 1px;
}

.fc-event.fc-event-activity .material-symbols-outlined,
.fc-event.fc-event-activity .material-icons {
	font-size: 15px !important;
	line-height: 1;
}

div > .on-div-hover{
	opacity:0;
}

div:hover > .on-div-hover{
	opacity:1;
}

/***********************Estilo personalizado para calculador de precios y call to action plan de prueba **************************/

.slider.ui-slider {
	height: 10px;
}

.contenido-bloqueado {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	pointer-events: none;
}

.cta-prueba-panel {
	margin: 0;
	top: 20%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 2px solid;
    background-color: rgba(255, 255, 255, 1.00);
    border-radius: 25px 25px 25px 25px;
    color: #000;
    box-shadow: 4px 4px 0 0 var(--itcons-color-primary);
	position: absolute;
}

/***********************Estilo personalizado para la vista kanban **************/

.kanban-head {
	display:table; 
	width:100%;
	padding-top: 20px;
}

.kanban-body {
	display:table; 
	width:100%;
	border-left: 1px solid rgba(0,0,0,0.12);
	border-right: 1px solid rgba(0,0,0,0.12);
	border-bottom: 1px solid rgba(0,0,0,0.12);
}

.kanban-col-head {
	display:table-cell;
	width:25%;
	padding: 5px;
	border-radius:0px;
}

.kanban-col-head > h2{
	width: 100%;
	text-transform: none;
	letter-spacing: 0;
}

.kanban-col-head-5 {
	display:table-cell;
	width:20%;
	padding: 5px;
	border-radius:0px;
}

.kanban-col-head-5 > h2{
	width: 100%;
	text-transform: none;
	letter-spacing: 0;
}

.kanban-col-body {
	min-height: 50px;
	display:table-cell; 
	vertical-align: top;
	width:25%;
	max-width: 1px;
	height: 100%;
	background-color: white;
}

.kanban-col-body-5 {
	min-height: 50px;
	display:table-cell; 
	vertical-align: top;
	width:20%;
	max-width: 1px;
	height: 100%;
	background-color: white;
}

@keyframes kanban-col-animation{
	0% {background-position: 0% 0%;}
	25% {background-position: 100% 0%;}
	75% {background-position: 100% 0%;}
	100% {background-position: 0% 0%;}
}

.kanban-col-body.is-moved-into{
/*	background-color: rgba(0,0,0,0.12);*/
	background: linear-gradient(to right, white, white 50%, rgba(0,0,0,0.12) 50%);
/*background-color:var(--itcons-color-primary-alpha20);	*/
background-size: 200%;
box-shadow: 4px 4px 0 0 #49b695;
	animation-name: kanban-col-animation;
  	animation-duration: 1500ms;
  	transition-timing-function: ease-in-out;
}

.kanban-col-body:not(:last-child) {
	border-right: 1px solid rgba(0,0,0,0.12);
}

.kanban-element:not(.not-draggable) {
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow:hidden;
}

.kanban-element .title {
	display: block;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
    padding-bottom: 4px;
}

.kanban-scroll-end {
	height: 10px;
	margin: 5px;
	background-color: rgba(0,0,0,0.12);
	border-radius: 5px;
}

/* Dragula CSS  */

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
	list-style-type: none;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
 }
 
 /* Materialize carousel */
 .carousel .indicators .indicator-item{
 	background-color: var(--itcons-color-secondary);
 }
 
 .carousel .indicators .indicator-item.active {
    background-color: var(--itcons-color-secondary);
    opacity: 0.5;
}

div.modalImageGallery {
	top: 50% !important;
}

.carousel .carousel-item > img {
	width: auto;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.selectHightlightDataContainer .dropdown-content.select-dropdown{
	max-height: 300px;
}


/* Saldo por usuarios */
@keyframes desplegable-lateral-animation{
	0% {right:-500px;}
	100% {right:0px;}
}

@keyframes desplegable-lateral-hiding-animation{
	0% {right:0px;}
	100% {right:-500px;}
}

@keyframes desplegable-lateral-movil-animation{
	0% {bottom:-100%;}
	100% {bottom:0px;}
}

@keyframes desplegable-lateral-movil-hiding-animation{
	0% {bottom:0px;}
	100% {bottom:-100%;}
}

.desplegable-lateral{
	overflow: auto;
	position:fixed;
	right:0px;
	top:0px;
	height:100%;
	width:500px;
	background-color:#f9f9f9;
	z-index:50;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.desplegable-lateral.showing{
	right:0px;
	animation-name: desplegable-lateral-animation;
  	animation-duration: 500ms;
  	transition-timing-function: linear;
}

.desplegable-lateral.hiding{
	right:-500px;
	animation-name: desplegable-lateral-hiding-animation;
  	animation-duration: 500ms;
  	transition-timing-function: linear;
}

.desplegable-lateral-movil{
	overflow: auto;
	position:fixed;
	bottom:0px;
	left:5%;
	width:90%;
	height:90%;
	background-color:#f9f9f9;
	z-index:50;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.desplegable-lateral-movil.showing{
	bottom:0px;
	animation-name: desplegable-lateral-movil-animation;
  	animation-duration: 500ms;
  	transition-timing-function: linear;
}

.desplegable-lateral-movil.hiding{
	bottom:-100%;
	animation-name: desplegable-lateral-movil-hiding-animation;
  	animation-duration: 500ms;
  	transition-timing-function: linear;
}

.cancelacion-desplegable-lateral{
	position:fixed;
	top: 0px;
	width:100%;
	height:100%;
	z-index:49;
	display:none;
}

@media(max-width: 1160px){
	@keyframes desplegable-lateral-responsive-animation{
		0% {right:-500px;}
		100% {right:0px;}
	}
	
	@keyframes desplegable-lateral-responsive-hiding-animation{
		0% {right:0px;}
		100% {right:-500px;}
	}
	
	.desplegable-lateral-responsive{
		overflow: auto;
		position:fixed;
		right:0px;
		top:0px;
		height:100%;
		width:500px;
		background-color:#f9f9f9;
		z-index:50;
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	}
	
	.desplegable-lateral-responsive.showing{
		right:0px;
		animation-name: desplegable-lateral-responsive-animation;
	  	animation-duration: 500ms;
	  	transition-timing-function: linear;
	}
	
	.desplegable-lateral-responsive.hiding{
		right:-500px;
		animation-name: desplegable-lateral-responsive-hiding-animation;
	  	animation-duration: 500ms;
	  	transition-timing-function: linear;
	}
}

@media(min-width: 1160px){
	@keyframes desplegable-lateral-responsive-animation{
		0% {right:-840px;}
		100% {right:0px;}
	}
	
	@keyframes desplegable-lateral-responsive-hiding-animation{
		0% {right:0px;}
		100% {right:-840px;}
	}
	
	.desplegable-lateral-responsive{
		overflow: auto;
		position:fixed;
		right:0px;
		top:0px;
		height:100%;
		width:840px;
		background-color:#f9f9f9;
		z-index:50;
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	}
	
	.desplegable-lateral-responsive.showing{
		right:0px;
		animation-name: desplegable-lateral-responsive-animation;
	  	animation-duration: 840px;
	  	transition-timing-function: linear;
	}
	
	.desplegable-lateral-responsive.hiding{
		right:-840px;
		animation-name: desplegable-lateral-responsive-hiding-animation;
	  	animation-duration: 500ms;
	  	transition-timing-function: linear;
	}
}

.background-line::before,
.background-line::after {
    display: inline-block;
    content: "";
    border-top: .3rem solid black;
    width: 2px;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.background-line::before{
	left:0px;
}

.background-line::after {
	right:0px;
}

.card.card-gray{
	background-color: #f3f3f3;
}

.dashboard-marcador{
	height: 8rem;
	width: 8rem;
}

.marcador-pendiente > .valor-marcador{
	color: #2196f3;
}

.marcador-enviado > .valor-marcador{
	color: #FFC107;
}

.marcador-rechazado > .valor-marcador{
	color: #F44336;
}

.marcador-aceptado > .valor-marcador{
	color: #8BC34A;
}

.marcador-ejecucion > .valor-marcador{
	color: #EF6C00;
}

.marcador-completado > .valor-marcador{
	color: #8BC34A;
}

.marcador-archivado > .valor-marcador{
	color: #6d6d6d;
}

.dashboard-marcador > .valor-marcador{
	font-size: 3rem;
	font-weight: bold;
	padding-top: 1rem;
	position: absolute;
    width: 100%;
    text-align: center;
}

.dashboard-marcador > .nombre-marcador{
	position: absolute;
	bottom: 0;
	left: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.chart-collapsible {
	margin: 0;
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
	padding: 0px;
	position: relative;
}

.chart-collapsible > li {
	border: 0.5px solid white;
	border-shadow: 1px solid black;
	border-radius: 16px;
	/* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); */
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: var(--itcons-color-secondary-alpha26)
#49b69526;
	border-style: solid;
	border-width: 1px;
}

.chart-collapsible .collapsible-header {
	padding: 5px 35px;
    position: relative;
    border-bottom: none;
}

.chart-collapsible .collapsible-body {
	padding: 0;
	border: 0;
}

.chart-collapsible .collapsible-header .indicator {
	position: absolute;
    left: 4px;
    top: 7px;
    margin: 0;
}

.leaflet-pane, .leaflet-top, .leaflet-bottom {
	z-index: 0 !important;
}

.marker-cluster {
    background-color: rgba(234, 89, 11, 0.6) !important;
}

.marker-cluster div {
    background-color: rgba(234, 89, 11, 0.6) !important;
    color: #FFFFFF;
}

.card.up.resources {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-style: dashed;
    border-color: var(--itcons-color-secondary);
}

.card.up.resources.dragging {
	color: white;
	background-color: var(--itcons-color-secondary-alpha44);
	
}

.container-adjuntos {
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}

.container-links {
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}

.card.links.resources {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.link-choose{
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-radius: 25px;
	font-weight: 600;
	font-family: 'Poppins';
}

.resource-list-panel .card.links.resources,
.resource-list-panel .card.up.resources{
	padding: 10px 20px;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 16px;
	box-shadow: none;
}

.resource-list-panel .card.up.resources{
	border-style: dashed;
	border-color: var(--itcons-color-secondary);
}

.resource-list-panel .link-choose,
.resource-list-panel .up-choose{
	height: auto;
	min-height: 25px;
	background: transparent;
	border-radius: 0;
	border-bottom: 1px solid #7D7D7D;
	padding-bottom: 10px;
	margin-bottom: 8px;
	text-align: center;
	font-weight: 600;
	font-family: 'Poppins';
}

.resource-list-panel .up-selected{
	border-bottom: 0;
	margin: 0.75em 0 0;
}

.resource-list-panel .up-selected table,
.resource-list-panel #table_links{
	width: 100%;
	border-spacing: 0;
	margin: 0;
}

.resource-list-panel .up-selected td,
.resource-list-panel #table_links td{
	padding: 0.5em 0.5% 0.5em 0;
	border-bottom: 0 !important;
	font-size: 12px;
}

.resource-list-panel .up-selected tr:has(.up-table-head){
	display: none;
}

.resource-list-panel .up-table-head{
	display: none;
}

.workorder-header-status{
	clear: both;
	display: inline-block;
	margin-top: 8px;
	white-space: nowrap;
}

.related-report-action .button-container{
	margin-bottom: 8px;
}

.related-report-action .btn{
	position: relative;
	right: 0;
	padding-bottom: 10px !important;
}

.action-disabled-reason{
	color: #777;
	font-size: 12px;
	margin: 6px 0 0;
	max-width: 260px;
	text-align: left;
}

.workorder-report-action-row{
	align-items: flex-start;
	display: flex;
	gap: 10px;
	margin: 10px 4px 8px;
}

.workorder-report-main-action{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-width: 0;
}

.workorder-report-action-button{
	align-items: center;
	border-radius: 25px;
	display: inline-flex;
	gap: 6px;
	height: 34px;
	justify-content: center;
	line-height: 34px;
	min-width: 0;
	padding: 0 16px !important;
	position: relative;
	right: 0;
	white-space: nowrap;
}

.workorder-report-action-button i{
	font-size: 20px;
	line-height: 1;
}

.workorder-report-action-button.background-color-gray{
	background-color: gray !important;
}

.workorder-related-report-link{
	align-items: center;
	border: 0;
	border-radius: 25px;
	color: #6f8f86;
	display: flex;
	flex: 2 1 0;
	font-size: 12px;
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	min-height: 30px;
	opacity: 0.86;
	padding: 0 14px;
	text-align: center;
}

.workorder-related-report-link:hover{
	color: var(--itcons-color-secondary);
	opacity: 1;
}

.workorder-related-report-link strong{
	background: var(--itcons-color-secondary-alpha44);
	border-radius: 999px;
	color: var(--itcons-color-secondary);
	font-size: 12px;
	line-height: 18px;
	min-width: 18px;
	padding: 0 6px;
}

#related-report-list{
	scroll-margin-top: 78px;
}

.workorder-status-flow{
	margin: 24px 0 12px;
	padding: 0 10px;
}

.workorder-status-flow h3{
	color: var(--itcons-color-secondary);
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 12px;
}

.workorder-status-flow-list{
	--workorder-status-steps: 4;
	counter-reset: workorder-status;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(var(--workorder-status-steps), minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.workorder-status-flow-list:before{
	background: #e6e6e6;
	content: "";
	height: 3px;
	left: calc(50% / var(--workorder-status-steps));
	position: absolute;
	right: calc(50% / var(--workorder-status-steps));
	top: 17px;
	z-index: 0;
}

.workorder-status-step{
	--status-color: #a7a7a7;
	--status-soft: rgba(167, 167, 167, 0.13);
	align-items: center;
	counter-increment: workorder-status;
	display: flex;
	flex-direction: column;
	min-width: 0;
	position: relative;
	z-index: 1;
}

.workorder-status-step.status-pendiente{
	--status-color: #2196f3;
	--status-soft: rgba(33, 150, 243, 0.14);
}

.workorder-status-step.status-en-ejecucion{
	--status-color: #ef6c00;
	--status-soft: rgba(239, 108, 0, 0.16);
}

.workorder-status-step.status-completado{
	--status-color: #7cb342;
	--status-soft: rgba(124, 179, 66, 0.17);
}

.workorder-status-step.status-archivado{
	--status-color: #666;
	--status-soft: rgba(102, 102, 102, 0.15);
}

.workorder-status-dot{
	align-items: center;
	background: #fff;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
	color: #999;
	display: flex;
	height: 36px;
	justify-content: center;
	margin-bottom: 8px;
	width: 36px;
}

.workorder-status-step.is-done .workorder-status-dot,
.workorder-status-step.is-current .workorder-status-dot{
	background: var(--status-color);
	border-color: var(--status-color);
	box-shadow: 0 0 0 5px var(--status-soft);
	color: #fff;
}

.workorder-status-dot i{
	font-size: 18px;
	line-height: 1;
}

.workorder-status-card{
	background: var(--status-soft);
	border-radius: 8px;
	color: #555;
	display: flex;
	flex-direction: column;
	font-size: 11px;
	gap: 2px;
	line-height: 1.25;
	min-height: 74px;
	padding: 8px;
	text-align: center;
	width: calc(100% - 8px);
}

.workorder-status-card strong{
	color: var(--status-color);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.15;
	text-transform: uppercase;
}

.workorder-status-card span,
.workorder-status-card time{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.workorder-status-step.is-pending .workorder-status-card{
	background: rgba(0, 0, 0, 0.035);
}

.workorder-status-step.is-current .workorder-status-card{
	box-shadow: inset 0 0 0 1px var(--status-color);
}

@media only screen and (max-width: 600px){
	.workorder-report-action-row{
		flex-direction: column;
	}

	.workorder-report-main-action,
	.workorder-report-action-button,
	.workorder-related-report-link{
		width: 100%;
	}

	.workorder-status-flow-list{
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.workorder-status-flow-list:before{
		bottom: 18px;
		height: auto;
		left: 17px;
		right: auto;
		top: 18px;
		width: 3px;
	}

	.workorder-status-step{
		align-items: flex-start;
		flex-direction: row;
		gap: 10px;
	}

	.workorder-status-dot{
		flex: 0 0 36px;
		margin-bottom: 0;
	}

	.workorder-status-card{
		min-height: 0;
		text-align: left;
		width: 100%;
	}
}

.material-icons {
	vertical-align: sub;
}

/*Sweetalert, corrección scroll en iframe*/
.swal-overlay.swal-overlay--show-modal{
	position:fixed!important;
}
.swal-overlay{
	position:unset!important;
}
.itcons-mobile-navbar-title {
	display: none;
}

@media only screen and (max-width: 992px) {

	#logoA{
		width:85%
	}
}

@media only screen and (min-width: 993px) {

	#logoA{
		width:91%
	}
}

@media only screen and (max-width: 992px) {

	#hideShowMenuArrow{
		display:none
	}
}

@media only screen and (min-width: 993px) {

	#hideShowMenuArrow{
		display:inline-flex
	}
}

.itcons-menu-trigger,
.itcons-context-back,
.itcons-sidebar-toggle {
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	color: var(--itcons-color-primary);
	line-height: 34px;
	vertical-align: middle;
}

.itcons-context-back,
.itcons-sidebar-toggle {
	opacity: .58;
	transition: opacity .15s ease;
}

.itcons-context-back:hover,
.itcons-context-back:focus,
.itcons-sidebar-toggle:hover,
.itcons-sidebar-toggle:focus {
	background: transparent !important;
	color: var(--itcons-color-primary);
	opacity: .58;
	text-decoration: none;
}

.itcons-menu-trigger {
	display: inline-flex;
	margin-top: 7px;
}

nav .itcons-menu-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	line-height: 34px;
}

.itcons-menu-trigger i,
.itcons-context-back i,
.itcons-sidebar-toggle i {
	color: currentColor !important;
	font-size: 24px;
	line-height: 34px !important;
	vertical-align: middle !important;
}

.itcons-sidebar-toggle i.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.itcons-sidebar-toggle {
	float: left;
	margin-top: 7px;
	margin-left: 2px;
	cursor: pointer;
}

#slide-out .collapsible-header {
	position: relative;
	padding-right: 34px;
}

#slide-out .collapsible-header > i.material-symbols-outlined.right.indicator {
	position: absolute;
	top: 50%;
	right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin: 0 !important;
	line-height: 20px !important;
	transform: translateY(-50%) rotate(0deg);
	transform-origin: 50% 50%;
	transition: transform .16s ease;
}

#slide-out li.active > .collapsible-header > i.material-symbols-outlined.right.indicator {
	transform: translateY(-50%) rotate(180deg);
}

#slide-out .itcons-sidenav-utility-link {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	padding: 0 16px;
	color: rgba(71, 69, 69, .62) !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	transition: background-color .15s ease, box-shadow .15s ease, color .15s ease;
}

#slide-out .itcons-sidenav-utility-link i.material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 0;
	color: rgba(71, 69, 69, .58);
	font-size: 20px;
	line-height: 22px;
	font-variation-settings: 'FILL' 0, 'wght' 250, 'GRAD' 0, 'opsz' 24;
}

#slide-out .itcons-sidenav-utility-link:hover,
#slide-out .itcons-sidenav-utility-link:focus {
	background-color: rgba(0, 0, 0, .05) !important;
	box-shadow: inset 3px 0 0 var(--itcons-color-secondary-alphaaa);
	color: var(--itcons-color-primary) !important;
	text-decoration: none;
}

#slide-out .itcons-sidenav-utility-link:hover i.material-symbols-outlined,
#slide-out .itcons-sidenav-utility-link:focus i.material-symbols-outlined {
	color: var(--itcons-color-primary);
}

#siteMilestoneProgressDiv.itcons-site-progress-card {
	position: relative;
	margin: 10px 8px 14px;
	padding: 8px 8px 12px;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 8px;
	background: rgba(255, 255, 255, .86);
	box-shadow: none;
	cursor: pointer;
	text-align: center;
	transition: border-color .15s ease, background-color .15s ease;
}

#siteMilestoneProgressDiv.itcons-site-progress-card:hover {
	border-color: var(--itcons-color-secondary-alpha44);
	background: rgba(255, 255, 255, .94);
}

#siteMilestoneProgressDiv.itcons-site-progress-card-gallery {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: min(840px, calc(100% - 24px));
	margin: 16px auto 22px;
	padding: 18px 22px 16px;
	border-color: var(--itcons-color-secondary-alpha26);
	background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .9));
	box-shadow: 0 14px 34px rgba(73, 182, 149, .08);
	cursor: default;
	text-align: left;
}

#siteMilestoneProgressDiv.itcons-site-progress-card-gallery:hover {
	border-color: var(--itcons-color-secondary-alpha26);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .92));
}

#siteMilestoneProgressDiv.itcons-site-progress-card-parte {
	width: min(820px, calc(100% - 24px));
	margin-top: 10px;
	margin-bottom: 18px;
	padding-bottom: 15px;
}

.first-parte-select-hint {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 8px 16px 10px;
	padding: 10px 12px;
	border: 1px solid var(--itcons-color-secondary-alpha20);
	border-radius: 8px;
	background: var(--itcons-color-secondary-alpha10);
	color: rgba(71, 69, 69, .74);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
}

.first-parte-select-hint i {
	flex: 0 0 auto;
	color: var(--itcons-color-secondary);
	font-size: 18px;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
	line-height: 18px;
}

.itcons-site-progress-gallery-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background: var(--itcons-color-secondary-alpha10);
	color: var(--itcons-color-secondary);
}

.itcons-site-progress-gallery-icon i {
	font-size: 23px;
	line-height: 1;
}

.itcons-site-progress-gallery-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.itcons-site-progress-gallery-kicker {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-bottom: 6px;
	padding: 4px 8px;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 999px;
	background: var(--itcons-color-secondary-alpha10);
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

#siteMilestoneProgressDiv.itcons-site-progress-card-gallery h2 {
	margin: 0 0 4px;
	color: var(--itcons-color-primary);
	font-size: 17px;
	font-weight: 500;
	line-height: 1.25;
}

#siteMilestoneProgressDiv.itcons-site-progress-card-gallery p {
	margin: 0;
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	line-height: 1.4;
}

.itcons-site-progress-gallery-steps {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--itcons-color-secondary-alpha13);
}

.itcons-site-progress-gallery-step {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 6px 11px 6px 8px;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: rgba(71, 69, 69, .86);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
	white-space: nowrap;
}

.itcons-site-progress-gallery-step-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--itcons-color-secondary-alpha13);
	color: var(--itcons-color-secondary);
}

.itcons-site-progress-gallery-step-icon i {
	font-size: 17px;
	line-height: 1;
}

.itcons-site-progress-gallery-step-arrow {
	color: var(--itcons-color-primary);
	font-size: 18px;
	line-height: 1;
	opacity: .72;
}

@media (max-width: 600px) {
	#siteMilestoneProgressDiv.itcons-site-progress-card-gallery {
		align-items: flex-start;
		width: calc(100% - 16px);
		margin: 12px auto 18px;
		padding: 14px 16px;
	}

	#siteMilestoneProgressDiv.itcons-site-progress-card-parte {
		margin-top: 8px;
		margin-bottom: 14px;
	}

	.first-parte-select-hint {
		margin-right: 12px;
		margin-left: 12px;
	}

	.itcons-site-progress-gallery-steps {
		align-items: stretch;
		display: grid;
		grid-template-columns: 1fr;
		gap: 6px;
		margin-top: 12px;
		padding-top: 10px;
	}

	.itcons-site-progress-gallery-step {
		justify-content: flex-start;
		white-space: normal;
	}

	.itcons-site-progress-gallery-step-arrow {
		display: none;
	}
}

.itcons-site-progress-close-row {
	min-height: 18px;
	margin: 0;
}

#siteMilestoneProgressDivClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: -2px -2px 0 0;
	border-radius: 999px;
	color: rgba(71, 69, 69, .58);
	font-size: 20px;
	line-height: 24px;
}

#siteMilestoneProgressDivClose:hover {
	background: rgba(0, 0, 0, .04);
	color: rgba(71, 69, 69, .8);
}

.itcons-site-progress-ring-row {
	margin: 0;
}

.itcons-site-progress-ring {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
}

.itcons-site-progress-ring svg {
	display: block;
	filter: drop-shadow(0 4px 8px rgba(71, 69, 69, .08));
}

.itcons-site-progress-percent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgba(71, 69, 69, .86);
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

.itcons-site-progress-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 8px 0 0;
	color: var(--itcons-color-primary);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	opacity: .82;
}

.itcons-site-progress-link i {
	font-size: 18px;
	line-height: 18px;
}

#closeNavbarIcon.itcons-sidenav-close {
	float: right;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 0;
	box-shadow: none;
}

#closeNavbarIcon.itcons-sidenav-close i {
	color: var(--itcons-color-primary) !important;
	font-size: 27px;
	line-height: 34px;
	vertical-align: middle !important;
	font-variation-settings: 'FILL' 0, 'wght' 240, 'GRAD' 0, 'opsz' 24;
}

@media only screen and (min-width: 993px) {
	.itcons-context-back {
		display: none !important;
	}

	#closeNavbarIcon.itcons-sidenav-close {
		display: none !important;
	}
}

@media only screen and (max-width: 992px) {
	.nav.navbar-top-links.breadcrumb {
		display: none !important;
	}

	.itcons-menu-trigger {
		margin: 5px 6px 0 18px;
	}

	.itcons-context-back {
		display: inline-flex;
		float: left;
		margin-top: 5px;
		margin-left: -5px;
		padding: 0;
	}

	#closeNavbarIcon.itcons-sidenav-close {
		display: inline-flex;
	}

	.itcons-mobile-navbar-title {
		position: fixed;
		top: 0;
		left: 58px;
		right: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100vw - 176px);
		height: 40px;
		overflow: hidden;
		color: var(--itcons-color-primary);
		font-size: 13px;
		font-weight: 700;
		line-height: 40px;
		text-overflow: ellipsis;
		white-space: nowrap;
		pointer-events: none;
		z-index: 2;
	}
}

.note-editor.note-frame {
-webkit-user-select: initial;
user-select: initial;
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[type="checkbox"] + span.listActivePointer{
	padding-left:10px
	
}
html{
	scroll-behavior: smooth;
}

a.itcons.white-text.aceptado.text-white {
    border-radius: 0px;
}
a.itcons.white-text.rechazado.text-white {
    border-radius: 0px;
}
td.fc-noPlanification {
	background-color: lightgrey;
}

span.archivedText {
    background-color: #f0f0f0;
    color: #666;
    padding: 2px 5px;
    border-radius: 25px;
    font-weight: 600;
}

.innerBorder{
	border-bottom: 1px solid rgb(0 0 0);
}

.avanzadoTag{
	margin-left: 5px;
    padding: 2px 5px;
    background-color: #e91e6354;
    color: #e91e63;
    border-radius: 3px;
    font-weight: 600;
}

.proTag{
	margin-left: 5px;
    padding: 2px 5px;
    background-color: #9c27b04a;
    color: #9c27b0;
    border-radius: 3px;
    font-weight: 600;
}

.avanzadoText{
	margin-left: 5px;
    padding: 2px 5px;
    color: #e91e63;
    border-radius: 3px;
    font-weight: 600;
}

.proText{
	margin-left: 5px;
    padding: 2px 5px;
    color: #9c27b0;
    border-radius: 3px;
    font-weight: 600;
}		

#nota_informacion img {
 	max-width:100%;
}

#notaContainer img {
 	max-width:100%;
}

#workorder_info_section img {
	max-width:100%;
}

.table-availability{
	table-layout: fixed;
}

.table-availability .available {
    background-color: #d7f5ec;
    color: #49b695;
}

.table-availability .unavailable {
	background-color: #f0f0f0;
    color: #333;
}

.table-availability .occupied-background-pattern {
    background-color: rgb(240, 240, 240); /* Gris aún más suave */
    background-image: repeating-linear-gradient(135deg, rgb(230, 230, 230), rgb(230, 230, 230) 24px, rgb(240, 240, 240) 24px, rgb(240, 240, 240) 48px); /* Gradiente de grises aún más claros */
    min-height: 30px;
    padding: 14px 20px;
    position: relative;  
}

table.compacto2 > tbody > tr > td{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;
}

table.compacto2 > thead{
	border-bottom: 2px solid var(--itcons-color-secondary);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #f9f9f9;
}

table.table-availability.compacto2 > tbody > tr > td:nth-child(1) {
    background-color: #f3f3f3;
}
#btn_enviar_wizard:disabled {
    background-color: #b0bec5; 
    color: #fff;
    cursor: not-allowed;
    opacity: 0.6;
}
#btn_wizard:disabled {
    background-color: #b0bec5; 
    color: #fff;
    cursor: not-allowed;
    opacity: 0.6;
}

header.center-align.itcons.secondary.z-depth-1-half.white-text {
	background-color: #ffff !important;
	color: var(--itcons-color-secondary)!important;
	box-shadow: rgb(85 85 85 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 1px 20px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px !important;
	border-top-style: solid;
	border-top-width: 2px;
}
a#añadirNotaAudio {
    margin-left: 5px;
}
#headerValues .feature:has(input[type="file"][accept^="image"]) label[for]::before {
  font-family: 'Material Symbols Outlined';
  content: "add_a_photo";
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
  margin-right: 1px;
  display: inline-block;
font-weight: normal;
    font-style: normal;
    font-size: 24px;
	  line-height: 0;
}
{
    margin-left: 15px;
}
input[type="file"] {
  display: none;
}
.material-symbols-outlined {
		    vertical-align: middle;
}

.itcons-required-label .title::after {
	content: " *";
	color: currentColor;
	font-weight: 800;
}

.mandatory-marker-background > label .title::after {
	content: " *";
	color: #FF0000;
	font-weight: 800;
}


/* Que cada label se comporte como una fila flexible */
.select-list .item label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* El span ocupa todo el espacio disponible */
.select-list .item span {
  flex: 1;
  position: relative;
  padding-right: 30px; /* espacio para el icono */
}

/* Línea divisoria después de "A mí" */
#selectMe + span {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

/* Igualamos la estructura como antes */
.select-list .item label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.select-list .item span {
  flex: 1;
  position: relative;
  padding-right: 30px; /* espacio para el icono */
}

/* Estilos específicos de cada prioridad */
.select-list .item input[value="baja"] + span {
  color: #8bc34a !important;
  background-color: #8bc34a45;
  padding: 2px 25px;
  border-radius: 5px;
  font-weight: 600;
 max-width: min-content;
}

.select-list .item input[value="media"] + span {
  color: #2196f3 !important;
  background-color: #2196f33b;
  padding: 2px 25px;
  border-radius: 5px;
  font-weight: 600;
  max-width: min-content;
}

.select-list .item input[value="alta"] + span {
  color: #FFC107 !important;
  background-color: #ffc1071f;
  padding: 2px 25px;
  border-radius: 5px;
  font-weight: 600;
	max-width: min-content;
}

.select-list .item input[value="urgente"] + span {
  color: #F44336 !important;
  background-color: #f4433630;
  padding: 2px 25px;
  border-radius: 5px;
  font-weight: 600;
	max-width: min-content
}

.itcons-filter-badge {
	display: inline-block;
	width: auto;
	min-width: 0;
	padding: 0 4px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 700;
	line-height: 17px;
	text-transform: lowercase;
	white-space: nowrap;
}

.itcons-mobile-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 16px;
	height: 16px;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-primary-alpha20), transparent);
	color: var(--itcons-color-primary);
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	vertical-align: middle;
}

.tabs .tab a:not(.active) .itcons-mobile-tab-count {
	opacity: .62;
}

.itcons-leaves-accepted-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin: 8px 8px 4px;
	padding: 3px;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-primary-alpha20), transparent);
}

.itcons-leaves-accepted-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 30px;
	padding: 0 8px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--itcons-color-primary);
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	white-space: nowrap;
}

.itcons-leaves-accepted-tab.active {
	background: rgba(255, 255, 255, .86);
	box-shadow: inset 0 -2px 0 var(--itcons-color-secondary-alphaaa);
}

.itcons-filter-form {
	display: block;
	width: 100%;
}

.itcons-filter-bar {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 14px 18px;
	width: 100%;
	box-sizing: border-box;
}

.itcons-filter-bar--excel {
	align-items: flex-start;
	padding: 8px 16px 2px;
}

.itcons-filter-bar--excel > .itcons-filter-field.col-lg-4 {
	flex: 0 0 calc((100% - 36px) / 3);
	width: calc((100% - 36px) / 3);
	max-width: calc((100% - 36px) / 3);
}

.itcons-filter-field {
	box-sizing: border-box;
	min-width: 0;
	margin-bottom: 0;
}

.itcons-filter-field--date {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 74px;
	padding-top: 0;
}

.itcons-filter-form--excel .itcons-filter-field--date:before {
	display: inline-block;
	margin-bottom: 4px;
	color: rgba(71, 69, 69, .72);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	content: "Fecha";
}

.itcons-filter-form--excel .itcons-filter-field--checkbox {
	display: flex;
	align-items: center;
	min-height: 51px;
}

.itcons-filter-actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
}

.itcons-filter-actions--excel {
	padding-top: 6px;
}

.itcons-filter-form label,
.itcons-filter-form b {
	display: inline-block;
	margin-bottom: 4px;
	color: rgba(71, 69, 69, .72);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
}

.itcons-filter-form .input-group.date {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.itcons-filter-form .input-group.date .form-control {
	border-radius: 6px 0 0 6px !important;
}

.itcons-filter-form .input-group.date .input-group-addon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	min-width: 34px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, .12);
	border-left: 0;
	border-radius: 0 6px 6px 0;
	background: rgba(255, 255, 255, .9);
	color: rgba(0, 0, 0, .45);
}

.itcons-filter-form .input-group.date .input-group-addon .glyphicon-calendar:before {
	content: "calendar_month";
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	font-weight: 400;
}

.itcons-filter-form .margin-top-20 {
	margin-top: 14px !important;
}

.selectsNormal.itcons-list-filter-form {
	padding: 8px 10px 2px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-bar {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 7px 6px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	box-sizing: border-box;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-main {
	padding-right: 12px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	float: none;
	width: auto;
	min-width: 0;
	min-height: 58px;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--id {
	flex: 0 1 72px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--name {
	flex: 0 1 104px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--medium {
	flex: 0 1 132px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--status {
	flex: 0 1 172px;
	min-width: 158px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--wide {
	flex: 0 1 166px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--grow {
	flex: 1 1 220px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--archived {
	flex: 0 1 78px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--actions {
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 5px;
	min-height: 32px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--report-actions {
	flex: 0 0 158px;
	flex-direction: row;
	justify-content: flex-start;
	min-height: 32px;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--report-actions .btn-floating {
	width: 32px;
	height: 32px;
	margin: 0 !important;
	box-shadow: none;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-field--report-actions .btn-floating i {
	height: 32px;
	font-size: 19px;
	line-height: 32px;
}

.selectsNormal.itcons-list-filter-form .control-label {
	display: inline-block;
	width: auto;
	margin-bottom: 4px;
	color: rgba(71, 69, 69, .58);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
}

.selectsNormal.itcons-list-filter-form input.form-control:not(.select2-input):not(.select2-focusser),
.selectsNormal.itcons-list-filter-form .itcons-list-filter-field > input:not([type="submit"]):not(.select2-input):not(.select2-focusser) {
	width: 100%;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 30px !important;
	box-sizing: border-box;
}

.selectsNormal.itcons-list-filter-form .itcons-list-filter-submit {
	min-width: 84px;
	height: 32px;
	padding-right: 13px;
	padding-left: 13px;
	border: 0 !important;
	background: var(--itcons-color-secondary) !important;
	color: #fff !important;
}

.selectsNormal.itcons-list-filter-form #panel-filtros > [class*="col-"] {
	margin-bottom: 10px;
}

.selectsNormal.itcons-list-filter-form #panel-filtros > [class*="col-"]:last-child {
	margin-bottom: 0;
}

.selectsNormal.itcons-list-filter-form #panel-filtros .itcons-date-range-filter {
	margin-top: 3px;
}

.selectsNormal.itcons-filter-form .itcons-admin-topbar-filter-tabs,
.selectsNormal.itcons-list-filter-form .itcons-admin-topbar-filter-tabs {
	position: fixed;
	top: 3px !important;
	right: calc(56px - (100vw - 100%)) !important;
	z-index: 10;
	width: 250px;
	max-width: calc(100vw - 260px);
	padding: 0 !important;
}

.selectsNormal.itcons-filter-form .itcons-admin-topbar-filter-tabs .custom-collapsible-tabs,
.selectsNormal.itcons-list-filter-form .itcons-admin-topbar-filter-tabs .custom-collapsible-tabs {
	margin-top: 0;
	background: #fff;
}

.selectsNormal.itcons-category-list-filter-form .itcons-category-topbar-filter-tabs .itcons-mobile-filter-tab {
	display: none !important;
}

.selectsNormal.itcons-category-list-filter-form .itcons-category-topbar-filter-tabs .itcons-category-order-tab {
	width: 100% !important;
}

@media only screen and (min-width: 601px) {
	.selectsNormal.itcons-category-list-filter-form .itcons-category-filter-main {
		float: none;
		width: auto;
		max-width: min(720px, calc(100vw - 560px));
		margin-right: 272px;
		margin-left: auto;
		padding-right: 0;
	}

	.selectsNormal.itcons-category-list-filter-form .itcons-category-filter-main .itcons-list-filter-bar {
		justify-content: flex-end;
	}

	.selectsNormal.itcons-category-list-filter-form .itcons-category-main-filter-control {
		flex: 1 1 260px;
		max-width: 360px;
	}
}

@media only screen and (max-width: 600px) {
	.selectsNormal.itcons-filter-form .itcons-admin-topbar-filter-tabs,
	.selectsNormal.itcons-list-filter-form .itcons-admin-topbar-filter-tabs {
		position: static;
		width: 100%;
		max-width: 100%;
		margin-top: 8px !important;
	}

	body:has(.sidenav-overlay[style*="display: block"]) .selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs,
	body:has(.sidenav-overlay[style*="display: block"]) .selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs,
	body:has(.sidenav-overlay[style*="display: block"]) .selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs {
		visibility: hidden;
		pointer-events: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs {
		position: fixed;
		top: 3px !important;
		right: 42px !important;
		z-index: 990;
		width: 86px;
		max-width: 86px;
		margin-top: 0 !important;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-filter-main {
		display: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs {
		position: fixed;
		top: 3px !important;
		right: 42px !important;
		z-index: 990;
		width: 86px;
		max-width: 86px;
		margin-top: 0 !important;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .custom-collapsible-tabs {
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .custom-collapsible-tabs-header {
		height: 34px;
		min-height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs {
		height: 34px;
		background: transparent;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs .tab,
	.selectsNormal.itcons-category-list-filter-form .itcons-category-topbar-filter-tabs .itcons-category-order-tab,
	.selectsNormal.itcons-category-list-filter-form .itcons-category-topbar-filter-tabs .itcons-mobile-filter-tab {
		display: block !important;
		width: 38px !important;
		min-width: 38px;
		height: 34px;
		line-height: 34px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs .tab a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border-radius: 999px;
		color: var(--itcons-color-primary);
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs .tab a .valign-wrapper {
		font-size: 0;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs .tab a i {
		margin: 0 !important;
		font-size: 24px;
		line-height: 34px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .tabs .indicator {
		display: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .custom-collapsible-body {
		position: fixed;
		top: 42px;
		right: 10px;
		left: 10px;
		width: auto;
		height: auto !important;
		border: 1px solid var(--itcons-color-primary-alpha26);
		border-radius: 8px;
		background: #fff;
		overflow: visible !important;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs #panel-filtros {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs #panel-filtros,
	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs #panel-ordenacion {
		float: none !important;
		width: 100%;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs #panel-ordenacion {
		min-height: 164px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-category-topbar-filter-tabs .itcons-category-main-filter-control {
		width: 100% !important;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
	}

	#lista-administracion .itcons-category-list-actions .itcons-import-action {
		display: none !important;
	}

	#lista-administracion .itcons-category-mobile-more {
		display: block !important;
		margin-right: 75px;
	}

	#lista-administracion .itcons-category-related-history {
		float: none;
		width: 100%;
		margin: 4px 0 10px;
		padding: 0 5px;
		box-sizing: border-box;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .custom-collapsible-tabs {
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .custom-collapsible-tabs-header {
		height: 34px;
		min-height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs {
		height: 34px;
		background: transparent;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs .tab {
		width: 38px !important;
		min-width: 38px;
		height: 34px;
		line-height: 34px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs .tab a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border-radius: 999px;
		color: var(--itcons-color-primary);
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs .tab a .valign-wrapper {
		font-size: 0;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs .tab a i {
		margin: 0 !important;
		font-size: 24px;
		line-height: 34px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .tabs .indicator {
		display: none;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .custom-collapsible-body {
		position: fixed;
		top: 42px;
		right: 10px;
		left: 10px;
		width: auto;
		border: 1px solid var(--itcons-color-primary-alpha26);
		border-radius: 8px;
		background: #fff;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs #panel-filtros {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .assignment-main-filter-control,
	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .itcons-list-filter-panel-field {
		width: 100% !important;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .itcons-list-filter-field--actions {
		align-items: stretch;
	}

	.selectsNormal.itcons-list-filter-form .itcons-assignment-topbar-filter-tabs .itcons-list-filter-submit {
		width: 100%;
	}

	#lista .itcons-list-header #show-list-view,
	#lista .itcons-list-header #show-map-view,
	#lista .itcons-list-header #show-kanban-view,
	#lista .itcons-list-header #show-calendar-view,
	#lista .itcons-list-header .itcons-import-action,
	#lista .itcons-list-header h2.subtitulo > a {
		display: none !important;
	}

	#lista .itcons-assignment-mobile-more {
		display: block !important;
		margin-right: 75px;
	}

	#lista .itcons-assignment-mobile-more.itcons-mobile-more-open ul li,
	#lista .itcons-assignment-mobile-more.itcons-mobile-more-open ul a {
		opacity: 1 !important;
		pointer-events: auto;
		visibility: visible !important;
	}

	#lista .itcons-assignment-mobile-more:focus-within ul li,
	#lista .itcons-assignment-mobile-more:focus-within ul a {
		opacity: 1 !important;
		pointer-events: auto;
		visibility: visible !important;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs {
		position: fixed;
		top: 3px !important;
		right: 42px !important;
		z-index: 990;
		width: 86px;
		max-width: 86px;
		margin-top: 0 !important;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .custom-collapsible-tabs {
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .custom-collapsible-tabs-header {
		height: 34px;
		min-height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs {
		height: 34px;
		background: transparent;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs .tab {
		width: 38px !important;
		min-width: 38px;
		height: 34px;
		line-height: 34px;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs .tab a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border-radius: 999px;
		color: var(--itcons-color-primary);
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs .tab a .valign-wrapper {
		font-size: 0;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs .tab a i {
		margin: 0 !important;
		font-size: 24px;
		line-height: 34px;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .tabs .indicator {
		display: none;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .custom-collapsible-body {
		position: fixed;
		top: 42px;
		right: 10px;
		left: 10px;
		width: auto;
		border: 1px solid var(--itcons-color-primary-alpha26);
		border-radius: 8px;
		background: #fff;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs #panel-filtros {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .itcons-user-main-filter-control,
	.selectsNormal.itcons-companydata-filter-form .itcons-user-topbar-filter-tabs .itcons-companydata-panel-field {
		width: 100% !important;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
	}

	.itcons-companydata-filter-form .itcons-user-main-filter-control {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs {
		position: fixed !important;
		top: 3px !important;
		right: 42px !important;
		z-index: 990 !important;
		width: 38px !important;
		max-width: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .custom-collapsible-tabs {
		border: 0;
		background: transparent !important;
		box-shadow: none;
		margin: 0 !important;
		padding: 0 !important;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .custom-collapsible-tabs-header {
		height: 34px;
		min-height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs {
		height: 34px;
		background: transparent;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs .tab {
		width: 38px !important;
		min-width: 38px;
		height: 34px;
		line-height: 34px;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs .tab a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border-radius: 999px;
		color: var(--itcons-color-primary);
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs .tab a .valign-wrapper {
		font-size: 0;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs .tab a i {
		margin: 0 !important;
		font-size: 24px;
		line-height: 34px;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .tabs .indicator {
		display: none;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs .custom-collapsible-body {
		position: fixed;
		top: 42px;
		right: 10px;
		left: 10px;
		width: auto;
		border: 1px solid var(--itcons-color-primary-alpha26);
		border-radius: 8px;
		background: #fff;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs #panel-filtros {
		display: flex;
		flex-direction: column;
		gap: 10px;
		float: none !important;
		width: 100%;
	}

	.selectsNormal.itcons-dashboard-filter-form .itcons-dashboard-topbar-filter-tabs #panel-filtros > div {
		width: 100% !important;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
	}

	#lista-administracion .itcons-client-list-actions .itcons-import-action {
		display: none !important;
	}

	#lista-administracion .itcons-client-mobile-more {
		display: block !important;
		margin-right: 75px;
	}
}

.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container .select2-choice,
.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container-multi .select2-choices {
	border: 1px solid rgba(0, 0, 0, .10) !important;
	background: rgba(255, 255, 255, .72) !important;
	box-shadow: none !important;
}

.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container.form-control,
.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container.filter-input {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container.select2-dropdown-open .select2-choice,
.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container.select2-container-active .select2-choice,
.selectsNormal.itcons-modelo-list-filter-form #custom-collapsible-body.resized #panel-filtros .select2-container-multi.select2-container-active .select2-choices {
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.selectsNormal.itcons-leaves-list-filter-form .itcons-leaves-list-filter-date .itcons-date-range-filter {
	margin-top: 29px;
}

.itcons-excel-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: right;
	width: 32px;
	height: 32px;
	margin-top: 17px;
	margin-left: 10px;
	color: var(--itcons-color-secondary);
	text-decoration: none;
}

.itcons-excel-action:hover,
.itcons-excel-action:focus {
	color: var(--itcons-color-secondary);
	opacity: .78;
	outline: 0;
}

.itcons-excel-action svg {
	display: block;
	width: 24px;
	height: 24px;
}

.itcons-leave-actions .itcons-excel-action {
	margin-top: 5px;
}

.itcons-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 32px;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 999px;
	box-shadow: none;
	font-size: 12px;
	font-weight: 800;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, opacity .15s ease;
}

.itcons-button--primary {
	border-color: var(--itcons-color-secondary);
	background: var(--itcons-color-secondary);
	color: #fff;
}

.itcons-button--primary:hover,
.itcons-button--primary:focus {
	background: var(--itcons-color-secondary);
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	color: #fff;
	opacity: .9;
	outline: 0;
}

.itcons-button--outline {
	border-color: var(--itcons-color-secondary);
	background: #fff;
	color: var(--itcons-color-secondary);
}

.itcons-button--outline:hover,
.itcons-button--outline:focus {
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent);
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	color: var(--itcons-color-secondary);
	outline: 0;
}

.itcons-icon-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: var(--itcons-color-secondary);
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.itcons-icon-action:hover,
.itcons-icon-action:focus {
	border-color: var(--itcons-color-secondary);
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	color: var(--itcons-color-secondary);
	outline: 0;
}

.itcons-icon-action .material-symbols-outlined,
.itcons-icon-action .material-icons {
	font-size: 20px;
	line-height: 1;
}

.itcons-inline-actions {
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 8px;
}

.itcons-inline-actions > a {
	display: inline-flex;
	align-items: center;
}

.itcons-import-action {
	float: right;
	margin-top: 15px;
	margin-left: 8px;
}

@media only screen and (max-width: 600px) {
	.itcons-inline-actions > .display-medium-large-screen,
	.itcons-list-actions > .display-medium-large-screen,
	.itcons-list-actions .display-medium-large-screen {
		display: none !important;
	}

	.itcons-inline-actions > .display-small-screen,
	.itcons-list-actions > .display-small-screen,
	.itcons-list-actions .display-small-screen {
		display: block !important;
	}
}

@media only screen and (min-width: 601px) {
	.itcons-inline-actions > .display-small-screen,
	.itcons-list-actions > .display-small-screen,
	.itcons-list-actions .display-small-screen {
		display: none !important;
	}
}

.itcons-filter-form--excel .linea_naranja {
	margin-top: 18px;
	border-color: color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
}

.itcons-filter-form--excel .swal-button.itcons-button {
	height: 34px;
	min-width: 150px;
	margin: 0;
	padding: 0 18px;
	border: 0 !important;
	border-radius: 999px;
	background: var(--itcons-color-secondary) !important;
	box-shadow: 0 2px 8px color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
	color: #fff !important;
	line-height: 32px;
}

.itcons-filter-form--excel .swal-button.itcons-button:hover,
.itcons-filter-form--excel .swal-button.itcons-button:focus {
	background: var(--itcons-color-secondary) !important;
	box-shadow: 0 3px 10px color-mix(in srgb, var(--itcons-color-secondary) 24%, transparent);
	color: #fff !important;
	opacity: .92;
	outline: 0;
}

@media (max-width: 992px) {
	.itcons-filter-bar--excel {
		padding-right: 10px;
		padding-left: 10px;
	}

	.itcons-filter-bar--excel > .itcons-filter-field.col-lg-4,
	.itcons-filter-field,
	.itcons-filter-actions {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
}

.itcons-companydata-filter-form {
	clear: both;
	margin: 0 0 16px;
}

.itcons-companydata-filter-bar {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	width: 100%;
	padding: 0 0 4px 6px;
	box-sizing: border-box;
}

.itcons-companydata-filter-field {
	flex: 1 1 210px;
	min-width: 0;
}

.itcons-companydata-filter-form .itcons-user-main-filter-control {
	flex: 0 1 420px;
	max-width: 420px;
}

@media only screen and (max-width: 600px) {
	.itcons-companydata-filter-form .itcons-user-main-filter-control {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

.itcons-companydata-filter-field label {
	width: 100%;
	padding: 0 !important;
}

.itcons-companydata-filter-kicker {
	color: var(--itcons-color-secondary);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.itcons-companydata-filter-tabs {
	margin-left: auto !important;
}

.itcons-companydata-panel-field {
	box-sizing: border-box;
	margin-bottom: 9px;
	padding: 0 !important;
}

.itcons-companydata-panel-field label {
	width: 100%;
	padding: 0 !important;
}

.itcons-companydata-panel-field input.form-control:not(.select2-input):not(.select2-focusser),
.itcons-companydata-panel-field > input:not([type="submit"]):not(.select2-input):not(.select2-focusser) {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100%;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 30px !important;
}

.itcons-companydata-panel-field input.form-control:not(.select2-input):not(.select2-focusser):focus,
.itcons-companydata-panel-field > input:not([type="submit"]):not(.select2-input):not(.select2-focusser):focus {
	border-color: var(--itcons-color-secondary) !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-companydata-panel-actions {
	display: flex;
	justify-content: flex-end;
	padding: 0 !important;
}

.itcons-companydata-panel-actions .enviar3 {
	width: auto !important;
	min-width: 84px;
	height: 30px;
	margin: 6px 0 0 !important;
	padding: 0 12px !important;
	border: 1px solid var(--itcons-color-secondary) !important;
	border-radius: 999px !important;
	background: var(--itcons-color-secondary) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 28px;
	text-transform: uppercase;
}

.itcons-companydata-panel-actions .enviar3:hover {
	opacity: .86;
}

.itcons-assignment-responsive-cards {
	display: none;
}

@media only screen and (max-width: 600px) {
	#lista .tableAssignments,
	#lista .itcons-batch-actions {
		display: none !important;
	}

	#lista .itcons-assignment-responsive-cards {
		display: block;
	}

	#lista.itcons-list-surface {
		padding-right: var(--itcons-admin-mobile-gutter);
		padding-left: var(--itcons-admin-mobile-gutter);
	}

	#lista .itcons-assignment-responsive-cards .itcons-assignment-card {
		margin-right: 0;
		margin-left: 0;
	}

}

.itcons-category-form-page {
	padding-top: 18px;
}

.itcons-category-form .itcons-category-form-column {
	padding: 14px 20px 20px;
}

.itcons-category-form .itcons-category-form-card {
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-category-form .itcons-category-edit-card {
	max-width: 680px;
}

.itcons-category-form .card-content {
	padding: 10px 16px;
}

.itcons-category-form .card-content:first-child {
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

.itcons-category-form .subtitulo {
	margin: 0;
	font-size: 17px;
	line-height: 1.25;
}

.itcons-category-form .itcons-category-field-section {
	padding-top: 16px;
	padding-bottom: 14px;
}

.itcons-category-form .itcons-category-field-section + .itcons-category-field-section {
	padding-top: 10px;
}

.itcons-category-form .itcons-category-field-row {
	margin-bottom: 0;
}

.itcons-category-form .input-field {
	margin: 0;
}

.itcons-category-form input.form-control:not(.select2-input):not(.select2-focusser) {
	height: 34px;
	margin: 0;
	padding: 0 0 2px;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 28%, transparent);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #474545;
	font-size: 14px;
}

.itcons-category-form input.form-control:not(.select2-input):not(.select2-focusser):focus {
	border-bottom-color: var(--itcons-color-secondary);
	box-shadow: 0 1px 0 0 var(--itcons-color-secondary);
	outline: 0;
}

.itcons-category-form .input-field label,
.itcons-category-form label.control-label {
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 600;
}

.itcons-category-form .input-field label {
	left: 0;
}

.itcons-category-form .itcons-category-field-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 7px;
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}

.itcons-category-info-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: var(--itcons-color-secondary);
	vertical-align: middle;
}

.itcons-category-info-link:hover {
	color: var(--itcons-color-secondary);
	opacity: .78;
}

.itcons-category-info-icon {
	font-size: 16px !important;
	line-height: 1;
}

.itcons-category-form .select2-container-multi .select2-choices {
	min-height: 42px;
	padding: 5px 4px;
	border: 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 28%, transparent) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.itcons-category-form .select2-container-multi.select2-container-active .select2-choices {
	border-bottom-color: var(--itcons-color-secondary) !important;
	box-shadow: 0 1px 0 0 var(--itcons-color-secondary) !important;
}

.itcons-category-form .itcons-category-attributes-section .select2-container-multi .select2-choices {
	box-sizing: border-box;
	min-height: 42px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
}

.itcons-category-form .itcons-category-attributes-section .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-related-reports-card #s2id_filter_date,
.itcons-related-reports-card #s2id_filter_date.form-control,
.itcons-related-reports-card #s2id_filter_date.select2-container {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.itcons-related-reports-card #s2id_filter_date .select2-choice {
	height: 34px !important;
	padding: 0 30px 0 8px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	line-height: 32px !important;
}

.itcons-related-reports-card #s2id_filter_date .select2-arrow {
	width: 28px;
	border-left: 0;
	background: transparent;
}

.itcons-related-reports-card #s2id_filter_date .select2-arrow b {
	background: none !important;
}

.itcons-related-reports-card #s2id_filter_date .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	line-height: 32px;
}

.itcons-category-reports-card table {
	width: 100%;
}

.itcons-category-reports-card table td {
	padding: 4px 3px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.itcons-related-reports-header .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 0;
}

.itcons-related-reports-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
	border-radius: 999px;
	background: #fff;
	color: var(--itcons-color-secondary);
	cursor: pointer;
}

.itcons-related-reports-toggle i {
	font-size: 20px;
	line-height: 1;
	transition: transform .16s ease;
}

.itcons-related-reports-card.is-collapsed .itcons-related-reports-toggle i {
	transform: rotate(-90deg);
}

.itcons-related-reports-card.is-collapsed .itcons-related-reports-body {
	display: none;
}

@media only screen and (max-width: 600px) {
	.itcons-related-reports-header {
		padding: 10px 12px !important;
	}

	.itcons-related-reports-header .row {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.itcons-related-reports-header .subtitulo {
		flex: 1 1 auto;
		min-width: 0;
	}

	.itcons-related-reports-toggle {
		flex: 0 0 28px;
		width: 28px;
		height: 28px;
		margin-left: auto;
		border-color: var(--itcons-color-secondary-alpha26);
		background: var(--itcons-color-secondary-alpha13);
	}

	.itcons-related-reports-toggle i {
		font-size: 19px;
	}
}

.itcons-resource-form-page {
	padding-top: 18px;
}

.itcons-resource-form:after {
	display: block;
	clear: both;
	content: "";
}

.itcons-resource-form .itcons-resource-form-column {
	padding: 14px 20px 20px;
}

.itcons-resource-form .itcons-resource-form-card {
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-resource-form .itcons-resource-form-card.crear {
	display: block;
	margin-right: 0;
}

.itcons-resource-form .card-content {
	padding: 10px 16px;
}

.itcons-resource-form .card-content:first-child {
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

:root {
	--itcons-admin-mobile-gutter: 5px;
}

.itcons-resource-form .subtitulo {
	margin: 0;
	font-size: 17px;
	line-height: 1.25;
}

.itcons-resource-form .itcons-resource-field-section {
	padding-top: 14px;
	padding-bottom: 12px;
}

.itcons-resource-form .itcons-resource-field-row {
	margin-bottom: 0;
}

.itcons-resource-form .input-field {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.itcons-resource-form .input-field label,
.itcons-resource-form label.control-label,
.itcons-resource-form .title {
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 600;
}

.itcons-resource-form .input-field label {
	position: static !important;
	order: -1;
	margin: 0 0 5px;
	transform: none !important;
}

.itcons-resource-form input.form-control:not(.select2-input):not(.select2-focusser),
.itcons-resource-form #readable-records-table input,
.itcons-resource-form #readable-records-table select {
	box-sizing: border-box;
	height: 34px;
	margin: 0;
	padding: 0 9px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: rgba(255, 255, 255, .92);
	box-shadow: none;
	color: #474545;
	font-size: 13px;
	line-height: 32px;
}

.itcons-resource-form input.form-control:not(.select2-input):not(.select2-focusser):focus,
.itcons-resource-form #readable-records-table input:focus,
.itcons-resource-form #readable-records-table select:focus {
	border-color: var(--itcons-color-secondary);
	background: #fff;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	outline: 0;
}

.itcons-resource-form #readable-records-table {
	width: 100%;
	margin: 0;
}

.itcons-readable-records-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.itcons-readable-record-row {
	display: grid;
	grid-template-columns: minmax(95px, 34%) minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding: 7px 8px;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .86);
	box-sizing: border-box;
}

.itcons-readable-record-label {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 24px;
	padding: 2px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent);
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-readable-record-value {
	min-width: 0;
}

.itcons-readable-record-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.itcons-resource-form .help-block {
	margin: 0;
	color: rgba(71, 69, 69, .65);
	font-size: 13px;
}

.itcons-resource-category-row select optgroup {
	color: rgba(71, 69, 69, .72);
	font-weight: 800;
}

@media only screen and (max-width: 600px) {
	.itcons-readable-record-row {
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 5px;
	}

	.itcons-readable-record-label {
		width: fit-content;
		max-width: 100%;
	}
}

.itcons-client-edit-form:after {
	display: block;
	clear: both;
	content: "";
}

.itcons-client-edit-form .itcons-client-form-column {
	padding: 14px 20px 20px;
}

.itcons-client-edit-form .itcons-client-form-card {
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-client-edit-form .card-content {
	padding: 10px 16px;
}

.itcons-client-edit-form .card-content:first-child {
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

.itcons-client-edit-form .itcons-client-field-section {
	padding-top: 14px;
	padding-bottom: 12px;
}

.itcons-client-edit-form .itcons-client-field-row {
	margin-bottom: 0;
}

.itcons-client-edit-form .input-field {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.itcons-client-edit-form .input-field label,
.itcons-client-edit-form label.control-label {
	position: static !important;
	order: -1;
	display: inline-block;
	margin: 0 0 5px;
	color: rgba(71, 69, 69, .7);
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	transform: none !important;
}

.itcons-client-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]),
.itcons-client-edit-form .select-wrapper input.select-dropdown {
	box-sizing: border-box;
	width: 100%;
	min-height: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-client-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]):focus,
.itcons-client-edit-form .select-wrapper input.select-dropdown:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-client-edit-form .select2-container {
	width: 100% !important;
}

.itcons-client-edit-form .select2-container .select2-choice,
.itcons-client-edit-form .select2-container-multi .select2-choices {
	box-sizing: border-box;
	min-height: 34px;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
}

.itcons-client-edit-form .select2-container .select2-choice {
	height: 34px !important;
	padding: 0 30px 0 9px !important;
	line-height: 32px !important;
}

.itcons-client-edit-form .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	background: transparent;
}

.itcons-client-edit-form .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-client-edit-form .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	line-height: 32px;
}

.itcons-client-edit-form .select2-container-multi .select2-choices {
	min-height: 42px;
	padding: 5px;
}

.itcons-client-edit-form .select2-container-multi .select2-choices .select2-search-field input {
	height: 28px !important;
	min-width: 120px;
	margin: 0;
	padding: 0 4px !important;
	color: rgba(71, 69, 69, .62);
	line-height: 28px !important;
}

.itcons-client-edit-form .select2-container.select2-container-active .select2-choice,
.itcons-client-edit-form .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-public-config-edit-form:after {
	display: block;
	clear: both;
	content: "";
}

.itcons-public-config-edit-form .itcons-public-config-column {
	padding: 14px 20px 20px;
}

.itcons-public-config-edit-form .itcons-public-config-card {
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-public-config-edit-form .itcons-public-config-section {
	padding: 12px 16px;
}

.itcons-public-config-edit-form .itcons-public-config-section--header {
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

.itcons-public-config-edit-form .itcons-public-config-field-row {
	margin-bottom: 0;
}

.itcons-public-config-edit-form .input-field {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.itcons-public-config-edit-form .input-field label,
.itcons-public-config-edit-form label.control-label,
.itcons-public-config-edit-form .label_defaultAssignment {
	position: static !important;
	order: -1;
	display: inline-block;
	margin: 0 0 5px;
	color: rgba(71, 69, 69, .7);
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	transform: none !important;
}

.itcons-public-config-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]),
.itcons-public-config-edit-form .select-wrapper input.select-dropdown {
	box-sizing: border-box;
	width: 100%;
	min-height: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-public-config-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]):focus,
.itcons-public-config-edit-form .select-wrapper input.select-dropdown:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-public-config-edit-form .select2-container {
	width: 100% !important;
}

.itcons-public-config-edit-form .select2-container .select2-choice,
.itcons-public-config-edit-form .select2-container-multi .select2-choices {
	box-sizing: border-box;
	min-height: 34px;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
}

.itcons-public-config-edit-form .select2-container .select2-choice {
	height: 34px !important;
	padding: 0 30px 0 9px !important;
	line-height: 32px !important;
}

.itcons-public-config-edit-form .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	background: transparent;
}

.itcons-public-config-edit-form .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-public-config-edit-form .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	line-height: 32px;
}

.itcons-public-config-edit-form .select2-container.select2-container-active .select2-choice,
.itcons-public-config-edit-form .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-public-config-link-row .col.s11 {
	padding-left: 0;
}

.itcons-public-config-link-row .col.s1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 52px;
	padding-right: 0;
}

.itcons-public-config-link-row .col.s1 i {
	margin-top: 0 !important;
}

.itcons-public-config-edit-form .itcons-config-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	margin: 0;
	color: var(--itcons-color-primary);
	font-size: 13px;
	font-weight: 600;
}

.itcons-public-config-edit-form .itcons-config-link i {
	font-size: 18px;
	line-height: 18px;
}

.itcons-companydata-edit-form:after {
	display: block;
	clear: both;
	content: "";
}

.itcons-companydata-edit-form > .col.s12 > .col.s12.m6 {
	padding: 14px 20px 20px !important;
}

.itcons-companydata-edit-form .card {
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-companydata-edit-form .card-content {
	padding: 10px 16px;
}

.itcons-companydata-edit-form .card-content:first-child {
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

.itcons-companydata-edit-form .card .subtitulo {
	display: inline-flex;
	align-items: center;
	float: none !important;
	width: auto !important;
	min-height: 24px;
	margin: 0;
	padding: 0 !important;
	color: var(--itcons-color-secondary);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
}

.itcons-companydata-edit-form .card-content .row {
	margin-bottom: 0;
}

.itcons-companydata-edit-form .input-field {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.itcons-companydata-edit-form .input-field label,
.itcons-companydata-edit-form label.control-label,
.itcons-companydata-edit-form label .title {
	position: static !important;
	order: -1;
	display: inline-block;
	margin: 0 0 5px;
	color: rgba(71, 69, 69, .7);
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	transform: none !important;
}

.itcons-companydata-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]) {
	box-sizing: border-box;
	width: 100%;
	min-height: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-companydata-edit-form input:not(.select2-input):not(.select2-focusser):not([type="hidden"]):not([type="file"]):focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-companydata-edit-form .select-wrapper input.select-dropdown {
	box-sizing: border-box;
	width: 100%;
	height: 34px !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0 30px 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
}

.itcons-companydata-edit-form .select-wrapper input.select-dropdown:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-companydata-edit-form label[for$="_logo"] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
}

.itcons-companydata-edit-form label[for$="_logo"] .value {
	font-weight: 700;
}

.itcons-company-logo-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.itcons-company-logo-preview {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	line-height: 0;
}

.itcons-logo-remove-button {
	--itcons-danger-color: #e53935;
	--itcons-danger-color-dark: #c62828;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 2;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .88);
	border-radius: 999px;
	background: var(--itcons-danger-color);
	box-shadow: 0 2px 6px rgba(229, 57, 53, .24);
	color: #fff;
	line-height: 1;
	cursor: pointer;
}

.itcons-logo-remove-button i {
	font-size: 18px;
	line-height: 1;
}

.itcons-logo-remove-button:hover {
	background: var(--itcons-danger-color-dark);
}

.itcons-list-surface .itcons-list-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 10px;
}

.itcons-list-surface .itcons-list-header .subtitulo {
	flex: 1 1 auto;
	margin: 8px 0;
}

.itcons-list-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.itcons-list-actions .btn-floating {
	width: 32px;
	height: 32px;
	margin: 0 !important;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
	border-radius: 999px;
	box-shadow: none;
	line-height: 30px;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-list-actions .btn-floating:hover {
	border-color: var(--itcons-color-secondary);
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent) !important;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
}

.itcons-list-actions .btn-floating i {
	font-size: 20px;
	line-height: 30px;
}

.itcons-list-actions .fixed-action-btn .btn-floating.btn-large,
.itcons-inline-actions .fixed-action-btn .btn-floating.btn-large {
	width: 56px;
	height: 56px;
	line-height: 56px;
}

.itcons-list-actions .fixed-action-btn .btn-floating.btn-large i,
.itcons-inline-actions .fixed-action-btn .btn-floating.btn-large i {
	font-size: 28px;
	line-height: 56px;
}

.itcons-list-actions .boton,
.itcons-list-surface .btn-create {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid var(--itcons-color-secondary) !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--itcons-color-secondary) !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 28px;
	text-transform: uppercase;
	transition: background-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.itcons-list-actions .boton:hover,
.itcons-list-surface .btn-create:hover {
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent) !important;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent) !important;
	opacity: 1;
}

.itcons-list-actions > a:not(.btn-floating) {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.itcons-list-actions > a > .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
	font-size: 19px;
}

.itcons-create-button,
.itcons-list-actions .itcons-create-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin: 0 !important;
	padding: 5px 8px 4px !important;
	border: 2px solid #000 !important;
	border-radius: 25px !important;
	background-color: #fff !important;
	box-shadow: 4px 4px 0 0 var(--itcons-color-primary) !important;
	color: #000 !important;
	font-family: 'POPPINS';
	font-size: .85rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.itcons-create-button:hover,
.itcons-list-actions .itcons-create-button:hover {
	background-color: #fff !important;
	box-shadow: 4px 4px 0 0 var(--itcons-color-primary) !important;
	opacity: .5;
}

.itcons-batch-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
	color: #474545;
}

.itcons-batch-actions label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding-right: 0 !important;
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 600;
}

.itcons-batch-actions select.form-control {
	width: auto !important;
	min-width: 112px;
	height: 30px !important;
	min-height: 30px;
	padding: 0 28px 0 9px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: rgba(255, 255, 255, .9);
	box-shadow: none;
	color: #474545;
	font-size: 12px;
	line-height: 28px;
}

.itcons-batch-actions select.form-control:focus {
	border-color: var(--itcons-color-secondary);
	background: #fff;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	outline: 0;
}

.itcons-batch-actions .enviar_bottom {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 42px;
	height: 30px;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid var(--itcons-color-secondary) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--itcons-color-secondary) !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 28px;
	text-transform: uppercase;
}

.itcons-batch-actions .enviar_bottom:hover {
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent) !important;
	opacity: 1;
}

.itcons-list-surface #seccion {
	margin-top: 18px;
}

.itcons-list-batch-form #seccion {
	margin-top: 14px;
}

.itcons-companydata-list-surface {
	padding-top: 2px;
}

.itcons-admin-card,
.itcons-companydata-card {
	position: relative;
	min-height: 94px;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 14%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.itcons-admin-card:hover,
.itcons-companydata-card:hover {
	border-color: color-mix(in srgb, var(--itcons-color-secondary) 38%, transparent);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
	transform: translateY(-1px);
}

.itcons-admin-card-link,
.itcons-companydata-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.itcons-admin-card .card-content,
.itcons-companydata-card .card-content {
	padding: 12px 14px;
}

.itcons-admin-card .subtitulo,
.itcons-companydata-card .subtitulo {
	display: block;
	margin: 0;
	color: #474545;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}

.itcons-admin-card-meta,
.itcons-companydata-card-meta {
	margin: 0;
	border-top: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
}

.itcons-admin-card-meta .card-content,
.itcons-companydata-card-meta .card-content {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	column-gap: 6px;
	row-gap: 2px;
	padding-top: 6px;
	padding-bottom: 7px;
}

.itcons-admin-card .card-titulo-seccion,
.itcons-companydata-card .card-titulo-seccion {
	display: inline-flex;
	align-items: center;
	margin-bottom: 2px;
	color: rgba(71, 69, 69, .62);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

.itcons-admin-card .card-titulo-seccion:after,
.itcons-companydata-card .card-titulo-seccion:after {
	margin-left: 6px;
	color: rgba(71, 69, 69, .32);
	content: "·";
}

.itcons-admin-card label,
.itcons-companydata-card label {
	display: inline;
	color: rgba(71, 69, 69, .78);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
}

.itcons-admin-card-meta .card-titulo-seccion + br,
.itcons-companydata-card-meta .card-titulo-seccion + br {
	display: none;
}

.itcons-admin-card-meta label,
.itcons-companydata-card-meta label {
	margin-top: 0;
}

.itcons-assignment-card {
	min-height: 110px;
}

.itcons-category-card,
.itcons-resource-card {
	min-height: 42px;
	margin-right: 0;
	margin-left: 0;
}

.itcons-category-card .card-content,
.itcons-resource-card .card-content {
	padding: 8px 12px;
}

.itcons-category-card .subtitulo,
.itcons-resource-card .subtitulo {
	font-size: 14px;
	line-height: 1.15;
}

.itcons-resource-card-image {
	min-height: 0;
	height: 150px;
	max-height: 150px;
	overflow: hidden;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 10%, transparent);
	background: color-mix(in srgb, var(--itcons-color-secondary) 2.5%, transparent);
}

.itcons-resource-card-image:empty {
	display: none;
}

.itcons-resource-card-image .itcons-resource-card-img {
	display: block;
	width: 100%;
	height: 150px !important;
	max-height: none !important;
	object-fit: cover;
}

@media only screen and (max-width: 600px) {
	.itcons-admin-card,
	.itcons-companydata-card {
		min-height: 82px;
	}

	.itcons-admin-card .card-content,
	.itcons-companydata-card .card-content {
		padding: 10px 12px;
	}

	.itcons-admin-card-meta .card-content,
	.itcons-companydata-card-meta .card-content {
		padding-top: 5px;
		padding-bottom: 6px;
	}

	.itcons-resource-card-image,
	.itcons-resource-card-image .itcons-resource-card-img {
		max-height: 120px;
		height: 120px;
	}

	.itcons-category-card,
	.itcons-resource-card {
		min-height: 38px;
	}

	.itcons-category-card .card-content,
	.itcons-resource-card .card-content {
		padding: 7px 10px;
	}
}

.itcons-user-edit-form {
	display: block;
	width: 100%;
}

.itcons-user-edit-form .card_1,
.itcons-user-edit-form .card_2,
.itcons-user-edit-form .card_3 {
	display: block;
	margin: 12px 10px 18px !important;
	padding-bottom: 0;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 16%, transparent);
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.itcons-user-edit-form .card.crear {
	display: block;
}

.itcons-user-edit-form .card .card-content {
	padding: 14px 16px;
}

.itcons-user-edit-form .card .card-content:after {
	content: "";
	display: block;
	clear: both;
}

.itcons-user-edit-form .card .card-title {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.itcons-user-edit-form .card .subtitulo {
	display: inline-flex;
	align-items: center;
	float: none !important;
	width: auto !important;
	min-height: 24px;
	margin: 0;
	padding: 0 !important;
	color: var(--itcons-color-secondary);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
}

.itcons-user-edit-form .card .input-field,
.itcons-user-edit-form .card-content > .col-lg-6,
.itcons-user-edit-form .card-content > .col-lg-12,
.itcons-user-edit-form .card-content > .s12,
.itcons-user-edit-form #div_grupo,
.itcons-user-edit-form #div_proyectos {
	margin-bottom: 12px;
}

.itcons-user-edit-form .card .input-field {
	display: flex;
	flex-direction: column;
	margin-top: 0;
}

.itcons-user-edit-form .card .input-field > label:not(.title),
.itcons-user-edit-form .card-content > .col-lg-6 > label:not(:has(input)),
.itcons-user-edit-form .card-content > .col-lg-12 > label:not(:has(input)),
.itcons-user-edit-form #div_grupo > label,
.itcons-user-edit-form #div_proyectos > label {
	position: static !important;
	order: -1;
	display: inline-block;
	margin: 0 0 5px;
	color: rgba(71, 69, 69, .7);
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	transform: none !important;
}

.itcons-user-edit-form input.input:not([type="checkbox"]):not([type="hidden"]),
.itcons-user-edit-form input.form-control:not(.select2-input):not(.select2-focusser):not([type="hidden"]),
.itcons-user-edit-form .select-wrapper input.select-dropdown {
	box-sizing: border-box;
	width: 100%;
	min-height: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-user-edit-form input.input:not([type="checkbox"]):not([type="hidden"]):focus,
.itcons-user-edit-form input.form-control:not(.select2-input):not(.select2-focusser):not([type="hidden"]):focus,
.itcons-user-edit-form .select-wrapper input.select-dropdown:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

.itcons-user-edit-form .select2-container {
	width: 100% !important;
	min-height: 34px;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.itcons-user-edit-form .select2-container .select2-choice,
.itcons-user-edit-form .select2-container-multi .select2-choices {
	min-height: 34px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #474545;
}

.itcons-user-edit-form .select2-container .select2-choice {
	height: 34px !important;
	padding: 0 30px 0 10px !important;
	line-height: 32px !important;
}

.itcons-user-edit-form .select2-container .select2-choice .select2-chosen {
	margin-right: 0;
	line-height: 32px;
}

.itcons-user-edit-form .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	background: transparent;
	background-image: none;
}

.itcons-user-edit-form .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-user-edit-form .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	font-weight: 400;
	line-height: 32px;
}

.itcons-user-edit-form .select2-container-multi .select2-choices {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	height: auto !important;
	min-height: 34px !important;
	max-height: 92px;
	padding: 2px 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.itcons-user-edit-form .select2-container.select2-container-active .select2-choice,
.itcons-user-edit-form .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-user-edit-form .help-block,
.itcons-user-edit-form .helper-text {
	display: block;
	margin-top: 4px;
	color: rgba(71, 69, 69, .58);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
}

.itcons-user-edit-form #admin_checks_assignmentsCard,
.itcons-user-edit-form #admin_checks_permisos_message {
	clear: both;
	margin-top: 6px;
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

.itcons-user-edit-form #assignmentsCard {
	float: none !important;
	width: 100%;
	margin-top: 8px;
	padding: 0 !important;
}

.itcons-user-edit-form #assignmentsCard:after {
	display: block;
	clear: both;
	content: "";
}

.itcons-user-edit-form #assignmentsCard > .s12,
.itcons-user-edit-form #assignmentsCard #div_proyectos {
	float: none !important;
	width: 100%;
	margin-bottom: 12px !important;
}

.itcons-user-edit-form #assignmentsCard .select2-container {
	display: block;
}

.itcons-user-edit-form .card p {
	margin: 4px 0 0;
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	line-height: 1.35;
}

.itcons-user-edit-form #botonesUserCard {
	margin-left: 10px;
	margin-right: 10px;
}

@media only screen and (max-width: 600px) {
	#lista {
		padding-right: var(--itcons-admin-mobile-gutter);
		padding-left: var(--itcons-admin-mobile-gutter);
	}

	.itcons-user-edit-form,
	.itcons-category-form,
	.itcons-resource-form,
	#formAssignment.itcons-assignment-form,
	.itcons-client-edit-form,
	.itcons-companydata-edit-form,
	.itcons-configuration-page {
		box-sizing: border-box;
		padding-right: var(--itcons-admin-mobile-gutter);
		padding-left: var(--itcons-admin-mobile-gutter);
	}

	.itcons-category-form .itcons-category-form-column,
	.itcons-resource-form .itcons-resource-form-column {
		padding-right: 0;
		padding-left: 0;
	}

	#formAssignment.itcons-assignment-form > .col.s12 > .col.s12.m6,
	.itcons-client-edit-form > .col.s12 > .col.s12.m6,
	.itcons-companydata-edit-form > .col.s12 > .col.s12.m6,
	.itcons-configuration-form > .col-lg-5 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.itcons-user-edit-form .card_1,
	.itcons-user-edit-form .card_2,
	.itcons-user-edit-form .card_3 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.itcons-user-edit-form .card .card-content {
		padding: 12px;
	}

}

#formAssignment.itcons-assignment-form .card .card-content > .row {
	margin-bottom: 0;
}

#formAssignment.itcons-assignment-form .assignment-allocation-card > .card-content {
	padding-left: 16px;
	padding-right: 16px;
}

#formAssignment.itcons-assignment-form .assignment-allocation-card #projectClient,
#formAssignment.itcons-assignment-form .assignment-allocation-card #projectAssignmentTypes {
	padding-top: 6px;
}

#formAssignment.itcons-assignment-form .assignment-allocation-card .assignment-inline-create.row,
#formAssignment.itcons-assignment-form .assignment-allocation-card #projectAssignmentTypes > .row {
	margin-left: 0;
	margin-right: 0;
}

#formAssignment.itcons-assignment-form .container-links {
	width: auto;
	margin: 0 16px;
}

#formAssignment.itcons-assignment-form .panel-links {
	margin: 0;
}

#formAssignment.itcons-assignment-form .card.links.resources {
	width: 100%;
	margin: 0;
	padding: 10px 10px 12px;
	border: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
	border-radius: 6px;
	box-shadow: none;
}

#formAssignment.itcons-assignment-form .card.links.resources .link-choose {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 25px;
	margin: 0;
	border-radius: 0;
	background: transparent;
	color: #474545;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

#formAssignment.itcons-assignment-form .card.links.resources .link-choose .right {
	position: absolute;
	right: 20px;
}

#formAssignment.itcons-assignment-form .card .input-field {
	display: flex;
	flex-direction: column;
	margin: 0;
}

#formAssignment.itcons-assignment-form .card .input-field > label:not(.title),
#formAssignment.itcons-assignment-form .card-content > .row > label.optional,
#formAssignment.itcons-assignment-form .card-content > .row > label.required {
	position: static !important;
	order: -1;
	display: inline-block;
	margin: 0 0 5px;
	color: rgba(71, 69, 69, .7);
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.2;
	transform: none !important;
}

#formAssignment.itcons-assignment-form input.form-control:not(.select2-input):not(.select2-focusser):not([type="hidden"]),
#formAssignment.itcons-assignment-form textarea.form-control,
#formAssignment.itcons-assignment-form .select-wrapper input.select-dropdown,
#formAssignment.itcons-assignment-form #assignmentAreaName {
	box-sizing: border-box;
	width: 100%;
	min-height: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 32px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

#formAssignment.itcons-assignment-form textarea.form-control {
	height: auto !important;
	min-height: 72px !important;
	padding-top: 8px !important;
	line-height: 1.35 !important;
}

#formAssignment.itcons-assignment-form input.form-control:not(.select2-input):not(.select2-focusser):not([type="hidden"]):focus,
#formAssignment.itcons-assignment-form textarea.form-control:focus,
#formAssignment.itcons-assignment-form .select-wrapper input.select-dropdown:focus,
#formAssignment.itcons-assignment-form #assignmentAreaName:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

#formAssignment.itcons-assignment-form #assignment_startedAt,
#formAssignment.itcons-assignment-form #assignment_finishedAt {
	background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;
	background-position: right 9px center !important;
	background-repeat: no-repeat !important;
	background-size: 14px 14px !important;
	padding-right: 30px !important;
}

#formAssignment.itcons-assignment-form .select-wrapper {
	position: relative;
}

#formAssignment.itcons-assignment-form .select-wrapper .caret {
	right: 8px;
	z-index: 1;
	fill: rgba(71, 69, 69, .55);
}

#formAssignment.itcons-assignment-form .select-dropdown.dropdown-content {
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

#formAssignment.itcons-assignment-form .select-dropdown.dropdown-content li > span {
	color: #474545;
	font-size: 13px;
}

#formAssignment.itcons-assignment-form .select2-container {
	width: 100% !important;
	min-height: 34px;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice,
#formAssignment.itcons-assignment-form .select2-container-multi .select2-choices {
	min-height: 34px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .92) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #474545;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice {
	height: 34px !important;
	padding: 0 30px 0 10px !important;
	line-height: 32px !important;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice .select2-chosen {
	margin-right: 0;
	line-height: 32px;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	background: transparent;
	background-image: none;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

#formAssignment.itcons-assignment-form .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	font-weight: 400;
	line-height: 32px;
}

#formAssignment.itcons-assignment-form .select2-container-multi .select2-choices {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	height: auto !important;
	max-height: 78px;
	padding: 2px 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

#formAssignment.itcons-assignment-form .select2-container.select2-container-active .select2-choice,
#formAssignment.itcons-assignment-form .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
	flex: 0 1 auto;
	max-width: calc(100% - 8px);
	margin: 2px 0 2px 4px;
	padding: 1px 5px 1px 18px;
	border: 0;
	border-radius: 4px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent);
	background-image: none;
	box-shadow: none;
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
}

.select2-container-multi .select2-choices .select2-search-choice div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-container-multi .select2-search-choice-close {
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 14%, transparent) !important;
	background-image: none !important;
	color: var(--itcons-color-secondary) !important;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
}

.select2-container-multi .select2-search-choice-close:before {
	content: "x";
	font-weight: 800;
}

.select2-container-multi .select2-search-choice-close:hover {
	background: var(--itcons-color-secondary) !important;
	color: #fff !important;
	opacity: 1;
}

#formAssignment.itcons-assignment-form .assignment-area-create {
	align-items: flex-end;
}

#formAssignment.itcons-assignment-form .assignment-area-create .input-field {
	margin: 0;
}

#formAssignment.itcons-assignment-form .assignment-inline-create {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	margin-bottom: 0;
}

#formAssignment.itcons-assignment-form .assignment-inline-create__field {
	flex: 1 1 auto;
	min-width: 0;
}

#formAssignment.itcons-assignment-form #projectClient .assignment-inline-create {
	display: block;
	position: relative;
	padding-right: 0;
}

#formAssignment.itcons-assignment-form #projectClient .assignment-inline-create__field {
	width: 100%;
}

#formAssignment.itcons-assignment-form #projectClient .itcons-assignment-plus-action {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px !important;
	min-width: 24px;
	height: 24px !important;
	min-height: 24px;
	line-height: 22px !important;
}

#formAssignment.itcons-assignment-form #projectClient .itcons-assignment-plus-action .material-symbols-outlined {
	font-size: 18px;
}

#formAssignment.itcons-assignment-form .itcons-assignment-plus-action {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px;
	min-height: 32px;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--itcons-color-secondary) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent) !important;
	box-shadow: none !important;
	color: var(--itcons-color-secondary) !important;
	line-height: 30px !important;
	transition: background-color .15s ease, box-shadow .15s ease, color .15s ease;
}

#formAssignment.itcons-assignment-form .itcons-assignment-plus-action:hover,
#formAssignment.itcons-assignment-form .itcons-assignment-plus-action:focus {
	background: var(--itcons-color-secondary) !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	color: #fff !important;
	outline: 0;
}

#formAssignment.itcons-assignment-form .itcons-assignment-plus-action .material-symbols-outlined {
	color: inherit;
	font-size: 21px;
	font-weight: 500;
	line-height: 1;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container {
	min-height: 32px;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice,
:is(.selectsNormal, .itcons-filter-form) .select2-container-multi .select2-choices {
	min-height: 32px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #474545;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

:is(.selectsNormal, .itcons-filter-form) input.form-control:not(.select2-input):not(.select2-focusser),
:is(.selectsNormal, .itcons-filter-form) textarea.form-control {
	min-height: 32px !important;
	height: 32px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	color: #474545;
	font-size: 13px;
	line-height: 30px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

:is(.selectsNormal, .itcons-filter-form) textarea.form-control {
	height: auto !important;
	min-height: 58px !important;
	padding-top: 6px !important;
	line-height: 1.35 !important;
}

:is(.selectsNormal, .itcons-filter-form) input.form-control:not(.select2-input):not(.select2-focusser):focus,
:is(.selectsNormal, .itcons-filter-form) textarea.form-control:focus {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
	outline: 0;
}

:is(.selectsNormal, .itcons-filter-form) input.form-control:not(.select2-input):not(.select2-focusser)::placeholder,
:is(.selectsNormal, .itcons-filter-form) textarea.form-control::placeholder {
	color: rgba(71, 69, 69, .55);
}

:is(.selectsNormal, .itcons-filter-form) input.form-control.datepicker:not(.select2-input):not(.select2-focusser),
:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_left_date"]:not(.select2-input):not(.select2-focusser),
:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_right_date"]:not(.select2-input):not(.select2-focusser) {
	text-align: center;
	padding: 0 6px !important;
	font-size: 12px;
}

:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_left_date"]:not(.select2-input):not(.select2-focusser),
:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_right_date"]:not(.select2-input):not(.select2-focusser) {
	background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;
	background-position: right 5px center !important;
	background-repeat: no-repeat !important;
	background-size: 13px 13px !important;
	padding-right: 20px !important;
}

:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_left_date"]:not(.select2-input):not(.select2-focusser):focus,
:is(.selectsNormal, .itcons-filter-form) input.form-control[id$="_right_date"]:not(.select2-input):not(.select2-focusser):focus {
	background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23eb00e3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;
}

:is(.selectsNormal, .itcons-filter-form) input[id$="_left_date"].form-control + label,
:is(.selectsNormal, .itcons-filter-form) input[id$="_right_date"].form-control + label {
	margin-top: 2px;
}

:is(.selectsNormal, .itcons-filter-form) [id*="item_filter_date_"] {
	box-sizing: border-box;
}

.itcons-date-range-source {
	display: none !important;
}

:is(.selectsNormal, .itcons-filter-form) [class*="col-lg-6"] > div > input[id$="_left_date"].form-control,
:is(.selectsNormal, .itcons-filter-form) [class*="col-lg-6"] > div > input[id$="_right_date"].form-control {
	width: 100%;
}

:is(.selectsNormal, .itcons-filter-form) [class*="col-lg-6"]:has(> div > input[id$="_left_date"].form-control),
:is(.selectsNormal, .itcons-filter-form) [class*="col-lg-6"]:has(> div > input[id$="_right_date"].form-control) {
	display: none;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 32px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: rgba(255, 255, 255, .9);
	box-shadow: none;
	color: #474545;
	cursor: pointer;
	text-align: left;
	text-transform: none !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter:hover,
:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter.is-open {
	border-color: var(--itcons-color-secondary);
	background: #fff;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter > .material-symbols-outlined {
	flex: 0 0 auto;
	margin-right: 6px;
	color: rgba(0, 0, 0, .45);
	font-size: 17px;
	line-height: 1;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter.is-open > .material-symbols-outlined,
:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter.has-value > .material-symbols-outlined {
	color: var(--itcons-color-secondary);
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.1;
}

.itcons-filter-form--excel .itcons-date-range-copy {
	justify-content: center;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-label {
	color: rgba(71, 69, 69, .62);
	font-size: 10px;
	font-weight: 600;
	text-transform: none;
}

.itcons-filter-form--excel .itcons-date-range-label {
	display: none;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-value {
	overflow: hidden;
	color: #474545;
	font-size: 12px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-date-range-filter:not(.has-value) .itcons-date-range-value {
	color: rgba(71, 69, 69, .55);
	font-weight: 500;
}

.itcons-date-range-popover {
	position: fixed;
	z-index: 20000;
	width: 278px;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	color: #474545;
	font-family: Poppins, sans-serif;
}

.itcons-date-range-presets {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin-bottom: 10px;
}

.itcons-date-range-popover button {
	min-height: 28px;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent);
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 700;
	text-transform: none;
	cursor: pointer;
}

.itcons-date-range-popover button:hover {
	background: var(--itcons-color-secondary);
	color: #fff;
}

.itcons-date-range-exact {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	padding-top: 8px;
	border-top: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 18%, transparent);
}

.itcons-date-range-exact label {
	color: rgba(71, 69, 69, .75);
	font-size: 10px;
	font-weight: 700;
}

.itcons-date-range-exact input {
	width: 100%;
	height: 30px;
	margin: 4px 0 0;
	padding: 0 6px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: #fff;
	color: #474545;
	font-size: 12px;
}

.itcons-date-range-exact input:focus {
	border-color: var(--itcons-color-secondary);
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26);
	outline: 0;
}

.itcons-date-range-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 10px;
}

.itcons-date-range-actions .itcons-date-range-clear {
	background: rgba(0, 0, 0, .07);
	color: #616161;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice {
	height: 32px !important;
	padding: 0 30px 0 8px !important;
	line-height: 30px !important;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice .select2-chosen {
	margin-right: 0;
	line-height: 30px;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	background: transparent;
	background-image: none;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container.select2-dropdown-open .select2-choice,
:is(.selectsNormal, .itcons-filter-form) .select2-container.select2-container-active .select2-choice,
:is(.selectsNormal, .itcons-filter-form) .select2-container-multi.select2-container-active .select2-choices {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container.select2-container-disabled .select2-choice,
:is(.selectsNormal, .itcons-filter-form) .select2-container-multi.select2-container-disabled .select2-choices {
	border-color: rgba(0, 0, 0, .08) !important;
	background: rgba(0, 0, 0, .035) !important;
	color: rgba(71, 69, 69, .52);
	cursor: not-allowed;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container.select2-container-disabled .select2-choice .select2-arrow b:before {
	color: rgba(71, 69, 69, .28);
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice abbr {
	display: none;
	top: 8px;
	right: 29px;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: transparent !important;
	color: rgba(71, 69, 69, .45);
	font-size: 11px;
	font-weight: 800;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container.itcons-filter-has-value .select2-choice abbr {
	display: block;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.itcons-filter-has-value .select2-choice {
	padding-left: 20px !important;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.itcons-filter-has-value .select2-choice abbr {
	top: 8px;
	right: auto;
	left: 4px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 14%, transparent) !important;
	color: var(--itcons-color-secondary);
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.itcons-filter-has-value .select2-choice abbr:hover {
	background: var(--itcons-color-secondary) !important;
	color: #fff;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container.itcons-filter-required .select2-choice abbr {
	display: none;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice abbr:before {
	content: "x";
}

:is(.selectsNormal, .itcons-filter-form) .select2-container .select2-choice abbr:hover {
	background: color-mix(in srgb, var(--itcons-color-secondary) 12%, transparent) !important;
	color: var(--itcons-color-secondary);
}

:is(.selectsNormal, .itcons-filter-form) .select2-container-multi .select2-choices {
	padding: 2px 4px;
}

:is(.selectsNormal, .itcons-filter-form) .select2-container-multi .select2-choices .select2-search-field input {
	height: 24px;
	margin: 0;
	padding: 2px 4px;
}

:is(.selectsNormal, .itcons-filter-form) .select2-drop-active,
.select2-drop-active.itcons-filter-select2-dropdown {
	border: 1px solid rgba(0, 0, 0, .14) !important;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	overflow: hidden;
}

:is(.selectsNormal, .itcons-filter-form) .select2-results,
.itcons-filter-select2-dropdown .select2-results {
	margin: 2px 0;
	padding: 2px;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2 .select2-chosen,
:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2 .select2-search-choice div {
	display: inline-flex;
	align-items: center;
	min-height: 18px;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices {
	display: flex;
	align-items: center;
	min-height: 32px;
	max-height: 32px;
	padding: 3px 5px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	scrollbar-width: none;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices::-webkit-scrollbar {
	display: none;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .select2-search-choice {
	flex: 0 0 auto;
	min-height: 20px;
	margin: 2px 0 2px 4px;
	padding: 1px 4px 1px 18px;
	border: 0;
	border-radius: 4px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent);
	background-image: none;
	box-shadow: none;
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .select2-search-field {
	flex: 0 0 auto;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .select2-search-choice-close {
	top: 2px;
	left: 2px;
	right: auto;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 14%, transparent) !important;
	background-image: none !important;
	color: var(--itcons-color-secondary) !important;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .select2-search-choice-close:before {
	content: "x";
	font-weight: 700;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .select2-search-choice-close:hover {
	background: var(--itcons-color-secondary) !important;
	color: #fff !important;
	opacity: 1;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .itcons-filter-choice:not(.itcons-filter-choice--neutral) .select2-search-choice-close {
	background: color-mix(in srgb, currentColor 14%, transparent) !important;
	color: inherit !important;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .itcons-filter-choice:not(.itcons-filter-choice--neutral) .select2-search-choice-close:hover {
	background: currentColor !important;
	color: inherit !important;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2.select2-container-multi .select2-choices .itcons-filter-choice:not(.itcons-filter-choice--neutral) .select2-search-choice-close:hover:before {
	color: #fff;
}

:is(.selectsNormal, .itcons-filter-form) .itcons-filter-select2 .itcons-filter-choice .itcons-filter-badge {
	background: transparent;
}

.itcons-filter-badge--neutral,
.itcons-filter-choice--neutral {
	background: color-mix(in srgb, var(--itcons-color-secondary) 8%, transparent) !important;
	color: var(--itcons-color-secondary);
}

.itcons-filter-choice--priority-low {
	background: rgba(139, 195, 74, .18) !important;
	color: #43a047 !important;
}

.itcons-filter-choice--priority-medium {
	background: rgba(33, 150, 243, .16) !important;
	color: #1e88e5 !important;
}

.itcons-filter-choice--priority-high {
	background: rgba(255, 193, 7, .2) !important;
	color: #f5b800 !important;
}

.itcons-filter-choice--priority-urgent {
	background: rgba(244, 67, 54, .16) !important;
	color: #f44336 !important;
}

.itcons-filter-choice--status-pending {
	background: rgba(33, 150, 243, .16) !important;
	color: #2196f3 !important;
}

.itcons-filter-choice--status-running {
	background: rgba(239, 108, 0, .16) !important;
	color: #ef6c00 !important;
}

.itcons-filter-choice--status-sent {
	background: rgba(255, 193, 7, .22) !important;
	color: #f5b800 !important;
}

.itcons-filter-choice--status-accepted,
.itcons-filter-choice--status-completed {
	background: rgba(139, 195, 74, .18) !important;
	color: #43a047 !important;
}

.itcons-filter-choice--status-rejected {
	background: rgba(244, 67, 54, .16) !important;
	color: #f44336 !important;
}

.itcons-filter-choice--status-exported {
	background: rgba(178, 94, 225, .16) !important;
	color: #b25ee1 !important;
}

.itcons-filter-choice--status-archived {
	background: rgba(109, 109, 109, .16) !important;
	color: #6d6d6d !important;
}

.itcons-filter-select2-dropdown .select2-results .select2-result-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 1px 7px;
	line-height: 20px;
}

.itcons-filter-select2-dropdown .select2-results .select2-highlighted {
	background: rgba(0, 0, 0, .05);
	color: inherit;
}

.itcons-filter-select2-dropdown .itcons-filter-badge {
	line-height: 17px;
}

.itcons-filter-badge--priority-low {
	background: rgba(139, 195, 74, .18);
	color: #43a047;
}

.itcons-filter-badge--priority-medium {
	background: rgba(33, 150, 243, .16);
	color: #1e88e5;
}

.itcons-filter-badge--priority-high {
	background: rgba(255, 193, 7, .2);
	color: #f5b800;
}

.itcons-filter-badge--priority-urgent {
	background: rgba(244, 67, 54, .16);
	color: #f44336;
}

.itcons-filter-badge--status-pending {
	background: rgba(33, 150, 243, .16);
	color: #2196f3;
}

.itcons-filter-badge--status-running {
	background: rgba(239, 108, 0, .16);
	color: #ef6c00;
}

.itcons-filter-badge--status-sent {
	background: rgba(255, 193, 7, .22);
	color: #f5b800;
}

.itcons-filter-badge--status-accepted,
.itcons-filter-badge--status-completed {
	background: rgba(139, 195, 74, .18);
	color: #43a047;
}

.itcons-filter-badge--status-rejected {
	background: rgba(244, 67, 54, .16);
	color: #f44336;
}

.itcons-filter-badge--status-exported {
	background: rgba(178, 94, 225, .16);
	color: #b25ee1;
}

.itcons-filter-badge--status-archived {
	background: rgba(109, 109, 109, .16);
	color: #6d6d6d;
}

.itcons-view-controls {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 4px;
	min-height: 22px;
	margin-top: 2px;
	clear: left;
	white-space: nowrap;
}

.itcons-view-controls .itcons-view-select-native {
	display: none !important;
}

.itcons-segmented-control {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	flex: 0 0 auto;
	min-height: 21px;
	padding: 1px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	box-shadow: none;
	vertical-align: middle;
}

.itcons-segmented-control button {
	height: 17px;
	min-width: 0;
	padding: 0 4px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: rgba(71, 69, 69, .72);
	font-size: 9px;
	font-weight: 700;
	line-height: 17px;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}

.itcons-segmented-control button:hover {
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
	color: var(--itcons-color-secondary);
}

.itcons-segmented-control button.is-active {
	background: color-mix(in srgb, var(--itcons-color-secondary) 13%, transparent);
	color: var(--itcons-color-secondary);
}

.itcons-view-controls #activity-div {
	display: inline-flex;
	align-items: center;
	min-height: 21px;
	margin: 0;
	padding: 0 5px !important;
	border-radius: 999px;
	background: rgba(0, 0, 0, .05);
	color: rgba(71, 69, 69, .72);
	font-size: 9px;
	font-weight: 700;
}

.itcons-action-select2,
.select2-container.itcons-action-select {
	width: auto !important;
	min-width: 0;
	max-width: none;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	line-height: 1 !important;
}

.itcons-action-select2 .select2-choice,
.select2-container.itcons-action-select .select2-choice {
	height: 31px !important;
	min-width: 78px;
	padding: 0 25px 0 10px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(0, 0, 0, .06) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #474545;
	line-height: 29px !important;
}

.itcons-action-select2 .select2-choice .select2-chosen,
.select2-container.itcons-action-select .select2-choice .select2-chosen {
	margin-right: 0;
	color: inherit;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.itcons-action-select2 .select2-choice .select2-arrow,
.select2-container.itcons-action-select .select2-choice .select2-arrow {
	width: 24px;
	border-left: 0;
	border-radius: 0 999px 999px 0;
	background: transparent;
	background-image: none;
}

.itcons-action-select2 .select2-choice .select2-arrow b,
.select2-container.itcons-action-select .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-action-select2 .select2-choice .select2-arrow b:before,
.select2-container.itcons-action-select .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: currentColor;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	opacity: .72;
}

.itcons-action-select2--pending .select2-choice,
.select2-container.itcons-action-select2--pending .select2-choice {
	background: rgba(33, 150, 243, .16) !important;
	color: #2196f3;
}

.itcons-action-select2--complete .select2-choice,
.select2-container.itcons-action-select2--complete .select2-choice {
	background: rgba(139, 195, 74, .18) !important;
	color: #43a047;
}

.itcons-action-select2--archive .select2-choice,
.select2-container.itcons-action-select2--archive .select2-choice {
	background: rgba(109, 109, 109, .16) !important;
	color: #6d6d6d;
}

.itcons-action-select2--delete .select2-choice,
.select2-container.itcons-action-select2--delete .select2-choice {
	background: rgba(244, 67, 54, .16) !important;
	color: #f44336;
}

.itcons-action-select2.select2-dropdown-open .select2-choice,
.itcons-action-select2.select2-container-active .select2-choice,
.select2-container.itcons-action-select.select2-dropdown-open .select2-choice,
.select2-container.itcons-action-select.select2-container-active .select2-choice {
	border-color: transparent !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-action-select2-dropdown .select2-result-label {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 1px 7px !important;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
}

.itcons-action-select2-dropdown .select2-highlighted {
	background: rgba(0, 0, 0, .05) !important;
	color: inherit !important;
}

.itcons-action-result--pending {
	background: rgba(33, 150, 243, .16);
	color: #2196f3;
}

.itcons-action-result--complete {
	background: rgba(139, 195, 74, .18);
	color: #43a047;
}

.itcons-action-result--archive {
	background: rgba(109, 109, 109, .16);
	color: #6d6d6d;
}

.itcons-action-result--delete {
	background: rgba(244, 67, 54, .16);
	color: #f44336;
}
.calendar-edit-summary {
  margin: 10px 0 12px;
}

.calendar-edit-field-label {
  margin-left: 0 !important;
}

.calendar-edit-field-label span,
.calendar-edit-inline-action h5 {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.35;
  margin: 0;
}

.calendar-edit-inline-action {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

.calendar-info-icon {
  color: #9a9a9a;
  display: inline-flex;
  line-height: 1;
  vertical-align: middle;
}

.calendar-info-icon i {
  font-size: 17px;
}

.calendar-info-icon:hover {
  color: #49b695;
}

.calendar-edit-toggle label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.calendar-weekly-plan-panel {
  margin: 4px 0 18px;
  padding: 12px 14px 14px !important;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: rgba(0,0,0,0.015);
  max-width: 100%;
  overflow: hidden;
}

.calendar-weekly-plan-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.calendar-weekly-plan-header h5 {
  margin: 0;
  font-weight: 500;
  font-size: 1.05rem;
}

.calendar-weekly-plan-slack {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  user-select: none;
}

.calendar-weekly-plan-slack span {
  color: #777;
  font-size: 12px;
}

.calendar-weekly-plan-table {
  background: #fff;
  min-width: 560px;
}

.calendar-weekly-plan-panel .calendar-weekly-plan-table {
  display: table;
}

.calendar-weekly-plan-panel table {
  font-size: 0.85rem;
}

.calendar-weekly-plan-panel .table {
  width: 100%;
}

.calendar-weekly-plan-panel:has(.calendar-weekly-plan-table) {
  overflow-x: auto;
}

.calendar-weekly-plan-table th,
.calendar-weekly-plan-table td {
  padding: 7px 8px !important;
  white-space: nowrap;
}

.calendar-weekly-plan-table .weekly-plan-empty-row td {
  white-space: normal;
}

#weeklyPlanTbody tr.weeklyplan-row {
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

#weeklyPlanTbody tr.weeklyplan-row:hover {
  background: rgba(73,182,149,0.08);
}

.weekly-plan-edit-cell {
  color: #777;
  width: 36px;
}

.weekly-plan-edit-cell i {
  font-size: 18px;
  vertical-align: middle;
}

#weeklyPlanTbody tr.weeklyplan-row:hover .weekly-plan-edit-cell {
  color: #49b695;
}

.weekly-plan-empty-row td {
  color: #777;
  padding: 18px 10px !important;
  text-align: center;
}

.calendar-weekly-plan-actions {
  margin-top: 10px;
}

.calendar-weekly-plan-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#modalWeeklyPlan .modal-body{
  padding-top: 12px;
}

#modalWeeklyPlan {
  width: min(880px, 92vw) !important;
}

#modalWeeklyPlan .modal-interno {
  width: 100%;
}

#modalWeeklyPlan .wp-section {
  padding: 12px 0;
  border-top: 1px solid rgba(0,0,0,0.08);
}

#modalWeeklyPlan .wp-section:first-child {
  padding-top: 0;
  border-top: 0;
}

#modalWeeklyPlan .wp-section-title {
  margin-bottom: 8px;
  color: #555;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

#modalWeeklyPlan .wp-section-summary {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.wp-row{
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  overflow: visible !important;
  padding-bottom: 6px;
}

.wp-cell{
  flex: 0 0 auto;
  min-width: 52px;       /* base más pequeña */
}

#modalWeeklyPlan .wp-cell{
  display:flex;
  flex-direction:column;
}

/* Fechas más compactas */
.wp-datecell{
  min-width: 140px;      /* antes 180 */
}

/* Total más compacto */
#modalWeeklyPlan .wp-totalcell{ min-width: 86px; }

/* Color compacto */
.wp-colorcell{
  min-width: 60px;
}

/* Labels mini */
.wp-label{
  display: block;
  font-size: 11px;
  line-height: 1;
  margin: 0 0 3px 0;
  opacity: .75;
  white-space: nowrap;
}

/* Inputs compactos (sobrescribe bootstrap) */
#modalWeeklyPlan .wp-input.form-control{
  line-height: 1.2;
}

/* números muy estrechos */
#modalWeeklyPlan .wp-num{
  width: 52px;          
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

/* datepicker input-group más estrecho */
#modalWeeklyPlan .input-group{
  width: 140px;          
}

#modalWeeklyPlan .wp-row-hours label{
  display:block;
  margin-bottom:6px;
  font-weight:600;
  font-size:12px;
  color:#777;
}

/* fila en una sola línea */
#modalWeeklyPlan .wp-row-hours{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:10px;
}

#modalWeeklyPlan .wp-total-badge{
  width: 78px !important;
  min-width: 78px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  background: rgba(73,182,149,0.12);
  border: 1px solid rgba(73,182,149,0.35);
  color: #2f7d67;
}

#modalWeeklyPlan .wp-colorcell{ min-width:60px; align-items:center; }

#modalWeeklyPlan .wp-color-wrap{
  position: relative;
  width: 60px;
  height: 28px;
}

#modalWeeklyPlan #wp_color{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;          /* invisible pero clicable */
  cursor:pointer;
  z-index:2;
  padding:0;
  border:0;
}

#modalWeeklyPlan #wp_color_dot{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}

#modalWeeklyPlan #wp_color_dot .circle{
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.2);
  background:#cccccc; /* default */
}

#modalWeeklyPlan .wp-totalcell,
#modalWeeklyPlan .wp-colorcell{
  align-items:center;
}

#modalWeeklyPlan .wp-totalcell .wp-label,
#modalWeeklyPlan .wp-colorcell .wp-label{
  width:100%;
  text-align:center;
  font-weight: normal; 
  
}

#calendarPage label{
  font-weight: 400 !important;
}

.calendar-view-switch {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  margin: 4px 0 8px;
}

.calendar-view-switch .btn-floating {
  box-shadow: none;
}

.calendar-view-switch .material-symbols-outlined {
  line-height: 40px;
}

.calendar-holiday-list-view {
  padding: 14px 0 4px;
}

.calendar-holiday-list {
  overflow-x: auto;
}

.calendar-holiday-list table {
  background: #fff;
  margin-bottom: 0;
  min-width: 420px;
}

.calendar-holiday-list th,
.calendar-holiday-list td {
  padding: 8px 10px !important;
  white-space: nowrap;
}

.calendar-holiday-row {
  cursor: pointer;
  transition: background 0.15s ease;
}

.calendar-holiday-row:hover {
  background: rgba(73,182,149,0.08);
}

.calendar-holiday-edit-cell {
  color: #777;
  width: 36px;
}

.calendar-holiday-edit-cell i {
  font-size: 18px;
  vertical-align: middle;
}

.calendar-holiday-row:hover .calendar-holiday-edit-cell {
  color: #49b695;
}

.calendar-holiday-empty-row td {
  color: #777;
  padding: 18px 10px !important;
  text-align: center;
}

#custom-collapsible-body.resized{
	background-color: white;
	width: 400%;
	position: relative;
	right: 300%;
	z-index: 10;
	border: 1px solid var(--itcons-color-primary-alphacc);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	transform: translate(1px, 1px);
}

.swal-modal.workorder-action-swal{
	width: 430px;
	max-width: calc(100% - 32px);
	border-radius: 6px;
}

.workorder-action-modal{
	color: #474545;
	text-align: center;
	padding: 6px 0 2px;
}

.workorder-action-title{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin: 4px 0 16px;
}

.workorder-action-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 85%;
	min-height: 28px;
	padding: 5px 14px;
	border-radius: 18px;
	background: #f5f5f5;
	color: #474545;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 14px;
}

.workorder-action-chip .material-symbols-outlined{
	color: #9E9E9E;
	font-size: 16px;
}

.workorder-action-chip-name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.workorder-action-description{
	font-size: 12px;
	line-height: 1.4;
	color: #7D7D7D;
	margin: 0;
}

.workorder-action-description{
	margin-bottom: 14px;
}

.workorder-action-button{
	width: 100%;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 24px;
	color: #474545;
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 10px;
	position: relative;
}

.workorder-action-button:hover{
	background: #f9f9f9;
	border-color: #cfcfcf;
}

.workorder-action-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #FFC107;
	color: white;
	flex: 0 0 22px;
}

.workorder-action-icon .material-symbols-outlined{
	font-size: 17px;
}

.workorder-action-icon.complete{
	background: #8BC34A;
}

.workorder-action-plus{
	color: #474545;
	font-weight: 700;
	margin: 0 -2px;
}

.workorder-action-info{
	position: absolute;
	right: 16px;
	color: #9E9E9E;
	font-size: 18px;
	cursor: help;
}

.my-editor {
	height: 600px;
}

@media (max-height: 715px) {
	.my-editor {
		height: 500px;
	}
}

.parte-send-button-pressed {
	position: relative;
	overflow: hidden;
	transition: transform 140ms ease, filter 140ms ease, background-color 140ms ease;
	transform: translateY(2px) scale(.985);
	filter: brightness(.92) saturate(1.04);
}

.parte-send-button-pressed > * {
	position: relative;
	z-index: 1;
}

.leave-send-celebration,
.parte-send-celebration {
	position: fixed;
	inset: 0;
	z-index: 99999;
	pointer-events: none;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}

.leave-send-celebration-fade,
.parte-send-celebration-fade,
.leave-send-celebration-fill,
.parte-send-celebration-fill,
.leave-send-celebration-ribbon,
.parte-send-celebration-ribbon,
.leave-send-celebration-icons,
.parte-send-celebration-icons,
.leave-send-celebration-message,
.parte-send-celebration-message {
	position: absolute;
	inset: 0;
}

.leave-send-celebration-fade,
.parte-send-celebration-fade {
	background:
		linear-gradient(180deg, rgba(74, 57, 0, .38), rgba(74, 57, 0, .88)),
		linear-gradient(180deg, #ffd54f, #c79100);
	opacity: 0;
}

.leave-send-celebration-fill,
.parte-send-celebration-fill {
	z-index: 3;
	background: linear-gradient(180deg, #ffd54f, #f8c400);
	opacity: 0;
}

.leave-send-celebration-ribbon,
.parte-send-celebration-ribbon {
	z-index: 2;
	overflow: visible;
}

.leave-send-celebration-ribbon svg,
.parte-send-celebration-ribbon svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.leave-send-celebration-ribbon path,
.parte-send-celebration-ribbon path {
	fill: none;
	stroke: #f8c400;
	stroke-width: 92;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 2200;
	stroke-dashoffset: 2200;
	opacity: 0;
}

.leave-send-celebration-ribbon path {
	filter: url(#leave-send-ribbon-grow);
}

.parte-send-celebration-ribbon path {
	filter: url(#parte-send-ribbon-grow);
}

.leave-send-celebration-icons,
.parte-send-celebration-icons {
	z-index: 4;
}

.leave-send-celebration-icon,
.parte-send-celebration-icon {
	position: absolute;
	left: var(--x);
	top: var(--y);
	color: rgba(255, 255, 255, .96);
	font-size: var(--s, 38px);
	font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 40;
	opacity: 0;
	transform: translateY(20px) scale(.7) rotate(var(--r, 0deg));
}

.leave-send-celebration-icon.is-dim,
.parte-send-celebration-icon.is-dim {
	color: rgba(255, 255, 255, .58);
}

.leave-send-celebration-message,
.parte-send-celebration-message {
	left: 0;
	right: 0;
	top: 48%;
	z-index: 5;
	width: 100%;
	color: #fff;
	font-size: clamp(30px, 8vw, 42px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	opacity: 0;
	text-shadow: 0 6px 22px rgba(74, 57, 0, .28);
	transform: translateY(-50%) scale(.96);
	white-space: nowrap;
}

.leave-send-celebration.is-active,
.parte-send-celebration.is-active {
	visibility: visible;
	animation: sendCelebrationOverlay 4300ms linear forwards;
}

.leave-send-celebration.is-active .leave-send-celebration-fade,
.parte-send-celebration.is-active .parte-send-celebration-fade {
	animation: sendCelebrationFade 460ms ease-out 820ms forwards;
}

.leave-send-celebration.is-active .leave-send-celebration-ribbon path,
.parte-send-celebration.is-active .parte-send-celebration-ribbon path {
	animation: sendCelebrationRibbon 1320ms cubic-bezier(.28, .82, .2, 1) 260ms forwards;
}

.leave-send-celebration.is-active .leave-send-celebration-fill,
.parte-send-celebration.is-active .parte-send-celebration-fill {
	animation: sendCelebrationFlood 720ms ease-out 1180ms forwards;
}

.leave-send-celebration.is-active .leave-send-celebration-message,
.parte-send-celebration.is-active .parte-send-celebration-message {
	animation: sendCelebrationMessage 340ms ease-out 1420ms forwards;
}

.leave-send-celebration.is-active .leave-send-celebration-icon,
.parte-send-celebration.is-active .parte-send-celebration-icon {
	animation: sendCelebrationIcon 640ms cubic-bezier(.22, 1, .3, 1) var(--d) forwards;
}

.leave-accept-celebration,
.parte-accept-celebration {
	position: fixed;
	inset: 0;
	z-index: 99999;
	pointer-events: none;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}

.leave-accept-celebration-fade,
.parte-accept-celebration-fade,
.leave-accept-celebration-fill,
.parte-accept-celebration-fill,
.leave-accept-celebration-sweep,
.parte-accept-celebration-sweep,
.leave-accept-celebration-icons,
.parte-accept-celebration-icons,
.leave-accept-celebration-mark,
.parte-accept-celebration-mark,
.leave-accept-celebration-message,
.parte-accept-celebration-message {
	position: absolute;
	inset: 0;
}

.leave-accept-celebration-fade,
.parte-accept-celebration-fade {
	background:
		linear-gradient(180deg, rgba(22, 78, 35, .32), rgba(22, 78, 35, .78)),
		linear-gradient(180deg, #91d84b, #43a047);
	opacity: 0;
}

.leave-accept-celebration-fill,
.parte-accept-celebration-fill {
	z-index: 3;
	background: linear-gradient(180deg, #95d84f, #66bb3a);
	opacity: 0;
}

.leave-accept-celebration-sweep,
.parte-accept-celebration-sweep {
	z-index: 2;
	overflow: visible;
}

.leave-accept-celebration-sweep svg,
.parte-accept-celebration-sweep svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.leave-accept-celebration-sweep path,
.parte-accept-celebration-sweep path {
	fill: none;
	stroke: #69be38;
	stroke-width: 106;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1800;
	stroke-dashoffset: 1800;
	opacity: 0;
}

.leave-accept-celebration-sweep path {
	filter: url(#leave-accept-sweep-grow);
}

.parte-accept-celebration-sweep path {
	filter: url(#parte-accept-sweep-grow);
}

.leave-accept-celebration-icons,
.parte-accept-celebration-icons {
	z-index: 4;
}

.leave-accept-celebration-icon,
.parte-accept-celebration-icon {
	position: absolute;
	left: var(--x);
	top: var(--y);
	color: rgba(255, 255, 255, .48);
	font-size: var(--s, 34px);
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 40;
	opacity: 0;
	transform: translateY(18px) scale(.76) rotate(var(--r, 0deg));
}

.leave-accept-celebration-mark,
.parte-accept-celebration-mark {
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(-18px) scale(.84);
}

.leave-accept-celebration-main-icon,
.parte-accept-celebration-main-icon {
	color: #fff;
	font-size: min(34vw, 140px);
	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;
	line-height: 1;
	text-shadow: 0 10px 24px rgba(22, 78, 35, .3);
}

.leave-accept-celebration-message,
.parte-accept-celebration-message {
	left: 0;
	right: 0;
	top: calc(50% + min(30vw, 132px));
	z-index: 6;
	width: 100%;
	color: #fff;
	font-size: clamp(28px, 7vw, 40px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	opacity: 0;
	text-shadow: 0 6px 22px rgba(22, 78, 35, .28);
	transform: translateY(-50%) scale(.96);
	white-space: nowrap;
}

.leave-accept-celebration.is-active,
.parte-accept-celebration.is-active {
	visibility: visible;
	animation: acceptCelebrationOverlay 2400ms linear forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-fade,
.parte-accept-celebration.is-active .parte-accept-celebration-fade {
	animation: acceptCelebrationFade 260ms ease-out 360ms forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-sweep path,
.parte-accept-celebration.is-active .parte-accept-celebration-sweep path {
	animation: acceptCelebrationSweep 720ms cubic-bezier(.28, .82, .2, 1) 100ms forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-fill,
.parte-accept-celebration.is-active .parte-accept-celebration-fill {
	animation: acceptCelebrationFlood 380ms ease-out 620ms forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-mark,
.parte-accept-celebration.is-active .parte-accept-celebration-mark {
	animation: acceptCelebrationMark 280ms cubic-bezier(.2, 1.1, .3, 1) 760ms forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-message,
.parte-accept-celebration.is-active .parte-accept-celebration-message {
	animation: acceptCelebrationMessage 220ms ease-out 1060ms forwards;
}

.leave-accept-celebration.is-active .leave-accept-celebration-icon,
.parte-accept-celebration.is-active .parte-accept-celebration-icon {
	animation: acceptCelebrationIcon 420ms cubic-bezier(.22, 1, .3, 1) var(--d) forwards;
}

@keyframes sendCelebrationOverlay {
	0% { opacity: 1; visibility: visible; }
	92% { opacity: 1; visibility: visible; }
	100% { opacity: 0; visibility: hidden; }
}

@keyframes sendCelebrationFade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes sendCelebrationRibbon {
	0% { opacity: 0; stroke-dashoffset: 2200; }
	8% { opacity: 0; }
	12% { opacity: 1; }
	100% { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes sendCelebrationFlood {
	0% { opacity: 0; }
	35% { opacity: .35; }
	70% { opacity: .78; }
	100% { opacity: 1; }
}

@keyframes sendCelebrationMessage {
	0% { opacity: 0; transform: translateY(-50%) scale(.96); }
	100% { opacity: 1; transform: translateY(-50%) scale(1); }
}

@keyframes sendCelebrationIcon {
	0% { opacity: 0; transform: translateY(20px) scale(.7) rotate(var(--r, 0deg)); }
	100% { opacity: var(--o, 1); transform: translateY(0) scale(1) rotate(var(--r, 0deg)); }
}

@keyframes acceptCelebrationOverlay {
	0% { opacity: 1; visibility: visible; }
	88% { opacity: 1; visibility: visible; }
	100% { opacity: 0; visibility: hidden; }
}

@keyframes acceptCelebrationFade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes acceptCelebrationSweep {
	0% { opacity: 0; stroke-dashoffset: 1800; }
	12% { opacity: 1; }
	100% { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes acceptCelebrationFlood {
	0% { opacity: 0; }
	45% { opacity: .48; }
	100% { opacity: 1; }
}

@keyframes acceptCelebrationMark {
	0% { opacity: 0; transform: translateY(-18px) scale(.84); }
	100% { opacity: 1; transform: translateY(-18px) scale(1); }
}

@keyframes acceptCelebrationMessage {
	0% { opacity: 0; transform: translateY(-50%) scale(.96); }
	100% { opacity: 1; transform: translateY(-50%) scale(1); }
}

@keyframes acceptCelebrationIcon {
	0% { opacity: 0; transform: translateY(18px) scale(.76) rotate(var(--r, 0deg)); }
	100% { opacity: var(--o, .48); transform: translateY(0) scale(1) rotate(var(--r, 0deg)); }
}

.itcons-empty-list-row,
table.striped > tbody > tr.itcons-empty-list-row {
	background: transparent !important;
}

.itcons-empty-list-cell,
.emptyPartesTableNotification,
.emptyWorkordersTableNotification,
.emptyLeavesTableNotification,
.emptyAssignmentsTableNotification,
td.dataTables_empty {
	height: 86px;
	padding: 20px 12px !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(71, 69, 69, .58) !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: center !important;
	vertical-align: middle !important;
}

.itcons-empty-list-cell::before,
.emptyPartesTableNotification::before,
.emptyWorkordersTableNotification::before,
.emptyLeavesTableNotification::before,
.emptyAssignmentsTableNotification::before,
td.dataTables_empty::before {
	content: "inventory_2";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 0 8px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: currentColor;
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	line-height: 22px;
	opacity: .62;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
}

.itcons-empty-list-cell {
	position: relative;
}

.itcons-empty-list-cell::after,
.emptyPartesTableNotification::after,
.emptyWorkordersTableNotification::after,
.emptyLeavesTableNotification::after,
.emptyAssignmentsTableNotification::after,
td.dataTables_empty::after {
	display: none;
}

@media only screen and (max-width: 600px) {
	.itcons-empty-list-cell,
	.emptyPartesTableNotification,
	.emptyWorkordersTableNotification,
	.emptyLeavesTableNotification,
	.emptyAssignmentsTableNotification,
	td.dataTables_empty {
		height: 76px;
		padding: 18px 10px !important;
	}
}

.itcons-related-empty-state {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 14px;
	border-top: 1px solid var(--itcons-color-primary-alpha20);
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
}

.itcons-related-empty-state i.material-symbols-outlined {
	color: currentColor;
	font-size: 18px;
	line-height: 18px;
	opacity: .58;
	font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 20;
}

.itcons-empty-state-card {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	box-sizing: border-box;
	width: min(560px, 100%);
	margin: 18px auto 0;
	padding: 18px;
	border: 1px solid var(--itcons-color-primary-alpha20);
	border-radius: 8px;
	background: rgba(255, 255, 255, .88);
	color: #474545;
	text-align: left;
}

.itcons-empty-state-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: var(--itcons-color-primary-alpha20);
	color: var(--itcons-color-primary);
	font-size: 20px;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	line-height: 1;
}

.itcons-empty-state-card__body {
	min-width: 0;
}

.itcons-empty-state-card__body h3 {
	margin: 0 0 6px;
	color: var(--itcons-color-primary);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}

.itcons-empty-state-card__body p {
	margin: 0 0 10px;
	color: rgba(71, 69, 69, .74);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.itcons-empty-state-card__steps {
	margin: 0 0 14px 16px;
	padding: 0;
	color: rgba(71, 69, 69, .68);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

.itcons-empty-state-card__steps li + li {
	margin-top: 4px;
}

.itcons-empty-state-card__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 16px;
	text-decoration: none;
}

@media only screen and (max-width: 600px) {
	.itcons-empty-state-card {
		width: 100%;
		margin-top: 12px;
		padding: 14px;
		gap: 10px;
	}

	.itcons-empty-state-card__icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
		font-size: 18px;
	}
}

.itcons-frequency-help,
.itcons-planning-help {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid var(--itcons-color-secondary-alpha20);
	border-radius: 6px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.itcons-frequency-help {
	margin: 0 0 14px;
}

.itcons-planning-help {
	margin: 0 0 12px;
}

.itcons-frequency-help i.material-symbols-outlined,
.itcons-planning-help i.material-symbols-outlined {
	flex: 0 0 auto;
	color: var(--itcons-color-secondary);
	font-size: 17px;
	line-height: 17px;
	opacity: .78;
	font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 20;
}

.itcons-recurring-planning-modal.short {
	position: fixed !important;
	top: 50% !important;
	right: auto !important;
	left: 50% !important;
	width: calc(100vw - 32px) !important;
	min-width: 0 !important;
	max-width: 380px !important;
	height: auto !important;
	max-height: calc(100vh - 32px) !important;
	transform: translate(-50%, -50%) scaleX(1) scaleY(1) !important;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
	z-index: 10000 !important;
}

.itcons-recurring-planning-modal .modal-interno {
	display: flex;
	flex-direction: column;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100vh - 32px);
	border-radius: 8px;
	overflow: hidden;
}

.itcons-recurring-planning-modal .modal-header {
	padding: 14px 18px 0;
	border-bottom: 0;
}

.itcons-recurring-planning-modal .modal-title {
	margin: 0;
	color: var(--itcons-color-secondary);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
}

.itcons-recurring-planning-modal #datePikcerModalContent {
	display: block !important;
	position: static !important;
	flex: 1 1 auto;
	height: auto !important;
	max-height: calc(100vh - 140px);
	padding: 10px 18px 6px;
	overflow-y: auto;
}

.itcons-recurring-planning-modal .itcons-planning-calendar-shell {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

.itcons-recurring-planning-modal #datePikcerModalContent .form-group {
	margin: 0;
}

.itcons-recurring-planning-modal #datePikcerModalContent .nav-content {
	width: 100% !important;
	margin: 0 0 10px;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	height: auto;
	overflow: visible !important;
	background: transparent;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .indicator {
	display: none;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .tab {
	height: auto;
	min-height: 48px;
	padding: 0;
	border: 1px solid rgba(71, 69, 69, .11);
	border-radius: 8px;
	background-color: rgba(250, 250, 250, .96);
	line-height: 1.2 !important;
	text-align: left;
	text-transform: none;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .tab a {
	display: block;
	height: 100%;
	min-height: 48px;
	padding: 7px 9px;
	color: rgba(71, 69, 69, .74);
	font-size: 12px !important;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .tab a.active {
	background: var(--itcons-color-secondary-alpha13);
	color: var(--itcons-color-secondary);
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .tab a p {
	margin: 3px 0 0;
	color: rgba(71, 69, 69, .74);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
}

.itcons-recurring-planning-modal #datePikcerModalContent #partes-tabs .tab a i {
	font-size: 17px;
	line-height: 17px;
	vertical-align: middle;
}

.itcons-recurring-planning-modal #recurringPlanningContext {
	margin: 0 0 10px;
}

.itcons-recurring-planning-modal .workorder-planning-summary {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 0;
	margin: 0 0 8px;
	color: rgba(71, 69, 69, .78);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
}

.itcons-recurring-planning-modal .workorder-planning-summary i {
	color: var(--itcons-color-secondary);
	font-size: 17px;
	line-height: 17px;
	opacity: .72;
}

.itcons-recurring-planning-modal .workorder-planning-summary.is-error {
	color: #f44336;
}

.itcons-recurring-planning-modal .workorder-planning-summary.is-empty {
	display: none;
}

.itcons-recurring-planning-modal .recurring-planning-intent {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 12px;
}

.itcons-recurring-planning-modal .recurring-planning-intent-item {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	column-gap: 7px;
	row-gap: 2px;
	min-height: 58px;
	padding: 9px;
	border: 1px solid rgba(71, 69, 69, .1);
	border-radius: 8px;
	background: rgba(250, 250, 250, .88);
}

.itcons-recurring-planning-modal .recurring-planning-intent-item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--itcons-color-secondary-alpha13);
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 800;
	line-height: 20px;
}

.itcons-recurring-planning-modal .recurring-planning-intent-item strong {
	display: block;
	color: rgba(71, 69, 69, .84);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
}

.itcons-recurring-planning-modal .recurring-planning-intent-item small {
	grid-column: 2;
	color: rgba(71, 69, 69, .62);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.25;
}

.itcons-recurring-planning-modal .workorder-date-shortcuts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 10px;
}

.itcons-recurring-planning-modal .workorder-date-shortcut {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	min-width: 0;
	padding: 6px 10px;
	border: 1px solid var(--itcons-color-secondary);
	border-radius: 14px;
	background: #fff;
	color: var(--itcons-color-secondary);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.itcons-recurring-planning-modal .workorder-planning-fields {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.itcons-recurring-planning-modal .workorder-planning-field {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 118px;
	gap: 8px;
	padding: 9px;
	border: 1px solid rgba(71, 69, 69, .11);
	border-radius: 8px;
	background: #fff;
}

.itcons-recurring-planning-modal .workorder-planning-field.is-active {
	border-color: var(--itcons-color-secondary);
	background: var(--itcons-color-secondary-alpha1);
}

.itcons-recurring-planning-modal .workorder-start-field {
	position: relative;
	grid-template-columns: minmax(0, 1fr) 118px;
	padding-bottom: 36px;
}

.itcons-recurring-planning-modal .workorder-field-main small {
	display: block;
	margin-top: 4px;
	color: rgba(71, 69, 69, .56);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.25;
}

.itcons-recurring-planning-modal .workorder-planning-field label {
	display: block;
	margin: 0 0 4px;
	color: rgba(71, 69, 69, .72);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.itcons-recurring-planning-modal .workorder-planning-field input {
	box-sizing: border-box;
	width: 100%;
	height: 30px !important;
	margin: 0 !important;
	padding: 0;
	border: 0 !important;
	border-bottom: 1px solid rgba(71, 69, 69, .13) !important;
	border-radius: 0;
	background: transparent;
	box-shadow: none !important;
	color: rgba(71, 69, 69, .74);
	font-size: 13px !important;
	font-weight: 600;
	line-height: 30px;
}

.itcons-recurring-planning-modal .workorder-time-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 4px;
}

.itcons-recurring-planning-modal .workorder-planning-options {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.itcons-recurring-planning-modal .workorder-planning-check {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	margin: 0;
	color: rgba(71, 69, 69, .68);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.itcons-recurring-planning-modal .workorder-all-day-check {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.itcons-recurring-planning-modal .workorder-planning-check [type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none;
}

.itcons-recurring-planning-modal .workorder-planning-check [type="checkbox"] + span {
	height: auto;
	padding-left: 18px;
	line-height: 16px;
}

.itcons-recurring-planning-modal .workorder-planning-check [type="checkbox"] + span::before,
.itcons-recurring-planning-modal .workorder-planning-check [type="checkbox"] + span::after {
	width: 14px;
	height: 14px;
	margin-top: 0;
}

.itcons-recurring-planning-modal .workorder-time-stepper {
	display: grid;
	grid-template-columns: 28px minmax(62px, 1fr) 28px;
	align-items: center;
	overflow: hidden;
	height: 30px;
	border: 1px solid rgba(71, 69, 69, .12);
	border-radius: 15px;
	background: rgba(255, 255, 255, .78);
}

.itcons-recurring-planning-modal .workorder-duration-field {
	grid-template-columns: minmax(0, 1fr) 126px;
}

.itcons-recurring-planning-modal .workorder-duration-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

.itcons-recurring-planning-modal .workorder-duration-stepper {
	display: grid;
	grid-template-columns: 30px minmax(54px, 1fr) 30px;
	align-items: center;
	overflow: hidden;
	height: 34px;
	border: 1px solid rgba(71, 69, 69, .12);
	border-radius: 17px;
	background: rgba(255, 255, 255, .78);
}

.itcons-recurring-planning-modal .workorder-duration-all-day-unit {
	display: none;
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	text-transform: lowercase;
}

.itcons-recurring-planning-modal .workorder-duration-unit-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
	height: 34px;
	padding: 3px;
	border: 1px solid rgba(71, 69, 69, .12);
	border-radius: 17px;
	background: rgba(250, 250, 250, .9);
}

.itcons-recurring-planning-modal .workorder-duration-unit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 26px;
	padding: 0 7px;
	border: 0;
	border-radius: 13px;
	background: transparent;
	color: rgba(71, 69, 69, .56);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.itcons-recurring-planning-modal .workorder-duration-unit.is-active {
	background: var(--itcons-color-secondary);
	color: #fff;
}

.itcons-recurring-planning-modal .workorder-time-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(71, 69, 69, .42);
	cursor: pointer;
}

.itcons-recurring-planning-modal .workorder-time-step i {
	font-size: 17px;
	line-height: 1;
}

.itcons-recurring-planning-modal .workorder-planning-time-input {
	height: 28px !important;
	border: 0 !important;
	text-align: center;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-time-stepper {
	background: rgba(247, 247, 247, .96);
	border-color: rgba(71, 69, 69, .11);
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-time-control {
	display: none;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-start-field {
	grid-template-columns: 1fr;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-duration-field {
	grid-template-columns: 1fr;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-duration-unit-control {
	display: none;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-duration-all-day-unit {
	display: inline-flex;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-time-stepper .workorder-time-step {
	color: rgba(71, 69, 69, .32);
	pointer-events: none;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-time-stepper .workorder-planning-time-input {
	color: transparent !important;
}

.itcons-recurring-planning-modal.workorder-planning-without-time .workorder-time-stepper::after {
	content: "Sin hora";
	position: absolute;
	inset: 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	font-weight: 700;
	pointer-events: none;
}

@media only screen and (max-width: 480px) {
	.itcons-recurring-planning-modal.short {
		width: calc(100vw - 20px) !important;
	}

	.itcons-recurring-planning-modal .modal-header,
	.itcons-recurring-planning-modal #datePikcerModalContent {
		padding-right: 12px;
		padding-left: 12px;
	}

	.itcons-recurring-planning-modal .workorder-planning-field {
		grid-template-columns: minmax(0, 1fr) 106px;
	}

	.itcons-recurring-planning-modal .workorder-duration-field {
		grid-template-columns: minmax(0, 1fr) 112px;
	}

	.itcons-recurring-planning-modal .recurring-planning-intent {
		grid-template-columns: 1fr;
	}
}

.itcons-recurring-planning-modal .modal-footer {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	height: auto;
	padding: 10px 18px 16px;
	border-top: 1px solid var(--itcons-color-secondary-alpha13);
	background: #fff;
}

.itcons-recurring-planning-modal .modal-footer .btn-flat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 14px;
	border-radius: 18px;
	font-size: 12px;
	font-weight: 700;
	line-height: 34px;
}

.itcons-recurring-planning-modal #deleteRecurringEditPlanningDates {
	margin-right: auto;
}

body.recurring-workorder-datepicker-ux .datepicker-modal {
	width: calc(100vw - 32px) !important;
	min-width: 0 !important;
	max-width: 380px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100vh - 32px) !important;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) scaleX(1) scaleY(1) !important;
	border: 0 !important;
	border-radius: 8px;
	background-color: #fff !important;
	overflow: visible;
	box-shadow: none !important;
	z-index: 10020 !important;
}

body.recurring-workorder-datepicker-ux .datepicker-container.modal-content {
	display: block;
	position: relative !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 0;
	border-radius: 8px;
	background-color: #fff !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
	overflow: visible !important;
}

body.recurring-workorder-datepicker-ux.recurring-workorder-datepicker-open .modal-overlay {
	background-color: transparent !important;
	opacity: 0 !important;
}

body.recurring-workorder-datepicker-ux.recurring-workorder-datepicker-open .itcons-recurring-planning-modal {
	background-color: #fff !important;
}

body.recurring-workorder-datepicker-ux .datepicker-date-display {
	display: none;
}

body.recurring-workorder-datepicker-ux .datepicker-calendar-container {
	width: 100%;
	padding: 14px 18px 6px;
	border-radius: 8px 8px 0 0;
	background-color: #fff !important;
}

body.recurring-workorder-datepicker-ux .datepicker-controls,
body.recurring-workorder-datepicker-ux .datepicker-table,
body.recurring-workorder-datepicker-ux .datepicker-footer {
	width: 100%;
}

body.recurring-workorder-datepicker-ux .datepicker-controls {
	margin: 0 0 8px;
	align-items: center;
}

body.recurring-workorder-datepicker-ux .datepicker-controls .select-wrapper input {
	height: 32px;
	line-height: 32px;
}

body.recurring-workorder-datepicker-ux .datepicker-modal .dropdown-content.select-dropdown,
body.recurring-workorder-datepicker-ux .datepicker-modal .select-dropdown.dropdown-content,
body.recurring-workorder-datepicker-ux > .dropdown-content.select-dropdown,
body.recurring-workorder-datepicker-ux > .select-dropdown.dropdown-content {
	background-color: #fff !important;
	z-index: 10030 !important;
}

body.recurring-workorder-datepicker-ux .datepicker-modal .select-wrapper {
	overflow: visible;
}

body.recurring-workorder-datepicker-ux .datepicker-table {
	margin: 0;
	table-layout: fixed;
}

body.recurring-workorder-datepicker-ux .datepicker-table th {
	padding: 6px 0;
	font-size: 12px;
	font-weight: 600;
}

body.recurring-workorder-datepicker-ux .datepicker-day-button {
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin: 0 auto;
	padding: 0;
}

body.recurring-workorder-datepicker-ux .datepicker-table td.is-selected {
	background-color: transparent;
	color: var(--itcons-color-secondary);
}

body.recurring-workorder-datepicker-ux .datepicker-table td.is-selected .datepicker-day-button {
	background-color: var(--itcons-color-secondary);
	color: #fff;
}

body.recurring-workorder-datepicker-ux .datepicker-footer {
	padding: 8px 18px 16px;
	margin: 0;
	border-radius: 0 0 8px 8px;
	background-color: #fff !important;
	justify-content: flex-end;
	gap: 10px;
}

body.recurring-workorder-datepicker-ux .datepicker-footer .btn-flat {
	height: 34px;
	line-height: 34px;
	border-radius: 18px;
	font-weight: 700;
}

body.recurring-workorder-datepicker-ux .datepicker-clear,
body.recurring-workorder-datepicker-ux .datepicker-today {
	display: none;
}

@media only screen and (max-width: 480px) {
	body.recurring-workorder-datepicker-ux .datepicker-modal,
	body.parte-date-datepicker-ux .datepicker-modal {
		width: calc(100vw - 20px) !important;
	}

	body.recurring-workorder-datepicker-ux .datepicker-calendar-container,
	body.parte-date-datepicker-ux .datepicker-calendar-container {
		padding: 12px 12px 4px;
	}

	body.parte-date-datepicker-ux .parte-datepicker-context {
		padding: 12px 12px 0;
	}

	body.recurring-workorder-datepicker-ux .datepicker-day-button,
	body.parte-date-datepicker-ux .datepicker-day-button {
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	body.recurring-workorder-datepicker-ux .datepicker-footer,
	body.parte-date-datepicker-ux .datepicker-footer {
		padding: 8px 12px 14px;
	}

	body.parte-date-datepicker-ux .parte-datepicker-legend {
		padding: 2px 12px 0;
		gap: 10px;
	}
}

/* Admin UX: leave balance reports */
.leavebalance-report-header {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 2px 0 12px;
}

.leavebalance-report-header .subtitulo {
	margin-bottom: 0;
}

.leavebalance-report-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.leavebalance-report-actions .boton {
	margin: 0 !important;
	white-space: nowrap;
}

.leavebalance-report-actions .edit_link,
.leavebalance-report-actions a[id] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	min-height: 32px;
	margin: 0 !important;
}

.leavebalance-report-nav {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 18px;
	padding-top: 2px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

.leavebalance-report-nav__link {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 14px 10px;
	border-bottom: 3px solid transparent;
	color: rgba(0,0,0,0.62);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.leavebalance-report-nav__link:hover,
.leavebalance-report-nav__link:focus {
	background-color: rgba(0,0,0,0.03);
	color: var(--itcons-color-secondary);
	text-decoration: none;
}

.leavebalance-report-nav__link.is-active {
	border-bottom-color: var(--itcons-color-secondary);
	color: rgba(0,0,0,0.86);
}

.leavebalance-table-wrap {
	clear: both;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.leavebalance-table-wrap table {
	min-width: 900px;
	margin-bottom: 0;
}

.leavebalance-table-wrap #seccion {
	margin-top: 0;
}

.leavebalance-table-wrap tbody tr {
	transition: background-color 140ms ease;
}

.leavebalance-table-wrap tbody tr:hover {
	background-color: rgba(0,0,0,0.055);
}

.leavebalance-table-wrap th:first-child,
.leavebalance-table-wrap td:first-child {
	padding-left: 0;
}

.leavebalance-summary,
.distribution-hours-summary {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 8px 0 14px;
}

.leavebalance-summary .dashboard-marcador,
.distribution-hours-summary .dashboard-marcador {
	height: 5.6rem;
	margin: 0;
	width: 8rem;
	min-width: 8rem;
}

.leavebalance-summary .dashboard-marcador > .valor-marcador,
.distribution-hours-summary .dashboard-marcador > .valor-marcador {
	font-size: 2.1rem;
	padding-top: 0.7rem;
}

.leavebalance-summary .dashboard-marcador > .nombre-marcador,
.distribution-hours-summary .dashboard-marcador > .nombre-marcador {
	font-size: 0.74rem;
	line-height: 1.05;
	padding: 0 4px 4px;
}

.distribution-special-hours,
.leavebalance-positive-value {
	color: var(--itcons-color-secondary);
	font-weight: 700;
	text-shadow: 0 0 0 currentColor;
}

.leavebalance-negative-value {
	color: #c62828;
	font-weight: 700;
	text-shadow: 0 0 0 currentColor;
}

.leavebalance-workday-cta {
	clear: both;
	max-width: 620px;
	margin: 18px auto 28px;
	padding: 22px 24px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.08);
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.leavebalance-workday-cta__title {
	display: block;
	margin-bottom: 8px;
	color: rgba(0,0,0,0.86);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.leavebalance-workday-cta__body {
	margin: 0 0 16px;
	color: rgba(0,0,0,0.62);
	line-height: 1.45;
}

@media (max-width: 767px) {
	.leavebalance-report-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.leavebalance-report-actions {
		justify-content: flex-start;
		width: 100%;
	}

	.leavebalance-report-nav__link {
		flex: 1 1 140px;
		justify-content: center;
		text-align: center;
	}

	.leavebalance-summary .dashboard-marcador,
	.distribution-hours-summary .dashboard-marcador {
		width: calc(50vw - 42px);
		min-width: 8rem;
	}
}

/* Admin UX: reusable alerts and page-specific admin helpers */
.modelo-view-alert {
	max-width: 620px;
	margin: 64px auto 24px;
	padding: 22px 24px;
	background: #fff;
	border-radius: 8px;
}

.modelo-view-alert__title {
	display: block;
	margin-bottom: 8px;
	color: rgba(0,0,0,0.86);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.modelo-view-alert__body {
	margin: 0 0 16px;
	color: rgba(0,0,0,0.62);
	line-height: 1.45;
}

.modelo-view-alert__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.administration-config-option {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.administration-config-option .switch {
	flex: 0 0 38px;
	float: none !important;
}

.administration-config-option label {
	align-items: center;
	display: inline-flex;
	gap: 6px;
	margin: 0;
}

.administration-config-option .tooltipped {
	display: inline-flex;
	line-height: 1;
}

.administration-config-info-icon {
	color: rgba(0, 0, 0, .65);
	font-size: 20px;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
	line-height: 1;
	vertical-align: middle;
}

.material-tooltip {
	max-width: 360px;
	text-align: left;
	white-space: normal;
}

.itcons-assignment-map-popup {
	min-width: 220px;
}

.itcons-assignment-map-popup strong,
.itcons-assignment-map-popup span {
	display: block;
}

.itcons-assignment-map-popup strong {
	color: #1f2933;
	font-size: 14px;
	margin-bottom: 6px;
}

.itcons-assignment-map-popup span {
	color: #5d6875;
	font-size: 12px;
	line-height: 1.5;
}

.itcons-assignment-map-popup .status {
	color: var(--project-status-color);
	font-weight: 700;
	margin-top: 8px;
}

.assignment-map-radius-row {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-top: 10px;
}

.assignment-map-radius-row .input-field {
	flex: 1;
	margin: 0;
}

.assignment-location-card-action {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.assignment-location-card-action--summary {
	justify-content: flex-start;
	margin-top: 2px;
}

.assignment-location-field-label {
	color: #777777;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 6px;
}

.assignment-location-link-action {
	align-items: center;
	background: transparent;
	border: 0;
	color: #4b5563;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	min-height: 34px;
	padding: 6px 0;
	text-transform: none;
}

.assignment-location-link-action:hover,
.assignment-location-link-action:focus {
	background: transparent;
	color: var(--itcons-color-secondary);
	text-decoration: underline;
}

.assignment-location-link-action i {
	color: inherit;
	font-size: 18px;
	margin-right: 6px;
}

.assignment-location-modal-action {
	align-items: center;
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	color: #474545;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	min-height: 34px;
	padding: 0 12px;
	text-transform: none;
}

.assignment-location-modal-action:hover,
.assignment-location-modal-action:focus {
	background: #ffffff;
	border-color: rgba(0, 0, 0, .22);
	color: #474545;
}

.assignment-location-modal-action i {
	font-size: 19px;
	line-height: 1;
}

.assignment-location-secondary-action {
	align-items: center;
	background: transparent;
	border: 0;
	color: #6b7280;
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	gap: 5px;
	margin-top: 10px;
	padding: 0;
	text-transform: none;
}

.assignment-location-secondary-action:hover,
.assignment-location-secondary-action:focus {
	background: transparent;
	color: var(--itcons-color-secondary);
	text-decoration: underline;
}

.assignment-location-secondary-action i {
	font-size: 18px;
}

.assignment-location-accept {
	background: transparent !important;
	color: var(--itcons-color-secondary);
	font-weight: 700;
	text-transform: none;
}

.assignment-location-accept:hover,
.assignment-location-accept:focus {
	background: #f7f9fb !important;
	color: var(--itcons-color-secondary);
}

.assignment-location-summary {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	display: none;
	margin-top: 8px;
	padding: 8px 10px;
}

.assignment-location-summary strong,
.assignment-location-summary span {
	display: block;
}

.assignment-location-summary strong {
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
}

.assignment-location-summary span {
	color: #6b7280;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 4px;
}

.assignment-location-modal {
	max-height: 88%;
	top: 5% !important;
	transform: none !important;
	width: min(920px, 92vw);
}

.assignment-location-picker {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(260px, 340px) 1fr;
}

.assignment-location-modal .subtitulo {
	display: block;
	margin-bottom: 18px;
}

.assignment-location-search {
	align-items: center;
	display: flex;
	gap: 10px;
}

.assignment-location-search .input-field {
	flex: 1;
	margin: 0;
}

.assignment-location-search label {
	display: none;
}

.assignment-location-search input[type="search"],
#assignment_location_radius_km {
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
	color: #474545 !important;
	font-size: 13px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 10px !important;
}

.assignment-location-search input[type="search"] {
	line-height: 34px !important;
}

#assignment_location_radius_km {
	line-height: 32px !important;
}

.assignment-location-search input[type="search"]:focus,
#assignment_location_radius_km:focus {
	border-color: rgba(0, 0, 0, .22) !important;
	box-shadow: none !important;
}

.assignment-location-search input[type="search"]:focus {
	border-bottom: 1px solid rgba(0, 0, 0, .22) !important;
}

#assignment_location_map {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	height: 420px;
	width: 100%;
}

.assignment-location-results {
	border: 1px solid #eeeeee;
	border-radius: 8px;
	margin-top: 14px;
	max-height: 260px;
	overflow: auto;
}

.assignment-location-result {
	border-bottom: 1px solid #eeeeee;
	cursor: pointer;
	display: block;
	padding: 10px 12px;
}

.assignment-location-result:last-child {
	border-bottom: 0;
}

.assignment-location-result:hover {
	background: #f7f9fb;
}

.assignment-location-result strong,
.assignment-location-result span {
	display: block;
}

.assignment-location-result strong {
	color: #1f2933;
	font-size: 13px;
}

.assignment-location-result span,
.assignment-location-help {
	color: #6b7280;
	font-size: 12px;
	line-height: 1.45;
}

.assignment-location-status {
	color: #6b7280;
	display: block;
	font-size: 12px;
	margin-top: 10px;
	min-height: 18px;
}

.assignment-location-selected {
	background: #f7f9fb;
	border-radius: 8px;
	color: #1f2933;
	font-size: 13px;
	margin-top: 12px;
	padding: 10px 12px;
}

@media (max-width: 700px) {
	.assignment-location-card-action {
		align-items: flex-start;
		flex-direction: column;
	}

	.assignment-location-search {
		align-items: stretch;
		flex-direction: column;
	}

	.assignment-location-modal-action {
		justify-content: center;
		width: 100%;
	}

	.assignment-location-picker {
		grid-template-columns: 1fr;
	}

	#assignment_location_map {
		height: 320px;
	}
}


.itcons-integrations-catalog {
	padding-top: 2px;
}

.itcons-integrations-catalog .itcons-list-header {
	padding: 0;
}

.itcons-integrations-copy {
	margin: 8px 0 0;
	color: rgba(71, 69, 69, .72);
	font-size: .86rem;
	line-height: 1.55;
}

.itcons-integrations-cards.cards-container {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	justify-content: stretch;
	flex-flow: initial;
}

.itcons-integrations-cards.cards-container .card {
	width: auto !important;
	margin: 0 !important;
}

.itcons-integration-card.itcons-admin-card {
	min-height: 206px;
	margin: 0;
}

.itcons-integration-card-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.itcons-integration-card-link:hover,
.itcons-integration-card-link:focus {
	color: inherit;
	text-decoration: none;
}

.itcons-integration-card .card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 204px;
	padding: 14px 16px;
}

.itcons-integration-card-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 10px;
}

.itcons-integration-icon-group {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.itcons-integration-card .itcons-icon-action.itcons-integration-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
}

.itcons-integration-card .itcons-integration-icon .material-symbols-outlined {
	font-size: 23px;
}

.itcons-integration-card .itcons-integration-icon img {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.itcons-integration-card .subtitulo {
	margin: 0;
	color: #474545 !important;
	font-size: 15px !important;
	line-height: 1.25;
}

.itcons-integration-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: auto;
	padding-top: 12px;
	color: var(--itcons-color-secondary);
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
}

.itcons-integration-link:hover,
.itcons-integration-link:focus {
	color: #474545;
	text-decoration: none;
}

.itcons-integration-card--request.itcons-admin-card {
	grid-column: span 2;
	border-color: color-mix(in srgb, var(--itcons-color-secondary) 28%, transparent);
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, #fff);
}

.itcons-integration-card--request .card-content {
	min-height: 150px;
}

.itcons-api-card,
.itcons-api-key-card {
	clear: both;
	margin-bottom: 12px;
}

.itcons-api-card-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	margin: 0 16px;
	width: auto;
}

.itcons-api-title-main {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.itcons-api-title-icon.itcons-icon-action {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
}

.itcons-api-title-icon .material-symbols-outlined {
	font-size: 22px;
}

.itcons-api-key-copy,
.itcons-api-create {
	align-items: center;
	display: flex;
	gap: 12px;
	margin: 0 16px 14px;
}

.itcons-api-key-copy .input-field,
.itcons-api-create .input-field {
	margin: 0;
}

.itcons-api-key-value,
.itcons-api-name-field {
	flex: 1;
}

.itcons-api-add {
	align-items: center;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	padding: 0;
	width: 36px;
}

.itcons-api-auth-url {
	align-items: center;
	display: flex;
	gap: 10px;
	margin: 0 16px 12px;
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
}

.itcons-api-auth-url code,
.itcons-api-prefix {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: rgba(71, 69, 69, .78);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-api-list {
	margin: 0 16px 18px;
}

.itcons-api-row {
	align-items: center;
	border-bottom: 1px solid #eeeeee;
	display: grid;
	grid-template-columns: minmax(150px, 24%) minmax(190px, 1fr) 130px 110px 28px;
	gap: 12px;
	min-height: 50px;
	padding: 7px 0;
}

.itcons-api-row.is-revoked {
	opacity: .72;
}

.itcons-api-name {
	min-width: 0;
}

.itcons-api-name-text {
	display: block;
	margin-top: 4px;
	overflow: hidden;
	color: #474545;
	font-weight: 700;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-api-date,
.itcons-api-last-use {
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	white-space: nowrap;
}

.itcons-api-row .revoke-api-credential,
.itcons-api-row-spacer {
	align-items: center;
	color: #9e9e9e;
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.itcons-api-row .revoke-api-credential:hover,
.itcons-api-row .revoke-api-credential:focus {
	color: var(--itcons-color-secondary);
	text-decoration: none;
}

.itcons-api-row .revoke-api-credential .material-symbols-outlined {
	font-size: 20px;
}

.itcons-api-empty {
	display: block;
	color: rgba(71, 69, 69, .65);
	padding: 10px 0;
}

.itcons-webhook-card {
	clear: both;
	margin-bottom: 0;
}

.itcons-webhook-card-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	margin: 0 16px;
	width: 100%;
}

.itcons-webhook-title-main {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.itcons-webhook-title-icon.itcons-icon-action {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--itcons-color-secondary) 7%, transparent);
}

.itcons-webhook-title-icon .material-symbols-outlined {
	font-size: 22px;
}

.itcons-webhook-create {
	align-items: center;
	display: flex;
	gap: 12px;
	margin: 0 16px 14px;
}

.itcons-webhook-create .input-field {
	margin: 0;
}

.itcons-webhook-event-field {
	flex: 0 0 34%;
}

.itcons-webhook-url-field {
	flex: 1;
}

.itcons-webhook-add {
	align-items: center;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	padding: 0;
	width: 36px;
}

.itcons-webhook-event-field .select2-container {
	width: 100% !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.itcons-webhook-event-field .select2-container.form-control {
	height: 34px !important;
	padding: 0 !important;
}

.itcons-webhook-event-field .select2-container .select2-choice {
	box-sizing: border-box;
	height: 34px !important;
	padding: 0 28px 0 0 !important;
	border: 0 !important;
	border-bottom: 1px solid color-mix(in srgb, var(--itcons-color-secondary) 28%, transparent) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #474545;
	line-height: 33px !important;
}

.itcons-webhook-event-field .select2-container.select2-container-active .select2-choice,
.itcons-webhook-event-field .select2-container.select2-dropdown-open .select2-choice {
	border-bottom-color: var(--itcons-color-secondary) !important;
	box-shadow: 0 1px 0 0 var(--itcons-color-secondary) !important;
}

.itcons-webhook-event-field .select2-container .select2-choice .select2-chosen {
	margin-right: 0;
	color: rgba(71, 69, 69, .78);
	font-size: 14px;
}

.itcons-webhook-event-field .select2-container .select2-choice .select2-arrow {
	width: 24px;
	border-left: 0 !important;
	background: transparent !important;
}

.itcons-webhook-event-field .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-webhook-event-field .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(71, 69, 69, .58);
	font-size: 19px;
	line-height: 33px;
}

.itcons-webhook-list {
	margin: 0 16px 18px;
}

.itcons-webhook-row {
	align-items: center;
	border-bottom: 1px solid #eeeeee;
	display: grid;
	grid-template-columns: minmax(170px, 28%) minmax(220px, 1fr) 140px 28px;
	gap: 12px;
	min-height: 50px;
	padding: 7px 0;
}

.itcons-webhook-event {
	min-width: 0;
}

.itcons-webhook-row .itcons-filter-badge {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-webhook-event-name {
	display: block;
	margin-top: 4px;
	overflow: hidden;
	color: #474545;
	font-weight: 700;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-webhook-url {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: rgba(71, 69, 69, .78);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 12px;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-webhook-updated {
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	white-space: nowrap;
}

.itcons-webhook-row .delete-webhook {
	align-items: center;
	color: #9e9e9e;
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.itcons-webhook-row .delete-webhook:hover,
.itcons-webhook-row .delete-webhook:focus {
	color: var(--itcons-color-secondary);
	text-decoration: none;
}

.itcons-webhook-row .delete-webhook .material-symbols-outlined {
	font-size: 20px;
}

.itcons-webhook-empty {
	display: block;
	color: rgba(71, 69, 69, .65);
	padding: 10px 0;
}

button.btn-flat {
	background: transparent;
	border: 0;
	cursor: pointer;
}

.itcons-external-identifiers-page .itcons-list-header {
	padding: 0;
}

.itcons-external-identifiers-card {
	clear: both;
	margin-bottom: 0;
}

.itcons-external-identifiers-title {
	box-sizing: border-box;
	margin: 0 16px 6px;
	width: 100%;
}

.itcons-external-identifiers-form {
	margin: 0 16px 18px;
}

.itcons-external-identifiers-group {
	margin: 0 0 16px;
	max-width: 360px;
}

.itcons-external-identifiers-table {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}

.itcons-external-identifiers-table th,
.itcons-external-identifiers-table td {
	border-bottom: 1px solid #eeeeee;
	box-sizing: border-box;
	height: 46px;
	padding: 8px 10px;
	vertical-align: middle;
}

.itcons-external-identifiers-table th {
	color: rgba(71, 69, 69, .58);
	font-size: 11px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

.itcons-external-identifiers-table th:first-child,
.itcons-external-identifiers-table td:first-child {
	padding-left: 0;
	text-align: left;
	width: 42%;
}

.itcons-external-identifiers-label {
	color: #474545;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itcons-external-identifiers-table td:not(:first-child) {
	text-align: center;
}

.itcons-external-identifiers-table input[type=radio] {
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.itcons-external-identifiers-table label {
	align-items: center;
	border: 1px solid rgba(71, 69, 69, .12);
	border-radius: 999px;
	color: rgba(71, 69, 69, .78);
	cursor: pointer;
	display: inline-flex;
	font-size: 0;
	height: 18px;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 18px;
}

.itcons-external-identifiers-table label::after {
	background: transparent;
	border-radius: 50%;
	content: "";
	display: block;
	height: 8px;
	width: 8px;
}

.itcons-external-identifiers-table input:checked + label {
	background: color-mix(in srgb, var(--itcons-color-secondary) 12%, transparent);
	border-color: var(--itcons-color-secondary);
}

.itcons-external-identifiers-table input:checked + label::after {
	background: var(--itcons-color-secondary);
}

.itcons-external-identifiers-table input:focus + label {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--itcons-color-secondary) 20%, transparent);
}

.itcons-external-identifiers-actions {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 18px;
}

.itcons-external-identifiers-actions .btn-flat {
	align-items: center;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	line-height: 1;
	margin: 0;
}

.itcons-configuration-manage-plans-link {
	color: #43b899;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
}

.itcons-configuration-manage-plans-link::after {
	content: "arrow_forward";
	font-family: "Material Icons";
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	margin-left: 4px;
}

.itcons-configuration-manage-plans-link:hover,
.itcons-configuration-manage-plans-link:focus {
	color: #2e9d80;
	text-decoration: none;
}

.itcons-plan-upgrade-page {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.itcons-plan-upgrade-shell {
	display: block;
	width: 100%;
}

.itcons-plan-upgrade-stepper {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 0 0 8px;
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	font-weight: 800;
}

.itcons-plan-upgrade-stepper span {
	align-items: center;
	display: inline-flex;
	gap: 8px;
}

.itcons-plan-upgrade-stepper span + span::before {
	background: rgba(71, 69, 69, .24);
	content: "";
	display: inline-block;
	height: 1px;
	width: 26px;
}

.itcons-plan-upgrade-stepper .is-active {
	color: var(--itcons-color-secondary);
}

.itcons-plan-upgrade-intro {
	box-sizing: border-box;
	margin: 0 0 10px;
	padding: 6px 4px 10px;
}

.itcons-plan-upgrade-intro .subtitulo {
	margin: 0 0 3px;
	color: #474545 !important;
	font-size: 19px !important;
	line-height: 1.25;
}

.itcons-plan-upgrade-intro p,
.itcons-plan-upgrade-section-help,
.itcons-plan-upgrade-plan-help,
.itcons-plan-upgrade-basic-copy,
.itcons-plan-upgrade-submit-help {
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	line-height: 1.45;
}

.itcons-plan-upgrade-intro p {
	margin: 0;
	max-width: 58ch;
}

.itcons-plan-upgrade-portal-link {
	display: inline-flex;
	align-items: center;
	color: rgba(71, 69, 69, .62);
	font-size: 12px;
	font-weight: 700;
	margin-left: auto;
	text-transform: uppercase;
}

.itcons-plan-upgrade-portal-link:hover,
.itcons-plan-upgrade-portal-link:focus {
	color: #2e9d80;
}

@media (max-width: 600px) {
	.itcons-plan-upgrade-portal-link {
		margin-left: 0;
		width: 100%;
	}
}

.itcons-plan-upgrade-column {
	box-sizing: border-box;
	padding: 0 7px;
	width: 100%;
}

.itcons-plan-upgrade-secondary {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 12px;
	width: 100%;
}

.itcons-plan-upgrade-secondary-link {
	align-items: center;
	color: rgba(71, 69, 69, .68);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 4px;
	line-height: 1.2;
	text-transform: uppercase;
}

.itcons-plan-upgrade-secondary-link:hover,
.itcons-plan-upgrade-secondary-link:focus {
	color: #43b899;
}

.itcons-plan-upgrade-card {
	border-radius: 8px;
	box-shadow: none;
	width: 100%;
}

.itcons-plan-upgrade-card .card-content {
	padding: 16px;
}

.itcons-plan-upgrade-purchase-grid {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
}

.itcons-plan-upgrade-config {
	min-width: 0;
}

.itcons-plan-upgrade-mode-note {
	align-items: flex-start;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	justify-content: flex-end;
	margin: -2px 0 8px;
	padding: 0;
}

.itcons-plan-upgrade-mode-note span {
	background: rgba(67, 184, 153, .16);
	border-radius: 4px;
	color: #2e9d80;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	padding: 5px 7px;
	text-transform: uppercase;
}

.itcons-plan-upgrade-mode-note strong {
	color: #474545;
	font-size: 13px;
	line-height: 1.35;
}

.itcons-plan-upgrade-mode-note .itcons-plan-upgrade-portal-link {
	color: rgba(71, 69, 69, .62);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
}

.itcons-plan-upgrade-mode-note .itcons-plan-upgrade-portal-link:hover,
.itcons-plan-upgrade-mode-note .itcons-plan-upgrade-portal-link:focus {
	color: #43b899;
	text-decoration: none;
}

.itcons-plan-upgrade-usage-hint {
	align-items: center;
	background: linear-gradient(90deg, rgba(67, 184, 153, .12), rgba(67, 184, 153, .045));
	border: 1px solid rgba(67, 184, 153, .38);
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(67, 184, 153, .08);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 0 0 14px;
	padding: 12px 14px;
}

.itcons-plan-upgrade-usage-copy {
	min-width: 0;
}

.itcons-plan-upgrade-usage-copy span {
	color: #43b899;
	display: block;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.itcons-plan-upgrade-usage-copy strong {
	align-items: center;
	color: #474545;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 14px;
	line-height: 1.35;
}

.itcons-plan-upgrade-usage-copy .itcons-plan-upgrade-usage-pill {
	border-radius: 4px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 5px 7px;
}

.itcons-plan-upgrade-usage-pill--pro {
	background: #e2c2f1;
	color: #7c3aa1 !important;
}

.itcons-plan-upgrade-usage-pill--advanced {
	background: #ff9ec6;
	color: #b80c51 !important;
}

.itcons-plan-upgrade-usage-copy p {
	color: rgba(71, 69, 69, .72);
	font-size: 12px;
	line-height: 1.35;
	margin: 2px 0 0;
}

.itcons-plan-upgrade-usage-apply {
	background: #43b899;
	border: 1px solid #43b899;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 800;
	padding: 8px 12px;
	text-transform: uppercase;
	white-space: nowrap;
}

.itcons-plan-upgrade-usage-apply:hover,
.itcons-plan-upgrade-usage-apply:focus {
	background: #2e9d80;
	border-color: #2e9d80;
	color: #fff;
	outline: none;
	text-decoration: none;
}

.itcons-plan-upgrade-blocked-note {
	background: #fff7ed;
	border: 1px solid rgba(245, 124, 0, .32);
	border-radius: 8px;
	box-sizing: border-box;
	margin: 0 0 14px;
	padding: 12px 14px;
}

.itcons-plan-upgrade-blocked-note span {
	color: #d65f00;
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.itcons-plan-upgrade-blocked-note strong {
	color: #474545;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.itcons-plan-upgrade-section {
	border-bottom: 1px solid rgba(71, 69, 69, .1);
	margin-bottom: 14px;
	padding-bottom: 14px;
}

.itcons-plan-upgrade-page--management #panel-ubicacion {
	display: none !important;
}

.itcons-plan-upgrade-section .subtitulo,
.itcons-plan-upgrade-total .subtitulo {
	margin: 0 0 6px;
	color: #474545 !important;
	font-size: 16px !important;
	line-height: 1.3;
}

.itcons-plan-upgrade-cycle-days {
	color: rgba(71, 69, 69, .58);
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	margin-left: 8px;
	text-transform: none;
}

.itcons-plan-upgrade-section-help {
	margin: 0 0 12px;
	padding: 0;
}

.itcons-plan-upgrade-plan-row {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(71, 69, 69, .12);
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	margin: 7px 0;
	min-height: 62px;
	padding: 10px 12px;
}

.itcons-plan-upgrade-plan-copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	padding-right: 14px;
}

.itcons-plan-upgrade-plan-badge {
	align-self: flex-start;
	display: inline-flex;
	margin-left: 0;
}

.itcons-plan-upgrade-quantity.input-field {
	align-items: center;
	background: rgba(71, 69, 69, .045);
	border: 1px solid rgba(71, 69, 69, .1);
	border-radius: 8px;
	display: grid;
	flex: 0 0 126px;
	grid-template-columns: 34px minmax(42px, 1fr) 34px;
	height: 38px;
	margin: 0;
	overflow: hidden;
}

.itcons-plan-upgrade-quantity input[type=number] {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	height: 38px;
	margin: 0;
	max-width: none;
	padding: 0;
	text-align: center;
}

.itcons-plan-upgrade-quantity input[type=number]::-webkit-outer-spin-button,
.itcons-plan-upgrade-quantity input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.itcons-plan-upgrade-quantity input[type=number] {
	-moz-appearance: textfield;
}

.itcons-plan-upgrade-quantity-step {
	align-items: center;
	background: transparent;
	border: 0;
	color: rgba(71, 69, 69, .74);
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	font-weight: 900;
	height: 38px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background-color .16s ease, color .16s ease, transform .16s ease;
	width: 34px;
}

.itcons-plan-upgrade-quantity-step:hover,
.itcons-plan-upgrade-quantity-step:focus {
	background: #fff;
	color: var(--itcons-color-secondary);
	outline: none;
}

.itcons-plan-upgrade-quantity-step:active {
	transform: scale(.96);
}

.itcons-plan-upgrade-quantity-step[disabled] {
	color: rgba(71, 69, 69, .28);
	cursor: not-allowed;
}

.itcons-plan-upgrade-basic-note {
	background: transparent;
	border: 0;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 4px;
	padding: 2px 0 0;
}

.itcons-plan-upgrade-basic-title {
	color: #474545;
	font-weight: 900;
}

.itcons-plan-upgrade-period {
	background: rgba(71, 69, 69, .045);
	border-radius: 8px;
	box-sizing: border-box;
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 4px;
}

.itcons-plan-upgrade-period-option {
	background: transparent;
	border: 0;
	border-radius: 6px;
	box-sizing: border-box;
	color: rgba(71, 69, 69, .72);
	cursor: pointer;
	font-weight: 900;
	min-height: 36px;
	padding: 7px 10px;
	transition: background-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.itcons-plan-upgrade-period-option span {
	display: block;
	font-size: 11px;
	font-weight: 800;
	opacity: .8;
}

.itcons-plan-upgrade-period-option:hover,
.itcons-plan-upgrade-period-option:focus {
	color: #474545;
	outline: none;
}

.itcons-plan-upgrade-period-option:active {
	transform: translateY(1px);
}

.itcons-plan-upgrade-period-option.is-active {
	background: #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
	color: var(--itcons-color-secondary);
}

.itcons-plan-upgrade-select {
	max-width: 240px;
	width: 100%;
}

.itcons-plan-upgrade-location {
	border-bottom: 1px solid rgba(71, 69, 69, .1);
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-align: left;
}

.itcons-plan-upgrade-location[hidden] {
	display: none !important;
}

.itcons-plan-upgrade-location .subtitulo {
	color: rgba(71, 69, 69, .72) !important;
	font-size: 12px !important;
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 4px;
	text-transform: none;
}

.itcons-plan-upgrade-location .itcons-plan-upgrade-select {
	max-width: none;
}

@media (max-width: 600px) {
	.itcons-plan-upgrade-location {
		grid-template-columns: 1fr;
	}
}

.itcons-plan-upgrade-select .select2-container {
	width: 100% !important;
}

.itcons-plan-upgrade-select .select2-container .select2-choice {
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 30px 0 8px !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #474545;
	line-height: 30px !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.itcons-plan-upgrade-select .select2-container .select2-choice .select2-chosen {
	margin-right: 0;
	line-height: 30px;
}

.itcons-plan-upgrade-select .select2-container .select2-choice .select2-arrow {
	width: 28px;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	background: transparent;
	background-image: none;
}

.itcons-plan-upgrade-select .select2-container .select2-choice .select2-arrow b {
	background: none !important;
}

.itcons-plan-upgrade-select .select2-container .select2-choice .select2-arrow b:before {
	content: "expand_more";
	font-family: "Material Symbols Outlined";
	color: rgba(0, 0, 0, .45);
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
}

.itcons-plan-upgrade-select .select2-container.select2-dropdown-open .select2-choice,
.itcons-plan-upgrade-select .select2-container.select2-container-active .select2-choice {
	border-color: var(--itcons-color-secondary) !important;
	background: #fff !important;
	box-shadow: 0 0 0 2px var(--itcons-color-secondary-alpha26) !important;
}

.itcons-plan-upgrade-select .select-wrapper,
.itcons-plan-upgrade-select .select-wrapper input.select-dropdown {
	box-sizing: border-box;
	width: 100%;
}

.itcons-plan-upgrade-select .select-wrapper input.select-dropdown {
	margin-bottom: 0;
}

.itcons-plan-upgrade-total {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.itcons-plan-upgrade-total.is-hidden {
	display: none;
}

.itcons-plan-upgrade-total .price-wrap {
	background: #fff;
	border: 1px solid var(--itcons-color-secondary-alpha26);
	border-radius: 8px;
	box-sizing: border-box;
	padding: 14px;
}

.itcons-plan-upgrade-total #total-price {
	align-items: baseline;
	color: #3f4451;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
	line-height: 1.25;
	margin: 6px 0 8px;
}

.itcons-plan-upgrade-total #total-price .price {
	color: #3f4451;
	font-size: 34px;
	font-weight: 900;
}

.itcons-plan-upgrade-total .currency-symbol {
	font-weight: 900;
}

.itcons-plan-upgrade-currency-code {
	align-items: center;
	background: rgba(71, 69, 69, .055);
	border-radius: 999px;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	padding: 5px 8px;
}

#price-per-user-pro,
#price-per-user-avanzado {
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	line-height: 1.45;
}

#price-per-user-pro .price_pro,
#price-per-user-avanzado .price_avanzado {
	color: #3f4451;
	font-size: 18px;
	font-weight: 800;
}

.itcons-plan-upgrade-tax-note {
	margin: 8px 0 0;
}

.itcons-plan-upgrade-management-policy {
	color: rgba(71, 69, 69, .68);
	font-size: 12px;
	line-height: 1.35;
	margin: 8px auto 0;
	max-width: 260px;
}

.itcons-plan-upgrade-management-policy.is-success {
	color: #2e9d80;
	font-weight: 800;
}

.itcons-plan-upgrade-submit-help {
	margin: 10px auto 10px;
	max-width: 34em;
	min-height: 18px;
}

.itcons-plan-upgrade-submit-help.is-loading {
	color: rgba(71, 69, 69, .72);
}

.itcons-plan-upgrade-submit-help.is-error {
	color: #f44336;
	font-weight: 700;
}

.itcons-plan-upgrade-total #submit {
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.2;
	text-transform: none;
	white-space: normal;
	width: 100%;
}

.itcons-plan-upgrade-total #submit.is-hidden {
	display: none;
}

.itcons-plan-upgrade-total #submit[disabled] {
	cursor: not-allowed;
	opacity: .62;
}

.itcons-plan-upgrade-business {
	margin-top: 10px;
	padding: 0 4px;
	text-align: center;
}

.itcons-plan-upgrade-business.is-prominent {
	background: rgba(67, 184, 153, .1);
	border: 1px solid rgba(67, 184, 153, .34);
	border-radius: 8px;
	margin-top: 14px;
	padding: 12px 14px;
}

.itcons-plan-upgrade-business p {
	color: rgba(71, 69, 69, .72);
	font-size: 13px;
	margin-bottom: 6px;
}

.itcons-plan-upgrade-business.is-prominent p {
	color: #474545;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 10px;
}

.itcons-plan-upgrade-business a {
	color: var(--itcons-color-secondary);
	font-weight: 900;
}

.itcons-plan-upgrade-business.is-prominent a {
	align-items: center;
	background: var(--itcons-color-secondary);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	justify-content: center;
	min-height: 34px;
	padding: 0 16px;
	text-decoration: none;
}

.itcons-plan-upgrade-business.is-prominent a:hover,
.itcons-plan-upgrade-business.is-prominent a:focus {
	background: #2e9d80;
	color: #fff;
}

.itcons-plan-upgrade-checkout-panel {
	border-top: 1px solid rgba(71, 69, 69, .1);
	grid-column: 1 / -1;
	margin-top: 2px;
	padding-top: 16px;
}

.itcons-plan-upgrade-checkout-panel[hidden] {
	display: none;
}

.itcons-plan-upgrade-checkout-header {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.itcons-plan-upgrade-checkout-header .subtitulo {
	margin: 0 0 4px;
}

.itcons-plan-upgrade-edit-button {
	background: transparent;
	border: 0;
	color: var(--itcons-color-secondary);
	cursor: pointer;
	font-size: 13px;
	font-weight: 900;
	padding: 2px 0;
}

.itcons-plan-upgrade-edit-button:hover,
.itcons-plan-upgrade-edit-button:focus {
	text-decoration: underline;
}

#embedded-checkout {
	min-height: 420px;
}

@media (max-width: 760px) {
	.itcons-plan-upgrade-purchase-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.itcons-integrations-cards.cards-container {
		grid-template-columns: 1fr;
	}

	.itcons-integration-card--request.itcons-admin-card {
		grid-column: span 1;
	}
}

@media (max-width: 600px) {
	.itcons-integration-card .card-content {
		padding: 12px;
	}

	.itcons-webhook-card-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.itcons-api-card-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.itcons-api-key-copy,
	.itcons-api-create,
	.itcons-webhook-create {
		align-items: stretch;
		flex-direction: column;
	}

	.itcons-api-auth-url {
		align-items: flex-start;
		flex-direction: column;
	}

	.itcons-api-add {
		align-self: flex-end;
	}

	.itcons-api-row {
		grid-template-columns: 1fr 28px;
		gap: 6px 12px;
	}

	.itcons-api-prefix,
	.itcons-api-date,
	.itcons-api-last-use {
		grid-column: 1;
	}

	.itcons-api-row .revoke-api-credential,
	.itcons-api-row-spacer {
		grid-column: 2;
		grid-row: 1 / span 4;
	}

	.itcons-webhook-event-field,
	.itcons-webhook-url-field {
		flex: 1 1 auto;
		width: 100%;
	}

	.itcons-webhook-add {
		align-self: flex-end;
	}

	.itcons-webhook-row {
		grid-template-columns: 1fr 28px;
		gap: 6px 12px;
	}

	.itcons-webhook-url,
	.itcons-webhook-updated {
		grid-column: 1;
	}

	.itcons-webhook-row .delete-webhook {
		grid-column: 2;
		grid-row: 1 / span 3;
	}

	.itcons-external-identifiers-form {
		overflow-x: auto;
		padding-bottom: 2px;
	}

	.itcons-external-identifiers-table {
		min-width: 430px;
	}

	.itcons-external-identifiers-actions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.itcons-plan-upgrade-intro {
		padding: 14px;
	}

	.itcons-plan-upgrade-column {
		padding: 0;
	}

	.itcons-plan-upgrade-card .card-content {
		padding: 14px;
	}

	.itcons-plan-upgrade-plan-row {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}

	.itcons-plan-upgrade-plan-copy {
		padding-right: 0;
	}

	.itcons-plan-upgrade-quantity.input-field {
		flex: 1 1 auto;
		width: 100%;
	}

	.itcons-plan-upgrade-quantity input[type=number] {
		max-width: none;
		width: 100%;
	}

	.itcons-plan-upgrade-period {
		grid-template-columns: 1fr;
	}

	.itcons-plan-upgrade-select {
		max-width: none;
	}

	.itcons-plan-upgrade-total #total-price .price {
		font-size: 32px;
	}
}