/*                          */
/* Navileren CSS specials.  */
/*                          */
/* RC 20160312 added for new UI masterpage. */
/*                          */
/* Bemplanner colours       */
/*                          */
/*                          */
/* New UI Idyia colors      */
/*                          */
/* Blue       RGB 000 00 255 CMYK 70-16-00-00 */
/* Blue       RGB 038 169 225 CMYK 70-16-00-00 */
/* Lightgreen RGB 201 201 045 CMYK 25-10-99-00 */
/* Orange     RGB 252 176 060 CMYK 00-35-86-00 */
/* Purple     RGB 237 035 124 CMYK 00-96-18-00 */
/* Green      RGB 141 198 063 CMYK 50-01-99-00 */
/* DGreen    */
/* Lightgrey with matching color*/
/* Dark Green for header text instead of blue */
/* 0.7 Transparent colors for background */
/* Lightgrey with matching color*/
/* Grid colors */
/* Colors for judgement */
/*                          */
/* Navileren CSS specials.  */
/*                          */
/*@ClrBgColNavHdr : #BFCFFF;
@ClrBgColPupNav : #D0DBE6;
@ClrBgColNav 	: #FFFFE0;*/
/* Colors for Navileren Educational */
/* CSS for the new style of layout */
/* Creates the body of the page, the height is set in screenpars_xxxx.js  */
/* the of the project. Here we do the project dependent stuff.   */

body {
    overflow: hidden;
    background: url(/css/images/IdyiaUI/achtergrond_1920x1080.jpg) no-repeat !important;
    background-size: cover;
}

body {
  min-width: 112em;
  margin: 0;
  top: 0;
  left: 0;
  font-size: 1em;
  position: relative;
  /*background: #3D3D3D none repeat scroll 0 0;*/
  /* Take care because if this is changed all kinds of sizes change. */
  font-family: 'Alegreya Sans', Arial, Verdana, Calibri, sans-serif;
}
/*                                                            */
/* Start of the classes for determining the base screenlayout */
/*                                                            */
/*                                                            */
/* Sets the background image for the footer of the page */
#AppDivPage_backGround {
  min-width: 112em;
  height: 100%;
  top: 0;
  font-size: 75%;
  /*background: transparent url(/css/images/page_bgWhite.png) repeat-x center top;*/
  overflow: hidden;
  /* 10-3-2019 */
}
/* Common styles */
/*#AppDivHeaderBox,
#AppDivContentPage,
#AppdivCopyrightBox,*/
.AppClsCopyrightFooterText,
.AppClsRounded {
  border-radius: 0.667em;
  /*	-moz-background-clip:    padding;*/
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* is 8 px */
}
/*#AppDivContentPage {
    left:0;   
    width:100%;
}*/
/* CSS for the top part of the page */
#AppDivHeaderBox {
  position: absolute;
  height: 7.5em;
  left: 0;
  width: 100%;
  min-height: 7.5em;
  border-width: 0;
  border-bottom: 0;
  top: 0;
  z-index: 5;
  border-radius: 0;
  /*background: #333 none repeat scroll 0 0;*/
  /*@ media screen and (max-height: 999px) {
            font-size:0.75em;
        }*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-image: none;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  overflow: hidden;
  /* 10-3-2019 */
}
/* Header username */
#AppDivUserNameCssN {
  float: left;
  height: auto;
  padding-left: 1em;
  padding-right: 0.5em;
  padding-top: 2.5em;
  width: auto;
  min-width: 26em;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*  -moz-background-clip: @x;    */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* End header username */
/* Header page choice class */
#DivPageChContainer {
  height: 100%;
  min-width: 40em;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsPageChOuter {
  width: 5.5em;
  float: left;
  padding-top: 1em;
  padding-right: 0.5em;
  margin-right: 0.5em;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.ClsPageChInner {
  width: 100%;
  height: 85%;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-radius: 0.468em;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsPageChInnerBelow {
  width: 100%;
  height: 15%;
  text-align: center;
  background-color: transparent;
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* End header Page choice class */
/* start page main menu selection */
.ClsPageBigChOuter {
  width: 10em;
  float: left;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-right: 2em;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.ClsPageBigChInner {
  width: 100%;
  height: 85%;
  padding-top: 0.75em;
  padding-bottom: 0.5em;
  border-radius: 0.936em;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Header buttons */
#DivOuterBack {
  min-width: 31em;
  height: 100%;
  float: right;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#AppDivHelpN,
#AppDivMailIssueN,
#AppDivLogOffN,
#AppDivHomeN {
  height: auto;
  width: auto;
  background-color: transparent;
  padding-top: 1.9em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#AppDivLogOffN {
  padding-right: 2.5em;
}
#HelpNIntern,
#MailIssueNIntern,
#LogOffNIntern,
#HomeNIntern {
  /*  -moz-background-clip: @x;    */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.468em;
  float: right;
  height: auto;
  width: auto;
  padding: 0.5em;
  z-index: 10;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Remove underline */
#Logoff,
#MailIssue {
  text-decoration: none;
}
/* End header buttons */
/* End CSS for the top part of the page */
/* Start of style for the container, containing the data content.        */
/* The height, width, left and top are set in screenpars_xxx.js and are  */
/*  dependenton the viewport.                                            */
#AppDivContentPage {
  /*  -moz-background-clip: @x;    */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: absolute;
  height: 20em;
  /*background: white none repeat scroll 0 0;*/
  border-radius: 0;
  border-width: 0;
  border-top: 0;
  left: 0;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  z-index: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-height: 830px) {
  #AppDivContentPage {
    font-size: 100%;
  }
}
@media screen and (min-height: 831px) {
  #AppDivContentPage {
    font-size: 116.667%;
  }
}
.DpgClsRectangles {
  width: inherit;
  height: inherit;
  background: Transparent;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* These classes will be obsolete in the new layout.                                            */
/* These classes are to format The Line Add with icon lines, the search and divselect button.   */
.ClsLinkSomeLine,
.ClsLinkSomeLineIcon,
.ClsLinkSomeLineSrch,
.ClsLinkSomeLineBoxed {
  margin: 3px;
  height: 22px;
  padding: 1px;
}
/* CSS for page sizer */
#AppDivContentPageSizer {
  width: 1em;
  height: 100%;
  background-color: #333;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.CPSizBlockT {
  top: 0;
}
.CPSizBlockB {
  bottom: 2px;
}
.CPSizBlockT,
.CPSizBlockB {
  width: 100%;
  height: 1em;
  background-color: #333;
  position: absolute;
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* End of CSS for page sizer */
#AppDivContentPageMiddle,
#AppDivContentPageFiller,
#AppDivContentPageSheet,
#AppDivContentPageLeft,
#AppDivContentPageRight {
  overflow: hidden;
  position: absolute;
  height: 100%;
}
#AppDivContentPageLeft {
  z-index: 0;
  width: 20em;
  margin-left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  /* 10-3-2019 */
  max-width: 20em;
  /* 24-5-2019 */
}
#AppDivContentPageMiddle {
  left: 15em;
  width: 0;
  z-index: 0;
}
#AppDivContentPageFiller {
  left: 22.5em;
  width: 0;
}
#AppDivContentPageSheet {
  left: 22.916em;
  width: 7.5em;
  z-index: 0;
}
#AppDivContentPageRight {
  right: 0;
  z-index: 0;
  width: 0;
}
/*#AppDivContentPageRight, */
#AppDivInlog,
#AppDivChat {
  width: 15em;
}
#AppDivAction,
#AppDivSearch,
#AppDivInlog,
#AppDivChat {
  position: absolute;
  padding: 0;
}
#leftDiv0,
#leftDiv1,
#leftDiv2 {
  background-color: transparent;
  float: left;
  width: 100%;
  height: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#leftDiv0,
#leftDiv1 {
  padding-left: 2em;
  padding-right: 2em;
}
/* CSS for the left part of the content page */
.ClsMenuButFront,
.ClsMenuButton {
  /*  -moz-background-clip: @x;    */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.333em;
  height: 1.8336em;
  margin-left: 1.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsMenuButFront {
  float: right;
  margin-left: 0;
  padding-left: 2em;
  padding-right: 2em;
  font-weight: bold;
}
.ClsbtnOKSelect {
  margin-left: 3.75em;
  width: 7.5em;
}
/* End of CSS for the left part of the content page */
.AppClsELOMenuButton {
  cursor: pointer;
}
.ClsNavBtn {
  margin-left: 10%;
  width: 20em;
}
.AppClsActionHdr span,
.AppDivActionHdr span,
.AppClsActionHdrFixed span {
  display: inline-block;
}
.AppDivActionHdr,
.AppClsActionHdr,
.AppClsActionHdrFixed,
.AppClsActionItem,
.AppClsActionItemDbl {
  border-radius: 0.667em 0.667em 0.667em 0.667em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  font-weight: bold;
  height: 2.416em;
  padding-right: 2.777%;
  margin-bottom: 0.667em;
  padding-top: 0.571em;
  width: 100%;
}
/* changed 8-3-2016 */
.AppDivActionHdr,
.AppClsActionHdr,
.AppClsActionHdrFixed {
  background-color: #CCC;
  color: #676767;
  padding-left: 0.5em;
}
.AppClsActionItem {
  background-color: white;
  color: #0000FF;
  font-weight: normal;
  /*.box-sizing;*/
}
.AppClsActionItem select {
  cursor: pointer;
}
.AppClsActionItemDbl {
  background-color: white;
  color: #0000FF;
  height: 4.3333em;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#AppDivActions {
  height: 10em;
  top: 0;
  width: 100%;
}
.AppDivActionHdr span {
  padding-top: 0;
}
.ClsActFaSpan {
  padding-right: 0.5em;
  float: right;
}
.ClsLinkSomeLine {
  width: 36.3%;
  /* 250px; set to 550 as we display the searchfield and select toggle button rc 29-8-2011 */
  min-width: 160px;
}
.ClsLinkSomeLineBoxed {
  width: 40%;
  outline: 1px solid Navy;
  /* font: Navy;    ??? */
  float: left;
}
.ClsLinkSomeLineIcon {
  width: 30px;
  min-width: 30px;
}
.ClsLinkSomeLineIcons {
  width: 90px;
  min-width: 60px;
}
.ClsLinkSomeLineSrch {
  width: 40%;
  min-width: 230px;
}
#DivLinkSomeLineBox,
#DivLinkSomeLineBox1,
#DivLinkSomeLineBox2 {
  width: 98%;
  height: 31px;
  margin: 2px;
  min-width: 440px;
}
/* End of classes to format The Line Add with icon lines, the search and divselect button. */
#AppDivSearches,
#AppDivSelections {
  width: 100%;
}
#AppDivInlog {
  height: 21%;
  top: 0;
}
#AppDivChat {
  height: 74.5%;
  top: 24%;
}
/************************************************************************/
/* Start of styles for the footer and its inside.                       */
/* The width, left and top are set in screenpars_xxx.js and are         */
/*  dependent on the viewport.                                          */
/************************************************************************/
.boxshadow .AppClsCopyrightFooterText {
  box-shadow: 1px 1px 2px #000;
}
#AppdivCopyrightBox {
  height: 7.5em;
  /*background: #333 none repeat scroll 0 0;*/
  border-radius: 0;
  border-width: 0;
  z-index: 5;
  overflow: hidden;
  /* 10-3-2019 */
  /*font-size:inherit;*/
  /*@ media screen and (max-height: 999px) {
	font-size:0.75em;
	}*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsHdrCBFiller {
  width: 100%;
  height: 1.5em;
  float: left;
}
#DivSelectionSpan {
  /*  -moz-background-clip: @x;    */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  height: auto;
  position: relative;
  padding-top: 2em;
  padding-left: 1em;
  width: auto;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#DivSelectionSpanFrst {
  float: left;
  width: 12em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#DivSelectionSpanSec {
  float: left;
  width: 12.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#DivSelectionSpanThrd {
  float: left;
  width: 15em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsIdiyaN,
.ClsNavLogo {
  background-color: transparent;
  display: block;
  height: 8.5em;
  overflow: hidden;
  z-index: 10;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsIdiyaN {
  width: 9.667em;
  margin-top: 0.25em;
}
.ClsNavLogo {
  width: 9.667em;
  height: 4.8em;
  margin-top: 2.5em;
  margin-right: 1.5em;
}
.ClsElopLogoN {
  background-color: transparent;
  border-radius: 0;
  display: block;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 2.5em;
  width: 21.1em;
  float: right;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Creating the footer of the Copyright container */
.AppClsCopyrightFooter {
  position: absolute;
  left: 15%;
  width: 70%;
  margin: 0 auto;
  height: 0.625em;
  padding: 0.938em 0 0 0;
  text-align: center;
  background-color: Transparent;
}
/* Text in the footer of the Copyright container */
.boxshadow .AppClsCopyrightFooterText {
  box-shadow: 1px 1px 2px #000;
}
.AppClsCopyrightFooterText {
  color: #8B0000;
  background: #EEEEEE;
  width: 31.25em;
  border: 0.1em solid GoldenRod;
  z-index: 100;
  padding: 0.125em 0.313em 0.125em 0.313em;
  /*    text-shadow: 1px 1px 0 #000;*/
}
/************************************************************************/
/* End of styles for the footer and its inside.                         */
/************************************************************************/
/* Start of general styles.                                             */
/************************************************************************/
.ClsAutMargin {
  margin-left: auto;
  margin-right: auto;
}
/************************************************************************/
/* End of general styles.                                               */
/************************************************************************/
/* Start of styles for the Tiles specifics.                             */
/************************************************************************/
.clsTiles h1 {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  color: white;
}
.clsTiles h2 {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  color: Black;
  border-bottom: 0;
}
.clsTiles,
.clsTilesFiller {
  height: 25%;
  float: left;
  min-height: 13em;
  margin-top: 5%;
}
.clsTiles {
  width: 20%;
  margin-top: 4%;
  margin-left: 4%;
}
.clsTilesInner {
  width: 100%;
  height: 100%;
  min-height: 13em;
  float: left;
}
.clsTilesFiller {
  width: 4%;
  background-color: transparent;
}
/************************************************************************/
/* End of styles for the Tiles specifics.                               */
/************************************************************************/
#DivWizzard {
  float: right;
  height: 2em;
  margin-top: 0.5em;
}
.clsWizButt {
  width: 7.5em;
}
/************************************************************************/
/* End of styles for the Elo specifics.                                 */
/************************************************************************/
/************************************************************************/
/* Start of styles for the the ASPX page specifics.                     */
/************************************************************************/
.Cls11v166FlRght {
  width: 11.166em;
  float: right;
}
.ClsIFrameDet,
.ClsIFrameDet250,
.ClsIFrameDet540,
.ClsIFrameDet560 {
  width: 100%;
  height: 520px;
  border-width: 0;
  overflow: hidden;
}
.ClsIFrameDet250 {
  height: 250px;
}
.ClsIFrameDet540 {
  height: 540px;
}
.ClsIFrameDet560 {
  height: 560px;
}
/************************************************************************/
/* End of styles for the ASPX page specifics.                           */
/************************************************************************/
.ClsBtnMonth,
.ClsBtnWeek,
.ClsBtnToday {
  border-width: 0;
  margin-top: 0.25em;
  float: left;
  margin-left: 1px;
}
.ClsTxtMonth {
  width: 4em;
  padding-bottom: 3px;
  margin-bottom: 0.25em;
  margin-left: 1px;
}
/* Classes for dialogs new look*/
.ClsNewDialogOutside {
  z-index: 500;
  display: none;
  box-shadow: -1px 1px 10px 10px rgba(8, 8, 8, 0.15);
  font-family: 'Alegreya Sans', sans-serif;
}
.ClsDialogTopHdr {
  border-bottom: 1px solid lightslategray;
  float: left;
  height: 3.5em;
  padding-top: 0.714em;
  padding-bottom: 0.79em;
  margin-bottom: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsDialogTopHdr h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.ClsDialogBtnBottom {
  border-top: 1px solid lightslategray;
  float: left;
  height: 3.5em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  margin-top: 0.5em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ClsDialButton {
  /* these values are based on 1em = 16px;*/
  margin-left: 1em;
  height: 1.875em;
  padding-top: 0.3125em;
  padding-left: 1em;
  border: 1px solid;
  float: left;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.667em;
  /*	-moz-background-clip:    padding;*/
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* is 8 px */
}
/* Redefinition of global html elements */
select,
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  border-radius: 0.333em;
  border: 1px solid #bdbdbd;
}
#idOK,
.EagleBtnOk {
  background-color: #8dc63f;
  background-image: none;
  color: white;
  border: 0 solid #26A9E1;
}
.ClsLikeInput {
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #ebebeb;
  border-radius: 0.333em;
  padding: 0.25em 1.5em 0.25em 1.5em;
}
.ClsInput {
  color: #0000FF;
  border-color: RoyalBlue;
  cursor: pointer;
}
/* End of classes for dialogs new look*/
/* must later go to app-generic. */
.AppClsSubPadding {
  height: 2.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clsTxtBtnMessage {
  /*height:2em;*/
  width: 15em;
  float: left;
  padding: 0.4em 0 0 0.3em;
  border: 0 solid;
  height: 100%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* background-color:@IdyiaInpGrey; */
}
/* CSS for the alphabet bar. */
.ClsAlfaOuter {
  width: 57em;
  height: 2em;
}
.ClsAlfaInner {
  width: 1.5em;
  height: 1em;
  float: left;
}
/**
     * ClsEagleCheckbox : https://paulund.co.uk/how-to-style-a-checkbox-with-css voor andere layouts
     */
.ClsEagleCheckbox,
.ClsEagleCheckboxBlack {
  width: 0.333em;
  margin: 0.333em 0.5em;
  position: relative;
}
/**
     * Create the box for the checkbox
     */
.ClsEagleCheckbox label,
.ClsEagleCheckboxBlack label {
  cursor: pointer;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 0;
  left: 0;
  background: #DDD;
  border: 1px solid blue;
  border-radius: 2px;
}
.ClsEagleCheckboxBlack label {
  background: #F8F8F8;
  border: 1px solid #EBEBEB;
}
/**
     * Display the tick inside the checkbox
     */
.ClsEagleCheckbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 3px solid blue;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.ClsEagleCheckboxBlack label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 3px solid #444;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
/**
     * Create the hover event of the tick
     */
.ClsEagleCheckbox label:hover::after {
  opacity: 0.5;
}
/**
     * Create the checkbox state for the tick
     */
.ClsEagleCheckbox input[type=checkbox]:checked + label:after,
.ClsEagleCheckboxBlack input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/**
     * WHEN CHANGING grid_container and grid_item, these must also be changed in \navilerenorgan\utilities\driverlist.html 
     * for the transport mail.
     */
.grid-container_triplist {
  display: grid;
  grid-template-columns: 6% 10% 55% 15% 14%;
  border-right: 1px solid lightgray;
  width: 100%;
}
.grid-item_triplist {
  border-left: 1px solid lightgray;
  border-top: 1px solid lightgray;
  padding: 3px;
  font-size: 12px;
  text-align: left;
}