/* Header and Logo Styles */

 input[readonly],
 input:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
}
 .form-control:focus:-moz-read-only {
  border: var(--bs-border-width) solid var(--bs-border-color);
  box-shadow: none;
}
 .form-control:focus:read-only {
  border: var(--bs-border-width) solid var(--bs-border-color);
  box-shadow: none;
}

.header-logo {
    width: 100%;
    height: auto;
    background: #FFFFFF;
}

.header-logo img {
    width: 100%;
    height: auto;
}

.authentication .authentication-brand.desktop-logo {
    width: 250px;
    height: auto;
}

/* Close Sidebar Button */
.close-sidebar {
    position: absolute;
    color: #FFFFFF;
    font-size: 40px;
    top: 20px;
    right: 5px;
    line-height: 0;
    padding: 10px 12px;
}

.close-sidebar:focus {
    color: #FFFFFF !important;
}

/* Button Styles */
.play-btn, .stop-btn, .audiodounload-btn {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #845adf;
    border-radius: 100%;
    font-size: 15px;
    cursor: pointer;
}

.play-btn ,.audiodounload-btn{
    padding: 9px 10px 9px 12px;
}

.stop-btn {
    padding: 8px 10px;
}

.play-btn:hover, .stop-btn:hover , .audiodounload-btn:hover {
    background: #FAFAFA;
    color: #FFFFFF;
}

.play-btn i, .stop-btn i, .audiodounload-btn i {
    color: #845adf;
}

/* Form Elements */
.form-control, .form-control:focus {
    border-color: #cacaca;
}

.form-check-input {
    border: 1px solid #cacaca !important;
}

.choices__inner {
    border: 1px solid #CACACA !important;
    line-height: 1.6;
}

/* Card Styles */
.card.custom-card.voice-card {
    border: 1px solid #DADADA !important;
    margin: 3px 0;
}

.card.voice-card label {
    margin: 0 !important;
    line-height: normal;
}

/* Audio Player */
audio {
    width: 100%;
    height: 40px;
}

audio::-webkit-media-controls-play-button {
    display: none;
}

audio::-moz-media-controls-play-button {
    pointer-events: none;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
    .main-content {
        margin-top: 30px !important;
    }

    .animated-arrow span {
        top: 30px !important;
    }
}

@media screen and (max-width: 550px) {
    .form-check {
        margin: 6px 0;
    }

    .play-btn, .stop-btn {
        float: right;
    }

    .card.custom-card.voice-card .card-body {
        padding: 10px !important;
    }
}

@media screen and (max-width: 480px) {
    .upload_csv_button {
        margin-bottom: 10px;
    }
}

 /* recharge warning msg css */
.recharge_warning_msg_container {
  background: #fffbea;
  padding: 1rem 1.5rem;
  border-left: 4px solid #ffc107;
  border-radius: 12px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.recharge_warning_icon_container {
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  background-color: #fff3cd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.recharge_btn {
  white-space: nowrap;
}
.mobileWarningInner {
  background-color: #fffbea;
  border-radius: 1rem;
}
.mobileWarning_closeBtn {
  background: none;
  border: none;
  outline: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .recharge_warning_msg_container {
    align-items: end !important;
  }
}