/* Add your custom styles here */
$enable-negative-margins: true;

/* Adds a bit of spacing to "Responsive Grid Row" blocks. */
.crx-grid {
  padding-top: 40px;
  padding-bottom: 40px;
}
.crx-grid .crx-grid {
  padding-top: 0;
  padding-bottom: 0;
}

/* app specific css */
/* original bs: fs-1: 44px; fs-2: 35.2px; fs-3: 30.8px; fs-4: 26.4px; fs-5: 22px; fs-6: 17.6px */
.fs-xl {
  font-size: 50px !important;
}
.fs-1, .h1, h1 {
  font-size: 40px !important;
}
.fs-2, .h2, h2 {
  font-size: 36px !important;
}
.fs-2a {
  font-size: 34px !important;
}
.fs-3, .h3, h3 {
  font-size: 30px !important;
}
.fs-3a {
  font-size: 26px !important;
}
.fs-4, .h4, h4 {
  font-size: 24px !important;
}
.fs-5, .h5, h5 {
  font-size: 20px !important;
}
.fs-6, .h6, h6 {
  font-size: 16px !important;
}
.fs-5a {
  font-size: 22px !important;
}
.fs-6a {
  font-size: 18px !important;
}
.fs-6b {
  font-size: 15px !important;
}
.fs-7 {
  font-size: 14px;
}
.fs-7a {
  font-size: 13px;
}
.fs-8 {
  font-size: 12px;
}
.fs-8a {
  font-size: 11px;
}
.fs-9 {
  font-size: 10px;
}
.ff-1 {
  font-family: 'Roboto Slab', sans-serif !important;
}
.ff-2 {
  font-family: 'Georgia', sans-serif !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.lh-xxs {
  line-height: 15px !important;
}
.lh-xs {
  line-height: 18px !important;
}
.lh-sm {
  line-height: 22px !important;
}
.lh-base {
  line-height: 24px !important;
}
.lh-lg {
  line-height: 30px !important;
}
.lh-med {
  line-height: 26px;
}
.lh-xl {
  line-height: 58px !important;
}
:root {
  --bs-body-font-size: 16px;
  --bs-body-font-family: 'Roboto', san-serif;
  --bs-link-color: #008eff;
}
body {
  --bs-body-color: #505050;
}
.table {
  --bs-table-border-color: #505050;
  --bs-table-striped-bg: #FDF7EF;
  font-size: 16px;
}
.btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 500;
}
.btn-outline-primary {
  --bs-btn-hover-bg: #abd7fb;
  --bs-btn-hover-border-color: #008eff;
  --bs-btn-color: #008eff;
}
a {
  text-decoration: none;
}
p {
  font-family: 'Roboto', sans-serif !important;
}
h1 {
  font-family: 'Roboto Slab', sans-serif !important;
}
.breadcrumb {
  --bs-breadcrumb-divider: '>';
  /* --bs-breadcrumb-divider-color: white !important; */
}
.nav-link {
  --bs-nav-link-color: #008eff;
}
#nav-block .navbar .container-fluid {
  padding-top: 10px;
}
.navbar-nav .nav-link.active {
  --bs-navbar-active-color: #008eff;
}
.form-control::placeholder {
  color: #adadad;
  opacity: 0.5;
  font-size: 14px;
}

/* .service {
  min-height: 500px !important;
} */
/* .service .card {
  max-width: 360px;
  min-height: 361px;
} */
.card {
  --bs-card-border-radius: 0;
  --bs-card-border-color: #d2d2d2 !important;
}
.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.service .card-body {
  min-height: 261px;
}


#course_classroom_filter .filter_type,
.lsp-1 {
  letter-spacing: 0.66px;
}
#course_classroom_filter .tb_header_bold {
  letter-spacing: 0.96px;
}
#course_classroom_filter .badge {
  border-radius: 0;
}
.course {
  min-height: 1000px !important;
}
.navbar-brand {
  padding-left: 20px;
  padding-top: 10px;
}
.navbar-brand img {
  height: 70px;
}
#course_desc h3{
  font-size: 18px !important;
  font-weight: 700 !important;
}

.footer-1 {
  background-color: #386D9A;
}
.footer-2 {
  background-color: #FFA12D;
}
#course_filter_choices .btn,
#trainer_filter_choices .btn,
#trainer_sm_filter_choices .btn {
  font-size: 16px;
  font-weight: 400;
}
#course_filter_choices .btn-primary,
#trainer_filter_choices .btn-primary,
#trainer_sm_filter_choices .btn-primary {
  background-color: #f5e94d;
  color: #505050;
}
#search_results a {
  font-weight: 400;
}
#trainerCarousel .trainerBox {
  background-color: #f1f9ff;
}
#trainerCarousel .selected {
  background-color: #2699fb;
  color: #fff;
}
#trainerCarousel .trainerBox .userColor {
  color: #2699fb;
}
.color-circle {
  display: inline-block; /* Display as inline-block to be in the same line */
  width: 12px; /* Set the diameter of the circle */
  height: 12px; /* Set the diameter of the circle */
  border-radius: 50%; /* Create a circle shape */
  margin-right: 5px; /* Add some space between the circle and text */
}
.newColor, .availColor {
  color: #41BE00;
}
.pendColor, .limitedColor {
  color: #BA7A00;
}
.addedColor {
  color: #FF9900;
}
.registerMeColor {
  color: rgb(0, 142, 255);
}
.soldOutColor {
  color: #D10000;
}
.stColor {
  color: #FFA12D
}
.dtDayColor {
  color: #386D9A;
}
.textColor {
  color: #505050;
}
.disabledTextColor {
  color: #9a9999;
}
.disabledBorderColor {
  border-color:#9a9999 !important;
}
.enabledBorderColor {
  border-color:#008eff;
}

.bgColorBlue1 {
  background-color: #bbdaf4;
}
.bgColorBlue2 {
  background-color: #F8FCFF;
}
.bgColorWhite {
  background-color: #ffffff;
}

.carousel-control-prev {
  margin-left: -10px;
}
.carousel-control-next {
  margin-right: -10px;
}
@include media-breakpoint-up(md) {
  .carousel-control-prev {
    margin-left: -50px;
  }
  .carousel-control-next {
    margin-left: -50px;
  }
}
.service {
  position: relative;
  
}
.service-content {
  position: relative;
  z-index: 5;
}
.service-bg {
  background-color: rgba(255,255,255,0.85);
}
.nav-block-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
}
.navbar-z {
  z-index: 5;
}

.cardShadow1 {
  box-shadow: 0px 0px 4px 1px #ccc;
  clip-path: inset(-10px -10px 0px -10px);
}
.cardShadow2 {
  box-shadow: 0px 0px 4px 1px #ccc;
  clip-path: inset(1px -10px -10px -10px);
}

.date-strikethrough, .date-strikethrough-sm {
  position: relative;
  /* color: red; Color for the text */
  display: inline-block;
}

.date-strikethrough::before {
  content: '';
  position: absolute;
  top: 40%;
  left: -5px;
  width: 125%;
  height: 3px;
  background-color: red; /* Color for the line */
  transform: translateY(50%) rotate(35deg);
  z-index: 2; /* Place the line above the text */
}
.date-strikethrough-sm::before {
  content: '';
  position: absolute;
  top: 30%;
  left: 8px;
  width: 70%;
  height: 3px;
  background-color: red; /* Color for the line */
  transform: translateY(50%) rotate(35deg);
  z-index: 2; /* Place the line above the text */
}
.border-not-top-none {
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.border-top-only-sts {
  border-top: 25px solid #256DB0; /* Adjust color as needed */
}
.border-top-only-fts {
  border-top: 25px solid #AC18AA; /* Adjust color as needed */
}
.border-top-only-card-sts {
  border-top: 12px solid #256DB0; /* Adjust color as needed */
}
.border-top-only-card-fts {
  border-top: 12px solid #AC18AA; /* Adjust color as needed */
}
.hl-card-padding {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
}
.hl-card-sts {
  background-color: #256DB0;
}
.hl-card-fts {
  background-color: #AC18AA;
}
.hl-card-faasfa {
  background-color: #888;
}

.enrol-hdr-title {
  font-size: 75px;
  color: #fff;
  background-color: #256DB0;
  line-height: 50px;
  padding-left: 93px;
  padding-right: 93px;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
/* for the "CONFIRMED" class tag in PR classes table */
.tag-confirmed {
    font-size: 13px;
    font-weight: 700;
    color: #ac18aa;
}