@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
body {
  font-family: "Source Sans Pro", sans-serif !important;
}

.box_flex_container {
  display: flex;
  flex-direction: row;
}

.hide_movement .card .card-body .text-right {
  opacity: 0;
}

.box1_flex {
  flex: 1;
  padding: 10px;
}

.actions a {
  padding: 7px 6px !important;
  background: #fff !important;

  border-radius: 50% !important;
  width: 37px !important;
  display: inline-block;
  height: 37px !important;
  text-align: center;
  color: #b9b9b9 !important;
}
.dis-non {
  display: none !important;
}
.stamp {
  cursor: pointer;
}

.bg-black:hover {
  background-color: #eee !important;
  color: #000;
  border: solid 1px #000;
}
.bg-black {
  background: #000;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 0.8125rem;
  min-width: 2.375rem;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  cursor: pointer;
  line-height: 1.84615385;
  border-radius: 3px;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

i.fe.fe-info {
  color: #495057;
}

th.capitilize.fontSize {
  font-weight: bold;
}

.error {
  color: red;
}
.ml-auto {
  margin-right: 0px !important;
}
.alert {
  position: relative;
  padding-right: 30px;
}

.alert i {
  position: absolute;
  right: 10px;
  top: 10px;
}

.loader-wrapper {
  background: rgba(255, 255, 255, 0.72);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2 !important;
  padding: 300px 47%;
}
.linear-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 104px;
  /* height: 338px; */
  position: relative;
  overflow: hidden;
}

.ld-ext-right > .ld {
  top: 50%;
  left: auto;
  right: 1em;
}

.align-to-right {
  float: right;
  margin-right: 30px;
  margin-top: 10px;
}

.upload-file img {
  max-width: 50px;
  opacity: 0.2;
  margin: 0 auto;
}

.upload-file {
  text-align: center;
  background: #fff;
}

.upload-file span {
  display: block;
  margin-bottom: 10px;
}

.upload-file p {
  margin-bottom: 10px;
}

.upload-file button {
  background: #467fcf;
  border: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 18px;
  border-radius: 4px;
}

.upload-cont {
  position: relative;
}

.upload-file input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.tabs {
  width: 100%;
}

.tabs .card-title a {
  width: auto;
  display: inline-block;
  background: #ffffff;
  margin-right: 3px;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 12px;
  border: solid 1px #e2e2e2;
  border-radius: 4px;
}

.tabs .card-title a:hover {
  text-decoration: none;
}

.tabs .card-title.active_tab a {
  color: #fff;
  /*background: #467fcf;*/
  background: #296ffa;
}

.tabs .card-title {
  width: auto;
  display: inline-block;
}

.text-tranform {
  text-transform: none !important;
}

.aligncentre {
  margin: 0 auto;
}

.align-to-right span {
  padding-right: 13px;
  padding-top: 0px;
  margin-top: -3px;
  color: #495057;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: transparent !important;
}

.nav-tabs .nav-link {
  border-color: #6e7687;
  color: #495057 !important;
}

.marginright {
  margin-left: 0px !important;
  margin: 0 auto;
}

.test_align_center {
  text-align: center;
}

.cursorPointer {
  cursor: pointer !important;
}

/*Ravi sir*/
.page-content {
  min-height: 400px;
}

.bots h3.card-title {
  width: 100%;
}

.add-bot {
  max-width: 130px;
  float: right;
  margin-right: 20px;
  margin-top: 36px;
}

.add-bot i {
  margin-right: 10px;
}

.bots .card {
  border: 0;
}

.card.client {
  padding-left: 10px;
}

.bots-area {
  padding: 10px;
}

.bots-area .card {
  background: #ffffff;
  box-shadow: 2px 2px 4px 4px #c1c1c10d !important;
  border: 0;
  border-radius: 2px;
  border: solid 1px #f2f2f2 !important;
}

.bots-area .card-options a {
  color: #ffffff !important;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2px;
  margin-left: 0px !important;
}

.bots-area .card-options {
  position: absolute;
  top: 0;
  right: 8px;
  height: 100%;
  width: 40px;
  display: inline-block;
  border-left: 1px solid #f1f1f1;
  background: rgba(70, 127, 207, 0.73);
  border-radius: 0 10px 10px 0;
  z-index: 888;
}

.bots-area .card-body p span {
  font-size: 60px;
}

.bots-area h3.card-title {
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.bots-area .card-body p {
  line-height: 20px;
  margin-top: 32px;
}

.bots-area .card-body {
  padding: 15px 20px;
}
.bot-details .form-group {
  width: calc(32.2% - 0px);
  display: inline-block;
  padding: 0 10px;
  overflow: hidden;
}

.questions i,
.options i {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 38px;
  height: 38px;
  background: #cf4654;
  text-align: center;
  vertical-align: middle;
  padding: 12px;
  border-radius: 4px;
  color: #fff;
}

.questions,
.options {
  position: relative;
}

.template-option i {
  position: relative;

  padding-top: -46px;
}

.addoptions {
  background: transparent !important;
  color: #467fcf !important;
  border-color: #467fcf;
  padding: 5px 15px;
  position: relative;
}

.addoptions:before {
  content: "+";
  display: inline-block;
  margin-right: 5px;
  float: left;
}

.questions i.fa-plus,
.options i.fa-plus {
  right: 48px;
  background: #cdd700;
}
.btn_set .btn {
  width: auto;
  float: right;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  margin-top: 0 !important;
}

.btn_set {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: right;
}

/*.bar {
  fill: steelblue;
}*/

/*.bar:hover {
  fill: brown;
}*/

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.react-multiple-carousel__arrow--left {
  left: 0 !important;
  display: none;
}

.react-multiple-carousel__arrow--right {
  right: 0 !important;
  display: none;
}

#bar_0 .bar {
  fill: #0000cd !important;
}

#bar_1 .bar {
  fill: #ffd700 !important;
}

#bar_2 .bar {
  fill: #b22222 !important;
}

#bar_3 .bar {
  fill: #ff4500 !important;
}

#bar_4 .bar {
  fill: #008000 !important;
}

#bar_5 .bar {
  fill: #4b0082 !important;
}
#bar_6 .bar {
  fill: #800000 !important;
}
#bar_7 .bar {
  fill: #48d1cc !important;
}
#bar_8 .bar {
  fill: #0000cd !important;
}

#bar_9 .bar {
  fill: #ffd700 !important;
}

#bar_10 .bar {
  fill: #b22222 !important;
}

#bar_11 .bar {
  fill: #ff4500 !important;
}

#bar_12 .bar {
  fill: #008000 !important;
}

#bar_13 .bar {
  fill: #4b0082 !important;
}
#bar_14 .bar {
  fill: #800000 !important;
}
#bar_15 .bar {
  fill: #48d1cc !important;
}

.react-multiple-carousel__arrow {
  min-width: 0px !important;
  min-height: 0px !important;
  top: 40px;
}

.bottextcolor {
  color: blue !important;
}

.usertextcolor {
  color: white !important;
}

.botbackground {
  background: #ffffff no-repeat center/cover !important;
}
.userbackground {
  background: blue no-repeat center/cover !important;
}

.hrefColorActive {
  color: #467fcf !important;
}

.hrefColor {
  color: black !important;
}

.form-group.ml-auto.searchusertype {
  margin: auto;
}

.radio-tab.selectgroup-button {
  border: 0;
  color: #656565;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 25px;
}

/*.radio-tab .selectgroup-item {
    flex-grow: initial;
}*/

.radio-tab .selectgroup-input:checked + .selectgroup-button {
  background: #457fcf;
  color: #fff;
}

#csvForm fieldset.form-fieldset {
  background: #fff;
}

.active_tab {
  /*background-color : #457fcf !important;*/
  color: #fff !important;
}

.not-active {
  pointer-events: none;
  cursor: default;
}

.paginations i {
  font-size: 22px;
  color: #457fcf;
  position: relative;
  top: -5px;
}
.active_tab {
  color: #fff !important;
}

li.list-separated-item.botchat {
  text-align: right;
}

.botchat .col-auto {
  padding-left: 0;
}
.col01 {
  text-align: right;
}

.car18 {
  padding: 20px;
}
.userbackground1 {
  background: #a32cc4 !important;
}

.userbackground {
  background: #296ffa !important;
}

.botchat .avatar-md,
.userchat .avatar-md {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
}

.userchat .col-auto {
  padding-right: 0;
}
.botchat .avatar {
  background: #327bfa;
  color: #fff !important;
}

.userchat .avatar {
  background: #efefef !important;
  color: #959595 !important;
}

.ana-fliter .col-lg-4 {
  display: inline-block;
}

.review-reply span {
  color: #457fcf;
}

.read-more:before {
  content: " ... ";
  color: #8a8a8a;
}
.read-more {
  color: #457fcf;
  text-transform: lowercase;
}

.removepadding {
  padding: 0px !important;
}

/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent;
  font-family:
    "Source Sans Pro",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    Arial,
    sans-serif;
}

.c3 path,
.c3 line {
  fill: none;
  stroke: rgba(0, 40, 100, 0.12);
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: px2rem(12px);
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #f0f0f0;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid,
.c3-ygrid {
  stroke: #e6e6e6;
  stroke-dasharray: 2 4;
}

/*-- Text on Chart --*/
.c3-text {
  font-size: 12px;
}

.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 2px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 2px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 1.5px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item text {
  fill: #545454;
  font-size: 14px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  fill: transparent;
  stroke: lightgray;
  stroke-width: 0;
}

/*-- Title --*/
.c3-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  border-radius: 3px;
  background: #212529 !important;
  white-space: nowrap;
}

.c3-tooltip th {
  padding: 6px 6px;
  text-align: left;
}

.c3-tooltip td {
  padding: 4px 6px;
  font-weight: 400;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: baseline;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.1;
}

.c3-target-filled .c3-area {
  opacity: 1 !important;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

.c3-chart-arc.c3-target g path {
  opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

.c3-axis {
  fill: #9aa0ac;
}

.texttransform {
  text-transform: none !important;
}

.modal {
  font-size: 12px;
}
.modal > .header {
  width: 100%;
  border-bottom: 1px solid gray;
  font-size: 18px;
  text-align: center;
  padding: 5px;
}
.modal > .content {
  width: 100%;
  padding: 10px 5px;
}
.modal > .actions {
  width: 100%;
  padding: 10px 5px;
  margin: auto;
  text-align: center;
}
.modal > .close {
  cursor: pointer;
  position: absolute;
  display: block;
  padding: 2px 5px;
  line-height: 20px;
  right: -10px;
  top: -10px;
  font-size: 24px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #cfcece;
}

.active_tab .selectgroup-button {
  color: white !important;
}

.nav-link {
  margin-top: 15px !important;
}

.header-brand-img {
  height: 3rem !important;
}

.logoheight {
  height: 3rem !important;
}

/*.chat_1{
  background-color : #5eba00 !important;
}
.chat_2{
  background-color : #467fcf!important;
}
.chat_3{
  background-color : #fd9644!important;
}
.chat_4{
  background-color : #cd201f!important;
}
.chat_5{
  background-color : #f1c40f!important;
}
.chat_6{
  background-color : #2bcbba!important;
}
.chat_7{
  background-color : #a55eea!important;
}*/

.sentiment {
  max-height: 350px;
  overflow: auto;
}

.bar {
  margin-left: 10px;
}
.respotext {
  position: absolute;
  transform: rotate(-90deg);
  top: 148px;
  color: #000;
  left: -45px;
}

.mr-3,
.mx-3 {
  margin-left: 0.75rem !important;
}

stamp-md i {
  font-size: 12px !important;
}

.stamp-md {
  min-width: 2rem !important;
  height: 2rem !important;
  line-height: 2rem !important;
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}

.card.card01a {
  min-height: 521px;
}

.stamp-md i {
  font-size: 16px !important;
}

.stamp {
  margin-left: 10px;
}

.pad1 {
  margin-top: 13px;
}

.table-responsive {
  overflow: auto !important;
  height: 523px;
}
.card1 {
  padding: 20px;

  overflow-x: auto !important;
  height: 342px;
}

.admincard1 {
  padding: 20px;

  overflow-x: auto !important;
  height: 420px;
}

.card2 {
  padding: 0px;
  margin-top: 10px;
}

.card-title {
  font-size: 1.125rem;
  line-height: 1.2;
  padding-top: 20px;
  padding-left: 0px;
  font-weight: 600 !important;
  margin-bottom: 1.5rem;
}

.card-t1 {
  padding-left: 20px;
}

.card-options {
  margin-right: 0px !important;
}

.card-header1 {
  background: none;
  padding: 0px;
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  border-bottom: solid 1px #d6d6d6 !important;
}

li.list-separated-item {
  border-bottom: dashed 1px #a2a2a2 !important;
  padding: 10px 10px !important;
}

.displayNone {
  display: none !important;
}

.sentiment .card-table tr td:first-child,
.sentiment .card-table tr th:first-child {
  padding-left: 10px;
}

.sentiment .card-table tr th:nth-child(3) {
  width: 30px !important;
}

.sentiment .card-table tr td:last-child,
.sentiment .card-table tr th:last-child {
  padding: 10px;
}

.sentiment .card-table tr th {
  font-size: 13px;
}

.sentiment .card-table tr td {
  font-size: 12px;
}

/*by arif*/
.captalizaword {
  text-transform: capitalize !important;
}

.card {
  border: 0 !important;
}

.form-fieldset {
  border: 0 !important;
}

.btn-primary {
  background-color: #296ffa !important;
  border-color: #296ffa !important;
}

.upload-file button {
  background: #296ffa !important;
}

.addoptions {
  color: white !important;
}

.bots-area .card-options {
  background: #296ffa !important;
}

.actions a {
  background: #transparent !important;
}

.active_tab .selectgroup-button {
  background: #296ffa !important;
}

.active_tabanalytics {
  background: #296ffa !important;
  color: white !important;
}

.backcolor {
  color: #296ffa !important;
}

.nav-tabs .nav-link.active {
  color: #296ffa !important;
  border-color: #296ffa !important;
  background: #fff !important;
  padding: 15px 7px;
}
.nav-tabs .nav-link {
  display: block !important;
  padding: 15px 7px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #fff !important;
}

.text-default {
  color: #404040 !important;
}

.text-muted {
  color: #7b7b7b !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #296ffa !important;
}

.nav-link,
.nav-item {
  padding: 0px !important;
  margin-right: 7px !important;
}

.nav-tabs .nav-link {
  padding: 15px !important;
}

.dropdown-item {
  cursor: pointer;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #296ffa !important;
  text-decoration: none;
}
.dropdown-icon:hover {
  color: #296ffa !important;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #296ffa !important;
}

.table thead th {
  color: #3b3b3b !important;
}
.text-nowrap.ac1 {
  text-transform: capitalize !important;
  font-weight: bold !important;
  color: #5eba00 !important;
}

.text-nowrap.ac2 {
  text-transform: capitalize !important;
  font-weight: bold !important;
  color: red !important;
}

.dropdown-divider {
  height: 0;
  margin: 0px !important;
  padding: 0px !important;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item a:hover,
.dropdown-item a:focus {
  color: #fff !important;
  text-decoration: none;
  background-color: #296ffa !important;
}

.paginations i {
  color: #296ffa !important;
}

.testreightalign {
  text-align: right !important;
}
.circle {
  position: relative;
  top: 5px;
  left: 5px;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 91px;
  background-color: #ffffff;
}

.circle-border {
  margin-top: 14px;
  position: relative;
  text-align: center;
  width: 40px;
  height: 40px;
  margin-left: 30%;
  border-radius: 100%;
  background-color: #e53b3b;
  background:
    linear-gradient(270deg, #cd201f 50%, transparent 50%),
    linear-gradient(0deg, #cd201f 50%, lightgray 50%);
}
.prec {
  top: 5px;
  position: relative;
  font-size: 9px;
}

.circle-border2 {
  margin-left: 90px;
  margin-top: -40px;
  position: relative;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #e53b3b;
  background:
    linear-gradient(270deg, #f1c40f 50%, transparent 50%),
    linear-gradient(0deg, #f1c40f 50%, lightgray 50%);
}

.circle-border3 {
  margin-left: 140px;
  margin-top: -40px;
  position: relative;
  text-align: center;
  width: 40px;
  height: 40px;
  /*margin-left: 30%;*/
  border-radius: 100%;
  background-color: #e53b3b;
  background:
    linear-gradient(270deg, #5eba00 50%, transparent 50%),
    linear-gradient(0deg, #5eba00 50%, lightgray 50%);
}

.parentcircle {
  margin-top: -47px;
  margin-left: 131px;
}

.secondcircle {
  margin-top: -64px;
  margin-left: 98px;
}

.thirdcircle {
  margin-top: -108px;
  margin-left: 147px;
}
.firstcircle {
  margin-left: 50px;
  margin-top: 20px;
}

.firstcircle .CircularProgressbar-path {
  /*stroke: #cd201f !important;*/
  stroke: #d10c20 !important;
}

.secondcircle .CircularProgressbar-path {
  /*stroke: #f1c40f !important;*/
  stroke: #efd424 !important;
}

.thirdcircle .CircularProgressbar-path {
  /*stroke: #5eba00 !important;*/
  stroke: #34950e !important;
}

.CircularProgressbar .CircularProgressbar-text {
  font-size: 30px !important;
}

.negative {
  background-color: #cd201f !important;
}

.neutral {
  background-color: #f1c40f !important;
}

.positive {
  background-color: #5eba00 !important;
}

.negativepositive {
  background-color: #cd201f !important;
  border-right: 189px solid #5eba00 !important;
}

.positivenegative {
  background-color: #5eba00 !important;
  border-right: 189px solid #cd201f !important;
}

.negativeneutral {
  background-color: #cd201f !important;
  border-right: 189px solid #f1c40f !important;
}

.neutralnegative {
  background-color: #f1c40f !important;
  border-right: 189px solid #cd201f !important;
}

.positiveneutral {
  background-color: #5eba00 !important;
  border-right: 189px solid #f1c40f !important;
}

.neutralpositive {
  background-color: #f1c40f !important;
  border-right: 189px solid #5eba00 !important;
}

.negativepositiveneutral {
  background: linear-gradient(
    to right,
    #cd201f,
    #cd201f 33.33%,
    #5eba00 33.33%,
    #5eba00 66.66%,
    #f1c40f 66.66%
  ) !important;
}

.positivenegativeneutral {
  background: linear-gradient(
    to right,
    #5eba00,
    #5eba00 33.33%,
    #cd201f 33.33%,
    #cd201f 66.66%,
    #f1c40f 66.66%
  ) !important;
}

.negativeneutralpositive {
  background: linear-gradient(
    to right,
    #cd201f,
    #cd201f 33.33%,
    #f1c40f 33.33%,
    #f1c40f 66.66%,
    #5eba00 66.66%
  ) !important;
}

.neutralnegativepositive {
  background: linear-gradient(
    to right,
    #f1c40f,
    #f1c40f 33.33%,
    #cd201f 33.33%,
    #cd201f 66.66%,
    #5eba00 66.66%
  ) !important;
}

.positiveneutralnegative {
  background: linear-gradient(
    to right,
    #5eba00,
    #5eba00 33.33%,
    #f1c40f 33.33%,
    #f1c40f 66.66%,
    #cd201f 66.66%
  ) !important;
}

.neutralpositivenegative {
  background: linear-gradient(
    to right,
    #f1c40f,
    #f1c40f 33.33%,
    #5eba00 33.33%,
    #5eba00 66.66%,
    #cd201f 66.66%
  ) !important;
}

.alignselfcenter {
  align-self: center !important;
}

.tablebackground {
  background-color: #ffffff !important;
}

.firstcircle .CircularProgressbar-text {
  fill: #d10c20 !important;
  stroke: #d10c20 !important;
}

.secondcircle .CircularProgressbar-text {
  fill: #efd424 !important;
  stroke: #efd424 !important;
}

.thirdcircle .CircularProgressbar-text {
  fill: #34950e !important;
  stroke: #34950e !important;
}

.firstcircle .CircularProgressbar-trail {
  stroke: #d29090 !important;
}

.secondcircle .CircularProgressbar-trail {
  stroke: #f1e6a4 !important;
}

.thirdcircle .CircularProgressbar-trail {
  stroke: #bedab3 !important;
}

.boldtext .CircularProgressbar-text {
  font-weight: bold !important;
}

.toright {
  float: right;
}
.backgroundTr {
  background-color: #ebebeb !important;
}
.selectAdmin {
  padding: 0rem !important;
  margin-bottom: 0rem !important;
}

.margin_let10 {
  margin-left: 10px !important;
}

.marginChatBox {
  margin-right: 5px !important;
  width: 120px !important;
}
.marginBottom10 {
}

.bottombox {
  bottom: -41px !important;
}

.topChatBoc {
  top: -61px !important;
}

.selectDisplayNone {
  display: none !important;
}
.notification {
  top: 3rem !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  color: red;
}

.form-fieldset {
  background: none !important;
  padding: 0px !important;
}
.card-header {
  border-bottom: none !important;
}
.card-body {
  padding: 0.5rem 1.5rem !important;
  position: relative;
}

.btn.btn-primary.btn-block,
.btn.btn-outline-primary.btn-block {
  margin-bottom: 10px;
}

.table th,
.text-wrap table th,
.table td,
.text-wrap table td {
  padding: 0.35rem !important;
}

.card-table tr td:first-child,
.card-table tr th:first-child {
  padding-left: 1.5rem !important;
}

/* .actions a { */
/* padding: 7px 6px!important; */
/* background: #fff !important; */

/* border-radius: 50%!important; */
/* width: 37px !important; */
/* display: inline-block; */
/* height: 37px !important; */
/* text-align: center; */
/* color: #b9b9b9 !important; */
/* border:solid 1px #e8e8e8 !important; */
/* background: #fff !important; */
/* } */

.actions a:hover {
  color: #2961ff !important;
  text-decoration: none;
}
.fa.fa-lock {
  color: #296ffa;
}
.fa.fa-toggle-on {
  color: #296ffa;
}

.fe.fe-user-check {
  color: #296ffa;
}

/* 
.actions a fa {
	 color: #fff !important;
	 display:block;
	 
}

.fa.fa-unlock-alt:hover {
    color: #fff;
}

.fa.fa-toggle-on:hover {
    color: #fff;
}
*/

.actions a {
  background: transparent !important;
}
element {
}
/* .fa.fa-toggle-on { */
/* color: #296ffa ; */
/* } */
/* .fa-unlock-alt{ color: #296ffa ;} */
.fe:hover {
  text-decoration: none !important;
}
.actions .fa {
  font-size: 22px !important;
}
.actions .fe {
  font-size: 22px !important;
}
thead {
  border-top: solid 0px #e6e6e6;
  background: #fff;
}

.card-table tr td:last-child,
.card-table tr th:last-child {
  padding-right: 20px !important;
  text-align: center;
}

.text-nowrap.actions a {
  margin: 0px 14px !important;
}

.avatar1 {
  background: #5eba00;
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}

.avatar2 {
  background: #cd201f;
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}

.avatar3 {
  background: #f7c448;
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}
.avatar4 {
  background: #296ffa;
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}

/* .avatar2 {
    background:red;
    padding: 5px;
    border-radius: 50%;
    width: 7px !important;
    height: 7px !important;
    display: block;
} */

.alighAdminStatus {
  margin-bottom: -16px;
  margin-left: -15px;
}
.avataradmin {
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}

.w-auto1 {
  width: 35% !important;
  margin: auto;
}

.avatar2 {
  background: #cd201f;
  padding: 5px;
  border-radius: 50%;
  width: 7px !important;
  height: 7px !important;
  display: block;
}

.page-header {
  display: flex;
  align-items: center;
  margin: 0rem 0 1.5rem !important;
  flex-wrap: wrap;
  height: 30px;
}

.btn1a {
  line-height: 1 !important;
}
.btn:hover {
  background: #2159c8 !important;
}

.ml-auto1 {
  height: 32px !important;
  padding: 0px 10px !important;
  margin-top: 6px;
}

.ml-auto10 {
  border-radius: 0px !important;
}
th {
  background: white;
  position: sticky;
  font-weight: 600;
  top: 0; /* Don't forget this, required for the stickiness */
}

select.form-control:not([size]):not([multiple]) {
  height: 2.375rem;
  width: 53%;
  margin: auto;
}

.highlitedtr {
  color: #2e7bfa !important;
}

textarea {
  overflow: auto !important;
  resize: none !important;
}

.bg-1 {
  background-color: #dd3c3c !important;
}
.bg-1:hover {
  background-color: #ab2c2b !important;
}

.bg-2 {
  background-color: #973b8c !important;
}
.bg-2:hover {
  background-color: #77296e !important;
}

.bg-3 {
  background-color: #523d8e !important;
}
.bg-3:hover {
  background-color: #422b72 !important;
}

.bg-4 {
  background-color: #224995 !important;
}
.bg-4:hover {
  background-color: #173678 !important;
}

.bg-5 {
  background-color: #216aac !important;
}
.bg-5:hover {
  background-color: #175287 !important;
}

.bg-6 {
  background-color: #47a9a9 !important;
}
.bg-6:hover {
  background-color: #378787 !important;
}

.stamp {
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 0.8125rem;
  min-width: 2.375rem;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  cursor: pointer;
  line-height: 1.84615385;
  border-radius: 3px;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

td.cursorPointer.sticky-col {
  /* position: sticky !important; */
  width: 21%;
}

td.w-1.sticky-col {
  position: sticky !important;
}

.aligncenter {
  align-self: center !important;
}
.aligntd {
  width: 180px !important;
}

.boldtd {
  font-weight: bold;
}

.aligntd {
  white-space: pre !important;
}
.w-10 {
  text-align: left !important;
}

.w-10 span {
  margin-left: 15px !important;
}

button.bg-black.marginChatBox.disablebutton {
  background-color: grey !important;
  color: #fff !important;
}

.center {
  text-align: center;
}

.chat-w {
  width: 120px;
  text-align: center !important;
  padding-right: 5px !important;
}
.1chat-w1 {
  width: 25%;
}
.chat-btn {
  padding: 5px !important;
  font-size: 12px !important;
  width: 100px !important;
}

.text-nowrap.actions.chat-w1 {
  width: 25%;
}
.midd-1 {
  text-align: center;
}
.button-h {
  min-height: 70px;
  text-align: left;
}

.table-re {
  height: 30px !important;
}

th.text-tranform {
  border: 0px !important;
}

.link-w {
  padding-left: 25px;
}
button.btn.btn-primary.btn-block.btn-block.aligncentre {
  width: 88%;
}

.table-hi {
  min-height: 900px;
}

.col-lg-6 .card .table-responsive {
  min-height: 420px;
}

.table-btn td:first-child {
  width: 10%;
}

.table-btn td:nth-child(3) {
  width: 50%;
}

.form-group.form3 {
  padding-left: 100px;
  width: 250px;
}
.form0 {
  margin-bottom: -10px !important;
}
.btn-from {
  padding-top: 7px;
}

/* .col-bl i{ color:#296ffa !important; } */

.table th,
.text-wrap table th {
  font-weight: 700 !important;
}

.button-slider div h3 {
  text-align: center;
  border-radius: 30px;
  background: #296ffa;
  color: #fff;
  border: solid 1px #296ffa;
  padding: 6px;
  display: block;
  margin-left: 5px;
  font-weight: 600;
  font-size: 16px;
}
.button-slider div h3:hover {
  background: #fff;
  border: solid 1px #296ffa;
  color: #296ffa;
}
.slick-dots {
  position: absolute;
}

.slick-prev::before,
.slick-next::before {
  color: #296ffa !important;
}

.slick-prev {
  left: -18px !important;
  top: 17px !important;
}

.slick-next {
  right: -21px !important;
  top: 19px !important;
}

.tem0t1 {
  width: 15%;
}
.tem0t2 {
  width: 30%;
}

.hsm-m {
  width: 330px !important;
  vertical-align: top;
  margin-left: 0px;
  
  
}
.cat-name {
  width: 250px !important;
}
.rowtem-id {
  width: 150px !important;
  margin-left: 30px !important;
}
.btn-10 {
  margin-top: 25px;
}
.tab21 td:nth-child(3) {
  width: 18% !important;
}

.hsm-m0 {
  width: 330px !important;
  vertical-align: top;
  float: right;
  position: absolute;
  top: 0px;
  left: 400px;
}

.btn.btn-primary.ml-auto {
  margin-left: 22px !important;
}

.form-fieldset {
  margin-bottom: 5px !important;
}

.ml-auto1 {
  padding: 10px !important;
}
.form-group.options {
}
.delete_option {
  display: inline-block !important;
  top: -32px !important;
}
.form-group .options {
  width: 350px !important;
}

.hsm-m1 {
  height: 100px;
}
.slick-dots {
  display: none !important;
}

.tabl-ce {
  text-align: center;
}

.modal2-content {
  padding: 20px !important;
  text-align: center;
  width: 28% !important;
}

.margin-40 {
  margin-right: 40px;
}

.card101 {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%) !important;
  border: 1px solid rgba(0, 40, 100, 0.12) !important;
  position: relative;

  width: 100%;
}
.pull-left {
  padding-left: 25px !important;
}
.pull-right {
  float: right !important;
  text-align: center !important;
  margin-top: 10px;
}

.react-datepicker__current-month {
  color: #fff !important;
}
.react-datepicker__day-name {
  color: #fff !important;
}
.react-datepicker__header {
  text-align: center;
  background-color: #296ffa !important;
}

.box-al {
  padding-left: 15px;
}
.sub1 {
  margin-top: 6px;
  margin-bottom: 10px !important;
}
.Download-btn {
  width: 180px !important;
  margin-top: 25px;
  float: right;
}
.sortvalue {
  width: 180px !important;
  margin-left: 10px;
  margin-top: 25px;
}
.Download-btn1 {
  width: 180px !important;
  float: right;
  text-align: right;
}

.selectgroup-input:checked + .selectgroup-button {
  border-color: #296ffa;
  z-index: 1;
  color: #fff !important;
  background: #296ffa !important;
}

.box1_0 {
  width: 16%;
  float: left;
  display: inline-block;
  margin-right: 4%;
  margin-left: 10px;
}
.box1_04 {
  width: 20%;
  float: left;
  display: inline-block;
  margin-right: 4%;
  margin-left: 10px;
}
.box1_01 {
  width: 16%;
  float: left;
  display: inline-block;
  margin-right: 0% !important;
}

.engage-box-color {
  background-color: white;
  text-align: center;
  display: inline-block;
  width: 84%;
  height: 2.375rem;
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: -179px !important;
}

.auto1-engage {
  margin-left: 98px !important;
}

.ascv {
  padding-left: 40px !important;
}

.file {
  position: relative;
  display: block;
  cursor: pointer;
  margin-bottom: 20px;
  height: 2.5rem;
}
.file input {
  cursor: pointer !important;
  min-width: 4rem;
  margin: 0;
  background: #fff;
}
.file-custom input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: 0.075rem solid #ddd;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.file-custom input:after {
  content: " ";
}
.file-custom input:before {
  position: absolute;
  top: -0.075rem;
  right: -0.075rem;
  bottom: -0.075rem;
  z-index: 0;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: 0.075rem solid #ddd;
  border-radius: 0 0.25rem 0.25rem 0;
}

/* Focus */
.file input:focus ~ .file-custom {
  box-shadow:
    0 0 0 0.075rem #fff,
    0 0 0 0.2rem #0074d9;
}

input[type="file"]::file-selector-button {
  cursor: pointer !important;

  border: 1px solid #fff;
  color: #fff;
  background-color: #fff;
  transition: 1s;
}

.template-del {
  position: absolute !important;
  right: -138px !important;
  top: -49px;
}

.all_options {
  clear: both;
}

.p-20a {
  margin-left: 15px !important;
  clear: both;
  position: relative;
}

.p-20a input {
  width: 95%;
}
.delete_option2 {
  position: absolute !important;
  right: -41px;
  top: 38px;
  z-index: 9999999;
}

.zindex1 {
  z-index: 9999 !important;
}

.tel-10 {
  margin-left: -10px;
}

.box1_01 .card101 .text-yellow.text-right {
  opacity: 0;
  visibility: hidden;
}
.card.card101,
.card101 {
  min-height: 150px;
}

.searchlist .appendlist {
  display: inline-block;
  background: #296ffa;
  color: #fff;
  padding: 0px 5px;
  margin: 0 5px 10px;
  border-radius: 5px;
}
.searchlist .appendlist label {
  margin: 0px 0px 0px 7px;
  position: relative;
  top: -1px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}
.popup-content .card-header {
  min-height: auto;
  padding: 5px 10px 0px;
}
.popup-content .card-header .card-options a {
  color: #000;
}
.popup-content .card-header .card-options a i {
  font-size: 20px;
}
.popup-content .table-responsive {
  overflow: auto !important;
  max-height: 423px;
  height: auto;
}
.fe-paperclip {
  position: absolute;
  left: 84px;
  margin-top: 5px;
}
.card .card-table thead {
  position: relative;
  z-index: 9;
}

.loop-form-spacing {
  /* margin-top: 10px;
  margin-bottom: 10px; */
}