html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}
.fixedWidth{
    width:80px;
}
.topfixedWidth {
    width: 59px;
}
.dataEntryWidth{
    width:200px;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    /*pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    /*pointer-events: none;*/
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: 800px;
    max-width: 800px; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.tdadminWdith{
    width:300px;
}