.lpr9{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;margin:20px 0;padding-bottom:20px;font-size:.88rem; width: 100%;}
.lpr10{display:grid;gap:1rem;text-align: center;}
.lpr10 label{height: 45px;align-content: center;align-self: center;font-size: 0.84rem;border-radius: 5px;padding: 5px;}
.lpr11{display: flex;}
.lpr12{width: 15%;margin: 1%;}
.lpr13{border-radius: 5px;cursor: pointer;}
.lpr14{text-align:center}
.lpr15{border-radius:5px; cursor: pointer;}


dialog {
  position: absolute;
  display: block;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: auto;
  border-width: initial;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  padding: 0;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.8);
  color: CanvasText;
}


.mdlc {
    z-index:1;
    display:none;
    padding-top:10px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color: rgba(0, 0, 0, 0.8);
    }
    
.mdlc1{
    margin: 10% auto auto auto;
    display: block;
    max-width: 100%;
    text-align: center;}


.mdlc3{border-radius: 5px;}
    
.close {
    text-decoration:none;float:right;font-size:24px;font-weight:bold;color:white
    }

.mdlc1, #caption {    
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.4s;
        animation-name: zoom;
        animation-duration: 0.4s;
    }
    
    
    @-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)} 
        to {-webkit-transform:scale(1)}
    }
    
    @keyframes zoom {
        from {transform:scale(0)} 
        to {transform:scale(1)}
    }


    @media (max-width:912px){
        .lpr8:before {width: 170px;height: 250px;margin-top: -200px;}
        .lpr1{grid-template-columns:repeat(2,1fr)}
      }
      
      @media (min-width:912px){
        .lpr8:before {width: 210px;height: 280px;margin-top: -230px;}
        .lpr1{grid-template-columns:repeat(5,1fr)}
      }