:root {--fp-border-radius:0.2rem;
--fp-scada-height:0px;
--fp-scada-width:0px;
--bs-body-bg:#A6CAF0;
--bs-body-bg-rgb:166,202,240;
--bs-light:#A6CAF0;
--bs-light-rgb:166,202,240;
--fp-main:#A6CAF0;
--fp-main-light:#A6CAF0;
--fp-main-dark:#85A2C0;
--fp-main-gray:#F0F0F0;
--fp-main-opposite:#F0CCA6;
--fp-main-contrast:#000000;
--fp-main-text:#000000;
--fp-focus:#FFFF00;
--fp-focus-light:#FFFF00;
--fp-focus-dark:#CCCC00;
--fp-focus-gray:#FFFFFF;
--fp-focus-opposite:#0000FF;
--fp-focus-contrast:#0000FF;
--fp-focus-text:#000000;
--fp-imgbtn:#EFECE9;
--fp-imgbtn-light:#EFECE9;
--fp-imgbtn-dark:#BFBDBA;
--fp-imgbtn-gray:#EFEFEF;
--fp-imgbtn-opposite:#E9ECEF;
--fp-imgbtn-contrast:#000000;
--fp-imgbtn-text:#000000;
--fp-edit:#FFFFFF;
--fp-edit-light:#FFFFFF;
--fp-edit-dark:#CCCCCC;
--fp-edit-gray:#FFFFFF;
--fp-edit-opposite:#FFFFFF;
--fp-edit-contrast:#000000;
--fp-edit-text:#000000;
--fp-use-sidebar : 1;
--fp-wb-status-width : 48px;
}
.FP-font {font-family:Segoe UI;font-size:10pt !important;}
.FP-Bevel {position:absolute;left:0;top:7px;right:0;bottom:0;overflow:hidden;border-radius:var(--fp-border-radius);}
.FP-BevelLabel {position:absolute;left:8px;top:-2px;border-radius:var(--fp-border-radius);}
.FP-CheckBoxLabel {position:absolute;overflow:hidden;padding: 0 0 1.2rem 0.2rem;border-radius:var(--fp-border-radius);}
.FP-Image {width:100%;height:100%;object-fit:contain;object-position:center;cursor:pointer;border-radius:var(--fp-border-radius);}
.FP-FileContainer {width:100%;height:100%;display:block;}
.FP-Filename {overflow:hidden;text-wrap:nowrap;}
.FP-SelectFileInput {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.FP-StartSelect {width:100%;height:100%;display:none;text-align:center;align-items:center;font-size:larger;cursor:pointer;border-radius:var(--fp-border-radius);}
.FP-ChangeFile , .FP-DeleteFile {display:none;position:absolute;font-size:medium;right:0.2rem;bottom:0.2rem;padding:0.15em 0.25em 0 0.25em;background-color:var(--fp-imgbtn);color:var(--fp-imgbtn-text);border:solid 1px var(--fp-imgbtn-dark);border-radius:var(--fp-border-radius);}
.FP-FileContainer:hover .FP-ChangeFile {display:unset;}
.FP-FileContainer:hover .FP-DeleteFile {display:unset;}
.FP-input .FP-DeleteFile {top:0px;bottom:0px;right:0px;}
.FP-SelectingFile .FP-DeleteFile {display:none !important;}
.FP-SelectingFile .FP-FileContainer {display:none;}
.FP-SelectingFile .FP-Filename {display:none;}
.FP-SelectingFile .FP-StartSelect {display:grid;}
.FP-Container {display:table;}
.FP-Part {display:table-cell;}
.FP-ItemCell {display:table-cell;text-align:center;vertical-align:middle;}
.FP-ItemRow {display:table-row;text-align:center;vertical-align:middle;}
.FP-IO {position:absolute;text-align:center;display:flex;align-items:center;}
.FP-RadioBevel {position:absolute;left:0;top:7px;right:0;bottom:0;overflow:hidden;padding:6px;border-radius:var(--fp-border-radius);}
.FP-RadioGroupGrid {display:grid;grid-auto-flow:column;width:100%;height:100%;padding-top:6px;}
.FP-RadioLabel {border-radius:var(--fp-border-radius);}
.FP-Radio {margin-right:0.4rem;border-radius:var(--fp-border-radius);}
.FP-ListElement {float:left;clear:both;position:relative;padding-bottom:0;padding-left:0.4rem;}
.FP-Object {padding:0.4rem;overflow:auto;}
.FP-Object table {width:auto;border-collapse:separate;border-spacing:0.2rem;}
.FP-Object th {padding-right:1rem;}
.FP-Records {}
.FP-Records .FP-Object {position:relative;}
.FP-Records tr table {border:groove 1px;}
.FP-Records th {position:sticky;top:0;z-index:2;padding-top:0.2rem;}
.FP-Array {padding:0.2rem;padding-top:0;}
.FP-NoHeader {padding-top:0.6rem;}
.FP-Array table {border-collapse:separate;border-spacing:0.2rem 0;width:100%;}
.FP-Array th {position:sticky;top:0;z-index:2;padding-top:0.2rem;}
.FP-ObjectEdit {position:relative !important;}
.FP-ObjectCheck {position:relative !important;margin-left:0.5rem !important;}
.FP-DeleteCheck {position:relative !important;margin-left:0.5rem !important;}
.FP-ChangeArray {margin-left:0.3rem;right:0.2rem;bottom:0.2rem;padding:0.15em;background-color:var(--fp-imgbtn);color:var(--fp-imgbtn-text);border:solid 1px var(--fp-imgbtn-dark);border-radius:var(--fp-border-radius);}
.FP-ChangeArray:hover {background-color:var(--fp-imgbtn-dark);}
.FP-ChangeArray:active {border:solid 1px var(--fp-imgbtn-text);}
.FP-OnlyDelete {}
.FP-input {position:absolute;}
.FP-input * {height:100%;}
.FP-dialog {width:fit-content;height:fit-content;margin:auto;max-width:unset;max-height:unset;margin-top:1rem;margin-bottom:1rem;}
.FP-dialog .modal-body{padding:0;}
.FP-img {background-repeat:no-repeat;background-size:contain;background-position:center;}
.FP-imgbmpblue1 {background-image: url(resource?id=bmpblue1);}
.FP-imgbmpblue0 {background-image: url(resource?id=bmpblue0);}
.FP-imgbmpyellow {background-image: url(resource?id=bmpyellow);}
.FP-imgbmpwhite {background-image: url(resource?id=bmpwhite);}

.FP-btn-DETAIL_ADDRESS-KVK_NUMMER_ZOEKEN {background-color:#00FF00;}
.FP-btn-DETAIL_ADDRESS-KVK_NUMMER_ZOEKEN:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_ADDRESS-VIHB {background-color:#00FF00;}
.FP-btn-DETAIL_ADDRESS-VIHB:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_AMICE_STROOM-CONTROLEER_GEGEVENS_BIJ_LMA {background-color:#00FF00;}
.FP-btn-DETAIL_AMICE_STROOM-CONTROLEER_GEGEVENS_BIJ_LMA:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_AMICE_STROOM-VRAAG_MELDHISTORIE_OP_BIJ_LMA {background-color:#00FF00;}
.FP-btn-DETAIL_AMICE_STROOM-VRAAG_MELDHISTORIE_OP_BIJ_LMA:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_CHECKWEIGHING-WEIGH {background-color:#A6CAF0;}
.FP-btn-DETAIL_CHECKWEIGHING-WEIGH:not(:disabled):hover {background-color:#85A2C0;}
.FP-btn-DETAIL_VEHICLE-RETARE {background-color:#A6CAF0;}
.FP-btn-DETAIL_VEHICLE-RETARE:not(:disabled):hover {background-color:#85A2C0;}
.FP-btn-DETAIL_WEIGHBRIDGE-CREATE_STATUS_ITEMS {background-color:#00FF00;}
.FP-btn-DETAIL_WEIGHBRIDGE-CREATE_STATUS_ITEMS:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_WEIGHING-USE_TARE {background-color:#00FF00;}
.FP-btn-DETAIL_WEIGHING-USE_TARE:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_WEIGHING-WEIGH {background-color:#A6CAF0;}
.FP-btn-DETAIL_WEIGHING-WEIGH:not(:disabled):hover {background-color:#85A2C0;}
.FP-btn-DETAIL_WEIGHING-ZOEK_BESTEMMING {background-color:#00FF00;}
.FP-btn-DETAIL_WEIGHING-ZOEK_BESTEMMING:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_WEIGHING-ZOEK_HERKOMST {background-color:#00FF00;}
.FP-btn-DETAIL_WEIGHING-ZOEK_HERKOMST:not(:disabled):hover {background-color:#00CC00;}
.FP-btn-DETAIL_XTENANT-LINK_TO_MASTER {background-color:#00FF00;}
.FP-btn-DETAIL_XTENANT-LINK_TO_MASTER:not(:disabled):hover {background-color:#00CC00;}

.FP-scroll {overflow-x:hidden;overflow-y:auto;}
.FP-EditSearch {padding: 0.1rem;}
.FP-viewParent {}
.FP-caption {}
.FP-FileSelect {position:absolute;min-height:unset;padding:0 0.2rem;}.TDeviceItemValue, .TDeviceItemInput, .TDeviceItemOutput {position:absolute;overflow:hidden;}
.TRadioGroup {position:absolute;overflow:hidden;border-radius:var(--fp-border-radius);}
.TGroupBox {position:absolute;overflow:hidden;border-radius:var(--fp-border-radius);}
.TObjectView {position:absolute;border-radius:var(--fp-border-radius);}
.TObjectView .TComboBox {position:relative;}
.TSubBrowserFrame {position:absolute;overflow-x:hidden;overflow-y:auto;border:0.5rem;border-radius:var(--fp-border-radius);}
.TButton {position:absolute;overflow:hidden;border:0;border-radius:0.3rem;padding:0;}
.TButton:disabled {cursor:unset;opacity:0.65;}
.TPanel {position:absolute;overflow:hidden;border-radius:var(--fp-border-radius);;overflow:hidden;}
.TScrollBox {position:relative;}
.TColorBox {position:absolute;border-radius:var(--fp-border-radius);}
.TText {position:absolute;border-radius:var(--fp-border-radius);;width:max-content;}
.TImage {position:absolute;overflow:hidden;border:groove 2px;border-radius:var(--fp-border-radius);}
.TCanvas {position:absolute;overflow:hidden;border:0;border-radius:var(--fp-border-radius);}
.TCheckBox {position:unset;margin-right:0.2rem;}
.TCheckListBox {position:absolute;}
.TLabel {font-weight:unset;position:absolute;font-family:Segoe UI;font-size:9pt;width:max-content;border-radius:var(--fp-border-radius);}
.FP-Object th , .FP-Array th {font-weight:unset;font-family:Segoe UI;font-size:9pt;}
.TEdit:focus, .TComboBox:focus, .TMemo:focus {background-color:var(--fp-focus);color:var(--fp-focus-text);}
.TEdit {position:absolute;min-height:unset;padding:0 0.2rem;}

.TMemo, .TRichMemo, .TSyntaxMemo, .TParserMemo, .TSQLMemo, .TScriptSQLMemo, .TJSONMemo {position:absolute;padding:0 0.2rem;resize:none;}
.TComboBox {position:absolute;min-height:unset;padding:0 0.2rem;}
:root
{
   --fp-sidebar-width : calc(280px * var(--fp-use-sidebar)) ;
   --fp-header-height : 60px ;
   --fp-sidebar-closed : calc(var(--fp-header-height) * var(--fp-use-sidebar)) ;
   --fp-menu-hover : #2190E8 ;
   --fp-row-hover : #E0F3FF ;
   --fp-extra : #8000FF ;
   --fp-extra-hover : #7000F0 ;
   --fp-extra-focus : #8000FF80 ;
   --fp-main-padding : 1.5rem ;
   --fp-dock-padding : 0px ;
   --fp-search-w : 15rem ;
   --fp-search-h : 2.1rem ;
   --fp-card-fontsize : 0.9rem ;
   --fp-toast-left : unset ;
   --fp-toast-top : unset ;
   --fp-toast-right : 0.5rem ;
   --fp-toast-bottom : 0.5rem ;
   --fp-proc-selected : var(--bs-blue) ;
   --fp-proc-selected-text : var(--bs-white) ;
   --fp-proc : var(--bs-gray) ;
   --fp-proc-back : var(--bs-white) ;
   --fp-proc-text : var(--bs-black) ;
   --fp-proc-was-selected : var(--bs-gray-300) ;
   --fp-proc-start : var(--bs-green) ;
   --fp-proc-end : var(--bs-red) ;
   --fp-proc-error : var(--bs-purple) ;
   --fp-wb-status-width : 52px ;
}

*[onclick] , *[ondblclick]
{
   cursor : pointer ;
}


.root-page-back
{
   position : absolute ;
   left : 0 ;
   top : 0 ;
   width : calc(100% - var(--fp-scada-width)) ;
   height : calc(100% - var(--fp-scada-height)) ;
   background-color : black ;
   opacity : 0.2 ;
   cursor : default ;
}

.root-page-container
{
   position : fixed ;
   left : 0 ;
   top : 0 ;
   width : calc(100% - var(--fp-scada-width)) ;
   height : calc(100% - var(--fp-scada-height)) ;
   display : flex ;
   overflow : auto ;
}

.root-page
{
   position : relative ;
   margin : auto ;
   display : none ;
}

.root-gui
{
   position : relative ;
   left : 0 ;
   top : 0 ;
   width : 100% ;
   height : 100% ;
   display : flex ;
   overflow : hidden ;
}

.root-gui-minimal
{
   width : fit-content ;
   min-width : 25% ;
   height : fit-content ;
   margin : auto ;
}

.root-gui-question
{
   font-size : 150% ;
   text-align : center ;
   font-weight : bold ;
}

.root-gui-yesno
{
   font-size : 150% ;
}

.root-gui-answer
{
   font-size : 150% ;
   text-align : center ;
   color : var(--bs-primary) ;
   font-weight : bold ;
   min-height : 3rem ;
   margin-top : 1rem ;
}

.root-gui-keyboard
{
   font-size : 150% ;
   display : block ;
   margin : auto ;
}

.root-gui-keyline
{ }

.root-gui-keyline .btn
{
   width : 4.5rem ;
   margin : 0.25rem ;
}

.root-gui-list
{
   font-size : 150% ;
   margin : auto ;
   margin-top : 1rem ;
}

.root-gui-listpage
{
   display : flex ;
   flex-direction : row ;
}

.root-gui-listcolumn
{
   display : flex ;
   flex-direction : column ;
}

.root-gui-list .btn
{
   margin : 0.25rem ;
   min-width : 20rem ;
}


.root-popupmenu
{
   position : absolute ;
   width : fit-content ;
}

.root-popupmenu-back
{
   opacity : 1 ;
}

.root-popupmenu-container
{
   position : fixed ;
   top : 0 ;
   left : 0 ;
   width : 100% ;
   height : 100% ;
   cursor : default ;
}

.root-popupmenu-body
{
   padding : 0.2rem ;
}

.root-top
{
   margin-top : 2rem ;
}

.root-bottom
{
   margin-bottom : 2rem ;
}

.root-left
{
   margin-left : 2rem ;
}

.root-right
{
   margin-right : 2rem ;
}

.root-dialog
{
   background-color : var(--bs-white) ;
   padding : 0.5rem ;
   border-radius : var(--fp-border-radius) ;
}

.root-toasts
{
   position : absolute ;
   left : var(--fp-toast-left) ;
   right : var(--fp-toast-right) ;
   top : var(--fp-toast-top) ;
   bottom : var(--fp-toast-bottom) ;
   z-index : 9000 ;
}

.root-toast-Error
{
   background-color : var(--bs-danger) ;
   color : var(--bs-white) ;
}

.root-toast-Question
{
   background-color : var(--bs-success) ;
   color : var(--bs-white) ;
}

.root-toast-Warning
{
   background-color : var(--bs-warning) ;
   color : var(--bs-white) ;
}

.root-toast-Information
{
   background-color : var(--bs-success) ;
   color : var(--bs-white) ;
}

.root-scada-h
{
   position : fixed ;
   left : 0 ;
   bottom : 0 ;
   right : 0 ;
   height : var(--fp-scada-height) ;
   display : flex ;
}

.root-scada-v
{
   position : fixed ;
   top : var(--fp-header-height) ;
   bottom : var(--fp-scada-height) ;
   right : 0 ;
   width : var(--fp-scada-width) ;
   display : flex ;
   flex-direction : column ;
}

.root-scada-h > div
{
   position : relative !important ;
   left : unset !important ;
}

.root-scada-v > div
{
   position : relative !important ;
   top : unset !important ;
}

.FP-status
{
   position : absolute ;
   top : 4px ;
   height : calc(100% - 2 * 4px) ;
   width : calc(var(--fp-wb-status-width) - 4px) ;
}

.FP-zero
{
   position : absolute ;
   top : 0px ;
   background-image : url(resource?id=bmpcenterzero) ;
   background-size : contain ;
   width : 100% ;
   height : 33.3% ;
}

.FP-gross
{
   position : absolute ;
   top : 33.3% ;
   width : 100% ;
   height : 33.3% ;
   color : silver ;
   font-size : 50% ;
   text-align : center ;
}

.FP-stable
{
   position : absolute ;
   bottom : 0px ;
   background-image : url(resource?id=bmpstable) ;
   background-size : contain ;
   width : 100% ;
   height : 33.3% ;
}

.root-table-container
{
   overflow-x : auto ;
}

.root-header
{
   position : fixed ;
   left : 0 ;
   top : 0 ;
   height : var(--fp-header-height) ;
   width : 100% ;
   padding : 0 ;
   margin : 0 ;
   border : 0 ;
   background-color : var(--bs-blue) ;
   color : var(--bs-light) ;
   z-index : 200 ;
}

.root-picklist
{
   width : 75% ;
}

.root-print
{ }

.root-info
{ }

.root-buttons
{
   display : flex ;
}

.root-buttons > *
{
   margin-left : 0.5rem ;
}

.root-danger
{
   font-weight : bold ;
   background-color : var(--fp-focus) ;
   color : var(--bs-danger) ;
}

.root-logo-container
{
   width : var(--fp-sidebar-width) ;
   height : 100% ;
   background-color : var(--bs-dark) ;
   text-align : center ;
}

.root-sidebar
{
   position : fixed ;
   left : 0 ;
   top : var(--fp-header-height) ;
   width : var(--fp-sidebar-closed) ;
   height : calc(100% - var(--fp-header-height) - var(--fp-scada-height)) ;
   background-color : var(--bs-dark) ;
   transition : all 0.3s ease ;
   z-index : 200 ;
}

.root-sidebar:hover
{
   width : var(--fp-sidebar-width) ;
}

.root-menu
{
   display : none ;
   padding : 1rem ;
   height : 100% ;
   overflow-x : hidden ;
   overflow-y : auto ;
   font-size : 1rem ;
}

.root-grip
{
   display : block ;
   position : absolute ;
   color : white ;
   font-size : x-large ;
   top : 50% ;
   right : 50% ;
   opacity : 50% ;
}

.root-sidebar:hover .root-menu
{
   display : block ;
}

.root-sidebar:hover .root-grip
{
   display : none ;
}

.root-menu ul
{
   list-style : none ;
   padding-left : 1.5rem ;
}

.root-menu-heading
{
   text-transform : uppercase ;
   margin : 0.75rem 0 ;
   background-color : transparent ;
   font-weight : bold ;
   color : var(--bs-white) ;
   white-space : nowrap ;
   position : relative ;
   opacity : 0.75 ;
   user-select : none ;
   border : none ;
   transition : color 0.15s ease-in-out , background-color 0.15s ease-in-out , border-color 0.15s ease-in-out , box-shadow 0.15s ease-in-out ;
}

.root-menu-option
{
   margin : 0 ;
   margin-top : 0.125rem ;
   background-color : transparent ;
   font-weight : normal ;
   color : var(--bs-white) ;
   white-space : nowrap ;
   border : none ;
}

.root-menu-heading:hover , .root-menu-option:hover
{
   background-color : var(--fp-menu-hover) ;
}

.root-logo
{
   object-fit : contain ;
   object-position : center ;
   height : 100% ;
   width : auto ;
   padding : 0.5rem ;
}

.root-username
{
   font-weight : bold ;
   text-align : right ;
   opacity : 1 ;
}

.root-usertype
{
   text-align : right ;
   opacity : 0.75 ;
}

.root-usericon
{
   color : var(--bs-white) ;
   font-size : 200% ;
}

.root-main
{
   position : absolute ;
   width : calc(100% - var(--fp-sidebar-closed) - var(--fp-scada-width)) ;
   height : calc(100% - var(--fp-header-height) - var(--fp-scada-height)) ;
   top : var(--fp-header-height) ;
   left : var(--fp-sidebar-closed) ;
   overflow-x : hidden ;
   overflow-y : auto ;
   padding : var(--fp-main-padding) ;
}

.root-splash
{
   object-fit : contain ;
   object-position : center ;
   position : fixed ;
   left : var(--fp-sidebar-closed) ;
   top : var(--fp-header-height) ;
   width : calc(100% - var(--fp-sidebar-closed) - var(--fp-scada-width)) ;
   height : calc(100% - var(--fp-header-height) - var(--fp-scada-height)) ;
}

.root-column-header
{
   border : none ;
   font-weight : bold ;
   background-color : transparent ;
   padding : 0 ;
}

.root-checkrow
{
   width : 1.5rem ;
}

.root-child-select
{
   position : relative ;
}

.root-detail-tab
{ }

.root-childs-tab
{ }

.root-maymove
{
   cursor : move ;
}

.root-card
{
   box-shadow : 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%) , 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%) , 0 0.25rem 0.53125rem rgb(4 9 20 / 5%) , 0 0.125rem 0.1875rem rgb(4 9 20 / 3%) ;
   border-width : 0 ;
   transition : all 0.2s ;
   font-size : var(--fp-card-fontsize) ;
}

.root-card-sub
{
   box-shadow : none ;
   border-width : thin ;
}

.root-card-header
{
   padding : 0.5rem ;
   height : 3.25rem ;
   margin-bottom : 0 ;
   background-color : rgba(0 , 0 , 0 , .03) ;
   border-bottom : 1px solid rgba(0 , 0 , 0 , .125) ;
}

.root-childs-tab .root-card-header
{
   padding : unset ;
   height : unset ;
}

.root-search
{
   width : var(--fp-search-w) ;
   height : var(--fp-search-h) ;
}

.root-focus-wanted
{ }

.root-count
{
   padding-top : 0.5rem ;
}

s.table-hover tbody tr:hover
{
   background-color : var(--fp-row-hover) ;
}

.btn-extra
{
   color : var(--bs-white) ;
   background-color : var(--fp-extra) ;
   border-color : var(--fp-extra) ;
}

.btn-extra:hover
{
   color : var(--bs-white) ;
   background-color : var(--fp-extra-hover) ;
   border-color : var(--fp-extra-hover) ;
}

.btn-extra:focus
{
   box-shadow : 0 0 0 0.25rem var(--fp-extra-focus) ;
}

.TSubBrowserFrame .btn
{
   padding : 0.2rem ;
}

.TSubBrowserFrame .root-btn-text
{
   display : none ;
}


.modal-header
{
   padding : 0.5rem 1rem !important ;
}

.modal-footer
{
   justify-content : space-between!important ;
}


.root-edit .modal-body
{
   background-color : var(--fp-main) ;
}


.root-docked .modal-content
{
   position : fixed ;
   left : var(--fp-dock-padding) ;
   top : var(--fp-dock-padding) ;
   right : calc(var(--fp-dock-padding) + var(--fp-scada-width)) ;
   bottom : calc(var(--fp-dock-padding) + var(--fp-scada-height)) ;
   width : unset !important ;
   height : unset !important ;
   justify-content : space-between ;
   background-color : var(--fp-main) ;
   overflow : auto ;
}

.root-docked .modal-header , .root-docked .modal-footer
{
   width : 100% !important ;
   background-color : var(--bs-white) ;
}

.root-docked .root-detail-tab
{
   margin : auto ;
}

.root-docked .root-childs-tab
{
   width : 100% !important ;
}

.root-resize
{
   width : 1rem ;
   height : 1rem ;
   border : solid 2px ;
   opacity : 0.5 ;
   margin-right : 0.5rem ;
}


.root-resize-0
{ }


.root-resize-1
{
   border-style : solid ;
   height : 0.5rem ;
   margin-top : 0.25rem ;
}


textarea.root-zoomed
{
   position : fixed !important ;
   left : 0 !important ;
   width : 100% !important ;
   top : 0 !important ;
   height : 100% !important ;
   z-index : 9000 ;
}

input:disabled+span[onclick]
{
   cursor : default ;
}


.parentrole
{
   font-size : 70% ;
}


.form-label
{
   margin-bottom : 0.02rem ;
}


.delete-image
{
   position : absolute !important ;
   top : 0.5rem ;
   left : 0.5rem ;
}

.critfieldname
{
   color : var(--bs-primary) ;
}

.critoperator
{
   color : var(--bs-dark) ;
}

.critfieldvalue
{
   color : var(--bs-danger) ;
}

.waiter
{
   display : none ;
}

.waiting
{
   color : var(--bs-danger) ;
}


.process
{
   margin : 0.5rem ;
   padding : 0.5rem ;
   border : solid 1px var(--fp-proc) ;
   background-color : var(--fp-proc-back) ;
   position : relative ;
}

.process h1
{
   font-size : 1rem ;
   color : var(--fp-proc) ;
}

.process button
{
   position : absolute ;
   top : 0.2rem ;
   right : 0.2rem ;
}

.triggeredby
{
   color : var(--fp-proc-start) ;
}

.proc-fullscreen
{
   position : absolute ;
   margin : 0 ;
   border : 0 ;
   left : 0 ;
   top : 0 ;
   width : 100% ;
   height : 100% ;
   z-index : 9999 ;
}


.graph polygon
{
   fill : var(--fp-proc-back) ;
   stroke : none ;
}



.node polygon
{
   fill : none ;
   stroke : var(--fp-proc) ;
}

.node text
{
   stroke : none ;
   fill : var(--fp-proc-text) ;
}


.startnode polygon
{
   stroke : var(--fp-proc-start) ;
}


.endnode polygon
{
   stroke : var(--fp-proc-end) ;
}


.errornode polygon
{
   stroke : var(--fp-proc-error) ;
}


.wasselected polygon
{
   fill : var(--fp-proc-was-selected) ;
}


.selected polygon
{
   fill : var(--fp-proc-selected) ;
}

.selected text
{
   fill : var(--fp-proc-selected-text) ;
}



.edge polygon
{
   stroke : var(--fp-proc) ;
   fill : var(--fp-proc) ;
}

.edge path
{
   stroke : var(--fp-proc) ;
   fill : none ;
}

.edge text
{
   stroke : none ;
   fill : var(--fp-proc) ;
}


.edgeselected polygon
{
   stroke : var(--fp-proc-selected) ;
   fill : var(--fp-proc-selected) ;
}

.edgeselected path
{
   stroke : var(--fp-proc-selected) ;
}

.edgeselected text
{
   fill : var(--fp-proc-selected) ;
}

@media only print
{

   .process
   {
      margin : 0 ;
      padding : 0.5rem ;
      border : none ;
      background-color : var(--fp-proc-back) ;
   }

   .process h1
   {
      font-size : 1rem ;
      color : var(--fp-proc) ;
   }

   .triggeredby
   {
      display : none ;
   }


   .graph polygon
   {
      fill : var(--fp-proc-back) ;
      stroke : none ;
   }



   .node polygon
   {
      fill : none ;
      stroke : var(--fp-proc) ;
   }

   .node text
   {
      stroke : none ;
      fill : var(--fp-proc-text) ;
   }


   .startnode polygon
   {
      stroke : var(--fp-proc-start) ;
   }


   .endnode polygon
   {
      stroke : var(--fp-proc-end) ;
   }


   .errornode polygon
   {
      stroke : var(--fp-proc-error) ;
   }



   .edge polygon
   {
      stroke : var(--fp-proc) ;
      fill : var(--fp-proc) ;
   }

   .edge path
   {
      stroke : var(--fp-proc) ;
      fill : none ;
   }

   .edge text
   {
      stroke : none ;
      fill : var(--fp-proc) ;
   }
}