@font-face {
  font-family: 'Right Grotesk Tight';
  src: url('/wps/wcm/connect/d051c6b5-7642-4cf6-95af-f954c5be310e/PPRightGrotesk-TightBlack.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-d051c6b5-7642-4cf6-95af-f954c5be310e-obFIdJh') format('truetype');
  font-weight: 100 900;
}

section .row.buttons>* {
  padding-bottom: 24px !important;
  padding-bottom: 1.5rem !important;
}

.datatable-controls {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px 42px 0;
  margin: 0 -1rem 3rem 0;
}

.datatable-control-input {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  color: #616161;
  padding: 0 16px 16px 0;
  padding: 0 1rem 1rem 0;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 240px;
  flex-basis: 15rem;
}

.datatable-control-input.clear {
  text-align: right;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
}
.contentDataMap {
  width:100%;
  height:500px;
  max-height:calc(90vh - 90px);
  min-height:300px;
  margin:2rem 0;
}
.dtLastUpdate {
    display: inline;
    float: right;
    margin: 8px 0 16px 16px;
    margin: 0.5rem 0 1rem 1rem;
}
.dataTable {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
    .main-content table.dataTable {
        display: table
    }

    .main-content .dataTable tbody {
        display: table-row-group
    }

    .main-content .dataTable td, .main-content .dataTable th {
        display: table-cell
    }

    .main-content .dataTable thead {
        display: table-header-group
    }

    .main-content .dataTable tr, .main-content .dataTable thead tr {
        display: table-row;
        position: static;
        margin: 0;
    }

    .main-content .dataTable tr:nth-child(odd) {
        background: #FFFFFF
    }

    .main-content .dataTable td {
        border-width: 0;
        position: relative;
        padding-left: 16px;
        padding-left: 1rem;
        min-height: 0
    }

    .main-content .dataTable td:before {
        display: none;
    }
}
.main-content .dataTable tr:nth-child(odd){
    background-color: transparent;
}
.main-content table.dataTable tr.even,
.main-content table.dataTable tr.even + .child {
    background-color: #F7F7F7
}
.main-content table.dataTable tbody tr td:first-child li {
    font-weight: 400
}
.main-content table.dataTable tbody * {
    font-size: 1rem;
}
.main-content table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.main-content table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    padding: 0;
    background-color: #6FD551;
}
.main-content table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.main-content table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: #E12355;
}
table.dataTable thead th, table.dataTable thead td, 
table.dataTable.no-footer {
    border-bottom: 1px solid #ccc;
}
.dt-buttons {
    margin: -32px 0 16px 0;
    margin: -2rem 0 1rem 0;
}
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dt-button {
    border: 1px solid transparent;
    border-radius: 0;
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    text-transform: capitalize;
    background: #3A75D3;
    color: #FFFFFF !important;
    border-color: #3A75D3;
    transition: all 0.25s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.dt-buttons:before {
    content: "Export to";
    padding-right: 8px;
}
.dt-button:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #285093;
    border: 1px solid transparent;
    border-radius: 0;
}
.dt-datetime-clear {
  cusor: pointer;
}
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background-color: transparent;
}

.ol-overlaycontainer, .ol-overlaycontainer-stopevent {
  top: 0;
}

.ol-popup {
    z-index: 2;
}

.ol-control.ol-legend {
    background-color: rgba(255,255,255,0.75);
}

.campaign-page-header.Short {
  min-height: 40vh;
}