body, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

html,
body,
#app,
#content {
  height: 100%;
}

body {
  background: linear-gradient(to bottom right, #00376b, #0189ad);
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;

  display: flex;
  flex-direction: column;

  font-family: calibri, carlito, Arial, "liberation sans", sans-serif, sans;
  color: white;
}

.content {
    flex: 1 0 auto;
}

.nav-logo {
    height: 2rem;
    width: 2rem;
}
.navbar {
    background-color: #254181 !important;
    box-shadow: 0 0.15rem 2px -2px #333;
}
.nav-link {
    color: white !important;
}

.toasted-container.top-right {
    top: 0;
}

.wait.loader {
    margin: auto;
    display: block;
    height: 30px;
    width: 30px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #4285F4;
}


/* DxGrid */
.dx-datagrid-header-panel .dx-toolbar {
  padding: 10px;
  margin: 0;
}

.box-body .dx-datagrid-header-panel .dx-toolbar {
  padding: 0 0 10px 0;
  margin: 0;
}

.dx-datagrid .dx-header-filter {
  color: #666;
}

.dx-datagrid .dx-header-filter-empty {
  color: rgba(149, 149, 149, 0.5);
}

.dx-datagrid .dx-datagrid-headers {
  color: #666;
  font-weight: 600;
}

/* Darker row-alt and color matches Bootstrap */
.dx-datagrid {
  color: #212529;
}

  .dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }

  /* Normalize font-size */
  .dx-datagrid .icon-action a {
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    color: #337ab7;
  }

  .dx-datagrid .dx-command-edit-with-icons .dx-icon-save,
  .dx-datagrid .dx-command-edit-with-icons .dx-icon-revert {
    font-size: 20px !important;
  }

.dx-toolbar .dx-button .dx-icon.fas,
.dx-toolbar .dx-button .dx-icon.far {
  font-size: 16px;
}

a.dx-button {
  text-decoration: none;
}

/* Grid with DxButton */
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  font-size: 16px;
  line-height: 16px;
}

.dx-button-mode-contained {
  background-color: #f4f4f4;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: rgba(30,119,171,.55);
}

/* DX File Uploader */
.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  padding-top: 0;
}

/*DX Auto Hide menu*/
.dx-toolbar-menu-section .btn,
.dx-toolbar-menu-section .btn-default,
.dx-toolbar-menu-section .btn-primary,
.dx-toolbar-menu-section .btn-secondary {
  color: inherit;
  background-color: inherit;
  border-color: none;
  border: none;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  line-height: 19px;
  vertical-align: middle;
}

.dx-toolbar-menu-section .ms-1,
.dx-toolbar-menu-section .ms-2,
.dx-toolbar-menu-section .ms-3 {
  margin: inherit !important;
}

.dx-toolbar-before .btn,
.dx-toolbar-after .btn {
  padding: 5px 10px;
}

/* DevExpress Reporting */
.report-viewer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 40px;
}

/* DevExpress Extras */
.dx-datagrid .dx-link.dx-link-delete {
  color: #dc3545;
}

/*BOOTSTRAP EXT*/
.form-control {
  border-color: #ced4da;
}

.form-check-input {
  border-color: #8c8c8c;
}

.font-size-sm {
  font-size: 12px;
}

.font-size-xs {
  font-size: 10px;
}

.btn-default {
  color: #333;
  background-color: #f4f4f4;
  border-color: #ccc;
}

  .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }

  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }

  .btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }

.navbar .nav-link.active,
.navbar .dropdown-item.active {
  text-decoration: underline;
  text-underline-offset: 0.1rem;
  font-weight: 600;
}

.nav-tabs .nav-link.active {
  text-decoration: none;
}

/* Row vertical gutter helpers */
.row-mb-2 .row {
  margin-bottom: 0.5rem;
}

.row-mb-3 .row {
  margin-bottom: 1rem;
}

/* SWAL */
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.swal2-shown {
  display: flex;
  height: 100vh;
  justify-content: center;
}

/* CUSTOM CSS */
main {
  display: block;
}

  main > .content {
    padding: 65px 16px 16px;
  }

.invalid {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: .875em;
  color: #dc3545;
}

.required:after {
  content: "*";
  color: #dc3545;
  font-weight: 500;
  margin-left: 0.15rem;
}

.form-control[readonly],
.form-control[disabled] {
  cursor: not-allowed;
  background-color: #eee;
}

.card.last {
  min-height: 400px;
}

.clickable {
  color: #0f4afc;
}

.dx-datagrid-search-panel {
  margin-left: 0px !important;
}

/* MDB override */
.md-form label {
  color: rgba(33, 37, 41, 1);
}

.list-group .md-form{
  margin-top: 1rem;
  margin-bottom: 1rem;
}