/*                          */
/* 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 */
/* Lightgrey with matching color*/
/* 0.7 Transparent colors for background */
/* Lightgrey with matching color*/
/* Grid colors */
/* Colors for judgement */
/* 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 {
  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: #3D3D3D none repeat scroll 0 0;
}
/* Common styles */
/*#AppDivHeaderBox,
#AppDivContentPage,
#AppdivCopyrightBox,*/
.AppClsCopyrightFooterText,
.AppClsRounded {
  /*-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	-o-border-radius:      @radius;*/
  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%;
  font-size: 116.667%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* CSS for the top part of the page */
#AppDivHeaderBox {
  position: absolute;
  height: 7.5em;
  min-height: 7.5em;
  border-width: 0;
  border-bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  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;
}
/* Header username */
#AppDivUserNameCssN {
  float: left;
  height: auto;
  padding-left: 1em;
  padding-right: 0.5em;
  padding-top: 2.5em;
  width: 23.5em;
  min-width: 20em;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box;
  -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: padding-box;
  -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: padding-box;
  -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%;
  z-index: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-height: 830px) {
  #AppDivContentPage {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 100%;
  }
}
@media screen and (min-height: 831px) {
  #AppDivContentPage {
    padding-top: 1em;
    padding-bottom: 1em;
    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;
}
#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;
}
#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: padding-box;
  -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 {
  /*-moz-box-shadow: 1px 1px 4px #000;
   -webkit-box-shadow: 1px 1px 2px #000;*/
  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;
  /*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: padding-box;
  -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 {
  background-color: transparent;
  display: block;
  height: 8.5em;
  width: 9.667em;
  margin-top: 0.25em;
  overflow: hidden;
  z-index: 10;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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;
  /*-webkit-border-radius: @radius;
	-moz-border-radius:    @radius;
	-o-border-radius:      @radius;*/
  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 #ebebeb;
}
#idOK {
  background-color: #8dc63f;
  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;
}
/* Css for forms */
.AppClsDisplayMainDataFldsCont {
  border: 1px solid black;
  height: 57px;
  margin-top: 0.5em;
  overflow: visible;
  padding-left: 0.9em;
  padding-top: 0.9em;
  position: relative;
  width: 220px;
}
.AppClsDisplayMainDataHdrCont {
  background-color: #888;
  height: 18px;
  left: 10px;
  padding-top: 3px;
  position: relative;
  top: -15px;
  width: 100px;
  z-index: 999;
  color: white;
  padding-left: 10px;
}