/* line 153, app/assets/stylesheets/analytics_page.scss */
.btn-scroll-top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply font-sans;
}

.nav-item {
  @apply px-3 py-4 font-medium flex items-center justify-center w-full mb-0.5;
}
.nav-item.active {
  @apply bg-gray-800 rounded-lg;
}
.nav-item .icon {
  @apply w-8 h-8 flex items-center justify-center rounded-lg;
}
.nav-item.active .icon {
  @apply bg-yellow-500 text-gray-900;
}
.admin-side-bar .nav-item {
  @apply text-white hover:bg-gray-800 rounded-lg;
}
.admin-side-bar .nav-item.active {
  @apply bg-gray-800 rounded-lg;
}
.learner-side-bar .nav-item {
  @apply text-gray-900 hover:bg-gray-50 rounded-lg;
}
.learner-side-bar .nav-item.active {
  @apply bg-gray-50 rounded-lg;
}

.subnav-item{
  @apply p-3 flex items-center w-full text-sm space-x-2 hover:opacity-80;
}

.page-title {
  @apply font-bold text-gray-900 mb-6 sm:mb-8 text-3xl;
}

.sub-title {
  @apply mb-4 text-2xl font-bold text-gray-900;
}

.project-name {
  @apply text-center text-gray-50 bg-gray-900 rounded-2xl p-3 font-medium text-xl mb-2 sm:mb-3 sm:text-2xl;
}

.card-container {
  @apply shadow rounded-2xl overflow-hidden justify-center bg-white;
}

/* analytics */
.table-wrapper {
  @apply shadow overflow-hidden border border-gray-300 rounded-2xl overflow-x-auto;
}
.table-wrapper table {
  @apply min-w-full divide-y divide-gray-300 bg-white;
}
.table-wrapper table {
  @apply m-0 !important;
}
.table-wrapper table th {
  @apply text-gray-900 px-2 py-3 text-left font-normal whitespace-nowrap border-gray-300;
}
.table-wrapper table td {
  @apply p-3 border-t border-gray-300 whitespace-nowrap;
}
.table-wrapper table td .up {
  @apply text-blue-700;
}
.table-wrapper table td .no-change {
  @apply text-gray-500;
}
.table-wrapper table td .down {
  @apply text-red-700;
}

.select {
  @apply border appearance-none block px-4 py-3 font-normal bg-white bg-clip-padding bg-no-repeat border-gray-400 transition ease-in-out cursor-pointer hover:bg-gray-100 focus:border-gray-600 focus:outline-none focus:ring-0 leading-relaxed;
}

/* skill */
.info-btn {
  @apply flex items-center border border-gray-500 text-sm rounded-xl bg-white cursor-pointer py-2 px-3 hover:bg-gray-100 text-gray-600;
}
.modal-custom__criteria {
  @apply text-lg;
}
.modal-custom__criteria li {
  @apply flex items-center border-b py-4;
}
.modal-custom__criteria li svg {
  @apply w-12 mr-2;
}

.modal-custom__process {
  @apply bg-gray-50 border-gray-200 border rounded-2xl p-8;
}
.process__level {
  @apply flex justify-center items-center space-x-4;
}
.process__level--chart img {
  @apply w-10 h-10;
}
.oldScore,
.newScore {
  @apply text-sm text-center mt-1;
}
.arrow svg {
  @apply w-6 h-6;
}

.modal-custom__group-button .scoreGroupList {
  @apply relative z-0 inline-flex shadow-sm rounded-md w-full;
}
.group-button__btn {
  @apply -ml-px relative inline-flex items-center justify-center px-4 py-2 border focus:z-10 focus:outline-none focus:ring-1 grow;
}
.group-button__btn:first-child {
  @apply rounded-l-lg;
}
.group-button__btn:last-child {
  @apply rounded-r-lg;
}
.modal-custom__group-button
  .scoreGroupList:not(.request-score)
  .group-button__btn.group-button__btn--active {
  @apply border-green-700 bg-green-300 text-gray-900 hover:bg-green-200 focus:ring-green-500 focus:border-green-700;
}
.modal-custom__group-button
  .scoreGroupList:not(.request-score)
  .group-button__btn.group-button__btn--update {
  @apply border-green-700 bg-green-700 text-white hover:bg-green-300 focus:ring-green-500 focus:border-green-700;
}
.modal-custom__group-button
  .scoreGroupList:not(.request-score)
  .group-button__btn:not(.group-button__btn--active) {
  @apply border-gray-300 bg-white text-gray-700 hover:bg-green-50 focus:bg-green-400 active:bg-green-400 focus:ring-green-500 focus:border-green-500;
}

.modal-custom__group-button
  .scoreGroupList.request-score
  .group-button__btn.group-button__btn--active {
  @apply border-yellow-700 bg-yellow-300 text-gray-900 hover:bg-yellow-200 focus:ring-yellow-500 focus:border-yellow-700;
}
.modal-custom__group-button
  .scoreGroupList.request-score
  .group-button__btn.group-button__btn--update {
  @apply border-yellow-700 bg-yellow-600 text-white hover:bg-yellow-400 focus:ring-yellow-500 focus:border-yellow-700;
}
.modal-custom__group-button
  .scoreGroupList.request-score
  .group-button__btn:not(.group-button__btn--active) {
  @apply border-gray-300 bg-white text-gray-700 hover:bg-yellow-50 focus:bg-yellow-400 active:bg-yellow-400 focus:ring-yellow-500 focus:border-yellow-500;
}

.modal-custom__profile {
  @apply mb-4;
}
.profile__avatar img {
  @apply rounded-full mx-auto border-4 border-gray-100 w-20 h-20;
}
.profile__name {
  @apply text-center mt-1 font-bold text-gray-900 text-lg;
}

.process__name {
  @apply font-bold text-xl text-gray-900 mt-6 mb-2;
}
.process__content ul {
  @apply list-disc pl-4;
}
.modal-custom__approve {
  @apply text-center my-8;
}

.btn-custom {
  @apply px-7 py-4 text-lg rounded-2xl shadow transition duration-150 ease-in-out whitespace-nowrap;
}
.btn-custom--active {
  @apply bg-yellow-500 text-gray-900 hover:bg-yellow-400 active:bg-yellow-300 focus:bg-yellow-300;
}
.btn-custom--non-active {
  @apply bg-white text-gray-700 hover:bg-gray-100 active:bg-gray-100 focus:bg-gray-100 border border-gray-500;
}
.btn-custom--non-active + form {
  @apply w-1/2;
}

/* modal */
.modal {
  @apply fixed top-0 left-0 hidden w-full outline-none overflow-y-auto h-full;
}
.modal-dialog {
  @apply relative w-auto pointer-events-none flex items-center;
}
.modal-content {
  @apply border-none relative flex flex-col w-full pointer-events-auto bg-white bg-clip-padding rounded-3xl outline-none text-current px-6 py-12 sm:px-12;
}
.modal-custom__title {
  @apply text-3xl font-bold text-center text-gray-900 mb-4;
}

#select2-training_session_user_ids-container {
  @apply w-3/6 px-4 py-2 text-xl block sm:w-min;
  border: 0;
}

/* Date range dropdown */
.daterangepicker .ranges li.active {
  @apply bg-yellow-500;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  @apply bg-yellow-500;
}
.daterangepicker td.in-range {
  @apply bg-yellow-50 text-gray-900;
}

/* modal */
.swal2-popup {
  @apply rounded-3xl py-10 px-2 !important;
}
.swal2-popup #swal2-title {
  @apply text-2xl text-gray-900 p-0 !important;
}
.swal2-popup .swal2-styled.swal2-confirm {
  @apply border border-gray-500 border-solid rounded-xl bg-white cursor-pointer py-4 px-5 w-80 hover:bg-gray-100 text-gray-600 focus:ring-0 !important;
}

.swal2-popup .swal2-styled.swal2-confirm__red {
  @apply border border-gray-500 border-solid rounded-xl bg-red-700 cursor-pointer py-4 px-5 w-auto hover:bg-red-600 text-white focus:ring-0 !important;
}

.swal2-popup .swal2-styled.swal2-cancel__white {
  @apply border border-gray-500 border-solid rounded-xl bg-white cursor-pointer py-4 px-5 w-auto hover:bg-gray-100 text-gray-600 focus:ring-0 !important;
}

/* accordion */
.accordion-button{
  @apply w-72 hover:opacity-70;
}
.accordion-button:after {
  @apply hidden;
}
.accordion-button:not(.collapsed){
  @apply text-gray-900 shadow-none !important;
}
.accordion-button svg{
  @apply transition duration-300 !important;
}
.accordion-button:not(.collapsed) svg{
  @apply rotate-180 !important;
}

.password-container {
  @apply relative;
}

.password-container span {
  @apply cursor-pointer absolute top-[35%] right-[2%];
}


.last-score-icon{
  @apply mx-auto absolute -top-1 -right-1 w-4 h-4;
}
.mentioned-user {
  font-weight: 700;
  color: #2A7682;
}

.mce-content-body ol, .mce-content-body ul {
  padding-inline-start: 24px !important;
  margin: 0px !important;
}

.mce-content-body blockquote {
  margin: 0px !important;
}

.mce-content-body:not([dir=rtl]) blockquote {
  border-left: 2px solid #ccc;
  padding-left: 1rem;
}

.pdf-block {
  background-color: white;
  height: 64px;
  border-radius: 8px;
}

.pdf-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 8px;
  border-radius: 8px;
}

.pdf-content:hover {
  background-color: #F0F0F0;
}

.pdf-content-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 48px;
  max-width: 70%;
}

.pdf-file-name {
  font-size: 16px;
  color: #5E5E5B !important;
  text-decoration: unset !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.pdf-file-size {
  font-size: 12px;
  color: #8C8C8A;
}

.pdf-image-block {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FB0000;
  border-radius: 8px;
  cursor: pointer;
}

.pdf-icon {
  color: white !important;
  font-size: 18px;
  font-weight: bold;
  text-decoration: unset !important;
}
/* line 8, app/assets/stylesheets/commom.scss */
.raise:hover {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.25em);
}

/* line 279, app/assets/stylesheets/commom.scss */
.tooltip-bottom {
  position: relative;
  display: inline-block;
}

/* line 284, app/assets/stylesheets/commom.scss */
.tooltip-bottom .tooltip-desc {
  visibility: hidden;
  width: 90px;
  background-color: #5E5E5B;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 50%;
  margin-left: -50px;
  font-size: 10px;
}

/* line 300, app/assets/stylesheets/commom.scss */
.tooltip-bottom:hover .tooltip-desc {
  visibility: visible;
}
/* line 1, app/assets/stylesheets/custom-select2.scss */
.select2 {
  width: 100% !important;
}

/* line 5, app/assets/stylesheets/custom-select2.scss */
.select2-container--default .select2-selection--single {
  height: auto !important;
  border-radius: 0.75rem !important;
  background-color: white !important;
  text-align: center !important;
  border: solid 1px #d7d7d5 !important;
  padding: 1rem;
}

/* line 12, app/assets/stylesheets/custom-select2.scss */
.select2-container--default .select2-selection--single:hover {
  border-color: #a4a4a2 !important;
}

/* line 16, app/assets/stylesheets/custom-select2.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333330 !important;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 25, app/assets/stylesheets/custom-select2.scss */
.select2-selection__arrow {
  top: calc(50% - 10px) !important;
  right: 1.25rem !important;
  height: 16px !important;
}

/* line 31, app/assets/stylesheets/custom-select2.scss */
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border-width: 12px 7px 0 7px !important;
  width: 18px;
}
/* line 1, app/assets/stylesheets/custome-tinymce.scss */
.tox-tinymce {
  border: 0px !important;
}

/* line 5, app/assets/stylesheets/custome-tinymce.scss */
.tox-statusbar {
  border: none !important;
}

/* line 9, app/assets/stylesheets/custome-tinymce.scss */
.tox-editor-header {
  padding: 0px !important;
}

/* line 13, app/assets/stylesheets/custome-tinymce.scss */
.tox .tox-notification--in {
  display: none !important;
}

/* line 17, app/assets/stylesheets/custome-tinymce.scss */
.btn-back-new-register {
  background: #727a83 !important;
}

/* line 21, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete.dropdown-menu {
  z-index: 100000;
  bottom: 150px;
  top: unset !important;
}

/* line 27, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  z-index: 1000;
  float: left;
  min-width: 240px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

/* line 54, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  left: 10px;
  top: 100%;
}

/* line 65, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete > li.loading {
  height: 16px;
}

/* line 69, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

/* line 80, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete > li > a:hover, .rte-autocomplete > li > a:focus, .rte-autocomplete:hover > a, .rte-autocomplete:focus > a {
  color: #fff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
}

/* line 92, app/assets/stylesheets/custome-tinymce.scss */
.rte-autocomplete > .active > a, .rte-autocomplete > .active > a:hover, .rte-autocomplete > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
}

/* line 105, app/assets/stylesheets/custome-tinymce.scss */
.tox-statusbar {
  display: none !important;
}

/* line 109, app/assets/stylesheets/custome-tinymce.scss */
.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary, .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
  border-top: none !important;
}
/* line 1, app/assets/stylesheets/list_notifications.scss */
.listNotifications {
  position: relative;
}

/* line 4, app/assets/stylesheets/list_notifications.scss */
.listNotifications.loading::after {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #cccc;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  bottom: 5%;
  left: 40%;
  content: "";
  z-index: 1;
}

/* line 18, app/assets/stylesheets/list_notifications.scss */
.listNotifications.loading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(180, 178, 178, 0.5);
  z-index: 1;
}

/* line 29, app/assets/stylesheets/list_notifications.scss */
.listNotifications .avatars {
  display: inline-flex;
  flex-direction: row-reverse;
}

/* line 34, app/assets/stylesheets/list_notifications.scss */
.listNotifications .avatar {
  position: relative;
  overflow: hidden;
}

/* line 39, app/assets/stylesheets/list_notifications.scss */
.listNotifications .avatar:not(:last-child) {
  margin-left: -15px;
}

/* line 43, app/assets/stylesheets/list_notifications.scss */
.listNotifications .avatar img {
  display: block;
}

/* line 51, app/assets/stylesheets/list_notifications.scss */
.listNotifications .finished .status-group span {
  filter: grayscale(100%);
}

/* line 56, app/assets/stylesheets/list_notifications.scss */
.listNotifications .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 69, app/assets/stylesheets/list_notifications.scss */
.custom-modal .modal-side {
  position: absolute;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
}

/* line 77, app/assets/stylesheets/list_notifications.scss */
.custom-modal .modal-side.modal-top-right {
  top: 10px;
  right: 10px;
}

/* line 82, app/assets/stylesheets/list_notifications.scss */
.custom-modal .modal-side.modal-full-height {
  width: 100%;
  right: 0;
}

/* line 87, app/assets/stylesheets/list_notifications.scss */
.custom-modal.modal.fade .modal-full-height.modal-dialog {
  transform: translateX(50px);
  -webkit-transform: translateX(50px);
  transition: transform .3s ease-out,-webkit-transform .3s ease-out;
}

/* line 93, app/assets/stylesheets/list_notifications.scss */
.custom-modal.modal.show .modal-full-height.modal-dialog {
  -webkit-transform: none;
  transform: none;
}
@import './box_chat.css';

.ogp-block {
  background-color: white;
  border-radius: 8px;
  margin-bottom: 5px;
  margin-top: 10px;
  height: 64px;
}

.ogp-block:hover {
  background-color: #F0F0F0;
}

.ogp-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 8px;
}

.ogp-content-block {
  width: 80%;
}

.ogp-content > div:first-child {
  width: 80%;
}

.ogp-title {
  font-size: 16px !important;
  line-height: 28px;
  text-decoration: unset !important;
  color: #5E5E5B !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
}

.ogp-desc {
  font-size: 12px !important;
  color: #8C8C8A !important;
  text-decoration: unset !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ogp-image-block {
  min-width: 50px;
  display: flex;
  justify-content: end;
}

.ogp-image {
  height: 48px;
  width: 48px;
  object-fit: cover;
  border-radius: 8px;
}

.ogp-link-block {
  padding: 4px 16px 8px 16px;
}

.ogp-link {
  margin-top: 10px;
  color: #56AAB6;
  font-size: 14px;
}

a {
  color: #56AAB6;
  text-decoration: underline;
  font-size: 14px;
}
@charset "UTF-8";
@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/responsive-smartphone.scss */
  .modal-dialog .sub-skill-information {
    max-height: 60px;
    overflow: scroll;
  }
  /* line 9, app/assets/stylesheets/responsive-smartphone.scss */
  .focus-skill-description {
    display: none;
  }
  /* line 13, app/assets/stylesheets/responsive-smartphone.scss */
  .btn-complete-chat, .btn-opened-chat {
    width: 82px;
  }
  /* line 17, app/assets/stylesheets/responsive-smartphone.scss */
  .complete-thread-description::after {
    content: '新規' !important;
    font-size: 10px;
  }
  /* line 22, app/assets/stylesheets/responsive-smartphone.scss */
  .level-check-description {
    font-size: 10px;
  }
  /* line 26, app/assets/stylesheets/responsive-smartphone.scss */
  .icon-plus {
    height: 16px !important;
    width: 16px !important;
  }
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* line 2, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .txt-username, .learner-side-bar .txt-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

/* line 10, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .tooltip-nav, .learner-side-bar .tooltip-nav {
  position: relative;
  display: inline-block;
}

/* line 14, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .tooltip-nav .tooltip-desc, .learner-side-bar .tooltip-nav .tooltip-desc {
  visibility: hidden;
  width: 90px;
  background-color: #5E5E5B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: -3px;
  font-size: 10px;
}

/* line 30, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .tooltip-nav:hover .tooltip-desc, .learner-side-bar .tooltip-nav:hover .tooltip-desc {
  visibility: visible;
}

/* line 35, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .nav-top .item, .learner-side-bar .nav-top .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 41, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .nav-top .item .nav-item, .learner-side-bar .nav-top .item .nav-item {
  width: 48px;
  height: 48px;
}

/* line 45, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .nav-top .item .icon, .learner-side-bar .nav-top .item .icon {
  background-color: unset;
}

/* line 51, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .nav-bottom .nav-item, .learner-side-bar .nav-bottom .nav-item {
  width: 48px;
  height: 48px;
}

/* line 58, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .sub-nav .content .active, .learner-side-bar .sub-nav .content .active {
  background-color: #484845;
  border-radius: 8px;
}

/* line 62, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .sub-nav .content .nav-item-player, .learner-side-bar .sub-nav .content .nav-item-player {
  padding: 3px 0px 3px 3px !important;
  height: 40px;
  margin-bottom: 2px;
}

/* line 66, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .sub-nav .content .nav-item-player:hover, .learner-side-bar .sub-nav .content .nav-item-player:hover {
  background-color: #484845;
  border-radius: 8px;
}

/* line 75, app/assets/stylesheets/side_bar.scss */
.admin-side-bar .nav-top .item .icon {
  color: white;
}
/* line 2, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step {
  position: relative;
  color: gray;
  min-height: 6.5rem;
  padding-bottom: 25px;
}

/* line 9, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step + .step {
  margin-top: unset !important;
}

/* line 13, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step > div:first-child {
  position: static;
  height: 0;
}

/* line 18, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step > div:not(:first-child) {
  margin-left: 0 !important;
  padding-left: 1em;
}

/* line 23, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step.step-active .player-skill-level {
  background-color: white !important;
  border: 4px solid #F5D13C !important;
}

/* line 27, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step.step-green .player-skill-level {
  background-color: #7AC89D;
  border: 4px solid #7AC89D;
}

/* line 32, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step.step-white .player-skill-level {
  background-color: #ffffff;
  border: 4px solid #D7D7D5;
}

/* line 37, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step .level-description {
  padding: 5px;
  height: 100%;
}

/* line 42, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .player-skill-level {
  background: gray;
  width: 40px;
  height: 40px;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 54, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .skill-level:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 40px;
  bottom: 1px;
  left: 14px;
  right: 50%;
  width: 10px;
  background-color: #F1F1F0;
  z-index: 1;
}

/* line 67, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step:last-child .skill-level:after {
  top: 40px;
}

/* line 71, app/assets/stylesheets/skill-score-content.scss */
.player-skill-level-score-content .step:first-child .skill-level::before {
  content: ' ';
  position: absolute;
  display: block;
  top: -20px;
  right: 50%;
  bottom: 1px;
  left: 14px;
  height: 20px;
  width: 10px;
  z-index: 1;
  background-color: #F1F1F0;
}

/* line 86, app/assets/stylesheets/skill-score-content.scss */
.process__level > :not([hidden]) ~ :not([hidden]) {
  margin-left: 4px !important;
}

/* line 90, app/assets/stylesheets/skill-score-content.scss */
.sub-skill-level-information {
  min-height: 60px;
}

/* line 94, app/assets/stylesheets/skill-score-content.scss */
.sub-skill-level-content {
  height: 320px;
  overflow-y: scroll;
  padding-bottom: 8px;
}

/* line 100, app/assets/stylesheets/skill-score-content.scss */
.resize-sub-skill-level {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}

/* line 109, app/assets/stylesheets/skill-score-content.scss */
.btn-display-sub-skill-level.active {
  background-color: #F1F1F0;
}
@charset "UTF-8";
/* line 3, app/assets/stylesheets/skill.scss */
.table-score td .score-request {
  max-width: 100px;
  width: 100px;
}

/* line 7, app/assets/stylesheets/skill.scss */
.table-score td .score-request > div {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 0;
}

/* line 15, app/assets/stylesheets/skill.scss */
.btn-update-skill {
  background-color: #d7d7d5 !important;
  cursor: no-drop !important;
  opacity: 0.5;
}

/* line 21, app/assets/stylesheets/skill.scss */
.btn-update-skill--active {
  background-color: #edc331 !important;
  cursor: pointer !important;
  opacity: 1;
}

/* line 27, app/assets/stylesheets/skill.scss */
.score--disable {
  pointer-events: none;
}

/* line 31, app/assets/stylesheets/skill.scss */
.active-btn-approve-cancel-notification {
  background-color: #fefce8 !important;
  border: 1px solid #edc331 !important;
}

/* line 36, app/assets/stylesheets/skill.scss */
.tooltip-custom,
.tooltip-reaction {
  position: relative;
}

/* line 39, app/assets/stylesheets/skill.scss */
.tooltip-custom .tooltip-content,
.tooltip-reaction .tooltip-content {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -52px;
  font-size: 12px;
  margin-top: 5px;
  z-index: 20;
}

/* line 57, app/assets/stylesheets/skill.scss */
.tooltip-custom .tooltip-content-reaction,
.tooltip-reaction .tooltip-content-reaction {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0px 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 50%;
  margin-left: -60px;
}

/* line 73, app/assets/stylesheets/skill.scss */
.tooltip-custom:hover .tooltip-content,
.tooltip-reaction:hover .tooltip-content-reaction {
  visibility: visible;
}

/* line 78, app/assets/stylesheets/skill.scss */
.tooltip-custom .tooltip-content::after,
.tooltip-reaction .tooltip-content-reaction::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 90, app/assets/stylesheets/skill.scss */
.tooltip-reaction .tooltip-content-reaction::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* line 101, app/assets/stylesheets/skill.scss */
.focus-sub-skill {
  position: relative;
  background-color: #fff8f5;
}

/* line 106, app/assets/stylesheets/skill.scss */
.focus-sub-skill:after {
  content: "";
  position: absolute;
  margin: -43px;
  transform: rotate(45deg);
  top: 36px;
  left: 40px;
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-right: 11px solid #d96443;
  border-bottom: 10px solid transparent;
}

/* line 120, app/assets/stylesheets/skill.scss */
.all-skills {
  position: relative;
}

/* line 123, app/assets/stylesheets/skill.scss */
.all-skills.loading::after {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #cccc;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 20%;
  left: 50%;
  content: "";
  z-index: 1;
}

/* line 137, app/assets/stylesheets/skill.scss */
.all-skills.loading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(180, 178, 178, 0.5);
  z-index: 1;
}

/* line 150, app/assets/stylesheets/skill.scss */
.block-skill-player {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 155, app/assets/stylesheets/skill.scss */
em-emoji-picker {
  height: 300px !important;
}

/* line 159, app/assets/stylesheets/skill.scss */
.animate-sub-skill,
.animate-sub-skill > .wrapper-sub-skill {
  animation-name: example;
  animation-duration: 8s;
}

@keyframes example {
  0% {
    background-color: #fef9c3;
  }
  25% {
    background-color: #fffef3;
  }
  50% {
    background-color: #fef9c3;
  }
  100% {
    background-color: #fffef3;
  }
}

/* line 181, app/assets/stylesheets/skill.scss */
.content-message-normal div,
.content-message-normal p {
  line-height: 1.35;
}

/* line 186, app/assets/stylesheets/skill.scss */
.content-message-normal ul,
.content-message-normal ol {
  line-height: 1.25;
}

/* line 191, app/assets/stylesheets/skill.scss */
.content-message-normal ol li {
  list-style: decimal;
  list-style-position: inside;
  font-size: 15px;
}

/* line 195, app/assets/stylesheets/skill.scss */
.content-message-normal ol li blockquote {
  display: inline;
}

/* line 200, app/assets/stylesheets/skill.scss */
.content-message-normal ul li {
  list-style: disc;
  list-style-position: inside;
  font-size: 15px;
}

/* line 204, app/assets/stylesheets/skill.scss */
.content-message-normal ul li blockquote {
  display: inline;
}

/* line 209, app/assets/stylesheets/skill.scss */
.content-message-normal blockquote {
  border-left: 3px solid #ccc;
  padding-left: 1rem;
  line-height: 1.5;
}

/* line 215, app/assets/stylesheets/skill.scss */
.content-message-normal a {
  color: #56aab6;
  --tw-text-opacity: 1;
  text-decoration: underline;
  overflow-wrap: break-word;
}

/* line 222, app/assets/stylesheets/skill.scss */
.content-message-normal a:hover {
  color: #2a7682;
}

/* line 227, app/assets/stylesheets/skill.scss */
.mentioned-user {
  font-weight: 700;
  color: #2a7682;
}

/* line 233, app/assets/stylesheets/skill.scss */
.notifications-tab .disable {
  font-weight: normal;
  color: #BDBDBC;
  background-color: #F1F1F0;
}

/* line 237, app/assets/stylesheets/skill.scss */
.notifications-tab .disable:hover {
  background-color: #ececeb;
}

/* line 241, app/assets/stylesheets/skill.scss */
.notifications-tab .active {
  color: black;
  cursor: default;
}

/* line 247, app/assets/stylesheets/skill.scss */
.total-score-user {
  position: relative;
}

/* line 251, app/assets/stylesheets/skill.scss */
.total-score-user .desc-score::after,
.total-score-user .desc-score::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  font-size: 12px;
}

/* line 262, app/assets/stylesheets/skill.scss */
.total-score-user .desc-score::after {
  bottom: -2px;
  border-color: #ccc transparent transparent transparent;
  z-index: 0;
}

/* line 268, app/assets/stylesheets/skill.scss */
.total-score-user .desc-score::before {
  bottom: -1px;
  border-color: white transparent transparent transparent;
  z-index: 1;
}

/* line 274, app/assets/stylesheets/skill.scss */
.tabs {
  padding-left: 50px;
}

/* line 276, app/assets/stylesheets/skill.scss */
.tabs label {
  display: inline-block;
  font-size: 16px;
  height: 50px;
  line-height: 36px;
  width: 15%;
  text-align: center;
  background: white;
  color: #555;
  transition: 0.25s background ease;
  cursor: pointer;
  padding-top: 4px;
}

/* line 289, app/assets/stylesheets/skill.scss */
.tabs .active {
  border-bottom: 5px solid #EDC331;
}

@media (max-width: 767px) {
  /* line 293, app/assets/stylesheets/skill.scss */
  .tabs label {
    width: 20%;
  }
}

@property --progress-value {
  syntax: '<integer>';
  inherits: false;
  initial-value: 0;
}

@keyframes html-progress {
  to {
    --progress-value: var(--skill-value) ;
  }
}

/* line 310, app/assets/stylesheets/skill.scss */
.circular-progress {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7ac89d;
  font-weight: bold;
  font-size: 15px;
}

/* line 322, app/assets/stylesheets/skill.scss */
.circular-progress::before {
  counter-reset: percentage var(--progress-value);
  content: counter(percentage) "%";
}

/* line 327, app/assets/stylesheets/skill.scss */
.percentage {
  background: radial-gradient(closest-side, white 60%, transparent 65% 100%), conic-gradient(#7ac89d calc(var(--progress-value) * 1%), #f1f1f0 0);
  animation: html-progress 1s 1 forwards;
}

/* line 334, app/assets/stylesheets/skill.scss */
.percentage::before {
  animation: html-progress 1s 1 forwards;
}

/* line 338, app/assets/stylesheets/skill.scss */
.dropdown-menu-emoji {
  position: absolute;
  inset: unset !important;
  margin: unset !important;
  transform: unset !important;
  bottom: 36px !important;
}

/* line 346, app/assets/stylesheets/skill.scss */
.border-t-0 {
  border-top: 0px !important;
}

/* line 350, app/assets/stylesheets/skill.scss */
.user-learning-content-block, .improved-content-block, .action-memo {
  line-height: 1.3;
  font-size: 14px;
}

/* line 353, app/assets/stylesheets/skill.scss */
.user-learning-content-block a, .improved-content-block a, .action-memo a {
  color: #56AAB6;
  text-decoration: underline;
  font-size: 14px;
}

/* line 360, app/assets/stylesheets/skill.scss */
.improved-content, .learning-content, .action-memo {
  border-radius: 10px;
}

/* line 365, app/assets/stylesheets/skill.scss */
.message-only-seen .pdf-block {
  background-color: #DEF1E5;
}

/* line 371, app/assets/stylesheets/skill.scss */
.message-normal .pdf-block {
  height: 48px;
}

/* line 374, app/assets/stylesheets/skill.scss */
.message-normal .pdf-content {
  padding: 0px 8px;
}

/* line 379, app/assets/stylesheets/skill.scss */
.box-chat {
  position: relative;
}

/* line 382, app/assets/stylesheets/skill.scss */
.box-chat.loading::after {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #cccc;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 20%;
  left: 40%;
  content: "";
  z-index: 1;
}

/* line 396, app/assets/stylesheets/skill.scss */
.box-chat.loading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(180, 178, 178, 0.5);
  z-index: 10000;
}

@keyframes blink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* line 422, app/assets/stylesheets/skill.scss */
.blinking-element {
  animation: blink 1s infinite;
  border: 1px solid #2a7682;
}

@media screen and (min-width: 15in) {
  /* line 428, app/assets/stylesheets/skill.scss */
  .button-cancel-score-update-left {
    position: absolute;
    top: -3rem !important;
    left: 3rem !important;
  }
  /* line 434, app/assets/stylesheets/skill.scss */
  .button-cancel-score-update-right {
    position: absolute;
    top: -3rem !important;
    left: -16rem !important;
  }
}

/* line 442, app/assets/stylesheets/skill.scss */
.toggle {
  cursor: pointer;
  display: inline-block;
}

/* line 447, app/assets/stylesheets/skill.scss */
.toggle-switch {
  display: inline-block;
  background: #E5E7EB;
  border-radius: 16px;
  width: 44px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}

/* line 456, app/assets/stylesheets/skill.scss */
.toggle-switch:before, .toggle-switch:after {
  content: "";
}

/* line 460, app/assets/stylesheets/skill.scss */
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left 0.25s;
}

/* line 471, app/assets/stylesheets/skill.scss */
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

/* line 474, app/assets/stylesheets/skill.scss */
.toggle-checkbox:checked + .toggle-switch {
  background: #EDC331;
}

/* line 476, app/assets/stylesheets/skill.scss */
.toggle-checkbox:checked + .toggle-switch:before {
  left: 22px;
}

/* line 482, app/assets/stylesheets/skill.scss */
.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

/* line 487, app/assets/stylesheets/skill.scss */
.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* line 493, app/assets/stylesheets/skill.scss */
.complete-thread-description::after {
  content: '新規チャット';
}
/* line 1, app/assets/stylesheets/target.scss */
.txt-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 7, app/assets/stylesheets/target.scss */
.selected {
  background-color: #FEF9C3;
}

/* line 11, app/assets/stylesheets/target.scss */
.growth-theme-block:hover {
  background-color: #5E5E5B;
  opacity: 0.9;
}

/* line 14, app/assets/stylesheets/target.scss */
.growth-theme-block:hover .circular-progress, .growth-theme-block:hover .txt-overflow-ellipsis {
  opacity: 0.2;
}

/* line 17, app/assets/stylesheets/target.scss */
.growth-theme-block:hover .img-score-sub-skill {
  opacity: 0.08;
}

/* line 20, app/assets/stylesheets/target.scss */
.growth-theme-block:hover .action {
  display: block;
}

/* line 25, app/assets/stylesheets/target.scss */
.growth-theme-block {
  position: relative;
}

/* line 27, app/assets/stylesheets/target.scss */
.growth-theme-block .description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 35, app/assets/stylesheets/target.scss */
.growth-theme-block .action {
  position: absolute;
  bottom: calc(50% - 24px);
  display: none;
}

/* line 42, app/assets/stylesheets/target.scss */
.step {
  position: relative;
  min-height: 1em;
  color: gray;
}

/* line 47, app/assets/stylesheets/target.scss */
.step + .step {
  margin-top: 1.5em;
}

/* line 50, app/assets/stylesheets/target.scss */
.step > div:first-child {
  position: static;
  height: 0;
}

/* line 54, app/assets/stylesheets/target.scss */
.step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}

/* line 58, app/assets/stylesheets/target.scss */
.step .step-complete {
  color: #EDC331;
}

/* line 61, app/assets/stylesheets/target.scss */
.step .step-complete .circle {
  background-color: #EDC331;
  border: 3px solid #EDC331;
}

/* line 66, app/assets/stylesheets/target.scss */
.step .step-doing .circle {
  background-color: white;
  border: 3px solid #EDC331;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 74, app/assets/stylesheets/target.scss */
.step .step-doing i {
  background-color: #EDC331;
  border-radius: 50%;
  color: #EDC331;
  font-size: 10px;
}

/* Circle */
/* line 82, app/assets/stylesheets/target.scss */
.circle {
  background: white;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  border: 3px solid #ccc;
}

/* Vertical Line */
/* line 95, app/assets/stylesheets/target.scss */
.circle::before {
  content: ' ';
  position: absolute;
  display: block;
  left: 45%;
  height: 21px;
  width: 3px;
  transform: scale(1, 2);
  transform-origin: 0% 100%;
  bottom: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

/* line 107, app/assets/stylesheets/target.scss */
.step:first-child .circle::before {
  display: none;
}

/* line 111, app/assets/stylesheets/target.scss */
.step-complete .circle::before, .step-doing .circle::before {
  background-color: #EDC331;
}

/* Stepper Titles */
/* line 116, app/assets/stylesheets/target.scss */
.title {
  line-height: 1.5em;
  font-weight: bold;
  color: black;
}

/* line 121, app/assets/stylesheets/target.scss */
.caption {
  font-size: 0.8em;
  color: black;
}
/* line 1, app/assets/stylesheets/toastr_custom.scss */
#toast-message {
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 999999;
}

/* line 8, app/assets/stylesheets/toastr_custom.scss */
.toast {
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 10px 0;
  min-width: 400px;
  max-width: 450px;
  border-left: 4px solid;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  transition: all linear 0.3s;
  color: #ffffff;
  border-radius: 5px;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(calc(100% + 32px));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

/* line 39, app/assets/stylesheets/toastr_custom.scss */
.toast--success {
  border-color: #60AD82;
  background-color: #60AD82;
}

/* line 44, app/assets/stylesheets/toastr_custom.scss */
.toast--info {
  border-color: #2f86eb;
  background-color: #2f86eb;
}

/* line 49, app/assets/stylesheets/toastr_custom.scss */
.toast--warning {
  border-color: #ffc021;
  background-color: #ffc021;
}

/* line 55, app/assets/stylesheets/toastr_custom.scss */
.toast--error {
  border-color: #ff623d;
  background-color: #ff623d;
}

/* line 60, app/assets/stylesheets/toastr_custom.scss */
.toast--cancel {
  border-color: #747472;
  background-color: #747472;
}

/* line 65, app/assets/stylesheets/toastr_custom.scss */
.toast--success .toast__icon,
.toast--info .toast__icon,
.toast--warning .toast__icon,
.toast--error .toast__icon,
.toast--cancel .toast__icon {
  color: #ffffff;
}

/* line 73, app/assets/stylesheets/toastr_custom.scss */
.toast + .toast {
  margin-top: 24px;
}

/* line 77, app/assets/stylesheets/toastr_custom.scss */
.toast__icon {
  font-size: 24px;
}

/* line 81, app/assets/stylesheets/toastr_custom.scss */
.toast__icon,
.toast__close {
  padding: 0 16px;
}

/* line 86, app/assets/stylesheets/toastr_custom.scss */
.toast__body {
  flex-grow: 1;
}

/* line 90, app/assets/stylesheets/toastr_custom.scss */
.toast__msg {
  font-size: 14px;
  color: #ffffff;
  margin-top: 6px;
  line-height: 1.5;
}
/* line 3, app/assets/stylesheets/user_management.scss */
.ManagementsContainer .tab-group .tab.active {
  background: white;
  font-weight: bold;
  color: #333330;
}

/* line 11, app/assets/stylesheets/user_management.scss */
.ManagementsContainer .user-name a {
  color: #40909C !important;
  font-weight: 700;
  text-decoration-line: underline;
  text-underline-offset: 3px;
}

@media only screen and (min-width: 800px) {
  /* line 23, app/assets/stylesheets/user_management.scss */
  .ManagementsContainer .table-group .usersTableContainer #usersTable th:first-child {
    min-width: 150px;
  }
  /* line 27, app/assets/stylesheets/user_management.scss */
  .ManagementsContainer .table-group .usersTableContainer #usersTable td:first-child {
    min-width: 150px;
  }
  /* line 29, app/assets/stylesheets/user_management.scss */
  .ManagementsContainer .table-group .usersTableContainer #usersTable td:first-child div {
    width: 80%;
  }
  /* line 32, app/assets/stylesheets/user_management.scss */
  .ManagementsContainer .table-group .usersTableContainer #usersTable td:first-child div p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 46, app/assets/stylesheets/user_management.scss */
  .ManagementsContainer .table-group .usersTableContainer #usersTable td:first-child img, .ManagementsContainer .table-group .usersTableContainer #supportersTable td:first-child img, .ManagementsContainer .table-group .supportersTableContainer #usersTable td:first-child img, .ManagementsContainer .table-group .supportersTableContainer #supportersTable td:first-child img {
    min-width: 2.5rem;
    max-width: 2.5rem;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */