/*
	inputfields.css - all fields
	
	notes:
	- some fields are using UIkit classes
	- fieldeditor base styles are in data-table.css
	- fieldmini - used in the data-table
	
	base
	readonly
	disabled
	required
	error
	success
	warning
	loading
	fieldmini
	fieldeditor
	----
	[fieldtypes]
	----
	inputfield
	fileicon
	minifilter
	simpleform
	
	NOTES:
	- CUSTOM COLORS - scoped styles using var(--color:<value>, default);
		all the colors come from infolobby.js - infolobby.colors [array]
		in elements that have a color applied with the colorpicker. 
		- you can see the inline custom property in the html.
*/

/* base */
:root{
	--font-size: var(--font-size-base);
}

/* base */
input, select, textarea{border:1px solid var(--grey40);padding:5px 10px;outline:0;font-size:var(--font-size);color:var(--text-dark);}
input[type=text]{padding:5px 10px;outline:0;width:100%;accent-color:var(---color, );}
input[type='checkbox']{margin:0 3px 0 0;vertical-align:middle;padding:0;accent-color:var(--color, initial);}
input[type='radio']{accent-color:var(--color, initial);}
select{}
textarea{}

/* active */

/* focus */
:focus{}
:focus-visible{border-color: var(--ui-focus); outline:0;}

/* placeholder */

/* readonly */
input[readonly]{}
.itemform .field-readonly {border:1px solid var(--grey40);padding:1px 3px;min-height:34px;background:rgba(255,255,255,0.5);padding:10px 15px;
-webkit-user-select:text;-ms-user-select:text;user-select:text;overflow:auto;word-break: break-word;}
.itemform .field-readonly code{white-space:pre-wrap;}
.itemform .field-readonly :not(pre)>code{white-space:pre-wrap;}

/* disabled */
input:disabled,
select:disabled,
textarea:disabled{background:var(--grey10);color:var(--text-dark);}

/* required */
input.error,
select.error,
textarea.error{border:1px solid var(--danger-dark);}

/* error */
.fieldeditor.error{border:1px solid var(--danger-dark) !important;}

/* success */

/* warning */

/* loading */
@keyframes fadeIn { from { opacity: 0; } }
.animate-fader { animation: fadeIn 0.5s infinite alternate; opacity:0.5; position:relative;}

/* content editable */
[contenteditable="true"]{}
[contenteditable="true"]:focus{}

/* !label */
label{}

/* !text */
.uk-input{color:inherit;}
.fieldeditor input[type=text]{width:100%;min-width:150px;padding:5px 10px;height:35px;border:0;}

/* !textarea */
.uk-textarea{color:inherit;min-height:150px;}
.uk-textarea::placeholder{font-style:italic;}
.uk-textarea-input{color:inherit;min-height:calc(2rem + 2px);}
.fieldeditor textarea{width:100%;font-size:1rem;padding:5px 10px;height:75px;border:0;}

/* !rich-editor */
.rich-editor-wrapper{border:1px solid var(--grey40);background:var(--grey0);width:100%;min-height:400px;border-radius:7px;/*same as tinymce*/}
.rich-editor{opacity:0;/* hide the textarea with html code in it. */}
/* tinymce */
.rich-editor-wrapper .tox .tox-editor-container{overflow:initial !important;}
.rich-editor-wrapper .tox-tinymce{overflow:initial !important;position:static;}
.rich-editor-wrapper .tox-editor-header{position:sticky !important;top:76px !important;}/* magic number (stickytabs (26px) + stickyheader (50px) in recordDetail / itemview) */
/*.tox-toolbar__overflow{flex-direction:column;}*/
.tox-tinymce{border-width:1px !important;border-radius:5px !important;margin:-1px;}
.tox .tox-editor-container{background:var(--grey0);border-radius:5px;}
.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none !important;border-bottom:1px solid var(--grey40) !important;border-radius:5px 5px 0 0;}
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover{background:var(--ui-hover) !important;}
.tox .tox-tbtn:hover{background:var(--ui-hover) !important;}
/* fieldeditor */
.fieldeditor[type-textarea]{min-width:350px;}
.fieldeditor .rich-editor-wrapper .tox-editor-header{top:0 !important;}

/* !number */
.numberspinner{}
.numberspinner input::-webkit-outer-spin-button, /* webkit | edge | opera */
.numberspinner input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.numberspinner input[type=number]{-moz-appearance:textfield;} /* firefox */
.numberspinner{position:relative;top:0;}
.numberspinner input{padding-left:85px;}
.numberspinner .buttons{position:absolute;top:50%;left:1px;transform:translateY(-50%);}
.numberspinner button{-webkit-appearance:none;appearance:normal;border:1px solid transparent;border-right:1px solid var(--grey40);cursor:pointer;background:var(--grey0);padding:8px 10px;margin:0;}
.numberspinner button>i{opacity:0.3;font-size:12px;color:var(--text-dark);transition:all 0.5s ease;}
.numberspinner button:hover>i{opacity:0.8;}
.numberspinner button.btn-minus{}
.numberspinner button.btn-plus{}
/* fieldmini */
.fieldmini.type-number{text-align:right;}
/* fieldeditor */
.fieldeditor input[type=number]{width:100%;min-width:100px;border:0;height:35px;text-align:right !important;}
.fieldeditor .numberspinner{min-width:100px;}
/*no-buttons*/
.numberspinner.no-buttons{}
.numberspinner.no-buttons input{padding-left:10px;}
.numberspinner button.btn-minus{display:none;}
.numberspinner button.btn-plus{display:none;}

/* !date */
[x-cloak]{ display: none !important; }
.datepicker{position:relative;min-width:190px;}
.datepicker [os-picker]{position:absolute;left:0;height:40px;z-index:1;width:1px;}/* don't use visibility:hidden; (you wont be able to focus the field) */
.datepicker [display-value]{position:relative;z-index:5;padding-right:30px;}
.datepicker [trigger]{height:40px;position:absolute;top:0;right:5px;z-index:6;display:flex;align-items:center;cursor:pointer;padding:0 5px;color:var(--text-light);transition:color 0.3s ease;}
.datepicker [date-string]{font-size:0.95rem;padding:5px;display:flex;gap:5px;align-items:center;justify-content:left;}
.datepicker .icon{flex-grow:0;vertical-align:middle;margin:0;}
.datepicker .icon.success{color:var(--success-dark);}
.datepicker .icon.warn{color:var(--warning-dark);}
.datepicker [suggestions]{font-size:0.9rem;padding:5px;padding-right:50px;color:var(--text-light);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
.datepicker [suggestions] a{color:inherit;display:inline-block;text-decoration:none;padding:2px 5px;}
.datepicker [more-link]{position:absolute;top:5px;right:0;}
@media (hover: hover){
.datepicker [trigger]:hover{color:var(--text-dark);}
/*.datepicker [suggestions]:hover{display:block !important;}*/
.datepicker [suggestions] a:hover{text-decoration:underline;}
}
/* mobile */
.break-xxs .datepicker [os-picker],
.break-xs  .datepicker [os-picker]{height:38px;}
/* fieldeditor */
.fieldeditor .datepicker [os-picker]{height:34px;}
.fieldeditor .datepicker [trigger]{height:35px;}
/*.fieldeditor .datepicker [date-string]{display:none !important;}
.fieldeditor .datepicker [suggestions]{display:none !important;}*/
.fieldeditor .datepicker{max-width:200px;}

/* !select */
/* using select2 styles */
select{width:100%;background:var(--grey0);max-width:100%;}
.inputfield select[multiple]{max-height:35px;opacity:0;}
.inputfield a.addnew{color:var(--text-light);font-size:0.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:3px;margin-top:3px;}
.inputfield a.addnew>i.icon{color:var(--grey60);transition:all 0.3s ease;}
.inputfield a.addnew:hover{text-decoration:underline;}
.inputfield a.addnew:hover>i.icon{color:var(--text-light);}
.fieldeditor a.addnew{display:none;}/* hide-in-table-view */
.uk-select{color:inherit;min-width:150px;max-width:100%;border-radius:5px;max-height:35px;}
.uk-select:not([multiple]):not([size]){padding-right:30px;}
.fieldmini [display-as=pill]{font-size:0.9rem;background:rgba(0,0,0,0.03);color:inherit;border-color:transparent;
	border-radius:4px;margin:5px 2px 0 0;padding:2px 7px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.fieldmini [display-as=pill][style*=--color]{background:var(--color);color:var(--grey0);font-weight:500;}
.fieldmini [display-as=select]{position:relative;padding-left:10px;}
.fieldmini [display-as=select]:before{content:"";position:absolute;top:0;left:0;bottom:0;display:inline-block;margin-right:5px;width:3px;background:var(--color,transparent);}
.fieldeditor .uk-select:not([multiple]):not([size]){height:35px;max-width:100%;width:auto;}
.fieldeditor .uk-select,.fieldeditor .uk-select:focus{border:0;}

/* !select-box-check */
.checkboxes{column-count:4;column-gap:5px;column-width:200px;}
.checkboxes>.select-box-check{display:inline-block;width:100%;position:relative;border:1px dotted var(--grey40);padding:3px 10px;
	border-radius:3px;background:rgba(255,255,255,0.7);margin:0 0 3px 0;font-size:0.95rem;overflow:hidden;}
.checkboxes>.select-box-check:after{content:"";position:absolute;top:0;left:0;height:100%;width:2px;background:var(--color, none);}
.checkboxes>.select-box-check>input[type=checkbox]{position:absolute;top:7px;left:10px;margin:0;}
.checkboxes>.select-box-check>input[type=radio]{position:absolute;top:7px;left:10px;padding:0;margin:0;}
.checkboxes>.select-box-check>label{display:block;padding:2px 10px 2px 20px;position:relative;}
/* checkboxmask */
.checkboxes>.select-box-check>input{display:none !important;}
.checkboxes>.select-box-check>label:before{content:"";background:transparent;border:1px solid var(--color, rgba(0,0,0,0.4));height:1rem;width:1rem;display:inline-block;line-height:0;
	position:absolute;top:3px;left:-1px;border-radius:3px;transition:all 0.3s ease;}
.checkboxes>.select-box-check>label:after{display:inline-block;content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;font-size:0.75rem;color:#fff;
	position:absolute;top:4px;left:1.3px;transform:rotate(-10deg) scale(0);transform-origin:center;will-change:transform;opacity:0;transition:all 0.5s ease;}
.checkboxes>.select-box-check>input:checked + label:before{background:var(--color, var(--brand));border:1px solid transparent;}
.checkboxes>.select-box-check>input:checked + label:after{opacity:1;transform:rotate(-10deg) scale(1);}
/* end checkboxmask */
.fieldmini [display-as=check]{display:inline-block;white-space:nowrap;margin-right:5px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}
.fieldmini [display-as=check]:before{content:'\f00c';font-family:"Font Awesome 5 Free";font-weight:900;color:var(--color, var(--brand));margin-right:3px;font-size:10px;vertical-align:middle;position:relative;top:-1px;}
.fieldmini [display-as=radio]{/* nothing right now - displays as a checkbox */}
.fieldeditor .checkboxes{padding:5px;}
.fieldeditor .checkboxes>.select-box-check:last-child{margin-bottom:0;}

/* !select optionpicker (config field) */
.optionpicker{background:var(--grey0);border:1px solid var(--grey40);border-radius:3px;padding:10px;}
.optionpicker>input[data-options]{display:none;}
.optionpicker>.option-row{display:flex;align-items:center;background:var(--grey0);border-radius:3px;}
.optionpicker>.option-row:first-of-type [option-trigger-remove]{display:none;}
.optionpicker .drag-handle-row{padding:0 5px;cursor:move;opacity:0.5;}
.optionpicker input[option-title]{margin:5px;}
.optionpicker .colorpicker{flex-shrink:0;height:25px;width:25px;}
.optionpicker [option-trigger-remove]{padding:0 5px;opacity:0.5;transition:all 0.5s ease;cursor:pointer;}
.optionpicker [option-trigger-remove]:hover{opacity:1;}
.optionpicker .option-action{border-top:1px dotted var(--grey40);padding-top:5px;margin-top:5px;}
.optionpicker [option-trigger-add]{color:inherit;font-size:12px;text-decoration:none;}
.optionpicker [option-trigger-add]>i{}
.optionpicker .sortable-chosen [option-trigger-remove]{display:none;}
.optionpicker .sortable-chosen.sortable-ghost{position:relative;border-color:var(--info-dark);border-style:dotted;overflow:hidden;border-radius:5px;border-width:1px;}
.optionpicker .sortable-chosen.sortable-ghost:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--info-light);}


/* !switch toggle */ 
.switch{position:relative;display:inline-block;width:36px;height:18px;} 
.switch input{opacity:0;width:0;height:0;} 
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey70);-webkit-transition:.4s;transition:.4s;border-radius:200em;}
.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:1px;bottom:1px;background-color:var(--grey0);transition:.4s;border-radius:200em;}
.switch input:checked + .slider{background-color:var(--success-dark);}
.switch input:focus + .slider{}
.switch input:checked + .slider:before{transform:translateX(18px);}

/* !lookup (relationship) */
/* using select2 styles */
.fieldmini .counter{display:inline;font-size:0.9rem;opacity:0.5;margin-right:5px;}
.fieldmini.type-lookup>a[href]{color:inherit;text-decoration:none;border-bottom:1px dotted var(--brand);display:inline;margin-right:10px;}
.fieldmini.type-lookup>a[href]:hover{color:var(--brand);}

/* !user */
/* using select2 styles */

/* !calculation */
.uk-input{}
.calculation{position:relative;top:0;}
.calculation:after{content:'\f0e7';font-family:"Font Awesome 5 Free";font-weight:900;display:flex;align-items:center;height:100%;font-size:1rem;position:absolute;
	top:50%;right:0;transform:translateY(-50%);pointer-events:none;opacity:0.3;color:inherit;transition:all 0.5s ease;
	border-left:1px solid var(--grey40);padding:3px 10px;}
/*  input version */
.calculation>input[field-type=calc]{padding:5px 10px 5px 45px;}
input[field-type=calc][readonly]:focus{border-color:var(--grey40);}
/* div version */
div.input{height:40px;line-height:27px;max-width:100%;width:100%;padding:5px 10px;
	vertical-align:middle;display:inline-block;outline:0;
	background:var(--grey0);color:var(--text-dark);border:1px solid var(--grey40);
	transition:.2s ease-in-out;transition-property:color,background-color,border;
	overflow:hidden;text-overflow:ellipsis;}
.calculation>div.input{padding-top:8px;min-height:40px;height:auto;overflow:auto;line-height:1.5;}

/* !script (async) */
[field-type="async"].input{min-height:40px;height:auto;}

/* !map */
div.map { cursor: pointer; background: var(--grey0); border: 1px solid var(--grey40); border-radius: 5px; overflow: hidden; }
div.map img { max-width: 600px; height: auto; }

/* !fancytext phantom richtext */
.fancytext-wrapper{width:100% !important;max-width:100%;}
.fancytext-phantom{max-width:100%;width:100% !important;}
.fancytext{margin:0 !important;max-width:100%;width:100% !important;}
.fancytext-wrapper>textarea{width:100% !important;min-height:35px;caret-color:var(--text-dark);max-width:100%;padding:6px 8px 6px 10px !important;} 

/* !button */
[field-type="button"]{border:1px solid red;}
[field-type="button"].flowstarted{border:1px solid red;}
[field-type="button"].flowrunning{border:1px solid yellow;}
[field-type="button"].flowdone{border:1px solid green;}
.fieldmini>button.button{padding:0px 7px;font-size:0.9rem;line-height:25px;}

/* !file field */
/* attache-wrapper */
.attach-wrapper{margin-top:3px;padding:0;border:1px solid var(--grey40);background:var(--grey0);border-radius:5px;max-width:100%;position:relative;overflow:hidden;}
.attach-wrapper.dragover{cursor:copy;}
.attach-wrapper.uploading{}
.attach-wrapper .file-list{padding:0;overflow:hidden;}
.attach-wrapper .file-list .file{border-bottom:1px dotted var(--grey30);padding:10px 15px;transition:all 0.5s ease;border-radius:0;}
.attach-wrapper .file-list .file-deleter{display:inline-block;}
/* drop-cover */
.attach-wrapper.dragover .drop-cover{opacity:1;}
.attach-wrapper .drop-cover{border:2px dashed var(--brand);background:rgba(255,255,255,0.9);border-radius:5px;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s ease;pointer-events: none;}
.attach-wrapper .drop-cover>.inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--brand);font-size:1.5rem;}
.attach-wrapper .drop-cover i.icon{font-variation-settings:'FILL' 0,'wght' 250,'GRAD' 0,'opsz' 40;font-size:30px;}
/* attache-footer */
.attach-footer{margin:10px;border-radius:5px;border:2px dashed var(--grey40);padding:10px;display:block;text-align:center;transition:all 0.2s ease;position:relative;}
.attach-footer [trigger-file-browser]{position:absolute;top:10px;left:10px;color:inherit;}
.attach-footer [trigger-attach-file]{display:flex;align-items:center;gap:5px;}
.attach-footer [trigger-add-file]{display:flex;align-items:center;gap:5px;}
.attach-wrapper.dragover .attach-footer{border:2px dashed var(--brand);}
/* smaller size file-list */
.attach-wrapper.small .file-list .file{padding:5px 10px;}
/* file */
.file-list{display:flex;flex-direction:column;gap:0px;}
.file-list .file{display:flex;color:inherit;text-decoration:none;padding:2px 2px;border-radius:3px;white-space:normal;}
.file-list .file.uploading{cursor:default;}
.file-list .file .checkbox{padding:5px;}
.file-list .file .checkbox>input[type=checkbox]{pointer-events:none;}
.file-list .file-icon{flex-grow:0;flex-shrink:0;width:30px;height:30px;border-radius:5px;border:1px solid var(--grey10);background:rgba(0,0,0,0.03);background-size:cover;background-position:center center;position:relative;}
.file-list .file-icon[style]:before{display:none;}/* image preview thumbnail */
.file-list .file-icon:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.file-list .file-name{flex-grow:1;padding:6px 10px;}
.file-list .file-deleter{flex-grow:0;padding:6px 5px 0 0;opacity:0.3;display:none;}
/* empty readonly */
.attach-wrapper[readonly]{background:rgba(255,255,255,0.5);}
.attach-wrapper[readonly] .file-list:empty:before{content:'0 Files';display:block;padding:10px 10px;font-style:italic;color:var(--text-light);line-height:1;}
/* lined variation*/
.file-list.lined .file{border-bottom:1px dotted var(--grey30);padding:10px 15px;transition:all 0.5s ease;border-radius:0;}
/* fieldmini */
.fieldmini.type-file{white-space:nowrap;}
.fieldmini> .file-icon>span{display:none;}/* hide the filename */
/* fieldeditor */
.fieldeditor[type-file]{min-width:300px;}
@media (hover: hover){
.file-list .file:not(.uploading):hover{background:var(--ui-hover-highlight);}	
}

/* !image (file field) */
/* image */
.file-list .image{border-bottom:1px dotted var(--grey40);padding:10px;}
.file-list .image:last-child {margin-bottom:0;}
.file-list .image-wrapper{border-radius:5px;overflow:hidden;}
.file-list img.image-inset{max-width:100%;width:fit-content;display:block;}
.file-list .image-name{padding:5px 0;flex-grow:1;color:var(--text-light);padding-right:30px;position:relative;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
.file-list .image-deleter{padding:5px 0;color:var(--text-light);cursor:pointer;position:absolute;top:50%;right:5px;transform:translateY(-50%);}
/* fieldmini */
.fieldmini.type-image{display:flex;gap:2px;align-items:center;padding:2px 2px 2px 5px;}
.fieldmini.type-image>.thumbnail{border:1px solid var(--grey10);border-radius:3px;height:38px;width:38px;min-width:30px;overflow:hidden;position:relative;}
.fieldmini.type-image>.thumbnail>img{object-fit:cover;min-width:38px;min-height:38px;}
.uk-tooltip.tooltip-image-preview{padding:0;background:var(--grey0);border-radius:10px;overflow:hidden;border:0;box-shadow:var(--ui-box-shadow);}
/* fieldeditor */
.fieldeditor[type-image]{min-width:300px;}
.fieldeditor .image{display:flex;flex-direction:row;gap:5px;align-items:center;}
.fieldeditor .image-wrapper{width:40px;flex-shrink:0;}


/* !file-icon */
/* default */
.file-icon:before{content:'\f15b';font-family:"Font Awesome 5 Free";font-weight:900;font-size:1rem;margin-right:5px;}
/* code */
.file-icon.js:before,
.file-icon.css:before,
.file-icon.html:before{content:'\f1c9';color:var(--color10);}
/* PDF */
.file-icon.pdf:before{content:'\f1c1';color:var(--color17);}
/* documents */
.file-icon.doc:before,
.file-icon.docx:before{content:'\f1c2';color:var(--color6);}
/* spreadsheets */
.file-icon.xlsx:before,
.file-icon.xls:before{content:'\f1c3';color:var(--color2);}
.file-icon.cvs:before{content:'\f6dd';color:var(--color2);}
/* presentations */
.file-icon.ppt:before,
.file-icon.pptx:before{content:'\f1c4';color:var(--color13);}
/* images */
.file-icon.jpg:before,
.file-icon.png:before,
.file-icon.gif:before,
.file-icon.webp:before,
.file-icon.jpeg:before,
.file-icon.tiff:before,
.file-icon.ico:before{content:'\f1c5';color:var(--color19);}
/* zip archive */
.file-icon.zip:before,
.file-icon.rar:before{content:'\f1c6';color:var(--color18);}

/* !stats & meter (statusbar) */
.meter{display:block;width:100%;height:8px;background:var(--grey40);border-radius:200em;overflow:hidden;}
.meter>.meter-bar{display:block;height:8px;width:0;background:var(--success-dark);border-radius:200em;transition:all 0.5s ease;}
.meter.cool>.meter-bar{}								/* green - default */
.meter.warm>.meter-bar{background:var(--warning-dark)}	/* yellow */
.meter.hot>.meter-bar{background:var(--danger-dark)}	/* red */
/* simple progress bar - used in chunked file uploads */
.simple-progress-bar{position:relative;background:var(--grey10);height:5px;border-radius:10px;overflow:hidden;}
.simple-progress-bar .simple-progress-inner{position:absolute;top:0;left:0;bottom:0;background:var(--brand);transition:all 0.5s ease;border-radius:10px;min-width:5px;}

/* !select 2 overrides */
/* single */
.select2-container{width: 100% !important;min-width:150px;}
.select2-container .select2-selection--single{border:1px solid var(--grey40);height:35px;}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:33px;padding-right:25px;}
.select2-container .select2-selection--single .select2-selection__arrow b{margin-top:2px;margin-left:-7px;}
.select2-container .select2-search--dropdown .select2-search__field{border:1px solid var(--grey40);}
.select2-container .select2-selection--single{overflow:hidden;position:relative;}
/* multiple */
.select2-container .select2-selection--multiple{min-height:35px;min-width:150px;padding-top:2px;padding-left:2px;}
.select2-container.select2-container--focus .select2-selection--multiple{border:1px solid var(--grey40);}
.select2-container .select2-selection--multiple{border:1px solid var(--grey40);border-radius:0;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:15px;}
.select2-container .select2-selection--multiple .select2-selection__choice{font-weight:500;background:var(--grey20);border-color:transparent;font-size:0.9rem;border:1px solid transparent;overflow:hidden;position:relative;}
.select2-container .select2-selection--multiple .select2-selection__choice__remove{background:transparent;border:0;top:50%;transform:translateY(-8px);z-index:3;font-size:0;height:100%;-webkit-appearance:none;}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover{background:transparent;color:var(--text-dark);border:0;}
.select2-container .select2-selection--multiple .select2-selection__choice__remove>span{font-size:16px;font-family:Arial;}
.select2-container--open{/*width:100% !important;*/z-index:9999;}/* fix select2 in modals */
/* fix some select2 fugglies */
.select2-hidden-accessible { position: fixed !important; }
.select2-container--open .select2-dropdown{left:-1px;}
.select2-dropdown{border:1px solid var(--grey40);box-shadow:var(--ui-box-shadow);border-radius:3px;}
.select2-dropdown--below{margin-top:-2px;}
.select2-dropdown--above{box-shadow:0 -5px 12px rgba(0,0,0,.04);}
/* selected/hover */
.select2-container .select2-results__option--selected{background:var(--grey0);}
.select2-container .select2-results__option--highlighted:hover{}
.select2-container .select2-results__option--highlighted.select2-results__option--selectable{}
/* custom for colors */
.select2-results__option{padding:6px 10px;position:relative;}
.select2-results__option:after{content:" .";opacity:0;}
.select2-results__option:empty{height:20px;}
.select-dropdown-color{display: block;margin-top:-6px;position:relative;margin-left:-10px;width:calc(100% + 20px);margin-bottom:-26px;padding:6px 10px;}/* custom span */
.select-dropdown-color:before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background:var(--color, transparent);}
.select2-results__option--highlighted .select-dropdown-color,
.select-dropdown-color:hover{background:var(--color, transparent);font-weight:500;color:var(--grey0);}
.select-dropdown-color:after{content:" .";opacity:0;}
.selected-color:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color, transparent);}
/* custom color multiple pills */
.select2-container .select2-selection--multiple .select2-selection__choice[style*=--color]{background:var(--color);border:1px solid transparent;}
.select2-container .select2-selection--multiple .select2-selection__choice[style*=--color] .select2-selection__choice__remove{color:var(--grey0);opacity:0.5;}
.select2-container .select2-selection--multiple .select2-selection__choice[style*=--color] .select2-selection__choice__remove:hover{color:var(--grey0);opacity:1;}
.select2-container .select2-selection--multiple .select2-selection__choice[style*=--color] .select2-selection__choice__display{color:var(--grey0);font-weight:500;}
/* fieldeditor */
.fieldeditor .select2-container.select2-container--focus .select2-selection--multiple{border:0;}
.fieldeditor .select2-container .select2-selection--multiple{border:0;}
.fieldeditor .select2-container .select2-selection--single{border:0;border-radius:0;}
/* data-table filters */
[data-table] form.filters .select2-container .select2-selection--single{height:30px;}
[data-table] form.filters .select2-container .select2-selection--single .select2-selection__rendered{line-height:28px;}
[data-table] form.filters .select2-container .select2-selection--single .select2-selection__arrow b{margin-top:-2px;}

/* !mini filter */
input[type="search"].filtermini{background:rgba(0,0,0,0.01);border:1px solid var(--grey40);outline:none;
	border-radius:200em;padding:0 3px 0 15px;line-height:25px;width:80%;font-size:0.9rem;}
input[type="search"].filtermini:focus{border-color: var(--ui-focus);background:var(--grey0);}

/* !slider range */
.slider{min-width:100px;}
.slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;background:rgba(0,0,0,0.1);padding:0 !important;
	border-radius:20px;border:0;overflow:hidden;cursor:pointer;}
.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--grey0);width:12px;height:12px;
  box-shadow: -1005px 0 0 1000px var(--brand);border-radius:200em;border:2px solid var(--brand);}
.slider input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:var(--grey0);width:12px;height:12px;
  box-shadow: -1005px 0 0 1000px var(--brand);border-radius:200em;border:2px solid var(--brand);}


/* !inputfields */
.inputfield-wrapper{margin-bottom:10px;width:100%;-webkit-user-select:text;-ms-user-select:text;user-select:text;}
.inputfield-wrapper:last-child{margin-bottom:0;}
.inputfield{}
.inputfield-header{}
.inputfield-header>label{font-weight:bold;display:block;padding:5px 0;position:relative;}
.inputfield[required]>.inputfield-header>label:after{content:"*";display:inline-block;color:var(--danger-dark);}
/* help */
[helplink]{float:right;color:var(--text-light);text-decoration:none;display:flex;gap:2px;align-items:center;transition:all 0.3s ease;}
[helplink]:hover{text-decoration:underline;color:var(--text-dark);}
[helppreview]{max-width:400px !important;max-height:500px !important;padding:25px;} 
/* body */
.inputfield-body{}
.inputfield[field-id=item_id]{display:none;}/* hide the item_id field */
/* error */
.inputfield-error{border:1px dotted var(--danger-dark);background:var(--danger-light);border-radius:3px;padding:1px 10px 10px 10px;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;}
.inputfield-error>.inputfield-header>label:before{content:"error";background:var(--danger-dark);color:var(--grey0);font-weight:600;font-size:0.85rem;display:inline-block;
	border-radius:3px;padding:4px 7px;line-height:1;margin-right:7px;position:relative;top:-1px;margin-left:-16px;}
/* hidden */
.inputfield-hidden{border:2px dotted var(--grey40);border-radius:3px;padding:1px 10px 10px 10px;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;}
.inputfield-hidden>.inputfield-header>label{font-weight:500;color:var(--text-light);}
.inputfield-hidden>.inputfield-header>label:before{content:"\e8f5";font-family:'Material Symbols Outlined';font-size:20px;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 20;
	display:inline-block;vertical-align:middle;line-height:1rem;margin-right:5px;position:relative;top:-1px;}

/* !related */
.related-header{font-weight:bold;}
.related-group{padding:5px 10px;margin-bottom:10px;margin:5px 0 20px 0;padding:0;}
.related-group li{list-style-type:none;display:block;padding:0;margin:0 0 -1px 0;}
.related-group li a{color:inherit;text-decoration:none;border:1px dotted var(--grey40);border-left:0;border-right:0;padding:7px 10px;display:block;}
.related-group .related-item{ cursor: pointer; }
.related-group .related-item:hover{background:var(--grey20);}
@media (hover: hover){
.related-group li a:hover{background:var(--ui-hover);}	
}

/* !simpletable */
table.simpletable{border-collapse:collapse;table-layout:auto;margin:10px 0 10px 0;border-radius:5px;overflow:hidden;width:100%;}
table.simpletable.full{width:100%;}
table.simpletable>thead>tr{background:var(--grey80);}
table.simpletable th{color:var(--grey0);padding:7px 12px;font-weight:normal;text-align:left;font-weight:500;word-wrap:normal !important;}
table.simpletable tr>td:last-child{border-right:0;}
table.simpletable td{padding:7px 12px;word-wrap:normal;border-bottom:1px dotted var(--grey40);border-right:1px dotted var(--grey40);width:auto;}
table.simpletable td.stretch, table.simpletable th.stretch {width:99%;}
table.simpletable td.right{text-align:right;}
table.simpletable.selectable td{cursor:pointer;}
table.simpletable.selectable tbody tr:hover{background:var(--ui-hover);}

/* !iconpicker */
.il-iconpicker{position:relative;display:inline-block;vertical-align:middle;}
.il-iconpicker>.value{border:1px solid var(--grey40);padding:5px 10px;display:inline-block;border-radius:3px;background:var(--grey0);}
.il-iconpicker>.value>i{vertical-align:middle;display:inline-block;}
.il-iconpicker>.value>i.arrow{position:relative;top:-3px;padding-left:5px;color:var(--text-dark) !important;}
.il-iconpicker .list{position:absolute;top:100%;left:0;width:575px;max-height:60vh;background:var(--grey0);border-radius: 3px;
	box-shadow:var(--ui-box-shadow);overflow:auto;padding:0 20px 20px 20px;display:none;z-index:1001;}
.il-iconpicker .head{position:sticky;top:0;width:100%;background:var(--grey0);padding:20px 0 5px 0;z-index:100;}
.il-iconpicker .iconselect{width:100%;}
.il-iconpicker .iconfiltermini{border-radius:3px;}
.il-iconpicker .sections{width:100%;}
.il-iconpicker .section{border-bottom:1px dotted var(--grey40);padding:10px 0;}
.il-iconpicker .section:last-child{border-bottom:0;}
.il-iconpicker .section>span{display:block;font-size:0.9rem;opacity:0.5;padding:0;color:var(--text-dark);}
.il-iconpicker .section>i{cursor:pointer;display:inline-block;border:1px solid transparent;background:var(--grey20);border-radius:3px;padding:10px;font-size:20px;width:42px;margin:5px 10px 5px 0;}
.il-iconpicker .section>i[selected]{background:var(--brand);color:var(--grey0);border:1px solid transparent;}
.uk-tooltip.icon-tooltip{text-transform:capitalize;}

/* !colorpicker */
.colorpicker{background:var(--grey0);width:30px;height:30px;display:inline-block;border-radius:200em;vertical-align:middle;border:1px dashed var(--grey40);cursor:pointer;}
.colorpicker[value]{border:1px solid var(--grey40);}
.colorpicker[value=""]{border:1px dashed var(--grey40);}
.colorpicker>input{display:none;}
.colorPickWrapper .colorPickButton:first-of-type{border:1px dashed var(--grey40);}

/* !tabs */
.tab-group .tab-head{border-bottom:1px solid var(--grey40);font-size:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;}
.tab-group .tab-head::-webkit-scrollbar{width:0;height:0;}
.tab-group .tab-tab{display:inline-block;background:var(--grey10);border:1px solid var(--grey40);padding:3px 10px;margin:0;font-size:1rem;border-bottom:0;
	cursor:pointer;margin-right:-1px;max-width:170px;overflow:hidden;text-overflow:ellipsis;position:relative;}
.tab-group .tab-tab.active{font-weight:600;background:var(--grey0);cursor: default;}
.tab-group .tab-body{display:none;min-height:100px;padding:20px;}
.tab-group .tab-body.active{display:block;}
/* new button - only show when tab is "active" */
.tab-group .tab-tab.active.has-new{padding-right:30px;}
.tab-group .tab-tab .tab-new{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:none;}
.tab-group .tab-tab.active .tab-new{display:inline-block;}

/* !token picker */
.token-picker{caret-color:var(--grey110);}

/* blur fields content - like password */
.pfblur:not(:focus) {
color: transparent !important;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
text-transform: uppercase;
text-decoration: underline overline line-through;
/*-webkit-text-security: disc;*/
font-family: cursive;
cursor: pointer;
}

/* !emojiPicker */
#emojipicker{background:var(--grey0);z-index:3000;position:absolute;top:0;visibility:hidden;}
#emojipicker[data-popper-placement]{display:block;visibility:visible;}
#emojipicker>.popper-arrow,
#emojipicker>.popper-arrow::before{position:absolute;width:8px;height:8px;background:inherit;box-shadow:0px 0px 2px rgba(0,0,0,0.1);}
#emojipicker>.popper-arrow {visibility:hidden;}
#emojipicker>.popper-arrow::before{visibility:visible;content:'';transform:rotate(45deg);}
#emojipicker[data-popper-placement^='top'] 		> .popper-arrow { bottom: -4px;}
#emojipicker[data-popper-placement^='bottom'] 	> .popper-arrow { top: -4px;}
#emojipicker[data-popper-placement^='left']		> .popper-arrow { right: -4px;}
#emojipicker[data-popper-placement^='right'] 	> .popper-arrow {left: -4px;}