@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
* {
  margin: 0px;
  padding: 0px;
}
:root {
  scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Inter", sans-serif;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
}
p {
  margin: 0px;
}
.small,
small,
.social-body {
  font-size: 12px !important;
}
h1,
h2 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0px;
}
a {
  color: #2279ed;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #2279ed;
}
.collapsible-content li{
font-size: 14px;
}
/* Buttons */
.btn,
.dt-button {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 0.5rem 1rem;
  border-radius: 10px !important;
}
.dt-buttons {
    display: flex;
    gap: 10px;
    justify-content: end;
    margin-bottom: 20px;
}
.btn i, .btn svg{
margin-right: 5px;
font-size: 15px;
align-self: center;
line-height: 0px;
}
.toggle-participant-status  i{
margin: 0;
}
.btn:hover,
.dt-button:hover {
  opacity: 0.8;
}
.btn-primary,
.swal2-confirm.swal2-styled,
.dt-button {
  border: 1px solid #2279ed !important;
  border-radius: 10px !important;
  background-color: #2279ed !important;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;

}
.modal-footer .btn-outline-primary {
  border: 1px solid #2279ed !important;
  border-radius: 10px !important;
  font-weight: 500;
  font-size: 14px;
display: flex;
    align-items: center;
justify-self: center;
  padding: 8px 30px !important;
}
.modal-footer .btn-modal-close {
  background-color: #ef6666;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  display: flex;
    align-items: center;
justify-self: center;
  text-align: center;
}
.modal-footer .btn-primary {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
 display: flex;
    align-items: center;
justify-self: center;
  text-align: center;
}
.modal-footer .btn-outline-danger {
  font-weight: 500;
  font-size: 14px;
  display: flex;
    align-items: center;
justify-self: center;
  text-align: center;
}
.swal2-icon-content {
  color: #2279ed;
}
.btn-secondary,
.swal2-cancel.swal2-styled {
  border: 1px solid #6c757d !important;
  border-radius: 10px !important;
  background-color: #6c757d !important;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
}
.btn-danger {
  border: 1px solid #ef6666 !important;
  border-radius: 10px !important;
  background-color: #ef6666 !important;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
}
.btn-light,
.btn-info {
  border: 1px solid #999 !important;
  background-color: #999 !important;
  color: #fff !important;
}
.btn-success {
  border: 1px solid #198754 !important;
  background-color: #198754 !important;
  color: #fff !important;
}
.backBtn {
  padding: 20px;
}
.backBtn a {
  display: flex;
  color: #1c293b;
  font-weight: 700;
}
.backBtn .red {
  color: #ef6666;
}
.backBtn a {
  display: flex;
  color: #1c293b;
}
.backBtn a:hover {
  color: #2279ed;
}
.backBtn a:hover svg path {
  fill: #2279ed !important;
}
.btn-show-qr {
  border: 1px solid #2279ed !important;
  border-radius: 5px !important;
  background-color: #2279ed !important;
  color: #fff !important;
  font-weight: 500;
  font-size: 12px;
  padding: 5px 10px;
}
.action-button {
  display: flex;
  gap: 10px;
}
.form-label {
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 700;
}
#main .form-label {
  margin-bottom: 0px;
  align-items: center;
  display: flex;
  color: #75869c;
  font-weight: 500;
}
.dataTables_filter .form-control {
  height: 40px !important;
}
.form-control {
  border: 1px solid #a8c6df;
  border-radius: 10px;
  background-color: #fff;
  transition: border 0.2s linear;
  height: 40px;
  color: #120d26 !important;
  font-size: 15px !important;
}
.form-control:focus {
  border-color: #007af1;
  border-width: 0.2px;
  border-style: solid;
  border-radius: 10px;
  background-color: #fff;
  transition: border 0.2s linear;
  height: 40px;
  box-shadow: none;
}
.form-control::placeholder {
  color: #120d26;
  font-size: 15px;
}
.error {
  color: red;
}
/* Select2 Dropdown Css */
.select2-container--default .select2-selection--single {
  height: 44px !important;
  border: 1px solid #a8c6df;
  border-radius: 3px !important;
  background-color: #fff !important;
  transition: border 0.2s linear !important;
  display: flex !important;
  align-items: center !important;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #a8c6df;
  border-radius: 3px;
  cursor: text;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 3px 5px !important;
}
.select2
  .select2-container
  .select2-container--default
  .select2-container--focus {
  width: 100% !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100% !important;
}
/* Focus effect */
.select2-container--default .select2-selection--single:focus {
  /* border-color: #2c405a !important;
     */
  border: 1px solid #a8c6df;
  border-width: 0.2px !important;
  border-style: solid !important;
  border-radius: 3px !important;
  background-color: #fff !important;
  transition: border 0.2s linear !important;
  box-shadow: none !important;
}
/* Placeholder */
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #120d26 !important;
  font-size: 15px !important;
  font-weight: 400;
}
.select2-results__option[aria-selected] {
  font-weight: 400;
}
.fa-spin {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bi-5x {
  font-size: 5em;
}
.h-layout {
  height: 100vh;
}
.h-initiate-layout__stack,
.h-initiate-layout__side {
  display: flex;
  /* align-items: center;
     */
  justify-content: center;
}
/* .h-initiate-layout__side {
  background-image: url(../img/illustration_background.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
} */
.h-initiate-login-feature__title {
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.h-initiate-login-feature__subtitle {
  font-size: 13px;
  color: #fff;
  text-align: center;
  margin: 10px 0px;
}
.layout-logo {
  width: 70%;
  margin: 10px;
}
.already_acc a {
  font-size: 12px;
  text-decoration: underline;
  color: #25374f;
}
.terms label {
  font-size: 12px;
  text-align: center;
}
.h-initiate-layout-title p {
  font-size: 15px;
  margin: 20px 0px 0px 0px;
}
.need-help a {
  font-size: 13px;
}
.google i:hover {
  color: #ff0000;
}
.windows i:hover {
  color: #87ceeb;
}
.apple i:hover {
  color: #666;
}
.forgot-pass {
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: start;
  color: #75869c;
}
/* sidebar */
.sidebar {
  position: fixed;
  top: 110px;
  left: 31px;
  bottom: 0;
  border-radius: 20px;
  width: 250px;
  z-index: 996;
  transition: all 0.3s;
  padding: 5px 20px 20px 20px;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0px 2px 20px rgba(34, 121, 237, 0.25);
}
.sidebar-nav {
  padding: 0px;
  margin: 0;
  list-style: none;
}
.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav .nav-item {
  font-size: 14px;
  margin: 5px 0px;
}
.sidebar-nav .nav-heading {
  text-transform: uppercase;
  color: #899bbd;
  font-weight: 500;
  margin: 10px 0 5px 15px;
}
.sidebar-nav .nav-link {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  background: transparent;
  padding: 6px 10px;
  border-radius: 0px;
  border-radius: 10px;
}
.all-class-list {
  color: #fff;
}
.nav-link .bi-chevron-down {
  font-size: 12px !important;
}
.sidebar-nav .nav-link i {
  margin-right: 15px;
  color: #000;
  font-size: 22px;
}
.sidebar-nav .nav-link.collapsed i {
  color: #000;
  font-size: 22px;
}
.sidebar-nav .nav-link:hover {
  color: #fff;
  background: #1c293b;
}
.sidebar-nav .active {
  color: #fff !important;
  background: #1c293b !important;
  border-radius: 10px !important;
}
.sidebar-nav .active .nav-link {
  font-weight: 500;
  margin: 5px 0;
}
.sidebar-nav .active .nav-label {
  color: #fff !important;
}
.nav-label {
  font-weight: 500;
}
.sidebar-nav .active i {
  color: #fff !important;
}
.sidebar-nav .nav-link:hover i {
  color: #fff;
  font-size: 22px;
}
.sidebar-nav .nav-link .bi-chevron-down {
  margin-right: -4px;
  transition: transform 0.2s ease-in-out;
}
.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}
.sidebar-nav .nav-content {
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav .nav-content a {
  display: flex;
  align-items: center;
  font-weight: 500;
  transition: 0.3;
  padding: 10px 0 10px 40px;
  transition: 0.3s;
}
.sidebar-nav .nav-content a i {
  margin-right: 8px;
  line-height: 0;
  border-radius: 0px;
  font-size: 22px;
}
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: #fff;
}
.sidebar-nav .nav-content a.active i {
  background-color: transparent;
}
.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 6px;
  background-color: transparent;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
  border-radius: 10px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #aab7cf;
}
.sidebar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 4px;
}
.all-events-list {
  text-transform: uppercase;
  font-size: 13px !important;
}
#main {
  margin-top: 60px;
  padding: 50px 20px 0px 0px;
  transition: all 0.3s;
  /* background-color: #eff3f6;
     */
}
/* Header */
.header {
  transition: all 0.5s;
  z-index: 997;
  height: 60px;
  box-shadow: 0px 2px 20px rgba(34, 121, 237, 0.25);
  background-color: #fff;
  height: 75px;
}
.header .toggle-sidebar-btn {
  margin-right: 20px;
  margin-left: 40px;
  cursor: pointer;
  color: #2279ed;
}
.header .search-bar {
  min-width: 360px;
  padding: 0 20px;
}
.header .search-form {
  width: 100%;
}
.header .search-form input {
  border: 0;
  color: #2279ed;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 0px;
  transition: 0.3s;
  width: 100%;
}
.header .search-form input:focus,
.header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}
.header .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
}
.header .search-form button i {
  color: #2279ed;
}
.header-nav ul {
  list-style: none;
}
.header-nav > ul {
  margin: 0;
  padding: 0;
}
.header-nav .nav-icon {
  color: #000;
  margin-right: 25px;
}
.header-nav .nav-icon:hover {
  color: #2279ed;
  margin-right: 25px;
}
.header-nav .nav-icon:hover .header-nav .nav-profile {
  color: #2279ed;
}
.header-nav .nav-profile img {
  height: 50px;
  width: 50px;
}
#bell-icon i {
  font-size: 20px;
}
#bell-icon #notification_count {
  font-size: 10px;
}
.switchProfileDropdown {
  margin-top: 25px !important;
  margin-left: -5px !important;
  box-shadow: 0px 2px 20px rgba(34, 121, 237, 0.25);
  border-radius: 10px;
}
.dropdown-menu.profile {
  border-radius: 10px !important;
  transform: translate3d(-16px, 60px, 0px) !important;
  min-width: 190px !important;
}
.dropdown-menu.profile li a {
  color: #1c293b !important;
  font-size: 14px;
  font-weight: 400;
}
.user-role {
  color: #747688;
  text-transform: capitalize;
}
.header-nav .nav-profile span {
  font-size: 14px;
  color: #000;
  margin-left: 10px;
}
.header-nav .profile .dropdown-item {
  font-size: 14px;
  font-weight: 400;
}
.header-nav .nav-profile span:hover {
  color: #2279ed;
}
.header-nav .badge-number {
  position: absolute;
  inset: -2px -5px auto auto;
  font-weight: normal;
  padding: 3px 6px;
}
.header-nav .notifications {
  inset: 8px -15px auto auto !important;
  padding: 0px;
}
.header-nav .notifications .notification-item {
  align-items: center;
  padding: 5px 10px;
  transition: 0.3s;
  border-bottom: 1px solid #888;
}
.dropdown-menu.notifications {
  height: 85vh;
  overflow-y: auto;
  width: 400px;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0px 2px 20px rgba(34, 121, 237, 0.25);
  padding: 20px;
  top: 80px !important;
  right: 10px !important;
  transform: none !important;
}
.dropdown-menu.notifications .notification-item {
  padding: 10px 0px;
}
.dropdown-menu.notifications .notification-item .btn-view {
  font-size: 14px;
  font-weight: 400;
}
.dropdown-menu.notifications .notification-item .btn-view:hover {
  text-decoration: underline;
}
.dropdown-menu.notifications .notification-heading {
  font-size: 18px;
  font-weight: 700;
  color: #1a293a;
}
.dropdown-menu.notifications .notification-icon {
  background-color: #2279ed;
  color: #fff;
  border-radius: 20px;
  padding: 0px !important;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-menu.notifications .notification-icon.red {
  background-color: #ef6666;
}
.notification-icon .icon {
  border-radius: 20px;
  height: 35px;
  width: 35px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #fff;
}
.dropdown-menu.notifications .notification-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-menu.notifications .notification-time {
  font-size: 10px;
  color: #6c757d;
}
.dropdown-menu.notifications .notification_title {
  font-size: 14px !important;
  width: 250px;
  word-wrap: break-word;
}
.dropdown-menu.notifications .notification_description {
  font-size: 12px !important;
}
.member-notification .notification-title {
  font-size: 16px;
}
.member-notification .col-1 {
  width: 5% !important;
}
.member-notification .col-9 {
  width: 78% !important;
}
.member-notification .notification-time-container {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}
.member-notification .view-btn {
  font-size: 14px;
}
.member-notification .notification-time {
  font-size: 10px;
  font-weight: 600;
  color: #747688;
}
.member-notification .notification-description {
  font-size: 12px;
}
.header-nav .messages {
  inset: 8px -15px auto auto !important;
}
.header-nav .messages .message-item {
  padding: 15px 10px;
  transition: 0.3s;
}
.header-nav .messages .message-item a {
  display: flex;
}
.header-nav .messages .message-item img {
  margin: 0 20px 0 10px;
  max-height: 40px;
}
.header-nav .messages .message-item h4 {
  font-weight: 400;
  margin-bottom: 5px;
  color: #444444;
}
.header-nav .messages .message-item p {
  margin-bottom: 3px;
  color: #919191;
}
.header-nav .messages .message-item:hover {
  background-color: #f6f9ff;
}
.header-nav .profile {
  min-width: 240px;
  padding-bottom: 0;
  top: 8px !important;
}
.header-nav .profile .dropdown-header h6 {
  margin-bottom: 0;
  font-weight: 400;
  color: #444444;
}
.header-nav .profile .dropdown-item {
  padding: 10px 15px;
  transition: 0.3s;
}
.header-nav .profile .dropdown-item i {
  margin-right: 10px;
  line-height: 0;
}
.header-nav .profile .dropdown-item:hover {
  background-color: #f6f9ff;
  border-radius: 10px;
}
.header .logo {
  margin-right: 60px;
}
.user-profile-icon {
  border-radius: 50%;
}
.activity-tags {
  font-size: 10px !important;
}
.activity-times {
  font-size: 10px !important;
}
.custom-hide {
  display: none;
}
.event-preview {
  display: flex;
  align-items: center;
  height: 100vh;
}
.delete {
  color: #dc3545 !important;
}
.edit {
  color: #2279ed !important;
}
.calendar2-check {
  color: #2279ed !important;
}
.page-title {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.card-header .page-title {
  margin-bottom: 0px !important;
}
.page-icon-and-title .page-icon {
  background-color: #2279ed;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 3px;
}
.page-icon-and-title .page-icon i {
  color: #fff;
  font-size: 20px;
}
.page-icon-and-title .page-title {
  font-size: 16px;
  font-weight: 600;
  color: #1c293b;
  margin-bottom: 5px;
}
.page-icon-and-title .page-sub-title {
  color: #747688;
  font-size: 14px;
}
/* All Events Page */
.unpublished {
  background-color: #dc3545 !important;
  color: #fff;
  padding: 5px;
  font-size: 14px;
}
.published {
  background-color: #198754 !important;
  color: #fff;
  padding: 5px;
  font-size: 14px;
}
/* .ribbon{
     position: absolute;
     inset-inline-end: 0;
     inset-block-start: 10px;
}
 .ribbon span{
     position: relative;
     display: block;
     text-align: center;
     background: #198754;
     font-size: 11px;
     padding: 5px 13px;
     z-index: 6;
     height: 26px;
     color: #fff;
     margin-right: 12px;
}
 */
.red span {
  background: #dc3545 !important;
}
.event-card {
  border-radius: 0px !important;
  margin-top: 20px;
  padding-bottom: 15px;
}
.event-card-title {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.event-card-location,
.event-card-date,
.event-card-organization-name {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 14px;
}
.event-card-location {
  min-height: 20px;
}
.event-card-image {
  border-bottom: 2px solid #eee;
  height: 200px !important;
  border-radius: 0px !important;
}
.event-dashboard .event-title {
  font-size: 20px;
  color: #1c293b;
  font-weight: 700;
}
.event-dashboard .event-location {
  font-size: 14px;
  color: #1c293b;
  font-weight: 400;
  margin-left: 10px;
}
.event-dashboard #video-album-tab .video-iframe iframe {
  width: 100% !important;
}
.event-dashboard #aboutUsAccordion .accordion-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
  border: none;
}
.event-dashboard #aboutUsAccordion .accordion-body {
  background-color: #f6f9ff;
  font-size: 14px;
}
.event-dashboard #aboutUsAccordion .accordion-button {
  padding-left: 20px !important;
}
.event-dashboard .about-event-title {
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
}
.about-event-desc {
  font-size: 14px;
  color: #1c293b;
  font-weight: 400;
}
.eventType {
  color: #ef6666;
  font-size: 12px;
  margin-left: 5px;
  font-weight: 400;
}
.eventType.public {
  color: #29d697;
}
.postBlock {
  padding: 0px 11px;
}
/* Create Event */
.form-group {
  margin-bottom: 20px;
}
.accordion-item {
  margin-bottom: 22px;
}
.accordion-body {
  border-top: 2px solid #dee2e6;
}
.accordion-button {
  border-radius: 0px !important;
  padding-left: 0px !important;
}
.accordion-button .accordion-title {
  font-size: 16px;
  font-weight: 600;
}
.accordion-button .accordion-sub-title {
  color: #75869c;
  font-size: 14px;
}
.accordion-icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 3px;
  background: #1c293b;
  margin-left: 10px;
}
.accordion-icon i {
  color: #fff;
  font-size: 20px;
}
.accordion-button:not(.collapsed) {
  background-color: #fff !important;
}
.accordion-button:focus {
  box-shadow: none !important;
}
.dropdown-toggle.switch {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}
.switch-sub-title {
  font-size: 10px;
  color: #747688;
  text-transform: capitalize;
}
.switch-title {
  font-size: 14px;
  font-weight: 700;
}
.navbarUserName {
  font-size: 12px;
  font-weight: 400;
  color: #1c293b;
}
.navbarUserName .user-role {
  font-size: 12px;
  color: #747688;
}
.navbarUserName .verified-badge {
  color: #0095f6;
  /* Instagram blue */
  font-size: 14px;
  margin-left: 5px;
  /* Space between name and badge */
  vertical-align: middle;
}
.my-profile .verified-text {
  font-size: 16px;
  font-weight: bold;
  color: #747688;
}
.dropdown-toggle::after {
  content: none !important;
}
.role-dropdown {
  font-size: 12px;
  font-weight: 400;
}
.role-dropdown i {
  background-color: #747688;
  color: #fff;
  border-radius: 100%;
  margin-right: 10px;
  padding: 1px;
}
.switch-role-heading {
  display: flex;
  justify-content: center;
  font-size: 16px;
  border-bottom: 1px solid #74768880;
}
.role-dropdown.active i {
  background-color: #2fb880;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #fff !important;
  color: #2fb880 !important;
  font-weight: 700;
}
.dropdown-item {
  color: #747688 !important;
  font-size: 14px;
}
.dropdown-item.delete {
  color: #ef6666 !important;
}
.dropdown-toggle.switch:hover {
  color: #2279ed;
}

.table-secondary {
  --bs-table-bg: #fff !important;
  font-size: 14px !important;
}
table.dataTable{
margin-top: 12px !important;
 margin-bottom: 12px !important;
}
.dataTables_scrollBody {
    margin-bottom: 12px;
}
.dataTables_scrollHeadInner {
    margin-top: 12px;
}
.table-secondary thead tr th {
background-color: #e9ecef !important;
color: #676a6e;
padding: 10px 12px;
font-size: 14px;
font-weight: 500;
}
.dataTables_length label .form-select{
height: 40px;
border-radius: 10px;
color: #747688 !important;
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_filter label{
font-weight: 400 !important;
  font-size: 14px !important;
  color: #747688 !important;

}

.dataTables_length label,
.dataTables_info {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #747688 !important;
}
.paginate_button.page-item.previous a,
.paginate_button.page-item.next a,
.paginate_button.page-item.previous a:hover,
.paginate_button.page-item.next a:hover {
  background-color: #e9ecef !important;
  color: #676a6e;
}

div.dataTables_wrapper .row .col-md-5 {
  display: flex;
  align-items: center;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0px !important;
}
#icon_selector_div i {
  width: 50px !important;
  height: 40px !important;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
}
#icon_selector_div i.active {
  border-color: #18a689;
  color: #18a689;
}
#icon_selector_div i.selected {
  border-color: #18a689;
  color: #18a689;
}
/* Subscription */
.current-subscription-title {
  font-size: 18px;
}
.current-subscription-desc {
  font-size: 14px;
  margin-bottom: 0px;
}
.available-feature {
  margin-top: 15px;
}
.single-feature {
  border: 2px solid #eee;
  padding: 10px;
}
.single-permission {
  border: 2px solid #eee;
  padding: 10px;
  width: 31.5% !important;
  margin: 10px;
}
.subscription-active {
  margin-bottom: -20px;
}
/* Plans Page */
.plan-name {
  margin-bottom: 0px;
}
.plan-desc {
  font-size: 14px;
}
.plan-amount {
  text-align: center;
}
.ribbon.blue span {
  background-color: #2279ed !important;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev {
  left: -25px;
}
.slick-next {
  right: -25px;
}
.slick-prev:before {
  content: "\25C0";
  color: #2279ed;
}
.slick-next:before {
  content: "\25BA";
  color: #2279ed;
}
ul.folder-list {
  padding-left: 0rem !important;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.file-manager h5 {
  text-transform: uppercase;
}
.folder-list .active {
  background-color: white;
  color: #2279ed !important;
}
.folder-list .active i {
  color: #2279ed !important;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
/* MAILBOX */
.mail-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-top: 0;
  padding: 0;
  margin-bottom: 20px;
}
.mail-box-header {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
  margin-top: 0;
}
.mailbox-content .tag-list li a {
  background: #ffffff;
}
.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}
.mail-text {
  border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
  padding: 10px 15px;
}
.mail-body .form-group {
  margin-bottom: 5px;
}
.colorPicker {
  display: flex;
  align-items: center;
}
.colorPickerBtn {
  height: 30px;
  width: 60px;
}
.mail-text .note-editor .note-toolbar {
  background-color: #f9f8f8;
}
.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
}
.mailbox-content {
  background: none;
  border: none;
  padding: 10px;
}
.mail-contact {
  width: 23%;
}
.arrow {
  float: right;
}
.fa.arrow:before {
  content: "\f104";
}
.active > a > .fa.arrow:before {
  content: "\f107";
}
.social-feed-box {
  padding-top: 20px;
}
#tab-Attachments {
  padding-top: 20px;
}
.sortable-list {
  list-style: none;
  padding-top: 10px;
  padding-left: 0px !important;
}
.card.Schedule {
  margin-top: 10px;
}
.document-card-body {
  min-height: 250px;
}
.drag:hover {
  cursor: grab;
}
/* Profile Page Image */
.profile .accordion-item {
  border: none;
  border-bottom: 1px solid #74768880;
}
.profile .accordion-body {
  border-top: 1px solid #74768880 !important;
}
.profile .accordion-button:focus {
  box-shadow: none !important;
}
.profile .accordion-icon {
  width: 55px !important;
  height: 55px !important;
  background-color: #2279ed;
}
.image-container {
  position: relative;
  display: inline-block;
  width: 100px;
}
.edit-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: white;
  cursor: pointer;
  z-index: 2;
  font-size: 30px;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 1;
}
.image-container:hover .edit-icon,
.image-container:hover .overlay {
  display: block;
}
.user-profile-icon {
  display: block;
}
.dropFilesIcon i {
  font-size: 50px;
}
.nav-tabs {
  border: none !important;
  justify-content: center;
  margin: auto;
  width: fit-content;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.13) inset;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #1c293b;
  color: #fff !important;
  border-radius: 10px;
  /* font-weight: 700;
     */
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  color: #1c293b !important;
  padding: 6px 30px;
  font-size: 14px;
  font-weight: 500;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #fff !important;
  isolation: unset !important;
}
.tab-body {
  background-color: #fff;
}
.eventJoinTable a {
  font-size: 20px;
}
.EventMediaCardImage {
  height: 150px;
  width: 50%;
  margin: auto;
}
.member-switch {
  margin-left: -90px;
}
.card-member-body{
margin-top: 20px;
}
/* Media Queries */
@media (min-width: 2000px){
  .admin-table{
    width: 6000px;
  }
}
@media (min-width: 1700px) and (max-width: 1999px) {
  .admin-table{
    width: 2000px;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  .admin-table{
    width: 1700px;
  }
}
@media (max-width: 1199px) {
  body {
    font-size: 0.8rem;
  }
  .toggle-sidebar .sidebar {
    left: 0px;
    /* position: absolute !important;
         top: 80px !important;
         z-index: 3;
         */
  }
  .sidebar {
    left: -300px;
  }
  .navbarUserName {
    display: none;
  }
  .header .logo {
    margin-right: 10px !important;
  }
  #main {
    padding: 20px;
  }
  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 80px;
  }
  .layout-logo {
    margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 130px;
  }
  .toggle-sidebar .sidebar {
    left: 31px;
    width: 80px;
  }
  .toggle-sidebar .sidebar .sidebar-nav .nav-link {
    margin: 5px 12px !important;
    padding: 6px 3px !important;
  }
  .toggle-sidebar .nav-label,
  .toggle-sidebar .nav-link span,
  .toggle-sidebar .nav-link .bi-chevron-down {
    display: none;
  }
  .toggle-sidebar .nav-link {
    justify-content: right;
  }
  .toggle-sidebar .nav-content a {
    padding-right: 23px !important;
  }
  .toggle-sidebar .sidebar,
  .nav-content a {
    padding: 20px 0px 0px 0px;
  }
  #main,
  #footer {
    margin-left: 300px;
  }
}
.list-group .list-group-item-image {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  border: 2px solid #2279ed2b !important;
  padding: 10px;
}
span.item-text.list-group-item-text img {
  width: 10px !important;
}
.explore-event-card {
  padding: 1rem 1rem 0rem 1rem;
}
.card {
  box-shadow: 0px 2px 20px rgba(34, 121, 237, 0.25);
  border: none;
  border-radius: 20px;
}
.card-header {
  background-color: #fff;
  border: none;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom: 1px solid #74768880;
  padding: 20px;
}
.card-body{
padding: 20px;
}
#faqAccordion .accordion-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
  border: none;
}
#faqAccordion .accordion-body {
  background-color: #e9f2fe;
  font-size: 14px;
}
#faqAccordion .accordion-button {
  padding-left: 20px !important;
}
#queriesAccordion .accordion-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
  border: none;
}
#queriesAccordion .accordion-body {
  background-color: #e9f2fe;
  font-size: 14px;
}
#queriesAccordion .accordion-button {
  padding-left: 20px !important;
}
.modal-content {
  border-radius: 20px;
}
.modal-title {
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
  color: #1c293b;
}
.modal-sub-title {
  font-size: 12px;
  width: 400px;
  margin: auto;
}
.modal-header {
  justify-content: center;
}
.modal-footer {
  border-top: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  justify-content: center;
}
/* .pretty.p-switch .state:before {
  top: calc((0% - (100% - 1em)) - 10%) !important;
} */
.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #2279ed !important;
}
.pretty.p-switch .state:before {
  padding: 1px !important;
}
/* New Input Field */
.form-check-input[type="checkbox"] {
  background-color: transparent;
  border: 1px solid #2279ed;
  width: 18px;
  height: 18px;
  border-radius: 5px;
}

.form-check-input:checked[type="checkbox"] {
  background-color: #2279ed;
}
.input {
  position: relative;
  width: 100%;
}
.input__field {
  width: 100%;
  padding: 8px !important;
  font-size: 14px !important;
  border: 1px solid #747688 !important;
  border-radius: 10px !important;
  background: transparent !important;
  transition: border-color 0.3s !important;
  color: #747688 !important;
  display: flex;
}
.input__field:focus {
  outline: none;
  border-color: #2279ed;
  /* Blue color for focus */
}
.input__label {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #747688;
  background-color: #fff;
  padding: 0 5px;
  transition: all 0.3s ease;
  font-size: 14px;
}
.input__field:focus + .input__label,
.input__field:not(:placeholder-shown) + .input__label,
textarea:focus + .input__label,
textarea:not(:placeholder-shown) + .input__label,
select:focus + .input__label,
select:not(:placeholder-shown) + .input__label {
  top: 0px;
  /* Adjust the position to fit all types of fields */
  font-size: 12px;
  font-weight: 700;
  color: #747688;
}
.input__label.not-empty {
  top: 0 !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:focus,
.select2-selection {
  border-radius: 10px !important;
}
textarea {
  resize: vertical;
  /* Allow vertical resizing only */
}
select {
  -webkit-appearance: none;
  /* Remove default styling for select in WebKit browsers */
  -moz-appearance: none;
  /* Remove default styling for select in Firefox */
  appearance: none;
  /* Remove default styling for select in other browsers */
}
/* Poll */
.poll-card {
  border-radius: 0px !important;
  padding: 30px;
}
.poll-card .poll-title {
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.poll-card .poll-vote-count {
  font-size: 12px;
  color: #747688;
  font-weight: 400;
}
.poll-option {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.total-votes {
  color: #747688;
  font-size: 14px;
  font-weight: 400;
}
#pollDetailsContent {
  overflow-y: auto;
  height: 80vh;
  scroll-behavior: auto;
}
.poll-option input[type="checkbox"] {
  margin-right: 10px;
  z-index: 2;
  /* Keep checkbox above the background */
}
.poll-option label {
  flex-grow: 1;
  position: relative;
  z-index: 2;
  /* Ensure label and text stay above the background */
  padding: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  /* Transparent to see the blue background */
}
.poll-option .option-text {
  margin-right: 10px;
}
.poll-option .option-percent {
  z-index: 2;
  color: #2279ed;
  font-weight: bold;
}
.poll-details {
  padding: 20px;
}
.poll-details .poll-question {
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
}
.poll-details .poll-description {
  color: #747688;
  font-size: 14px;
  font-weight: 400;
}
.poll-details .poll-options {
  color: #2279ed;
  font-size: 14px;
  font-weight: 700;
}
.poll-details .poll-votes {
  color: #2279ed;
  font-size: 14px;
  font-weight: 400;
}
.poll-details .voters-list .voter-name {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700;
}
.voter-desc {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
}
.poll-details .voters-list {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
}
.poll-details .voters-list .profile-avatar {
  height: 40px !important;
  width: 40px !important;
}
.photo-item p{
margin-top: 10px;
}
/* Blue background starting after checkbox */
.poll-option::after {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  /* Starts the background after the checkbox */
  height: 100%;
  background-color: #e9f2fe;
  /* Blue background */
  z-index: 1;
  transition: width 0.3s ease;
  border-radius: 8px;
  /* Rounded corners */
  width: var(--dynamic-width, 0);
  /* Set dynamic width */
}
/* About */
/* Member */
.member-card .member-title {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700px;
  margin: 5px 0px;
}
.member-card .member-designation {
  color: #747688;
  font-size: 12px;
  font-weight: 400px;
  margin: 5px 0px;
}
.member-detail-card .member-detail-profile-photo {
  width: 150px;
  height: 150px;
  border-radius: 100%;
}
.member-detail-card svg {
  margin-right: 10px;
}
.member-detail-card .member-content {
  border-right: 1px solid #74768880 !important;
}
.member-detail-card .member-name {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.member-detail-card .member-designation {
  color: #747688;
  font-size: 16px;
  font-weight: 400px;
}
.member-detail-card .member-detail,
.member-detail a {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.member-detail-card .add-to-contact {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400;
}
.member-detail-card .add-to-contact:hover {
  color: #2279ed;
}
.member-detail-card .about-me-title {
  color: #1c293b;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 700;
}
/* Speaker Detail */
.speaker-detail-card .speaker-detail-profile-photo {
  width: 150px;
  height: 150px;
  border-radius: 100%;
}
.speaker-detail-card svg {
  margin-right: 10px;
}
.speaker-detail-card .speaker-content {
  border-right: 1px solid #74768880 !important;
}
.speaker-detail-card .speaker-name {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.speaker-detail-card .speaker-designation {
  color: #747688;
  font-size: 16px;
  font-weight: 400px;
}
.speaker-detail-card .speaker-detail,
.speaker-detail a {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.speaker-detail-card .add-to-contact {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400;
}
.speaker-detail-card .add-to-contact:hover {
  color: #2279ed;
}
.speaker-detail-card .about-me-title {
  color: #1c293b;
  font-size: 18px;
  margin-top: 10px;
  font-weight: 700;
}
.speaker-icon{
font-size: 28px;
}
.about-me {
  font-size: 14px;
  color: #1c293b;
  font-weight: 400;
}
.speaker-detail-card .speaker-schedule-card {
  border-radius: 0px !important;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
}
.speaker-detail-card .speaker-schedule-card .schedule-title {
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
}
.speaker-detail-card .speaker-schedule-card .schedule-date,
.speaker-detail-card .speaker-schedule-card .schedule-location {
  color: #1c293b;
  font-size: 12px;
  font-weight: 700;
}
.speaker-detail-card .speaker-schedule-card .schedule-time {
  color: #747688 !important;
  font-size: 12px !important;
  font-weight: 400;
}
.speaker-detail-card .speaker-schedule-card a {
  color: #2279ed;
  font-size: 12px;
  font-weight: 400;
}
.speaker-detail-card .file-row .file-name {
  color: #1c293b;
  font-size: 14px;
  font-weight: 400;
}
.speaker-detail-card .file-row {
  border-bottom: 1px solid #747688;
  margin: 10px;
  padding-bottom: 10px;
}
/* My Contact Page */
.contact-card {
  border-radius: 0px !important;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
}
.contact-card .contact-card-profile-photo {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background-color: #fff;
  margin-top: -60px;
}
.contact-card .contact-card-title {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700px;
}
.contact-card .contact-card-designation {
  color: #747688;
  font-size: 12px;
  font-weight: 400px;
  margin: 10px 0px;
}
.contact-card-detail-card .contact-card-detail-profile-photo {
  width: 150px;
  height: 150px;
  border-radius: 100%;
}
.contact-card-detail-card svg {
  margin-right: 10px;
}
.contact-card-detail-card .contact-card-content {
  border-right: 1px solid #74768880 !important;
}
.contact-card-detail-card .contact-card-name {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.contact-card-detail-card .contact-card-designation {
  color: #747688;
  font-size: 16px;
  font-weight: 400px;
}
.contact-card-detail-card .contact-card-detail,
.contact-card-detail a {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400px;
}
.contact-card-detail-card .add-to-contact {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400;
}
.contact-card-detail-card .add-to-contact:hover {
  color: #2279ed;
}
.contact-card-detail-card .about-me-title {
  color: #1c293b;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 700;
}
/* Common Classes */
.profile-avatar {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background-color: #fff;
  margin-top: -60px;
}
.user-profile-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
}
.list-card {
  border-radius: 0px !important;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
}
#event-cards .card{
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13) !important;
 border-radius: 20px !important;
}
#event-cards h5{
margin: 16px 0 0 0;
}
.profile-items {
  align-items: center;
  display: flex;
}
.profile-items p {
  align-items: center;
  display: flex;
}
.profile-items p {
  color: #1a293a;
  font-size: 14px;
  font-weight: 400;
}
.profile-items p .user-designation {
  color: #747688;
  font-size: 14px;
  font-weight: 400;
}
.profile-about-me {
  color: #1a293a;
  font-size: 18px;
  font-weight: 700;
}
.profile-icon {
  color: #2279ed;
  width: 40px;
  height: 44px;
  font-size: 28px;
}
.profile-social {
  display: flex;
  font-size: 28px;
  gap: 25px;
  align-items: center;
  padding-left: 42px;
  margin-top: 40px;
}
hr.profile-about {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
  width: 10rem;
  color: #00000069;
}
.input--file {
  position: absolute;
  color: #f7f7f7;
}
.input--file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.profile-camera {
  font-size: 30px;
}
.row.edit-profile {
  align-items: center;
}
.contact-card-body {
  min-height: 140px;
}
.message-bubble {
  border-radius: 0px !important;
  background: #fff !important;
  box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.13) !important;
  flex-shrink: 0;
  max-width: 40% !important;
}
.received-message {
  color: #2279ed;
}
div:where(.swal2-icon).swal2-info,
div:where(.swal2-icon).swal2-warning {
  border-color: #2279ed !important;
  color: #5497ed !important;
}
.switch-role-icon:before {
  width: 16px !important;
  text-align: center !important;
}
.event-public {
  margin-bottom: 14px;
}
.profile-items a {
  color: #1a293a;
}
/* Feed Back */
.feedback-card .head-emoji {
  background-color: #e9f2fe;
  height: 80px;
  width: 80px;
  border-radius: 100px;
  padding: 20px;
}
.feedback-card .title {
  color: #1c293b;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
}
.feedback-card .description {
  color: #1c293b;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
.feedback-input {
  color: #1c293b;
  font-size: 14px;
  font-weight: 400;
}
.feedback-card .rating-section img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.emoji-rating {
  transition: transform 0.2s ease, filter 0.2s ease;
  cursor: pointer;
}
.emoji-rating:hover {
  transform: scale(1.2);
  /* Slightly enlarge the emoji on hover */
  filter: brightness(1.2);
  /* Make the emoji brighter on hover */
}
label input[type="radio"]:checked + img {
  border: 3px solid #2279ed;
  /* Green border when active */
  border-radius: 50%;
  /* Rounded corners for the selected image */
  transform: scale(1.3);
  /* Slightly bigger when selected */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  /* Add a shadow to the selected emoji */
}
.rating-section label {
  margin: 0 10px;
  /* Add spacing between the labels */
}
.card-header-background {
  background-image: url(../../media_defaults/background-about.png);
  height: 40vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
/* My Notes */
.notes-card .accordion-item {
  border: none;
  border-bottom: 1px solid #74768880;
}
.notes-card .accordion-body {
  border-top: 1px solid #74768880 !important;
}
.notes-card .accordion-button:focus {
  box-shadow: none !important;
}
.notes-card .accordion-icon {
  width: 55px !important;
  height: 55px !important;
  background-color: #a8c242;
}
.event-title {
  color: #1c293b;
  font-size: 20px;
  margin: 0px;
}
.notes-card .date-container {
  display: flex;
  align-items: center;
}
.notes-card .date-container .date {
  color: #120d26;
  font-size: 14px;
  font-weight: 700;
}
.notes-card .date-container .time {
  color: #747688;
  font-size: 14px;
  font-weight: 400;
}
.notes-card .single-note .title {
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
.notes-card .accordion-icon i {
  color: #fff;
}
.notes-card .single-note .desc {
  color: #747688;
  font-size: 14px;
  font-weight: 400;
}
.single-note .time {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
}
input.form-check-input.radio {
  border-radius: 0.25em !important;
}
.submit-poll {
  width: 140px;
}
/* Post */
#reactions-container {
  position: absolute;
  display: none;
  background-color: #fff;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
#reactions-container .reaction-icon {
  margin: 5px;
  cursor: pointer;
  transition: transform 0.1s ease;
}
#reactions-container .reaction-icon:hover {
  transform: scale(1.2);
  /* Slightly enlarge on hover */
}
.like-btn {
  position: relative;
}
#reactions-list {
  list-style: none;
  display: flex;
  padding: 0px;
  margin: 0px;
}
.file-name {
  color: #120d26;
  font-size: 10px;
  font-weight: 400;
}
.btn-bg {
  background-color: #e9f2fe !important;
  font-size: 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px;
  border-radius: 6px;
}
.post-card .profile-avatar {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.post-card .sender-name {
  color: #1c293b;
  font-size: 12px;
  font-weight: 400;
}
.post-username {
  display: flex;
  align-items: center;
}
.sender-name {
  font-weight: 700 !important;
}
.sender-desc {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
  border-left: 2px solid #747688;
  padding-left: 10px;
  margin-left: 10px;
}
.post-card .sent-time {
  color: #747688;
  font-size: 10px;
  font-weight: 400;
}
.post-card .post-detail .post-title {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700;
}
.post-card .post-detail .post-desc {
  color: #1c293b;
  font-size: 12px;
  font-weight: 400;
}
.post-card .post-detail .comments {
  color: #747688;
  font-size: 12px;
  font-weight: 400;
}
.comments-section .input__field {
  width: 100%;
  padding: 10px 8px 0 8px !important;
  font-size: 14px !important;
line-height: normal;
  border: 1px solid #747688 !important;
  border-radius: 10px !important;
  background: transparent !important;
  transition: border-color 0.3s !important;
  color: #747688 !important;
  display: flex;
height: 40px;
}
.col.user-comments-box {
  box-shadow: 0px 8px 20px 0px #3299db21;
  background-color: #fff;
  padding: 10px;
}
.post-content img {
  border-radius: 5px;
}
.post-card .post-detail .like-btn,
.post-card .post-detail .comment-btn {
  color: #747688;
  font-size: 12px;
  display: flex;
  align-items: end;
}
.post-card .post-detail .see-all-btn {
  color: #2279ed;
  font-size: 14px;
}
.post-card .comments-container .title {
  color: #1c293b;
  font-size: 14px;
  font-weight: 700;
  margin: 20px 0 30px 0;
}
.post-card .comments-container .comment-desc {
  color: #1c293b;
  font-size: 12px;
  font-weight: 400;
}
.comment-desc {
  font-size: 12px;
  color: #1c293b;
  font-weight: 400;
}
.comment-border {
  border: 1px solid #eeee;
}
/* .comments-section{
     max-height: 300px !important;
     overflow-y: auto;
     overflow-x: hidden;
     scroll-behavior: smooth;
}
 */
.card.list-card {
  margin: 0.5rem 0;
  /* Adjusts margin */
}
.card.list-card {
  border-radius: 8px;
  box-shadow: 0px 0 12px 0px rgba(0, 0, 0, 0.13);
}
/* Optional: Style for your comments */
.justify-content-end .list-card {
  background-color: #e8f0fe;
  /* Light blue for your comments */
}
/* Optional: Style for others' comments */
.justify-content-start .list-card {
  background-color: #ffffff;
  /* White for others' comments */
}
.no-data-error {
  font-size: 16px;
  font-style: italic;
  color: #747688;
  font-weight: 300;
  text-align: center;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.no-data-row .btn{
margin-bottom: 16px;
margin-top: 16px;
justify-self: center;
}
/* Video */
.gallery-view #iframe1,
.gallery-view figure {
  width: 100%;
  min-height: 300px;
}
.gallery-view .video-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery-view .video-item .video-details {
  background-color: #1c293b;
  color: #fff;
  margin-top: -5px;
  width: 100%;
  padding: 5px 10px;
}
.gallery-view .video-item .video-details p {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.list-view #iframe1 {
  width: 100%;
  height: 100px;
}
.list-view figure {
  width: 50%;
  height: 100px;
}
.list-view .video-details {
  width: 50%;
  height: 100px;
  margin-left: 10px;
}
.list-view .video-details p {
  color: #1c293b;
  font-size: 12px;
  font-weight: 400;
}
.list-view .video-item {
  display: flex;
}
/* Schedule Detail */
.event-date-time .date {
  font-size: 16px;
  font-weight: 700;
}
.event-date-time .time {
  font-size: 14px;
  font-weight: 400;
  color: #747688;
}
.sub-text {
  font-size: 14px;
  font-weight: 400;
  color: #747688;
}
.tag-container .tags .tag {
  background-color: #e9f2fe;
  color: #db3279;
  padding: 2px 10px;
  border-radius: 5px;
}
.tag-container .tags .tag p {
  font-size: 12px;
}
.schedule-desc p {
  font-size: 14px;
  font-weight: 400;
  color: #1c293b;
}
.schedule-sub-title {
  font-size: 16px;
  font-weight: 700;
  color: #1c293b;
}
.schedule-video-title {
  font-size: 14px;
  font-weight: 400;
  color: #1c293b;
}
.member-card .toggle-contact span {
  font-size: 12px;
}
/* .post-content .photo-slider img {
     max-height: 400px;
     width: 400px,
}
 */
/* .post-content .photo-slider {
  max-height: 400px;
  width: 400px;
  overflow: auto;
} */
.import-info p {
  font-size: 14px;
  color: #120d26;
  margin-top: 10px;
}
.table-responsive td {
  font-weight: 400 !important;
}
.table-responsive th {
  padding-left: 0.5rem !important;
}
.all-events-card{
margin-top: 20px;
}
#modalEventDetail .description-text {
  font-size: 14px;
}
#modalEventDetail .title {
  font-size: 16px;
  color: #120d26;
  font-weight: 700;
}
.more {
  font-size: 14px;
  font-weight: 400;
  color: #747688;
}
.dec_title {
  color: #1c293b;
  font-size: 12px;
  font-weight: 400;
}
.card_border {
  margin-bottom: 20px;
  border: 1px solid #eee;
}
.post_data {
  margin: 10px 0;
}
.instructor .profile-avatar {
  height: 50px;
  width: 50px;
}
.cls-btn-link-event-duration {
  font-size: 14px;
  font-weight: 700;
}
.cls-btn-delete-event-duration {
  font-size: 14px;
  font-weight: 700;
}
.cls-btn-update-event-duration-popup {
  font-size: 14px;
  font-weight: 700;
}
.addToAgendaBtn {
  display: flex;
  margin: auto;
  align-items: center;
  color: #1c293b;
  font-size: 16px;
  font-weight: 700;
}
.member-block .member-card {
  min-height: 120px;
}
a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end {
  background-color: transparent !important;
  padding: 10px !important;
  color: #1c293b;
  margin-top: 5px !important;
  border-width: 1px !important;
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: min-content;
  margin-right: 10px !important;
}
.date-header {
  font-size: 14px;
  color: #120d26;
  font-weight: 400;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f6f9ff;
  padding: 6px 20px;
  border-radius: 10px;
}
.date-header-container {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 70px;
}
.card.list-card.post-card.card_border {
  margin-bottom: 34px;
  padding: 0px 35px;
}
.cnt-pntr {
  cursor: pointer;
}
.cmt-ptr {
  cursor: pointer;
}
.modal-body::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.modal-body::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
  border-radius: 4px;
}
.modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #aab7cf;
}
.modal-body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.modal-body::-webkit-scrollbar-corner {
  background-color: transparent;
}
.cmt-btn {
  color: #747688;
  font-size: 12px;
}
.collapsible-content h3,
p {
  font-size: 14px;
  font-weight: 400;
  color: #1c293b;
}
.modal-description h3,
p {
  font-size: 14px;
  font-weight: 400;
  color: #1c293b;
}
#pollDetailsContent::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
#pollDetailsContent::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
  border-radius: 4px;
}
#pollDetailsContent::-webkit-scrollbar-thumb:hover {
  background-color: #aab7cf;
}
#pollDetailsContent::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.edit-dlt-post-btn {
  padding: 0;
}
.dropdown-item-post:active {
  background-color: #fff !important;
  color: #747688 !important;
  font-weight: 700;
}
.dropdown-item-post {
  color: #747688 !important;
  font-size: 14px;
  /* padding-left: 2rem;
     */
}
#post-drop {
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}
.select-org * {
  font-family: "Inter", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.select-org
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: transparent;
  border: transparent;
}
.select-org
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border-radius: 100%;
}
.select2-dropdown .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-dropdown {
  font-family: "Inter", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 5px !important;
  height: 8px !important;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #aab7cf !important;
  border-radius: 4px !important;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #aab7cf !important;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background-color: #f1f1f1 !important;
  border-radius: 4px !important;
}
.post-reaction {
  display: flex;
  align-items: center;
  justify-content: center;
}
.comments-text {
  color: #747688;
}
.send-comment {
  margin: 10px 0;
}
.day-calendar {
  display: flex;
  position: relative;
  height: 1440px;
  border: 1px solid #999;
  background: #f9f9f9;
}
.time-column {
  width: 80px;
  border-right: 1px solid #ddd;
}
.time-slot {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.events-column {
  flex: 1;
  position: relative;
}
.event-block {
  position: absolute;
  left: 10px;
  right: 10px;
  background: #4285f4;
  color: #fff;
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  overflow: hidden;
}
.list-group-item {
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 0px;
}
.event-box {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}
.event-time {
  color: #666;
}
.event-title {
  font-size: 14px;
}
#event-accordion {
  margin-top: 15px;
}
#event-accordion .accordion-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.13);
  border: none;
}
#event-accordion .accordion-body {
  font-size: 14px;
}
#no-schedules-message {
  font-size: 16px;
  font-weight: 500;
  color: #666;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
}
.accordion-button {
  background-color: transparent !important;
}
.accordion-header {
  border: 1px solid #fff;
  border-radius: 8px;
}
.myschedule-scroll {
  border-top: none;
  max-height: 300px;
  overflow-y: auto;
}
.myschedule-scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.myschedule-scroll::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
  border-radius: 4px;
}
.myschedule-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #aab7cf;
}
.myschedule-scroll::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.myschedule-scroll::-webkit-scrollbar-corner {
  background-color: transparent;
}
.edit-dlt-post-btn {
  background-color: transparent;
  border: none;
  font-size: 26px;
  color: #333;
  transition: color 0.2s ease;
}
.edit-dlt-post-btn:hover {
  color: #005a8a;
}
.dropdown-item-post {
  font-size: 14px;
  color: #333;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.dropdown-item-post:hover {
  background-color: #f1f1f1;
}
.dropdown-item-post.editPostBtn i {
  margin-right: 10px;
}
.dropdown-item-post.delete-post i {
  margin-right: 10px;
  color: #e74c3c;
}
.dropdown-item-post.delete-post:hover {
  background-color: #f8d7da;
}
.accordion-header {
  border: none;
}
#select2-country_code-container {
  width: 14rem;
}
.desc {
  max-height: 4.5em;
  /* Height for 3 lines (adjust based on line-height) */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  line-height: 1.5em;
  /* Set consistent line-height */
}
.desc.expanded {
  max-height: none;
  /* Removes the height restriction */
}
.collapsible-content {
  max-height: 4.5em;
  /* Restrict to 3 lines */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  /* Ensure consistent line height */
  transition: max-height 0.3s ease;
  /* Smooth expand/collapse */
}
.collapsible-content.expanded {
  max-height: none;
  /* Remove restriction for full content */
  overflow: visible;
  /* Ensure all text is displayed */
}
.read-more,
.read-more-title {
  color: blue;
  cursor: pointer;
  margin-top: 5px;
  font-size: 14px;
  cursor: pointer;
  color: #2279ed;
}
.modal-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* Limit to 3 lines */
  text-overflow: ellipsis;
}
.modal-description.expanded {
  -webkit-line-clamp: unset;
  /* Remove line limit when expanded */
  max-height: none;
}
.read-more-btn {
  display: inline-block;
  margin-top: 10px;
  background-color: #2279ed;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
}
.read-more-btn:hover {
  background-color: #0056b3;
}
#viewNoteTitle {
  font-weight: 700;
}
#viewNoteContent {
  font-size: 12px;
}
/* Customize the background, borders, and padding */
.datepicker {
  border: 1px solid #a8c6df;
  border-radius: 10px;
  /* background-color: #fff;
     */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     */
  padding: 10px;
  transition: border 0.2s linear;
}
/* Adjust the style of the input field */
.input-group .datepicker-input {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 14px;
  transition: all 0.3s ease;
}
/* Change the input focus style */
.input-group .datepicker-input:focus {
  border-color: #2279ed;
  box-shadow: 0 0 8px #2279ed40;
  border-radius: 3px;
}
/* Style for calendar dates */
.datepicker .datepicker-days td,
.datepicker .datepicker-months td,
.datepicker .datepicker-years td {
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
/* Hover effect on date cells */
.datepicker .datepicker-days td:hover,
.datepicker .datepicker-months td:hover,
.datepicker .datepicker-years td:hover {
  background-color: #2279ed;
  color: #fff;
}
/* Highlight the selected date */
.datepicker .datepicker-days .active,
.datepicker .datepicker-months .active,
.datepicker .datepicker-years .active {
  background-color: #28a745;
  color: #fff;
}
/* Style for the navigation buttons (Previous, Next) */
.datepicker .prev,
.datepicker .next {
  color: #2279ed;
  font-size: 18px;
  font-weight: bold;
}
/* Style for the current date highlight */
.datepicker .today {
  background-color: #f8f9fa;
  color: #2279ed;
}
/* Custom style for months and years selector */
.datepicker .datepicker-months td,
.datepicker .datepicker-years td {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 8px;
}
/* Style for pagination container */
.pagination-container {
  position: fixed;
  /* Fix the pagination to the left side */
  left: 0;
  top: 50%;
  /* Vertically center the pagination */
  transform: translateY(-50%);
  z-index: 999;
  /* Make sure it's on top of other elements */
  padding-left: 10px;
}
/* Style to adjust the size of the pagination arrows */
.pagination .page-item {
  font-size: 14px;
  /* Adjust the font size */
}
.pagination .page-item .page-link {
  padding: 8px 12px;
  /* Adjust padding */
  font-size: 14px;
  /* Adjust the text size for page numbers */
}
/* Resize the pagination arrows */
.pagination .page-item .page-link:hover,
.pagination .page-item.active .page-link {
  background-color: #2279ed;
  color: #fff;
  font-size: 14px;
  /* Increase size when hovered or active */
}
/* Adjust the arrow size */
.pagination .page-item .page-link i {
  font-size: 18px;
  /* Adjust the icon size */
}
/* Optional: Add custom spacing for smaller screens */
@media (max-width: 768px) {
  .pagination-container {
    top: auto;
    bottom: 0;
    left: 10px;
  }
}
.verified-badge {
  color: #0095f6;
  /* Instagram blue */
  font-size: 14px;
  margin-left: 5px;
  /* Space between name and badge */
  vertical-align: middle;
}
.collapsible-content {
  max-height: 145px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.collapsible-content.show {
  max-height: none;
}
.collapsible-toggle {
  font-size: 14px;
  cursor: pointer;
  color: #2279ed;
}
.role-card {
  width: 160px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  border: 2px solid #fff;
}
.role-card h4 {
  font-size: 14px !important;
  color: #1c293b !important;
  margin: 10px 0px;
}
.role-card svg {
  margin: auto;
}
.role-card p {
  font-size: 10px !important;
}
.role-card.selected {
  border: 2px solid #2279ed;
}
.role-card:hover {
  border: 2px solid #2279ed;
}
.switch-container {
  display: flex;
  align-items: center;
  border-radius: 50px;
  padding: 5px 15px;
  position: relative;
  cursor: pointer;
}
.switch-text {
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
}
.switch-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2279ed;
  color: white;
  font-size: 14px;
  border-radius: 50px;
  padding: 4px 15px;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
}
.switch-button:hover {
  background: #2279ed;
}
.form-control:disabled {
  background-color: #fff;
}
.event-statistics .icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.event-statistics .icon i {
  font-size: 40px;
  color: #2279ed;
}
.event-statistics .title p {
  color: #1c293b;
  font-weight: 700;
}
.event-statistics .count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-statistics .count p {
  color: #747688;
  font-weight: 400;
  font-size: 20px;
}
.event-statistics .count a {
  font-weight: 400;
  font-size: 14px;
}
.dashboard-icon i {
  font-size: 40px;
  display: flex;
  color: #2a7ff1;
  justify-content: center;
  margin-bottom: 10px;
}
.dashboard h5 {
  font-size: 16px;
}
.fc-disabled-day {
    background-color: #ddd !important;
    pointer-events: none !important;
    opacity: 0.5;
    cursor: not-allowed;
}