.s-site-logo-img {
  content: url(../../Content/site/Images/rio2024-logo.jpg);
}

.s-PermissionCheckEditor {
  min-height: 450px;
}

.s-horizontal-divider {
  margin: 1em 0;
  line-height: 0;
  text-align: center;
}

  .s-horizontal-divider span {
    background-color: var(--s-card-bg);
    padding: 0.7em;
  }

.s-horizontal-divider:before {
  content: " ";
  display: block;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #f7f7f7;
}
.fact {
  color: darkblue;
}

.fact1 {
  color: darkblue;
}

.group {
  color: darkblue;
}

.groupquestion1 {
  color: darkblue
}

.QuestionCommonData1 {
  color: darkblue
}

.QuestionOption1 {
  color: darkblue
}

.s-container-tight {
  max-width: 35rem;
}

.green-button {
  background-color: lightseagreen;
}

.red-button {
  background-color: red;
}

.yellow-button {
  background-color: yellow;
}

.s-ContentMediaGrid .Published .slick-cell,
.s-ContentMediaGrid .Published .slick-cell a {
  background-color: #00b9af;
}

.s-ContentMediaGrid .NotPublished .slick-cell,
.s-ContentMediaGrid .NotPublished .slick-cell a {
  background-color: #FF6F61;
}

.s-ContentMediaGrid .Draft .slick-cell,
.s-ContentMediaGrid .Draft .slick-cell a {
  background-color: #B0BEC5;
}

.s-ContentMediaGrid .ChangeButNotPublished .slick-cell,
.s-ContentMediaGrid .ChangeButNotPublished .slick-cell a {
  background-color: #e58003;
}

.s-ContentReportGrid .Published .slick-cell,
.s-ContentReportGrid .Published .slick-cell a {
  background-color: #00b9af;
}

.s-ContentReportGrid .NotPublished .slick-cell,
.s-ContentReportGrid .NotPublished .slick-cell a {
  background-color: #FF6F61;
}

.s-ContentReportGrid .Draft .slick-cell,
.s-ContentReportGrid .Draft .slick-cell a {
  background-color: #B0BEC5;
}

.s-ContentReportGrid .ChangeButNotPublished .slick-cell,
.s-ContentReportGrid .ChangeButNotPublished .slick-cell a {
  background-color: #e58003;
}

.s-PlaylistGrid .Published .slick-cell,
.s-PlaylistGrid .Published .slick-cell a {
  background-color: #00b9af;
}

.s-PlaylistGrid .NotPublished .slick-cell,
.s-PlaylistGrid .NotPublished .slick-cell a {
  background-color: #FF6F61;
}

.s-PlaylistGrid .Draft .slick-cell,
.s-PlaylistGrid .Draft .slick-cell a {
  background-color: #B0BEC5;
}

.s-PlaylistGrid .ChangeButNotPublished .slick-cell,
.s-PlaylistGrid .ChangeButNotPublished .slick-cell a {
  background-color: #e58003;
}

.s-ContentCategoryGrid .Parent .slick-cell,
.s-ContentCategoryGrid .Parent .slick-cell a {
  background-color: #4da551;
}

.s-ExamGrid .Published .slick-cell,
.s-ExamGrid .Published .slick-cell a {
  background-color: #00b9af;
}

.s-ExamGrid .UnPublished .slick-cell,
.s-ExamGrid .UnPublished .slick-cell a {
  background-color: #FF6F61;
}

.s-ExamGrid .Draft .slick-cell,
.s-ExamGrid .Draft .slick-cell a {
  background-color: #B0BEC5;
}

.s-ExamGrid .ChangeButNotPublished .slick-cell,
.s-ExamGrid .ChangeButNotPublished .slick-cell a {
  background-color: #e58003;
}

.s-PlaylistReportGrid .Published .slick-cell,
.s-PlaylistReportGrid .Published .slick-cell a {
  background-color: #00b9af;
}

.s-PlaylistReportGrid .UnPublished .slick-cell,
.s-PlaylistReportGrid .UnPublished .slick-cell a {
  background-color: #FF6F61;
}

.s-PlaylistReportGrid .Draft .slick-cell,
.s-PlaylistReportGrid .Draft .slick-cell a {
  background-color: #B0BEC5;
}

.s-PlaylistReportGrid .ChangeButNotPublished .slick-cell,
.s-PlaylistReportGrid .ChangeButNotPublished .slick-cell a {
  background-color: #e58003;
}

.s-QuestionGenerationsGrid .Success .slick-cell,
.s-QuestionGenerationsGrid .Success .slick-cell a {
  background-color: #00b9af;
}

.s-QuestionGenerationsGrid .InQueue .slick-cell,
.s-QuestionGenerationsGrid .InQueue .slick-cell a {
  background-color: #FF6F61;
}

.s-QuestionGenerationsGrid .Fail .slick-cell,
.s-QuestionGenerationsGrid .Fail .slick-cell a {
  background-color: #B0BEC5;
}

.s-QuestionGenerationsGrid .Cancelled .slick-cell,
.s-QuestionGenerationsGrid .Cancelled .slick-cell a {
  background-color: #e58003;
}

.s-PublisherRequestGrid .Approved .slick-cell,
.s-PublisherRequestGrid .Approved .slick-cell a {
  background-color: #00b9af;
}

.s-PublisherRequestGrid .Pending .slick-cell,
.s-PublisherRequestGrid .Pending .slick-cell a {
  background-color: #FF6F61;
}

.s-PublisherRequestGrid .Rejected .slick-cell,
.s-PublisherRequestGrid .Rejected .slick-cell a {
  background-color: #B0BEC5;
}

.s-PublisherRequestGrid .Onhold .slick-cell,
.s-PublisherRequestGrid .Onhold .slick-cell a {
  background-color: #e58003;
}

.s-SerialKeyGrid .created .slick-cell,
.s-SerialKeyGrid .created .slick-cell a {
  background-color: lightslategrey;
}

.s-SerialKeyGrid .open .slick-cell,
.s-SerialKeyGrid .open .slick-cell a {
  background-color: lightyellow;
}

.s-SerialKeyGrid .activated .slick-cell,
.s-SerialKeyGrid .activated .slick-cell a {
  background-color: mediumseagreen;
}

.s-SerialKeyGrid .disabled .slick-cell,
.s-SerialKeyGrid .disabled .slick-cell a {
  background-color: grey;
}
.s-SerialKeyGrid .expired .slick-cell,
.s-SerialKeyGrid .expired .slick-cell a {
  background-color: orangered;
}
.s-SerialKeyGrid .offlineActivated .slick-cell,
.s-SerialKeyGrid .offlineActivated .slick-cell a {
  background-color: seagreen;
}

.s-LiveSessionGrid .Shedule .slick-cell,
.s-LiveSessionGrid .Shedule .slick-cell a {
  background-color: #FF6F61;
}

.s-LiveSessionGrid .Ended .slick-cell,
.s-LiveSessionGrid .Ended .slick-cell a {
  background-color: #B0BEC5;
}

.s-LiveSessionGrid .Started .slick-cell,
.s-LiveSessionGrid .Started .slick-cell a {
  background-color: #00b9af;
}


/* Custom CSS for the chart */
.custom-chart {
  border: 1px solid #ccc; /* Border */
  background-color: white;
  height: 280px;
  display: block;
  box-sizing: border-box;
  width: 570px;
}

  /* Theme customization */
  .custom-chart .e-control .e-title {
    font-size: 16px; /* Title font size */
    color: #333;
    /* Title color */
  }

  .custom-chart .e-control .e-sub-title {
    font-size: 12px; /* Subtitle font size */
    color: #666; /* Subtitle color */
  }

  .custom-chart .e-control .e-axis-labels {
    font-size: 12px; /* Axis label font size */
    color: #888; /* Axis label color */
  }

    .custom-chart .e-control .e-axis-labels .e-label {
      color: #777; /* Individual label color */
    }

  /* Customize legend */
  .custom-chart .e-control .e-legend .e-legend-text {
    font-size: 12px; /* Legend text font size */
    color: #555; /* Legend text color */
  }

  .custom-chart .e-control .e-legend .e-legend-items.e-vertical .e-item {
    padding: 5px 0; /* Adjust legend item padding */
  }

.s-dashboard-card-sm {
  position: relative;
  font-family: 'Roboto', sans-serif;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  padding: 15px;
}
  .s-dashboard-card-sm:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  }

  /* Card body */
  .s-dashboard-card-sm .card-body {
    z-index: 1;
  }

  /* Icon positioning and style */
  .s-dashboard-card-sm .icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.1);
    transition: color 0.3s ease;
  }

  .s-dashboard-card-sm:hover .icon i {
    color: #333;
  }


/* Specific card border colors for differentiation */
.card-total-subscription {
  border-left: 5px solid #4CAF50; /* Green */
}

.card-total-playlist {
  border-left: 5px solid #2196F3; /* Blue */
}

.card-active {
  border-left: 5px solid #FFC107; /* Amber */
}

.card-timespent {
  border-left: 5px solid #FF5722; /* Deep Orange */
}

.card-score {
  border-left: 5px solid #9C27B0; /* Purple */
}

/* Icon Colors (optional customization) */
.card-total-subscription .icon i {
  color: #4CAF50;
}

.card-total-playlist .icon i {
  color: #2196F3;
}

.card-active .icon i {
  color: #FFC107;
}

.card-timespent .icon i {
  color: #FF5722;
}

.card-score .icon i {
  color: #9C27B0;
}

.custom-table {
  border-collapse: collapse;
  width: 100%;
}

  .custom-table th,
  .custom-table td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
  }

  /* Header styling */
  .custom-table th {
    background-color: #f2f2f2; /* Light gray color */
    font-weight: bold;
    text-align: center;
  }

  /* Row hover effect */
  .custom-table tr:hover {
    background-color: #f9f9f9; /* Slightly lighter gray for hover */
  }
.play-button {
  display: inline-block !important;
  color: #000; /* Set to desired color */
  font-size: 16px;
  margin-left: 5px;
}
.links-container {
  display: flex; /* Arrange elements in a row */
  justify-content: center; /* Horizontally center the content */
  align-items: center; /* Vertically center the content */
  gap: 5px; /* Add spacing between elements */
  text-align: center; /* Ensure text alignment is centered */
}

.or-text {
  margin: 0;
  color: #555; /* Optional: Change text color */
  font-size: 14px; /* Optional: Adjust font size */
}