.loadinmodal {
  position: fixed;
  outline: 0;
  overflow-x: hidden;  overflow-y: auto;
  background-color: hsla(0,0%,var(--light90),.6);
  top:0px; left:0px; bottom:0px; right:0px;
}



.loadinmodal-open .loadinmodal {
  overflow-x: hidden;
  overflow-y: auto;
}

/*
.loadinmodal-dialog {
  position: absolute;
  overflow: auto;
}
@media only screen and (max-width: 800px)  { .loadinmodal-dialog {  top:10px; right: 5% ; left: 5% ; bottom: 5% ; } }
@media only screen and (max-width: 600px)  { .loadinmodal-dialog {  top: 3px; right: 3px; left: 3px; bottom: 3px; } }
@media only screen and (min-width: 800px)  { .loadinmodal-dialog {  top:15px; right:08% ; left:08% ; bottom:10% ; } }
@media only screen and (min-width: 1200px) { .loadinmodal-dialog {  top:20px; right:16% ; left:16% ; bottom:10% ; } }
*/


.loadinmodal-content {
  position: relative;
  background-color: var(--bgwhite);
  background-clip: padding-box;
  height:100%;
  /*
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 */
}
.loadinmodal-header {
  
}
.loadinmodal-title {
  margin: 0;
  line-height: 1.42857143;
}