.disabledclass[disabled] {
    color: black;
    background-color: transparent;
    opacity: 1;
    background-blend-mode: darken;
    cursor: none;
    resize: none;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    font-weight: normal;
    scroll-behavior:auto;
    overflow:auto;
}


.disabledclass[checked] {
    color: red;
    background-color: transparent;
    opacity: 1;
    background-blend-mode: darken;
    cursor:none;
}


.pids-wrapper {
    width: 100%;
}

.pid {
    width: calc(8% - 2px);
    height: 10px;
    display: inline-block;
    margin: 1px;
    border-radius:5px;
}

.navbutton011 {
    padding: 5px 10px 5px 25px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-size:contain;
    background-repeat: no-repeat;
    background-image: url("/ResFolder/speech_50x50.png");
   
}

.navbutton012 {
    padding: 5px 10px 5px 25px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/ResFolder/settings_50x50.png")
}

.navbutton013 {
    padding: 5px 10px 5px 25px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/ResFolder/library_50x50.png")
}

.navbutton014 {
    padding: 5px 10px 5px 25px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/ResFolder/beheer_50x50.png")
}

.navbutton019 {
    padding: 5px 10px 5px 25px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/ResFolder/logout_25x25.png")
}

.navbutton02 {
    padding: 5px 5px 5px 5px;
    border-color: grey;
    border-width: 2px;
    background-color: white;
    text-align: center;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}

.bodystijl{
    overflow-x:hidden;
    overflow-y:auto;
    background-color:powderblue;
    background:powderblue;
    color: powderblue;
}

.modalBackgroundyesno {
    background-color: transparent;
    z-index: 10000;
    cursor: pointer;
}

.modalBackgroundClientMetaExtender {
  background-color:transparent;
  z-index: 10000;
  cursor: pointer;
}


.modalBackgroundnewvalue {
    background-color: transparent;
    z-index: 10000;
}

.enginesliders01 {
    border-width: 1px;
    background-color: white;
    font-family: Segoe UI;
    font-size: 10pt;
    white-space: normal;
    color: black;
    border-radius: 5px;
    cursor: pointer;
    border-style: solid;
    border-color: black;
    font-weight: normal;
}

.startmenubuttons01 {
   border-color: lightgrey;
   border-width:2px;
   background-color: orange;
   font-family:Segoe UI;
   font-size: 10pt;
   font-weight: bold;
   white-space:normal;
   color: black;
   border-style:groove;
   border-radius:5px;
   cursor:pointer;
    }

.startmenubuttons02 {
    border-color: lightgrey;
    border-width: 3px;
    background-color: orange;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
}

.tabbuttons01 {
    border-color: black;
    border-width: 3px;
    background-color: orange;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
}

.form01 {
    background-color:antiquewhite;
    border-block-style: none;
    width: 100%;
    height: 100%;

}

.pagerstyle01 {
    background-color: azure;
    color: black;
    font-family: Segoe UI;
    font-size: 12px;
    background-color: azure;
    font-family: Segoe UI;
    border-style: none;
    border-color: black;
    font-weight: normal;
    color: black;
    cursor: pointer;
}

.gridviews01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    border-color: black;
    font-weight: normal;
    color: black;
    cursor: pointer;    
   
}

.detailviews01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    border-color: black;
    font-weight: normal;
    color: black;
    cursor: pointer;
}

.treeviews01 {
    background-color: white;
    color: black;
    font-family: Segoe UI;
    font-size:12px;
    border-style: none;
    font-weight: normal;
    cursor: pointer;
}

.labels01 {
    background-color: transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    border-color: lightgray;
    font-weight: normal;
    color: black;
}

.templatelabels01 {
    background-color: orange;
    font-family: Segoe UI;
    font-size: 16px;
    color: black;
    border-color:black;
   
}

.templatelabels02 {
    background-color: greenyellow;
    font-family: Segoe UI;
    font-size: 16px;
    color: black;
    border-color: black;
}

.templatedropdown01 {
    background-color: greenyellow;
    font-family: Segoe UI;
    font-size: 16px;
    color: black;
    border-color: black;
}

.templatebuttons01 {
    border-color: black;
    border-width: 1px;
    background-color: orange;
    font-family: Segoe UI;
    font-size: 10pt;
    font-weight: bold;
    white-space: normal;
    color: black;
    border-style: groove;
    border-radius: 5px;
    cursor: pointer;
}

.radiobuttons01 {
    background-color:transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    border-color:lightgray;
    font-weight: normal;
    color: black;
    cursor:pointer;
}

.listboxes01 {
    background-color: lightyellow;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    border-width: thin;
    font-weight: normal;
    color: black;
    cursor:pointer;
}

.customtextbox1 {
    background-color: lightgoldenrodyellow;
    font-family: Segoe UI;
    font-size: 14px;
    color: black;  
}

.textboxes01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    border-width: thin;
    font-weight: normal;
    color: black;
    cursor: pointer;
    resize:none;
}


.textboxes02 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 9px;
    border-style: none;
    font-weight: normal;
    text-wrap:wrap;
    color: black;
    cursor:none;
    resize: none;
    overflow-x:hidden;
    overflow-y:hidden;
}

.textboxes03 {
    background-color: transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    font-weight: bold;
    text-wrap: wrap;
    color: black;
    cursor: none;
    resize: none;
}

.calendars01 {
    background-color: khaki;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    font-weight: normal;
    border-width: thin;
    color: blue;
    cursor: pointer;
}

.fileuploads01 {
    background-color: transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    font-weight:normal;
    border-width: thin;
    color: black;
    }

.dropdowns01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: black;
    font-weight: normal;
    border-width: thin;
    color: black;
    cursor: pointer;
}

.panels01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    font-weight: normal;
    border-width: thin;
    color: black;   
}

.editorpanel01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-radius:5px;
    border-style: solid;
    border-color: lightgray;
    font-weight: normal;
    border-width: thin;
    color: black;
}

.editordiv01 {
    background-color: white;
    border-style: solid;
    border-color: black;
    border-width:2px;
    color: black;
    scroll-behavior:auto;    
}

.checkboxes01 {
    background-color: transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    font-weight: normal;
    border-width: thin;
    color: black;
    height: 10px;
    cursor: pointer;
}

.buttons01 {
    background-color: white;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: lightgray;
    font-weight: normal;
    border-width: thin;
    color: black;
    cursor:pointer;
}

.detailviewsheaders01 {
    background-color: bisque;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    border-color: black;
    font-weight: normal;
    color: black;
}

.detailviewsrows01 {
    background-color: white;
    color: black;
    font-family: Segoe UI;
    font-size: 12px;
}

.gridviewsheaders01 {
    background-color: orange;
    color: black;
    cursor: pointer;
    font-family: Segoe UI;
    font-size: 12px;
    text-align:left;
    
}

.gridviewsselectedrows01 {
    background-color: deepskyblue;
    color: black;
    font-family: Segoe UI;
    font-size: 12px;
      
}

.gridviewlabels01 {
    background-color:Highlight;
    color: white;
    border-style: none;
    font-family: Segoe UI;
    font-weight:bolder;
    font-size: 14px;
}

.gridviewlabels02 {
    background-color: Highlight;
    color: white;
    border-style: none;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: bolder;
}

.div00 {
    background-color:lightblue;
    scroll-behavior:auto;
    border-style: none;    
}

.div01 {
    background-color: antiquewhite;
    color:white;
    border-style: none;
}

.div11 {
    background-color:antiquewhite;
    color:black;
    border-style: none;
}

.div12 {
    background-color: antiquewhite;
    color:black;
    border-style: none;
}

.div13 {
    background-color: orange;
    color: black;
    border-style: none;
}

.buttondiv02 {
    background-color:sandybrown;
    color: black;
    border-style: none;
}

.toolbars01 {
    background-color: antiquewhite;
    border-style: none;
    font-family: Segoe UI;
    font-size: 12px;
    cursor: pointer;
}

.usercontrol01 {
    background-color:navajowhite;
    color: black;
}

.usercontrol01labels {
    background-color: yellow;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight:bold;
}

.usercontrol02labels {
    background-color: orange;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal;
}

.usercontrol02buttons {
    background-color: orange;
    color: black;
    border-style: groove;
    border-width:3px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
}

.usercontrol05buttons {
    background-color: orange;
    color: black;
    border-style: groove;
    border-width: 1px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor:pointer;
}

.usercontrol05labels {
    background-color: transparent;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.usercontrol05rlabels {
    background-color: transparent;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

.usercontrol05checkboxes {
    background-color: transparent;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: none;
    font-weight: normal;
    color: black;
    height: 10px;
    cursor: pointer;
}

.usercontrol05panels {
    border-radius: 5px;
    background-color: whitesmoke;
    border-width: 3px;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: black;
    font-weight: normal;
    border-width: thin;
    align-self: center;
    color: black;
}


.usercontrol05textbox {
    background-color: white;
    color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: normal;
}

.usercontrol05labels {
    background-color: white;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.usercontrol06labels {
    background-color: transparent;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.usercontrol06buttons {
    background-color: orange;
    color: black;
    border-style: groove;
    border-width: 1px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor:auto;
}

.usercontrol06radiobuttons {
    background-color: transparent;
    text-align:left;
    font-family: Segoe UI;
    font-size: 12px;
    border-style: solid;
    border-color: black;
    border-width:1px;
    font-weight: normal;
    color: black;
    cursor: pointer;
}

.usercontrol02textbox {
    background-color: orange;
    color: black;
    border-style: none;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: normal;
}

.usercontrol06textbox {
    background-color: white;
    color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: normal;
}

.formpanel01 {
    border-style: none;
    background-color: orange;
    color:black;        
}

.formpanel02 {
    background-color: orange;
    border-style: none;
    color: black;
}

.formtitellabel01 {
    font-family:Segoe UI;
    font-weight:bold;
    font-size:x-large;
    background-color: orange;
    border-style: none;
    color: black;   
    
}

.formtitellabel02 {
    font-family: Segoe UI;
    font-weight: bold;
    font-size: larger;
    background-color: orange;
    border-style: none;
    color: black;
}