/* === Main components === */
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/*** Navbar Toggler ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Dfw file ***/
/* Calendar (Full calendar) */
/* Image actions */
/* Dfw Cropper */
/* Push modal */
/*** Buttons variants ***/
/*** Filters ***/
/** Filter tabs **/
#filtersCollapse {
  background-color: #ffffff; }

#filtersCollapse ul.nav-tabs {
  border-bottom: none !important; }

#filtersCollapse ul.nav-tabs li.nav-item:first-of-type a.nav-link {
  border-radius: 8px 0px 0px 0px; }

#filtersCollapse ul.nav-tabs li.nav-item:last-of-type a.nav-link {
  border-radius: 0px 8px 0px 0px; }

#filtersCollapse div.tab-content {
  border: 1px solid #dee2e6;
  border-radius: 8px 0px 8px 8px;
  background-color: white; }

#filtersCollapse div.tab-pane {
  padding: 2rem 1rem 1rem 1rem !important; }

#filtersCollapse div.button-content {
  margin: 0rem;
  padding-bottom: 1rem; }

#filtersCollapse .tab-footer {
  text-align: right; }

/** Wait window **/
div.wait-window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #ffffff;
  cursor: wait; }

/*** Tables ***/
/** Main **/
.table-container {
  border-radius: 4px; }

/*** Scrollbar collapse***/
/* width */
.table-wrapper::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

/* Track */
.table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
.table-wrapper::-webkit-scrollbar-thumb {
  background: #c3c3c3;
  border-radius: 10px; }

/* Handle on hover */
.table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #9f9f9f; }

th {
  font-weight: bold; }

tr.tr-link {
  cursor: pointer; }

/** Utils **/
.td-excerpt {
  width: 50ch;
  overflow: hidden;
  display: -webkit-box;
  line-height: 16px !important;
  max-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.bg-error-report {
  background-color: #feeaeb !important; }

/** Django tables2 **/
/* Paleblue */
table.paleblue {
  width: 100%;
  display: inline-block;
  overflow-x: auto !important;
  border-radius: 4px; }

table.paleblue.inline {
  display: inline-table; }

table.paleblue > thead th {
  text-align: center !important;
  color: #13684b; }

table.paleblue thead th > a:link,
table.paleblue thead th > a:visited {
  color: #13684b; }

table.paleblue thead th,
table.paleblue thead td {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px; }

table.paleblue tbody td,
table.paleblue thead th {
  vertical-align: middle !important; }

table.paleblue td a:link,
table.paleblue td a:visited,
table.paleblue + ul.pagination > li > a {
  color: #13684b !important; }

table.paleblue tr.odd {
  background-color: white; }

table.paleblue tr.even {
  background-color: white; }

/** Table subreport **/
.table-subreport {
  width: 100%;
  border: solid 2px #b6b6b6; }

table.table-subreport thead th {
  background: #e4e4e4;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px; }

.table-subreport > tbody {
  border: solid #b6b6b6;
  border-width: 0px 2px 2px 2px; }

table.table-subreport tbody td {
  padding: 5px !important; }

/*TODO VARIABLES */
/*Table with levels*/
.table-level .level-1 {
  background-color: #188862;
  color: #fff; }

.table-level .level-1 h4 {
  font-size: 20px; }

.table-level .level-2 {
  background-color: #f0be1a6e;
  color: #000;
  font-size: 18px; }

.table-level .level-2 h4 {
  font-size: 18px; }

.table-level .level-3 {
  background-color: #6c606161;
  color: #000; }

.table-level .level-3 h4 {
  font-size: 16px; }

.table-level .level-4 h4 {
  font-size: 14px; }

@media (min-width: 768px) {
  .table-wrapper {
    width: 100%;
    overflow-x: auto;
    /* white-space: nowrap; */
    max-height: calc(100vh - 300px); }
  .table-wrapper > table {
    width: max-content;
    min-width: 100%; }
  .table-wrapper > table td {
    max-width: calc((100vw - 96px) / 4);
    /*viewport width - horizontal padding / min columns to show */ }
  .table-wrapper > table th {
    position: sticky;
    top: -1px;
    background-color: white;
    color: #13684b; } }

@media (min-width: 1920px) {
  .table-wrapper > table td {
    max-width: calc((100vw - 96px) / 6);
    /*viewport width - horizontal padding / min columns to show */ } }

/*** Pagination ****/
ul.pagination {
  display: flex;
  justify-content: center;
  background: none !important;
  margin-top: -6px !important;
  height: 60px !important;
  align-items: center !important;
  overflow: hidden !important;
  border-top: none !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important; }

.page-link {
  background-color: white;
  color: #13684b; }

.page-link:hover {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #13684b; }

.page-item.current .page-link {
  background: #21B584;
  color: white !important; }

/* Responsive  */
@media (max-width: 630px) {
  ul.pagination {
    display: contents; } }

.report-actions {
  text-align: right; }

/* Report List */
td.action {
  font-size: 16px !important; }

td.action a {
  padding: 2px; }

/* Report loading */
/*.report-loading-container{
    height: calc(100vh - (3rem + 60px));
}*/
.report-loading-container .download-link svg {
  color: #13684b;
  fill: #13684b;
  width: 100px;
  height: 100px;
  margin-bottom: 20px; }

.report-loading-col {
  display: flex;
  align-items: center;
  justify-content: center; }

.progress-bar {
  background-color: #13684b; }

.report-timing {
  text-align: right; }

/* Select-ordered-list */
.select-ordered-list {
  margin-top: 0.5rem !important;
  margin-bottom: 3rem !important; }

.select-ordered-list .select-ordered-item {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #13684b;
  color: white;
  padding: 2px 10px;
  margin-bottom: 7px;
  border-radius: 20px;
  font-size: 11px;
  align-items: center;
  justify-content: center;
  word-break: break-all; }

.btn-select-ordered-remove {
  position: absolute;
  right: 15px; }

.btn-select-ordered-remove:hover {
  cursor: pointer; }

/* ArcGIS Map */
#mapView {
  height: 600px; }

@media (min-width: 992px) {
  .select-ordered-list {
    display: flex;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px; } }