html > body {
background-color: #f8f6f3!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
background-color: #e1dfdd!important;
}
.navbar.lw-sidebar-container {
background-color: #ffffff!important;
}
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
color: #212528!important;
}
div:where(.swal2-container) div:where(.swal2-popup),
.navbar.lw-sidebar-container ,.navbar-collapse, .card, .card-header, fieldset:not(.filepond--file-wrapper) {
    background-color: #ffffff!important;
    border-color: #e5e5e5!important;
    }
.card-body fieldset:not(.filepond--file-wrapper) legend {
    background-color: #f2f2f2!important;
    border-color: #e5e5e5!important;
    color: #212528!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
background-color: #057965!important;
}
.card.lw-whatsapp-chat-block-container .nav-tabs, .nav-tabs .nav-link.active {
border-color: #09bb9c !important;
}
.lw-page-title,a {
color: #09bb9c;
}
.lw-page-title:hover,a:hover {
color: #07957c;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
background-color: #09bb9c;
border-color: #08a88c;
}
.mdtoast.mdt--primary
,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,.nav-tabs .nav-link.active, .dropdown-item:before, .dropdown-item:hover,.dropdown-menu .active a.dropdown-item,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active,
.conversation-compose .send .circle, .page-item.active .page-link,.btn.btn-light.lw-save-language,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
,#navbar-main
{
background-color: #09bb9c!important;
border-color: #08a88c!important;
color: #ffffff!important;
}
{
background-color: #09bb9c;
border-color: #08a88c;
color: #ffffff;
}
.mdtoast.mdt--secondary
{
background-color: #6c757d!important;
border-color: #616970!important;
color: #ffffff!important;
}
.modal-header,
.modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
.modal-header .close
{
background-color: #6c757d;
border-color: #616970;
color: #ffffff;
}
.mdtoast.mdt--success
{
background-color: #2dce89!important;
border-color: #28b97b!important;
color: #ffffff!important;
}
{
background-color: #2dce89;
border-color: #28b97b;
color: #ffffff;
}
.mdtoast.mdt--danger
{
background-color: #f5365c!important;
border-color: #dc3052!important;
color: #ffffff!important;
}
{
background-color: #f5365c;
border-color: #dc3052;
color: #ffffff;
}
.mdtoast.mdt--warning
{
background-color: #fb6340!important;
border-color: #e15939!important;
color: #ffffff!important;
}
{
background-color: #fb6340;
border-color: #e15939;
color: #ffffff;
}
.mdtoast.mdt--info
{
background-color: #17a2b8!important;
border-color: #1491a5!important;
color: #ffffff!important;
}
{
background-color: #17a2b8;
border-color: #1491a5;
color: #ffffff;
}
.mdtoast.mdt--light
{
background-color: #adb5bd!important;
border-color: #9ba2aa!important;
color: #ffffff!important;
}
{
background-color: #adb5bd;
border-color: #9ba2aa;
color: #ffffff;
}
.mdtoast.mdt--dark
{
background-color: #212528!important;
border-color: #1d2124!important;
color: #ffffff!important;
}
{
background-color: #212528;
border-color: #1d2124;
color: #ffffff;
}
.mdtoast.mdt--muted
{
background-color: #8898aa!important;
border-color: #7a8899!important;
color: #ffffff!important;
}
{
background-color: #8898aa;
border-color: #7a8899;
color: #ffffff;
}
.bg-primary { background-color: #09bb9c !important; }
.text-primary { color: #09bb9c !important; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle,.btn.btn-primary { background-color: #09bb9c !important; border-color: #09bb9c !important; color:
#fff !important; }
.btn.btn-primary:hover { background-color: #08a88c !important;
border-color: #08a88c !important; }
.btn.btn-outline-primary { color: #09bb9c !important; border-color: #09bb9c !important; }
.btn.btn-outline-primary:hover { background-color: #09bb9c !important; color: #fff !important; }
.alert.alert-primary { background-color: #09bb9c !important; border-color: #08b194 !important; color: #fff !important; }
.badge.badge-primary { background-color: #09bb9c !important; color: #fff !important; }
.card.card-primary { background-color: #09bb9c !important; border-color: #08b194 !important; color: #fff !important; }
.list-group-item.list-group-item-primary { background-color: #09bb9c !important; border-color: #08b194 !important; color: #fff !important; }
.table.table-primary { background-color: #09bb9c !important; color: #fff !important; }
.border.border-primary { border-color: #09bb9c !important; }
.bg-secondary { background-color: #6c757d !important; }
.text-secondary { color: #6c757d !important; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,.btn.btn-secondary { background-color: #6c757d !important; border-color: #6c757d !important; color:
#fff !important; }
.btn.btn-secondary:hover { background-color: #616970 !important;
border-color: #616970 !important; }
.btn.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; }
.btn.btn-outline-secondary:hover { background-color: #6c757d !important; color: #fff !important; }
.alert.alert-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.badge.badge-secondary { background-color: #6c757d !important; color: #fff !important; }
.card.card-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.list-group-item.list-group-item-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.table.table-secondary { background-color: #6c757d !important; color: #fff !important; }
.border.border-secondary { border-color: #6c757d !important; }
.bg-success { background-color: #2dce89 !important; }
.text-success { color: #2dce89 !important; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle,.btn.btn-success { background-color: #2dce89 !important; border-color: #2dce89 !important; color:
#fff !important; }
.btn.btn-success:hover { background-color: #28b97b !important;
border-color: #28b97b !important; }
.btn.btn-outline-success { color: #2dce89 !important; border-color: #2dce89 !important; }
.btn.btn-outline-success:hover { background-color: #2dce89 !important; color: #fff !important; }
.alert.alert-success { background-color: #2dce89 !important; border-color: #2ac382 !important; color: #fff !important; }
.badge.badge-success { background-color: #2dce89 !important; color: #fff !important; }
.card.card-success { background-color: #2dce89 !important; border-color: #2ac382 !important; color: #fff !important; }
.list-group-item.list-group-item-success { background-color: #2dce89 !important; border-color: #2ac382 !important; color: #fff !important; }
.table.table-success { background-color: #2dce89 !important; color: #fff !important; }
.border.border-success { border-color: #2dce89 !important; }
.bg-danger { background-color: #f5365c !important; }
.text-danger { color: #f5365c !important; }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle,.btn.btn-danger { background-color: #f5365c !important; border-color: #f5365c !important; color:
#fff !important; }
.btn.btn-danger:hover { background-color: #dc3052 !important;
border-color: #dc3052 !important; }
.btn.btn-outline-danger { color: #f5365c !important; border-color: #f5365c !important; }
.btn.btn-outline-danger:hover { background-color: #f5365c !important; color: #fff !important; }
.alert.alert-danger { background-color: #f5365c !important; border-color: #e83357 !important; color: #fff !important; }
.badge.badge-danger { background-color: #f5365c !important; color: #fff !important; }
.card.card-danger { background-color: #f5365c !important; border-color: #e83357 !important; color: #fff !important; }
.list-group-item.list-group-item-danger { background-color: #f5365c !important; border-color: #e83357 !important; color: #fff !important; }
.table.table-danger { background-color: #f5365c !important; color: #fff !important; }
.border.border-danger { border-color: #f5365c !important; }
.bg-warning { background-color: #fb6340 !important; }
.text-warning { color: #fb6340 !important; }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle,.btn.btn-warning { background-color: #fb6340 !important; border-color: #fb6340 !important; color:
#fff !important; }
.btn.btn-warning:hover { background-color: #e15939 !important;
border-color: #e15939 !important; }
.btn.btn-outline-warning { color: #fb6340 !important; border-color: #fb6340 !important; }
.btn.btn-outline-warning:hover { background-color: #fb6340 !important; color: #fff !important; }
.alert.alert-warning { background-color: #fb6340 !important; border-color: #ee5e3c !important; color: #fff !important; }
.badge.badge-warning { background-color: #fb6340 !important; color: #fff !important; }
.card.card-warning { background-color: #fb6340 !important; border-color: #ee5e3c !important; color: #fff !important; }
.list-group-item.list-group-item-warning { background-color: #fb6340 !important; border-color: #ee5e3c !important; color: #fff !important; }
.table.table-warning { background-color: #fb6340 !important; color: #fff !important; }
.border.border-warning { border-color: #fb6340 !important; }
.bg-info { background-color: #17a2b8 !important; }
.text-info { color: #17a2b8 !important; }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle,.btn.btn-info { background-color: #17a2b8 !important; border-color: #17a2b8 !important; color:
#fff !important; }
.btn.btn-info:hover { background-color: #1491a5 !important;
border-color: #1491a5 !important; }
.btn.btn-outline-info { color: #17a2b8 !important; border-color: #17a2b8 !important; }
.btn.btn-outline-info:hover { background-color: #17a2b8 !important; color: #fff !important; }
.alert.alert-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.badge.badge-info { background-color: #17a2b8 !important; color: #fff !important; }
.card.card-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.list-group-item.list-group-item-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.table.table-info { background-color: #17a2b8 !important; color: #fff !important; }
.border.border-info { border-color: #17a2b8 !important; }
.bg-light { background-color: #adb5bd !important; }
.text-light { color: #adb5bd !important; }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle,.btn.btn-light { background-color: #adb5bd !important; border-color: #adb5bd !important; color:
#fff !important; }
.btn.btn-light:hover { background-color: #9ba2aa !important;
border-color: #9ba2aa !important; }
.btn.btn-outline-light { color: #adb5bd !important; border-color: #adb5bd !important; }
.btn.btn-outline-light:hover { background-color: #adb5bd !important; color: #fff !important; }
.alert.alert-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.badge.badge-light { background-color: #adb5bd !important; color: #fff !important; }
.card.card-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.list-group-item.list-group-item-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.table.table-light { background-color: #adb5bd !important; color: #fff !important; }
.border.border-light { border-color: #adb5bd !important; }
.bg-dark { background-color: #212528 !important; }
.text-dark { color: #212528 !important; }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle,.btn.btn-dark { background-color: #212528 !important; border-color: #212528 !important; color:
#fff !important; }
.btn.btn-dark:hover { background-color: #1d2124 !important;
border-color: #1d2124 !important; }
.btn.btn-outline-dark { color: #212528 !important; border-color: #212528 !important; }
.btn.btn-outline-dark:hover { background-color: #212528 !important; color: #fff !important; }
.alert.alert-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.badge.badge-dark { background-color: #212528 !important; color: #fff !important; }
.card.card-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.list-group-item.list-group-item-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.table.table-dark { background-color: #212528 !important; color: #fff !important; }
.border.border-dark { border-color: #212528 !important; }
.bg-muted { background-color: #8898aa !important; }
.text-muted { color: #8898aa !important; }
.btn-outline-muted:not(:disabled):not(.disabled).active, .btn-outline-muted:not(:disabled):not(.disabled):active, .show>.btn-outline-muted.dropdown-toggle,.btn.btn-muted { background-color: #8898aa !important; border-color: #8898aa !important; color:
#fff !important; }
.btn.btn-muted:hover { background-color: #7a8899 !important;
border-color: #7a8899 !important; }
.btn.btn-outline-muted { color: #8898aa !important; border-color: #8898aa !important; }
.btn.btn-outline-muted:hover { background-color: #8898aa !important; color: #fff !important; }
.alert.alert-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.badge.badge-muted { background-color: #8898aa !important; color: #fff !important; }
.card.card-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.list-group-item.list-group-item-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.table.table-muted { background-color: #8898aa !important; color: #fff !important; }
.border.border-muted { border-color: #8898aa !important; }




    
/* --- Custom Button Stretching & Styling --- */
.modal-footer {
    display: flex !important;
    justify-content: stretch !important;
    gap: 10px !important;
}

.modal-footer .btn-primary, 
.modal-footer .btn-secondary,
.modal-footer .btn {
    flex: 1 !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* --- Upper Select Audio Button Styling --- */
/* Target the FilePond label/button for audio selection */
#lwWhatsappAttachment label[id^="filepond--drop-label-"],
#lwWhatsappAttachment .filepond--label-action {
    font-weight: 700 !important; /* Bold the text */
    font-size: 1.1rem !important; /* Slightly larger for visibility */
    cursor: pointer;
}

/* Optional: If you want the FilePond area itself to look more like a primary button */
#lwWhatsappAttachment .filepond--panel-root {
    border-radius: 8px !important;
}