body {
    background-color: #50515a;
    font-family: Arial;
}

.row {
  margin: 0;
  padding: 0.5em;
}
.mcentered {
  margin: 0 auto;
}

.pointer {
  cursor: pointer;
}
.dflex {
  display:flex;
}
.justify-content-center{
  justify-content: center
}

.statusOnline {
    color: green;
}
.statusOffline {
    color: red;
}

.pointer {
    cursor: pointer;
}
.teal {
    color: teal;
}
.border-2-black {
    border: 2px solid black;
    border-radius: 10px;
    padding: 2em;
}

.margin-1p {
    margin: 1%;
}

.ml-1p {
  margin-left: 1%;
}
.ml-5p {
  margin-left: 5%;
}
.mt-1em {
  margin-top: 1em;
}
.mt-1em {
  margin-top: 2em;
}
.mt-5em {
  margin-top: 5em;
}

.coloredBg {
    background-color: #efe3cd;
}

.coloredBg-light {
    background-color: #eeebe5;
}

.widget {
    background-color: #efe3cd;
    min-height: 610px;
    width: 30%;
}

.miniWidget {
    background-color: #efe3cd;
    min-height: 100px;
    width: 30%;
}


.miniWidget:hover {
    background-color: #f3dcb4;
}

.disclaimerBody {
    border-top: 1px solid black;
    font-size: 12px;
    font-style: italic;
    margin: 10px 0;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow-x:auto;
}


@media only screen and (max-width: 768px) {
  .pcOnly {
      display: none !important;
  }
}
@media only screen and (max-width: 990px) {
  .pcOnly {
      display: none !important;
  }
  .showMobile {
    display: block !important;
  }
  .showMobileGrid {
    display: grid !important;
  }
  .showMobileFlex {
    display: flex !important;
  }
  .showMobileinline {
    display: inline !important;
  }
  .widget {
      width:97%;
  }
  .miniWidget {
      width:97%;
  }
}

@media (min-width: 992px) {

    .showMobile {
    display: none;
  }
  .showMobile {
    display: none !important;
  }
  .showMobileGrid {
    display: none !important;
  }
  .showMobileFlex {
    display: none;
  }
  .showMobileInline {
    display: none;
  }
  
  .pcLoginScreen {
    margin-left: 40%;
    margin-top: 12%;
  }
  
  .pcShowPCs {
      margin-left: 30%;
  }
}

@media (max-width: 1500px) {
  .dflex {
    display: flex;
  }
}
@media (max-width: 992px) {
    body {
        zoom:1.5;
        font-family: Arial;
    }
    
    h1 {
        font-size:48px;
    }
    }
}