#nav_edit {
  background-color: #dedede;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#nav_edit label {
  font-size: 0.8rem;
}
#nav_edit select {
  width: 100%;
  font-size: 0.9rem;
}
#nav_edit button {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 0.9rem;
  margin-top: 3px;
}
#nav_edit a.btn {
  display: block;
  background-color: #fff;
}
#json_edit_panel {
  background-color: #efefef;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#login {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.main_content {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.modulo {
  margin-bottom: 1.5em;
}
.modulo .desc {
  font-size: 0.8em;
}
/*
 *
 * btns.css
 * Simple css utilities for building responsive buttons
 * Author: mrmrs
 * License: MIT
 *
 *                */
/*
  Base .btn class
  Code:
  <a href="#" class="btn">Default button</a>
*/
.un_modulo {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-gap: 32px;
  border-bottom: solid 1px #dedede;
  padding-top: 24px;
}
.un_modulo .thumb img {
  max-width: 100%;
  height: auto;
  border: solid 1px #dedede;
  margin-bottom: 0.75rem;
}
.un_modulo .actions a {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 0.8rem;
}
.un_modulo .actions a img {
  padding-right: 12px;
}
.un_modulo .actions a:hover {
  color: #999;
}
#media_gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 12px;
}
#media_gallery div {
  display: grid;
  grid-template-rows: 240px auto auto;
  grid-column: auto / span 1;
  border: solid 1px #efefef;
  padding: 12px;
}
#media_gallery div img {
  max-width: 100%;
  height: auto;
}
#media_gallery div p {
  font-size: 10px;
  line-height: 1.5em;
}
#media_gallery div nav {
  font-size: 14px;
  padding-top: 12px;
}
#media_gallery div nav a {
  display: block;
  text-decoration: none;
  color: #333;
}
#media_gallery div nav a img {
  padding-right: 8px;
}
#nav_edit,
.ui_edit,
td,
.nav {
  /*
    Sizes
    Small  = .btn--s
    Medium = .btn--m
    Large  = .btn--l
    Code:
    <a href="#" class="btn btn--s">
    <a href="#" class="btn btn--m">
    <a href="#" class="btn btn--l">
  */
  /*
    Layout utility for responsive buttons
    Code:
    <a href="#" class="btn btn--full">
  */
  /*
    Skins
    * Black & White
    * Grays
    * Colors
    Code:
    <a href="#" class="btn btn--black">
    <a href="#" class="btn btn--white">
    <a href="#" class="btn btn--gray">
    <a href="#" class="btn btn--gray-dark">
    <a href="#" class="btn btn--gray-border">
    <a href="#" class="btn btn--blue">
  */
  /* BLACK & WHITE */
  /* Gray */
  /* BLUE */
  /* RED */
  /* Keep it mobile-first and responsive */
}
#nav_edit .btn,
.ui_edit .btn,
td .btn,
.nav .btn,
#nav_edit .btn:link,
.ui_edit .btn:link,
td .btn:link,
.nav .btn:link,
#nav_edit .btn:visited,
.ui_edit .btn:visited,
td .btn:visited,
.nav .btn:visited {
  border-radius: 0.25em;
  border-width: 1px;
  color: #111;
  display: inline-block;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  padding: 0.75em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s;
  cursor: pointer;
}
#nav_edit .btn[disabled],
.ui_edit .btn[disabled],
td .btn[disabled],
.nav .btn[disabled],
#nav_edit .btn:link[disabled],
.ui_edit .btn:link[disabled],
td .btn:link[disabled],
.nav .btn:link[disabled],
#nav_edit .btn:visited[disabled],
.ui_edit .btn:visited[disabled],
td .btn:visited[disabled],
.nav .btn:visited[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
#nav_edit .btn:hover,
.ui_edit .btn:hover,
td .btn:hover,
.nav .btn:hover,
#nav_edit .btn:focus,
.ui_edit .btn:focus,
td .btn:focus,
.nav .btn:focus {
  color: #7FDBFF;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}
#nav_edit .btn:active,
.ui_edit .btn:active,
td .btn:active,
.nav .btn:active {
  color: #0074D9;
  border: 1px solid #0074D9;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}
#nav_edit .btn--s,
.ui_edit .btn--s,
td .btn--s,
.nav .btn--s {
  font-size: 12px;
}
#nav_edit .btn--m,
.ui_edit .btn--m,
td .btn--m,
.nav .btn--m {
  font-size: 14px;
}
#nav_edit .btn--l,
.ui_edit .btn--l,
td .btn--l,
.nav .btn--l {
  font-size: 16px;
  border-radius: 0.25em !important;
}
#nav_edit .btn--full,
.ui_edit .btn--full,
td .btn--full,
.nav .btn--full,
#nav_edit .btn--full:link,
.ui_edit .btn--full:link,
td .btn--full:link,
.nav .btn--full:link {
  border-radius: 0.25em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100% !important;
}
#nav_edit .btn--black,
.ui_edit .btn--black,
td .btn--black,
.nav .btn--black,
#nav_edit .btn--black:link,
.ui_edit .btn--black:link,
td .btn--black:link,
.nav .btn--black:link,
#nav_edit .btn--black:visited,
.ui_edit .btn--black:visited,
td .btn--black:visited,
.nav .btn--black:visited {
  color: #fff;
  background-color: #111;
}
#nav_edit .btn--black:hover,
.ui_edit .btn--black:hover,
td .btn--black:hover,
.nav .btn--black:hover,
#nav_edit .btn--black:focus,
.ui_edit .btn--black:focus,
td .btn--black:focus,
.nav .btn--black:focus {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
#nav_edit .btn--black:active,
.ui_edit .btn--black:active,
td .btn--black:active,
.nav .btn--black:active {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
#nav_edit .btn--white,
.ui_edit .btn--white,
td .btn--white,
.nav .btn--white,
#nav_edit .btn--white:link,
.ui_edit .btn--white:link,
td .btn--white:link,
.nav .btn--white:link,
#nav_edit .btn--white:visited,
.ui_edit .btn--white:visited,
td .btn--white:visited,
.nav .btn--white:visited {
  color: #111;
  background-color: #fff;
}
#nav_edit .btn--white:hover,
.ui_edit .btn--white:hover,
td .btn--white:hover,
.nav .btn--white:hover,
#nav_edit .btn--white:focus,
.ui_edit .btn--white:focus,
td .btn--white:focus,
.nav .btn--white:focus {
  color: #111;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
#nav_edit .btn--white:active,
.ui_edit .btn--white:active,
td .btn--white:active,
.nav .btn--white:active {
  color: #111;
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}
#nav_edit .btn--gray:link,
.ui_edit .btn--gray:link,
td .btn--gray:link,
.nav .btn--gray:link,
#nav_edit .btn--gray:visited,
.ui_edit .btn--gray:visited,
td .btn--gray:visited,
.nav .btn--gray:visited {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #555;
}
#nav_edit .btn--gray:hover,
.ui_edit .btn--gray:hover,
td .btn--gray:hover,
.nav .btn--gray:hover,
#nav_edit .btn--gray:focus,
.ui_edit .btn--gray:focus,
td .btn--gray:focus,
.nav .btn--gray:focus {
  background-color: #ddd;
  border-color: #ddd;
  color: #444;
}
#nav_edit .btn--gray:active,
.ui_edit .btn--gray:active,
td .btn--gray:active,
.nav .btn--gray:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #444;
}
#nav_edit .btn--gray-border:link,
.ui_edit .btn--gray-border:link,
td .btn--gray-border:link,
.nav .btn--gray-border:link,
#nav_edit .btn--gray-border:visited,
.ui_edit .btn--gray-border:visited,
td .btn--gray-border:visited,
.nav .btn--gray-border:visited {
  background-color: #fff;
  border-color: #555;
  border-width: 2px;
  color: #555;
}
#nav_edit .btn--gray-border:hover,
.ui_edit .btn--gray-border:hover,
td .btn--gray-border:hover,
.nav .btn--gray-border:hover,
#nav_edit .btn--gray-border:focus,
.ui_edit .btn--gray-border:focus,
td .btn--gray-border:focus,
.nav .btn--gray-border:focus {
  background-color: #fff;
  border-color: #ddd !important;
  color: #777;
}
#nav_edit .btn--gray-border:active,
.ui_edit .btn--gray-border:active,
td .btn--gray-border:active,
.nav .btn--gray-border:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #444 !important;
}
#nav_edit .btn--gray-dark:link,
.ui_edit .btn--gray-dark:link,
td .btn--gray-dark:link,
.nav .btn--gray-dark:link,
#nav_edit .btn--gray-dark:visited,
.ui_edit .btn--gray-dark:visited,
td .btn--gray-dark:visited,
.nav .btn--gray-dark:visited {
  background-color: #555 !important;
  color: #eee;
}
#nav_edit .btn--gray-dark:hover,
.ui_edit .btn--gray-dark:hover,
td .btn--gray-dark:hover,
.nav .btn--gray-dark:hover,
#nav_edit .btn--gray-dark:focus,
.ui_edit .btn--gray-dark:focus,
td .btn--gray-dark:focus,
.nav .btn--gray-dark:focus {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #eee;
}
#nav_edit .btn--gray-dark:active,
.ui_edit .btn--gray-dark:active,
td .btn--gray-dark:active,
.nav .btn--gray-dark:active {
  background-color: #777 !important;
  border-color: #777 !important;
  color: #eee;
}
#nav_edit .btn--blue:link,
.ui_edit .btn--blue:link,
td .btn--blue:link,
.nav .btn--blue:link,
#nav_edit .btn--blue:visited,
.ui_edit .btn--blue:visited,
td .btn--blue:visited,
.nav .btn--blue:visited {
  color: #fff;
  background-color: #0074D9 !important;
}
#nav_edit .btn--blue:link.active,
.ui_edit .btn--blue:link.active,
td .btn--blue:link.active,
.nav .btn--blue:link.active,
#nav_edit .btn--blue:visited.active,
.ui_edit .btn--blue:visited.active,
td .btn--blue:visited.active,
.nav .btn--blue:visited.active {
  background-color: #f69322 !important;
}
#nav_edit .btn--blue:hover,
.ui_edit .btn--blue:hover,
td .btn--blue:hover,
.nav .btn--blue:hover,
#nav_edit .btn--blue:focus,
.ui_edit .btn--blue:focus,
td .btn--blue:focus,
.nav .btn--blue:focus {
  color: #fff !important;
  background-color: #0063aa !important;
  border-color: #0063aa !important;
}
#nav_edit .btn--blue:active,
.ui_edit .btn--blue:active,
td .btn--blue:active,
.nav .btn--blue:active {
  color: #fff;
  background-color: #001F3F !important;
  border-color: #001F3F !important;
}
#nav_edit .btn--red:link,
.ui_edit .btn--red:link,
td .btn--red:link,
.nav .btn--red:link,
#nav_edit .btn--red:visited,
.ui_edit .btn--red:visited,
td .btn--red:visited,
.nav .btn--red:visited {
  color: #fff;
  background-color: #cc0000 !important;
}
#nav_edit .btn--red:hover,
.ui_edit .btn--red:hover,
td .btn--red:hover,
.nav .btn--red:hover,
#nav_edit .btn--red:focus,
.ui_edit .btn--red:focus,
td .btn--red:focus,
.nav .btn--red:focus {
  color: #fff !important;
  background-color: #f00 !important;
  border-color: #f00 !important;
}
#nav_edit .btn--red:active,
.ui_edit .btn--red:active,
td .btn--red:active,
.nav .btn--red:active {
  color: #fff;
  background-color: #001F3F !important;
  border-color: #001F3F !important;
}
@media screen and (min-width: 32em) {
  #nav_edit .btn--full,
  .ui_edit .btn--full,
  td .btn--full,
  .nav .btn--full {
    max-width: 16em !important;
  }
}