div.contentinput input {
	font-size: 14px;
}
div.SearchContainer div.contentlabel{
	font-size:14px;
}
.double_column {
	grid-column: span 2;
}
div.contentlabel {
	float:none;
	overflow:hidden;
	text-overflow:ellipsis;
	width: max-content;
}

div.contentinput select {
	border-radius: 6px;
	font-weight: normal;
	padding: 0px;
	height: 30px;
}
div.input, div.input.float {
	display: inline-block;
	vertical-align: inherit;
}
div.input div.contentinput {
	float: none;
	flex-grow: 1;
}

div.contentinput select, div.dataTables_length label select {
	background: none repeat scroll 0 0 white;
	color: hsl(0, 0%, 0%);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 6px;
	border: solid 1px var(--grey-tertiary-color);
}

div.input div.contentinput > div.search, div.input div.contentinput > div.inputscan {
	background-image: url("/CSS/images/icon-buscar.png");
	float: left;
	height: 30px;
	margin-left: -40px;
	margin-top: -4px;
	width: 30px;
	cursor: pointer;
}

div.ktf-form div.input div.contentlabel img {
	margin-top: 2px;
	width: 16px;
}

.div.contentlabel {
	font-size: 12px;
}

.slider.round {
	border-radius: 50px;
}
.slider.round:before {
	border-radius: 50%;
}
.switch input:checked:disabled + .slider {
	background-color: var(--yellow-color);
}

.camp {
	font-family: 'Inter', Inter;
}

/*mides automatiques de columnes formularis 
	https://css-tricks.com/snippets/css/complete-guide-grid/
*/
.ktf-form, *[class*="gridTemplateColumns_"] {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	row-gap: 0px;
	column-gap: 24px;
}
.KSS_Dialog > .ktf-form {
	overflow: hidden;
	margin-bottom: 1em;
	position:relative;
}

.gridTemplateColumns_12_1fr{
	grid-template-columns: repeat(12, 1fr)
}
.gridTemplateColumns_11_1fr {
	grid-template-columns: repeat(11, 1fr)
}
.gridTemplateColumns_10_1fr {
	grid-template-columns: repeat(10, 1fr)
}

.gridTemplateColumns_9_1fr {
	grid-template-columns: repeat(9, 1fr)
}

.gridTemplateColumns_8_1fr {
	grid-template-columns: repeat(8, 1fr)
}

.gridTemplateColumns_7_1fr {
	grid-template-columns: repeat(7, 1fr)
}

.gridTemplateColumns_6_1fr {
	grid-template-columns: repeat(6, 1fr)
}

.gridTemplateColumns_5_1fr {
	grid-template-columns: repeat(5, 1fr)
}

.gridTemplateColumns_4_1fr {
	grid-template-columns: repeat(4, 1fr)
}

.gridTemplateColumns_3_1fr {
	grid-template-columns: repeat(3, 1fr)
}

.gridTemplateColumns_2_1fr {
	grid-template-columns: repeat(2, 1fr)
}

.gridTemplateColumns_1_1fr {
	grid-template-columns: repeat(1, 1fr)
}

.no-grid {
	grid-template-columns: auto !important;
}

.page2 > .ktf-form {
	display: block;
}

.form_page2_tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.dialog2columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.dialog2columns .multicolums_page2_tabs {
	position: sticky;
	padding: 15px;
	/*width: max-content;*/
}

.bultos_grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	margin: 12px 0 12px 0;
	border: 1px solid var(--grey-tertiary-color);
	border-radius: 6px;
}

.bultos_grid > div {
	padding: 0 12px 12px 12px !important;
}

.form_page2_1col {
	grid-column: auto / span 12;
}

.form_page2_tabs .multicolums_page2_tabs {
	position: sticky;
	padding: 15px;
	/*width: max-content;*/
}

.multicolums_page2_tabs::after {
	content: '';
	position: absolute;
	background-color: #333;
	z-index: 1;
	width: 1px;
	height: 100%;
	left: -1px;
	top: 0;
	background-color: var(--grey-light-color);
	overflow: hidden;
}

.textblk-block:not([class*="gridTemplateColumns_"]) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	column-gap: 24px;
}

div.input.checkbox label {
	margin: 5px;
	font-size: 14px;
}

.input_no_label .contentlabel {
	height: 20px;
}

.overflow_title {
	display: table !important;
	overflow: unset !important;
}

.splitcolumns2 div.input {
	float: left;
	width: calc(50% - 12px);
}
.splitcolumns2 div.input:nth-child(odd) {
	margin-right: 24px;
}
.splitcolumns2 div.input:first-child {
	margin-right:24px;
}

.splitcolumns_service {
	float: left;
	width: calc(50% - 12px);
}
.splitcolumns_service:first-child {
	margin-right: 24px;
}
.rowsplit2 {
	display: flex;
	flex-direction: row;
	gap: 24px;
	flex-wrap: wrap;
}

.rowsplit2 div.input {
	flex: 1;
	min-width: 150px; /* ajusta este valor según necesites */
}
.splitcolumns3 div.input {
	float: left;
	width: 35%;
}
.splitcolumns3 div.input:first-child {
	width: 20%;
	margin-right: 5%;
}
.splitcolumns3 div.input:last-child {
	margin-left: 5%;
}

/*propietat per ocupar columnes*/
.columnsScreen_1 {
	grid-column: auto / span 1;
}
.columnsScreen_2 {
	grid-column: auto / span 2;
}
.columnsScreen_3 {
	grid-column: auto / span 3;
}
.columnsScreen_4 {
	grid-column: auto / span 4;
}
.columnsScreen_5 {
	grid-column: auto / span 5;
}
.columnsScreen_6 {
	grid-column: auto / span 6;
}
.columnsScreen_7 {
	grid-column: auto / span 7;
}
.columnsScreen_8 {
	grid-column: auto / span 8;
}
.columnsScreen_9 {
	grid-column: auto / span 9;
}
.columnsScreen_10 {
	grid-column: auto / span 10;
}
.columnsScreen_11 {
	grid-column: auto / span 11;
}
.columnsScreen_12 {
	grid-column: auto / span 12;
}

.grid_page2_2row {
	grid-column: 1/4;
}
.double_column {
	grid-column: span 2;
}

div.SearchContaisner div.contentlabel {
	font-size: 14px;
}

div.contentinput input[disabled], div.contentinput select[disabled], div.contentinput textarea[disabled] {
	background: none repeat scroll 0 0 var(--grey-light-color);
	border: none;
}

div.contentinput select {
	border-radius: 6px;
	font-weight: normal;
	padding: 0 5px;
	height: 30px;
}

div.input {
	float: none;
	display: inline-block;
	vertical-align: inherit;
}

div.input[class*="columnsScreen"] {
	display: block;
	padding: 0px;
}

div.input div.contentinput {
	float: none;
	flex-grow: 1;
}

div.contentinput input {
	background: none repeat scroll 0 0 hsl(0, 0%, 100%);
	border: 1px solid var(--grey-tertiary-color);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: hsl(0, 0%, 0%);
	float: left;
	font-size: 14px;
	height: 30px;
	max-width: 100%;
	min-width: 100%;
	padding: 0 10px !important;
	height: 30px;
}

div.input div.contentinput > div.search, div.input div.contentinput > div.inputscan {
	background-image: url("/CSS/images/icon-buscar.png");
	float: left;
	height: 30px;
	margin-left: -40px;
	margin-top: -4px;
	width: 30px;
	cursor: pointer;
}

.div.contentlabel {
	font-size: 12px;
}

.slider.round {
	border-radius: 50px;
}

.slider.round:before {
	border-radius: 50%;
}
.kSimpleMenu.item.list.hamburger-obert:hover {
	background-color: var(--yellow-light-color);
}
.kSimpleMenu.item.list.hamburger-tancat:hover{
	background-color: var(--yellow-tertiary-color);
}
.switch input:checked:disabled + .slider {
	background-color: var(--yellow-color);
}

.camp {
	font-family: 'Inter', Inter;
}

.KSS_Dialog > div > div.input {
	margin-bottom: 10px;
}

.fitScanFields {
	grid-column: auto / span 2;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 24px;
}

.fitScanFields div:first-child {
	grid-column: auto / span 1;
}

.fitScanFields div:nth-child(2) {
	grid-column: auto / span 2;
}

.threeColumns {
	display: grid;
	grid-template-columns: repeat(6, 2fr);
	column-gap: 24px;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	/*background-color: red;*/
	width:100%;
}
.ui-menu .ui-menu-item:not([role="presentation"]) a:hover {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	/*background-color: red;*/
	width: 100%;
}

.splitcolumns6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}

div.contentinput input.textBaja {
	font-weight: bold;
	color: red;
}
div.i-h.input.boldInput div.i-l.contentlabel label,
div.i-h.input.boldInput div.contentinput > *.camp[kname]{
	font-weight:bold;
	font-size: 1.1em;
}
button.showHideExtraContent.ui-state-default.lupaAmpliar, button.showHideExtraContent.ui-state-default.lupaReducir{
	height:32px;
}
button.showHideExtraContent.ui-state-default.lupaAmpliar {
	background: url("../../images/lupaAmpliar.svg") no-repeat scroll center center;
}
button.showHideExtraContent.ui-state-default.lupaReducir {
	background: url("../../images/lupaReducir.svg") no-repeat scroll center center;
}