:root {
    --bs-gray-dark: #323232;
    --bs-dark-rgb: 50,50,50;
    --bs-font-sans-serif: "Google Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.sidebar {
    background: #153E36!important;
    background-image: none!important;
}

.top-row {
    background-color: transparent!important;
}

.bg-white {
    --bs-bg-opacity: 1!important;
    background-color: rgb(50 50 50) !important;
    padding: 10px 10px!important;
}
.btn-primary {
    color: #fff !important;
    background-color: #bd934b !important;
   /* border-color: #bd934b !important;*/
}
.btn-border-ponti {
     border-color: #bd934b !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #8B6F55 !important;
    border-color: #8B6F55 !important;
}

.main {
    width: 100%!important;
    background-color: #FCF5EF!important;
}
.chat {
        background: #ffffff!important;
}

.form-control {
    border: 1px solid transparent!important;
}

.h5, h5 {
    font-size: 1rem!important;
    font-weight: 300!important;
}

.h2, h2 {
    margin-top: 20px!important;
}

span.bi.bi-plus-square-fill-nav-menu {
    display: none!important;
}

.msg.user {
    background: #f9efe7!important;
    border-color: #e6dfda!important;
}

.msg.assistant {
    max-width: 100%!important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #F8D27F!important;
}

.sfondoPulsante {
    background-color: #bd934b;
    color:white;
    border-radius:5px;
}
#btnStartVoice{
    border:1px solid #ffffff;
    width:80px;
}
#btnStopVoice {
    margin-left: 20px !important;
    border: 1px solid #ffffff;
    width: 80px;
}
@media (min-width:641px) {
    .composer .container-fluid {
        margin: 0 0 0 250px;
        width: calc(100vw - 250px);
        max-width:none;
    }
}
@media (max-width:640px) {
    .ponti-logo {
        position:absolute;
        left:50%;
        transform:translateX(-50%);
    }
}