/*CSS OVERRIDES*/

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

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

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

#contact-pg p {
  margin: 0;
}


#contact-pg table {
  color: #777;
  text-align: left;
  margin-bottom: 0;
}

#contact-pg thead tr {
  color: #777;
  text-align: left;
}

#contact-pg thead tr {padding: 0 15px;}
/*#contact-pg tbody tr {padding: 0 15px;}*/
#contact-pg th, #contact-pg td {
  padding: 20px 15px;
  min-width: 80px;
}


#contact-pg .pagination {
  margin: 0;
  padding-top: 15px;
  display: inherit;
}

#contact-pg .pagination li a {
  padding: 6px;
  border: none;
}

section.content-view .operations-contacts {
  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);
}

.btn-group .caret {
  margin-left: 5px;
}

/*#/CSS OVERRIDES*/

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

.list-contacts > .row {
  border-bottom: 1px solid var(--border-color);
  padding: 0 15px 15px;
}

.list-contacts .pagination-btm {
  border-top: 2px solid var(--border-color);
  border-bottom: 0;
  padding: 0 15px;
}

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

#contact-pg .operations-contacts .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);
}

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

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

#contact-pg .fa-caret-right,
#contact-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-contacts .fa-circle,.list-contacts .status {color:#46AB46;}
.potential-status{color:#F26D70;}

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

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

.list-contacts td.images img {
  padding-right: 20px;
  cursor: pointer;
}

.details {display: none;}
a {cursor: pointer;}