/*                                */
/* 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.   */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  width:100vw;
  height:100vh;
  margin: 0;
  top: 0;
  left: 0;
  position: relative;
  /*background:#faf7f1 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;
}


#myOverlay {
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa;
    opacity: 0.3;
}

#AppDivPage_backGround {
  width:100%;
  height:100%;
}

/* CSS for the top part of the page */
header, #AppDivHeaderBox {
    font-size: 75%;
    height: 5.5rem;
    min-height: 5.5rem;
    border-width: 0;
    border-bottom: 0;
    border-radius: 0;
    /*background-image: linear-gradient(to right,#43C0DF, #67D6D0) !important;*/
}

/* Header username */
#AppDivUserNameCssN {
   width: 100%;
   float: left;
   z-index: 10;
  background-clip: padding-box;
}
/* End header username */
/* Header buttons */
#DivOuterBack {
   height: 100%;
   background-color: transparent;
   z-index:500;
 }
 
 #AppDivHelpN,
 #AppDivMailIssueN,
 #AppDivLogOffN,
 #AppDivHomeN {
   height: 3rem;
   width: 100%;
   background-color: transparent;
   float: right;
 }
 /*#AppDivLogOffN {
   padding-right: 2.5em;
 }*/

 #HelpNIntern,
 #MailIssueNIntern,
 #LogOffNIntern,
 #HomeNIntern {
       background-clip: padding-box;
       border-radius: 0.468em;
       font-size: 120%;
       line-height: 130%;
       min-height:2rem;
       float: right;
       height: 100%;
       width: 100%;
       padding: 7.5px; /*.5em;*/
       z-index: 10;
       cursor: pointer;
       padding-top: 4px;
       height: 100%;
 }
 /* Remove underline */
 #Logoff,
 #MailIssue {
   text-decoration: none;
 }
 /* End header buttons */
/* 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 {
      position: fixed;
      top:5.5rem;
      font-size:87.5%;
      line-height:130%;
      overflow: hidden;
      border-radius: 0;
      border-width: 0;
      border-top: 0;
      width: 100%;
}
/* CSS for the left part of the content page */
#AppDivContentPage {
    height: calc(100% - 9rem);
    background-color: transparent;
}

#AppDivContentPageLeft,
#AppDivContentPageRight {
    height: 100%;
    overflow-y: auto;
}

#AppDivContentPageSheet {
    height: 100%;
    overflow-y:hidden;
}


.ClsMenuButFront, .ClsMenuButton {
    background-clip: padding-box;
    border-radius: 0.333em;
    height: 2.5rem;
}
.ClsMenuButFront {
      float: right;
      margin-left: 0;
      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;
      cursor: pointer;
      float: left;
      font-weight: bold;
      height: 2.416rem;
}
/* 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;
}
.AppClsActionItem select {
  cursor: pointer;
}
.AppClsActionItemDbl {
  background-color: white;
  color: #0000FF;
  height: 4.3333rem;
  font-weight: normal;
}
#AppDivActions {
  height: 10em;
  top: 0;
  width: 100%;
}
.AppDivActionHdr span {
  padding-top: 0;
}
.ClsActFaSpan {
  padding-right: 0.5em;
  float: right;
}
#leftDiv0,
#leftDiv1,
#leftDiv2 {
  background-color: transparent;
}

/* Header page choice class icon part */
#DivPageChContainer {
  height: 100%;
  float: left; 
}
#DivPageChContainer {
  height:100%;
}

.ClsPageChOuter {
  width: 5.5em;
  float: left;
  padding-top: 0.5em;
  padding-right: 0.5em;
  margin-right: 0.5em;
  background-color: transparent;
  height: 100%;
}
.ClsPageChInner {
  width: 100%;
  height: 95%;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-radius: 0.468em;
  cursor: pointer;
}
.ClsPageChInnerBelow {
  width: 100%;
  height: 15%;
  text-align: center;
  background-color: transparent;
  color: white;
}
/* 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;
  height: 100%;
}
.ClsPageBigChInner {
  width: 100%;
  height: 85%;
  padding-top: 0.75em;
  padding-bottom: 0.50em;
  border-radius: 0.936em;
  cursor: pointer;
}

/* Module icons in AppDivContentPageSheet */

.ClsModChoice {
    width: 100%;
    padding-top: 100%;
}

.ClsModChoiceInner {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-radius: 0.468em;
    font-size: 114.3%;
    line-height: 130%;
    cursor: pointer;
}


/* End of Module icons in AppDivContentPageSheet */

/* Footer Css */
footer, #AppdivCopyrightBox {
    /*background: #333 none repeat scroll 0 0;*/
    height: 4rem;
    position: fixed;
    bottom: 0;
}

#DivSelectionSpan {
  background-clip: padding-box;
  float: left;
  height: auto;
  position: relative;
  padding-top: 0em;
  padding-left: 1em;
  width: auto;
  z-index: 10;
}

/*#DivSelectionSpanFrst {
  float: left; 
  width: auto;
}
#DivSelectionSpanSec {
  float: left; 
  width: auto;
}
#DivSelectionSpanThrd {
  float: left; 
  width: auto;
}
*/
.ClsElopLogoN {
  background-color: transparent;
  border-radius: 0;
  display: block;
  margin-left: 0;
  margin-right: 0.5em;
  margin-top: 0.2em;
  width: 21.1em;
  float: right;
  z-index: 10;
}

.ClsIdiyaN {
  width: 9.667em;
  margin-top: 0;
}
.ClsIdiyaN, .ClsNavLogo {
  background-color: transparent;
  display: block;
  height: 3.5em;
  width: 3.5em;
  overflow: hidden;
  z-index: 10;
  float: right;
}

#logosTxt {
    width: calc(100% - 3em);
}

.ClsNavLogo {
    width: 9.667em;
    height: 4em;
    margin-top: 1em;
    margin-right: 0.5em;
}

.ClsHvr:hover {
    background-color: #43C0DF;
}

/*#divEmptyFt  {background-color:silver}*/
/* Adaptations for header because of nav */
.ClsSetTo100 {width:25%;}
#UserNameCssNIntern {padding-top:1rem!important;}
.SP-ChFs {font-size: 400% !important;}

@media screen and (max-width: 1500px) {
    .SP-ChFs {font-size: 400% !important;}
}

/*  large devices (desktops) xl */
@media screen and (max-width: 1199px) {
    header {font-size: 0.75rem;}
  }
/*  #divEmptyFt  {background-color: rgb(87, 240, 87)}*/
  .ClsSetTo100 {width:25%;}
  .SP-ChFs {font-size: 225% !important;}
}

/*  medium devices (tablets) lg */
@media screen and (max-width: 991px) {
  header, #AppDivHeaderBox, #AppDivContentPage {
      font-size: 0.70rem;
  }
  #UserNameCssNIntern {
    font-size: 142.875%;
  }
 /* #divEmptyFt  {background-color: yellow} */
  .ClsSetTo100 {width:100%;}
  .SP-ChFs {font-size: 250% !important;}
}

/*  small devices (landcape phones) md */
@media screen and (max-width: 768px) {
  header, #AppDivHeaderBox, #AppDivContentPage {
      font-size: 0.65rem;
  }
/*  #divEmptyFt  {background-color: red}
  .ClsSetTo100 {width:25%;}
*/  .ClsSetTo100 {width:100%;padding-top:0.5em;}
  #HomeNIntern, #HelpNIntern, #AppDivMailIssueN,
  #AppDivLogOffN  {padding-top:0.25rem;font-size:0.9rem;}
  .SP-ChFs {font-size: 240% !important;}
}

/* extra small devices (portrait phones)  sm */
@media screen and (max-width: 575px) {
  header, #AppDivHeaderBox, #AppDivContentPage {
      font-size: 0.65rem;
  }
  #UserNameCssNIntern {padding-top:0.75rem!important;}
  #AppDivContentPageLeft {font-size: 0.7rem;}
 /**/ #divEmptyFt {background-color: white} */
  .ClsSetTo100 {width:100%;padding-top:0.5em;}
  #HomeNIntern, #HelpNIntern, #AppDivMailIssueN,
  #AppDivLogOffN  {padding-top:0.25rem;font-size:0.9rem;}
  .SP-ChFs {font-size: 210% !important;}
}
/* End of Footer Css */

/* Classes for tables in contenpage */

.ClsEditHdr, .ClsDeleteHdr {
    width: 3%;
    padding-left: 4px;
}
.ClsEditHdr {
    border: 1px 0 0 0 solid #444 !important
}

.ClsHdrCellBorder {
    border: 1px solid #444;
    height: 1.785rem;
    padding-top: 4px;
    font-weight: bold;
    text-overflow: clip;
}

.ClsCellBorder {
    border: 1px solid #B9BBBD; /*#e8e8e8;*/
    border-top: 0px;
    height: 1.785rem;
    padding-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.NS_ROW_SELECT0 .ClsCellBorder,
.NS_ROW_SELECT0 .ClsDeleteHdr
{
    border-top: 0;
    border-left:0;
}
.NS_ROW_SELECT0 .ClsEditHdr {
    border-top: 0;
}
#HdrStart .ClsHdrCellBorder {
    border-left: 0;
}

.ClsLeftBorder { /* do not change sequence */
    border-left: 1px solid #B9BBBD !important;
}

.ClsMainDialog0 {
    z-index: 1000;
    position: absolute;
    left: 20%;
    width: 60%;
    top: 20%;
    background: white none repeat scroll 0 0;
}

.ClsMainDialog1 {
    z-index: 1000;
    position: absolute;
    left: 20%;
    width: 60%;
    top: 20%;
    background: white none repeat scroll 0 0;
}

.ClsMainDialog2 {
    z-index: 1000;
    position: absolute;
    left: 20%;
    width: 60%;
    top: 20%;
    background: white none repeat scroll 0 0;
}


.ClsRowSelect {
    background: #888;
}

/*  For List 99, the SecureFunction select list. */

#DialogContent99 .ClsEditHdr {
    width: 0;
}

#DialogContent99 .ClsDeleteHdr {
    width: 0;
}

.ClsMainDialog99 {
    z-index: 2000;
    position: absolute;
    left: 10%;
    width: 80%;
    top: 10%;
    background: #faf7f1 none repeat scroll 0 0;
}

/* End of Classes for tables in contenpage */
/* Start of Classes for templates  */
.ClsHdrBg {
    /*background-image: linear-gradient(to right,#43C0DF, #67D6D0) !important;*/
    color: #212529;
}
.ClsFtrBg {
    /*background-image: linear-gradient(to right,#43C0DF, #67D6D0) !important;*/
    color: #212529;
}

.ClsConPageBg {
    background: #E5F3F6 !important;
}

ClsBtnOkBg {
}


ClsBtnFlsBg {
}

/* End of Classes for templates */