a {
  color: $themeColor;
}


.faq-btn{
  background-color:$themeTextActiveBackColor;
  color:$themeTextColor;
}

.card-theme.card-outline {
  border-top: 3px solid $themeColor;;
}

ul.ui-choose > li:hover {
  z-index: 4;
  border-color: $themeColor;
  color: $themeColor;
}

ul.ui-choose > li.selected {
  border-color: $themeColor;
  color: $themeTextColor;
  background: $themeColor;

}

.irs-single {
  background-color: $themeColor;
}

.irs-single:before {
  border-top-color: $themeColor;
}

.irs--flat .irs-handle > i:first-child {
  background-color: $themeColor;
}

.irs--flat .irs-bar {
  background-color: $themeColor;
}

.btn.btn-tool {
  color: $themeColor;
}

.bg-theme {
  background-color: $themeColor;
  color: $themeTextColor;
}

.btn {
  color: $themeTextActiveColor;
}

.small-box-footer {
  color: $themeTextColor;
}

.nav-link {
  color: $themeTextColor;
}

.btn-primary {
  border-color: $themeColor;
  background-color: $themeColor;
  color: $themeTextColor;
}

.navbar-dark {
  background-color: $themeColor;
}

.sidebar-dark-primary {
  background-color: $themeColor;

  .brand-link {
    .brand-text {
      color: $themeTextColor;
    }
  }

  .user-panel {
    .info {
      .d-block {
        color: $themeTextColor;
      }
    }
  }

  .nav {
    color: $themeTextColor;


    .nav-item {
      p {
        color: $themeTextColor;
      }

      i {
        color: $themeTextColor;
      }
    }


    .nav-item .active {
      background-color: $themeTextActiveBackColor;

      p {
        color: $themeTextActiveColor;
      }

      i {
        color: $themeTextActiveColor;
      }
    }
  }

  .login-page {
    background: $themeColor;
  }
}


.page-item.active {
  .page-link {
    color: white !important;
    background-color: $themeColor;
  }
}


.text-theme {
  color: $themeTextColor;
}

.nav-item .active {
  background-color: $themeTextActiveBackColor;
}

.direct-chat-msg.left {
  .direct-chat-text::after{
    border-right-color: $themeTextActiveBackColor;
  }
  .direct-chat-text::before{
    border-right-color: $themeTextActiveBackColor;
  }
  .direct-chat-text {

    background-color: $themeTextActiveBackColor;
    color: $themeTextActiveColor;

    p {
      color: $themeTextActiveColor;
    }

    i {
      color: $themeTextActiveColor;
    }
  }
}


.msg-autoreply {
  background: $themeColor ;
  border: 1px solid $themeColor ;
  color: $themeTextColor ;
}

.msg-autoreply:after {
  border-left-color: $themeColor;
}

.msg-autoreply:before {
  border-left-color: $themeColor;
}