.select2-selection__choice__display{
      padding-left: 20px !important;
}
.select2-selection__choice{
  color: #060505 !important;
  background-color: #9d9ca01f !important;
}
.select2-selection__choice__remove{
  color: #080808 !important;
  margin-right: 5px !important;
  height: 100% !important;
  width: 26px !important;
  border-right: 0px solid #aaa !important;
}
.required_field_warning_text{
  color: red;font-size: 12px;font-style: italic;display:none
}
/* .navbar-custom{
    background-color:white !important
}
.navbar-custom .topnav-menu .nav-link {
  color:#6c757d !important
} */

body[data-layout-mode=two-column] .sidebar-icon-menu{
  background-color: #4f00fa !important
}

.align_center_class{
  /* display: block;
  margin: 0 auto; */
  display: flex;
  justify-content: center;
}

.float_right_class{
  /* float: right; */
  /* align-self:flex-end  !important; */
  display: flex;
  justify-content: flex-end;
}

.float_left_class{
  /* float: left; */
  /* align-self:flex-start  !important; */
  display: flex;
  justify-content: flex-start;
}

.button_selected_style{
  border-color: blue !important;
  border-width: 3px !important;

}

/*Added by Hamid */
/*global*/
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link ,.btn-success {*/
/*  background-color: rgb(0, 220, 104);*/
/*}*/
.parsley-success {
  border-color: #ced4da !important;
}
/*global ended */

.inbox-widget .inbox-item .inbox-item-author{
  color: #6d757d;
  font-weight: 500;
  font-size: 12px;
}
#moderator-parent .inbox-widget .inbox-item .inbox-item-text {
  color: var(--ct-text-muted);
  display: block;
  font-size: .8125rem;
  margin: 0;
  overflow: hidden;
  color: #98a6ad;
}
#moderator-parent .inbox-widget .inbox-item .inbox-item-img {
  display: block;
  float: left;
  margin-top: 5px;
  width: 60px;
}
#moderator-parent .inbox-widget .inbox-item .inbox-item-img img {
  width: 60px;
  height: 60px;
}
.edit-moderator {
  width: 30px;
  font-size: 15px;
  cursor: pointer;
}
.edit-moderator:hover,.delete-moderator:hover{
  color: #6e6f71;
}
.mchatBtns{
  text-align:right;
  padding-left: 0;
}
.chat.avatar-sm {
  width: 100%;
}
.delete_chat ,.download_chat,.edit_chat_modal{
  padding: 6px;
}
.delete-moderator {
  font-size: 15px;
  cursor: pointer;
}
.edit_profile_icon .avatar-lg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.edit_profile_icon i.fas.fa-pencil-alt {
  font-size: 16px;
}
.edit_profile_icon label{
    cursor: pointer;
    cursor: pointer;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}


.select2-dropdown {
  z-index:9999 !important;
}
.select2.select2-container{
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
  height: 36px !important;
}
.select2-selection--single .select2-selection__rendered {
  color: inherit !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #aaa !important;
  border-radius: 4px !important;
  padding: 3px 0 !important;
  height: 36px !important;
  line-height: 46px !important;
}
[data-bs-toggle="stopcollapse"]{
   cursor: not-allowed !important;
}
div#moderator-parent {
  height: 350px;
  overflow: auto;
}
input#visible {
    margin-right: 10px;
}
.visible i.bi.bi-eye  {
    font-size: 18px;
    color:#4F00FA;
}
.visible i.bi.bi-eye-slash {
    font-size: 18px;
    color:red;
}
.visible  i.bi.bi-eye::before, .visible  .bi-eye-slash::before {
    vertical-align: -0.25em;
}
.jq-has-icon {
  padding:10px !important;
  background-repeat: no-repeat;
  background-position: 10px;
  background: none;
  background-image: unset !important;
}
.jq-toast-single h2 {
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
.close-jq-toast-single {
  position: absolute;
  top: -14px !important;
  right: -14px !important;
  font-size: 22px !important;
  cursor: pointer;
}
span.float-end.remove_video_variation {
  padding-left: 8px;
  font-size: 18px;
  margin: -4px 0;
}
.split_percentage{
  width:100px;
}

.percentSign{
  font-size: .73125rem;
  margin-left: -50px;
  padding: 5px 0;
  font-weight: 500;
}
#create_webinar_modal .select2-container .select2-selection--single{
  height:37px;
  margin-top: 5px;
  font-size: 0.8125rem;
}

#webinar_create_post .select2-container .select2-selection--single {
  height: 37px !important;
  border: 1px solid #ced4da !important;
  padding: 3px 0 0 0;
  font-size: 0.8125rem;
}
#webinar_create_post .dropify-wrapper.has-preview{
  height:300px !important;
}
.audio_thumbnails video {
  width: 100%;
}

/*Live section css*/

button#add_poll_option_btn {
  float: right;
}
#add-form-fields .fields_of_form_container {
    margin-left: 0px;
}
#add-form-fields .item-hidden .text-muted{
    font-size:11px;
}
/* #add-form-fields  .registration_required_delete_button {
    padding: 0;
    width: 15px;
    height: 15px;
    color: red;
    border: 1px solid red;
    border-radius: 50%;
    line-height: 5px;
} */
.add-question {
    width: 175px;
}
.delete-data-option{
    padding: 0;
}
.delete-data-option i.mdi.mdi-close-circle-outline {
    color: red;
    font-size: 20px;
    margin-top: -5px;
}
#staticclose button.btn-close {
    margin: 10px 10px 0 0;
}
.custom-accordion .card-header a.text-dark::after {
    content: "\276F";
    text-align: center;
    transition: all .35s;
    float: right;
    margin-top: -24px;
    transform: rotate(90deg);
}
.custom-accordion .card-header a.text-dark.collapsed::after {
    content: "\276F";
    text-align: center;
    transition: all .35s;
    float: right;
    margin-top: -24px;
    transform: rotate(0deg);

}
.custom-accordion div#heading1 {
    padding: 0 15px;
}
.custom-accordion div#heading2 {
    padding: 0 15px;
}
.custom-accordion div#heading3 {
  padding: 0 15px;
}
.custom-accordion .card-header a.text-dark h4{
    font-size:15px;
}
h1#staticBackdropLabel{
    padding-bottom: 0 !important;
}
form#save-question-form div:last-child {
    padding-top:5px !important;
}
#Registration_tab table .drag_elements .card-body {
    padding:10px 5px !important;
}
#Registration_tab table .drag_elements td.row{
    margin:0;
    padding:10px 0;
}
#Registration_tab table{
    margin:0;
    padding:0
}
.questions-list{
    max-height: 384px;
    overflow-y: scroll;
    padding: 10px 15px;
}
.add-form-fields {
    float: right;
    width: 200px;
    margin-bottom: 10px;
}
.question-heading{
    background-color: transparent;
    padding-top: 0;
}
button#registration_page_settings_update_bttn {
    width: 100%;
}
p#btn_previous_1 {
    margin: 0 0 7px 0;
}
.Left-Preview {
    margin:0
}
#Notifications_tab .timeline{
    padding-bottom: 0;
}
p.text-message {
    margin: 0;
    padding: 0px 15px;
}

#emailModal .ql-container,#pushNotificationModal .ql-container,#messageModal .ql-container {
    height: 336px !important;
}

#emailModal .ql-editor,#pushNotificationModal .ql-editor,#messageModal .ql-editor {
    height: 336px !important;
    overflow-y: auto !important;
    width: 100%;
}
#emailModalLabel .btn-close, #pushNotificationModal .btn-close, #messageModal .btn-close{
    width:25px;
}
h6.integrateit {
    color: #ff0000de;
}
.modal .list-group li.list-group-item {
    cursor: pointer;
}
.modal .list-group li.list-group-item:hover {
    background: #fdfdfd00;
}
img.trackingimg {
    width: 100%;
}
.row .tracking_type {
    cursor: pointer;
}
#email article .icon-dual,#push_notification article .icon-dual, #messages article .icon-dual {
    margin: 6px 0;
}
p.reqIntitigrations.text-danger {
    font-size: 12px;
    display: inline;
    padding-left: 20px;
}

.thankyou_page_settings_content .card.bg-pattern.widget_card_container {
    height: 100%;
}
.hidden{
    display:none;
}
#progressbarwizard .cusTabs a.nav-link.active {
    background-color: #4f00fa;
    border: #4f00fa;
}
.updatePasswords button{
    background: #4F00FA;
}
.updatePasswords button:hover{
    background: #10977d;
}

.dark\:bg-gray-900 {
    background-color:#ffff !important;
    border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.dark\:bg-gray-800 {
    background-color:#ffff !important;
}
img.videoSetting {
    width: 100%;
}
.webinarSettings .sp-colorize-container{
    background-color:unset !important;
    border-top-left-radius: 4px !important;
}
.webinarSettings .sp-colorize{
    border-bottom-left-radius: 4px!important;
}
.webinarSettings .sp-original-input-container{
     width:100%;
}
.webinarSettings .select2-container--default .select2-selection--single{
    border: 1px solid #ced4da !important;
}
#podOfferSettings .sp-colorize-container.sp-add-on,#messageSetting .sp-colorize-container.sp-add-on,#VideoSetting .sp-colorize-container.sp-add-on{
    width:35px !important;
}


.webinarSettings .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.webinarSettings .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.webinarSettings .text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
button#offer_btn,button#message_btn {
    width: 65%;
    height: 30%;
    font-size: 20px;
}
span.logo-lg img{
    padding-left:10px
}
#messageBody {
    resize: vertical;
    height: 94%;
    width: 100%;
    border-color: #ced4da;
    color: #60666c;
    border-radius: 3px;
}

.next.disabled{
    pointer-events: none !important;
}

.registration_required_delete_button i {
    font-size: 17px;
}
div#load-more-system-media, div#load-more-custom-media {
    margin: 0 auto;
    text-align: center;
}


/* Chat Page > Participants > Scroll */
.scroll-container {
  max-height: 375px;
  overflow: hidden;
}

.scroll-container:hover {
  overflow-y: scroll;
}


/* Registration Button Widget */
.custom-btn-lg{
  padding-top: 26px !important;
  padding-bottom: 26px !important;
  font-weight: 600;
  line-height:1 !important;
}
.custom-btn-md{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-weight: 600;
  line-height:1 !important;
}
.custom-btn-sm{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height:1 !important;
}
/* Registration Button Widget Ends */

#create_webinar_modal .select2-container--default .select2-selection--single{
    padding: 0px 0 !important;
    color:#6d757d !important;
    font-weight: 400;
}
a.text-danger.delete-schedule {
    text-align: center;
    margin: 0 auto;
}
span.alert.text-danger {
    padding: 0;
}
  /* height: 35px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-weight: 600;
}

*/



/* Thank you Widget */

.thankyou-box {
  max-width: 500px;
  padding: 20px;
  background: linear-gradient(45deg, #55dd68 50%, #ffffff 50%);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: auto;
  border-radius: 15px;
  font-family: Arial, sans-serif;
  transform: perspective(600px) rotateX(2deg);
  transition: transform 0.5s;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thankyou-box:hover {
  transform: perspective(600px) rotateX(0deg);
}

.thankyou-widget-logo {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 20px auto;
}

.thankyou-widget-text {
  display: block;
  margin: 10px 0;
  text-align: center;
  color: #333;
  font-size: 18px;
}

.calendar-link {
  display: block;
  margin: 10px 0;
  text-align: center;
  color: #55dd68;
  text-decoration: none;
  font-size: 18px;
}

.calendar-link:hover {
  text-decoration: underline;
}

.thankyou-widget-btn {
  padding: 10px 20px;
  background-color: #55dd68;
  color: #ffffff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-size: 18px;
  transition: background-color 0.3s ease;
}

.thankyou-widget-btn:hover {
  background-color: #44cc57;
}

.thankyou-widget-timer {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.thankyou-widget-time {
  text-align: center;
}

.thankyou-widget-number {
  font-size: 2em;
  font-weight: bold;
  color: #333;
}

.thankyou-widget-label {
  font-size: 1em;
  color: #666;
}

.copy-link {
  position: relative;
  margin: 20px auto;
  width: 80%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
  font-size: 12px;

  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.copy-link:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.copy-button {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 10px;
  background: #55dd68;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.copy-button:hover {
  background-color: #44cc57;
}

/* Thankyou Widget Ends */


.thankyou-join-button-large{
  font-size: 21px !important;
  padding-top: 17px !important;
  padding-bottom: 17px !important;
  padding-right: 28px !important;
  padding-left: 28px !important;
}
.thankyou-join-button-medium{
  font-size: 17px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.thankyou-join-button-small{
  font-size: 13px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}




/* Registration Button Widget In Webinar Edit Page */

.registration-widget-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.registration-widget-registration-box {
    max-width: 500px;
    padding: 20px;
    background: linear-gradient(45deg, #ffffff 80%, #55dd68 80%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 15% auto;
    border-radius: 15px;
    font-family: Arial, sans-serif;
}

.registration-widget-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.registration-widget-close:hover,
.registration-widget-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.registration-widget-session-time, .registration-widget-input-text{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.registration-widget-session-time:focus, .registration-widget-input-text:focus{
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transform: translateY(-3px);
}

.registration-widget-session-time {
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat right 10px center;
    background-size: 10px;
    background-color: transparent !important;
}

.registration-widget-btn {
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.registration-widget-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}


.registration-widget-radio-options, .registration-widget-checkbox-options {
    display: flex !important;
    flex-wrap: wrap !important;
}

.registration-widget-radio-options label, .registration-widget-checkbox-options label {
    width: 48% !important;
    margin-bottom: 10px !important;
}


.registration-widget-radio-options input, .registration-widget-checkbox-options input {
    transform: scale(1.2) !important;
    margin-right: 5px !important;
}

.registration-widget-session-time {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat right 10px center;
    background-size: 10px;
    background-color: #f8f8f8;
}

.registration-widget-session-time:focus {
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transform: translateY(-3px);
}

  .registration-session-label-custom{
    font-family: Arial, sans-serif !important;
    font-size: 17px  !important;
    margin-bottom: 0px;
    color:black !important;
  }
  .registration-field-label-custom{
    font-family: Arial, sans-serif !important; font-size: 17px  !important;margin-top:15px;margin-bottom: 0px;
    color:black;
  }
  .registration-questions-label-custom{
    font-family: Arial, sans-serif !important; font-size: 18px  !important;margin-top:15px;margin-bottom: 5px;
    color:black;
  }
  .registration-checkbox-label-custom{
    font-family: Arial, sans-serif !important;
    display: flex;
    align-items: center; font-size: 17px  !important;
    color:black;
  }
  .registration-checkbox-input-custom{
    height: 15px;
    width: 15px;
    margin-right: 10px !important;
  }
  .registration-radio-label-custom{
    font-family: Arial, sans-serif !important;
    display: flex;
    align-items: center; font-size: 17px  !important;
    color:black ;
  }
  .registration-radio-input-custom{
    height: 15px;width: 15px;margin-right: 10px !important;
  }


  .registration-heading-container-custom{
    display: flex; justify-content: space-between;align-items: center;height: 70px
  }

  .registration-heading-header-custom{
    font-size: 18px;margin-bottom: 0px;margin-left: 15px;font-family: Arial, sans-serif;
  }

/* Registration Button Widget In Webinar Edit Page Ends */



/* Thankyou Page  */
.thankyou-widget-logo{
  display:none
}

#webinars_container ul.pagination {
    margin: 10px;
}
#webinars_container .pagination a {
    line-height: 1.5 !important;
}
#webinars_container .page-link{
    font-size: 15px;
}
#webinars_container .row.gallery-pagination {
    margin: 25px 0 0 -30px;
}
.edit-series{
    cursor: pointer;
}