* {font-family:Poppins,sans-serif}

button[disabled=disabled], button:disabled {
  cursor: not-allowed !important;
  border: 1px solid #999999 !important;
  opacity:0.5;}

.RoundedBtncirclee {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

/* New Theme Btns & Colors! */
.teal-btn {
  background-color: #009688;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 20%;
  }

.teal-btn:hover, .green-btn:hover {
transform: scale(1.05);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.4);
background: linear-gradient(135deg, #13f5df, #009688);
}

.blue-btn {
  background-color: #038ea8c2;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 20%;
}

.green-btn {
  background-color: #00ae83e6;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 20%;
  }

  .darkblue-btn {
  background-color: #035ff7;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 20%;
  }

.seagreen-btn {
  background-color: #90EE90;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 20%;
  }

/*  */
/* Theme background color Applied on the Sidebars! */
.themeBackColor {
  border-right: 1px solid grey;
  background-color: rgb(245, 245, 245);
}

.chatBtns:hover {color:rgb(56, 160, 230) !important;background: white}

.btn-custom-yellow {
    color: #212529;
    background-color: #ffc107; /* Yellow color */
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 20%;
}

.btn-custom-yellow:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.4);
  background: linear-gradient(135deg, #13f5df, #009688);
  }

.btn-custom-red {
    color: #212529;
    background-color: #fd0019; /* Red color */
}
.mainHeadLine {
    font-size: 2.5rem;
    font-weight: 700;
    background-image: linear-gradient(to left, #868074,#fcac0e);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.msai-btn-menu:hover {
  background-color: orange;
  border-color: #ddd;
}
.msai-btn-menu {
  border-radius: 30px;
  padding: 3px 5px;
  border: solid 1px #444;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: 20px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.4s ease;
}
.msai-btn:hover {
  background-color: red;
  border-color: #ddd;
}
.msai-btn {
  border-radius: 30px !important;
  padding: 12px 20px;
  border: solid 2px #444;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: 20px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.4s ease;
  margin-left: 4px !important;
/* This will make the select box take the full width of its parent */
}
@media only screen and (max-width: 600px) {
    .msai-btn {
        font-size: 14px; /* Adjust as needed */
        width: 50%;
    }
}
.text-left {text-align: left !important;}
.fsm {font-size: 10px;}