.disabled {
    color: gray; /* Change the text color to gray */
    pointer-events: none; /* Disable click events */
    cursor: default; /* Change the cursor to default */
    text-decoration: none; /* Remove underline if any */
    opacity: 0.6; /* Slightly transparent to indicate disabled state */
}

.widget-btn1 {
  border: 1px solid transparent;
  background: #EAEEF7;
  padding: 16px;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 16px;
  transition: border 0.3s; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center; /* To center the text below the image */
}

.widget-btn1:hover {
    border: 1px solid #7A8EA7; }


    .custom-radio.widget-btn1 {
}

.custom-radio.widget-btn1 .label-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cke_notifications_area{
    display:none;
}

.select-box {
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    appearance: none; /* Remove default select arrow */
    background-color: #6e7d8e; /* Background color */
    color: #ffffff; /* Text color */
    padding: 5px 10px; /* Padding for the text */
    font-family: 'Arial', sans-serif; /* Font family */
    font-size: 14px; /* Font size */
    font-weight: bold; /* Bold text */
    border: none; /* Remove borders */
    border-radius: 20px; /* Rounded corners */
    cursor: pointer; /* Cursor style */
    display: inline-block; /* Keep inline display */
    padding-right: 25px; /* Space for custom arrow */
    position: relative; /* Position relative to add custom arrow */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%205%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200L5%205L10%200H0Z%22/%3E%3C/svg%3E'); /* Custom single arrow */
    background-repeat: no-repeat; /* Prevent repeating the arrow */    background-repeat: no-repeat !important; /* Prevent repeating the arrow */
    background-position: right 10px center; /* Position the arrow */
    background-size: 10px; /* Size of the arrow */
}

/* Optional: Ensure no focus outline */
.select-box:focus {
    outline: none;
}

.select-box option {
    background-color: #ffffff; /* Background of options */
    color: #333333; /* Text color of options */
    padding: 5px 10px; /* Padding for each option */
}

/* Additional styling for IE (Internet Explorer) */

#mediaboxx {
    border: 8px solid #202631;
    border-radius: 8px;
}

.table .sort-col1 {
    cursor: pointer; }

    .table .sort-col1:after {
      content: '\e313';
      font-family: 'Material Symbols Outlined';
      font-size: 16px;
      color: #7A8EA7;
      position: relative;
      top: 4px;
      left: 4px; }
    .table .sort-col1.desc-order:after {
      content: '\e316'; }


      .table .sort-col2 {
    cursor: pointer; 
}
    .table .sort-col2:after {
      content: '\e313';
      font-family: 'Material Symbols Outlined';
      font-size: 16px;
      color: #7A8EA7;
      position: relative;
      top: 4px;
      left: 4px; }
    .table .sort-col2.desc-order:after {
      content: '\e316'; }

.recent-activities {
   max-height: 90vh; /* 70% of the viewport height */
   overflow-y: auto;
   padding-right: 10px; /* Optional padding for scrollbar appearance */
}

.search .clear-txt-btn-side {
    z-index: 100;
    position: absolute;
    top: 2px;
    right: -4px;
    display: none;
    transition: all 1s; }

    img.frame2 {
    border: 4px solid #202631;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}


.manage-box {
  border: 1px solid #EAEEF7 !important;
  border-radius: 0px !important;
  overflow: hidden !important; }