@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    scroll-behavior: smooth;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

img,
fieldset,
a img {
    border: none;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="submit"],
button {
    cursor: pointer;
}

input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

input,
button,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

input:focus,
button:focus,
textarea.form-control:focus {
    box-shadow: none;
    outline: none;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
    outline: none;
}

ul,
ol {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto';
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 20px;
}

p {
    font-size: 18px;
    ;
}

:root {
    --color-white: #ffffff;
    --color-primary: #0066BE;
    --color-red: #f00;
    --color-green: #00D4C0;
    --color-black: #000000;
}

body {
    font-family: "Roboto", sans-serif;
    color: var(--color-primary);
}

@media only screen and (min-width:1440px) {
    .container {
        max-width: 1240px;
    }

    .custom-container {
        max-width: calc(100% - 20px);
    }
}

.custom-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}


.site-logo img {
    max-width: 370px;
    max-height: 48px;
}

.header {
    padding: 32px 0 22px;
}


.footer-logo img {
    max-width: 300px;
}

label.form-check-label {
    line-height: 19px;
}

.top-webinar-view {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 40px 135px 35px;
    margin: 10px 0 0;
    background: var(--color-white);
    box-sizing: border-box;
    box-shadow: 0px 1px 12px 0px rgba(0, 102, 190, 0.16);
    border-radius: 30px 30px 0 0px;
    position: relative;
}
form#sent_contact .alert-danger {
    color: #a94442;
    border: 0;
    background: transparent;
    font-size: 13px;
    padding: 0;
    margin: 0 0 5px;
}
.question_block p {
    font-size: 13px;
}
.webinar-start {
    margin-top: -130px;
    position: relative;
    z-index: 5;
    max-height: calc(100vh - 179px);
}
.motivate .webinar-start {
    max-height: calc(100vh - 135px);
}
.motivate .webinar-start .view-portal {
    height: calc(100vh - 135px);
}
.webinar-start .view-portal {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.18));
    min-height: 300px;
    border-radius: 25px;
    border: 1px solid var(--color-white);
    width: calc(100% - 50px);
    overflow: hidden;
    margin: 0 auto;
    mix-blend-mode: normal;
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    height: calc(100vh - 179px);
    display: flex;
    box-sizing: border-box;
background: rgba(255, 255, 255, 0.01);
box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
}
.footer-onesource {
    border-radius: 4px;
    border: 1px dashed rgba(0, 75, 151, 0.50);
    padding: 8px;
}

.onesource-logo {
    padding-right: 16px;
}

.onesource-description h5 a {
    color: #33BAA8;
    font-size: 11px;
    letter-spacing: 0.88px;
}

.onesource-description h6 {
    font-size: 10px;
    color: #004B97;
    letter-spacing: 0.8px;
    font-weight: 500;
    margin: 0;
}
.onesource-qr {
    margin-left: 44px;
}
.onesource-qr img{
max-width: 60px;
width:100%;
}
.onesource-description h5 {
    margin: 2px;
}

.onesource-description p {
    margin: 0;
    color: #004B97;
    font-size: 8px;
}

.user-name {
    display: flex;
    align-items: center;
}

.user-info .user-name p {
    color: #004B97;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.user-info .user-name p span {
    font-weight: 700;
}

.webinar-video-stream {
    padding: 20px 20px 20px 68px;
    width: 100%;
    display: flex;
    background-size: cover;
    position: relative;
    height: 100%;
    align-items: center;
    margin: 0;
    top: 0px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.webinar-video {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    overflow: hidden;
    /* overflow-x: hidden;
    overflow-y: auto; */
}
.video-share-layout {
    height: 100%!important;
    top:0!important
}

.video-play {
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -ms-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
    width: 100%;
    height: 100%;
    background: #000000;
}

#vdo-stream,
#vdo-stream iframe {
    height: 100%;
}

.open .video-play {
    margin-left: 330px;
    /* height: auto; */
    -webkit-transition: 0.9s ease-in-out;
    -moz-transition: 0.9s ease-in-out;
    -ms-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
}

.chat-option-list ul.close-chat li {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.chat-option-list ul.close-chat li button {
    color: #1B6194;
    width: auto;
    height: auto;
    padding: 0 0 4px;
    align-items: center;
    position: absolute;
    background: transparent;
    top: 5px;
    padding: 0;
    z-index: 6;
}

.video-play video {
    width: 100%;
    /* object-fit: cover; */
    height: 100%;
}

form#sent_contact p {
    color: #004B97;
    font-size: 14px;
    line-height: 155.5%;
    font-family: 'Roboto';
    font-weight: 400;
    margin: 0 0 10px;
}

.chat-option-list {
    padding: 10px 10px 10px 16px;
    width: 100%;
    max-width: 306px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    left: -400px;
    position: absolute;
    background: rgba(198, 198, 198, 0.1);
    mix-blend-mode: normal;
    -moz-backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    border-radius: 25px;
    border: 1px solid var(--color-white);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
}
.motivate .chat-option-list {
    background: rgba(255, 255, 255, 0.68);
}
.error_msg p.alert.alert-danger {
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 13px;
}
.success_msg .alert {
    background: transparent;
    border: 0;
    padding: 0;
}
/* .webinar-video.open ul.open-chat {
    display: none;
} */
.webinar-video.open .chat-option-list {
    left: 67px;
    animation: 0.9s ease-in-out slide-right;
}
.webinar-video .chat-option-list {
    left: 67px;
    animation: 0.9s ease-in-out slide-left;
}
.footer-detail {
    width: 100%;
    padding: 100px 47px 7px 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-top: 0;
    background: var(--color-white);
    border: 1px solid var(--color-white);
    position: relative;
    border-radius: 0px 0px 30px 30px;
    box-shadow: 0px 1px 12px 0px rgba(0, 102, 190, 0.16);
}
/* #call-request,#open-chat-button{
    display: none;
} */

#call-request img {
    width: 22px;
}
.form-group {
    margin-bottom: 9px;
}

.form-group.custom_form .form-group {
    margin-bottom: 0;
}

.webinar-footer {
    position: relative;
    margin-top: -92px;
}
.footer-detail .footer-logo {
    margin: 0 0 0px;
}
.privacy-link ul {
    display: flex;
    flex-wrap: wrap;
}

.privacy-link ul li {
    margin-right: 32px;
}
.privacy-link ul li:last-child {
    margin-right: 0px;
}
.privacy-link ul li a {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.42px;
    color: #33BAA8;
    font-family: 'Roboto';
}

.chat-option ul button {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 16px;
    color: var(--color-white);
    font-family: 'Roboto';
    font-weight: 500;
    margin: 0 6px;
    min-width: 148px;
    text-align: center;
    min-height: 40px;
    background: #00A891;
    /* border: 1px solid transparent; */
    background: linear-gradient(270deg, #00B399 0%, #D7D047 100.01%);
    box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
    border-radius: 24px;
box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
}

.chat-option ul button:hover, .chat-option ul button.active {
    background: rgba(198, 198, 198, 0.1);
    box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid var(--color-white);
    color: #64b8b0;
    background: linear-gradient(270deg, #00B399 0%, #D7D047 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

.chat-option ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transform: scaleX(-1);
}

.chat-option ul.close-chat {
    display: none;
}

.chat-option {
    position: absolute;
    transform: rotate(-90deg) scaleX(-1);
    transform-origin: top left;
    top: 14px;
    left: 13px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #e9ecef;
}

.user-info {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    height: 100%;
    justify-content: flex-end;
}

.chat-option-list .nav-item .nav-link {
    font-size: 24px;
    line-height: 162.5%;
    text-align: center;
    color: #004B97;
    font-family: 'Roboto';
    border: 0;
    padding: 0;
    font-weight: 700;
    position: relative;
    background-color: transparent;
}

.chat-option-list .nav-item .nav-link.active:after {
    font-family: 'Roboto-bold';
    border-bottom: 8px solid #E1DE33;
    position: absolute;
    content: "";
    left: -1px;
    bottom: -8px;
    border-radius: 25px;
    height: 8px;
    min-width: 137px;
    width: 100%;
}

.webinar-video .chat-option-list .tab-content {
    margin-top: 16px;
}

.chat-option-list .nav.nav-tabs {
    display: flex;
    align-content: center;
    /* justify-content: space-between; */
    border: 0;
    position: relative;
    padding-bottom: 7px;
}

.chat-option-list .nav.nav-tabs:after {
    content: "";
    border-bottom: 2px dashed #004B97;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    z-index: -1;
}

.chat-option-list textarea {
    background: var(--color-white);
    border-radius: 20px;
    resize: none;
    border: 0;
}

.webinar__description button,
#sent_contact .submit_btn,
.chat-option-list #call .contactborder button {
    background: #00B399;
    border-radius: 25px;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-white);
    padding: 5px 8px;
    font-weight: 500;
    min-width: 124px;
}

.webinar__description button:hover,
#sent_contact .submit_btn:hover,
.chat-option-list #call .contactborder button {
    background: linear-gradient(270deg, rgba(0, 168, 145, 1) 0%, rgba(0, 168, 145, 1) 41%, rgba(225, 222, 51, 1) 100%);
    transition: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.webinar__description button:focus,
#sent_contact .submit_btn:focus,
.webinar__description button:active,
#sent_contact .submit_btn:active {
    background-color: #00B399;
    border-color: #00B399;
}
.chat-option-list ::-webkit-input-placeholder {
    color: #97B6CF!important;
    letter-spacing: 0.39px;
    opacity: 1;
  }
  .chat-option-list ::-moz-placeholder { 
    color: #97B6CF!important;
    letter-spacing: 0.39px;
    opacity: 1;
  }
  .chat-option-list :-ms-input-placeholder { 
    color: #97B6CF!important;
    letter-spacing: 0.39px;
    opacity: 1;
  }
  .chat-option-list :-moz-placeholder { 
    color: #97B6CF!important;
    letter-spacing: 0.39px;
    opacity: 1;
  }
.webinar__description button img,
#sent_contact button img {
    margin-left: 6px;
}

.chat-option-list .text-left {
    padding: 0px 6px 10px;
    line-height: 1.2;
}

.form-group.answer_block.text-left.form_ans p {
    color: #00B399;
    font-size: 14px !important;
    word-break: break-word;
}
.chat-option-list textarea.form-control {
    margin-bottom: 12px;
    height: 104px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.39px;
    color: #97B6CF;
    padding: 12px 16px;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 0px 0px 9px 0px rgba(0, 102, 190, 0.16);
}

.chat-option-list #sent_contact textarea {
    margin-bottom: 10px;
    height: 180px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.03em;
    color: #97B6CF;
    font-weight: 400;
    padding: 12px 16px;
}
.question_block .question-box {
    margin: 0 0 12px;
}
.question_block .question-box:last-child {
    margin: 0 0 3px;
}
.form-group label, .form-group label b {
    color: #004B97;
    font-weight: 500;
}

#sent_contact input.form-control {
    background: var(--color-white);
    border-radius: 20px;
    height: 40px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 14px;
    color: #9C9B9B;
    border: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 102, 190, 0.16);
}

.form-group label {
    margin-bottom: 10px;
}
#sent_contact .submit_btn {
    margin: 32px auto 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success_msg .alert {
    font-size: 13px;
    margin: 10px 0 0;
}

.form-check label.form-check-label {
    line-height: 19px;
    color: #3C2621;
    font-family: 'Roboto';
    font-weight: 500;
}

.webinar__description .question_form {
    width: 100%;
    background: var(--color-white);
    margin-bottom: 12px;
    padding: 28px 10px 20px;
    border-radius: 16px;
background: var(--color-white);
box-shadow: 0px 0px 12px 0px rgba(0, 102, 190, 0.16);
}

.webinar__description .question_form .question_form-list {
    max-height: 403px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.question_form .question_form-list::-webkit-scrollbar,
.chat-option-list-inset::-webkit-scrollbar,
.meeting-on-hold::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}

.question_form .question_form-list::-webkit-scrollbar-track,
.chat-option-list-inset::-webkit-scrollbar-track,
.meeting-on-hold::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(180, 180, 180, 0.3);
    border-radius: 10px;
    background: rgba(151, 182, 207, 0.20);
}

.question_form .question_form-list::-webkit-scrollbar-thumb,
.chat-option-list-inset::-webkit-scrollbar-thumb,
.meeting-on-hold::-webkit-scrollbar-thumb {
    background-color: #97B6CF;
    outline: none;
    border-radius: 10px;
    height: 80px;
}

.webinar__description {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.webinar-video .stream-img{
    align-items: center;
    height: 100%;
    display: flex;
}
.chat-option ul.close-chat li button {
    background: linear-gradient(301.76deg, #263373 8.01%, var(--color-primary) 63.48%);
    box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    color: var(--color-white);
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 7px;
    min-width: 30px;
    position: absolute;
    left: 0;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

form#sent_contact legend.legend-heading b,
label.mrgn-remove b {
    font-size: 14px;
    line-height: 16px;
    display: block;
    color: #3C2621;
    font-family: 'Roboto';
    font-weight: 500;
}

form#sent_contact {
    margin-top: 20px;
}

.question_form .admin-message,
.question_form .user-message {
    margin: 0px 0;
    display: block;
    float: left;
    width: 100%;
}

.question_form .user-message label {
    float: left;
    width: 100%;
    font-size: 14px;
    color: var(--color-black);
}

.question_form .text-right {
    padding: 0 0px;
    display: flex;
    width: 100%;
}

::-webkit-scrollbar {
    width: 5px !important;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(180, 180, 180, 0.3);
    border-radius: 10px;
    background: rgba(151, 182, 207, 0.20);
}

::-webkit-scrollbar-thumb {
    background-color: #97B6CF !important;
    outline: none;
    border-radius: 10px;
    height: 80px;
}

button:focus,
button:active,
input:focus,
input:active {
    outline: none;
    box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.webinar-video .chat-option-list {
    height: calc(100% - 40px);
}

.webinar-video .chat-option-list .chat-option-list-inset {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding-right: 6px;
    padding-left: 6px;
    margin-left: -6px;
    position: relative;
}
.webinar-video .chat-option-list .chat-option-list-inset ul {
    margin:0;
}

#sent_contact .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: var(--color-white);
    border-radius: 50%;
    border: 2px solid #1b6194;
    margin: 0;
}

#sent_contact input[type="checkbox"] {
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}

#sent_contact .form-check .checkmark::after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-primary);
}

.question_form .text-right .text-right-content {
    background: #EBF2F8;
    border-radius: 20px 0px 20px 20px;
    padding: 5px 10px 10px;
    min-width: 100px;
    max-width: 85%;
}

.question_form .text-right .text-right-content label,
.question_form .text-left label {
    color: #AEB9C2;
    font-size: 10px;
    line-height: 14px;
}

.question_form .text-left label {
    color: var(--color-primary);
}

.question_form .text-right .text-right-content p,
.chat-option-list .text-left p {
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 15px;
    color: #000;
    white-space: normal;
    word-break: break-word;
}

.question_form .text-right {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 11px !important;
}

.form-control:focus {
    border-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #9C9B9B;
}

.open-call-button:hover svg,
.open-call-button:hover svg path,
.open-call-button.active svg,
.open-call-button.active svg path {
    fill: #64b8b0;
}

#call-request {
    min-width: 20px;
    border-radius: 30px;
    padding: 6px 8px;
    width: 40px;
    height: 40px;
    transform: rotate(90deg);
}

#open-qr-button {
    min-width: 20px;
    border-radius: 30px;
    padding: 8px 10px;
    width: 110px;
    height: 38px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.chat-option ul #call-request svg {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.webinar-video .video-play .img-loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
}

.webinar-video .video-play {
    display: flex;
    align-items: center;
    position: relative;
}

/* .chat-option-list #call .contactborder {
    padding-top: 9px;
    padding-bottom: 15px;
} */

.chat-option-list #call .contactborder p {
    font-size: 13px;
    line-height: 155.5%;
    color: #97B6CF;
    font-weight: 400;
    letter-spacing: 0.39px;
    text-align: center;
    margin:0;
}

.chat-option-list #call .contactborder button {
    background: #00B399;
    border-radius: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-white);
    padding: 5px 20px;
    min-width: 124px;
    margin: 32px auto 0;
    display: block;
}
.call-action-btn {
    display: flex;
    align-items: center;
}
.chat-option-list #call .contactborder button#end-call-button {
    background: rgba(255, 255, 255, 0.28);
    color: #00B399;
    border: 1px solid #ffffff;
}
.chat-option-list #call .contactborder button#end-call-button:hover {
    background: linear-gradient(270deg, rgba(0, 168, 145, 1) 0%, rgba(0, 168, 145, 1) 41%, rgba(225, 222, 51, 1) 100%);
    color: var(--color-white);
    border: none;
}
#acceptCallRequestModel .modal-content {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.16));
    border-radius: 20px;
    padding: 21px 17px;
    border: 0;
}

#acceptCallRequestModel .modal-content .modal-header {
    display: none;
}

#acceptCallRequestModel .modal-content #accept-content {
    background: rgba(198, 198, 198, 0.1);
    mix-blend-mode: normal;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 50px 24px 24px 40px;
}

/* #pollModel .modal-footer #submitPollAnswer {
    border-radius: 30px;
} */

#acceptCallRequestModel .modal-dialog {
    max-width: 650px;
}

#acceptCallRequestModel .modal-content #accept-content p {
    font-size: 18px !important;
    line-height: 155.5%;
    color: #010000;
    font-weight: 400 !important;
    padding-right: 16px;
}

#acceptCallRequestModel .modal-content #accept-content p strong {
    margin: 26px 0 27px;
    display: block;
}

#acceptCallRequestModel .action-button button {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    background: #1B6194;
    border-radius: 25px;
    color: var(--color-white);
    padding: 7px 15px;
    min-width: 124px;
    margin-left: 16px;
    border: 1px solid #1B6194;
}

#acceptCallRequestModel .action-button button:hover {
    background: var(--color-white);
    color: #1B6194;

}

#acceptCallRequestModel .action-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#acceptCallRequestModel .action-button button#cancelSelf {
    background: var(--color-white);
    border: 1px solid #1B6194;
    box-sizing: border-box;
    color: #1B6194;
}

#acceptCallRequestModel .action-button button#cancelSelf:hover {
    background: #1B6194;
    color: var(--color-white);
}

.video-section {
    background: #000;
    min-height: 137px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 155.5%;
    padding: 16px;
}

.chat-option-list .waiting,
.chat-option-list .call-progress {
    mix-blend-mode: normal;
    padding: 12px 14px 12px;
    margin-top: 20px;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 0px 0px 9px 0px rgba(0, 102, 190, 0.16);
    height:132px;
    display: flex;
    align-items: center;
    width:100%;
    flex-direction: column;
    justify-content: center;
}

#call-request-content1 {
    margin-top: 20px;
}

.chat-option-list .waiting .video-content-section,
.chat-option-list .call-progress .video-content-section {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 155.5%;
    color: var(--color-white);
    font-weight: 500;
    font-family: 'Roboto';
    align-items: center;
    padding-bottom: 10px;
}

.chat-option-list .waiting .video-content-section span,
.chat-option-list .call-progress .video-content-section span {
    background: #D7D4CF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-left: 6px;
}

.microphone-error-section h4 {
    font-size: 18px;
    line-height: 155.5%;
    color: #AF0E0E;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.chat-option-list .call-progress .video-content-section span {
    background-color: #C00505;
}

.chat-option-list #call .contactborder.microphone-error {
    padding-top: 4px;
}

.microphone-error-section ol li {
    font-size: 14px;
    line-height: 155.5%;
    color: var(--color-white);
    font-weight: 300;
    list-style-position: inside;
    padding: 0 10px;
}

.microphone-error-section ol {
    list-style-type: decimal;
}

.microphone-error-section img {
    padding: 42px 15px;
    margin: 0 auto;
    text-align: center;
}

.microphone-error-section li img {
    padding: 0;
    max-width: 184px;
    margin: 10px auto 10px;
    display: block;
}

.microphone-error-section ol li:first-child {
    padding-bottom: 51px;
}

.microphone-error-section ol li span {
    color: #64b8b0;
}

.chat-option-list #call .contactborder #closeMic {
    background: #1B6194;
}

.chat-option-list #call .contactborder #closeMic:hover {
    background: var(--color-white);
    color: #1B6194;
    border-color: #1B6194;
}

.chat-option-list .text-left {
    background: #dbecea;
    border-radius: 0px 20px 20px 20px;
    padding: 7px 10px 10px;
    min-width: 100px;
    max-width: 90%;
    min-height: 50px;
    display: inline-block;
}

div#shared-stream {
    height: 100%;
}

.webinar__description .question_form {
    height: calc(100% - 220px);
}
.webinar__description .question_form .question-form-scroll {
    height: 100%;
    overflow-y: auto;
}
.webinar-video.open .chat-option-list .tab-content>.active {
    display: block;
    padding-bottom: 1px;
}

.webinar-video .chat-option-list .tab-content {
    height: calc(100% - 65px);
}

.chat-option-list #call .contactborder button#cancel-button {
    background: rgba(255, 255, 255, 0.28);
    color:#00B399;
    border: 1px solid var(--color-white);
    border: 1px solid var(--color-white);
}
.webinar-video.open .chat-option-list .call-progress img {
    max-width: 32px;
    margin: 18px 0 0;
}
.chat-option-list #call .contactborder button#cancel-button:hover {
    background: linear-gradient(270deg, rgba(0, 168, 145, 1) 0%, rgba(0, 168, 145, 1) 41%, rgba(225, 222, 51, 1) 100%);
    color:var(--color-white);
    border: none;
}
.chat-option-list #call .contactborder .call-progress + p {
    text-align: right;
    margin: 3px 0 0;
    color:#004B97;
}
.call-progress .video-section {
    padding: 0;
}

.call-progress .video-section video#self-view {
    width: 100% !important;
    object-fit: cover;
    height: 137px;
}

.webinar__description .question_form .question_form-list {
    padding-right: 3px;
}
.webinar-live {
    background: #fff;
    display: flex;
    align-items: center;
}
.webinar-live, .webinar-live-inset {
    width: 100%;
    height: 100%;
}
.event-status.webinar-portal .upcoming-event-cal .days, .event-status.webinar-portal .upcoming-event-cal .hours, .event-status.webinar-portal .upcoming-event-cal .mins {
    background: #00A891;
}
.upcoming-event-cal span {
    color: #6e7288;
}
.footer-detail .privacy-link ul {
    margin: 0;
    justify-content: flex-start;
}

.webinar-video.open .chat-option-list .tab-content>.active {
    height: 100%;
}

.shared-screen-view #vdo-stream {
    position: absolute;
    width: 150px !important;
    height: 90px;
    right: 20px;
    top: 17px;
}

#socketConnect .modal-body p {
    text-align: center;
}

#socketConnect .modal-body button#socketConnection {
    margin: 10px 0 0;
    padding: 7px 13px;
    background: #1b6194;
    border: 1px solid #1b6194;
    color: var(--color-white);
    border-radius: 30px;
}

.chat-option ul button a {
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.chat-option ul button:hover a {
    color: #64b8b0;
}

.chat-option ul button svg {
    width: 18px;
    height: auto;
}

/* .chat-option ul button svg path,
.chat-option ul button svg rect {
    fill: #fff
} */
.chat-option ul button:not(:hover) svg path, .chat-option ul button:not(:hover) svg rect{
    fill: var(--color-white);
}
.chat-option ul button.active svg rect, .chat-option ul button.active svg path{
    fill: url(#paint0_linear_270_3060);

}
.chat-option ul button.active svg path.cal1{
    fill: url(#paint0_linear_270_3060);

}
.chat-option ul button.active svg path.cal2{
    fill: url(#paint1_linear_270_3060);

}
.chat-option ul button.active svg path.cal3{
    fill: url(#paint2_linear_270_3060);

}

.webinar-video .video-play #zmmtg-root {
    /* position: absolute; */
    margin: 20px 20px 20px 68px;
    height: calc(100% - 40px);
    width: calc(100% - 88px);
}

.webinar-video .video-play #zmmtg-root div#video-share-layout {
    height: 100% !important;
    top: 0 !important;
}

body.websdk-body {
    background: #F3F7FA;
}

.video-play #meeting-app #wc-leave {
    width: 100% !important;
    height: 100% !important;
}

.wrapper {
    min-height: 100vh;
}





.webinar-start .view-portal .webinar-streaming-view {
    width: calc(80% - 13px);
    position: relative;
    margin-right: 13px;
}

.webinar-start .view-portal .mic-portal {
    width: 20%;
    background: #eff3f6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: calc(100% - 30px);
    margin-top: 15px;
}
.webinar-start .view-portal .webinar-streaming-view h3, .webinar-start .view-portal .mic-portal h3{
    position: absolute;
    top: 15px;
    right: 25px;
    margin: 0;
    font-size: 14px;
    padding: 0;
    color: #878787;
    z-index: 2;
    font-weight: 400;
}
.webinar-start .view-portal .mic-portal h3 {
    right: auto;
    left: 10px;
    top: 10px;
}
.mic-portal .mic-portal-view #mic-not-found {
    width: 100%;
}
.webinar-start .view-portal .webinar-streaming-view .webinar-video {
    padding: 15px;
}
.webinar-start .view-portal .webinar-streaming-view .webinar-video #webcam-not-found {
    width: 100%;
    height: calc(100% - 30px);
    object-fit: cover;
    position: absolute;
}
.webinar-start .view-portal .webinar-streaming-view .webinar-video #videoElement {
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.webinar-duration {
    position: absolute;
    right: 0;
    top: 25px;
    right: 25px;
}

.webinar-action {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.webinar-action button {
    border: 1px solid #dd0b0b;
    padding: 4px 10px;
    font-size: 14px;
    color: #dd0b0b;
    border-radius: 5px;
}
.webinar-action button:hover {
    background:#dd0b0b;
    color: var(--color-white);
}
#recordingDuration span {
    width: 11px;
    height: 11px;
    background: #dd0b0b;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
	animation-name: recording-dot;
        -webkit-animation-name: recording-dot;
        -moz-animation-name: recording-dot;
        -o-animation-name: recording-dot;
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
		    position: relative;
    top: 3px;
}

#recordingDuration {
    display: flex;
    align-items: center;
    color: #dd0b0b;
    font-size: 12px;
}
.webinar-duration .progress {
    height: 4px;
    background: #b1b1b1;
    margin-top: 4px;
}

.webinar-duration .progress #progressBar {
    background: #0fc5c5;
}

		
		
@keyframes recording-dot {
	
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}

100% {
    opacity: 1;
}

}

  #pollModal .modal-body {
    min-height: 220px;
    padding: 20px 30px;
  }
  #pollModal .modal-body P{
    display: block;
      font-size: 16px;
      font-weight: 500;
      margin: 0 0 10px;
  }
  
  #pollModal .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 10px;
    width: 100%;
  }
  #pollModal form .error-message{
    color: crimson;
    flex: 0 0 100%;
    font-size: 12px;
    margin: -9px 0 8px;
    text-align: left;
  }
  #pollModal .modal-body form .form-group label {
    color: #204e9e;
    flex: 1 1;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px 0 0;
    margin: 0;
  }
  #pollModal .check-values {
    height: auto;
    min-width: 35px;
    position: relative;
  }
  #pollModal .form-group .check-values input {
    cursor: pointer;
    height: 24px;
    opacity: 0;
    position: absolute;
    width: 24px;
    z-index: 1;
  }
  #pollModal .form-group .checkmark {
    background-color: #e8f5f3;
    border: 1px solid #00b39a;
    display: inline-block;
    height: 25px;
    left: 0;
    margin: 0;
    min-width: 25px;
    right: 0;
    top: -2px;
    width: 25px;
  }
  #pollModal .form-group .check-values .checkmark:after {
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 14px;
    left: 4px;
    position: absolute;
    top: 9px;
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
  }
  #pollModal .form-group .check-values input:checked~.checkmark:after {
    display: block;
  }
  #pollModal .check-group textarea {
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    width: 100%;
  }
  #pollModal .modal-header .modal-title, #pollModal1 .modal-header .modal-title {
    text-align: center;
    width: 100%;
}
.modal-header .btn-close {
    background: transparent;
}
  #pollModal{
    font-family: 'Roboto';
  }
  #pollModal .check-values {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
  #pollModal .check-values label {
    margin: 0;
    padding-left: 13px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    flex: 1 1;
}
#pollModal .modal-dialog, #pollModal1.modal-dialog {
    max-width: 880px;
    width: 100%;
}
#pollModal .modal-body .popup-content h4 {
    margin: 0 0 10px;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
}
  #pollModal .check-group {
    align-items: flex-start;
    display: flex;
    gap: 0 15px;
    justify-content: flex-start;
    min-width: 241px;
    flex-direction: column;
    gap: 14px;
    width:100%;
}
  #pollModal .check-group span {
    color: #00b39a;
    font-size: 10px;
    font-weight: 300;
    min-width: 23px;
  }
  /* #pollModal .check-group span.check-values {
    height:auto;
  } */
  #pollModal .modal-body form label{
      cursor: pointer;
      margin: 0 0 11px;
      padding: 0 0 0 38px;
      text-align: left;
      position: relative;
  }
  #pollModel .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 10px;
    width: 100%;
  }
   #pollModel .form-group label {
    color: #204e9e;
    flex: 1 1;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px 0 0;
  }
   #pollModel .check-group span {
    color: #00b39a;
    font-size: 10px;
    font-weight: 300;
    min-width: 23px;
  }
  #pollModal .modal-body form .checkmark {
    background-color: #e8f5f3;
    border: 1px solid #00b39a;
    display: inline-block;
    height: 25px;
    margin: 0 auto;
    min-width: 25px;
    width: 25px;
    position: absolute;
    left:0;
    top:0;
  }
  #pollModal .modal-body form .checkmark:after {
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 14px;
    left: 3px;
    position: absolute;
    top: 10px;
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
  }
  #pollModal .modal-body form label input:checked~.checkmark:after {
    display: block;
  }
  #pollModal .modal-body form label input[type="radio"], #pollModal .modal-body form label input[type="checkbox"]{
    cursor: pointer;
    height: 24px;
    opacity: 0;
    position: absolute;
    width: 24px;
    z-index: 1;
  }
  #pollModal .modal-content,
  #pollModal .modal-header, #pollModal1 .modal-header, #pollModal1 .modal-content {
    border: 0;
  }
  
  #pollModal .modal-header>img, #pollModal1 .modal-header>img{
    text-align: center;
    margin: 0 auto;
    max-width: 170px;
  }
  #pollModal1 .modal-header button.close{
      margin: 0;
      position: absolute;
      right: 17px;
      top: 18px;
      padding: .5rem .5rem;
      opacity: 1;
  }
  #pollModal1 .modal-header {
    position: relative;
  }
  #pollModal1 .modal-header button.close {
    top: 50%;
    transform: translateY(-50%);
  }
  #pollModal1 .modal-header button.close span {
    color: #0066be;
    font-weight: 300;
    font-size: 40px;
    line-height: 22px;
    opacity: 1;
    outline: 0;
    box-shadow: none;
    border: 0;
    text-shadow: none;
  }
  #pollModal1 .no_found{
    color: #97b6cfcc;
      font-size: 28px;
      min-height: 40vh;
      font-weight: 500;
      margin:0;
      text-transform: capitalize;
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 0 15px;
  }

#pollModal .modal-footer {
    padding: 10px 25px;
    margin: 0;
}
.unmute-modal-body-content {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
#pollModal1 button.btn-close:after {
    content: "×";
    color: #0066be;
    font-size: 40px;
    line-height: 22px;
}
#pollModal .modal-header, #pollModal1 .modal-header {
    padding: 16px 30px 16px;
    background: #dbecea;
}
  #pollModal .modal-footer button, #pollModal1 .modal-footer button {
    padding: 9px 10px;
    border-radius: 4px;
    background: #64b8b0;
    border: 0;
    margin: 0 4px;
    min-width: 80px;
    line-height: 1;
}
  #pollModal .modal-footer button:active,
  #pollModal .modal-footer button:hover,
    #pollModal .modal-footer button:focus-visible{
    border: transparent;
    outline: none;
  }
  #pollModal #error-message{
    color: crimson;
    font-size: 12px;
    text-align: left;
    display: block;
  }
  #pollModal .popup-content span.error {
    flex: 0 0 100%;
    color: crimson;
    font-size: 12px;
    text-align: left;
    display: block;
    margin:7px 0 0;
}
#pollModal .popup-content textarea {
    width: 100%;
    resize: none;
    min-height: 95px;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #00b39a;
    margin: 13px 0 2px;
}

  button.footer-button-base__button.interpretation-menu__button .footer-button-base__img-layer:after {
    background: url(https://docintel.app/img/octa/e-templates/octapharma/interpretation-flag.png)no-repeat;
    content: "";
    width: 80px;
    height: 24px;
    background-size: 80px;
    background-position: center;
}
 
button.footer-button-base__button.interpretation-menu__button .footer-button-base__img-layer svg {
    display: none;
}


.sharee-container__viewport.react-draggable {
    width: 100%!important;
    max-height: 100vh!important;
    height: auto!important;
}
.sharee-container__viewport .sharee-container__canvas {
    width: 100%; 
    height: auto;
}
.video-avatar__avatar .video-avatar__mute-button, .video-avatar__avatar .avatar-more {
    display: none;
}
.thank_you_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.thank_you_content img {
    max-width: 280px;
    width: 100%;
    margin-bottom: 28px;
}
.thank_you_page {
    align-items: center;
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    width: 100%;
  }
  .thank_you_page-inset {
    -webkit-backdrop-filter: blur(8.5px);
    backdrop-filter: blur(8.5px);
    margin: 0 auto;
    padding: 66px 104px;
    text-align: center;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  }

  .thank_you_page h1 {
    background: linear-gradient(90deg, #00B399 30.95%, #D7D047 100%);
    display: inline-block;
    font-size: 64px;
    font-weight: 600;
    margin: 12px 0 16px;
    color: #004a89;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .thank_you_page-inset h4 {
    color: #004a89;
    font-size: 28px;
    font-weight: 600;
    line-height: 192.5%;
    text-transform: capitalize;
    margin:0 0 7px;
  }
  .thank_you_page-inset p {
    color: #004a89;
    font-size: 18px;
    font-weight: 400;
    line-height: 132.5%;
    margin: 0 0;
    text-align: center;
  }
  /* .gallery-video-container__main-view > div {
    height: 90%!important;
    width: 90%!important;
} */
.gallery-video-container__main-view {
    width: 100%;
}
/* body.websdk-body {
    overflow-y: auto;
} */
@media only screen and (min-width:768px){
.Pane.horizontal.Pane2 {
    overflow-y: auto;
}
}
.gallery-video-container__main-view > div {
    height: 100%!important;
    width: 100%!important;
    /* transform: scale(0.8); */
}
/* .main-layout__canvas {
    transform: scale(0.8);
} */
/* .main-layout__canvas {
    height: 100%;
} */
  .video-share-layout ::-webkit-scrollbar {
    width: 5px;
    background: #131619;
  }
   
  .video-share-layout ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .video-share-layout ::-webkit-scrollbar-thumb {
    background: #1a1a1a!important;
    outline: 1px solid slategrey;
  }
  .webinar-video .stream-img {
    background: var(--color-white);
    width: 100%;
    text-align: center;
}
.webinar-video .stream-img img {
    width: 100%;
}
.meeting-client .meeting-header {
    display: none;
}
html, body {
    overflow: initial !important;
}
#wc-loading{
    display: none !important;
}
.webinar-live img {
    width: 100%;
}
.sharing-layout .sharee-sharing-indicator .sharee-sharing-indicator__dropdown {
    display: none!important;
}
.sharing-layout .sharee-container__canvas-outline {
    border: 0;
}
#video-share-layout.video-share-sidebyside .Pane .main-layout {
    width: 100%;
}
.meeting-client-inner .main-footer.footer {
    background-color: rgb(0 0 0 / 29%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.chat-option a:focus, .chat-option button:focus {
    outline: none;
    outline-offset: 0px;
}

#video-share-layout .Resizer.vertical {
    display: none;
}


.webinar-video  .permission-container {
    text-align: center;
    margin: 0 auto;
}

.webinar-video .permission-container h3 {
    font-size: 32px;
    color: #0066BE;
    font-weight: 700;
    margin: 0 0 40px;
}

.webinar-video .permission-container h5 {font-size: 20px;font-weight: 500;margin: 0 0 40px;color: #000;}

.webinar-video .permission-container .permission-image-wrapper {
    border: 1px dashed #B0B0B0;
    padding: 12px;
    max-width: 742px;
    margin: 0 auto;
}

.webinar-video .permission-container .permission-image-wrapper .permission-image {
    max-width: 718px;
    width: 100%;
}

.webinar-video .permission-container p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 42px 0 0;
}




@keyframes slide-right {
    0% {
      transform: translateX(-400px);
      opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
      }
    }

    @keyframes slide-left {
        0% {
          transform: translateX(0px);
          opacity: 1;
        }
        100% {
            transform: translateX(-400px);
            opacity: 0;
          }
        }