/* Global Style file */

/* Avatar color system for all avatar types */
.sender-avatar[data-letter="A"],
.chat-avatar[data-letter="A"] { background-color: #FF6B6B; }

.sender-avatar[data-letter="B"],
.chat-avatar[data-letter="B"] { background-color: #4ECDC4; }

.sender-avatar[data-letter="C"],
.chat-avatar[data-letter="C"] { background-color: #45B7D1; }

.sender-avatar[data-letter="D"],
.chat-avatar[data-letter="D"] { background-color: #96CEB4; }

.sender-avatar[data-letter="E"],
.chat-avatar[data-letter="E"] { background-color: #FFEAA7; }

.sender-avatar[data-letter="F"],
.chat-avatar[data-letter="F"] { background-color: #DDA0DD; }

.sender-avatar[data-letter="G"],
.chat-avatar[data-letter="G"] { background-color: #98D8C8; }

.sender-avatar[data-letter="H"],
.chat-avatar[data-letter="H"] { background-color: #F7DC6F; }

.sender-avatar[data-letter="I"],
.chat-avatar[data-letter="I"] { background-color: #BB8FCE; }

.sender-avatar[data-letter="J"],
.chat-avatar[data-letter="J"] { background-color: #85C1E9; }

.sender-avatar[data-letter="K"],
.chat-avatar[data-letter="K"] { background-color: #F8C471; }

.sender-avatar[data-letter="L"],
.chat-avatar[data-letter="L"] { background-color: #82E0AA; }

.sender-avatar[data-letter="M"],
.chat-avatar[data-letter="M"] { background-color: #F1948A; }

.sender-avatar[data-letter="N"],
.chat-avatar[data-letter="N"] { background-color: #85C1E9; }

.sender-avatar[data-letter="O"],
.chat-avatar[data-letter="O"] { background-color: #F7DC6F; }

.sender-avatar[data-letter="P"],
.chat-avatar[data-letter="P"] { background-color: #D7BDE2; }

.sender-avatar[data-letter="Q"],
.chat-avatar[data-letter="Q"] { background-color: #A9CCE3; }

.sender-avatar[data-letter="R"],
.chat-avatar[data-letter="R"] { background-color: #FAD7A0; }

.sender-avatar[data-letter="S"],
.chat-avatar[data-letter="S"] { background-color: #ABEBC6; }

.sender-avatar[data-letter="T"],
.chat-avatar[data-letter="T"] { background-color: #F5B7B1; }

.sender-avatar[data-letter="U"],
.chat-avatar[data-letter="U"] { background-color: #AED6F1; }

.sender-avatar[data-letter="V"],
.chat-avatar[data-letter="V"] { background-color: #F9E79F; }

.sender-avatar[data-letter="W"],
.chat-avatar[data-letter="W"] { background-color: #D5A6BD; }

.sender-avatar[data-letter="X"],
.chat-avatar[data-letter="X"] { background-color: #A2D9CE; }

.sender-avatar[data-letter="Y"],
.chat-avatar[data-letter="Y"] { background-color: #F7DC6F; }

.sender-avatar[data-letter="Z"],
.chat-avatar[data-letter="Z"] { background-color: #BB8FCE; }

/* Fallback for any other characters */
.sender-avatar:not([data-letter]),
.chat-avatar:not([data-letter]) { background-color: #8ba3ff; }
@media (max-width: 700px) {
    .responsive-text-white {
        color: #fff !important;
    }

        .responsive-text-white h1 {
            display: block !important;
        }

    .btn-tab-border .plr-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}
.border-green {
    border: 3px solid !important;
    border-color: var(--bs-success) !important;
}
.cursor-pointer {
    cursor: pointer;
}
.required-asterisk {
    color: #dc3545;
}

.container-bg-white {
    width: 100%;
    min-height: 200px;
    background-color: #fff;
    border-radius: 10px;
    padding: 16px;
}