.brand-logo {
  margin-top: 6px;
  margin-left: 1em;
}

/* Change materialize css default green */
.active {
  color: #2196f3 !important;
}

.tabs .active {
  background-color: #8acbff !important;
}

.tabs .indicator {
  background-color: #2196f3 !important;
}

.tabs .tab a {
  color: #000 !important;
}

.img.material-icons.icon.prefix {
  color: #2196f3 !important;
}
input:focus {
  border-bottom: 1px solid#2196F3 !important;
  box-shadow: 0 1px 0 0 #2196f3 !important;
}

ul.dropdown-content.select-dropdown li span {
  color: #000;
}

.autocomplete-content.dropdown-content li span {
  color: #2196f3 !important;
}

.dropdown-content li>a, .dropdown-content li>span {
  color: #2196f3 !important;
}
/* END Change materialize css default green */

/* Stick Footer */
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.sms-conversation-wrapper {
  max-height: 10rem;
  overflow-y: auto;
  display: black;
}

.chat-conversation-wrapper {
  max-height: 10rem;
  overflow-y: auto;
  display: black;
}

.icon {
  max-height: 2rem;
}

.center {
  margin: auto;
}

.infoModal dt {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  padding: 0;
  margin: 0;
}
.infoModal dd {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  padding: 0;
  margin: 0;
  margin-left: -200px;
}

/* FancyGrid */
.fancy-field-search .fancy-field-text-input {
  height: 10px !important;
}

.fancy-panel-bbar .fancy-button {
  margin-top: 9px !important;
}

.fancy-panel-bbar .fancy-separator {
  margin-top: 12px !important;
}

.fancy-panel-bbar .fancy-bar-text {
  margin-top: 5px;
}

.fancy-panel-bbar .fancy-field-text-input {
  height: 10px !important;
}

.instagramGradient {
  background-image: linear-gradient(
    to bottom left,
    #405de6 0%,
    #5851d8 10%,
    #833ab4 20%,
    #c13584 30%,
    #e1306c 40%,
    #fd1d1d 51%,
    #f56040 60%,
    #f77737 70%,
    #fcaf45 80%,
    #ffdc80 90%
  );
}

.fbBtn {
  width:  254px; 
  height: 40px;
  background-color: #4267b2 !important;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: none;

}
