.imgShowC  {
     width: 100%;
     max-width: 900px;     
}

.imgTypeSel  {
     margin-left: 40%;
     margin-top: 0.4rem;
     font-size: 1.3rem;
}


.imgTypeSel  label {
     color: blue;
     background-color: bisque;
     padding-top: 0.1rem;
     margin-top: 0;
}

.imgTypeSel #normID  {
     padding: 0;
     margin:  0;
}

.imgTypeSel  input[type="radio"]:checked+label {
     color: rgb(224, 30, 250);
}

.scroller  {
     background-color: beige;
     width: 50%;
     height: 15rem;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0.625rem;
     font-size: 1.2rem;
     text-align: left;
     margin: 0;
}

.KBBtn  {
     background-color: blanchedalmond;
     color: rgb(245, 56, 56);
     font-size: 1rem;
     font-weight: bolder;
     padding: 0.25rem;
     border-radius: 0.7rem;
     text-align: center;
     margin-bottom: 0.8rem;
}

.KBBtn:hover  {
     background-color: rgb(199, 199, 247);
     box-shadow: 3px 2px rgb(163, 162, 162);
}
.smalCaps  {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     font-variant-caps: small-caps;
     font-weight: bold;
}

/***********************************************/
.scroller_user  {
     background-color: rgb(216, 250, 221);
     width: 50%;
     height: 15rem;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0.625rem;
     font-size: 1.2rem;
     text-align: left;
}

.warnLine  {
     color: rgb(247, 3, 3);
     font-size: 1.1rem;
     font-weight: 600;
}

.imgShowB  {
     width: 400px;
     height: auto;
}

@media screen and (max-width: 900px)   {
     .scroller  {
          width: 60%;
     }

     .scroller_user   {
          width: 60%;
     }
}

@media screen and (max-width: 768px)   {

     .imgTypeSel  {
          margin-left: 25%;
          margin-top: 0;
          font-size: 0.9rem;
     }
     
     .scroller  {
          width: 70%;
          font-size: 0.9rem;
          padding: auto;
          text-align: justify;
          margin: 0;
          word-spacing: 0.4rem;
     }

     .scroller_user   {
          width: 70%;
          font-size: 0.9rem;
          padding: 0.5rem;
     }

     .warnLine  {
          font-size: 0.8rem;
     }
}

@media screen and (max-width: 640px)   {

     .imgTypeSel  {
          margin-left: 25%;
          margin-top: 0;
          font-size: 0.83rem;
     }
     
     .scroller  {
          width: 80%;
          font-size: 0.9rem;
          padding: auto;
          text-align: justify;
          margin: 0;
          word-spacing: 0.4rem;
     }

     .scroller_user   {
          width: 80%;
          font-size: 0.9rem;
          padding: 0.3rem;
     }

     .warnLine  {
          font-size: 0.8rem;
     }

     .imgShowB  {
          width: 80%;
     }
}

@media screen and (max-width: 420px)   {

     .imgTypeSel  {
          margin-left: 15%;
          margin-top: 0;
          font-size: 0.7rem;
     }
     
     .scroller  {
          width: 90%;
          font-size: 0.8rem;
          padding: auto;
          text-align: justify;
          margin: 0;
          word-spacing: 0.4rem;
     }

     .scroller_user   {
          width: 95%;
          font-size: 0.8rem;
          padding: 0.3rem;
     }

     .warnLine  {
          font-size: 0.7rem;
     }

     .imgShowB  {
          width: 85%;
     }
}