.contact-view, tr.clickable{
	cursor: pointer;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}

.contact-view.selected td{
	background: rgba( 0, 90, 215, 0.2 );
}

ul.bread-crumb{
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

ul.bread-crumb li{
  margin-right: 0.5rem;
  display: inline-block;
}

ul.bread-crumb li:after{
  content: ">";
  margin-left: 0.5rem;
}

ul.bread-crumb li:last-of-type:after{
  content: "";
}

i:before{
	font-family: "Font Awesome 5 Pro";
}

.faded{
	opacity: 0.6;
}

.col-xs-1, .col-xs-5{
	width: auto!important;
}

td.flexed{
  display: flex;
}

td.flexed > *{
  margin: 0 5px;
}

input#contact-search, input.search-field{
  padding-left: 30px;
  
  
}

table.searchable tbody tr:first-of-type td:before{
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  left: 25px;
  z-index: 999;
  position: absolute;
  color: black;
  padding-right: 50px;
  margin-right: 50px;
}
ul.contact-methods{
  width: 100%;
  margin: 15px 0;
  display: flex;
  list-style:none;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}

ul.contact-methods li{
  flex: 1;
  flex-grow: 0;
  border: 1px solid #b3b3b3;
  border-radius: 25px;
  padding: 8px 12px;
  margin: 0 1rem;
  background: #386dad;
  color: #fff!important;
  border: 0;
  padding: 9px!important;
}

ul.contact-methods li a{
  color: #fff;
}

ul.contact-methods li.unused{
  color: #b3b3b3;
  opacity: 0.5;
}

ul.contact-methods i{
  font-size: 25px;
}

tr.contact-view.employee td:first-of-type:before{
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  color: #fff;
  padding: 4px 3px;
  border-radius: 12px;
  background: #386dad;
}

table.contact-form td{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}
.navbar{
  background: #386dad;
}

.navbar a{
  color: #fff!important;
}

.navbar button .navbar-toggler-icon{
  background-image: none;
  display: none;
}

.navbar button:before{
  margin-top: 5px;
  content: "\f0c9";
  font-family: "Font Awesome 5 Pro";
  color: #fff;


}
.navbar button{
  border-color: #fff!important;
}

div.contact-note{
  background: #e9ebed;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.note-options a{
  margin-left: 5px;
}

.note-options a:after{
  content: "|";
  padding-left: 5px;
  color: rgba( 0, 0, 0, 0.3 );
}

.note-options a:last-of-type:after{
  content: "";
  padding-left: 0;
}

.removing{
  background: #dc3545!important;
}

*{
  font-family: "Open Sans", sans-serif !important;
}

ul.nav-pills{
	margin-bottom: 1rem;
}

.ml-auto li{
  margin: 1rem 0;
}
img.circled{
  max-height: 35px;
  border-radius: 19px;
}

td.flexed{
  display: flex;
  align-items: center;
}

@media( min-width: 756px ){
  .ml-auto li:before{
    content: "|";
    color: #fff;
    margin: 0 .75rem;
    opacity: 0.2;
  }
  
  .ml-auto li:first-of-type:before{
    content: "";
    margin: 0;
  }
}