.tooltip-popup {
	position:relative;
	cursor:pointer;
}
.tooltip-popup .popup-content {
	visibility:hidden;
	width:400px;
	background-color:#646B70;
	color:#ffffff;
	text-align:center;
	border-radius:6px;
	padding:5px;
	position:absolute;
	z-index:9999;
	bottom:100%;
	left:50%;
	margin-left:-100px;
	opacity:0;
	transition:opacity 0.3s;
}
.tooltip-popup:hover .popup-content,.tooltip-popup:focus .popup-content {
	visibility:visible;
	opacity: 1;
}

.select2-selection__choice__display{
	padding: 13px !important;
}
textarea.select2-search__field{
	text-align: -webkit-center;
        width: 95% !important;
}

.form-header{
 	text-align: center; 
	margin-bottom: 30px;
}

.continue-btn {
    background-color: #fff;
    border: 1px solid #ff9b44;
    border-radius: 50px;
    color: #ff9b44;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
}

.cancel-btn:hover, .cancel-btn:focus, .cancel-btn:active {
    background-color: #ff9b44;
    border: 1px solid #ff9b44;
    color: #fff;
}

    .table thead th {
      background: #f0f0f0;
    }

       #loader {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 109%;
      height: 110%;
      background: rgb(83 83 83 / 80%);
      z-index: 1000;
      text-align: center;
      padding-top: 38%;
      color: white;
   }

   #emoji-input {
        width: 100%;
        min-height: 35px;
        max-height: 35px;
        overflow: hidden;
        padding: 6px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        line-height: 1.5;
        white-space: nowrap;
    }

    /* Make the toolbar show emojis in a single row */
    .tox-tinymce {
        border: none;
        box-shadow: none;
    }

    .tox-tinymce-inline {
        border: none;
    }

    .tox-tbtn {
        height: 35px;
    }

    /* Customize the emoji picker to be less intrusive */
    .tox .tox-toolbar {
        padding: 0;
        background-color: transparent;
    }

    .tox .tox-toolbar__primary {
        display: flex;
        flex-wrap: nowrap;
    }

    .tox-toolbar-overlord {
        background-color: transparent;
    }
    div.tox.tox-tinymce.tox-tinymce-inline.tox-tinymce--toolbar-sticky-off{
    	width: auto !important;
    }
    body[data-sidebar-size=sm] .vertical-menu {
            position: fixed !important;
}
.notification-item .d-flex:hover {
background: white !important;
}
.bg-bubbles li{
    background-color: rgb(0 0 0 / 10%) !important;
}
.bg-overlay{
        background-color: transparent !important;
}

.animated-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.mini-stat-img {
    position: relative;
    z-index: 2;
}

.background-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    animation: move-bg 10s linear infinite;
}

@keyframes move-bg {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Customizing each card's background animation */
.bg-secondary .background-animation {
    background: linear-gradient(90deg, rgba(0, 0, 255, 0.2), rgba(255, 0, 255, 0.3));
}

.bg-danger .background-animation {
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.3), rgba(255, 165, 0, 0.3));
}

.bg-success .background-animation {
    background: linear-gradient(90deg, rgba(0, 255, 0, 0.3), rgba(0, 128, 128, 0.3));
}

.bg-warning .background-animation {
    background: linear-gradient(90deg, rgba(255, 255, 0, 0.3), rgba(255, 140, 0, 0.3));
}

/* Card content styling */
.custom_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.text-uppercase {
    letter-spacing: 1px;
}

.mini-stat-icon {
    font-size: 2rem;
    opacity: 0.7;
}
#page-topbar {
    position: relative;
    background: linear-gradient(90deg, rgba(255, 239, 186, 0.8), rgba(255, 150, 90, 0.8)); /* Soft Pastel Yellow to Coral-Orange */
    animation: gradientAnimation 6s ease infinite;
    z-index: 100;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.navbar-header .navbar-brand-box .logo img {
    transition: transform 0.3s ease;
}

.navbar-header .navbar-brand-box .logo:hover img {
    transform: scale(1.1);
}

.header-item {
    color: #fff;
}

.header-item .badge {
    background-color: rgba(0, 255, 0, 0.8);
}

.header-item .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
}

#mytable thead th {
    background-color: lavender;
}

.welcome-box {
    border-bottom: 1px solid #ededed;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.welcome-img img {
    border-radius: 8px;
    width: 60px;
}


  @keyframes blink {
    0% { border-color: transparent; }
    50% { border-color: black; }
    100% { border-color: transparent; }
  }

  .blink-border {
    animation: blink 1s infinite; 
  }


.profile-user::before {
    content: "Profile Overview"; /* Replace with your text */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px; /* Adjust as needed */
    z-index: 1;
    text-align: center;
}


div#chat-container.chat-conversation.p-3 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 1422 800" opacity="1"><g stroke-width="1.5" stroke="hsl(352, 100%, 76%)" fill="none" stroke-linecap="round"><line x1="0" y1="0" x2="50" y2="50" opacity="0.45"></line><line x1="50" y1="0" x2="100" y2="50" opacity="0.80"></line><line x1="100" y1="0" x2="150" y2="50" opacity="0.89"></line><line x1="150" y1="0" x2="200" y2="50" opacity="0.56"></line><line x1="200" y1="0" x2="250" y2="50" opacity="0.85"></line><line x1="250" y1="0" x2="300" y2="50" opacity="0.38"></line><line x1="300" y1="0" x2="350" y2="50" opacity="0.95"></line><line x1="350" y1="0" x2="400" y2="50" opacity="0.96"></line><line x1="400" y1="0" x2="450" y2="50" opacity="0.20"></line><line x1="450" y1="0" x2="500" y2="50" opacity="0.92"></line><line x1="500" y1="0" x2="550" y2="50" opacity="0.25"></line><line x1="550" y1="0" x2="600" y2="50" opacity="0.12"></line><line x1="600" y1="0" x2="650" y2="50" opacity="0.40"></line><line x1="650" y1="0" x2="700" y2="50" opacity="0.38"></line><line x1="700" y1="0" x2="750" y2="50" opacity="0.38"></line><line x1="750" y1="0" x2="800" y2="50" opacity="0.36"></line><line x1="800" y1="0" x2="850" y2="50" opacity="0.90"></line><line x1="850" y1="0" x2="900" y2="50" opacity="0.32"></line><line x1="900" y1="0" x2="950" y2="50" opacity="0.75"></line><line x1="950" y1="0" x2="1000" y2="50" opacity="0.55"></line><line x1="1000" y1="0" x2="1050" y2="50" opacity="0.90"></line><line x1="1050" y1="0" x2="1100" y2="50" opacity="0.48"></line><line x1="1100" y1="0" x2="1150" y2="50" opacity="0.39"></line><line x1="1150" y1="0" x2="1200" y2="50" opacity="0.42"></line><line x1="1200" y1="0" x2="1250" y2="50" opacity="0.96"></line><line x1="1250" y1="0" x2="1300" y2="50" opacity="0.17"></line><line x1="1300" y1="0" x2="1350" y2="50" opacity="0.38"></line><line x1="1350" y1="0" x2="1400" y2="50" opacity="0.80"></line><line x1="1400" y1="0" x2="1450" y2="50" opacity="0.60"></line><line x1="0" y1="50" x2="50" y2="100" opacity="0.78"></line><line x1="100" y1="50" x2="50" y2="100" opacity="0.72"></line><line x1="100" y1="50" x2="150" y2="100" opacity="0.57"></line><line x1="150" y1="50" x2="200" y2="100" opacity="0.45"></line><line x1="200" y1="50" x2="250" y2="100" opacity="0.15"></line><line x1="250" y1="50" x2="300" y2="100" opacity="0.73"></line><line x1="350" y1="50" x2="300" y2="100" opacity="0.72"></line><line x1="350" y1="50" x2="400" y2="100" opacity="0.82"></line><line x1="400" y1="50" x2="450" y2="100" opacity="0.80"></line><line x1="450" y1="50" x2="500" y2="100" opacity="0.75"></line><line x1="500" y1="50" x2="550" y2="100" opacity="0.50"></line><line x1="600" y1="50" x2="550" y2="100" opacity="0.95"></line><line x1="600" y1="50" x2="650" y2="100" opacity="0.41"></line><line x1="650" y1="50" x2="700" y2="100" opacity="0.73"></line><line x1="700" y1="50" x2="750" y2="100" opacity="0.59"></line><line x1="800" y1="50" x2="750" y2="100" opacity="0.87"></line><line x1="800" y1="50" x2="850" y2="100" opacity="0.48"></line><line x1="850" y1="50" x2="900" y2="100" opacity="0.47"></line><line x1="900" y1="50" x2="950" y2="100" opacity="0.11"></line><line x1="950" y1="50" x2="1000" y2="100" opacity="0.41"></line><line x1="1000" y1="50" x2="1050" y2="100" opacity="0.71"></line><line x1="1050" y1="50" x2="1100" y2="100" opacity="0.72"></line><line x1="1100" y1="50" x2="1150" y2="100" opacity="0.17"></line><line x1="1200" y1="50" x2="1150" y2="100" opacity="0.16"></line><line x1="1200" y1="50" x2="1250" y2="100" opacity="0.28"></line><line x1="1300" y1="50" x2="1250" y2="100" opacity="0.34"></line><line x1="1300" y1="50" x2="1350" y2="100" opacity="0.53"></line><line x1="1400" y1="50" x2="1350" y2="100" opacity="0.57"></line><line x1="1400" y1="50" x2="1450" y2="100" opacity="0.50"></line><line x1="0" y1="100" x2="50" y2="150" opacity="0.93"></line><line x1="50" y1="100" x2="100" y2="150" opacity="0.34"></line><line x1="100" y1="100" x2="150" y2="150" opacity="0.28"></line><line x1="150" y1="100" x2="200" y2="150" opacity="0.07"></line><line x1="200" y1="100" x2="250" y2="150" opacity="0.37"></line><line x1="250" y1="100" x2="300" y2="150" opacity="0.19"></line><line x1="300" y1="100" x2="350" y2="150" opacity="0.56"></line><line x1="350" y1="100" x2="400" y2="150" opacity="0.44"></line><line x1="400" y1="100" x2="450" y2="150" opacity="0.49"></line><line x1="450" y1="100" x2="500" y2="150" opacity="0.61"></line><line x1="550" y1="100" x2="500" y2="150" opacity="0.17"></line><line x1="550" y1="100" x2="600" y2="150" opacity="0.16"></line><line x1="600" y1="100" x2="650" y2="150" opacity="0.78"></line><line x1="700" y1="100" x2="650" y2="150" opacity="0.76"></line><line x1="700" y1="100" x2="750" y2="150" opacity="0.55"></line><line x1="750" y1="100" x2="800" y2="150" opacity="0.10"></line><line x1="800" y1="100" x2="850" y2="150" opacity="0.88"></line><line x1="850" y1="100" x2="900" y2="150" opacity="0.96"></line><line x1="900" y1="100" x2="950" y2="150" opacity="0.25"></line><line x1="950" y1="100" x2="1000" y2="150" opacity="0.99"></line><line x1="1000" y1="100" x2="1050" y2="150" opacity="0.76"></line><line x1="1050" y1="100" x2="1100" y2="150" opacity="0.89"></line><line x1="1100" y1="100" x2="1150" y2="150" opacity="0.90"></line><line x1="1150" y1="100" x2="1200" y2="150" opacity="0.39"></line><line x1="1200" y1="100" x2="1250" y2="150" opacity="0.92"></line><line x1="1250" y1="100" x2="1300" y2="150" opacity="0.18"></line><line x1="1300" y1="100" x2="1350" y2="150" opacity="0.13"></line><line x1="1350" y1="100" x2="1400" y2="150" opacity="0.16"></line><line x1="1400" y1="100" x2="1450" y2="150" opacity="0.82"></line><line x1="50" y1="150" x2="0" y2="200" opacity="0.91"></line><line x1="50" y1="150" x2="100" y2="200" opacity="0.67"></line><line x1="100" y1="150" x2="150" y2="200" opacity="0.81"></line><line x1="150" y1="150" x2="200" y2="200" opacity="0.96"></line><line x1="200" y1="150" x2="250" y2="200" opacity="0.78"></line><line x1="250" y1="150" x2="300" y2="200" opacity="0.97"></line><line x1="300" y1="150" x2="350" y2="200" opacity="0.22"></line><line x1="350" y1="150" x2="400" y2="200" opacity="0.74"></line><line x1="400" y1="150" x2="450" y2="200" opacity="0.31"></line><line x1="450" y1="150" x2="500" y2="200" opacity="0.82"></line><line x1="550" y1="150" x2="500" y2="200" opacity="0.56"></line><line x1="550" y1="150" x2="600" y2="200" opacity="0.22"></line><line x1="650" y1="150" x2="600" y2="200" opacity="0.76"></line><line x1="650" y1="150" x2="700" y2="200" opacity="0.53"></line><line x1="700" y1="150" x2="750" y2="200" opacity="0.87"></line><line x1="750" y1="150" x2="800" y2="200" opacity="0.36"></line><line x1="800" y1="150" x2="850" y2="200" opacity="0.32"></line><line x1="900" y1="150" x2="850" y2="200" opacity="0.62"></line><line x1="950" y1="150" x2="900" y2="200" opacity="0.92"></line><line x1="1000" y1="150" x2="950" y2="200" opacity="1.00"></line><line x1="1000" y1="150" x2="1050" y2="200" opacity="0.76"></line><line x1="1050" y1="150" x2="1100" y2="200" opacity="0.40"></line><line x1="1100" y1="150" x2="1150" y2="200" opacity="0.38"></line><line x1="1200" y1="150" x2="1150" y2="200" opacity="0.37"></line><line x1="1200" y1="150" x2="1250" y2="200" opacity="0.99"></line><line x1="1250" y1="150" x2="1300" y2="200" opacity="0.93"></line><line x1="1300" y1="150" x2="1350" y2="200" opacity="0.21"></line><line x1="1350" y1="150" x2="1400" y2="200" opacity="0.30"></line><line x1="1400" y1="150" x2="1450" y2="200" opacity="0.84"></line><line x1="0" y1="200" x2="50" y2="250" opacity="0.36"></line><line x1="50" y1="200" x2="100" y2="250" opacity="1.00"></line><line x1="100" y1="200" x2="150" y2="250" opacity="0.62"></line><line x1="150" y1="200" x2="200" y2="250" opacity="0.98"></line><line x1="200" y1="200" x2="250" y2="250" opacity="0.21"></line><line x1="250" y1="200" x2="300" y2="250" opacity="0.92"></line><line x1="300" y1="200" x2="350" y2="250" opacity="0.71"></line><line x1="350" y1="200" x2="400" y2="250" opacity="0.36"></line><line x1="400" y1="200" x2="450" y2="250" opacity="0.59"></line><line x1="450" y1="200" x2="500" y2="250" opacity="0.82"></line><line x1="500" y1="200" x2="550" y2="250" opacity="0.33"></line><line x1="550" y1="200" x2="600" y2="250" opacity="0.95"></line><line x1="650" y1="200" x2="600" y2="250" opacity="0.24"></line><line x1="650" y1="200" x2="700" y2="250" opacity="0.98"></line><line x1="700" y1="200" x2="750" y2="250" opacity="0.08"></line><line x1="750" y1="200" x2="800" y2="250" opacity="0.52"></line><line x1="800" y1="200" x2="850" y2="250" opacity="0.65"></line><line x1="850" y1="200" x2="900" y2="250" opacity="0.69"></line><line x1="900" y1="200" x2="950" y2="250" opacity="0.08"></line><line x1="950" y1="200" x2="1000" y2="250" opacity="0.63"></line><line x1="1000" y1="200" x2="1050" y2="250" opacity="0.20"></line><line x1="1050" y1="200" x2="1100" y2="250" opacity="0.96"></line><line x1="1100" y1="200" x2="1150" y2="250" opacity="0.48"></line><line x1="1150" y1="200" x2="1200" y2="250" opacity="0.28"></line><line x1="1200" y1="200" x2="1250" y2="250" opacity="0.15"></line><line x1="1300" y1="200" x2="1250" y2="250" opacity="0.95"></line><line x1="1300" y1="200" x2="1350" y2="250" opacity="0.35"></line><line x1="1350" y1="200" x2="1400" y2="250" opacity="0.12"></line><line x1="1400" y1="200" x2="1450" y2="250" opacity="0.72"></line><line x1="0" y1="250" x2="50" y2="300" opacity="0.33"></line><line x1="100" y1="250" x2="50" y2="300" opacity="0.85"></line><line x1="100" y1="250" x2="150" y2="300" opacity="0.93"></line><line x1="150" y1="250" x2="200" y2="300" opacity="0.37"></line><line x1="200" y1="250" x2="250" y2="300" opacity="0.45"></line><line x1="250" y1="250" x2="300" y2="300" opacity="0.17"></line><line x1="300" y1="250" x2="350" y2="300" opacity="0.77"></line><line x1="350" y1="250" x2="400" y2="300" opacity="0.48"></line><line x1="400" y1="250" x2="450" y2="300" opacity="0.43"></line><line x1="500" y1="250" x2="450" y2="300" opacity="0.20"></line><line x1="500" y1="250" x2="550" y2="300" opacity="0.71"></line><line x1="550" y1="250" x2="600" y2="300" opacity="0.52"></line><line x1="600" y1="250" x2="650" y2="300" opacity="0.71"></line><line x1="650" y1="250" x2="700" y2="300" opacity="0.75"></line><line x1="700" y1="250" x2="750" y2="300" opacity="0.40"></line><line x1="750" y1="250" x2="800" y2="300" opacity="0.84"></line><line x1="800" y1="250" x2="850" y2="300" opacity="0.27"></line><line x1="850" y1="250" x2="900" y2="300" opacity="0.73"></line><line x1="900" y1="250" x2="950" y2="300" opacity="0.12"></line><line x1="950" y1="250" x2="1000" y2="300" opacity="0.64"></line><line x1="1050" y1="250" x2="1000" y2="300" opacity="0.12"></line><line x1="1050" y1="250" x2="1100" y2="300" opacity="0.53"></line><line x1="1100" y1="250" x2="1150" y2="300" opacity="0.27"></line><line x1="1150" y1="250" x2="1200" y2="300" opacity="0.44"></line><line x1="1200" y1="250" x2="1250" y2="300" opacity="0.75"></line><line x1="1250" y1="250" x2="1300" y2="300" opacity="0.07"></line><line x1="1300" y1="250" x2="1350" y2="300" opacity="0.52"></line><line x1="1350" y1="250" x2="1400" y2="300" opacity="0.60"></line><line x1="1400" y1="250" x2="1450" y2="300" opacity="0.86"></line><line x1="0" y1="300" x2="50" y2="350" opacity="0.19"></line><line x1="50" y1="300" x2="100" y2="350" opacity="0.92"></line><line x1="100" y1="300" x2="150" y2="350" opacity="0.52"></line><line x1="150" y1="300" x2="200" y2="350" opacity="0.80"></line><line x1="200" y1="300" x2="250" y2="350" opacity="0.98"></line><line x1="250" y1="300" x2="300" y2="350" opacity="0.73"></line><line x1="300" y1="300" x2="350" y2="350" opacity="0.10"></line><line x1="350" y1="300" x2="400" y2="350" opacity="0.11"></line><line x1="400" y1="300" x2="450" y2="350" opacity="0.85"></line><line x1="450" y1="300" x2="500" y2="350" opacity="0.51"></line><line x1="500" y1="300" x2="550" y2="350" opacity="0.94"></line><line x1="550" y1="300" x2="600" y2="350" opacity="0.36"></line><line x1="600" y1="300" x2="650" y2="350" opacity="0.50"></line><line x1="650" y1="300" x2="700" y2="350" opacity="0.54"></line><line x1="700" y1="300" x2="750" y2="350" opacity="0.65"></line><line x1="800" y1="300" x2="750" y2="350" opacity="0.39"></line><line x1="800" y1="300" x2="850" y2="350" opacity="0.61"></line><line x1="850" y1="300" x2="900" y2="350" opacity="0.38"></line><line x1="900" y1="300" x2="950" y2="350" opacity="0.60"></line><line x1="950" y1="300" x2="1000" y2="350" opacity="0.07"></line><line x1="1000" y1="300" x2="1050" y2="350" opacity="0.41"></line><line x1="1050" y1="300" x2="1100" y2="350" opacity="0.15"></line><line x1="1100" y1="300" x2="1150" y2="350" opacity="0.20"></line><line x1="1150" y1="300" x2="1200" y2="350" opacity="0.42"></line><line x1="1200" y1="300" x2="1250" y2="350" opacity="0.76"></line><line x1="1250" y1="300" x2="1300" y2="350" opacity="0.73"></line><line x1="1300" y1="300" x2="1350" y2="350" opacity="0.21"></line><line x1="1350" y1="300" x2="1400" y2="350" opacity="1.00"></line><line x1="1400" y1="300" x2="1450" y2="350" opacity="0.08"></line><line x1="0" y1="350" x2="50" y2="400" opacity="0.59"></line><line x1="50" y1="350" x2="100" y2="400" opacity="0.17"></line><line x1="100" y1="350" x2="150" y2="400" opacity="0.28"></line><line x1="150" y1="350" x2="200" y2="400" opacity="0.85"></line><line x1="200" y1="350" x2="250" y2="400" opacity="0.35"></line><line x1="300" y1="350" x2="250" y2="400" opacity="0.80"></line><line x1="300" y1="350" x2="350" y2="400" opacity="0.12"></line><line x1="350" y1="350" x2="400" y2="400" opacity="0.99"></line><line x1="400" y1="350" x2="450" y2="400" opacity="0.22"></line><line x1="450" y1="350" x2="500" y2="400" opacity="0.88"></line><line x1="500" y1="350" x2="550" y2="400" opacity="0.56"></line><line x1="550" y1="350" x2="600" y2="400" opacity="0.95"></line><line x1="600" y1="350" x2="650" y2="400" opacity="0.23"></line><line x1="650" y1="350" x2="700" y2="400" opacity="0.35"></line><line x1="700" y1="350" x2="750" y2="400" opacity="0.51"></line><line x1="750" y1="350" x2="800" y2="400" opacity="0.36"></line><line x1="850" y1="350" x2="800" y2="400" opacity="0.38"></line><line x1="850" y1="350" x2="900" y2="400" opacity="0.26"></line><line x1="900" y1="350" x2="950" y2="400" opacity="0.85"></line><line x1="950" y1="350" x2="1000" y2="400" opacity="0.82"></line><line x1="1000" y1="350" x2="1050" y2="400" opacity="0.47"></line><line x1="1050" y1="350" x2="1100" y2="400" opacity="0.12"></line><line x1="1100" y1="350" x2="1150" y2="400" opacity="0.27"></line><line x1="1150" y1="350" x2="1200" y2="400" opacity="0.31"></line><line x1="1200" y1="350" x2="1250" y2="400" opacity="0.82"></line><line x1="1250" y1="350" x2="1300" y2="400" opacity="0.54"></line><line x1="1300" y1="350" x2="1350" y2="400" opacity="0.48"></line><line x1="1350" y1="350" x2="1400" y2="400" opacity="0.89"></line><line x1="1400" y1="350" x2="1450" y2="400" opacity="0.24"></line><line x1="0" y1="400" x2="50" y2="450" opacity="0.69"></line><line x1="50" y1="400" x2="100" y2="450" opacity="0.13"></line><line x1="100" y1="400" x2="150" y2="450" opacity="0.68"></line><line x1="150" y1="400" x2="200" y2="450" opacity="0.57"></line><line x1="200" y1="400" x2="250" y2="450" opacity="0.20"></line><line x1="250" y1="400" x2="300" y2="450" opacity="0.96"></line><line x1="300" y1="400" x2="350" y2="450" opacity="0.23"></line><line x1="350" y1="400" x2="400" y2="450" opacity="0.18"></line><line x1="400" y1="400" x2="450" y2="450" opacity="0.33"></line><line x1="450" y1="400" x2="500" y2="450" opacity="0.32"></line><line x1="550" y1="400" x2="500" y2="450" opacity="0.31"></line><line x1="550" y1="400" x2="600" y2="450" opacity="0.45"></line><line x1="650" y1="400" x2="600" y2="450" opacity="0.18"></line><line x1="700" y1="400" x2="650" y2="450" opacity="0.19"></line><line x1="700" y1="400" x2="750" y2="450" opacity="0.43"></line><line x1="750" y1="400" x2="800" y2="450" opacity="0.61"></line><line x1="800" y1="400" x2="850" y2="450" opacity="0.90"></line><line x1="850" y1="400" x2="900" y2="450" opacity="0.24"></line><line x1="900" y1="400" x2="950" y2="450" opacity="0.18"></line><line x1="950" y1="400" x2="1000" y2="450" opacity="0.62"></line><line x1="1000" y1="400" x2="1050" y2="450" opacity="0.96"></line><line x1="1050" y1="400" x2="1100" y2="450" opacity="0.68"></line><line x1="1100" y1="400" x2="1150" y2="450" opacity="0.74"></line><line x1="1200" y1="400" x2="1150" y2="450" opacity="0.79"></line><line x1="1200" y1="400" x2="1250" y2="450" opacity="0.14"></line><line x1="1250" y1="400" x2="1300" y2="450" opacity="0.17"></line><line x1="1300" y1="400" x2="1350" y2="450" opacity="0.31"></line><line x1="1350" y1="400" x2="1400" y2="450" opacity="0.45"></line><line x1="1400" y1="400" x2="1450" y2="450" opacity="0.89"></line><line x1="0" y1="450" x2="50" y2="500" opacity="0.07"></line><line x1="50" y1="450" x2="100" y2="500" opacity="0.78"></line><line x1="100" y1="450" x2="150" y2="500" opacity="0.27"></line><line x1="150" y1="450" x2="200" y2="500" opacity="0.80"></line><line x1="200" y1="450" x2="250" y2="500" opacity="0.96"></line><line x1="250" y1="450" x2="300" y2="500" opacity="0.44"></line><line x1="300" y1="450" x2="350" y2="500" opacity="0.94"></line><line x1="350" y1="450" x2="400" y2="500" opacity="0.39"></line><line x1="400" y1="450" x2="450" y2="500" opacity="0.11"></line><line x1="450" y1="450" x2="500" y2="500" opacity="0.19"></line><line x1="500" y1="450" x2="550" y2="500" opacity="0.08"></line><line x1="550" y1="450" x2="600" y2="500" opacity="0.97"></line><line x1="600" y1="450" x2="650" y2="500" opacity="0.91"></line><line x1="650" y1="450" x2="700" y2="500" opacity="0.48"></line><line x1="700" y1="450" x2="750" y2="500" opacity="0.67"></line><line x1="800" y1="450" x2="750" y2="500" opacity="0.55"></line><line x1="800" y1="450" x2="850" y2="500" opacity="0.61"></line><line x1="850" y1="450" x2="900" y2="500" opacity="0.65"></line><line x1="950" y1="450" x2="900" y2="500" opacity="0.39"></line><line x1="950" y1="450" x2="1000" y2="500" opacity="0.66"></line><line x1="1000" y1="450" x2="1050" y2="500" opacity="0.51"></line><line x1="1050" y1="450" x2="1100" y2="500" opacity="0.20"></line><line x1="1100" y1="450" x2="1150" y2="500" opacity="0.20"></line><line x1="1150" y1="450" x2="1200" y2="500" opacity="0.62"></line><line x1="1200" y1="450" x2="1250" y2="500" opacity="0.81"></line><line x1="1250" y1="450" x2="1300" y2="500" opacity="0.40"></line><line x1="1350" y1="450" x2="1300" y2="500" opacity="0.24"></line><line x1="1350" y1="450" x2="1400" y2="500" opacity="0.79"></line><line x1="1450" y1="450" x2="1400" y2="500" opacity="0.37"></line><line x1="0" y1="500" x2="50" y2="550" opacity="0.47"></line><line x1="50" y1="500" x2="100" y2="550" opacity="0.97"></line><line x1="100" y1="500" x2="150" y2="550" opacity="0.95"></line><line x1="150" y1="500" x2="200" y2="550" opacity="0.21"></line><line x1="200" y1="500" x2="250" y2="550" opacity="0.16"></line><line x1="300" y1="500" x2="250" y2="550" opacity="0.87"></line><line x1="300" y1="500" x2="350" y2="550" opacity="0.78"></line><line x1="350" y1="500" x2="400" y2="550" opacity="0.74"></line><line x1="400" y1="500" x2="450" y2="550" opacity="0.54"></line><line x1="500" y1="500" x2="450" y2="550" opacity="0.23"></line><line x1="500" y1="500" x2="550" y2="550" opacity="0.56"></line><line x1="550" y1="500" x2="600" y2="550" opacity="0.29"></line><line x1="600" y1="500" x2="650" y2="550" opacity="0.95"></line><line x1="700" y1="500" x2="650" y2="550" opacity="0.47"></line><line x1="700" y1="500" x2="750" y2="550" opacity="0.88"></line><line x1="800" y1="500" x2="750" y2="550" opacity="0.54"></line><line x1="800" y1="500" x2="850" y2="550" opacity="0.62"></line><line x1="900" y1="500" x2="850" y2="550" opacity="0.34"></line><line x1="900" y1="500" x2="950" y2="550" opacity="0.31"></line><line x1="1000" y1="500" x2="950" y2="550" opacity="0.11"></line><line x1="1000" y1="500" x2="1050" y2="550" opacity="0.11"></line><line x1="1050" y1="500" x2="1100" y2="550" opacity="0.08"></line><line x1="1100" y1="500" x2="1150" y2="550" opacity="0.71"></line><line x1="1150" y1="500" x2="1200" y2="550" opacity="0.26"></line><line x1="1200" y1="500" x2="1250" y2="550" opacity="0.18"></line><line x1="1250" y1="500" x2="1300" y2="550" opacity="0.77"></line><line x1="1350" y1="500" x2="1300" y2="550" opacity="0.95"></line><line x1="1400" y1="500" x2="1350" y2="550" opacity="0.87"></line><line x1="1400" y1="500" x2="1450" y2="550" opacity="0.84"></line><line x1="50" y1="550" x2="0" y2="600" opacity="0.35"></line><line x1="50" y1="550" x2="100" y2="600" opacity="0.62"></line><line x1="100" y1="550" x2="150" y2="600" opacity="0.15"></line><line x1="150" y1="550" x2="200" y2="600" opacity="0.18"></line><line x1="200" y1="550" x2="250" y2="600" opacity="0.81"></line><line x1="250" y1="550" x2="300" y2="600" opacity="0.87"></line><line x1="300" y1="550" x2="350" y2="600" opacity="0.79"></line><line x1="350" y1="550" x2="400" y2="600" opacity="0.36"></line><line x1="400" y1="550" x2="450" y2="600" opacity="0.78"></line><line x1="450" y1="550" x2="500" y2="600" opacity="0.12"></line><line x1="500" y1="550" x2="550" y2="600" opacity="0.16"></line><line x1="550" y1="550" x2="600" y2="600" opacity="0.59"></line><line x1="600" y1="550" x2="650" y2="600" opacity="0.08"></line><line x1="650" y1="550" x2="700" y2="600" opacity="0.18"></line><line x1="750" y1="550" x2="700" y2="600" opacity="0.22"></line><line x1="750" y1="550" x2="800" y2="600" opacity="0.13"></line><line x1="850" y1="550" x2="800" y2="600" opacity="0.60"></line><line x1="850" y1="550" x2="900" y2="600" opacity="0.77"></line><line x1="900" y1="550" x2="950" y2="600" opacity="0.36"></line><line x1="950" y1="550" x2="1000" y2="600" opacity="0.84"></line><line x1="1000" y1="550" x2="1050" y2="600" opacity="0.31"></line><line x1="1050" y1="550" x2="1100" y2="600" opacity="0.51"></line><line x1="1150" y1="550" x2="1100" y2="600" opacity="0.66"></line><line x1="1200" y1="550" x2="1150" y2="600" opacity="0.37"></line><line x1="1200" y1="550" x2="1250" y2="600" opacity="0.72"></line><line x1="1300" y1="550" x2="1250" y2="600" opacity="0.13"></line><line x1="1300" y1="550" x2="1350" y2="600" opacity="0.74"></line><line x1="1350" y1="550" x2="1400" y2="600" opacity="0.83"></line><line x1="1400" y1="550" x2="1450" y2="600" opacity="0.43"></line><line x1="0" y1="600" x2="50" y2="650" opacity="0.30"></line><line x1="50" y1="600" x2="100" y2="650" opacity="0.31"></line><line x1="100" y1="600" x2="150" y2="650" opacity="0.89"></line><line x1="150" y1="600" x2="200" y2="650" opacity="0.87"></line><line x1="200" y1="600" x2="250" y2="650" opacity="0.98"></line><line x1="250" y1="600" x2="300" y2="650" opacity="0.08"></line><line x1="300" y1="600" x2="350" y2="650" opacity="0.71"></line><line x1="350" y1="600" x2="400" y2="650" opacity="0.56"></line><line x1="400" y1="600" x2="450" y2="650" opacity="0.21"></line><line x1="450" y1="600" x2="500" y2="650" opacity="0.32"></line><line x1="500" y1="600" x2="550" y2="650" opacity="0.49"></line><line x1="550" y1="600" x2="600" y2="650" opacity="0.88"></line><line x1="600" y1="600" x2="650" y2="650" opacity="0.85"></line><line x1="650" y1="600" x2="700" y2="650" opacity="0.37"></line><line x1="700" y1="600" x2="750" y2="650" opacity="0.87"></line><line x1="750" y1="600" x2="800" y2="650" opacity="0.42"></line><line x1="800" y1="600" x2="850" y2="650" opacity="0.25"></line><line x1="850" y1="600" x2="900" y2="650" opacity="0.61"></line><line x1="900" y1="600" x2="950" y2="650" opacity="0.13"></line><line x1="1000" y1="600" x2="950" y2="650" opacity="0.22"></line><line x1="1000" y1="600" x2="1050" y2="650" opacity="0.86"></line><line x1="1050" y1="600" x2="1100" y2="650" opacity="0.32"></line><line x1="1100" y1="600" x2="1150" y2="650" opacity="0.09"></line><line x1="1150" y1="600" x2="1200" y2="650" opacity="0.12"></line><line x1="1200" y1="600" x2="1250" y2="650" opacity="0.60"></line><line x1="1250" y1="600" x2="1300" y2="650" opacity="0.20"></line><line x1="1300" y1="600" x2="1350" y2="650" opacity="0.74"></line><line x1="1350" y1="600" x2="1400" y2="650" opacity="0.41"></line><line x1="1400" y1="600" x2="1450" y2="650" opacity="0.52"></line><line x1="0" y1="650" x2="50" y2="700" opacity="0.16"></line><line x1="50" y1="650" x2="100" y2="700" opacity="0.22"></line><line x1="100" y1="650" x2="150" y2="700" opacity="0.66"></line><line x1="150" y1="650" x2="200" y2="700" opacity="0.46"></line><line x1="200" y1="650" x2="250" y2="700" opacity="0.50"></line><line x1="250" y1="650" x2="300" y2="700" opacity="0.35"></line><line x1="300" y1="650" x2="350" y2="700" opacity="0.43"></line><line x1="350" y1="650" x2="400" y2="700" opacity="0.58"></line><line x1="400" y1="650" x2="450" y2="700" opacity="0.91"></line><line x1="450" y1="650" x2="500" y2="700" opacity="0.86"></line><line x1="500" y1="650" x2="550" y2="700" opacity="0.91"></line><line x1="550" y1="650" x2="600" y2="700" opacity="0.62"></line><line x1="600" y1="650" x2="650" y2="700" opacity="0.56"></line><line x1="650" y1="650" x2="700" y2="700" opacity="0.61"></line><line x1="700" y1="650" x2="750" y2="700" opacity="0.47"></line><line x1="750" y1="650" x2="800" y2="700" opacity="0.84"></line><line x1="800" y1="650" x2="850" y2="700" opacity="0.84"></line><line x1="850" y1="650" x2="900" y2="700" opacity="0.90"></line><line x1="900" y1="650" x2="950" y2="700" opacity="0.96"></line><line x1="950" y1="650" x2="1000" y2="700" opacity="0.76"></line><line x1="1000" y1="650" x2="1050" y2="700" opacity="0.89"></line><line x1="1050" y1="650" x2="1100" y2="700" opacity="0.99"></line><line x1="1100" y1="650" x2="1150" y2="700" opacity="0.95"></line><line x1="1150" y1="650" x2="1200" y2="700" opacity="0.17"></line><line x1="1250" y1="650" x2="1200" y2="700" opacity="0.77"></line><line x1="1250" y1="650" x2="1300" y2="700" opacity="0.10"></line><line x1="1300" y1="650" x2="1350" y2="700" opacity="0.69"></line><line x1="1400" y1="650" x2="1350" y2="700" opacity="0.61"></line><line x1="1400" y1="650" x2="1450" y2="700" opacity="0.77"></line><line x1="0" y1="700" x2="50" y2="750" opacity="0.45"></line><line x1="50" y1="700" x2="100" y2="750" opacity="0.64"></line><line x1="100" y1="700" x2="150" y2="750" opacity="0.38"></line><line x1="150" y1="700" x2="200" y2="750" opacity="0.56"></line><line x1="200" y1="700" x2="250" y2="750" opacity="1.00"></line><line x1="250" y1="700" x2="300" y2="750" opacity="0.20"></line><line x1="300" y1="700" x2="350" y2="750" opacity="0.63"></line><line x1="400" y1="700" x2="350" y2="750" opacity="0.18"></line><line x1="400" y1="700" x2="450" y2="750" opacity="0.56"></line><line x1="450" y1="700" x2="500" y2="750" opacity="0.12"></line><line x1="500" y1="700" x2="550" y2="750" opacity="0.27"></line><line x1="550" y1="700" x2="600" y2="750" opacity="0.31"></line><line x1="600" y1="700" x2="650" y2="750" opacity="0.13"></line><line x1="650" y1="700" x2="700" y2="750" opacity="0.67"></line><line x1="700" y1="700" x2="750" y2="750" opacity="0.53"></line><line x1="750" y1="700" x2="800" y2="750" opacity="0.85"></line><line x1="850" y1="700" x2="800" y2="750" opacity="0.78"></line><line x1="850" y1="700" x2="900" y2="750" opacity="0.49"></line><line x1="900" y1="700" x2="950" y2="750" opacity="0.41"></line><line x1="950" y1="700" x2="1000" y2="750" opacity="0.63"></line><line x1="1000" y1="700" x2="1050" y2="750" opacity="0.14"></line><line x1="1050" y1="700" x2="1100" y2="750" opacity="0.22"></line><line x1="1100" y1="700" x2="1150" y2="750" opacity="0.22"></line><line x1="1150" y1="700" x2="1200" y2="750" opacity="0.49"></line><line x1="1200" y1="700" x2="1250" y2="750" opacity="0.47"></line><line x1="1250" y1="700" x2="1300" y2="750" opacity="0.75"></line><line x1="1300" y1="700" x2="1350" y2="750" opacity="0.76"></line><line x1="1350" y1="700" x2="1400" y2="750" opacity="0.15"></line><line x1="1400" y1="700" x2="1450" y2="750" opacity="0.75"></line><line x1="0" y1="750" x2="50" y2="800" opacity="0.19"></line><line x1="50" y1="750" x2="100" y2="800" opacity="0.11"></line><line x1="100" y1="750" x2="150" y2="800" opacity="0.42"></line><line x1="150" y1="750" x2="200" y2="800" opacity="0.41"></line><line x1="200" y1="750" x2="250" y2="800" opacity="0.68"></line><line x1="250" y1="750" x2="300" y2="800" opacity="0.31"></line><line x1="300" y1="750" x2="350" y2="800" opacity="0.41"></line><line x1="350" y1="750" x2="400" y2="800" opacity="0.50"></line><line x1="400" y1="750" x2="450" y2="800" opacity="0.78"></line><line x1="450" y1="750" x2="500" y2="800" opacity="0.90"></line><line x1="550" y1="750" x2="500" y2="800" opacity="0.18"></line><line x1="550" y1="750" x2="600" y2="800" opacity="0.89"></line><line x1="600" y1="750" x2="650" y2="800" opacity="0.89"></line><line x1="650" y1="750" x2="700" y2="800" opacity="0.39"></line><line x1="700" y1="750" x2="750" y2="800" opacity="0.16"></line><line x1="750" y1="750" x2="800" y2="800" opacity="0.94"></line><line x1="850" y1="750" x2="800" y2="800" opacity="0.29"></line><line x1="850" y1="750" x2="900" y2="800" opacity="0.09"></line><line x1="900" y1="750" x2="950" y2="800" opacity="0.99"></line><line x1="1000" y1="750" x2="950" y2="800" opacity="0.24"></line><line x1="1000" y1="750" x2="1050" y2="800" opacity="0.98"></line><line x1="1050" y1="750" x2="1100" y2="800" opacity="0.58"></line><line x1="1150" y1="750" x2="1100" y2="800" opacity="0.61"></line><line x1="1150" y1="750" x2="1200" y2="800" opacity="0.82"></line><line x1="1200" y1="750" x2="1250" y2="800" opacity="0.90"></line><line x1="1300" y1="750" x2="1250" y2="800" opacity="0.62"></line><line x1="1300" y1="750" x2="1350" y2="800" opacity="1.00"></line><line x1="1350" y1="750" x2="1400" y2="800" opacity="0.56"></line><line x1="1400" y1="750" x2="1450" y2="800" opacity="0.50"></line><line x1="0" y1="800" x2="50" y2="850" opacity="0.11"></line><line x1="50" y1="800" x2="100" y2="850" opacity="0.28"></line><line x1="100" y1="800" x2="150" y2="850" opacity="0.32"></line><line x1="150" y1="800" x2="200" y2="850" opacity="0.87"></line><line x1="200" y1="800" x2="250" y2="850" opacity="0.63"></line><line x1="250" y1="800" x2="300" y2="850" opacity="0.68"></line><line x1="300" y1="800" x2="350" y2="850" opacity="0.32"></line><line x1="350" y1="800" x2="400" y2="850" opacity="0.80"></line><line x1="400" y1="800" x2="450" y2="850" opacity="0.29"></line><line x1="450" y1="800" x2="500" y2="850" opacity="0.15"></line><line x1="500" y1="800" x2="550" y2="850" opacity="0.08"></line><line x1="600" y1="800" x2="550" y2="850" opacity="0.64"></line><line x1="650" y1="800" x2="600" y2="850" opacity="0.09"></line><line x1="650" y1="800" x2="700" y2="850" opacity="0.62"></line><line x1="700" y1="800" x2="750" y2="850" opacity="0.52"></line><line x1="750" y1="800" x2="800" y2="850" opacity="0.28"></line><line x1="800" y1="800" x2="850" y2="850" opacity="0.58"></line><line x1="850" y1="800" x2="900" y2="850" opacity="0.17"></line><line x1="900" y1="800" x2="950" y2="850" opacity="0.45"></line><line x1="950" y1="800" x2="1000" y2="850" opacity="0.30"></line><line x1="1000" y1="800" x2="1050" y2="850" opacity="0.96"></line><line x1="1050" y1="800" x2="1100" y2="850" opacity="0.37"></line><line x1="1100" y1="800" x2="1150" y2="850" opacity="0.09"></line><line x1="1150" y1="800" x2="1200" y2="850" opacity="0.21"></line><line x1="1200" y1="800" x2="1250" y2="850" opacity="0.24"></line><line x1="1250" y1="800" x2="1300" y2="850" opacity="0.17"></line><line x1="1300" y1="800" x2="1350" y2="850" opacity="0.48"></line><line x1="1350" y1="800" x2="1400" y2="850" opacity="0.37"></line><line x1="1400" y1="800" x2="1450" y2="850" opacity="0.77"></line></g></svg>');
    background-size: cover;
}
  .notification-item-container {
        position: relative;
        transition: all 0.3s ease;
    }

    .notification-content {
        transition: transform 0.3s ease;
    }

    .reply-btn-dash {
        position: absolute;
        right: 10px;
        top: 20px;
    }

    .reply-container {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: 10px;
    }

    .reply-input {
        flex-grow: 1;
        padding: 5px;
        font-size: 0.9em;
    }

    .send-reply-btn {
        padding: 5px 10px;
    }

    .target_notifications {
    display: flex;
    justify-content: space-between; /* Adjusts spacing between sections */
}

.urgent-section,
.important-section,
.common-section {
    flex: 1; /* Makes each section take equal space */
    margin: 0 5px; /* Adds spacing between sections */
}

/* Optional: Add a border or background color for visibility */
.urgent-section {
    background-color: #ffdddd;
    padding: 10px;
}

.important-section {
    background-color: #ffffdd;
    padding: 10px;
}

.common-section {
    background-color: #ddffdd;
    padding: 10px;
}


.custom-modal-width .modal-dialog {
    max-width: 90%; /* or any desired width */
}





.tw-toggle {
  /* background: #95A5A6; */
  display: inline-block;
  padding: 2px 3px;
  border-radius: 20px;
  position:relative;
  border: 2px solid #95A5A6;
}

.tw-toggle label {
  text-align: center;
  font-family: sans-serif;
  display: inline-block;
  color: #95A5A6;
  position:relative;
  z-index:2;
  margin: 0;
  text-align: center;
  padding: 2px 10px;
  font-size: 15px;
  /* cursor: pointer; */
}

.tw-toggle input {
  /* display: none; */
  position: absolute;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.tw-toggle span {
  height: 21px;
  width: 21px;
  line-height: 21px;
  border-radius: 50%;
  background:#fff;
  display:block;
  position:absolute;
  left: 22px;
  top: 2px;
  transition:all 0.3s ease-in-out;
}

.tw-toggle input[value="urgent"]:checked ~ span{
  background:#e74c3c;
  left:2px;
  color:#fff;
}

.tw-toggle input[value="common"]:checked ~ span{
  background:#27ae60;
  left: 46px;
}
.tw-toggle input[value="important"]:checked ~ span{
  background:#95A5A6;
  left: 23px;
}

.tw-toggle input[value="urgent"]:checked + label {
    color:#fff;
    background: #e74c3c;
    border-radius: 50px;
}
.tw-toggle input[value="common"]:checked + label {
    color:#fff;
    background: #27ae60;
    border-radius: 50px;
}
.tw-toggle input[value="important"]:checked + label{
    color:#fff;
    background: #95A5A6;
    border-radius: 50px;  
}

#task_data_update .form-group .form-control {height: 45px;}
#task_data_update .submit-section .btn {width: 100%;height: 45px;line-height: 28px;}

.link_btn {width: 36px!important;padding: 0!important;margin-right: 15px;}
.link_btn .link_icon {width: 36px;height: 36px;position: absolute;text-align: center;line-height: 36px;font-size: 18px;pointer-events: none;}
.link_btn input {opacity: 0;width: 36px;padding: 0;cursor: pointer;}





.tooltip-popup .popup-content{width: 100%;left: 0 !important;background-color: #2C302E;margin: 0;}
.tooltip-popup .popup-content::after{position: absolute;transform: translateX(-10px) rotate(45deg);height: 15px;width: 15px;background-color: #2c302e;content: '';left: 50%;bottom: -5px;z-index: -1;}
/* .target_notifications{flex-wrap: wrap;gap: 20px;} */
.notification-item-container{margin-bottom: 10px;}

.highlight-message {
    background-color: yellow; /* Or any color you prefer */
    transition: background-color 0.5s ease; /* Smooth transition for background color */
}


/*for spinner*/
#cover-spin {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 10px; /* Adds spacing between spinner and text */
}

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

.spinner-text {
  font-family: 'Arial', sans-serif; /* Adjust to match your font style if needed */
  font-size: 24px; /* Adjust the size */
  color: #f15a24; /* Color similar to the orange shade in the logo */
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Optional shadow for a slight pop effect */
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a svg {
    height: 25px !important;
    width: 22px !important;
    margin-left: 6px !important;
    color: whitesmoke;
}
.form-control{
    margin-bottom: 12px;
}

/* Ensure the event title is wrapped and doesn't overflow */
.fc-event-title {
    white-space: normal !important;   /* Allow wrapping of long titles */
    overflow: hidden !important;      /* Hide text that overflows */
    text-overflow: ellipsis !important; /* Add ellipsis for text overflow */
    word-wrap: break-word;            /* Force word wrapping if needed */
    max-width: 100% !important;       /* Ensure title fits within event box */
}

/* Make sure the event boxes stay inside their grid area */
.fc-event {
    max-height: 100% !important;  /* Prevent vertical overflow */
    overflow: hidden;             /* Hide overflow */
    display: flex;
    cursor: pointer !important;
    align-items: center;          /* Center text vertically */
}

/* Add some padding around the text to avoid it touching the edges */
.fc-event .fc-event-title {
    padding: 2px 5px;  /* Adjust padding around event title */
}

/* Tooltip Styling */
.fc-tooltip {
    max-width: 300px; /* Limit tooltip width */
    word-wrap: break-word; /* Allow long titles to wrap in the tooltip */
}


.loader {
    display: none;
}

.spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.view-more {
    text-align: center;
    background-color: #007bff;
    color: white;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    display: block;
}

.view-more:hover {
    background-color: #0056b3;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover{
    background-color: #fd7365 !important;
}