@font-face {
    font-family: 'IRANYekanWebRegular';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANYekanWebRegular.eot'); /* IE9 Compat Modes */
    src: url('fonts/IRANYekanWebRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/IRANYekanWebRegular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/IRANYekanWebRegular.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/IRANYekanWebRegular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/IRANYekanWebRegular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html, body, body#innerdocbody, .MuiMenuItem-root, .MuiMenuItem-dense {
    font-family: IRANYekanWebRegular, Tahoma, sans-serif !important;
    font-weight: normal;
}

/* Welcome Message Box */
p[class*="systemMessage--"] {
    font-weight: normal;
    line-height: 2;
}

/* User message in public chat */
p[class*="systemMessage--"] div[class*="item--"] div[class*="wrapper--"],
div[data-test="chatMessages"] div[class*="item--"] div[class*="wrapper--"] {
    border: 1px solid #d7d7d7;
    background-color: #f7f7f7;
    border-radius: 3px;
    padding: 10px 5px 3px 10px;
}

/* User message name field in public chat - START */
p[class*="systemMessage--"] div[class*="item--"] div[class*="wrapper--"] div[class*="content--"] div[class*="meta--"] div[class*="name--"],
div[data-test="chatMessages"] div[class*="item--"] div[class*="wrapper--"]  div[class*="content--"] div[class*="meta--"] div[class*="name--"] {
    display: flex;
    min-width: 0;
    font-weight: 600;
    position: relative;
    width: 100%;
}

/* User message time field in public chat */
p[class*="systemMessage--"] div[class*="item--"] div[class*="wrapper--"] div[class*="content--"] div[class*="meta--"] time[class*="time--"],
div[data-test="chatMessages"] div[class*="item--"] div[class*="wrapper--"]  div[class*="content--"] div[class*="meta--"] time[class*="time--"] {
    display: block;
    float: left;
    width: 205px !important;
    text-align: left;
}
/* User message name field in public chat - END */

/* Welcome message area style - START */
p[class*="systemMessage--"] p,
div[data-test="chatMessages"] p {
    direction: rtl;
    text-align: justify;
    font-weight: normal;
    padding: 2px 10px;
}

div[data-test="chatMessages"] i {
    display:inline-block;
    direction: rtl;
    text-align: justify;
    font-family: IRANYekanWebRegular, Tahoma, sans-serif;
    line-height: 1.5;
    color: #28368b !important;
    font-style: normal;
    font-weight: bold;
}

p[class*="systemMessage--"] img,
div[data-test="chatMessages"] img {
    width: 100%;
    border-bottom: 2px dotted black;
    padding: 5px 0;
}

p[class*="systemMessage--"] a,
div[data-test="chatMessages"] a {
    font-weight: bold;
    color: #ef5350;
    font-weight: bold;
}

p[class*="systemMessage--"] small {
    font-size: 1rem;
    color: var(--primary-theme);
}
/* Welcome message area style - END */

/*Talker indicator*/
*[class*="talker--"] {
    background-color: var(--primary-theme) !important;
    border-color: var(--primary-theme) !important;
}

/*Sidebar list items such as shared notes, etc.*/
div[class*="listItem--"] {
    background-color: #edecec !important;
}

/* every ser in userlist */
div[class*="usertListItemWithMenu--"] {
    box-shadow: none;
}

/* Raise hand icon */
*[class*="avatar--"] i.icon-bbb-hand {
    z-index: 2;
    animation: attention 1s infinite;
}

/* Raise hand icon animation keyframe */
@keyframes attention {
    0% {
        color: #f44336;
        font-size: 18px;
    }
    25% {
        color: yellow;
        font-size: 20px;
    }
    50% {
        color: white;
        font-size: 25px;
        font-weight: bold;
    }
    75% {
        color: yellow;
        font-size: 20px;
    }
    100% {
        color: #f44336;
        font-size: 18px;
    }
}

/* presentation text box tools - START */
foreignObject {
    direction: ltr;
    text-align: left;
}

foreignObject p, foreignObject textarea {
    direction: ltr;
    text-align: left;
    font-family: IRANYekanWebRegular, Tahoma, sans-serif !important;
}

/* presentation text box tools - END */

/* Plus menu (upload files) - START */
.MuiMenuItem-root {
    text-align: right !important;
}

.menu--Z1jX85y .MuiPaper-root {
    max-width: 21rem !important;
}

.MuiListItem-button:hover {
    background-color: var(--color-primary) !important;
}

/* Plus menu (upload files) - END */

*[class*="userListItem--"]:active,
*[class*="userListItem--"]:focus {
    box-shadow: inset 0 0 0 var(--border-size) var(--primary-theme), inset 1px 0 0 1px var(--primary-theme) !important;
}

div[class*="active--"] {
    background-color: #d7d7d7 !important;
    box-shadow: inset 0 0 0 var(--border-size) #bcbcbc, inset 1px 0 0 1px #bcbcbc !important;
}

/* Mute icon in webcam display */
*[class*="muted--"]{
    right: unset !important;
    left: 5px;
}