/*
@media (min-width: $screen_lg) {
}
// Force on Tablet screen
@media (max-width: $screen_tablet) {
}
// Force on Mobile screen
@media (max-width: $screen_mobile) {
}*/
.login-page {
  background: white !important; }
  .login-page .login-logo {
    font-size: 25px;
    color: black; }
  .login-page .login-box-body {
    max-width: 380px;
    margin: auto;
    padding: 0px; }
  .login-page .flex {
    display: table; }
    .login-page .flex .flex-item {
      display: table-cell;
      vertical-align: middle;
      height: 100vh;
      width: 100%;
      background-color: white; }
      @media only screen and (max-width: 992px) {
        .login-page .flex .flex-item {
          width: 100%; } }
  .login-page #login-wrapper {
    min-height: 100%;
    width: 100%; }
    .login-page #login-wrapper .layer {
      background: none;
      padding: 10%; }
      .login-page #login-wrapper .layer h1 {
        color: #000;
        font-size: 2rem; }
      .login-page #login-wrapper .layer p {
        color: #000;
        font-size: 3.2rem;
        font-weight: bold; }
    .login-page #login-wrapper #login-side {
      background-image: url("/img/login_cover_1.webp");
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: 45%; }
      @media only screen and (max-width: 992px) {
        .login-page #login-wrapper #login-side {
          display: none; } }
      .login-page #login-wrapper #login-side > div.layer {
        width: 100%;
        height: 100%; }
        .login-page #login-wrapper #login-side > div.layer div {
          display: flex;
          flex-direction: column;
          width: 100%;
          max-width: 600px;
          margin: auto;
          text-align: center; }
          .login-page #login-wrapper #login-side > div.layer div .logo {
            margin-top: 50px; }
          .login-page #login-wrapper #login-side > div.layer div h1 {
            color: #fff;
            font-size: 70px; }
          .login-page #login-wrapper #login-side > div.layer div hr {
            width: 50%;
            border: 2px solid white; }
          .login-page #login-wrapper #login-side > div.layer div p {
            color: #fff;
            font-size: 30px; }

.wrapper {
  background-color: white; }

.content-wrapper {
  background-color: #fff !important;
  padding-bottom: 100px; }

.relative {
  position: relative; }

a {
  color: #341bca; }
  a:hover {
    color: #7580e5; }

.header-sentence {
  margin-bottom: 3rem !important; }

.breadcrumb {
  margin-bottom: 0px;
  padding: 0px;
  background: none !important; }
  .breadcrumb li:focus .breadcrumb li:active, .breadcrumb li:focus .breadcrumb li:active:focus, .breadcrumb li:focus .breadcrumb li:active:active,
  .breadcrumb li a,
  .breadcrumb li a:focus,
  .breadcrumb li a:active {
    color: #555 !important;
    font-weight: bold; }
  .breadcrumb .active {
    font-style: italic;
    font-weight: lighter; }

h3 {
  margin: 0;
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.1; }

.bootstrap-dialog .modal-header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.view-form,
.update-form {
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  padding-bottom: 25px;
  border-radius: 8px;
  position: relative; }

.view-form {
  margin-bottom: 20px !important; }

.session-header .dropdown-container {
  padding: 0;
  margin: 1rem 0 3rem 0; }
.session-header h1 {
  color: #ff46a4;
  font-size: 3.2rem;
  font-weight: bold; }
.session-header p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: justify; }

/* LEARNING ACTIVITIES */
.learning-activity-header {
  margin-bottom: 20px; }
  .learning-activity-header .row div h1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #341bca; }
  .learning-activity-header .row div p {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0px; }

.list-view-image {
  height: 60px;
  width: 60px;
  margin: -8px;
  object-fit: cover; }

.row-spacing > .row {
  margin-bottom: 40px; }

.word-cloud {
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  width: 40%;
  margin: auto; }

.table-matrix-zones {
  font-size: 16px; }
  .table-matrix-zones tr {
    padding: 10px;
    border-top: 1px solid #eee; }
    .table-matrix-zones tr td {
      padding: 20px 5px;
      border: none;
      text-align: justify; }
  .table-matrix-zones .td-title {
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-weight: bold; }
    .table-matrix-zones .td-title.green {
      color: #0EB254; }
    .table-matrix-zones .td-title.red {
      color: #BF0201; }
    .table-matrix-zones .td-title.blue {
      color: #006FBF; }
    .table-matrix-zones .td-title.yellow {
      color: #BE8F02; }

.radio-result {
  margin-top: 10px;
  padding: 20px;
  font-weight: bold; }
  @media only screen and (min-width: 992px) {
    .radio-result {
      width: 50%; } }
  .radio-result p {
    font-size: 16px; }
  .radio-result div {
    display: flex; }
    .radio-result div span {
      font-size: 12px; }

.learnery_gallery img {
  width: 24%;
  padding: 2px;
  border: 1px solid #f1f1f1;
  margin: 2px 0px; }

.blueimp-gallery-carousel {
  margin-top: 0px !important; }

.btn-flag.dropdown {
  background-image: none !important; }
.btn-flag .dropdown-toggle {
  background: #ff46a4 !important;
  padding: 4px;
  border-radius: 6px;
  color: #fff !important; }
.btn-flag .dropdown-toggle {
  background: #ff46a4;
  padding: 4px;
  border-radius: 6px; }
  .btn-flag .dropdown-toggle:hover {
    background: #ff46a4;
    color: #000; }
.btn-flag:hover .dropdown-toggle {
  background: #ff46a4;
  color: #000; }

.unlock-box {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 20px;
  width: 100%; }

.modal-dialog {
  transform: translate(0, 0) !important; }

.blueimp-gallery {
  background: #eee; }
  .blueimp-gallery .title {
    display: none; }

.blueimp-gallery-carousel {
  box-shadow: none !important;
  border: 1px solid #eee;
  border-radius: 12px; }
  .blueimp-gallery-carousel .slide-content {
    height: 100% !important; }

.game-info-tag {
  background: #fff;
  padding: 4px;
  color: #000;
  color: #fff;
  border-radius: 5px;
  font-size: 1.2rem;
  background: #ff46a4; }

.forgot-pwd-link {
  margin-top: 10px;
  color: #000;
  text-decoration: underline; }
  .forgot-pwd-link:hover, .forgot-pwd-link:active {
    color: #ff46a4; }

.game-info-date {
  background: #eee;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 1.6rem;
  text-align: left; }

.game-info-time-player {
  font-size: 1.6rem; }

.progress-bar-info-txt {
  font-size: 1.2rem;
  padding: 0px;
  margin: 0px;
  color: orange; }

.progress-bar {
  margin: 6px 0px;
  height: 10px;
  width: 100%;
  border-radius: 5px;
  background: #eee; }
  .progress-bar .progress-bar-value {
    background: orange;
    height: 10px;
    border-radius: 5px; }

.progress_bar_color_1 {
  color: orange; }
  .progress_bar_color_1 .progress-bar-value {
    background: orange; }

.progress_bar_color_2 {
  color: #27b4cd; }
  .progress_bar_color_2 .progress-bar-value {
    background: #27b4cd; }

.progress_bar_color_3 {
  color: #92d050; }
  .progress_bar_color_3 .progress-bar-value {
    background: #92d050; }

.tag_active {
  border-width: 5px !important; }

.max-w-30 {
  max-width: 30px; }

.max-w-50 {
  max-width: 50px; }

.max-w-70 {
  max-width: 70px; }

.max-w-80 {
  max-width: 80px; }

.collapse {
  visibility: visible !important; }

.text-brown {
  color: #795230; }

.btn-profile-img {
  margin-top: 0px;
  padding: 3px; }
  .btn-profile-img a {
    padding: 0px 4px !important; }
    .btn-profile-img a img {
      width: 40px;
      height: 40px;
      border-radius: 10%;
      object-fit: cover; }
  .btn-profile-img img {
    width: 40px;
    height: 40px;
    border-radius: 10%;
    object-fit: cover; }
  .btn-profile-img .dropdown-menu {
    margin-top: 2px;
    left: auto;
    right: 0; }

.img-team-ass-tab {
  height: 120px;
  text-align: center;
  margin: auto;
  padding: 2px; }

ul,
li {
  font-size: 16px; }

.text-brown {
  color: black; }

.profile-img-ext {
  width: 120px;
  height: 120px;
  border-radius: 20%; }

.star-rating {
  font-size: 6.5rem;
  cursor: pointer; }

.star {
  color: #ddd;
  transition: color 0.2s;
  display: inline-block; }

.star.active {
  color: #ffc107; }

.glyphicon-calendar:before {
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  font-weight: 900; }

.glyphicon-remove:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 900; }

.glyphicon-ban-circle:before {
  font-family: "Font Awesome 5 Free";
  content: "\f05e";
  font-weight: 900; }

.glyphicon-ok:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900; }

.bg-leaves {
  background: #341bca;
  background-size: cover;
  color: white; }
  .bg-leaves h4, .bg-leaves p {
    color: white; }

.bg-leaves-img-aeqlia {
  background-image: url("/img/aeqlia/image1.webp"); }

.session-score-bg {
  background: #341bca; }
  .session-score-bg h2, .session-score-bg p {
    color: white; }

.analytics-score-gradient {
  background-color: #341bca; }

.analytics-metric-1 {
  color: #341bca;
  background-color: #eceef8; }

.analytics-metric-2 {
  color: #ff46a4;
  background-color: #ffe5f4; }

.analytics-metric-3 {
  color: #7580e5;
  background-color: #eceef8; }

.analytics-metric-4 {
  color: #b4005f;
  background-color: #ffd9ef; }

#report-message-wrapper {
  display: none; }
  #report-message-wrapper .close-btn {
    position: absolute;
    top: 10px;
    right: 10px; }

.dashboard-icon {
  height: 110px;
  margin-bottom: -30px;
  float: right;
  position: absolute;
  right: 20px; }

/* AI Report Loading Bar */
.loading-bar-container {
  width: 100%;
  max-width: 400px;
  height: 8px;
  background-color: #e9ecef;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

.loading-bar {
  height: 100%;
  background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
  border-radius: 10px;
  animation: loading-animation 1.5s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); }

@keyframes loading-animation {
  0% {
    width: 0%;
    margin-left: 0%; }
  50% {
    width: 70%;
    margin-left: 15%; }
  100% {
    width: 0%;
    margin-left: 100%; } }
.analytics-symbol-pink {
  color: #ff46a4 !important; }

.bg-default {
  background-color: #ff46a4 !important; }

/* Boostrap Buttons Styling */
.form-builder-btn,
.btn {
  font-weight: bold;
  border-radius: 12px !important;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: none !important; }

.form-builder-btn {
  margin-top: 20px; }

.btn-default {
  font-size: 1.6rem;
  color: #341bca;
  letter-spacing: 1px;
  line-height: 30px;
  border: 2px solid #341bca;
  transition: all 0.3s ease 0s; }
  .btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #FFF;
    background: #341bca;
    border: 2px solid #341bca; }

.form-builder-btn {
  font-weight: bold;
  border-radius: 12px !important;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 30px !important;
  margin-right: 20px; }

.btn-outline-secondary,
.form-builder-btn,
.btn-secondary {
  font-size: 1.6rem;
  background-color: #ff46a4 !important;
  color: white;
  letter-spacing: 1px;
  line-height: 30px;
  border: 2px solid #ff46a4;
  transition: all 0.3s ease 0s; }
  .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus,
  .form-builder-btn:hover,
  .form-builder-btn:active,
  .form-builder-btn:focus,
  .btn-secondary:hover,
  .btn-secondary:active,
  .btn-secondary:focus {
    color: white;
    background: #b4005f !important;
    border: 2px solid #ff46a4; }

.btn-grey {
  font-size: 1.6rem;
  background-color: #F5F5F6 !important;
  color: #000 !important;
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid #eee;
  transition: all 0.3s ease 0s; }

.btn-primary {
  font-size: 13px;
  background-color: #ff46a4 !important;
  color: white;
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid #ff46a4;
  transition: all 0.3s ease 0s; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #ff5abc !important;
    border: 2px solid #ff46a4; }

.btn-success {
  font-size: 1.6rem;
  background-color: #90C56B;
  color: white;
  letter-spacing: 1px;
  line-height: 26px;
  border: 2px solid #90C56B; }
  .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #90C56B;
    background: #E4F2D5;
    border: 2px solid #90C56B; }

.btn-info {
  font-size: 13px;
  background-color: #7580e5;
  color: white;
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid #7580e5;
  transition: all 0.3s ease 0s; }
  .btn-info:hover, .btn-info:active, .btn-info:focus {
    color: #7580e5;
    background: #edf0f8;
    border: 2px solid #7580e5; }

.btn-warning {
  font-size: 13px;
  background-color: #BE8F02;
  color: white;
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid #BE8F02;
  transition: all 0.3s ease 0s; }
  .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    color: #BE8F02;
    background: #FCF2F7;
    border: 2px solid #BE8F02; }

.kv-file-download,
.kv-file-rotate,
.kv-file-zoom {
  display: none !important; }

.button-delete,
.btn-important,
.btn-danger {
  font-size: 1.6rem;
  background-color: #BF0201;
  color: white;
  letter-spacing: 1px;
  line-height: 30px;
  border: 2px solid #BF0201;
  transition: all 0.3s ease 0s; }
  .button-delete:hover, .button-delete:active, .button-delete:focus,
  .btn-important:hover,
  .btn-important:active,
  .btn-important:focus,
  .btn-danger:hover,
  .btn-danger:active,
  .btn-danger:focus {
    color: #BF0201;
    background: #FCF2F7;
    border: 2px solid #BF0201; }

.gridview-btn a {
  margin-right: 10px; }

.btn-action-column {
  border: none;
  background: none;
  color: #341bca; }
  .btn-action-column:hover, .btn-action-column:active, .btn-action-column:focus {
    color: #7580e5;
    background: none;
    border: none;
    outline: none; }

.btn-bottom-right {
  float: right;
  bottom: 20px;
  right: 20px;
  padding: 10px 16px; }

.btn-link {
  border: none;
  color: #341bca; }
  .btn-link:hover, .btn-link:active, .btn-link:focus {
    background-color: transparent;
    border: none;
    color: #7580e5;
    text-decoration: none;
    box-shadow: none; }

.btn-primary-light {
  padding: 10px 30px 10px 30px;
  background-color: #ff5abc !important;
  border-color: #ff5abc; }
  .btn-primary-light:hover {
    background-color: #ff46a4 !important; }

.team-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .team-btn-group a,
  .team-btn-group button {
    margin-bottom: 10px; }
  @media only screen and (min-width: 992px) {
    .team-btn-group {
      position: absolute;
      right: 20px;
      margin-top: -40px;
      float: right;
      text-align: right; } }

.dropdown {
  width: fit-content; }
  .dropdown button#dropdownMenuButton {
    margin-bottom: 1rem; }
  .dropdown .dropdown-menu {
    margin-top: -1rem; }
  .dropdown:hover > .dropdown-menu {
    display: flex;
    flex-direction: column; }
  .dropdown a.dropdown-item {
    padding: .8rem 1rem; }
    .dropdown a.dropdown-item .fas {
      padding-right: .8rem; }
  .dropdown:not(:hover) > .dropdown-menu {
    display: none; }

.three-dots {
  color: #666;
  font-size: 2.4rem;
  background-image: none !important; }
  .three-dots span {
    cursor: pointer;
    min-height: 20px;
    float: right;
    width: 34px;
    height: 34px;
    padding-top: 10px;
    padding-left: 1px;
    text-align: center;
    border-radius: 17px;
    transition: background 0.2s ease;
    box-sizing: border-box; }
    .three-dots span:hover {
      background: #ddd; }
  .three-dots .dropdown-menu {
    top: 40px;
    left: auto !important;
    right: 0px !important; }

button.btn-black-menu {
  background: none !important;
  color: #000 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.select2-container .select2-search--inline {
  padding-top: 6px; }

.btn-group.open .dropdown-menu {
  top: 30px;
  left: unset;
  right: 0px; }
.btn-group .dropdown-toggle {
  line-height: 5px;
  padding-top: 0px;
  padding-bottom: 0px; }

.table .dropdown-toggle {
  background: none;
  font-size: 2rem;
  color: #000 !important;
  line-height: auto;
  box-shadow: none !important; }

.pixium-dropdown {
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-top: 10px; }

.button-delete {
  padding: 10px 30px; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child
> .btn, .input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important; }

.file-caption-name {
  display: none !important; }

.btn-file {
  margin-left: 10px; }

.btn-small {
  padding: 2px 12px; }

.btn-orange {
  background-color: #f9a221;
  border: 1px solid #f9a221;
  color: white; }
  .btn-orange.active {
    color: #4e2a16 !important;
    background: white; }

.team-assesment-btn {
  background: #fff0d9;
  color: #4e2a16 !important;
  font-size: 1.6rem;
  font-weight: normal;
  border-width: 0px; }
  .team-assesment-btn.active {
    background: linear-gradient(to right, #f9a221, #ffcc7f);
    font-weight: 700 !important;
    color: white !important; }

.session-tab-btn {
  background: #effaff;
  color: black !important;
  font-size: 1.6rem;
  border: 0px;
  font-weight: normal; }
  .session-tab-btn.active {
    background: linear-gradient(to right, #341bca, #effaff);
    font-weight: 700 !important;
    color: white !important; }

.btn-white {
  background: white;
  color: black !important;
  font-weight: normal; }

body {
  background: #fff !important;
  color: #1e1e1e; }
  body .scrollable {
    height: 100px;
    /* or any value */
    overflow: revert; }
  body * {
    font-family: 'Raleway'; }
  body p {
    font-size: 1.6rem; }
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body p,
  body div,
  body ul,
  body li
   {
    font-family: 'Raleway'; }
  body h1 {
    margin-bottom: 1rem;
    margin-top: 0px;
    font-size: 3rem; }
  body h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 0px !important; }
  body .annotation-text {
    font-size: 1.2rem; }
  body .annotation-text-lg {
    font-size: 1.4rem; }

.content {
  min-height: 100%;
  height: auto;
  padding: 0px; }
  @media only screen and (max-width: 768px) {
    .content {
      padding-top: 50px; } }
  .content > div {
    padding: 20px 30px; }
    .content > div > p {
      margin-bottom: 30px; }
  .content .current-section {
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    padding: 0px 30px;
    height: 50px;
    vertical-align: middle; }
    .content .current-section img {
      padding: 0px;
      vertical-align: middle; }
    .content .current-section div {
      display: inline-block;
      border-bottom: 3px solid #000;
      height: 50px;
      padding-top: 15px;
      margin-left: 10px;
      vertical-align: middle; }

.row {
  margin-left: -20px;
  margin-right: -20px; }

.row > div {
  padding-left: 20px;
  padding-right: 20px; }

.content-header {
  padding: 15px 15px 15px 15px;
  height: 60px; }

.timeline > li {
  margin-right: 0px; }

.table {
  background: #fff; }

.alert-widget div {
  margin: 10px; }

.red-cross {
  color: #f00; }

.red-cross:hover {
  color: #900; }

.white-cross {
  color: #ccc; }

.white-cross:hover {
  color: #900; }

.sortable {
  height: 280px;
  min-height: 280px;
  max-height: 280px;
  overflow-y: scroll; }

.clear-page-wrapper {
  max-width: 800px;
  width: 100%;
  margin: auto;
  margin-top: 80px; }

.clear-page {
  background: #f2f2f2; }

.run-activity-question {
  margin-bottom: 20px; }

.wizard .tab-pane {
  padding-top: 20px !important; }

.wizard {
  margin: 0px !important; }
  .wizard .nav-tabs {
    margin-top: 0px; }

.slider_activity .slider.slider-horizontal {
  width: 100%; }

.run-activity-wrapper {
  margin: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0px 40px; }

#question-answer label {
  padding: 6px 14px;
  margin: 6px 12px; }
  #question-answer label input {
    margin-right: 12px; }

.slider-horizontal {
  margin-bottom: 28px !important; }

.slider_activity {
  height: 80px !important; }

.custom-radio span {
  padding-left: 10px; }

.alert {
  padding: 20px !important;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 99999;
  width: 100%;
  margin: 0px;
  font-size: 2rem; }
  .alert .close {
    opacity: 1;
    color: #fff;
    font-size: 2rem; }
  .alert .icon {
    display: none; }

#create-chat-view .loadingDiv {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 100;
  pointer-events: none; }
  #create-chat-view .loadingDiv .loading {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px; }

.status-tag {
  font-style: italic;
  padding: 3px;
  border: 1px solid #050;
  border-radius: 3px;
  background: #080;
  font-size: 12px;
  color: #fff; }

.exchange-p {
  text-align: center;
  color: #666;
  font-size: 38px;
  margin-top: 20px; }

.panel-heading {
  padding: 0px;
  display: none; }

.kv-panel-pager {
  min-height: auto !important; }

.panel-footer {
  padding: 0px;
  display: none; }

.tabSendAttachment,
.pjax-add-link,
.pjax-delete-link {
  cursor: pointer; }

.full-color {
  background: #b4005f !important; }
  .full-color .navbar {
    background: #b4005f !important; }

.floating-right {
  position: absolute;
  right: 10px; }

#yii-debug-toolbar {
  display: none !important; }

.full-width > div {
  padding: 20px 10px; }

.profile-img {
  text-align: center;
  margin-bottom: 10px; }
  .profile-img img {
    width: 100%; }
    @media only screen and (max-width: 992px) {
      .profile-img img {
        max-width: 200px; } }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .row-eq-height [class*="col-"] {
    display: flex;
    flex-direction: column; }

.rowdiv-eq-height {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important; }
  .rowdiv-eq-height > div {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important; }

.team-result-div {
  padding-top: 4px; }
  .team-result-div h3 {
    font-weight: bold !important;
    font-size: 20px !important;
    margin-bottom: 0px !important; }
  .team-result-div h4 {
    font-weight: bold !important;
    font-size: 18px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important; }
  .team-result-div table {
    background: none !important;
    border: 1px solid #f4f4f4; }
    .team-result-div table tbody {
      background: none !important; }
      .team-result-div table tbody tr {
        background: none !important;
        border: 1px solid #f4f4f4 !important;
        font-size: 14px; }
        .team-result-div table tbody tr td {
          border: 1px solid #f4f4f4 !important; }
        .team-result-div table tbody tr th {
          font-weight: normal !important; }

.active-column {
  width: 80px; }

.vertical-resize {
  resize: vertical; }

.tag-label-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0; }
  .tag-label-container .tag {
    padding: 0.2rem 0.8rem;
    border-radius: 4px;
    font-size: 1.1rem;
    background: #FD8A9D;
    color: #fff;
    margin: 2px; }
    .tag-label-container .tag.year {
      background: #bbb !important;
      font-size: 1.4rem;
      padding: 0.3rem 0 0.3rem 1rem !important; }
      .tag-label-container .tag.year button.btn-header-delete {
        padding: 0 0.4rem 0 0.3rem !important; }
  .tag-label-container .tag-title {
    background-color: #888 !important; }
  .tag-label-container .consultant-fullname {
    background: #404040 !important; }

.tag-title {
  display: inline-block;
  padding: 10px;
  margin: 4px;
  border: 1px solid #f2f2f2;
  border-radius: 6px; }
  .tag-title img {
    border-radius: 8px; }

hr {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top-color: #ddd; }

.label {
  font-size: 100%;
  color: #000 !important;
  border-radius: 16px;
  background-color: #90C56B !important; }

.label-blue {
  color: #2B3990;
  background-color: #edf0f8 !important; }

.label-green {
  color: #90C56B;
  background-color: #E4F2D5 !important; }

.label-pink {
  color: #EB058C;
  background-color: #FCF2F7 !important; }

.label-grey {
  color: #424242;
  background-color: #F4F4F4 !important; }

.box {
  border-color: #9999ac !important;
  overflow: hidden;
  border: 1px solid #9999ac; }
  .box .box-header {
    border-bottom: 1px solid #9999ac;
    border-color: #9999ac !important;
    background-color: white; }
    .box .box-header h1 {
      margin-top: 6px;
      margin-bottom: 6px;
      color: #fff;
      font-size: 20px;
      font-weight: bold; }
  .box .form-group .btn {
    float: right;
    /*min-width:140px;*/ }

.sectionIconRight {
  width: 40px; }

.border-yellow {
  border-color: #341bca;
  border-width: 1px;
  border-style: solid; }

.border-assesment-color {
  border-color: #f9a221 !important; }

.secion-assesment-color .box-content {
  border-color: #341bca;
  border-width: 1px; }
.secion-assesment-color .score {
  font-size: 60px;
  font-weight: bold;
  color: #f9a221;
  text-align: center; }

#learningactivitytemplate-json-form-builder .pixium-box:nth-child(odd) {
  background-color: #cfc !important; }
#learningactivitytemplate-json-form-builder .pixium-box:nth-child(even) {
  background-color: #fcc !important; }

.bg-light-yellow {
  background-color: #effaff; }

.bg-light-leaves {
  background-color: #effaff; }

.grid-view {
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
  padding-bottom: 25px;
  border-radius: 14px; }
  .grid-view .panel {
    background-color: inherit;
    margin-bottom: 0px; }
    .grid-view .panel .panel-heading {
      background-color: #f8fafd !important;
      font-style: italic;
      display: block;
      padding: 10px 15px; }
      .grid-view .panel .panel-heading .panel-title {
        display: none; }
    .grid-view .panel .panel-footer {
      padding: 0px; }
      .grid-view .panel .panel-footer .kv-panel-pager {
        min-height: auto !important; }

.table-striped tbody tr:nth-of-type(odd) {
  background: #FFF3FA; }
.table-striped tbody tr:nth-of-type(even) {
  background: #fff; }
.table-striped tbody td {
  border-top: 1px solid #fff !important; }
.table-striped tbody tr {
  border-top: 1px solid #fff !important; }
  .table-striped tbody tr:hover {
    background: white; }

.no-caret .caret {
  display: none; }

.pagination {
  margin-left: 25px; }
  .pagination span,
  .pagination a {
    border-width: 0px !important; }

.kv-table-header {
  background: none !important; }

.table-spacing {
  background: #fff;
  border-collapse: separate;
  border-spacing: 0em 1.1em; }
  .table-spacing thead tr {
    transform: translatey(-1em); }
    .table-spacing thead tr td:first-child {
      border-left: none !important; }
    .table-spacing thead tr th a {
      color: #000 !important; }
  .table-spacing thead .filters {
    transform: translatey(-2.3em); }
  .table-spacing tr {
    border-top: none !important;
    background: white; }
    .table-spacing tr td {
      border-top: none !important;
      padding: 3px; }
  .table-spacing tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .table-spacing tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }

.table-responsive {
  border: none; }

.no_result {
  padding: 10px;
  text-align: center; }
  .no_result .img {
    max-width: 400px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 5px; }

.krajee-default.file-preview-frame .kv-file-content {
  width: auto;
  height: auto; }

.krajee-default.file-preview-frame {
  width: 46%; }
  @media only screen and (max-width: 992px) {
    .krajee-default.file-preview-frame {
      width: 100%; } }

.kv-preview-thumb {
  width: fit-content !important; }

.file-preview .fileinput-remove {
  top: 0.6rem !important;
  right: 0.6rem !important; }

input[type=text],
input[type=textarea] {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #d2d6de;
  color: #000; }

input[type=text] {
  height: 45px; }

input[type=text]:focus {
  outline: none;
  border: 1px solid #a0d18c;
  color: #000; }

.dropdown {
  height: 4.5rem !important;
  width: fit-content !important;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="24px" viewBox="0 0 24 24" xml:space="preserve"><path fill="%23888888" d="M 7 10 l 5 5 l 5 -5 Z"/><path fill="none" d="M0,0h24v24H0V0z"/></svg>');
  background-position: 95% 50%;
  background-repeat: no-repeat; }
  .dropdown:hover {
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="24px" viewBox="0 0 24 24" xml:space="preserve"><path fill="%23947259" d="M 7 10 l 5 5 l 5 -5 Z"/><path fill="none" d="M0,0h24v24H0V0z"/></svg>');
    background-position: 95% 50%;
    background-repeat: no-repeat; }

.select2-search__field::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd;
  opacity: 1;
  /* Firefox */ }
.select2-search__field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ddd; }
.select2-search__field::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ddd; }

.cke_editable {
  padding: 10px !important; }

.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected, .select2-container--krajee-bs3 .select2-results__option[aria-selected=true] {
  background: #eee;
  color: #333; }

.select2-container--krajee-bs3 .select2-dropdown {
  border-color: #d2d6de; }

.select2-container--krajee-bs3,
.select2 {
  height: 45px; }
  .select2-container--krajee-bs3.select2-container--disabled .selection .select2-selection,
  .select2.select2-container--disabled .selection .select2-selection {
    background: #fff !important; }
  .select2-container--krajee-bs3 .selection .select2-selection,
  .select2 .selection .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff;
    color: #000;
    cursor: pointer; }
    .select2-container--krajee-bs3 .selection .select2-selection:hover,
    .select2 .selection .select2-selection:hover {
      background: #eee;
      border-color: #eee; }
      .select2-container--krajee-bs3 .selection .select2-selection:hover .select2-selection__arrow b,
      .select2 .selection .select2-selection:hover .select2-selection__arrow b {
        border-color: #000 transparent transparent transparent; }
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--single
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered::after,
    .select2 .selection .select2-selection.select2-selection--single
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered::after, .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--single
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered::after,
    .select2 .selection .select2-selection.select2-selection--single
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered::after {
      font-weight: bold;
      content: "";
      font-size: 14px !important;
      position: absolute;
      right: 15px;
      margin-right: 1rem;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      margin-left: -4px;
      margin-top: -2px;
      top: 50%;
      width: 0;
      border-color: #fff transparent transparent transparent; }
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--single
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered:hover::after,
    .select2 .selection .select2-selection.select2-selection--single
    .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered:hover::after, .select2-container--krajee-bs3 .selection .select2-selection.select2-selection--single
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered:hover::after,
    .select2 .selection .select2-selection.select2-selection--single
    .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered:hover::after {
      border-color: #947259 transparent transparent transparent; }
    .select2-container--krajee-bs3 .selection .select2-selection .select2-selection__rendered,
    .select2 .selection .select2-selection .select2-selection__rendered {
      padding-left: 1rem;
      margin-top: 0px;
      color: #000; }
    .select2-container--krajee-bs3 .selection .select2-selection .select2-selection__placeholder,
    .select2 .selection .select2-selection .select2-selection__placeholder {
      color: #000; }
    .select2-container--krajee-bs3 .selection .select2-selection .select2-selection__clear,
    .select2 .selection .select2-selection .select2-selection__clear {
      top: 1.0rem;
      position: absolute; }
    .select2-container--krajee-bs3 .selection .select2-selection .select2-selection__arrow b,
    .select2 .selection .select2-selection .select2-selection__arrow b {
      border-color: #000 transparent transparent transparent; }
  .select2-container--krajee-bs3 .selection .select2-selection--single,
  .select2 .selection .select2-selection--single {
    height: 45px;
    border-radius: 12px !important;
    border: 1px solid #d2d6de;
    padding: 11px 24px 11px 12px; }
    .select2-container--krajee-bs3 .selection .select2-selection--single .select2-selection__arrow,
    .select2 .selection .select2-selection--single .select2-selection__arrow {
      height: 45px;
      border-left: none !important;
      margin-right: 10px; }
  .select2-container--krajee-bs3 .selection .select2-selection--multiple,
  .select2 .selection .select2-selection--multiple {
    padding: .4rem 0 0 0;
    border-radius: 12px !important;
    border: 1px solid #d2d6de; }
    .select2-container--krajee-bs3 .selection .select2-selection--multiple .select2-selection__placeholder,
    .select2 .selection .select2-selection--multiple .select2-selection__placeholder {
      color: #fff; }
    .select2-container--krajee-bs3 .selection .select2-selection--multiple:hover,
    .select2 .selection .select2-selection--multiple:hover {
      background: #f2f2f2; }
      .select2-container--krajee-bs3 .selection .select2-selection--multiple:hover .select2-search__field::placeholder,
      .select2 .selection .select2-selection--multiple:hover .select2-search__field::placeholder {
        color: #947259 !important; }
    .select2-container--krajee-bs3 .selection .select2-selection--multiple .select2-search__field,
    .select2 .selection .select2-selection--multiple .select2-search__field {
      color: #000;
      height: fit-content;
      padding: 0px; }
      .select2-container--krajee-bs3 .selection .select2-selection--multiple .select2-search__field::placeholder,
      .select2 .selection .select2-selection--multiple .select2-search__field::placeholder {
        color: white !important; }
    .select2-container--krajee-bs3 .selection .select2-selection--multiple .select2-selection__choice,
    .select2 .selection .select2-selection--multiple .select2-selection__choice {
      margin: 0.5rem 0.5rem !important; }
  .select2-container--krajee-bs3 .selection .select2-selection__choice__remove,
  .select2 .selection .select2-selection__choice__remove {
    line-height: .8 !important; }

.form-group .select2 .selection .select2-selection {
  padding: 1rem 1.4rem;
  min-height: 42px;
  display: inline-flex;
  width: 100%;
  justify-content: left;
  align-items: center;
  padding-top: 10px; }
  .form-group .select2 .selection .select2-selection .select2-selection__arrow {
    height: 40px;
    border-left: 0px;
    margin-right: 1.8rem; }
  .form-group .select2 .selection .select2-selection .select2-selection__clear {
    top: 0.5rem;
    right: 4.2rem;
    color: #6e1;
    font-size: 20px; }
  .form-group .select2 .selection .select2-selection:hover .select2-selection__clear {
    color: #947259; }

.select2-container--krajee .select2-selection {
  border-radius: 0; }

.select2-container--krajee-bs3 .select2-results__option--highlighted {
  background: #ff46a4 !important; }

.kv-panel-before .clearfix {
  display: none !important; }
.kv-panel-before .pull-right {
  float: none !important;
  max-height: 50px; }

.editable_column_radio_list {
  width: 100%; }
  .editable_column_radio_list .radio {
    margin: 0 0.4rem 1rem; }

.select2-dropdown.select2-dropdown--below {
  z-index: 99999 !important; }

.select2-dropdown.select2-dropdown--above {
  z-index: 99999 !important; }

.disable-editable-column div {
  display: none; }

.file-preview-image {
  font-size: 1.6rem !important;
  word-break: break-word !important;
  color: grey !important;
  font-family: inherit !important;
  font-family: inherit !important; }

.file-caption {
  margin-top: 2rem; }

.file-preview-frame .kv-file-content img {
  max-width: 100px !important; }

.file-input .file-preview,
.file-input-ajax-new .file-preview {
  border-radius: 1px; }
  .file-input .file-preview button.close.fileinput-remove,
  .file-input-ajax-new .file-preview button.close.fileinput-remove {
    transform: translate(-0.6rem, 0.6rem) !important; }
  .file-input .file-preview .file-preview-frame,
  .file-input-ajax-new .file-preview .file-preview-frame {
    width: 100% !important;
    margin: 0 !important;
    transition: all .3s ease-in-out;
    border-radius: .4rem; }
    .file-input .file-preview .file-preview-frame .kv-file-content,
    .file-input-ajax-new .file-preview .file-preview-frame .kv-file-content {
      width: 100% !important;
      object-fit: contain !important; }
    .file-input .file-preview .file-preview-frame .file-thumbnail-footer .btn-kv,
    .file-input-ajax-new .file-preview .file-preview-frame .file-thumbnail-footer .btn-kv {
      padding: .7rem 1.2rem !important; }
      .file-input .file-preview .file-preview-frame .file-thumbnail-footer .btn-kv:hover,
      .file-input-ajax-new .file-preview .file-preview-frame .file-thumbnail-footer .btn-kv:hover {
        background-color: #ff46a4 !important; }
.file-input .kv-fileinput-caption,
.file-input-ajax-new .kv-fileinput-caption {
  height: 3.7rem !important;
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  padding: 2rem 1.2rem; }
.file-input .icon-visible .kv-fileinput-caption,
.file-input-ajax-new .icon-visible .kv-fileinput-caption {
  padding: 2rem 0 2rem 3.7rem !important; }
.file-input .file-caption-icon,
.file-input-ajax-new .file-caption-icon {
  color: #90C56B;
  transform: translate(0.6rem, 0.4rem); }
.file-input .input-group-btn.input-group-append,
.file-input-ajax-new .input-group-btn.input-group-append {
  transform: translateY(-2rem); }
  .file-input .input-group-btn.input-group-append .btn-success,
  .file-input .input-group-btn.input-group-append .fileinput-remove-button,
  .file-input-ajax-new .input-group-btn.input-group-append .btn-success,
  .file-input-ajax-new .input-group-btn.input-group-append .fileinput-remove-button {
    margin: 0.5rem 0 0 0; }
  @media only screen and (max-width: 480px) {
    .file-input .input-group-btn.input-group-append .btn,
    .file-input-ajax-new .input-group-btn.input-group-append .btn {
      padding: 2rem 1rem !important; } }

@media only screen and (max-width: 992px) {
  .kv-table-wrap tr td {
    margin-top: 0px !important;
    padding: 10px !important; }
    .kv-table-wrap tr td .unread-wrapper,
    .kv-table-wrap tr td .unread {
      display: block !important; }
    .kv-table-wrap tr td a {
      margin-left: 0px !important; }
    .kv-table-wrap tr td .mybookmark {
      font-size: 20px !important; }
    .kv-table-wrap tr td .btn-group {
      display: inline-block !important; } }

@media only screen and (max-width: 992px) {
  .filters {
    display: none !important; } }

.datepicker {
  z-index: 99999 !important; }

.analytics-number {
  font-size: 6rem;
  font-weight: bolder; }

.input-group-addon {
  border: none; }
  .input-group-addon .sp-replacer {
    background: none; }

.form-group .form-control:focus {
  border-color: #002c82; }
.form-group .form-control-feedback {
  top: 4px; }
.form-group .control-label {
  font-weight: bold !important; }
.form-group input,
.form-group .select2-selection,
.form-group textarea {
  border-radius: 12px !important;
  border: 0px solid none;
  background-color: #f3f3f3; }
.form-group .input-group-btn {
  padding-left: 8px; }
.form-group input {
  padding: 2.2rem 1.4rem;
  margin-right: 8px; }
  .form-group input[type="number"] {
    background: #f3f3f3 !important; }
.form-group textarea {
  padding: 1.2rem 1.5rem; }
.form-group .input-group.date {
  border-spacing: 0.5rem 0rem;
  margin-left: -0.5rem;
  width: calc(100% + 1rem); }
.form-group .input-group-addon.kv-date-picker, .form-group .input-group-addon.kv-date-remove {
  border-radius: 50% !important;
  border: 1px solid none; }
  .form-group .input-group-addon.kv-date-picker i, .form-group .input-group-addon.kv-date-remove i {
    color: none;
    padding: 0rem 0.25rem; }
.form-group .kv-datetime-picker-field {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem; }

.bootstrap-tagsinput {
  border-radius: 12px !important;
  padding: 0px 6px !important; }

body .main-header {
  background: white !important; }
  body .main-header .logo {
    width: min-content !important;
    background-color: transparent !important;
    position: absolute;
    z-index: 123;
    width: 150px !important; }
    body .main-header .logo img {
      padding: 0px; }
  body .main-header .logo-text {
    display: none; }
  @media only screen and (min-width: 768px) {
    body .main-header .logo-icon {
      display: none !important;
      float: left; }
    body .main-header .logo-text {
      display: inline-block; } }
  body .main-header .sidebar-toggle {
    padding: 6px 12px;
    background: none !important;
    color: #555 !important;
    position: relative;
    z-index: 123;
    top: 7px; }
  body .main-header #main-menu {
    margin-left: 50px; }
    @media only screen and (max-width: 768px) {
      body .main-header #main-menu {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        padding: 0px !important; } }
    body .main-header #main-menu .navbar {
      background-color: #fff; }
      @media only screen and (max-width: 768px) {
        body .main-header #main-menu .navbar {
          border-bottom: solid thin #eee; } }
    body .main-header #main-menu .container {
      width: auto; }
      @media only screen and (max-width: 768px) {
        body .main-header #main-menu .container {
          width: 100%;
          padding-left: 0px;
          padding-right: 0px; } }
    body .main-header #main-menu nav {
      margin-left: 0px;
      z-index: 100;
      box-shadow: none !important; }
    body .main-header #main-menu .navbar-static-top, body .main-header #main-menu .navbar {
      background-color: white; }
      body .main-header #main-menu .navbar-static-top .navbar-header .navbar-toggle, body .main-header #main-menu .navbar .navbar-header .navbar-toggle {
        margin-right: 20px;
        margin-top: 4px; }
        body .main-header #main-menu .navbar-static-top .navbar-header .navbar-toggle .icon-bar, body .main-header #main-menu .navbar .navbar-header .navbar-toggle .icon-bar {
          background: #ff46a4; }
      body .main-header #main-menu .navbar-static-top .container, body .main-header #main-menu .navbar .container {
        max-width: 100%;
        width: 100%; }
      body .main-header #main-menu .navbar-static-top .navbar-collapse, body .main-header #main-menu .navbar .navbar-collapse {
        float: right;
        text-align: right; }
        @media only screen and (max-width: 768px) {
          body .main-header #main-menu .navbar-static-top .navbar-collapse, body .main-header #main-menu .navbar .navbar-collapse {
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
            background: #ff46a4; } }
        body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav, body .main-header #main-menu .navbar .navbar-collapse .nav {
          position: relative;
          margin-top: 1px;
          box-shadow: none !important; }
          body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li, body .main-header #main-menu .navbar .navbar-collapse .nav > li {
            box-shadow: none !important; }
            @media only screen and (max-width: 768px) {
              body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li, body .main-header #main-menu .navbar .navbar-collapse .nav > li {
                background: #ff46a4;
                font-size: 14px; }
                body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li.dropdown .dropdown-menu, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu, body .main-header #main-menu .navbar .navbar-collapse .nav > li.dropdown .dropdown-menu {
                  font-size: 12px; }
                  body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a, body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a:hover, body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a:focus, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a:hover, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a:focus, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a:hover, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .active > a:focus, body .main-header #main-menu .navbar .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a, body .main-header #main-menu .navbar .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a:hover, body .main-header #main-menu .navbar .navbar-collapse .nav > li.dropdown .dropdown-menu .active > a:focus {
                    background-color: #ff46a4;
                    color: #ff5abc; } }
            body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a, body .main-header #main-menu .navbar .navbar-collapse .nav > li a {
              color: #666;
              padding: 7px 8px;
              border: none !important;
              position: relative; }
              @media only screen and (max-width: 768px) {
                body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a, body .main-header #main-menu .navbar .navbar-collapse .nav > li a {
                  color: white;
                  padding: 24px 8px;
                  text-align: left; } }
              body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a:focus, body .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a:hover, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a:focus, body .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a:hover, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a:focus, body .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a:hover, body .main-header #main-menu .navbar .navbar-collapse .nav > li a:focus, body .main-header #main-menu .navbar .navbar-collapse .nav > li a:hover {
                color: #ff5abc;
                background: none; }

#myLogo {
  background-image: url("/img/LogoFF.png");
  width: 60px;
  height: 60px;
  padding: 10px;
  margin: 10px;
  background-size: cover; }

.dbg-bg {
  background-color: rgba(255, 0, 0, 0.2); }
  .dbg-bg * {
    background-color: rgba(0, 255, 0, 0.2); }
    .dbg-bg * * {
      background-color: rgba(0, 0, 255, 0.2); }
      .dbg-bg * * * {
        background-color: rgba(255, 0, 255, 0.2); }
        .dbg-bg * * * * {
          background-color: rgba(0, 255, 255, 0.2); }
          .dbg-bg * * * * * {
            background-color: rgba(255, 255, 0, 0.2); }
            .dbg-bg * * * * * * {
              background-color: rgba(255, 0, 0, 0.2); }
              .dbg-bg * * * * * * * {
                background-color: rgba(0, 255, 0, 0.2); }
                .dbg-bg * * * * * * * * {
                  background-color: rgba(0, 0, 255, 0.2); }

.dbg-o {
  outline: 1px solid #f00; }

.emails-input > div div {
  width: 100%;
  line-height: 25px; }

.pixium-block-slider {
  margin-bottom: 40px; }
  .pixium-block-slider output {
    color: #333 !important;
    background: none !important;
    margin-bottom: 8px;
    text-align: center;
    font-size: 2rem; }
  .pixium-block-slider .pixium-slider {
    padding-top: 0px;
    padding-bottom: 0px; }
  .pixium-block-slider ._right {
    float: right; }
  .pixium-block-slider ._left {
    float: left; }
  .pixium-block-slider ._right,
  .pixium-block-slider ._left {
    margin-top: 0px; }

.element-form-container textarea {
  width: 100%; }

.pixium-block-run-question {
  margin-bottom: 30px; }
  .pixium-block-run-question .btn {
    background: none; }
  .pixium-block-run-question div.element-form-container {
    width: 100% !important; }
  .pixium-block-run-question .tags input {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .pixium-block-run-question .tags span {
    background: #eee;
    padding: 6px;
    margin-right: 6px; }
    .pixium-block-run-question .tags span .btn {
      padding: 2px !important;
      color: #000 !important;
      border: none !important;
      border-width: 0px !important;
      outline: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }

.matrix-assessment-slider {
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */ }
  .matrix-assessment-slider input[type=range] {
    height: 4px; }
  .matrix-assessment-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #666; }
  .matrix-assessment-slider input[type=range]::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #666; }
  .matrix-assessment-slider input[type=range]::-ms-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #666;
    cursor: pointer; }

input[type=range]::-ms-fill-lower {
  background-color: #5f9720 !important; }

.hideRadioCheck input[type=radio] {
  display: none !important; }
.hideRadioCheck label:hover {
  cursor: pointer; }

.hide-show-on-select {
  margin-top: 40px;
  margin-bottom: 40px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  padding: 10px; }

.form-builder-container {
  background: transparent;
  border: unset !important;
  padding: unset !important; }
  .form-builder-container .form-container {
    margin: unset !important;
    padding: unset !important; }
    .form-builder-container .form-container .pixium-box {
      margin: unset !important;
      padding: unset !important; }
      .form-builder-container .form-container .pixium-box .pixium-box-content {
        margin: unset !important;
        padding: unset !important; }
        .form-builder-container .form-container .pixium-box .pixium-box-content .block-header {
          background: unset !important;
          padding-left: unset !important;
          padding-right: unset !important; }
          .form-builder-container .form-container .pixium-box .pixium-box-content .block-header > i {
            display: none !important; }
          .form-builder-container .form-container .pixium-box .pixium-box-content .block-header input {
            width: 100%;
            border-bottom: 0px solid black !important;
            border-top: none !important;
            border-left: none !important;
            border-right: none !important; }
            .form-builder-container .form-container .pixium-box .pixium-box-content .block-header input:focus {
              outline: unset !important; }
        .form-builder-container .form-container .pixium-box .pixium-box-content .pixium-block-build {
          padding: 20px;
          margin-bottom: 20px; }
          .form-builder-container .form-container .pixium-box .pixium-box-content .pixium-block-build.custom_block_type {
            border-top: unset !important;
            padding: unset !important;
            margin: unset !important;
            width: auto; }
          .form-builder-container .form-container .pixium-box .pixium-box-content .pixium-block-build .custom_block_type {
            width: 100%; }
            .form-builder-container .form-container .pixium-box .pixium-box-content .pixium-block-build .custom_block_type .pixium-row-block .form-builder-btn {
              margin: 0 0 0 auto !important; }
            .form-builder-container .form-container .pixium-box .pixium-box-content .pixium-block-build .custom_block_type .pixium-row-block input {
              outline: none; }
        .form-builder-container .form-container .pixium-box .pixium-box-content .form-builder-btn {
          font-size: 2.4rem !important;
          line-height: 2rem !important;
          transform: scale(0.8);
          margin: unset !important; }
          .form-builder-container .form-container .pixium-box .pixium-box-content .form-builder-btn.button-delete {
            margin: 1rem 2rem 0 0 !important; }

#act_template_type_radio label {
  width: 32%;
  vertical-align: top; }
#act_template_type_radio .radioChoice {
  padding: 20px;
  text-align: center; }
  #act_template_type_radio .radioChoice img {
    height: 80px; }
  #act_template_type_radio .radioChoice div {
    padding: 4px;
    height: 60px; }
#act_template_type_radio .radioSelected,
#act_template_type_radio .radioPreviewing {
  background: #f2f2f2 !important;
  border: 1px solid #ccc;
  border-radius: 6px; }

.team-create .team-form #form-team {
  padding: 0 .4rem; }
  .team-create .team-form #form-team .row > div {
    padding-right: 15px !important;
    padding-left: 15px !important; }

span.info-msg {
  position: absolute;
  color: #2B3990;
  right: 1.5rem;
  font-size: 1.3rem;
  font-weight: normal; }

.available-license-error-field {
  display: flex;
  height: 6rem;
  margin: 1rem 0 0 0; }
  .available-license-error-field p {
    margin: 0 !important; }
  .available-license-error-field a {
    height: -moz-max-content;
    height: fit-content !important; }

.learning-activity-form .learning-activity-header,
.learning-activity-template-form .learning-activity-header {
  text-align: center;
  margin-bottom: 3rem; }
  .learning-activity-form .learning-activity-header p,
  .learning-activity-template-form .learning-activity-header p {
    font-size: 1.8rem;
    color: grey;
    margin-bottom: .2rem; }
    .learning-activity-form .learning-activity-header p.info-msg,
    .learning-activity-template-form .learning-activity-header p.info-msg {
      font-size: 1.4rem; }
.learning-activity-form .select-template-field,
.learning-activity-template-form .select-template-field {
  margin: 3rem 0; }
.learning-activity-form .learning-acitivity-type-title-container img.learning-activity-type-icon,
.learning-activity-template-form .learning-acitivity-type-title-container img.learning-activity-type-icon {
  width: 8rem; }
.learning-activity-form .learning-acitivity-type-title-container div,
.learning-activity-template-form .learning-acitivity-type-title-container div {
  display: flex; }
  .learning-activity-form .learning-acitivity-type-title-container div p,
  .learning-activity-template-form .learning-acitivity-type-title-container div p {
    margin: auto auto auto 1.5rem;
    font-size: 2.4rem;
    font-weight: bold; }
.learning-activity-form .learning-activity-title-input-container input,
.learning-activity-template-form .learning-activity-title-input-container input {
  border-bottom: 0px solid black;
  border-top: none;
  border-left: none;
  border-right: none; }
.learning-activity-form .compilation_type_radio_container,
.learning-activity-template-form .compilation_type_radio_container {
  margin: 4rem 0 0 0; }
  .learning-activity-form .compilation_type_radio_container div[role="radiogroup"],
  .learning-activity-template-form .compilation_type_radio_container div[role="radiogroup"] {
    display: flex;
    flex-direction: column; }
    .learning-activity-form .compilation_type_radio_container div[role="radiogroup"] label,
    .learning-activity-template-form .compilation_type_radio_container div[role="radiogroup"] label {
      width: fit-content !important;
      cursor: pointer;
      margin: 1.4rem 0 0 0; }
      .learning-activity-form .compilation_type_radio_container div[role="radiogroup"] label input,
      .learning-activity-template-form .compilation_type_radio_container div[role="radiogroup"] label input {
        margin: .2rem 1rem;
        vertical-align: text-top;
        transform: scale(1.4); }
.learning-activity-form #div-type-files,
.learning-activity-form #div-type-url,
.learning-activity-template-form #div-type-files,
.learning-activity-template-form #div-type-url {
  background: white;
  border: none;
  padding: 0 !important; }
.learning-activity-form #div-type-files .file-input,
.learning-activity-template-form #div-type-files .file-input {
  transform: translateX(-2rem); }
  .learning-activity-form #div-type-files .file-input .file-preview,
  .learning-activity-template-form #div-type-files .file-input .file-preview {
    border: none; }
    .learning-activity-form #div-type-files .file-input .file-preview .file-preview-thumbnails,
    .learning-activity-template-form #div-type-files .file-input .file-preview .file-preview-thumbnails {
      display: flex;
      align-items: center;
      justify-content: center; }
    .learning-activity-form #div-type-files .file-input .file-preview .file-drop-zone-title,
    .learning-activity-template-form #div-type-files .file-input .file-preview .file-drop-zone-title {
      cursor: pointer; }
      .learning-activity-form #div-type-files .file-input .file-preview .file-drop-zone-title::after,
      .learning-activity-template-form #div-type-files .file-input .file-preview .file-drop-zone-title::after {
        display: block;
        content: " or click to browse files"; }
    .learning-activity-form #div-type-files .file-input .file-preview .close.fileinput-remove,
    .learning-activity-template-form #div-type-files .file-input .file-preview .close.fileinput-remove {
      transform: translate(-3rem, 2.7rem); }
  .learning-activity-form #div-type-files .file-input .file-caption .input-group,
  .learning-activity-template-form #div-type-files .file-input .file-caption .input-group {
    display: none; }
  .learning-activity-form #div-type-files .file-input .file-drop-zone,
  .learning-activity-template-form #div-type-files .file-input .file-drop-zone {
    border-radius: 1rem; }
.learning-activity-form #div-type-url input,
.learning-activity-template-form #div-type-url input {
  border-bottom: 1px solid black;
  border-top: none;
  border-left: none;
  border-right: none; }
.learning-activity-form .learning-activity-document-uploader,
.learning-activity-template-form .learning-activity-document-uploader {
  transform: scale(0.85); }

.file-drop-zone-title {
  padding-top: 20px !important;
  padding-bottom: 0px !important;
  font-size: 1.4rem; }

.file-drop-zone {
  min-height: 100px !important; }

.license-history-form .grid-view {
  border: unset !important; }

.list-view-card {
  padding: 16px 16px;
  text-align: center;
  border-radius: 16px;
  height: 180px; }
  .list-view-card .dropdown-note .dropdown-menu {
    min-width: 100px; }

.card-height {
  height: 180px; }

.list-card {
  display: flex;
  flex-wrap: wrap;
  border-radius: 16px;
  min-height: 264px;
  min-width: 19%; }
  .list-card .card-elem {
    border-radius: 16px;
    border: 1px solid #ddd;
    width: 100%; }
    .list-card .card-elem .content-card-wrapper h3 {
      margin-top: 30px; }
  .list-card > div {
    width: 19%;
    max-width: 19%;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 50%;
    flex: none; }
    @media only screen and (max-width: 992px) {
      .list-card > div {
        width: 45%;
        max-width: 45%; } }
  .list-card .card-img-holder {
    height: 180px;
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-width: 0px;
    position: relative; }
    .list-card .card-img-holder a {
      float: right;
      margin-top: 6px;
      margin-right: 10px; }
    .list-card .card-img-holder .card-img {
      width: 100%;
      height: 100%;
      background-size: cover !important;
      position: relative;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
      border-bottom: 1px solid #ccc; }
  .list-card .card-body {
    color: #666;
    text-align: left;
    border-top: 0px;
    width: 100%;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
    .list-card .card-body h3 {
      font-size: 20px;
      padding: 6px;
      font-style: italic;
      font-weight: bold;
      text-align: center; }
    .list-card .card-body.card-training {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-width: 0px; }
    .list-card .card-body .dropdown {
      margin-top: 0 !important; }
    .list-card .card-body .content-card-holder .short-details {
      padding: 0px 14px;
      margin-top: 6px; }
    .list-card .card-body .content-card-holder h3 {
      font-style: normal;
      font-weight: lighter; }
  .list-card .dropdown-menu {
    left: auto !important;
    right: 0px !important; }

.list-card-lg > div {
  max-width: 18%;
  margin-right: 2%;
  margin-top: 2%;
  margin-bottom: 0px;
  height: 50%;
  flex: none; }
  @media only screen and (max-width: 992px) {
    .list-card-lg > div {
      max-width: 31%; } }
  @media only screen and (max-width: 768px) {
    .list-card-lg > div {
      max-width: 100%; } }

.list-card-lg-3 > div {
  max-width: 31%; }
@media only screen and (max-width: 992px) {
  .list-card-lg-3 {
    max-width: 45%; } }

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* Limit the text block to three lines */
  -webkit-line-clamp: 3; }

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.line-title {
  width: 100%;
  margin: 0px; }

.truncate-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.theme-card {
  /* background: $theme-bg; */
  background: #fff;
  border: 1px solid #ccc;
  padding: 2rem;
  margin-bottom: 20px;
  border-radius: 16px;
  position: relative;
  font-size: 18px;
  height: 100%; }
  .theme-card.facilitator-theme-card {
    padding: 2rem 2rem !important; }
    .theme-card.facilitator-theme-card h1 {
      margin: 0 0 4rem 0; }
    .theme-card.facilitator-theme-card .header-row {
      display: flex;
      justify-content: space-around; }
      .theme-card.facilitator-theme-card .header-row .card-header .legend-section {
        min-height: 35%; }
        .theme-card.facilitator-theme-card .header-row .card-header .legend-section p {
          margin-bottom: 1rem !important; }
      .theme-card.facilitator-theme-card .header-row .card-header p {
        text-align: center;
        margin-bottom: 2rem; }
        @media only screen and (max-width: 768px) {
          .theme-card.facilitator-theme-card .header-row .card-header p {
            height: 7rem; } }
    .theme-card.facilitator-theme-card .dashboard-license-number-field {
      font-size: 3rem;
      font-weight: bold;
      vertical-align: middle; }
      .theme-card.facilitator-theme-card .dashboard-license-number-field img {
        margin-right: 10px;
        height: 24px;
        margin-top: -4px; }
    .theme-card.facilitator-theme-card .card-footer {
      border-top: unset;
      margin-top: 2.4rem;
      margin-bottom: 2rem; }
  .theme-card .card-header {
    margin-bottom: 10px; }
    .theme-card .card-header h3,
    .theme-card .card-header h4 {
      color: #1e1e1e;
      font-weight: bold; }
    .theme-card .card-header p {
      text-align: justify;
      font-size: 14px; }
  .theme-card .bg-pink {
    background-color: #FCF2F7;
    border: none;
    border-radius: 8px;
    padding: 20px; }
  .theme-card .bg-pink:nth-child(even) {
    background-color: #edf0f8; }
  .theme-card .card-footer {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding: 20px 0px; }

.theme-card.learnig-activity-card,
.learnig-activity-card {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .theme-card.learnig-activity-card .matrix-canvas,
  .learnig-activity-card .matrix-canvas {
    width: 300px;
    height: 300px;
    align-content: center; }
    @media only screen and (min-width: 992px) {
      .theme-card.learnig-activity-card .matrix-canvas,
      .learnig-activity-card .matrix-canvas {
        width: 350px;
        height: 350px; } }
    @media only screen and (min-width: 1200px) {
      .theme-card.learnig-activity-card .matrix-canvas,
      .learnig-activity-card .matrix-canvas {
        width: 400px;
        height: 400px; } }

.theme-card-holder {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 50px;
  background: #fff; }
  .theme-card-holder .card-holder-header h3,
  .theme-card-holder .card-holder-header h4 {
    color: #1e1e1e;
    font-weight: bold; }
    .theme-card-holder .card-holder-header h3 i,
    .theme-card-holder .card-holder-header h4 i {
      float: right;
      font-size: 40px; }
  .theme-card-holder .card-holder-header p {
    text-align: justify;
    font-size: 18px;
    margin-bottom: 40px; }
  .theme-card-holder .theme-card {
    justify-content: space-between; }
    .theme-card-holder .theme-card .card-date {
      background-color: #eee;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px;
      margin-bottom: 20px; }
      .theme-card-holder .theme-card .card-date .day {
        font-size: 26px;
        font-weight: bold; }
      .theme-card-holder .theme-card .card-date .month {
        text-transform: uppercase; }
  @media only screen and (min-width: 992px) {
    .theme-card-holder .col-action {
      min-height: 200px; } }
  .theme-card-holder .col-action div {
    display: flex;
    justify-content: center;
    align-items: baseline; }
    @media only screen and (min-width: 992px) {
      .theme-card-holder .col-action div {
        min-height: 200px;
        flex-direction: column; } }

@media only screen and (max-width: 992px) {
  .explore-list img {
    width: 100% !important;
    height: auto !important; }
  .explore-list div {
    float: none !important; }
  .explore-list .explore-text-holder {
    padding: 20px 40px !important; } }
.explore-list a {
  font-size: 14px !important; }

.card-session .card-icon {
  width: 25%;
  max-height: 200px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px; }
.card-session h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 10px; }

.img-cover-card {
  height: 180px;
  width: 100%;
  object-fit: cover;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px; }

.game-card-item {
  border-radius: 16px;
  border: 1px solid #ddd;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  background: #fff; }
  .game-card-item > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
  .game-card-item .card-img-holder {
    height: 180px;
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position: relative;
    flex-shrink: 0; }
    .game-card-item .card-img-holder .card-img {
      width: 100%;
      height: 100%;
      background-size: cover !important;
      position: relative;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
      border-bottom: 1px solid #ccc; }
  .game-card-item .card-body {
    flex: 1;
    text-align: left;
    border-top: 0;
    width: 100%;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    display: flex;
    flex-direction: column;
    position: relative; }
    .game-card-item .card-body > a {
      flex: 1;
      display: block;
      color: inherit; }
    .game-card-item .card-body h3 {
      font-size: 20px;
      padding: 6px;
      font-style: normal;
      font-weight: lighter;
      text-align: center; }
    .game-card-item .card-body .dropdown.three-dots {
      float: none !important;
      margin-left: auto !important;
      padding: 10px;
      min-height: 40px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-shrink: 0;
      position: relative; }
      .game-card-item .card-body .dropdown.three-dots .btn-group {
        float: right; }
      .game-card-item .card-body .dropdown.three-dots .btn, .game-card-item .card-body .dropdown.three-dots button {
        cursor: pointer;
        float: right; }
      .game-card-item .card-body .dropdown.three-dots .dropdown-menu {
        left: auto !important;
        right: 0 !important; }
  .game-card-item .content-card-holder .short-details {
    padding: 0 14px;
    margin-top: 6px; }
  .game-card-item .dropdown-menu {
    left: auto !important;
    right: 0 !important; }

.table > tbody > tr > td {
  vertical-align: middle; }

.slick-table {
  margin-bottom: 10px;
  width: 100%; }
  .slick-table tr {
    white-space: pre; }
    .slick-table tr td {
      padding: 4px; }
      .slick-table tr td i {
        width: 20px; }
    .slick-table tr td:first-child {
      font-weight: bold;
      font-style: italic; }
    .slick-table tr td:nth-child(2) {
      white-space: pre-line; }

.table-border-dark {
  border-color: #828484 !important;
  border-left: 0px;
  border-right: 0px; }
  .table-border-dark th {
    border-color: #828484 !important; }
  .table-border-dark thead > tr > th {
    border-bottom-width: 0px !important; }
  .table-border-dark th:first-child {
    border-left-width: 0px !important; }
  .table-border-dark th:last-child {
    border-right-width: 0px !important; }
  .table-border-dark td {
    border-color: #828484 !important; }
  .table-border-dark tr > td:first-child {
    border-left-width: 0px !important; }
  .table-border-dark tr > td:last-child {
    border-right-width: 0px !important; }

.leaderboard-table {
  margin-bottom: 10px;
  width: 100%; }
  .leaderboard-table tr {
    background: none;
    white-space: pre; }
    .leaderboard-table tr td {
      padding: 4px; }
      .leaderboard-table tr td i {
        width: 20px; }
    .leaderboard-table tr td:first-child {
      font-weight: bold;
      font-style: italic; }
    .leaderboard-table tr td:nth-child(2) {
      white-space: pre-line; }
  .leaderboard-table .pink-row > td:first-child {
    color: #000;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 36px; }
  .leaderboard-table tr > td:first-child {
    text-align: center; }

.table-score-details {
  margin-top: 30px; }
  .table-score-details div {
    font-size: 1.4rem; }
  .table-score-details .table-score-details-data {
    padding-left: 5px; }
  .table-score-details .table-score-details-score {
    font-weight: bold; }

.table {
  margin-bottom: 0px; }

.result-table {
  border-collapse: collapse;
  /* 'cellspacing' equivalent */ }
  .result-table td, .result-table th {
    padding: 10px;
    max-width: 390px;
    min-width: 260px;
    border-bottom: 1px solid #eee; }

.btn-en a {
  border-width: 0px;
  width: 24px !important;
  height: 15px !important;
  background: '@web/img/en.png';
  background-repeat: no-repeat; }

.btn-fr a {
  border-width: 0px;
  width: 24px !important;
  height: 15px !important;
  background: './img/fr.png';
  background-repeat: no-repeat; }

.flag .dropdown-menu {
  padding: 5px 12px !important;
  margin-top: 1px !important;
  left: auto;
  right: 0; }
  .flag .dropdown-menu div div {
    line-height: 1 !important;
    padding: 6px 4px; }

.form-container {
  max-width: 100% !important;
  width: 100%;
  border: none; }
  .form-container .pixium-box {
    background-color: white;
    border-radius: 8px;
    padding: 10px 10px !important; }
    .form-container .pixium-box .pixium-block-build {
      background: none; }
      .form-container .pixium-box .pixium-block-build .pixium-row-block {
        color: #1e1e1e;
        margin-top: 10px; }
    .form-container .pixium-box .pixium-block-build .fa-caret-down {
      display: none; }
    .form-container .pixium-box .pixium-block-build-header {
      background: #eceef8;
      color: #fff;
      border: none; }
    .form-container .pixium-box hr {
      border-color: #ccc; }
    .form-container .pixium-box h1 {
      font-size: 20px; }
    .form-container .pixium-box div {
      border-radius: 16px; }
      .form-container .pixium-box div .tags div span {
        border-radius: 16px; }
        .form-container .pixium-box div .tags div span button {
          border-top-left-radius: 0px !important;
          border-bottom-left-radius: 0px !important; }

.element-form-container label {
  padding-left: 6px;
  font-style: normal;
  font-weight: normal; }

.gdq-iframe {
  border: none;
  width: 100%;
  min-height: 1000px; }

.gdq-style h1, .gdq-style h2, .gdq-style h3, .gdq-style h4 {
  margin: 1em 0;
  color: #ff5757; }
.gdq-style .text-lg {
  font-size: 1.1em;
  font-weight: bold; }
.gdq-style .gdq-current-stage {
  color: white;
  background-color: #ff5757; }
.gdq-style .gdq-fullfilled {
  background-color: #ffd9ef; }
.gdq-style .gdq-brush {
  display: inline-block;
  margin: 0 5px;
  width: 70px;
  height: 20px; }
.gdq-style .gdq-graph, .gdq-style .gdq-table {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px; }
.gdq-style .gdq-intro {
  display: flex; }
  .gdq-style .gdq-intro > div:first-child {
    flex: 1; }
  .gdq-style .gdq-intro .gdq-legend > div {
    display: flex;
    margin: 10px; }
.gdq-style .gdq-stage {
  display: flex; }
  .gdq-style .gdq-stage > div {
    flex: 1; }
  .gdq-style .gdq-stage > div:last-child {
    margin: 30px; }
  .gdq-style .gdq-stage .gdq-pill {
    background-color: #fef0f8;
    color: #ff5757;
    border-radius: 150px;
    padding: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .gdq-style .gdq-stage .gdq-pill i {
      fill: #ff5757; }
    .gdq-style .gdq-stage .gdq-pill > div:first-child {
      margin: 20px; }
    .gdq-style .gdq-stage .gdq-pill > div:last-child {
      flex-grow: inherit; }
.gdq-style .gdq-mean-label {
  font-size: 20px;
  color: #ff5757; }
.gdq-style .gdq-mean {
  display: flex;
  text-align: center;
  font-size: 20px;
  color: #ff5757;
  margin-left: 35px; }
  .gdq-style .gdq-mean .gdq-mean-value {
    flex: 1; }
.gdq-style .connected-steps {
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  width: 70%;
  align-items: center; }
  .gdq-style .connected-steps .step {
    color: #ff5757;
    background-color: white;
    border: solid thin;
    display: block;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    font-size: 2em; }
    .gdq-style .connected-steps .step:hover {
      cursor: pointer;
      color: white;
      background-color: #ff5757; }
  .gdq-style .connected-steps .step.active {
    color: white;
    background-color: #ff5757; }
  .gdq-style .connected-steps .connector {
    flex-grow: 1;
    width: 10px;
    content: "";
    display: block;
    height: 4px;
    background-color: #ff5757; }
.gdq-style .connected-legend {
  margin: 0 auto;
  display: flex;
  width: 70%;
  align-items: center;
  justify-content: space-between; }
  .gdq-style .connected-legend > div {
    color: #ff5757;
    display: block;
    min-width: 150px;
    max-width: 150px;
    text-align: center; }
.gdq-style .arrow {
  position: absolute;
  left: 50px;
  top: -30px;
  margin: 0 auto;
  width: 100px;
  transform: rotate(-45deg); }
  .gdq-style .arrow .curve {
    border: 2px solid #ff5757;
    border-color: transparent transparent transparent #ff5757;
    height: 80px;
    border-radius: 230px 0 0 150px; }
  .gdq-style .arrow .point {
    position: absolute;
    left: 7px;
    bottom: 13px; }
    .gdq-style .arrow .point::after, .gdq-style .arrow .point::before {
      border: 1px solid #ff5757;
      height: 15px;
      content: " ";
      position: absolute; }
    .gdq-style .arrow .point::before {
      bottom: -10px;
      left: -4px;
      transform: rotate(-74deg);
      -webkit-transform: rotate(-74deg);
      -moz-transform: rotate(-74deg);
      -ms-transform: rotate(-74deg); }
    .gdq-style .arrow .point::after {
      bottom: -5px;
      left: 4px;
      transform: rotate(12deg);
      -webkit-transform: rotate(12deg);
      -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg); }

.modal-dialog {
  margin-top: 5%;
  max-width: 680px; }
  .modal-dialog .modal-content {
    border-radius: 10px;
    border: none !important; }
    .modal-dialog .modal-content .close {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 3rem; }
    .modal-dialog .modal-content .modal-body {
      padding: 30px; }

.main-header .navbar .sidebar-toggle {
  background: none !important;
  color: #555 !important; }

.main-sidebar {
  overflow-y: auto !important;
  overflow-x: auto !important;
  padding-top: 0px;
  /* background-image: url('/img/bg_menu.png');
  background-size: cover; */
  z-index: 1030 !important;
  display: block;
  height: 100%;
  position: fixed;
  /* width: $left-menu-size; */
  min-width: 220px;
  background: #effaff; }
  .main-sidebar .logo {
    width: 100%;
    display: flex;
    justify-content: center; }
  .main-sidebar .navbar .sidebar-toggle {
    background: none !important;
    color: #555 !important; }
  .main-sidebar .sidebar {
    display: flex;
    justify-content: center; }
    .main-sidebar .sidebar .sidebar-menu {
      width: 100%;
      padding: 10px; }
      .main-sidebar .sidebar .sidebar-menu li {
        color: #341bca; }
        .main-sidebar .sidebar .sidebar-menu li a {
          border-top: 1px solid #eaeaeab3;
          padding: 8px 5px 8px 10px;
          margin: 0px 20px -1px 20px;
          color: #341bca; }
          .main-sidebar .sidebar .sidebar-menu li a svg {
            width: 14px; }
          .main-sidebar .sidebar .sidebar-menu li a i {
            font-size: 14px;
            width: 1.1em;
            /*width:auto !important; */
            vertical-align: middle; }
          .main-sidebar .sidebar .sidebar-menu li a span {
            padding-left: 10px;
            text-align: center; }
          .main-sidebar .sidebar .sidebar-menu li a .pull-right-container {
            right: 2px; }
            .main-sidebar .sidebar .sidebar-menu li a .pull-right-container i {
              margin-right: 0px; }
        .main-sidebar .sidebar .sidebar-menu li.no-hr a {
          border-top: none; }
        .main-sidebar .sidebar .sidebar-menu li.treeview ul {
          padding: 0; }
          .main-sidebar .sidebar .sidebar-menu li.treeview ul li.active {
            border-left: none;
            border-right: none;
            font-weight: bold;
            background-color: #341bca;
            border-radius: 8px; }
            .main-sidebar .sidebar .sidebar-menu li.treeview ul li.active a {
              color: white;
              border-top: none; }
          .main-sidebar .sidebar .sidebar-menu li.treeview ul li a {
            font-size: 12px;
            padding: 10px 5px 10px 44px;
            border-top: none; }
            .main-sidebar .sidebar .sidebar-menu li.treeview ul li a i {
              color: transparent;
              display: none; }
            .main-sidebar .sidebar .sidebar-menu li.treeview ul li a span {
              padding-left: 6px;
              white-space: break-spaces;
              display: inline-block;
              text-align: start; }
        .main-sidebar .sidebar .sidebar-menu li.treeview.menu-open ul {
          display: block; }
        .main-sidebar .sidebar .sidebar-menu li.active:not(.treeview) {
          background-color: #341bca;
          border-right: none;
          border-radius: 8px; }
          .main-sidebar .sidebar .sidebar-menu li.active:not(.treeview) > a {
            color: white;
            border-top: none; }
        .main-sidebar .sidebar .sidebar-menu li.active.treeview > a {
          color: #341bca;
          background-color: transparent; }
  .main-sidebar .bottom-align {
    vertical-align: bottom;
    position: absolute;
    bottom: 10px;
    width: 90%; }
  .main-sidebar .sub-item svg {
    display: none; }

@font-face {
  font-family: 'GentySans';
  src: url("/font/GentySans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.miki * {
  font-family: 'Raleway'; }
.miki .select2-container--krajee-bs3 .select2-results__option--highlighted {
  background: #947259 !important; }
.miki ._p2 {
  padding: 0.45remi !important; }
.miki a {
  color: #795230; }
  .miki a:hover {
    color: #ff942f; }
  .miki a.btn {
    color: #fff; }
.miki .btn {
  color: #fff; }
.miki .btn-link {
  color: #000; }
  .miki .btn-link:hover {
    color: #795230; }
.miki .btn-default {
  font-size: 1.6rem;
  letter-spacing: 1px;
  line-height: 30px;
  border: 2px solid #bbb;
  background: #bbb;
  transition: all 0.3s ease 0s; }
  .miki .btn-default:hover, .miki .btn-default:active, .miki .btn-default:focus {
    color: #FFF;
    background: #aaa;
    border: 2px solid #bbb; }
.miki.login-page #login-wrapper #login-side {
  background: #f8d90d !important;
  background-size: cover; }
  .miki.login-page #login-wrapper #login-side .layer {
    background: none;
    padding: 10%; }
    .miki.login-page #login-wrapper #login-side .layer h1 {
      color: #795230;
      font-size: 2rem; }
    .miki.login-page #login-wrapper #login-side .layer p {
      color: #795230;
      font-size: 3.2rem;
      font-weight: bold; }
.miki .content-wrapper {
  background-color: #fff !important; }
.miki .main-sidebar {
  background-image: none !important;
  background-color: #fffbf2 !important; }
  .miki .main-sidebar .sidebar {
    display: flex;
    justify-content: center; }
    .miki .main-sidebar .sidebar .sidebar-menu {
      width: 100%; }
      .miki .main-sidebar .sidebar .sidebar-menu li {
        color: #000; }
        .miki .main-sidebar .sidebar .sidebar-menu li a {
          color: #000; }
        .miki .main-sidebar .sidebar .sidebar-menu li.treeview ul li.active {
          background-color: #fceebe;
          border-radius: 8px; }
          .miki .main-sidebar .sidebar .sidebar-menu li.treeview ul li.active a {
            color: #000; }
        .miki .main-sidebar .sidebar .sidebar-menu li.treeview ul li a {
          color: #000; }
        .miki .main-sidebar .sidebar .sidebar-menu li.active:not(.treeview) {
          color: #000;
          background-color: #fceebe; }
          .miki .main-sidebar .sidebar .sidebar-menu li.active:not(.treeview) > a {
            color: #000; }
        .miki .main-sidebar .sidebar .sidebar-menu li.active.treeview > a {
          color: #000;
          background-color: transparent; }
.miki .btn-outline-secondary,
.miki .form-builder-btn,
.miki .btn-secondary {
  background-color: #a57f60 !important;
  border: 0px; }
  .miki .btn-outline-secondary:hover,
  .miki .form-builder-btn:hover,
  .miki .btn-secondary:hover {
    background-color: #5e3a26 !important; }
.miki .btn-important:hover, .miki .btn-danger:hover {
  background: #f71827; }
.miki .btn-success:hover {
  background: #90D56B; }
.miki .session-header {
  margin-bottom: 10px;
  margin-top: 10px; }
  .miki .session-header h1 {
    color: #795230 !important; }
.miki #myLogo {
  margin: 20px 0px;
  background-image: url("/img/miki/logo_icon_white.png");
  width: 136px;
  height: 93px;
  background-size: cover; }
.miki .btn-flag.dropdown {
  background-image: none !important; }
.miki .btn-flag .dropdown-toggle {
  background: #fceebe !important;
  color: #000 !important;
  padding: 4px;
  border-radius: 6px; }
  .miki .btn-flag .dropdown-toggle:hover {
    background: #fceebe;
    color: #000; }
.miki .btn-flag:hover .dropdown-toggle {
  background: #fceebe;
  color: #000; }
.miki .table-striped tbody tr:nth-of-type(odd) {
  background: #f5f4f6; }
.miki .table-striped tbody tr:hover {
  background: #fceebe; }
.miki .pagination .active a {
  background-color: #fceebe !important;
  color: #795230; }
.miki .blueimp-gallery {
  background: #fffbf2; }
.miki .game-info-tag {
  background: #fceebe;
  padding: 4px;
  color: #795230;
  color: #000; }
.miki .leaderboard-table tr {
  color: #795230; }
  .miki .leaderboard-table tr > td {
    background: none;
    color: #795230 !important;
    font-family: 'Raleway'; }
.miki .leaderboard-table tr:first-child.pink-row > td:first-child {
  background: none !important; }
.miki .leaderboard-table tr:nth-child(2).pink-row > td:first-child {
  background: none !important; }
.miki .leaderboard-table tr:nth-child(3).pink-row > td:first-child {
  background: none !important; }
.miki .leaderboard-table .yellow-row {
  background: #fceebe !important;
  color: #000 !important; }
.miki .forgot-pwd-link:hover, .miki .forgot-pwd-link:active {
  color: #795230; }
.miki .form-group .form-control:focus {
  border-color: #795230; }
.miki .dropdown-menu li a {
  padding: 6px 20px;
  border-radius: 6px;
  margin: 0px 3px; }
  .miki .dropdown-menu li a:hover {
    background: #fceebe !important; }
.miki .label.label-info {
  background-color: #90C56B !important; }
.miki .label.label-info {
  background-color: #D0D5D4 !important; }
@media only screen and (max-width: 768px) {
  .miki .main-header #main-menu .navbar-static-top .navbar-collapse, .miki .main-header #main-menu .navbar .navbar-collapse {
    background: #795230; } }
@media only screen and (max-width: 768px) {
  .miki .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li, .miki .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li, .miki .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li, .miki .main-header #main-menu .navbar .navbar-collapse .nav > li {
    background: #795230; } }
.miki .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a:focus, .miki .main-header #main-menu .navbar-static-top .navbar-collapse .navbar-nav > li a:hover, .miki .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a:focus, .miki .main-header #main-menu .navbar-static-top .navbar-collapse .nav > li a:hover, .miki .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a:focus, .miki .main-header #main-menu .navbar .navbar-collapse .navbar-nav > li a:hover, .miki .main-header #main-menu .navbar .navbar-collapse .nav > li a:focus, .miki .main-header #main-menu .navbar .navbar-collapse .nav > li a:hover {
  color: #fceebe; }
.miki .main-header #main-menu .navbar-static-top .container, .miki .main-header #main-menu .navbar .container {
  max-width: 100%;
  width: 100%; }
.miki .main-header #main-menu .navbar-static-top .navbar-header .navbar-toggle .icon-bar, .miki .main-header #main-menu .navbar .navbar-header .navbar-toggle .icon-bar {
  background: #795230; }
.miki .table-score-details {
  background-color: #fffbf2;
  padding-left: 6px;
  padding-right: 6px; }
.miki .learning-activity-header .row div h1 {
  color: #795230; }
.miki span.info-msg {
  color: #795230; }
.miki .btn-all {
  background-color: #ff942f; }
.miki .pixium-block-run-question .tags input {
  padding-top: 1rem;
  padding-bottom: 1rem; }
.miki .pixium-block-run-question .tags span {
  background: #fceebe; }
  .miki .pixium-block-run-question .tags span .btn {
    color: #000 !important; }
.miki .secion-assesment-color .score {
  font-family: 'GentySans'; }
.miki .text-brown {
  color: #795230; }
.miki .border-yellow {
  border-color: #f9d80e; }
.miki .secion-assesment-color .box-content {
  border-color: #f9d80e; }
.miki .secion-assesment-color .score {
  color: #f9a221; }
.miki .bg-leaves {
  background: #f8d90d;
  background-size: cover;
  background-image: url("/img/bg_yellow_leaves.jpg"); }
.miki .session-score-bg {
  background-image: url("/img/palm_leaves.jpg");
  background-size: cover; }
  .miki .session-score-bg h2, .miki .session-score-bg p {
    color: #947259; }
.miki .analytics-score-gradient {
  background-color: #f9a221; }
.miki .analytics-metric-1 {
  color: #795230;
  background-color: #fff9da; }
.miki .analytics-metric-2 {
  color: #f9d80e;
  background-color: #fff9da; }
.miki .analytics-metric-3 {
  color: #f9a221;
  background-color: #fff0d9; }
.miki .analytics-metric-4 {
  color: #795230;
  background-color: #fff0d9; }
.miki .bg-light-yellow {
  background: #fff9da; }
  .miki .bg-light-yellow a, .miki .bg-light-yellow h2, .miki .bg-light-yellow p {
    color: #795230 !important; }
.miki .bg-light-leaves {
  background-size: cover;
  background-image: url("/img/palm_leaves.jpg"); }
  .miki .bg-light-leaves a, .miki .bg-light-leaves h2, .miki .bg-light-leaves p {
    color: #795230 !important; }
.miki .session-tab-btn {
  background: #fff9da;
  color: #4e2a16 !important;
  font-size: 1.6rem;
  border: 0px;
  font-weight: normal; }
  .miki .session-tab-btn.active {
    background: linear-gradient(to right, #f9d80e, #fff9da);
    font-weight: 700 !important; }
.miki #report-message {
  background: #f9d80e; }
.miki .loading-bar-container {
  background-color: #fceebe; }
.miki .loading-bar {
  background: linear-gradient(90deg, #f8d90d 0%, #ff942f 100%);
  box-shadow: 0 0 10px rgba(248, 217, 13, 0.5); }
.miki .analytics-symbol-pink {
  color: #000000 !important; }

/*# sourceMappingURL=pixium_style.css.map */