/* Minification failed. Returning unminified contents.
(92,36): run-time error CSS1046: Expect comma, found '0'
(92,40): run-time error CSS1046: Expect comma, found '/'
(92,69): run-time error CSS1046: Expect comma, found '0'
(92,73): run-time error CSS1046: Expect comma, found '/'
(106,36): run-time error CSS1046: Expect comma, found '0'
(106,40): run-time error CSS1046: Expect comma, found '/'
(106,69): run-time error CSS1046: Expect comma, found '0'
(106,73): run-time error CSS1046: Expect comma, found '/'
(140,36): run-time error CSS1046: Expect comma, found '0'
(140,40): run-time error CSS1046: Expect comma, found '/'
(140,69): run-time error CSS1046: Expect comma, found '0'
(140,73): run-time error CSS1046: Expect comma, found '/'
(200,36): run-time error CSS1046: Expect comma, found '0'
(200,40): run-time error CSS1046: Expect comma, found '/'
(200,69): run-time error CSS1046: Expect comma, found '0'
(200,73): run-time error CSS1046: Expect comma, found '/'
(226,36): run-time error CSS1046: Expect comma, found '0'
(226,40): run-time error CSS1046: Expect comma, found '/'
(226,69): run-time error CSS1046: Expect comma, found '0'
(226,73): run-time error CSS1046: Expect comma, found '/'
(407,36): run-time error CSS1046: Expect comma, found '0'
(407,40): run-time error CSS1046: Expect comma, found '/'
(407,69): run-time error CSS1046: Expect comma, found '0'
(407,73): run-time error CSS1046: Expect comma, found '/'
(1148,22): run-time error CSS1036: Expected expression, found '['
(1148,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1148,22): run-time error CSS1036: Expected expression, found '['
(1149,36): run-time error CSS1019: Unexpected token, found '['
(1149,36): run-time error CSS1042: Expected function, found '['
(1149,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1155,22): run-time error CSS1036: Expected expression, found '['
(1155,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1155,22): run-time error CSS1036: Expected expression, found '['
(1156,36): run-time error CSS1019: Unexpected token, found '['
(1156,36): run-time error CSS1042: Expected function, found '['
(1156,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1162,22): run-time error CSS1036: Expected expression, found '['
(1162,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1162,22): run-time error CSS1036: Expected expression, found '['
(1163,36): run-time error CSS1019: Unexpected token, found '['
(1163,36): run-time error CSS1042: Expected function, found '['
(1163,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1169,22): run-time error CSS1036: Expected expression, found '['
(1169,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1169,22): run-time error CSS1036: Expected expression, found '['
(1170,36): run-time error CSS1019: Unexpected token, found '['
(1170,36): run-time error CSS1042: Expected function, found '['
(1170,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1176,22): run-time error CSS1036: Expected expression, found '['
(1176,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1176,22): run-time error CSS1036: Expected expression, found '['
(1177,36): run-time error CSS1019: Unexpected token, found '['
(1177,36): run-time error CSS1042: Expected function, found '['
(1177,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1183,22): run-time error CSS1036: Expected expression, found '['
(1183,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1183,22): run-time error CSS1036: Expected expression, found '['
(1184,36): run-time error CSS1019: Unexpected token, found '['
(1184,36): run-time error CSS1042: Expected function, found '['
(1184,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1190,22): run-time error CSS1036: Expected expression, found '['
(1190,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1190,22): run-time error CSS1036: Expected expression, found '['
(1191,36): run-time error CSS1019: Unexpected token, found '['
(1191,36): run-time error CSS1042: Expected function, found '['
(1191,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1197,22): run-time error CSS1036: Expected expression, found '['
(1197,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1197,22): run-time error CSS1036: Expected expression, found '['
(1198,36): run-time error CSS1019: Unexpected token, found '['
(1198,36): run-time error CSS1042: Expected function, found '['
(1198,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1204,22): run-time error CSS1036: Expected expression, found '['
(1204,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1204,22): run-time error CSS1036: Expected expression, found '['
(1205,36): run-time error CSS1019: Unexpected token, found '['
(1205,36): run-time error CSS1042: Expected function, found '['
(1205,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1211,22): run-time error CSS1036: Expected expression, found '['
(1211,22): run-time error CSS1034: Expected closing parenthesis, found '['
(1211,22): run-time error CSS1036: Expected expression, found '['
(1212,37): run-time error CSS1019: Unexpected token, found '['
(1212,37): run-time error CSS1042: Expected function, found '['
(1212,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1838,20): run-time error CSS1033: Expected closing bracket, found 'i'
(1838,21): run-time error CSS1031: Expected selector, found ']'
(1838,21): run-time error CSS1025: Expected comma or open brace, found ']'
(1875,36): run-time error CSS1046: Expect comma, found '0'
(1875,40): run-time error CSS1046: Expect comma, found '/'
(1875,69): run-time error CSS1046: Expect comma, found '0'
(1875,73): run-time error CSS1046: Expect comma, found '/'
 */
html {
  overflow-y: scroll !important;
  height: 100%;
  min-height: 100vh;
  min-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100vh - 20px);
}

/* pagina 100% hoogte laten innemen */

@media screen and (max-width: 1610px) {
  html {
    min-height: calc(100vh - 17px);
  }

  #content {
    margin-bottom: 1px !important;
  }
}

/* END pagina 100% hoogte laten innemen */

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #ffffff;
  text-align: left;
  display: block;
  min-height: inherit;
  font-size: 0.6875rem;
}

#menu {
  width: 100%;
}

#menumain {
  margin: 0 0 0 0px;
  line-height: 23px;
  height: 40px;
}

#header-hoofdmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffffff;
  /* background-color: #e3e3e3; */
  /* background-image: linear-gradient(white, #e3e3e3); */
  /* border-top-color: rgb(227, 227, 227); */
  /* border-bottom-color: rgb(227, 227, 227); */
  /*box-shadow: 0 2px 2px #e3e2e2;*/
  width: 100%;
}

#header-functie {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  background-color: #ffffff;
  /* background-color: #e3e3e3;
  background-image: linear-gradient(white, #e3e3e3);
  border-top-color: rgb(227, 227, 227);
  border-bottom-color: rgb(227, 227, 227); */
  /*box-shadow: 0 2px 2px #e3e2e2;*/
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

#header-info {
  overflow-y: auto;
  max-height: 130px;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

#header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 100;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#header-logos {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

#header-logos-maatschappij {
  margin: 2px 0px;
  width: 95%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#header-logos-maatschappij img {
  margin-bottom: 2px;
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

#header-kiosk {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

#header-user {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  width: 100%;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: White;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  background-color: #ffffff;
  /* background-color: #e3e3e3;
  background-image: linear-gradient(white, #e3e3e3); */
  /* border-top-color: rgb(227, 227, 227);
  border-bottom-color: rgb(227, 227, 227); */
  /*box-shadow: 0 2px 2px #e3e2e2;*/
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

#header-placeholder {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  background-color: #ffffff;
  /* background-color: #e3e3e3;
  background-image: linear-gradient(white, #e3e3e3); */
  /* border-top-color: rgb(227, 227, 227);
  border-bottom-color: rgb(227, 227, 227); */
  /*box-shadow: 0 2px 2px #e3e2e2;*/
}

.header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px auto 1fr auto auto;
  grid-template-columns: 80px auto 1fr auto auto;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

.header > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.header > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.header > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.header > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.header > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.header > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.header > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.header > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.header > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

.header > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}

.header-blauw {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#69aee4ff),
    to(#4a89bfff)
  );
  background-image: -o-linear-gradient(#69aee4ff, #4a89bfff);
  background-image: linear-gradient(#69aee4ff, #4a89bfff);
}

.header-geel {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f3f248ff),
    to(#cbcd29ff)
  );
  background-image: -o-linear-gradient(#f3f248ff, #cbcd29ff);
  background-image: linear-gradient(#f3f248ff, #cbcd29ff);
}

.header-rood {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f20002ff),
    to(#f22300ff)
  );
  background-image: -o-linear-gradient(#f20002ff, #f22300ff);
  background-image: linear-gradient(#f20002ff, #f22300ff);
}

.header-paars {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7853b8),
    to(#673ab7)
  );
  background-image: -o-linear-gradient(#7853b8, #673ab7);
  background-image: linear-gradient(#7853b8, #673ab7);
}

.header-oranje {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff7f27ff),
    to(#ff7f27ff)
  );
  background-image: -o-linear-gradient(#ff7f27ff, #ff7f27ff);
  background-image: linear-gradient(#ff7f27ff, #ff7f27ff);
}

.header-groen {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#76e469ff),
    to(#54bf49ff)
  );
  background-image: -o-linear-gradient(#76e469ff, #54bf49ff);
  background-image: linear-gradient(#76e469ff, #54bf49ff);
}

.contextmenu-user-header {
  font-weight: bold;
  white-space: nowrap;
}

.contextmenu-user-footer {
  color: darkgrey;
  font-size: 10px;
}

.imageElement-user {
  padding: 0px !important;
}

#header-pagina-info {
  margin-top: 5px;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

.dossierzone {
  /* background-color: #e3e3e3; */
  background-color: #f4f7f8;
  /*background-image: linear-gradient(#e3e3e3, white);*/
  /* background-image: linear-gradient(#eef5fcff, #dae6f3ff); */
  /* border: 1px rgb(172, 172, 172);
  border-color: rgb(172, 172, 172);
  border-bottom-color: rgb(172, 172, 172);
  border-left-color: rgb(172, 172, 172);
  border-right-color: rgb(172, 172, 172); */
  border: none;
  box-shadow: 0 0 3px #aaa;
  border-radius: 3px;
  /*box-shadow: 0 2px 2px #e3e2e2;*/
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font-size: 0.7875rem;
  margin: 2px 0px 2px 0px;
  box-sizing: border-box;
  width: 100%;
  color: #424242;
}

.dossierzone .dossierzone-label {
  white-space: nowrap;
  padding: 0 5px 0 2px;
  line-height: unset;
}

.dossierzone .dossierzone-radLabel {
    font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif, sans-serif;
    font-size: 0.6875rem;
    color: #607d8b;
    font-weight: 500;
    padding-left: 2px;
}

.dossierzone .dossierzone-label.dossierzone-label-value {
  font-weight: bold;
  font-size: 0.7875rem;
  color: #424242;
}

.updateProgress {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -100px;
  margin-left: -100px;
  border: none;
  background-repeat: no-repeat;
}

.width-100 {
  width: 100%;
}
/*.RadMenu {
    height: 32px;
}

    .RadMenu .rmScrollWrap {
        height: 32px;
        vertical-align: middle;
    }

    .RadMenu .rmItem {
        vertical-align: middle;
        height: 32px;
    }

    .RadMenu .rmLink {
        height: 32px;
        vertical-align: middle;
    }

    .RadMenu .rmText {
        margin-top: 6px;
    }

    .RadMenu .rmSeparator {
        height: 8px;
    }*/
#main {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  min-height: 560px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#footer {
  background-color: #ffffff;
  padding: 0;
}

#content {
  margin: 0px 15px;
  font-family: "Roboto", "Noto", tahoma, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  height: 100%;
  background-color: #ffffff;
  text-align: left;
  min-width: 950px;
}

#contentarea {
  min-height: 700px;
  min-width: 950px;
  width: 100%;
}

.ScreenLabel {
  font: 10px/2em;
}

.ScreenData {
  font-weight: 600;
}

a.linkButton:visited {
  color: #00ff33;
  font-weight: bold;
}

a.linkButton:link {
  color: #00ff33;
  font-weight: bold;
}

a.linkButton:active {
  color: #00ff33;
  font-weight: bold;
}

.quicklinks {
  float: right;
  font: 12px/2em tahoma, arial, helvetica, sans-serif;
  vertical-align: bottom;
  width: 690px;
  color: #ffffff;
}

.quicklinks a {
  color: #ffffff;
  text-decoration: none;
}

.quicklinks a:visited {
  color: #ffffff;
  text-decoration: none;
}

.quicklinks a:hover {
  text-decoration: underline;
}

.quicklinks #active a {
  text-decoration: underline;
}

.quicklinks #active a:hover {
  text-decoration: underline;
}

.clearing {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 2px;
}

.ErrMsg {
  color: red;
  text-align: left;
  vertical-align: middle;
  height: 60px;
}

.OKMsg {
  text-align: left;
  vertical-align: middle;
  height: 60px;
}

.radbutton-32-32 {
  height: 32px !important;
  width: 32px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0px !important;
}

.radbutton-32-24 {
  height: 32px !important;
  width: 32px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4px !important;
}

.radbutton-32-16 {
  height: 32px !important;
  width: 32px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 8px !important;
}

.radbutton-24-16 {
  height: 24px !important;
  width: 24px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4px !important;
}

.radbutton-24-24 {
  height: 24px !important;
  width: 24px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0px !important;
}

.radbutton-16-16 {
  height: 16px !important;
  width: 16px !important;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0px !important;
}

.radbutton-32-32 .rbPrimaryIcon {
  height: 32px !important;
  width: 32px !important;
}

.radbutton-32-24 .rbPrimaryIcon {
  height: 24px !important;
  width: 24px !important;
}

.radbutton-32-16 .rbPrimaryIcon {
  height: 16px !important;
  width: 16px !important;
}

.radbutton-24-16 .rbPrimaryIcon {
  height: 16px !important;
  width: 16px !important;
}

.radbutton-24-24 .rbPrimaryIcon {
  height: 24px !important;
  width: 24px !important;
}

.radbutton-16-16 .rbPrimaryIcon {
  height: 16px !important;
  width: 16px !important;
}

.radContextMenuItem-16-16 img {
    height: 16px !important;
    width: 16px !important;
}

.paginabreadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: maroon;
  padding: 3px 3px 3px 3px;
  margin-left: 10px;
}

.paginafunctie {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: white;
  padding: 3px 3px 3px 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  max-width: 700px;
}

.ID_Field {
  background-color: silver;
  text-align: right;
}

.GridHeader {
  background-image: url("/images/grid/rtbcontrolbg.png");
  background-repeat: repeat-x;
  background-color: #8988a5;
  border-bottom: 1px solid #57566f;
  padding: 0 5px 0 5px;
  cursor: default;
  height: 30px;
  font-weight: bold;
  color: white;
}

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rcbSlide {
  z-index: 9010 !important;
}

.radcombobox-rcbSlide-z-index {
  z-index: 9010;
}

.col1,
.col2,
.col3,
.col4,
.col5 {
  float: left;
  width: 110px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col50 {
  float: left;
  width: 50px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col100 {
  float: left;
  width: 100px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col150 {
  float: left;
  width: 150px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col200 {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col300 {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col400 {
  float: left;
  width: 400px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col500 {
  float: left;
  width: 500px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.col600 {
  float: left;
  width: 600px;
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 14px;
}

.RightAligned {
  text-align: right;
}

/*expand column breedte en hoogte op 30px*/
.rgExpandCol {
  width: 30px !important;
}

#content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* 4px left padding omdat radgrid een border van 1px heeft, en om een radtab of radtoolbar perfect te aligneren
        met een radgrid moet de breedte van de tab of toolbar 100% + 2px zijn.*/
  padding: 0px 0px 0px 0px;
}

#footer {
  margin-top: auto;
}

.form-height-100 {
  height: 100% !important;
}

/* start auto radgrid filter width. */

/* general */
div.RadGrid .rgFilterRow td {
  padding-right: 22px;
}

div.RadGrid .rgFilterRow .rgFilterBox {
  min-width: 20px;
  width: 100%;
}

/* gridboundcolumn */
div.RadGrid .rgFilterRow .rgFilterBox {
  min-width: 15px;
  width: 100%;
}

/* griddatepickercolumn */
.rcTable td {
  padding-right: 0px !important;
  padding: 0px !important;
}

div.RadGrid .rgFilterRow td .RadInput,
div.RadGrid .rgFilterRow td .RadPicker {
  width: 100% !important;
  min-width: 15px;
}

div.RadGrid .rgFilterRow td .RadPicker .rcInputCell {
  /*min-width: 50px;*/
}

div.RadGrid .rgFilterRow td .RadPicker .rcCalPopup {
  display: none;
}

div.RadGrid .rgFilterRow .riSingle .RadPicker {
  min-width: 15px;
  width: 100%;
}

div.RadGrid .rgFilterRow td span {
  max-width: 100%;
  padding: 0px;
}
/* end auto radgrid filter width */

/* tom: klassen om makkelijk bepaalde zaken mee te geven aan asp en telerik controls. worden gebruikt op verschillende plaatsen. */
.margin-bottom-1rem {
  margin-bottom: 1rem;
}

.margin-bottom-4px {
  margin-bottom: 0.25rem;
}

.grid-margin {
  margin: 0rem;
}

.radgrid-width {
  width: 100%;
  /*min-width: 1400px !important;*/
  box-sizing: border-box;
}

@media screen and (max-width: 1919px) {
    .radgrid-width-min-width {
        width: 100%;
        min-width: 1280px;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 1920px) {
    .radgrid-width-min-width {
        width: 100%;
        min-width: 1500px;
        box-sizing: border-box;
    }
}

.radgrid-width-no-min-width {
  width: 100%;
  box-sizing: border-box;
}

.panel-width {
  /* min-width: calc(100% + 4px); */
  /* width: calc(100% + 4px); */
  margin: 0px;
}

.asp-panel-legend legend {
  font-weight: bold;
  color: #a81b21 !important;
}

.asp-panel-legend fieldset {
  border: none;
  box-shadow: 0 0 3px #aaa;
  border-radius: 3px;
  margin-bottom: 3px;
}

hr {
  border: none;
  height: 20px;
  width: 95%;
  height: 15px;
  margin-top: 0;
  opacity: 0.5;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 5px 5px -5px #aaa;
  margin: -7px auto 5px;
}

.hr-black {
  height: 1px;
  width: unset;
  opacity: unset;
  border-bottom: unset;
  box-shadow: unset;
  margin: unset;
  background-color: black;
}

.radgrid-custom-caption .rgCaption {
  font-weight: bold;
  color: #a81b21;
  text-align: left;
  padding: 2px 0px 2px 4px;
}

.caption-left-align .rgCaption,
.caption-left-align .rgCaption {
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font-size: 0.8rem;
  color: #607d8b;
  font-weight: 500;
  text-align: left;
  padding: 2px;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-flex-start {
  justify-content: flex-start;
}

.flex-align-items-center {
  align-items: center;
}

.flex-align-items-flex-start {
  align-items: flex-start;
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.no-flex-shrink {
  flex-shrink: 0;
  flex-grow: 1;
}

.no-flex-grow {
  flex-grow: 0;
}

.flex-grow-0 {
  flex-grow: 0;
}

.no-margin {
  margin: 0px;
}

.no-padding {
  padding: 0px;
}

.toolbar-width {
  box-sizing: border-box;
  width: 100%;
}

.radtab-width {
  box-sizing: border-box;
  width: 100%;
}

/* soms zagen fieldset er licht anders uit  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  fieldset {
    border-width: 1px;
  }
}

@media not screen and (-webkit-min-device-pixel-ratio: 0) {
  fieldset {
    border-width: 1px;
  }
}

/* end*/

/* pagina 100% hoogte laten innemen */

.form-height-100 {
  min-height: inherit;
}

#container {
  min-height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto;
  width: 100%;
  height: 100%;
}

#content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

#contentarea {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.footer {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

/* dient voor radcomboboxen die graphische glitch toont als het grote is dan 1000px */
.wide-radcombobox .rcbInputCell {
  background-image: url("../../Images/telerik-sprite-wide.png") !important;
}

/* end 'pagina 100% hoogte laten innemen */

/* dient voor detail schermen, adreshistoriek icoon op grijs te zetten igv ontvangt geen brieven */

.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

/* end */

/* css grid column layout */

.css-grid-wrapper-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [1];
  grid-template-columns: repeat(1, [col-start] auto);
}

.css-grid-wrapper-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [2];
  grid-template-columns: repeat(2, [col-start] auto);
}

.css-grid-wrapper-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [3];
  grid-template-columns: repeat(3, [col-start] auto);
}

.css-grid-wrapper-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [4];
  grid-template-columns: repeat(4, [col-start] auto);
}

.css-grid-wrapper-5 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [5];
  grid-template-columns: repeat(5, [col-start] auto);
}

.css-grid-wrapper-6 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [6];
  grid-template-columns: repeat(6, [col-start] auto);
}

.css-grid-wrapper-7 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [7];
  grid-template-columns: repeat(7, [col-start] auto);
}

.css-grid-wrapper-8 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [8];
  grid-template-columns: repeat(8, [col-start] auto);
}

.css-grid-wrapper-9 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [9];
  grid-template-columns: repeat(9, [col-start] auto);
}

.css-grid-wrapper-10 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ([col-start] auto) [10];
  grid-template-columns: repeat(10, [col-start] auto);
}

.css-grid-column-start-1 {
  grid-column-start: 1;
}

.css-grid-column-start-2 {
  grid-column-start: 2;
}

.css-grid-column-start-3 {
  grid-column-start: 3;
}

.css-grid-column-start-4 {
  grid-column-start: 4;
}

.css-grid-column-start-5 {
  grid-column-start: 5;
}

.css-grid-column-start-6 {
  grid-column-start: 6;
}

.css-grid-column-start-7 {
  grid-column-start: 7;
}

.css-grid-column-start-8 {
  grid-column-start: 8;
}

.css-grid-column-start-9 {
  grid-column-start: 9;
}

.css-grid-column-start-10 {
  grid-column-start: 10;
}

.css-grid-column-end-1 {
  grid-column-end: 1;
}

.css-grid-column-end-2 {
  grid-column-end: 2;
}

.css-grid-column-end-3 {
  grid-column-end: 3;
}

.css-grid-column-end-4 {
  grid-column-end: 4;
}

.css-grid-column-end-5 {
  grid-column-end: 5;
}

.css-grid-column-end-6 {
  grid-column-end: 6;
}

.css-grid-column-end-7 {
  grid-column-end: 7;
}

.css-grid-column-end-8 {
  grid-column-end: 8;
}

.css-grid-column-end-9 {
  grid-column-end: 9;
}

.css-grid-column-end-10 {
  grid-column-end: 10;
}

.css-grid-row-start-1 {
  grid-row-start: 1;
}

.css-grid-row-start-2 {
  grid-row-start: 2;
}

.css-grid-row-start-3 {
  grid-row-start: 3;
}

.css-grid-row-start-4 {
  grid-row-start: 4;
}

.css-grid-row-start-5 {
  grid-row-start: 5;
}

.css-grid-row-start-6 {
  grid-row-start: 6;
}

.css-grid-row-start-7 {
  grid-row-start: 7;
}

.css-grid-row-start-8 {
  grid-row-start: 8;
}

.css-grid-row-start-9 {
  grid-row-start: 9;
}

.css-grid-row-start-10 {
  grid-row-start: 10;
}

.css-grid-row-start-11 {
  grid-row-start: 11;
}

.css-grid-row-start-12 {
  grid-row-start: 12;
}

.css-grid-row-start-13 {
  grid-row-start: 13;
}

.css-grid-row-end-1 {
  grid-row-end: 1;
}

.css-grid-row-end-2 {
  grid-row-end: 2;
}

.css-grid-row-end-3 {
  grid-row-end: 3;
}

.css-grid-row-end-4 {
  grid-row-end: 4;
}

.css-grid-row-end-5 {
  grid-row-end: 5;
}

.css-grid-row-end-6 {
  grid-row-end: 6;
}

.css-grid-row-end-7 {
  grid-row-end: 7;
}

.css-grid-row-end-8 {
  grid-row-end: 8;
}

.css-grid-row-end-9 {
  grid-row-end: 9;
}

.css-grid-row-end-10 {
  grid-row-end: 10;
}

.css-grid-row-end-11 {
  grid-row-end: 11;
}

.css-grid-row-end-12 {
  grid-row-end: 12;
}

.css-grid-row-end-13 {
  grid-row-end: 13;
}

/* end css grid 12 column layout */

.image-gallery {
  background-color: transparent !important;
}

/* algemene klasses in verband met flexbox */

.flex-column {
  display: flex !important;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row {
  display: flex !important;
  flex-direction: row;
}

.flex-1 {
  flex: 1;
}

.flex-0 {
  flex: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.flex-column-with-child-fieldset-flex-grow-1 {
  display: flex !important;
  flex-direction: column;
}

.flex-column-with-child-fieldset-flex-grow-1 fieldset {
  flex-grow: 1;
}

.flex-column-with-child-fieldset-flex-grow-shrink-1 {
  display: flex !important;
  flex-direction: column;
}

.flex-column-with-child-fieldset-flex-grow-shrink-1 fieldset {
  flex-grow: 1;
  flex-shrink: 1;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

/* end algemene klasses in verband met flexbox */

/* progressbars voor projecten */

div.greenProgressBar .rpbStateSelected,
div.greenProgressBar .rpbStateSelected:hover,
div.greenProgressBar .rpbStateSelected:link,
div.greenProgressBar .rpbStateSelected:visited {
  background-color: lightgreen;
  border-color: green;
}

div.redProgressBar .rpbStateSelected,
div.redProgressBar .rpbStateSelected:hover,
div.redProgressBar .rpbStateSelected:link,
div.redProgressBar .rpbStateSelected:visited {
  background-color: red;
  border-color: darkred;
}

div.yellowProgressBar .rpbStateSelected,
div.yellowProgressBar .rpbStateSelected:hover,
div.yellowProgressBar .rpbStateSelected:link,
div.yellowProgressBar .rpbStateSelected:visited {
  background-color: yellow;
  border-color: goldenrod;
}

div.customProgressBarLabel .rpbLabel {
  padding: 0px !important;
  width: 100%;
  height: 100%;
}

.progressbar-label-wrapper {
  height: 100%;
}

.progressbar-label-item-left {
  height: 100%;
  float: left;
  padding-left: 5px;
  display: table;
}

.progressbar-label-item-right {
  height: 100%;
  float: right;
  padding-right: 5px;
  display: table;
}

.progressbar-child-of-label-item {
  display: table-cell;
  vertical-align: middle;
}

.customPanelBar .rpHeaderTemplate,
.customPanelBar .rpTemplate {
  padding: 2px 4px 2px 4px !important;
}

.customPanelBar .rpItem[style*="display: none"],
.customPanelBar .rpItem[aria-hidden="true"] {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 0 !important;
}

/*progressbars voor projecten*/

/* status en datum in item 3 van detail schermen (huurder, eigenaar, ...) */

.rlbItem:hover,
.rlbSelected {
  background-color: #f9ff63 !important;
}

.datum-status-container {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  align-items: center;
  flex-basis: 100%;
}

.datum-status-item {
  display: flex;
  flex-direction: row;
  min-width: 150px;
  flex-shrink: 0;
  align-items: center;
  padding-bottom: 4px;
  box-sizing: border-box;
}

@media only screen and (min-width: 1855px) {
  .datum-status-container {
    flex-direction: row;
  }

  .datum-status-item {
    width: 33%;
  }
}

@media only screen and (max-width: 1854px) {
  .datum-status-container {
    flex-direction: column;
  }

  .datum-status-item {
    width: 100%;
    padding-left: 0px !important;
  }
}

.datum-status-item-label {
  display: inline;
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  height: fit-content;
}

/* end */

/* detail scherm algemeen tab */

@media only screen and (min-width: 1855px) {
  .detail-algemeen-tab-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
  }
}

@media only screen and (max-width: 1854px) {
  .detail-algemeen-tab-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 5px;
  }
}

.css-grid-wrapper-1-rows-2-auto-1fr {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

.css-grid-wrapper-2-auto-1fr {
  display: grid;
  grid-template-columns: auto 1fr;
}

.css-grid-wrapper-1-rows-4-auto-auto-auto-1fr {
  grid-template-rows: auto auto auto 1fr;
}

/* end */

.white-space-no-wrap {
  white-space: nowrap;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
}

/* recht-aligneren van een radtoolbar button, en alle buttons die erna gedeclareerd zijn in de aspx. toolbar zelf moet display flex zijn en flex grow 1. */
div.toolbar-right-aligned-button .rtbUL {
  width: 100% !important;
  /* white-space: normal; */
}

div.toolbar-right-aligned-button .rightButton {
  float: right !important;
}

.rightButton-padding {
  padding-right: 10px;
}

/* end */

.background-image-size {
  background-size: contain !important;
}

.panel-legend legend {
  font-weight: bold;
  color: #a81b21;
}

/* background image size voor items van een radcontextmenu. */
.background-image-size-16 .rmLeftImage {
  max-width: 16px;
}

.background-image-size-24 .rmLeftImage {
  max-width: 24px;
}

.background-image-size-32 .rmLeftImage {
  max-width: 32px;
}
/* end */

/* custom combobox */

.combobox-item-template {
  max-height: 500px;
}

.combobox-item-template .rcbItem {
  border-bottom: 1px solid #e2e2e2;
  display: flex;
}

.combobox-item-template-checkboxes .combobox-item-template-header-container {
  padding-left: 20px;
  width: calc(100% - 40px) !important;
}

.combobox-item-template .rcbHovered {
  border-bottom: 1px solid #f7f7f7;
  display: flex;
}

.combobox-item-template .rcbItem:last-child {
  border-bottom: none !important;
  display: flex;
}

.combobox-item-template .rcbHovered:last-child {
  border-bottom: none !important;
}

.combobox-item-template .rcbHeader {
  background-color: #f4f7f8;
}

.combobox-item-template .rcbFooter {
  background-color: #f4f7f8;
}

/* .combobox-item-template .combobox-item-template-item-container {
} */

.combobox-item-template .combobox-item-template-header-container {
  width: calc(100% - 30px);
}

.combobox-item-template .combobox-item-template-header-item {
  white-space: break-spaces;
}

.combobox-item-template .combobox-item-template-item {
  white-space: break-spaces;
  max-width: 200px;
  min-width: 200px;
  word-break: break-word;
}
/* end */

/*Search*/
.searchradtextbox {
  width: 150px;
}
/*Search end*/

/*Ga naar*/
.ganaar-label {
  margin: 0px 5px 0px 0px;
}

.ganaar-item {
  margin: 5px 0px 0px 0px;
}

.ganaar-button {
  margin: 5px 2px 0px 0px;
}

/*Ga naar end*/
/**/

.text-aside {
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font: 11px/1.5em;
  color: #384e73aa !important;
}

.radajaxpanel-100-width {
  flex-grow: 1;
  flex-shrink: 1;
}

.radajaxpanel-100-width-no-flex-grow {
  flex-grow: 0;
  flex-shrink: 1;
}

.radajaxpanel-100-height {
  height: 100%;
}

.raddockinfobackground .rdTitleWrapper {
  background-color: #ff6961 !important;
}

.radgrid-checkboxcolumn input[type="checkbox"] {
  margin-left: 1px;
  margin-top: 5px;
}

.RadToolBar .rtbSeparator {
  padding-right: 5px !important;
}

.RadToolBar .rtbSplitButton {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

iframe {
  border: none;
}

.searchcontroller-button {
  margin-right: 5px;
}

.pagina-info {
  margin-top: 5px;
}

.achterstal-combobox {
}

.achterstal-combobox-item {
  color: white;
}

.achterstal-combobox-item span {
  color: white;
}

label {
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font-size: 0.6875rem;
  color: #607d8b;
  font-weight: 500;
  padding-top: 4px;
  padding-bottom: 4px;
}

h6 {
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font-size: 0.8875rem;
  color: #607d8b;
  font-weight: 500;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0px 3px 0px 3px;
}

input[type="radio" i] {
  padding: 4px 0 4px 0;
}

.outputformattable {
  font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif,
    sans-serif;
  font-size: 0.6875rem;
  color: #607d8b;
  font-weight: 500;
}

.ReportSelectionGroep {
  text-decoration: underline;
  margin: 5px;
  padding: 3px;
  width: 460px;
}

.ReportSelectionLinkButton {
  font-size: 12px;
  color: #2196f3;
  text-decoration: underline;
  margin: 5px;
  padding: 3px;
  width: 450px;
}

.ReportSelectionLinkButton:hover {
  background-color: #d6e5f3;
}

.ajaxpanel-inline-block {
  display: inline-block !important;
}

.maincompanylogo {
  box-shadow: 0 1px 3px -3px rgb(0 0 0 / 12%), 0 1px 2px -2px rgb(0 0 0 / 20%);
}

.legende {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 5px;
}

.legende-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    gap: 5px;
}

.legende-no-border fieldset {
    box-shadow: unset !important;
}

.legende-item {
  display: flex;
  flex-direction: row;
  padding-right: 15px;
  align-items: center;
}

.legende-item-label {
  display: inline-block;
}

.legende-item-label-column {
    display: inline-block;
    margin-left: 5px;
}

.legende-item-kleur {
  display: inline-block;
  width: 35px;
  height: 15px;
  border: 1px solid #aaa;
}

.legende .RadLabel {
  padding: 0px;
  padding-left: 5px;
}

.legende fieldset {
  display: flex;
  flex-direction: row;
}

.legendes-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
}

/* element.style {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
  min-inline-size: 0;
} */

.contractdatawrapper {
  background-color: whitesmoke;
  padding: 5px 5px 5px 5px;
}

.contractdatawrapper table {
  width: 100%;
  width: fit-content;
}

.fileexplorer-100 {
  height: 100%;
  min-height: 100%;
  flex: 1;
}

.filter-control {
  margin: 2px 5px 2px 0px;
}

.custom-splitbutton span {
  padding: 0 !important;
}

.custom-splitbutton .radIconDown:before {
  padding-left: 5px;
}

.label-no-padding {
  padding: 0;
}

.word-break-break-all {
  word-break: break-all;
}

.increase-readability {
  mix-blend-mode: multiply;
  font-weight: 500;
}

.increase-readability-combobox > label {
  font-weight: 500 !important;
  color: #394b53;
}

.viewWrapper {
    margin: 5px
}

.radmenu-footer-item {
    font-size: 0.6525rem;
    opacity: 60%;
    padding: 0px 0px 0px 0px;
}


.radmenu-footer-item .rmContent {
    padding: 4px 10px 4px 10px !important;
}

.radmenu-footer-no-padding ul {
    padding-bottom: 0px !important;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.green-disabled-checkbox input[type="checkbox"]:disabled {
    color: green;
    background-color: green;
    border-color: green;
}

.red-disabled-checkbox input[type="checkbox"]:disabled {
    color: red;
    background-color: red;
    border-color: red;
}

.no-wrap-button button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* Filtering grid start */
html body .RadMenu.GridContextMenu {
    width: 300px !important;
}

html body .GridContextMenu li.rgFilterListMenu,
html body .GridContextMenu li.rgFilterMenu {
    max-width: unset;
}

html body .GridContextMenu .rmItem .rmContent {
    max-width: unset;
    max-height: 250px;
}

html body .RadMenu.GridContextMenu > ul,
html body .RadMenu.GridContextMenu ul.rlbList,
html body .GridContextMenu .rgFilterListMenu .RadListBox {
    width: 100%;
}

html body .GridContextMenu .rmItem .rmContent > *:not(button),
html body .GridContextMenu .rmItem .rmText > *[id] {
    display: block;
}

.filtered-column {
    background-color: #ffd !important;
    font-weight: bold !important;
}

html body .GridContextMenu .rmItem .rmContent .RadListBox {
    max-height: 220px;
}

/* Filtering grid end */

/* Rad Alerts */

.alert-custom .rwExternalContent {
    height: unset !important;
}

.RadWindow.alert-custom {
    height: unset !important;
}

.alert-custom .rwAlertDialog {
    margin-bottom: 30px !important;
}

.RadWindow.confirm-custom {
    height: unset !important;
}

.confirm-custom .rwExternalContent {
    height: unset !important;
}

.rwConfirmDialog {
    margin-bottom: 30px !important;
}

.prompt-custom .rwExternalContent {
    height: unset !important;
}
.RadWindow.prompt-custom {
    height: unset !important;
}

.rwPromptDialog {
    margin-bottom: 30px !important;
}

/* Rad Alerts end */

.ApplicationRadTicker {
    font-family: "Roboto", "Noto", Tahoma, Arial, Helvetica, sans-serif, sans-serif;
    font-size: small;
    color: #ffffff;
    font-weight: 500;
}