#page-header {
  background-color: lightblue;
  height: 200px;
}
#page-body {
  background-color: lightgreen;
  height: 700px;
}
#page-footer {
  background-color: lightcyan;
  height: 200px;
}
.cmBannerLoader-area {
  background-color: white;
  width: 100%;
  height: 100%;
}
.cmBannerLoader-area:first-child {
  cursor: pointer;
}
.cmBannerLoader-area:first-child .no-click-action {
    cursor: initial;
  }
#testArea1 {
  background-color: white;
  width: 300px;
  height: 100px;
  float: right;
  margin-right: 20px;
}

#testArea2 {
  background-color: white;
  width: 600px;
  height: 200px;
  float: left;
  margin: 20px;
}

#cmBannerLoaderOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 15;
  /* cursor: pointer; */
}

#cmBannerLoaderPopup {
  width: 800px;
  height: 500px;
  margin: 100px auto;
  cursor: default;  
}

#cmBannerLoaderPopupHeader {
    line-height: 65px;
}

#cmBannerLoaderPopupHeaderCloseButton{
    content: "\00d7";
    margin: 0 -35px 0 0;
    font-size: 65px;
    cursor: pointer;
    user-select: none;
    float: right;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);    
}

#cmBannerLoaderPopupContent {
  width: 100%;
  height: 100%;
  clear: both;
}
/* 
#cmBannerLoaderPopup::before {
  content: "\00d7";
  margin: 0 -20px 00 0;
  font-size: 65px;
  cursor: pointer;
  float: right;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
} */