244244}
245245.vp-inner-popup-apply-column {
246246width : 153px ;
247+ }
248+
249+ /* UDF Editor - CodeMirror */
250+ .vp-fr-subset-box {
251+ width : 300px ;
252+ }
253+ .vp-fr-subset-box .CodeMirror {
254+ display : inline-block;
255+ width : calc (100% - 55px );
256+ height : 30px ;
257+ border : 1px solidvar (--gray-color );
258+ border-radius : 3px ;
259+ background-image : repeating-linear-gradient ( to right, var (--grid-line-color )0 , var (--grid-line-color )0.25px , transparent1px , transparent5px ), repeating-linear-gradient ( to bottom, var (--grid-line-color )0 , var (--grid-line-color )0.25px , transparent1px , transparent5px );
260+ overflow : hidden;
261+ }
262+ .vp-fr-subset-box .CodeMirror-empty {outline : none; }
263+ .vp-fr-subset-box .CodeMirror-empty .CodeMirror-focused {outline : none; }
264+ .vp-fr-subset-box .CodeMirror pre .CodeMirror-placeholder {color : # 999 ; }
265+
266+ /* Hide cursor in read only fields */
267+ .vp-fr-subset-box .CodeMirror-readonly .CodeMirror-cursor {
268+ display : none!important
269+ }
270+ /* .CodeMirror-scroll { min-height: 80px; max-height: 80px;} */
271+ .vp-fr-subset-box .CodeMirror-code .cm-variable {
272+ background-color : rgba (47 , 133 , 90 , 0.2 );
273+ }
274+ .vp-fr-subset-box .CodeMirror-code .cm-property {
275+ background-color : rgba (246 , 173 , 85 , 0.2 );
276+ }
277+
278+ .vp-fr-subset-box .vp-ds-button {
279+ width : 50px ;
280+ vertical-align : top;
247281}