html {
  font-size: 15px;
  width:100%;
  margin:0;
  padding:0;
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;  
}

html {
  position: relative;
  min-height: 100%;
}

.center
{
    align-content: center;
    text-align: center;
}

.right
{
    align-content: right;
    text-align: right;
}

body
{
    margin-bottom: 60px;
    width: 100%;
}

.btn
{
    min-width: 80px;
    font-family: sans-serif !important;
    padding: 4px 8px 4px 8px;
    font-size: 13px;
}

#ParentDiv
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0px;    
    padding:0px;
    padding-left: 40px;
    padding-right: 40px;
    max-width:2000px;
    margin:0 auto;
}

#RadioGridDiv
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;    
}


#OnLineUsers
{
    color: gray;
}

@media (max-width: 700px)
{
    html
    {
        font-size: 12px;
    }

    #ParentDiv
    {
        padding: 0px;             
    }

    .actions {
        display:none;
    }

    .mvc-grid-sort, .mvc-grid-filter, .mvc-grid-row-filters
    {
        display: none;
    }

    .mvc-grid-table th:nth-child(5), .mvc-grid-table th:nth-child(6), .mvc-grid-table th:nth-child(7), .mvc-grid-table th:nth-child(8), .mvc-grid-table th:nth-child(9), .mvc-grid-table th:nth-child(10), .mvc-grid-table th:nth-child(11), .mvc-grid-table th:nth-child(12),
    .mvc-grid-table td:nth-child(5), .mvc-grid-table td:nth-child(6), .mvc-grid-table td:nth-child(7), .mvc-grid-table td:nth-child(8), .mvc-grid-table td:nth-child(9), .mvc-grid-table td:nth-child(10), .mvc-grid-table td:nth-child(11), .mvc-grid-table td:nth-child(12)
    {
        display: none;
    }

    .mvc-grid-table .mvc-grid-headers
    {
        align-content:center;
        text-align:center !important;
     
    }


}