body {
  font-size: smaller !important;
  /*KNOCKOUT MODAL*/
}
body a {
  color: #005ca1;
}
body .nmb-background {
  background-image: url('images/bg.png');
  background-repeat: no-repeat;
  background-color: white;
  min-height: 588px;
  max-height: 3000px;
  background-position: center center;
  background-size: 95%;
  padding-left: 7px !important;
}
body .body-content {
  padding-left: 15px;
  padding-right: 15px;
}
body .body-login {
  width: 500px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  /*border-top-left-radius: 20px;
        border-top-right-radius: 20px;*/
  margin-top: 70px;
  padding: 10px;
  padding-left: 50px;
  padding-right: 50px;
  border: solid 10px #005ca1;
  border-top: solid 40px #005ca1;
  /*border-bottom: solid 20px @sky-blue;*/
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.3);
}
body .exactCenter {
  width: 50%;
  height: 50%;
  position: fixed;
  background-color: #005ca1;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
}
body .header-row {
  min-height: 65px;
  max-height: 150px;
  border-bottom: solid;
  border-width: 1px;
  border-bottom-color: #005ca1;
}
body select {
  font-size: 12px;
}
body .top-buffer {
  padding-top: 5px;
}
body .bottom-buffer {
  padding-bottom: 5px;
}
body #warning {
  font-size: small;
}
body .loader {
  padding-top: 3px;
}
body .delete-button {
  width: 70px;
  position: relative;
}
body .delete-button .close {
  font-size: medium;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #b21417;
}
body .main-menu-button {
  background-color: rgba(242, 242, 242, 0.6) !important;
  color: #005ca1;
}
body #main-menu-toggle {
  z-index: 999;
  max-width: 60px;
}
body .logout-button {
  background-color: rgba(242, 242, 242, 0.6) !important;
  color: #b21417;
}
body .logo img {
  max-height: 65px !important;
  padding: 6px;
}
body .username {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .username text {
  color: #b21417;
  font-size: small;
  font-weight: bold;
}
body .system-name {
  color: #005ca1;
}
body .corner-ribbon-test {
  z-index: 99;
  background: rgba(0, 92, 161, 0.5) !important;
  color: #005ca1;
  pointer-events: none;
}
body .corner-ribbon-uat {
  z-index: 99;
  background: rgba(178, 20, 23, 0.5) !important;
  color: #b21417;
  pointer-events: none;
}
body .nmb-color-red {
  color: #b21417;
}
body .nmb-background-color-red {
  background-color: rgba(178, 20, 23, 0.7) !important;
}
body .nmb-color-yellow {
  color: #e1a200;
}
body .nmb-background-color-yellow {
  background-color: rgba(225, 162, 0, 0.5) !important;
}
body .nmb-color-blue {
  color: #005ca1;
}
body .nmb-color-green {
  color: #3CA306;
}
body .nmb-color-gray {
  color: #d3d2d2;
}
body .nmb-color-gray-dark {
  color: #A2A2A2;
}
body .nmb-color-gray-darker {
  color: #6b6a6a;
}
body input.checkbox-red[type=checkbox] + label:before {
  border: 0.1em solid #b21417;
}
body input.checkbox-red[type=checkbox]:checked + label:before {
  background-color: #b21417;
  border-color: #b21417;
}
body input.checkbox-yellow[type=checkbox] + label:before {
  border: 0.1em solid #e1a200;
}
body input.checkbox-yellow[type=checkbox]:checked + label:before {
  background-color: #e1a200;
  border-color: #e1a200;
}
body .sticky-toolbar {
  position: fixed;
  top: 15px;
}
body .sticky-table-header {
  position: fixed;
  transition: all 0.2s linear;
}
body .nmb-page-toolbar {
  background-color: #F2F2F2;
  border-radius: 6px;
  margin-bottom: 2px !important;
  margin-right: -12px;
  padding-right: 2px;
  max-height: 31px;
  min-height: 31px;
}
body .nmb-page-toolbar span {
  border: none;
  background-color: transparent;
}
body .nmb-page-toolbar select {
  border-radius: 6px !important;
}
body .nmb-segment-toolbar {
  margin-right: 0px;
  padding-left: 2px;
  max-height: 31px;
  min-height: 31px;
  margin-bottom: 0px !important;
}
body .nmb-toolbar {
  background-color: rgba(255, 255, 255, 0.9);
}
body .toolbar {
  background-color: rgba(255, 255, 255, 0.9);
}
body .nmb-nav-button {
  background-color: #F2F2F2 !important;
  border: solid 1px;
  border-color: #d3d2d2;
  border-left: 0px;
  border-right: 0px;
  border-bottom-color: rgba(211, 210, 210, 0.3);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
body .nmb-nav-button:first-of-type {
  border-left: 2px;
  border-left: solid 1px;
  border-left-color: #d3d2d2;
  border-bottom-left-radius: 3.2px;
}
body .nmb-nav-button:last-of-type {
  border-bottom-right-radius: 3.2px;
  border-right: 2px;
  border-right: solid 1px;
  border-right-color: #d3d2d2;
}
body .nmb-nav-button.active {
  background-color: white !important;
  border-bottom: 0px;
}
body .nmb-nav-button:focus {
  border-color: rgba(242, 242, 242, 0.8) !important;
  /* outline: 0; */
  box-shadow: none !important;
}
body .nmb-filter {
  border: solid;
  border-color: #F2F2F2;
  border-radius: 6px;
}
body .nmb-filter .nmb-filter-toggle {
  background-color: #F2F2F2;
  color: #005ca1;
}
body .nmb-filter .fa-filter {
  color: #6b6a6a;
}
body .nmb-filter .has-filter * {
  color: #b21417;
}
body .nmb-table-content {
  overflow-x: auto;
}
body .nmb-table-content .center-div {
  margin: 0 auto;
  width: 350px;
  font-size: small;
  font-weight: bold;
}
body .btn-sort-level {
  text-align: left;
  font-size: small;
}
body .btn-report[disabled] {
  color: #6b6a6a !important;
}
body .btn-report[disabled]:hover:not(.selected) {
  color: #6b6a6a !important;
  background-color: white !important;
}
body .btn-report {
  overflow: hidden;
}
body .btn-report-list {
  overflow: auto;
  max-height: 500px;
  display: block;
}
body .btn-report-level {
  text-align: left;
  font-size: small;
}
body .btn-report-level.selected {
  color: black;
  background-color: rgba(225, 162, 0, 0.5);
}
body .btn-report-level:hover:not(.selected) {
  color: black;
  background-color: rgba(225, 162, 0, 0.3);
}
body .btn-report-level:not(:disabled):not(.disabled):active {
  background-color: rgba(225, 162, 0, 0.5);
}
body .btn-report-item {
  text-align: left;
  font-size: small;
}
body .btn-report-item.selected {
  color: black;
  background-color: rgba(178, 20, 23, 0.5);
}
body .btn-report-item:hover:not(.selected) {
  color: black;
  background-color: rgba(178, 20, 23, 0.3);
}
body .btn-report-item:not(:disabled):not(.disabled):active {
  background-color: rgba(178, 20, 23, 0.5);
}
body .btn-white {
  background-color: white;
}
body .list-header {
  font-size: medium;
  font-weight: 500;
}
body .sortable {
  cursor: move;
}
body .drag-icon {
  padding: 6px;
  color: #d3d2d2;
}
body .fa-drag-handle:before {
  content: "\f142 \f142";
  letter-spacing: 2px;
}
body .no-overflow {
  white-space: nowrap;
  overflow: hidden;
}
body .ko-modal .ui-draggable-handle {
  cursor: move;
}
body .rotate {
  transform: rotate(-90deg);
}
body .noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
body .btn-primary-red {
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-primary-red:hover {
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-primary-red.disabled,
body .btn-primary-red:disabled {
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-primary-red:not(:disabled):not(.disabled):active,
body .btn-primary-red:not(:disabled):not(.disabled).active,
body .show > .btn-primary-red.dropdown-toggle {
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-primary-red:not(:disabled):not(.disabled):active:focus,
body .btn-primary-red:not(:disabled):not(.disabled).active:focus,
body .show > .btn-primary-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(178, 20, 23, 0.5);
}
body .btn-outline-primary-red {
  color: #b21417;
  background-color: transparent;
  background-image: none;
  border-color: #b21417;
}
body .btn-outline-primary-red:hover {
  color: #fff;
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-outline-primary-red:focus,
body .btn-outline-primary-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(178, 20, 23, 0.5);
}
body .btn-outline-primary-red.disabled,
body .btn-outline-primary-red:disabled {
  color: #b21417;
  background-color: transparent;
}
body .btn-outline-primary-red:not(:disabled):not(.disabled):active,
body .btn-outline-primary-red:not(:disabled):not(.disabled).active,
body .show > .btn-outline-primary-red.dropdown-toggle {
  color: #fff;
  background-color: #b21417;
  border-color: #b21417;
}
body .btn-outline-primary-red:not(:disabled):not(.disabled):active:focus,
body .btn-outline-primary-red:not(:disabled):not(.disabled).active:focus,
body .show > .btn-outline-primary-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(178, 20, 23, 0.5);
}
body .btn-primary-yellow {
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-primary-yellow:hover {
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-primary-yellow.disabled,
body .btn-primary-yellow:disabled {
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-primary-yellow:not(:disabled):not(.disabled):active,
body .btn-primary-yellow:not(:disabled):not(.disabled).active,
body .show > .btn-primary-yellow.dropdown-toggle {
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-primary-yellow:not(:disabled):not(.disabled):active:focus,
body .btn-primary-yellow:not(:disabled):not(.disabled).active:focus,
body .show > .btn-primary-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 162, 0, 0.5);
}
body .btn-outline-primary-yellow {
  color: #e1a200;
  background-color: transparent;
  background-image: none;
  border-color: #e1a200;
  font-weight: 500;
}
body .btn-outline-primary-yellow:hover {
  color: #fff;
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-outline-primary-yellow:focus,
body .btn-outline-primary-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 162, 0, 0.5);
}
body .btn-outline-primary-yellow.disabled,
body .btn-outline-primary-yellow:disabled {
  color: #e1a200;
  background-color: transparent;
}
body .btn-outline-primary-yellow:not(:disabled):not(.disabled):active,
body .btn-outline-primary-yellow:not(:disabled):not(.disabled).active,
body .show > .btn-outline-primary-yellow.dropdown-toggle {
  color: #fff;
  background-color: #e1a200;
  border-color: #e1a200;
}
body .btn-outline-primary-yellow:not(:disabled):not(.disabled):active:focus,
body .btn-outline-primary-yellow:not(:disabled):not(.disabled).active:focus,
body .show > .btn-outline-primary-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 162, 0, 0.5);
}
body .btn-primary-green {
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-primary-green:hover {
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-primary-green.disabled,
body .btn-primary-green:disabled {
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-primary-green:not(:disabled):not(.disabled):active,
body .btn-primary-green:not(:disabled):not(.disabled).active,
body .show > .btn-primary-green.dropdown-toggle {
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-primary-green:not(:disabled):not(.disabled):active:focus,
body .btn-primary-green:not(:disabled):not(.disabled).active:focus,
body .show > .btn-primary-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 163, 6, 0.5);
}
body .btn-outline-primary-green {
  color: #3CA306;
  background-color: transparent;
  background-image: none;
  border-color: #3CA306;
}
body .btn-outline-primary-green:hover {
  color: #fff;
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-outline-primary-green:focus,
body .btn-outline-primary-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 163, 6, 0.5);
}
body .btn-outline-primary-green.disabled,
body .btn-outline-primary-green:disabled {
  color: #3CA306;
  background-color: transparent;
}
body .btn-outline-primary-green:not(:disabled):not(.disabled):active,
body .btn-outline-primary-green:not(:disabled):not(.disabled).active,
body .show > .btn-outline-primary-green.dropdown-toggle {
  color: #fff;
  background-color: #3CA306;
  border-color: #3CA306;
}
body .btn-outline-primary-green:not(:disabled):not(.disabled):active:focus,
body .btn-outline-primary-green:not(:disabled):not(.disabled).active:focus,
body .show > .btn-outline-primary-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 163, 6, 0.5);
}
body .error {
  border: 1px solid rgba(178, 20, 23, 0.8);
}
body .validationMessage {
  width: 100%;
  margin-bottom: .55rem;
  color: #b21417;
}
body .error-message {
  color: #b21417;
}
@media (max-width: 834px) {
  .logout-button {
    position: fixed;
    top: 17px !important;
    right: 2%;
  }
  .username text {
    padding-right: 40px !important;
    font-size: 12px !important;
  }
}
@media (min-height: 588px) {
  .nmb-background {
    min-height: 653px !important;
  }
}
@media (min-height: 653px) {
  .nmb-background {
    min-height: 900px !important;
  }
}
@media (min-height: 900) {
  .nmb-background {
    min-height: 1200px !important;
  }
}