html {
  box-sizing:border-box;
  font-family: Liberation, sans-serif;
  line-height:1.0;
  overflow-x:hidden;
  color:#E0FAFF!important;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
.fixoverflow {
  overflow: auto;
}
header {
  display:block;
}
body {
  font-family:verdana,sans-serif;
  margin:0.1em;
  line-height:1.25;
}
input {
    position: relative;
    width:100%;
    color: blue;
    pointer-events: auto;
}
input:before {
    display: grid;
    position: absolute;
    top: 3px; left: 3px;
    color: blue;
}
input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: grid;
    right: 10;
    color: blue;
    color: blue;
}
input::-webkit-calendar-picker-indicator {
    position: relative;
    top: 3px;
    right: 10;
    color: blue;
    opacity: 1;
}
input[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
select {
    position: relative;
    width:100%;
    color: blue;
    pointer-events: auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0.05em;
    margin-bottom: 0.05em;
}
input[type=submit] {
    width: 12em;  height: 2em;
}
img {
    max-width : 100%;
    height : auto;
} 
.csm-labelNotSelect {
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
} 
.csm-scrolladded  {
    overflow-y: scroll;
}
.csm-input-inherit {
    width: inherit
}

@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}

.VHMEFFT-Rotate {
  animation: rotation 2s infinite linear;
}

.VHMInFiles {
  width: 1px; height: 1px; opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.VHMMWnd {
  z-index: 5;
}

.csm-mwnd-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.VHMBanner {
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px;
}
.VHMInBox {
  display: grid;
  align-items: center;
  text-align: center;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px;
}
.VHMTable {
  display: block;
  padding:0;
  margin-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px;
}
.VHMMRow {
  display: inline-block;
  position: relative;
  padding:0;
  margin-top:2px;margin-bottom:2px;
  vertical-align:middle;
}
.VHMMDBar {
  display: inline-block;
  position: relative;
  padding:0;
  margin-top:2px;margin-bottom:2px;
  text-align:center;
  align-items:center;
  vertical-align:middle;
}
.VHMMDBarElms {
  display: none;
  position: absolute;
  min-width: 240px;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
  padding:0;
  z-index: 1;
}
.VHMMDBarElms a {
  display: inline-block;
  padding:0;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMMDBar:Hover .VHMMDBarElms {
  display: inline-block;
  padding:0;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMPicHover:hover .VHMDBarElmsHover:hover {
  display: block;
}
.VHMVarElmsNShw {
  display:none!important
}
.VHMVarElmsShw {
  display:grid!important;
}

.VHMShadow {
  box-shadow:0 5px 10px 0 rgba(0,0,0,0.25),0 5px 10px 0 rgba(0,0,0,0.15)
}
.VHMElmRound {
  border-radius:16px
}

.VHMSmallIcon {
  max-width:32px; height:32px;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMMediumIcon {
  max-width:64px; height:64px;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMLargeIcon {
  max-width:96px; height:96px;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMVLargeIcon {
  max-width:128px; height:128px;
  margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px;
}
.VHMIconHover:hover {
  cursor:pointer;
  background-color:#003366;
  border-radius:50%;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.25),0 2px 4px 0 rgba(0,0,0,0.15);
}

.VHMOpaque {
  opacity:0.10!important
}
.VHMVHOpaque {
  opacity:0.25!important
}
.VHMHOpaque {
  opacity:0.5!important
}
.VHMLOpaque {
  opacity:0.75!important
}
.VHMVLOpaque {
  opacity:0.85!important
}
.VHMVFOpaque {
  opacity:1.0!important
}

@media screen and (max-width: 2048px) {
  .VHMFS-VLarge {
    font-size: 48px!important; line-height: normal;
  }
  .VHMFS-Large {
    font-size: 36px!important; line-height:normal;
  }
  .VHMFS-Medium {
    font-size: 32px!important; line-height:normal;
  }
  .VHMFS-Small {
    font-size: 28px!important; line-height:normal;    
  }
  .VHMFS-Smaller {
    font-size: 24px!important; line-height:normal;    
  }
  .VHMFS-VSmall {
    font-size: 20px!important; line-height:normal;    
  }
}
@media screen and (max-width: 1920px) {
  .VHMFS-VLarge {
    font-size: 36px!important; line-height:normal;
  }
  .VHMFS-Large {
    font-size: 32px!important; line-height:normal;
  }
  .VHMFS-Medium {
    font-size: 28px!important; line-height:normal;    
  }
  .VHMFS-Small {
    font-size: 24px!important; line-height:normal;    
  }
  .VHMFS-Smaller {
    font-size: 20px!important; line-height:normal;    
  }
  .VHMFS-VSmall {
    font-size: 16px!important; line-height:normal;    
  }
}
@media screen and (max-width: 1080px) {
  .VHMFS-VLarge {
    font-size: 24px!important; line-height:normal;
  }
  .VHMFS-Large {
    font-size: 20px!important; line-height:normal;
  }
  .VHMFS-Medium {
    font-size: 16px!important; line-height:normal;    
  }
  .VHMFS-Small {
    font-size: 14px!important; line-height:normal;    
  }
  .VHMFS-Smaller {
    font-size: 10px!important; line-height:normal;    
  }
  .VHMFS-VSmall {
    font-size: 8px!important; line-height:normal;    
  }
}
@media screen and (max-width: 720px) {
  .VHMFS-VLarge {
    font-size: 20px!important; line-height:normal;
  }
  .VHMFS-Large {
    font-size: 16px!important; line-height:normal;
  }
  .VHMFS-Medium {
    font-size: 12px!important; line-height:normal;
  }
  .VHMFS-Small {
    font-size: 10px!important; line-height:normal;
  }
  .VHMFS-Smaller {
    font-size: 8px!important; line-height:normal;    
  }
  .VHMFS-VSmall {
    font-size: 6px!important; line-height:normal;    
  }
}
.VHMFS-Normal {
    font-weight: normal;
}
.VHMFS-Bold {
    font-weight: bold;
}

/* ----------- Corporative color styles ----------- */
.VHMBkg-White {
  background-color:#FDFDFD!important
}
.VHMBkg-VLightGray {
  background-color:#F7F7F7!important
}
.VHMBkg-LightGray {
  background-color:#EEEEEE!important
}
.VHMBkg-MediumGray {
  background-color:#E6E6E6!important
}
.VHMBkg-DarkGray {
  background-color:#7F7F7F!important
}
.VHMBkg-LightBlue {
  background-color:#BAF0FF!important
}
.VHMBkg-CalmBlue {
  background-color:#00A6F2!important
}
.VHMBkg-MediumBlue {
  background-color:#0080FF!important
}
.VHMBkg-DarkBlue {
  background-color:#003366!important
}
.VHMBrd-DarkBlue {
  border-color:#003366!important
}
.VHMBrd-MediumBlue {
  border-color:#0080FF!important
}
.VHMBrd-CalmBlue {
  border-color:#00A6F2!important
}
.VHMBrd-LightBlue {
  border-color:#BAF0FF!important
}
.VHMTxt-White {
  color:#F7F7F7!important
}
.VHMTxt-VLightGray {
  color:#F2F2F2!important
}
.VHMTxt-LightGray {
  color:#F2F2F2!important
}
.VHMTxt-MediumGray {
  color:#E6E6E6!important
}
.VHMTxt-DarkGray {
  color:#7F7F7F!important
}
.VHMTxt-LightBlue {
  color:#BAF0FF!important
}
.VHMTxt-CalmBlue {
  color:#00A6F2!important
}
.VHMTxt-MediumBlue {
  color:#0080FF!important
}
.VHMTxt-DarkBlue, .VHMTxtHover-DarkBlue:hover {
  color:#003366!important
}
.VHMElmColors-White, .VHMElmColorsHover-White:hover {
  color:##F7F7F7!important; background-color:#003366!important
}
.VHMElmColors-VLightGray, .VHMElmColorsHover-VLightGray:hover {
  color:#003366!important; background-color:#F4F4F4!important
}
.VHMElmColors-LightGray, .VHMElmColorsHover-LightGray:hover {
  color:#003366!important; background-color:#E0E0E0!important
}
.VHMElmColors-LightGray-MediumGray, .VHMElmColorsHover-MediumGray:hover {
  color:#E6E6E6!important; background-color:#C0C0C0!important
}
.VHMElmColors-LightGray-DarkGray, .VHMElmColorsHover-LightGray:hover {
  color:#E6E6E6!important; background-color:#A0A0A0!important
}
.VHMElmColors-LightBlue, .VHMElmColorsHover-LightBlue:hover {
  color:#BAF0FF!important; background-color:#003366!important
}
.VHMElmColors-CalmBlue, .VHMElmColorsHover-CalmBlue:hover {
  color:#00A6F2!important; background-color:#E0FAFF!important
}
.VHMElmColors-MediumBlue, .VHMElmColorsHover-MediumBlue:hover {
  color:#0080FF!important; background-color:#BAF0FF!important
}
.VHMElmColors-LightDarkBlue, .VHMElmColorsHover-LightDarkBlue:hover {
  color:#003366!important; background-color:#2cb2ff!important
}
.VHMElmColors-DarkBlue, .VHMElmColorsHover-DarkBlue:hover {
  color:#003366!important; background-color:#E0FAFF!important
}
.VHMElmColors-LightRed, .VHMElmColorsHover-LightRed:hover {
  color:#D60000!important; background-color:#0080FF!important
}
.VHMElmColors-Orange, .VHMElmColorsHover-Orange:hover {
  color:#E0FAFF!important; background-color:#D53F00!important
}
.VHMElmColors-Green, .VHMElmColorsHover-Green:hover {
  color:#00442A!important; background-color:#60A590!important
}
.VHMWarning-Orange, .VHMWarningHover-Orange:hover {
  color:#E0FAFF!important; background-color:#D53F00!important
}
.VHMSuccess-Green, .VHMSuccessHover-Green:hover {
  color:#00442A!important; background-color:#60A590!important
}



.VHMElm-Center {
  align-items: center;
}
.VHMTxt-Center {
  text-align: center;
}  
.VHMImg-Center {
  margin-left: auto;
  margin-right: auto;
}
.VHMTxt-Left {
  text-align: left;
  padding-left: 2em;
  padding-right: 1em;
}  
.VHMElm-Left {
  margin-left: 3em;
} 
.VHMInData-Style {
  width: 50%;
  box-sizing: border-box;
  border:2px solid #ccc;
}
.VHMInEButton-Style {
  width: 100%;
  box-sizing: border-box;
  border:2px solid #ccc;
}
.csm-GRID-H000 {
    display:grid;
    width: auto;
    align-items: center;
    padding-left:0.1em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-auto-rows: auto;
}
.csm-GRID-H001 {
    display:grid;
    width: auto;
    height:6em;
    align-items: center;
    padding-left:0.1em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-auto-rows: auto;
}
.csm-GRID-H002 {
    display:grid;
    width: auto;
    height:3em;
    align-items: center;
    padding-left:0.1em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-auto-rows: auto;
}
.csm-GRID-H003 {
  display: grid;
  height:1.5em;
  align-items: center;
  justify-content: center;
  grid-gap:0.15em;
  grid-template-columns: 1fr;
}
.csm-GRID-IL000 {
    display:grid;
    align-items: center;
    grid-auto-rows: auto;
}
.csm-GRID-IL001 {
    display:grid;
    align-items: center;
    grid-auto-rows: auto;
}


.csm-GRID-BICON {
  display:grid;
  align-items: center;
  justify-content: center;
  grid-auto-flow: row;
  grid-auto-rows: auto;
}

.csm-GRID-PM00 {
  padding-left:0.4em; padding-right:0.1em; padding-top:0.1em; padding-bottom:0.1em;
}
.csm-GRID-PM01 {
  padding-left:0.4em; padding-right:0.1em; padding-top:0.1em; padding-bottom:0.1em;
}
.csm-GRID-PM02 {
  padding-left:16em;
}
.csm-GRID-P03 {
  padding-left: 2em; padding-right: 1em; padding-top:0.25em; padding-bottom:0.25em;
}
.csm-GRID-S00 {
  width: auto;
  height: 24em;
}  
.csm-GRID-S01 {
  width: auto;
  height: auto;
}  
.csm-GRID-S03 {
    width: 8em;
    height: 8em;
}
.csm-GRID-S10 {
  width: auto;
  height: 36em;
}
.csm-GRID-S12 {
  width: auto;
  height: 48em;
}
.csm-GRID-S20 {
  width: auto;
  height: 6em;
}
.csm-GRID-S30 {
  width: 98%;
  height: 48em;
}
.csm-GRID-M00 {
  margin-left: 0.1em; margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.1em;
}
.csm-GRID-M01 {
  height:1.5em;
  margin-left: 0.25em; margin-top: 0.25em; margin-right: 0.25em; margin-bottom: 0.25em;
}
.csm-GRID-M11 {
  height:2.0em;
  margin-left: 0.25em; margin-top: 0.25em; margin-right: 0.25em; margin-bottom: 0.25em;
}
.csm-GRID-M02 {
  height:1.5em;
  margin-left: 0.1em; margin-top: 0.02em; margin-right: 0.1em; margin-bottom: 0.25em;
} 
.csm-GRID-M30 {
  margin-left: 0.1em; margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.05em;
} 
.csm-GRID-M31 {
  height:1.5em;
  margin-left: 0.1em; margin-top: 0.05em; margin-right: 0.1em; margin-bottom: 0.1em;
}
.csm-GRID-M32 {
  height:10em;
  margin-left: 0.1em; margin-top: 0.05em; margin-right: 0.1em; margin-bottom: 0.1em;
} 
.csm-GRID-M40 {
  height:1.5em;
  margin-left: 0.25em; margin-top: 0.25em; margin-right: 0.25em; margin-bottom: 0.25em;
}
.csm-GRID-M42 {
  height:10em;
  margin-left: 0.25em; margin-top: 0.25em; margin-right: 0.25em; margin-bottom: 0.25em;
}
.csm-GRID-M50 {
  max-width:96px; 
  height:96px;
  margin-left:0.1em; margin-top:0.1em; margin-right:0.1em; margin-bottom:0.1em;
}
.csm-GRID-M60 {
  max-width:100%;
  margin-left:0.5em; margin-right:0.5em; margin-top:0.5em; margin-bottom:0.35em;
}
.csm-GRID-COLS00 {
  grid-template-columns: 1fr;  
}
.csm-GRID-COLS03 {
  grid-gap:0.25em;
  grid-template-columns: 0.6fr 0.4fr;
}  
.csm-GRID-COLS30 {
  grid-gap:0.25em;
  grid-template-columns: 0.25fr 0.75fr;
}
.csm-GRID-COLS04 {
    grid-gap:2.0em;
    grid-template-columns: 0.2fr 0.8fr;
}
.csm-GRID-COLS05 {
  grid-gap:2.0em;
  grid-template-columns: 0.5fr 0.5fr;
}
.csm-GRID-COLS06 {
  grid-gap:0.5em;
  grid-template-columns: 0.1fr 0.9fr;
}
.csm-GRID-COLS07 {
  grid-gap:0.5em;
  grid-template-columns: 0.75fr 0.25fr;
}
.csm-GRID-COLS01 {
  grid-gap:0.25em;
  grid-template-columns: 0.45fr 0.1fr 0.45fr;
}
.csm-GRID-COLS10 {
  grid-gap:0.25em;
  grid-template-columns: 0.35fr 0.3fr 0.35fr;
}
.csm-GRID-COLS11 {
  grid-gap:0.25em;
  grid-template-columns: 0.15fr 0.25fr 0.6fr;
}
.csm-GRID-COLS12 {
  grid-gap:0.25em;
  grid-template-columns: 0.25fr 0.5fr 0.25fr;
}
.csm-GRID-COLS40 {
  grid-gap:0.25em;
  grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
}
.csm-GRID-COLS50 {
  grid-gap:0.25em;
  grid-template-columns: 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr;
}
.csm-GRID-COLS02 {
  grid-gap:0.25em;
  grid-template-columns: 0.05fr 0.1fr 0.7fr 0.05fr 0.1fr;
}

.csm-GRID-B011 {
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  margin-left: 0.1em; margin-top: 0.05em; margin-right: 0.1em; margin-bottom: 0.1em;
  grid-gap:0.25em;
  grid-template-columns: 8fr 8fr 14fr;
}
.csm-BDY-000 {
    grid-template-columns: 1fr;
}
.csm-BDY-001 {
    grid-template-columns: 0.3fr 0.7fr;
}
.csm-BDY-010 {
    grid-template-columns: 0.7fr 0.3fr;
}
.csm-HDR-001-L0 {
    grid-template-columns: 1fr;
}
.csm-INP-U101-L0 {
    grid-template-columns: 1fr;
}

.csm-HDR-001-L1 {
    grid-gap:1.0em; 
    grid-template-columns: 0.8fr 0.2fr;
}
.csm-HDR-001-L2 {
    grid-gap:2.0em; 
    grid-template-columns: 0.5fr 0.5fr;
}
.csm-SEL-U100-L1 {
    grid-template-columns: 0.2fr 0.8fr;
}
.csm-SEL-U100-L2 {
    grid-template-columns: 0.2fr 0.2fr 0.6fr;
}
.csm-INP-U101-L1 {
    grid-gap:2.0em;
    grid-template-columns: 0.2fr 0.8fr;
}
.csm-INP-U101-L2 {
    grid-gap:2.0em;
    grid-template-columns: 0.1fr 0.4fr 0.5fr;
}
.csm-HDR-Margin {
    margin-left:0.5em;
    margin-right:0.5em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.csm-VELM {
    margin-left:0.5em;
    margin-right:0.5em;
    margin-top:0.35em;
    margin-bottom:0.5em;
    text-align:center;
}
.csm-LELM-Margin {
    margin-left:1em;
    margin-right:1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}
.csm-sys-selLine {
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  margin-left: 0.1em; margin-top: 0.02em; margin-right: 0.1em; margin-bottom: 0.25em;
  grid-gap:0.25em;
  grid-template-columns: 10fr 20fr;
}

.csm-elements-pic-banner {
  display: grid;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow:0 5px 10px 0 rgba(0,0,0,0.25),0 5px 10px 0 rgba(0,0,0,0.15);
  z-index: 1;
}
.csm-pic-banner-round {
  border-radius:16px
}

.csm-img-pic-banner {
  min-width:640px;
}
.csm-caption-pic-banner {
  padding: 15px;
  text-align: center;
}

/* The Modal (background) */
.csm-notify {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  border: 1px solid #888;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6);
  box-shadow:0 6px 12px 0 rgba(1,1,1,0.25),0 6px 12px 0 rgba(1,1,1,0.15)
}

/* CSM NOTIFY Modal Content */
.csm-notify-content {
  background-color: #E0FAFF;
  color: #0080FF;
  margin: auto;
  padding: 20px;
  width: 80%;
}

/* The Close Button */
.csm-notify-close {
  color: #00A6F2;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.csm-notify-close:hover,
.csm-notify-close:focus {
  color: #003366;
  text-decoration: none;
  cursor: pointer;
}
.csm-logobox {
  grid-template-columns: 2fr 8fr;
}
.csm-cnt-banner, .csm-prn-banner {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-rows: auto;
  grid-column-gap: 10px;
  margin-left: 0.5em; margin-top: 0.5em; margin-right: 0.1em; margin-bottom: 0.5em;
  grid-template-columns: 4fr 11fr;
}
.csm-hsr-title, .csm-prn-title {
  display: grid;
  align-items: left;
  grid-auto-flow: column;
  grid-auto-rows: auto;
  grid-column-gap: 10px;
  margin-left: 0.5em; margin-top: 0.5em; margin-right: 0.1em; margin-bottom: 0.5em;
  grid-template-columns: 30fr;
}
@media screen and (min-width: 1080px) {
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 600px) {
}
.csm-funcsbmbox {   
    grid-template-columns: 3fr 1fr 3fr 1fr 3fr 1fr 3fr 1fr 3fr 1fr;
}
.csm-footbox {
    grid-template-columns: 1fr 1fr 1fr;
} 

.csm-textBox-style {
    text-align: justify;
    text-justify: inter-word;
}
.csm-servicehdrbox {
    display:grid;
    width: auto;    
    grid-template-rows: auto;
    grid-template-columns: 28fr 2fr 70fr;
}

.csm-inDataGrid {
    display:grid;
    width: auto;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
}
.csm-sel2elmbox {
    display:grid;
    width: auto;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
    grid-template-columns: 0.4fr 0.1fr 1fr;
}
.csm-hsr-selbox {
    display:grid;
    width: auto;
    height: 2em;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
} 
.csm-selLinebox {
    display:grid;
    width: auto;
    height: 2em;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
    grid-template-columns: 0.2fr 0.1fr 0.7fr;
}
.csm-TName-R0000 {
    grid-template-columns: 0.2fr 0.8fr;
}

.csm-selBodyFormBox {
    display:grid;
    width: auto;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
    grid-template-columns: 0.2fr 0.3fr 0.5fr;
}    
.csm-itwRBox {
    display:grid;
    width: auto;
    padding-left:0.4em;
    padding-right:0.1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    grid-template-rows: auto;
    grid-template-columns: 10fr 20fr;
}
.csm-avbox {
    display:grid;
    width: 98%;
    height: auto;
    padding-left:0.25em;
    padding-right:0.25em;
    padding-top:0.25em;
    padding-bottom:0.25em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}
.csm-ctlvideobox {
    display:grid;
    width: auto;
    padding-left:0.4em;
    padding-right:0.4em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    grid-template-rows: auto;
    grid-template-columns: 0.3fr 0.4fr 0.3fr;
}
.csm-servbox {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 4fr;
}
.csm-picnavbox {
  grid-template-columns: 1fr 3fr 3fr 3fr 1fr;
}
.csm-profilebox {
  grid-template-columns: 2fr 8fr;
}
.csm-ldfiles {
  display:grid;
  padding-left:2em;
  grid-template-columns:4fr 12fr;
}
.csm-stepind-5boxes2Arrows {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 4fr 2fr 8fr 2fr 8fr 2fr 4fr;
}
.csm-stepind-6boxes3Arrows {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 3fr 2fr 5fr 2fr 5fr 2fr 5fr 2fr 4fr;
}
.csm-stepind-6oxes4Arrows {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 2fr 4fr 2fr 4fr 2fr 4fr 2fr 4fr 2fr 2fr;
}
.csm-hsr-selbox {
  display:grid;
  width:auto;
  height:2em;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-auto-rows:2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}
.csm-2boxes {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 22fr 2fr;
}
.csm-2boxes1Space2_4_16 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 4fr 14fr;
}
.csm-3boxes7_2_1 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 7fr 2fr 1fr;
}
.csm-3boxes2_6_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 6fr 2fr;
}
.csm-4boxes2_3_2_3 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 3fr 2fr 3fr;
}
.csm-4boxes4_1_4_1 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 4fr 1fr 4fr 1fr;
}
.csm-4boxes10_2_2_1 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 10fr 2fr 2fr 1fr;
}
.csm-grf-3boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 5fr 5fr 5fr;
}
.csmf-2boxes {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 14fr;
}
.csmf-3boxes {
  display:grid;
  grid-template-columns: 1fr 4fr 10fr;
}
.csm-5boxes16_4_4_4_2 {
  display:grid;
  padding-left:0.2em;
  padding-bottom:0.2em;
  grid-template-columns: 16fr 4fr 4fr 4fr 2fr;
}
.csm-info-2boxes2_28 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 28fr;
}
.csm-info-3boxes2_6_22 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 6fr 22fr;
}
.csm-info-3boxes22_4_4 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 22fr 4fr 4fr;
}
.csm-info-4boxes2_6_6_16 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 6fr 6fr 16fr;
}
.csm-info-4boxes2_8_8_12 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 2fr 8fr 8fr 12fr;
}
.csm-services-4boxes {
  display:grid;
  grid-template-columns: 4fr 4fr 4fr 4fr;
}
.csm-service-8boxes {
  display:grid;
  grid-template-columns: 2fr 12fr 4fr 4fr 4fr 1fr 1fr 1fr;
}
.csm-hsr-lineBox {
  display:grid;
  padding-left:0.4em;
  padding-right:0.1em;
  padding-top:0.1em;
  padding-bottom:0.1em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 12fr 2fr 12fr 2fr;
}
.csm-hsr-actbox {
  display:grid;
  max-width:100%;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 30fr;
}
.csm-hsr-box {
  display:grid;
  max-width:100%;
  height:2em;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 30fr;
}
.csm-hsr-1box1 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr;
}
.csm-hsr-2boxes1_1 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr;
}
.csm-hsr-2boxes15_15 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 15fr 15fr;
}
.csm-hsr-2boxes1_29 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 29fr;
}
.csm-hsr-3boxes1_27_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 27fr 2fr;
}
.csm-hsr-3boxes1_1_28 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 28fr;
}
.csm-hsr-4boxes1_1_26_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 26fr 2fr;
}
.csm-hsr-4boxes1_1_1_27 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 27fr;
}
.csm-hsr-5boxes1_1_1_25_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 25fr 2fr;
}
.csm-hsr-3boxes1_27_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 27fr 2fr;
}
.csm-hsr-4boxes1_1_26_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 26fr 2fr;
}
.csm-hsr-5boxes1_1_1_25_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 25fr 2fr;
}
.csm-hsr-6boxes1_1_1_1_24_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 1fr 24fr 2fr;
}
.csm-hsr-7boxes1_1_1_1_14_10_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 1fr 14fr 10fr 2fr;
}
.csm-hsr-8boxes1_1_1_1_14_4_6_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  grid-template-columns: 1fr 1fr 1fr 1fr 14fr 4fr 6fr 2fr;
}
.csm-hsr-4boxes1Space7_7_2_7_7 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 7fr 7fr 2fr 7fr 7fr;
}  
.csm-hsr-3boxes {
  display:grid;
  padding-left:0.1em;
  grid-template-columns: 1fr 1fr 28fr;
}
.csm-hsr-4boxes {
  display:grid;
  padding-left:0.5em;
  padding-right:0.5em;
  grid-template-columns: 2fr 2fr 2fr 2fr 6fr;
}
.csm-hsr-6boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
}
.csm-hsr-3boxes4_12_14 {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 4fr 12fr 14fr;
}
.csm-hsr-2boxes26_4 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 26fr 4fr;
}
.csm-hsr-4boxes16_2_1_1 {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 16fr 2fr 1fr 1fr;
}
.csm-hsr-5boxes4_8_12_1_1 {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 4fr 8fr 12fr 1fr 1fr;
}
.csm-hsr-6boxes1_22_2_2_1_2 {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 1fr 22fr 2fr 2fr 1fr 2fr;
}

.csm-csmnt-proc-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 10fr 3fr 3fr 3fr 1fr 1fr 1fr;
}
.csm-csmdb-verif-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 1fr 16fr 1fr 1fr 1fr;
}
.csm-csmdb-verif-inputline-boxes  {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 12fr 4fr 4fr 1fr 2fr;
}
.csm-csmmod-verif-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 1fr 10fr 4fr 1fr 1fr 1fr;
}
.csm-letters-6boxes2_2_2_2_2_2 {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
}
.csm-cfg-title-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 15fr 1fr 1fr 1fr;
}

.csm-cfg-tbltitle-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 3fr 6fr 6fr 1fr 1fr 1fr;
}

.csm-cfg-tblsubtitle-boxes {
  display:grid;
  padding-left:2em;
  padding-right:2em;
  grid-template-columns: 2fr 3fr 3fr 3fr 3fr 3fr 1fr 1fr 1fr;
}

.csm-lbox {
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  align-items:center;
  text-align:center;
  position: relative;
  border: 1px solid #003366;
  border-radius: 5px;
  background-color: #003366;
  margin-left:0.25em; margin-top:0.25em; margin-right:0.25em; margin-bottom:0.25em;
  box-shadow:0 3px 6px 0 rgba(1,1,1,0.25),0 3px 6px 0 rgba(1,1,1,0.15)
}

.csm-dbox {
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  align-items:center;
  text-align:center;
  position: relative;
  border: 1px solid rgb(0.5,0.5,0.5);
  border-radius: 5px;
  background-color: #F2F2F2;
  margin-left:0.25em; margin-top:0.25em; margin-right:0.25em; margin-bottom:0.25em;
  box-shadow:0 3px 6px 0 rgba(1,1,1,0.25),0 3px 6px 0 rgba(1,1,1,0.15)
}

.csm-hsr-3boxes1Space16_4_5_5 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 16fr 4fr 5fr 5fr;
}
.csm-hsr-3boxes2Space18_1_7_1_3 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 18fr 1fr 7fr 1fr 3fr;
}
.csm-hsr-4boxes1Space4_2_8_8_8 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 4fr 2fr 8fr 8fr 8fr;
}
.csm-hsr-4boxes1Space7_7_2_7_7 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 7fr 7fr 2fr 7fr 7fr;
}  
.csm-hsr-4boxes2Space10_10_2_4_1_2 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 10fr 10fr 2fr 4fr 1fr 2fr;
}  
.csm-hsr-6boxes1Space7_3_4_2_7_3_4 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 7fr 3fr 4fr 2fr 7fr 3fr 4fr;
}
.csm-hsr-2boxes1Space18_1_7_1_3 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 18fr 1fr 7fr 1fr 3fr;
}
.csm-hsr-2boxes1Space6_4_20 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 6fr 4fr 20fr;
}
.csm-hsr-2boxes2Space14_6_4_6 {
  display:grid;
  padding-left:0.1em;
  padding-right:0.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  grid-template-columns: 14fr 6fr 4fr 6fr;
}

.csm-hsr-titlebox {
  display:grid;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  align-items:center;
  text-align:left;
  position: relative;
  border: 1px solid #003366;
  border-radius: 5px;
  background-color: #003366;
  margin-left:0.25em; margin-top:0.25em; margin-right:0.25em; margin-bottom:0.01em;
  box-shadow:0 3px 6px 0 rgba(1,1,1,0.25),0 3px 6px 0 rgba(1,1,1,0.15)
}
.csm-hsr-databox {
  display:grid;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0.25em;
  padding-bottom:0.25em;
  align-items:center;
  text-align:center;
  position: relative;
  border: 1px solid rgb(0.5,0.5,0.5);
  border-radius: 5px;
  background-color: #F2F2F2;
  margin-left:0.25em; margin-top:0.01em; margin-right:0.25em; margin-bottom:0.25em;
  box-shadow:0 3px 6px 0 rgba(1,1,1,0.25),0 3px 6px 0 rgba(1,1,1,0.15)
}
.csm-conex-sender-boxes {
  display:grid;
  grid-template-columns: 1fr 14fr 5fr;
}
.csm-conex-receiver-boxes {
  display:grid;
  grid-template-columns: 5fr 14fr 1fr;
}
.csm-conex-send-bar-boxes {
  display:grid;
  grid-template-columns: 2fr 20fr 1fr 1fr 6fr;
}
.csm-pic-caption {
  text-align: center;
  padding: 10px 20px;
}