/*body {*/
/*    margin-left: 10px !important;*/
/*    margin-right: 10px !important;*/
/*}*/

h1 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit !important;
}

label {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit !important;
    margin-bottom: 0;
}

.select2-default {
    color: #5C5C5C !important;
}

#diahorapicker {
    outline: 0;
}

#diahorapicker:focus {
    outline: none;
}

#horapicker {
    outline: 0;
}

#horapicker:focus {
    outline: none;
}

.logo-client {
    margin: 1.5rem 0 2.5rem 0;
}

.btn.personal {
    color: white;
    text-shadow: none;
    background-color: #1a1a1a;
    margin-top: 5px;
}

.btn.personal:hover,
.btn.personal:focus,
.btn.personal:active,
.btn.personal.active,
.btn.personal.disabled,
.btn.personal[disabled] {
    color: #fff !important;
    outline: none !important;
    filter: alpha(opacity=70);
    opacity: 0.70;
}

.datetimepicker table tr td.day:hover,
.datetimepicker table tr td.day.focused {
    background: #0060BF;
    color: #FFF !important;
    cursor: pointer;
}

.datepicker_actiu {
    background-color: #006100;
    color: #FFF;
}

.datetimepicker table tr td.disabled {
    color: #595959 !important;
}

.datetimepicker table tr td span:hover {
    background-color: #0060BF;
    color: #FFF;
    cursor: pointer;
}

.treure_padding {
    padding: 0 !important;
}

.taula-td-right {
    text-align: right;
}

.font14px {
    font-size: 14px;
}

.font16px {
    font-size: 16px;
}

.font18px {
    font-size: 18px;
}

.web-cita {
    margin-left: 0 !important;
}

.fila-cites-consulta {
    margin-bottom: 5px;
}

.btn-aling-top {
    vertical-align: top;
}

.codi-cita {
    font-family: Consolas, monaco, monospace;
    font-size: 18px;
}

.alert-warning {
    margin-bottom: 0 !important;
}

.mapa_google {
    margin-top: 10px;
    height: 350px;
}

#diahorapicker {
    outline: 0;
}

#diahorapicker:focus {
    outline: none;
}

#horapicker {
    outline: 0;
}

#horapicker:focus {
    outline: none;
}

.sense_hores {
    background-color: #f2efef;
    color: black;
}

.datepicker_actiu_text {
    color: #006100 !important;
}

.sense_hores_text {
    color: #f2efef;
}

#infodies {
    margin: 10px;
    line-height: 30px;
}

.busy_leyenda {
    color: #f2efef;
    background-color: #f2efef;
}

#infohores {
    margin: 10px;
    line-height: 30px;
}

.pointer {
    cursor: pointer !important;
}

.-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.-callout_oficina {
    border-left-color: #5bc0de;
}

.-callout_tramit {
    border-left-color: #c8dc15;
}

.mobile_aceptar_politica {
    width: 100% !important;
    min-width: 350px !important;
}

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

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.centered-qr-page {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: aliceblue;
}
.text-qr-page {
    font-size: 18px;
}
.div-text-qr-page {
    padding: 5% 10px;
}
.div-img-qr-page {
    padding-bottom: 5%;
}
#div-finalitzacio-tramit {
    margin: 10px 0;
}

.cita-assistents {
    text-align: center;
}

.chat-box {
    width: 100%;
    background-color: #f7f7f8;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    transition: height 0.5s ease;
    overflow: hidden;
}

.chat-conversation {
    flex-grow: 1;
    overflow-y: auto;
    padding: 10px 0;
    display: none;
    margin-bottom: 20px;
}

.chat-message {
    background-color: #e0e7ff;
    color: #333;
    padding: 12px 16px;
    border-radius: 16px;
    margin-bottom: 10px;
    max-width: 75%;
    word-wrap: break-word;
    align-self: flex-start;
    animation: fadeIn 0.3s ease;
    font-family: sans-serif;
}

.chat-user-message {
    color: white;
    align-self: flex-end;
    border-radius: 8px 8px 0px 8px !important;
    text-align: right;
    margin-right: 10px;
}

.chat-bot-message {
    background-color: #97c1e0 !important;
    color: black;
    align-self: flex-start;
    border-radius: 0px 8px 8px 8px !important;
    text-align: left;
    float: left;
    margin-left: 10px;
}

.chat-input-area {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border-radius: 15px !important;
    padding: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.chat-input {
    flex: 1;
    padding: 10px 15px;
    border: none;
    border-radius: 15px !important;
    outline: none;
}

.chat-button {
    width: 40px;
    height: 40px;
    border: none;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: background-color 0.3s ease;
    border-radius: 15px !important;
}

.recording-microphone {
    text-align: center;
    font-style: italic;
}


.arrow-up {
    display: inline-block;
    font-size: 18px;
    color: white;
}

.img-logo-chat {
    max-width: 20px;
    max-height: 20px;
    float: left;
}

.img-loading-response {
    max-width: 50px;
}

.div_informar_problema {
    width: fit-content;
    background-color: indianred;
    border-radius: 5px !important;
    padding: 4px;
    cursor: pointer;
    float: right;
}

.span_informar_problema_general {
   color: aliceblue;
}

.span_informar_problema_text {
    margin-left: 5px;
}

.div_informar_problema_general {
    margin-top: 10px;
    display: none;
}

.informar_problema_text_informat {
    float: right;
    width: fit-content;
    margin-right: 10px;
    padding: 5px;
    display: none;
    color: forestgreen;
}

.audio_chat {
    cursor: pointer;
    width: fit-content;
}

.div_pot_haver_error {
    float: left;
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}