.dialogShader {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.4; z-index: 99;}
.dialogCont {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100;}
.dialogCont .centerer {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-around;}
.dialogCont .dialogFrame {width: 600px; float: left; background-color: #FFF; position: relative;}
.dialogCont .dialogFrame.size-1 {width: 800px;}
.dialogCont .dialogFrame.size-2 {width: 1000px;}
.dialogCont .dialogFrame .close {width: auto; height: auto; float left; position: absolute; color: #FFF; font-size: 40px; top: -30px; right: -27px; line-height: 20px; opacity: 0.7;}
.dialogCont .dialogFrame .close:HOVER {opacity: 1;}
.dialogCont .headerFrame {width: 100%; padding: 10px 20px; float: left; background-color: #2db3cc; border-bottom: 1px #1b9fb8 solid; color: #FFF; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center;}
.dialogCont .headerFrame.red {background-color: #d9001a; border-bottom: 1px #c20003 solid;}
.dialogCont .bodyFrame {width: 100%; padding: 30px; float: left; background-color: #FFF; font-size: 14px; font-weight: 300;}
.dialogCont .bodyFrame B {font-weight: 700;}
.dialogCont .bodyFrame .imageFrame {width: 50%; float: left; padding: 0px 20px 0px 0px; /*display: flex; justify-content: space-around;*/ text-align: center;}
.dialogCont .bodyFrame .imageFrame IMG {max-width: 100%; max-height: 50vh; width: auto; height: auto; /*float: left;*/}
.dialogCont .bodyFrame .imageFrame.no-image IMG {opacity: 0.3;}
.dialogCont .bodyFrame .descFrame {width: 50%; float: left; padding: 0px 0px 0px 20px;}
.dialogCont .bodyFrame .descFrame .firstHeading {margin-top: 0px;}
.dialogCont .bodyFrame .descFrame .code {margin: 0px 0px 5px 0px; font-size: 20px; font-weight: 600;}
.dialogCont .bodyFrame .descFrame .name {margin: 0px 0px 20px 0px; }
.dialogCont .scroller {width: 100%; max-height: 50vh; float: left; overflow-y: scroll;}
.dialogCont .scroller.size-2 {max-height: 80vh;}
.dialogCont .bodyFrame .formFrame .formSubmit {width: 100%;}
.dialogCont .bodyFrame .buttonSubmit {width: 100%; float: right; padding: 8px 20px; font-size: 14px; background-color: #d9001a; border: 1px #c20003 solid; color: #FFF; font-weight: 700; margin: 0px 0px 0px 10px; cursor: pointer; border-radius: 2px; text-align: center;}
.dialogCont .bodyFrame .buttonFull {width: 100%; height: 200px; float: left; font-size: 30px; display: flex; align-items: center; justify-content: space-around; border: 1px #ddd solid; background-color: #f7f7f7; text-align: center;}
.dialogCont .bodyFrame .buttonFull:HOVER {border: 1px #000 solid; cursor: pointer;}
.dialogCont .bodyFrame .buttonsLine {WIDTH: 100%; float: left; display: flex; }
.dialogCont .bodyFrame .buttonHalf {width: calc(50% - 10px); height: 200px; float: left; font-size: 22px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; border: 1px #ddd solid; background-color: #f7f7f7; text-align: center; margin-right: 20px;}
.dialogCont .bodyFrame .buttonHalf:HOVER {border: 1px #000 solid; cursor: pointer;}
.dialogCont .bodyFrame .buttonHalf .small {font-size: 18px; font-weight: 300; color: #888;}
.dialogCont .bodyFrame .buttonHalf:last-child {margin-right: 0px;}
.dialogCont .bodyFrame .buttonHalf.notActive {color: #888888;
background-image: 
    repeating-linear-gradient(
      45deg,
      #ddd,
      #ddd 1px,
      transparent 1px,
      transparent 10px /* determines size */
    ),
    repeating-linear-gradient(
      -45deg,
      #ddd,
      #ddd 1px,
      transparent 1px,
      transparent 10px /* determines size */
    );
  background-size: 28px 28px;
  cursor: not-allowed;
}
.requestsFrame {width: 100%; float: left;}
.requestsFrame .requestFrame {width: 100%; height: 80px; margin: 0px 0px 10px 0px; font-size: 20px; float: left; display: flex; align-items: center; justify-content: space-around; border: 1px #ddd solid; background-color: #f7f7f7; display: flex; justify-content: space-between; align-items: center;}
.requestsFrame .requestFrame:HOVER {border: 1px #000 solid; cursor: pointer;}
.requestsFrame .requestFrame:last-child {margin-bottom: 0px;}
.requestsFrame .requestFrame .colPadding {padding: 10px;}
.requestsFrame .requestFrame .colCover {width: 40%; font-size: 24px; font-weight: 700;}
.requestsFrame .requestFrame .colCnt {text-align: center; font-size: 24px; font-weight: 700; line-height: 22px;}
.requestsFrame .requestFrame .colOK {font-size: 24px; font-weight: 700;}
.requestsFrame .requestFrame .small {font-size: 14px; font-weight: 500;}
.requestsFrame .requestFrame .dot {width: 20px; height: 20px; float: left; margin: 4px 10px 0px 0px; border-radius: 50%; background-color: #ccc;}