@charset "UTF-8";
.main-content label {
  display: block;
  margin-bottom: 5px;
  font-size: 0.875em;
  font-weight: bold;
}
.main-content form[name=filters] {
  border-bottom: 1px solid #EEE;
}
.main-content form[name=filters] .actions button:not(:first-child) {
  margin-left: 5px;
}
.main-content table tr th, .main-content table tr td {
  text-align: center;
}
.main-content table tr th:nth-child(2), .main-content table tr td:nth-child(2) {
  text-align: left;
}
.main-content table tr th:last-child div, .main-content table tr td:last-child div {
  text-align: center;
}
.main-content table button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  background-color: var(--bs-blue);
  color: #FFF;
  font-size: 0.92em;
}
.main-content table button.btn:not([disabled]):hover {
  background-color: #0b5ed7;
}
.main-content .risk-marker {
  color: var(--icon-color);
  font-size: 1rem;
}
.main-content input, .main-content select, .main-content textarea {
  width: 100%;
  padding: 8px 5px;
  border-radius: 5px;
  border: 1px solid #CCC;
  font-size: 0.875em;
}
.main-content input:focus, .main-content select:focus, .main-content textarea:focus {
  outline: none;
  border-color: #4CC5F4;
  box-shadow: 0px 0px 3px 1px #4CC5F4;
}
.main-content input.--error, .main-content select.--error, .main-content textarea.--error {
  box-shadow: 0px 0px 3px 1px #FF4343;
}
.main-content input[disabled], .main-content select[disabled], .main-content textarea[disabled] {
  background-color: #DDD;
}
.main-content input[type=radio], .main-content input[type=checkbox] {
  width: unset;
}
.main-content .risco_id, .main-content .equipes_id, .main-content .protagonistas_id, .main-content .eventos_id, .main-content .consequencias_id {
  margin-bottom: 15px;
}
.main-content .risco_id label, .main-content .equipes_id label, .main-content .protagonistas_id label, .main-content .eventos_id label, .main-content .consequencias_id label {
  display: inline-block;
  font-weight: normal;
  margin: 5px 0;
}
.main-content .risco_id .icon, .main-content .equipes_id .icon, .main-content .protagonistas_id .icon, .main-content .eventos_id .icon, .main-content .consequencias_id .icon {
  display: inline-block;
  margin: 0 5px;
  color: var(--icon-color);
}
.main-content textarea {
  height: 150px;
  resize: none;
}
.main-content .actions {
  text-align: right;
}
.main-content .actions.bottom15 {
  margin-bottom: 15px;
}
.main-content .character_counter {
  display: block;
  text-align: right;
  font-size: 0.875em;
}

/* cols bootstrap */
form *[class^=col-md-3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.risco_id .col-md-3, .equipes_id .col-md-3, .protagonistas_id .col-md-3, .eventos_id .col-md-3, .consequencias_id .col-md-3 {
  align-items: center;
  flex-wrap: nowrap;
}
.risco_id .col-md-3 input, .equipes_id .col-md-3 input, .protagonistas_id .col-md-3 input, .eventos_id .col-md-3 input, .consequencias_id .col-md-3 input {
  margin-right: 5px;
}

/* modal */
.modal-dialog.custom {
  width: 90%;
  max-width: unset;
}

.modal-header.custom {
  padding: 5px 0;
  margin-bottom: 5px;
}

/* alerts */
.equipes_id .alert {
  margin: 0 13px;
  width: calc(100% - 28px);
}

/* datatables */
main .dataTables_wrapper > .row:nth-child(3) > div:nth-child(2) {
  width: 100%;
}

/* utilitários */
.float-left {
  float: left;
}

form input.forced-block, form select.forced-block, form textarea.forced-block {
  pointer-events: none;
  background-color: #DDD;
  border: 1px solid #CCC;
}
form label.forced-block, form label[for].forced-block {
  pointer-events: none;
}

.required label:not(input[type=radio] + label, input[type=checkbox] + label)::after {
  content: "*";
  position: relative;
  top: -4px;
  display: inline-block;
  color: #D92121;
  font-size: 0.875em;
  font-weight: normal;
}

.info-color {
  color: #4CC5F4;
}

div.mapa-container {
  position: relative;
}
div.mapa-container > div.mapa-buttons {
  position: absolute;
  bottom: 10px;
  left: 20px;
}

/* estilo do mapa */
.mapa-info {
  padding: 6px 8px;
  font: 0.875em Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.mapa-legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}

.mapa-info i {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.leaflet-tooltip.map-tooltip.my-label {
  pointer-events: none;
  background-color: transparent;
  box-shadow: unset;
  font-weight: bold;
  border: none;
}

.btn-group.mapa-buttons {
  z-index: 1 !important;
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
}

.mapa-container {
  position: relative;
}

.mapa-container:-webkit-full-screen #mapa-vacancia {
  height: 100% !important;
}

.mapa-container:fullscreen #mapa-vacancia {
  height: 100% !important;
}

.dsrollup {
  width: 45px !important;
  height: 45px !important;
}

@media all and (max-width: 600px) {
  .actions > button {
    margin-bottom: 10px;
  }
  .actions > button.float-left {
    float: unset;
  }
}
main .hml .dataTables_wrapper > .row:first-child, main .dataTables_wrapper > .row:nth-child(3) {
  display: grid;
  grid-template-columns: 1fr;
}
main .hml .dataTables_wrapper > .row:first-child > div, main .dataTables_wrapper > .row:nth-child(3) > div {
  margin-bottom: 15px;
}
main .hml .dataTables_wrapper > .row:first-child > div:first-child, main .dataTables_wrapper > .row:nth-child(3) > div:first-child {
  margin-left: auto;
  margin-right: 0;
}
main .hml .dataTables_wrapper > .row:first-child > div:first-child > div, main .dataTables_wrapper > .row:nth-child(3) > div:first-child > div {
  text-align: right;
}/*# sourceMappingURL=main.css.map */