html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Support for larger resolution displays */
@media (min-width: 1440px) {
    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1456px;
    }
}

@media (min-width: 1900px) {
    .container {
        max-width: 1706px;
    }
}

.table td {
    white-space: nowrap;
}

.max-width-col {
    text-overflow: ellipsis;
    overflow: hidden;
}

table.dataTable thead th {
    padding: 10px 8px !important;
}