/* CUSTOM CHANGES */
/*
:root {
    --themeColor1: #004eb6;
    --themeColor2: #0057CC;
    --themeColor3: #006dfe;
    --themeBg:     #ffffff;
    --themeInput:  #eceff1;
}*/

/* PAGE CALL */

b, strong {
    font-weight: 800!important;
}

.avatar-holder {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(0, 102, 82, 0.3) 43%, rgba(0, 102, 82, 0.3) 49%, rgba(255, 255, 255, 0.15) 52%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.25) 61%, rgba(255, 255, 255, 0.25) 62%, rgba(255, 255, 255, 0.05) 64%, rgba(255, 255, 255, 0.05) 65%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0.08) 75%);
}


/* END PAGE CALL */

/* WEB CALL */
/* END WEB CALL */

/* FOOTERS */
footer.call-footer.always-visible {
    background: -webkit-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50% var(--themeColor1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1)); /* Standard syntax */
    height: 12%;
}
footer.call-footer {
    height: 15%;
}
/* END FOOTERS */

/* NOTIFICATIONS */
/* END NOTIFICATIONS */

/* CALL BUTTONS */
.button-call {
    background-color: #A93B25;
    border: 1px solid #A93B25;
}
.end-call:hover, .end-call:active {
    background-color: #f55535;
}
.button-call:hover, .button-call:active {
    background-color: #f55535;
}

/* hide smiley (emoji) button */

/*
.smiley-button-holder {
    display: none !important;
}
*/

/* SUBMIT BUTTON SECTION START */

#submit-button-holder {
    float: right !important;
    height: 34px;
    width: fit-content;
}

#holder-chat-over .input-group-btn {
    float: left;
    margin-top: 15px;
}

#text-chat-over-submit:before {
    /* content: "POĹ LJITE"; */
    /* content: "POĹ LJI"; */
    position: absolute;
    right: 34px;
    top: 3px;
    color: rgba(60, 160, 130, 1);
    font-family: 'Open Sans', 'Open Sans Regular', Arial, sans-serif, 'robotolight';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
}

#text-chat-over-submit {
    /* content: ""; */
    position: relative;
    padding-right: 34px;
    height: 34px;
    position: relative; /* Ensure the button itself is relatively positioned */
    width: 34px; /* Set the button's width to match the icon size */
    position: relative; /* Ensure the button itself is relatively positioned */
    padding-right: 0; /* Remove the padding */
    width: 34px; /* Set the button's width to match the icon size */
    overflow: hidden; /* Hide the text */
    font-size: 0; /* Effectively hide the text by reducing its size to 0 */
}

#text-chat-over-submit:after {
    /* content: url("./../../img/submit-button.svg"); */
    content: url("./../img/submit-button.svg");
    /* display: block; */
    /* height: 34px; */
    /* text-indent: 9999px; */
    position: absolute;
    top: 50%;
    right: 50%;
    height: 24px;
    transform: translate(50%, -50%);
    width: 20px;
    display: inline-block; /* Ensure the image is displayed inline */
    font-size: initial; /* Reset the font size for the icon */
    color: var(--themeColor1);
}

/* SUBMIT BUTTON SECTION END*/

/* END CALL BUTTONS */

/* BUBBLE height: 90px; */
/* END BUBBLE */
/* VOICE CHAT */
/* Suggestions buttons */

.holder-chat-over {
    background: var(--themeBg) !important;
    top: 10vh !important;
    margin-bottom: 12vh;
}

.holder-chat-over .contentwrapper {
    background-color: var(--themeInput) !important;
}
.holder-chat-over .module-chat {
    width: 92% !important;
    margin: auto;
    
    max-width:1100px !important;
}
.holder-chat-over .module-chat li {
    display: inline-block;
    font-weight: normal;
  
    max-width: 86% !important;
    font-size: 0.75em;
    clear: both;
}

.holder-chat-over .avatar img {
    display: none;
}

.holder-chat-over .other .messages div {
    padding: 5px 10px 5px 10px;
}
.holder-chat-over .self .messages div {
    padding: 5px 2px 5px 10px;
    margin-right: 6px;
}
.holder-chat-over .other .messages { 
    width: calc(100% - 40px);
}
.holder-chat-over .self .messages {
    width: calc(100% - 23px);
}

.holder-chat-over .input-group {
    display: block;
    background-color: var(--themeInput) !important;
    height: 58px;
}

.holder-chat-over .self .messages div {
    background-color: var(--themeColor1);
}
.holder-chat-over .self .msg-content:after {
    border-color: var(--themeColor1) transparent transparent var(--themeColor1);
}

#holder-call-thumbs-wrapper {
    background: -webkit-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: -o-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50% var(--themeColor1));
    background: -moz-linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: linear-gradient(145deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
}


.holder-chat-over .other  time {
    color: #545c5f;
}

.other .author-name {
    color: #545c5f;
}

.holder-chat-over .self  time {
    color: #545c5f;
    margin-right: 8px;
}
.self .author-name {
    color: #545c5f;
}
.self .author-name {
    margin-right: unset;
    float: right;
}
.other .author-name {
    margin-left: 46px;
}


/* END VIDEO CALL */

/* CHAT CSS VIDEO */ 
/* POPUP BOXES */
/* END POPUP BOXES*/
/* CONFERENCE VIDEO, CALL MIX */
/* END CONFERENCE VIDEO, CALL MIX */
/* CHAT TOGGLE HOLDER */

/* END CHAT TOGGLE HOLDER */


/* MORE NAV */
/* MORE NAV END */

/* OLD STYLE RULES */

/* THIS IS HERE TO STAY */
/* END BLINKING */
/* BUTTONS POSITIONS */
/* END BUTTONS POSITIONS */
/* BUTTONS */

/* END BUTTONS */
/* OVERLAY */

/* END OVERLAY */



/* IN CALL KEYBOARD */
/* END IN CALL KEYBOARD */
/* MICROPHONE */


/* SMILEYS */

/* END SMILEYS */

/*=============================================*/
/*=================== AVATARS =================*/
/*=============================================*/

/* MEdia SRC POPUP */
#media-src-popup {
    /*background: -webkit-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: -o-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50% var(--themeColor1));
    background: -moz-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));*/
}

/* MEdia SRC POPUP */
#media-agemntcmd-src-popup {
    /*background: -webkit-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: -o-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50% var(--themeColor1));
    background: -moz-linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));
    background: linear-gradient(140deg, var(--themeColor1), var(--themeColor1) 50%, var(--themeColor1));*/
}

/* VIDEO POPUP */

/* END VIDEO POPUP */
/* RESPONSIVE BREAKPOINTS */

/* CLASSES FOR SMALL SCREENS */

/* END CLASSES FOR SMALL SCREENS */

/* Allow clicks only on final button group*/

/* uploaded image title */

/* Upload file spinner */

/*Screen capture box*/

/* INLINE SURVEY CSS */