[dir="ltr"] .switch-button{
    float: right;
}
[dir="rtl"] .switch-button{
    float :left;
}
.w-100{
    width: 100%;
}


/* Toggle Button Container */
.toggle-container {
    display: inline-flex;
    /* border: 2px solid var(--primary);
     */
     
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Toggle Buttons */
.toggle-button {
    padding: 5px 18px;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s, color 0.3s;

    color: var(--thirdcolor) !important;
    flex: 1;
}
.toggle-button:hover{
  background: #8e18371a ;
}
/* Active Toggle Button */
.toggle-button.active {
    background: rgba(0, 0, 0, .03);
    /* color: white; */
    font-weight: bold;
    
    color: var(--secoundcolor) !important;
}

@media (min-width: 768px) {
  .toggle-button{
      
    width: max-content;
    min-width: max-content;
  }
  .search-style{

    display: flex;
    justify-content: center;
    align-items: center;
    
}
  
  .search-style>button{
    width: 20% !important;
  }
}
@media (min-width: 576px){
  .toggle-button{
      
    width: max-content;
    min-width: max-content;
  }
  .search-style{

    display: flex;
    justify-content: center;
    align-items: center;
    
}
  
  .search-style>button{
    width: 20% !important;
  }
}
@media (max-width: 576px) {
    .col-xs-4 {
        flex: 0 0 auto;
        width: 42.33333333%;
    }
    .col-xs-8 {
        flex: 0 0 auto;
        width: 57.33333333%;
    }
    .toggle-button{
      
      width: max-content;
      min-width: max-content;
    }
    .search-style{

      display: flex;
      justify-content: center;
      align-items: center;
      
  }
    
    .search-style>button{
      width: 90% !important;
    }
    #toggleFilterBtn,#listViewBtn,#calendarViewBtn {
        
        padding: 6px 24px;
        /* padding: 10px; */
        font-size: small;
    }
    .fc .fc-toolbar.fc-header-toolbar{
        display: block;
    }

    .fc .fc-toolbar-title {
        font-size: 1.75em;
        margin: 15px;
        text-align: center;
    }
    .fc .fc-button-group{
        float:right;
    }
    .fc .fc-view-harness {
        height: 376px !important;
    }
    .fc .fc-col-header-cell-cushion{
      
    font-size: 12px !important;
    }
    .fc-popover-body>.fc-event>.fc-event-main>i{

      padding-left: 3px !important;
    }
    .fc-popover-body>.fc-event .fc-event-main>a>.fc-event-main ,
    .fc-popover-body>.fc-daygrid-event-harness>a>.fc-event-main,
    .fc-popover-body>.fc-daygrid-event-harness>a>.fc-event-main>div,
    .fc-popover-body>.fc-event>.fc-event-main >div, 
    .fc-popover-body>.fc-event>div,
    .fc-popover-body>.fc-daygrid-event-harness>a>div 
    {
      color : inherit !important;
      
      overflow: visible ;
      text-indent: 0px !important;
    }
    
  .fc-popover-body.fc-event-main, .fc-popover-body a .fc-event-main div {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 200px;
  }

  [dir="ltr"].fc-popover-body>.fc-daygrid-event-harness>a>.fc-event-main>div,
  [dir="ltr"].fc-popover-body>.fc-event>.fc-event-main >div:not(.fc-event-main), 
  [dir="ltr"].fc-popover-body>.fc-event>div:not(.fc-event-main),
  [dir="ltr"].fc-popover-body>.fc-daygrid-event-harness>a>div:not(.fc-event-main) 
    {
     
      padding-left: 0px !important;
    }
    
    [dir="rtl"].fc-popover-body>.fc-daygrid-event-harness>a>.fc-event-main>div,
    [dir="rtl"].fc-popover-body>.fc-event>.fc-event-main >div:not(.fc-event-main), 
    [dir="rtl"].fc-popover-body>.fc-event>div:not(.fc-event-main),
    [dir="rtl"].fc-popover-body>.fc-daygrid-event-harness>a>div:not(.fc-event-main) 
    {
     
      padding-right: 0px !important;
      margin-right: 0px !important;
    }
    
    
}
a.fc-event.fc-event-start.fc-event-end.fc-event-past.eventClass.fc-daygrid-event.fc-daygrid-dot-event {
  padding-left: 3px;
}
[dir="ltr"] .fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>.fc-event-main>div {
  padding-left: 0px !important;
}

[dir="rtl"] .fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>.fc-event-main>div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
[dir="rtl"] .fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>div:not(.fc-event-main)
{
  /* padding-left: 0px !important; */
  padding-right: 0px !important;
  /* padding-left: 0px; */
}
[dir="rtl"] .fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>div:not(.fc-event-main)>span {
  left: 2px !important;
  
  font-size: 0.85em;
}
.fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>div:not(.fc-event-main)>span::before,
.fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>.fc-event-main>div>span::before
 {
  content: "\f111";
  color: inherit;
  margin-right: 5px;
  font-size: 12px;
  font-family: "Font Awesome 6 Free";
  line-height: 12px;
}
.fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>div:not(.fc-event-main)>span::before,
.fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>.fc-event-main>div>span::before{
  
  padding-left: 3px;
}
.fc-event-main>i.fa.fa-circle{
  line-height: 18px;
}
[dir="rtl"]i.fa.fa-circle{
  padding-right: 6px;
}
.fc-popover-body>.fc-daygrid-event-harness>a.fc-event-past>div:not(.fc-event-main)>span {
  left: -6px;
  position: relative;
}
/* Filter Toggle Button */
.filter-toggle {
    margin-bottom: 20px;
    padding: 6px 24px;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    border-color:transparent;
    
}

.filter-toggle:hover {
   
  border-color: unset !important;
}
.toggle-container:hover {
  border-color: #8e1837 !important;
}

/* Filter Panel */
.filter-container {
    /* width: 250px; */

    width: 100%;
    background: #f8f9fa;
    padding: 15px;
    border-right: 2px solid #ddd;
    display: none;
}

/* Views Container */
.views-container {
    flex: 1;
    transition: width 0.3s ease-in-out;
}

/* Views */
.view {
    display: none;
}

.view.active {
    display: block;
}

/* Default: 3 cards per row */
.views-container .post-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* If filter is visible, show 2 cards per row */
.filter-visible #viewsContainer .post-list {
    grid-template-columns: repeat(2, 1fr);
}

/* Responsive: 1 card per row on smaller screens */
@media (max-width: 992px) {
  .views-container .post-list {
      grid-template-columns: repeat(2, 1fr);
  }
}



/* Responsive: 1 card per row on smaller screens */
@media (max-width: 768px) {
    .views-container .post-list {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* When filter is visible: 2 cards per row */


/* Responsive Design */
@media (max-width: 1024px) { 
    /* On tablets: 2 cards per row */
    .post-list  {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) { 
    /* On smaller screens: 1 card per row */
    .post-list  {
        grid-template-columns: repeat(1, 1fr);
    }
}

.container.show-filter .filter-container {
    display: block;
}



.filter {
    width: 20%; /* Filter takes 20% width */
    min-width: 200px; /* Ensure it has a minimum size */
  }
  
  .view {
    flex: 1; /* Take remaining space */
  }
  
  
  /* Calendar View */
  .calendar-view {
    width: 100%;
    height: 400px; /* Adjust as needed */
    background-color: lightgray;
  }
  
  /* Hide filter when not needed */
  .hidden {
    display: none;
  }
  
  .filter-container {
    display: none; 
    padding: 20px;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  [dir="rtl"] .filter-toggle {
    float : right;
  }
  [dir="ltr"] .filter-toggle {
    float: left;
  }
 
  [dir="rtl"] .float{
    float:left !important;
  }
  [dir="ltr"] .float {
    float: right;
  }

  .filter-toggle {
    background-color: transparent;
    color: var(--sc-primary);
    border: 1px solid rgba(0, 0, 0, .125) !important;
    padding: 6px 24px;
    /* padding: 10px; */
    border: none;
    cursor: pointer;
  }
  
  .filter-container.show {
    display: flex; /* Show filter when the class is added */
    
    margin: 2px;
  }
  
  .views-container {
    margin-top: 20px;
  }
  
  .view {
    display: none; /* Hide all views by default */
  }
  
  .view.active {
    display: block; /* Show active view */
  }

/* posts  */


        .post-module {
            position: relative;
            z-index: 1;
            display: block;
            background: #FFFFFF;
            min-width: 270px;
            height: 470px;
            -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
            -webkit-transition: all 0.6s ease;
            -moz-transition: all 0.6s ease;
            -ms-transition: all 0.6s ease;
            -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
          }
          .post-module:hover,
          .hover {
            -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
          }
          .post-module:hover .thumbnail img,
          .hover .thumbnail img {
          
              transition: transform 0.6s ease, opacity 0.6s ease;
          
            /* -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1); */
            /* opacity: 0.6; */
          }
          .post-module .thumbnail {
            background: var(--thirdcolor);
            height: 163px;
            overflow: hidden;
          }
          .post-module .thumbnail .date {
            position: absolute;
            top: 12px;
            right: 14px;
            z-index: 1;
            background: var(--sc-primary);
            width: 55px;
            height: 55px;
            padding: 12.5px 0;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            color: #FFFFFF;
            font-weight: 700;
            text-align: center;
            -webkti-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          }
          .post-module .thumbnail .date .d-day {
            font-size: 18px;
          }
          .post-module .thumbnail .date .d-month {
            font-size: 12px;
            text-transform: uppercase;
          }
          .post-module .thumbnail img {
            display: block;
            width: 120%;
            height: 85%;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
          }
          /* .post-module .post-content .description:hover{
       
          } */
          .column .post-module:hover .description.paragraph >span {
            display: block; /* Show description on hover */
            
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
      
      .post-meta.row {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
      }
         .post-meta>.btn{
          
            border-color: transparent !important;
            color: var(--primary) !important;
            background-color: transparent !important;
            float: right;
            top: -7px;
            position: relative;
            border: 1px solid var(--primary);
            min-width: 0px;
         }
          .post-module .post-content {
            position: absolute;
            bottom: 0;
            background: #FFFFFF;
            width: 100%;
            padding: 30px;
            -webkti-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
            -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
            -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
            -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
            transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
          }
          .post-module .post-content .category {
            position: absolute;
            top: -34px;  
            left: 0;
            background: var(--sc-primary);
            padding: 10px 15px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            width :70% !important;
            max-width: 70% !important;
          }
          .post-module .post-content .title {
            margin: 0;
            padding: 0 0 10px;
            color:var(--thirdcolor)!important;
            font-size: 15px;
            font-weight: 700;
            
            max-height: 70px;
            min-height: 70px;
            /* max-height: 90px;
            min-height: 90px; */

            /* text-align: justify; */
          }
          .post-module .post-content .organizer {
            margin: 0;
            padding: 0 0 10px;
            color: var(--thirdcolor);
            font-size: 14px;
            font-weight: 300;
            /* margin-left:20px; */
            padding-bottom:20px;
            
            max-height: 50px;
            min-height: 40px;
            
          }

          .post-module .post-content .organizer p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.3em !important;
          }
          .post-module .post-content .organizer .organizer-description{
            
            color: var(--fourthcolor);
            font-size: 14px;
            line-height: 1.3em;
            padding-top: 4px;
          }
         
          .post-module .post-content .sub_title {
            margin: 0;
            padding: 0 0 20px;
            color: var(--sc-primary);
            font-size: 13px;
            font-weight: 400;
            
            min-height: 58px;
            max-height: 58px;
            

          }
          .post-module .post-content .description > a{
            color:var(--primary);
            display: none;
          }
          .post-module .post-content .description >p > a:hover {
            text-decoration: underline; /* Underline the link on hover */
        }
          .post-module .post-content .description>p {
            display: none;
            color: var(--fourthcolor);
            font-size: 14px !important ;
            line-height: 1.8em;
            white-space: nowrap;       /* Prevent the text from wrapping */
            overflow: hidden;          /* Hides the overflowed text */
            text-overflow: ellipsis;   
          }
          .column .post-module:hover .description>p  {
            white-space: normal;      /* Allow text to wrap on hover */
            overflow: visible;        /* Show the full text on hover */
        }
          
          .post-module .post-content .post-meta {
            margin: 30px 0 0;
            color: var(--fourthcolor);
          }
          .post-module .post-content .post-meta .timestamp {
            margin: 0 16px 0 0;
            
            font-size: 14px !important;
            font-weight: 300;
            text-transform: capitalize;
          }
          .post-module .post-content .post-meta a {
            color: var(--fourthcolor);
            text-decoration: none;
          }
          .post-module:hover .post-content {
            
            padding: 25px;
          }
          .post-module:hover > .post-content ~ .thumbnail .date {
            top: 55px !important;
        }
        .post-module:hover> .post-content .post-meta{
          margin: 12px 0 0 !important;
        }
        
          .hover .post-content .description >p,
          .post-module:hover .post-content .description p {
            /* display: block; */
            height: auto !important;
            opacity: 1 !important;
            display: -webkit-box;
            -webkit-line-clamp: 2; /* Change to 4 if you want 4 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
         

          .hover .post-content .description >a,
          .post-module:hover .post-content .description a{
            display: block;
          }


          .container .column {
            width: 100%;
            /* padding: 0 25px; */
            -webkti-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            padding: 0px 0px;
          }
          .container .column .demo-title {
            margin: 0 0 15px;
            color: var(--fourthcolor);
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
          }
          .container .info {
            width: 300px;
            margin: 50px auto;
            text-align: center;
          }
          .container .info h1 {
            margin: 0 0 15px;
            padding: 0;
            font-size: 24px;
            font-weight: bold;
            color: var(--thirdcolor);
          }
          .container .info span {
            color: var(--fourthcolor);
            font-size: 12px;
          }
          .container .info span a {
            color: var(--thirdcolor);
            text-decoration: none;
          }
          .container .info span .fa {
            color: var(--secoundcolor);
          }

          /* Pagination */
          .simple-pagination {
            display: flex !important;
            overflow: hidden;
            padding: 60px 5px 5px 0 !important;
            /* margin: 0; */
            margin: auto !important;
            text-align: center;
        }

.simple-pagination ul {
	margin: auto !important;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: var(--primary);
	/* padding: 5px 10px; */
	text-decoration: none;
	border: none;
	background-color: #f6f7f8;
    border-radius: 4px;
	/* box-shadow: 0px 0px 10px 0px #EEE; */

    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
}

.light-theme a:hover {
 
	color: #fff !important;
	/* padding: 5px 10px; */

	background-color: var(--primary) !important;
   
}
.simple-pagination .current {
	color: #FFF;
	background-color: #FF7182;
	border-color: #FF7182;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #f9f9f9;
}
.active .prev {
    background: #f6f7f8 !important;
    color: var(--primary) !important;
    border-color: #444;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}
.light-theme .current{
    color: #fff!important;
    background-color: var(--primary) !important;
}

/* calendar */

.fc-button-group>button{
}
.fc .fc-button{

  border: 1px solid rgba(0, 0, 0, .125);
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: var(--primary) !important;
    /* border-color: #000 !important; */
    color: var(--fc-button-text-color);
}
.fc .fc-button-primary {
    background-color: transparent;
    border-color: var(--fc-button-border-color);
    color: black;
}
.fc .fc-button-primary:hover {
    background-color: var(--sc-primary);

    border-color: var(--fc-button-hover-border-color);
    color: var(--fc-button-text-color);
}
.fc-h-event {
    background-color: var(--sc-primary);
    border: 1px solid var(--sc-primary);
    display: block;
}
.fc-event,.fc-daygrid-day-number{
   color: var(--primary) !important;
   font-size: 16px;
   line-height: 20px;
   font-family: helvetica-lt !important; 
}
.fc-event.fc-event-start.fc-event-past.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event{
  border-color: transparent;
  background-color: transparent !important;
}
.fc-popover-body .fc-event-start.fc-event-end>div, 
.fc-popover-body .fc-event >.fc-event-main>div, 
.fc-popover-body .fc-event >div{
background: transparent !important;
color: var(--primary) !important;
/* font-size: 14px; */

font-size: 0.85em;

}
.fc-popover-body .fc-event .fc-event-main,
  .fc-popover-body.fc-event.fc-event-main{

  padding-left: 3px !important;
}
a.fc-event.fc-event-start.fc-event-today.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event,
a.fc-event.fc-event-past.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event{
  
  /* border-color: rgb(142, 24, 55); */
  background-color: transparent !important;
  
  border-color: transparent !important;
  color: var(--primary);
  /* background-color: transparent !important; */
}
a.fc-event .fc-event-main{
    color: var(--gray-dark) !important;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* direction: rtl; */
    border-radius: 3px;
    font-size: 0.85em;
}
.fc .fc-view-harness{
  
  background: #e9ecef30;
}
.fc-col-header-cell-cushion{
    
    color: #000 !important;
   

}
.fc-daygrid-event-dot{

    border: calc(var(--fc-daygrid-event-dot-width) / 2) solid var(--sc-primary);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(230 230 230);
}

.fc .fc-button-primary:disabled {
    background-color: #e6e6e6;
    border-color: var(--fc-button-border-color);
    color: #000;
}
@media (max-width: 768px) {
  .fc-event>.fc-event-main >div,
  .fc-event>div{
    /* width: 30px;
    height: 30px;
    border-radius: 50%; */
    overflow: hidden; /* Hide the text */
    text-indent: -9999px; /* Optionally hides the text */
    padding: 0; /* Remove padding to ensure it stays circular */
  }
  .fc-event {
    line-height: 10px;
}
.fc .fc-daygrid-more-link{
  
  padding: 2px 0px;
  
  font-size: .6em;
  word-spacing: -3px;
  font-weight: 600;
}
.fc-day{
  padding: 5px!important;
}
}



.popover-content{
    font-size: 12px;
}
.popover-content>.title{
    font-weight: 800;
    font-size: 13px;
    /* text-align: center; */
}

.popover-content>span>.button{

    background-color: transparent !important;
    float: right;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    border: 1px solid transparent;
}


.popover-content>.button{
    background-color: var(--primary);
    color:#fff;
    width: max-content;
    font-size: 14px;
    text-align: center;
}

.popover-content > p >i {
  color: var(--primary);
}
.popover-content > p {
  
  font-size: 12px !important;
  line-height: 25px;
  color: #000;
}
.btn-close{
    float :right;
}
.fc-list-day-text,.fc-list-day-side-text,a.fc-daygrid-more-link.fc-more-link{
  
  color: #000;
}
.fc .fc-col-header-cell-cushion{
  
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 0px;
  
  font-size: 16px;
  font-weight: 500;
  color: rgb(51, 51, 51);
  /* color: */
  margin-left: 4px;
  font-family: helvetica-md;
  text-decoration: none;

}
.fc-event-title.fc-sticky{
  font-size: 14px;
  font-family:helvetica-md;
}
.fc-popover-body >.fc-daygrid-event-harness> a.fc-event.fc-event-start.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event{

  background-color: transparent;
}
.fc-popover-body >.fc-daygrid-event-harness>a>div>div>div>.fc-event-title.fc-sticky{
  color: var(--primary);
}

@media (max-width: 1200px) {
  .filter-container {
    grid-template-columns: repeat(2, 1fr);
  }
}


.fc-view-harness.fc-view-harness-active{
  
  height: 552.5px !important;
}
.ms-rtestate-field TABLE, .ms-rtestate-write TABLE{
  
  margin: 0px 0px !important;
}
.ms-rtestate-field TABLE> thead{
  background-color: transparent;
}
tr.fc-scrollgrid-section.fc-scrollgrid-section-body.fc-scrollgrid-section-liquid>td{
  padding: 0px;
}
.bootstrap-select {
  
  display: none;
  /* width: 235px  !important; */
  /* width: 151px !important; */


  /* border-right: none;
  border-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  background-color: transparent;
  
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0; */
}
button.removefocus{
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  min-width: max-content;
  height: 40px;
  color: var(--primary);
  border-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
                                  
}
.bootstrap-select .dropdown-toggle{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.svg-size{
  width: 23px;
  margin-top: 5px;
}
hr{
  margin-bottom: 6px!important;
}

.btn-calendar{
  border-color:transparent!important; 
  color: var(--primary); 
  background: transparent !important;
  float: right !important;
  top: -4px;
  position: relative;
  padding: 7px 0px;
  margin: 0px;
  width: max-content;
  min-width: 0px;
}
#listViewBtn>i{

  color: var(--secoundcolor);
}
.fc-direction-ltr .fc-button-group > .fc-button{
  border : 1px solid rgba(0, 0, 0, .125) !important;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  
  border: 1px solid #e9e9e9 !important;
}

.dropdown-menu.inner {
  max-height: 200px !important; /* Adjust height as needed */
  overflow-y: auto !important; /* Enable vertical scrolling */
}

td.fc-day.fc-day-sat.fc-daygrid-day, td.fc-day.fc-day-fri.fc-daygrid-day{ 
  background-color: #8e18370d  !important;
}


.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid transparent !important;
  border-radius: 4px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* bottom: 9px; */
  position: sticky;
}
span.select2.select2-container.select2-container--default.form-control.select2-container--below.select2-container--focus{
  
  padding: 7px;
}

@media screen and (max-width: 500px) {

  input[type=button], input[type=reset], input[type=submit], button {
    min-width: 4em;
    /* padding: 0px 0px !important; */
  }
  .container:not(.exclude):not(.rs-container):not(.Undergrad):not(.graduate):not(.slick_slider_container) {
    max-width: unset;
    padding-right: 1% !important;
    padding-left: 1% !important;
    
    min-width: 0px;
  }

}
/* Loader Container */
/* Loader Container */
.loader-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

/* Spinner Animation */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid var(--primary); 
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Background Blur Effect */
.blur {
  filter: blur(5px);
  pointer-events: none; /* Prevents interactions while loading */
}

.select2-container{
    width: 87%;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 1px solid #e9e9e9 !important;
    height: 40px;
    font-size: 13px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #444;
    padding: 9px 1px;
}


.eventBlock{
  /* display: inline-block !important;
  background-color: purple !important; */
  
  height: 7px;
}

a.fc-event.fc-event-start.fc-event-end.fc-event-future.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event,
a.fc-event.fc-event-start.fc-event-future.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event,
a.fc-event.fc-event-future.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
  background-color: transparent !important;
  /* border: none; */
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {

  background-color: transparent !important;

  margin-left: 0px;
}

.popover>.arrow{
  /* left:0px !important; */
}


button.close.close-popover {
  width: 1.2em;
  max-width: max-content;
  min-width: 1.2em;
  color: #000;
  border: #000;
  border: 1px solid #ababab;
  
  font-size: 1.3em;

}

.search-style>select{
  height: calc(2.40rem + 2px) !important;
}

@media (max-width: 992px) {
  .fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-end;
  }

  .fc-event.fc-event-start.fc-event-past.eventClass.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    border-color: transparent;
    background-color: transparent !important;
  }
  
}

select>option{
  text-transform: capitalize;
}

.bootstrap-select.btn-group .dropdown-menu{
  
  max-width: inherit;
  width: inherit;
}
.buttons-container {
  display: flex;
  justify-content: flex-end; /* Default: Align to the right (LTR) */
}
.buttons-container>button{
  
  font-family: 'helvetica-lt';
  font-size: 14px;
}
/* Align to left when in RTL mode */
html[dir="rtl"] .buttons-container {
  
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: row-reverse;
  
  padding-left: 20px !important;
}




@media (max-width: 768px) {
  .buttons-container {
  
    justify-content: center !important;
  }
}