@import url("../css/fonts.css");
@import url("../css/reset.css");

/* Common */
* {box-sizing: border-box;}
html,body {  margin: 0; padding: 0; font-family: var(--font_regular); font-size: 14px;}
#body { padding-top: 50px; overflow-x: hidden; overflow-y: hidden;}
.form-check-input[type="checkbox"] { border-radius: 0;}

/* .inputField { border-top: 0px; border-left: 0px; border-right: 0px; border-radius: 0; padding-left: 0%;} */
.inputField { box-shadow: none !important; border: 1px solid #ced4da !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-radius: 0 !important; padding-left: 0% !important; }
.inputField::placeholder{color: var(--grey) !important;}
.form-control:focus { color: var(--black); background-color: #fff; border-color: inherit; outline: 0; box-shadow: none;}
.form-control::placeholder {font-family: var(--font_medium); line-height: 20px; letter-spacing: 0px; opacity: 1; color: #000000; text-align: left;}
.form-label { color: var(--dark_grey); margin-bottom: 0;}
.notification-icon { color: var(--btn_blue); margin-right: -0.625rem; width: 1.125rem;}
.rf:focus {color: none;background-color: var(--white);border-color: none;outline: 0;box-shadow: unset;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.box-shadow {height: 3.75rem; -webkit-box-shadow: 0;-moz-box-shadow: 0;box-shadow: 0 !important;}
.rbi-logo {height: 2.875rem;}
.header {height: 80px;box-shadow: 0px 3px 6px var(--black);}
.justify-text {text-align: justify; text-justify: inter-word;}
.header-container { padding-left: 2.5rem; padding-right: 1.875rem; width: 100%;}
.toggler-container {display: block;}
.section {margin-top: 70px;}
.common-card {border-radius: 10px; border: 1px solid var(--light_grey); padding: 15px;min-height: 380px;}
.toggler-container > .btn {padding: 0 !important;}
.offcanvas-header {display: flex;align-items: flex-end;justify-content: end;padding: 1rem 1rem;}
footer {font-size: 12px; margin-top: 20px; margin-bottom: 10px;}
.speaker-avtar-img-frame{height: 56px !important;width: 56px !important}
.avtar-img-frame{height: 46px !important;width: 46px !important;}
.avtar-img{border-radius: 50%;height: 100%;width: 100%;}
.conf-txt-overflow-wrap{overflow-wrap: anywhere;}
.error{color: red;font-size: 12px;font-family: var(--font_regular);}
.view-content h3{font-size:16px}


.sign-in-link-wrapper .forgot-pass-link { display:none;}
.forgot-pass-link .pull-left{color: var(--primary_blue);}
.hideresendbutton{display: none;}
/* Headings */
.inner-head {font-size: 18px;}
.inner-head-block{margin-bottom: 15px;}
.inner-head-block .current-conf-name{font-size: 14px;color: var(--grey);font-family: var(--font_regular);margin-bottom: 5px;}
.inner-head-block .current-page-title{font-size: 20px;color: #000000;font-family: var(--font_bold);}

/* Login/Forgot-Password/OTP/Change-Password -- Common*/
.login-main-pd {padding: 1rem;}
.login-form-content {max-width: 320px;margin: 0 auto;}
.login-bg-img1 {width: 100%;height: 100%;}
.left-side-bg-img { display: block; width: 100%; height: 100%;}
.submit-btn { display: flex; justify-content: center; padding-top: 3rem;}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

/* Login */
.login-bg-img2 {display: none;}
.responsive-logo {display: flex; justify-content: center; margin: 0;}
.login-welcome {font-family: var(--font_light) !important;font-size: 1.375rem;line-height: 26px;color: var(--dark_grey);}
.login-mail,.login-password {padding-bottom: 0.625rem;}

/* Forgot Password */
.back-to-login { display: flex; justify-content: center; margin-top: 2rem;}
.forgot-pass-img { padding-top: 3rem;}

/* OTP */
#otp-body{ overflow: hidden;}
.otp-img {padding: 1rem 0rem !important;}
.code {color: var(--dark_grey);}
.resend-otp-msg {font-size: 12px; color: var(--dark_grey); padding: 5px;}
.otp-timer {text-align: end; color: var(--primary_blue); font-size: 14px; padding: 10px 2px}
.otp-msg-container > .common-card {min-height: 80px !important; margin-top: 10px;}
.newotp {display : table; width : 100%}
.newotp .js-form-item {display : table-cell; padding : 10px}
.newotp .js-form-item input[type="text"] {border : 1px solid #ccc; border-radius : 5px; font-size : 20px; text-align : center;}
/* Change Password */
.password-change-form {margin: 1rem;max-width: 360px;}
.js-form-item-pass-pass1 label{display: none;}

/* Dash-board/ Conference Deatails Common */
.dash-board-body {overflow-y: auto;}
.db-left-conatiner {display: table-cell;width: 65%;vertical-align: top;}
.db-right-conatiner {display: table-cell;width: 35%;vertical-align: top; padding-left: 2rem;padding-right: 1rem;height: 430px;}
/* .img-wrapper {position: relative;}
.img-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 20px;} */
.content-container {padding: 0rem 3rem;}
.db-right-conatiner > .nav {padding: auto !important;}
.img-overlay > div >.btn {padding: 0.2rem 0.2rem;}
.speaker-count {float: left;}
.db-speaker-avtar-img-frame{height: 56px !important;width: 56px !important;float: left;}
/* Dash-Board */
.card {border : 1px solid var(--light_grey)}
.ongoing_conf_card {overflow: hidden; border-radius: 10px; border : 1px solid var(--light_grey)}
.message1 {margin-bottom: 0;}
.message2 {margin-bottom: 6px; font-size: 16px;}
.db-container {display: table;width: 100%;}
.btn-ongoing {background: #fdbe00 0% 0% no-repeat padding-box;border-radius: 3px;opacity: 1;}
.db-card-button { border: 0; background: var(--white); height: 100%;}
.db-content-left {width: 30%;display: flex;align-items: start; padding: 15px 0;}
.db-content-right {width: 70%;padding: 0 2px;}
.fit-banner-img-container {display: flex;height: 60px;width: 80px;overflow: hidden;border-radius: 10px; position: relative;}
.fit-banner-img {height: 60px;width: auto; position: absolute; right: 0; top: 0; width: 150px;}
.db-right-conatiner >.shadow{border-radius: 15px;}
.nav-tabs .nav-link{border: unset;}
.db-container > div > .db-left-conatiner {border-radius: 10px 0 10px 0;}
.speaker-img-pd {padding-bottom: 1rem;}
.speaker-img-pd > img {border-radius: 50%;height: 54px;}
.img-negative-margin {margin-left: -15px;}
.tabs-card {padding: 0px 20px;}
.ongoing-badge {background-color: var(--yellow); color: black; font-size: 10px; padding: 1px 8px; border-radius: 5px;}
.conference_banner {position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.conference_banner_caption {position: static; bottom: 0; left: 0; right: 0; padding: 300px 0px 0px 0px; color: white;}
.conference_banner_caption .ongoing-badge {position: absolute; top: 10px; right: 10px;}
.conference_banner_caption h1 {font-size: 24px;}
.conference_banner_caption .conference_banner_meta {font-size: 14px;}
.conference_banner .conference_banner_img {width: 100%; height: auto;}
.upcoming_past_conf_list a {display: block; border-bottom: 1px solid var(--light_grey);}
.upcoming_past_conf_list a:last-child {border-bottom: none;}
.upcoming_conf_name {color: black;}
.upcoming_past_conf_list a:hover .upcoming_conf_name {color: var(--primary_blue) !important;}
.link_arrow_btn {display: block; position: relative; padding-right: 20px; font-size: 12px; color: var(--btn_blue);}
.link_arrow_btn:after {position: absolute; top: 2px; right: 0; content: ""; background: url(../images/view_more_arrow.svg) no-repeat; width: 12px; height: 12px;}
.now-speaking {height: 64px !important;border: 2px solid var(--btn_blue); width: 70px;}

/* Navigation */
.logo-container {width: 50%;text-align: start;}
.profile-container {width: 50%;text-align: end;}
.menu-dropown {margin-left: 10px;}
.nav-img-size {width: 15px;height: 15px;}
.profile-section {padding: 20px;}
#menu > li {width: 100%;}
.dropdown-menu { width: 210px;}
.nav-tabs .nav-link.active {color: var(--black);background-color: transparent;border-color: var(--white);border-bottom: 2px solid var(--btn_blue);font-family: var(--font_bold); border-radius: 10px 0 0 0;}
.nav-tabs .nav-link:hover{color: var(--black);}
.nav-link {color: var(--dark_grey);}
.menu-dropown > .btn:focus {box-shadow: none !important;}

/* Conference Details */
.cd-card {background-image: linear-gradient( var(--card_blue_top),var(--card_blue_bottom));}
.card-button {border: 0;background: var(--white);width: 100%;height: 120px;}
.cd-card-img {border-radius: 50% 50%;background-color: var(--white);width: 45px;height: 42px;}
.conference-details-body > .card-body {padding: 0.5rem 0.5rem;}
.read-more {display: block !important; cursor: pointer; }
.conference-details-left-conatiner {display: block; width: 60%; float: left;}
.conference-details-right-conatiner {display: block; width: 40%; float: right; padding: 0rem 0.5rem;}
.conference-details-content {height: 58px;overflow: hidden;text-align: justify;text-justify: inter-word;}
.menu-options-tabs{font-size: 12px; font-family: var(--font_medium);}
.card-name{color: white;font-size: 11.5px;}


/* Relevant Reading */
.rr-container,.event-material-container {margin-left: 6.5rem;margin-right: 6.5rem;}
.link-container {border-radius: 10px 10px 10px 10px;border: 1px solid black;padding-bottom: 1rem;}
.link {padding-top: 1rem;padding-bottom: 1rem;font-family: var(--font_regular);text-decoration: underline;color: var(--dark_grey);}
 hr { color: #bababa;}
.relevant-li::marker{color: var(--primary_blue);}
/* Event Material */
::-webkit-scrollbar-track {background: #ffff;}
::-webkit-scrollbar-thumb {background: #ffff;}
::-webkit-scrollbar-thumb:hover {background: #ffff;}
.scrolling-wrapper { overflow-x: auto;}
.card-block {height: 150px;background-color: #fff;box-shadow: 0px 3px 10px var(--black);background-position: center;background-size: cover;transition: all 0.2s ease-in-out !important;border-radius: 10px;}
.card-block:hover {transform: translateY(-5px);box-shadow: none;opacity: 0.9;}
.event-material-body {overflow-y: auto !important;}
.event-material-dropdown{font-family: var(--font_semibold);color: var(--dark_grey);}



/* Speaker */
.speaker-main-card{height: 542px;border: 1px solid var(--grey);border-radius: 10px;overflow-y: auto;overflow-x: hidden;}
.speaker-card{width: 100%;padding-bottom: 0px;}
.speaker-name{margin: 0px;padding: 0px;color: var(--black);font-size: 16px;font-family: var(--font_semibold);}
.speaker-profile{margin: 0px;padding: 0px;color: var(--grey);font-size: 13px;}
.speaker-details{font-size: 14px; border-top: 1px solid #E7E7E7;}
hr{margin: 0px;padding: 0px;}

/* Participant */
.participant-main-card{height: 542px;overflow-y: auto;overflow-x: hidden;}
.participant-search-icon{position: absolute;margin: 10px 0px 14px 6px;}
.participant-search-input{background-color: #F4F4F4;border: 1px solid #E7E7E7;border-radius: 8px;height: 40px;font-size: 14px;padding-left: 50px;outline: none;transition: 0.3s all ease-in-out;}
.participant-search-input:focus{background-color: var(--white);box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05)}
.participant-card{border: 1px solid var(--light_grey);border-radius: 10px;padding:5px;height: 100%;}
.participant-name{margin: 0px;padding: 0px;color: var(--black);font-size: 14px;font-family: var(--font_semibold);}
.participant-profile{margin: 0px;padding: 0px;color: var(--grey);font-size: 12px;}
.participant-email{margin-top: -4px;padding: 0px;color: var(--grey);font-size: 12px;margin-bottom: 0px;}
.accordion-button{background-color: var(--white) !important;color: black !important;}
.accordion-button:focus{box-shadow: none !important;}
.accordion-button:not(.collapsed){box-shadow: none !important;}
/* Schedule */
.schedule-card{margin-bottom: 2rem;}
.main-header{font-family: var(--font_bold);color: var(--black);font-size: 14px;}
.main-header-date{font-family: var(--font_bold);color: var(--primary_blue);font-size: 14px;}
.main-header-day{font-family: var(--font_regular);color: var(--primary_blue);font-size: 14px;}
.schedule-card.active .schedule-date{border: 1px solid var(--primary_blue);border-radius: 10px 0px 0px 10px;font-family: var(--font_semibold);color: var(--white);background-color: var(--primary_blue);}
.schedule-card.active .schedule-details{border: 1px solid var(--primary_blue);border-radius: 0px 10px 10px 10px;
  font-family: var(--font_regular);color: var(--black);background-color: var(--light_blue);}
.schedule-card.active .schedule-details-title{font-family: var(--font_bold);color: var(--primary_blue);}
.schedule-card .schedule-date{border: 1px solid var(--grey);border-radius: 10px 0px 0px 10px;font-family: var(--font_semibold);
  color: var(--dark_grey);background-color: var(--light_grey) ;font-size: 11px;border-right: none;}
.schedule-card .schedule-details{border: 1px solid var(--grey);border-radius: 0px 10px 10px 10px;font-family: var(--font_regular);
  color: var(--black);background-color: var(--white) ;font-size: 12px;}
.schedule-card .schedule-details-title{font-family: var(--font_semibold);color: var(--black);font-size: 14px;}
.conference-dropdown{background-color: var(--white);color: var(--dark_grey);font-family: var(--font_semibold);border: 2px solid #E7E7E7;
border-radius: 8px;height: 40px;font-size: 14px;transition: 0.3s all ease-in-out;}
.conference-dropdown:focus{background-color: var(--white);box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05)}
.schedule-icon{height: 16px;width: 16px;}
.schedule-avtar{height: 60px;border-radius: 50%;}

/*feedback */
.feedback-sub-heading{font-family: var(--font_semibold);}
.form-check{padding-top: 5px;}
.form-check-label{font-size: 12px;color: var(--dark_grey);font-family: var(--font_semibold);}
.star-rating {line-height:32px;font-size:30px;}
.star-rating .fa-star{color: yellow}
.rating-btn{background-color: var(--white);color: var(--grey);border: 1px solid var(--grey);margin-left: 10px;}
.rating-btn:hover{background-color: var(--light_grey);color: var(--black);border: 1px solid var(--grey);}
.rating-btn:focus{background-color: var(--light_grey);color: var(--black);border: 1px solid var(--grey);box-shadow: none;}
.feedback-textarea{min-width: 240px; height: 80px; font-size: 12px;}
.form-submit-btn{background-color: var(--primary_blue);color: white;}

/* FAQ */
.faq-question{font-family: var(--font_semibold);font-size: 16px;}

/* Admin Info */
.admin-day-head{font-size: 14px;font-family: var(--font_semibold);color: var(--dark_grey);margin:14px 0px 6px 0px}
.admin-li{color: var(--grey);font-size: 12px;margin-left: 30px;line-height: normal !important;margin-bottom: 10px;}
.admin-li::marker{color: var(--primary_blue);font-size: 20px;line-height: normal !important;margin-bottom: 10px;}


/* Transportation */
.flight-time,.commute,.car-number,.travel-buddy-name { font-size: 12px; color: var(--dark_grey);}
.call-button { background:#E9F2FF 0% 0% no-repeat padding-box; border: var(--dark_blue) solid 1px;border-radius: 15px;opacity: 1;width: 70px;color:var(--primary_blue); font-family: var(--font_bold); padding: 2px;}
.horizontal-line {display: none; }
.transportation-icon{width: 29px; height: 18px;}
.travel-buddy-title,.driver-name, .flight-number { font-family: var(--font_bold); color: var(--dark_grey);}
.transportation-title >div > label {font-family: var(--font_bold);font-size: 16px; color: var(--black);}
.trans_head {font-size: 16px; font-family: var(--font_bold); margin-bottom: 10px; position: relative; padding-left: 25px; color: black;}
.trans_head:before {position: absolute; content: ""; top: 3px; left: 0; width: 15px; height: 15px; background-color: white; border-radius: 50%; border : 4px solid var(--yellow)}
.transportation-content-container > div >.common-card { height: 100%; min-height: unset !important;}
/* .dataTables_filter{text-align: left !important;} */
.conf-table th{font-size: 12px;background-color: #9bc1fd}
.conf-table td,tr{font-size: 12px;}
.dataTables_info{font-size: 12px;}
.dataTables_filter label{font-size: 12px;font-family: var(--font_semibold);color: var(--grey);}
.dataTables_filter input{background-color: #F4F4F4;border: 1px solid #E7E7E7;border-radius: 8px;height: 30px;font-size: 12px;padding-left: 10px;outline: none;transition: 0.3s all ease-in-out;}
.dataTables_filter input:focus{background-color: var(--white);box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05)}


/* Venue */
.venue-body{ overflow-x: hidden; overflow-y: auto;}
.venue-section { margin-top: 70px;}
.venue-container {margin-bottom: 1rem;}
.venue-section > div > .common-card { min-height: 650px; margin-bottom: 2rem;}
.venue-images {width: 100%; border-radius: 10px; position: relative; background-repeat: no-repeat; background-size: cover; object-fit: scale-down; content: ""; height: 160px;}
.venue-detail-title{font-family: var(--font_bold); font-size: 16px;}
.venue-location{text-decoration: underline; color: var(--sky_blue);}
.venue_meta{font-size: 12px; font-family: var(--font_regular); color: var(--dark_grey);}
.venue-details { margin: 10px;}
.famous-place-container {margin-top: 1rem;}
.famous-place-header { font-family: var(--font_bold); font-size: 16px; margin-bottom: 1rem; margin: 10px;}
.place-card{overflow: hidden; border-radius: 5px; border : 1px solid var(--light_grey);height: 100%;}
.place-banner { position:relative; width: 100%;object-fit: scale-down;background-repeat: no-repeat; background-size: cover;}
.place_banner_caption {position: static; bottom: 0; left: 0; right: 0; padding: 172px 10px 10px 14px; color: white;  background-image:  linear-gradient(180deg, #00000000 0%, #000000 100%)}
.place-info { color: #000000B3; font-family: var(--font_regular); font-size: 12px; line-height: 18px;}
.place_banner_heading{font-family: var(--font_bold); font-size: 14px;}
.place_banner_meta {font-family: var(--font_light); font-size: 12px;}
.place-card > .card-body{ min-height: 280px;}
.information-source { font-size: 12px; color: var(--dark_grey);}
.common-card > div > .carousel-wrapper {position: relative; margin: 8px; width: auto; text-align: center; }
.owl-carousel .nav-btn{height: 40px; position: absolute; width: 40px; cursor: pointer;}
.owl-carousel .next-slide{background: url(../images/right_arrow_blue.svg) no-repeat scroll 0px 0px;right: -20px;}
.owl-carousel .prev-slide{background: url(../images/left_arrow.svg) no-repeat scroll -10px -7px;left: -20px;}
.owl-prev{background: #ffff !important;}
.owl-next{background: #ffff !important;} 
.owl-carousel { touch-action: manipulation; }
.famous-place-container >div > .owl-carousel .nav-btn { top: 175px !important; box-shadow: 0px 3px 6px #00000029;opacity: 1; border-radius: 50%;}
.venue-container > div > .owl-carousel .nav-btn {height: 42px;position: absolute;width: 42px;cursor: pointer;top: 60px; box-shadow: 0px 3px 6px #00000029;opacity: 1; border-radius: 50%;}

/* Event Material */
.event-title{font-family: var(--font_bold); font-size: 16px; padding:15px 0;}
.Gallery-title{font-family: var(--font_bold); font-size: 16px;}
.event-card{overflow: hidden; border-radius: 10px; border : 1px solid var(--light_grey);padding: 10px; }
.event-card-title { font-size: 14px;color: var(--dark_grey);font-family: var(--font_semibold);}
.event-card-file-type {font-size: 12px; color:var(--grey)}
.download-option { font-size: 13px; color: #677480; margin-top: 5px;}
.event-container >div >.owl-carousel .nav-btn{top: 35px !important; right: -20px; box-shadow: 0px 3px 6px #00000029;opacity: 1; border-radius: 50%;}
.photo-gallery-container >div >.owl-carousel .nav-btn{top: 125px; box-shadow: 0px 3px 6px #00000029;opacity: 1; border-radius: 50%;}
.download-icon {width: 15px; margin-bottom: 4px;}
.download-option >span {padding: 4px;}
.download_white_icon{width: 15px;}
.photo-card{overflow: hidden; border-radius: 10px; border : 1px solid var(--light_grey);width: 100%;}
.photo-banner { position:relative; width: 100%; background-repeat: no-repeat; background-size: cover; height: 300px;background-position: top;}
.photo-banner-caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; color: white; background-image:  linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); text-align: center; width: 100%;padding-bottom: 66px;}
.post-conference-msg-title {font-family: var(--font_bold); font-size: 16px;}
.post-conference-msg { font-family: var(--font_regular); font-size: 12px; color: var(--text_grey);}
.event-container > div >.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;}
.download-container { text-align: center;}
.event-margin-left { margin-left: 8px;}
.owl-theme .owl-nav { margin: 0 !important;}
.download-container > a { color: var(--white); height: 100%; line-height: 45px;}
/* .download-container > a div {font-size: 36px;} */
.photo-banner div{font-size: 36px;}
.download-all { align-items: end; font-size: 12px;}
.download-all > a { display: flex; justify-content: flex-end; align-items: end; color: var(--btn_blue2); margin-right: 20px;}

/* Support */
.support-header{font-size: 16px;font-family: var(--font_bold);}
.support-info{font-size: 14px;color: var(--grey);}


.support-img-phn{position: relative; padding-left: 25px;}
.support-img-phn::before{position: absolute;top: 2px;left: 0px;background: url(../images/phone.svg) no-repeat;width: 24px;height: 24px;content: "";}
.support-img-email{position: relative; padding-left: 25px;}
.support-img-email::before{position: absolute;top: 2px;left: 0px;background: url(../images/email.svg) no-repeat;width: 24px;height: 24px;content: "";}

.item img{width: 14px;}

.cnf_err_blocked{font-size: 16px;}
.cnf_err_blocked .red-txt {color: red;}

/*Owl Carousel*/
.owl-carousel .owl-item {min-height: 130px !important;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;}
.owl-item .item{height: 100%;}

/*Chat Box added by Rafique From HTML on 2 Aug 2023 */

.main-frame {
  height: calc(100vh - 120px);
  overflow: auto;
  margin-top: 55px;
}


.msg-date {
  font-size: 12px;
  line-height: 17px;
  font-family: var(--font_regular);
  color: #999999;
  text-align: center;
  padding-top: 16px;
  position: relative;
}
.group-chat-modal .modal-header {
  height: 50px;
}
.modal-backdrop {
  opacity: 1;
  background: transparent!important;
  width:0;
  height:0;
}
.group-chat-modal .modal-content {
  border: none;
  border-radius: 0;
}
.group-chat-modal .modal-dialog {
  margin: 0;
}
.group-chat-modal {
  overflow: hidden;
  margin-top: 55px;
}
.group-chat-modal .main-frame {
  height: calc(100vh - 168px);
}
.grp-chat {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.person-msg {
  background-color: #E9F7FF;
  padding: 16px 16px 10px;
  border-radius: 10px;
  margin: 15px 0 0;
}
.chat {
  display: flex;
  align-items: end;
}
.header-shadow {
  z-index: 1111;
  position: relative;
}
.chat-system {
  margin-top: 100px;
  width: 100px;
}
.sender-name {
  font-size: 14px;
  font-family: var(--font_bold);
  color: #212121;
  margin-bottom: 5px;
}
.sender-msg {
  font-size: 12px;
  line-height: 18px;
  font-family: var(--font_regular);
  color: #666666;
}
.msg-details,.reply-txt {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  line-height: 14px;
  color: #999999;
  align-items: center;
}
.reply-txt {
  cursor: pointer;
}
.reply-txt img {
  height: 12px;
  width: 12px;
}
.person-icon {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-right: 10px;
  object-position: top;
}
.message-bx textarea {
  width: 85%;
  border: none;
  resize: none;
  padding: 20px;
  height: 60px;
  margin-top: 4px;
  font-size: 12px;
  color: #666666;
}
.message-bx textarea::placeholder {
  color: #666666;
}
.chat.reply-box {
  padding-left: 4rem;
 position: relative;
}
.chat.reply-box::before {
  content: '';
  position: absolute;
  box-shadow: -1px 1px 0px #CCE4F2;
  border-radius: 0px 10px 0 15px;
  border: 1px solid #e9f7ff;
  height: 46px;
  width: 29px;
  top: -1px;
  left: 64px;
  border-right: transparent;
  border-top: transparent;
}
.chat.reply-box .person-icon {
  height: 25px;
  width: 25px;
}
.message-bx {
  position: relative;
  box-shadow: 0 -6px 20px #00000014;
}
.message-bx img {
  position: absolute;
  top: 12px;
  right: 0;
  height: 40px;
  margin: 10px 20px;
  width: 23px;
  height: 23px;
}
/* .chat-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100vh;
  justify-content: flex-end;
  height: calc(100vh - 250px);
}
*/
.re-txt:hover {
  color: #0446AF;
}  

.chat-system
{
  background: #fff;
    border: none;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    position: absolute;
    right: 23px;
    bottom: 28px;
    margin-top: 0;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.chat-system img
{
  width: 16px;
  height: 15px;
}
.btn-close:focus
{
  box-shadow: none!important;
}

@media (min-width: 320px) {
  .group-chat-modal .modal-lg {
      max-width: 460px;
      box-shadow: 0 -6px 20px #00000014;
 }
  .group-chat-modal .entry-test {
      padding: 0px 20px;
 }
  .group-chat-modal .modal-dialog {
      margin-left: auto;
      transition: .5s all linear;
      transform: translate(600px) 
 }
  .group-chat-modal .modal.show .modal-dialog {
      transform: translate(0);
      transition: .5s all linear;
 }
 
}

.message-bx textarea{
  display:block !important;
  visibility: visible !important;
}
.message-bx .cke_chrome {
  display:none !important;
} 


/* Notification css added by Avin from HTML on 11 sep 2023 */
.notify-icon img
{
width: 30px;
height: 30px;
border: 1px solid #D3DDE5;
border-radius: 50%;
margin-right: 15px;
}
.user-notice
{
display: flex;
border-bottom: 1px solid #E0E0E0;
padding: 14px 0;
}
.notification-box .notice-desc
{
margin-bottom: 0;
margin-top: 0;
}
.notice-desc
{
font-size: 12px;
line-height: 18px;
color: #444444;
font-family: var(--font-semibold-noto);
}
.notice-desc.read
{

font-family: var(--font-regular-noto);
}
.notification-box .msg-time
{
font-size: 11px;
line-height: 15px;
font-family: var(--font-regular-noto);
padding: 8px 0 0;
color: #ACACAC;
}
.notification-txt
{
color: #0446AF;
}
.notice .test-heading
{
padding-bottom: 10px;
}
.notification-box .download-btn
{
margin-top: 10px;
}
.main-frame.notice {
height: calc(100vh - 130px);
}
.notification-box .user-notice:last-child
{
border-bottom: none;
}
.edit-icon .dropdown-toggle::after
{
border: none;

}
.edit-icon .dropdown-menu[data-bs-popper]
{
right: 0!important;
left: unset!important;
top: 35px;
margin: 0;
padding: 0;

border: none;
box-shadow:4px 4px 20px #ebeaea
}
.edit-icon .test-heading
{
font-size: 14px;
}
.main-frame.notice.popup {
height: calc(100vh - 344px);
}
.notification-box.bellicon-popup
{
height: 236px;
overflow: auto;
}
.web-notice
{
margin-top: 60px;
padding: 0 20px;
}
.bell-count
{
position: relative;
}
.bell-count .count {
position: absolute;
/*top: 3px;*/
top: -25px;
right: -11px;
border-radius: 50%;
width: 17px;
height: 17px;
font-size: 9px;
font-family: var(--font-medium-noto);
color: #fff;
background: #0446AF;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
}


.edit-icon .dropdown-menu[data-bs-popper] {
right: 0!important;
left: unset!important;
top: 35px;
margin: 0;
padding: 0;
border: none;
box-shadow: 4px 4px 20px #ebeaea;
z-index: 99;
width: 400px;
}
.test-heading {
color: var(--black);
font-family: var(--font-bold-noto);
font-size: 18px;
line-height: 24px;
padding: 20px 0;
margin-bottom: 0;
}
.notification-box.bellicon-popup {
height: 236px;
overflow: auto;
}
.user-notice {
display: flex;
border-bottom: 1px solid #E0E0E0;
padding: 14px 0;
}

.notification-box .notice-desc {
margin-bottom: 0;
margin-top: 0;
}
.notice-desc {
font-size: 12px;
line-height: 18px;
color: #444444;
font-family: var(--font-semibold-noto);
}
.notification-box .msg-time {
font-size: 11px;
line-height: 15px;
font-family: var(--font-regular-noto);
padding: 8px 0 0;
color: #ACACAC;
}
.notification-box.bellicon-popup {
height: 236px;
overflow: auto;
}
.notify-icon img {
width: 30px;
height: 30px;
border: 1px solid #D3DDE5;
border-radius: 50%;
margin-right: 15px;
}

.notification-txt {
color: #0446AF;
}
.notice-desc {
font-size: 12px;
line-height: 18px;
color: #444444;
font-family: var(--font-semibold-noto);
}
.download-btn {
background: #0446AE;
height: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
border-radius: 5px;
font-family: var(--font-medium-noto);
/* position: absolute; */
bottom: 17px;
  width: 100%;
}
.download-btn:hover {
  color: #fff;
}
.notification-messages .node-taxonomy-container
{
  display:none;
}
.notification-messages .node-taxonomy-container, .notification-messages [dir] .field:not(:last-child)
{
  display:none;
}
.popup
{
position: relative;
right: 0;
z-index: 9999;
}
@media only screen and (min-width:768px)
{
.edit-icon .dropdown-menu[data-bs-popper]
{
min-width: 250px;
}
}
@media only screen and (max-width:767px)
{
.edit-icon .dropdown-menu[data-bs-popper] {
top: 48px;
width: 100%;
min-width: 294px;
z-index: 9999;
}
.view-empty .section 
{
z-index:-9;
}
.ongoing_conf_card {
z-index: 1;
position: relative;
}
}
.block-content
{
	position: relative;
	/*z-index: -99;*/
}
.section-sidebar .on-the-gray
{
	position:relative;
	/*z-index:-9;*/
}
#user-login-form .block-content {
	    position: relative;
	        z-index: unset;
	}
/* end */
/* Avin 15-9-2023 */
.menu-options-tabs.h-auto {
position: relative;
/*z-index: -99;*/
}
/* end */
/* Avin 31-10-2023 */
.bell-count .site-alert,.bellicon-popup .count {
	    display: none;
    }	
/* end */
/* Avin 3-11-2023 */
.main-wrapper {

    /*z-index: -1 !important;*/
}
/* end */

.inputField.code{border: 1px solid #9da0a3 !important;}

.login-form-content input#edit-submit{margin-top:15px}