html,
body {
  width: 100%;
  height: 100%; }

h1 {
  margin-bottom: 30px; }

.notaries--enis-sync h2 {
  margin-top: 2em; }
.notaries--enis-sync .sync-notary-list {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em; }
  .notaries--enis-sync .sync-notary-list .inactive-no-action {
    color: #888; }

.base-grid {
  min-height: 100%;
  display: grid;
  grid-template-rows: 56px 1fr auto;
  grid-template-columns: 100%; }
  .base-grid--content {
    padding-top: 30px;
    padding-bottom: 40px; }

.with-fixed-top .base-grid--content {
  padding-top: 100px; }

footer {
  background-color: #e9edce;
  padding: 30px 0px;
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); }

.form--login, .form--registration, .form--password-recovery, .form--change-password, .form--create-document--main-form, .form--edit-notary--main-form {
  max-width: 500px;
  margin: 0 auto; }
.form--create-document--main-form, .form--edit-notary--main-form {
  margin: 0 0; }
.form label {
  font-weight: bold; }

form label {
  font-weight: bold; }

.required-field-star {
  margin-left: 4px;
  color: red; }

.form-control--text {
  display: block; }

.form-label--required:after {
  content: "*";
  margin-left: 4px;
  color: red; }

.table {
  width: auto; }

.form--grouped-fields .nav-tabs,
.form--grouped-fields .nav-pills {
  margin: 20px 0;
  padding: 20px 20px;
  position: sticky;
  top: 4px;
  background-color: #fcfee4;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15); }

.with-fixed-top .form--grouped-fields .nav-tabs,
.with-fixed-top .form--grouped-fields .nav-pills {
  top: 56px; }

.navbar-nav .nav-link.active {
  font-weight: bold; }

.form-field-block .form-text .bg-primary, .form-field-block .form-text .bg-secondary, .form-field-block .form-text .bg-success, .form-field-block .form-text .bg-danger, .form-field-block .form-text .bg-warning, .form-field-block .form-text .bg-info, .form-field-block .form-text .bg-light, .form-field-block .form-text .bg-dark {
  padding: 4px 10px;
  margin-top: 10px; }
.form-field-block .form-text .text-primary a, .form-field-block .form-text .text-secondary a, .form-field-block .form-text .text-success a, .form-field-block .form-text .text-danger a, .form-field-block .form-text .text-warning a, .form-field-block .form-text .text-info a, .form-field-block .form-text .text-light a, .form-field-block .form-text .text-dark a, .form-field-block .form-text .text-white a {
  color: inherit; }

@media screen and (min-width: 992px) {
  .footer-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px; }
    .footer-flex DIV {
      align-self: center;
      justify-self: center; } }
.navbar,
#navbarSupportedContent {
  background-color: #cad295; }

@media screen and (max-width: 991px) {
  #navbarSupportedContent {
    padding: 1em; } }