.centered-div {
    width: calc(100vw - 20px); /* רוחב המסך פחות 10px מכל צד */
    height: calc(100vh - 120px); /* גובה המסך פחות 10px מלמעלה ומלמטה */
    background-color: #2b3035; /* רק כדי לראות את ה-div */
    padding: 10px;
    overflow: auto;
    box-shadow: 0 0 10px 5px rgba(255,255,255,0.3);
    border: 1px solid #000;
    scrollbar-width: thin;
}

.full-screen-container {
    display: flex;
    justify-content: center; /* מרכוז אופקי */
    align-items: center; /* מרכוז אנכי */
    min-height: calc(100vh - 120px); /* מבטיח שהקונטיינר לפחות בגובה המסך */
    position: relative;

}

.xMsgRow{
    cursor: pointer;
}

.xChat{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    background-color: #2b3035;
    padding: 2px;
    overflow: hidden;
    background-image: url("/sys/image/bg1.jpg");
}

.xChatDesktop,.xDesktop{
    position: absolute;
    top: 78px;
    left: 10px;
    right: 10px;
    bottom: 115px;
    /*padding-left: 5px;*/
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.xDesktop{
    bottom: 0px;
    padding-bottom: 6px;
}

.xChatTextbox{

    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 113px;
    resize:none;
}

.xChatSend, .xLock{
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 7px;
    cursor: pointer;
    margin: 0;
}

.xLock{
    bottom: 80px;
}

.xClose,.xButton{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    font-size: 9px;
    padding: 4px;
    text-align: center;
}

.xChatBubble{
    background-color: #161616;
}

.xSpiner{
    position: absolute;
    top: calc(50% - 14px);
    left: calc(50% - 14px);
}

.xChatNewMassages{
    position: absolute;
    bottom: 0px;
    left: 10px;
    right: 0;
}

.xChatSendNewMassages,
.xChatCancelNewMassages,
.xChatAddFiles {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 7px;
    cursor: pointer;
    margin: 0;
}

.xChatAddFiles{
    bottom: 50px;
}

.xChatCancelNewMassages{
    bottom: 80px;
}

.pointer{
    cursor: pointer;
}

.xEspUnit:hover .card {
    background-color: rgba(140, 140, 140,0.1) !important;
}

.xSelect{
    background-color: rgba(140, 140, 140,0.05) !important;
}

.xMainDivClock{
    background-color: var(--bs-body-bg);
}
.xMainDivClock:hover,.xMsgRow:hover
 {
    background-color: rgba(22, 23, 25, 0.45) !important;
}
.xMainDivClock:hover,.xMsgRow:hover{
    background-color: var(--bs-dark-bg-subtle) !important;
}

.xAlert{
    min-width: 300px;
}

/* אם רוחב המסך הוא 600 פיקסלים ומטה (בדרך כלל טלפונים) */
@media (max-width: 600px) {
    .xChatBubble{
        min-width: 60%;
    }

    .xAlert{
        min-width: 85%;
    }
}

/* אם רוחב המסך הוא 601 פיקסלים ומעלה (בדרך כלל מחשבים) */
@media (min-width: 601px) {
    .xChatBubble{
        min-width: 30%;
    }
}

.x3Points {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xRow  .form-floating > label{
    right: 4px;
}

.xCountUser{
    position: relative;
}

.xCountUserList{
    display: none;
    position: absolute;
    min-width: 100px;
    z-index: 100;
    right: 75px;
    text-align: right;
    top:0;
    padding: 5px;

}

.xCountUser:hover .xCountUserList{
    display: block;
}

.alert-dismissible {
    padding-left: 1rem !important;
}