/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}

.banner {
  width: 100%;
  padding: .5rem 1rem;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0px -2px 5px 0px #d4d4d4;
  -webkit-box-shadow: 0px -2px 5px 0px #d4d4d4;
  -moz-box-shadow: 0px -2px 5px 0px #d4d4d4;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 575px) {
    .banner {
      display: none; } }
  .banner .content {
    align-items: center;
    display: flex;
    width: auto; }
    .banner .content .logo-container {
      height: 36px;
      width: 36px;
      margin-right: .5rem; }
      .banner .content .logo-container .logo {
        height: auto;
        width: 100%; }
    .banner .content .text {
      color: #003057;
      margin: 0;
      font-weight: bold;
      margin-right: 1rem; }
    .banner .content .button-install {
      border-radius: 8px;
      background: #FFF7E6;
      padding: 0 .5rem;
      align-items: center;
      border: none; }
      .banner .content .button-install .text {
        color: #F76B1C;
        margin: 0;
        font-weight: 900; }
  .banner .cancel-button {
    top: 0;
    margin: 0;
    padding: 0;
    border: none; }

.modal-container {
  border-radius: 16px;
  z-index: 2;
  box-shadow: 0 2px 24px 0 rgba(2, 65, 100, 0.2);
  background: #ffffff;
  padding: 2rem 2rem;
  position: fixed;
  overflow-y: scroll;
  height: 85%;
  width: 80%;
  top: 10%; }
  @media screen and (max-width: 575px) {
    .modal-container {
      z-index: 2;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      padding: .7rem .75rem; } }
  .modal-container .header-container {
    justify-content: space-between;
    display: flex;
    margin-bottom: 2.5rem; }
    .modal-container .header-container .title {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 24px !important; }
    .modal-container .header-container .button-close {
      box-shadow: none;
      border: none;
      color: #00377C; }
      .modal-container .header-container .button-close .button-close-icon {
        font-size: 16px !important; }
  .modal-container .info-input-container {
    display: flex;
    width: 100%; }
    @media screen and (max-width: 575px) {
      .modal-container .info-input-container {
        display: block; } }
    .modal-container .info-input-container .item-container {
      margin-right: 2.78%;
      width: 25%; }
      @media screen and (max-width: 575px) {
        .modal-container .info-input-container .item-container {
          width: 50%;
          margin-right: 0; } }
      .modal-container .info-input-container .item-container .title {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 14px !important; }
      .modal-container .info-input-container .item-container .input {
        border-radius: 2px;
        border: 1px solid #DFEAEC;
        font-variant: normal;
        font-feature-settings: normal; }
        @media screen and (max-width: 575px) {
          .modal-container .info-input-container .item-container .input {
            margin-bottom: .5rem; } }
        .modal-container .info-input-container .item-container .input div {
          color: #00377C;
          font-weight: 400;
          font-size: 14px !important; }
      .modal-container .info-input-container .item-container .select {
        width: 100%;
        font-variant: normal; }
        .modal-container .info-input-container .item-container .select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .modal-container .info-input-container .item-container .select .ant-select-selector .ant-select-selection-item {
            border: none;
            border-radius: 4px;
            background: #E6FAFF; }
            .modal-container .info-input-container .item-container .select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
              color: #00377C;
              font-weight: bold;
              font-size: 14px !important; }
            .modal-container .info-input-container .item-container .select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
              color: #00377C; }
  .modal-container .types {
    display: block; }
    .modal-container .types .columns {
      margin-top: 1.5rem;
      display: flex; }
      @media screen and (max-width: 575px) {
        .modal-container .types .columns {
          display: block; } }
      .modal-container .types .columns .type {
        margin-right: auto; }
        .modal-container .types .columns .type .type-title {
          margin: 0;
          color: #00305740;
          font-weight: bold;
          font-size: 16px !important;
          margin-bottom: 1.5rem; }
        .modal-container .types .columns .type .fake-space {
          margin-bottom: 3rem; }
        .modal-container .types .columns .type .option-container {
          display: flex;
          margin-bottom: .5rem; }
          .modal-container .types .columns .type .option-container .checkbox-custom {
            margin-right: .75rem; }
            .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox {
              border: 1px solid #DFEAEC;
              border-radius: 2px; }
              .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-input {
                border: none; }
                .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-input::after {
                  border: none; }
              .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-inner {
                border: none; }
            .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-disabled .ant-checkbox-inner {
              background: #ffffff !important;
              border: none; }
            .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked::after {
              border: none; }
            .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked .ant-checkbox-inner {
              background: #00377C !important;
              border: none; }
              .modal-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked .ant-checkbox-inner::after {
                border-color: #ffffff; }
          .modal-container .types .columns .type .option-container .option-name {
            margin: 0;
            color: #00377C;
            font-weight: 400;
            font-size: 16px !important; }
  .modal-container .buttons-container {
    float: right; }
    @media screen and (max-width: 575px) {
      .modal-container .buttons-container {
        margin-bottom: 20%; } }
    .modal-container .buttons-container .button-cancel {
      border-radius: 8px;
      background: #F5F5F5;
      align-items: center;
      margin-right: .5rem;
      box-shadow: none;
      border: none; }
      .modal-container .buttons-container .button-cancel .button-cancel-text {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important; }
    .modal-container .buttons-container .button-save {
      border-radius: 8px;
      background: #F76B1C;
      align-items: center;
      box-shadow: none;
      border: none; }
      .modal-container .buttons-container .button-save .button-save-text {
        margin: 0;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px !important; }

.modal-loading-container {
  z-index: 10;
  height: auto;
  width: auto;
  background: #ffffff75;
  position: absolute;
  top: 45%;
  left: 45%;
  text-align: center; }
  @media screen and (max-width: 575px) {
    .modal-loading-container {
      left: 35%; } }
  .modal-loading-container .img {
    height: auto;
    width: 120px; }
    @media screen and (max-width: 575px) {
      .modal-loading-container .img {
        width: 90px; } }
  .modal-loading-container .text {
    margin: 0;
    margin-top: 1rem;
    color: #00377C;
    font-weight: bold;
    font-size: 24px !important; }
    @media screen and (max-width: 575px) {
      .modal-loading-container .text {
        font-size: 18px !important; } }

.header-mural-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px; }
  .header-mural-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin: 0px; }
  .header-mural-container button {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px !important;
    color: #fff;
    background-color: #F76B1C; }
    .header-mural-container button:hover {
      background-color: #F76B1C;
      color: #fff; }
  .header-mural-container .body-header-mural {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px; }
    .header-mural-container .body-header-mural .select-input-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 10px; }
      @media screen and (max-width: 575px) {
        .header-mural-container .body-header-mural .select-input-container {
          width: 100%; } }
      .header-mural-container .body-header-mural .select-input-container p {
        margin: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #00377C; }
        @media screen and (max-width: 575px) {
          .header-mural-container .body-header-mural .select-input-container p {
            width: 15%;
            text-align: left; } }
      .header-mural-container .body-header-mural .select-input-container .ant-select {
        width: 150px;
        color: #00377C; }
        @media screen and (max-width: 575px) {
          .header-mural-container .body-header-mural .select-input-container .ant-select {
            width: 85%; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
  pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #fff8f0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #f57423;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #f57423;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}

.header-health-control-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .header-health-control-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin-bottom: 24px; }
  .header-health-control-container .ant-picker, .header-health-control-container .ant-picker-disabled {
    background-color: #E5F6FF;
    border-radius: 8px;
    border: none;
    padding: 4px 8px;
    cursor: context-menu !important; }
    .header-health-control-container .ant-picker .ant-picker-input, .header-health-control-container .ant-picker-disabled .ant-picker-input {
      flex-direction: row-reverse; }
      .header-health-control-container .ant-picker .ant-picker-input input, .header-health-control-container .ant-picker-disabled .ant-picker-input input {
        text-align: center;
        color: #00377C;
        font-size: 16px !important;
        font-weight: bold;
        cursor: context-menu !important; }
      .header-health-control-container .ant-picker .ant-picker-input .ant-picker-suffix, .header-health-control-container .ant-picker-disabled .ant-picker-input .ant-picker-suffix {
        color: #00377C;
        font-size: 16px !important; }

.bar-health-control-container {
  border: 1px solid #DFEAEC;
  border-radius: 4px;
  padding: 8px 16px; }
  .bar-health-control-container .ant-input-search {
    width: fit-content; }
    .bar-health-control-container .ant-input-search .ant-input-group {
      color: #00377C;
      font-variant: normal;
      font-feature-settings: normal; }
      .bar-health-control-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
        border-radius: 4px;
        border: 1px solid #DFEAEC; }
        .bar-health-control-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
          color: #00377C;
          font-size: 16px !important; }
        .bar-health-control-container .ant-input-search .ant-input-group .ant-input-affix-wrapper input {
          color: #00377C; }
      .bar-health-control-container .ant-input-search .ant-input-group .ant-input-group-addon {
        display: none; }

.student-dashboard-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 120px 1fr;
  align-items: center; }
  .student-dashboard-container .img {
    width: 120px;
    min-width: 120px;
    height: 120px;
    min-height: 120px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: random 5s infinite;
    object-fit: cover;
    color: #00377C;
    font-weight: bold;
    font-size: 24px !important;
    text-transform: uppercase; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
  .student-dashboard-container .student-data {
    display: grid;
    grid-auto-rows: minmax(auto, auto); }
    .student-dashboard-container .student-data p, .student-dashboard-container .student-data .age {
      color: #00377C;
      font-size: 20px !important;
      font-weight: 800;
      margin: 0;
      text-transform: capitalize; }
      @media screen and (max-width: 575px) {
        .student-dashboard-container .student-data p, .student-dashboard-container .student-data .age {
          font-size: 16pt !important; } }
    .student-dashboard-container .student-data .age {
      font-size: 16px !important;
      font-weight: 400;
      text-transform: none; }
      @media screen and (max-width: 575px) {
        .student-dashboard-container .student-data .age {
          font-size: 12pt !important; } }
    .student-dashboard-container .student-data .edit {
      border: none;
      width: fit-content;
      display: flex;
      align-items: center;
      border-radius: 8px;
      background-color: #E5FDFF;
      color: #00377C;
      font-weight: bold;
      font-size: 12px !important;
      padding: 0px 8px; }
      .student-dashboard-container .student-data .edit span {
        font-size: 14px !important; }

.body-menu {
  background: #ffffff;
  width: 100%;
  height: 95%;
  padding: 15px 20px 15px 20px;
  overflow-y: scroll; }
  @media screen and (max-width: 575px) {
    .body-menu {
      padding-bottom: 4rem; } }
  .body-menu .title {
    color: #00377C;
    font-weight: 900;
    font-size: 32px !important; }
  .body-menu .menu-body {
    margin: 0;
    display: grid;
    grid-gap: 16px;
    margin-top: 32px; }
    .body-menu .menu-body button {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      border-radius: 4px;
      width: 100%;
      border: 1px solid #DFEAEC;
      text-align: left;
      padding: 10px 8px;
      height: auto; }
      .body-menu .menu-body button .anticon {
        color: #00377C;
        font-size: 24px !important;
        width: 24px; }
      .body-menu .menu-body button span {
        color: #00377C;
        font-size: 16px !important;
        font-weight: bold; }

.header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem; }
  @media screen and (max-width: 575px) {
    .header {
      margin-bottom: 1rem; } }
  .header h1 {
    color: #00377C;
    font-weight: 900;
    font-size: 32px !important;
    margin: 0; }
  .header button {
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px !important;
    border: none;
    box-shadow: none;
    background-color: #FFF7E6;
    color: #F76B1C;
    padding: 4px 8px; }
    @media screen and (max-width: 575px) {
      .header button {
        border-radius: 100%;
        background: #F76B1C;
        width: 48px;
        min-width: 48px;
        min-height: 48px;
        height: 48px;
        position: fixed;
        justify-content: center;
        right: 14px;
        bottom: 15%;
        z-index: 2;
        padding: 0; }
        .header button:active {
          background: #F76B1C; }
        .header button:hover {
          background: #F76B1C; } }
    .header button p {
      margin: 0; }
      @media screen and (max-width: 575px) {
        .header button p {
          display: none; } }
    .header button .anticon-paper-clip {
      margin-right: 8px; }
      @media screen and (max-width: 575px) {
        .header button .anticon-paper-clip {
          display: none; } }
    .header button .anticon-plus {
      color: #ffffff;
      font-size: 18px !important; }
      @media screen and (min-width: 575px) {
        .header button .anticon-plus {
          display: none; } }

.bar-messages-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #DFEAEC; }
  @media screen and (max-width: 575px) {
    .bar-messages-container {
      display: block;
      justify-content: normal; } }
  .bar-messages-container .buttons {
    display: flex; }
    @media screen and (max-width: 575px) {
      .bar-messages-container .buttons {
        display: grid;
        grid-template-columns: repeat(3, 1fr); } }
    .bar-messages-container .buttons button {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px !important;
      color: #00377C;
      border: none;
      box-shadow: none;
      padding: 12px 16px;
      height: auto;
      justify-content: center; }
      @media screen and (max-width: 575px) {
        .bar-messages-container .buttons button {
          padding: 8px; } }
      .bar-messages-container .buttons button:last-of-type {
        border-left: 1px solid #DFEAEC;
        border-right: 1px solid #DFEAEC;
        padding: 12px 20px; }
        @media screen and (max-width: 575px) {
          .bar-messages-container .buttons button:last-of-type {
            border-right: 0px;
            align-self: flex-end; } }
      .bar-messages-container .buttons button:disabled {
        background-color: #fff; }
  .bar-messages-container .search {
    padding-right: 12px;
    display: flex; }
    @media screen and (max-width: 575px) {
      .bar-messages-container .search {
        padding: 0; } }
    .bar-messages-container .search .ant-input-search .ant-input-group {
      color: #00377C; }
      .bar-messages-container .search .ant-input-search .ant-input-group .ant-input-affix-wrapper {
        border: 1px solid #DFEAEC;
        border-radius: 4px; }
        @media screen and (max-width: 575px) {
          .bar-messages-container .search .ant-input-search .ant-input-group .ant-input-affix-wrapper {
            border-bottom: 0px;
            border-right: 0px;
            border-left: 0px;
            border-radius: 0px; } }
        .bar-messages-container .search .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
          color: #00377C; }
        .bar-messages-container .search .ant-input-search .ant-input-group .ant-input-affix-wrapper input {
          color: #00377C;
          font-variant: normal;
          font-feature-settings: normal; }
      .bar-messages-container .search .ant-input-search .ant-input-group .ant-input-group-addon {
        display: none; }

.body-payments-container {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fafafa; }
  .body-payments-container iframe {
    height: 100%;
    width: 100%;
    border: none; }
  .body-payments-container .alert-payments-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 20px auto 0px auto;
    padding: 15px;
    max-width: 500px; }
    .body-payments-container .alert-payments-container .titulo {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      width: 100%;
      margin-bottom: 10px; }
      .body-payments-container .alert-payments-container .titulo svg {
        height: 25px;
        width: 25px;
        color: #FF8700;
        margin-top: 6px;
        transform: rotate(180deg); }
      .body-payments-container .alert-payments-container .titulo span {
        font-size: 25px;
        font-weight: bold;
        color: #003057;
        margin-left: 5px; }
    .body-payments-container .alert-payments-container .mensaje-payments-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding: 15px;
      border-radius: 8px;
      background-color: #ffffff; }
      .body-payments-container .alert-payments-container .mensaje-payments-container p {
        font-size: 16px;
        line-height: 20px;
        color: #003057;
        margin-bottom: 18px;
        width: 100%; }
      .body-payments-container .alert-payments-container .mensaje-payments-container input {
        font-size: 16px;
        color: #003057;
        padding: 3px 10px;
        outline: none;
        border-radius: 5px;
        border: 2px solid #d8d8d8;
        width: 100%;
        margin-bottom: 20px; }
      .body-payments-container .alert-payments-container .mensaje-payments-container button {
        font-size: 16px;
        padding: 5px 10px;
        outline: none;
        box-shadow: none;
        width: fit-content;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        color: #000000;
        background-color: #ffffff; }
      .body-payments-container .alert-payments-container .mensaje-payments-container button.principal {
        color: #ffffff;
        background-color: #f76b1c; }
      .body-payments-container .alert-payments-container .mensaje-payments-container button.secundario {
        color: #f76b1c;
        background-color: #fff0e8; }
      .body-payments-container .alert-payments-container .mensaje-payments-container img {
        margin-top: 15px;
        height: auto;
        width: 150px; }

.students-mobile-container {
  height: auto;
  padding: 1rem .75rem 4rem .75rem; }
  .students-mobile-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900; }
  .students-mobile-container button {
    display: flex;
    align-items: center;
    height: auto;
    margin-bottom: 16px;
    border: none;
    box-shadow: none; }
    .students-mobile-container button .img-container {
      display: flex;
      position: relative;
      width: 64px;
      min-width: 64px;
      min-height: 64px;
      height: 64px;
      margin-right: 20px; }
      .students-mobile-container button .img-container img, .students-mobile-container button .img-container .img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 100%;
        width: 64px;
        min-width: 64px;
        min-height: 64px;
        height: 64px;
        font-weight: bold;
        font-size: 24px !important;
        animation: random 15s infinite;
        object-fit: cover;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
        .students-mobile-container button .img-container img p, .students-mobile-container button .img-container .img p {
          margin: 0;
          color: #00377C; }
      .students-mobile-container button .img-container .check {
        position: absolute;
        border-radius: 100%;
        background-color: #00E7BB;
        height: 18px;
        min-height: 18px;
        width: 18px;
        min-width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        bottom: 5%;
        left: 0;
        font-size: 10px !important; }
    .students-mobile-container button .info-student-container {
      text-align: left;
      color: #00377C; }
      .students-mobile-container button .info-student-container p {
        font-size: 20px !important;
        margin: 0;
        font-weight: 800; }
      .students-mobile-container button .info-student-container span {
        font-size: 12px !important; }

.terms-container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 150px;
  gap: 16px;
  min-height: 100%;
  background-color: #FAFAFA; }
  .terms-container h1 {
    font-size: 32px;
    line-height: 31px;
    font-weight: bold;
    margin: 30px 0px;
    color: #00377C; }
  .terms-container h3 {
    font-size: 20px !important;
    margin: 0;
    color: #00377C;
    font-weight: bold; }
  .terms-container .no-margin-top {
    margin-top: 0px; }
  .terms-container .section-terms {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: repeat(2, auto);
    color: #00377C; }
    .terms-container .section-terms h4 {
      font-size: 18px !important; }
    .terms-container .section-terms h3, .terms-container .section-terms h4 {
      color: #00377C;
      font-weight: bold; }
    .terms-container .section-terms .paragraph {
      text-align: justify;
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .terms-container .section-terms .paragraph p {
        margin: 0;
        font-size: 14px !important;
        line-height: 24px;
        white-space: pre-wrap; }
        .terms-container .section-terms .paragraph p a {
          color: #00377C;
          text-decoration: underline;
          font-weight: bold; }
          .terms-container .section-terms .paragraph p a:hover {
            color: orange; }
        .terms-container .section-terms .paragraph p br {
          font-size: 0; }
        .terms-container .section-terms .paragraph p span {
          font-size: 16px !important; }
        .terms-container .section-terms .paragraph p .bold {
          font-size: 14px !important;
          font-weight: bold; }
        .terms-container .section-terms .paragraph p .sub-title {
          font-weight: bold; }
      .terms-container .section-terms .paragraph ul, .terms-container .section-terms .paragraph ol {
        margin: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #f57423;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}

.ant-layout-sider {
  background-color: #fff;
  border-right: 1px solid #DFEAEC;
  padding: 28px 0px 16px 0px; }
  @media screen and (max-width: 575px) {
    .ant-layout-sider {
      display: none; } }
  .ant-layout-sider .item, .ant-layout-sider .item-final {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    width: 100%;
    white-space: wrap; }
    .ant-layout-sider .item span, .ant-layout-sider .item-final span {
      color: #00377C;
      font-size: 16px !important;
      margin-right: 8px; }
    .ant-layout-sider .item a, .ant-layout-sider .item-final a {
      color: #00377C;
      font-size: 16px !important;
      font-weight: bold;
      width: 100%; }
  .ant-layout-sider .item-final {
    position: fixed;
    width: fit-content;
    bottom: 0; }
    .ant-layout-sider .item-final a {
      font-size: 12px !important;
      font-weight: normal; }
  .ant-layout-sider .ant-layout-sider-children .ant-menu-inline {
    border: none; }
  .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item {
    padding: 0px 20px !important;
    margin: 0px;
    height: fit-content; }
    .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item::after {
      border-right: 3px solid #f57423; }
    .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item:hover .anticon {
      color: #f57423; }
    .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item .anticon {
      color: #00377C;
      font-size: 16px !important;
      width: 16px; }
    .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item span a {
      color: #00377C;
      font-size: 16px !important;
      font-weight: bold;
      width: 100%; }
      .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item span a:hover {
        color: #f57423; }
  .ant-layout-sider .ant-layout-sider-children .ant-menu .ant-menu-item-selected {
    background-color: #fff; }
  .ant-layout-sider .ant-layout-sider-children .ant-menu .terms {
    position: fixed;
    width: fit-content;
    bottom: 0;
    color: #00377C; }
    .ant-layout-sider .ant-layout-sider-children .ant-menu .terms span a {
      width: fit-content; }
  .ant-layout-sider .ant-layout-sider-children .ant-menu-inline-collapsed {
    border-right: 0px; }

.contenedorHeader {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  background-color: transparent; }
  .contenedorHeader .anuncio-top-header-container {
    display: flex;
    position: fixed;
    z-index: 3;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 23px 10px;
    background: #3fd6e8;
    background: #00377C;
    overflow: hidden; }
    @media screen and (max-width: 620px) {
      .contenedorHeader .anuncio-top-header-container {
        padding: 25px 10px 15px 10px; } }
    @media screen and (max-width: 575px) {
      .contenedorHeader .anuncio-top-header-container {
        flex-direction: column;
        gap: 10px;
        padding: 25px 10px 15px 10px; } }
    .contenedorHeader .anuncio-top-header-container .kibu-saludo {
      position: absolute;
      top: 10px;
      left: calc(28vw - 134px);
      height: auto;
      width: 134px;
      rotate: 15deg;
      pointer-events: none; }
      @media screen and (max-width: 620px) {
        .contenedorHeader .anuncio-top-header-container .kibu-saludo {
          display: none; } }
    .contenedorHeader .anuncio-top-header-container .icon-close-anuncio {
      display: flex;
      position: absolute;
      top: 10px;
      right: 10px;
      height: auto;
      width: 12px;
      cursor: pointer; }
    .contenedorHeader .anuncio-top-header-container .primera-seccion {
      width: 30%; }
      @media screen and (max-width: 620px) {
        .contenedorHeader .anuncio-top-header-container .primera-seccion {
          display: none; } }
    .contenedorHeader .anuncio-top-header-container .info-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 40%;
      gap: 5px;
      padding-right: 20px;
      color: #fff;
      text-align: left; }
      @media screen and (max-width: 620px) {
        .contenedorHeader .anuncio-top-header-container .info-container {
          padding-right: 10px;
          width: 100%; } }
      .contenedorHeader .anuncio-top-header-container .info-container strong {
        font-size: 18px;
        line-height: 19px; }
      .contenedorHeader .anuncio-top-header-container .info-container span {
        font-size: 16px;
        line-height: 17px; }
    .contenedorHeader .anuncio-top-header-container .contenedor-btn {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 30%; }
      @media screen and (max-width: 620px) {
        .contenedorHeader .anuncio-top-header-container .contenedor-btn {
          width: 20%; } }
      @media screen and (max-width: 575px) {
        .contenedorHeader .anuncio-top-header-container .contenedor-btn {
          width: 100%;
          justify-content: center; } }
      .contenedorHeader .anuncio-top-header-container .contenedor-btn .btn-anuncio-top-header {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-left: 50px;
        color: white;
        font-size: 16px;
        padding: 3px 20px;
        border-radius: 8px;
        border: none;
        outline: none;
        background-color: #F76B1C;
        cursor: pointer; }
        @media screen and (max-width: 620px) {
          .contenedorHeader .anuncio-top-header-container .contenedor-btn .btn-anuncio-top-header {
            white-space: nowrap;
            padding: 3px 10px;
            margin-left: 0px; } }
        .contenedorHeader .anuncio-top-header-container .contenedor-btn .btn-anuncio-top-header svg {
          height: auto;
          width: 13px; }
  .contenedorHeader .ant-layout-header {
    display: flex;
    position: fixed;
    height: auto !important;
    width: 100%;
    background-color: #fff !important;
    justify-content: space-between;
    padding: 0px 16px !important;
    border-bottom: 1px solid #DFEAEC;
    align-items: center;
    z-index: 3; }
    @media screen and (max-width: 640px) {
      .contenedorHeader .ant-layout-header {
        padding: 8px 16px 8px 0px !important; } }
    .contenedorHeader .ant-layout-header .col {
      display: flex;
      align-items: center;
      height: fit-content;
      color: #00377C; }
      .contenedorHeader .ant-layout-header .col .menu-button {
        color: #00377C;
        border: none;
        box-shadow: none;
        font-size: 20px;
        display: flex;
        align-items: center;
        margin-right: 8px; }
        @media screen and (max-width: 575px) {
          .contenedorHeader .ant-layout-header .col .menu-button {
            margin: 0px;
            padding: 4px 12px; } }
      .contenedorHeader .ant-layout-header .col .principal-logo {
        display: flex;
        height: 56px;
        margin: 4px 0px;
        width: auto; }
        @media screen and (max-width: 640px) {
          .contenedorHeader .ant-layout-header .col .principal-logo {
            display: none; } }
      .contenedorHeader .ant-layout-header .col .dropdown {
        display: flex;
        align-items: center;
        border-radius: 4px;
        border: 1px solid #DFEAEC;
        height: auto;
        padding: 4px 8px;
        box-shadow: none;
        color: #00377C; }
        @media screen and (max-width: 575px) {
          .contenedorHeader .ant-layout-header .col .dropdown {
            border: none;
            padding: 0px; } }
      .contenedorHeader .ant-layout-header .col .logo-app, .contenedorHeader .ant-layout-header .col .img-student {
        height: 32px;
        min-height: 32px;
        width: 32px;
        min-width: 32px;
        border-radius: 100%;
        object-fit: cover;
        margin-right: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00377C;
        text-transform: uppercase;
        font-size: 12px !important;
        animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
        .contenedorHeader .ant-layout-header .col .logo-app p, .contenedorHeader .ant-layout-header .col .img-student p {
          margin: 0px;
          font-weight: bold; }
    @media screen and (max-width: 575px) {
      .contenedorHeader .ant-layout-header .logo-app {
        margin: 0px; } }
    .contenedorHeader .ant-layout-header .img-student {
      height: 40px;
      min-height: 40px;
      width: 40px;
      min-width: 40px; }
    .contenedorHeader .ant-layout-header .student-name {
      margin-right: 8px;
      color: #00377C;
      text-align: left;
      text-transform: capitalize;
      display: inline-grid; }
      .contenedorHeader .ant-layout-header .student-name p {
        margin: 0;
        font-weight: 800;
        font-size: 14px !important; }
      .contenedorHeader .ant-layout-header .student-name span {
        font-size: 10px !important; }
        @media screen and (max-width: 575px) {
          .contenedorHeader .ant-layout-header .student-name span {
            display: none; } }
    .contenedorHeader .ant-layout-header .anticon-down {
      font-size: 10px !important; }
    .contenedorHeader .ant-layout-header .text-container {
      text-transform: capitalize;
      text-align: left;
      display: inline-grid; }
      @media screen and (max-width: 575px) {
        .contenedorHeader .ant-layout-header .text-container {
          display: none; } }
      .contenedorHeader .ant-layout-header .text-container p {
        font-size: 14px !important;
        margin: 0;
        font-weight: bold; }
      .contenedorHeader .ant-layout-header .text-container span {
        font-size: 12px !important;
        color: #00ADD1; }

.footer-mobile {
  background: #ffffff !important;
  border-top: 1px solid #DFEAEC;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 8px 16px 8px !important; }
  @media screen and (min-width: 575px) {
    .footer-mobile {
      display: none; } }
  .footer-mobile .item {
    display: grid;
    text-align: center;
    height: auto;
    max-width: 50px;
    padding: 0 4px;
    border: none;
    box-shadow: none; }
    .footer-mobile .item:disabled {
      background-color: #fff; }
    .footer-mobile .item .anticon, .footer-mobile .item .nombre-item {
      color: #00377C; }
    .footer-mobile .item .nombre-item {
      font-size: 10px !important;
      line-height: 11px;
      font-weight: bold;
      margin-left: 0px;
      white-space: break-spaces; }
    .footer-mobile .item .anticon {
      font-size: 16px; }
    .footer-mobile .item svg.anticon {
      height: auto;
      width: 18px;
      margin: 0px auto; }
  .footer-mobile .item.actual .anticon, .footer-mobile .item.actual .nombre-item {
    color: #F76B1C; }

.footer-mobile.loading-footer .item span, .footer-mobile.loading-footer .item a, .footer-mobile.loading-footer .item svg {
  color: #00387c85; }

.footer-mobile.loading-footer .item.actual span, .footer-mobile.loading-footer .item.actual a, .footer-mobile.loading-footer .item.actual svg {
  color: #f76c1c8a; }

body {
  font-family: "Averta", sans-serif !important;
  overflow-y: scroll;
  font-variant: none;
  font-feature-settings: inherit; }
  body ::-webkit-scrollbar {
    height: .75rem;
    width: 10px; }
  body ::-webkit-scrollbar-track {
    border-radius: 4px; }
  body ::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  body ::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }
  @media screen and (max-width: 575px) {
    body ::-webkit-scrollbar {
      width: 0px; } }

#__next {
  height: 100%; }

.img-student-change {
  height: 40px;
  min-height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00377C;
  text-transform: uppercase;
  font-size: 12px !important;
  animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
  .img-student-change p {
    margin: 0px;
    font-weight: bold; }

.ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  display: flex;
  align-items: center;
  color: #00377C; }
  .ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content .img-student-change {
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00377C;
    text-transform: uppercase;
    font-size: 12px !important;
    animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
    .ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content .img-student-change p {
      margin: 0px;
      font-weight: bold; }
  .ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content .change-text-container {
    color: #00377C;
    text-align: left;
    text-transform: capitalize;
    display: inline-grid; }
    .ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content .change-text-container p {
      margin: 0;
      font-weight: 800;
      font-size: 14px !important; }
    .ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical .ant-dropdown-menu-item .ant-dropdown-menu-title-content .change-text-container span {
      font-size: 10px !important; }

.menu-student {
  border-radius: 4px;
  max-height: 50vh;
  overflow-y: scroll; }
  .menu-student .ant-dropdown-menu-item {
    line-height: normal; }
    .menu-student .ant-dropdown-menu-item .ant-dropdown-menu-title-content p {
      margin: 0px;
      font-weight: 800;
      font-size: 14px !important;
      color: #00377C; }
    .menu-student .ant-dropdown-menu-item .ant-dropdown-menu-title-content span {
      font-size: 12px !important;
      color: #00ADD1; }
  .menu-student .ant-dropdown-menu-item-active {
    background-color: #fff; }
    .menu-student .ant-dropdown-menu-item-active:hover {
      background-color: #fff; }
    .menu-student .ant-dropdown-menu-item-active .ant-dropdown-menu-title-content p, .menu-student .ant-dropdown-menu-item-active .ant-dropdown-menu-title-content span {
      color: #F76B1C; }

.menu-student::-webkit-scrollbar {
  width: 8px; }

.menu-student::-webkit-scrollbar-thumb {
  background: #00ADD1;
  border-radius: 4px; }

.ant-layout {
  background-color: #fff;
  min-height: 100%; }

.notification-container {
  background: #ffffff;
  position: absolute;
  z-index: 10;
  width: auto;
  top: 12%;
  right: 1.7%;
  box-shadow: 0 8px 24px 0 #00204736;
  padding: .5rem;
  border-radius: 4px;
  display: flex; }
  .notification-container .content-container {
    margin-right: 1rem; }
    .notification-container .content-container .button-content {
      padding: 0;
      height: auto; }
      .notification-container .content-container .button-content .content {
        display: flex; }
        .notification-container .content-container .button-content .content .img-container {
          height: 40px;
          width: 40px;
          border-radius: 100%;
          margin-right: .5rem;
          align-content: center;
          align-items: center;
          justify-content: center; }
          .notification-container .content-container .button-content .content .img-container .img {
            height: 100%;
            width: 100%;
            border-radius: 100%;
            object-fit: cover; }
          .notification-container .content-container .button-content .content .img-container .no-img {
            height: 100%;
            width: 100%;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
            .notification-container .content-container .button-content .content .img-container .no-img .text {
              color: #00377C;
              font-weight: bold;
              text-transform: uppercase;
              margin: 0;
              font-size: 14px !important; }
              @media screen and (max-width: 350px) {
                .notification-container .content-container .button-content .content .img-container .no-img .text {
                  font-size: 12px !important; } }
          .notification-container .content-container .button-content .content .img-container .body-container {
            text-align: left; }
            .notification-container .content-container .button-content .content .img-container .body-container .body-title {
              margin: 0;
              color: #00377C;
              font-weight: 900;
              font-size: 14px !important; }
            .notification-container .content-container .button-content .content .img-container .body-container .who {
              margin: 0;
              color: #00377C;
              font-weight: 400;
              font-size: 12px !important; }
    .notification-container .content-container .close-container .button-close {
      border: none;
      background: #ffffff00;
      padding: 0;
      display: flex; }
      .notification-container .content-container .close-container .button-close .button-icon {
        font-size: 14px !important;
        color: #00377C; }

.anuncio-popup-kidsbook-container {
  display: flex;
  position: fixed;
  padding: 20px;
  justify-content: center;
  align-items: center;
  z-index: 3;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  background-color: #0000006e; }
  @media screen and (max-width: 575px) {
    .anuncio-popup-kidsbook-container {
      padding: 10px; } }
  .anuncio-popup-kidsbook-container .anuncio-popup-kidsbook-modal-container {
    display: block;
    width: 675px;
    max-height: 95%;
    max-width: 100%;
    overflow: auto;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .anuncio-popup-kidsbook-container .contenido {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 80px 20px 15px 20px;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    @media screen and (max-width: 575px) {
      .anuncio-popup-kidsbook-container .contenido {
        padding: 35px 10px 15px 10px; } }
    .anuncio-popup-kidsbook-container .contenido .close {
      z-index: 2;
      display: block;
      position: absolute;
      height: auto;
      width: 23px;
      right: 10px;
      top: 10px;
      cursor: pointer; }
    .anuncio-popup-kidsbook-container .contenido h1 {
      z-index: 2;
      font-size: 48px;
      line-height: 50px;
      font-weight: bold;
      color: #4F4D4D; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido h1 {
          font-size: 35px;
          line-height: 38px; } }
      .anuncio-popup-kidsbook-container .contenido h1 .verde {
        color: #1CA690; }
    .anuncio-popup-kidsbook-container .contenido p {
      z-index: 2;
      font-size: 25px;
      line-height: 26px;
      color: #000000; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido p {
          font-size: 18px;
          line-height: 19px; } }
    .anuncio-popup-kidsbook-container .contenido p.margin-bottom-parrafo {
      margin-bottom: 140px; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido p.margin-bottom-parrafo {
          margin-bottom: 55px; } }
    .anuncio-popup-kidsbook-container .contenido button {
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      white-space: nowrap;
      padding: 0px 20px;
      font-size: 32px;
      font-weight: bold;
      color: #ffffff;
      border: none;
      border-radius: 15px;
      outline: none;
      cursor: pointer; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido button {
          margin-bottom: 10px;
          padding: 0px 10px;
          font-size: 20px; } }
      .anuncio-popup-kidsbook-container .contenido button svg {
        height: auto;
        width: 30px;
        margin-right: 10px;
        fill: #ffffff; }
        @media screen and (max-width: 575px) {
          .anuncio-popup-kidsbook-container .contenido button svg {
            margin-right: 2px;
            width: 20px; } }
    .anuncio-popup-kidsbook-container .contenido button.btn-green {
      background-color: #1CA690; }
    .anuncio-popup-kidsbook-container .contenido button.btn-orange {
      background-color: #F76B1C; }
    .anuncio-popup-kidsbook-container .contenido .check-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: nowrap;
      margin-top: 70px; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido .check-container {
          margin-top: 0px; } }
      .anuncio-popup-kidsbook-container .contenido .check-container .ant-checkbox-wrapper {
        z-index: 2;
        margin-right: 10px; }
      .anuncio-popup-kidsbook-container .contenido .check-container .mensaje-no-mostrar {
        z-index: 2;
        font-size: 14px;
        color: #000000; }
    .anuncio-popup-kidsbook-container .contenido img {
      z-index: 1;
      position: absolute;
      rotate: 15deg;
      height: auto;
      width: 200px;
      left: 0;
      bottom: 0;
      margin-left: -14px;
      margin-bottom: -27px; }
      @media screen and (max-width: 575px) {
        .anuncio-popup-kidsbook-container .contenido img {
          width: 100px; } }

#__next-prerender-indicator {
  display: none;
}
* {
  font-feature-settings: normal;
  font-variant: normal;
}

.container-login {
  min-height: 100vh;
  background: linear-gradient(44.45deg, #69f3dd, #3fd6e8 39.76%, #25b2da 66.44%, #0584c9);
  padding: 32px;
  justify-content: center;
  text-align: center;
  overflow-y: scroll;
  align-items: center;
  display: flex; }
  .container-login .logo {
    height: auto;
    width: 200px;
    min-width: 200px;
    object-fit: cover;
    margin-bottom: 32px; }
  .container-login .card-login {
    width: fit-content;
    align-self: center;
    padding: 32px 45px;
    background: #ffffff;
    border-radius: 8px; }
    @media screen and (max-width: 575px) {
      .container-login .card-login {
        max-width: 95%;
        padding: 24px; } }
    .container-login .card-login .button-back {
      margin-right: auto;
      display: flex;
      padding-left: 0;
      padding-top: 0; }
    .container-login .card-login h1 {
      font-size: 32px !important;
      color: #003057;
      font-weight: 900; }
    .container-login .card-login .ant-form .ant-form-item .ant-form-item-label {
      padding: 0; }
      .container-login .card-login .ant-form .ant-form-item .ant-form-item-label label {
        color: #003057;
        font-size: 14px !important;
        font-weight: bold; }
    .container-login .card-login .ant-form .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content input {
      color: #003057; }
    .container-login .card-login .ant-form a {
      color: #003057;
      font-size: 14px !important;
      width: fit-content;
      justify-self: center; }
    .container-login .card-login .button-login, .container-login .card-login .button-recover {
      display: flex;
      width: fit-content;
      background-color: #FF8700;
      font-weight: bold;
      color: #fff;
      font-size: 16px !important;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 16px;
      border-radius: 8px;
      border: none;
      box-shadow: none; }
    .container-login .card-login .button-recover {
      margin-bottom: 0; }

.ant-upload-list-item {
  border-color: #55A2E1 !important;
  color: #55A2E1 !important; }
  .ant-upload-list-item .ant-upload-list-item-name {
    color: #55A2E1 !important; }
  .ant-upload-list-item .ant-upload-list-item-card-actions .anticon {
    color: #55A2E1 !important; }

.ant-upload-list .ant-tooltip {
  display: none !important; }

.kb-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.kb-attachment {
  border: 1px solid #dedede;
  background-color: #ffffff;
  display: flex;
  transition: all ease-in 0.2s;
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: all ease-in 0.2s; }
  .kb-attachment .kb-attachment-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    text-align: center;
    opacity: 0;
    transition: all ease-in 0.2s;
    z-index: 4; }
    .kb-attachment .kb-attachment-inner-icon {
      color: #fff;
      margin-top: 40px; }
  .kb-attachment .kb-attachment-content {
    position: relative;
    z-index: 5; }
  .kb-attachment:hover .kb-attachment-inner {
    opacity: 1; }
  .kb-attachment:hover .kb-attachment-content {
    color: #fff; }
  .kb-attachment:hover, .kb-attachment:active, .kb-attachment:focus {
    border-color: #F57423; }
  .kb-attachment .anticon {
    pointer-events: none;
    margin-bottom: 10px; }
    .kb-attachment .anticon svg {
      width: 32px !important;
      height: 32px !important; }
  .kb-attachment > div {
    pointer-events: none;
    white-space: normal;
    word-break: break-all;
    line-height: 18px; }
  .kb-attachment-file, .kb-attachment-video, .kb-attachment-image {
    width: 150px;
    height: 120px;
    padding: 0 20px;
    flex-direction: column;
    justify-content: center; }
    .kb-attachment-file p, .kb-attachment-video p, .kb-attachment-image p {
      margin-bottom: 0; }
  .kb-attachment-video {
    color: #F57423; }
  .kb-attachment-image {
    background-size: cover;
    background-position: center; }

/** BUTTONS **/
.ant-btn {
  border-radius: 5px;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #00377C;
  font-weight: 700; }
  .ant-btn:hover {
    color: #00377C;
    border-color: #DFEAEC; }
  .ant-btn.ant-btn-primary {
    background-color: #F57423;
    color: #fff; }
    .ant-btn.ant-btn-primary:hover {
      border-color: #F57423; }
    .ant-btn.ant-btn-primary:disabled {
      background-color: #F5F5F5;
      border-color: #979797;
      color: #979797; }
      .ant-btn.ant-btn-primary:disabled:hover {
        border-color: #979797;
        color: #979797; }
  .ant-btn-circle {
    border-radius: 50% !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #f57423;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #f57423;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}

.detail-mural-post-container {
  overflow-y: scroll;
  padding: 16px 32px; }
  @media screen and (max-width: 720px) {
    .detail-mural-post-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .detail-mural-post-container {
      padding: 8px 12px 64px 12px; } }
  .detail-mural-post-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin-bottom: 24px; }
  .detail-mural-post-container .detail-container {
    border: 1px solid #DFEAEC;
    border-radius: 4px; }
    .detail-mural-post-container .detail-container .header-detail-mural {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px 8px;
      border-bottom: 1px solid #DFEAEC; }
      .detail-mural-post-container .detail-container .header-detail-mural button {
        border: none;
        box-shadow: none;
        padding: 4px 8px;
        font-size: 14px !important;
        color: #00377C; }
        .detail-mural-post-container .detail-container .header-detail-mural button:hover {
          color: #F76B1C; }
    .detail-mural-post-container .detail-container .body-detail-mural {
      display: flex;
      padding: 28px 16px;
      overflow-x: scroll; }
      @media screen and (max-width: 575px) {
        .detail-mural-post-container .detail-container .body-detail-mural {
          padding: 16px 8px; } }
      .detail-mural-post-container .detail-container .body-detail-mural .anticon-pushpin {
        color: #00377C;
        font-size: 24px !important;
        margin-right: 16px; }
        @media screen and (max-width: 575px) {
          .detail-mural-post-container .detail-container .body-detail-mural .anticon-pushpin {
            margin-right: 4px; } }
      .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural {
        display: grid;
        grid-gap: 16px;
        width: 100%; }
        .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body {
          display: flex;
          justify-content: space-between; }
          .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body {
            display: grid;
            line-height: normal;
            width: 100%; }
            .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body .title-header-container {
              display: flex; }
              .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body .title-header-container .title {
                color: #00377C;
                font-size: 24px !important;
                font-weight: bold;
                margin: 0px; }
              .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body .title-header-container div {
                width: fit-content;
                height: fit-content;
                border-radius: 4px;
                background-color: #FADE61;
                font-size: 12px !important;
                font-weight: bold;
                color: #BF8600;
                margin: 0px 16px;
                padding: 0px 4px; }
              .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body .title-header-container .update-time {
                height: fit-content;
                margin-left: auto;
                min-width: 55px;
                width: fit-content;
                color: #003057;
                font-size: 12px !important;
                text-transform: capitalize; }
            .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .header-content-body .title-header-content-body span {
              color: #0584C9;
              font-size: 14px !important;
              font-weight: bold;
              text-transform: capitalize; }
        .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .detail-content-body {
          font-size: 16px !important;
          color: #00377C;
          white-space: pre-wrap; }
          .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .detail-content-body a {
            color: #1155cc;
            font-weight: bold;
            font-size: 16px !important;
            text-decoration: underline; }
        .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments {
          display: grid;
          grid-gap: 8px; }
          .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button {
            border-radius: 4px;
            background-color: #E5FDFF;
            color: #00377C;
            font-size: 14px !important;
            border: none;
            box-shadow: none;
            width: fit-content;
            padding: 4px 8px;
            display: flex;
            align-items: center; }
            .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button:hover {
              color: #F76B1C; }
            .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button p {
              margin: 0px;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 350px; }
              @media screen and (max-width: 575px) {
                .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button p {
                  max-width: 275px; } }
              @media screen and (max-width: 360px) {
                .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button p {
                  max-width: 215px; } }

.dailyreport-container {
  padding: 24px 30px; }
  @media screen and (max-width: 575px) {
    .dailyreport-container {
      padding: 16pt 12pt;
      margin-bottom: 25%; } }
  .dailyreport-container .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px; }
    .dailyreport-container .header p {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 32px !important; }
    .dailyreport-container .header .date-picker-custom {
      border-radius: 8px;
      background: #E5F6FF;
      height: min-content;
      border: none;
      padding: .25rem .75rem; }
      .dailyreport-container .header .date-picker-custom .ant-picker-input {
        flex-direction: row-reverse;
        text-align-last: center; }
        .dailyreport-container .header .date-picker-custom .ant-picker-input input {
          margin: 0;
          color: #00377C;
          font-weight: bold;
          font-size: 16px !important; }
        .dailyreport-container .header .date-picker-custom .ant-picker-input .ant-picker-suffix {
          color: #00377C; }
        .dailyreport-container .header .date-picker-custom .ant-picker-input .ant-picker-clear {
          display: none; }
  .dailyreport-container p {
    margin: 0;
    color: #00377C;
    font-weight: bold;
    font-size: 24px !important; }
  .dailyreport-container .content-sections {
    align-items: flex-start;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 64px; }
    @media screen and (max-width: 575px) {
      .dailyreport-container .content-sections {
        display: block; } }
    .dailyreport-container .content-sections .section {
      display: block; }
      @media screen and (max-width: 575px) {
        .dailyreport-container .content-sections .section {
          margin-bottom: 24pt; } }
      .dailyreport-container .content-sections .section .section-title {
        margin: 0;
        color: #00377C;
        font-weight: 900;
        font-size: 24px !important;
        margin-bottom: 1rem; }
      .dailyreport-container .content-sections .section .content {
        display: block;
        gap: .5rem; }
        .dailyreport-container .content-sections .section .content .result {
          display: flex;
          justify-content: space-between; }
        .dailyreport-container .content-sections .section .content .result-block {
          display: block; }
        .dailyreport-container .content-sections .section .content .result, .dailyreport-container .content-sections .section .content .result-block {
          margin-bottom: 12px; }
          .dailyreport-container .content-sections .section .content .result .result-title, .dailyreport-container .content-sections .section .content .result p, .dailyreport-container .content-sections .section .content .result-block .result-title, .dailyreport-container .content-sections .section .content .result-block p {
            margin: 0;
            color: #00377C;
            font-size: 14px !important; }
          .dailyreport-container .content-sections .section .content .result .result-title, .dailyreport-container .content-sections .section .content .result-block .result-title {
            font-weight: bold; }
          .dailyreport-container .content-sections .section .content .result p, .dailyreport-container .content-sections .section .content .result-block p {
            font-weight: 400;
            white-space: pre-wrap; }
          .dailyreport-container .content-sections .section .content .result .files, .dailyreport-container .content-sections .section .content .result-block .files {
            display: grid;
            grid-gap: 8px; }
            .dailyreport-container .content-sections .section .content .result .files button, .dailyreport-container .content-sections .section .content .result-block .files button {
              border-radius: 4px;
              background-color: #E5FDFF;
              color: #00377C;
              font-size: 14px !important;
              border: none;
              box-shadow: none;
              width: fit-content;
              padding: 4px 8px;
              display: flex;
              align-items: center; }
              .dailyreport-container .content-sections .section .content .result .files button:hover, .dailyreport-container .content-sections .section .content .result-block .files button:hover {
                color: #F76B1C; }
      .dailyreport-container .content-sections .section .two-in-one {
        margin-top: 1rem; }

.announcements {
  display: grid;
  grid-gap: 4px; }
  .announcements .btn-announcement {
    height: auto;
    box-shadow: none;
    border: 1px solid #DFEAEC;
    border-radius: 4px;
    text-align: left;
    padding: 12px 16px 8px 16px; }
    .announcements .btn-announcement .header-btn-announcement {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .announcements .btn-announcement .header-btn-announcement .create-time {
        display: flex;
        align-items: center; }
        .announcements .btn-announcement .header-btn-announcement .create-time .anticon-pushpin {
          color: #00377C;
          font-size: 14px !important; }
        .announcements .btn-announcement .header-btn-announcement .create-time .time {
          font-size: 12px !important;
          color: #003057;
          text-transform: capitalize; }
      .announcements .btn-announcement .header-btn-announcement .new {
        height: fit-content;
        width: fit-content;
        padding: 0px 4px;
        border-radius: 4px;
        background-color: #FADE61;
        font-size: 12px !important;
        font-weight: bold;
        color: #BF8600; }
    .announcements .btn-announcement p {
      margin: 0px;
      font-size: 14px !important;
      font-weight: bold;
      color: #00377C;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 300px; }
      @media screen and (max-width: 720px) {
        .announcements .btn-announcement p {
          max-width: 250px; } }
      @media screen and (max-width: 360px) {
        .announcements .btn-announcement p {
          max-width: 225px; } }
    .announcements .btn-announcement .author {
      font-size: 14px !important;
      font-weight: bold;
      color: #0584C9; }
  .announcements .view-all {
    width: fit-content;
    height: fit-content;
    justify-self: center;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    font-weight: bold;
    font-size: 12px !important;
    background-color: #E5FDFF;
    color: #0060B9;
    padding: 2px 8px;
    margin-top: 20px; }
  .announcements .no-announcements {
    border: none;
    box-shadow: none;
    background-color: #E5F6FF;
    color: #005BA3;
    font-weight: bold;
    font-size: 16px !important;
    border-radius: 8px;
    padding: 0px;
    height: fit-content; }

.body-index-container {
  display: grid;
  overflow-y: scroll;
  height: auto;
  padding: 2rem;
  grid-auto-rows: minmax(auto, auto);
  grid-gap: 1.5rem; }
  @media screen and (max-width: 575px) {
    .body-index-container {
      padding: 1rem .75rem 4rem .75rem; } }
  .body-index-container .title {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin: 0; }
    @media screen and (max-width: 575px) {
      .body-index-container .title {
        display: none; } }
  .body-index-container .sections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 2rem;
    margin-top: 40px;
    align-items: start; }
    @media screen and (max-width: 575px) {
      .body-index-container .sections {
        grid-auto-rows: minmax(auto, auto);
        grid-template-columns: none;
        grid-gap: 1.5rem;
        margin-top: 1.5rem; } }
    .body-index-container .sections .section {
      display: grid;
      grid-auto-rows: minmax(auto, auto);
      grid-gap: .5rem; }
      .body-index-container .sections .section .title {
        display: flex;
        gap: .5rem;
        align-items: center;
        font-size: 24px !important; }
        @media screen and (max-width: 575px) {
          .body-index-container .sections .section .title {
            font-size: 16pt !important; } }
      .body-index-container .sections .section .content {
        min-height: 200px;
        padding: 1rem 1.5rem;
        border-radius: 4px;
        border: 1px solid #DFEAEC; }
        @media screen and (max-width: 575px) {
          .body-index-container .sections .section .content {
            min-height: auto;
            padding: 1rem; } }
        .body-index-container .sections .section .content .ant-spin {
          display: block; }
        .body-index-container .sections .section .content .today, .body-index-container .sections .section .content .resume {
          color: #00377C;
          font-size: 14px !important;
          font-weight: bold;
          margin-bottom: .5rem; }
          @media screen and (max-width: 575px) {
            .body-index-container .sections .section .content .today, .body-index-container .sections .section .content .resume {
              font-size: 14pt !important; } }
          .body-index-container .sections .section .content .today .absent, .body-index-container .sections .section .content .today .present, .body-index-container .sections .section .content .today .late, .body-index-container .sections .section .content .today .status-whitout, .body-index-container .sections .section .content .resume .absent, .body-index-container .sections .section .content .resume .present, .body-index-container .sections .section .content .resume .late, .body-index-container .sections .section .content .resume .status-whitout {
            border-radius: 12px;
            display: flex;
            align-items: center;
            width: fit-content;
            padding: .5rem;
            font-size: 12px !important; }
            @media screen and (max-width: 575px) {
              .body-index-container .sections .section .content .today .absent, .body-index-container .sections .section .content .today .present, .body-index-container .sections .section .content .today .late, .body-index-container .sections .section .content .today .status-whitout, .body-index-container .sections .section .content .resume .absent, .body-index-container .sections .section .content .resume .present, .body-index-container .sections .section .content .resume .late, .body-index-container .sections .section .content .resume .status-whitout {
                font-size: 12pt !important; } }
          .body-index-container .sections .section .content .today .absent, .body-index-container .sections .section .content .resume .absent {
            background-color: #FFF0E8;
            color: #AA1E00; }
          .body-index-container .sections .section .content .today .present, .body-index-container .sections .section .content .resume .present {
            background-color: #E5FFFA;
            color: #1CA690; }
          .body-index-container .sections .section .content .today .late, .body-index-container .sections .section .content .resume .late {
            background-color: #FEF9E5;
            color: #F2AA00; }
          .body-index-container .sections .section .content .today .status-whitout, .body-index-container .sections .section .content .resume .status-whitout {
            font-weight: bold;
            border: 1px solid #00ADD1;
            color: #00ADD1;
            padding: 0 .5rem; }
          .body-index-container .sections .section .content .today .resume-data, .body-index-container .sections .section .content .resume .resume-data {
            display: grid;
            grid-gap: .5rem;
            grid-template-columns: repeat(3, min-content); }
            @media screen and (max-width: 390px) {
              .body-index-container .sections .section .content .today .resume-data, .body-index-container .sections .section .content .resume .resume-data {
                display: block; } }
            .body-index-container .sections .section .content .today .resume-data .present, .body-index-container .sections .section .content .today .resume-data .late, .body-index-container .sections .section .content .today .resume-data .absent, .body-index-container .sections .section .content .resume .resume-data .present, .body-index-container .sections .section .content .resume .resume-data .late, .body-index-container .sections .section .content .resume .resume-data .absent {
              border-radius: 12px;
              display: flex;
              align-items: center;
              width: fit-content;
              padding: .25rem 10px; }
              @media screen and (max-width: 390px) {
                .body-index-container .sections .section .content .today .resume-data .present, .body-index-container .sections .section .content .today .resume-data .late, .body-index-container .sections .section .content .today .resume-data .absent, .body-index-container .sections .section .content .resume .resume-data .present, .body-index-container .sections .section .content .resume .resume-data .late, .body-index-container .sections .section .content .resume .resume-data .absent {
                  margin-top: .5rem; } }
              .body-index-container .sections .section .content .today .resume-data .present p, .body-index-container .sections .section .content .today .resume-data .late p, .body-index-container .sections .section .content .today .resume-data .absent p, .body-index-container .sections .section .content .resume .resume-data .present p, .body-index-container .sections .section .content .resume .resume-data .late p, .body-index-container .sections .section .content .resume .resume-data .absent p {
                font-size: 18px !important;
                margin: 0;
                display: flex;
                align-items: center;
                gap: 6px; }
                @media screen and (max-width: 575px) {
                  .body-index-container .sections .section .content .today .resume-data .present p, .body-index-container .sections .section .content .today .resume-data .late p, .body-index-container .sections .section .content .today .resume-data .absent p, .body-index-container .sections .section .content .resume .resume-data .present p, .body-index-container .sections .section .content .resume .resume-data .late p, .body-index-container .sections .section .content .resume .resume-data .absent p {
                    font-size: 18pt !important; } }
                .body-index-container .sections .section .content .today .resume-data .present p span, .body-index-container .sections .section .content .today .resume-data .late p span, .body-index-container .sections .section .content .today .resume-data .absent p span, .body-index-container .sections .section .content .resume .resume-data .present p span, .body-index-container .sections .section .content .resume .resume-data .late p span, .body-index-container .sections .section .content .resume .resume-data .absent p span {
                  font-size: 10px !important; }
                  @media screen and (max-width: 575px) {
                    .body-index-container .sections .section .content .today .resume-data .present p span, .body-index-container .sections .section .content .today .resume-data .late p span, .body-index-container .sections .section .content .today .resume-data .absent p span, .body-index-container .sections .section .content .resume .resume-data .present p span, .body-index-container .sections .section .content .resume .resume-data .late p span, .body-index-container .sections .section .content .resume .resume-data .absent p span {
                      font-size: 10pt !important; } }
            .body-index-container .sections .section .content .today .resume-data .present, .body-index-container .sections .section .content .resume .resume-data .present {
              background-color: #E5FFFA;
              color: #1CA690; }
            .body-index-container .sections .section .content .today .resume-data .late, .body-index-container .sections .section .content .resume .resume-data .late {
              background-color: #FEF9E5;
              color: #F2AA00; }
            .body-index-container .sections .section .content .today .resume-data .absent, .body-index-container .sections .section .content .resume .resume-data .absent {
              background-color: #FFF0E8;
              color: #AA1E00; }
        .body-index-container .sections .section .content .events {
          display: grid;
          grid-auto-rows: minmax(auto, auto);
          grid-gap: .5rem; }
          .body-index-container .sections .section .content .events .event, .body-index-container .sections .section .content .events .no-event {
            height: auto;
            display: flex;
            border-radius: .5rem;
            border: 1px solid #DFEAEC;
            padding: 0;
            box-shadow: none; }
            .body-index-container .sections .section .content .events .event .hour-data, .body-index-container .sections .section .content .events .no-event .hour-data {
              display: flex;
              background-color: #F0FFFE;
              height: 100%;
              align-items: center;
              padding: 0 10px;
              border-top-left-radius: .5rem;
              border-bottom-left-radius: .5rem; }
              .body-index-container .sections .section .content .events .event .hour-data .hour, .body-index-container .sections .section .content .events .no-event .hour-data .hour {
                margin: 0;
                color: #00377C;
                font-weight: 800;
                font-size: 16px !important; }
                @media screen and (max-width: 575PX) {
                  .body-index-container .sections .section .content .events .event .hour-data .hour, .body-index-container .sections .section .content .events .no-event .hour-data .hour {
                    font-size: 16pt !important; } }
            .body-index-container .sections .section .content .events .event .event-data, .body-index-container .sections .section .content .events .no-event .event-data {
              padding: .5rem 1rem;
              display: block;
              align-items: center;
              text-align: left; }
              .body-index-container .sections .section .content .events .event .event-data p, .body-index-container .sections .section .content .events .no-event .event-data p {
                margin: 0;
                color: #00377C; }
              .body-index-container .sections .section .content .events .event .event-data .title, .body-index-container .sections .section .content .events .no-event .event-data .title {
                font-size: 16px !important;
                font-weight: 800;
                white-space: pre-wrap; }
                @media screen and (max-width: 575px) {
                  .body-index-container .sections .section .content .events .event .event-data .title, .body-index-container .sections .section .content .events .no-event .event-data .title {
                    font-size: 16pt !important;
                    text-align: justify; } }
              .body-index-container .sections .section .content .events .event .event-data .type, .body-index-container .sections .section .content .events .no-event .event-data .type {
                font-size: 12px !important;
                font-weight: 400;
                line-height: initial; }
                @media screen and (max-width: 575px) {
                  .body-index-container .sections .section .content .events .event .event-data .type, .body-index-container .sections .section .content .events .no-event .event-data .type {
                    font-size: 12pt !important;
                    text-align: justify; } }
          .body-index-container .sections .section .content .events .no-event {
            justify-content: center;
            background-color: #E5F6FF;
            color: #005BA3;
            font-weight: bold;
            font-size: 16px !important;
            height: auto;
            border: none;
            box-shadow: none;
            padding: 4px 8px; }
        .body-index-container .sections .section .content .report, .body-index-container .sections .section .content .no-report {
          border-radius: 8px;
          background-color: #FEF9E5;
          color: #F76B1C;
          font-size: 16px !important;
          font-weight: bold;
          height: auto;
          border: none;
          box-shadow: none;
          padding: 4px 8px; }
          @media screen and (max-width: 575px) {
            .body-index-container .sections .section .content .report, .body-index-container .sections .section .content .no-report {
              font-size: 16pt !important; } }
        .body-index-container .sections .section .content .no-report {
          width: 100%;
          background-color: #E5F6FF;
          color: #005BA3;
          padding: 0;
          border: none; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #f57423;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}

.ant-spin {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #f57423;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #cf5413;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #ff974d;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #ff974d;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 22.001px;
  line-height: 1;
  vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
  color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}

.modal-photo-container {
  position: absolute;
  padding: 2rem;
  background: #ffffff;
  z-index: 2;
  top: 20%;
  display: block;
  border-radius: 1rem;
  box-shadow: 0 2px 24px 0 rgba(0, 55, 124, 0.25);
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  height: min-content; }
  @media screen and (max-width: 575px) {
    .modal-photo-container {
      top: 10vh;
      padding: .75rem; } }
  .modal-photo-container .upload-photo {
    margin-bottom: 1rem; }
    .modal-photo-container .upload-photo .ant-upload {
      height: 264px;
      width: 264px;
      background: #ffffff;
      border: 1px dashed #E6FAFF; }
      @media screen and (max-width: 575px) {
        .modal-photo-container .upload-photo .ant-upload {
          height: 35vh;
          width: 35vh; } }
    .modal-photo-container .upload-photo img {
      height: 100%;
      object-fit: cover; }
  .modal-photo-container .footer-modal {
    display: flex;
    gap: .5rem;
    justify-content: flex-end; }
    @media screen and (max-width: 575px) {
      .modal-photo-container .footer-modal {
        justify-content: center; } }
    @media screen and (max-width: 360px) {
      .modal-photo-container .footer-modal {
        display: block; } }
    .modal-photo-container .footer-modal button {
      border-radius: .5rem;
      display: flex;
      align-items: center;
      font-size: 14px !important;
      font-weight: bold;
      border: none;
      box-shadow: none; }
      @media screen and (max-width: 360px) {
        .modal-photo-container .footer-modal button {
          margin-bottom: .5rem; } }
    .modal-photo-container .footer-modal .button-delete {
      background: #FFF0E8;
      color: #AA1E00; }
      .modal-photo-container .footer-modal .button-delete:disabled {
        background: #aaaaaa;
        color: #ffffff; }
    .modal-photo-container .footer-modal .button-cancel {
      color: #0060B9;
      background: #E6FAFF; }
    .modal-photo-container .footer-modal .button-save {
      background: #FEF4E7;
      color: #F76B1C; }

.user-header {
  display: block;
  height: auto; }
  .user-header h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900; }
  .user-header .user-header-data {
    display: flex;
    justify-content: space-between; }
    .user-header .user-header-data .user-image {
      display: flex;
      position: relative;
      width: 104px;
      min-width: 104px;
      min-height: 104px;
      height: 104px;
      margin-right: 24px; }
      .user-header .user-header-data .user-image img {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        width: 104px;
        min-width: 104px;
        min-height: 104px;
        height: 104px;
        font-weight: bold;
        font-size: 24px !important;
        object-fit: cover;
        text-transform: uppercase;
        background-color: #DFEAEC; }
      .user-header .user-header-data .user-image button {
        position: absolute;
        border-radius: 100%;
        background-color: #E5F6FF;
        height: 32px;
        min-height: 32px;
        width: 32px;
        min-width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00377C;
        bottom: 5%;
        right: 0;
        border: none;
        box-shadow: none; }
    .user-header .user-header-data .user-header-info {
      width: fit-content;
      color: #00377C; }
      .user-header .user-header-data .user-header-info p {
        margin: 0;
        font-weight: 800;
        font-size: 20px !important;
        text-transform: capitalize; }
      .user-header .user-header-data .user-header-info span {
        font-weight: 400;
        font-size: 16px !important; }
    .user-header .user-header-data .btns-container {
      display: flex; }
      .user-header .user-header-data .btns-container button {
        border: none;
        box-shadow: none;
        border-radius: 8px;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        font-size: 16px !important;
        font-weight: bold;
        margin-right: 8px; }
        .user-header .user-header-data .btns-container button:last-child {
          margin-right: 0px; }
      .user-header .user-header-data .btns-container .btn-edit {
        background-color: #F76B1C;
        color: #fff; }
      .user-header .user-header-data .btns-container .btn-cancel {
        background-color: #E6FAFF;
        color: #0060B9; }
      .user-header .user-header-data .btns-container .btn-save {
        color: #F76B1C;
        background-color: #FFF0E8; }

.option-bar {
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #DFEAEC;
  padding: 8px;
  display: flex;
  margin-bottom: 24px; }
  .option-bar button {
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #00377C;
    font-weight: bold;
    font-size: 16px !important;
    margin-right: 8px;
    border: none;
    box-shadow: none; }
    .option-bar button:last-of-type {
      margin-right: 0px !important; }

.user-profile-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .user-profile-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .user-profile-container .column {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .user-profile-container .column {
        max-width: none; } }
    .user-profile-container .column h2 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800; }
    .user-profile-container .column .item {
      margin-bottom: 1rem; }
    .user-profile-container .column .two-items {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap: 1.5rem; }
      @media screen and (max-width: 360px) {
        .user-profile-container .column .two-items {
          grid-template-columns: repeat(1, 1fr); } }
    .user-profile-container .column .item p, .user-profile-container .column .two-items p {
      font-size: 14px !important;
      font-weight: bold;
      margin-bottom: 0; }
    .user-profile-container .column .item .ant-input, .user-profile-container .column .two-items .ant-input {
      border: 1px solid #DFEAEC;
      font-feature-settings: normal;
      font-variant: normal;
      color: #00377C;
      padding: 4px 8px; }
    .user-profile-container .column .item ::placeholder, .user-profile-container .column .two-items ::placeholder {
      color: #00377C !important; }
    .user-profile-container .column .item .ant-input-disabled, .user-profile-container .column .two-items .ant-input-disabled {
      color: #00377C !important;
      background-color: #fff !important;
      border: none;
      padding-left: 0;
      cursor: context-menu !important; }
    .user-profile-container .column .item .ant-picker, .user-profile-container .column .two-items .ant-picker {
      border: 1px solid #DFEAEC;
      font-feature-settings: normal;
      font-variant: normal;
      width: fit-content;
      padding: 4px 8px; }
      .user-profile-container .column .item .ant-picker .ant-picker-input, .user-profile-container .column .two-items .ant-picker .ant-picker-input {
        flex-direction: row-reverse;
        color: #00377C;
        font-size: 14px !important; }
        .user-profile-container .column .item .ant-picker .ant-picker-input input, .user-profile-container .column .two-items .ant-picker .ant-picker-input input {
          border: none;
          color: #00377C; }
        .user-profile-container .column .item .ant-picker .ant-picker-input span, .user-profile-container .column .two-items .ant-picker .ant-picker-input span {
          color: #00377C;
          margin-right: .5rem; }
        .user-profile-container .column .item .ant-picker .ant-picker-input .ant-picker-clear, .user-profile-container .column .two-items .ant-picker .ant-picker-input .ant-picker-clear {
          display: none; }
    .user-profile-container .column .item .ant-picker-disabled, .user-profile-container .column .two-items .ant-picker-disabled {
      background-color: #fff !important;
      border: none;
      padding-left: 0;
      cursor: context-menu !important; }
      .user-profile-container .column .item .ant-picker-disabled .ant-picker-input, .user-profile-container .column .item .ant-picker-disabled input, .user-profile-container .column .two-items .ant-picker-disabled .ant-picker-input, .user-profile-container .column .two-items .ant-picker-disabled input {
        cursor: context-menu !important; }
      .user-profile-container .column .item .ant-picker-disabled ::placeholder, .user-profile-container .column .two-items .ant-picker-disabled ::placeholder {
        color: #00377C; }
    .user-profile-container .column .item .ant-select, .user-profile-container .column .two-items .ant-select {
      font-feature-settings: normal;
      font-variant: normal;
      width: 100%;
      padding: 4px 2px 4px 0px; }
      .user-profile-container .column .item .ant-select .ant-select-selector, .user-profile-container .column .two-items .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .user-profile-container .column .item .ant-select .ant-select-selector span, .user-profile-container .column .two-items .ant-select .ant-select-selector span {
          font-size: 14px !important; }
      .user-profile-container .column .item .ant-select span, .user-profile-container .column .two-items .ant-select span {
        color: #00377C;
        font-size: 10px !important; }
    .user-profile-container .column .item .ant-select-disabled, .user-profile-container .column .two-items .ant-select-disabled {
      cursor: context-menu !important;
      padding-left: 0; }
      .user-profile-container .column .item .ant-select-disabled .ant-select-selector, .user-profile-container .column .two-items .ant-select-disabled .ant-select-selector {
        background-color: #fff !important;
        border: none !important;
        padding-left: 0;
        cursor: context-menu !important; }
        .user-profile-container .column .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input, .user-profile-container .column .two-items .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
          cursor: context-menu !important; }
      .user-profile-container .column .item .ant-select-disabled .ant-select-arrow, .user-profile-container .column .two-items .ant-select-disabled .ant-select-arrow {
        display: none; }

.password-container h2 {
  color: #00377C;
  margin-bottom: 1.5rem;
  font-weight: 900;
  font-size: 24px !important; }

.password-container .item {
  margin-bottom: 1rem; }
  .password-container .item p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .password-container .item .ant-input-password {
    max-width: 25%;
    border: 1px solid #DFEAEC; }
    @media screen and (max-width: 575px) {
      .password-container .item .ant-input-password {
        max-width: 100%; } }
    .password-container .item .ant-input-password .ant-input {
      color: #00377C;
      margin: 0;
      font-weight: 400;
      font-size: 14px !important; }
    .password-container .item .ant-input-password .anticon-eye {
      color: #00377C; }

.password-container .buttons-password {
  display: flex;
  max-width: 25%;
  justify-content: flex-end; }
  @media screen and (max-width: 575px) {
    .password-container .buttons-password {
      max-width: 100%; } }
  .password-container .buttons-password button {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px !important;
    border-radius: 8px;
    padding: 4px 12px;
    margin-right: 12px;
    border: none;
    box-shadow: none; }
    .password-container .buttons-password button:last-of-type {
      margin-right: 0px; }
  .password-container .buttons-password .cancel {
    background: #F5F5F5;
    color: #00377C; }
  .password-container .buttons-password .save {
    background: #F76B1C;
    color: #ffffff; }

.profile-container {
  padding: 2rem 2rem; }
  @media screen and (max-width: 575px) {
    .profile-container {
      padding: 1rem .75rem 4.5rem .75rem; } }

.student-header-container {
  display: flex;
  justify-content: space-between;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .student-header-container {
      display: block; } }
  .student-header-container .student-header {
    display: flex;
    align-items: center; }
    .student-header-container .student-header .student-image {
      display: flex;
      position: relative;
      width: 104px;
      min-width: 104px;
      min-height: 104px;
      height: 104px;
      margin-right: 20px; }
      .student-header-container .student-header .student-image img, .student-header-container .student-header .student-image .img {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 26px;
        width: 104px;
        min-width: 104px;
        min-height: 104px;
        height: 104px;
        font-weight: bold;
        font-size: 24px !important;
        animation: random 15s infinite;
        object-fit: cover;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
        @media screen and (max-width: 575px) {
          .student-header-container .student-header .student-image img, .student-header-container .student-header .student-image .img {
            margin-bottom: 1rem; } }
      .student-header-container .student-header .student-image button {
        position: absolute;
        border-radius: 100%;
        background-color: #E5F6FF;
        height: 32px;
        min-height: 32px;
        width: 32px;
        min-width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00377C;
        bottom: 5%;
        right: 0;
        border: none;
        box-shadow: none; }
    .student-header-container .student-header p {
      margin: 0;
      font-size: 20px !important;
      font-weight: 800;
      text-transform: capitalize; }
    .student-header-container .student-header span {
      font-size: 16px !important; }
  .student-header-container .buttons-container {
    display: flex; }
    @media screen and (max-width: 575px) {
      .student-header-container .buttons-container {
        margin-top: 8px; } }
    .student-header-container .buttons-container button {
      display: flex;
      align-items: center;
      border-radius: 8px;
      font-weight: bold;
      font-size: 16px !important;
      padding: 4px 12px;
      margin-right: 8px;
      border: none; }
      .student-header-container .buttons-container button:last-of-type {
        margin-right: 0px; }
    .student-header-container .buttons-container .cancel {
      background-color: #E6FAFF;
      color: #0060B9; }
    .student-header-container .buttons-container .save {
      background-color: #FEF4E7;
      color: #F76B1C; }
    .student-header-container .buttons-container .edit {
      background-color: #F76B1C;
      color: #fff; }

.option-bar-student {
  display: flex;
  align-items: center;
  min-width: 100%;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid #DFEAEC;
  padding: 8px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  max-width: 100%;
  overflow-x: scroll; }
  .option-bar-student button {
    border-radius: 4px;
    display: flex;
    color: #00377C;
    font-size: 16px !important;
    font-weight: 800;
    margin-right: 8px;
    box-shadow: none;
    border: none; }
    .option-bar-student button:last-of-type {
      margin-right: 0px !important; }

.option-bar-student::-webkit-scrollbar {
  height: 8px; }
  @media screen and (min-width: 1460px) {
    .option-bar-student::-webkit-scrollbar {
      height: 0px; } }

.option-bar-student::-webkit-scrollbar-track {
  border-radius: 4px; }

.option-bar-student::-webkit-scrollbar-thumb {
  background: #00ADD1;
  border-radius: 4px; }

.modal-who-withdraw-container {
  border-radius: 16px;
  box-shadow: 0 2px 24px 0 rgba(2, 65, 100, 0.2);
  background: #ffffff;
  padding: 2rem 1.5rem;
  z-index: 2;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 15%;
  position: fixed;
  width: fit-content;
  overflow-x: scroll; }
  @media screen and (max-width: 575px) {
    .modal-who-withdraw-container {
      max-width: 95%;
      top: 10%;
      left: 0;
      bottom: 10%;
      right: 0;
      padding: .7rem .75rem; } }
  .modal-who-withdraw-container .cancel-button {
    border: 0px;
    box-shadow: none;
    display: flex;
    margin-left: auto;
    color: #00377C; }
  .modal-who-withdraw-container .title-modal {
    margin: 0;
    color: #00377C;
    font-weight: 900;
    font-size: 32px !important;
    margin-bottom: 2.5rem; }
  .modal-who-withdraw-container .sections {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8rem; }
    @media screen and (max-width: 575px) {
      .modal-who-withdraw-container .sections {
        display: block; } }
    .modal-who-withdraw-container .sections .section {
      display: block; }
      @media screen and (max-width: 575px) {
        .modal-who-withdraw-container .sections .section {
          margin-bottom: 1rem; } }
      .modal-who-withdraw-container .sections .section .section-title {
        margin: 0;
        color: #00377C;
        font-weight: 900;
        font-size: 24px !important;
        margin-bottom: 1rem; }
      .modal-who-withdraw-container .sections .section .content, .modal-who-withdraw-container .sections .section .content-two {
        margin-bottom: .5rem; }
        @media screen and (max-width: 575px) {
          .modal-who-withdraw-container .sections .section .content, .modal-who-withdraw-container .sections .section .content-two {
            margin-right: 0;
            width: 100%; } }
        .modal-who-withdraw-container .sections .section .content .title-container, .modal-who-withdraw-container .sections .section .content-two .title-container {
          display: flex; }
          .modal-who-withdraw-container .sections .section .content .title-container .content-title, .modal-who-withdraw-container .sections .section .content .title-container p, .modal-who-withdraw-container .sections .section .content-two .title-container .content-title, .modal-who-withdraw-container .sections .section .content-two .title-container p {
            margin: 0;
            font-weight: bold;
            font-size: 14px !important; }
          .modal-who-withdraw-container .sections .section .content .title-container .content-title, .modal-who-withdraw-container .sections .section .content-two .title-container .content-title {
            color: #00377C; }
          .modal-who-withdraw-container .sections .section .content .title-container p, .modal-who-withdraw-container .sections .section .content-two .title-container p {
            color: red; }
        .modal-who-withdraw-container .sections .section .content .input-short, .modal-who-withdraw-container .sections .section .content .input-large, .modal-who-withdraw-container .sections .section .content-two .input-short, .modal-who-withdraw-container .sections .section .content-two .input-large {
          color: #00377C;
          margin: 0;
          font-weight: 400;
          font-size: 14px !important;
          font-variant: normal;
          font-feature-settings: normal;
          border: 1px solid #DFEAEC;
          border-radius: 2px;
          min-width: max-content; }
          @media screen and (max-width: 575px) {
            .modal-who-withdraw-container .sections .section .content .input-short, .modal-who-withdraw-container .sections .section .content .input-large, .modal-who-withdraw-container .sections .section .content-two .input-short, .modal-who-withdraw-container .sections .section .content-two .input-large {
              max-width: 50%; } }
        .modal-who-withdraw-container .sections .section .content .input-short, .modal-who-withdraw-container .sections .section .content-two .input-short {
          max-width: 75%; }
        .modal-who-withdraw-container .sections .section .content ::placeholder, .modal-who-withdraw-container .sections .section .content-two ::placeholder {
          color: #00377C;
          margin: 0;
          font-weight: 400;
          font-size: 14px !important; }
        .modal-who-withdraw-container .sections .section .content .select, .modal-who-withdraw-container .sections .section .content-two .select {
          min-width: 45%; }
        .modal-who-withdraw-container .sections .section .content .ant-select-single .ant-select-selector, .modal-who-withdraw-container .sections .section .content-two .ant-select-single .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .modal-who-withdraw-container .sections .section .content .ant-select-single .ant-select-selector .ant-select-selection-placeholder, .modal-who-withdraw-container .sections .section .content-two .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            color: #00377C;
            margin: 0;
            font-weight: 400;
            font-size: 14px !important; }
          .modal-who-withdraw-container .sections .section .content .ant-select-single .ant-select-selector .ant-select-selection-item, .modal-who-withdraw-container .sections .section .content-two .ant-select-single .ant-select-selector .ant-select-selection-item {
            color: #00377C;
            margin: 0;
            font-weight: 400;
            font-size: 14px !important; }
      .modal-who-withdraw-container .sections .section .content-two {
        display: flex;
        gap: 1rem; }
        @media screen and (max-width: 575px) {
          .modal-who-withdraw-container .sections .section .content-two {
            gap: 0;
            display: block; } }
  .modal-who-withdraw-container .modal-who-withdraw-footer {
    display: flex;
    float: right;
    margin-top: 1.5rem;
    gap: .5rem; }
    .modal-who-withdraw-container .modal-who-withdraw-footer button {
      border: 0px;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      display: flex;
      align-items: center; }
      .modal-who-withdraw-container .modal-who-withdraw-footer button:first-of-type {
        margin-right: 8px; }
    .modal-who-withdraw-container .modal-who-withdraw-footer .cancel-button {
      background: #E5F6FF;
      color: #00377C; }
    .modal-who-withdraw-container .modal-who-withdraw-footer .create-button {
      background: #F76B1C;
      color: #FFFFFF; }

.modal-confirm-delte-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 2rem 1.5rem;
  position: fixed;
  top: 10%;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 90%;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-confirm-delte-container {
      padding: 1rem .5rem;
      z-index: 4; } }
  .modal-confirm-delte-container .back-button-mobile {
    padding: 0 0 .25rem .95rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 575px) {
      .modal-confirm-delte-container .back-button-mobile {
        display: none; } }
    .modal-confirm-delte-container .back-button-mobile .back-button-icon {
      color: #00377C;
      font-size: 24px !important; }
  .modal-confirm-delte-container .modal-title {
    margin-bottom: .5rem;
    color: #00377C;
    font-weight: 900;
    font-size: 26px !important; }
    @media screen and (max-width: 575px) {
      .modal-confirm-delte-container .modal-title {
        text-align: justify; } }
  .modal-confirm-delte-container .phrase {
    text-align: center;
    margin-bottom: 4rem;
    color: #00377C;
    font-weight: 400;
    font-size: 16px !important; }
  .modal-confirm-delte-container .modal-buttons-container {
    float: right; }
    .modal-confirm-delte-container .modal-buttons-container .button-cancel {
      border-radius: 8px;
      background: #E5F6FF;
      align-items: center;
      margin-right: .5rem; }
      .modal-confirm-delte-container .modal-buttons-container .button-cancel .button-cancel-text {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important; }
    .modal-confirm-delte-container .modal-buttons-container .button-confirm {
      align-items: center;
      border-radius: 8px;
      background: #F76B1C; }
      .modal-confirm-delte-container .modal-buttons-container .button-confirm .button-confirm-text {
        margin: 0;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 16px !important; }

.modal-phone-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 20px 0 #005FB920;
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 35%;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-phone-container {
      max-width: 95%; } }
  .modal-phone-container .buttons-modal-phone {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .modal-phone-container .buttons-modal-phone button {
      margin-left: auto;
      border-radius: 8px;
      padding: 4px 12px;
      display: flex;
      align-items: center;
      font-variant-east-asian: 16px !important;
      font-weight: bold;
      border: none;
      box-shadow: none; }
      .modal-phone-container .buttons-modal-phone button:last-of-type {
        margin-left: 8px; }
    .modal-phone-container .buttons-modal-phone .cancel {
      color: #F76B1C;
      background-color: #FEF4E7; }
    .modal-phone-container .buttons-modal-phone .save {
      color: #fff;
      background-color: #F76B1C; }

.ant-select-item, .ant-select-item-option-selected {
  color: #00377C !important; }

.profile-student-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .profile-student-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .profile-student-container h2 {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }
  .profile-student-container p {
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .profile-student-container .column {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .profile-student-container .column {
        max-width: none; } }
  .profile-student-container .item, .profile-student-container .two-items {
    margin-bottom: 24px; }
    .profile-student-container .item .button-check, .profile-student-container .two-items .button-check {
      border-radius: 8px;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px !important;
      background-color: #F76B1C;
      color: #fff;
      margin-left: 8px; }
  .profile-student-container .two-items {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 1.5rem; }
    @media screen and (max-width: 575px) {
      .profile-student-container .two-items {
        grid-template-columns: repeat(1, 1fr); } }
  .profile-student-container .ant-input {
    border: 1px solid #DFEAEC;
    font-feature-settings: normal;
    font-variant: normal;
    width: fit-content;
    color: #00377C;
    padding: 4px 8px;
    resize: none; }
  .profile-student-container ::placeholder {
    color: #00377C; }
  .profile-student-container .ant-input-disabled {
    color: #00377C !important;
    background-color: #fff !important;
    border: none;
    padding-left: 0;
    cursor: context-menu !important; }
  .profile-student-container .ant-picker {
    border: 1px solid #DFEAEC;
    font-feature-settings: normal;
    font-variant: normal;
    width: fit-content;
    padding: 4px 8px; }
    .profile-student-container .ant-picker .ant-picker-input {
      flex-direction: row-reverse;
      color: #00377C;
      font-size: 14px !important; }
      .profile-student-container .ant-picker .ant-picker-input input {
        border: none;
        color: #00377C; }
      .profile-student-container .ant-picker .ant-picker-input span {
        color: #00377C;
        margin-right: .5rem; }
      .profile-student-container .ant-picker .ant-picker-input .ant-picker-clear {
        display: none; }
  .profile-student-container .ant-picker-disabled {
    background-color: #fff !important;
    border: none;
    padding-left: 0;
    cursor: context-menu !important; }
    .profile-student-container .ant-picker-disabled .ant-picker-input, .profile-student-container .ant-picker-disabled input {
      cursor: context-menu !important;
      color: #00377C !important; }
    .profile-student-container .ant-picker-disabled ::placeholder {
      color: #00377C !important; }
  .profile-student-container .ant-select {
    font-feature-settings: normal;
    font-variant: normal;
    min-width: 179px;
    padding: 0;
    text-transform: capitalize; }
    .profile-student-container .ant-select .ant-select-selector {
      border: 1px solid #DFEAEC; }
      .profile-student-container .ant-select .ant-select-selector span {
        font-size: 14px !important; }
    .profile-student-container .ant-select span {
      color: #00377C;
      font-size: 10px !important; }
  .profile-student-container .ant-select-disabled {
    cursor: context-menu !important;
    padding-left: 0; }
    .profile-student-container .ant-select-disabled .ant-select-selector {
      background-color: #fff !important;
      border: none !important;
      padding-left: 0 !important;
      cursor: context-menu !important; }
      .profile-student-container .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
        cursor: context-menu !important; }
    .profile-student-container .ant-select-disabled .ant-select-arrow {
      display: none; }
  .profile-student-container .box-container {
    border: 1px solid #DFEAEC;
    width: auto;
    min-width: 450px; }
    @media screen and (max-width: 575px) {
      .profile-student-container .box-container {
        min-width: 0px; } }
    .profile-student-container .box-container .unit {
      padding: 8px 16px;
      display: grid;
      grid-template-columns: repeat(3, minmax(30%, 50%));
      border-bottom: 1px solid #DFEAEC; }
      .profile-student-container .box-container .unit:last-of-type {
        border-bottom: 0px; }
      .profile-student-container .box-container .unit .name-container {
        display: flex;
        min-width: 180px; }
        @media screen and (max-width: 575px) {
          .profile-student-container .box-container .unit .name-container {
            min-width: 0px; } }
        .profile-student-container .box-container .unit .name-container p {
          text-transform: capitalize; }
      .profile-student-container .box-container .unit .buttons {
        display: flex;
        margin-left: auto; }
      .profile-student-container .box-container .unit button {
        box-shadow: none;
        display: flex;
        color: #00377C;
        font-size: 22px !important;
        padding: 4px 8px;
        border: none; }
        .profile-student-container .box-container .unit button:last-of-type {
          padding-right: 0px; }
      .profile-student-container .box-container .unit .status {
        padding: 0 6px;
        color: #1CA690;
        font-size: 16px !important;
        font-weight: bold;
        background-color: #E5FFFA;
        border-radius: 8px;
        width: fit-content;
        height: fit-content;
        margin-right: 2rem; }
        @media screen and (max-width: 575px) {
          .profile-student-container .box-container .unit .status {
            margin-right: 0px; } }
  .profile-student-container .new {
    display: flex;
    margin-left: auto;
    margin-top: 8px; }
    .profile-student-container .new button {
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 12px;
      margin-left: auto;
      color: #00377C;
      font-weight: bold;
      background-color: #E6FAFF;
      font-size: 16px !important;
      border: none; }
      .profile-student-container .new button:last-of-type {
        margin-left: 8px; }

.educational-data-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .educational-data-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .educational-data-container p {
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .educational-data-container .column {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .educational-data-container .column {
        max-width: none; } }
  .educational-data-container .item, .educational-data-container .two-items {
    margin-bottom: 24px; }
  .educational-data-container .two-items {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 1.5rem; }
    @media screen and (max-width: 575px) {
      .educational-data-container .two-items {
        grid-template-columns: repeat(1, 1fr); } }
  .educational-data-container .ant-input {
    border: 1px solid #DFEAEC;
    font-feature-settings: normal;
    font-variant: normal;
    width: fit-content;
    color: #00377C;
    padding: 4px 8px;
    resize: none; }
  .educational-data-container ::placeholder {
    color: #00377C; }
  .educational-data-container .ant-input-disabled {
    color: #00377C !important;
    background-color: #fff !important;
    border: none;
    padding-left: 0;
    cursor: context-menu !important; }
  .educational-data-container .ant-picker {
    border: 1px solid #DFEAEC;
    font-feature-settings: normal;
    font-variant: normal;
    width: fit-content;
    padding: 4px 8px; }
    .educational-data-container .ant-picker .ant-picker-input {
      flex-direction: row-reverse;
      color: #00377C;
      font-size: 14px !important; }
      .educational-data-container .ant-picker .ant-picker-input input {
        border: none !important;
        color: #00377C; }
      .educational-data-container .ant-picker .ant-picker-input span {
        color: #00377C;
        margin-right: .5rem; }
      .educational-data-container .ant-picker .ant-picker-input .ant-picker-clear {
        display: none; }
  .educational-data-container .ant-picker-disabled {
    background-color: #fff !important;
    border: none;
    padding-left: 0;
    cursor: context-menu !important; }
    .educational-data-container .ant-picker-disabled .ant-picker-input, .educational-data-container .ant-picker-disabled input {
      cursor: context-menu !important;
      color: #00377C; }
    .educational-data-container .ant-picker-disabled ::placeholder {
      color: #00377C; }
  .educational-data-container .ant-select {
    font-feature-settings: normal;
    font-variant: normal;
    min-width: 179px;
    padding: 0;
    text-transform: capitalize; }
    .educational-data-container .ant-select .ant-select-selector {
      border: 1px solid #DFEAEC; }
      .educational-data-container .ant-select .ant-select-selector span {
        font-size: 14px !important; }
    .educational-data-container .ant-select span {
      color: #00377C;
      font-size: 10px !important; }
  .educational-data-container .ant-select-disabled {
    cursor: context-menu !important;
    padding-left: 0; }
    .educational-data-container .ant-select-disabled .ant-select-selector {
      background-color: #fff !important;
      border: none !important;
      padding-left: 0 !important;
      cursor: context-menu !important; }
      .educational-data-container .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
        cursor: context-menu !important; }
    .educational-data-container .ant-select-disabled .ant-select-arrow {
      display: none; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #fff8f0;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #fff3e6;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #f57423;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #f57423;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #f57423;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #ffe4c7;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #f57423;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  vertical-align: -3px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
  transform: scale(0.94117647);
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #ff974d;
}
.ant-table-row-expand-icon:active {
  color: #cf5413;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #f57423;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #f57423;
}
.ant-pagination-item:focus-visible {
  border-color: #f57423;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #f57423;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #f57423;
}
.ant-pagination-item-active a {
  color: #f57423;
}
.ant-pagination-item-active:hover {
  border-color: #ff974d;
}
.ant-pagination-item-active:focus-visible {
  border-color: #ff974d;
}
.ant-pagination-item-active:hover a {
  color: #ff974d;
}
.ant-pagination-item-active:focus-visible a {
  color: #ff974d;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #f57423;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #ff974d;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #f57423;
  border-color: #f57423;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #f57423;
  border-color: #f57423;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #ff974d;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #ff974d;
  box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #f57423;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #ff974d;
  box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #f57423;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #fff8f0;
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #f57423;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #f57423;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #f57423;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #f57423;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px #fff8f0;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #f57423;
  background: #fff;
  border-color: #f57423;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #f57423;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #f57423;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #ff974d;
  border-color: #ff974d;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #ff974d;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #cf5413;
  border-color: #cf5413;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #cf5413;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #fff8f0;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #f57423;
  border-color: #f57423;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #ff974d;
  border-color: #ff974d;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #cf5413;
  border-color: #cf5413;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #fff8f0;
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #ff974d;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #f57423;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #f57423;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #f57423;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #f57423;
  border-color: #f57423;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #f57423;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #fff8f0;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #f57423;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #f57423;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #ffe4c7;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #f57423;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #f57423;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #f57423;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

.sub-menu-actions {
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  display: grid;
  box-shadow: 0 -3px 16px 0 rgba(0, 78, 89, 0.2); }
  .sub-menu-actions button {
    display: flex;
    align-items: center;
    box-shadow: none;
    border: none;
    padding: 4px 8px;
    background-color: #ffffff00;
    margin-left: auto; }
    .sub-menu-actions button span {
      color: #00377C;
      font-size: 20px !important; }
      .sub-menu-actions button span:hover {
        color: #F76B1C; }
    .sub-menu-actions button:disabled span {
      color: #d9d9d9; }

.table-mural {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll; }
  .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
      border-bottom: 1px solid #DFEAEC;
      white-space: nowrap;
      padding: 16px;
      color: #00377C; }
      @media screen and (max-width: 575px) {
        .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
          height: 77px;
          padding: 8px; } }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell {
      display: flex;
      align-items: center; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button {
        display: flex;
        align-items: center;
        box-shadow: none;
        border: none;
        padding: 4px 8px;
        margin-right: 4px;
        background-color: #ffffff00;
        margin-left: auto; }
        .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button span {
          color: #00377C;
          font-size: 20px !important; }
          .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button span:hover {
            color: #F76B1C; }
        .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:disabled span {
          color: #d9d9d9; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .new-cell {
      padding-right: 0px;
      width: 10px; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .new-cell div {
        width: fit-content;
        height: fit-content;
        background-color: #FADE61;
        border-radius: 4px;
        margin-right: 8px;
        font-size: 12px !important;
        font-weight: bold;
        color: #BF8600;
        padding: 0px 4px; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .title-cell .title-container {
      display: flex;
      align-items: center;
      border: none;
      box-shadow: none;
      color: #00377C;
      background-color: #ffffff00; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .title-cell .title-container .anticon-pushpin {
        margin-right: 8px; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .title-cell .title-container div {
        height: fit-content;
        background-color: #FADE61;
        border-radius: 4px;
        margin-right: 8px;
        font-size: 12px !important;
        font-weight: bold;
        color: #BF8600;
        padding: 0px 4px; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .title-cell .title-container p {
        margin: 0px;
        font-weight: bold;
        font-size: 14px !important;
        max-width: 45vw;
        overflow: hidden;
        text-overflow: ellipsis; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .creator-cell {
      min-width: 140px;
      width: 180px; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .creator-cell span {
        color: #0584C9;
        font-weight: bold;
        font-size: 14px !important;
        text-transform: capitalize; }
    .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .date-cell {
      width: 40px; }
      .table-mural .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .date-cell span {
        font-size: 12px !important; }
  .table-mural .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

.table-mural::-webkit-scrollbar {
  height: .75rem; }

.table-mural::-webkit-scrollbar-track {
  border-radius: 4px; }

.table-mural::-webkit-scrollbar-thumb {
  background: #00ADD1;
  border-radius: 4px; }

.table-mural::-webkit-scrollbar-thumb:hover {
  background: #00ADD1; }

.mural-container {
  overflow-y: scroll;
  padding: 16px 32px; }
  @media screen and (max-width: 720px) {
    .mural-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .mural-container {
      padding: 8px 12px 64px 12px; } }

.modal-detail {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 20px 0 #005FB920;
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 50%;
  min-width: fit-content;
  max-height: 80%;
  height: auto;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-detail {
      max-width: 95%;
      min-width: 80%; } }
  .modal-detail .header-modal-detail {
    display: flex;
    justify-content: space-between;
    height: fit-content; }
    .modal-detail .header-modal-detail .title {
      color: #00377C;
      font-weight: 900;
      font-size: 20px !important;
      margin: 0; }
    .modal-detail .header-modal-detail button {
      padding: 0 .25rem; }
  .modal-detail .type {
    color: #00377C;
    font-weight: 400;
    font-size: 16px !important;
    margin: 0; }
  .modal-detail .flex {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    width: 400px; }
    .modal-detail .flex p {
      color: #00377C;
      font-weight: 400;
      font-size: 16px !important; }
    .modal-detail .flex .creator {
      display: block;
      color: #00377C;
      font-weight: bold;
      font-size: 16px !important;
      margin-bottom: 1rem; }
      .modal-detail .flex .creator .creator-container {
        display: grid;
        grid-gap: .5rem;
        grid-template-columns: 32px 1fr;
        font-weight: 400;
        align-items: center; }
        @media screen and (max-width: 340px) {
          .modal-detail .flex .creator .creator-container {
            display: block; } }
        .modal-detail .flex .creator .creator-container p {
          margin: 0; }
        .modal-detail .flex .creator .creator-container .img {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          width: 32px;
          height: 32px;
          color: #00377C;
          font-weight: bold;
          font-size: 12px !important;
          animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
  .modal-detail .link {
    color: #00377C;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: underline; }
  .modal-detail .link {
    display: flex;
    align-items: center;
    gap: .5rem; }
    .modal-detail .link p {
      margin: 0; }
      .modal-detail .link p a {
        color: #00377C; }
  .modal-detail .description, .modal-detail .description-value {
    color: #00377C;
    text-decoration: solid;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .modal-detail .description-value {
    font-weight: 400;
    white-space: pre-wrap; }
  .modal-detail .buttons {
    padding: 2rem 0;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-gap: .5rem;
    justify-content: center; }
    .modal-detail .buttons button, .modal-detail .buttons .disabled {
      border-radius: .5rem;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px !important; }
      .modal-detail .buttons button .anticon, .modal-detail .buttons .disabled .anticon {
        margin-right: .5rem;
        font-size: 12px !important; }
      .modal-detail .buttons button span, .modal-detail .buttons .disabled span {
        margin: 0; }
    .modal-detail .buttons .button-accept {
      margin: 0 !important;
      background-color: #E5FFFA;
      color: #1CA690; }
    .modal-detail .buttons .button-decline {
      background-color: #FFF0E8;
      color: #F76B1C; }
    .modal-detail .buttons .disabled-decline, .modal-detail .buttons .disabled-accept {
      background: #F5F5F5;
      color: #aaa; }
    .modal-detail .buttons .disabled-accept {
      margin: 0 !important; }
      .modal-detail .buttons .disabled-accept:hover {
        background-color: #E5FFFA;
        color: #1CA690; }
    .modal-detail .buttons .disabled-decline:hover {
      background-color: #FFF0E8;
      color: #F76B1C; }

.line {
  width: 100%;
  height: 1px;
  background-color: #DFEAEC;
  margin: 10px 0; }

.flex-event {
  border: 2px solid #DFEAEC;
  padding: 10px;
  border-radius: 8px;
  flex-direction: column;
  gap: 5px;
  display: flex;
  justify-content: space-between; }
  .flex-event.red {
    border-left: 10px solid red; }
  .flex-event.yellow {
    border-left: 10px solid #F2AA00; }
  .flex-event.green {
    border-left: 10px solid #1CA690; }
  .flex-event.purple {
    border-left: 10px solid #882CDD; }
  .flex-event.blue {
    border-left: 10px solid #1890ff; }

.button-accept {
  display: flex;
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  font-weight: bold;
  font-size: 16px !important;
  margin-top: 1rem;
  border: none;
  box-shadow: none;
  background: #F76B1C;
  color: #ffffff; }
  .button-accept span {
    margin: 0; }

.button-content {
  display: flex;
  flex-direction: row;
  justify-content: end; }

.events-container {
  display: block;
  overflow-y: scroll;
  height: auto;
  padding: 2rem; }
  @media screen and (max-width: 575px) {
    .events-container {
      padding: 1rem .75rem; } }
  .events-container .header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .events-container .header p {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 32px !important; }
  .events-container .calendar {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .events-container .calendar .calendar-container {
      display: flex;
      flex-direction: row;
      gap: 10px; }
      @media screen and (max-width: 1000px) {
        .events-container .calendar .calendar-container {
          flex-direction: column; } }
    .events-container .calendar .ant-picker-calendar {
      border-radius: 8px;
      box-shadow: 0px 2px 20px 0px #005FB920;
      padding: .75rem 1rem;
      margin-top: 1rem;
      width: 100%;
      height: fit-content; }
      @media screen and (max-width: 575px) {
        .events-container .calendar .ant-picker-calendar {
          width: auto; } }
      .events-container .calendar .ant-picker-calendar .custom-header {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .events-container .calendar .ant-picker-calendar .custom-header p {
          color: #00377C;
          margin: 0;
          font-weight: 900;
          font-size: 24px !important;
          text-transform: capitalize; }
        .events-container .calendar .ant-picker-calendar .custom-header .buttons {
          display: flex;
          gap: .5rem; }
          .events-container .calendar .ant-picker-calendar .custom-header .buttons button {
            padding: 0 .5rem;
            border: none;
            box-shadow: none;
            color: #00377C; }
            .events-container .calendar .ant-picker-calendar .custom-header .buttons button:disabled {
              background: #ffffff;
              color: #F5F5F5; }
      .events-container .calendar .ant-picker-calendar .ant-picker-panel {
        border: none; }
        .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
          z-index: 1; }
          .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content thead tr th {
            text-transform: capitalize;
            color: #00377C;
            font-weight: bold;
            font-size: 20px !important; }
            @media screen and (max-width: 575px) {
              .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content thead tr th {
                font-size: 10px !important; } }
          .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr {
            height: 55px; }
            @media screen and (max-width: 575px) {
              .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr {
                height: auto; } }
            .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner {
              border-radius: 100%; }
              .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner::before {
                border-radius: 100%; }
              .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-value {
                font-size: 20px !important; }
                @media screen and (max-width: 575px) {
                  .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-value {
                    font-size: 12px !important; } }
              .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events {
                height: 14px;
                list-style: none;
                margin: 0;
                padding: 0;
                width: 100%;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center; }
                .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle {
                  position: relative;
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  width: auto;
                  height: 8px;
                  margin: 0;
                  padding: 0;
                  gap: 3px;
                  flex-wrap: nowrap; }
                  .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle .ant-badge {
                    position: relative;
                    display: inline-block;
                    line-height: 1;
                    vertical-align: middle; }
                  .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle .ant-badge-status {
                    position: relative;
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    vertical-align: middle;
                    margin: 0;
                    padding: 0; }
                    .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle .ant-badge-status .ant-badge-status-dot {
                      position: relative;
                      top: 0;
                      left: 0;
                      width: 6px;
                      height: 6px;
                      transform: none; }
                    .events-container .calendar .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle .ant-badge-status .ant-badge-status-text {
                      display: none; }
    .events-container .calendar .actual-events {
      display: grid;
      padding: 0 0 5rem 0;
      margin-top: 1.5rem;
      grid-template-rows: repeat(1, 1fr);
      grid-gap: 2rem;
      width: 100%; }
      @media screen and (max-width: 575px) {
        .events-container .calendar .actual-events {
          width: auto; } }
      .events-container .calendar .actual-events .section {
        display: grid;
        grid-gap: .5rem;
        height: fit-content; }
        .events-container .calendar .actual-events .section p {
          color: #00377C;
          margin: 0;
          font-weight: 900;
          font-size: 24px !important;
          text-transform: capitalize; }
        .events-container .calendar .actual-events .section button {
          display: flex;
          border: 1px solid #DFEAEC;
          border-radius: 8px;
          width: 100%;
          height: fit-content;
          padding: 0; }
          .events-container .calendar .actual-events .section button .date {
            background: #D9FFFE;
            padding: .75rem 1rem; }
            .events-container .calendar .actual-events .section button .date p {
              color: #005FB9;
              font-size: 32px !important;
              font-weight: 900;
              margin: 0;
              line-height: normal; }
            .events-container .calendar .actual-events .section button .date span {
              color: #005FB9;
              font-size: 8px !important;
              font-weight: 900;
              margin: 0;
              line-height: normal;
              display: inline-block; }
          .events-container .calendar .actual-events .section button .description {
            padding: 1rem;
            display: block;
            text-align: left; }
            .events-container .calendar .actual-events .section button .description p {
              margin: 0;
              color: #005FB9;
              font-weight: 900;
              font-size: 16px !important; }
            .events-container .calendar .actual-events .section button .description span {
              color: #00377C;
              font-weight: 400;
              font-size: 14px !important; }
        .events-container .calendar .actual-events .section .no-event-container {
          padding: .5rem 1rem;
          justify-content: center;
          cursor: default; }
          .events-container .calendar .actual-events .section .no-event-container .no-events {
            text-transform: none;
            font-weight: 400;
            font-size: 18px !important; }

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: var(--color); }

.actual-events {
  margin-top: 1.5rem;
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 2rem; }
  .actual-events .section-events {
    display: grid;
    grid-gap: .5rem;
    height: fit-content; }
    .actual-events .section-events p {
      color: #00377C;
      margin: 0;
      font-weight: 900;
      font-size: 24px !important;
      text-transform: capitalize; }
    .actual-events .section-events .content-event {
      display: flex;
      flex-direction: column;
      gap: 10px;
      border: 2px solid #DFEAEC;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 4px 4px 10px 0px #0000001A; }
      .actual-events .section-events .content-event .event {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border: 2px solid #DFEAEC;
        padding: 10px;
        border-radius: 8px;
        align-items: center; }
        .actual-events .section-events .content-event .event.red {
          border-left: 5px solid red; }
        .actual-events .section-events .content-event .event.yellow {
          border-left: 5px solid #F2AA00; }
        .actual-events .section-events .content-event .event.green {
          border-left: 5px solid #1CA690; }
        .actual-events .section-events .content-event .event.purple {
          border-left: 5px solid #882CDD; }
        .actual-events .section-events .content-event .event.blue {
          border-left: 5px solid #1890ff; }
        .actual-events .section-events .content-event .event .title {
          width: 80%;
          text-transform: lowercase; }
        .actual-events .section-events .content-event .event .title::first-letter {
          text-transform: uppercase; }
        .actual-events .section-events .content-event .event .icon {
          width: 40px;
          height: 40px;
          border-radius: 5px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .actual-events .section-events .content-event .event .icon.red {
            background-color: #FEE5E5; }
            .actual-events .section-events .content-event .event .icon.red svg {
              stroke: red;
              width: 24px;
              height: 24px; }
        .actual-events .section-events .content-event .event .event-body {
          display: flex;
          flex-direction: column;
          gap: 5px;
          width: 80%; }
        .actual-events .section-events .content-event .event p, .actual-events .section-events .content-event .event span {
          margin: 0;
          font-weight: 400;
          font-size: 14px !important; }
        .actual-events .section-events .content-event .event p {
          font-weight: bold;
          color: #00377C; }
        .actual-events .section-events .content-event .event span {
          color: #747474; }
      .actual-events .section-events .content-event button {
        display: flex;
        background-color: transparent;
        width: 40px;
        height: 40px;
        padding: 0;
        box-shadow: none; }
        .actual-events .section-events .content-event button:disabled {
          background-color: #fff; }
        .actual-events .section-events .content-event button .icon {
          width: 40px;
          height: 40px;
          border-radius: 5px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .actual-events .section-events .content-event button .icon.yellow {
            background-color: #FEF9E5; }
            .actual-events .section-events .content-event button .icon.yellow svg {
              stroke: #F2AA00; }
          .actual-events .section-events .content-event button .icon.green {
            background-color: #E5FFFA; }
            .actual-events .section-events .content-event button .icon.green svg {
              stroke: #1CA690; }
          .actual-events .section-events .content-event button .icon.purple {
            background-color: #F2EBFB; }
            .actual-events .section-events .content-event button .icon.purple svg {
              stroke: #882CDD; }
          .actual-events .section-events .content-event button .icon.blue {
            background-color: #E5F6FF; }
            .actual-events .section-events .content-event button .icon.blue svg {
              stroke: #1890ff; }
        .actual-events .section-events .content-event button svg {
          width: 24px;
          height: 24px; }
      .actual-events .section-events .content-event .date {
        display: flex;
        align-items: center;
        padding: 5px;
        flex-direction: row;
        gap: 20px; }
        .actual-events .section-events .content-event .date svg {
          width: 20px;
          height: 20px; }
        .actual-events .section-events .content-event .date p {
          font-size: 20px !important;
          font-weight: bold;
          margin: 0;
          line-height: normal;
          color: #00377C;
          text-transform: capitalize; }
      .actual-events .section-events .content-event .no-event-container {
        padding: .5rem 1rem;
        justify-content: center;
        cursor: default;
        width: 100%; }
        .actual-events .section-events .content-event .no-event-container .no-events {
          text-transform: none;
          font-weight: 400;
          font-size: 18px !important; }
      .actual-events .section-events .content-event .description {
        padding: 1rem;
        display: block;
        text-align: left; }
        .actual-events .section-events .content-event .description p {
          margin: 0;
          color: #005FB9;
          font-weight: 900;
          font-size: 16px !important; }
        .actual-events .section-events .content-event .description span {
          color: #00377C;
          font-weight: 400;
          font-size: 14px !important; }

.content-legend {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .content-legend .circle-red, .content-legend .circle-yellow, .content-legend .circle-green, .content-legend .circle-purple, .content-legend .circle-blue {
    width: 15px;
    height: 15px;
    border-radius: 100%; }
  .content-legend .circle-red {
    background-color: #D93025; }
  .content-legend .circle-yellow {
    background-color: #F2AA00; }
  .content-legend .circle-green {
    background-color: #1CA690; }
  .content-legend .circle-purple {
    background-color: #882CDD; }
  .content-legend .circle-blue {
    background-color: #1890ff; }
  .content-legend .legend {
    display: flex;
    flex-direction: row;
    gap: 20px; }
  .content-legend p {
    margin: 0; }

.table-health-control-container {
  padding: 24px 0px; }
  .table-health-control-container .table-health-control {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    overflow-x: scroll; }
    .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr th {
      background-color: white;
      color: #00377C;
      font-size: 14px !important;
      font-weight: bold; }
    .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td {
      color: #00377C;
      font-size: 14px !important; }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td p {
        margin: 0;
        text-transform: capitalize; }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td img, .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .img {
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important;
        animation: random 15s infinite;
        object-fit: cover;
        margin-right: 20px;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .register, .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .unregister {
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 0px 8px;
        font-weight: 800;
        width: fit-content; }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .register {
        color: #1CA690;
        background-color: #E5FFFA; }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .unregister {
        color: #F2AA00;
        background-color: #FEF9E5; }
      .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td button {
        border-radius: 8px;
        display: flex !important;
        align-items: center;
        color: white;
        font-weight: bold;
        font-size: 16px !important;
        background-color: #F76B1C !important;
        padding: 4px 8px;
        border: none; }
        .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td button:disabled {
          background-color: #F5F5F5;
          color: #D9D9D9; }
    .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .image-column {
      max-width: 46px;
      padding-right: 0px; }
    .table-health-control-container .table-health-control .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .button-column {
      text-align: -webkit-right; }
  .table-health-control-container .table-health-control::-webkit-scrollbar {
    width: .75rem;
    height: .75rem; }
  .table-health-control-container .table-health-control::-webkit-scrollbar-track {
    border-radius: 4px; }
  .table-health-control-container .table-health-control::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .table-health-control-container .table-health-control::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-select-item, .ant-select-item-option-selected {
  color: #00377C !important; }

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem; }
  .flex p {
    color: #00377C;
    margin: 0;
    font-size: 14px !important;
    font-weight: bold;
    flex-wrap: wrap;
    width: 60%; }
  .flex .options {
    display: flex;
    align-items: center; }
    .flex .options .rounded .ant-checkbox-checked .ant-checkbox-inner {
      border-radius: 100%;
      border: 1px solid #DFEAEC;
      background-color: #f57423; }
      .flex .options .rounded .ant-checkbox-checked .ant-checkbox-inner::after {
        opacity: 0; }
    .flex .options .rounded .ant-checkbox .ant-checkbox-inner {
      border-radius: 100%;
      border: 1px solid #DFEAEC; }
    .flex .options button {
      border-radius: 100%;
      box-shadow: none;
      background-color: #E5FDFF;
      height: 32px;
      width: 32px;
      min-width: 32px;
      min-height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #00377C;
      font-size: 24px !important;
      border: none;
      box-shadow: none; }
    .flex .options .ant-input {
      border: 1px solid #DFEAEC;
      color: #00377C;
      width: 65px;
      margin-left: .5rem;
      margin-right: .5rem; }
  .flex .ant-picker {
    border: 1px solid #DFEAEC;
    padding: .25rem .5rem; }
    .flex .ant-picker .ant-picker-input {
      flex-direction: row-reverse; }
      .flex .ant-picker .ant-picker-input input, .flex .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C;
        font-size: 14px !important;
        max-width: 55px; }
      .flex .ant-picker .ant-picker-input .ant-picker-suffix {
        margin-left: 0;
        margin-right: .5rem; }
  .flex .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #00377C;
    border-color: #00377C; }
  .flex .ant-checkbox-wrapper .ant-checkbox-checked::after {
    border: 1px solid #00377C; }
  .flex .ant-checkbox-wrapper .ant-checkbox-checked:focus {
    border: 1px solid #00377C; }
  .flex .ant-checkbox-wrapper .ant-checkbox-checked:active {
    border: 1px solid #00377C; }
  .flex .ant-checkbox-wrapper:hover .ant-checkbox-inner:hover .ant-checkbox-inner:focus + .ant-checkbox-inner, .flex .ant-checkbox-wrapper:hover .ant-checkbox-inner .ant-checkbox-input:focus + .ant-checkbox-inner, .flex .ant-checkbox-wrapper:hover .ant-checkbox:hover .ant-checkbox-inner:focus + .ant-checkbox-inner, .flex .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: #00377C; }
  .flex .ant-select {
    color: #00377C;
    font-feature-settings: normal;
    font-variant: normal; }
    .flex .ant-select .ant-select-selector {
      border: 1px solid #DFEAEC; }
      .flex .ant-select .ant-select-selector .ant-select-selection-item {
        text-transform: capitalize; }
    .flex .ant-select .ant-select-arrow {
      color: #00377C;
      font-size: 10px !important; }

.modal-health-control {
  border-radius: 1rem;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 24px 0 rgba(0, 55, 124, 0.25);
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 35%;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-health-control {
      max-width: 95%; } }
  .modal-health-control .modal-header {
    display: flex; }
    .modal-health-control .modal-header .close {
      box-shadow: none;
      display: flex;
      margin-left: auto;
      align-items: center;
      padding: 0 .5rem;
      height: min-content;
      color: #00377C;
      font-size: 18px;
      border: none; }
    .modal-health-control .modal-header h2 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin: 0; }
  .modal-health-control .modal-content {
    margin-top: 1.5rem; }
  .modal-health-control .modal-footer {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .modal-health-control .modal-footer button {
      font-size: 16px !important;
      font-weight: bold;
      display: flex;
      border-radius: .5rem;
      padding: .25rem .75rem;
      box-shadow: none;
      border: none;
      box-shadow: none; }

.health-control-container {
  overflow-y: scroll;
  height: auto;
  padding: 2rem; }
  @media screen and (max-width: 575px) {
    .health-control-container {
      padding: 1rem .75rem; } }

.table-messages {
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #DFEAEC;
  max-height: 70vh;
  min-width: 30vw;
  height: fit-content;
  padding-bottom: 0px; }
  @media screen and (max-width: 575px) {
    .table-messages {
      margin-bottom: 2rem; } }
  .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead {
    display: none; }
  .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell {
    padding: 0; }
    .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message {
      display: block;
      height: auto;
      width: 100%;
      border-bottom: 1px solid #DFEAEC;
      background: #ededed70; }
      @media screen and (max-width: 575px) {
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message {
          padding: .25rem .5rem; } }
      .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button:last-child, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message:last-child {
        border: none; }
      .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #00305780;
        margin: 0; }
        @media screen and (max-width: 575px) {
          .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach {
            width: 100%; } }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
          text-transform: capitalize;
          font-weight: normal;
          font-size: 14px !important;
          margin: 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: left;
          overflow: hidden; }
          @media screen and (max-width: 1024px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
              width: 13vw; } }
          @media screen and (max-width: 800px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
              width: 20vw; } }
          @media screen and (max-width: 575px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
              width: auto; } }
          @media screen and (max-width: 360px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
              width: 125px; } }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
          width: fit-content; }
        @media screen and (max-width: 360px) {
          .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date {
            width: 100px; } }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
          padding: 0 .25rem;
          border-radius: 4px;
          background-color: #FCEEB0;
          color: #BF8600; }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .need-approve, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .need-approve {
          font-size: 12px !important; }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .affair {
          font-weight: 400;
          text-transform: none;
          width: 32vw;
          font-size: 14px !important;
          margin: 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: left;
          overflow: hidden; }
          @media screen and (max-width: 1024px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .affair {
              width: 22vw; } }
          @media screen and (max-width: 575px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .affair {
              width: 62.5vw; } }
          @media screen and (max-width: 330px) {
            .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .affair, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .affair {
              width: 55vw; } }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .header .anticon-paper-clip, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .content .anticon-paper-clip, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .type-and-attach .anticon-paper-clip, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .anticon-paper-clip, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .anticon-paper-clip, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .type-and-attach .anticon-paper-clip {
          margin-left: auto;
          font-size: 16px !important; }
      .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .date-update, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .date-update {
        text-align: left;
        color: #00377C;
        font-size: 12px !important;
        font-weight: 400;
        text-transform: capitalize;
        margin: 0px; }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell button .date-update span, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .date-update span {
          text-transform: none; }
    .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message {
      background: #ffffff; }
      .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content {
        color: #00377C; }
        .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .header .date, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .person, .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .unread-message .content .date {
          font-weight: bold; }
  .table-messages .ant-table-pagination {
    padding-right: 1rem; }
    .table-messages .ant-table-pagination li {
      border: none; }
      .table-messages .ant-table-pagination li button, .table-messages .ant-table-pagination li a {
        color: #00377C;
        border: 1px solid #DFEAEC;
        align-items: center;
        justify-content: center;
        display: flex; }
        .table-messages .ant-table-pagination li button:hover, .table-messages .ant-table-pagination li button:active, .table-messages .ant-table-pagination li a:hover, .table-messages .ant-table-pagination li a:active {
          border: 1px solid #f57423; }

.empty-message-container {
  text-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto; }
  .empty-message-container p {
    font-size: 16px !important;
    font-weight: bold;
    color: #00377C; }

.message-container {
  overflow-y: scroll;
  margin-bottom: 6vh !important; }
  .message-container .message-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #DFEAEC; }
    .message-container .message-header .user-container {
      display: flex;
      align-items: center; }
      .message-container .message-header .user-container img {
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        object-fit: cover;
        margin-right: 8px; }
      .message-container .message-header .user-container p {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 14px !important;
        text-transform: capitalize; }
    .message-container .message-header span {
      color: #00377C;
      font-size: 14px !important;
      align-self: flex-start;
      text-transform: capitalize; }
  .message-container .message-body {
    padding: 32px 0px 24px 0px;
    border-bottom: 1px solid #DFEAEC; }
    .message-container .message-body h4 {
      color: #001930;
      font-size: 20px !important;
      font-weight: bold; }
    .message-container .message-body p {
      white-space: pre-wrap;
      text-align: justify;
      color: #00377C;
      font-size: 14px !important;
      margin: 0; }
  .message-container .footer-message {
    padding: 8px 0px; }
    .message-container .footer-message p {
      color: #00377C;
      font-weight: 800;
      font-size: 16px !important;
      margin-bottom: 8px; }
    .message-container .footer-message .documents-attached {
      display: grid; }
      .message-container .footer-message .documents-attached button {
        margin-top: 8px;
        border-radius: 4px;
        background-color: #E5FDFF;
        color: #00377C;
        font-size: 14px !important;
        border: none;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center; }
        .message-container .footer-message .documents-attached button:first-of-type {
          margin-top: 0px; }
        .message-container .footer-message .documents-attached button p {
          max-width: 400px;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 0px;
          font-weight: normal;
          font-size: 14px !important;
          margin-left: 8px;
          text-align: left; }
  .message-container .responses-container {
    padding: 8px 0px; }
    .message-container .responses-container .response {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      padding: 8px 16px;
      margin-bottom: 8px; }
      .message-container .responses-container .response:last-of-type {
        margin-bottom: 0px; }
      @media screen and (max-width: 575px) {
        .message-container .responses-container .response {
          padding: 20px 8px; } }
      .message-container .responses-container .response h4 {
        color: #00377C;
        font-size: 14px !important;
        font-weight: bold; }
      .message-container .responses-container .response .header-response {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
        color: #00377C; }
        .message-container .responses-container .response .header-response .user-response {
          display: flex;
          align-items: center; }
          .message-container .responses-container .response .header-response .user-response img {
            height: 32px;
            min-height: 32px;
            width: 32px;
            min-width: 32px;
            border-radius: 100%;
            object-fit: cover;
            margin-right: 8px; }
          .message-container .responses-container .response .header-response .user-response p {
            margin: 0;
            font-size: 14px !important;
            font-weight: bold;
            text-transform: capitalize; }
        .message-container .responses-container .response .header-response span {
          font-size: 14px !important;
          text-transform: capitalize; }
          @media screen and (max-width: 575px) {
            .message-container .responses-container .response .header-response span {
              font-size: 12px !important; } }
      .message-container .responses-container .response .body-response {
        color: #00377C;
        white-space: pre-wrap;
        font-size: 14px !important;
        margin-bottom: 8px; }
        .message-container .responses-container .response .body-response p {
          margin: 0px; }
          .message-container .responses-container .response .body-response p a {
            color: #1155cc;
            font-weight: bold;
            font-size: 14px !important;
            text-decoration: underline; }
      .message-container .responses-container .response .documents-attached {
        display: grid; }
        .message-container .responses-container .response .documents-attached button {
          border-radius: 4px;
          background-color: #E5FDFF;
          color: #00377C;
          font-size: 14px !important;
          border: none;
          box-shadow: none;
          width: fit-content;
          padding: 4px 8px;
          display: flex;
          align-items: center;
          margin-bottom: 8px; }
          .message-container .responses-container .response .documents-attached button:last-of-type {
            margin-bottom: 0px; }
          .message-container .responses-container .response .documents-attached button p {
            max-width: 400px;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0px;
            font-weight: normal;
            font-size: 14px !important;
            margin-left: 8px;
            text-align: left; }
            @media screen and (max-width: 575px) {
              .message-container .responses-container .response .documents-attached button p {
                max-width: 200px; } }
  .message-container .authorization-container {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    text-align: center;
    padding: 16px;
    margin-top: 8px; }
    .message-container .authorization-container h4 {
      color: #00377C;
      font-size: 20px !important;
      font-weight: 800; }
    .message-container .authorization-container .buttons-response {
      display: flex;
      align-items: center;
      justify-content: center; }
      .message-container .authorization-container .buttons-response button {
        border-radius: 8px;
        display: flex;
        align-items: center;
        border: none;
        box-shadow: none;
        font-size: 16px !important;
        font-weight: bold;
        margin-right: 8px; }
        .message-container .authorization-container .buttons-response button:last-of-type {
          margin-right: 0px; }
      .message-container .authorization-container .buttons-response .check {
        color: #1CA690;
        background-color: #E5FFFA; }
      .message-container .authorization-container .buttons-response .denied {
        color: #F76B1C;
        background-color: #FFF0E8; }
      .message-container .authorization-container .buttons-response .check-disabled, .message-container .authorization-container .buttons-response .denied-disabled {
        background: #F5F5F5;
        color: #aaa; }
    .message-container .authorization-container p {
      font-size: 16px !important;
      color: #00377C; }

.detail-message-container {
  border: 1px solid #DFEAEC;
  border-radius: 4px;
  overflow-y: scroll;
  overflow-x: scroll;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  margin-top: 40px;
  max-height: 70vh;
  display: grid; }
  @media screen and (max-width: 575px) {
    .detail-message-container {
      position: absolute;
      background-color: #fff;
      top: 16px;
      left: 8px;
      right: 8px;
      min-width: 95%;
      z-index: 2;
      display: block;
      margin-bottom: 0px;
      padding: 8px 16px;
      min-height: 60vh;
      max-height: 60vh; } }
  .detail-message-container .ant-spin-spinning {
    display: grid;
    justify-items: center;
    min-height: 65vh;
    align-content: center; }
    @media screen and (max-width: 575px) {
      .detail-message-container .ant-spin-spinning {
        position: absolute;
        top: 15%;
        display: flex;
        min-height: 0px;
        min-width: 95%;
        justify-content: center; } }
  .detail-message-container .btn-close-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-bottom: 10px;
    border: none;
    box-shadow: none;
    color: #00377C;
    font-weight: 700;
    border-radius: 5px;
    background-color: #F5F5F5;
    align-items: center; }
    @media screen and (min-width: 575px) {
      .detail-message-container .btn-close-mobile {
        display: none; } }

.reponse-message-container {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  height: auto;
  padding: 16px 24px; }
  @media screen and (max-width: 575px) {
    .reponse-message-container {
      z-index: 3;
      position: fixed;
      top: 70%;
      background-color: #fff;
      left: 8px;
      right: 8px;
      min-width: 95%;
      overflow-y: scroll;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      padding: 8px 16px 32px 16px;
      max-height: 20vh;
      margin-bottom: 77px; } }
  .reponse-message-container textarea {
    border: none;
    color: #00377C;
    font-size: 14px !important;
    margin-bottom: 16px;
    font-variant: normal;
    font-feature-settings: normal; }
  .reponse-message-container .loading-container {
    display: flex; }
    .reponse-message-container .loading-container p {
      margin-left: 8px;
      font-size: 14px !important;
      color: #00377C; }
  .reponse-message-container .buttons {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #DFEAEC;
    padding-top: 8px; }
    .reponse-message-container .buttons .send {
      border-radius: 8px;
      display: flex;
      align-items: center;
      border: none;
      box-shadow: none;
      font-weight: bold;
      font-size: 16px !important;
      background-color: #FFF7E6;
      color: #F76B1C;
      padding: 4px 8px; }
    .reponse-message-container .buttons .upload .ant-upload .ant-upload .attach {
      border-radius: 8px;
      display: flex;
      align-items: center;
      border: none;
      box-shadow: none;
      font-weight: bold;
      font-size: 16px !important;
      background-color: #E5FDFF;
      color: #0060B9;
      padding: 4px 8px; }
    .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container {
      margin-bottom: 8px; }
      .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container:last-of-type {
        margin-bottom: 0px; }
      .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info {
        padding: 2px 8px;
        border: 1px solid #DFEAEC;
        display: flex;
        height: auto;
        border-radius: 4px; }
        .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span {
          display: flex;
          align-items: center; }
          .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-text-icon {
            display: none; }
          .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
            color: #00377C;
            font-size: 14px !important;
            max-width: 350px;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (max-width: 575px) {
              .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
                max-width: 160px; } }
            @media screen and (max-width: 360px) {
              .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
                max-width: 120px; } }
          .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-card-actions button {
            opacity: 1; }
            .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-card-actions button .anticon-delete {
              font-size: 16px !important;
              color: #00377C;
              height: auto; }
      .reponse-message-container .buttons .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-progress {
        display: none; }

.content-messages-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  grid-gap: 16px;
  padding: 16px 0px;
  height: auto;
  max-height: 100%; }
  @media screen and (max-width: 575px) {
    .content-messages-container {
      display: block;
      grid-gap: 0px; } }
  .content-messages-container .column {
    width: auto;
    overflow-y: scroll;
    display: block; }
    .content-messages-container .column .response-btn {
      border-radius: 8px;
      border: none;
      display: flex;
      margin-left: auto;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FFF7E6;
      color: #F76B1C; }

.new-message-container {
  position: fixed;
  bottom: 0px;
  right: 16px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: #fff;
  box-shadow: 0px -3px 16px 0px rgba(0, 78, 89, 0.2);
  z-index: 2;
  padding: 24px 24px 16px 24px;
  min-width: 40%;
  overflow-y: scroll;
  max-height: 80%; }
  @media screen and (max-width: 575px) {
    .new-message-container {
      min-width: 95%;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      height: fit-content;
      border-radius: 8px;
      right: 0px;
      top: 0px;
      left: 0px; } }
  .new-message-container .new-message-header {
    display: flex;
    justify-content: space-between; }
    .new-message-container .new-message-header h4 {
      font-size: 24px !important;
      font-weight: 800;
      color: #00377C; }
    .new-message-container .new-message-header button {
      border: none;
      box-shadow: none;
      font-size: 16px !important;
      display: flex;
      align-items: center;
      color: #00377C; }
  .new-message-container .item {
    margin-bottom: 16px; }
    .new-message-container .item p {
      margin: 0px;
      color: #00377C;
      font-size: 14px !important;
      font-weight: bold; }
    .new-message-container .item input, .new-message-container .item textarea {
      border: 1px solid #DFEAEC;
      font-size: 14px !important;
      color: #00377C;
      font-feature-settings: normal;
      font-variant: normal; }
  .new-message-container .loading-container {
    display: flex; }
    .new-message-container .loading-container p {
      margin-left: 8px;
      font-size: 14px !important;
      color: #00377C; }
  .new-message-container .new-message-footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #DFEAEC;
    padding-top: 8px; }
    .new-message-container .new-message-footer .send {
      border-radius: 8px;
      display: flex;
      align-items: center;
      border: none;
      box-shadow: none;
      font-weight: bold;
      font-size: 16px !important;
      background-color: #FFF7E6;
      color: #F76B1C;
      padding: 4px 8px; }
    .new-message-container .new-message-footer .upload .ant-upload .ant-upload .attach {
      border-radius: 8px;
      display: flex;
      align-items: center;
      border: none;
      box-shadow: none;
      font-weight: bold;
      font-size: 16px !important;
      background-color: #E5FDFF;
      color: #0060B9;
      padding: 4px 8px; }
    .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container {
      margin-bottom: 8px; }
      .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container:last-of-type {
        margin-bottom: 0px; }
      .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info {
        padding: 2px 8px;
        border: 1px solid #DFEAEC;
        display: flex;
        height: auto;
        border-radius: 4px; }
        .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span {
          display: flex;
          align-items: center; }
          .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-text-icon {
            display: none; }
          .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
            color: #00377C;
            font-size: 14px !important;
            max-width: 350px;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (max-width: 575px) {
              .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
                max-width: 160px; } }
            @media screen and (max-width: 360px) {
              .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-name {
                max-width: 120px; } }
          .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-card-actions button {
            opacity: 1; }
            .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-info .ant-upload-span .ant-upload-list-item-card-actions button .anticon-delete {
              font-size: 16px !important;
              color: #00377C;
              height: auto; }
      .new-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-progress {
        display: none; }

.option .ant-select-item-option-content {
  color: #003057;
  font-weight: bold;
  font-size: 16px !important; }

.messages-container {
  overflow-y: scroll;
  height: auto;
  padding: 2rem; }
  @media screen and (max-width: 575px) {
    .messages-container {
      padding: 1rem .75rem; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  background-color: #fff;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}

.detail-message-text-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  overflow: hidden;
  background-color: #E5F6FF; }
  @media screen and (max-width: 768px) {
    .detail-message-text-editor {
      margin-bottom: 10px; } }
  .detail-message-text-editor .detail-options {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px 10px;
    gap: 12px;
    border-bottom: 1px solid #D8D8D8;
    box-shadow: 0px 5px 5px #00000034; }
    .detail-message-text-editor .detail-options .svg-container {
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding: 5px;
      border-radius: 5px;
      background-color: #E5F6FF;
      transition: background-color 150ms; }
      .detail-message-text-editor .detail-options .svg-container svg {
        height: auto;
        width: 20px;
        cursor: pointer;
        fill: #00377C; }
    .detail-message-text-editor .detail-options .svg-container:hover {
      background-color: #c8eafc; }
    .detail-message-text-editor .detail-options .svg-container.activo {
      background-color: #9fd8f7; }
    .detail-message-text-editor .detail-options .input-color-container {
      display: flex;
      position: relative;
      flex-direction: roe;
      align-items: center;
      justify-content: flex-start; }
      .detail-message-text-editor .detail-options .input-color-container svg {
        height: auto;
        width: 20px;
        fill: #00377C; }
      .detail-message-text-editor .detail-options .input-color-container .bloque-color {
        height: 22px;
        width: 22px;
        padding: 0;
        margin-left: 3px;
        background-color: #fff;
        cursor: pointer; }
  .detail-message-text-editor #text-editor-input-message {
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    color: #00377C;
    word-break: normal;
    border: none;
    outline: none;
    overflow: auto;
    background-color: #fff; }
    .detail-message-text-editor #text-editor-input-message b, .detail-message-text-editor #text-editor-input-message i, .detail-message-text-editor #text-editor-input-message u, .detail-message-text-editor #text-editor-input-message strong, .detail-message-text-editor #text-editor-input-message em, .detail-message-text-editor #text-editor-input-message span, .detail-message-text-editor #text-editor-input-message div, .detail-message-text-editor #text-editor-input-message br, .detail-message-text-editor #text-editor-input-message ul, .detail-message-text-editor #text-editor-input-message ol, .detail-message-text-editor #text-editor-input-message li, .detail-message-text-editor #text-editor-input-message p, .detail-message-text-editor #text-editor-input-message h1, .detail-message-text-editor #text-editor-input-message h2, .detail-message-text-editor #text-editor-input-message h3, .detail-message-text-editor #text-editor-input-message h4, .detail-message-text-editor #text-editor-input-message h5, .detail-message-text-editor #text-editor-input-message h6 {
      max-width: 100%; }

.container-input-archivos-nuevo-mensaje {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%; }
  .container-input-archivos-nuevo-mensaje #inputArchivosNuevoMensaje {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje {
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
    padding: 20px 30px;
    border: 1px dashed #D8D8D8;
    border-radius: 10px;
    cursor: pointer; }
    @media screen and (max-width: 820px) {
      .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje {
        flex-direction: column;
        padding: 15px 10px;
        gap: 0px; } }
    .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje .texto {
      display: flex;
      flex-direction: column;
      text-align: center; }
      .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje .texto span {
        font-size: 14px;
        color: #979797; }
      .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje .texto .underline {
        text-decoration: underline; }
      .container-input-archivos-nuevo-mensaje .label-input-archivos-nuevo-mensaje .texto .azul {
        font-size: 16px;
        color: #00377C; }
  .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
    margin-top: 20px; }
    .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-adjunto {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      padding: 2px 10px;
      border: 1px solid #D8D8D8;
      border-radius: 2px;
      background-color: #fff;
      transition: background-color 150ms; }
      .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-adjunto span {
        font-size: 14px;
        color: #00377C;
        width: 100%; }
      .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-adjunto svg {
        cursor: pointer; }
    .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-adjunto:hover {
      background-color: #d8d8d850; }

.alert-confirm-authorization-messenger {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  height: max-content;
  max-height: 80%;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #979797;
  border-top: 1px solid #E5F6FF;
  border-bottom: 1px solid #E5F6FF;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  @media screen and (max-width: 575px) {
    .alert-confirm-authorization-messenger {
      width: 90vw; } }
  .alert-confirm-authorization-messenger .titulo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #00377C;
    font-weight: bold;
    padding: 8px 16px;
    border-bottom: 1px solid #D8D8D8; }
    .alert-confirm-authorization-messenger .titulo span {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      font-size: 25px;
      gap: 12px; }
      .alert-confirm-authorization-messenger .titulo span .alert-icon {
        height: auto;
        width: 25px;
        color: #F57423;
        fill: #F57423;
        transform: rotate(180deg); }
    .alert-confirm-authorization-messenger .titulo .icon-close {
      height: auto;
      width: 25px;
      fill: #00377C;
      cursor: pointer; }
  .alert-confirm-authorization-messenger .alert-confirm-authorization-body {
    display: flex;
    flex-direction: column;
    padding: 18px 16px;
    gap: 16px; }
    .alert-confirm-authorization-messenger .alert-confirm-authorization-body .info {
      font-size: 14px;
      font-weight: bold;
      color: #00377C;
      margin: 0px; }
    .alert-confirm-authorization-messenger .alert-confirm-authorization-body .input-container {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .alert-confirm-authorization-messenger .alert-confirm-authorization-body .input-container label {
        font-size: 14px;
        font-weight: bold;
        color: #00377C;
        margin: 0px; }
      .alert-confirm-authorization-messenger .alert-confirm-authorization-body .input-container textarea {
        min-height: 70px;
        font-size: 14px;
        color: #00377C;
        padding: 5px 10px;
        border: 1px solid #D8D8D8;
        border-radius: 8px;
        outline: none; }
  .alert-confirm-authorization-messenger .container-botones {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
    padding: 20px 16px 16px 16px;
    color: #55A2E1;
    border-top: 1px solid #D8D8D8; }
    .alert-confirm-authorization-messenger .container-botones .primary-btn,
    .alert-confirm-authorization-messenger .container-botones .cancel-btn {
      border: none;
      box-shadow: none;
      transition: none; }
    .alert-confirm-authorization-messenger .container-botones .primary-btn {
      color: #fff !important;
      background-color: #F57423 !important; }
    .alert-confirm-authorization-messenger .container-botones .cancel-btn {
      color: #F57423;
      background-color: #FFF0E8; }

.modal-alert-confirm-authorization-background {
  position: fixed;
  z-index: 3;
  background-color: #000;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 0px;
  opacity: 0.2; }

.container-preview-archivo {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 4;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 0px; }
  .container-preview-archivo .header-info-preview {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 15px; }
    @media screen and (max-width: 820px) {
      .container-preview-archivo .header-info-preview {
        align-items: flex-start; } }
    .container-preview-archivo .header-info-preview .columna {
      display: flex;
      align-items: center;
      padding: 10px;
      width: 100%; }
      .container-preview-archivo .header-info-preview .columna .archivo-info {
        padding: 10px;
        border-radius: 8px;
        color: #fff;
        font-size: 16px;
        background-color: #000000b9; }
      .container-preview-archivo .header-info-preview .columna .archivo-info.close-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .container-preview-archivo .header-info-preview .columna .archivo-info.close-icon svg {
          height: auto;
          width: 20px;
          cursor: pointer;
          fill: #fff; }
    .container-preview-archivo .header-info-preview .columna.start {
      justify-content: flex-start; }
    .container-preview-archivo .header-info-preview .columna.center {
      justify-content: center;
      flex-wrap: nowrap; }
      .container-preview-archivo .header-info-preview .columna.center .nombre-adjunto {
        margin-right: 10px; }
    .container-preview-archivo .header-info-preview .columna.end {
      justify-content: flex-end; }
      @media screen and (max-width: 820px) {
        .container-preview-archivo .header-info-preview .columna.end {
          padding: 0px;
          width: 20%; } }
    .container-preview-archivo .header-info-preview .columna.mobile {
      width: 80%;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      padding: 10px;
      border-radius: 8px;
      word-break: break-all;
      background-color: #000000b9; }
      .container-preview-archivo .header-info-preview .columna.mobile .info-archivo {
        font-size: 16px;
        color: #fff;
        width: 100%;
        text-align: left; }
        .container-preview-archivo .header-info-preview .columna.mobile .info-archivo .nombre-adjunto {
          margin-right: 10px; }
  .container-preview-archivo .icono-archivo-anterior,
  .container-preview-archivo .icono-archivo-siguiente {
    display: block;
    position: absolute;
    z-index: 4;
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    border-radius: 8px;
    color: #fff;
    background-color: #000000b9;
    cursor: pointer; }
  .container-preview-archivo .icono-archivo-anterior {
    left: 15px; }
  .container-preview-archivo .icono-archivo-siguiente {
    right: 15px; }
  .container-preview-archivo .container-file-preview {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 30px 150px 30px;
    width: 100%;
    min-height: 100%;
    overflow-y: auto; }
    @media screen and (max-width: 820px) {
      .container-preview-archivo .container-file-preview {
        padding: 0px 30px 150px 30px;
        align-items: center; } }
    .container-preview-archivo .container-file-preview .cargando {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      margin: 30px 0px;
      padding: 0px 10px; }
      @media screen and (max-width: 575px) {
        .container-preview-archivo .container-file-preview .cargando {
          min-height: 85vh; } }
      .container-preview-archivo .container-file-preview .cargando svg {
        height: auto;
        width: 70px;
        fill: #ffffff;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
    .container-preview-archivo .container-file-preview .no-mostrar {
      display: none; }
  .container-preview-archivo .mensaje-no-preview {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding: 15px;
    width: 450px;
    max-width: 95vw;
    margin-top: 100px;
    border-radius: 8px;
    background-color: #fff; }
    @media screen and (max-width: 820px) {
      .container-preview-archivo .mensaje-no-preview {
        margin-top: 0px; } }
    .container-preview-archivo .mensaje-no-preview .info {
      font-size: 16px;
      color: #00377C;
      line-height: 19px; }
    .container-preview-archivo .mensaje-no-preview .nombre-adjunto {
      font-weight: bold; }
    .container-preview-archivo .mensaje-no-preview .primary-btn {
      margin-left: auto; }
  .container-preview-archivo .primary-btn {
    font-size: 14px;
    color: #fff;
    background-color: #F57423;
    box-shadow: none;
    border: none;
    outline: none; }

.modal-base-background {
  position: fixed;
  z-index: 3;
  background-color: #000;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 0px;
  opacity: 0.2; }

body.preview-file-modal-open {
  overflow: hidden; }

.message-detail-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0px;
  background-color: #fff;
  overflow: auto; }
  @media screen and (max-width: 820px) {
    .message-detail-container {
      min-height: 90vh; } }
  @media screen and (max-width: 575px) {
    .message-detail-container {
      height: auto;
      border-bottom: 1px solid #DFEAEC; } }
  .message-detail-container .message-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #DFEAEC; }
    @media screen and (max-width: 575px) {
      .message-detail-container .message-header {
        padding: 15px 10px; } }
    .message-detail-container .message-header p {
      margin: 0px; }
    .message-detail-container .message-header .volverIcono {
      height: auto;
      font-size: 20px;
      color: #00377C; }
    .message-detail-container .message-header .candadoIcono {
      height: auto;
      width: 24px; }
    .message-detail-container .message-header .emisor-datos {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .message-detail-container .message-header .emisor-datos p {
        font-size: 14px;
        line-height: 18px;
        color: #00377C; }
      .message-detail-container .message-header .emisor-datos .name {
        font-weight: bold; }
    .message-detail-container .message-header .icono-marcar-como-leido {
      height: auto;
      width: 40px;
      cursor: pointer;
      padding: 5px;
      border-radius: 8px;
      background-color: #fff;
      transition: background-color 150ms; }
    .message-detail-container .message-header .icono-marcar-como-leido:hover {
      background-color: #FFF0E8; }
  .message-detail-container .cargando {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    @media screen and (max-width: 575px) {
      .message-detail-container .cargando {
        min-height: 40vh; } }
    .message-detail-container .cargando svg {
      height: auto;
      width: 50px;
      fill: #DFEAEC;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .message-detail-container .error-carga-mensaje {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    .message-detail-container .error-carga-mensaje span {
      width: 100%;
      text-align: center;
      color: #00377C;
      font-weight: bold;
      ffont-size: 15px;
      padding: 10px 15px; }
  .message-detail-container .message-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px; }
    @media screen and (max-width: 575px) {
      .message-detail-container .message-body {
        padding: 15px 10px; } }
    .message-detail-container .message-body .title {
      width: 100%;
      color: #00377C;
      font-size: 24px;
      font-weight: bold;
      padding-bottom: 20px; }
      @media screen and (max-width: 575px) {
        .message-detail-container .message-body .title {
          font-size: 22px;
          padding-bottom: 5px; } }
    .message-detail-container .message-body .destinatarios-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 10px; }
      .message-detail-container .message-body .destinatarios-container .destinatarios {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
        width: 100%;
        margin-top: 5px; }
    .message-detail-container .message-body .mensaje {
      display: block;
      width: 100%;
      font-size: 14px;
      color: #00377C;
      min-height: 50px; }
      .message-detail-container .message-body .mensaje .link-body-mensaje {
        cursor: pointer; }
      .message-detail-container .message-body .mensaje .link-body-mensaje:hover {
        text-decoration: underline; }
  .message-detail-container .adjuntos-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px;
    background-color: #FAFAFA; }
    @media screen and (max-width: 575px) {
      .message-detail-container .adjuntos-container {
        padding: 15px 10px; } }
    .message-detail-container .adjuntos-container .info {
      margin: 0px;
      color: #979797;
      font-size: 14px;
      margin-top: 10px; }
    .message-detail-container .adjuntos-container .adjuntos {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .message-detail-container .adjuntos-container .adjuntos .archivos,
      .message-detail-container .adjuntos-container .adjuntos .imagenes {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
        width: 100%;
        padding: 10px 0px; }
        @media screen and (max-width: 575px) {
          .message-detail-container .adjuntos-container .adjuntos .archivos,
          .message-detail-container .adjuntos-container .adjuntos .imagenes {
            gap: 10px 5px; } }
        @media screen and (max-width: 425px) {
          .message-detail-container .adjuntos-container .adjuntos .archivos,
          .message-detail-container .adjuntos-container .adjuntos .imagenes {
            justify-content: center; } }
        .message-detail-container .adjuntos-container .adjuntos .archivos .archivo,
        .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo {
          display: flex;
          flex-direction: row;
          align-items: center;
          flex-wrap: nowrap;
          padding: 5px 10px;
          border: 1px solid #D8D8D8;
          border-radius: 8px;
          cursor: pointer;
          background-color: #fff;
          transition: background-color 150ms; }
          @media screen and (max-width: 575px) {
            .message-detail-container .adjuntos-container .adjuntos .archivos .archivo,
            .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo {
              padding: 5px; } }
          .message-detail-container .adjuntos-container .adjuntos .archivos .archivo span,
          .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo span {
            margin: 0px 15px 0px 0px;
            color: #F57423;
            font-size: 14px; }
            @media screen and (max-width: 575px) {
              .message-detail-container .adjuntos-container .adjuntos .archivos .archivo span,
              .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo span {
                margin: 0px 5px 0px 0px;
                font-size: 13px; } }
          .message-detail-container .adjuntos-container .adjuntos .archivos .archivo svg,
          .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo svg {
            height: auto;
            width: 10px; }
        .message-detail-container .adjuntos-container .adjuntos .archivos .archivo:hover,
        .message-detail-container .adjuntos-container .adjuntos .imagenes .archivo:hover {
          background-color: #f1f1f1; }
        .message-detail-container .adjuntos-container .adjuntos .archivos .imagen,
        .message-detail-container .adjuntos-container .adjuntos .imagenes .imagen {
          height: 130px;
          width: 150px;
          border: 1px solid #D8D8D8;
          border-radius: 8px;
          cursor: pointer;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
          @media screen and (max-width: 575px) {
            .message-detail-container .adjuntos-container .adjuntos .archivos .imagen,
            .message-detail-container .adjuntos-container .adjuntos .imagenes .imagen {
              height: 90px;
              width: 90px; } }
  .message-detail-container .seccion-mensaje {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px;
    border-top: 1px solid #DFEAEC; }
    @media screen and (max-width: 575px) {
      .message-detail-container .seccion-mensaje {
        padding: 15px 10px; } }
    .message-detail-container .seccion-mensaje .titulo {
      margin-bottom: 10px; }
    .message-detail-container .seccion-mensaje .autorizacion-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 20px;
      width: 100%; }
      .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-wrap: nowrap;
        padding: 5px 10px;
        border-radius: 8px;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        background-color: #fff; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox .checkbox-disabled {
          cursor: not-allowed; }
      .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.green {
        color: #1CA690;
        background-color: #E6FFFA; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.green .ant-checkbox-inner {
          border: 1px solid #1CA690;
          background-color: #E6FFFA; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.green .ant-checkbox-checked .ant-checkbox-inner {
          border: 1px solid #F57423;
          background-color: #F57423; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.green .ant-checkbox-checked .ant-checkbox-inner::after {
          border-color: #fff; }
      .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.orange {
        color: #F57423;
        background-color: #FFF0E8; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.orange .ant-checkbox-inner {
          border: 1px solid #F57423;
          background-color: #FFF0E8; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.orange .ant-checkbox-checked .ant-checkbox-inner {
          border: 1px solid #F57423;
          background-color: #F57423; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.orange .ant-checkbox-checked .ant-checkbox-inner::after {
          border-color: #fff; }
      .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.grey {
        color: #979797;
        background-color: #dddddd;
        opacity: 0.6; }
        .message-detail-container .seccion-mensaje .autorizacion-container .pill-checkbox.grey .ant-checkbox-inner {
          border: 1px solid #979797;
          background-color: #F5F5F5; }
    .message-detail-container .seccion-mensaje .pills-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      width: 100%; }
      @media screen and (max-width: 575px) {
        .message-detail-container .seccion-mensaje .pills-container {
          gap: 5px 20px; } }
      .message-detail-container .seccion-mensaje .pills-container .pill {
        font-size: 12px;
        padding: 8px 10px;
        cursor: pointer; }
        .message-detail-container .seccion-mensaje .pills-container .pill span {
          font-size: 16px; }
    .message-detail-container .seccion-mensaje .usuarios-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      width: 100%;
      gap: 10px;
      cursor: pointer; }
      .message-detail-container .seccion-mensaje .usuarios-container p {
        font-size: 14px;
        font-weight: bold;
        color: #00377C;
        margin: 0px; }
      .message-detail-container .seccion-mensaje .usuarios-container .emisores {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; }
        .message-detail-container .seccion-mensaje .usuarios-container .emisores .emisor-icon {
          margin-left: -10px; }
        .message-detail-container .seccion-mensaje .usuarios-container .emisores .sin-margen {
          margin: 0px; }
      .message-detail-container .seccion-mensaje .usuarios-container .drop-icon {
        height: auto;
        width: 14px;
        transition: transform 200ms; }
      .message-detail-container .seccion-mensaje .usuarios-container .drop-icon.abierto {
        transform: rotate(180deg); }
    .message-detail-container .seccion-mensaje .usuarios-container.sin-respuestas {
      cursor: default; }
  .message-detail-container .respuestas-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #DFEAEC; }
    .message-detail-container .respuestas-container .respuesta {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 5px;
      margin-bottom: 5px; }
      .message-detail-container .respuestas-container .respuesta .mensaje {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        padding: 10px 15px;
        border: 2px solid #1CA690;
        border-radius: 4px; }
        .message-detail-container .respuestas-container .respuesta .mensaje p {
          margin: 0px;
          font-size: 14px;
          color: #00377C; }
        .message-detail-container .respuestas-container .respuesta .mensaje .flecha-icono {
          position: absolute;
          bottom: -10px;
          left: 20px; }
      .message-detail-container .respuestas-container .respuesta .emisor-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
        padding: 5px 15px; }
        .message-detail-container .respuestas-container .respuesta .emisor-info .info {
          display: flex;
          flex-direction: column; }
          .message-detail-container .respuestas-container .respuesta .emisor-info .info p {
            font-size: 14px;
            color: #00377C;
            margin: 0px; }
    .message-detail-container .respuestas-container .responder-todos-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      width: 100%;
      margin: 15px 0px; }
    .message-detail-container .respuestas-container .destinatario-info {
      display: flex;
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      color: #00377C;
      border-radius: 8px;
      background-color: #E5F6FF; }
    .message-detail-container .respuestas-container .detail-message-text-editor {
      margin-bottom: 20px; }
  .message-detail-container .respuestas-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #DFEAEC; }
    .message-detail-container .respuestas-container .respuesta-hilo-mensajes {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 5px; }
      .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        padding: 10px 15px 10px 15px;
        background-color: #fff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: solid #1CA690;
        border-radius: 4px; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .linea-horizontal {
          position: absolute;
          right: 100%;
          height: 1px;
          background-color: #1CA690; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .linea-vertical {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: center;
          position: absolute;
          width: 1px;
          background-color: #1CA690; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .linea-vertical .inono-esconder-submensajes {
            z-index: 2;
            height: auto;
            width: 14px;
            background-color: #fff;
            cursor: pointer; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .linea-vertical.comprimida {
          bottom: 50%; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .parrafo {
          width: 100%;
          font-size: 14px;
          color: #00377C;
          text-align: left;
          overflow-wrap: break-word;
          word-break: break-word;
          white-space: pre-wrap; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .parrafo .link-body-mensaje {
            cursor: pointer; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .parrafo .link-body-mensaje:hover {
            text-decoration: underline; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos {
          display: flex;
          flex-direction: column;
          padding: 12px 0px;
          gap: 20px;
          width: 100%; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-imagenes,
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            gap: 12px; }
            .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-imagenes .container-imagen,
            .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-imagen {
              height: 130px;
              width: 150px;
              border: 1px solid #D8D8D8;
              border-radius: 8px;
              cursor: pointer;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat; }
              @media screen and (max-width: 575px) {
                .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-imagenes .container-imagen,
                .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-imagen {
                  height: 90px;
                  width: 90px; } }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-archivo {
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            width: fit-content;
            padding: 5px 10px;
            border-radius: 8px;
            cursor: pointer;
            background-color: #fff; }
            @media screen and (max-width: 575px) {
              .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-archivo {
                padding: 5px; } }
            .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-archivo span {
              margin: 0px 0px 0px 10px;
              color: #F57423;
              font-size: 14px; }
              @media screen and (max-width: 575px) {
                .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-archivo span {
                  margin: 0px 5px 0px 0px;
                  font-size: 13px; } }
            .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje .container-adjuntos .container-archivos .container-archivo svg {
              height: auto;
              width: 10px; }
      .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje.comprimido {
        flex-direction: row;
        align-items: flex-start;
        padding: 20px 0px;
        gap: 0px;
        border: none;
        border-radius: 0px; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .mensaje.comprimido .mostrar-respuestas-compirmidas {
          padding-left: 10px;
          color: #00377C;
          font-weight: bold;
          cursor: pointer; }
      .message-detail-container .respuestas-container .respuesta-hilo-mensajes .emisor-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
        padding: 5px 15px; }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .emisor-info .emisor-icon {
          position: relative; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .emisor-info .emisor-icon .flecha-icono {
            position: absolute;
            top: -17px;
            left: 50%;
            transform: translateX(-46%); }
        .message-detail-container .respuestas-container .respuesta-hilo-mensajes .emisor-info .info {
          display: flex;
          flex-direction: column; }
          .message-detail-container .respuestas-container .respuesta-hilo-mensajes .emisor-info .info p {
            font-size: 14px;
            color: #00377C;
            margin: 0px; }
    .message-detail-container .respuestas-container .respuesta-hilo-mensajes.icono-lado-derecho .emisor-info {
      flex-direction: row-reverse; }
      .message-detail-container .respuestas-container .respuesta-hilo-mensajes.icono-lado-derecho .emisor-info .info {
        text-align: right; }
    .message-detail-container .respuestas-container .responder-todos-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      width: 100%;
      margin: 15px 0px; }
    .message-detail-container .respuestas-container .destinatario-info {
      display: flex;
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      color: #00377C;
      border-radius: 8px;
      background-color: #E5F6FF; }
    .message-detail-container .respuestas-container .detail-message-text-editor {
      margin-bottom: 20px; }
  .message-detail-container .respuestas-container.no-border {
    border: none; }
  .message-detail-container .titulo {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #00377C;
    margin: 0px; }
  .message-detail-container .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold; }
    .message-detail-container .pill span {
      pointer-events: none; }
  .message-detail-container .pill.verde {
    color: #1CA690;
    background-color: #E6FFFA; }
  .message-detail-container .pill.yellow {
    color: #F2AA00;
    background-color: #FEF9E5; }
  .message-detail-container .pill.orange {
    color: #F76B1C;
    background-color: #FFF0E8; }
  .message-detail-container .emisor-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    color: #00377C;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    border-radius: 100%;
    background-color: #3FD6E8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .message-detail-container .secondary-btn {
    font-size: 14px;
    color: #F57423;
    background-color: #FFF0E8;
    box-shadow: none;
    border: none;
    outline: none; }
  .message-detail-container .primary-btn {
    font-size: 14px;
    color: #fff;
    background-color: #F57423;
    box-shadow: none;
    border: none;
    outline: none; }

.newmessage-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: scroll;
  color: #00377C;
  padding: 15px 20px;
  padding-bottom: 50px;
  background-color: white;
  overflow: auto; }
  @media screen and (max-width: 820px) {
    .newmessage-container {
      padding: 15px 20px 50px;
      height: auto;
      border-bottom: 1px solid #DFEAEC; } }
  .newmessage-container .header-newmessage {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%; }
    .newmessage-container .header-newmessage .header-content {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      font-size: 22px;
      font-weight: bold;
      color: #00377C;
      margin-bottom: 5px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .newmessage-container .header-newmessage .header-content .title {
          margin-left: 10px;
          font-size: 18px; } }
      .newmessage-container .header-newmessage .header-content .close {
        margin-left: auto;
        cursor: pointer; }
        @media screen and (max-width: 820px) {
          .newmessage-container .header-newmessage .header-content .close {
            display: none; } }
      .newmessage-container .header-newmessage .header-content .arrow {
        display: none; }
        @media screen and (max-width: 820px) {
          .newmessage-container .header-newmessage .header-content .arrow {
            display: block;
            font-size: 18px; } }
    .newmessage-container .header-newmessage .separador {
      position: absolute;
      bottom: 0;
      width: calc(100% + 40px);
      height: 1px;
      left: 50%;
      transform: translate(-50%);
      background-color: #DFEAEC; }
  .newmessage-container .body-new-mensaje {
    display: block;
    width: 100%; }
    .newmessage-container .body-new-mensaje .btn-enviar {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-top: 20px;
      color: #fff;
      background-color: #F57423;
      box-shadow: none; }
  .newmessage-container .sub-titulo {
    margin: 0px 0px 10px 0px;
    font-weight: bold; }
  .newmessage-container .destinatarios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin-bottom: 15px; }
    .newmessage-container .destinatarios p {
      margin: 0px; }
    .newmessage-container .destinatarios .blue {
      padding: 2px 10px;
      border-radius: 5px;
      line-height: 23px !important;
      font-weight: bold;
      color: #00377C;
      background-color: #E5F6FF;
      cursor: pointer; }
    .newmessage-container .destinatarios .orange {
      padding: 2px 10px;
      border-radius: 5px;
      line-height: 23px !important;
      font-weight: bold;
      color: #F76B1C;
      background-color: #FFF0E8;
      cursor: pointer; }
    @media screen and (max-width: 575px) {
      .newmessage-container .destinatarios .orange, .newmessage-container .destinatarios .blue {
        font-size: 12px; } }
    .newmessage-container .destinatarios .shadow-blue {
      box-shadow: 0px 0px 1px 2px #00377C59; }
    .newmessage-container .destinatarios .shadow-orange {
      box-shadow: 0px 0px 1px 2px #ffae81; }
  .newmessage-container .input-container {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px; }
    @media screen and (max-width: 575px) {
      .newmessage-container .input-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px; } }
    .newmessage-container .input-container p {
      margin: 0px;
      font-weight: bold; }
    .newmessage-container .input-container .ant-select .ant-select-selector,
    .newmessage-container .input-container .ant-select .ant-select-single,
    .newmessage-container .input-container .ant-input {
      border: 1px solid #D8D8D8;
      border-radius: 7px; }
    .newmessage-container .input-container .ant-select {
      width: calc( 100% - 95px); }
      @media screen and (max-width: 575px) {
        .newmessage-container .input-container .ant-select {
          width: 100%; } }
    .newmessage-container .input-container .orange {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: nowrap;
      white-space: nowrap;
      padding: 2px 10px;
      border-radius: 5px;
      width: 95px;
      max-width: 95px;
      line-height: 23px !important;
      font-weight: bold;
      color: #F76B1C;
      background-color: #FFF0E8;
      cursor: pointer; }
      @media screen and (max-width: 575px) {
        .newmessage-container .input-container .orange {
          margin-top: 8px; } }
  .newmessage-container .asunto {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px; }
    .newmessage-container .asunto p {
      font-weight: bold;
      color: #00377C;
      margin: 0px 10px 0px 0px; }
    .newmessage-container .asunto .ant-input {
      width: 100%;
      border: 1px solid #D8D8D8;
      border-radius: 7px; }
  .newmessage-container .detail-message-text-editor {
    margin-bottom: 20px; }
  .newmessage-container .container-buttons-new-message {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px; }
    .newmessage-container .container-buttons-new-message .btn-submit {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 'fit-content';
      padding: 17px 12px;
      font-size: 16px;
      outline: none;
      border: none;
      color: #fff;
      background-color: #F57423;
      box-shadow: none; }

.alert-private-message-modal-messenger {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  height: max-content;
  max-height: 80%;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #979797;
  border-top: 1px solid #E5F6FF;
  border-bottom: 1px solid #E5F6FF;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  @media screen and (max-width: 575px) {
    .alert-private-message-modal-messenger {
      width: 90vw; } }
  .alert-private-message-modal-messenger .titulo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 25px;
    color: #00377C;
    font-weight: bold;
    padding: 8px 16px 0px 16px; }
    .alert-private-message-modal-messenger .titulo span {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 12px; }
      .alert-private-message-modal-messenger .titulo span .alert-icon {
        height: auto;
        width: 25px;
        color: #F57423;
        fill: #F57423;
        transform: rotate(180deg); }
    .alert-private-message-modal-messenger .titulo .icon-close {
      height: auto;
      width: 25px;
      fill: #00377C;
      cursor: pointer; }
  .alert-private-message-modal-messenger .info {
    font-size: 14px;
    font-weight: bold;
    color: #00377C;
    margin: 0px;
    padding: 24px 16px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8; }
  .alert-private-message-modal-messenger .container-botones {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
    margin-top: 20px;
    padding: 0px 16px 16px 16px;
    color: #55A2E1; }
    .alert-private-message-modal-messenger .container-botones .primary-btn,
    .alert-private-message-modal-messenger .container-botones .cancel-btn {
      border: none;
      box-shadow: none;
      transition: none; }
    .alert-private-message-modal-messenger .container-botones .primary-btn {
      color: #fff !important;
      background-color: #F57423 !important; }
    .alert-private-message-modal-messenger .container-botones .cancel-btn {
      color: #F57423;
      background-color: #FFF0E8; }

.modal-planning-base-background {
  position: fixed;
  z-index: 3;
  background-color: #000;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 0px;
  opacity: 0.2; }

.filter-modal-messenger-container {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 325px;
  height: max-content;
  max-height: 80%;
  padding: 16px;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #979797;
  border-top: 1px solid #E5F6FF;
  border-bottom: 1px solid #E5F6FF;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  @media screen and (max-width: 575px) {
    .filter-modal-messenger-container {
      width: 90vw; } }
  .filter-modal-messenger-container .filter-selects-container {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .filter-modal-messenger-container .filter-selects-container .select-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 12px; }
      .filter-modal-messenger-container .filter-selects-container .select-container p {
        width: 100%;
        margin: 0px; }
      .filter-modal-messenger-container .filter-selects-container .select-container .ant-select {
        width: 100%; }
      .filter-modal-messenger-container .filter-selects-container .select-container .ant-select .ant-select-selector,
      .filter-modal-messenger-container .filter-selects-container .select-container .ant-select .ant-select-single {
        border: 1px solid #D8D8D8;
        border-radius: 7px; }
    .filter-modal-messenger-container .filter-selects-container .selects-fechas-container {
      display: flex;
      flex-direction: column; }
      .filter-modal-messenger-container .filter-selects-container .selects-fechas-container p {
        width: 100%;
        margin: 0px; }
      .filter-modal-messenger-container .filter-selects-container .selects-fechas-container .selects-fechas {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 10px; }
        .filter-modal-messenger-container .filter-selects-container .selects-fechas-container .selects-fechas .ant-picker {
          border: 1px solid #D8D8D8;
          border-radius: 7px; }
  .filter-modal-messenger-container .container-botones {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
    margin-top: 20px;
    color: #55A2E1; }
    .filter-modal-messenger-container .container-botones .primary-btn {
      color: #fff !important;
      background-color: #F57423 !important; }

.modal-planning-base-background {
  position: fixed;
  z-index: 3;
  background-color: #000;
  height: 100vh;
  width: 100vw;
  left: 0px;
  top: 0px;
  opacity: 0.2; }

@charset "UTF-8";
.messenger {
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
  padding-bottom: 100px;
  background-color: #FAFAFA;
  min-height: 100vh; }
  .messenger input,
  .messenger .ant-input {
    text-align: left;
    letter-spacing: normal;
    white-space: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
  .messenger .header-messenger {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 30px 0px;
    min-height: 20px; }
    @media screen and (max-width: 820px) {
      .messenger .header-messenger {
        padding: 10px 0px; } }
    .messenger .header-messenger .titulo {
      display: block;
      width: 100%;
      font-size: 22px;
      font-weight: bold;
      color: #00377C; }
      @media screen and (max-width: 820px) {
        .messenger .header-messenger .titulo {
          width: 80%;
          margin-left: 0; } }
    .messenger .header-messenger .primary-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      color: #fff !important;
      background-color: #F57423 !important; }
      .messenger .header-messenger .primary-btn span {
        text-align: center; }
      @media screen and (max-width: 575px) {
        .messenger .header-messenger .primary-btn {
          z-index: 3;
          position: fixed;
          bottom: 75px;
          left: 50%;
          transform: translate(-50%);
          width: 90vw;
          font-size: 16px; } }
  .messenger .body {
    display: flex;
    flex-direction: column;
    min-height: 700px !important;
    width: 100%; }
    @media screen and (max-width: 820px) {
      .messenger .body {
        min-height: auto; } }
    .messenger .body .container-pestañas {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 3px; }
      @media screen and (max-width: 820px) {
        .messenger .body .container-pestañas {
          justify-content: center; } }
      .messenger .body .container-pestañas .pestaña {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-wrap: nowrap;
        color: #00377C;
        border: 1px solid #DFEAEC;
        background-color: #fff;
        font-size: 14px;
        padding: 10px;
        min-width: 60px;
        border: 1px solid #D8D8D8;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: none;
        cursor: pointer;
        transition: background-color 150ms, color 150ms, border 150ms;
        font-weight: 600; }
        @media screen and (max-width: 820px) {
          .messenger .body .container-pestañas .pestaña {
            width: 400px;
            font-size: 16px; } }
      .messenger .body .container-pestañas .pestaña.actual {
        color: #fff;
        border: 1px solid #1CA690;
        background-color: #1CA690; }
    .messenger .body .container-sede-filtro {
      display: flex;
      flex-direction: row;
      background-color: #FFFF;
      padding: 8px 15px;
      width: 100%;
      color: #00377C;
      border: 1px solid #DFEAEC; }
    .messenger .body .ant-select .ant-select-selector,
    .messenger .body .ant-input {
      border: 1px solid #D8D8D8;
      border-radius: 7px; }
    .messenger .body .sede-select-input-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 10px;
      background-color: #fff; }
      @media screen and (max-width: 575px) {
        .messenger .body .sede-select-input-container {
          width: 100%; } }
      .messenger .body .sede-select-input-container p {
        margin: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #00377C; }
        @media screen and (max-width: 575px) {
          .messenger .body .sede-select-input-container p {
            width: 15%;
            text-align: center; } }
      .messenger .body .sede-select-input-container .ant-select {
        width: 200px;
        /* .ant-select-selection-item
                    font-weight: bold
                    border-radius: 7px
                    background-color: $green-dark-ligth
                    color: $green-dark
                    .ant-select-selection-item-remove
                        color: $green-dark
                        font-size: 16px */ }
        @media screen and (max-width: 575px) {
          .messenger .body .sede-select-input-container .ant-select {
            width: 85%; } }
    .messenger .body .column-options {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      background-color: #FFFF;
      padding: 8px 15px;
      width: 100%;
      color: #00377C;
      border: 1px solid #DFEAEC; }
      @media screen and (max-width: 820px) {
        .messenger .body .column-options {
          flex-direction: column-reverse; } }
      .messenger .body .column-options .options {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        overflow-y: none;
        cursor: pointer;
        margin-right: 15px; }
        @media screen and (max-width: 820px) {
          .messenger .body .column-options .options {
            justify-content: space-around;
            font-size: 14px;
            gap: 15px;
            margin-right: 0px;
            margin-top: 10px; } }
        .messenger .body .column-options .options p {
          text-align: center;
          min-width: 115px;
          border-bottom: 3px solid #D8D8D8;
          padding: 6px;
          margin: 0px;
          transition: border-bottom 150ms; }
        .messenger .body .column-options .options p.actual {
          border-bottom: 3px solid #1CA690; }
    .messenger .body .messenger-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      min-height: 500px;
      width: 100%; }
      .messenger .body .messenger-container .columna-1, .messenger .body .messenger-container .columna-2 {
        min-height: 580px; }
        @media screen and (max-width: 820px) {
          .messenger .body .messenger-container .columna-1, .messenger .body .messenger-container .columna-2 {
            height: 100%;
            min-height: 100%; } }
      .messenger .body .messenger-container .columna-1 {
        display: flex;
        flex-direction: column;
        width: 49.5%;
        background-color: #fff;
        border: 1px solid #DFEAEC;
        border-top: none; }
        @media screen and (max-width: 820px) {
          .messenger .body .messenger-container .columna-1 {
            width: 100%;
            background-color: #FAFAFA;
            border: none; } }
        .messenger .body .messenger-container .columna-1 .input-search-container {
          padding: 20px 15px;
          display: flex;
          flex-direction: row;
          gap: 5px;
          border-bottom: 1px solid #DFEAEC; }
          @media screen and (max-width: 820px) {
            .messenger .body .messenger-container .columna-1 .input-search-container {
              padding: 20px 10px;
              border-bottom: none; } }
          .messenger .body .messenger-container .columna-1 .input-search-container .input-container {
            display: block;
            position: relative;
            padding-right: 5px;
            width: 100%; }
            .messenger .body .messenger-container .columna-1 .input-search-container .input-container .ant-input {
              padding-right: 33px;
              background-color: #fff;
              box-shadow: none; }
            .messenger .body .messenger-container .columna-1 .input-search-container .input-container .icon-search {
              display: block;
              position: absolute;
              height: auto;
              width: 24px;
              top: 50%;
              transform: translateY(-50%);
              right: 10px; }
          .messenger .body .messenger-container .columna-1 .input-search-container .search-filter {
            margin-left: auto;
            background-color: #E5F6FF; }
        .messenger .body .messenger-container .columna-1 .ant-table-wrapper {
          padding: 0px !important; }
        .messenger .body .messenger-container .columna-1 .table-messages {
          position: 100%;
          overflow-y: auto;
          height: 450px;
          width: 100%; }
          @media screen and (max-width: 820px) {
            .messenger .body .messenger-container .columna-1 .table-messages {
              height: 100%;
              border: 1px solid #DFEAEC;
              background-color: #fff; } }
          .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead {
            display: none; }
          .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell {
            padding: 0; }
            .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              align-items: center;
              justify-content: space-between;
              height: auto;
              width: 100%;
              padding: 7px 15px;
              border-bottom: 1px solid #DFEAEC;
              background: white;
              cursor: pointer; }
              @media screen and (max-width: 820px) {
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container {
                  padding: 7px; } }
              .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .candado {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 25px;
                min-width: 25px; }
                @media screen and (max-width: 820px) {
                  .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .candado {
                    width: 20px;
                    min-width: 20px; } }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .candado svg {
                  width: 100%; }
              .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                width: 100%;
                padding-left: 15px; }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje p {
                  margin: 0px; }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .header-message {
                  display: flex;
                  flex-direction: column;
                  width: 100%;
                  padding-right: 10px;
                  font-weight: bold;
                  font-size: 14px; }
                  .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .header-message .titulo-mensaje {
                    color: #00377C; }
                  .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .header-message .person {
                    color: #1CA690; }
                  .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .header-message .date {
                    color: #979797; }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .need-approve {
                  display: block;
                  padding: 0px 10px;
                  border-radius: 10px;
                  font-size: 14px;
                  font-weight: bold;
                  color: #F2AA00;
                  background-color: #FEF9E5; }
                  @media screen and (max-width: 820px) {
                    .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .need-approve {
                      font-size: 12px; } }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .clip-icon {
                  height: auto;
                  width: 25px;
                  min-width: 25px;
                  color: #00377C;
                  margin-left: 10px;
                  cursor: pointer; }
                  @media screen and (max-width: 820px) {
                    .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .clip-icon {
                      width: 18px;
                      min-width: 18px; } }
                .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .dropdown-opciones-tabla {
                  display: none; }
                  @media screen and (max-width: 820px) {
                    .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container .contenido-mensaje .dropdown-opciones-tabla {
                      display: block; } }
            .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container.cursor-bloqueado {
              cursor: not-allowed; }
            @media screen and (max-width: 820px) {
              .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container.ultimo-mensaje {
                border-bottom: none; } }
            .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container.mensaje-leido {
              background-color: #F2F2F2; }
              .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container.mensaje-leido .header-message {
                font-weight: normal; }
            .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container:hover {
              background-color: #efefef3c; }
              .messenger .body .messenger-container .columna-1 .table-messages .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody .ant-table-row .ant-table-cell .mensaje-option-container:hover .dropdown-opciones-tabla {
                display: block; }
        .messenger .body .messenger-container .columna-1 .navegacion-tabla-container {
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
          align-items: center;
          padding: 10px;
          width: 100%;
          border-top: 1px solid #DFEAEC; }
          @media screen and (max-width: 820px) {
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container {
              padding: 10px 0px;
              margin-bottom: 20px;
              border-top: none; } }
          .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container {
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            flex-wrap: nowrap;
            gap: 10px;
            transition: opacity 150ms; }
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container span {
              color: #00377C;
              font-size: 14px; }
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container div {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 32px;
              max-height: 32px;
              width: 32px;
              max-width: 32px;
              padding: 10px;
              border: 1px solid #D8D8D8;
              border-radius: 5px;
              cursor: pointer;
              background-color: #fff; }
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container .gris {
              fill: #979797;
              cursor: default; }
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container .azul {
              fill: #00377C; }
            .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container .cursor-default {
              cursor: default; }
          .messenger .body .messenger-container .columna-1 .navegacion-tabla-container .paginas-container.disabled {
            opacity: 0.5;
            pointer-events: none; }
      .messenger .body .messenger-container .columna-2 {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: flex-start;
        width: 49.5%;
        height: 100%;
        background-color: #fff;
        border: 1px solid #DFEAEC;
        border-top: none; }
        @media screen and (max-width: 820px) {
          .messenger .body .messenger-container .columna-2 {
            width: 100%;
            border-top: none;
            border-bottom: none; } }
        .messenger .body .messenger-container .columna-2 .sin-mensaje-seleccionado-container {
          display: flex;
          flex-direction: column;
          margin: auto;
          width: 100%;
          height: 100%; }
          .messenger .body .messenger-container .columna-2 .sin-mensaje-seleccionado-container img {
            height: auto;
            width: 50%;
            min-width: 230px;
            margin: 0px auto; }
            @media screen and (max-width: 820px) {
              .messenger .body .messenger-container .columna-2 .sin-mensaje-seleccionado-container img {
                width: 70%; } }
          .messenger .body .messenger-container .columna-2 .sin-mensaje-seleccionado-container .mensaje-sin-seleccion {
            width: 100%;
            text-align: center;
            padding: 0px 5px 15px 5px;
            font-size: 15px;
            color: #00377C;
            font-weight: bold; }
      .messenger .body .messenger-container .columna-1.border-top-columna,
      .messenger .body .messenger-container .columna-2.border-top-columna {
        border-top: 1px solid #DFEAEC; }
      @media screen and (max-width: 820px) {
        .messenger .body .messenger-container .columna-2.border-top-columna {
          border-top: none;
          border-bottom: none; } }

.opciones-dropdown {
  display: flex;
  flex-direction: column;
  width: 170px;
  height: auto;
  border: 1px solid #dfeaec;
  border-radius: 5px;
  padding: 0px 0px; }
  .opciones-dropdown .dropdown-opcion-tabla {
    color: #00377C;
    font-size: 14px;
    border-bottom: 1px solid #c3c3c3; }
  .opciones-dropdown .dropdown-opcion-tabla:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .opciones-dropdown .dropdown-opcion-tabla:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none; }

.messenger.no-padding {
  padding-left: 0px;
  padding-right: 0px; }

.ant-table-tbody > tr > td {
  border-bottom: none; }

.hide {
  display: none; }

.modal-behavior {
  border-radius: 1rem;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 24px 0 rgba(0, 55, 124, 0.25);
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-height: 80%;
  height: auto; }
  @media screen and (max-width: 575px) {
    .modal-behavior {
      max-width: 95%; } }
  @media screen and (min-width: 575px) {
    .modal-behavior {
      max-width: 600px;
      min-width: 500px; } }
  .modal-behavior p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .modal-behavior .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6rem;
    margin-bottom: 1.5rem; }
    .modal-behavior .header p {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-behavior .header .button-close {
      padding: 0;
      border: none;
      box-shadow: none; }
      .modal-behavior .header .button-close .icon-close, .modal-behavior .header .button-close .icon-back {
        color: #00497D; }
      .modal-behavior .header .button-close .icon-close {
        font-size: 16px !important; }
      .modal-behavior .header .button-close .icon-back {
        font-size: 24px !important;
        display: none; }
        @media screen and (min-width: 575px) {
          .modal-behavior .header .button-close .icon-back {
            display: none; } }
  .modal-behavior .content {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .modal-behavior .content .content-type-modal {
      font-weight: bold;
      border-radius: 25px;
      padding: 3px 20px;
      width: fit-content; }
    .modal-behavior .content .content-diagnostic-modal {
      border-radius: 25px;
      padding: 3px 20px;
      width: fit-content; }
    .modal-behavior .content p {
      font-weight: 400; }
    .modal-behavior .content span {
      font-weight: 700;
      color: #00377C; }
    .modal-behavior .content .content-header {
      display: flex;
      flex-direction: row;
      gap: 30px;
      margin-bottom: 1rem;
      align-items: center; }
    .modal-behavior .content .content-header div {
      flex-direction: column;
      gap: 2px; }
      .modal-behavior .content .content-header div .content-header-date {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .modal-behavior .content .content-header div .content-header-date .kb-icon {
          margin-right: 0px; }
    .modal-behavior .content .content-header-text {
      align-content: center;
      height: 40px; }
    .modal-behavior .content .adjuntos-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      gap: 5px;
      padding: 5px;
      border: 2px solid #DFEAEC;
      border-radius: 10px;
      overflow-x: auto; }
      .modal-behavior .content .adjuntos-container .adjunto-container {
        width: 80px;
        max-width: 80px;
        height: 80px;
        border: 2px solid #DFEAEC;
        border-radius: 5px;
        cursor: pointer; }
        .modal-behavior .content .adjuntos-container .adjunto-container img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .modal-behavior .content .adjuntos-container .adjunto-container .adjunto-no-imagen {
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 100%;
          gap: 5px;
          padding: 5px; }
          .modal-behavior .content .adjuntos-container .adjunto-container .adjunto-no-imagen svg {
            width: 30px;
            height: 30px; }
          .modal-behavior .content .adjuntos-container .adjunto-container .adjunto-no-imagen p {
            font-weight: 700;
            color: #00377C;
            font-size: 12px !important;
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis; }
      .modal-behavior .content .adjuntos-container .sin-adjuntos-mensaje {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        padding: 5px 10px; }

.modal-diagnostic-evaluation-container {
  min-width: 500px;
  border-radius: 1rem;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 24px 0 rgba(0, 55, 124, 0.25);
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-height: 80%;
  height: auto; }
  @media screen and (max-width: 575px) {
    .modal-diagnostic-evaluation-container {
      max-width: 95%;
      min-width: 0px; } }
  .modal-diagnostic-evaluation-container p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .modal-diagnostic-evaluation-container .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6rem;
    margin-bottom: 1.5rem; }
    .modal-diagnostic-evaluation-container .header p {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-diagnostic-evaluation-container .header .button-close {
      padding: 0;
      border: none;
      box-shadow: none; }
      .modal-diagnostic-evaluation-container .header .button-close .icon-close, .modal-diagnostic-evaluation-container .header .button-close .icon-back {
        color: #00497D; }
      .modal-diagnostic-evaluation-container .header .button-close .icon-close {
        font-size: 16px !important; }
      .modal-diagnostic-evaluation-container .header .button-close .icon-back {
        font-size: 24px !important;
        display: none; }
        @media screen and (min-width: 575px) {
          .modal-diagnostic-evaluation-container .header .button-close .icon-back {
            display: none; } }
  .modal-diagnostic-evaluation-container .content {
    display: block;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 575px) {
      .modal-diagnostic-evaluation-container .content {
        display: block; } }
    .modal-diagnostic-evaluation-container .content .content-diagnostic {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .modal-diagnostic-evaluation-container .content .content-diagnostic .date-inputs-container {
        display: flex;
        flex-direction: row;
        gap: 30px; }
    .modal-diagnostic-evaluation-container .content .content-header div:nth-child(2) {
      flex-grow: 1; }
    .modal-diagnostic-evaluation-container .content .select-type {
      background-color: #E5FFFA;
      color: #1CA690 !important;
      font-weight: bold !important;
      border-radius: 25px;
      padding: 0px 10px;
      width: fit-content;
      font-size: 14px !important; }
    .modal-diagnostic-evaluation-container .content .select {
      width: 100%;
      display: flex;
      min-width: 10rem;
      margin-bottom: 1rem; }
      .modal-diagnostic-evaluation-container .content .select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-diagnostic-evaluation-container .content .select .ant-select-selector span {
          color: #00377C;
          font-size: 14px !important;
          font-weight: 400; }
      .modal-diagnostic-evaluation-container .content .select span .anticon {
        color: #00377C;
        font-size: 8px; }
    .modal-diagnostic-evaluation-container .content .check {
      display: flex;
      align-items: center;
      gap: .5rem;
      color: #00377C; }
      .modal-diagnostic-evaluation-container .content .check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background: #00377C;
        border-color: #00377C; }
  .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    margin-top: 5px; }
    .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica #inputArchivosEvaluacionDiagnostica {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
    .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica {
      display: flex;
      position: relative;
      justify-content: center;
      flex-direction: row-reverse;
      align-items: center;
      flex-wrap: nowrap;
      gap: 20px;
      width: 100%;
      padding: 20px 30px;
      border: 1px dashed #D8D8D8;
      border-radius: 10px;
      cursor: pointer; }
      @media screen and (max-width: 820px) {
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica {
          flex-direction: column;
          padding: 15px 10px;
          gap: 0px; } }
      .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto {
        display: flex;
        flex-direction: column;
        text-align: center; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto span {
          font-size: 14px;
          color: #979797; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto .underline {
          text-decoration: underline; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto .azul {
          font-size: 16px;
          color: #00377C; }
    .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 5px;
      margin-top: 15px; }
      .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .titulo-lista-adjuntos {
        font-weight: bold;
        font-size: 14px; }
      .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 2px 10px;
        border: 1px solid #D8D8D8;
        border-radius: 2px;
        background-color: #fff;
        transition: background-color 150ms; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto span {
          font-size: 14px;
          color: #00377C;
          width: 100%; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto svg {
          cursor: pointer; }
        .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto .cursor-block {
          cursor: not-allowed; }
      .modal-diagnostic-evaluation-container .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto:hover {
        background-color: #d8d8d850; }
  .modal-diagnostic-evaluation-container .button-assign {
    background: #F76B1C;
    border-radius: .5rem;
    color: #ffffff;
    font-weight: bold;
    float: right;
    border: none;
    box-shadow: none; }

.dragger-body {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center; }
  .dragger-body svg {
    fill: #00377C; }
  .dragger-body .dragger-body-text {
    color: #00377C;
    font-size: 14px !important;
    font-weight: 400; }
    .dragger-body .dragger-body-text span {
      text-decoration: underline; }
    .dragger-body .dragger-body-text .dragger-phrase {
      display: flex; }

.button-group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: end; }

.modal-behavior-delete {
  border-radius: 1rem;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 24px 0 rgba(0, 55, 124, 0.25);
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-height: 80%;
  height: auto; }
  @media screen and (max-width: 575px) {
    .modal-behavior-delete {
      max-width: 95%; } }
  @media screen and (min-width: 575px) {
    .modal-behavior-delete {
      max-width: 439px;
      min-width: 339px; } }
  .modal-behavior-delete p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .modal-behavior-delete .header div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px; }
    .modal-behavior-delete .header div svg {
      fill: #F76B1C;
      width: 17px;
      height: 17px; }
  .modal-behavior-delete .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6rem;
    margin-bottom: 1.5rem; }
    .modal-behavior-delete .header p {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-behavior-delete .header .button-close {
      padding: 0px 10px;
      border: none;
      box-shadow: none; }
      .modal-behavior-delete .header .button-close .icon-close, .modal-behavior-delete .header .button-close .icon-back {
        color: #00497D; }
      .modal-behavior-delete .header .button-close .icon-close {
        font-size: 16px !important; }
      .modal-behavior-delete .header .button-close .icon-back {
        font-size: 24px !important;
        display: none; }
        @media screen and (min-width: 575px) {
          .modal-behavior-delete .header .button-close .icon-back {
            display: none; } }
  .modal-behavior-delete .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    margin-bottom: 20px; }
    .modal-behavior-delete .content p {
      font-weight: 400; }
    .modal-behavior-delete .content span {
      font-weight: 700;
      color: #00377C; }

.button-group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: end; }
  .button-group .button-assign {
    background: #F76B1C;
    border-radius: .5rem;
    color: #ffffff;
    font-weight: bold;
    float: right;
    border: none;
    box-shadow: none; }

.healt-nutrition-container {
  color: #00377C;
  display: grid;
  grid-gap: 56px; }
  .healt-nutrition-container .item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 16px; }
    .healt-nutrition-container .item-grid .item {
      margin-bottom: 24px; }
      .healt-nutrition-container .item-grid .item p {
        color: #00377C;
        font-weight: bold;
        font-size: 14px !important; }
      .healt-nutrition-container .item-grid .item .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        color: #00377C;
        padding: 4px 8px;
        resize: none; }
      .healt-nutrition-container .item-grid .item ::placeholder {
        color: #00377C; }
      .healt-nutrition-container .item-grid .item .ant-input-disabled {
        color: #00377C !important;
        background-color: #fff !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important; }
      .healt-nutrition-container .item-grid .item .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        min-width: 100%;
        padding: 0;
        text-transform: capitalize; }
        .healt-nutrition-container .item-grid .item .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .healt-nutrition-container .item-grid .item .ant-select .ant-select-selector span {
            font-size: 14px !important; }
        .healt-nutrition-container .item-grid .item .ant-select span {
          color: #00377C;
          font-size: 10px !important; }
      .healt-nutrition-container .item-grid .item .ant-select-disabled {
        cursor: context-menu !important;
        padding-left: 0; }
        .healt-nutrition-container .item-grid .item .ant-select-disabled .ant-select-selector {
          background-color: #fff !important;
          border: none !important;
          padding-left: 0 !important;
          cursor: context-menu !important; }
          .healt-nutrition-container .item-grid .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
            cursor: context-menu !important; }
        .healt-nutrition-container .item-grid .item .ant-select-disabled .ant-select-arrow {
          display: none; }
  .healt-nutrition-container .item-table {
    display: grid;
    grid-gap: 16px; }
    .healt-nutrition-container .item-table .item-table-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .healt-nutrition-container .item-table .item-table-header h3 {
        color: #00377C;
        font-size: 24px !important;
        font-weight: 800;
        margin-bottom: 0px; }
      .healt-nutrition-container .item-table .item-table-header button {
        box-shadow: none;
        border: none;
        border-radius: 8px;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        font-weight: bold;
        font-size: 16px !important;
        background-color: #FEF4E7;
        color: #F76B1C; }
    .healt-nutrition-container .item-table .table-evaluation-health {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      overflow-x: scroll;
      overflow-y: scroll; }
      .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
        border-radius: 4px; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
          background-color: #fff;
          border-bottom: 1px solid #DFEAEC;
          font-size: 14px !important;
          font-weight: 800;
          color: #00377C;
          padding: 8px 24px; }
          .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
            padding: 0px; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .hide-cell {
          display: none; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
          text-align: right; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
          border-bottom: 1px solid #DFEAEC;
          white-space: nowrap;
          padding: 16px 16px;
          width: 80px; }
          .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
            color: #00377C;
            margin: 0px;
            font-size: 14px !important; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell {
          display: flex;
          width: auto;
          align-items: center; }
          .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button {
            display: flex;
            align-items: center;
            box-shadow: none;
            border: none;
            padding: 4px 8px;
            margin-right: 8px;
            background-color: #ffffff00;
            color: #00377C; }
            .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:first-of-type {
              margin-left: auto; }
            .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:last-of-type {
              margin-right: 0px; }
            .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:disabled {
              color: #d5d5d5; }
            .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button span {
              font-size: 20px !important; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .period-cell {
          min-width: 195px; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .date-cell {
          min-width: 180px; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .diagnosis-cell {
          min-width: 200px; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .hide-cell {
          display: none; }
        .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .acciones-container {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 15px;
          width: fit-content; }
      .healt-nutrition-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-pagination {
        padding: 0px 16px; }
    .healt-nutrition-container .item-table .table-evaluation-health::-webkit-scrollbar {
      height: .75rem; }
    .healt-nutrition-container .item-table .table-evaluation-health::-webkit-scrollbar-track {
      border-radius: 4px; }
    .healt-nutrition-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb {
      background: #00ADD1;
      border-radius: 4px; }
    .healt-nutrition-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb:hover {
      background: #00ADD1; }
    .healt-nutrition-container .item-table .student-observation-detail-container {
      display: grid;
      border: 1px solid #DFEAEC;
      border-radius: 4px;
      margin-bottom: 70px; }
    .healt-nutrition-container .item-table .student-observation-detail-header {
      border-bottom: 1px solid #DFEAEC;
      padding: 4px 8px;
      display: flex;
      justify-content: space-between; }
      .healt-nutrition-container .item-table .student-observation-detail-header button {
        border: none;
        box-shadow: none;
        color: #00377C;
        font-size: 16px !important; }
    .healt-nutrition-container .item-table .student-observation-detal-body {
      display: grid;
      grid-gap: 24px;
      padding: 32px 64px; }
      @media screen and (max-width: 720px) {
        .healt-nutrition-container .item-table .student-observation-detal-body {
          padding: 16px; } }
      .healt-nutrition-container .item-table .student-observation-detal-body .observation-date {
        display: flex;
        margin-left: auto;
        color: #003057;
        font-size: 12px !important; }
      .healt-nutrition-container .item-table .student-observation-detal-body p {
        margin: 0px;
        font-size: 16px !important;
        color: #00377C;
        white-space: pre-wrap; }
      .healt-nutrition-container .item-table .student-observation-detal-body button {
        border-radius: 4px;
        background-color: #E5FDFF;
        color: #00377C;
        font-size: 14px !important;
        border: none;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center; }
        .healt-nutrition-container .item-table .student-observation-detal-body button:hover {
          color: #F76B1C; }
        .healt-nutrition-container .item-table .student-observation-detal-body button p {
          margin: 0px;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 350px; }
          @media screen and (max-width: 720px) {
            .healt-nutrition-container .item-table .student-observation-detal-body button p {
              max-width: 250px; } }
          @media screen and (max-width: 575px) {
            .healt-nutrition-container .item-table .student-observation-detal-body button p {
              max-width: 275px; } }
          @media screen and (max-width: 360px) {
            .healt-nutrition-container .item-table .student-observation-detal-body button p {
              max-width: 215px; } }
      .healt-nutrition-container .item-table .student-observation-detal-body .student-observation-links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        .healt-nutrition-container .item-table .student-observation-detal-body .student-observation-links-container button {
          margin: 0px 10px 10px 0px; }
    .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end;
      width: 100%; }
      .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica .paginas-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: nowrap;
        gap: 10px;
        transition: opacity 150ms; }
        .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica .paginas-container span {
          color: #00377C;
          font-size: 14px; }
        .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica .paginas-container div {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 32px;
          max-height: 32px;
          width: 32px;
          max-width: 32px;
          padding: 10px;
          border: 1px solid #D8D8D8;
          border-radius: 5px;
          cursor: pointer;
          background-color: #fff; }
        .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica .paginas-container .gris {
          fill: #979797;
          cursor: default; }
        .healt-nutrition-container .item-table .navegacion-tabla-evaluacion-diagnostica .paginas-container .azul {
          fill: #00377C; }

.development-container {
  display: flex;
  flex-direction: column;
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .development-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .development-container p {
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .development-container .column {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .development-container .item {
    margin-bottom: 24px; }
  .development-container .item:last-of-type {
    margin-bottom: 15px; }
  .development-container .ant-input {
    border: 1px solid #DFEAEC;
    font-feature-settings: normal;
    font-variant: normal;
    color: #00377C;
    padding: 4px 8px;
    resize: none; }
  .development-container ::placeholder {
    color: #00377C; }
  .development-container .ant-input-disabled {
    color: #00377C !important;
    background-color: #fff !important;
    border: none;
    padding-left: 0;
    cursor: context-menu !important; }
  .development-container ::placeholder {
    color: #00377C; }
  .development-container .ant-checkbox-wrapper {
    margin-right: 12px; }
    .development-container .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .development-container .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background: #00377C !important;
      border: none; }
      .development-container .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
        border-color: #ffffff; }
  .development-container .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner {
    border: 1px solid #00377C; }
  .development-container .item-table {
    display: grid;
    width: 100%; }
    .development-container .item-table .item-table-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .development-container .item-table .item-table-header h3 {
        color: #00377C;
        font-size: 24px !important;
        font-weight: 800;
        margin-bottom: 0px; }
      .development-container .item-table .item-table-header button {
        box-shadow: none;
        border: none;
        border-radius: 8px;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        font-weight: bold;
        font-size: 16px !important;
        background-color: #FEF4E7;
        color: #F76B1C; }
    .development-container .item-table .table-evaluation-health {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      overflow-x: scroll;
      overflow-y: scroll; }
      .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
        border-radius: 4px; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
          background-color: #fff;
          border-bottom: 1px solid #DFEAEC;
          font-size: 14px !important;
          font-weight: 800;
          color: #00377C;
          padding: 8px 24px; }
          .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
            padding: 0px; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .hide-cell {
          display: none; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
          text-align: right; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
          border-bottom: 1px solid #DFEAEC;
          white-space: nowrap;
          padding: 16px 16px;
          width: 80px; }
          .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
            color: #00377C;
            margin: 0px;
            font-size: 14px !important; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell {
          display: flex;
          width: auto;
          align-items: center; }
          .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button {
            display: flex;
            align-items: center;
            box-shadow: none;
            border: none;
            padding: 4px 8px;
            margin-right: 8px;
            background-color: #ffffff00;
            color: #00377C; }
            .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:first-of-type {
              margin-left: auto; }
            .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:last-of-type {
              margin-right: 0px; }
            .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button:disabled {
              color: #d5d5d5; }
            .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell button span {
              font-size: 20px !important; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .period-cell {
          min-width: 195px; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .date-cell {
          min-width: 180px; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .diagnosis-cell {
          min-width: 200px; }
        .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .hide-cell {
          display: none; }
      .development-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-pagination {
        padding: 0px 16px; }
    .development-container .item-table .table-evaluation-health::-webkit-scrollbar {
      height: .75rem; }
    .development-container .item-table .table-evaluation-health::-webkit-scrollbar-track {
      border-radius: 4px; }
    .development-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb {
      background: #00ADD1;
      border-radius: 4px; }
    .development-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb:hover {
      background: #00ADD1; }
    .development-container .item-table .student-observation-detail-container {
      display: grid;
      border: 1px solid #DFEAEC;
      border-radius: 4px;
      margin-bottom: 70px; }
    .development-container .item-table .student-observation-detail-header {
      border-bottom: 1px solid #DFEAEC;
      padding: 4px 8px;
      display: flex;
      justify-content: space-between; }
      .development-container .item-table .student-observation-detail-header button {
        border: none;
        box-shadow: none;
        color: #00377C;
        font-size: 16px !important; }
    .development-container .item-table .student-observation-detal-body {
      display: grid;
      grid-gap: 24px;
      padding: 32px 64px; }
      @media screen and (max-width: 720px) {
        .development-container .item-table .student-observation-detal-body {
          padding: 16px; } }
      .development-container .item-table .student-observation-detal-body .observation-date {
        display: flex;
        margin-left: auto;
        color: #003057;
        font-size: 12px !important; }
      .development-container .item-table .student-observation-detal-body p {
        margin: 0px;
        font-size: 16px !important;
        color: #00377C;
        white-space: pre-wrap; }
      .development-container .item-table .student-observation-detal-body button {
        border-radius: 4px;
        background-color: #E5FDFF;
        color: #00377C;
        font-size: 14px !important;
        border: none;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center; }
        .development-container .item-table .student-observation-detal-body button:hover {
          color: #F76B1C; }
        .development-container .item-table .student-observation-detal-body button p {
          margin: 0px;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 350px; }
          @media screen and (max-width: 720px) {
            .development-container .item-table .student-observation-detal-body button p {
              max-width: 250px; } }
          @media screen and (max-width: 575px) {
            .development-container .item-table .student-observation-detal-body button p {
              max-width: 275px; } }
          @media screen and (max-width: 360px) {
            .development-container .item-table .student-observation-detal-body button p {
              max-width: 215px; } }
      .development-container .item-table .student-observation-detal-body .student-observation-links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        .development-container .item-table .student-observation-detal-body .student-observation-links-container button {
          margin: 0px 10px 10px 0px; }

.student-family-container {
  display: grid;
  grid-gap: 32px; }
  .student-family-container .item {
    display: grid;
    grid-gap: 16px; }
    .student-family-container .item h3 {
      color: #00377C;
      margin: 0px;
      font-size: 24px !important;
      font-weight: 800; }
    .student-family-container .item .data-item {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 225px));
      grid-gap: 32px; }
      @media screen and (max-width: 720px) {
        .student-family-container .item .data-item {
          grid-gap: 16px; } }
      @media screen and (max-width: 575px) {
        .student-family-container .item .data-item {
          grid-template-columns: repeat(1, 1fr); } }
      .student-family-container .item .data-item p {
        color: #00377C;
        margin: 0px;
        font-size: 14px !important;
        font-weight: bold; }
      .student-family-container .item .data-item .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        width: 100%;
        color: #00377C; }
        .student-family-container .item .data-item .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .student-family-container .item .data-item .ant-select .ant-select-selector .ant-select-selection-placeholder {
            color: #00377C; }
        .student-family-container .item .data-item .ant-select .ant-select-arrow {
          font-size: 10px !important;
          color: #00377C; }
      .student-family-container .item .data-item .ant-select-disabled .ant-select-selector {
        border: none;
        background-color: #fff;
        padding-left: 0px;
        color: #00377C; }
      .student-family-container .item .data-item .ant-select-disabled .ant-select-arrow {
        display: none; }
      .student-family-container .item .data-item .ant-input-disabled {
        border: none;
        background-color: #fff;
        padding-left: 0px;
        color: #00377C; }
    .student-family-container .item .student-who-lives-table {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      overflow-x: scroll;
      overflow-y: scroll; }
      .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
        border-radius: 4px; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
          background-color: #fff;
          border-bottom: 1px solid #DFEAEC;
          font-size: 14px !important;
          font-weight: 800;
          color: #00377C;
          padding: 8px 24px; }
          .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
            padding: 0px; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .hide-cell {
          display: none; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
          text-align: right; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
          border-bottom: 1px solid #DFEAEC;
          white-space: nowrap;
          padding: 16px 16px;
          vertical-align: baseline; }
          .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
            color: #00377C;
            margin: 0px;
            font-size: 14px !important; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container {
          display: flex;
          width: auto;
          align-items: center; }
          .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button {
            display: flex;
            align-items: center;
            box-shadow: none;
            border: none;
            padding: 4px 8px;
            margin-right: 8px;
            background-color: #ffffff00;
            color: #00377C; }
            .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:first-of-type {
              margin-left: auto; }
            .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:last-of-type {
              margin-right: 0px; }
            .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:disabled {
              color: #d5d5d5; }
            .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button span {
              font-size: 20px !important; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell {
          max-width: 450px; }
          .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell p {
            white-space: pre-wrap; }
        .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .hide-cell {
          display: none; }
      .student-family-container .item .student-who-lives-table .ant-spin-nested-loading .ant-spin-container .ant-pagination {
        padding: 0px 16px; }
    .student-family-container .item .student-who-lives-table::-webkit-scrollbar {
      height: .75rem; }
    .student-family-container .item .student-who-lives-table::-webkit-scrollbar-track {
      border-radius: 4px; }
    .student-family-container .item .student-who-lives-table::-webkit-scrollbar-thumb {
      background: #00ADD1;
      border-radius: 4px; }
    .student-family-container .item .student-who-lives-table::-webkit-scrollbar-thumb:hover {
      background: #00ADD1; }
  .student-family-container .item.antecedentes-laborales {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    .student-family-container .item.antecedentes-laborales h3 {
      width: 100%; }
    .student-family-container .item.antecedentes-laborales .data-item {
      display: flex;
      flex-direction: column;
      width: 40%;
      padding: 0px;
      margin: 0px;
      grid-gap: 15px; }
      @media screen and (max-width: 720px) {
        .student-family-container .item.antecedentes-laborales .data-item {
          width: 100%; } }
      .student-family-container .item.antecedentes-laborales .data-item h4 {
        color: #00377C;
        margin: 0px;
        font-size: 20px;
        font-weight: 800; }
      .student-family-container .item.antecedentes-laborales .data-item .value-item {
        margin-bottom: 0px; }

.student-meetings-container {
  display: grid;
  grid-gap: 16px; }
  .student-meetings-container .student-meetings-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .student-meetings-container .student-meetings-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .student-meetings-container .student-meetings-header button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FEF4E7;
      color: #F76B1C; }
  .student-meetings-container .student-meetings-table {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    overflow-x: scroll;
    overflow-y: scroll; }
    .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
      border-radius: 4px; }
      .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
        background-color: #fff;
        border-bottom: 1px solid #DFEAEC;
        font-size: 14px !important;
        font-weight: 800;
        color: #00377C;
        padding: 8px 24px; }
        .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
          padding: 0px; }
      .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
        text-align: right; }
      .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
        border-bottom: 1px solid #DFEAEC;
        white-space: nowrap;
        padding: 16px 16px;
        vertical-align: baseline; }
        .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
          color: #00377C;
          margin: 0px;
          font-size: 14px !important; }
      .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container {
        display: flex;
        width: auto;
        align-items: center; }
        .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button {
          display: flex;
          align-items: center;
          box-shadow: none;
          border: none;
          padding: 4px 8px;
          margin-right: 8px;
          background-color: #ffffff00;
          color: #00377C; }
          .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:first-of-type {
            margin-left: auto; }
          .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:last-of-type {
            margin-right: 0px; }
          .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:disabled {
            color: #d5d5d5; }
          .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button span {
            font-size: 20px !important; }
      .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell {
        max-width: 450px; }
        .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell button {
          border: none;
          box-shadow: none;
          background-color: #ffffff00; }
          .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell button p {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 40vw; }
    .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-pagination {
      padding: 0px 16px; }
  .student-meetings-container .student-meetings-table::-webkit-scrollbar {
    height: .75rem; }
  .student-meetings-container .student-meetings-table::-webkit-scrollbar-track {
    border-radius: 4px; }
  .student-meetings-container .student-meetings-table::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .student-meetings-container .student-meetings-table::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }
  .student-meetings-container .student-meeting-detail-container {
    display: grid;
    border: 1px solid #DFEAEC;
    border-radius: 4px; }
    .student-meetings-container .student-meeting-detail-container .student-meeting-detail-header {
      border-bottom: 1px solid #DFEAEC;
      padding: 4px 8px;
      display: flex;
      justify-content: space-between; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detail-header button {
        border: none;
        box-shadow: none;
        color: #00377C;
        font-size: 16px !important; }
    .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body {
      display: grid;
      grid-gap: 24px;
      padding: 32px 64px; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button {
        border-radius: 4px;
        background-color: #E5FDFF;
        color: #00377C;
        font-size: 14px !important;
        border: none;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button:hover {
          color: #F76B1C; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button p {
          margin: 0px;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 350px; }
          @media screen and (max-width: 720px) {
            .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button p {
              max-width: 250px; } }
          @media screen and (max-width: 575px) {
            .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button p {
              max-width: 275px; } }
          @media screen and (max-width: 360px) {
            .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body button p {
              max-width: 215px; } }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .student-meeting-links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .student-meeting-links-container button {
          margin: 0px 10px 10px 0px; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-date {
        display: flex;
        margin-left: auto;
        color: #003057;
        font-size: 12px !important; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body p {
        margin: 0px;
        font-size: 16px !important;
        color: #00377C;
        white-space: pre-wrap; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-attendees, .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response {
        display: grid;
        grid-gap: 4px; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-attendees h4, .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response h4 {
          font-size: 16px !important;
          color: #00377C;
          font-weight: bold;
          margin: 0px; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-attendees p, .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response p {
          font-size: 14px !important; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-attendees textarea, .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response textarea {
          border: 1px solid #DFEAEC;
          color: #00377C;
          font-size: 14px !important;
          font-feature-settings: normal;
          font-variant: normal; }
      .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response {
        max-width: 720px; }
        .student-meetings-container .student-meeting-detail-container .student-meeting-detal-body .meeting-response button {
          margin-top: 8px;
          border: none;
          box-shadow: none;
          border-radius: 8px;
          padding: 4px 8px;
          display: flex;
          align-items: center;
          font-weight: bold;
          font-size: 16px !important;
          color: #fff;
          background-color: #F76B1C;
          margin-left: auto; }

.student-observations-container {
  display: grid;
  grid-gap: 16px; }
  .student-observations-container .student-observations-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .student-observations-container .student-observations-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .student-observations-container .student-observations-header button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FEF4E7;
      color: #F76B1C; }
  .student-observations-container .student-observations-table {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    overflow-x: scroll;
    overflow-y: scroll; }
    .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
      border-radius: 4px; }
      .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
        background-color: #fff;
        border-bottom: 1px solid #DFEAEC;
        font-size: 14px !important;
        font-weight: 800;
        color: #00377C;
        padding: 8px 24px; }
        .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
          padding: 0px; }
      .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
        text-align: right; }
      .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
        border-bottom: 1px solid #DFEAEC;
        white-space: nowrap;
        padding: 16px 16px;
        vertical-align: baseline; }
        .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
          color: #00377C;
          margin: 0px;
          font-size: 14px !important; }
      .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container {
        display: flex;
        width: auto;
        align-items: center; }
        .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button {
          display: flex;
          align-items: center;
          box-shadow: none;
          border: none;
          padding: 4px 8px;
          margin-right: 8px;
          background-color: #ffffff00;
          color: #00377C; }
          .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:first-of-type {
            margin-left: auto; }
          .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:last-of-type {
            margin-right: 0px; }
          .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:disabled {
            color: #d5d5d5; }
          .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button span {
            font-size: 20px !important; }
      .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell {
        max-width: 450px; }
        .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell button {
          border: none;
          box-shadow: none;
          background-color: #ffffff00; }
          .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell button p {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 40vw; }
    .student-observations-container .student-observations-table .ant-spin-nested-loading .ant-spin-container .ant-pagination {
      padding: 0px 16px; }
  .student-observations-container .student-observations-table::-webkit-scrollbar {
    height: .75rem; }
  .student-observations-container .student-observations-table::-webkit-scrollbar-track {
    border-radius: 4px; }
  .student-observations-container .student-observations-table::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .student-observations-container .student-observations-table::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }
  .student-observations-container .student-observation-detail-container {
    display: grid;
    border: 1px solid #DFEAEC;
    border-radius: 4px; }
    .student-observations-container .student-observation-detail-container .student-observation-detail-header {
      border-bottom: 1px solid #DFEAEC;
      padding: 4px 8px;
      display: flex;
      justify-content: space-between; }
      .student-observations-container .student-observation-detail-container .student-observation-detail-header button {
        border: none;
        box-shadow: none;
        color: #00377C;
        font-size: 16px !important; }
    .student-observations-container .student-observation-detail-container .student-observation-detal-body {
      display: grid;
      grid-gap: 24px;
      padding: 32px 64px; }
      .student-observations-container .student-observation-detail-container .student-observation-detal-body button {
        border-radius: 4px;
        background-color: #E5FDFF;
        color: #00377C;
        font-size: 14px !important;
        border: none;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center; }
        .student-observations-container .student-observation-detail-container .student-observation-detal-body button:hover {
          color: #F76B1C; }
        .student-observations-container .student-observation-detail-container .student-observation-detal-body button p {
          margin: 0px;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 350px; }
          @media screen and (max-width: 720px) {
            .student-observations-container .student-observation-detail-container .student-observation-detal-body button p {
              max-width: 250px; } }
          @media screen and (max-width: 575px) {
            .student-observations-container .student-observation-detail-container .student-observation-detal-body button p {
              max-width: 275px; } }
          @media screen and (max-width: 360px) {
            .student-observations-container .student-observation-detail-container .student-observation-detal-body button p {
              max-width: 215px; } }
      .student-observations-container .student-observation-detail-container .student-observation-detal-body .observation-date {
        display: flex;
        margin-left: auto;
        color: #003057;
        font-size: 12px !important; }
      .student-observations-container .student-observation-detail-container .student-observation-detal-body p {
        margin: 0px;
        font-size: 16px !important;
        color: #00377C;
        white-space: pre-wrap; }
      .student-observations-container .student-observation-detail-container .student-observation-detal-body .student-observation-links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        .student-observations-container .student-observation-detail-container .student-observation-detal-body .student-observation-links-container button {
          margin: 0px 10px 10px 0px; }

.modal-new-attachment-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 20px 0 #005FB920;
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 45%;
  min-width: 20%;
  max-height: 80%;
  height: auto;
  display: grid;
  grid-gap: 16px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .modal-new-attachment-container {
      max-width: 95%; } }
  .modal-new-attachment-container .modal-new-attachment-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-new-attachment-container .modal-new-attachment-header h3 {
      color: #00377C;
      margin-bottom: 0px;
      font-size: 24px !important;
      font-weight: 800; }
    .modal-new-attachment-container .modal-new-attachment-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
      .modal-new-attachment-container .modal-new-attachment-header button:disabled {
        background-color: #fff; }
  .modal-new-attachment-container .modal-new-attachment-item {
    display: grid; }
    .modal-new-attachment-container .modal-new-attachment-item p {
      margin-bottom: 0px;
      font-size: 14px !important;
      font-weight: bold; }
    .modal-new-attachment-container .modal-new-attachment-item .ant-input {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      width: 100%; }
    .modal-new-attachment-container .modal-new-attachment-item .ant-select {
      font-variant: normal;
      font-feature-settings: normal; }
      .modal-new-attachment-container .modal-new-attachment-item .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-new-attachment-container .modal-new-attachment-item .ant-select .ant-select-selector .ant-select-selection-item {
          color: #00377C;
          font-size: 14px !important; }
      .modal-new-attachment-container .modal-new-attachment-item .ant-select .ant-select-arrow {
        color: #00377C;
        font-size: 10px !important; }
    .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container {
      height: fit-content; }
      .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-drag {
        border: 1px dashed #DFEAEC;
        background-color: #fff;
        border-radius: 8px; }
        .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-drag .ant-upload-btn {
          padding: 48px 16px; }
          .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-drag .ant-upload-btn .ant-upload-drag-container .dragger-style .anticon-inbox {
            color: #F76B1C;
            font-size: 48px; }
          .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-drag .ant-upload-btn .ant-upload-drag-container .dragger-style p {
            font-size: 16px !important;
            margin-bottom: 0px;
            color: #00377C;
            font-weight: 400; }
      .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item {
        border-radius: 2px;
        border: 1px solid #DFEAEC;
        padding: 8px 16px;
        height: auto; }
        .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info {
          padding: 0px; }
          .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info:hover {
            background-color: #fff; }
          .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span {
            display: flex;
            align-items: center; }
            .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-text-icon .anticon-paper-clip {
              position: initial;
              font-size: 16px !important;
              color: #00377C; }
            .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-text-icon .anticon-loading {
              display: none; }
            .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-name {
              padding: 0px 16px;
              font-size: 16px !important;
              color: #00377C; }
            .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-card-actions {
              position: initial; }
              .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-card-actions button {
                font-size: 16px !important;
                opacity: 1;
                box-shadow: none; }
                .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-card-actions button .anticon-delete {
                  font-size: 16px !important;
                  color: #00377C; }
      .modal-new-attachment-container .modal-new-attachment-item .dragger-custom-container .ant-upload-list .ant-upload-list-item-progress {
        display: none; }
  .modal-new-attachment-container .modal-new-attachment-footer {
    display: flex;
    align-items: center; }
    .modal-new-attachment-container .modal-new-attachment-footer button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      display: flex;
      font-weight: bold;
      font-size: 16px !important; }
      .modal-new-attachment-container .modal-new-attachment-footer button:first-child {
        margin-left: auto;
        margin-right: 8px; }
    .modal-new-attachment-container .modal-new-attachment-footer .btn-cancel {
      background-color: #F5F5F5;
      color: #00377C; }
    .modal-new-attachment-container .modal-new-attachment-footer .btn-submit {
      background-color: #F76B1C;
      color: #fff; }

.student-attachments-container {
  display: grid;
  grid-gap: 16px; }
  .student-attachments-container .student-attachments-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .student-attachments-container .student-attachments-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .student-attachments-container .student-attachments-header button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FEF4E7;
      color: #F76B1C; }
  .student-attachments-container .student-attachments-table {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    overflow-x: scroll;
    overflow-y: scroll; }
    .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
      border-radius: 4px; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell {
        background-color: #fff;
        border-bottom: 1px solid #DFEAEC;
        font-size: 14px !important;
        font-weight: 800;
        color: #00377C;
        padding: 8px 24px; }
        .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
          padding: 0px; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
        text-align: right; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .type-cell {
        min-width: 175px; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .create-by-cell {
        min-width: 125px; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell {
        border-bottom: 1px solid #DFEAEC;
        white-space: nowrap;
        padding: 16px 16px;
        vertical-align: baseline; }
        .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell p {
          color: #00377C;
          margin: 0px;
          font-size: 14px !important; }
      .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container {
        display: flex;
        width: auto;
        align-items: center; }
        .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button {
          display: flex;
          align-items: center;
          box-shadow: none;
          border: none;
          padding: 4px 8px;
          margin-right: 8px;
          background-color: #ffffff00;
          color: #00377C; }
          .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:first-of-type {
            margin-left: auto; }
          .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:last-of-type {
            margin-right: 0px; }
          .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button:disabled {
            color: #d5d5d5; }
          .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell .btns-container button span {
            font-size: 20px !important; }
    .student-attachments-container .student-attachments-table .ant-spin-nested-loading .ant-spin-container .ant-pagination {
      padding: 0px 16px; }
  .student-attachments-container .student-observations-table::-webkit-scrollbar {
    height: .75rem; }
  .student-attachments-container .student-observations-table::-webkit-scrollbar-track {
    border-radius: 4px; }
  .student-attachments-container .student-observations-table::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .student-attachments-container .student-observations-table::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }

.ant-spin {
  padding: 1rem;
  display: flex;
  justify-content: center; }

.student-detail-container {
  padding: 2rem 2rem; }
  @media screen and (max-width: 575px) {
    .student-detail-container {
      padding: 1rem .75rem 4rem .75rem; } }