:root {
    --ef-header-bg-color: #ECAC2E;
    --ef-header-bg-light-color: #fac457;
    --ef-header-bg-lighter-color: #ece1cb;
}

body {
    background-color: #cbd5d0b5;
}
h1, h2, h3, h4, h5, h6 {
    color: #000000;
}
fieldset {
  display: block;
  margin: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 1px groove #999;
}
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
    float: none;
    width: inherit;
    font-size: 16px;
}
hr.border.border-header {
    border: 1px solid var(--ef-header-bg-color) !important;
    opacity: 1.0;
}
.nav-pills .nav-link {
    background-color: #eee;
    color: #333;
}
.nav-pills .nav-link.active {
    background-color: #000;
    color: #ccc;
}
.nav-tabs .nav-link {
    background-color: var(--ef-header-bg-lighter-color);
    color: #666;
}
.nav-tabs .nav-link.active {
    background-color: var(--ef-header-bg-color);
    color: #333;
}
.row {
    margin-bottom: 10px;
}
.card-header, .modal-header, .card-footer, .modal-footer {
    background-color: var(--ef-header-bg-color);
    background-image: var(--bs-gradient) !important;
    border: 0px none;
}
.card {
    /* background-color: #005729; */
    background-image: var(--bs-gradient) !important;
    border: 1px solid var(--ef-header-bg-color);
}
.card .row {
    margin-bottom: 0px;
}
.btn-cal .dropdown-menu {
    background-color: #fff;
}
.table {
    --bs-body-bg: rgb(0,0,0,0);
}
.table>:not(caption)>*>*, .table>*>* {
    /* color: white; */
    font-size: 14px;
}
.table>:not(caption)>*>th, .table>*>th {
    /* color: #e9ecef;
    font-size: 16px; */
    font-family: Arial, Helvetica, sans-serif;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before  {
    border-left-color: var(--ef-header-bg-color);
}
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before  {
    border-top-color: var(--ef-header-bg-color);
}
div.dt-container div.dt-length label,
div.dt-container div.dt-search label,
div.dt-container div.dt-info {
    /* color: var(--bs-gray-500); */
}
.form-select, .form-control {
    background-color: #fff;
}
.navbar .form-select, .navbar .form-control {
    background-color: #000;
}
.accordion-item {
    border-color: var(--ef-header-bg-color);
}
.accordion-button:not(.collapsed) {
    background-color: var(--ef-header-bg-light-color);
    box-shadow: var(--ef-header-bg-lighter-color);
}
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem var(--ef-header-bg-lighter-color);
}
/* creating css loader */
#loading {
    width: 1rem;
    height: 1rem;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3c763d;
    border-radius: 100%;
    margin: auto;
    visibility: hidden;
    animation: spin 1s infinite linear;
    vertical-align: middle;
    display: inline-block;
}
#loading.display {
    visibility: visible;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

div#content {
    margin-top: 80px;
    margin-bottom: 80px;
}
.carousel-indicators-ea {
    margin: 0.5rem;
}
.carousel-indicators-ea {
    margin: 0.5rem;
}
.htmx-indicator{
    opacity:0;
    transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator{
    opacity:1;
}
.htmx-request.htmx-indicator{
    opacity:1;
}

#waveform {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
}
#spinner {
  display: none;
}
#conversationHistory {
  white-space: pre-wrap;
}