.loading-indicator {
  position: fixed;
  z-index: 999;
  height: 2em;
  max-width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading-indicator:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.3);
  max-width: 100% !important;
  height: 100% !important;
}

.loading-style {
  max-width: 70px;
  height: 70px;
  opacity: 70% !important;
  border-radius: 50px;
}

.loading-indicator {
  position: fixed;
  z-index: 999;
  height: 2em;
  max-width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loading-style {
  max-width: 70px;
  height: 70px;
  opacity: 70% !important;
  border-radius: 50px;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

body .ui-dialog .ui-dialog-content {
  overflow: visible !important;
}


/* Media query for screens with a max-width of 1080px and height of 1920px */

@media only screen and (min-width: 1070px) and (max-width: 1090px) and (min-height: 1910px) and (max-height: 1930px) {

  body {
    zoom: 1.9 !important;
    /*-moz-transform: scale(1.2);*/
  }

  .col-bor-12, .col-bor-11, .col-bor-10, .col-bor-9, .col-bor-8, .col-bor-7, .col-bor-6, .col-bor-5, .col-bor-4, .col-bor-3, .col-bor-2, .col-bor-1 {
    position: relative !important;
    max-width: 100% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .col-bor-1 {
    max-width: 8.33333333% !important;
    flex: 0 0 8.33333333% !important;
  }

  .col-bor-2 {
    max-width: 16.66666667% !important;
  }

  .col-bor-3 {
    max-width: 25% !important;
  }

  .col-bor-4 {
    max-width: 33.33333333% !important;
  }

  .col-bor-5 {
    max-width: 41.66666667% !important;
  }

  .col-bor-6 {
    max-width: 50% !important;
  }

  .col-bor-7 {
    max-width: 58.33333333% !important;
  }

  .col-bor-8 {
    max-width: 66.66666667% !important;
  }

  .col-bor-9 {
    max-width: 75% !important;
  }

  .col-bor-10 {
    max-width: 83.33333333% !important;
  }

  .col-bor-11 {
    max-width: 91.66666667% !important;
  }

  .col-bor-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /*columns*/
  .p-col-bor-1 {
    width: 8.33% !important;
  }

  .p-col-bor-2 {
    width: 16.66% !important;
  }

  .p-col-bor-3 {
    width: 25% !important;
  }

  .p-col-bor-4 {
    width: 33.33% !important;
  }

  .p-col-bor-5 {
    width: 41.66% !important;
  }

  .p-col-bor-6 {
    width: 50% !important;
  }

  .p-col-bor-7 {
    width: 58.33% !important;
  }

  .p-col-bor-8 {
    width: 66.66% !important;
  }

  .p-col-bor-9 {
    width: 75% !important;
  }

  .p-col-bor-10 {
    width: 83.33% !important;
  }

  .p-col-bor-11 {
    width: 91.66% !important;
  }

  .p-col-bor-12 {
    width: 100% !important;
  }
}