/*CSS OVERRIDES*/

#opportunities-pg .col-sm-2,#opportunities-pg .col-sm-4,
#opportunities-pg .col-sm-6,#opportunities-pg .col-sm-8,
#opportunities-pg .col-sm-10,#opportunities-pg .col-sm-12,
#opportunities-pg .col-sm-5 {
  padding: 0;
}

#opportunities-pg .col-sm-5 {width: 48.666667%;}

#opportunities-pg  input {
  border-style: none;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  color: #777;
}

section.content-view #opportunities-pg  a,
section.content-view #opportunities-pg  a:visited,
section.content-view #opportunities-pg  a:hover {
  color: #3C7A9C;
  text-decoration: none;
  opacity: 1;
}

#opportunities-pg  p {
  margin: 0 0 5px;
}

#opportunities-pg .inputs > input[type="checkbox"] {
  min-width: 20px;
}

/*TABLE ADJUSTMENTS*/

.table-responsive {overflow-x: unset;}

#opportunities-pg  table {
  color: #777;
  text-align: left;
  margin-bottom: 0;
  height: 100%;
}

.table-styles {
  margin-top: 15px;
  background-color: #ffffff;
  color: #777;
  padding: 15px 0;
  border-radius: 2px;
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 2px var(--border-color);
}

.table-styles .row {
  padding: 0 15px;
  text-align: left;
  width: 100%;
}

section.content-view #opportunities-pg .table-styles-1 .row {
  margin-top: 15px;
  background-color: #ffffff;
  color: #777;
  padding: 15px 0;
  border-radius: 2px;
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 2px var(--border-color);
  text-align: left;
  width: 100%;
}

#opportunities-pg table>thead>tr>th {
  border-bottom: inherit;
  padding: 5px 15px;
  background-color: #f4f4f4;
}

#opportunities-pg .floor-grid table>thead>tr>th {
  padding: 8px 15px;
}

#opportunities-pg table>thead>tr {border-bottom:1px solid #e9e9e9;}
#opportunities-pg table>tbody>tr>td {padding-left:15px;}

#opportunities-pg tr {
  padding-left: 15px;
  text-align: left;
  border: none;
}

span.count {
  display: inline-block;
  text-align: center;
  width: 30px;
  background-color: #e2a525;
  color: #ffffff;
  border-radius: 2px;
  padding: 3px 0;
}

/*LEGEND COLORS*/

span.count.lt-purple {background-color: #d3459f;}
span.count.md-purple {background-color: #9e24d3;}
span.count.dk-purple {background-color: #4e4cd8;}
span.count.lt-green {background-color: #53dba6;}
span.count.md-green {background-color: #c2c82a;}
span.count.dk-green {background-color: #4fbd4c;}
span.count.turq {background-color: #5acccc;}

/*#/LEGEND COLORS*/

div.legend{
  border: 1px solid var(--border-color);
  box-shadow: 1px 1px 1px var(--border-color);
}

div.tower{
  border: 1px solid var(--border-color);
  box-shadow: 1px 1px 1px var(--border-color);
}

div.legend .table>tbody>tr>td {border-top: 0;}

.table>tbody>tr>td.center-count {
  text-align:center;
  vertical-align:middle;
}

.floor-grid table {
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
}

#opportunities-pg .floor-grid table>tbody>tr>td {padding-left:0;}
#opportunities-pg .floor-grid .info-box p {margin: 0;}
#opportunities-pg .floor-grid .info-box {margin-top: 20px;}
.floor-grid td, .floor-grid th {border-radius: 2px;}
.floor-grid th {border: 1px solid var(--border-color);background-color: #f4f4f4;}
.floor-grid thead th.first{width: 85px;}
.floor-grid tbody th {text-align: center;}



#opportunities-pg .floor-grid .number-line p {
  margin: 0;
  padding: 5px 0;
  color: #ffffff;
}

/*GRID COLORS*/

.floor-grid .number-line {
  display: flex;
  justify-content: space-between;
  background-color: #f6ba3a;
  line-height: normal;
  padding-left: 15px;
}

.floor-grid .number-line span {
  background-color: #e2a522;
  padding: 5px 15px;
}

.floor-grid tbody td {
  text-align: center;
  border: 2px solid #e2a522;
}

/*Purples*/
.floor-grid .number-line.purples {background-color:#c966f1;}
.floor-grid .number-line span.purples {background-color:#ac4ed2;}
.floor-grid tbody td.purples {border-color:#ac4ed2;}

/*Blues*/
.floor-grid .number-line.blues {background-color:#60cee7;}
.floor-grid .number-line span.blues {background-color:#48b3cb;}
.floor-grid tbody td.blues {border-color:#48b3cb;}

/*Greens*/
.floor-grid .number-line.greens {background-color:#71d16f;}
.floor-grid .number-line span.greens {background-color:#4fbd4c;}
.floor-grid tbody td.greens {border-color:#4fbd4c;}



/*#/GRID COLORS*/

/*#/TABLE ADJUSTMENTS*/

section.content-view .operations-opportunities {
  background-color: #ffffff;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 2px var(--border-color);
}

div.btn-group.main {
  display: unset;
}

div.input-inline {display: inline-block;}

.list-community .input-inline input {
  margin: 0;
  width: 70px;
}

.btn-group .btn {
  min-width: 150px;
  text-align: left;
}

.btn-group .caret {
  float: right;
  margin-top: 8px;
}

/*#/CSS OVERRIDES*/

.list-community {
  margin-top: 15px;
  background-color: #ffffff;
  padding: 15px 0;
  border-radius: 2px;
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 2px var(--border-color);
}

.list-community > .row {padding: 0 15px;}
.list-community input {margin: 0 15px;}

#opportunities-pg .inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 25px;
  margin-left: -80px;
}

#opportunities-pg .inputs p {margin:0;}

#opportunities-pg .list-community .input {
  margin: 0 15px;
}

.operations-opportunities h2 {
  color: #777777;
  margin: 5px 0 10px;
}

#opportunities-pg  .operations-opportunities .btn {
  margin-right: 5px;
  color: #777;
  background: linear-gradient(#ffffff, #f0f0f0);
  border: 1px solid var(--border-color);
  box-shadow: 1px 1px 1px var(--border-color);
}

#opportunities-pg  .list-community .btn {
  margin-right: 5px;
  color: #777;
  background-color: #ffffff;
  border: 1px solid var(--border-color);
}

#opportunities-pg  .total {
  text-align: right;
  margin-top: 25px;
}

#opportunities-pg  .fa-caret-right,
#opportunities-pg  .fa-caret-left {
  color: #777;
  padding: 1px 10px;
  background: linear-gradient(#ffffff, #f0f0f0);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  cursor: pointer;
}

.fa-sort {
  margin-left: -20px;
  margin-right: 10px;
  cursor: pointer;
}

.arrow {margin-left: 5px}

.list-community .fa-circle,.list-community .status {color:#46AB46;}
.potential-status{color:#F26D70;}

.list-community .fa-circle {
  margin-left: -5px;
  padding-right: 5px;
  font-size: .75em;
  vertical-align: middle;
}

#opportunities-pg  .list-community td.images {
  padding: 0 15px;
  vertical-align: middle;
}

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
        border-collapse: separate;
        border-spacing: 8px 0;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}