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

/* Greenlight direction */
body[data-gr-ext-installed] {
    direction: rtl;
}
body[data-gr-ext-installed] #admin-panel .tab-content, body[data-gr-ext-installed] #profile .tab-content{
    justify-content: flex-end;
}
body[data-gr-ext-installed] a.dropdown-item {
    text-align: right;
}
body[data-gr-ext-installed] .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}
body[data-gr-ext-installed] .ms-auto {
    margin-right: auto !important;
    margin-left: unset !important;
}
body[data-gr-ext-installed] .ps-0 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}
body[data-gr-ext-installed] .pe-0 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}
body[data-gr-ext-installed] .ps-3 {
    padding-left: 1rem !important;
    padding-right: 0rem !important;
}
body[data-gr-ext-installed] .ms-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}
body[data-gr-ext-installed] .float-end {
    float: left !important;
}
body[data-gr-ext-installed] .me-auto {
    margin-right: unset !important;
    margin-left: auto !important;
}
body[data-gr-ext-installed] .me-2 {
    margin-right: unset !important;
    margin-left: .5rem !important;
}
body[data-gr-ext-installed] ul {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}
body[data-gr-ext-installed] .ms-2 {
    margin-left: unset !important;
    margin-right: .5rem !important;
}
body[data-gr-ext-installed] .setting-select button {
    text-align: right;
}


:root {
    --primary-theme: #323a78;
    --secondary-theme: #e1e1e1;
    --tertiary-theme: #e65100;
    --quaternary-theme: #ffc107;
    --btn-primary-bg: var(--primary-theme) !important;
    --color-primary: var(--primary-theme) !important;
    --btn-primary-border: var(--primary-theme) !important;
    --systemMessage-background-color: #ffffff !important;
    --user-list-bg: #f5f5f5 !important;
    --list-item-bg-hover: var(--secondary-theme) !important;
    --user-avatar-background: #242424;
}

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

/* Presentation area */
body div#app main section div[class*="content--"] section[class*="media--"],
section[class*="actionsbar--"],
header[class*="navbar--"],
#layout,
.react-draggable,
div[class*="presentationContainer--"] {
    /*background-color: #1b1401 !important;*/
}

/* 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--"] {
    /*border: 1px solid #d7d7d7;
    background-color: #f7f7f7;*/
    border-radius: 3px;
    padding: 10px 5px 3px 10px;
}

/* User message name field in public chat */
p[class*="systemMessage--"] 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--"] {
    display: block;
    float: left;
    width: 205px !important;
    text-align: left;
}

/* Welcome message area style - START */
[dir="rtl"] div[class*="dropdownContent--"] {
    right: -2rem !important;
    min-width: 230px !important;
}

[dir="rtl"] div[class*="top-left--"] {
    transform: translateX(25%);
    width: 265px;
}

p[class*="systemMessage--"] p {
    direction: rtl;
    text-align: justify;
    font-weight: normal;
    padding: 2px 10px;
}

/*
p[class*="systemMessage--"] i {
    display: inline-block;
    direction: rtl;
    text-align: justify;
    font-family: IRANYekanWebRegular, Tahoma, sans-serif;
    line-height: 1.5;
    !*color: #0bb90b !important;*!
    font-style: normal;
    font-weight: bold;
}
*/

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

p[class*="systemMessage--"] a,
div[data-test="chatMessages"] a {
    font-weight: bold;
    color: var(--tertiary-theme);
    font-weight: bold;
}

/* Welcome message area style - END */

/* Select microphone or listen only - START */
button[class*="audioBtn--"]:hover span:first-child,
button[class*="audioBtn--"]:focus span:first-child {
    background-color: #363636;
    border: 5px solid #ececec !important;
}

button[class*="audioBtn--"] > span:first-child {
    background-color: var(--primary-theme) !important;
}

button[class*="audioBtn--"] > span:first-child > i[class*="icon--"] {
    color: var(--quaternary-theme);
}

/* Select microphone or listen only - END */


/*Talker indicator*/
div[class*="isTalkingWrapper--"] {
    overflow: visible !important;
}

div[class*="speaking--"] {
    overflow-x: visible;
    overflow-y: visible;
}

*[class*="talker--"] {
    /*background-color: var(--primary-theme) !important;
    border-color: var(--primary-theme) !important;*/
    background-color: var(--tertiary-theme) !important;
    border: 2px solid #fff !important;
    padding: 4px 15px !important;
    height: 27px !important;
}

*[class*="talker--"] i {
    background-color: var(--primary-theme) !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    line-height: 0.7rem;
    padding: 5px 5.5px;
    top: -3px;
}

/*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;
}

/*User avatar background*/
div[class*="avatar--"] {
    /*background-color: var(--user-avatar-background) !important;*/
}

/* 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 */
.MuiList-root {
    padding-right: 0 !important;
    width: 100% !important;
}

.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;*/
}

textarea[class*="input--"] {
    /*border: 1px solid var(--primary-theme);*/
    box-shadow: none !important;
}

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