.field-text-readonly { display:block; overflow:hidden; }

/* FILE FIELD */
.field-file-wrap { position:relative; max-width:500px; }
.field-file { margin:0 0 5px; }
.field-file-edit { margin:0 0 5px; cursor:pointer; }
/* Placeholder */
.field-file-placeholder { display:none; }
.field-file-readonly .field-file-placeholder { opacity:0.4; }
.field-file-empty .field-file-placeholder { display:block; }
.field-file-empty .field-file-preview { display:none; }
/*.field-file-empty .field-file:before { display:block; padding:10px; text-align:center; font-size:26px; color:#ddd; content:'\f15b'; font-family:'fontawesome'; }*/
/*.field-file-empty:hover .field-file:before { color:#bbb; }*/
/* Clear Button */
.field-file-wrap .field-file-clear { display:none; position:absolute; top:50%; right:0; background:#f66; border-radius:30px; padding:0; margin:-12px 0 0; height:24px; line-height:24px; width:24px; text-align:center; font-size:12px; color:#fff; }
.field-file-wrap .field-file-clear:before { content:'\f00d'; font-family:'fontawesome'; }
.field-file-wrap:hover .field-file-clear { display:block; }
.field-file-wrap.field-file-empty .field-file-clear { display:none; }


/* IMAGE FIELD */
.field-image-wrap { position:relative; max-width:500px; }
.field-image { border:2px dashed #ddd; background:#f9f9f9; border-radius:3px; padding:2px; margin:0 0 5px; min-height:50px; cursor:pointer; }
.field-image-empty .field-image:before { display:block; padding:10px; text-align:center; font-size:26px; color:#ddd; content:'\f03e'; font-family:'fontawesome'; }
.field-image-empty:hover .field-image:before { color:#bbb; }
.field-image-wrap .field-image-clear { display:none; position:absolute; top:-3px; right:-3px; background:#f66; border-radius:30px; padding:0; margin:0; height:24px; line-height:24px; width:24px; text-align:center; font-size:12px; color:#fff; }
.field-image-wrap .field-image-clear:before { content:'\f00d'; font-family:'fontawesome'; }
.field-image-wrap:hover .field-image-clear { display:block; }
.field-image-wrap.field-image-empty .field-image-clear { display:none; }
.field-image img { display:block; margin:0 auto; border-radius:3px; }


/* MEDIA LIST FIELD */
.field-medialist-wrap { position:relative; max-width:500px; }
.field-medialist { }
.field-medialist-items { margin:0 0 10px; border:1px solid #ddd; border-radius:3px; }
.field-medialist-item { margin:0; position:relative; padding:15px 45px 15px 15px; border-bottom:1px solid #ddd; }
.field-medialist-item:last-child { border-bottom:none; }
.field-medialist-item-delete { position:absolute; top:50%; right:10px; margin:-15px 0 0; width:30px; height:30px; line-height:30px; text-align:center; color:#f66; font-size:16px; cursor:pointer; }
.field-medialist-item-delete:before { content:'\f00d'; font-family:'fontawesome'; }

/* ICONLIST */
.field-iconlist { position:relative; max-width:500px; }
.field-iconlist-preview { border:2px solid #eee; width:32px; height:32px; line-height:32px; text-align:center; font-size:18px; border-radius:3px; text-align:center; cursor:pointer; }
.field-iconlist .field-iconlist-search { display:block; outline:none; padding:10px 10px; border:none; border-radius:3px; margin:1px; box-sizing:border-box; width:calc(100% - 2px); }
.field-iconlist .field-iconlist-search:focus { box-shadow:none; }
.field-iconlist .field-iconlist-body { display:none; position:absolute; top:100%; margin:-2px 0 0; padding:1px; left:0; width:400px; background:#eee; z-index:300; border-radius:3px; box-shadow:0 4px 4px 0 rgba(20,20,20,0.3);  }
.field-iconlist-open .field-iconlist-body { display:block; }
.field-iconlist .field-iconlist-list { height:300px; overflow-y:auto; }
.field-iconlist .field-iconlist-icon { float:left; margin:1px; border-radius:3px; width:38px; height:38px; line-height:38px; text-align:center; font-size:18px; background:#fff; color:#555; cursor:pointer; }
.field-iconlist .field-iconlist-icon:hover { color:#888; }
.field-iconlist .field-iconlist-icon-selected,
.field-iconlist .field-iconlist-icon-selected:hover { background:#f90; color:#fff; }


/* GALLERY FIELDS */
.field-gallery { margin:4px 0 0; overflow:hidden; }
.field-gallery .field-gallery-image { display:block; overflow:hidden; position:relative; float:left; padding:0; margin:0 8px 8px 0; width:82px; height:82px; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#ddd; border-radius:4px; cursor:move; }
.field-gallery .field-gallery-delete { display:none; position:absolute; right:0; top:0; padding:22px 0 0; width:22px; height:0px; margin:0; border-radius:0 4px 0 10px; color:#fff; border:4px solid #eee; border-width:0 0 4px 4px; background:#F55; font-weight:bold; overflow:hidden; cursor:pointer; }
.field-gallery .field-gallery-image:hover .field-gallery-delete { display:block; }
.field-gallery .field-gallery-image .field-gallery-delete:hover { color:#fff; text-decoration:none; }
.field-gallery .field-gallery-delete:before { position:absolute; content:'x'; top:0; left:0; width:100%; text-align:center; line-height:19px; }
.field-gallery .field-gallery-add { display:block; float:left; width:78px; height:78px; line-height:77px; margin:0 0 8px 0; border-radius:4px; color:#ddd; text-align:center; font-size:48px; border:2px dashed #eee; cursor:pointer; }
.field-gallery .field-gallery-add:hover { color:#aaa; border:2px dashed #bbb; }


/* LINK FIELD */
.field-link-custom { display:none; }
.field-link .field-link-clear { color:#f66; }
.field-link-is-custom .field-link-page { display:none; }
.field-link-is-custom .field-link-custom { display:block; }


/* Date Picker */
.date-picker-wrap { position:relative; display: inline-block; }
input.date-picker {  }
.date-picker-clear { position:absolute; background:#fff; right:-10px; top:-10px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px; }
.date-picker-clear:before { content:'\f057'; font-family:'fontawesome'; }


/* COLLECTIONS */

.field-collection { position:relative; margin:0 0 30px; }
.field-collection-meta { margin:0 0 0 35px; }
.field-collection-template { display:none; }
.field-collection-row-placeholder { padding:20px 0; }
.field-collection-row { position:relative; padding:0 0 5px; }
.field-collection-row:after { clear:both; width:100%; height:0; display:block; content:' '; }
.field-collection-row-reorder { position:absolute; display:block; font-size:20px; left:0; top:0px; margin:0; color:#eee; width:25px; height:30px; line-height:30px; text-align:left; cursor:move; }
.field-collection-row-reorder:before { content:'\f0c9'; font-family:'fontawesome'; }
.field-collection-row:hover .field-collection-row-reorder { color:#ccc; }
.field-collection-row-delete { float:right; margin:5px 0 0; width:20px; height:20px; line-height:19px; border-radius:30px; text-align:center; background:#eee; color:#fff; font-size:12px; cursor:pointer; }
.field-collection-row:hover .field-collection-row-delete { background:#f66; }
.field-collection-row-delete:before { content:'\f00d'; font-family:'fontawesome'; }
.field-collection-row-body { display:flex; display:block; flex-wrap:wrap; flex-direction:row; margin:0 35px; }

.field-collection-cell { float:none; flex-grow:1; box-sizing:border-box; padding:0 20px 10px 0; }
.field-collection-cell-left { float:left; }
.field-collection-cell-right { float:right; }
.field-collection-cell-last,
.field-collection-cell:last-child { padding-right:0; }
.field-collection-cell { }


/* Color fields */
.field-color-wrap { position:relative; width:220px; }
.field-color { width:100%; box-sizing:border-box; }
.field-color-preview { position:absolute; top:3px; right:3px; bottom:3px; width:40px; background:#ddd; border-radius:2px; }

/* Webcolor fields */
.field-webcolor {}
.field-webcolor-wrap { position:relative; width:220px; max-width:100%; background:#fff; border-radius:5px; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); }
.field-webcolor-heading { display:flex; padding:10px; cursor:pointer; }
.field-webcolor-mask { width:40px; height:30px; border-radius:3px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); overflow:hidden; }
.field-webcolor-mask-color { width:40px; height:30px; }
.field-webcolor-name { line-height:30px; overflow:hidden; letter-spacing:0; flex-grow:1; white-space:nowrap; font-size:0.9em; padding:0 5px 0 10px; height:30px; }
/* Body popup */
.field-webcolor-body { display:none; overflow:hidden; padding:0px;  z-index:1; }
.field-webcolor-body .sp-container { border:none; padding:0; box-shadow:none; }
.field-webcolor-picker { float:left; }
.field-webcolor-presets { position:relative; padding:0 10px; margin:10px 0; overflow-y:auto; max-height:156px; }
/*.field-webcolor-presets:before { display:block; position:absolute; content:' '; width:100%; height:20px; bottom:0; left:0; background:linear-gradient(to top, #fff, rgba(0,0,0,0)); z-index:99; pointer-events:none; }*/
.field-webcolor-preset { color:#fff; font-size:12px; border-radius:3px; margin:0 0 4px; line-height:1; padding:8px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1); box-shadow:none; }
.field-webcolor-preset:last-child { margin:0; }
/* Open */
.field-webcolor-open .field-webcolor-body { display:block; }


/* Typography fields */
.field-typography { padding:10px 10px 5px; border:none; background:#fff; border-radius:5px; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); }
.field-typography-preview { line-height:1em; padding:5px 0; margin:0 0 5px; text-align:left; cursor:pointer; transition:0.1s all; white-space:nowrap; overflow:hidden; text-shadow:0 1px 4px rgba(0,0,0,0.1); }
.field-typography-dark { text-shadow:0 0 3px rgba(0,0,0,0.3); }
.field-typography-body { display:none; border-top:1px solid #ddd; padding-top:20px; margin-top:10px; }
.field-typography-open .field-typography-body { display:block; }

/* background fields */
.field-background { padding:10px 10px 5px; border:1px solid #ddd; background:#f9f9f9; border-radius:2px; font-size:16px; }
.ield-background-image { margin:0 0 5px; }
.ield-background-position { float:left; margin:0 0 5px; padding-right:10px; width:50%; box-sizing:border-box; }
.ield-background-repeat { float:left; margin:0 0 5px; padding-right:10px; width:50%; box-sizing:border-box; }
.ield-background-attachment { float:left; margin:0 0 5px; width:50%; box-sizing:border-box; }
.ield-background-size { float:left; margin:0 0 5px; width:50%; box-sizing:border-box; }
.ield-background-color { float:left; margin:0 10px 0 0; width:160px; }

/* background fields */
.field-composite-background { }
.field-composite-background-layers:after { display:block; clear:both; width:100%; content:' '; height:0; }
.field-composite-background-layer { background:#fff; border:2px solid #ddd; margin:0 0 5px; border-radius:3px; font-size:16px; }
.field-composite-background-layer-title { line-height:1; }
.field-composite-background-layer-subtitle { font-weight:bold; }
.field-composite-background-layer-preview { display:inline-block; margin-right:5px; width:40px; height:30px; border-radius:3px; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#eee; box-shadow:0 0 3px 0 rgba(0,0,0,0.2); }
.field-composite-background-layer-heading { padding:15px 50px; position:relative; cursor:pointer; }
.field-composite-background-layer-body { padding:0 15px; position:relative; display:none; border-top:1px solid #eee; }
.field-composite-background-layer-open .field-composite-background-layer-body { display:block; }
.field-composite-background-layer:after { clear:both; width:100%; height:0; display:block; content:' '; }
.field-composite-background-layer-reorder { position:absolute; display:block; font-size:20px; left:0; top:50%; color:#eee; width:50px; height:50px; line-height:50px; text-align:center; margin:-25px 0 0; cursor:move; }
.field-composite-background-layer-reorder:before { content:'\f0c9'; font-family:'fontawesome'; }
.field-composite-background-layer:hover .field-composite-background-layer-reorder { color:#ccc; }
.field-composite-background-layer-delete { position:absolute; margin:-10px 0 0; width:20px; height:20px; right:20px; top:50%; line-height:19px; border-radius:30px; text-align:center; background:#eee; color:#fff; font-size:12px; cursor:pointer; }
.field-composite-background-layer:hover .field-composite-background-layer-delete { background:#f66; }
.field-composite-background-layer-delete:before { content:'\f00d'; font-family:'fontawesome'; }
.field-composite-background-template { display:none; }
.field-composite-background-layers-placeholder { font-style:italic; margin:0 0 10px; font-size:12px; }
/* Tabs */
.field-composite-background-layer-tab {}
.field-composite-background-layer-tab-heading { position:relative; padding:10px 0; font-size:16px; border-top:1px solid #eee; cursor:pointer; }
.field-composite-background-layer-tab-heading-subtitle {  }
.field-composite-background-layer-tab:first-child .field-composite-background-layer-tab-heading { border-top:none; }
.field-composite-background-layer-tab-heading:before { content:'\f054'; font-family:'fontawesome'; position:absolute; display:block; font-size:16px; right:0; top:50%; color:#ccc; width:20px; height:40px; line-height:40px; text-align:center; margin:-20px 0 0; cursor:move; }
.field-composite-background-layer-tab-body { padding:15px 0; display:none; }
.field-composite-background-layer-tab-open .field-composite-background-layer-tab-body { display:block; }
.field-composite-background-layer-tab-open .field-composite-background-layer-tab-heading:before { content:'\f078'; }



.field-signature-canvas { border:2px dashed #ddd; background:#fff; border-radius:3px; width:400px; height:200px; padding:2px; margin:0 0 5px; min-height:50px; cursor:crosshair; box-sizing:border-box; }


/* Tabbed lists */
.field-tablist { overflow:hidden; }
.field-tablist-option { float:left; position:relative; overflow:hidden; padding:10px 10px; line-height:1; border:2px solid #ddd; border-radius:3px; margin:0 5px 5px 0; cursor:pointer; transition:0.2s all; }
.field-tablist-option:last-child { margin:0 0 5px; }
.field-tablist-option-text { }
.field-tablist-option-selected { border-color:#2ac; }

/* Tabbed lists */
.field-imagelist { overflow:hidden; }
.field-imagelist-option { float:left; position:relative; max-width:400px; overflow:hidden; line-height:1; border-radius:3px; margin:0 15px 15px 0; cursor:pointer; transition:0.2s all; opacity:0.3; }
.field-imagelist-option img { display:block; }
.field-imagelist-option-text { }
.field-imagelist-option-selected { opacity:1; border-color:#6c2; }


/* Checkboxes */
/*.field-checkbox input { margin-right:5px; }
.field-checkbox { position:relative; padding-left:55px; }
.field-checkbox-field { cursor:pointer; }
.field-checkbox:before { display:block; position:absolute; top:50%; left:0; content:' '; background:#f5f5f5; color:#fff; width:40px; height:24px; margin-top:-12px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.field-checkbox-field:after { display:block; position:absolute; top:50%; left:2px; content:' '; background:#fff; width:20px; height:20px; margin-top:-10px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.2); transition:0.2s ease all; }
.field-checkbox.field-checkbox-active:before { background:#6e4; }
.field-checkbox.field-checkbox-active:after { left:18px; }
.field-checkbox input { position:absolute; left:-9999px; }
.field-checkbox-readonly.field-checkbox-active:before { box-shadow:inset 0 0 0 2px #fff; }*/
/* Version 2 - Square */
.field-checkbox input { margin-right:5px; }
.field-checkbox { position:relative; padding-left:36px; }
.field-checkbox-field { cursor:pointer; }
.field-checkbox:before { display:block; position:absolute; top:50%; left:0; background:#f5f5f5; font-family:'fontawesome'; content:' '; color:#fff; text-align:center; width:20px; height:20px; margin-top:-12px; line-height:20px; border-radius:5px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.field-checkbox.field-checkbox-active:before { background:#6e4; color:#fff; content:'\f00c'; }
.field-checkbox input { position:absolute; left:-9999px; }
.field-checkbox-readonly.field-checkbox:before { border:2px solid rgba(0,0,0,0); border-radius:20px; }
.field-checkbox-readonly:not(.field-checkbox-active) { color:#aaa; }


/* Checkcards */
.field-checkcard { position:relative; cursor:pointer; border:3px solid #ddd; border-radius:3px; padding:20px 15px 20px 70px; line-height:1.2; }
.field-checkcard-icon { font-family:'fontawesome'; color:#ddd; position:absolute; left:15px; top:50%; width:40px; height:40px; line-height:40px; margin:-20px 0 0; font-size:32px; text-align:center; }
.field-checkcard-title { font-size:1.2em; font-weight:bold; margin:0 0 5px; }
.field-checkcard-subtitle { opacity:0.7; }
.field-checkcard.field-checkbox-active { border-color:#7c3;  }
.field-checkcard.field-checkbox-active .field-checkcard-icon { color:#7c3; }
.field-checkcard input { position:absolute; left:-9999px; }


/* Radio Buttons */
.field-radio input { margin-right:5px; }
.field-radio { position:relative; padding-left:40px; margin:0 0 9px; }
.field-radio-field { cursor:pointer; }
.field-radio:before { display:block; position:absolute; top:50%; left:0; content:' '; background:#f5f5f5; color:#fff; width:24px; height:24px; margin-top:-12px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.field-radio.field-radio-active:after { display:block; position:absolute; top:50%; left:4px; content:' '; background:#6e4; width:16px; height:16px; margin-top:-8px; line-height:16px; border-radius:20px; border:1px solid rgba(0,0,0,0.2); transition:0.2s ease all; }
.field-radio input { position:absolute; left:-9999px; }
.field-radio-readonly.field-radio-active:before { box-shadow:inset 0 0 0 2px #fff; }

.field-radio-image-item { padding:0 0 30px; margin:0 0 30px; }
.field-radio-image-item:before { top:100%; left:50%; margin:-24px 0 0 -12px; }
.field-radio-image-item.field-radio-active:after { top:100%; left:50%; margin:-20px 0 0 -8px; }
.field-radio-image { display:block; width:100%; }
.field-radio-title { text-align:center; }


/* Date Picker */
input.field-date-picker { max-width:110px; }
/* Layout helpers */
.ui-helper-hidden { display:none; }
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content:""; display:table; border-collapse:collapse; }
.ui-helper-clearfix:after { clear:both; }
.ui-helper-clearfix { min-height:0; /* support:IE7 */}
.ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0); }
.ui-front { z-index:100; }
/* Interaction Cues */
.ui-state-disabled { cursor:default !important; }
/* states and images */
.ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; }
/* Overlays */
.ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; }
.ui-datepicker { width:200px; padding:10px; display:none; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:0 2px 3px 0 rgba(0,0,0,0.2); }
.ui-datepicker .ui-datepicker-header { position:relative; padding:0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position:absolute; top:0; width:20px; height:20px; background:none; line-height:20px; text-align:center; font-size:14px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev:before { content:'\f053'; font-family:'fontawesome'; }
.ui-datepicker .ui-datepicker-next:before { content:'\f054'; font-family:'fontawesome'; }
.ui-datepicker .ui-datepicker-prev { left:0; }
.ui-datepicker .ui-datepicker-next { right:0; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; }
.ui-datepicker .ui-datepicker-title { margin:0 20px 10px; line-height:1.4; text-align:center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width:49%; }
.ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; }
.ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0; }
.ui-datepicker td { border:0; width:20px; text-align:center; padding:1px; }
.ui-datepicker td:first-child { padding-left:0; }
.ui-datepicker td span,
.ui-datepicker td a { display:block; padding:2px; text-align:center; color:#999; text-decoration:none; }
.ui-datepicker .ui-datepicker-today a { background:#eee; color:#666; border-radius:3px; }
.ui-datepicker .ui-datepicker-current-day a { background:#6e4; color:#fff; border-radius:30px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; }
.ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/* SEARCH-TYPE FIELDS - Used for filtering with comparison operators */
.search-field { display: flex; margin:0 0 20px; }
.search-field-title { flex-grow:0; width:200px; padding:0 20px 0 0; }
.search-field-compare { flex-grow:0; flex-shrink:0; width:200px; padding:0 20px 0 0; }
.search-field-value { flex-grow:1; width:300px; }
.search-field-actions { flex-grow:0; flex-shrink:0; width:60px; text-align:right; }
.search-field-delete { cursor:pointer; }


/* REMOTEDROPLISTS */

.field-remotedroplist { position:relative;  }
/* Preview and clear button */
.field-remotedroplist-preview { border:1px solid #ddd; background:#fff; border-radius:3px; font-size:1em; width:100%; padding:0; box-sizing:border-box; cursor:pointer; }
.field-remotedroplist-preview:focus { border-color:#2ac; box-shadow:0 0 4px 1px #4cf; }
.field-remotedroplist-placeholder { opacity:0.6; padding:5px 10px; }
.field-remotedroplist-clear { position:absolute; background:#fff; right:-10px; top:-10px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px; }
.field-remotedroplist-clear:before { content:'\f057'; font-family:'fontawesome'; }
/* Dropdown List */
.field-remotedroplist-dropdown { position:absolute; top:100%; left:0; visibility:hidden; box-sizing: border-box; width:100%; min-width:300px; padding:0; background:#fff; border:1px solid #ddd; border-radius:3px; z-index:1001; }
.field-remotedroplist-loading .field-remotedroplist-dropdown:before { position:absolute; font-family:'fontawesome'; right:10px; top:11px; margin:0; text-align:center; width:20px; height:20px; font-size:16px; line-height:1; content:'\f141'; color:#ccc; }
.field-remotedroplist .field-remotedroplist-search { padding:10px; border:none; box-shadow:none; }
.field-remotedroplist-list { max-height:min(300px, 80vh); border-top:1px solid #ddd; overflow-y:auto; overflow-x:hidden; }
.field-remotedroplist-item { padding:5px 10px; cursor:pointer; }
.field-remotedroplist-message-noresults { padding:10px; opacity:0.6; line-height:1.2; }
.field-remotedroplist-list .field-remotedroplist-item:hover { background:#f5f6f8; transition:0.2s all; }
.field-remotedroplist-list .field-remotedroplist-item-selected { background:#f5f6f8; }
.field-remotedroplist .field-remotedroplist-input { clip:rect(0 0 0 0) !important; height:0 !important; position:absolute;  }
/* Opened list */
.field-remotedroplist-open .field-remotedroplist-background { position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; }
.field-remotedroplist-open .field-remotedroplist-dropdown { visibility:visible; }
@media screen and (max-width:600px){
    .field-remotedroplist-dropdown { position:fixed; top:auto; bottom:20px; left:20px; width:calc(100% - 40px); }
    .field-remotedroplist-open .field-remotedroplist-background { background:rgba(0,0,0,0.5); }
    .field-remotedroplist-list { }
}


/* CONTACT SELECTS */

.field-contactselect input { margin:0 0 10px; }